{counter}
\r\n * }\r\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction defaultEqualityCheck(a, b) {\n return a === b;\n}\n\nfunction areArgumentsShallowlyEqual(equalityCheck, prev, next) {\n if (prev === null || next === null || prev.length !== next.length) {\n return false;\n } // Do this in a for loop (and not a `forEach` or an `every`) so we can determine equality as fast as possible.\n\n\n var length = prev.length;\n\n for (var i = 0; i < length; i++) {\n if (!equalityCheck(prev[i], next[i])) {\n return false;\n }\n }\n\n return true;\n}\n\nexport function defaultMemoize(func) {\n var equalityCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultEqualityCheck;\n var lastArgs = null;\n var lastResult = null; // we reference arguments instead of spreading them for performance reasons\n\n return function () {\n if (!areArgumentsShallowlyEqual(equalityCheck, lastArgs, arguments)) {\n // apply arguments instead of spreading for performance.\n lastResult = func.apply(null, arguments);\n }\n\n lastArgs = arguments;\n return lastResult;\n };\n}\n\nfunction getDependencies(funcs) {\n var dependencies = Array.isArray(funcs[0]) ? funcs[0] : funcs;\n\n if (!dependencies.every(function (dep) {\n return typeof dep === 'function';\n })) {\n var dependencyTypes = dependencies.map(function (dep) {\n return _typeof(dep);\n }).join(', ');\n throw new Error('Selector creators expect all input-selectors to be functions, ' + ('instead received the following types: [' + dependencyTypes + ']'));\n }\n\n return dependencies;\n}\n\nexport function createSelectorCreator(memoize) {\n for (var _len = arguments.length, memoizeOptions = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n memoizeOptions[_key - 1] = arguments[_key];\n }\n\n return function () {\n for (var _len2 = arguments.length, funcs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n funcs[_key2] = arguments[_key2];\n }\n\n var recomputations = 0;\n var resultFunc = funcs.pop();\n var dependencies = getDependencies(funcs);\n var memoizedResultFunc = memoize.apply(undefined, [function () {\n recomputations++; // apply arguments instead of spreading for performance.\n\n return resultFunc.apply(null, arguments);\n }].concat(memoizeOptions)); // If a selector is called with the exact same arguments we don't need to traverse our dependencies again.\n\n var selector = memoize(function () {\n var params = [];\n var length = dependencies.length;\n\n for (var i = 0; i < length; i++) {\n // apply arguments instead of spreading and mutate a local list of params for performance.\n params.push(dependencies[i].apply(null, arguments));\n } // apply arguments instead of spreading for performance.\n\n\n return memoizedResultFunc.apply(null, params);\n });\n selector.resultFunc = resultFunc;\n selector.dependencies = dependencies;\n\n selector.recomputations = function () {\n return recomputations;\n };\n\n selector.resetRecomputations = function () {\n return recomputations = 0;\n };\n\n return selector;\n };\n}\nexport var createSelector = createSelectorCreator(defaultMemoize);\nexport function createStructuredSelector(selectors) {\n var selectorCreator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : createSelector;\n\n if (_typeof(selectors) !== 'object') {\n throw new Error('createStructuredSelector expects first argument to be an object ' + ('where each property is a selector, instead received a ' + _typeof(selectors)));\n }\n\n var objectKeys = Object.keys(selectors);\n return selectorCreator(objectKeys.map(function (key) {\n return selectors[key];\n }), function () {\n for (var _len3 = arguments.length, values = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n values[_key3] = arguments[_key3];\n }\n\n return values.reduce(function (composition, value, index) {\n composition[objectKeys[index]] = value;\n return composition;\n }, {});\n });\n}","import React, { Component } from \"react\"\nimport { connect } from 'react-redux'\nimport { createStructuredSelector } from \"reselect\"\nimport { DisplayDate } from \"controls/display_date\"\nimport { VerifyBadgeDialog } from \"./verify_badge_dialog\"\n\nconst _get = (path, object) =>\n path.reduce((xs, x) =>\n (xs && xs[x]) ? xs[x] : null, object);\n\nconst or = (defaultValue, x) => x || defaultValue;\n\nconst get = (defaultValue, path, object) =>\n or(defaultValue, _get(path, object));\n\nconst GET_BADGE_SUCCESS = 'GET_BADGE_SUCCESS';\nconst DEFAULT_IMAGE = 'https://credlyapp.s3.amazonaws.com/avatars/fbe5d8cb03489a142fe90d12bb7e7c32_19.png';\n\nfunction getBadge(id) {\n return dispatch => {\n dispatch(getBadgeSuccess((window._badge) ? window._badge : {}));\n };\n}\n\nfunction getBadgeSuccess(json) {\n return {\n type: GET_BADGE_SUCCESS,\n json\n }\n}\n\nclass BadgeDetails extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showDialog: false\n };\n }\n\n componentDidMount() {\n this.props.getBadge(this.props.match.params.id)\n }\n\n renderSkill(skill, i) {\n return (\n \n
\n );\n }\n\n return (\n Demonstrated Skills
\n- \n {categories.map((skill, i) => this.renderSkill(skill, i))}\n
\n
\n );\n }\n}\n\nconst structuredSelector = createStructuredSelector({\n badge: state => state.badge,\n});\n\nconst mapDispatchToProps = { getBadge };\n\nexport default connect(structuredSelector, mapDispatchToProps)(BadgeDetails);\n","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function') {\n return;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}","'use strict';\n\nvar reactIs = require('react-is');\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\n\n\nvar REACT_STATICS = {\n childContextTypes: true,\n contextType: true,\n contextTypes: true,\n defaultProps: true,\n displayName: true,\n getDefaultProps: true,\n getDerivedStateFromError: true,\n getDerivedStateFromProps: true,\n mixins: true,\n propTypes: true,\n type: true\n};\nvar KNOWN_STATICS = {\n name: true,\n length: true,\n prototype: true,\n caller: true,\n callee: true,\n arguments: true,\n arity: true\n};\nvar FORWARD_REF_STATICS = {\n '$$typeof': true,\n render: true,\n defaultProps: true,\n displayName: true,\n propTypes: true\n};\nvar MEMO_STATICS = {\n '$$typeof': true,\n compare: true,\n defaultProps: true,\n displayName: true,\n propTypes: true,\n type: true\n};\nvar TYPE_STATICS = {};\nTYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;\nTYPE_STATICS[reactIs.Memo] = MEMO_STATICS;\n\nfunction getStatics(component) {\n // React v16.11 and below\n if (reactIs.isMemo(component)) {\n return MEMO_STATICS;\n } // React v16.12 and above\n\n\n return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;\n}\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = Object.prototype;\n\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n if (typeof sourceComponent !== 'string') {\n // don't hoist over string (html) components\n if (objectPrototype) {\n var inheritedComponent = getPrototypeOf(sourceComponent);\n\n if (inheritedComponent && inheritedComponent !== objectPrototype) {\n hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n }\n }\n\n var keys = getOwnPropertyNames(sourceComponent);\n\n if (getOwnPropertySymbols) {\n keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n }\n\n var targetStatics = getStatics(targetComponent);\n var sourceStatics = getStatics(sourceComponent);\n\n for (var i = 0; i < keys.length; ++i) {\n var key = keys[i];\n\n if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {\n var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n\n try {\n // Avoid failures from read-only properties\n defineProperty(targetComponent, key, descriptor);\n } catch (e) {}\n }\n }\n }\n\n return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;","(function (root) {\n var isOn = false;\n var scrollbarSize;\n var scrollTop;\n\n function getScrollbarSize() {\n if (typeof scrollbarSize !== 'undefined') return scrollbarSize;\n var doc = document.documentElement;\n var dummyScroller = document.createElement('div');\n dummyScroller.setAttribute('style', 'width:99px;height:99px;' + 'position:absolute;top:-9999px;overflow:scroll;');\n doc.appendChild(dummyScroller);\n scrollbarSize = dummyScroller.offsetWidth - dummyScroller.clientWidth;\n doc.removeChild(dummyScroller);\n return scrollbarSize;\n }\n\n function hasScrollbar() {\n return document.documentElement.scrollHeight > window.innerHeight;\n }\n\n function on(options) {\n if (typeof document === 'undefined' || isOn) return;\n var doc = document.documentElement;\n scrollTop = window.pageYOffset;\n\n if (hasScrollbar()) {\n doc.style.width = 'calc(100% - ' + getScrollbarSize() + 'px)';\n } else {\n doc.style.width = '100%';\n }\n\n doc.style.position = 'fixed';\n doc.style.top = -scrollTop + 'px';\n doc.style.overflow = 'hidden';\n isOn = true;\n }\n\n function off() {\n if (typeof document === 'undefined' || !isOn) return;\n var doc = document.documentElement;\n doc.style.width = '';\n doc.style.position = '';\n doc.style.top = '';\n doc.style.overflow = '';\n window.scroll(0, scrollTop);\n isOn = false;\n }\n\n function toggle() {\n if (isOn) {\n off();\n return;\n }\n\n on();\n }\n\n var noScroll = {\n on: on,\n off: off,\n toggle: toggle\n };\n\n if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n module.exports = noScroll;\n } else {\n root.noScroll = noScroll;\n }\n})(this);","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n'use strict';\n/* eslint-disable no-unused-vars */\n\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n\n return Object(val);\n}\n\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n } // Detect buggy property enumeration order in older V8 versions.\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\n\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\n test1[5] = 'de';\n\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test2 = {};\n\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n\n if (order2.join('') !== '0123456789') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n\n return to;\n};","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-is.production.min.js');\n} else {\n module.exports = require('./cjs/react-is.development.js');\n}","/**\n * Update the steps in the component's state\n * state.steps is {Object[Boolean]} representing a complete or incomplete step\n * @returns {Function}\n */\nexport const sequenceStateUpdater = (component) => {\n return step => component.setState((state) => {\n let newSteps = { ...state.steps };\n newSteps[step.label] = true;\n return { ...state, steps: { ...newSteps } };\n });\n};","import React, { Component, Fragment } from \"react\";\nimport PropTypes from \"prop-types\";\nimport FocusTrap from \"focus-trap-react\";\nimport noScroll from \"no-scroll\";\nimport { makeClassName, uniqueId } from \"utils\";\n//import { Button } from \"controls/button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faTimes } from \"@fortawesome/pro-light-svg-icons/faTimes\";\n\nconst DialogContext = React.createContext();\n\n/**\n * A simple dialog wrapping arbitrary content.\n * By default, it shows a button that says \"OK\" (which closes the dialog)\n * Clicking outside of the dialog dismisses it without action.\n *\n * Example:\n * \n *\n * @property {String} title - The title of the dialog\n * @property {Function} shouldClose - Called when the dialog should be closed without action\n * @property {Boolean} show - True to show the dialg, false to hide it\n * @property {Boolean} disableBackdropClose - Set to false to disable clicking away to close\n * @property {Boolean} hideCloseButton - Set to false to disable the close button in the corner\n *\n * Deprecated properties:\n * @property {Boolean} allowScroll - See Dialog.Content\n * @property {Array} actions - Deprecated. Use Dialog.Footer and Dialog.Action.\n */\nexport default class Dialog extends Component {\n constructor(props) {\n super(props);\n this.dialogBox = React.createRef();\n this.uniqueIntForId = uniqueId();\n }\n\n componentDidMount() {\n if (this.props.show) {\n noScroll.on();\n this.dialogBox.current.focus();\n }\n }\n\n componentWillUnmount() {\n noScroll.off();\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.show && this.props.show !== prevProps.show) {\n noScroll.on();\n this.dialogBox.current.focus();\n }\n }\n\n handleShowChange = e => {\n if (this.props.shouldClose) {\n e && e.preventDefault();\n this.props.shouldClose();\n noScroll.off();\n }\n };\n\n handleAction = action => {\n if (!action.noClose) {\n if (!action.isSubmit) {\n this.handleShowChange();\n } else {\n // Release the event queue, so the form's onSubmit can fire while the form is still\n // present on the page. Otherwise, there will be warning in the console.\n setTimeout(this.handleShowChange, 1);\n }\n }\n };\n\n handleBackdropClose = () => {\n if (!this.props.disableBackdropClose) {\n this.handleShowChange();\n }\n };\n\n handleCloseButtonKeyDown = evt => {\n if (evt.key === \" \" || evt.key === \"Enter\") {\n this.handleShowChange(evt);\n }\n };\n\n handleDialogKeyDown = evt => {\n if (evt.key === \"Escape\") {\n this.handleBackdropClose();\n }\n };\n\n /**\n * Renders the title section if a title is given.\n *\n * @returns {React.element}\n */\n renderTitle = () => {\n if (this.props.title) {\n return (\n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n This badge was issued to {get('', ['member', 'display_name'], badge)}{issuedDate}.
\n\n
\n \n
\n \n \n { this.state.showDialog && this.renderDialog() }\n
\n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n \n
\n {get(DEFAULT_IMAGE,['title'], badge)}
\n\n Issued by {get(DEFAULT_IMAGE,['issuer', 'display_name'], badge)}\n
\n \n
\n {skills}\n \n
\n Earning Criteria
\n \n\n
\n \n
\n \n
\n \n
\n \n Request Deletion\n { false && \" | \"}\n { false && (Download Open Badge) }\n
\n \n \n {this.props.title}\n
\n {!this.props.hideCloseButton && (\n {props.children}
;\n\n/**\n * The content of the dialog.\n *\n * @param {Object} props\n * @param {Boolean} props.noScroll - If the content is too tall, strech the dialog, rather than\n * allowing the content to scroll. Use this when the dialog contains absolutely positioned\n * elements (like