I appear first
I replace the above
\n * I'm a fade Transition!\n *
\n * )}\n * \n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nexports.EXITING = EXITING;\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n var _proto = Transition.prototype;\n\n _proto.getChildContext = function getChildContext() {\n return {\n transitionGroup: null // allows for nested Transitions\n\n };\n };\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n }; // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n var node = _reactDom.default.findDOMNode(this);\n\n if (nextStatus === ENTERING) {\n this.performEnter(node, mounting);\n } else {\n this.performExit(node);\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(node, mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node);\n });\n return;\n }\n\n this.props.onEnter(node, appearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(node, appearing);\n\n _this2.onTransitionEnd(node, enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(node, appearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit(node) {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED\n\n if (!exit) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n return;\n }\n\n this.props.onExit(node);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(node);\n\n _this3.onTransitionEnd(node, timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(node);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {\n this.setNextCallback(handler);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n this.props.addEndListener(node, this.nextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\"]); // filter props for Transtition\n\n\n delete childProps.in;\n delete childProps.mountOnEnter;\n delete childProps.unmountOnExit;\n delete childProps.appear;\n delete childProps.enter;\n delete childProps.exit;\n delete childProps.timeout;\n delete childProps.addEndListener;\n delete childProps.onEnter;\n delete childProps.onEntering;\n delete childProps.onEntered;\n delete childProps.onExit;\n delete childProps.onExiting;\n delete childProps.onExited;\n\n if (typeof children === 'function') {\n return children(status, childProps);\n }\n\n var child = _react.default.Children.only(children);\n\n return _react.default.cloneElement(child, childProps);\n };\n\n return Transition;\n}(_react.default.Component);\n\nTransition.contextTypes = {\n transitionGroup: PropTypes.object\n};\nTransition.childContextTypes = {\n transitionGroup: function transitionGroup() {}\n};\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`, `'unmounted'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n * \n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the `in` prop is set to `true`, the child component will first receive\n * the class `example-enter`, then the `example-enter-active` will be added in\n * the next tick. `CSSTransition` [forces a\n * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)\n * between before adding the `example-enter-active`. This is an important trick\n * because it allows us to transition between `example-enter` and\n * `example-enter-active` even though they were added immediately one after\n * another. Most notably, this is what makes it possible for us to animate\n * _appearance_.\n *\n * ```css\n * .my-node-enter {\n * opacity: 0;\n * }\n * .my-node-enter-active {\n * opacity: 1;\n * transition: opacity 200ms;\n * }\n * .my-node-exit {\n * opacity: 1;\n * }\n * .my-node-exit-active {\n * opacity: 0;\n * transition: opacity: 200ms;\n * }\n * ```\n *\n * `*-active` classes represent which styles you want to animate **to**.\n */\n\n\nvar CSSTransition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(CSSTransition, _React$Component);\n\n function CSSTransition() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _this.onEnter = function (node, appearing) {\n var _this$getClassNames = _this.getClassNames(appearing ? 'appear' : 'enter'),\n className = _this$getClassNames.className;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, className);\n\n if (_this.props.onEnter) {\n _this.props.onEnter(node, appearing);\n }\n };\n\n _this.onEntering = function (node, appearing) {\n var _this$getClassNames2 = _this.getClassNames(appearing ? 'appear' : 'enter'),\n activeClassName = _this$getClassNames2.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onEntering) {\n _this.props.onEntering(node, appearing);\n }\n };\n\n _this.onEntered = function (node, appearing) {\n var appearClassName = _this.getClassNames('appear').doneClassName;\n\n var enterClassName = _this.getClassNames('enter').doneClassName;\n\n var doneClassName = appearing ? appearClassName + \" \" + enterClassName : enterClassName;\n\n _this.removeClasses(node, appearing ? 'appear' : 'enter');\n\n addClass(node, doneClassName);\n\n if (_this.props.onEntered) {\n _this.props.onEntered(node, appearing);\n }\n };\n\n _this.onExit = function (node) {\n var _this$getClassNames3 = _this.getClassNames('exit'),\n className = _this$getClassNames3.className;\n\n _this.removeClasses(node, 'appear');\n\n _this.removeClasses(node, 'enter');\n\n addClass(node, className);\n\n if (_this.props.onExit) {\n _this.props.onExit(node);\n }\n };\n\n _this.onExiting = function (node) {\n var _this$getClassNames4 = _this.getClassNames('exit'),\n activeClassName = _this$getClassNames4.activeClassName;\n\n _this.reflowAndAddClass(node, activeClassName);\n\n if (_this.props.onExiting) {\n _this.props.onExiting(node);\n }\n };\n\n _this.onExited = function (node) {\n var _this$getClassNames5 = _this.getClassNames('exit'),\n doneClassName = _this$getClassNames5.doneClassName;\n\n _this.removeClasses(node, 'exit');\n\n addClass(node, doneClassName);\n\n if (_this.props.onExited) {\n _this.props.onExited(node);\n }\n };\n\n _this.getClassNames = function (type) {\n var classNames = _this.props.classNames;\n var isStringClassNames = typeof classNames === 'string';\n var prefix = isStringClassNames && classNames ? classNames + '-' : '';\n var className = isStringClassNames ? prefix + type : classNames[type];\n var activeClassName = isStringClassNames ? className + '-active' : classNames[type + 'Active'];\n var doneClassName = isStringClassNames ? className + '-done' : classNames[type + 'Done'];\n return {\n className: className,\n activeClassName: activeClassName,\n doneClassName: doneClassName\n };\n };\n\n return _this;\n }\n\n var _proto = CSSTransition.prototype;\n\n _proto.removeClasses = function removeClasses(node, type) {\n var _this$getClassNames6 = this.getClassNames(type),\n className = _this$getClassNames6.className,\n activeClassName = _this$getClassNames6.activeClassName,\n doneClassName = _this$getClassNames6.doneClassName;\n\n className && removeClass(node, className);\n activeClassName && removeClass(node, activeClassName);\n doneClassName && removeClass(node, doneClassName);\n };\n\n _proto.reflowAndAddClass = function reflowAndAddClass(node, className) {\n // This is for to force a repaint,\n // which is necessary in order to transition styles when adding a class name.\n if (className) {\n /* eslint-disable no-unused-expressions */\n node && node.scrollTop;\n /* eslint-enable no-unused-expressions */\n\n addClass(node, className);\n }\n };\n\n _proto.render = function render() {\n var props = _extends({}, this.props);\n\n delete props.classNames;\n return _react.default.createElement(_Transition.default, _extends({}, props, {\n onEnter: this.onEnter,\n onEntered: this.onEntered,\n onEntering: this.onEntering,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited\n }));\n };\n\n return CSSTransition;\n}(_react.default.Component);\n\nCSSTransition.defaultProps = {\n classNames: ''\n};\nCSSTransition.propTypes = process.env.NODE_ENV !== \"production\" ? _extends({}, _Transition.default.propTypes, {\n /**\n * The animation classNames applied to the component as it enters, exits or\n * has finished the transition. A single name can be provided and it will be\n * suffixed for each stage: e.g.\n *\n * `classNames=\"fade\"` applies `fade-enter`, `fade-enter-active`,\n * `fade-enter-done`, `fade-exit`, `fade-exit-active`, `fade-exit-done`,\n * `fade-appear`, `fade-appear-active`, and `fade-appear-done`.\n *\n * **Note**: `fade-appear-done` and `fade-enter-done` will _both_ be applied.\n * This allows you to define different behavior for when appearing is done and\n * when regular entering is done, using selectors like\n * `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply an\n * epic entrance animation when element first appears in the DOM using\n * [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can\n * simply use `fade-enter-done` for defining both cases.\n *\n * Each individual classNames can also be specified independently like:\n *\n * ```js\n * classNames={{\n * appear: 'my-appear',\n * appearActive: 'my-active-appear',\n * appearDone: 'my-done-appear',\n * enter: 'my-enter',\n * enterActive: 'my-active-enter',\n * enterDone: 'my-done-enter',\n * exit: 'my-exit',\n * exitActive: 'my-active-exit',\n * exitDone: 'my-done-exit',\n * }}\n * ```\n *\n * If you want to set these classes using CSS Modules:\n *\n * ```js\n * import styles from './styles.css';\n * ```\n *\n * you might want to use camelCase in your CSS file, that way could simply\n * spread them instead of listing them one by one:\n *\n * ```js\n * classNames={{ ...styles }}\n * ```\n *\n * @type {string | {\n * appear?: string,\n * appearActive?: string,\n * appearDone?: string,\n * enter?: string,\n * enterActive?: string,\n * enterDone?: string,\n * exit?: string,\n * exitActive?: string,\n * exitDone?: string,\n * }}\n */\n classNames: _PropTypes.classNamesShape,\n\n /**\n * A `\n * {\"I'll receive my-node-* classes\"}\n *
\n * ` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: _propTypes.default.any,\n\n /**\n * A set of `` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: _propTypes.default.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: _propTypes.default.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: _propTypes.default.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: _propTypes.default.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\n\nvar _default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup);\n\nexports.default = _default;\nmodule.exports = exports[\"default\"];","'use strict';\n\nfunction replaceClassName(origClass, classToRemove) {\n return origClass.replace(new RegExp('(^|\\\\s)' + classToRemove + '(?:\\\\s|$)', 'g'), '$1').replace(/\\s+/g, ' ').replace(/^\\s*|\\s*$/g, '');\n}\n\nmodule.exports = function removeClass(element, className) {\n if (element.classList) element.classList.remove(className);else if (typeof element.className === 'string') element.className = replaceClassName(element.className, className);else element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));\n};","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Helmet } from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title, newBodyClass }) {\n const { site } = useStaticQuery(\n graphql`\n query {\n site {\n siteMetadata {\n title\n description\n author\n }\n }\n }\n `\n )\n\n const metaDescription = description || site.siteMetadata.description\n\n return (\n &&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n\n\n var it;\n\n if (hasMap && a instanceof Map && b instanceof Map) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) {\n if (!b.has(i.value[0])) return false;\n }\n\n it = a.entries();\n\n while (!(i = it.next()).done) {\n if (!equal(i.value[1], b.get(i.value[0]))) return false;\n }\n\n return true;\n }\n\n if (hasSet && a instanceof Set && b instanceof Set) {\n if (a.size !== b.size) return false;\n it = a.entries();\n\n while (!(i = it.next()).done) {\n if (!b.has(i.value[0])) return false;\n }\n\n return true;\n } // END: Modifications\n\n\n if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n\n for (i = length; i-- !== 0;) {\n if (a[i] !== b[i]) return false;\n }\n\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;) {\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n } // END: fast-deep-equal\n // START: react-fast-compare\n // custom handling for DOM elements\n\n\n if (hasElementType && a instanceof Element) return false; // custom handling for React/Preact\n\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n continue;\n } // all other properties should be traversed as usual\n\n\n if (!equal(a[keys[i]], b[keys[i]])) return false;\n } // END: react-fast-compare\n // START: fast-deep-equal\n\n\n return true;\n }\n\n return a !== a && b !== b;\n} // end fast-deep-equal\n\n\nmodule.exports = function isEqual(a, b) {\n try {\n return equal(a, b);\n } catch (error) {\n if ((error.message || '').match(/stack|recursion/i)) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n } // some other error. we should definitely know about these\n\n\n throw error;\n }\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _utils = _interopRequireDefault(require(\"./utils\"));\n\nvar _FlagBox = _interopRequireDefault(require(\"./FlagBox\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar CountryList = function (_Component) {\n _inherits(CountryList, _Component);\n\n function CountryList() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, CountryList);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(CountryList)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setDropdownPosition\", function () {\n _this.listElement.classList.remove('hide');\n\n var inputTop = _this.props.inputTop;\n var windowTop = window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;\n var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;\n var inputOuterHeight = _this.props.inputOuterHeight;\n\n var countryListOuterHeight = _utils.default.getOuterHeight(_this.listElement);\n\n var dropdownFitsBelow = inputTop + inputOuterHeight + countryListOuterHeight < windowTop + windowHeight;\n var dropdownFitsAbove = inputTop - countryListOuterHeight > windowTop;\n var cssTop = !dropdownFitsBelow && dropdownFitsAbove ? \"-\".concat(countryListOuterHeight - 1, \"px\") : '';\n _this.listElement.style.top = cssTop;\n\n _this.listElement.classList.remove('v-hide');\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"appendListItem\", function (countries) {\n var isPreferred = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var preferredCountriesCount = _this.props.preferredCountries.length;\n return countries.map(function (country, index) {\n var actualIndex = isPreferred ? index : index + preferredCountriesCount;\n var countryClassObj = {\n country: true,\n highlight: _this.props.highlightedCountry === actualIndex,\n preferred: isPreferred\n };\n var countryClass = (0, _classnames.default)(countryClassObj);\n var onMouseOverOrFocus = _this.props.isMobile ? function () {} : _this.handleMouseOver;\n var keyPrefix = isPreferred ? 'pref-' : '';\n return _react.default.createElement(_FlagBox.default, {\n key: \"\".concat(keyPrefix).concat(country.iso2),\n dialCode: country.dialCode,\n isoCode: country.iso2,\n name: country.name,\n onMouseOver: onMouseOverOrFocus,\n onClick: function onClick() {\n return _this.props.setFlag(country.iso2);\n },\n onFocus: onMouseOverOrFocus,\n flagRef: function flagRef(selectedFlag) {\n _this.selectedFlag = selectedFlag;\n },\n innerFlagRef: function innerFlagRef(selectedFlagInner) {\n _this.selectedFlagInner = selectedFlagInner;\n },\n countryClass: countryClass\n });\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleMouseOver\", function (e) {\n if (e.currentTarget.getAttribute('class').indexOf('country') > -1) {\n var selectedIndex = _utils.default.retrieveLiIndex(e.currentTarget);\n\n _this.props.changeHighlightCountry(true, selectedIndex);\n }\n });\n\n return _this;\n }\n\n _createClass(CountryList, [{\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps) {\n var shouldUpdate = !_utils.default.shallowEquals(this.props, nextProps);\n\n if (shouldUpdate && nextProps.showDropdown) {\n this.listElement.classList.add('v-hide');\n this.setDropdownPosition();\n }\n\n return shouldUpdate;\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var _this$props = this.props,\n preferredCountries = _this$props.preferredCountries,\n countries = _this$props.countries,\n showDropdown = _this$props.showDropdown;\n var className = (0, _classnames.default)('country-list', {\n hide: !showDropdown\n });\n var preferredOptions = this.appendListItem(preferredCountries, true);\n var allOptions = this.appendListItem(countries);\n\n var divider = _react.default.createElement(\"div\", {\n className: \"divider\"\n });\n\n return _react.default.createElement(\"ul\", {\n ref: function ref(listElement) {\n _this2.listElement = listElement;\n },\n className: className\n }, preferredOptions, preferredCountries.length > 0 ? divider : null, allOptions);\n }\n }]);\n\n return CountryList;\n}(_react.Component);\n\nexports.default = CountryList;\nCountryList.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [{\n \"name\": \"setDropdownPosition\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"appendListItem\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countries\",\n \"type\": null\n }, {\n \"name\": \"isPreferred\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleMouseOver\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }],\n \"displayName\": \"CountryList\",\n \"props\": {\n \"setFlag\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"countries\": {\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"object\"\n }\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"inputTop\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"inputOuterHeight\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"preferredCountries\": {\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"object\"\n }\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"highlightedCountry\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"changeHighlightCountry\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"showDropdown\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"isMobile\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n }\n }\n};","'use strict';\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\n\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\nmodule.exports = Cancel;","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = utils.isStandardBrowserEnv() ? // Standard browser envs support document.cookie\nfunction standardBrowserEnv() {\n return {\n write: function write(name, value, expires, path, domain, secure) {\n var cookie = [];\n cookie.push(name + '=' + encodeURIComponent(value));\n\n if (utils.isNumber(expires)) {\n cookie.push('expires=' + new Date(expires).toGMTString());\n }\n\n if (utils.isString(path)) {\n cookie.push('path=' + path);\n }\n\n if (utils.isString(domain)) {\n cookie.push('domain=' + domain);\n }\n\n if (secure === true) {\n cookie.push('secure');\n }\n\n document.cookie = cookie.join('; ');\n },\n read: function read(name) {\n var match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n return match ? decodeURIComponent(match[3]) : null;\n },\n remove: function remove(name) {\n this.write(name, '', Date.now() - 86400000);\n }\n };\n}() : // Non standard browser env (web workers, react-native) lack needed support.\nfunction nonStandardBrowserEnv() {\n return {\n write: function write() {},\n read: function read() {\n return null;\n },\n remove: function remove() {}\n };\n}();","'use strict';\n\nvar isAbsoluteURL = require('../helpers/isAbsoluteURL');\n\nvar combineURLs = require('../helpers/combineURLs');\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n * @returns {string} The combined full path\n */\n\n\nmodule.exports = function buildFullPath(baseURL, requestedURL) {\n if (baseURL && !isAbsoluteURL(requestedURL)) {\n return combineURLs(baseURL, requestedURL);\n }\n\n return requestedURL;\n};","'use strict';\n\nvar Cancel = require('./Cancel');\n/**\n * A `CancelToken` is an object that can be used to request cancellation of an operation.\n *\n * @class\n * @param {Function} executor The executor function.\n */\n\n\nfunction CancelToken(executor) {\n if (typeof executor !== 'function') {\n throw new TypeError('executor must be a function.');\n }\n\n var resolvePromise;\n this.promise = new Promise(function promiseExecutor(resolve) {\n resolvePromise = resolve;\n });\n var token = this;\n executor(function cancel(message) {\n if (token.reason) {\n // Cancellation has already been requested\n return;\n }\n\n token.reason = new Cancel(message);\n resolvePromise(token.reason);\n });\n}\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\n\n\nCancelToken.prototype.throwIfRequested = function throwIfRequested() {\n if (this.reason) {\n throw this.reason;\n }\n};\n/**\n * Returns an object that contains a new `CancelToken` and a function that, when called,\n * cancels the `CancelToken`.\n */\n\n\nCancelToken.source = function source() {\n var cancel;\n var token = new CancelToken(function executor(c) {\n cancel = c;\n });\n return {\n token: token,\n cancel: cancel\n };\n};\n\nmodule.exports = CancelToken;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _underscore = _interopRequireDefault(require(\"underscore.deferred\"));\n\nvar _AllCountries = _interopRequireDefault(require(\"./AllCountries\"));\n\nvar _FlagDropDown = _interopRequireDefault(require(\"./FlagDropDown\"));\n\nvar _TelInput = _interopRequireDefault(require(\"./TelInput\"));\n\nvar _utils = _interopRequireDefault(require(\"./utils\"));\n\nvar _constants = require(\"./constants\");\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar mobileUserAgentRegexp = /Android.+Mobile|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;\n\nvar IntlTelInput = function (_Component) {\n _inherits(IntlTelInput, _Component);\n\n _createClass(IntlTelInput, null, [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n var newState = null;\n\n if (typeof nextProps.value !== 'undefined' && prevState.value !== nextProps.value) {\n newState = {\n value: nextProps.value\n };\n }\n\n if (prevState.disabled !== nextProps.disabled) {\n newState = {\n disabled: nextProps.disabled\n };\n }\n\n return newState;\n }\n }]);\n\n function IntlTelInput(_props) {\n var _this;\n\n _classCallCheck(this, IntlTelInput);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(IntlTelInput).call(this, _props));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateFlagOnDefaultCountryChange\", function (countryCode) {\n _this.setFlag(countryCode, false);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getTempCountry\", function (countryCode) {\n if (countryCode === 'auto') {\n return 'auto';\n }\n\n var countryData = _utils.default.getCountryData(_this.countries, countryCode);\n\n if (!countryData.iso2) {\n if (_this.props.preferredCountries.length > 0) {\n countryData = _utils.default.getCountryData(_this.countries, _this.props.preferredCountries[0]);\n } else {\n countryData = _AllCountries.default.getCountries()[0];\n }\n }\n\n return countryData.iso2;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setNumber\", function (number, preventFormat) {\n _this.updateFlagFromNumber(number);\n\n _this.updateValFromNumber(number, !preventFormat);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setFlagDropdownRef\", function (ref) {\n _this.flagDropDown = ref;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setTelRef\", function (ref) {\n _this.tel = ref;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setFlag\", function (countryCode, isInit) {\n var prevCountry = _this.selectedCountryData && _this.selectedCountryData.iso2 ? _this.selectedCountryData : {};\n _this.selectedCountryData = countryCode ? _utils.default.getCountryData(_this.countries, countryCode, false, false, _this.props.noCountryDataHandler) : {};\n\n if (_this.selectedCountryData.iso2) {\n _this.defaultCountry = _this.selectedCountryData.iso2;\n }\n\n var title = countryCode ? \"\".concat(_this.selectedCountryData.name, \": +\").concat(_this.selectedCountryData.dialCode) : 'Unknown';\n var dialCode = _this.state.dialCode;\n\n if (_this.props.separateDialCode) {\n dialCode = _this.selectedCountryData.dialCode ? \"+\".concat(_this.selectedCountryData.dialCode) : '';\n\n if (prevCountry.dialCode) {\n delete _this.wrapperClass[\"iti-sdc-\".concat(prevCountry.dialCode.length + 1)];\n }\n\n if (dialCode) {\n _this.wrapperClass[\"iti-sdc-\".concat(dialCode.length)] = true;\n }\n }\n\n var selectedIndex = 0;\n\n if (countryCode && countryCode !== 'auto') {\n selectedIndex = _utils.default.findIndex(_this.preferredCountries, function (country) {\n return country.iso2 === countryCode;\n });\n\n if (selectedIndex === -1) {\n selectedIndex = _utils.default.findIndex(_this.countries, function (country) {\n return country.iso2 === countryCode;\n });\n if (selectedIndex === -1) selectedIndex = 0;\n selectedIndex += _this.preferredCountries.length;\n }\n }\n\n if (_this.tel && _this.state.showDropdown) {\n _this.tel.focus();\n }\n\n var newNumber = _this.updateDialCode(_this.selectedCountryData.dialCode, !isInit);\n\n _this.setState({\n value: newNumber,\n showDropdown: false,\n highlightedCountry: selectedIndex,\n countryCode: countryCode,\n title: title,\n dialCode: dialCode\n }, function () {\n _this.updatePlaceholder(_this.props);\n\n _this.wrapperClass.active = false;\n\n if (!isInit && prevCountry.iso2 !== countryCode && typeof _this.props.onSelectFlag === 'function') {\n var currentNumber = _this.state.value;\n\n var fullNumber = _this.formatFullNumber(currentNumber);\n\n var isValid = _this.isValidNumber(fullNumber);\n\n _this.props.onSelectFlag(currentNumber, _this.selectedCountryData, fullNumber, isValid);\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getExtension\", function (number) {\n if (window.intlTelInputUtils) {\n return window.intlTelInputUtils.getExtension(_this.getFullNumber(number), _this.selectedCountryData.iso2);\n }\n\n return '';\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getNumber\", function (number, format) {\n if (window.intlTelInputUtils) {\n return window.intlTelInputUtils.formatNumber(_this.getFullNumber(number), _this.selectedCountryData.iso2, format);\n }\n\n return '';\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getFullNumber\", function (number) {\n var prefix = _this.props.separateDialCode ? \"+\".concat(_this.selectedCountryData.dialCode) : '';\n return prefix + number;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"getDialCode\", function (number) {\n var dialCode = '';\n\n if (number.charAt(0) === '+') {\n var numericChars = '';\n\n for (var i = 0, max = number.length; i < max; i++) {\n var c = number.charAt(i);\n\n if (_utils.default.isNumeric(c)) {\n numericChars += c;\n\n if (_this.countryCodes[numericChars]) {\n dialCode = number.substr(0, i + 1);\n }\n\n if (numericChars.length === 4) {\n break;\n }\n }\n }\n }\n\n return dialCode;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"isUnknownNanp\", function (number, dialCode) {\n return dialCode === '+1' && _utils.default.getNumeric(number).length >= 4;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"addCountryCode\", function (countryCodes, iso2, dialCode, priority) {\n if (!(dialCode in countryCodes)) {\n countryCodes[dialCode] = [];\n }\n\n var index = priority || 0;\n countryCodes[dialCode][index] = iso2;\n return countryCodes;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"processAllCountries\", function () {\n if (_this.props.onlyCountries.length) {\n _this.filterCountries(_this.props.onlyCountries, function (inArray) {\n return inArray !== -1;\n });\n } else if (_this.props.excludeCountries.length) {\n _this.filterCountries(_this.props.excludeCountries, function (inArray) {\n return inArray === -1;\n });\n } else {\n _this.countries = _AllCountries.default.getCountries();\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"processCountryCodes\", function () {\n _this.countryCodes = {};\n\n for (var i = 0; i < _this.countries.length; i++) {\n var c = _this.countries[i];\n\n _this.addCountryCode(_this.countryCodes, c.iso2, c.dialCode, c.priority);\n\n if (c.areaCodes) {\n for (var j = 0; j < c.areaCodes.length; j++) {\n _this.addCountryCode(_this.countryCodes, c.iso2, c.dialCode + c.areaCodes[j]);\n }\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"processPreferredCountries\", function () {\n _this.preferredCountries = [];\n\n for (var i = 0, max = _this.props.preferredCountries.length; i < max; i++) {\n var countryCode = _this.props.preferredCountries[i].toLowerCase();\n\n var countryData = _utils.default.getCountryData(_this.countries, countryCode, true);\n\n if (countryData) {\n _this.preferredCountries.push(countryData);\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"setInitialState\", function () {\n var val = _this.props.value || _this.props.defaultValue || '';\n\n if (_this.getDialCode(val)) {\n _this.updateFlagFromNumber(val, true);\n } else if (_this.tempCountry !== 'auto') {\n if (_this.tempCountry) {\n _this.setFlag(_this.tempCountry, true);\n } else {\n _this.defaultCountry = _this.preferredCountries.length ? _this.preferredCountries[0].iso2 : _this.countries[0].iso2;\n\n if (!val) {\n _this.setFlag(_this.defaultCountry, true);\n }\n }\n\n if (!val && !_this.nationalMode && !_this.autoHideDialCode && !_this.props.separateDialCode) {\n _this.setState({\n value: \"+\".concat(_this.selectedCountryData.dialCode)\n });\n }\n }\n\n var doNotify = true;\n\n if (val) {\n _this.updateValFromNumber(val, _this.props.formatOnInit, doNotify);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"initRequests\", function () {\n import('libphonenumber-js-utils').then(function () {\n _this.loadUtils();\n\n _this.utilsScriptDeferred.resolve();\n }).catch(function () {\n return 'An error occurred while loading the component';\n });\n\n if (_this.tempCountry === 'auto') {\n _this.loadAutoCountry();\n } else {\n _this.autoCountryDeferred.resolve();\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"loadCountryFromLocalStorage\", function () {\n try {\n return window.localStorage !== undefined ? window.localStorage.getItem('itiAutoCountry') : '';\n } catch (e) {\n return '';\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"loadAutoCountry\", function () {\n var lsAutoCountry = _this.loadCountryFromLocalStorage();\n\n if (lsAutoCountry) {\n _this.autoCountry = lsAutoCountry;\n }\n\n if (_this.autoCountry) {\n _this.autoCountryLoaded();\n } else if (!_this.startedLoadingAutoCountry) {\n _this.startedLoadingAutoCountry = true;\n\n if (typeof _this.props.geoIpLookup === 'function') {\n _this.props.geoIpLookup(function (countryCode) {\n _this.autoCountry = countryCode.toLowerCase();\n\n if (window.localStorage !== undefined) {\n window.localStorage.setItem('itiAutoCountry', _this.autoCountry);\n }\n\n _this.autoCountryLoaded();\n });\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"cap\", function (number) {\n var max = _this.tel ? _this.tel.getAttribute('maxlength') : number;\n return max && number.length > max ? number.substr(0, max) : number;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"removeEmptyDialCode\", function () {\n var value = _this.state.value;\n var startsPlus = value.charAt(0) === '+';\n\n if (startsPlus) {\n var numeric = _utils.default.getNumeric(value);\n\n if (!numeric || _this.selectedCountryData.dialCode === numeric) {\n _this.setState({\n value: ''\n });\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleUpDownKey\", function (key) {\n var current = _this.flagDropDown.querySelectorAll('.highlight')[0];\n\n var prevElement = current ? current.previousElementSibling : undefined;\n var nextElement = current ? current.nextElementSibling : undefined;\n var next = key === _constants.KEYS.UP ? prevElement : nextElement;\n\n if (next) {\n if (next.getAttribute('class').indexOf('divider') > -1) {\n next = key === _constants.KEYS.UP ? next.previousElementSibling : next.nextElementSibling;\n }\n\n _this.scrollTo(next);\n\n var selectedIndex = _utils.default.retrieveLiIndex(next);\n\n _this.setState({\n showDropdown: true,\n highlightedCountry: selectedIndex\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleEnterKey\", function () {\n var current = _this.flagDropDown.querySelectorAll('.highlight')[0];\n\n if (current) {\n var selectedIndex = _utils.default.retrieveLiIndex(current);\n\n var countryCode = current.getAttribute('data-country-code');\n\n _this.setState({\n showDropdown: false,\n highlightedCountry: selectedIndex,\n countryCode: countryCode\n }, function () {\n _this.setFlag(_this.state.countryCode);\n\n _this.unbindDocumentClick();\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"searchForCountry\", function (query) {\n for (var i = 0, max = _this.countries.length; i < max; i++) {\n if (_utils.default.startsWith(_this.countries[i].name, query)) {\n var listItem = _this.flagDropDown.querySelector(\".country-list [data-country-code=\\\"\".concat(_this.countries[i].iso2, \"\\\"]:not(.preferred)\"));\n\n var selectedIndex = _utils.default.retrieveLiIndex(listItem);\n\n _this.setState({\n showDropdown: true,\n highlightedCountry: selectedIndex\n });\n\n _this.scrollTo(listItem, true);\n\n break;\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"formatNumber\", function (number) {\n if (window.intlTelInputUtils && _this.selectedCountryData) {\n var format = window.intlTelInputUtils.numberFormat.INTERNATIONAL;\n\n if (!_this.props.separateDialCode && _this.nationalMode || number.charAt(0) !== '+') {\n format = window.intlTelInputUtils.numberFormat.NATIONAL;\n }\n\n number = window.intlTelInputUtils.formatNumber(number, _this.selectedCountryData.iso2, format);\n }\n\n return number;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateValFromNumber\", function (number, doFormat) {\n var doNotify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n if (doFormat && window.intlTelInputUtils && _this.selectedCountryData) {\n var format = !_this.props.separateDialCode && (_this.nationalMode || number.charAt(0) !== '+') ? window.intlTelInputUtils.numberFormat.NATIONAL : window.intlTelInputUtils.numberFormat.INTERNATIONAL;\n number = window.intlTelInputUtils.formatNumber(number, _this.selectedCountryData.iso2, format);\n }\n\n number = _this.beforeSetNumber(number);\n\n _this.setState({\n showDropdown: false,\n value: number\n }, function () {\n if (doNotify) {\n _this.notifyPhoneNumberChange(number);\n }\n\n _this.unbindDocumentClick();\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateFlagFromNumber\", function (number, isInit) {\n if (number && _this.nationalMode && _this.selectedCountryData && _this.selectedCountryData.dialCode === '1' && number.charAt(0) !== '+') {\n if (number.charAt(0) !== '1') {\n number = \"1\".concat(number);\n }\n\n number = \"+\".concat(number);\n }\n\n var dialCode = _this.getDialCode(number);\n\n var countryCode = null;\n\n if (dialCode) {\n var countryCodes = _this.countryCodes[_utils.default.getNumeric(dialCode)];\n\n var alreadySelected = _this.selectedCountryData && countryCodes.indexOf(_this.selectedCountryData.iso2) !== -1;\n\n if (!alreadySelected || _this.isUnknownNanp(number, dialCode)) {\n for (var j = 0; j < countryCodes.length; j++) {\n if (countryCodes[j]) {\n countryCode = countryCodes[j];\n break;\n }\n }\n }\n } else if (number.charAt(0) === '+' && _utils.default.getNumeric(number).length) {\n countryCode = null;\n }\n\n if (countryCode !== null) {\n _this.setFlag(countryCode, isInit);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"filterCountries\", function (countryArray, processFunc) {\n var i;\n\n for (i = 0; i < countryArray.length; i++) {\n countryArray[i] = countryArray[i].toLowerCase();\n }\n\n _this.countries = [];\n\n for (i = 0; i < _AllCountries.default.getCountries().length; i++) {\n if (processFunc(countryArray.indexOf(_AllCountries.default.getCountries()[i].iso2))) {\n _this.countries.push(_AllCountries.default.getCountries()[i]);\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"processCountryData\", function () {\n _AllCountries.default.initialize(_this.props.countriesData);\n\n _this.processAllCountries.call(_assertThisInitialized(_assertThisInitialized(_this)));\n\n _this.processCountryCodes.call(_assertThisInitialized(_assertThisInitialized(_this)));\n\n _this.processPreferredCountries.call(_assertThisInitialized(_assertThisInitialized(_this)));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleOnBlur\", function (e) {\n _this.removeEmptyDialCode();\n\n if (typeof _this.props.onPhoneNumberBlur === 'function') {\n var value = _this.state.value;\n\n var fullNumber = _this.formatFullNumber(value);\n\n var isValid = _this.isValidNumber(fullNumber);\n\n _this.props.onPhoneNumberBlur(isValid, value, _this.selectedCountryData, fullNumber, _this.getExtension(value), e);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleOnFocus\", function (e) {\n if (typeof _this.props.onPhoneNumberFocus === 'function') {\n var value = _this.state.value;\n\n var fullNumber = _this.formatFullNumber(value);\n\n var isValid = _this.isValidNumber(fullNumber);\n\n _this.props.onPhoneNumberFocus(isValid, value, _this.selectedCountryData, fullNumber, _this.getExtension(value), e);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"bindDocumentClick\", function () {\n _this.isOpening = true;\n document.querySelector('html').addEventListener('click', _this.handleDocumentClick);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"unbindDocumentClick\", function () {\n document.querySelector('html').removeEventListener('click', _this.handleDocumentClick);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"clickSelectedFlag\", function (e) {\n var _this$props = _this.props,\n allowDropdown = _this$props.allowDropdown,\n onFlagClick = _this$props.onFlagClick;\n var _this$state = _this.state,\n showDropdown = _this$state.showDropdown,\n disabled = _this$state.disabled,\n readonly = _this$state.readonly;\n\n if (!showDropdown && !disabled && !readonly && allowDropdown) {\n _this.setState({\n showDropdown: true,\n offsetTop: _utils.default.offset(_this.tel).top,\n outerHeight: _utils.default.getOuterHeight(_this.tel)\n }, function () {\n var highlightItem = _this.flagDropDown.querySelector('.highlight');\n\n if (highlightItem) {\n _this.scrollTo(highlightItem, true);\n }\n });\n } else if (showDropdown) {\n _this.toggleDropdown(false);\n }\n\n if (typeof onFlagClick === 'function') {\n onFlagClick(e);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updatePlaceholder\", function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props;\n\n if (window.intlTelInputUtils && props.autoPlaceholder && _this.selectedCountryData) {\n var numberType = window.intlTelInputUtils.numberType[props.numberType];\n var placeholder = _this.selectedCountryData.iso2 ? window.intlTelInputUtils.getExampleNumber(_this.selectedCountryData.iso2, _this.nationalMode, numberType) : '';\n placeholder = _this.beforeSetNumber(placeholder, props);\n\n if (typeof props.customPlaceholder === 'function') {\n placeholder = props.customPlaceholder(placeholder, _this.selectedCountryData);\n }\n\n _this.setState({\n placeholder: placeholder\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"toggleDropdown\", function (status) {\n _this.setState({\n showDropdown: !!status\n }, function () {\n if (!_this.state.showDropdown) {\n _this.unbindDocumentClick();\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"scrollTo\", function (element, middle) {\n try {\n var container = _this.flagDropDown.querySelector('.country-list');\n\n var containerHeight = parseFloat(window.getComputedStyle(container).getPropertyValue('height'));\n\n var containerTop = _utils.default.offset(container).top;\n\n var containerBottom = containerTop + containerHeight;\n\n var elementHeight = _utils.default.getOuterHeight(element);\n\n var elementTop = _utils.default.offset(element).top;\n\n var elementBottom = elementTop + elementHeight;\n var middleOffset = containerHeight / 2 - elementHeight / 2;\n var newScrollTop = elementTop - containerTop + container.scrollTop;\n\n if (elementTop < containerTop) {\n if (middle) {\n newScrollTop -= middleOffset;\n }\n\n container.scrollTop = newScrollTop;\n } else if (elementBottom > containerBottom) {\n if (middle) {\n newScrollTop += middleOffset;\n }\n\n var heightDifference = containerHeight - elementHeight;\n container.scrollTop = newScrollTop - heightDifference;\n }\n } catch (err) {}\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"updateDialCode\", function (newDialCode, hasSelectedListItem) {\n var currentNumber = _this.state.value;\n\n if (!newDialCode) {\n return currentNumber;\n }\n\n var newNumber = currentNumber;\n newDialCode = \"+\".concat(newDialCode);\n\n if (currentNumber.charAt(0) === '+') {\n var prevDialCode = _this.getDialCode(currentNumber);\n\n if (prevDialCode) {\n newNumber = currentNumber.replace(prevDialCode, newDialCode);\n } else {\n newNumber = newDialCode;\n }\n } else if (_this.nationalMode || _this.props.separateDialCode) {} else if (currentNumber) {\n newNumber = newDialCode + currentNumber;\n } else if (hasSelectedListItem || !_this.autoHideDialCode) {\n newNumber = newDialCode;\n }\n\n if (newNumber !== currentNumber) {\n _this.notifyPhoneNumberChange(newNumber);\n }\n\n return newNumber;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"generateMarkup\", function () {\n _this.wrapperClass['separate-dial-code'] = _this.props.separateDialCode;\n\n if (_this.isMobile && _this.props.useMobileFullscreenDropdown) {\n document.querySelector('body').classList.add('iti-mobile');\n _this.dropdownContainer = 'body';\n window.addEventListener('scroll', _this.handleWindowScroll);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleSelectedFlagKeydown\", function (e) {\n if (!_this.state.showDropdown && (e.which === _constants.KEYS.UP || e.which === _constants.KEYS.DOWN || e.which === _constants.KEYS.SPACE || e.which === _constants.KEYS.ENTER)) {\n e.preventDefault();\n e.stopPropagation();\n\n _this.toggleDropdown(true);\n }\n\n if (e.which === _constants.KEYS.TAB) {\n _this.toggleDropdown(false);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"isValidNumber\", function (number) {\n var val = _utils.default.trim(number);\n\n var countryCode = _this.nationalMode || _this.props.separateDialCode ? _this.selectedCountryData.iso2 : '';\n\n if (window.intlTelInputUtils) {\n return window.intlTelInputUtils.isValidNumber(val, countryCode);\n }\n\n return false;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"formatFullNumber\", function (number) {\n return window.intlTelInputUtils ? _this.getNumber(number, window.intlTelInputUtils.numberFormat.INTERNATIONAL) : number;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"notifyPhoneNumberChange\", function (newNumber) {\n if (typeof _this.props.onPhoneNumberChange === 'function') {\n var fullNumber = _this.formatFullNumber(newNumber);\n\n var isValid = _this.isValidNumber(fullNumber);\n\n _this.props.onPhoneNumberChange(isValid, newNumber, _this.selectedCountryData, fullNumber, _this.getExtension(newNumber));\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"beforeSetNumber\", function (number) {\n var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this.props;\n\n if (props.separateDialCode) {\n var dialCode = _this.getDialCode(number);\n\n if (dialCode) {\n if (_this.selectedCountryData.areaCodes !== null) {\n dialCode = \"+\".concat(_this.selectedCountryData.dialCode);\n }\n\n var start = number[dialCode.length] === ' ' || number[dialCode.length] === '-' ? dialCode.length + 1 : dialCode.length;\n number = number.substr(start);\n }\n }\n\n return _this.cap(number);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleWindowScroll\", function () {\n _this.setState({\n showDropdown: false\n }, function () {\n window.removeEventListener('scroll', _this.handleWindowScroll);\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleDocumentKeyDown\", function (e) {\n var queryTimer;\n e.preventDefault();\n\n if (e.which === _constants.KEYS.UP || e.which === _constants.KEYS.DOWN) {\n _this.handleUpDownKey(e.which);\n } else if (e.which === _constants.KEYS.ENTER) {\n _this.handleEnterKey();\n } else if (e.which === _constants.KEYS.ESC) {\n _this.setState({\n showDropdown: false\n });\n } else if (e.which >= _constants.KEYS.A && e.which <= _constants.KEYS.Z || e.which === _constants.KEYS.SPACE) {\n if (queryTimer) {\n clearTimeout(queryTimer);\n }\n\n if (!_this.query) {\n _this.query = '';\n }\n\n _this.query += String.fromCharCode(e.which);\n\n _this.searchForCountry(_this.query);\n\n queryTimer = setTimeout(function () {\n _this.query = '';\n }, 1000);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleDocumentClick\", function (e) {\n var targetClass = e.target.getAttribute('class');\n\n if (targetClass === null || targetClass && targetClass.indexOf('country') === -1 && targetClass.indexOf('selected-flag') === -1 && targetClass.indexOf('iti-flag') === -1 && targetClass.indexOf('iti-arrow') === -1) {\n _this.isOpening = false;\n }\n\n if (!_this.isOpening) {\n _this.toggleDropdown(false);\n }\n\n _this.isOpening = false;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleInputChange\", function (e) {\n var cursorPosition = e.target.selectionStart;\n var previousValue = e.target.value;\n var priorValue = _this.state.value;\n var previousStringBeforeCursor = previousValue === '' ? previousValue : previousValue.substring(0, cursorPosition);\n var formattedValue = previousValue.length < priorValue.length ? previousValue : _this.formatNumber(e.target.value);\n var value = _this.props.format ? formattedValue : e.target.value;\n cursorPosition = _utils.default.getCursorPositionAfterFormating(previousStringBeforeCursor, previousValue, value);\n\n if (_this.props.value !== undefined) {\n _this.setState({\n cursorPosition: cursorPosition\n }, function () {\n _this.updateFlagFromNumber(value);\n\n _this.notifyPhoneNumberChange(value);\n });\n } else {\n _this.setState({\n value: value,\n cursorPosition: cursorPosition\n }, function () {\n _this.updateFlagFromNumber(value);\n\n _this.notifyPhoneNumberChange(value);\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"changeHighlightCountry\", function (showDropdown, selectedIndex) {\n _this.setState({\n showDropdown: showDropdown,\n highlightedCountry: selectedIndex\n });\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"loadUtils\", function () {\n if (window.intlTelInputUtils) {\n _this.utilsScriptDeferred.resolve();\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"autoCountryLoaded\", function () {\n if (_this.tempCountry === 'auto') {\n _this.tempCountry = _this.autoCountry;\n\n _this.autoCountryDeferred.resolve();\n }\n });\n\n _this.wrapperClass = {};\n _this.autoCountry = '';\n _this.tempCountry = '';\n _this.startedLoadingAutoCountry = false;\n _this.deferreds = [];\n _this.autoCountryDeferred = new _underscore.default.Deferred();\n _this.utilsScriptDeferred = new _underscore.default.Deferred();\n _this.isOpening = false;\n _this.isMobile = typeof navigator !== 'undefined' && mobileUserAgentRegexp.test(navigator.userAgent);\n _this.preferredCountries = [];\n _this.countries = [];\n _this.countryCodes = {};\n _this.windowLoaded = false;\n _this.query = '';\n _this.selectedCountryData = {};\n _this.state = {\n showDropdown: false,\n highlightedCountry: 0,\n value: _props.value || _props.defaultValue,\n disabled: _props.disabled,\n readonly: false,\n offsetTop: 0,\n outerHeight: 0,\n placeholder: '',\n title: '',\n countryCode: 'us',\n dialCode: '',\n cursorPosition: (_props.value || _props.defaultValue).length\n };\n return _this;\n }\n\n _createClass(IntlTelInput, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n this.autoHideDialCode = this.props.autoHideDialCode;\n this.allowDropdown = this.props.allowDropdown;\n this.nationalMode = this.props.nationalMode;\n this.dropdownContainer = '';\n\n if (this.nationalMode) {\n this.autoHideDialCode = false;\n }\n\n if (this.props.separateDialCode) {\n this.autoHideDialCode = false;\n this.nationalMode = false;\n this.allowDropdown = true;\n }\n\n this.processCountryData.call(this);\n this.tempCountry = this.getTempCountry(this.props.defaultCountry);\n\n if (document.readyState === 'complete') {\n this.windowLoaded = true;\n } else {\n window.addEventListener('load', function () {\n _this2.windowLoaded = true;\n });\n }\n\n this.generateMarkup();\n this.setInitialState();\n this.initRequests();\n this.deferreds.push(this.autoCountryDeferred.promise());\n this.deferreds.push(this.utilsScriptDeferred.promise());\n\n _underscore.default.when(this.deferreds).done(function () {\n _this2.setInitialState();\n });\n\n document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n }, {\n key: \"shouldComponentUpdate\",\n value: function shouldComponentUpdate(nextProps, nextState) {\n if (nextState.showDropdown) {\n document.addEventListener('keydown', this.handleDocumentKeyDown);\n this.bindDocumentClick();\n } else {\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n this.unbindDocumentClick();\n }\n\n return true;\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (this.props.value !== prevProps.value) {\n this.updateFlagFromNumber(this.props.value);\n }\n\n if (typeof this.props.customPlaceholder === 'function' && prevProps.customPlaceholder !== this.props.customPlaceholder) {\n this.updatePlaceholder(this.props);\n }\n\n if (this.props.allowDropdown !== prevProps.allowDropdown) {\n this.allowDropdown = this.props.allowDropdown;\n }\n\n if (this.props.defaultCountry !== prevProps.defaultCountry) {\n this.updateFlagOnDefaultCountryChange(this.props.defaultCountry);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.removeEventListener('keydown', this.handleDocumentKeyDown);\n window.removeEventListener('scroll', this.handleWindowScroll);\n this.unbindDocumentClick();\n }\n }, {\n key: \"render\",\n value: function render() {\n var inputClass = this.props.inputClassName;\n var wrapperStyle = Object.assign({}, this.props.style || {});\n this.wrapperClass['allow-dropdown'] = this.allowDropdown;\n this.wrapperClass.expanded = this.state.showDropdown;\n var wrapperClass = (0, _classnames.default)(this.wrapperClass, this.props.containerClassName);\n var titleTip = this.selectedCountryData ? \"\".concat(this.selectedCountryData.name, \": +\").concat(this.selectedCountryData.dialCode) : 'Unknown';\n var value = this.props.value !== undefined ? this.props.value : this.state.value;\n return _react.default.createElement(\"div\", {\n className: wrapperClass,\n style: wrapperStyle\n }, _react.default.createElement(_FlagDropDown.default, {\n refCallback: this.setFlagDropdownRef,\n allowDropdown: this.allowDropdown,\n dropdownContainer: this.dropdownContainer,\n separateDialCode: this.props.separateDialCode,\n dialCode: this.state.dialCode,\n clickSelectedFlag: this.clickSelectedFlag,\n setFlag: this.setFlag,\n countryCode: this.state.countryCode,\n isMobile: this.isMobile,\n handleSelectedFlagKeydown: this.handleSelectedFlagKeydown,\n changeHighlightCountry: this.changeHighlightCountry,\n countries: this.countries,\n showDropdown: this.state.showDropdown,\n inputTop: this.state.offsetTop,\n inputOuterHeight: this.state.outerHeight,\n preferredCountries: this.preferredCountries,\n highlightedCountry: this.state.highlightedCountry,\n titleTip: titleTip\n }), _react.default.createElement(_TelInput.default, {\n refCallback: this.setTelRef,\n handleInputChange: this.handleInputChange,\n handleOnBlur: this.handleOnBlur,\n handleOnFocus: this.handleOnFocus,\n className: inputClass,\n disabled: this.state.disabled,\n readonly: this.state.readonly,\n fieldName: this.props.fieldName,\n fieldId: this.props.fieldId,\n value: value,\n placeholder: this.props.placeholder !== undefined ? this.props.placeholder : this.state.placeholder,\n autoFocus: this.props.autoFocus,\n autoComplete: this.props.autoComplete,\n inputProps: this.props.telInputProps,\n cursorPosition: this.state.cursorPosition\n }));\n }\n }]);\n\n return IntlTelInput;\n}(_react.Component);\n\nIntlTelInput.defaultProps = {\n containerClassName: 'intl-tel-input',\n inputClassName: '',\n fieldName: '',\n fieldId: '',\n defaultValue: '',\n countriesData: null,\n allowDropdown: true,\n autoHideDialCode: true,\n autoPlaceholder: true,\n customPlaceholder: null,\n excludeCountries: [],\n formatOnInit: true,\n separateDialCode: false,\n defaultCountry: '',\n geoIpLookup: null,\n nationalMode: true,\n numberType: 'MOBILE',\n noCountryDataHandler: null,\n onlyCountries: [],\n preferredCountries: ['us', 'gb'],\n onPhoneNumberChange: null,\n onPhoneNumberBlur: null,\n onPhoneNumberFocus: null,\n onSelectFlag: null,\n disabled: false,\n autoFocus: false,\n useMobileFullscreenDropdown: true,\n autoComplete: 'off',\n telInputProps: {},\n format: false,\n onFlagClick: null\n};\nvar _default = IntlTelInput;\nexports.default = _default;\nIntlTelInput.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [{\n \"name\": \"getDerivedStateFromProps\",\n \"docblock\": null,\n \"modifiers\": [\"static\"],\n \"params\": [{\n \"name\": \"nextProps\",\n \"type\": null\n }, {\n \"name\": \"prevState\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"updateFlagOnDefaultCountryChange\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countryCode\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"getTempCountry\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countryCode\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"setNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"preventFormat\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"setFlagDropdownRef\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"ref\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"setTelRef\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"ref\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"setFlag\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countryCode\",\n \"type\": null\n }, {\n \"name\": \"isInit\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"getExtension\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"getNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"format\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"getFullNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"getDialCode\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"isUnknownNanp\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"dialCode\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"addCountryCode\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countryCodes\",\n \"type\": null\n }, {\n \"name\": \"iso2\",\n \"type\": null\n }, {\n \"name\": \"dialCode\",\n \"type\": null\n }, {\n \"name\": \"priority\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"processAllCountries\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"processCountryCodes\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"processPreferredCountries\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"setInitialState\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"initRequests\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"loadCountryFromLocalStorage\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"loadAutoCountry\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"cap\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"removeEmptyDialCode\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"handleUpDownKey\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"key\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleEnterKey\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"searchForCountry\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"query\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"formatNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"updateValFromNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"doFormat\",\n \"type\": null\n }, {\n \"name\": \"doNotify\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"updateFlagFromNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"isInit\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"filterCountries\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"countryArray\",\n \"type\": null\n }, {\n \"name\": \"processFunc\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"processCountryData\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"handleOnBlur\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleOnFocus\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"bindDocumentClick\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"unbindDocumentClick\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"clickSelectedFlag\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"updatePlaceholder\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"props\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"toggleDropdown\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"status\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"scrollTo\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"element\",\n \"type\": null\n }, {\n \"name\": \"middle\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"updateDialCode\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"newDialCode\",\n \"type\": null\n }, {\n \"name\": \"hasSelectedListItem\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"generateMarkup\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"handleSelectedFlagKeydown\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"isValidNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"formatFullNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"notifyPhoneNumberChange\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"newNumber\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"beforeSetNumber\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"number\",\n \"type\": null\n }, {\n \"name\": \"props\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleWindowScroll\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"handleDocumentKeyDown\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleDocumentClick\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleInputChange\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"changeHighlightCountry\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"showDropdown\",\n \"type\": null\n }, {\n \"name\": \"selectedIndex\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"loadUtils\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"autoCountryLoaded\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }],\n \"displayName\": \"IntlTelInput\",\n \"props\": {\n \"containerClassName\": {\n \"defaultValue\": {\n \"value\": \"'intl-tel-input'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Container CSS class name.\"\n },\n \"inputClassName\": {\n \"defaultValue\": {\n \"value\": \"''\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Text input CSS class name.\"\n },\n \"fieldName\": {\n \"defaultValue\": {\n \"value\": \"''\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"It's used as `input` field `name` attribute.\"\n },\n \"fieldId\": {\n \"defaultValue\": {\n \"value\": \"''\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"It's used as `input` field `id` attribute.\"\n },\n \"defaultValue\": {\n \"defaultValue\": {\n \"value\": \"''\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"The value used to initialize input. This will only work on uncontrolled component.\"\n },\n \"countriesData\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"array\"\n }\n },\n \"required\": false,\n \"description\": \"Countries data can be configured, it defaults to data defined in `AllCountries`.\"\n },\n \"allowDropdown\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Whether or not to allow the dropdown. If disabled, there is no dropdown arrow, and the selected flag is not clickable.\\nAlso we display the selected flag on the right instead because it is just a marker of state.\"\n },\n \"autoHideDialCode\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"If there is just a dial code in the input: remove it on blur, and re-add it on focus.\"\n },\n \"autoPlaceholder\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Add or remove input placeholder with an example number for the selected country.\"\n },\n \"customPlaceholder\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Change the placeholder generated by autoPlaceholder. Must return a string.\"\n },\n \"excludeCountries\": {\n \"defaultValue\": {\n \"value\": \"[]\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"string\"\n }\n },\n \"required\": false,\n \"description\": \"Don't display the countries you specify. (Array)\"\n },\n \"formatOnInit\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Format the input value during initialisation.\"\n },\n \"separateDialCode\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Display the country dial code next to the selected flag so it's not part of the typed number.\\nNote that this will disable nationalMode because technically we are dealing with international numbers,\\nbut with the dial code separated.\"\n },\n \"defaultCountry\": {\n \"defaultValue\": {\n \"value\": \"''\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Default country.\"\n },\n \"geoIpLookup\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"GeoIp lookup function.\"\n },\n \"nationalMode\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Don't insert international dial codes.\"\n },\n \"numberType\": {\n \"defaultValue\": {\n \"value\": \"'MOBILE'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Number type to use for placeholders.\"\n },\n \"noCountryDataHandler\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"The function which can catch the \\\"no this default country\\\" exception.\"\n },\n \"onlyCountries\": {\n \"defaultValue\": {\n \"value\": \"[]\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"string\"\n }\n },\n \"required\": false,\n \"description\": \"Display only these countries.\"\n },\n \"preferredCountries\": {\n \"defaultValue\": {\n \"value\": \"['us', 'gb']\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"string\"\n }\n },\n \"required\": false,\n \"description\": \"The countries at the top of the list. defaults to United States and United Kingdom.\"\n },\n \"onPhoneNumberChange\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Optional validation callback function. It returns validation status, input box value and selected country data.\"\n },\n \"onPhoneNumberBlur\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Optional validation callback function. It returns validation status, input box value and selected country data.\"\n },\n \"onPhoneNumberFocus\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Optional validation callback function. It returns validation status, input box value and selected country data.\"\n },\n \"onSelectFlag\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Allow main app to do things when a country is selected.\"\n },\n \"disabled\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Disable this component.\"\n },\n \"autoFocus\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Enable auto focus\"\n },\n \"useMobileFullscreenDropdown\": {\n \"defaultValue\": {\n \"value\": \"true\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Render fullscreen flag dropdown when mobile useragent is detected. The dropdown element is rendered as a direct child of document.body\"\n },\n \"autoComplete\": {\n \"defaultValue\": {\n \"value\": \"'off'\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Set the value of the autoComplete attribute on the input. For example, set it to phone to tell the browser where to auto complete phone numbers.\"\n },\n \"telInputProps\": {\n \"defaultValue\": {\n \"value\": \"{}\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"object\"\n },\n \"required\": false,\n \"description\": \"Pass through arbitrary props to the tel input element.\"\n },\n \"format\": {\n \"defaultValue\": {\n \"value\": \"false\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"Format the number.\"\n },\n \"onFlagClick\": {\n \"defaultValue\": {\n \"value\": \"null\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"Allow main app to do things when flag icon is clicked.\"\n },\n \"value\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"The value of the input field. Useful for making input value controlled from outside the component.\"\n },\n \"placeholder\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"Static placeholder for input controller. When defined it takes priority over autoPlaceholder.\"\n },\n \"style\": {\n \"type\": {\n \"name\": \"custom\",\n \"raw\": \"StylePropTypes\"\n },\n \"required\": false,\n \"description\": \"Style object for the wrapper div. Useful for setting 100% width on the wrapper, etc.\"\n }\n }\n};","var React = require('react');\n\nfunction MobileInline (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M31.2683 42.2429H12.4138C11.3422 42.2429 10.3146 41.8164 9.5569 41.0571C8.7992 40.2979 8.37354 39.2681 8.37354 38.1943V5.80545C8.37354 4.73169 8.7992 3.70191 9.5569 2.94265C10.3146 2.18338 11.3422 1.75684 12.4138 1.75684H31.2683C32.3398 1.75684 33.3675 2.18338 34.1251 2.94265C34.8828 3.70191 35.3085 4.73169 35.3085 5.80545V38.1943C35.3085 39.2681 34.8828 40.2979 34.1251 41.0571C33.3675 41.8164 32.3398 42.2429 31.2683 42.2429ZM12.4138 4.45591C12.0566 4.45591 11.7141 4.59809 11.4615 4.85118C11.2089 5.10427 11.067 5.44753 11.067 5.80545V38.1943C11.067 38.5523 11.2089 38.8955 11.4615 39.1486C11.7141 39.4017 12.0566 39.5439 12.4138 39.5439H31.2683C31.6254 39.5439 31.968 39.4017 32.2206 39.1486C32.4731 38.8955 32.615 38.5523 32.615 38.1943V5.80545C32.615 5.44753 32.4731 5.10427 32.2206 4.85118C31.968 4.59809 31.6254 4.45591 31.2683 4.45591H12.4138Z\",\"fill\":\"white\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M33.9618 9.85435H9.72028C9.3631 9.85435 9.02055 9.71216 8.76799 9.45908C8.51542 9.20599 8.37354 8.86273 8.37354 8.50481C8.37354 8.14689 8.51542 7.80363 8.76799 7.55054C9.02055 7.29746 9.3631 7.15527 9.72028 7.15527H33.9618C34.3189 7.15527 34.6615 7.29746 34.9141 7.55054C35.1666 7.80363 35.3085 8.14689 35.3085 8.50481C35.3085 8.86273 35.1666 9.20599 34.9141 9.45908C34.6615 9.71216 34.3189 9.85435 33.9618 9.85435Z\",\"fill\":\"white\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M33.9618 34.1454H9.72028C9.3631 34.1454 9.02055 34.0032 8.76799 33.7501C8.51542 33.497 8.37354 33.1537 8.37354 32.7958C8.37354 32.4379 8.51542 32.0946 8.76799 31.8416C9.02055 31.5885 9.3631 31.4463 9.72028 31.4463H33.9618C34.3189 31.4463 34.6615 31.5885 34.9141 31.8416C35.1666 32.0946 35.3085 32.4379 35.3085 32.7958C35.3085 33.1537 35.1666 33.497 34.9141 33.7501C34.6615 34.0032 34.3189 34.1454 33.9618 34.1454Z\",\"fill\":\"white\",\"key\":2}),React.createElement(\"path\",{\"d\":\"M23.1879 35.4951H20.4944V38.1942H23.1879V35.4951Z\",\"fill\":\"white\",\"key\":3})]);\n}\n\nMobileInline.defaultProps = {\"width\":\"44\",\"height\":\"44\",\"viewBox\":\"0 0 44 44\",\"fill\":\"none\"};\n\nmodule.exports = MobileInline;\n\nMobileInline.default = MobileInline;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar defaultCountriesData = [['Afghanistan (افغانستان)', 'af', '93'], ['Albania (Shqipëri)', 'al', '355'], ['Algeria (الجزائر)', 'dz', '213'], ['American Samoa', 'as', '1684'], ['Andorra', 'ad', '376'], ['Angola', 'ao', '244'], ['Anguilla', 'ai', '1264'], ['Antigua and Barbuda', 'ag', '1268'], ['Argentina', 'ar', '54'], ['Armenia (Հայաստան)', 'am', '374'], ['Aruba', 'aw', '297'], ['Australia', 'au', '61', 0], ['Austria (Österreich)', 'at', '43'], ['Azerbaijan (Azərbaycan)', 'az', '994'], ['Bahamas', 'bs', '1242'], ['Bahrain (البحرين)', 'bh', '973'], ['Bangladesh (বাংলাদেশ)', 'bd', '880'], ['Barbados', 'bb', '1246'], ['Belarus (Беларусь)', 'by', '375'], ['Belgium (België)', 'be', '32'], ['Belize', 'bz', '501'], ['Benin (Bénin)', 'bj', '229'], ['Bermuda', 'bm', '1441'], ['Bhutan (འབྲུག)', 'bt', '975'], ['Bolivia', 'bo', '591'], ['Bosnia and Herzegovina (Босна и Херцеговина)', 'ba', '387'], ['Botswana', 'bw', '267'], ['Brazil (Brasil)', 'br', '55'], ['British Indian Ocean Territory', 'io', '246'], ['British Virgin Islands', 'vg', '1284'], ['Brunei', 'bn', '673'], ['Bulgaria (България)', 'bg', '359'], ['Burkina Faso', 'bf', '226'], ['Burundi (Uburundi)', 'bi', '257'], ['Cambodia (កម្ពុជា)', 'kh', '855'], ['Cameroon (Cameroun)', 'cm', '237'], ['Canada', 'ca', '1', 1, ['204', '226', '236', '249', '250', '289', '306', '343', '365', '387', '403', '416', '418', '431', '437', '438', '450', '506', '514', '519', '548', '579', '581', '587', '604', '613', '639', '647', '672', '705', '709', '742', '778', '780', '782', '807', '819', '825', '867', '873', '902', '905']], ['Cape Verde (Kabu Verdi)', 'cv', '238'], ['Caribbean Netherlands', 'bq', '599', 1], ['Cayman Islands', 'ky', '1345'], ['Central African Republic (République centrafricaine)', 'cf', '236'], ['Chad (Tchad)', 'td', '235'], ['Chile', 'cl', '56'], ['China (中国)', 'cn', '86'], ['Christmas Island', 'cx', '61', 2], ['Cocos (Keeling) Islands', 'cc', '61', 1], ['Colombia', 'co', '57'], ['Comoros (جزر القمر)', 'km', '269'], ['Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)', 'cd', '243'], ['Congo (Republic) (Congo-Brazzaville)', 'cg', '242'], ['Cook Islands', 'ck', '682'], ['Costa Rica', 'cr', '506'], ['Côte d’Ivoire', 'ci', '225'], ['Croatia (Hrvatska)', 'hr', '385'], ['Cuba', 'cu', '53'], ['Curaçao', 'cw', '599', 0], ['Cyprus (Κύπρος)', 'cy', '357'], ['Czech Republic (Česká republika)', 'cz', '420'], ['Denmark (Danmark)', 'dk', '45'], ['Djibouti', 'dj', '253'], ['Dominica', 'dm', '1767'], ['Dominican Republic (República Dominicana)', 'do', '1', 2, ['809', '829', '849']], ['Ecuador', 'ec', '593'], ['Egypt (مصر)', 'eg', '20'], ['El Salvador', 'sv', '503'], ['Equatorial Guinea (Guinea Ecuatorial)', 'gq', '240'], ['Eritrea', 'er', '291'], ['Estonia (Eesti)', 'ee', '372'], ['Ethiopia', 'et', '251'], ['Falkland Islands (Islas Malvinas)', 'fk', '500'], ['Faroe Islands (Føroyar)', 'fo', '298'], ['Fiji', 'fj', '679'], ['Finland (Suomi)', 'fi', '358', 0], ['France', 'fr', '33'], ['French Guiana (Guyane française)', 'gf', '594'], ['French Polynesia (Polynésie française)', 'pf', '689'], ['Gabon', 'ga', '241'], ['Gambia', 'gm', '220'], ['Georgia (საქართველო)', 'ge', '995'], ['Germany (Deutschland)', 'de', '49'], ['Ghana (Gaana)', 'gh', '233'], ['Gibraltar', 'gi', '350'], ['Greece (Ελλάδα)', 'gr', '30'], ['Greenland (Kalaallit Nunaat)', 'gl', '299'], ['Grenada', 'gd', '1473'], ['Guadeloupe', 'gp', '590', 0], ['Guam', 'gu', '1671'], ['Guatemala', 'gt', '502'], ['Guernsey', 'gg', '44', 1], ['Guinea (Guinée)', 'gn', '224'], ['Guinea-Bissau (Guiné Bissau)', 'gw', '245'], ['Guyana', 'gy', '592'], ['Haiti', 'ht', '509'], ['Honduras', 'hn', '504'], ['Hong Kong (香港)', 'hk', '852'], ['Hungary (Magyarország)', 'hu', '36'], ['Iceland (Ísland)', 'is', '354'], ['India (भारत)', 'in', '91'], ['Indonesia', 'id', '62'], ['Iran (ایران)', 'ir', '98'], ['Iraq (العراق)', 'iq', '964'], ['Ireland', 'ie', '353'], ['Isle of Man', 'im', '44', 2], ['Israel (ישראל)', 'il', '972'], ['Italy (Italia)', 'it', '39', 0], ['Jamaica', 'jm', '1876'], ['Japan (日本)', 'jp', '81'], ['Jersey', 'je', '44', 3], ['Jordan (الأردن)', 'jo', '962'], ['Kazakhstan (Казахстан)', 'kz', '7', 1], ['Kenya', 'ke', '254'], ['Kiribati', 'ki', '686'], ['Kosovo', 'xk', '383'], ['Kuwait (الكويت)', 'kw', '965'], ['Kyrgyzstan (Кыргызстан)', 'kg', '996'], ['Laos (ລາວ)', 'la', '856'], ['Latvia (Latvija)', 'lv', '371'], ['Lebanon (لبنان)', 'lb', '961'], ['Lesotho', 'ls', '266'], ['Liberia', 'lr', '231'], ['Libya (ليبيا)', 'ly', '218'], ['Liechtenstein', 'li', '423'], ['Lithuania (Lietuva)', 'lt', '370'], ['Luxembourg', 'lu', '352'], ['Macau (澳門)', 'mo', '853'], ['Macedonia (FYROM) (Македонија)', 'mk', '389'], ['Madagascar (Madagasikara)', 'mg', '261'], ['Malawi', 'mw', '265'], ['Malaysia', 'my', '60'], ['Maldives', 'mv', '960'], ['Mali', 'ml', '223'], ['Malta', 'mt', '356'], ['Marshall Islands', 'mh', '692'], ['Martinique', 'mq', '596'], ['Mauritania (موريتانيا)', 'mr', '222'], ['Mauritius (Moris)', 'mu', '230'], ['Mayotte', 'yt', '262', 1], ['Mexico (México)', 'mx', '52'], ['Micronesia', 'fm', '691'], ['Moldova (Republica Moldova)', 'md', '373'], ['Monaco', 'mc', '377'], ['Mongolia (Монгол)', 'mn', '976'], ['Montenegro (Crna Gora)', 'me', '382'], ['Montserrat', 'ms', '1664'], ['Morocco (المغرب)', 'ma', '212', 0], ['Mozambique (Moçambique)', 'mz', '258'], ['Myanmar (Burma) (မြန်မာ)', 'mm', '95'], ['Namibia (Namibië)', 'na', '264'], ['Nauru', 'nr', '674'], ['Nepal (नेपाल)', 'np', '977'], ['Netherlands (Nederland)', 'nl', '31'], ['New Caledonia (Nouvelle-Calédonie)', 'nc', '687'], ['New Zealand', 'nz', '64'], ['Nicaragua', 'ni', '505'], ['Niger (Nijar)', 'ne', '227'], ['Nigeria', 'ng', '234'], ['Niue', 'nu', '683'], ['Norfolk Island', 'nf', '672'], ['North Korea (조선 민주주의 인민 공화국)', 'kp', '850'], ['Northern Mariana Islands', 'mp', '1670'], ['Norway (Norge)', 'no', '47', 0], ['Oman (عُمان)', 'om', '968'], ['Pakistan (پاکستان)', 'pk', '92'], ['Palau', 'pw', '680'], ['Palestine (فلسطين)', 'ps', '970'], ['Panama (Panamá)', 'pa', '507'], ['Papua New Guinea', 'pg', '675'], ['Paraguay', 'py', '595'], ['Peru (Perú)', 'pe', '51'], ['Philippines', 'ph', '63'], ['Poland (Polska)', 'pl', '48'], ['Portugal', 'pt', '351'], ['Puerto Rico', 'pr', '1', 3, ['787', '939']], ['Qatar (قطر)', 'qa', '974'], ['Réunion (La Réunion)', 're', '262', 0], ['Romania (România)', 'ro', '40'], ['Russia (Россия)', 'ru', '7', 0], ['Rwanda', 'rw', '250'], ['Saint Barthélemy (Saint-Barthélemy)', 'bl', '590', 1], ['Saint Helena', 'sh', '290'], ['Saint Kitts and Nevis', 'kn', '1869'], ['Saint Lucia', 'lc', '1758'], ['Saint Martin (Saint-Martin (partie française))', 'mf', '590', 2], ['Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)', 'pm', '508'], ['Saint Vincent and the Grenadines', 'vc', '1784'], ['Samoa', 'ws', '685'], ['San Marino', 'sm', '378'], ['São Tomé and Príncipe (São Tomé e Príncipe)', 'st', '239'], ['Saudi Arabia (المملكة العربية السعودية)', 'sa', '966'], ['Senegal (Sénégal)', 'sn', '221'], ['Serbia (Србија)', 'rs', '381'], ['Seychelles', 'sc', '248'], ['Sierra Leone', 'sl', '232'], ['Singapore', 'sg', '65'], ['Sint Maarten', 'sx', '1721'], ['Slovakia (Slovensko)', 'sk', '421'], ['Slovenia (Slovenija)', 'si', '386'], ['Solomon Islands', 'sb', '677'], ['Somalia (Soomaaliya)', 'so', '252'], ['South Africa', 'za', '27'], ['South Korea (대한민국)', 'kr', '82'], ['South Sudan (جنوب السودان)', 'ss', '211'], ['Spain (España)', 'es', '34'], ['Sri Lanka (ශ්රී ලංකාව)', 'lk', '94'], ['Sudan (السودان)', 'sd', '249'], ['Suriname', 'sr', '597'], ['Svalbard and Jan Mayen', 'sj', '47', 1], ['Swaziland', 'sz', '268'], ['Sweden (Sverige)', 'se', '46'], ['Switzerland (Schweiz)', 'ch', '41'], ['Syria (سوريا)', 'sy', '963'], ['Taiwan (台灣)', 'tw', '886'], ['Tajikistan', 'tj', '992'], ['Tanzania', 'tz', '255'], ['Thailand (ไทย)', 'th', '66'], ['Timor-Leste', 'tl', '670'], ['Togo', 'tg', '228'], ['Tokelau', 'tk', '690'], ['Tonga', 'to', '676'], ['Trinidad and Tobago', 'tt', '1868'], ['Tunisia (تونس)', 'tn', '216'], ['Turkey (Türkiye)', 'tr', '90'], ['Turkmenistan', 'tm', '993'], ['Turks and Caicos Islands', 'tc', '1649'], ['Tuvalu', 'tv', '688'], ['U.S. Virgin Islands', 'vi', '1340'], ['Uganda', 'ug', '256'], ['Ukraine (Україна)', 'ua', '380'], ['United Arab Emirates (الإمارات العربية المتحدة)', 'ae', '971'], ['United Kingdom', 'gb', '44', 0], ['United States', 'us', '1', 0], ['Uruguay', 'uy', '598'], ['Uzbekistan (Oʻzbekiston)', 'uz', '998'], ['Vanuatu', 'vu', '678'], ['Vatican City (Città del Vaticano)', 'va', '39', 1], ['Venezuela', 've', '58'], ['Vietnam (Việt Nam)', 'vn', '84'], ['Wallis and Futuna', 'wf', '681'], ['Western Sahara (الصحراء الغربية)', 'eh', '212', 1], ['Yemen (اليمن)', 'ye', '967'], ['Zambia', 'zm', '260'], ['Zimbabwe', 'zw', '263'], ['Åland Islands', 'ax', '358', 1]];\nvar countries;\n\nfunction _formatCountriesData(countriesData) {\n return countriesData.map(function (country) {\n return {\n name: country[0],\n iso2: country[1],\n dialCode: country[2],\n priority: country[3] || 0,\n areaCodes: country[4] || null\n };\n });\n}\n\nfunction initialize(externalCountriesList) {\n countries = _formatCountriesData(externalCountriesList || defaultCountriesData);\n}\n\nfunction getCountries() {\n if (!countries) {\n initialize();\n }\n\n return countries;\n}\n\nvar AllCountries = {\n initialize: initialize,\n getCountries: getCountries\n};\nvar _default = AllCountries;\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _AllCountries = _interopRequireDefault(require(\"./AllCountries\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nvar _default = {\n arraysEqual: function arraysEqual(a, b) {\n if (a === b) {\n return true;\n }\n\n if (a === null || b === null) {\n return false;\n }\n\n if (a.length !== b.length) {\n return false;\n }\n\n for (var i = 0; i < a.length; ++i) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n\n return true;\n },\n shallowEquals: function shallowEquals(a, b) {\n if (a === b) {\n return true;\n }\n\n for (var key in a) {\n if (a[key] !== b[key]) {\n if (Array.isArray(a[key]) && Array.isArray(b[key])) {\n if (!this.arraysEqual(a[key], b[key])) {\n return false;\n }\n } else {\n return false;\n }\n }\n }\n\n for (var _key in b) {\n if (a.hasOwnProperty(_key) === false) {\n return false;\n }\n }\n\n return true;\n },\n trim: function trim(str) {\n var rtrim = /^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g;\n\n if (!str) {\n return '';\n }\n\n return str.replace(rtrim, '');\n },\n isNumeric: function isNumeric(obj) {\n return obj - parseFloat(obj) >= 0;\n },\n retrieveLiIndex: function retrieveLiIndex(node) {\n if (!node) {\n return -1;\n }\n\n var children = node.parentNode.childNodes;\n var num = 0;\n\n for (var i = 0, max = children.length; i < max; i++) {\n if (children[i] === node) {\n return num;\n }\n\n if (children[i].nodeType === 1 && children[i].tagName.toLowerCase() === 'li') {\n num += 1;\n }\n }\n\n return -1;\n },\n getNumeric: function getNumeric(s) {\n return s.replace(/\\D/g, '');\n },\n startsWith: function startsWith(a, b) {\n return a.substr(0, b.length).toUpperCase() === b;\n },\n isWindow: function isWindow(obj) {\n return obj !== null && obj === obj.window;\n },\n getWindow: function getWindow(elem) {\n return this.isWindow(elem) ? elem : elem.nodeType === 9 && elem.defaultView;\n },\n offset: function offset(elem) {\n var docElem = null;\n var win = null;\n var box = {\n top: 0,\n left: 0\n };\n var doc = elem && elem.ownerDocument;\n docElem = doc.documentElement;\n\n if (_typeof(elem.getBoundingClientRect) !== (typeof undefined === \"undefined\" ? \"undefined\" : _typeof(undefined))) {\n box = elem.getBoundingClientRect();\n }\n\n win = this.getWindow(doc);\n return {\n top: box.top + win.pageYOffset - docElem.clientTop,\n left: box.left + win.pageXOffset - docElem.clientLeft\n };\n },\n getOuterHeight: function getOuterHeight(element) {\n return element.offsetHeight + parseFloat(window.getComputedStyle(element).getPropertyValue('margin-top')) + parseFloat(window.getComputedStyle(element).getPropertyValue('margin-bottom'));\n },\n getCountryData: function getCountryData(countries, countryCode, ignoreOnlyCountriesOption, allowFail, errorHandler) {\n var countryList = ignoreOnlyCountriesOption ? _AllCountries.default.getCountries() : countries;\n\n for (var i = 0; i < countryList.length; i++) {\n if (countryList[i].iso2 === countryCode) {\n return countryList[i];\n }\n }\n\n if (allowFail) {\n return null;\n }\n\n if (typeof errorHandler === 'function') {\n errorHandler(countryCode);\n }\n\n return {};\n },\n findIndex: function findIndex(items, predicate) {\n var index = -1;\n items.some(function (item, i) {\n if (predicate(item)) {\n index = i;\n return true;\n }\n });\n return index;\n },\n getCursorPositionAfterFormating: function getCursorPositionAfterFormating(prevBeforeCursor, prev, next) {\n if (prev === next) {\n return prevBeforeCursor.length;\n }\n\n var cursorShift = 0;\n\n if (prev.length > next.length) {\n for (var i = 0, j = 0; i < prevBeforeCursor.length && j < next.length; i += 1) {\n if (prevBeforeCursor[i] !== next[j]) {\n if (isNaN(next[j]) && !isNaN(prevBeforeCursor[i])) {\n i -= 1;\n j += 1;\n cursorShift += 1;\n } else {\n cursorShift -= 1;\n }\n } else {\n j += 1;\n }\n }\n } else {\n for (var _i = 0, _j = 0; _i < prevBeforeCursor.length && _j < next.length; _j += 1) {\n if (prevBeforeCursor[_i] !== next[_j]) {\n if (isNaN(prevBeforeCursor[_i]) && !isNaN(next[_j])) {\n _j -= 1;\n _i += 1;\n cursorShift -= 1;\n } else {\n cursorShift += 1;\n }\n } else {\n _i += 1;\n }\n }\n }\n\n return prevBeforeCursor.length + cursorShift;\n }\n};\nexports.default = _default;","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nvar runtime = (function (exports) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n function define(obj, key, value) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n return obj[key];\n }\n try {\n // IE 8 has a broken Object.defineProperty that only works on DOM objects.\n define({}, \"\");\n } catch (err) {\n define = function(obj, key, value) {\n return obj[key] = value;\n };\n }\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n exports.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunction.displayName = define(\n GeneratorFunctionPrototype,\n toStringTagSymbol,\n \"GeneratorFunction\"\n );\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n define(prototype, method, function(arg) {\n return this._invoke(method, arg);\n });\n });\n }\n\n exports.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n exports.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n define(genFun, toStringTagSymbol, \"GeneratorFunction\");\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n exports.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator, PromiseImpl) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return PromiseImpl.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return PromiseImpl.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration.\n result.value = unwrapped;\n resolve(result);\n }, function(error) {\n // If a rejected Promise was yielded, throw the rejection back\n // into the async generator function so it can be handled there.\n return invoke(\"throw\", error, resolve, reject);\n });\n }\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new PromiseImpl(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n exports.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {\n if (PromiseImpl === void 0) PromiseImpl = Promise;\n\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList),\n PromiseImpl\n );\n\n return exports.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n // Note: [\"return\"] must be used for ES3 parsing compatibility.\n if (delegate.iterator[\"return\"]) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n define(Gp, toStringTagSymbol, \"Generator\");\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n Gp[iteratorSymbol] = function() {\n return this;\n };\n\n Gp.toString = function() {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n exports.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n exports.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n\n // Regardless of whether this script is executing as a CommonJS module\n // or not, return the runtime object so that we can declare the variable\n // regeneratorRuntime in the outer scope, which allows this module to be\n // injected easily by `bin/regenerator --include-runtime script.js`.\n return exports;\n\n}(\n // If this script is executing as a CommonJS module, use module.exports\n // as the regeneratorRuntime namespace. Otherwise create a new empty\n // object. Either way, the resulting object will be used to initialize\n // the regeneratorRuntime variable at the top of this file.\n typeof module === \"object\" ? module.exports : {}\n));\n\ntry {\n regeneratorRuntime = runtime;\n} catch (accidentalStrictMode) {\n // This module should not be running in strict mode, so the above\n // assignment should always work unless something is misconfigured. Just\n // in case runtime.js accidentally runs in strict mode, we can escape\n // strict mode using a global Function call. This could conceivably fail\n // if a Content Security Policy forbids using Function, but in that case\n // the proper solution is to fix the accidental strict mode problem. If\n // you've misconfigured your bundler to force strict mode and applied a\n // CSP to forbid Function, and you're not willing to fix either of those\n // problems, please detail your unique predicament in a GitHub issue.\n Function(\"r\", \"regeneratorRuntime = r\")(runtime);\n}\n","var React = require('react');\n\nfunction CheckInline (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M2.31466 4.49348L0.909752 3.08566L0.430908 3.5655L2.31466 5.44862L6.35773 1.39718L5.87889 0.921875L2.31466 4.49348Z\",\"fill\":\"black\"}));\n}\n\nCheckInline.defaultProps = {\"width\":\"7\",\"height\":\"6\",\"viewBox\":\"0 0 7 6\",\"fill\":\"none\"};\n\nmodule.exports = CheckInline;\n\nCheckInline.default = CheckInline;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nvar RootModal = function (_Component) {\n _inherits(RootModal, _Component);\n\n function RootModal(props) {\n var _this;\n\n _classCallCheck(this, RootModal);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(RootModal).call(this, props));\n _this.modalTarget = document.createElement('div');\n _this.modalTarget.className = 'intl-tel-input iti-container';\n return _this;\n }\n\n _createClass(RootModal, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n document.body.appendChild(this.modalTarget);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.body.removeChild(this.modalTarget);\n }\n }, {\n key: \"render\",\n value: function render() {\n return _reactDom.default.createPortal(_react.default.createElement(_react.Fragment, null, this.props.children), this.modalTarget);\n }\n }]);\n\n return RootModal;\n}(_react.Component);\n\nexports.default = RootModal;\nRootModal.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"RootModal\",\n \"props\": {\n \"children\": {\n \"type\": {\n \"name\": \"node\"\n },\n \"required\": false,\n \"description\": \"\"\n }\n }\n};","module.exports = require(\"regenerator-runtime\");\n","import React from \"react\"\nimport RightCaret from \"./rightcaret.inline.svg\"\n\nconst StartProjectButton = (props) => (\n \n)\n\nexport default StartProjectButton\n","import React from \"react\"\nimport PlusIcon from \"./plus.inline.svg\"\nimport PlusWhiteIcon from \"./pluswhite.inline.svg\"\n\nconst StartProjectBtn = (props) => {\n return (\n \n )\n}\n\nexport default StartProjectBtn\n","export default function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}","import PropTypes from 'prop-types'; // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/js/src/modal.js#L436-L443\n\nexport function getScrollbarWidth() {\n var scrollDiv = document.createElement('div'); // .modal-scrollbar-measure styles // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/scss/_modal.scss#L106-L113\n\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n return scrollbarWidth;\n}\nexport function setScrollbarWidth(padding) {\n document.body.style.paddingRight = padding > 0 ? padding + \"px\" : null;\n}\nexport function isBodyOverflowing() {\n return document.body.clientWidth < window.innerWidth;\n}\nexport function getOriginalBodyPadding() {\n var style = window.getComputedStyle(document.body, null);\n return parseInt(style && style.getPropertyValue('padding-right') || 0, 10);\n}\nexport function conditionallyUpdateScrollbar() {\n var scrollbarWidth = getScrollbarWidth(); // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.6/js/src/modal.js#L433\n\n var fixedContent = document.querySelectorAll('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top')[0];\n var bodyPadding = fixedContent ? parseInt(fixedContent.style.paddingRight || 0, 10) : 0;\n\n if (isBodyOverflowing()) {\n setScrollbarWidth(bodyPadding + scrollbarWidth);\n }\n}\nvar globalCssModule;\nexport function setGlobalCssModule(cssModule) {\n globalCssModule = cssModule;\n}\nexport function mapToCssModules(className, cssModule) {\n if (className === void 0) {\n className = '';\n }\n\n if (cssModule === void 0) {\n cssModule = globalCssModule;\n }\n\n if (!cssModule) return className;\n return className.split(' ').map(function (c) {\n return cssModule[c] || c;\n }).join(' ');\n}\n/**\n * Returns a new object with the key/value pairs from `obj` that are not in the array `omitKeys`.\n */\n\nexport function omit(obj, omitKeys) {\n var result = {};\n Object.keys(obj).forEach(function (key) {\n if (omitKeys.indexOf(key) === -1) {\n result[key] = obj[key];\n }\n });\n return result;\n}\n/**\n * Returns a filtered copy of an object with only the specified keys.\n */\n\nexport function pick(obj, keys) {\n var pickKeys = Array.isArray(keys) ? keys : [keys];\n var length = pickKeys.length;\n var key;\n var result = {};\n\n while (length > 0) {\n length -= 1;\n key = pickKeys[length];\n result[key] = obj[key];\n }\n\n return result;\n}\nvar warned = {};\nexport function warnOnce(message) {\n if (!warned[message]) {\n /* istanbul ignore else */\n if (typeof console !== 'undefined') {\n console.error(message); // eslint-disable-line no-console\n }\n\n warned[message] = true;\n }\n}\nexport function deprecated(propType, explanation) {\n return function validate(props, propName, componentName) {\n if (props[propName] !== null && typeof props[propName] !== 'undefined') {\n warnOnce(\"\\\"\" + propName + \"\\\" property of \\\"\" + componentName + \"\\\" has been deprecated.\\n\" + explanation);\n }\n\n for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n rest[_key - 3] = arguments[_key];\n }\n\n return propType.apply(void 0, [props, propName, componentName].concat(rest));\n };\n} // Shim Element if needed (e.g. in Node environment)\n\nvar Element = typeof window === 'object' && window.Element || function () {};\n\nexport function DOMElement(props, propName, componentName) {\n if (!(props[propName] instanceof Element)) {\n return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Expected prop to be an instance of Element. Validation failed.');\n }\n}\nexport var targetPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.func, DOMElement, PropTypes.shape({\n current: PropTypes.any\n})]);\nexport var tagPropType = PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n $$typeof: PropTypes.symbol,\n render: PropTypes.func\n}), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n $$typeof: PropTypes.symbol,\n render: PropTypes.func\n})]))]);\n/* eslint key-spacing: [\"error\", { afterColon: true, align: \"value\" }] */\n// These are all setup to match what is in the bootstrap _variables.scss\n// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss\n\nexport var TransitionTimeouts = {\n Fade: 150,\n // $transition-fade\n Collapse: 350,\n // $transition-collapse\n Modal: 300,\n // $modal-transition\n Carousel: 600 // $carousel-transition\n\n}; // Duplicated Transition.propType keys to ensure that Reactstrap builds\n// for distribution properly exclude these keys for nested child HTML attributes\n// since `react-transition-group` removes propTypes in production builds.\n\nexport var TransitionPropTypeKeys = ['in', 'mountOnEnter', 'unmountOnExit', 'appear', 'enter', 'exit', 'timeout', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'];\nexport var TransitionStatuses = {\n ENTERING: 'entering',\n ENTERED: 'entered',\n EXITING: 'exiting',\n EXITED: 'exited'\n};\nexport var keyCodes = {\n esc: 27,\n space: 32,\n enter: 13,\n tab: 9,\n up: 38,\n down: 40,\n home: 36,\n end: 35,\n n: 78,\n p: 80\n};\nexport var PopperPlacements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];\nexport var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nexport function isReactRefObj(target) {\n if (target && typeof target === 'object') {\n return 'current' in target;\n }\n\n return false;\n}\n\nfunction getTag(value) {\n if (value == null) {\n return value === undefined ? '[object Undefined]' : '[object Null]';\n }\n\n return Object.prototype.toString.call(value);\n}\n\nexport function toNumber(value) {\n var type = typeof value;\n var NAN = 0 / 0;\n\n if (type === 'number') {\n return value;\n }\n\n if (type === 'symbol' || type === 'object' && getTag(value) === '[object Symbol]') {\n return NAN;\n }\n\n if (isObject(value)) {\n var other = typeof value.valueOf === 'function' ? value.valueOf() : value;\n value = isObject(other) ? \"\" + other : other;\n }\n\n if (type !== 'string') {\n return value === 0 ? value : +value;\n }\n\n value = value.replace(/^\\s+|\\s+$/g, '');\n var isBinary = /^0b[01]+$/i.test(value);\n return isBinary || /^0o[0-7]+$/i.test(value) ? parseInt(value.slice(2), isBinary ? 2 : 8) : /^[-+]0x[0-9a-f]+$/i.test(value) ? NAN : +value;\n}\nexport function isObject(value) {\n var type = typeof value;\n return value != null && (type === 'object' || type === 'function');\n}\nexport function isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n\n var tag = getTag(value);\n return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object Proxy]';\n}\nexport function findDOMElements(target) {\n if (isReactRefObj(target)) {\n return target.current;\n }\n\n if (isFunction(target)) {\n return target();\n }\n\n if (typeof target === 'string' && canUseDOM) {\n var selection = document.querySelectorAll(target);\n\n if (!selection.length) {\n selection = document.querySelectorAll(\"#\" + target);\n }\n\n if (!selection.length) {\n throw new Error(\"The target '\" + target + \"' could not be identified in the dom, tip: check spelling\");\n }\n\n return selection;\n }\n\n return target;\n}\nexport function isArrayOrNodeList(els) {\n if (els === null) {\n return false;\n }\n\n return Array.isArray(els) || canUseDOM && typeof els.length === 'number';\n}\nexport function getTarget(target, allElements) {\n var els = findDOMElements(target);\n\n if (allElements) {\n if (isArrayOrNodeList(els)) {\n return els;\n }\n\n if (els === null) {\n return [];\n }\n\n return [els];\n } else {\n if (isArrayOrNodeList(els)) {\n return els[0];\n }\n\n return els;\n }\n}\nexport var defaultToggleEvents = ['touchstart', 'click'];\nexport function addMultipleEventListeners(_els, handler, _events, useCapture) {\n var els = _els;\n\n if (!isArrayOrNodeList(els)) {\n els = [els];\n }\n\n var events = _events;\n\n if (typeof events === 'string') {\n events = events.split(/\\s+/);\n }\n\n if (!isArrayOrNodeList(els) || typeof handler !== 'function' || !Array.isArray(events)) {\n throw new Error(\"\\n The first argument of this function must be DOM node or an array on DOM nodes or NodeList.\\n The second must be a function.\\n The third is a string or an array of strings that represents DOM events\\n \");\n }\n\n Array.prototype.forEach.call(events, function (event) {\n Array.prototype.forEach.call(els, function (el) {\n el.addEventListener(event, handler, useCapture);\n });\n });\n return function removeEvents() {\n Array.prototype.forEach.call(events, function (event) {\n Array.prototype.forEach.call(els, function (el) {\n el.removeEventListener(event, handler, useCapture);\n });\n });\n };\n}\nexport var focusableElements = ['a[href]', 'area[href]', 'input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'object', 'embed', '[tabindex]:not(.modal)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'];","import _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { canUseDOM } from './utils';\nvar propTypes = {\n children: PropTypes.node.isRequired,\n node: PropTypes.any\n};\n\nvar Portal = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Portal, _React$Component);\n\n function Portal() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = Portal.prototype;\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.defaultNode) {\n document.body.removeChild(this.defaultNode);\n }\n\n this.defaultNode = null;\n };\n\n _proto.render = function render() {\n if (!canUseDOM) {\n return null;\n }\n\n if (!this.props.node && !this.defaultNode) {\n this.defaultNode = document.createElement('div');\n document.body.appendChild(this.defaultNode);\n }\n\n return /*#__PURE__*/ReactDOM.createPortal(this.props.children, this.props.node || this.defaultNode);\n };\n\n return Portal;\n}(React.Component);\n\nPortal.propTypes = propTypes;\nexport default Portal;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport React from 'react';\nimport classNames from 'classnames';\nimport { Transition } from 'react-transition-group';\nimport { mapToCssModules, omit, pick, TransitionPropTypeKeys, TransitionTimeouts, tagPropType } from './utils';\n\nvar defaultProps = _objectSpread(_objectSpread({}, Transition.defaultProps), {}, {\n tag: 'div',\n baseClass: 'fade',\n baseClassActive: 'show',\n timeout: TransitionTimeouts.Fade,\n appear: true,\n enter: true,\n exit: true,\n in: true\n});\n\nfunction Fade(props) {\n var Tag = props.tag,\n baseClass = props.baseClass,\n baseClassActive = props.baseClassActive,\n className = props.className,\n cssModule = props.cssModule,\n children = props.children,\n innerRef = props.innerRef,\n otherProps = _objectWithoutPropertiesLoose(props, [\"tag\", \"baseClass\", \"baseClassActive\", \"className\", \"cssModule\", \"children\", \"innerRef\"]);\n\n var transitionProps = pick(otherProps, TransitionPropTypeKeys);\n var childProps = omit(otherProps, TransitionPropTypeKeys);\n return /*#__PURE__*/React.createElement(Transition, transitionProps, function (status) {\n var isActive = status === 'entered';\n var classes = mapToCssModules(classNames(className, baseClass, isActive && baseClassActive), cssModule);\n return /*#__PURE__*/React.createElement(Tag, _extends({\n className: classes\n }, childProps, {\n ref: innerRef\n }), children);\n });\n}\n\nFade.defaultProps = defaultProps;\nexport default Fade;","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Portal from './Portal';\nimport Fade from './Fade';\nimport { getOriginalBodyPadding, conditionallyUpdateScrollbar, setScrollbarWidth, mapToCssModules, omit, focusableElements, TransitionTimeouts, keyCodes, targetPropType, getTarget } from './utils';\n\nfunction noop() {}\n\nvar FadePropTypes = PropTypes.shape(Fade.propTypes);\nvar propTypes = {\n isOpen: PropTypes.bool,\n autoFocus: PropTypes.bool,\n centered: PropTypes.bool,\n scrollable: PropTypes.bool,\n size: PropTypes.string,\n toggle: PropTypes.func,\n keyboard: PropTypes.bool,\n role: PropTypes.string,\n labelledBy: PropTypes.string,\n backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),\n onEnter: PropTypes.func,\n onExit: PropTypes.func,\n onOpened: PropTypes.func,\n onClosed: PropTypes.func,\n children: PropTypes.node,\n className: PropTypes.string,\n wrapClassName: PropTypes.string,\n modalClassName: PropTypes.string,\n backdropClassName: PropTypes.string,\n contentClassName: PropTypes.string,\n external: PropTypes.node,\n fade: PropTypes.bool,\n cssModule: PropTypes.object,\n zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n backdropTransition: FadePropTypes,\n modalTransition: FadePropTypes,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),\n unmountOnClose: PropTypes.bool,\n returnFocusAfterClose: PropTypes.bool,\n container: targetPropType\n};\nvar propsToOmit = Object.keys(propTypes);\nvar defaultProps = {\n isOpen: false,\n autoFocus: true,\n centered: false,\n scrollable: false,\n role: 'dialog',\n backdrop: true,\n keyboard: true,\n zIndex: 1050,\n fade: true,\n onOpened: noop,\n onClosed: noop,\n modalTransition: {\n timeout: TransitionTimeouts.Modal\n },\n backdropTransition: {\n mountOnEnter: true,\n timeout: TransitionTimeouts.Fade // uses standard fade transition\n\n },\n unmountOnClose: true,\n returnFocusAfterClose: true,\n container: 'body'\n};\n\nvar Modal = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Modal, _React$Component);\n\n function Modal(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this._element = null;\n _this._originalBodyPadding = null;\n _this.getFocusableChildren = _this.getFocusableChildren.bind(_assertThisInitialized(_this));\n _this.handleBackdropClick = _this.handleBackdropClick.bind(_assertThisInitialized(_this));\n _this.handleBackdropMouseDown = _this.handleBackdropMouseDown.bind(_assertThisInitialized(_this));\n _this.handleEscape = _this.handleEscape.bind(_assertThisInitialized(_this));\n _this.handleStaticBackdropAnimation = _this.handleStaticBackdropAnimation.bind(_assertThisInitialized(_this));\n _this.handleTab = _this.handleTab.bind(_assertThisInitialized(_this));\n _this.onOpened = _this.onOpened.bind(_assertThisInitialized(_this));\n _this.onClosed = _this.onClosed.bind(_assertThisInitialized(_this));\n _this.manageFocusAfterClose = _this.manageFocusAfterClose.bind(_assertThisInitialized(_this));\n _this.clearBackdropAnimationTimeout = _this.clearBackdropAnimationTimeout.bind(_assertThisInitialized(_this));\n _this.trapFocus = _this.trapFocus.bind(_assertThisInitialized(_this));\n _this.state = {\n isOpen: false,\n showStaticBackdropAnimation: false\n };\n return _this;\n }\n\n var _proto = Modal.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n var _this$props = this.props,\n isOpen = _this$props.isOpen,\n autoFocus = _this$props.autoFocus,\n onEnter = _this$props.onEnter;\n\n if (isOpen) {\n this.init();\n this.setState({\n isOpen: true\n });\n\n if (autoFocus) {\n this.setFocus();\n }\n }\n\n if (onEnter) {\n onEnter();\n } // traps focus inside the Modal, even if the browser address bar is focused\n\n\n document.addEventListener('focus', this.trapFocus, true);\n this._isMounted = true;\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n if (this.props.isOpen && !prevProps.isOpen) {\n this.init();\n this.setState({\n isOpen: true\n }); // let render() renders Modal Dialog first\n\n return;\n } // now Modal Dialog is rendered and we can refer this._element and this._dialog\n\n\n if (this.props.autoFocus && this.state.isOpen && !prevState.isOpen) {\n this.setFocus();\n }\n\n if (this._element && prevProps.zIndex !== this.props.zIndex) {\n this._element.style.zIndex = this.props.zIndex;\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.clearBackdropAnimationTimeout();\n\n if (this.props.onExit) {\n this.props.onExit();\n }\n\n if (this._element) {\n this.destroy();\n\n if (this.props.isOpen || this.state.isOpen) {\n this.close();\n }\n }\n\n document.removeEventListener('focus', this.trapFocus, true);\n this._isMounted = false;\n };\n\n _proto.trapFocus = function trapFocus(ev) {\n if (!this._element) //element is not attached\n return;\n if (this._dialog && this._dialog.parentNode === ev.target) // initial focus when the Modal is opened\n return;\n if (this.modalIndex < Modal.openCount - 1) // last opened modal\n return;\n var children = this.getFocusableChildren();\n\n for (var i = 0; i < children.length; i++) {\n // focus is already inside the Modal\n if (children[i] === ev.target) return;\n }\n\n if (children.length > 0) {\n // otherwise focus the first focusable element in the Modal\n ev.preventDefault();\n ev.stopPropagation();\n children[0].focus();\n }\n };\n\n _proto.onOpened = function onOpened(node, isAppearing) {\n this.props.onOpened();\n (this.props.modalTransition.onEntered || noop)(node, isAppearing);\n };\n\n _proto.onClosed = function onClosed(node) {\n var unmountOnClose = this.props.unmountOnClose; // so all methods get called before it is unmounted\n\n this.props.onClosed();\n (this.props.modalTransition.onExited || noop)(node);\n\n if (unmountOnClose) {\n this.destroy();\n }\n\n this.close();\n\n if (this._isMounted) {\n this.setState({\n isOpen: false\n });\n }\n };\n\n _proto.setFocus = function setFocus() {\n if (this._dialog && this._dialog.parentNode && typeof this._dialog.parentNode.focus === 'function') {\n this._dialog.parentNode.focus();\n }\n };\n\n _proto.getFocusableChildren = function getFocusableChildren() {\n return this._element.querySelectorAll(focusableElements.join(', '));\n };\n\n _proto.getFocusedChild = function getFocusedChild() {\n var currentFocus;\n var focusableChildren = this.getFocusableChildren();\n\n try {\n currentFocus = document.activeElement;\n } catch (err) {\n currentFocus = focusableChildren[0];\n }\n\n return currentFocus;\n } // not mouseUp because scrollbar fires it, shouldn't close when user scrolls\n ;\n\n _proto.handleBackdropClick = function handleBackdropClick(e) {\n if (e.target === this._mouseDownElement) {\n e.stopPropagation();\n var backdrop = this._dialog ? this._dialog.parentNode : null;\n\n if (backdrop && e.target === backdrop && this.props.backdrop === 'static') {\n this.handleStaticBackdropAnimation();\n }\n\n if (!this.props.isOpen || this.props.backdrop !== true) return;\n\n if (backdrop && e.target === backdrop && this.props.toggle) {\n this.props.toggle(e);\n }\n }\n };\n\n _proto.handleTab = function handleTab(e) {\n if (e.which !== 9) return;\n if (this.modalIndex < Modal.openCount - 1) return; // last opened modal\n\n var focusableChildren = this.getFocusableChildren();\n var totalFocusable = focusableChildren.length;\n if (totalFocusable === 0) return;\n var currentFocus = this.getFocusedChild();\n var focusedIndex = 0;\n\n for (var i = 0; i < totalFocusable; i += 1) {\n if (focusableChildren[i] === currentFocus) {\n focusedIndex = i;\n break;\n }\n }\n\n if (e.shiftKey && focusedIndex === 0) {\n e.preventDefault();\n focusableChildren[totalFocusable - 1].focus();\n } else if (!e.shiftKey && focusedIndex === totalFocusable - 1) {\n e.preventDefault();\n focusableChildren[0].focus();\n }\n };\n\n _proto.handleBackdropMouseDown = function handleBackdropMouseDown(e) {\n this._mouseDownElement = e.target;\n };\n\n _proto.handleEscape = function handleEscape(e) {\n if (this.props.isOpen && e.keyCode === keyCodes.esc && this.props.toggle) {\n if (this.props.keyboard) {\n e.preventDefault();\n e.stopPropagation();\n this.props.toggle(e);\n } else if (this.props.backdrop === 'static') {\n e.preventDefault();\n e.stopPropagation();\n this.handleStaticBackdropAnimation();\n }\n }\n };\n\n _proto.handleStaticBackdropAnimation = function handleStaticBackdropAnimation() {\n var _this2 = this;\n\n this.clearBackdropAnimationTimeout();\n this.setState({\n showStaticBackdropAnimation: true\n });\n this._backdropAnimationTimeout = setTimeout(function () {\n _this2.setState({\n showStaticBackdropAnimation: false\n });\n }, 100);\n };\n\n _proto.init = function init() {\n try {\n this._triggeringElement = document.activeElement;\n } catch (err) {\n this._triggeringElement = null;\n }\n\n if (!this._element) {\n this._element = document.createElement('div');\n\n this._element.setAttribute('tabindex', '-1');\n\n this._element.style.position = 'relative';\n this._element.style.zIndex = this.props.zIndex;\n this._mountContainer = getTarget(this.props.container);\n\n this._mountContainer.appendChild(this._element);\n }\n\n this._originalBodyPadding = getOriginalBodyPadding();\n conditionallyUpdateScrollbar();\n\n if (Modal.openCount === 0) {\n document.body.className = classNames(document.body.className, mapToCssModules('modal-open', this.props.cssModule));\n }\n\n this.modalIndex = Modal.openCount;\n Modal.openCount += 1;\n };\n\n _proto.destroy = function destroy() {\n if (this._element) {\n this._mountContainer.removeChild(this._element);\n\n this._element = null;\n }\n\n this.manageFocusAfterClose();\n };\n\n _proto.manageFocusAfterClose = function manageFocusAfterClose() {\n if (this._triggeringElement) {\n var returnFocusAfterClose = this.props.returnFocusAfterClose;\n if (this._triggeringElement.focus && returnFocusAfterClose) this._triggeringElement.focus();\n this._triggeringElement = null;\n }\n };\n\n _proto.close = function close() {\n if (Modal.openCount <= 1) {\n var modalOpenClassName = mapToCssModules('modal-open', this.props.cssModule); // Use regex to prevent matching `modal-open` as part of a different class, e.g. `my-modal-opened`\n\n var modalOpenClassNameRegex = new RegExp(\"(^| )\" + modalOpenClassName + \"( |$)\");\n document.body.className = document.body.className.replace(modalOpenClassNameRegex, ' ').trim();\n }\n\n this.manageFocusAfterClose();\n Modal.openCount = Math.max(0, Modal.openCount - 1);\n setScrollbarWidth(this._originalBodyPadding);\n };\n\n _proto.renderModalDialog = function renderModalDialog() {\n var _classNames,\n _this3 = this;\n\n var attributes = omit(this.props, propsToOmit);\n var dialogBaseClass = 'modal-dialog';\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, attributes, {\n className: mapToCssModules(classNames(dialogBaseClass, this.props.className, (_classNames = {}, _classNames[\"modal-\" + this.props.size] = this.props.size, _classNames[dialogBaseClass + \"-centered\"] = this.props.centered, _classNames[dialogBaseClass + \"-scrollable\"] = this.props.scrollable, _classNames)), this.props.cssModule),\n role: \"document\",\n ref: function ref(c) {\n _this3._dialog = c;\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(classNames('modal-content', this.props.contentClassName), this.props.cssModule)\n }, this.props.children));\n };\n\n _proto.render = function render() {\n var unmountOnClose = this.props.unmountOnClose;\n\n if (!!this._element && (this.state.isOpen || !unmountOnClose)) {\n var isModalHidden = !!this._element && !this.state.isOpen && !unmountOnClose;\n this._element.style.display = isModalHidden ? 'none' : 'block';\n var _this$props2 = this.props,\n wrapClassName = _this$props2.wrapClassName,\n modalClassName = _this$props2.modalClassName,\n backdropClassName = _this$props2.backdropClassName,\n cssModule = _this$props2.cssModule,\n isOpen = _this$props2.isOpen,\n backdrop = _this$props2.backdrop,\n role = _this$props2.role,\n labelledBy = _this$props2.labelledBy,\n external = _this$props2.external,\n innerRef = _this$props2.innerRef;\n var modalAttributes = {\n onClick: this.handleBackdropClick,\n onMouseDown: this.handleBackdropMouseDown,\n onKeyUp: this.handleEscape,\n onKeyDown: this.handleTab,\n style: {\n display: 'block'\n },\n 'aria-labelledby': labelledBy,\n role: role,\n tabIndex: '-1'\n };\n var hasTransition = this.props.fade;\n\n var modalTransition = _objectSpread(_objectSpread(_objectSpread({}, Fade.defaultProps), this.props.modalTransition), {}, {\n baseClass: hasTransition ? this.props.modalTransition.baseClass : '',\n timeout: hasTransition ? this.props.modalTransition.timeout : 0\n });\n\n var backdropTransition = _objectSpread(_objectSpread(_objectSpread({}, Fade.defaultProps), this.props.backdropTransition), {}, {\n baseClass: hasTransition ? this.props.backdropTransition.baseClass : '',\n timeout: hasTransition ? this.props.backdropTransition.timeout : 0\n });\n\n var Backdrop = backdrop && (hasTransition ? /*#__PURE__*/React.createElement(Fade, _extends({}, backdropTransition, {\n in: isOpen && !!backdrop,\n cssModule: cssModule,\n className: mapToCssModules(classNames('modal-backdrop', backdropClassName), cssModule)\n })) : /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(classNames('modal-backdrop', 'show', backdropClassName), cssModule)\n }));\n return /*#__PURE__*/React.createElement(Portal, {\n node: this._element\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: mapToCssModules(wrapClassName)\n }, /*#__PURE__*/React.createElement(Fade, _extends({}, modalAttributes, modalTransition, {\n in: isOpen,\n onEntered: this.onOpened,\n onExited: this.onClosed,\n cssModule: cssModule,\n className: mapToCssModules(classNames('modal', modalClassName, this.state.showStaticBackdropAnimation && 'modal-static'), cssModule),\n innerRef: innerRef\n }), external, this.renderModalDialog()), Backdrop));\n }\n\n return null;\n };\n\n _proto.clearBackdropAnimationTimeout = function clearBackdropAnimationTimeout() {\n if (this._backdropAnimationTimeout) {\n clearTimeout(this._backdropAnimationTimeout);\n this._backdropAnimationTimeout = undefined;\n }\n };\n\n return Modal;\n}(React.Component);\n\nModal.defaultProps = defaultProps;\nModal.openCount = 0;\nexport default Modal;","import React from \"react\"\nimport { Modal as ReactstrapModal } from \"reactstrap\"\nimport PropTypes from \"prop-types\"\nimport \"./Modal.scss\"\n\nconst Modal = ({ show, size, toggle, onClosed, children }) => (\n \n {children}\n \n)\n\nModal.propTypes = {\n show: PropTypes.bool,\n size: PropTypes.string,\n toggle: PropTypes.func,\n onClosed: PropTypes.func,\n children: PropTypes.any.isRequired,\n}\n\nexport default Modal\n","import React, { useEffect } from \"react\"\nimport PropTypes from \"prop-types\"\nimport IntlTelInput from \"react-intl-tel-input\"\nimport \"./PhoneNumberInput.scss\"\nimport \"react-intl-tel-input/dist/main.css\"\n\nconst PhoneNumberInput = ({\n inputFieldName,\n inputValue,\n handlePhoneNumberChange,\n error,\n isDisabled,\n}) => {\n useEffect(() => {\n document.querySelector(\"input[type='tel']\").setAttribute(\"maxlength\", \"10\")\n })\n return (\n handleInput(\"step1\", e)}\n handlePhoneInput={handlePhoneInput}\n stateObj={stateTree.step1}\n />\n )\n case 2:\n return handleInput(\"step3\", e)}\n handleFileInput={handleFileInput}\n stateObj={stateTree.step3}\n isLoading={isLoading}\n fileDocument={supportFile}\n pushToStrapi={pushToStrapi}\n />\n )\n\n default:\n setStep(1)\n }\n }\n\n return (\n \n \n )\n}\n\nexport default StartProjectModal\n","import React, { useState } from \"react\"\nimport { Link } from \"gatsby\"\nimport BrandLogo from \"./brandLogo.inline.svg\"\nimport StartProjectButton from \"../../../utils/StartProjectButton/StartProjectButton\"\nimport StartProjectBtn from \"../../StartProject/StartProjectBtn/StartProjectBtn\"\nimport StartProjectModal from \"../../StartProject/StartProjectModal\"\nimport \"./Header.scss\"\n\nconst Header = () => {\n const [showModal, toggleModal] = useState(false)\n return (\n <>\n \n \n \n toggleModal(true)} />\n {showModal && (\n toggleModal(!showModal)}\n />\n )}\n \n )\n}\n\nexport default Header\n","import \"core-js/modules/es.array.reduce.js\";\nimport PropTypes from 'prop-types';\nimport withSideEffect from 'react-side-effect';\nimport isEqual from 'react-fast-compare';\nimport React from 'react';\nimport objectAssign from 'object-assign';\nvar ATTRIBUTE_NAMES = {\n BODY: \"bodyAttributes\",\n HTML: \"htmlAttributes\",\n TITLE: \"titleAttributes\"\n};\nvar TAG_NAMES = {\n BASE: \"base\",\n BODY: \"body\",\n HEAD: \"head\",\n HTML: \"html\",\n LINK: \"link\",\n META: \"meta\",\n NOSCRIPT: \"noscript\",\n SCRIPT: \"script\",\n STYLE: \"style\",\n TITLE: \"title\"\n};\nvar VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(function (name) {\n return TAG_NAMES[name];\n});\nvar TAG_PROPERTIES = {\n CHARSET: \"charset\",\n CSS_TEXT: \"cssText\",\n HREF: \"href\",\n HTTPEQUIV: \"http-equiv\",\n INNER_HTML: \"innerHTML\",\n ITEM_PROP: \"itemprop\",\n NAME: \"name\",\n PROPERTY: \"property\",\n REL: \"rel\",\n SRC: \"src\",\n TARGET: \"target\"\n};\nvar REACT_TAG_MAP = {\n accesskey: \"accessKey\",\n charset: \"charSet\",\n class: \"className\",\n contenteditable: \"contentEditable\",\n contextmenu: \"contextMenu\",\n \"http-equiv\": \"httpEquiv\",\n itemprop: \"itemProp\",\n tabindex: \"tabIndex\"\n};\nvar HELMET_PROPS = {\n DEFAULT_TITLE: \"defaultTitle\",\n DEFER: \"defer\",\n ENCODE_SPECIAL_CHARACTERS: \"encodeSpecialCharacters\",\n ON_CHANGE_CLIENT_STATE: \"onChangeClientState\",\n TITLE_TEMPLATE: \"titleTemplate\"\n};\nvar HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\nvar SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\nvar HELMET_ATTRIBUTE = \"data-react-helmet\";\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n} : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar inherits = function inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar objectWithoutProperties = function objectWithoutProperties(obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n};\n\nvar possibleConstructorReturn = function possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar encodeSpecialCharacters = function encodeSpecialCharacters(str) {\n var encode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n if (encode === false) {\n return String(str);\n }\n\n return String(str).replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\");\n};\n\nvar getTitleFromPropsList = function getTitleFromPropsList(propsList) {\n var innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n var innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, function () {\n return Array.isArray(innermostTitle) ? innermostTitle.join(\"\") : innermostTitle;\n });\n }\n\n var innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nvar getOnChangeClientState = function getOnChangeClientState(propsList) {\n return getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || function () {};\n};\n\nvar getAttributesFromPropsList = function getAttributesFromPropsList(tagType, propsList) {\n return propsList.filter(function (props) {\n return typeof props[tagType] !== \"undefined\";\n }).map(function (props) {\n return props[tagType];\n }).reduce(function (tagAttrs, current) {\n return _extends({}, tagAttrs, current);\n }, {});\n};\n\nvar getBaseTagFromPropsList = function getBaseTagFromPropsList(primaryAttributes, propsList) {\n return propsList.filter(function (props) {\n return typeof props[TAG_NAMES.BASE] !== \"undefined\";\n }).map(function (props) {\n return props[TAG_NAMES.BASE];\n }).reverse().reduce(function (innermostBaseTag, tag) {\n if (!innermostBaseTag.length) {\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && tag[lowerCaseAttributeKey]) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n};\n\nvar getTagsFromPropsList = function getTagsFromPropsList(tagName, primaryAttributes, propsList) {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n var approvedSeenTags = {};\n return propsList.filter(function (props) {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n\n if (typeof props[tagName] !== \"undefined\") {\n warn(\"Helmet: \" + tagName + \" should be of type \\\"Array\\\". Instead found type \\\"\" + _typeof(props[tagName]) + \"\\\"\");\n }\n\n return false;\n }).map(function (props) {\n return props[tagName];\n }).reverse().reduce(function (approvedTags, instanceTags) {\n var instanceSeenTags = {};\n instanceTags.filter(function (tag) {\n var primaryAttributeKey = void 0;\n var keys = Object.keys(tag);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var lowerCaseAttributeKey = attributeKey.toLowerCase(); // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n\n if (primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 && !(primaryAttributeKey === TAG_PROPERTIES.REL && tag[primaryAttributeKey].toLowerCase() === \"canonical\") && !(lowerCaseAttributeKey === TAG_PROPERTIES.REL && tag[lowerCaseAttributeKey].toLowerCase() === \"stylesheet\")) {\n primaryAttributeKey = lowerCaseAttributeKey;\n } // Special case for innerHTML which doesn't work lowercased\n\n\n if (primaryAttributes.indexOf(attributeKey) !== -1 && (attributeKey === TAG_PROPERTIES.INNER_HTML || attributeKey === TAG_PROPERTIES.CSS_TEXT || attributeKey === TAG_PROPERTIES.ITEM_PROP)) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n var value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n }).reverse().forEach(function (tag) {\n return approvedTags.push(tag);\n }); // Update seen tags with tags from this instance\n\n var keys = Object.keys(instanceSeenTags);\n\n for (var i = 0; i < keys.length; i++) {\n var attributeKey = keys[i];\n var tagUnion = objectAssign({}, approvedSeenTags[attributeKey], instanceSeenTags[attributeKey]);\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, []).reverse();\n};\n\nvar getInnermostProperty = function getInnermostProperty(propsList, property) {\n for (var i = propsList.length - 1; i >= 0; i--) {\n var props = propsList[i];\n\n if (props.hasOwnProperty(property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nvar reducePropsToState = function reducePropsToState(propsList) {\n return {\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF, TAG_PROPERTIES.TARGET], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(TAG_NAMES.LINK, [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF], propsList),\n metaTags: getTagsFromPropsList(TAG_NAMES.META, [TAG_PROPERTIES.NAME, TAG_PROPERTIES.CHARSET, TAG_PROPERTIES.HTTPEQUIV, TAG_PROPERTIES.PROPERTY, TAG_PROPERTIES.ITEM_PROP], propsList),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(TAG_NAMES.SCRIPT, [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML], propsList),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList)\n };\n};\n\nvar rafPolyfill = function () {\n var clock = Date.now();\n return function (callback) {\n var currentTime = Date.now();\n\n if (currentTime - clock > 16) {\n clock = currentTime;\n callback(currentTime);\n } else {\n setTimeout(function () {\n rafPolyfill(callback);\n }, 0);\n }\n };\n}();\n\nvar cafPolyfill = function cafPolyfill(id) {\n return clearTimeout(id);\n};\n\nvar requestAnimationFrame = typeof window !== \"undefined\" ? window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || rafPolyfill : global.requestAnimationFrame || rafPolyfill;\nvar cancelAnimationFrame = typeof window !== \"undefined\" ? window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || cafPolyfill : global.cancelAnimationFrame || cafPolyfill;\n\nvar warn = function warn(msg) {\n return console && typeof console.warn === \"function\" && console.warn(msg);\n};\n\nvar _helmetCallback = null;\n\nvar handleClientStateChange = function handleClientStateChange(newState) {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame(function () {\n commitTagChanges(newState, function () {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\n\nvar commitTagChanges = function commitTagChanges(newState, cb) {\n var baseTag = newState.baseTag,\n bodyAttributes = newState.bodyAttributes,\n htmlAttributes = newState.htmlAttributes,\n linkTags = newState.linkTags,\n metaTags = newState.metaTags,\n noscriptTags = newState.noscriptTags,\n onChangeClientState = newState.onChangeClientState,\n scriptTags = newState.scriptTags,\n styleTags = newState.styleTags,\n title = newState.title,\n titleAttributes = newState.titleAttributes;\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n updateTitle(title, titleAttributes);\n var tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags)\n };\n var addedTags = {};\n var removedTags = {};\n Object.keys(tagUpdates).forEach(function (tagType) {\n var _tagUpdates$tagType = tagUpdates[tagType],\n newTags = _tagUpdates$tagType.newTags,\n oldTags = _tagUpdates$tagType.oldTags;\n\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n cb && cb();\n onChangeClientState(newState, addedTags, removedTags);\n};\n\nvar flattenArray = function flattenArray(possibleArray) {\n return Array.isArray(possibleArray) ? possibleArray.join(\"\") : possibleArray;\n};\n\nvar updateTitle = function updateTitle(title, attributes) {\n if (typeof title !== \"undefined\" && document.title !== title) {\n document.title = flattenArray(title);\n }\n\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\n\nvar updateAttributes = function updateAttributes(tagName, attributes) {\n var elementTag = document.getElementsByTagName(tagName)[0];\n\n if (!elementTag) {\n return;\n }\n\n var helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n var helmetAttributes = helmetAttributeString ? helmetAttributeString.split(\",\") : [];\n var attributesToRemove = [].concat(helmetAttributes);\n var attributeKeys = Object.keys(attributes);\n\n for (var i = 0; i < attributeKeys.length; i++) {\n var attribute = attributeKeys[i];\n var value = attributes[attribute] || \"\";\n\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n\n var indexToSave = attributesToRemove.indexOf(attribute);\n\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n\n for (var _i = attributesToRemove.length - 1; _i >= 0; _i--) {\n elementTag.removeAttribute(attributesToRemove[_i]);\n }\n\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(\",\")) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(\",\"));\n }\n};\n\nvar updateTags = function updateTags(type, tags) {\n var headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n var tagNodes = headElement.querySelectorAll(type + \"[\" + HELMET_ATTRIBUTE + \"]\");\n var oldTags = Array.prototype.slice.call(tagNodes);\n var newTags = [];\n var indexToDelete = void 0;\n\n if (tags && tags.length) {\n tags.forEach(function (tag) {\n var newElement = document.createElement(type);\n\n for (var attribute in tag) {\n if (tag.hasOwnProperty(attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n var value = typeof tag[attribute] === \"undefined\" ? \"\" : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n\n newElement.setAttribute(HELMET_ATTRIBUTE, \"true\"); // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n\n if (oldTags.some(function (existingTag, index) {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n\n oldTags.forEach(function (tag) {\n return tag.parentNode.removeChild(tag);\n });\n newTags.forEach(function (tag) {\n return headElement.appendChild(tag);\n });\n return {\n oldTags: oldTags,\n newTags: newTags\n };\n};\n\nvar generateElementAttributesAsString = function generateElementAttributesAsString(attributes) {\n return Object.keys(attributes).reduce(function (str, key) {\n var attr = typeof attributes[key] !== \"undefined\" ? key + \"=\\\"\" + attributes[key] + \"\\\"\" : \"\" + key;\n return str ? str + \" \" + attr : attr;\n }, \"\");\n};\n\nvar generateTitleAsString = function generateTitleAsString(type, title, attributes, encode) {\n var attributeString = generateElementAttributesAsString(attributes);\n var flattenedTitle = flattenArray(title);\n return attributeString ? \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeString + \">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\" : \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\">\" + encodeSpecialCharacters(flattenedTitle, encode) + \"\";\n};\n\nvar generateTagsAsString = function generateTagsAsString(type, tags, encode) {\n return tags.reduce(function (str, tag) {\n var attributeHtml = Object.keys(tag).filter(function (attribute) {\n return !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT);\n }).reduce(function (string, attribute) {\n var attr = typeof tag[attribute] === \"undefined\" ? attribute : attribute + \"=\\\"\" + encodeSpecialCharacters(tag[attribute], encode) + \"\\\"\";\n return string ? string + \" \" + attr : attr;\n }, \"\");\n var tagContent = tag.innerHTML || tag.cssText || \"\";\n var isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n return str + \"<\" + type + \" \" + HELMET_ATTRIBUTE + \"=\\\"true\\\" \" + attributeHtml + (isSelfClosing ? \"/>\" : \">\" + tagContent + \"\");\n }, \"\");\n};\n\nvar convertElementAttributestoReactProps = function convertElementAttributestoReactProps(attributes) {\n var initProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(attributes).reduce(function (obj, key) {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n};\n\nvar convertReactPropstoHtmlAttributes = function convertReactPropstoHtmlAttributes(props) {\n var initAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return Object.keys(props).reduce(function (obj, key) {\n obj[HTML_TAG_MAP[key] || key] = props[key];\n return obj;\n }, initAttributes);\n};\n\nvar generateTitleAsReactComponent = function generateTitleAsReactComponent(type, title, attributes) {\n var _initProps; // assigning into an array to define toString function on it\n\n\n var initProps = (_initProps = {\n key: title\n }, _initProps[HELMET_ATTRIBUTE] = true, _initProps);\n var props = convertElementAttributestoReactProps(attributes, initProps);\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nvar generateTagsAsReactComponent = function generateTagsAsReactComponent(type, tags) {\n return tags.map(function (tag, i) {\n var _mappedTag;\n\n var mappedTag = (_mappedTag = {\n key: i\n }, _mappedTag[HELMET_ATTRIBUTE] = true, _mappedTag);\n Object.keys(tag).forEach(function (attribute) {\n var mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (mappedAttribute === TAG_PROPERTIES.INNER_HTML || mappedAttribute === TAG_PROPERTIES.CSS_TEXT) {\n var content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = {\n __html: content\n };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n return React.createElement(type, mappedTag);\n });\n};\n\nvar getMethodsForTag = function getMethodsForTag(type, tags, encode) {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: function toComponent() {\n return generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode);\n },\n toString: function toString() {\n return generateTitleAsString(type, tags.title, tags.titleAttributes, encode);\n }\n };\n\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: function toComponent() {\n return convertElementAttributestoReactProps(tags);\n },\n toString: function toString() {\n return generateElementAttributesAsString(tags);\n }\n };\n\n default:\n return {\n toComponent: function toComponent() {\n return generateTagsAsReactComponent(type, tags);\n },\n toString: function toString() {\n return generateTagsAsString(type, tags, encode);\n }\n };\n }\n};\n\nvar mapStateOnServer = function mapStateOnServer(_ref) {\n var baseTag = _ref.baseTag,\n bodyAttributes = _ref.bodyAttributes,\n encode = _ref.encode,\n htmlAttributes = _ref.htmlAttributes,\n linkTags = _ref.linkTags,\n metaTags = _ref.metaTags,\n noscriptTags = _ref.noscriptTags,\n scriptTags = _ref.scriptTags,\n styleTags = _ref.styleTags,\n _ref$title = _ref.title,\n title = _ref$title === undefined ? \"\" : _ref$title,\n titleAttributes = _ref.titleAttributes;\n return {\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, {\n title: title,\n titleAttributes: titleAttributes\n }, encode)\n };\n};\n\nvar Helmet = function Helmet(Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n inherits(HelmetWrapper, _React$Component);\n\n function HelmetWrapper() {\n classCallCheck(this, HelmetWrapper);\n return possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n HelmetWrapper.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !isEqual(this.props, nextProps);\n };\n\n HelmetWrapper.prototype.mapNestedChildrenToProps = function mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren\n };\n\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren\n };\n }\n\n throw new Error(\"<\" + child.type + \" /> elements are self-closing and can not contain children. Refer to our API for more information.\");\n };\n\n HelmetWrapper.prototype.flattenArrayTypeChildren = function flattenArrayTypeChildren(_ref) {\n var _babelHelpers$extends;\n\n var child = _ref.child,\n arrayTypeChildren = _ref.arrayTypeChildren,\n newChildProps = _ref.newChildProps,\n nestedChildren = _ref.nestedChildren;\n return _extends({}, arrayTypeChildren, (_babelHelpers$extends = {}, _babelHelpers$extends[child.type] = [].concat(arrayTypeChildren[child.type] || [], [_extends({}, newChildProps, this.mapNestedChildrenToProps(child, nestedChildren))]), _babelHelpers$extends));\n };\n\n HelmetWrapper.prototype.mapObjectTypeChildren = function mapObjectTypeChildren(_ref2) {\n var _babelHelpers$extends2, _babelHelpers$extends3;\n\n var child = _ref2.child,\n newProps = _ref2.newProps,\n newChildProps = _ref2.newChildProps,\n nestedChildren = _ref2.nestedChildren;\n\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return _extends({}, newProps, (_babelHelpers$extends2 = {}, _babelHelpers$extends2[child.type] = nestedChildren, _babelHelpers$extends2.titleAttributes = _extends({}, newChildProps), _babelHelpers$extends2));\n\n case TAG_NAMES.BODY:\n return _extends({}, newProps, {\n bodyAttributes: _extends({}, newChildProps)\n });\n\n case TAG_NAMES.HTML:\n return _extends({}, newProps, {\n htmlAttributes: _extends({}, newChildProps)\n });\n }\n\n return _extends({}, newProps, (_babelHelpers$extends3 = {}, _babelHelpers$extends3[child.type] = _extends({}, newChildProps), _babelHelpers$extends3));\n };\n\n HelmetWrapper.prototype.mapArrayTypeChildrenToProps = function mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n var newFlattenedProps = _extends({}, newProps);\n\n Object.keys(arrayTypeChildren).forEach(function (arrayChildName) {\n var _babelHelpers$extends4;\n\n newFlattenedProps = _extends({}, newFlattenedProps, (_babelHelpers$extends4 = {}, _babelHelpers$extends4[arrayChildName] = arrayTypeChildren[arrayChildName], _babelHelpers$extends4));\n });\n return newFlattenedProps;\n };\n\n HelmetWrapper.prototype.warnOnInvalidChildren = function warnOnInvalidChildren(child, nestedChildren) {\n if (process.env.NODE_ENV !== \"production\") {\n if (!VALID_TAG_NAMES.some(function (name) {\n return child.type === name;\n })) {\n if (typeof child.type === \"function\") {\n return warn(\"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.\");\n }\n\n return warn(\"Only elements types \" + VALID_TAG_NAMES.join(\", \") + \" are allowed. Helmet does not support rendering <\" + child.type + \"> elements. Refer to our API for more information.\");\n }\n\n if (nestedChildren && typeof nestedChildren !== \"string\" && (!Array.isArray(nestedChildren) || nestedChildren.some(function (nestedChild) {\n return typeof nestedChild !== \"string\";\n }))) {\n throw new Error(\"Helmet expects a string as a child of <\" + child.type + \">. Did you forget to wrap your children in braces? ( <\" + child.type + \">{``} ) Refer to our API for more information.\");\n }\n }\n\n return true;\n };\n\n HelmetWrapper.prototype.mapChildrenToProps = function mapChildrenToProps(children, newProps) {\n var _this2 = this;\n\n var arrayTypeChildren = {};\n React.Children.forEach(children, function (child) {\n if (!child || !child.props) {\n return;\n }\n\n var _child$props = child.props,\n nestedChildren = _child$props.children,\n childProps = objectWithoutProperties(_child$props, [\"children\"]);\n var newChildProps = convertReactPropstoHtmlAttributes(childProps);\n\n _this2.warnOnInvalidChildren(child, nestedChildren);\n\n switch (child.type) {\n case TAG_NAMES.LINK:\n case TAG_NAMES.META:\n case TAG_NAMES.NOSCRIPT:\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.STYLE:\n arrayTypeChildren = _this2.flattenArrayTypeChildren({\n child: child,\n arrayTypeChildren: arrayTypeChildren,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n\n default:\n newProps = _this2.mapObjectTypeChildren({\n child: child,\n newProps: newProps,\n newChildProps: newChildProps,\n nestedChildren: nestedChildren\n });\n break;\n }\n });\n newProps = this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);\n return newProps;\n };\n\n HelmetWrapper.prototype.render = function render() {\n var _props = this.props,\n children = _props.children,\n props = objectWithoutProperties(_props, [\"children\"]);\n\n var newProps = _extends({}, props);\n\n if (children) {\n newProps = this.mapChildrenToProps(children, newProps);\n }\n\n return React.createElement(Component, newProps);\n };\n\n createClass(HelmetWrapper, null, [{\n key: \"canUseDOM\",\n // Component.peek comes from react-side-effect:\n // For testing, you may use a static peek() method available on the returned component.\n // It lets you get the current state without resetting the mounted instance stack.\n // Don’t use it for anything other than testing.\n\n /**\n * @param {Object} base: {\"target\": \"_blank\", \"href\": \"http://mysite.com/\"}\n * @param {Object} bodyAttributes: {\"className\": \"root\"}\n * @param {String} defaultTitle: \"Default Title\"\n * @param {Boolean} defer: true\n * @param {Boolean} encodeSpecialCharacters: true\n * @param {Object} htmlAttributes: {\"lang\": \"en\", \"amp\": undefined}\n * @param {Array} link: [{\"rel\": \"canonical\", \"href\": \"http://mysite.com/example\"}]\n * @param {Array} meta: [{\"name\": \"description\", \"content\": \"Test description\"}]\n * @param {Array} noscript: [{\"innerHTML\": \"
console.log(newState)\"\n * @param {Array} script: [{\"type\": \"text/javascript\", \"src\": \"http://mysite.com/js/test.js\"}]\n * @param {Array} style: [{\"type\": \"text/css\", \"cssText\": \"div { display: block; color: blue; }\"}]\n * @param {String} title: \"Title\"\n * @param {Object} titleAttributes: {\"itemprop\": \"name\"}\n * @param {String} titleTemplate: \"MySite.com - %s\"\n */\n set: function set$$1(canUseDOM) {\n Component.canUseDOM = canUseDOM;\n }\n }]);\n return HelmetWrapper;\n }(React.Component), _class.propTypes = {\n base: PropTypes.object,\n bodyAttributes: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n defaultTitle: PropTypes.string,\n defer: PropTypes.bool,\n encodeSpecialCharacters: PropTypes.bool,\n htmlAttributes: PropTypes.object,\n link: PropTypes.arrayOf(PropTypes.object),\n meta: PropTypes.arrayOf(PropTypes.object),\n noscript: PropTypes.arrayOf(PropTypes.object),\n onChangeClientState: PropTypes.func,\n script: PropTypes.arrayOf(PropTypes.object),\n style: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string,\n titleAttributes: PropTypes.object,\n titleTemplate: PropTypes.string\n }, _class.defaultProps = {\n defer: true,\n encodeSpecialCharacters: true\n }, _class.peek = Component.peek, _class.rewind = function () {\n var mappedState = Component.rewind();\n\n if (!mappedState) {\n // provide fallback if mappedState is undefined\n mappedState = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: \"\",\n titleAttributes: {}\n });\n }\n\n return mappedState;\n }, _temp;\n};\n\nvar NullComponent = function NullComponent() {\n return null;\n};\n\nvar HelmetSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);\nvar HelmetExport = Helmet(HelmetSideEffects);\nHelmetExport.renderStatic = HelmetExport.rewind;\nexport default HelmetExport;\nexport { HelmetExport as Helmet };","var React = require('react');\n\nfunction BrandLogoInline (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"className\":\"d-none d-lg-block\",\"key\":0},[React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M51.0664 18.9678H53.5514L59.4087 35.5906L59.4682 35.5313L59.3794 31.1165V18.9678H61.3614V38.7313H58.8764L53.0189 22.079L52.9599 22.1381L53.0485 26.6125V38.7313H51.0664V18.9678Z\",\"fill\":\"#333333\",\"key\":0}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M76.0652 21.605H76.0063L73.8169 30.8498H78.2543L76.0652 21.605ZM73.3436 32.6277L71.8052 39.1166L69.8525 38.5835L74.8524 18.9678H77.2189L82.2187 38.5835L80.266 39.1166L78.7276 32.6277H73.3436Z\",\"fill\":\"#333333\",\"key\":1}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M94.9102 20.7456H90.6499V18.9678H101.064V20.7456H96.8922V38.7313H94.9102V20.7456Z\",\"fill\":\"#333333\",\"key\":2}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M114.732 20.7456H110.472V18.9678H120.885V20.7456H116.714V38.7313H114.732V20.7456Z\",\"fill\":\"#333333\",\"key\":3}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M131.27 18.9678H140.884V20.7456H133.252V27.2642H139.553V29.0423H133.252V36.9535H140.884V38.7313H131.27V18.9678Z\",\"fill\":\"#333333\",\"key\":4}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M153.221 28.1533H156.12C157.836 28.1533 158.901 26.8792 158.901 24.2123C158.901 21.6347 157.659 20.7456 155.647 20.7456H153.221V28.1533ZM151.239 18.9678H156.564C158.517 18.9678 160.972 20.6566 160.972 24.2123C160.972 26.6421 159.996 28.9533 157.57 29.7828L161.652 38.2572L159.878 39.1166L155.44 29.9311H153.221V38.7313H151.239V18.9678Z\",\"fill\":\"#333333\",\"key\":5}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M176.149 36.9535C177.924 36.9535 179.137 35.6497 179.137 32.7754C179.137 29.8421 177.687 28.8644 175.617 28.8644H173.457V36.9535H176.149ZM175.232 27.0865C177.273 27.0865 178.22 26.0198 178.22 23.9456C178.22 21.516 177.007 20.7456 174.611 20.7456H173.457V27.0865H175.232ZM169.877 38.7313V36.9535H171.475V20.7456H169.877V18.9678H175.912C178.072 18.9678 180.291 20.7753 180.291 23.9456C180.291 25.5754 179.64 26.9679 178.19 27.768C180.409 28.7457 181.208 30.4348 181.208 32.8054C181.208 36.9238 178.96 38.7313 176.238 38.7313H169.877Z\",\"fill\":\"#333333\",\"key\":6}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M194.994 21.605H194.935L192.746 30.8498H197.184L194.994 21.605ZM192.273 32.6277L190.734 39.1166L188.782 38.5835L193.782 18.9678H196.148L201.148 38.5835L199.195 39.1166L197.657 32.6277H192.273Z\",\"fill\":\"#333333\",\"key\":7}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M217.627 23.4716C217.301 22.0198 216.591 20.568 214.905 20.568C213.041 20.568 212.301 22.0791 212.301 23.7383C212.301 25.3384 212.627 25.8422 215.733 27.7087C218.159 29.1608 219.816 30.3756 219.816 33.4275C219.816 36.5388 218.159 38.9981 214.846 38.9981C211.355 38.9981 210.083 36.6869 209.787 33.5462L211.769 33.2792C212.035 35.4721 212.509 37.1313 214.905 37.1313C216.621 37.1313 217.834 35.9758 217.834 33.6053C217.834 30.998 216.148 30.1089 214.106 28.9238C211.828 27.5903 210.319 26.642 210.319 23.7383C210.319 21.0714 212.095 18.7012 214.905 18.7012C217.686 18.7012 219.047 20.6864 219.55 23.1753L217.627 23.4716Z\",\"fill\":\"#333333\",\"key\":8}),React.createElement(\"mask\",{\"id\":\"mask0\",\"maskType\":\"alpha\",\"maskUnits\":\"userSpaceOnUse\",\"x\":\"230\",\"y\":\"18\",\"width\":\"10\",\"height\":\"21\",\"key\":9},React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M230.377 18.9678H239.992V38.7313H230.377V18.9678Z\",\"fill\":\"white\"})),React.createElement(\"g\",{\"mask\":\"url(#mask0)\",\"key\":10},React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M230.377 18.9678H239.992V20.7456H232.36V27.2642H238.661V29.0423H232.36V36.9535H239.992V38.7313H230.377V18.9678Z\",\"fill\":\"#333333\"})),React.createElement(\"mask\",{\"id\":\"mask1\",\"maskType\":\"alpha\",\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\"0\",\"width\":\"39\",\"height\":\"22\",\"key\":11},React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M0.0708008 0H38.8213V21.6685H0.0708008V0Z\",\"fill\":\"white\"}))]),React.createElement(\"g\",{\"mask\":\"url(#mask1)\",\"key\":1},React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M4.44514 15.7441L4.39672 15.7114L4.46574 15.6644L4.51466 15.6972L4.44514 15.7441ZM4.60453 21.6685L4.64599 16.3397L19.0022 6.63315L25.8901 11.0869L34.2363 16.432L34.2711 21.5055L38.8213 18.5954L38.7762 12.7995L27.874 5.81735L18.8773 0L0.124878 12.6785L0.0708008 18.5954L4.60453 21.6685Z\",\"fill\":\"#333333\"})),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M7.98852 38.1561L8.09152 38.0866L8.01952 38.0381L7.91602 38.1071L7.98852 38.1561Z\",\"fill\":\"#333333\",\"key\":2}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M4.44489 41.1013L4.39648 41.0686L4.46549 41.0216L4.51442 41.0544L4.44489 41.1013ZM0 38.1567L0.0759657 43.9526L18.8555 56.5917L38.7935 43.9526L38.8161 38.1567L34.2672 35.251L34.2497 40.2822L18.9858 49.9585L4.60867 40.2822L4.58189 35.4692L0 38.1567Z\",\"fill\":\"#333333\",\"key\":3}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M7.98852 18.744L8.09152 18.6745L8.01952 18.626L7.91602 18.695L7.98852 18.744Z\",\"fill\":\"#333333\",\"key\":4})]);\n}\n\nBrandLogoInline.defaultProps = {\"width\":\"240\",\"height\":\"57\",\"viewBox\":\"0 0 240 57\",\"fill\":\"none\"};\n\nmodule.exports = BrandLogoInline;\n\nBrandLogoInline.default = BrandLogoInline;\n","var React = require('react');\n\nfunction PlusInline (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M10 1V19\",\"stroke\":\"black\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M1 10H19\",\"stroke\":\"black\",\"strokeWidth\":\"2\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"key\":1})]);\n}\n\nPlusInline.defaultProps = {\"className\":\"dark-svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\"};\n\nmodule.exports = PlusInline;\n\nPlusInline.default = PlusInline;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nvar FlagBox = function FlagBox(_ref) {\n var dialCode = _ref.dialCode,\n isoCode = _ref.isoCode,\n name = _ref.name,\n onMouseOver = _ref.onMouseOver,\n onFocus = _ref.onFocus,\n onClick = _ref.onClick,\n flagRef = _ref.flagRef,\n innerFlagRef = _ref.innerFlagRef,\n countryClass = _ref.countryClass;\n return _react.default.createElement(\"li\", {\n className: countryClass,\n \"data-dial-code\": dialCode,\n \"data-country-code\": isoCode,\n onMouseOver: onMouseOver,\n onFocus: onFocus,\n onClick: onClick\n }, _react.default.createElement(\"div\", {\n ref: flagRef,\n className: \"flag-box\"\n }, _react.default.createElement(\"div\", {\n ref: innerFlagRef,\n className: \"iti-flag \".concat(isoCode)\n })), _react.default.createElement(\"span\", {\n className: \"country-name\"\n }, name), _react.default.createElement(\"span\", {\n className: \"dial-code\"\n }, \"+ \".concat(dialCode)));\n};\n\nFlagBox.defaultProps = {\n onFocus: function onFocus() {},\n onMouseOver: function onMouseOver() {},\n onClick: function onClick() {}\n};\nvar _default = FlagBox;\nexports.default = _default;\nFlagBox.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [],\n \"displayName\": \"FlagBox\",\n \"props\": {\n \"onFocus\": {\n \"defaultValue\": {\n \"value\": \"() => {}\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"onMouseOver\": {\n \"defaultValue\": {\n \"value\": \"() => {}\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"onClick\": {\n \"defaultValue\": {\n \"value\": \"() => {}\",\n \"computed\": false\n },\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"dialCode\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": true,\n \"description\": \"\"\n },\n \"isoCode\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": true,\n \"description\": \"\"\n },\n \"name\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": true,\n \"description\": \"\"\n },\n \"flagRef\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"innerFlagRef\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"countryClass\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": true,\n \"description\": \"\"\n }\n }\n};","'use strict';\n\nvar utils = require('./../utils');\n\nvar settle = require('./../core/settle');\n\nvar cookies = require('./../helpers/cookies');\n\nvar buildURL = require('./../helpers/buildURL');\n\nvar buildFullPath = require('../core/buildFullPath');\n\nvar parseHeaders = require('./../helpers/parseHeaders');\n\nvar isURLSameOrigin = require('./../helpers/isURLSameOrigin');\n\nvar createError = require('../core/createError');\n\nmodule.exports = function xhrAdapter(config) {\n return new Promise(function dispatchXhrRequest(resolve, reject) {\n var requestData = config.data;\n var requestHeaders = config.headers;\n\n if (utils.isFormData(requestData)) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n if ((utils.isBlob(requestData) || utils.isFile(requestData)) && requestData.type) {\n delete requestHeaders['Content-Type']; // Let the browser set it\n }\n\n var request = new XMLHttpRequest(); // HTTP basic authentication\n\n if (config.auth) {\n var username = config.auth.username || '';\n var password = unescape(encodeURIComponent(config.auth.password)) || '';\n requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);\n }\n\n var fullPath = buildFullPath(config.baseURL, config.url);\n request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true); // Set the request timeout in MS\n\n request.timeout = config.timeout; // Listen for ready state\n\n request.onreadystatechange = function handleLoad() {\n if (!request || request.readyState !== 4) {\n return;\n } // The request errored out and we didn't get a response, this will be\n // handled by onerror instead\n // With one exception: request that using file: protocol, most browsers\n // will return status as 0 even though it's a successful request\n\n\n if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) {\n return;\n } // Prepare the response\n\n\n var responseHeaders = 'getAllResponseHeaders' in request ? parseHeaders(request.getAllResponseHeaders()) : null;\n var responseData = !config.responseType || config.responseType === 'text' ? request.responseText : request.response;\n var response = {\n data: responseData,\n status: request.status,\n statusText: request.statusText,\n headers: responseHeaders,\n config: config,\n request: request\n };\n settle(resolve, reject, response); // Clean up request\n\n request = null;\n }; // Handle browser request cancellation (as opposed to a manual cancellation)\n\n\n request.onabort = function handleAbort() {\n if (!request) {\n return;\n }\n\n reject(createError('Request aborted', config, 'ECONNABORTED', request)); // Clean up request\n\n request = null;\n }; // Handle low level network errors\n\n\n request.onerror = function handleError() {\n // Real errors are hidden from us by the browser\n // onerror should only fire if it's a network error\n reject(createError('Network Error', config, null, request)); // Clean up request\n\n request = null;\n }; // Handle timeout\n\n\n request.ontimeout = function handleTimeout() {\n var timeoutErrorMessage = 'timeout of ' + config.timeout + 'ms exceeded';\n\n if (config.timeoutErrorMessage) {\n timeoutErrorMessage = config.timeoutErrorMessage;\n }\n\n reject(createError(timeoutErrorMessage, config, 'ECONNABORTED', request)); // Clean up request\n\n request = null;\n }; // Add xsrf header\n // This is only done if running in a standard browser environment.\n // Specifically not if we're in a web worker, or react-native.\n\n\n if (utils.isStandardBrowserEnv()) {\n // Add xsrf header\n var xsrfValue = (config.withCredentials || isURLSameOrigin(fullPath)) && config.xsrfCookieName ? cookies.read(config.xsrfCookieName) : undefined;\n\n if (xsrfValue) {\n requestHeaders[config.xsrfHeaderName] = xsrfValue;\n }\n } // Add headers to the request\n\n\n if ('setRequestHeader' in request) {\n utils.forEach(requestHeaders, function setRequestHeader(val, key) {\n if (typeof requestData === 'undefined' && key.toLowerCase() === 'content-type') {\n // Remove Content-Type if data is undefined\n delete requestHeaders[key];\n } else {\n // Otherwise add header to the request\n request.setRequestHeader(key, val);\n }\n });\n } // Add withCredentials to request if needed\n\n\n if (!utils.isUndefined(config.withCredentials)) {\n request.withCredentials = !!config.withCredentials;\n } // Add responseType to request if needed\n\n\n if (config.responseType) {\n try {\n request.responseType = config.responseType;\n } catch (e) {\n // Expected DOMException thrown by browsers not compatible XMLHttpRequest Level 2.\n // But, this can be suppressed for 'json' type as it can be parsed by default 'transformResponse' function.\n if (config.responseType !== 'json') {\n throw e;\n }\n }\n } // Handle progress if needed\n\n\n if (typeof config.onDownloadProgress === 'function') {\n request.addEventListener('progress', config.onDownloadProgress);\n } // Not all browsers support upload events\n\n\n if (typeof config.onUploadProgress === 'function' && request.upload) {\n request.upload.addEventListener('progress', config.onUploadProgress);\n }\n\n if (config.cancelToken) {\n // Handle cancellation\n config.cancelToken.promise.then(function onCanceled(cancel) {\n if (!request) {\n return;\n }\n\n request.abort();\n reject(cancel); // Clean up request\n\n request = null;\n });\n }\n\n if (!requestData) {\n requestData = null;\n } // Send the request\n\n\n request.send(requestData);\n });\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _classnames = _interopRequireDefault(require(\"classnames\"));\n\nvar _CountryList = _interopRequireDefault(require(\"./CountryList\"));\n\nvar _RootModal = _interopRequireDefault(require(\"./RootModal\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar FlagDropDown = function (_Component) {\n _inherits(FlagDropDown, _Component);\n\n function FlagDropDown() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, FlagDropDown);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(FlagDropDown)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"genSelectedDialCode\", function () {\n var _this$props = _this.props,\n separateDialCode = _this$props.separateDialCode,\n dialCode = _this$props.dialCode;\n return separateDialCode ? _react.default.createElement(\"div\", {\n className: \"selected-dial-code\"\n }, dialCode) : null;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"genArrow\", function () {\n var _this$props2 = _this.props,\n allowDropdown = _this$props2.allowDropdown,\n showDropdown = _this$props2.showDropdown;\n var arrowClasses = (0, _classnames.default)('arrow', showDropdown ? 'up' : 'down');\n return allowDropdown ? _react.default.createElement(\"div\", {\n className: arrowClasses\n }) : null;\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"genFlagClassName\", function () {\n return (0, _classnames.default)('iti-flag', _defineProperty({}, _this.props.countryCode, !!_this.props.countryCode));\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"genCountryList\", function () {\n var _this$props3 = _this.props,\n dropdownContainer = _this$props3.dropdownContainer,\n showDropdown = _this$props3.showDropdown,\n isMobile = _this$props3.isMobile,\n allowDropdown = _this$props3.allowDropdown,\n setFlag = _this$props3.setFlag,\n countries = _this$props3.countries,\n inputTop = _this$props3.inputTop,\n inputOuterHeight = _this$props3.inputOuterHeight,\n preferredCountries = _this$props3.preferredCountries,\n highlightedCountry = _this$props3.highlightedCountry,\n changeHighlightCountry = _this$props3.changeHighlightCountry;\n return _react.default.createElement(_CountryList.default, {\n ref: function ref(countryList) {\n _this.countryList = countryList;\n },\n dropdownContainer: dropdownContainer,\n isMobile: isMobile,\n showDropdown: allowDropdown && showDropdown,\n setFlag: setFlag,\n countries: countries,\n inputTop: inputTop,\n inputOuterHeight: inputOuterHeight,\n preferredCountries: preferredCountries,\n highlightedCountry: highlightedCountry,\n changeHighlightCountry: changeHighlightCountry\n });\n });\n\n return _this;\n }\n\n _createClass(FlagDropDown, [{\n key: \"render\",\n value: function render() {\n var _this$props4 = this.props,\n refCallback = _this$props4.refCallback,\n allowDropdown = _this$props4.allowDropdown,\n clickSelectedFlag = _this$props4.clickSelectedFlag,\n handleSelectedFlagKeydown = _this$props4.handleSelectedFlagKeydown,\n titleTip = _this$props4.titleTip,\n dropdownContainer = _this$props4.dropdownContainer,\n showDropdown = _this$props4.showDropdown;\n return _react.default.createElement(\"div\", {\n ref: refCallback,\n className: \"flag-container\"\n }, _react.default.createElement(\"div\", {\n className: \"selected-flag\",\n tabIndex: allowDropdown ? '0' : '',\n onClick: clickSelectedFlag,\n onKeyDown: handleSelectedFlagKeydown,\n title: titleTip\n }, _react.default.createElement(\"div\", {\n className: this.genFlagClassName()\n }), this.genSelectedDialCode(), this.genArrow()), dropdownContainer && showDropdown ? _react.default.createElement(_RootModal.default, null, this.genCountryList()) : this.genCountryList());\n }\n }]);\n\n return FlagDropDown;\n}(_react.Component);\n\nexports.default = FlagDropDown;\nFlagDropDown.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [{\n \"name\": \"genSelectedDialCode\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"genArrow\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"genFlagClassName\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }, {\n \"name\": \"genCountryList\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [],\n \"returns\": null\n }],\n \"displayName\": \"FlagDropDown\",\n \"props\": {\n \"allowDropdown\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"dropdownContainer\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"separateDialCode\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"dialCode\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"countryCode\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"showDropdown\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"clickSelectedFlag\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"handleSelectedFlagKeydown\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"isMobile\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"setFlag\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"countries\": {\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"object\"\n }\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"inputTop\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"inputOuterHeight\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"preferredCountries\": {\n \"type\": {\n \"name\": \"arrayOf\",\n \"value\": {\n \"name\": \"object\"\n }\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"highlightedCountry\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"changeHighlightCountry\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"titleTip\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"refCallback\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": true,\n \"description\": \"\"\n }\n }\n};","module.exports = require('./lib/axios');","'use strict';\n\nvar utils = require('./../utils'); // Headers whose duplicates are ignored by node\n// c.f. https://nodejs.org/api/http.html#http_message_headers\n\n\nvar ignoreDuplicateOf = ['age', 'authorization', 'content-length', 'content-type', 'etag', 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since', 'last-modified', 'location', 'max-forwards', 'proxy-authorization', 'referer', 'retry-after', 'user-agent'];\n/**\n * Parse headers into an object\n *\n * ```\n * Date: Wed, 27 Aug 2014 08:58:49 GMT\n * Content-Type: application/json\n * Connection: keep-alive\n * Transfer-Encoding: chunked\n * ```\n *\n * @param {String} headers Headers needing to be parsed\n * @returns {Object} Headers parsed into an object\n */\n\nmodule.exports = function parseHeaders(headers) {\n var parsed = {};\n var key;\n var val;\n var i;\n\n if (!headers) {\n return parsed;\n }\n\n utils.forEach(headers.split('\\n'), function parser(line) {\n i = line.indexOf(':');\n key = utils.trim(line.substr(0, i)).toLowerCase();\n val = utils.trim(line.substr(i + 1));\n\n if (key) {\n if (parsed[key] && ignoreDuplicateOf.indexOf(key) >= 0) {\n return;\n }\n\n if (key === 'set-cookie') {\n parsed[key] = (parsed[key] ? parsed[key] : []).concat([val]);\n } else {\n parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val;\n }\n }\n });\n return parsed;\n};","var React = require('react');\n\nfunction ArrowRightInline (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M0.560547 6.75L12.6549 6.75L7.88371 10.9425L9.0957 12L15.9238 6L9.0957 0L7.89225 1.0575L12.6549 5.25L0.560547 5.25L0.560547 6.75Z\",\"fill\":\"white\"}));\n}\n\nArrowRightInline.defaultProps = {\"width\":\"16\",\"height\":\"12\",\"viewBox\":\"0 0 16 12\",\"fill\":\"none\"};\n\nmodule.exports = ArrowRightInline;\n\nArrowRightInline.default = ArrowRightInline;\n","'use strict';\n\nvar utils = require('./../utils');\n/**\n * Transform the data for a request or a response\n *\n * @param {Object|String} data The data to be transformed\n * @param {Array} headers The headers for the request or response\n * @param {Array|Function} fns A single function or Array of functions\n * @returns {*} The resulting transformed data\n */\n\n\nmodule.exports = function transformData(data, headers, fns) {\n /*eslint no-param-reassign:0*/\n utils.forEach(fns, function transform(fn) {\n data = fn(data, headers);\n });\n return data;\n};","'use strict';\n\nvar bind = require('./helpers/bind');\n/*global toString:true*/\n// utils is a library of generic helper functions non-specific to axios\n\n\nvar toString = Object.prototype.toString;\n/**\n * Determine if a value is an Array\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Array, otherwise false\n */\n\nfunction isArray(val) {\n return toString.call(val) === '[object Array]';\n}\n/**\n * Determine if a value is undefined\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if the value is undefined, otherwise false\n */\n\n\nfunction isUndefined(val) {\n return typeof val === 'undefined';\n}\n/**\n * Determine if a value is a Buffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Buffer, otherwise false\n */\n\n\nfunction isBuffer(val) {\n return val !== null && !isUndefined(val) && val.constructor !== null && !isUndefined(val.constructor) && typeof val.constructor.isBuffer === 'function' && val.constructor.isBuffer(val);\n}\n/**\n * Determine if a value is an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an ArrayBuffer, otherwise false\n */\n\n\nfunction isArrayBuffer(val) {\n return toString.call(val) === '[object ArrayBuffer]';\n}\n/**\n * Determine if a value is a FormData\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an FormData, otherwise false\n */\n\n\nfunction isFormData(val) {\n return typeof FormData !== 'undefined' && val instanceof FormData;\n}\n/**\n * Determine if a value is a view on an ArrayBuffer\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false\n */\n\n\nfunction isArrayBufferView(val) {\n var result;\n\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView) {\n result = ArrayBuffer.isView(val);\n } else {\n result = val && val.buffer && val.buffer instanceof ArrayBuffer;\n }\n\n return result;\n}\n/**\n * Determine if a value is a String\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a String, otherwise false\n */\n\n\nfunction isString(val) {\n return typeof val === 'string';\n}\n/**\n * Determine if a value is a Number\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Number, otherwise false\n */\n\n\nfunction isNumber(val) {\n return typeof val === 'number';\n}\n/**\n * Determine if a value is an Object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is an Object, otherwise false\n */\n\n\nfunction isObject(val) {\n return val !== null && typeof val === 'object';\n}\n/**\n * Determine if a value is a plain Object\n *\n * @param {Object} val The value to test\n * @return {boolean} True if value is a plain Object, otherwise false\n */\n\n\nfunction isPlainObject(val) {\n if (toString.call(val) !== '[object Object]') {\n return false;\n }\n\n var prototype = Object.getPrototypeOf(val);\n return prototype === null || prototype === Object.prototype;\n}\n/**\n * Determine if a value is a Date\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Date, otherwise false\n */\n\n\nfunction isDate(val) {\n return toString.call(val) === '[object Date]';\n}\n/**\n * Determine if a value is a File\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a File, otherwise false\n */\n\n\nfunction isFile(val) {\n return toString.call(val) === '[object File]';\n}\n/**\n * Determine if a value is a Blob\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Blob, otherwise false\n */\n\n\nfunction isBlob(val) {\n return toString.call(val) === '[object Blob]';\n}\n/**\n * Determine if a value is a Function\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Function, otherwise false\n */\n\n\nfunction isFunction(val) {\n return toString.call(val) === '[object Function]';\n}\n/**\n * Determine if a value is a Stream\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a Stream, otherwise false\n */\n\n\nfunction isStream(val) {\n return isObject(val) && isFunction(val.pipe);\n}\n/**\n * Determine if a value is a URLSearchParams object\n *\n * @param {Object} val The value to test\n * @returns {boolean} True if value is a URLSearchParams object, otherwise false\n */\n\n\nfunction isURLSearchParams(val) {\n return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams;\n}\n/**\n * Trim excess whitespace off the beginning and end of a string\n *\n * @param {String} str The String to trim\n * @returns {String} The String freed of excess whitespace\n */\n\n\nfunction trim(str) {\n return str.replace(/^\\s*/, '').replace(/\\s*$/, '');\n}\n/**\n * Determine if we're running in a standard browser environment\n *\n * This allows axios to run in a web worker, and react-native.\n * Both environments support XMLHttpRequest, but not fully standard globals.\n *\n * web workers:\n * typeof window -> undefined\n * typeof document -> undefined\n *\n * react-native:\n * navigator.product -> 'ReactNative'\n * nativescript\n * navigator.product -> 'NativeScript' or 'NS'\n */\n\n\nfunction isStandardBrowserEnv() {\n if (typeof navigator !== 'undefined' && (navigator.product === 'ReactNative' || navigator.product === 'NativeScript' || navigator.product === 'NS')) {\n return false;\n }\n\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n/**\n * Iterate over an Array or an Object invoking a function for each item.\n *\n * If `obj` is an Array callback will be called passing\n * the value, index, and complete array for each item.\n *\n * If 'obj' is an Object callback will be called passing\n * the value, key, and complete object for each property.\n *\n * @param {Object|Array} obj The object to iterate\n * @param {Function} fn The callback to invoke for each item\n */\n\n\nfunction forEach(obj, fn) {\n // Don't bother if no value provided\n if (obj === null || typeof obj === 'undefined') {\n return;\n } // Force an array if not already something iterable\n\n\n if (typeof obj !== 'object') {\n /*eslint no-param-reassign:0*/\n obj = [obj];\n }\n\n if (isArray(obj)) {\n // Iterate over array values\n for (var i = 0, l = obj.length; i < l; i++) {\n fn.call(null, obj[i], i, obj);\n }\n } else {\n // Iterate over object keys\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n fn.call(null, obj[key], key, obj);\n }\n }\n }\n}\n/**\n * Accepts varargs expecting each argument to be an object, then\n * immutably merges the properties of each object and returns result.\n *\n * When multiple objects contain the same key the later object in\n * the arguments list will take precedence.\n *\n * Example:\n *\n * ```js\n * var result = merge({foo: 123}, {foo: 456});\n * console.log(result.foo); // outputs 456\n * ```\n *\n * @param {Object} obj1 Object to merge\n * @returns {Object} Result of all merge properties\n */\n\n\nfunction merge()\n/* obj1, obj2, obj3, ... */\n{\n var result = {};\n\n function assignValue(val, key) {\n if (isPlainObject(result[key]) && isPlainObject(val)) {\n result[key] = merge(result[key], val);\n } else if (isPlainObject(val)) {\n result[key] = merge({}, val);\n } else if (isArray(val)) {\n result[key] = val.slice();\n } else {\n result[key] = val;\n }\n }\n\n for (var i = 0, l = arguments.length; i < l; i++) {\n forEach(arguments[i], assignValue);\n }\n\n return result;\n}\n/**\n * Extends object a by mutably adding to it the properties of object b.\n *\n * @param {Object} a The object to be extended\n * @param {Object} b The object to copy properties from\n * @param {Object} thisArg The object to bind function to\n * @return {Object} The resulting value of object a\n */\n\n\nfunction extend(a, b, thisArg) {\n forEach(b, function assignValue(val, key) {\n if (thisArg && typeof val === 'function') {\n a[key] = bind(val, thisArg);\n } else {\n a[key] = val;\n }\n });\n return a;\n}\n/**\n * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM)\n *\n * @param {string} content with BOM\n * @return {string} content value without BOM\n */\n\n\nfunction stripBOM(content) {\n if (content.charCodeAt(0) === 0xFEFF) {\n content = content.slice(1);\n }\n\n return content;\n}\n\nmodule.exports = {\n isArray: isArray,\n isArrayBuffer: isArrayBuffer,\n isBuffer: isBuffer,\n isFormData: isFormData,\n isArrayBufferView: isArrayBufferView,\n isString: isString,\n isNumber: isNumber,\n isObject: isObject,\n isPlainObject: isPlainObject,\n isUndefined: isUndefined,\n isDate: isDate,\n isFile: isFile,\n isBlob: isBlob,\n isFunction: isFunction,\n isStream: isStream,\n isURLSearchParams: isURLSearchParams,\n isStandardBrowserEnv: isStandardBrowserEnv,\n forEach: forEach,\n merge: merge,\n extend: extend,\n trim: trim,\n stripBOM: stripBOM\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nvar timeoutsShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({\n enter: _propTypes.default.number,\n exit: _propTypes.default.number,\n appear: _propTypes.default.number\n}).isRequired]) : null;\nexports.timeoutsShape = timeoutsShape;\nvar classNamesShape = process.env.NODE_ENV !== 'production' ? _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({\n enter: _propTypes.default.string,\n exit: _propTypes.default.string,\n active: _propTypes.default.string\n}), _propTypes.default.shape({\n enter: _propTypes.default.string,\n enterDone: _propTypes.default.string,\n enterActive: _propTypes.default.string,\n exit: _propTypes.default.string,\n exitDone: _propTypes.default.string,\n exitActive: _propTypes.default.string\n})]) : null;\nexports.classNamesShape = classNamesShape;","\"use strict\";\n\nexports.__esModule = true;\nexports.default = hasClass;\n\nfunction hasClass(element, className) {\n if (element.classList) return !!className && element.classList.contains(className);else return (\" \" + (element.className.baseVal || element.className) + \" \").indexOf(\" \" + className + \" \") !== -1;\n}\n\nmodule.exports = exports[\"default\"];","'use strict';\n\nvar utils = require('../utils');\n\nmodule.exports = function normalizeHeaderName(headers, normalizedName) {\n utils.forEach(headers, function processHeader(value, name) {\n if (name !== normalizedName && name.toUpperCase() === normalizedName.toUpperCase()) {\n headers[normalizedName] = value;\n delete headers[name];\n }\n });\n};","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = addClass;\n\nvar _hasClass = _interopRequireDefault(require(\"./hasClass\"));\n\nfunction addClass(element, className) {\n if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);\n}\n\nmodule.exports = exports[\"default\"];","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n } else {\n var newObj = {};\n\n if (obj != null) {\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};\n\n if (desc.get || desc.set) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n }\n\n newObj.default = obj;\n return newObj;\n }\n}\n\nfunction _typeof(obj) {\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n }\n\n return _assertThisInitialized(self);\n}\n\nfunction _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nvar TelInput = function (_Component) {\n _inherits(TelInput, _Component);\n\n function TelInput() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, TelInput);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(TelInput)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"state\", {\n hasFocus: false\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"refHandler\", function (element) {\n _this.tel = element;\n\n _this.props.refCallback(element);\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleBlur\", function (e) {\n _this.setState({\n hasFocus: false\n });\n\n if (typeof _this.props.handleOnBlur === 'function') {\n _this.props.handleOnBlur(e);\n }\n });\n\n _defineProperty(_assertThisInitialized(_assertThisInitialized(_this)), \"handleFocus\", function (e) {\n _this.setState({\n hasFocus: true\n });\n\n if (typeof _this.props.handleOnFocus === 'function') {\n _this.props.handleOnFocus(e);\n }\n });\n\n return _this;\n }\n\n _createClass(TelInput, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate() {\n if (this.state.hasFocus) {\n this.tel.setSelectionRange(this.props.cursorPosition, this.props.cursorPosition);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return _react.default.createElement(\"input\", _extends({}, this.props.inputProps, {\n ref: this.refHandler,\n type: \"tel\",\n autoComplete: this.props.autoComplete,\n className: this.props.className,\n disabled: this.props.disabled,\n readOnly: this.props.readonly,\n name: this.props.fieldName,\n id: this.props.fieldId,\n value: this.props.value,\n placeholder: this.props.placeholder,\n onChange: this.props.handleInputChange,\n onBlur: this.handleBlur,\n onFocus: this.handleFocus,\n autoFocus: this.props.autoFocus\n }));\n }\n }]);\n\n return TelInput;\n}(_react.Component);\n\nexports.default = TelInput;\nTelInput.__docgenInfo = {\n \"description\": \"\",\n \"methods\": [{\n \"name\": \"refHandler\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"element\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleBlur\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }, {\n \"name\": \"handleFocus\",\n \"docblock\": null,\n \"modifiers\": [],\n \"params\": [{\n \"name\": \"e\",\n \"type\": null\n }],\n \"returns\": null\n }],\n \"displayName\": \"TelInput\",\n \"props\": {\n \"className\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"disabled\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"readonly\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"fieldName\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"fieldId\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"value\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"placeholder\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"handleInputChange\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"handleOnBlur\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"handleOnFocus\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"autoFocus\": {\n \"type\": {\n \"name\": \"bool\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"autoComplete\": {\n \"type\": {\n \"name\": \"string\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"inputProps\": {\n \"type\": {\n \"name\": \"object\"\n },\n \"required\": false,\n \"description\": \"\"\n },\n \"refCallback\": {\n \"type\": {\n \"name\": \"func\"\n },\n \"required\": true,\n \"description\": \"\"\n },\n \"cursorPosition\": {\n \"type\": {\n \"name\": \"number\"\n },\n \"required\": false,\n \"description\": \"\"\n }\n }\n};","'use strict';\n\nvar utils = require('./utils');\n\nvar bind = require('./helpers/bind');\n\nvar Axios = require('./core/Axios');\n\nvar mergeConfig = require('./core/mergeConfig');\n\nvar defaults = require('./defaults');\n/**\n * Create an instance of Axios\n *\n * @param {Object} defaultConfig The default config for the instance\n * @return {Axios} A new instance of Axios\n */\n\n\nfunction createInstance(defaultConfig) {\n var context = new Axios(defaultConfig);\n var instance = bind(Axios.prototype.request, context); // Copy axios.prototype to instance\n\n utils.extend(instance, Axios.prototype, context); // Copy context to instance\n\n utils.extend(instance, context);\n return instance;\n} // Create the default instance to be exported\n\n\nvar axios = createInstance(defaults); // Expose Axios class to allow class inheritance\n\naxios.Axios = Axios; // Factory for creating new instances\n\naxios.create = function create(instanceConfig) {\n return createInstance(mergeConfig(axios.defaults, instanceConfig));\n}; // Expose Cancel & CancelToken\n\n\naxios.Cancel = require('./cancel/Cancel');\naxios.CancelToken = require('./cancel/CancelToken');\naxios.isCancel = require('./cancel/isCancel'); // Expose all/spread\n\naxios.all = function all(promises) {\n return Promise.all(promises);\n};\n\naxios.spread = require('./helpers/spread');\nmodule.exports = axios; // Allow use of default import syntax in TypeScript\n\nmodule.exports.default = axios;"],"sourceRoot":""}
\n
\n )\n}\n\nStep1.propTypes = {\n handleInput: PropTypes.func,\n stateObj: PropTypes.object.isRequired,\n}\n\nexport default Step1\n","import React, { useState } from \"react\"\nimport DesktopIcon from \"./files/desktop.inline.svg\"\nimport MobileIcon from \"./files/mobile.inline.svg\"\nimport OtherDevices from \"./files/otherdevices.inline.svg\"\nimport BlackCheck from \"./files/check.inline.svg\"\nimport SubmitButton from \"../../../../utils/SubmitButton/SubmitButton\"\n\nconst availableDevices = [\n {\n id: 1,\n deviceName: \"Desktop\",\n icon: \n
\n How can we help you?
\nWe’ll be in touch shortly afterward.
\n\n \n
\n \n
\n)\n\nconst DeviceCheckBox = ({\n deviceName,\n icon,\n id,\n isChecked = false,\n onChange,\n}) => (\n \n \n
\n)\n\nconst Step2 = ({ acceptNewDevices }) => {\n const [checkedItems, selectDevice] = useState(new Map())\n const handleChange = e => {\n const item = e.target.name\n const isChecked = e.target.checked\n selectDevice(new Map(checkedItems.set(item, isChecked)))\n }\n\n const handleSubmit = e => {\n e.preventDefault()\n const myDevices = [...checkedItems.values()].join(\", \")\n acceptNewDevices(myDevices)\n }\n\n return (\n \n
\n )\n}\n\nexport default Step2\n","import React from \"react\"\nimport SubmitButton from \"../../../../utils/SubmitButton/SubmitButton\"\n\nconst Step3 = ({\n stateObj = {},\n handleInput,\n handleFileInput,\n fileDocument,\n isLoading,\n pushToStrapi,\n}) => {\n const handleSubmit = e => {\n e.preventDefault()\n pushToStrapi()\n }\n return (\n \n )\n}\n\nexport default Step3\n","import React, { useState } from \"react\"\nimport axios from \"axios\"\nimport Modal from \"../../utils/Modal/Modal\"\nimport Step1 from \"./steps/Step1/Step1\"\nimport Step2 from \"./steps/Step2/Step2\"\nimport Step3 from \"./steps/Step3/Step3\"\nimport \"./StartProjectModal.scss\"\n\nconst apiUri = \"https://natterbase-cms.herokuapp.com\"\n\nconst SuccessStory = () => (\n \n \n What are the devices you want
\n
\n \n \n What are the devices you want
your project?\n
\n \n
\n)\n\nconst BreadCrumbHeader = ({ currentStep, goToStep, goBack }) => {\n const handlePillClick = (e, currentPage) => {\n e.preventDefault()\n goToStep(currentPage)\n }\n\n return (\n currentStep !== 1 && (\n \n
\n Thank you!
\nWe’ll be in touch shortly...
\n\n
\n )\n )\n}\n\nconst StartProjectModal = ({ show, toggleModal }) => {\n const [isDone, sayDone] = useState(false)\n const [supportFile, handleFile] = useState(\"\")\n const [availablePlatforms, setAvailablePlatforms] = useState(\"\")\n const [isLoading, setLoadingState] = useState(false)\n const [currentStep, setStep] = useState(1)\n const [stateTree, updateStateTree] = useState({\n step1: {\n fullname: \"\",\n email: \"\",\n company: \"\",\n phoneNumber: \"\",\n },\n step3: {\n projectName: \"\",\n shortDescription: \"\",\n },\n })\n\n const nextStep = () => {\n setStep(currentStep + 1)\n }\n\n const goBack = () => {\n setStep(currentStep - 1)\n }\n\n const handleFileInput = e => {\n handleFile(e.target.files[0])\n }\n\n const handleInput = (step, e) => {\n let { name, value } = e.target\n updateStateTree({\n ...stateTree,\n [step]: {\n ...stateTree[step],\n [name]: value,\n },\n })\n }\n\n const handlePhoneInput = (__, value, countryData) => {\n let Numbers = value.replace(/[^0-9]/g, \"\")\n value = Numbers.replace(/^(-?)0+/, \"\")\n updateStateTree({\n ...stateTree,\n step1: {\n ...stateTree.step1,\n phoneNumber: value,\n dialCode: countryData.dialCode,\n },\n })\n }\n\n const acceptNewDevices = devices => {\n setAvailablePlatforms(devices)\n nextStep()\n }\n\n const pushToStrapi = async () => {\n try {\n setLoadingState(true)\n const { step1, step3 } = stateTree\n let request = { ...step1, ...step3 }\n request.phoneNumber = step1.dialCode + step1.phoneNumber\n request.availablePlatforms = availablePlatforms\n\n axios\n .post(`${apiUri}/software-projects`, request)\n .then(res => {\n console.log(res)\n return res.data.id\n })\n .then(refId => {\n if (supportFile) {\n const data = new FormData()\n data.append(\"files\", supportFile)\n data.append(\"refId\", refId)\n data.append(\"ref\", \"software-projects\")\n data.append(\"field\", \"supportingDocument\")\n return axios.post(`${apiUri}/upload`, data)\n } else {\n return true\n }\n })\n .then(res => {\n sayDone(true)\n })\n .catch(error => {\n setLoadingState(false)\n })\n } catch (err) {\n setLoadingState(false)\n }\n }\n\n const renderByStep = () => {\n switch (currentStep) {\n case 1:\n return (\n \n
\n \n \n
\n \n
\n - \n {Array.from(Array(3)).map((_, i) => {\n const currentIndex = i + 1\n return (\n
- \n
\n {isDone ? (\n
\n