\n * {\"I'll receive my-node-* classes\"}\n *
\n * 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 =\n/*#__PURE__*/\nfunction (_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 * ` 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 `\r\n \r\n
\r\n \r\n );\r\n}\r\n","import { chooseRangePage, chooseRegionPage } from \"__utilities/PageStepEnum\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { discardConfiguration } from \"_store/configurations/service\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport CustomButton from \"components/Buttons/CustomButton\";\r\nimport Popup from \"components/Popup/Popup\";\r\nimport React from \"react\";\r\n\r\nexport default function DiscardPopup({ setShowLoadingPopup, clickedStep, onClose, dispatch }) {\r\n const getLocalizationText = useGetLocalizationText();\r\n const { setPage } = useActivePage();\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n const onDiscard = () => {\r\n if (setShowLoadingPopup) {\r\n setShowLoadingPopup(true);\r\n }\r\n\r\n discardConfiguration(false, (success) => {\r\n if (success) {\r\n if (dispatch) {\r\n dispatch()\r\n } else {\r\n if(clickedStep === chooseRegionPage){\r\n setPage(chooseRegionPage);\r\n } else{\r\n setPage(chooseRangePage);\r\n }\r\n }\r\n \r\n onClose();\r\n } else {\r\n console.log(\"Error on discard!!!\")\r\n }\r\n });\r\n };\r\n\r\n return (\r\n ` 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\nvar _CSSTransition = _interopRequireDefault(require(\"./CSSTransition\"));\n\nvar _ReplaceTransition = _interopRequireDefault(require(\"./ReplaceTransition\"));\n\nvar _TransitionGroup = _interopRequireDefault(require(\"./TransitionGroup\"));\n\nvar _Transition = _interopRequireDefault(require(\"./Transition\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};","\"use strict\";\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\n\nvar _react = require(\"react\");\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\n\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.classNamesShape = exports.timeoutsShape = void 0;\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\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;","/** @license React v17.0.2\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\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'use strict';require(\"object-assign\");var f=require(\"react\"),g=60103;exports.Fragment=60107;if(\"function\"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h(\"react.element\");exports.Fragment=h(\"react.fragment\")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=\"\"+k);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports.jsx=q;exports.jsxs=q;\n","/** @license React v17.0.2\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\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'use strict';var l=require(\"object-assign\"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;\nif(\"function\"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w(\"react.element\");p=w(\"react.portal\");exports.Fragment=w(\"react.fragment\");exports.StrictMode=w(\"react.strict_mode\");exports.Profiler=w(\"react.profiler\");q=w(\"react.provider\");r=w(\"react.context\");t=w(\"react.forward_ref\");exports.Suspense=w(\"react.suspense\");u=w(\"react.memo\");v=w(\"react.lazy\")}var x=\"function\"===typeof Symbol&&Symbol.iterator;\nfunction y(a){if(null===a||\"object\"!==typeof a)return null;a=x&&a[x]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}function z(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c= o.length) return {\n done: true\n };\n return {\n done: false,\n value: o[i++]\n };\n },\n e: function e(_e) {\n throw _e;\n },\n f: F\n };\n }\n throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n var normalCompletion = true,\n didErr = false,\n err;\n return {\n s: function s() {\n it = it.call(o);\n },\n n: function n() {\n var step = it.next();\n normalCompletion = step.done;\n return step;\n },\n e: function e(_e2) {\n didErr = true;\n err = _e2;\n },\n f: function f() {\n try {\n if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n } finally {\n if (didErr) throw err;\n }\n }\n };\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 return self;\n}","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _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 subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n Object.defineProperty(subClass, \"prototype\", {\n writable: false\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}","import getPrototypeOf from \"./getPrototypeOf.js\";\nimport isNativeReflectConstruct from \"./isNativeReflectConstruct.js\";\nimport possibleConstructorReturn from \"./possibleConstructorReturn.js\";\nexport default function _createSuper(Derived) {\n var hasNativeReflectConstruct = isNativeReflectConstruct();\n return function _createSuperInternal() {\n var Super = getPrototypeOf(Derived),\n result;\n if (hasNativeReflectConstruct) {\n var NewTarget = getPrototypeOf(this).constructor;\n result = Reflect.construct(Super, arguments, NewTarget);\n } else {\n result = Super.apply(this, arguments);\n }\n return possibleConstructorReturn(this, result);\n };\n}","import _typeof from \"./typeof.js\";\nimport assertThisInitialized from \"./assertThisInitialized.js\";\nexport default function _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n return call;\n } else if (call !== void 0) {\n throw new TypeError(\"Derived constructors may only return object or undefined\");\n }\n return assertThisInitialized(self);\n}","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","import toPropertyKey from \"./toPropertyKey.js\";\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, toPropertyKey(descriptor.key), descriptor);\n }\n}\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}","import react from 'react';\nimport reactDom from 'react-dom';\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction err(message) {\n const error = new Error(message); // In V8, Error objects keep the closure scope chain alive until the\n // err.stack property is accessed.\n\n if (error.stack === undefined) {\n // IE sets the stack only if error is thrown\n try {\n throw error;\n } catch (_) {} // eslint-disable-line fb-www/no-unused-catch-bindings, no-empty\n\n }\n\n return error;\n}\n\nvar err_1 = err;\n\n// @oss-only\n\n\nvar Recoil_err = err_1;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\n// Split declaration and implementation to allow this function to pretend to\n// check for actual instance of Promise instead of something with a `then`\n// method.\n// eslint-disable-next-line no-redeclare\nfunction isPromise(p) {\n return !!p && typeof p.then === 'function';\n}\n\nvar Recoil_isPromise = isPromise;\n\nfunction nullthrows(x, message) {\n if (x != null) {\n return x;\n }\n\n throw Recoil_err(message !== null && message !== void 0 ? message : 'Got unexpected null or undefined');\n}\n\nvar Recoil_nullthrows = nullthrows;\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\nclass BaseLoadable {\n getValue() {\n throw Recoil_err('BaseLoadable');\n }\n\n toPromise() {\n throw Recoil_err('BaseLoadable');\n }\n\n valueMaybe() {\n throw Recoil_err('BaseLoadable');\n }\n\n valueOrThrow() {\n // $FlowFixMe[prop-missing]\n throw Recoil_err(`Loadable expected value, but in \"${this.state}\" state`);\n }\n\n promiseMaybe() {\n throw Recoil_err('BaseLoadable');\n }\n\n promiseOrThrow() {\n // $FlowFixMe[prop-missing]\n throw Recoil_err(`Loadable expected promise, but in \"${this.state}\" state`);\n }\n\n errorMaybe() {\n throw Recoil_err('BaseLoadable');\n }\n\n errorOrThrow() {\n // $FlowFixMe[prop-missing]\n throw Recoil_err(`Loadable expected error, but in \"${this.state}\" state`);\n }\n\n is(other) {\n // $FlowFixMe[prop-missing]\n return other.state === this.state && other.contents === this.contents;\n }\n\n map(_map) {\n throw Recoil_err('BaseLoadable');\n }\n\n}\n\nclass ValueLoadable extends BaseLoadable {\n constructor(value) {\n super();\n\n _defineProperty(this, \"state\", 'hasValue');\n\n _defineProperty(this, \"contents\", void 0);\n\n this.contents = value;\n }\n\n getValue() {\n return this.contents;\n }\n\n toPromise() {\n return Promise.resolve(this.contents);\n }\n\n valueMaybe() {\n return this.contents;\n }\n\n valueOrThrow() {\n return this.contents;\n }\n\n promiseMaybe() {\n return undefined;\n }\n\n errorMaybe() {\n return undefined;\n }\n\n map(map) {\n try {\n const next = map(this.contents);\n return Recoil_isPromise(next) ? loadableWithPromise(next) : isLoadable(next) ? next : loadableWithValue(next);\n } catch (e) {\n return Recoil_isPromise(e) ? // If we \"suspended\", then try again.\n // errors and subsequent retries will be handled in 'loading' case\n loadableWithPromise(e.next(() => this.map(map))) : loadableWithError(e);\n }\n }\n\n}\n\nclass ErrorLoadable extends BaseLoadable {\n constructor(error) {\n super();\n\n _defineProperty(this, \"state\", 'hasError');\n\n _defineProperty(this, \"contents\", void 0);\n\n this.contents = error;\n }\n\n getValue() {\n throw this.contents;\n }\n\n toPromise() {\n return Promise.reject(this.contents);\n }\n\n valueMaybe() {\n return undefined;\n }\n\n promiseMaybe() {\n return undefined;\n }\n\n errorMaybe() {\n return this.contents;\n }\n\n errorOrThrow() {\n return this.contents;\n }\n\n map(_map) {\n // $FlowIssue[incompatible-return]\n return this;\n }\n\n}\n\nclass LoadingLoadable extends BaseLoadable {\n constructor(promise) {\n super();\n\n _defineProperty(this, \"state\", 'loading');\n\n _defineProperty(this, \"contents\", void 0);\n\n this.contents = promise;\n }\n\n getValue() {\n throw this.contents;\n }\n\n toPromise() {\n return this.contents;\n }\n\n valueMaybe() {\n return undefined;\n }\n\n promiseMaybe() {\n return this.contents;\n }\n\n promiseOrThrow() {\n return this.contents;\n }\n\n errorMaybe() {\n return undefined;\n }\n\n map(map) {\n return loadableWithPromise(this.contents.then(value => {\n const next = map(value);\n\n if (isLoadable(next)) {\n const nextLoadable = next;\n\n switch (nextLoadable.state) {\n case 'hasValue':\n return nextLoadable.contents;\n\n case 'hasError':\n throw nextLoadable.contents;\n\n case 'loading':\n return nextLoadable.contents;\n }\n } // $FlowIssue[incompatible-return]\n\n\n return next;\n }).catch(e => {\n if (Recoil_isPromise(e)) {\n // we were \"suspended,\" try again\n return e.then(() => this.map(map).contents);\n }\n\n throw e;\n }));\n }\n\n}\n\nfunction loadableWithValue(value) {\n return Object.freeze(new ValueLoadable(value));\n}\n\nfunction loadableWithError(error) {\n return Object.freeze(new ErrorLoadable(error));\n}\n\nfunction loadableWithPromise(promise) {\n return Object.freeze(new LoadingLoadable(promise));\n}\n\nfunction loadableLoading() {\n return Object.freeze(new LoadingLoadable(new Promise(() => {})));\n}\n\nfunction loadableAllArray(inputs) {\n return inputs.every(i => i.state === 'hasValue') ? loadableWithValue(inputs.map(i => i.contents)) : inputs.some(i => i.state === 'hasError') ? loadableWithError(Recoil_nullthrows(inputs.find(i => i.state === 'hasError'), 'Invalid loadable passed to loadableAll').contents) : loadableWithPromise(Promise.all(inputs.map(i => i.contents)));\n}\n\nfunction loadableAll(inputs) {\n const unwrapedInputs = Array.isArray(inputs) ? inputs : Object.getOwnPropertyNames(inputs).map(key => inputs[key]);\n const output = loadableAllArray(unwrapedInputs);\n return Array.isArray(inputs) ? // $FlowIssue[incompatible-return]\n output : // Object.getOwnPropertyNames() has consistent key ordering with ES6\n // $FlowIssue[incompatible-call]\n output.map(outputs => Object.getOwnPropertyNames(inputs).reduce((out, key, idx) => ({ ...out,\n [key]: outputs[idx]\n }), {}));\n}\n\nfunction isLoadable(x) {\n return x instanceof BaseLoadable;\n}\n\nconst LoadableStaticInterface = {\n of: value => Recoil_isPromise(value) ? loadableWithPromise(value) : loadableWithValue(value),\n error: error => loadableWithError(error),\n // $FlowIssue[unclear-type]\n all: loadableAll,\n isLoadable\n};\nvar Recoil_Loadable = {\n loadableWithValue,\n loadableWithError,\n loadableWithPromise,\n loadableLoading,\n loadableAll,\n isLoadable,\n RecoilLoadable: LoadableStaticInterface\n};\n\nvar Recoil_Loadable_1 = Recoil_Loadable.loadableWithValue;\nvar Recoil_Loadable_2 = Recoil_Loadable.loadableWithError;\nvar Recoil_Loadable_3 = Recoil_Loadable.loadableWithPromise;\nvar Recoil_Loadable_4 = Recoil_Loadable.loadableLoading;\nvar Recoil_Loadable_5 = Recoil_Loadable.loadableAll;\nvar Recoil_Loadable_6 = Recoil_Loadable.isLoadable;\nvar Recoil_Loadable_7 = Recoil_Loadable.RecoilLoadable;\n\nvar Recoil_Loadable$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n loadableWithValue: Recoil_Loadable_1,\n loadableWithError: Recoil_Loadable_2,\n loadableWithPromise: Recoil_Loadable_3,\n loadableLoading: Recoil_Loadable_4,\n loadableAll: Recoil_Loadable_5,\n isLoadable: Recoil_Loadable_6,\n RecoilLoadable: Recoil_Loadable_7\n});\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction sprintf(format, ...args) {\n let index = 0;\n return format.replace(/%s/g, () => String(args[index++]));\n}\n\nvar sprintf_1 = sprintf;\n\nfunction expectationViolation(format, ...args) {\n if (process.env.NODE_ENV !== \"production\") {\n const message = sprintf_1.call(null, format, ...args);\n const error = new Error(message);\n error.name = 'Expectation Violation';\n console.error(error);\n }\n}\n\nvar expectationViolation_1 = expectationViolation;\n\n// @oss-only\n\n\nvar Recoil_expectationViolation = expectationViolation_1;\n\nvar _useMutableSource;\n\n // FIXME T2710559282599660\n\n\nconst useMutableSource = // flowlint-line unclear-type:off\n(_useMutableSource = react.useMutableSource) !== null && _useMutableSource !== void 0 ? _useMutableSource : react.unstable_useMutableSource; // flowlint-line unclear-type:off\n\nfunction mutableSourceExists() {\n return useMutableSource && !(typeof window !== 'undefined' && window.$disableRecoilValueMutableSource_TEMP_HACK_DO_NOT_USE);\n}\n\nvar Recoil_mutableSource = {\n mutableSourceExists,\n useMutableSource\n};\n\nconst {\n mutableSourceExists: mutableSourceExists$1\n} = Recoil_mutableSource;\n\nconst gks = new Map().set('recoil_hamt_2020', true).set('recoil_memory_managament_2020', true).set('recoil_suppress_rerender_in_callback', true);\n\nfunction Recoil_gkx(gk) {\n var _gks$get;\n\n if (gk === 'recoil_early_rendering_2021' && !mutableSourceExists$1()) {\n return false;\n }\n\n return (_gks$get = gks.get(gk)) !== null && _gks$get !== void 0 ? _gks$get : false;\n}\n\nRecoil_gkx.setPass = gk => {\n gks.set(gk, true);\n};\n\nRecoil_gkx.setFail = gk => {\n gks.set(gk, false);\n};\n\nvar Recoil_gkx_1 = Recoil_gkx; // @oss-only\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Creates a new iterable whose output is generated by passing the input\n * iterable's values through the mapper function.\n */\n\nfunction mapIterable(iterable, callback) {\n // Use generator to create iterable/iterator\n return function* () {\n let index = 0;\n\n for (const value of iterable) {\n yield callback(value, index++);\n }\n }();\n}\n\nvar Recoil_mapIterable = mapIterable;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction recoverableViolation(message, projectName, {\n error\n} = {}) {\n if (process.env.NODE_ENV !== \"production\") {\n console.error(message, error);\n }\n\n return null;\n}\n\nvar recoverableViolation_1 = recoverableViolation;\n\n// @oss-only\n\n\nvar Recoil_recoverableViolation = recoverableViolation_1;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\n// eslint-disable-next-line no-unused-vars\nclass AbstractRecoilValue {\n constructor(newKey) {\n _defineProperty(this, \"key\", void 0);\n\n this.key = newKey;\n }\n\n}\n\nclass RecoilState extends AbstractRecoilValue {}\n\nclass RecoilValueReadOnly extends AbstractRecoilValue {}\n\nfunction isRecoilValue(x) {\n return x instanceof RecoilState || x instanceof RecoilValueReadOnly;\n}\n\nvar Recoil_RecoilValue = {\n AbstractRecoilValue,\n RecoilState,\n RecoilValueReadOnly,\n isRecoilValue\n};\n\nvar Recoil_RecoilValue_1 = Recoil_RecoilValue.AbstractRecoilValue;\nvar Recoil_RecoilValue_2 = Recoil_RecoilValue.RecoilState;\nvar Recoil_RecoilValue_3 = Recoil_RecoilValue.RecoilValueReadOnly;\nvar Recoil_RecoilValue_4 = Recoil_RecoilValue.isRecoilValue;\n\nvar Recoil_RecoilValue$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n AbstractRecoilValue: Recoil_RecoilValue_1,\n RecoilState: Recoil_RecoilValue_2,\n RecoilValueReadOnly: Recoil_RecoilValue_3,\n isRecoilValue: Recoil_RecoilValue_4\n});\n\nclass DefaultValue {}\n\nconst DEFAULT_VALUE = new DefaultValue();\n\nclass RecoilValueNotReady extends Error {\n constructor(key) {\n super(`Tried to set the value of Recoil selector ${key} using an updater function, but it is an async selector in a pending or error state; this is not supported.`);\n }\n\n}\n\n// flowlint-next-line unclear-type:off\nconst nodes = new Map(); // flowlint-next-line unclear-type:off\n\nconst recoilValues = new Map();\n/* eslint-disable no-redeclare */\n\nfunction recoilValuesForKeys(keys) {\n return Recoil_mapIterable(keys, key => Recoil_nullthrows(recoilValues.get(key)));\n}\n\nfunction registerNode(node) {\n if (nodes.has(node.key)) {\n const message = `Duplicate atom key \"${node.key}\". This is a FATAL ERROR in\n production. But it is safe to ignore this warning if it occurred because of\n hot module replacement.`; // TODO Need to figure out if there is a standard/open-source equivalent to see if hot module replacement is happening:\n // prettier-ignore\n // @fb-only: if (__DEV__) {\n // @fb-only: const isAcceptingUpdate = require('__debug').isAcceptingUpdate;\n // prettier-ignore\n // @fb-only: if (typeof isAcceptingUpdate !== 'function' || !isAcceptingUpdate()) {\n // @fb-only: expectationViolation(message, 'recoil');\n // @fb-only: }\n // prettier-ignore\n // @fb-only: } else {\n // @fb-only: recoverableViolation(message, 'recoil');\n // @fb-only: }\n\n console.warn(message); // @oss-only\n }\n\n nodes.set(node.key, node);\n const recoilValue = node.set == null ? new Recoil_RecoilValue$1.RecoilValueReadOnly(node.key) : new Recoil_RecoilValue$1.RecoilState(node.key);\n recoilValues.set(node.key, recoilValue);\n return recoilValue;\n}\n/* eslint-enable no-redeclare */\n\n\nclass NodeMissingError extends Error {} // flowlint-next-line unclear-type:off\n\n\nfunction getNode(key) {\n const node = nodes.get(key);\n\n if (node == null) {\n throw new NodeMissingError(`Missing definition for RecoilValue: \"${key}\"\"`);\n }\n\n return node;\n} // flowlint-next-line unclear-type:off\n\n\nfunction getNodeMaybe(key) {\n return nodes.get(key);\n}\n\nconst configDeletionHandlers = new Map();\n\nfunction deleteNodeConfigIfPossible(key) {\n var _node$shouldDeleteCon;\n\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const node = nodes.get(key);\n\n if (node === null || node === void 0 ? void 0 : (_node$shouldDeleteCon = node.shouldDeleteConfigOnRelease) === null || _node$shouldDeleteCon === void 0 ? void 0 : _node$shouldDeleteCon.call(node)) {\n var _getConfigDeletionHan;\n\n nodes.delete(key);\n (_getConfigDeletionHan = getConfigDeletionHandler(key)) === null || _getConfigDeletionHan === void 0 ? void 0 : _getConfigDeletionHan();\n configDeletionHandlers.delete(key);\n }\n}\n\nfunction setConfigDeletionHandler(key, fn) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n if (fn === undefined) {\n configDeletionHandlers.delete(key);\n } else {\n configDeletionHandlers.set(key, fn);\n }\n}\n\nfunction getConfigDeletionHandler(key) {\n return configDeletionHandlers.get(key);\n}\n\nvar Recoil_Node = {\n nodes,\n recoilValues,\n registerNode,\n getNode,\n getNodeMaybe,\n deleteNodeConfigIfPossible,\n setConfigDeletionHandler,\n getConfigDeletionHandler,\n recoilValuesForKeys,\n NodeMissingError,\n DefaultValue,\n DEFAULT_VALUE,\n RecoilValueNotReady\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction enqueueExecution(s, f) {\n f();\n}\n\nvar Recoil_Queue = {\n enqueueExecution\n};\n\nfunction createCommonjsModule(fn, module) {\n\treturn module = { exports: {} }, fn(module, module.exports), module.exports;\n}\n\nvar hamt_1 = createCommonjsModule(function (module) {\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/**\n @fileOverview Hash Array Mapped Trie.\n\n Code based on: https://github.com/exclipy/pdata\n*/\n\n\nvar hamt = {}; // export\n\n/* Configuration\n ******************************************************************************/\n\nvar SIZE = 5;\nvar BUCKET_SIZE = Math.pow(2, SIZE);\nvar MASK = BUCKET_SIZE - 1;\nvar MAX_INDEX_NODE = BUCKET_SIZE / 2;\nvar MIN_ARRAY_NODE = BUCKET_SIZE / 4;\n/*\n ******************************************************************************/\n\nvar nothing = {};\n\nvar constant = function constant(x) {\n return function () {\n return x;\n };\n};\n/**\n Get 32 bit hash of string.\n\n Based on:\n http://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript-jquery\n*/\n\n\nvar hash = hamt.hash = function (str) {\n var type = typeof str === 'undefined' ? 'undefined' : _typeof(str);\n if (type === 'number') return str;\n if (type !== 'string') str += '';\n var hash = 0;\n\n for (var i = 0, len = str.length; i < len; ++i) {\n var c = str.charCodeAt(i);\n hash = (hash << 5) - hash + c | 0;\n }\n\n return hash;\n};\n/* Bit Ops\n ******************************************************************************/\n\n/**\n Hamming weight.\n\n Taken from: http://jsperf.com/hamming-weight\n*/\n\n\nvar popcount = function popcount(x) {\n x -= x >> 1 & 0x55555555;\n x = (x & 0x33333333) + (x >> 2 & 0x33333333);\n x = x + (x >> 4) & 0x0f0f0f0f;\n x += x >> 8;\n x += x >> 16;\n return x & 0x7f;\n};\n\nvar hashFragment = function hashFragment(shift, h) {\n return h >>> shift & MASK;\n};\n\nvar toBitmap = function toBitmap(x) {\n return 1 << x;\n};\n\nvar fromBitmap = function fromBitmap(bitmap, bit) {\n return popcount(bitmap & bit - 1);\n};\n/* Array Ops\n ******************************************************************************/\n\n/**\n Set a value in an array.\n\n @param mutate Should the input array be mutated?\n @param at Index to change.\n @param v New value\n @param arr Array.\n*/\n\n\nvar arrayUpdate = function arrayUpdate(mutate, at, v, arr) {\n var out = arr;\n\n if (!mutate) {\n var len = arr.length;\n out = new Array(len);\n\n for (var i = 0; i < len; ++i) {\n out[i] = arr[i];\n }\n }\n\n out[at] = v;\n return out;\n};\n/**\n Remove a value from an array.\n\n @param mutate Should the input array be mutated?\n @param at Index to remove.\n @param arr Array.\n*/\n\n\nvar arraySpliceOut = function arraySpliceOut(mutate, at, arr) {\n var newLen = arr.length - 1;\n var i = 0;\n var g = 0;\n var out = arr;\n\n if (mutate) {\n i = g = at;\n } else {\n out = new Array(newLen);\n\n while (i < at) {\n out[g++] = arr[i++];\n }\n }\n\n ++i;\n\n while (i <= newLen) {\n out[g++] = arr[i++];\n }\n\n if (mutate) {\n out.length = newLen;\n }\n\n return out;\n};\n/**\n Insert a value into an array.\n\n @param mutate Should the input array be mutated?\n @param at Index to insert at.\n @param v Value to insert,\n @param arr Array.\n*/\n\n\nvar arraySpliceIn = function arraySpliceIn(mutate, at, v, arr) {\n var len = arr.length;\n\n if (mutate) {\n var _i = len;\n\n while (_i >= at) {\n arr[_i--] = arr[_i];\n }\n\n arr[at] = v;\n return arr;\n }\n\n var i = 0,\n g = 0;\n var out = new Array(len + 1);\n\n while (i < at) {\n out[g++] = arr[i++];\n }\n\n out[at] = v;\n\n while (i < len) {\n out[++g] = arr[i++];\n }\n\n return out;\n};\n/* Node Structures\n ******************************************************************************/\n\n\nvar LEAF = 1;\nvar COLLISION = 2;\nvar INDEX = 3;\nvar ARRAY = 4;\n/**\n Empty node.\n*/\n\nvar empty = {\n __hamt_isEmpty: true\n};\n\nvar isEmptyNode = function isEmptyNode(x) {\n return x === empty || x && x.__hamt_isEmpty;\n};\n/**\n Leaf holding a value.\n\n @member edit Edit of the node.\n @member hash Hash of key.\n @member key Key.\n @member value Value stored.\n*/\n\n\nvar Leaf = function Leaf(edit, hash, key, value) {\n return {\n type: LEAF,\n edit: edit,\n hash: hash,\n key: key,\n value: value,\n _modify: Leaf__modify\n };\n};\n/**\n Leaf holding multiple values with the same hash but different keys.\n\n @member edit Edit of the node.\n @member hash Hash of key.\n @member children Array of collision children node.\n*/\n\n\nvar Collision = function Collision(edit, hash, children) {\n return {\n type: COLLISION,\n edit: edit,\n hash: hash,\n children: children,\n _modify: Collision__modify\n };\n};\n/**\n Internal node with a sparse set of children.\n\n Uses a bitmap and array to pack children.\n\n @member edit Edit of the node.\n @member mask Bitmap that encode the positions of children in the array.\n @member children Array of child nodes.\n*/\n\n\nvar IndexedNode = function IndexedNode(edit, mask, children) {\n return {\n type: INDEX,\n edit: edit,\n mask: mask,\n children: children,\n _modify: IndexedNode__modify\n };\n};\n/**\n Internal node with many children.\n\n @member edit Edit of the node.\n @member size Number of children.\n @member children Array of child nodes.\n*/\n\n\nvar ArrayNode = function ArrayNode(edit, size, children) {\n return {\n type: ARRAY,\n edit: edit,\n size: size,\n children: children,\n _modify: ArrayNode__modify\n };\n};\n/**\n Is `node` a leaf node?\n*/\n\n\nvar isLeaf = function isLeaf(node) {\n return node === empty || node.type === LEAF || node.type === COLLISION;\n};\n/* Internal node operations.\n ******************************************************************************/\n\n/**\n Expand an indexed node into an array node.\n\n @param edit Current edit.\n @param frag Index of added child.\n @param child Added child.\n @param mask Index node mask before child added.\n @param subNodes Index node children before child added.\n*/\n\n\nvar expand = function expand(edit, frag, child, bitmap, subNodes) {\n var arr = [];\n var bit = bitmap;\n var count = 0;\n\n for (var i = 0; bit; ++i) {\n if (bit & 1) arr[i] = subNodes[count++];\n bit >>>= 1;\n }\n\n arr[frag] = child;\n return ArrayNode(edit, count + 1, arr);\n};\n/**\n Collapse an array node into a indexed node.\n\n @param edit Current edit.\n @param count Number of elements in new array.\n @param removed Index of removed element.\n @param elements Array node children before remove.\n*/\n\n\nvar pack = function pack(edit, count, removed, elements) {\n var children = new Array(count - 1);\n var g = 0;\n var bitmap = 0;\n\n for (var i = 0, len = elements.length; i < len; ++i) {\n if (i !== removed) {\n var elem = elements[i];\n\n if (elem && !isEmptyNode(elem)) {\n children[g++] = elem;\n bitmap |= 1 << i;\n }\n }\n }\n\n return IndexedNode(edit, bitmap, children);\n};\n/**\n Merge two leaf nodes.\n\n @param shift Current shift.\n @param h1 Node 1 hash.\n @param n1 Node 1.\n @param h2 Node 2 hash.\n @param n2 Node 2.\n*/\n\n\nvar mergeLeaves = function mergeLeaves(edit, shift, h1, n1, h2, n2) {\n if (h1 === h2) return Collision(edit, h1, [n2, n1]);\n var subH1 = hashFragment(shift, h1);\n var subH2 = hashFragment(shift, h2);\n return IndexedNode(edit, toBitmap(subH1) | toBitmap(subH2), subH1 === subH2 ? [mergeLeaves(edit, shift + SIZE, h1, n1, h2, n2)] : subH1 < subH2 ? [n1, n2] : [n2, n1]);\n};\n/**\n Update an entry in a collision list.\n\n @param mutate Should mutation be used?\n @param edit Current edit.\n @param keyEq Key compare function.\n @param hash Hash of collision.\n @param list Collision list.\n @param f Update function.\n @param k Key to update.\n @param size Size ref.\n*/\n\n\nvar updateCollisionList = function updateCollisionList(mutate, edit, keyEq, h, list, f, k, size) {\n var len = list.length;\n\n for (var i = 0; i < len; ++i) {\n var child = list[i];\n\n if (keyEq(k, child.key)) {\n var value = child.value;\n\n var _newValue = f(value);\n\n if (_newValue === value) return list;\n\n if (_newValue === nothing) {\n --size.value;\n return arraySpliceOut(mutate, i, list);\n }\n\n return arrayUpdate(mutate, i, Leaf(edit, h, k, _newValue), list);\n }\n }\n\n var newValue = f();\n if (newValue === nothing) return list;\n ++size.value;\n return arrayUpdate(mutate, len, Leaf(edit, h, k, newValue), list);\n};\n\nvar canEditNode = function canEditNode(edit, node) {\n return edit === node.edit;\n};\n/* Editing\n ******************************************************************************/\n\n\nvar Leaf__modify = function Leaf__modify(edit, keyEq, shift, f, h, k, size) {\n if (keyEq(k, this.key)) {\n var _v = f(this.value);\n\n if (_v === this.value) return this;else if (_v === nothing) {\n --size.value;\n return empty;\n }\n\n if (canEditNode(edit, this)) {\n this.value = _v;\n return this;\n }\n\n return Leaf(edit, h, k, _v);\n }\n\n var v = f();\n if (v === nothing) return this;\n ++size.value;\n return mergeLeaves(edit, shift, this.hash, this, h, Leaf(edit, h, k, v));\n};\n\nvar Collision__modify = function Collision__modify(edit, keyEq, shift, f, h, k, size) {\n if (h === this.hash) {\n var canEdit = canEditNode(edit, this);\n var list = updateCollisionList(canEdit, edit, keyEq, this.hash, this.children, f, k, size);\n if (list === this.children) return this;\n return list.length > 1 ? Collision(edit, this.hash, list) : list[0]; // collapse single element collision list\n }\n\n var v = f();\n if (v === nothing) return this;\n ++size.value;\n return mergeLeaves(edit, shift, this.hash, this, h, Leaf(edit, h, k, v));\n};\n\nvar IndexedNode__modify = function IndexedNode__modify(edit, keyEq, shift, f, h, k, size) {\n var mask = this.mask;\n var children = this.children;\n var frag = hashFragment(shift, h);\n var bit = toBitmap(frag);\n var indx = fromBitmap(mask, bit);\n var exists = mask & bit;\n var current = exists ? children[indx] : empty;\n\n var child = current._modify(edit, keyEq, shift + SIZE, f, h, k, size);\n\n if (current === child) return this;\n var canEdit = canEditNode(edit, this);\n var bitmap = mask;\n var newChildren = void 0;\n\n if (exists && isEmptyNode(child)) {\n // remove\n bitmap &= ~bit;\n if (!bitmap) return empty;\n if (children.length <= 2 && isLeaf(children[indx ^ 1])) return children[indx ^ 1]; // collapse\n\n newChildren = arraySpliceOut(canEdit, indx, children);\n } else if (!exists && !isEmptyNode(child)) {\n // add\n if (children.length >= MAX_INDEX_NODE) return expand(edit, frag, child, mask, children);\n bitmap |= bit;\n newChildren = arraySpliceIn(canEdit, indx, child, children);\n } else {\n // modify\n newChildren = arrayUpdate(canEdit, indx, child, children);\n }\n\n if (canEdit) {\n this.mask = bitmap;\n this.children = newChildren;\n return this;\n }\n\n return IndexedNode(edit, bitmap, newChildren);\n};\n\nvar ArrayNode__modify = function ArrayNode__modify(edit, keyEq, shift, f, h, k, size) {\n var count = this.size;\n var children = this.children;\n var frag = hashFragment(shift, h);\n var child = children[frag];\n\n var newChild = (child || empty)._modify(edit, keyEq, shift + SIZE, f, h, k, size);\n\n if (child === newChild) return this;\n var canEdit = canEditNode(edit, this);\n var newChildren = void 0;\n\n if (isEmptyNode(child) && !isEmptyNode(newChild)) {\n // add\n ++count;\n newChildren = arrayUpdate(canEdit, frag, newChild, children);\n } else if (!isEmptyNode(child) && isEmptyNode(newChild)) {\n // remove\n --count;\n if (count <= MIN_ARRAY_NODE) return pack(edit, count, frag, children);\n newChildren = arrayUpdate(canEdit, frag, empty, children);\n } else {\n // modify\n newChildren = arrayUpdate(canEdit, frag, newChild, children);\n }\n\n if (canEdit) {\n this.size = count;\n this.children = newChildren;\n return this;\n }\n\n return ArrayNode(edit, count, newChildren);\n};\n\nempty._modify = function (edit, keyEq, shift, f, h, k, size) {\n var v = f();\n if (v === nothing) return empty;\n ++size.value;\n return Leaf(edit, h, k, v);\n};\n/*\n ******************************************************************************/\n\n\nfunction Map(editable, edit, config, root, size) {\n this._editable = editable;\n this._edit = edit;\n this._config = config;\n this._root = root;\n this._size = size;\n}\n\nMap.prototype.setTree = function (newRoot, newSize) {\n if (this._editable) {\n this._root = newRoot;\n this._size = newSize;\n return this;\n }\n\n return newRoot === this._root ? this : new Map(this._editable, this._edit, this._config, newRoot, newSize);\n};\n/* Queries\n ******************************************************************************/\n\n/**\n Lookup the value for `key` in `map` using a custom `hash`.\n\n Returns the value or `alt` if none.\n*/\n\n\nvar tryGetHash = hamt.tryGetHash = function (alt, hash, key, map) {\n var node = map._root;\n var shift = 0;\n var keyEq = map._config.keyEq;\n\n while (true) {\n switch (node.type) {\n case LEAF:\n {\n return keyEq(key, node.key) ? node.value : alt;\n }\n\n case COLLISION:\n {\n if (hash === node.hash) {\n var children = node.children;\n\n for (var i = 0, len = children.length; i < len; ++i) {\n var child = children[i];\n if (keyEq(key, child.key)) return child.value;\n }\n }\n\n return alt;\n }\n\n case INDEX:\n {\n var frag = hashFragment(shift, hash);\n var bit = toBitmap(frag);\n\n if (node.mask & bit) {\n node = node.children[fromBitmap(node.mask, bit)];\n shift += SIZE;\n break;\n }\n\n return alt;\n }\n\n case ARRAY:\n {\n node = node.children[hashFragment(shift, hash)];\n\n if (node) {\n shift += SIZE;\n break;\n }\n\n return alt;\n }\n\n default:\n return alt;\n }\n }\n};\n\nMap.prototype.tryGetHash = function (alt, hash, key) {\n return tryGetHash(alt, hash, key, this);\n};\n/**\n Lookup the value for `key` in `map` using internal hash function.\n\n @see `tryGetHash`\n*/\n\n\nvar tryGet = hamt.tryGet = function (alt, key, map) {\n return tryGetHash(alt, map._config.hash(key), key, map);\n};\n\nMap.prototype.tryGet = function (alt, key) {\n return tryGet(alt, key, this);\n};\n/**\n Lookup the value for `key` in `map` using a custom `hash`.\n\n Returns the value or `undefined` if none.\n*/\n\n\nvar getHash = hamt.getHash = function (hash, key, map) {\n return tryGetHash(undefined, hash, key, map);\n};\n\nMap.prototype.getHash = function (hash, key) {\n return getHash(hash, key, this);\n};\n/**\n Lookup the value for `key` in `map` using internal hash function.\n\n @see `get`\n*/\n\n\nvar get = hamt.get = function (key, map) {\n return tryGetHash(undefined, map._config.hash(key), key, map);\n};\n\nMap.prototype.get = function (key, alt) {\n return tryGet(alt, key, this);\n};\n/**\n Does an entry exist for `key` in `map`? Uses custom `hash`.\n*/\n\n\nvar hasHash = hamt.has = function (hash, key, map) {\n return tryGetHash(nothing, hash, key, map) !== nothing;\n};\n\nMap.prototype.hasHash = function (hash, key) {\n return hasHash(hash, key, this);\n};\n/**\n Does an entry exist for `key` in `map`? Uses internal hash function.\n*/\n\n\nvar has = hamt.has = function (key, map) {\n return hasHash(map._config.hash(key), key, map);\n};\n\nMap.prototype.has = function (key) {\n return has(key, this);\n};\n\nvar defKeyCompare = function defKeyCompare(x, y) {\n return x === y;\n};\n/**\n Create an empty map.\n\n @param config Configuration.\n*/\n\n\nhamt.make = function (config) {\n return new Map(0, 0, {\n keyEq: config && config.keyEq || defKeyCompare,\n hash: config && config.hash || hash\n }, empty, 0);\n};\n/**\n Empty map.\n*/\n\n\nhamt.empty = hamt.make();\n/**\n Does `map` contain any elements?\n*/\n\nvar isEmpty = hamt.isEmpty = function (map) {\n return map && !!isEmptyNode(map._root);\n};\n\nMap.prototype.isEmpty = function () {\n return isEmpty(this);\n};\n/* Updates\n ******************************************************************************/\n\n/**\n Alter the value stored for `key` in `map` using function `f` using\n custom hash.\n\n `f` is invoked with the current value for `k` if it exists,\n or no arguments if no such value exists. `modify` will always either\n update or insert a value into the map.\n\n Returns a map with the modified value. Does not alter `map`.\n*/\n\n\nvar modifyHash = hamt.modifyHash = function (f, hash, key, map) {\n var size = {\n value: map._size\n };\n\n var newRoot = map._root._modify(map._editable ? map._edit : NaN, map._config.keyEq, 0, f, hash, key, size);\n\n return map.setTree(newRoot, size.value);\n};\n\nMap.prototype.modifyHash = function (hash, key, f) {\n return modifyHash(f, hash, key, this);\n};\n/**\n Alter the value stored for `key` in `map` using function `f` using\n internal hash function.\n\n @see `modifyHash`\n*/\n\n\nvar modify = hamt.modify = function (f, key, map) {\n return modifyHash(f, map._config.hash(key), key, map);\n};\n\nMap.prototype.modify = function (key, f) {\n return modify(f, key, this);\n};\n/**\n Store `value` for `key` in `map` using custom `hash`.\n\n Returns a map with the modified value. Does not alter `map`.\n*/\n\n\nvar setHash = hamt.setHash = function (hash, key, value, map) {\n return modifyHash(constant(value), hash, key, map);\n};\n\nMap.prototype.setHash = function (hash, key, value) {\n return setHash(hash, key, value, this);\n};\n/**\n Store `value` for `key` in `map` using internal hash function.\n\n @see `setHash`\n*/\n\n\nvar set = hamt.set = function (key, value, map) {\n return setHash(map._config.hash(key), key, value, map);\n};\n\nMap.prototype.set = function (key, value) {\n return set(key, value, this);\n};\n/**\n Remove the entry for `key` in `map`.\n\n Returns a map with the value removed. Does not alter `map`.\n*/\n\n\nvar del = constant(nothing);\n\nvar removeHash = hamt.removeHash = function (hash, key, map) {\n return modifyHash(del, hash, key, map);\n};\n\nMap.prototype.removeHash = Map.prototype.deleteHash = function (hash, key) {\n return removeHash(hash, key, this);\n};\n/**\n Remove the entry for `key` in `map` using internal hash function.\n\n @see `removeHash`\n*/\n\n\nvar remove = hamt.remove = function (key, map) {\n return removeHash(map._config.hash(key), key, map);\n};\n\nMap.prototype.remove = Map.prototype.delete = function (key) {\n return remove(key, this);\n};\n/* Mutation\n ******************************************************************************/\n\n/**\n Mark `map` as mutable.\n */\n\n\nvar beginMutation = hamt.beginMutation = function (map) {\n return new Map(map._editable + 1, map._edit + 1, map._config, map._root, map._size);\n};\n\nMap.prototype.beginMutation = function () {\n return beginMutation(this);\n};\n/**\n Mark `map` as immutable.\n */\n\n\nvar endMutation = hamt.endMutation = function (map) {\n map._editable = map._editable && map._editable - 1;\n return map;\n};\n\nMap.prototype.endMutation = function () {\n return endMutation(this);\n};\n/**\n Mutate `map` within the context of `f`.\n @param f\n @param map HAMT\n*/\n\n\nvar mutate = hamt.mutate = function (f, map) {\n var transient = beginMutation(map);\n f(transient);\n return endMutation(transient);\n};\n\nMap.prototype.mutate = function (f) {\n return mutate(f, this);\n};\n/* Traversal\n ******************************************************************************/\n\n/**\n Apply a continuation.\n*/\n\n\nvar appk = function appk(k) {\n return k && lazyVisitChildren(k[0], k[1], k[2], k[3], k[4]);\n};\n/**\n Recursively visit all values stored in an array of nodes lazily.\n*/\n\n\nvar lazyVisitChildren = function lazyVisitChildren(len, children, i, f, k) {\n while (i < len) {\n var child = children[i++];\n if (child && !isEmptyNode(child)) return lazyVisit(child, f, [len, children, i, f, k]);\n }\n\n return appk(k);\n};\n/**\n Recursively visit all values stored in `node` lazily.\n*/\n\n\nvar lazyVisit = function lazyVisit(node, f, k) {\n switch (node.type) {\n case LEAF:\n return {\n value: f(node),\n rest: k\n };\n\n case COLLISION:\n case ARRAY:\n case INDEX:\n var children = node.children;\n return lazyVisitChildren(children.length, children, 0, f, k);\n\n default:\n return appk(k);\n }\n};\n\nvar DONE = {\n done: true\n};\n/**\n Javascript iterator over a map.\n*/\n\nfunction MapIterator(v) {\n this.v = v;\n}\n\nMapIterator.prototype.next = function () {\n if (!this.v) return DONE;\n var v0 = this.v;\n this.v = appk(v0.rest);\n return v0;\n};\n\nMapIterator.prototype[Symbol.iterator] = function () {\n return this;\n};\n/**\n Lazily visit each value in map with function `f`.\n*/\n\n\nvar visit = function visit(map, f) {\n return new MapIterator(lazyVisit(map._root, f));\n};\n/**\n Get a Javascsript iterator of `map`.\n\n Iterates over `[key, value]` arrays.\n*/\n\n\nvar buildPairs = function buildPairs(x) {\n return [x.key, x.value];\n};\n\nvar entries = hamt.entries = function (map) {\n return visit(map, buildPairs);\n};\n\nMap.prototype.entries = Map.prototype[Symbol.iterator] = function () {\n return entries(this);\n};\n/**\n Get array of all keys in `map`.\n\n Order is not guaranteed.\n*/\n\n\nvar buildKeys = function buildKeys(x) {\n return x.key;\n};\n\nvar keys = hamt.keys = function (map) {\n return visit(map, buildKeys);\n};\n\nMap.prototype.keys = function () {\n return keys(this);\n};\n/**\n Get array of all values in `map`.\n\n Order is not guaranteed, duplicates are preserved.\n*/\n\n\nvar buildValues = function buildValues(x) {\n return x.value;\n};\n\nvar values = hamt.values = Map.prototype.values = function (map) {\n return visit(map, buildValues);\n};\n\nMap.prototype.values = function () {\n return values(this);\n};\n/* Fold\n ******************************************************************************/\n\n/**\n Visit every entry in the map, aggregating data.\n\n Order of nodes is not guaranteed.\n\n @param f Function mapping accumulated value, value, and key to new value.\n @param z Starting value.\n @param m HAMT\n*/\n\n\nvar fold = hamt.fold = function (f, z, m) {\n var root = m._root;\n if (root.type === LEAF) return f(z, root.value, root.key);\n var toVisit = [root.children];\n var children = void 0;\n\n while (children = toVisit.pop()) {\n for (var i = 0, len = children.length; i < len;) {\n var child = children[i++];\n\n if (child && child.type) {\n if (child.type === LEAF) z = f(z, child.value, child.key);else toVisit.push(child.children);\n }\n }\n }\n\n return z;\n};\n\nMap.prototype.fold = function (f, z) {\n return fold(f, z, this);\n};\n/**\n Visit every entry in the map, aggregating data.\n\n Order of nodes is not guaranteed.\n\n @param f Function invoked with value and key\n @param map HAMT\n*/\n\n\nvar forEach = hamt.forEach = function (f, map) {\n return fold(function (_, value, key) {\n return f(value, key, map);\n }, null, map);\n};\n\nMap.prototype.forEach = function (f) {\n return forEach(f, this);\n};\n/* Aggregate\n ******************************************************************************/\n\n/**\n Get the number of entries in `map`.\n*/\n\n\nvar count = hamt.count = function (map) {\n return map._size;\n};\n\nMap.prototype.count = function () {\n return count(this);\n};\n\nObject.defineProperty(Map.prototype, 'size', {\n get: Map.prototype.count\n});\n/* Export\n ******************************************************************************/\n\nif ( module.exports) {\n module.exports = hamt;\n} else {\n undefined.hamt = hamt;\n}\n});\n\nclass BuiltInMap {\n constructor(existing) {\n _defineProperty(this, \"_map\", void 0);\n\n this._map = new Map(existing === null || existing === void 0 ? void 0 : existing.entries());\n }\n\n keys() {\n return this._map.keys();\n }\n\n entries() {\n return this._map.entries();\n }\n\n get(k) {\n return this._map.get(k);\n }\n\n has(k) {\n return this._map.has(k);\n }\n\n set(k, v) {\n this._map.set(k, v);\n\n return this;\n }\n\n delete(k) {\n this._map.delete(k);\n\n return this;\n }\n\n clone() {\n return persistentMap(this);\n }\n\n toMap() {\n return new Map(this._map);\n }\n\n}\n\nclass HashArrayMappedTrieMap {\n // Because hamt.empty is not a function there is no way to introduce type\n // parameters on it, so empty is typed as HAMTPlusMap.\n // $FlowIssue\n constructor(existing) {\n _defineProperty(this, \"_hamt\", hamt_1.empty.beginMutation());\n\n if (existing instanceof HashArrayMappedTrieMap) {\n const h = existing._hamt.endMutation();\n\n existing._hamt = h.beginMutation();\n this._hamt = h.beginMutation();\n } else if (existing) {\n for (const [k, v] of existing.entries()) {\n this._hamt.set(k, v);\n }\n }\n }\n\n keys() {\n return this._hamt.keys();\n }\n\n entries() {\n return this._hamt.entries();\n }\n\n get(k) {\n return this._hamt.get(k);\n }\n\n has(k) {\n return this._hamt.has(k);\n }\n\n set(k, v) {\n this._hamt.set(k, v);\n\n return this;\n }\n\n delete(k) {\n this._hamt.delete(k);\n\n return this;\n }\n\n clone() {\n return persistentMap(this);\n }\n\n toMap() {\n return new Map(this._hamt);\n }\n\n}\n\nfunction persistentMap(existing) {\n if (Recoil_gkx_1('recoil_hamt_2020')) {\n return new HashArrayMappedTrieMap(existing);\n } else {\n return new BuiltInMap(existing);\n }\n}\n\nvar Recoil_PersistentMap = {\n persistentMap\n};\n\nvar Recoil_PersistentMap_1 = Recoil_PersistentMap.persistentMap;\n\nvar Recoil_PersistentMap$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n persistentMap: Recoil_PersistentMap_1\n});\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Returns a set containing all of the values from the first set that are not\n * present in any of the subsequent sets.\n *\n * Note: this is written procedurally (i.e., without filterSet) for performant\n * use in tight loops.\n */\n\nfunction differenceSets(set, ...setsWithValuesToRemove) {\n const ret = new Set();\n\n FIRST: for (const value of set) {\n for (const otherSet of setsWithValuesToRemove) {\n if (otherSet.has(value)) {\n continue FIRST;\n }\n }\n\n ret.add(value);\n }\n\n return ret;\n}\n\nvar Recoil_differenceSets = differenceSets;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Returns a new Map object with the same keys as the original, but with the\n * values replaced with the output of the given callback function.\n */\n\nfunction mapMap(map, callback) {\n const result = new Map();\n map.forEach((value, key) => {\n result.set(key, callback(value, key));\n });\n return result;\n}\n\nvar Recoil_mapMap = mapMap;\n\nfunction graph() {\n return {\n nodeDeps: new Map(),\n nodeToNodeSubscriptions: new Map()\n };\n}\n\nfunction cloneGraph(graph) {\n return {\n nodeDeps: Recoil_mapMap(graph.nodeDeps, s => new Set(s)),\n nodeToNodeSubscriptions: Recoil_mapMap(graph.nodeToNodeSubscriptions, s => new Set(s))\n };\n} // Note that this overwrites the deps of existing nodes, rather than unioning\n// the new deps with the old deps.\n\n\nfunction mergeDependencyMapIntoGraph(deps, graph, // If olderGraph is given then we will not overwrite changes made to the given\n// graph compared with olderGraph:\nolderGraph) {\n const {\n nodeDeps,\n nodeToNodeSubscriptions\n } = graph;\n deps.forEach((upstreams, downstream) => {\n const existingUpstreams = nodeDeps.get(downstream);\n\n if (existingUpstreams && olderGraph && existingUpstreams !== olderGraph.nodeDeps.get(downstream)) {\n return;\n } // Update nodeDeps:\n\n\n nodeDeps.set(downstream, new Set(upstreams)); // Add new deps to nodeToNodeSubscriptions:\n\n const addedUpstreams = existingUpstreams == null ? upstreams : Recoil_differenceSets(upstreams, existingUpstreams);\n addedUpstreams.forEach(upstream => {\n if (!nodeToNodeSubscriptions.has(upstream)) {\n nodeToNodeSubscriptions.set(upstream, new Set());\n }\n\n const existing = Recoil_nullthrows(nodeToNodeSubscriptions.get(upstream));\n existing.add(downstream);\n }); // Remove removed deps from nodeToNodeSubscriptions:\n\n if (existingUpstreams) {\n const removedUpstreams = Recoil_differenceSets(existingUpstreams, upstreams);\n removedUpstreams.forEach(upstream => {\n if (!nodeToNodeSubscriptions.has(upstream)) {\n return;\n }\n\n const existing = Recoil_nullthrows(nodeToNodeSubscriptions.get(upstream));\n existing.delete(downstream);\n\n if (existing.size === 0) {\n nodeToNodeSubscriptions.delete(upstream);\n }\n });\n }\n });\n}\n\nfunction saveDependencyMapToStore(dependencyMap, store, version) {\n var _storeState$nextTree, _storeState$previousT, _storeState$previousT2, _storeState$previousT3;\n\n const storeState = store.getState();\n\n if (!(version === storeState.currentTree.version || version === ((_storeState$nextTree = storeState.nextTree) === null || _storeState$nextTree === void 0 ? void 0 : _storeState$nextTree.version) || version === ((_storeState$previousT = storeState.previousTree) === null || _storeState$previousT === void 0 ? void 0 : _storeState$previousT.version))) {\n Recoil_recoverableViolation('Tried to save dependencies to a discarded tree');\n } // Merge the dependencies discovered into the store's dependency map\n // for the version that was read:\n\n\n const graph = store.getGraph(version);\n mergeDependencyMapIntoGraph(dependencyMap, graph); // If this version is not the latest version, also write these dependencies\n // into later versions if they don't already have their own:\n\n if (version === ((_storeState$previousT2 = storeState.previousTree) === null || _storeState$previousT2 === void 0 ? void 0 : _storeState$previousT2.version)) {\n const currentGraph = store.getGraph(storeState.currentTree.version);\n mergeDependencyMapIntoGraph(dependencyMap, currentGraph, graph);\n }\n\n if (version === ((_storeState$previousT3 = storeState.previousTree) === null || _storeState$previousT3 === void 0 ? void 0 : _storeState$previousT3.version) || version === storeState.currentTree.version) {\n var _storeState$nextTree2;\n\n const nextVersion = (_storeState$nextTree2 = storeState.nextTree) === null || _storeState$nextTree2 === void 0 ? void 0 : _storeState$nextTree2.version;\n\n if (nextVersion !== undefined) {\n const nextGraph = store.getGraph(nextVersion);\n mergeDependencyMapIntoGraph(dependencyMap, nextGraph, graph);\n }\n }\n}\n\nfunction mergeDepsIntoDependencyMap(from, into) {\n from.forEach((upstreamDeps, downstreamNode) => {\n if (!into.has(downstreamNode)) {\n into.set(downstreamNode, new Set());\n }\n\n const deps = Recoil_nullthrows(into.get(downstreamNode));\n upstreamDeps.forEach(dep => deps.add(dep));\n });\n}\n\nfunction addToDependencyMap(downstream, upstream, dependencyMap) {\n if (!dependencyMap.has(downstream)) {\n dependencyMap.set(downstream, new Set());\n }\n\n Recoil_nullthrows(dependencyMap.get(downstream)).add(upstream);\n}\n\nvar Recoil_Graph = {\n addToDependencyMap,\n cloneGraph,\n graph,\n mergeDepsIntoDependencyMap,\n saveDependencyMapToStore\n};\n\nconst {\n persistentMap: persistentMap$1\n} = Recoil_PersistentMap$1;\n\nconst {\n graph: graph$1\n} = Recoil_Graph;\n\nlet nextTreeStateVersion = 0;\n\nconst getNextTreeStateVersion = () => nextTreeStateVersion++;\n\nfunction makeEmptyTreeState() {\n const version = getNextTreeStateVersion();\n return {\n version,\n stateID: version,\n transactionMetadata: {},\n dirtyAtoms: new Set(),\n atomValues: persistentMap$1(),\n nonvalidatedAtoms: persistentMap$1()\n };\n}\n\nfunction makeEmptyStoreState() {\n const currentTree = makeEmptyTreeState();\n return {\n currentTree,\n nextTree: null,\n previousTree: null,\n commitDepth: 0,\n knownAtoms: new Set(),\n knownSelectors: new Set(),\n transactionSubscriptions: new Map(),\n nodeTransactionSubscriptions: new Map(),\n nodeToComponentSubscriptions: new Map(),\n queuedComponentCallbacks_DEPRECATED: [],\n suspendedComponentResolvers: new Set(),\n graphsByVersion: new Map().set(currentTree.version, graph$1()),\n versionsUsedByComponent: new Map(),\n retention: {\n referenceCounts: new Map(),\n nodesRetainedByZone: new Map(),\n retainablesToCheckForRelease: new Set()\n },\n nodeCleanupFunctions: new Map()\n };\n}\n\nvar Recoil_State = {\n makeEmptyTreeState,\n makeEmptyStoreState,\n getNextTreeStateVersion\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction unionSets(...sets) {\n const result = new Set();\n\n for (const set of sets) {\n for (const value of set) {\n result.add(value);\n }\n }\n\n return result;\n}\n\nvar Recoil_unionSets = unionSets;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * Utilities for working with built-in Maps and Sets without mutating them.\n *\n * @emails oncall+recoil\n * \n * @format\n */\n\nfunction setByAddingToSet(set, v) {\n const next = new Set(set);\n next.add(v);\n return next;\n}\n\nfunction setByDeletingFromSet(set, v) {\n const next = new Set(set);\n next.delete(v);\n return next;\n}\n\nfunction mapBySettingInMap(map, k, v) {\n const next = new Map(map);\n next.set(k, v);\n return next;\n}\n\nfunction mapByUpdatingInMap(map, k, updater) {\n const next = new Map(map);\n next.set(k, updater(next.get(k)));\n return next;\n}\n\nfunction mapByDeletingFromMap(map, k) {\n const next = new Map(map);\n next.delete(k);\n return next;\n}\n\nfunction mapByDeletingMultipleFromMap(map, ks) {\n const next = new Map(map);\n ks.forEach(k => next.delete(k));\n return next;\n}\n\nvar Recoil_CopyOnWrite = {\n setByAddingToSet,\n setByDeletingFromSet,\n mapBySettingInMap,\n mapByUpdatingInMap,\n mapByDeletingFromMap,\n mapByDeletingMultipleFromMap\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Creates a new iterable whose output is generated by passing the input\n * iterable's values through the filter function.\n */\n\nfunction* filterIterable(iterable, predicate) {\n // Use generator to create iterable/iterator\n let index = 0;\n\n for (const value of iterable) {\n if (predicate(value, index++)) {\n yield value;\n }\n }\n}\n\nvar Recoil_filterIterable = filterIterable;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nclass RetentionZone {}\n\nfunction retentionZone() {\n return new RetentionZone();\n}\n\nvar Recoil_RetentionZone = {\n RetentionZone,\n retentionZone\n};\n\nconst {\n setByAddingToSet: setByAddingToSet$1\n} = Recoil_CopyOnWrite;\n\n\n\n\n\n\n\nconst {\n getNode: getNode$1,\n getNodeMaybe: getNodeMaybe$1,\n recoilValuesForKeys: recoilValuesForKeys$1\n} = Recoil_Node;\n\nconst {\n RetentionZone: RetentionZone$1\n} = Recoil_RetentionZone; // flowlint-next-line unclear-type:off\n\n\nconst emptySet = Object.freeze(new Set());\n\nclass ReadOnlyRecoilValueError extends Error {}\n\nfunction initializeRetentionForNode(store, nodeKey, retainedBy) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return () => undefined;\n }\n\n const {\n nodesRetainedByZone\n } = store.getState().retention;\n\n function addToZone(zone) {\n let set = nodesRetainedByZone.get(zone);\n\n if (!set) {\n nodesRetainedByZone.set(zone, set = new Set());\n }\n\n set.add(nodeKey);\n }\n\n if (retainedBy instanceof RetentionZone$1) {\n addToZone(retainedBy);\n } else if (Array.isArray(retainedBy)) {\n for (const zone of retainedBy) {\n addToZone(zone);\n }\n }\n\n return () => {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const nodesRetainedByZone = store.getState().retention.nodesRetainedByZone;\n\n function deleteFromZone(zone) {\n const set = nodesRetainedByZone.get(zone);\n\n if (set) {\n set.delete(nodeKey);\n }\n\n if (set && set.size === 0) {\n nodesRetainedByZone.delete(zone);\n }\n }\n\n if (retainedBy instanceof RetentionZone$1) {\n deleteFromZone(retainedBy);\n } else if (Array.isArray(retainedBy)) {\n for (const zone of retainedBy) {\n deleteFromZone(zone);\n }\n }\n };\n}\n\nfunction initializeNodeIfNewToStore(store, treeState, key, trigger) {\n const storeState = store.getState();\n\n if (storeState.nodeCleanupFunctions.has(key)) {\n return;\n }\n\n const config = getNode$1(key);\n const retentionCleanup = initializeRetentionForNode(store, key, config.retainedBy);\n const nodeCleanup = config.init(store, treeState, trigger);\n storeState.nodeCleanupFunctions.set(key, () => {\n nodeCleanup();\n retentionCleanup();\n });\n}\n\nfunction cleanUpNode(store, key) {\n var _state$nodeCleanupFun;\n\n const state = store.getState();\n (_state$nodeCleanupFun = state.nodeCleanupFunctions.get(key)) === null || _state$nodeCleanupFun === void 0 ? void 0 : _state$nodeCleanupFun();\n state.nodeCleanupFunctions.delete(key);\n} // Get the current value loadable of a node and update the state.\n// Update dependencies and subscriptions for selectors.\n// Update saved value validation for atoms.\n\n\nfunction getNodeLoadable(store, state, key) {\n initializeNodeIfNewToStore(store, state, key, 'get');\n return getNode$1(key).get(store, state);\n} // Peek at the current value loadable for a node without any evaluation or state change\n\n\nfunction peekNodeLoadable(store, state, key) {\n return getNode$1(key).peek(store, state);\n} // Write value directly to state bypassing the Node interface as the node\n// definitions may not have been loaded yet when processing the initial snapshot.\n\n\nfunction setUnvalidatedAtomValue_DEPRECATED(state, key, newValue) {\n var _node$invalidate;\n\n const node = getNodeMaybe$1(key);\n node === null || node === void 0 ? void 0 : (_node$invalidate = node.invalidate) === null || _node$invalidate === void 0 ? void 0 : _node$invalidate.call(node, state);\n return { ...state,\n atomValues: state.atomValues.clone().delete(key),\n nonvalidatedAtoms: state.nonvalidatedAtoms.clone().set(key, newValue),\n dirtyAtoms: setByAddingToSet$1(state.dirtyAtoms, key)\n };\n} // Return the discovered dependencies and values to be written by setting\n// a node value. (Multiple values may be written due to selectors getting to\n// set upstreams; deps may be discovered because of reads in updater functions.)\n\n\nfunction setNodeValue(store, state, key, newValue) {\n const node = getNode$1(key);\n\n if (node.set == null) {\n throw new ReadOnlyRecoilValueError(`Attempt to set read-only RecoilValue: ${key}`);\n }\n\n const set = node.set; // so flow doesn't lose the above refinement.\n\n initializeNodeIfNewToStore(store, state, key, 'set');\n return set(store, state, newValue);\n}\n\nfunction peekNodeInfo(store, state, key) {\n var _graph$nodeDeps$get, _storeState$nodeToCom, _storeState$nodeToCom2;\n\n const storeState = store.getState();\n const graph = store.getGraph(state.version);\n const type = storeState.knownAtoms.has(key) ? 'atom' : storeState.knownSelectors.has(key) ? 'selector' : undefined;\n const downstreamNodes = Recoil_filterIterable(getDownstreamNodes(store, state, new Set([key])), nodeKey => nodeKey !== key);\n return {\n loadable: peekNodeLoadable(store, state, key),\n isActive: storeState.knownAtoms.has(key) || storeState.knownSelectors.has(key),\n isSet: type === 'selector' ? false : state.atomValues.has(key),\n isModified: state.dirtyAtoms.has(key),\n type,\n // Report current dependencies. If the node hasn't been evaluated, then\n // dependencies may be missing based on the current state.\n deps: recoilValuesForKeys$1((_graph$nodeDeps$get = graph.nodeDeps.get(key)) !== null && _graph$nodeDeps$get !== void 0 ? _graph$nodeDeps$get : []),\n // Reportsall \"current\" subscribers. Evaluating other nodes or\n // previous in-progress async evaluations may introduce new subscribers.\n subscribers: {\n nodes: recoilValuesForKeys$1(downstreamNodes),\n components: Recoil_mapIterable((_storeState$nodeToCom = (_storeState$nodeToCom2 = storeState.nodeToComponentSubscriptions.get(key)) === null || _storeState$nodeToCom2 === void 0 ? void 0 : _storeState$nodeToCom2.values()) !== null && _storeState$nodeToCom !== void 0 ? _storeState$nodeToCom : [], ([name]) => ({\n name\n }))\n }\n };\n} // Find all of the recursively dependent nodes\n\n\nfunction getDownstreamNodes(store, state, keys) {\n const visitedNodes = new Set();\n const visitingNodes = Array.from(keys);\n const graph = store.getGraph(state.version);\n\n for (let key = visitingNodes.pop(); key; key = visitingNodes.pop()) {\n var _graph$nodeToNodeSubs;\n\n visitedNodes.add(key);\n const subscribedNodes = (_graph$nodeToNodeSubs = graph.nodeToNodeSubscriptions.get(key)) !== null && _graph$nodeToNodeSubs !== void 0 ? _graph$nodeToNodeSubs : emptySet;\n\n for (const downstreamNode of subscribedNodes) {\n if (!visitedNodes.has(downstreamNode)) {\n visitingNodes.push(downstreamNode);\n }\n }\n }\n\n return visitedNodes;\n}\n\nvar Recoil_FunctionalCore = {\n getNodeLoadable,\n peekNodeLoadable,\n setNodeValue,\n cleanUpNode,\n setUnvalidatedAtomValue_DEPRECATED,\n peekNodeInfo,\n getDownstreamNodes,\n initializeNodeIfNewToStore\n};\n\nconst {\n getDownstreamNodes: getDownstreamNodes$1,\n getNodeLoadable: getNodeLoadable$1,\n setNodeValue: setNodeValue$1\n} = Recoil_FunctionalCore;\n\nconst {\n getNodeMaybe: getNodeMaybe$2\n} = Recoil_Node;\n\nconst {\n DefaultValue: DefaultValue$1,\n RecoilValueNotReady: RecoilValueNotReady$1\n} = Recoil_Node;\n\nconst {\n AbstractRecoilValue: AbstractRecoilValue$1,\n RecoilState: RecoilState$1,\n RecoilValueReadOnly: RecoilValueReadOnly$1,\n isRecoilValue: isRecoilValue$1\n} = Recoil_RecoilValue$1;\n\nfunction getRecoilValueAsLoadable(store, {\n key\n}, treeState = store.getState().currentTree) {\n var _storeState$nextTree, _storeState$previousT;\n\n // Reading from an older tree can cause bugs because the dependencies that we\n // discover during the read are lost.\n const storeState = store.getState();\n\n if (!(treeState.version === storeState.currentTree.version || treeState.version === ((_storeState$nextTree = storeState.nextTree) === null || _storeState$nextTree === void 0 ? void 0 : _storeState$nextTree.version) || treeState.version === ((_storeState$previousT = storeState.previousTree) === null || _storeState$previousT === void 0 ? void 0 : _storeState$previousT.version))) {\n Recoil_recoverableViolation('Tried to read from a discarded tree');\n }\n\n const loadable = getNodeLoadable$1(store, treeState, key);\n\n if (loadable.state === 'loading') {\n loadable.contents.catch(() => {\n /**\n * HACK: intercept thrown error here to prevent an uncaught promise exception. Ideally this would happen closer to selector\n * execution (perhaps introducing a new ERROR class to be resolved by async selectors that are in an error state)\n */\n return;\n });\n }\n\n return loadable;\n}\n\nfunction applyAtomValueWrites(atomValues, writes) {\n const result = atomValues.clone();\n writes.forEach((v, k) => {\n if (v.state === 'hasValue' && v.contents instanceof DefaultValue$1) {\n result.delete(k);\n } else {\n result.set(k, v);\n }\n });\n return result;\n}\n\nfunction valueFromValueOrUpdater(store, state, {\n key\n}, valueOrUpdater) {\n if (typeof valueOrUpdater === 'function') {\n // Updater form: pass in the current value. Throw if the current value\n // is unavailable (namely when updating an async selector that's\n // pending or errored):\n const current = getNodeLoadable$1(store, state, key);\n\n if (current.state === 'loading') {\n throw new RecoilValueNotReady$1(key);\n } else if (current.state === 'hasError') {\n throw current.contents;\n } // T itself may be a function, so our refinement is not sufficient:\n\n\n return valueOrUpdater(current.contents); // flowlint-line unclear-type:off\n } else {\n return valueOrUpdater;\n }\n}\n\nfunction applyAction(store, state, action) {\n if (action.type === 'set') {\n const {\n recoilValue,\n valueOrUpdater\n } = action;\n const newValue = valueFromValueOrUpdater(store, state, recoilValue, valueOrUpdater);\n const writes = setNodeValue$1(store, state, recoilValue.key, newValue);\n\n for (const [key, loadable] of writes.entries()) {\n writeLoadableToTreeState(state, key, loadable);\n }\n } else if (action.type === 'setLoadable') {\n const {\n recoilValue: {\n key\n },\n loadable\n } = action;\n writeLoadableToTreeState(state, key, loadable);\n } else if (action.type === 'markModified') {\n const {\n recoilValue: {\n key\n }\n } = action;\n state.dirtyAtoms.add(key);\n } else if (action.type === 'setUnvalidated') {\n var _node$invalidate;\n\n // Write value directly to state bypassing the Node interface as the node\n // definitions may not have been loaded yet when processing the initial snapshot.\n const {\n recoilValue: {\n key\n },\n unvalidatedValue\n } = action;\n const node = getNodeMaybe$2(key);\n node === null || node === void 0 ? void 0 : (_node$invalidate = node.invalidate) === null || _node$invalidate === void 0 ? void 0 : _node$invalidate.call(node, state);\n state.atomValues.delete(key);\n state.nonvalidatedAtoms.set(key, unvalidatedValue);\n state.dirtyAtoms.add(key);\n } else {\n Recoil_recoverableViolation(`Unknown action ${action.type}`);\n }\n}\n\nfunction writeLoadableToTreeState(state, key, loadable) {\n if (loadable.state === 'hasValue' && loadable.contents instanceof DefaultValue$1) {\n state.atomValues.delete(key);\n } else {\n state.atomValues.set(key, loadable);\n }\n\n state.dirtyAtoms.add(key);\n state.nonvalidatedAtoms.delete(key);\n}\n\nfunction applyActionsToStore(store, actions) {\n store.replaceState(state => {\n const newState = copyTreeState(state);\n\n for (const action of actions) {\n applyAction(store, newState, action);\n }\n\n invalidateDownstreams(store, newState);\n return newState;\n });\n}\n\nfunction queueOrPerformStateUpdate(store, action) {\n if (batchStack.length) {\n const actionsByStore = batchStack[batchStack.length - 1];\n let actions = actionsByStore.get(store);\n\n if (!actions) {\n actionsByStore.set(store, actions = []);\n }\n\n actions.push(action);\n } else {\n applyActionsToStore(store, [action]);\n }\n}\n\nconst batchStack = [];\n\nfunction batchStart() {\n const actionsByStore = new Map();\n batchStack.push(actionsByStore);\n return () => {\n for (const [store, actions] of actionsByStore) {\n applyActionsToStore(store, actions);\n }\n\n const popped = batchStack.pop();\n\n if (popped !== actionsByStore) {\n Recoil_recoverableViolation('Incorrect order of batch popping');\n }\n };\n}\n\nfunction copyTreeState(state) {\n return { ...state,\n atomValues: state.atomValues.clone(),\n nonvalidatedAtoms: state.nonvalidatedAtoms.clone(),\n dirtyAtoms: new Set(state.dirtyAtoms)\n };\n}\n\nfunction invalidateDownstreams(store, state) {\n // Inform any nodes that were changed or downstream of changes so that they\n // can clear out any caches as needed due to the update:\n const downstreams = getDownstreamNodes$1(store, state, state.dirtyAtoms);\n\n for (const key of downstreams) {\n var _getNodeMaybe, _getNodeMaybe$invalid;\n\n (_getNodeMaybe = getNodeMaybe$2(key)) === null || _getNodeMaybe === void 0 ? void 0 : (_getNodeMaybe$invalid = _getNodeMaybe.invalidate) === null || _getNodeMaybe$invalid === void 0 ? void 0 : _getNodeMaybe$invalid.call(_getNodeMaybe, state);\n }\n}\n\nfunction setRecoilValue(store, recoilValue, valueOrUpdater) {\n queueOrPerformStateUpdate(store, {\n type: 'set',\n recoilValue,\n valueOrUpdater\n });\n}\n\nfunction setRecoilValueLoadable(store, recoilValue, loadable) {\n if (loadable instanceof DefaultValue$1) {\n return setRecoilValue(store, recoilValue, loadable);\n }\n\n queueOrPerformStateUpdate(store, {\n type: 'setLoadable',\n recoilValue,\n loadable: loadable\n });\n}\n\nfunction markRecoilValueModified(store, recoilValue) {\n queueOrPerformStateUpdate(store, {\n type: 'markModified',\n recoilValue\n });\n}\n\nfunction setUnvalidatedRecoilValue(store, recoilValue, unvalidatedValue) {\n queueOrPerformStateUpdate(store, {\n type: 'setUnvalidated',\n recoilValue,\n unvalidatedValue\n });\n}\n\nlet subscriptionID = 0;\n\nfunction subscribeToRecoilValue(store, {\n key\n}, callback, componentDebugName = null) {\n const subID = subscriptionID++;\n const storeState = store.getState();\n\n if (!storeState.nodeToComponentSubscriptions.has(key)) {\n storeState.nodeToComponentSubscriptions.set(key, new Map());\n }\n\n Recoil_nullthrows(storeState.nodeToComponentSubscriptions.get(key)).set(subID, [componentDebugName !== null && componentDebugName !== void 0 ? componentDebugName : '', callback]); // Handle the case that, during the same tick that we are subscribing, an atom\n // has been updated by some effect handler. Otherwise we will miss the update.\n\n if (Recoil_gkx_1('recoil_early_rendering_2021')) {\n const nextTree = store.getState().nextTree;\n\n if (nextTree && nextTree.dirtyAtoms.has(key)) {\n callback(nextTree);\n }\n }\n\n return {\n release: () => {\n const storeState = store.getState();\n const subs = storeState.nodeToComponentSubscriptions.get(key);\n\n if (subs === undefined || !subs.has(subID)) {\n Recoil_recoverableViolation(`Subscription missing at release time for atom ${key}. This is a bug in Recoil.`);\n return;\n }\n\n subs.delete(subID);\n\n if (subs.size === 0) {\n storeState.nodeToComponentSubscriptions.delete(key);\n }\n }\n };\n}\n\nvar Recoil_RecoilValueInterface = {\n RecoilValueReadOnly: RecoilValueReadOnly$1,\n AbstractRecoilValue: AbstractRecoilValue$1,\n RecoilState: RecoilState$1,\n getRecoilValueAsLoadable,\n setRecoilValue,\n setRecoilValueLoadable,\n markRecoilValueModified,\n setUnvalidatedRecoilValue,\n subscribeToRecoilValue,\n isRecoilValue: isRecoilValue$1,\n applyAtomValueWrites,\n // TODO Remove export when deprecating initialStoreState_DEPRECATED in RecoilRoot\n batchStart,\n writeLoadableToTreeState,\n invalidateDownstreams,\n copyTreeState,\n invalidateDownstreams_FOR_TESTING: invalidateDownstreams\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * The someSet() method tests whether some elements in the given Set pass the\n * test implemented by the provided function.\n */\n\nfunction someSet(set, callback, context) {\n const iterator = set.entries();\n let current = iterator.next();\n\n while (!current.done) {\n const entry = current.value;\n\n if (callback.call(context, entry[1], entry[0], set)) {\n return true;\n }\n\n current = iterator.next();\n }\n\n return false;\n}\n\nvar Recoil_someSet = someSet;\n\nconst {\n cleanUpNode: cleanUpNode$1\n} = Recoil_FunctionalCore;\n\nconst {\n deleteNodeConfigIfPossible: deleteNodeConfigIfPossible$1,\n getNode: getNode$2\n} = Recoil_Node;\n\nconst {\n RetentionZone: RetentionZone$2\n} = Recoil_RetentionZone; // Components that aren't mounted after suspending for this long will be assumed\n// to be discarded and their resources released.\n\n\nconst SUSPENSE_TIMEOUT_MS = 120000;\nconst emptySet$1 = new Set();\n\nfunction releaseRetainablesNowOnCurrentTree(store, retainables) {\n const storeState = store.getState();\n const treeState = storeState.currentTree;\n\n if (storeState.nextTree) {\n Recoil_recoverableViolation('releaseNodesNowOnCurrentTree should only be called at the end of a batch');\n return; // leak memory rather than erase something that's about to be used.\n }\n\n const nodes = new Set();\n\n for (const r of retainables) {\n if (r instanceof RetentionZone$2) {\n for (const n of nodesRetainedByZone(storeState, r)) {\n nodes.add(n);\n }\n } else {\n nodes.add(r);\n }\n }\n\n const releasableNodes = findReleasableNodes(store, nodes);\n\n for (const node of releasableNodes) {\n releaseNode(store, treeState, node);\n }\n}\n\nfunction findReleasableNodes(store, searchFromNodes) {\n const storeState = store.getState();\n const treeState = storeState.currentTree;\n const graph = store.getGraph(treeState.version);\n const releasableNodes = new Set(); // mutated to collect answer\n\n const nonReleasableNodes = new Set();\n findReleasableNodesInner(searchFromNodes);\n return releasableNodes;\n\n function findReleasableNodesInner(searchFromNodes) {\n const releasableNodesFoundThisIteration = new Set();\n const downstreams = getDownstreamNodesInTopologicalOrder(store, treeState, searchFromNodes, releasableNodes, // don't descend into these\n nonReleasableNodes // don't descend into these\n ); // Find which of the downstream nodes are releasable and which are not:\n\n for (const node of downstreams) {\n var _storeState$retention;\n\n // Not releasable if configured to be retained forever:\n if (getNode$2(node).retainedBy === 'recoilRoot') {\n nonReleasableNodes.add(node);\n continue;\n } // Not releasable if retained directly by a component:\n\n\n if (((_storeState$retention = storeState.retention.referenceCounts.get(node)) !== null && _storeState$retention !== void 0 ? _storeState$retention : 0) > 0) {\n nonReleasableNodes.add(node);\n continue;\n } // Not releasable if retained by a zone:\n\n\n if (zonesThatCouldRetainNode(node).some(z => storeState.retention.referenceCounts.get(z))) {\n nonReleasableNodes.add(node);\n continue;\n } // Not releasable if it has a non-releasable child (which will already be in\n // nonReleasableNodes because we are going in topological order):\n\n\n const nodeChildren = graph.nodeToNodeSubscriptions.get(node);\n\n if (nodeChildren && Recoil_someSet(nodeChildren, child => nonReleasableNodes.has(child))) {\n nonReleasableNodes.add(node);\n continue;\n }\n\n releasableNodes.add(node);\n releasableNodesFoundThisIteration.add(node);\n } // If we found any releasable nodes, we need to walk UP from those nodes to\n // find whether their parents can now be released as well:\n\n\n const parents = new Set();\n\n for (const node of releasableNodesFoundThisIteration) {\n for (const parent of (_graph$nodeDeps$get = graph.nodeDeps.get(node)) !== null && _graph$nodeDeps$get !== void 0 ? _graph$nodeDeps$get : emptySet$1) {\n var _graph$nodeDeps$get;\n\n if (!releasableNodes.has(parent)) {\n parents.add(parent);\n }\n }\n }\n\n if (parents.size) {\n findReleasableNodesInner(parents);\n }\n }\n} // Children before parents\n\n\nfunction getDownstreamNodesInTopologicalOrder(store, treeState, nodes, // Mutable set is destroyed in place\ndoNotDescendInto1, doNotDescendInto2) {\n const graph = store.getGraph(treeState.version);\n const answer = [];\n const visited = new Set();\n\n while (nodes.size > 0) {\n visit(Recoil_nullthrows(nodes.values().next().value));\n }\n\n return answer;\n\n function visit(node) {\n if (doNotDescendInto1.has(node) || doNotDescendInto2.has(node)) {\n nodes.delete(node);\n return;\n }\n\n if (visited.has(node)) {\n return;\n }\n\n const children = graph.nodeToNodeSubscriptions.get(node);\n\n if (children) {\n for (const child of children) {\n visit(child);\n }\n }\n\n visited.add(node);\n nodes.delete(node);\n answer.push(node);\n }\n}\n\nfunction releaseNode(store, treeState, node) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n } // Atom effects, in-closure caches, etc.:\n\n\n cleanUpNode$1(store, node); // Delete from store state:\n\n const storeState = store.getState();\n storeState.knownAtoms.delete(node);\n storeState.knownSelectors.delete(node);\n storeState.nodeTransactionSubscriptions.delete(node);\n storeState.retention.referenceCounts.delete(node);\n const zones = zonesThatCouldRetainNode(node);\n\n for (const zone of zones) {\n var _storeState$retention2;\n\n (_storeState$retention2 = storeState.retention.nodesRetainedByZone.get(zone)) === null || _storeState$retention2 === void 0 ? void 0 : _storeState$retention2.delete(node);\n } // Note that we DO NOT delete from nodeToComponentSubscriptions because this\n // already happens when the last component that was retaining the node unmounts,\n // and this could happen either before or after that.\n // Delete from TreeState and dep graph:\n\n\n treeState.atomValues.delete(node);\n treeState.dirtyAtoms.delete(node);\n treeState.nonvalidatedAtoms.delete(node);\n const graph = storeState.graphsByVersion.get(treeState.version);\n\n if (graph) {\n const deps = graph.nodeDeps.get(node);\n\n if (deps !== undefined) {\n graph.nodeDeps.delete(node);\n\n for (const dep of deps) {\n var _graph$nodeToNodeSubs;\n\n (_graph$nodeToNodeSubs = graph.nodeToNodeSubscriptions.get(dep)) === null || _graph$nodeToNodeSubs === void 0 ? void 0 : _graph$nodeToNodeSubs.delete(node);\n }\n } // No need to delete sub's deps as there should be no subs at this point.\n // But an invariant would require deleting nodes in topological order.\n\n\n graph.nodeToNodeSubscriptions.delete(node);\n } // Node config (for family members only as their configs can be recreated, and\n // only if they are not retained within any other Stores):\n\n\n deleteNodeConfigIfPossible$1(node);\n}\n\nfunction nodesRetainedByZone(storeState, zone) {\n var _storeState$retention3;\n\n return (_storeState$retention3 = storeState.retention.nodesRetainedByZone.get(zone)) !== null && _storeState$retention3 !== void 0 ? _storeState$retention3 : emptySet$1;\n}\n\nfunction zonesThatCouldRetainNode(node) {\n const retainedBy = getNode$2(node).retainedBy;\n\n if (retainedBy === undefined || retainedBy === 'components' || retainedBy === 'recoilRoot') {\n return [];\n } else if (retainedBy instanceof RetentionZone$2) {\n return [retainedBy];\n } else {\n return retainedBy; // it's an array of zones\n }\n}\n\nfunction scheduleOrPerformPossibleReleaseOfRetainable(store, retainable) {\n const state = store.getState();\n\n if (state.nextTree) {\n state.retention.retainablesToCheckForRelease.add(retainable);\n } else {\n releaseRetainablesNowOnCurrentTree(store, new Set([retainable]));\n }\n}\n\nfunction updateRetainCount(store, retainable, delta) {\n var _map$get;\n\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const map = store.getState().retention.referenceCounts;\n const newCount = ((_map$get = map.get(retainable)) !== null && _map$get !== void 0 ? _map$get : 0) + delta;\n\n if (newCount === 0) {\n updateRetainCountToZero(store, retainable);\n } else {\n map.set(retainable, newCount);\n }\n}\n\nfunction updateRetainCountToZero(store, retainable) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const map = store.getState().retention.referenceCounts;\n map.delete(retainable);\n scheduleOrPerformPossibleReleaseOfRetainable(store, retainable);\n}\n\nfunction releaseScheduledRetainablesNow(store) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const state = store.getState();\n releaseRetainablesNowOnCurrentTree(store, state.retention.retainablesToCheckForRelease);\n state.retention.retainablesToCheckForRelease.clear();\n}\n\nfunction retainedByOptionWithDefault(r) {\n // The default will change from 'recoilRoot' to 'components' in the future.\n return r === undefined ? 'recoilRoot' : r;\n}\n\nvar Recoil_Retention = {\n SUSPENSE_TIMEOUT_MS,\n updateRetainCount,\n updateRetainCountToZero,\n releaseScheduledRetainablesNow,\n retainedByOptionWithDefault\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Combines multiple Iterables into a single Iterable.\n * Traverses the input Iterables in the order provided and maintains the order\n * of their elements.\n *\n * Example:\n * ```\n * const r = Array.from(concatIterables(['a', 'b'], ['c'], ['d', 'e', 'f']));\n * r == ['a', 'b', 'c', 'd', 'e', 'f'];\n * ```\n */\n\nfunction* concatIterables(iters) {\n for (const iter of iters) {\n for (const val of iter) {\n yield val;\n }\n }\n}\n\nvar Recoil_concatIterables = concatIterables;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nconst isSSR = typeof window === 'undefined';\nconst isReactNative = typeof navigator !== 'undefined' && navigator.product === 'ReactNative'; // eslint-disable-line fb-www/typeof-undefined\n\nvar Recoil_Environment = {\n isSSR,\n isReactNative\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n *\n * This is to export esstiential functions from react-dom\n * for our web build\n */\nconst {\n unstable_batchedUpdates\n} = reactDom;\n\nvar ReactBatchedUpdates = {\n unstable_batchedUpdates\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n *\n * This is to export esstiential functions from react-dom\n * for our web build\n */\n// @fb-only: const {unstable_batchedUpdates} = require('ReactDOMComet');\n// prettier-ignore\nconst {\n unstable_batchedUpdates: unstable_batchedUpdates$1\n} = ReactBatchedUpdates; // @oss-only\n\n\nvar Recoil_ReactBatchedUpdates = {\n unstable_batchedUpdates: unstable_batchedUpdates$1\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\nconst {\n batchStart: batchStart$1\n} = Recoil_RecoilValueInterface;\n\nconst {\n unstable_batchedUpdates: unstable_batchedUpdates$2\n} = Recoil_ReactBatchedUpdates;\n\nlet batcher = unstable_batchedUpdates$2; // flowlint-next-line unclear-type:off\n\n/**\n * Sets the provided batcher function as the batcher function used by Recoil.\n *\n * Set the batcher to a custom batcher for your renderer,\n * if you use a renderer other than React DOM or React Native.\n */\nconst setBatcher = newBatcher => {\n batcher = newBatcher;\n};\n/**\n * Returns the current batcher function.\n */\n\n\nconst getBatcher = () => batcher;\n/**\n * Calls the current batcher function and passes the\n * provided callback function.\n */\n\n\nconst batchUpdates = callback => {\n batcher(() => {\n let batchEnd = () => undefined;\n\n try {\n batchEnd = batchStart$1();\n callback();\n } finally {\n batchEnd();\n }\n });\n};\n\nvar Recoil_Batching = {\n getBatcher,\n setBatcher,\n batchUpdates\n};\n\nconst {\n isSSR: isSSR$1\n} = Recoil_Environment;\n\n\n\n\n\n\n\n\n\n\n\nconst {\n batchUpdates: batchUpdates$1\n} = Recoil_Batching;\n\nconst {\n initializeNodeIfNewToStore: initializeNodeIfNewToStore$1,\n peekNodeInfo: peekNodeInfo$1\n} = Recoil_FunctionalCore;\n\nconst {\n graph: graph$2\n} = Recoil_Graph;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$1,\n recoilValues: recoilValues$1,\n recoilValuesForKeys: recoilValuesForKeys$2\n} = Recoil_Node;\n\nconst {\n AbstractRecoilValue: AbstractRecoilValue$2,\n getRecoilValueAsLoadable: getRecoilValueAsLoadable$1,\n setRecoilValue: setRecoilValue$1,\n setUnvalidatedRecoilValue: setUnvalidatedRecoilValue$1\n} = Recoil_RecoilValueInterface;\n\nconst {\n updateRetainCount: updateRetainCount$1\n} = Recoil_Retention;\n\nconst {\n getNextTreeStateVersion: getNextTreeStateVersion$1,\n makeEmptyStoreState: makeEmptyStoreState$1\n} = Recoil_State; // Opaque at this surface because it's part of the public API from here.\n\n\nconst retainWarning = `\nRecoil Snapshots only last for the duration of the callback they are provided to. To keep a Snapshot longer, do this:\n\n const release = snapshot.retain();\n try {\n await useTheSnapshotAsynchronously(snapshot);\n } finally {\n release();\n }\n\nThis is currently a DEV-only warning but will become a thrown exception in the next release of Recoil.\n`; // A \"Snapshot\" is \"read-only\" and captures a specific set of values of atoms.\n// However, the data-flow-graph and selector values may evolve as selector\n// evaluation functions are executed and async selectors resolve.\n\nclass Snapshot {\n constructor(storeState) {\n _defineProperty(this, \"_store\", void 0);\n\n _defineProperty(this, \"_refCount\", 0);\n\n _defineProperty(this, \"getLoadable\", recoilValue => {\n this.checkRefCount_INTERNAL();\n return getRecoilValueAsLoadable$1(this._store, recoilValue);\n });\n\n _defineProperty(this, \"getPromise\", recoilValue => {\n this.checkRefCount_INTERNAL();\n return this.getLoadable(recoilValue).toPromise();\n });\n\n _defineProperty(this, \"getNodes_UNSTABLE\", opt => {\n this.checkRefCount_INTERNAL(); // TODO Deal with modified selectors\n\n if ((opt === null || opt === void 0 ? void 0 : opt.isModified) === true) {\n if ((opt === null || opt === void 0 ? void 0 : opt.isInitialized) === false) {\n return [];\n }\n\n const state = this._store.getState().currentTree;\n\n return recoilValuesForKeys$2(state.dirtyAtoms);\n }\n\n const knownAtoms = this._store.getState().knownAtoms;\n\n const knownSelectors = this._store.getState().knownSelectors;\n\n return (opt === null || opt === void 0 ? void 0 : opt.isInitialized) == null ? recoilValues$1.values() : opt.isInitialized === true ? recoilValuesForKeys$2(Recoil_concatIterables([this._store.getState().knownAtoms, this._store.getState().knownSelectors])) : Recoil_filterIterable(recoilValues$1.values(), ({\n key\n }) => !knownAtoms.has(key) && !knownSelectors.has(key));\n });\n\n _defineProperty(this, \"getInfo_UNSTABLE\", ({\n key\n }) => {\n this.checkRefCount_INTERNAL();\n return peekNodeInfo$1(this._store, this._store.getState().currentTree, key);\n });\n\n _defineProperty(this, \"map\", mapper => {\n this.checkRefCount_INTERNAL();\n const mutableSnapshot = new MutableSnapshot(this, batchUpdates$1);\n mapper(mutableSnapshot); // if removing batchUpdates from `set` add it here\n\n return cloneSnapshot(mutableSnapshot.getStore_INTERNAL());\n });\n\n _defineProperty(this, \"asyncMap\", async mapper => {\n this.checkRefCount_INTERNAL();\n const mutableSnapshot = new MutableSnapshot(this, batchUpdates$1);\n await mapper(mutableSnapshot);\n return cloneSnapshot(mutableSnapshot.getStore_INTERNAL());\n });\n\n this._store = {\n getState: () => storeState,\n replaceState: replacer => {\n storeState.currentTree = replacer(storeState.currentTree); // no batching so nextTree is never active\n },\n getGraph: version => {\n const graphs = storeState.graphsByVersion;\n\n if (graphs.has(version)) {\n return Recoil_nullthrows(graphs.get(version));\n }\n\n const newGraph = graph$2();\n graphs.set(version, newGraph);\n return newGraph;\n },\n subscribeToTransactions: () => ({\n release: () => {}\n }),\n addTransactionMetadata: () => {\n throw Recoil_err('Cannot subscribe to Snapshots');\n }\n }; // Initialize any nodes that are live in the parent store (primarily so that this\n // snapshot gets counted towards the node's live stores count).\n\n for (const nodeKey of this._store.getState().nodeCleanupFunctions.keys()) {\n initializeNodeIfNewToStore$1(this._store, storeState.currentTree, nodeKey, 'get');\n updateRetainCount$1(this._store, nodeKey, 1);\n }\n\n this.retain();\n this.autorelease_INTERNAL();\n }\n\n retain() {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return () => undefined;\n }\n\n this._refCount++;\n let released = false;\n return () => {\n if (!released) {\n released = true;\n this.release_INTERNAL();\n }\n };\n }\n\n autorelease_INTERNAL() {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n if (!isSSR$1) {\n window.setTimeout(() => this.release_INTERNAL(), 0);\n }\n }\n\n release_INTERNAL() {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n this._refCount--;\n\n if (this._refCount === 0) ;\n }\n\n checkRefCount_INTERNAL() {\n if (Recoil_gkx_1('recoil_memory_managament_2020') && this._refCount <= 0) {\n if (process.env.NODE_ENV !== \"production\") {\n Recoil_recoverableViolation(retainWarning);\n } // What we will ship later:\n // throw err(retainWarning);\n\n }\n }\n\n getStore_INTERNAL() {\n this.checkRefCount_INTERNAL();\n return this._store;\n }\n\n getID() {\n this.checkRefCount_INTERNAL();\n return this.getID_INTERNAL();\n }\n\n getID_INTERNAL() {\n this.checkRefCount_INTERNAL();\n return this._store.getState().currentTree.stateID;\n } // We want to allow the methods to be destructured and used as accessors\n // eslint-disable-next-line fb-www/extra-arrow-initializer\n\n\n}\n\nfunction cloneStoreState(store, treeState, bumpVersion = false) {\n const storeState = store.getState();\n const version = bumpVersion ? getNextTreeStateVersion$1() : treeState.version;\n return {\n currentTree: bumpVersion ? {\n // TODO snapshots shouldn't really have versions because a new version number\n // is always assigned when the snapshot is gone to.\n version,\n stateID: version,\n transactionMetadata: { ...treeState.transactionMetadata\n },\n dirtyAtoms: new Set(treeState.dirtyAtoms),\n atomValues: treeState.atomValues.clone(),\n nonvalidatedAtoms: treeState.nonvalidatedAtoms.clone()\n } : treeState,\n commitDepth: 0,\n nextTree: null,\n previousTree: null,\n knownAtoms: new Set(storeState.knownAtoms),\n // FIXME here's a copy\n knownSelectors: new Set(storeState.knownSelectors),\n // FIXME here's a copy\n transactionSubscriptions: new Map(),\n nodeTransactionSubscriptions: new Map(),\n nodeToComponentSubscriptions: new Map(),\n queuedComponentCallbacks_DEPRECATED: [],\n suspendedComponentResolvers: new Set(),\n graphsByVersion: new Map().set(version, store.getGraph(treeState.version)),\n versionsUsedByComponent: new Map(),\n retention: {\n referenceCounts: new Map(),\n nodesRetainedByZone: new Map(),\n retainablesToCheckForRelease: new Set()\n },\n nodeCleanupFunctions: new Map()\n };\n} // Factory to build a fresh snapshot\n\n\nfunction freshSnapshot(initializeState) {\n const snapshot = new Snapshot(makeEmptyStoreState$1());\n return initializeState != null ? snapshot.map(initializeState) : snapshot;\n} // Factory to clone a snapahot state\n\n\nfunction cloneSnapshot(store, version = 'current') {\n const storeState = store.getState();\n const treeState = version === 'current' ? storeState.currentTree : Recoil_nullthrows(storeState.previousTree);\n return new Snapshot(cloneStoreState(store, treeState));\n}\n\nclass MutableSnapshot extends Snapshot {\n constructor(snapshot, batch) {\n super(cloneStoreState(snapshot.getStore_INTERNAL(), snapshot.getStore_INTERNAL().getState().currentTree, true));\n\n _defineProperty(this, \"_batch\", void 0);\n\n _defineProperty(this, \"set\", (recoilState, newValueOrUpdater) => {\n this.checkRefCount_INTERNAL();\n const store = this.getStore_INTERNAL(); // This batchUpdates ensures this `set` is applied immediately and you can\n // read the written value after calling `set`. I would like to remove this\n // behavior and only batch in `Snapshot.map`, but this would be a breaking\n // change potentially.\n\n this._batch(() => {\n updateRetainCount$1(store, recoilState.key, 1);\n setRecoilValue$1(this.getStore_INTERNAL(), recoilState, newValueOrUpdater);\n });\n });\n\n _defineProperty(this, \"reset\", recoilState => {\n this.checkRefCount_INTERNAL();\n const store = this.getStore_INTERNAL(); // See note at `set` about batched updates.\n\n this._batch(() => {\n updateRetainCount$1(store, recoilState.key, 1);\n setRecoilValue$1(this.getStore_INTERNAL(), recoilState, DEFAULT_VALUE$1);\n });\n });\n\n _defineProperty(this, \"setUnvalidatedAtomValues_DEPRECATED\", values => {\n this.checkRefCount_INTERNAL();\n const store = this.getStore_INTERNAL(); // See note at `set` about batched updates.\n\n batchUpdates$1(() => {\n for (const [k, v] of values.entries()) {\n updateRetainCount$1(store, k, 1);\n setUnvalidatedRecoilValue$1(store, new AbstractRecoilValue$2(k), v);\n }\n });\n });\n\n this._batch = batch;\n } // We want to allow the methods to be destructured and used as accessors\n // eslint-disable-next-line fb-www/extra-arrow-initializer\n\n\n}\n\nvar Recoil_Snapshot = {\n Snapshot,\n MutableSnapshot,\n freshSnapshot,\n cloneSnapshot\n};\n\nvar Recoil_Snapshot_1 = Recoil_Snapshot.Snapshot;\nvar Recoil_Snapshot_2 = Recoil_Snapshot.MutableSnapshot;\nvar Recoil_Snapshot_3 = Recoil_Snapshot.freshSnapshot;\nvar Recoil_Snapshot_4 = Recoil_Snapshot.cloneSnapshot;\n\nvar Recoil_Snapshot$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n Snapshot: Recoil_Snapshot_1,\n MutableSnapshot: Recoil_Snapshot_2,\n freshSnapshot: Recoil_Snapshot_3,\n cloneSnapshot: Recoil_Snapshot_4\n});\n\n// @fb-only: const RecoilusagelogEvent = require('RecoilusagelogEvent');\n// @fb-only: const RecoilUsageLogFalcoEvent = require('RecoilUsageLogFalcoEvent');\n// @fb-only: const URI = require('URI');\n\n\nconst {\n getNextTreeStateVersion: getNextTreeStateVersion$2,\n makeEmptyStoreState: makeEmptyStoreState$2\n} = Recoil_State;\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst {\n cleanUpNode: cleanUpNode$2,\n getDownstreamNodes: getDownstreamNodes$2,\n setNodeValue: setNodeValue$2,\n setUnvalidatedAtomValue_DEPRECATED: setUnvalidatedAtomValue_DEPRECATED$1\n} = Recoil_FunctionalCore;\n\nconst {\n graph: graph$3\n} = Recoil_Graph;\n\nconst {\n cloneGraph: cloneGraph$1\n} = Recoil_Graph;\n\nconst {\n applyAtomValueWrites: applyAtomValueWrites$1\n} = Recoil_RecoilValueInterface;\n\nconst {\n releaseScheduledRetainablesNow: releaseScheduledRetainablesNow$1\n} = Recoil_Retention;\n\nconst {\n freshSnapshot: freshSnapshot$1\n} = Recoil_Snapshot$1;\n\n\n\nconst {\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState\n} = react;\n\nfunction notInAContext() {\n throw Recoil_err('This component must be used inside a component.');\n}\n\nconst defaultStore = Object.freeze({\n getState: notInAContext,\n replaceState: notInAContext,\n getGraph: notInAContext,\n subscribeToTransactions: notInAContext,\n addTransactionMetadata: notInAContext\n});\nlet stateReplacerIsBeingExecuted = false;\n\nfunction startNextTreeIfNeeded(store) {\n if (stateReplacerIsBeingExecuted) {\n throw Recoil_err('An atom update was triggered within the execution of a state updater function. State updater functions provided to Recoil must be pure functions.');\n }\n\n const storeState = store.getState();\n\n if (storeState.nextTree === null) {\n if (Recoil_gkx_1('recoil_memory_managament_2020') && Recoil_gkx_1('recoil_release_on_cascading_update_killswitch_2021')) {\n // If this is a cascading update (that is, rendering due to one state change\n // invokes a second state change), we won't have cleaned up retainables yet\n // because this normally happens after notifying components. Do it before\n // proceeding with the cascading update so that it remains predictable:\n if (storeState.commitDepth > 0) {\n releaseScheduledRetainablesNow$1(store);\n }\n }\n\n const version = storeState.currentTree.version;\n const nextVersion = getNextTreeStateVersion$2();\n storeState.nextTree = { ...storeState.currentTree,\n version: nextVersion,\n stateID: nextVersion,\n dirtyAtoms: new Set(),\n transactionMetadata: {}\n };\n storeState.graphsByVersion.set(nextVersion, cloneGraph$1(Recoil_nullthrows(storeState.graphsByVersion.get(version))));\n }\n}\n\nconst AppContext = react.createContext({\n current: defaultStore\n});\n\nconst useStoreRef = () => useContext(AppContext);\n\nconst MutableSourceContext = react.createContext(null); // TODO T2710559282599660\n\nfunction useRecoilMutableSource() {\n const mutableSource = useContext(MutableSourceContext);\n\n if (mutableSource == null) {\n Recoil_expectationViolation('Attempted to use a Recoil hook outside of a . ' + ' must be an ancestor of any component that uses ' + 'Recoil hooks.');\n }\n\n return mutableSource;\n}\n\nfunction notifyComponents(store, storeState, treeState) {\n const dependentNodes = getDownstreamNodes$2(store, treeState, treeState.dirtyAtoms);\n\n for (const key of dependentNodes) {\n const comps = storeState.nodeToComponentSubscriptions.get(key);\n\n if (comps) {\n for (const [_subID, [_debugName, callback]] of comps) {\n callback(treeState);\n }\n }\n }\n}\n\nfunction sendEndOfBatchNotifications(store) {\n const storeState = store.getState();\n const treeState = storeState.currentTree; // Inform transaction subscribers of the transaction:\n\n const dirtyAtoms = treeState.dirtyAtoms;\n\n if (dirtyAtoms.size) {\n // Execute Node-specific subscribers before global subscribers\n for (const [key, subscriptions] of storeState.nodeTransactionSubscriptions) {\n if (dirtyAtoms.has(key)) {\n for (const [_, subscription] of subscriptions) {\n subscription(store);\n }\n }\n }\n\n for (const [_, subscription] of storeState.transactionSubscriptions) {\n subscription(store);\n }\n\n if (!Recoil_gkx_1('recoil_early_rendering_2021') || storeState.suspendedComponentResolvers.size) {\n // Notifying components is needed to wake from suspense, even when using\n // early rendering.\n notifyComponents(store, storeState, treeState); // Wake all suspended components so the right one(s) can try to re-render.\n // We need to wake up components not just when some asynchronous selector\n // resolved, but also when changing synchronous values because this may cause\n // a selector to change from asynchronous to synchronous, in which case there\n // would be no follow-up asynchronous resolution to wake us up.\n // TODO OPTIMIZATION Only wake up related downstream components\n\n storeState.suspendedComponentResolvers.forEach(cb => cb());\n storeState.suspendedComponentResolvers.clear();\n }\n } // Special behavior ONLY invoked by useInterface.\n // FIXME delete queuedComponentCallbacks_DEPRECATED when deleting useInterface.\n\n\n storeState.queuedComponentCallbacks_DEPRECATED.forEach(cb => cb(treeState));\n storeState.queuedComponentCallbacks_DEPRECATED.splice(0, storeState.queuedComponentCallbacks_DEPRECATED.length);\n}\n\nfunction endBatch(storeRef) {\n const storeState = storeRef.current.getState();\n storeState.commitDepth++;\n\n try {\n const {\n nextTree\n } = storeState; // Ignore commits that are not because of Recoil transactions -- namely,\n // because something above RecoilRoot re-rendered:\n\n if (nextTree === null) {\n return;\n } // nextTree is now committed -- note that copying and reset occurs when\n // a transaction begins, in startNextTreeIfNeeded:\n\n\n storeState.previousTree = storeState.currentTree;\n storeState.currentTree = nextTree;\n storeState.nextTree = null;\n sendEndOfBatchNotifications(storeRef.current);\n\n if (storeState.previousTree != null) {\n storeState.graphsByVersion.delete(storeState.previousTree.version);\n } else {\n Recoil_recoverableViolation('Ended batch with no previous state, which is unexpected', 'recoil');\n }\n\n storeState.previousTree = null;\n\n if (Recoil_gkx_1('recoil_memory_managament_2020')) {\n releaseScheduledRetainablesNow$1(storeRef.current);\n }\n } finally {\n storeState.commitDepth--;\n }\n}\n/*\n * The purpose of the Batcher is to observe when React batches end so that\n * Recoil state changes can be batched. Whenever Recoil state changes, we call\n * setState on the batcher. Then we wait for that change to be committed, which\n * signifies the end of the batch. That's when we respond to the Recoil change.\n */\n\n\nfunction Batcher({\n setNotifyBatcherOfChange\n}) {\n const storeRef = useStoreRef();\n const [_, setState] = useState([]);\n setNotifyBatcherOfChange(() => setState({}));\n useEffect(() => {\n // enqueueExecution runs this function immediately; it is only used to\n // manipulate the order of useEffects during tests, since React seems to\n // call useEffect in an unpredictable order sometimes.\n Recoil_Queue.enqueueExecution('Batcher', () => {\n endBatch(storeRef);\n });\n }); // If an asynchronous selector resolves after the Batcher is unmounted,\n // notifyBatcherOfChange will still be called. An error gets thrown whenever\n // setState is called after a component is already unmounted, so this sets\n // notifyBatcherOfChange to be a no-op.\n\n useEffect(() => {\n return () => {\n setNotifyBatcherOfChange(() => {});\n };\n }, [setNotifyBatcherOfChange]);\n return null;\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n if (typeof window !== 'undefined' && !window.$recoilDebugStates) {\n window.$recoilDebugStates = [];\n }\n} // When removing this deprecated function, remove stateBySettingRecoilValue\n// which will no longer be needed.\n\n\nfunction initialStoreState_DEPRECATED(store, initializeState) {\n const initial = makeEmptyStoreState$2();\n initializeState({\n // $FlowFixMe[escaped-generic]\n set: (atom, value) => {\n const state = initial.currentTree;\n const writes = setNodeValue$2(store, state, atom.key, value);\n const writtenNodes = new Set(writes.keys());\n const nonvalidatedAtoms = state.nonvalidatedAtoms.clone();\n\n for (const n of writtenNodes) {\n nonvalidatedAtoms.delete(n);\n }\n\n initial.currentTree = { ...state,\n dirtyAtoms: Recoil_unionSets(state.dirtyAtoms, writtenNodes),\n atomValues: applyAtomValueWrites$1(state.atomValues, writes),\n // NB: PLEASE un-export applyAtomValueWrites when deleting this code\n nonvalidatedAtoms\n };\n },\n setUnvalidatedAtomValues: atomValues => {\n // FIXME replace this with a mutative loop\n atomValues.forEach((v, k) => {\n initial.currentTree = setUnvalidatedAtomValue_DEPRECATED$1(initial.currentTree, k, v);\n });\n }\n });\n return initial;\n}\n\nfunction initialStoreState(initializeState) {\n const snapshot = freshSnapshot$1().map(initializeState);\n return snapshot.getStore_INTERNAL().getState();\n}\n\nlet nextID = 0;\n\nfunction RecoilRoot_INTERNAL({\n initializeState_DEPRECATED,\n initializeState,\n store_INTERNAL: storeProp,\n // For use with React \"context bridging\"\n children\n}) {\n var _createMutableSource;\n\n // prettier-ignore\n // @fb-only: useEffect(() => {\n // @fb-only: if (gkx('recoil_usage_logging')) {\n // @fb-only: try {\n // @fb-only: RecoilUsageLogFalcoEvent.log(() => ({\n // @fb-only: type: RecoilusagelogEvent.RECOIL_ROOT_MOUNTED,\n // @fb-only: path: URI.getRequestURI().getPath(),\n // @fb-only: }));\n // @fb-only: } catch {\n // @fb-only: recoverableViolation(\n // @fb-only: 'Error when logging Recoil Usage event',\n // @fb-only: 'recoil',\n // @fb-only: );\n // @fb-only: }\n // @fb-only: }\n // @fb-only: }, []);\n let storeState; // eslint-disable-line prefer-const\n\n const getGraph = version => {\n const graphs = storeState.current.graphsByVersion;\n\n if (graphs.has(version)) {\n return Recoil_nullthrows(graphs.get(version));\n }\n\n const newGraph = graph$3();\n graphs.set(version, newGraph);\n return newGraph;\n };\n\n const subscribeToTransactions = (callback, key) => {\n if (key == null) {\n // Global transaction subscriptions\n const {\n transactionSubscriptions\n } = storeRef.current.getState();\n const id = nextID++;\n transactionSubscriptions.set(id, callback);\n return {\n release: () => {\n transactionSubscriptions.delete(id);\n }\n };\n } else {\n // Node-specific transaction subscriptions:\n const {\n nodeTransactionSubscriptions\n } = storeRef.current.getState();\n\n if (!nodeTransactionSubscriptions.has(key)) {\n nodeTransactionSubscriptions.set(key, new Map());\n }\n\n const id = nextID++;\n Recoil_nullthrows(nodeTransactionSubscriptions.get(key)).set(id, callback);\n return {\n release: () => {\n const subs = nodeTransactionSubscriptions.get(key);\n\n if (subs) {\n subs.delete(id);\n\n if (subs.size === 0) {\n nodeTransactionSubscriptions.delete(key);\n }\n }\n }\n };\n }\n };\n\n const addTransactionMetadata = metadata => {\n startNextTreeIfNeeded(storeRef.current);\n\n for (const k of Object.keys(metadata)) {\n Recoil_nullthrows(storeRef.current.getState().nextTree).transactionMetadata[k] = metadata[k];\n }\n };\n\n const replaceState = replacer => {\n const storeState = storeRef.current.getState();\n startNextTreeIfNeeded(storeRef.current); // Use replacer to get the next state:\n\n const nextTree = Recoil_nullthrows(storeState.nextTree);\n let replaced;\n\n try {\n stateReplacerIsBeingExecuted = true;\n replaced = replacer(nextTree);\n } finally {\n stateReplacerIsBeingExecuted = false;\n }\n\n if (replaced === nextTree) {\n return;\n }\n\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof window !== 'undefined') {\n window.$recoilDebugStates.push(replaced); // TODO this shouldn't happen here because it's not batched\n }\n } // Save changes to nextTree and schedule a React update:\n\n\n storeState.nextTree = replaced;\n\n if (Recoil_gkx_1('recoil_early_rendering_2021')) {\n notifyComponents(store, storeState, replaced);\n }\n\n Recoil_nullthrows(notifyBatcherOfChange.current)();\n };\n\n const notifyBatcherOfChange = useRef(null);\n const setNotifyBatcherOfChange = useCallback(x => {\n notifyBatcherOfChange.current = x;\n }, [notifyBatcherOfChange]); // FIXME T2710559282599660\n\n const createMutableSource = (_createMutableSource = react.createMutableSource) !== null && _createMutableSource !== void 0 ? _createMutableSource : // flowlint-line unclear-type:off\n react.unstable_createMutableSource; // flowlint-line unclear-type:off\n\n const store = storeProp !== null && storeProp !== void 0 ? storeProp : {\n getState: () => storeState.current,\n replaceState,\n getGraph,\n subscribeToTransactions,\n addTransactionMetadata\n };\n const storeRef = useRef(store);\n storeState = useRef(initializeState_DEPRECATED != null ? initialStoreState_DEPRECATED(store, initializeState_DEPRECATED) : initializeState != null ? initialStoreState(initializeState) : makeEmptyStoreState$2());\n const mutableSource = useMemo(() => createMutableSource ? createMutableSource(storeState, () => storeState.current.currentTree.version) : null, [createMutableSource, storeState]); // Cleanup when the is unmounted\n\n useEffect(() => () => {\n for (const atomKey of storeRef.current.getState().knownAtoms) {\n cleanUpNode$2(storeRef.current, atomKey);\n }\n }, []);\n return /*#__PURE__*/react.createElement(AppContext.Provider, {\n value: storeRef\n }, /*#__PURE__*/react.createElement(MutableSourceContext.Provider, {\n value: mutableSource\n }, /*#__PURE__*/react.createElement(Batcher, {\n setNotifyBatcherOfChange: setNotifyBatcherOfChange\n }), children));\n}\n\nfunction RecoilRoot(props) {\n const {\n override,\n ...propsExceptOverride\n } = props;\n const ancestorStoreRef = useStoreRef();\n\n if (override === false && ancestorStoreRef.current !== defaultStore) {\n // If ancestorStoreRef.current !== defaultStore, it means that this\n // RecoilRoot is not nested within another.\n return props.children;\n }\n\n return /*#__PURE__*/react.createElement(RecoilRoot_INTERNAL, propsExceptOverride);\n}\n\nvar Recoil_RecoilRoot_react = {\n useStoreRef,\n useRecoilMutableSource,\n RecoilRoot,\n notifyComponents_FOR_TESTING: notifyComponents,\n sendEndOfBatchNotifications_FOR_TESTING: sendEndOfBatchNotifications\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * MIT License\n *\n * Copyright (c) 2014-2019 Georg Tavonius\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n *\n * @emails oncall+recoil\n * \n * @format\n */\n\nconst UNKNOWN_FUNCTION = '';\n/**\n * This parses the different stack traces and puts them into one format\n * This borrows heavily from TraceKit (https://github.com/csnover/TraceKit)\n */\n\nfunction stackTraceParser(stackString) {\n const lines = stackString.split('\\n');\n return lines.reduce((stack, line) => {\n const parseResult = parseChrome(line) || parseWinjs(line) || parseGecko(line) || parseNode(line) || parseJSC(line);\n\n if (parseResult) {\n stack.push(parseResult);\n }\n\n return stack;\n }, []);\n}\n\nconst chromeRe = /^\\s*at (.*?) ?\\(((?:file|https?|blob|chrome-extension|native|eval|webpack||\\/|[a-z]:\\\\|\\\\\\\\).*?)(?::(\\d+))?(?::(\\d+))?\\)?\\s*$/i;\nconst chromeEvalRe = /\\((\\S*)(?::(\\d+))(?::(\\d+))\\)/;\n\nfunction parseChrome(line) {\n const parts = chromeRe.exec(line);\n\n if (!parts) {\n return null;\n }\n\n const isNative = parts[2] && parts[2].indexOf('native') === 0; // start of line\n\n const isEval = parts[2] && parts[2].indexOf('eval') === 0; // start of line\n\n const submatch = chromeEvalRe.exec(parts[2]);\n\n if (isEval && submatch != null) {\n // throw out eval line/column and use top-most line/column number\n parts[2] = submatch[1]; // url\n\n parts[3] = submatch[2]; // line\n\n parts[4] = submatch[3]; // column\n }\n\n return {\n file: !isNative ? parts[2] : null,\n methodName: parts[1] || UNKNOWN_FUNCTION,\n arguments: isNative ? [parts[2]] : [],\n lineNumber: parts[3] ? +parts[3] : null,\n column: parts[4] ? +parts[4] : null\n };\n}\n\nconst winjsRe = /^\\s*at (?:((?:\\[object object\\])?.+) )?\\(?((?:file|ms-appx|https?|webpack|blob):.*?):(\\d+)(?::(\\d+))?\\)?\\s*$/i;\n\nfunction parseWinjs(line) {\n const parts = winjsRe.exec(line);\n\n if (!parts) {\n return null;\n }\n\n return {\n file: parts[2],\n methodName: parts[1] || UNKNOWN_FUNCTION,\n arguments: [],\n lineNumber: +parts[3],\n column: parts[4] ? +parts[4] : null\n };\n}\n\nconst geckoRe = /^\\s*(.*?)(?:\\((.*?)\\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\\[native).*?|[^@]*bundle)(?::(\\d+))?(?::(\\d+))?\\s*$/i;\nconst geckoEvalRe = /(\\S+) line (\\d+)(?: > eval line \\d+)* > eval/i;\n\nfunction parseGecko(line) {\n const parts = geckoRe.exec(line);\n\n if (!parts) {\n return null;\n }\n\n const isEval = parts[3] && parts[3].indexOf(' > eval') > -1;\n const submatch = geckoEvalRe.exec(parts[3]);\n\n if (isEval && submatch != null) {\n // throw out eval line/column and use top-most line number\n parts[3] = submatch[1];\n parts[4] = submatch[2];\n parts[5] = null; // no column when eval\n }\n\n return {\n file: parts[3],\n methodName: parts[1] || UNKNOWN_FUNCTION,\n arguments: parts[2] ? parts[2].split(',') : [],\n lineNumber: parts[4] ? +parts[4] : null,\n column: parts[5] ? +parts[5] : null\n };\n}\n\nconst javaScriptCoreRe = /^\\s*(?:([^@]*)(?:\\((.*?)\\))?@)?(\\S.*?):(\\d+)(?::(\\d+))?\\s*$/i;\n\nfunction parseJSC(line) {\n const parts = javaScriptCoreRe.exec(line);\n\n if (!parts) {\n return null;\n }\n\n return {\n file: parts[3],\n methodName: parts[1] || UNKNOWN_FUNCTION,\n arguments: [],\n lineNumber: +parts[4],\n column: parts[5] ? +parts[5] : null\n };\n}\n\nconst nodeRe = /^\\s*at (?:((?:\\[object object\\])?[^\\\\/]+(?: \\[as \\S+\\])?) )?\\(?(.*?):(\\d+)(?::(\\d+))?\\)?\\s*$/i;\n\nfunction parseNode(line) {\n const parts = nodeRe.exec(line);\n\n if (!parts) {\n return null;\n }\n\n return {\n file: parts[2],\n methodName: parts[1] || UNKNOWN_FUNCTION,\n arguments: [],\n lineNumber: +parts[3],\n column: parts[4] ? +parts[4] : null\n };\n}\n\nvar Recoil_stackTraceParser = stackTraceParser;\n\nconst {\n useRef: useRef$1\n} = react;\n\nfunction useComponentName() {\n const nameRef = useRef$1();\n\n if (process.env.NODE_ENV !== \"production\") {\n if (Recoil_gkx_1('recoil_infer_component_names')) {\n var _nameRef$current;\n\n if (nameRef.current === undefined) {\n // There is no blessed way to determine the calling React component from\n // within a hook. This hack uses the fact that hooks must start with 'use'\n // and that hooks are either called by React Components or other hooks. It\n // follows therefore, that to find the calling component, you simply need\n // to look down the stack and find the first function which doesn't start\n // with 'use'. We are only enabling this in dev for now, since once the\n // codebase is minified, the naming assumptions no longer hold true.\n // eslint-disable-next-line fb-www/no-new-error\n const frames = Recoil_stackTraceParser(new Error().stack);\n\n for (const {\n methodName\n } of frames) {\n // I observed cases where the frame was of the form 'Object.useXXX'\n // hence why I'm searching for hooks following a word boundary\n if (!methodName.match(/\\buse[^\\b]+$/)) {\n return nameRef.current = methodName;\n }\n }\n\n nameRef.current = null;\n }\n\n return (_nameRef$current = nameRef.current) !== null && _nameRef$current !== void 0 ? _nameRef$current : '';\n }\n } // @fb-only: return \"\";\n\n\n return ''; // @oss-only\n}\n\nvar Recoil_useComponentName = useComponentName;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction shallowArrayEqual(a, b) {\n if (a === b) {\n return true;\n }\n\n if (a.length !== b.length) {\n return false;\n }\n\n for (let i = 0, l = a.length; i < l; i++) {\n if (a[i] !== b[i]) {\n return false;\n }\n }\n\n return true;\n}\n\nvar Recoil_shallowArrayEqual = shallowArrayEqual;\n\nconst {\n useEffect: useEffect$1,\n useRef: useRef$2\n} = react;\n\nfunction usePrevious(value) {\n const ref = useRef$2();\n useEffect$1(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nvar Recoil_usePrevious = usePrevious;\n\nconst {\n useStoreRef: useStoreRef$1\n} = Recoil_RecoilRoot_react;\n\nconst {\n SUSPENSE_TIMEOUT_MS: SUSPENSE_TIMEOUT_MS$1\n} = Recoil_Retention;\n\nconst {\n updateRetainCount: updateRetainCount$2\n} = Recoil_Retention;\n\nconst {\n RetentionZone: RetentionZone$3\n} = Recoil_RetentionZone;\n\nconst {\n isSSR: isSSR$2\n} = Recoil_Environment;\n\n\n\n\n\n\n\nconst {\n useEffect: useEffect$2,\n useRef: useRef$3\n} = react; // I don't see a way to avoid the any type here because we want to accept readable\n// and writable values with any type parameter, but normally with writable ones\n// RecoilState is not a subtype of RecoilState.\n\n\n// flowlint-line unclear-type:off\nfunction useRetain(toRetain) {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n } // eslint-disable-next-line fb-www/react-hooks\n\n\n return useRetain_ACTUAL(toRetain);\n}\n\nfunction useRetain_ACTUAL(toRetain) {\n const array = Array.isArray(toRetain) ? toRetain : [toRetain];\n const retainables = array.map(a => a instanceof RetentionZone$3 ? a : a.key);\n const storeRef = useStoreRef$1();\n useEffect$2(() => {\n if (!Recoil_gkx_1('recoil_memory_managament_2020')) {\n return;\n }\n\n const store = storeRef.current;\n\n if (timeoutID.current && !isSSR$2) {\n // Already performed a temporary retain on render, simply cancel the release\n // of that temporary retain.\n window.clearTimeout(timeoutID.current);\n timeoutID.current = null;\n } else {\n for (const r of retainables) {\n updateRetainCount$2(store, r, 1);\n }\n }\n\n return () => {\n for (const r of retainables) {\n updateRetainCount$2(store, r, -1);\n }\n }; // eslint-disable-next-line fb-www/react-hooks-deps\n }, [storeRef, ...retainables]); // We want to retain if the component suspends. This is terrible but the Suspense\n // API affords us no better option. If we suspend and never commit after some\n // seconds, then release. The 'actual' retain/release in the effect above\n // cancels this.\n\n const timeoutID = useRef$3();\n const previousRetainables = Recoil_usePrevious(retainables);\n\n if (!isSSR$2 && (previousRetainables === undefined || !Recoil_shallowArrayEqual(previousRetainables, retainables))) {\n const store = storeRef.current;\n\n for (const r of retainables) {\n updateRetainCount$2(store, r, 1);\n }\n\n if (previousRetainables) {\n for (const r of previousRetainables) {\n updateRetainCount$2(store, r, -1);\n }\n }\n\n if (timeoutID.current) {\n window.clearTimeout(timeoutID.current);\n }\n\n timeoutID.current = window.setTimeout(() => {\n timeoutID.current = null;\n\n for (const r of retainables) {\n updateRetainCount$2(store, r, -1);\n }\n }, SUSPENSE_TIMEOUT_MS$1);\n }\n}\n\nvar Recoil_useRetain = useRetain;\n\nconst {\n batchUpdates: batchUpdates$2\n} = Recoil_Batching;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$2\n} = Recoil_Node;\n\nconst {\n useRecoilMutableSource: useRecoilMutableSource$1,\n useStoreRef: useStoreRef$2\n} = Recoil_RecoilRoot_react;\n\nconst {\n isRecoilValue: isRecoilValue$2\n} = Recoil_RecoilValue$1;\n\nconst {\n AbstractRecoilValue: AbstractRecoilValue$3,\n getRecoilValueAsLoadable: getRecoilValueAsLoadable$2,\n setRecoilValue: setRecoilValue$2,\n setUnvalidatedRecoilValue: setUnvalidatedRecoilValue$2,\n subscribeToRecoilValue: subscribeToRecoilValue$1\n} = Recoil_RecoilValueInterface;\n\nconst {\n setByAddingToSet: setByAddingToSet$2\n} = Recoil_CopyOnWrite;\n\n\n\n\n\n\n\n\n\nconst {\n mutableSourceExists: mutableSourceExists$2,\n useMutableSource: useMutableSource$1\n} = Recoil_mutableSource;\n\n\n\n\n\nconst {\n useCallback: useCallback$1,\n useEffect: useEffect$3,\n useMemo: useMemo$1,\n useRef: useRef$4,\n useState: useState$1\n} = react;\n\nfunction handleLoadable(loadable, recoilValue, storeRef) {\n // We can't just throw the promise we are waiting on to Suspense. If the\n // upstream dependencies change it may produce a state in which the component\n // can render, but it would still be suspended on a Promise that may never resolve.\n if (loadable.state === 'hasValue') {\n return loadable.contents;\n } else if (loadable.state === 'loading') {\n const promise = new Promise(resolve => {\n storeRef.current.getState().suspendedComponentResolvers.add(resolve);\n }); // $FlowFixMe Flow(prop-missing) for integrating with tools that inspect thrown promises @fb-only\n // @fb-only: promise.displayName = `Recoil State: ${recoilValue.key}`;\n\n throw promise;\n } else if (loadable.state === 'hasError') {\n throw loadable.contents;\n } else {\n throw Recoil_err(`Invalid value of loadable atom \"${recoilValue.key}\"`);\n }\n}\n\nfunction validateRecoilValue(recoilValue, hookName) {\n if (!isRecoilValue$2(recoilValue)) {\n throw Recoil_err(`Invalid argument to ${hookName}: expected an atom or selector but got ${String(recoilValue)}`);\n }\n}\n\n/**\n * Various things are broken with useRecoilInterface, particularly concurrent mode\n * and memory management. They will not be fixed.\n * */\nfunction useRecoilInterface_DEPRECATED() {\n const storeRef = useStoreRef$2();\n const [, forceUpdate] = useState$1([]);\n const recoilValuesUsed = useRef$4(new Set());\n recoilValuesUsed.current = new Set(); // Track the RecoilValues used just during this render\n\n const previousSubscriptions = useRef$4(new Set());\n const subscriptions = useRef$4(new Map());\n const unsubscribeFrom = useCallback$1(key => {\n const sub = subscriptions.current.get(key);\n\n if (sub) {\n sub.release();\n subscriptions.current.delete(key);\n }\n }, [subscriptions]);\n const componentName = Recoil_useComponentName();\n useEffect$3(() => {\n const store = storeRef.current;\n\n function updateState(_state, key) {\n if (!subscriptions.current.has(key)) {\n return;\n }\n\n forceUpdate([]);\n }\n\n Recoil_differenceSets(recoilValuesUsed.current, previousSubscriptions.current).forEach(key => {\n if (subscriptions.current.has(key)) {\n Recoil_expectationViolation(`Double subscription to RecoilValue \"${key}\"`);\n return;\n }\n\n const sub = subscribeToRecoilValue$1(store, new AbstractRecoilValue$3(key), state => {\n updateState(state, key);\n }, componentName);\n subscriptions.current.set(key, sub);\n /**\n * Since we're subscribing in an effect we need to update to the latest\n * value of the atom since it may have changed since we rendered. We can\n * go ahead and do that now, unless we're in the middle of a batch --\n * in which case we should do it at the end of the batch, due to the\n * following edge case: Suppose an atom is updated in another useEffect\n * of this same component. Then the following sequence of events occur:\n * 1. Atom is updated and subs fired (but we may not be subscribed\n * yet depending on order of effects, so we miss this) Updated value\n * is now in nextTree, but not currentTree.\n * 2. This effect happens. We subscribe and update.\n * 3. From the update we re-render and read currentTree, with old value.\n * 4. Batcher's effect sets currentTree to nextTree.\n * In this sequence we miss the update. To avoid that, add the update\n * to queuedComponentCallback if a batch is in progress.\n */\n // FIXME delete queuedComponentCallbacks_DEPRECATED when deleting useInterface.\n\n const state = store.getState();\n\n if (state.nextTree) {\n store.getState().queuedComponentCallbacks_DEPRECATED.push(() => {\n updateState(store.getState(), key);\n });\n } else {\n updateState(store.getState(), key);\n }\n });\n Recoil_differenceSets(previousSubscriptions.current, recoilValuesUsed.current).forEach(key => {\n unsubscribeFrom(key);\n });\n previousSubscriptions.current = recoilValuesUsed.current;\n });\n useEffect$3(() => {\n const subs = subscriptions.current;\n return () => subs.forEach((_, key) => unsubscribeFrom(key));\n }, [unsubscribeFrom]);\n return useMemo$1(() => {\n // eslint-disable-next-line no-shadow\n function useSetRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useSetRecoilState');\n }\n\n return newValueOrUpdater => {\n setRecoilValue$2(storeRef.current, recoilState, newValueOrUpdater);\n };\n } // eslint-disable-next-line no-shadow\n\n\n function useResetRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useResetRecoilState');\n }\n\n return () => setRecoilValue$2(storeRef.current, recoilState, DEFAULT_VALUE$2);\n } // eslint-disable-next-line no-shadow\n\n\n function useRecoilValueLoadable(recoilValue) {\n var _storeState$nextTree;\n\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilValue, 'useRecoilValueLoadable');\n }\n\n if (!recoilValuesUsed.current.has(recoilValue.key)) {\n recoilValuesUsed.current = setByAddingToSet$2(recoilValuesUsed.current, recoilValue.key);\n } // TODO Restore optimization to memoize lookup\n\n\n const storeState = storeRef.current.getState();\n return getRecoilValueAsLoadable$2(storeRef.current, recoilValue, Recoil_gkx_1('recoil_early_rendering_2021') ? (_storeState$nextTree = storeState.nextTree) !== null && _storeState$nextTree !== void 0 ? _storeState$nextTree : storeState.currentTree : storeState.currentTree);\n } // eslint-disable-next-line no-shadow\n\n\n function useRecoilValue(recoilValue) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilValue, 'useRecoilValue');\n }\n\n const loadable = useRecoilValueLoadable(recoilValue);\n return handleLoadable(loadable, recoilValue, storeRef);\n } // eslint-disable-next-line no-shadow\n\n\n function useRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useRecoilState');\n }\n\n return [useRecoilValue(recoilState), useSetRecoilState(recoilState)];\n } // eslint-disable-next-line no-shadow\n\n\n function useRecoilStateLoadable(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useRecoilStateLoadable');\n }\n\n return [useRecoilValueLoadable(recoilState), useSetRecoilState(recoilState)];\n }\n\n return {\n getRecoilValue: useRecoilValue,\n getRecoilValueLoadable: useRecoilValueLoadable,\n getRecoilState: useRecoilState,\n getRecoilStateLoadable: useRecoilStateLoadable,\n getSetRecoilState: useSetRecoilState,\n getResetRecoilState: useResetRecoilState\n };\n }, [recoilValuesUsed, storeRef]);\n}\n\nconst recoilComponentGetRecoilValueCount_FOR_TESTING = {\n current: 0\n};\n\nfunction useRecoilValueLoadable_MUTABLESOURCE(recoilValue) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilValue, 'useRecoilValueLoadable');\n }\n\n const storeRef = useStoreRef$2();\n const getLoadable = useCallback$1(() => {\n var _storeState$nextTree2;\n\n const store = storeRef.current;\n const storeState = store.getState();\n const treeState = Recoil_gkx_1('recoil_early_rendering_2021') ? (_storeState$nextTree2 = storeState.nextTree) !== null && _storeState$nextTree2 !== void 0 ? _storeState$nextTree2 : storeState.currentTree : storeState.currentTree;\n return getRecoilValueAsLoadable$2(store, recoilValue, treeState);\n }, [storeRef, recoilValue]);\n const getLoadableWithTesting = useCallback$1(() => {\n if (process.env.NODE_ENV !== \"production\") {\n recoilComponentGetRecoilValueCount_FOR_TESTING.current++;\n }\n\n return getLoadable();\n }, [getLoadable]);\n const componentName = Recoil_useComponentName();\n const subscribe = useCallback$1((_storeState, callback) => {\n const store = storeRef.current;\n const subscription = subscribeToRecoilValue$1(store, recoilValue, () => {\n if (!Recoil_gkx_1('recoil_suppress_rerender_in_callback')) {\n return callback();\n } // Only re-render if the value has changed.\n // This will evaluate the atom/selector now as well as when the\n // component renders, but that may help with prefetching.\n\n\n const newLoadable = getLoadable();\n\n if (!prevLoadableRef.current.is(newLoadable)) {\n callback();\n } // If the component is suspended then the effect setting prevLoadableRef\n // will not run. So, set the previous value here when its subscription\n // is fired to wake it up. We can't just rely on this, though, because\n // this only executes when an atom/selector is dirty and the atom/selector\n // passed to the hook can dynamically change.\n\n\n prevLoadableRef.current = newLoadable;\n }, componentName);\n return subscription.release;\n }, [storeRef, recoilValue, componentName, getLoadable]);\n const source = useRecoilMutableSource$1();\n const loadable = useMutableSource$1(source, getLoadableWithTesting, subscribe);\n const prevLoadableRef = useRef$4(loadable);\n useEffect$3(() => {\n prevLoadableRef.current = loadable;\n });\n return loadable;\n}\n\nfunction useRecoilValueLoadable_LEGACY(recoilValue) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilValue, 'useRecoilValueLoadable');\n }\n\n const storeRef = useStoreRef$2();\n const [_, forceUpdate] = useState$1([]);\n const componentName = Recoil_useComponentName();\n useEffect$3(() => {\n const store = storeRef.current;\n const storeState = store.getState();\n const subscription = subscribeToRecoilValue$1(store, recoilValue, _state => {\n var _prevLoadableRef$curr;\n\n if (!Recoil_gkx_1('recoil_suppress_rerender_in_callback')) {\n return forceUpdate([]);\n }\n\n const newLoadable = getRecoilValueAsLoadable$2(store, recoilValue, store.getState().currentTree);\n\n if (!((_prevLoadableRef$curr = prevLoadableRef.current) === null || _prevLoadableRef$curr === void 0 ? void 0 : _prevLoadableRef$curr.is(newLoadable))) {\n forceUpdate(newLoadable);\n }\n\n prevLoadableRef.current = newLoadable;\n }, componentName);\n /**\n * Since we're subscribing in an effect we need to update to the latest\n * value of the atom since it may have changed since we rendered. We can\n * go ahead and do that now, unless we're in the middle of a batch --\n * in which case we should do it at the end of the batch, due to the\n * following edge case: Suppose an atom is updated in another useEffect\n * of this same component. Then the following sequence of events occur:\n * 1. Atom is updated and subs fired (but we may not be subscribed\n * yet depending on order of effects, so we miss this) Updated value\n * is now in nextTree, but not currentTree.\n * 2. This effect happens. We subscribe and update.\n * 3. From the update we re-render and read currentTree, with old value.\n * 4. Batcher's effect sets currentTree to nextTree.\n * In this sequence we miss the update. To avoid that, add the update\n * to queuedComponentCallback if a batch is in progress.\n */\n\n if (storeState.nextTree) {\n store.getState().queuedComponentCallbacks_DEPRECATED.push(() => {\n prevLoadableRef.current = null;\n forceUpdate([]);\n });\n } else {\n var _prevLoadableRef$curr2;\n\n if (!Recoil_gkx_1('recoil_suppress_rerender_in_callback')) {\n return forceUpdate([]);\n }\n\n const newLoadable = getRecoilValueAsLoadable$2(store, recoilValue, store.getState().currentTree);\n\n if (!((_prevLoadableRef$curr2 = prevLoadableRef.current) === null || _prevLoadableRef$curr2 === void 0 ? void 0 : _prevLoadableRef$curr2.is(newLoadable))) {\n forceUpdate(newLoadable);\n }\n\n prevLoadableRef.current = newLoadable;\n }\n\n return subscription.release;\n }, [componentName, recoilValue, storeRef]);\n const loadable = getRecoilValueAsLoadable$2(storeRef.current, recoilValue);\n const prevLoadableRef = useRef$4(loadable);\n useEffect$3(() => {\n prevLoadableRef.current = loadable;\n });\n return loadable;\n}\n/**\n Like useRecoilValue(), but either returns the value if available or\n just undefined if not available for any reason, such as pending or error.\n*/\n\n\nfunction useRecoilValueLoadable(recoilValue) {\n if (Recoil_gkx_1('recoil_memory_managament_2020')) {\n // eslint-disable-next-line fb-www/react-hooks\n Recoil_useRetain(recoilValue);\n }\n\n if (mutableSourceExists$2()) {\n // eslint-disable-next-line fb-www/react-hooks\n return useRecoilValueLoadable_MUTABLESOURCE(recoilValue);\n } else {\n // eslint-disable-next-line fb-www/react-hooks\n return useRecoilValueLoadable_LEGACY(recoilValue);\n }\n}\n/**\n Returns the value represented by the RecoilValue.\n If the value is pending, it will throw a Promise to suspend the component,\n if the value is an error it will throw it for the nearest React error boundary.\n This will also subscribe the component for any updates in the value.\n */\n\n\nfunction useRecoilValue(recoilValue) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilValue, 'useRecoilValue');\n }\n\n const storeRef = useStoreRef$2();\n const loadable = useRecoilValueLoadable(recoilValue);\n return handleLoadable(loadable, recoilValue, storeRef);\n}\n/**\n Returns a function that allows the value of a RecoilState to be updated, but does\n not subscribe the component to changes to that RecoilState.\n*/\n\n\nfunction useSetRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useSetRecoilState');\n }\n\n const storeRef = useStoreRef$2();\n return useCallback$1(newValueOrUpdater => {\n setRecoilValue$2(storeRef.current, recoilState, newValueOrUpdater);\n }, [storeRef, recoilState]);\n}\n/**\n Returns a function that will reset the value of a RecoilState to its default\n*/\n\n\nfunction useResetRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useResetRecoilState');\n }\n\n const storeRef = useStoreRef$2();\n return useCallback$1(() => {\n setRecoilValue$2(storeRef.current, recoilState, DEFAULT_VALUE$2);\n }, [storeRef, recoilState]);\n}\n/**\n Equivalent to useState(). Allows the value of the RecoilState to be read and written.\n Subsequent updates to the RecoilState will cause the component to re-render. If the\n RecoilState is pending, this will suspend the component and initiate the\n retrieval of the value. If evaluating the RecoilState resulted in an error, this will\n throw the error so that the nearest React error boundary can catch it.\n*/\n\n\nfunction useRecoilState(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useRecoilState');\n }\n\n return [useRecoilValue(recoilState), useSetRecoilState(recoilState)];\n}\n/**\n Like useRecoilState(), but does not cause Suspense or React error handling. Returns\n an object that indicates whether the RecoilState is available, pending, or\n unavailable due to an error.\n*/\n\n\nfunction useRecoilStateLoadable(recoilState) {\n if (process.env.NODE_ENV !== \"production\") {\n // $FlowFixMe[escaped-generic]\n validateRecoilValue(recoilState, 'useRecoilStateLoadable');\n }\n\n return [useRecoilValueLoadable(recoilState), useSetRecoilState(recoilState)];\n}\n\nfunction useSetUnvalidatedAtomValues() {\n const storeRef = useStoreRef$2();\n return (values, transactionMetadata = {}) => {\n batchUpdates$2(() => {\n storeRef.current.addTransactionMetadata(transactionMetadata);\n values.forEach((value, key) => setUnvalidatedRecoilValue$2(storeRef.current, new AbstractRecoilValue$3(key), value));\n });\n };\n}\n\nvar Recoil_Hooks = {\n recoilComponentGetRecoilValueCount_FOR_TESTING,\n useRecoilInterface: useRecoilInterface_DEPRECATED,\n useRecoilState,\n useRecoilStateLoadable,\n useRecoilValue,\n useRecoilValueLoadable,\n useResetRecoilState,\n useSetRecoilState,\n useSetUnvalidatedAtomValues\n};\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Returns a map containing all of the keys + values from the original map where\n * the given callback returned true.\n */\n\nfunction filterMap(map, callback) {\n const result = new Map();\n\n for (const [key, value] of map) {\n if (callback(value, key)) {\n result.set(key, value);\n }\n }\n\n return result;\n}\n\nvar Recoil_filterMap = filterMap;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n/**\n * Returns a set containing all of the values from the original set where\n * the given callback returned true.\n */\n\nfunction filterSet(set, callback) {\n const result = new Set();\n\n for (const value of set) {\n if (callback(value)) {\n result.add(value);\n }\n }\n\n return result;\n}\n\nvar Recoil_filterSet = filterSet;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction mergeMaps(...maps) {\n const result = new Map();\n\n for (let i = 0; i < maps.length; i++) {\n const iterator = maps[i].keys();\n let nextKey;\n\n while (!(nextKey = iterator.next()).done) {\n // $FlowFixMe[incompatible-call] - map/iterator knows nothing about flow types\n result.set(nextKey.value, maps[i].get(nextKey.value));\n }\n }\n /* $FlowFixMe[incompatible-return] (>=0.66.0 site=www,mobile) This comment\n * suppresses an error found when Flow v0.66 was deployed. To see the error\n * delete this comment and run Flow. */\n\n\n return result;\n}\n\nvar Recoil_mergeMaps = mergeMaps;\n\nconst {\n batchUpdates: batchUpdates$3\n} = Recoil_Batching;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$3,\n getNode: getNode$3,\n nodes: nodes$1\n} = Recoil_Node;\n\nconst {\n useStoreRef: useStoreRef$3\n} = Recoil_RecoilRoot_react;\n\nconst {\n AbstractRecoilValue: AbstractRecoilValue$4,\n setRecoilValueLoadable: setRecoilValueLoadable$1\n} = Recoil_RecoilValueInterface;\n\nconst {\n SUSPENSE_TIMEOUT_MS: SUSPENSE_TIMEOUT_MS$2\n} = Recoil_Retention;\n\nconst {\n Snapshot: Snapshot$1,\n cloneSnapshot: cloneSnapshot$1\n} = Recoil_Snapshot$1;\n\nconst {\n isSSR: isSSR$3\n} = Recoil_Environment;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst {\n useCallback: useCallback$2,\n useEffect: useEffect$4,\n useRef: useRef$5,\n useState: useState$2\n} = react;\n\nfunction useTransactionSubscription(callback) {\n const storeRef = useStoreRef$3();\n useEffect$4(() => {\n const sub = storeRef.current.subscribeToTransactions(callback);\n return sub.release;\n }, [callback, storeRef]);\n}\n\nfunction externallyVisibleAtomValuesInState(state) {\n const atomValues = state.atomValues.toMap();\n const persistedAtomContentsValues = Recoil_mapMap(Recoil_filterMap(atomValues, (v, k) => {\n const node = getNode$3(k);\n const persistence = node.persistence_UNSTABLE;\n return persistence != null && persistence.type !== 'none' && v.state === 'hasValue';\n }), v => v.contents); // Merge in nonvalidated atoms; we may not have defs for them but they will\n // all have persistence on or they wouldn't be there in the first place.\n\n return Recoil_mergeMaps(state.nonvalidatedAtoms.toMap(), persistedAtomContentsValues);\n}\n\n/**\n Calls the given callback after any atoms have been modified and the consequent\n component re-renders have been committed. This is intended for persisting\n the values of the atoms to storage. The stored values can then be restored\n using the useSetUnvalidatedAtomValues hook.\n\n The callback receives the following info:\n\n atomValues: The current value of every atom that is both persistable (persistence\n type not set to 'none') and whose value is available (not in an\n error or loading state).\n\n previousAtomValues: The value of every persistable and available atom before\n the transaction began.\n\n atomInfo: A map containing the persistence settings for each atom. Every key\n that exists in atomValues will also exist in atomInfo.\n\n modifiedAtoms: The set of atoms that were written to during the transaction.\n\n transactionMetadata: Arbitrary information that was added via the\n useSetUnvalidatedAtomValues hook. Useful for ignoring the useSetUnvalidatedAtomValues\n transaction, to avoid loops.\n*/\nfunction useTransactionObservation_DEPRECATED(callback) {\n useTransactionSubscription(useCallback$2(store => {\n let previousTree = store.getState().previousTree;\n const currentTree = store.getState().currentTree;\n\n if (!previousTree) {\n Recoil_recoverableViolation('Transaction subscribers notified without a previous tree being present -- this is a bug in Recoil');\n previousTree = store.getState().currentTree; // attempt to trundle on\n }\n\n const atomValues = externallyVisibleAtomValuesInState(currentTree);\n const previousAtomValues = externallyVisibleAtomValuesInState(previousTree);\n const atomInfo = Recoil_mapMap(nodes$1, node => {\n var _node$persistence_UNS, _node$persistence_UNS2, _node$persistence_UNS3, _node$persistence_UNS4;\n\n return {\n persistence_UNSTABLE: {\n type: (_node$persistence_UNS = (_node$persistence_UNS2 = node.persistence_UNSTABLE) === null || _node$persistence_UNS2 === void 0 ? void 0 : _node$persistence_UNS2.type) !== null && _node$persistence_UNS !== void 0 ? _node$persistence_UNS : 'none',\n backButton: (_node$persistence_UNS3 = (_node$persistence_UNS4 = node.persistence_UNSTABLE) === null || _node$persistence_UNS4 === void 0 ? void 0 : _node$persistence_UNS4.backButton) !== null && _node$persistence_UNS3 !== void 0 ? _node$persistence_UNS3 : false\n }\n };\n }); // Filter on existance in atomValues so that externally-visible rules\n // are also applied to modified atoms (specifically exclude selectors):\n\n const modifiedAtoms = Recoil_filterSet(currentTree.dirtyAtoms, k => atomValues.has(k) || previousAtomValues.has(k));\n callback({\n atomValues,\n previousAtomValues,\n atomInfo,\n modifiedAtoms,\n transactionMetadata: { ...currentTree.transactionMetadata\n }\n });\n }, [callback]));\n}\n\nfunction useRecoilTransactionObserver(callback) {\n useTransactionSubscription(useCallback$2(store => {\n const snapshot = cloneSnapshot$1(store, 'current');\n const previousSnapshot = cloneSnapshot$1(store, 'previous');\n callback({\n snapshot,\n previousSnapshot\n });\n }, [callback]));\n} // Return a snapshot of the current state and subscribe to all state changes\n\n\nfunction useRecoilSnapshot() {\n const storeRef = useStoreRef$3();\n const [snapshot, setSnapshot] = useState$2(() => cloneSnapshot$1(storeRef.current));\n const previousSnapshot = Recoil_usePrevious(snapshot);\n const timeoutID = useRef$5();\n useEffect$4(() => {\n if (timeoutID.current && !isSSR$3) {\n window.clearTimeout(timeoutID.current);\n }\n\n return snapshot.retain();\n }, [snapshot]);\n useTransactionSubscription(useCallback$2(store => setSnapshot(cloneSnapshot$1(store)), []));\n\n if (previousSnapshot !== snapshot && !isSSR$3) {\n if (timeoutID.current) {\n previousSnapshot === null || previousSnapshot === void 0 ? void 0 : previousSnapshot.release_INTERNAL();\n window.clearTimeout(timeoutID.current);\n }\n\n snapshot.retain();\n timeoutID.current = window.setTimeout(() => {\n snapshot.release_INTERNAL();\n timeoutID.current = null;\n }, SUSPENSE_TIMEOUT_MS$2);\n }\n\n return snapshot;\n}\n\nfunction useGotoRecoilSnapshot() {\n const storeRef = useStoreRef$3();\n return useCallback$2(snapshot => {\n var _storeState$nextTree;\n\n const storeState = storeRef.current.getState();\n const prev = (_storeState$nextTree = storeState.nextTree) !== null && _storeState$nextTree !== void 0 ? _storeState$nextTree : storeState.currentTree;\n const next = snapshot.getStore_INTERNAL().getState().currentTree;\n batchUpdates$3(() => {\n const keysToUpdate = new Set();\n\n for (const keys of [prev.atomValues.keys(), next.atomValues.keys()]) {\n for (const key of keys) {\n var _prev$atomValues$get, _next$atomValues$get;\n\n if (((_prev$atomValues$get = prev.atomValues.get(key)) === null || _prev$atomValues$get === void 0 ? void 0 : _prev$atomValues$get.contents) !== ((_next$atomValues$get = next.atomValues.get(key)) === null || _next$atomValues$get === void 0 ? void 0 : _next$atomValues$get.contents) && getNode$3(key).shouldRestoreFromSnapshots) {\n keysToUpdate.add(key);\n }\n }\n }\n\n keysToUpdate.forEach(key => {\n setRecoilValueLoadable$1(storeRef.current, new AbstractRecoilValue$4(key), next.atomValues.has(key) ? Recoil_nullthrows(next.atomValues.get(key)) : DEFAULT_VALUE$3);\n });\n storeRef.current.replaceState(state => {\n return { ...state,\n stateID: snapshot.getID_INTERNAL()\n };\n });\n });\n }, [storeRef]);\n}\n\nvar Recoil_SnapshotHooks = {\n useRecoilSnapshot,\n useGotoRecoilSnapshot,\n useRecoilTransactionObserver,\n useTransactionObservation_DEPRECATED,\n useTransactionSubscription_DEPRECATED: useTransactionSubscription\n};\n\nconst {\n peekNodeInfo: peekNodeInfo$2\n} = Recoil_FunctionalCore;\n\nconst {\n useStoreRef: useStoreRef$4\n} = Recoil_RecoilRoot_react;\n\nfunction useGetRecoilValueInfo() {\n const storeRef = useStoreRef$4();\n return ({\n key\n }) => peekNodeInfo$2(storeRef.current, storeRef.current.getState().currentTree, key);\n}\n\nvar Recoil_useGetRecoilValueInfo = useGetRecoilValueInfo;\n\nconst {\n RecoilRoot: RecoilRoot$1,\n useStoreRef: useStoreRef$5\n} = Recoil_RecoilRoot_react;\n\n\n\nconst {\n useMemo: useMemo$2\n} = react;\n\nfunction useRecoilBridgeAcrossReactRoots() {\n const store = useStoreRef$5().current;\n return useMemo$2(() => {\n // eslint-disable-next-line no-shadow\n function RecoilBridge({\n children\n }) {\n return /*#__PURE__*/react.createElement(RecoilRoot$1, {\n store_INTERNAL: store\n }, children);\n }\n\n return RecoilBridge;\n }, [store]);\n}\n\nvar Recoil_useRecoilBridgeAcrossReactRoots = useRecoilBridgeAcrossReactRoots;\n\nconst {\n loadableWithValue: loadableWithValue$1\n} = Recoil_Loadable$1;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$4,\n getNode: getNode$4\n} = Recoil_Node;\n\nconst {\n copyTreeState: copyTreeState$1,\n getRecoilValueAsLoadable: getRecoilValueAsLoadable$3,\n invalidateDownstreams: invalidateDownstreams$1,\n writeLoadableToTreeState: writeLoadableToTreeState$1\n} = Recoil_RecoilValueInterface;\n\n\n\nfunction isAtom(recoilValue) {\n return getNode$4(recoilValue.key).nodeType === 'atom';\n}\n\nclass TransactionInterfaceImpl {\n constructor(store, treeState) {\n _defineProperty(this, \"_store\", void 0);\n\n _defineProperty(this, \"_treeState\", void 0);\n\n _defineProperty(this, \"_changes\", void 0);\n\n _defineProperty(this, \"get\", recoilValue => {\n if (this._changes.has(recoilValue.key)) {\n // $FlowFixMe[incompatible-return]\n return this._changes.get(recoilValue.key);\n }\n\n if (!isAtom(recoilValue)) {\n throw Recoil_err('Reading selectors within atomicUpdate is not supported');\n }\n\n const loadable = getRecoilValueAsLoadable$3(this._store, recoilValue, this._treeState);\n\n if (loadable.state === 'hasValue') {\n return loadable.contents;\n } else if (loadable.state === 'hasError') {\n throw loadable.contents;\n } else {\n throw Recoil_err(`Expected Recoil atom ${recoilValue.key} to have a value, but it is in a loading state.`);\n }\n });\n\n _defineProperty(this, \"set\", (recoilState, valueOrUpdater) => {\n if (!isAtom(recoilState)) {\n throw Recoil_err('Setting selectors within atomicUpdate is not supported');\n }\n\n if (typeof valueOrUpdater === 'function') {\n const current = this.get(recoilState);\n\n this._changes.set(recoilState.key, valueOrUpdater(current)); // flowlint-line unclear-type:off\n\n } else {\n this._changes.set(recoilState.key, valueOrUpdater);\n }\n });\n\n _defineProperty(this, \"reset\", recoilState => {\n this.set(recoilState, DEFAULT_VALUE$4);\n });\n\n this._store = store;\n this._treeState = treeState;\n this._changes = new Map();\n } // Allow destructing\n // eslint-disable-next-line fb-www/extra-arrow-initializer\n\n\n newTreeState_INTERNAL() {\n if (this._changes.size === 0) {\n return this._treeState;\n }\n\n const newState = copyTreeState$1(this._treeState);\n\n for (const [k, v] of this._changes) {\n writeLoadableToTreeState$1(newState, k, loadableWithValue$1(v));\n }\n\n invalidateDownstreams$1(this._store, newState);\n return newState;\n }\n\n}\n\nfunction atomicUpdater(store) {\n return fn => {\n store.replaceState(treeState => {\n const changeset = new TransactionInterfaceImpl(store, treeState);\n fn(changeset);\n return changeset.newTreeState_INTERNAL();\n });\n };\n}\n\nvar Recoil_AtomicUpdates = {\n atomicUpdater\n};\n\nvar Recoil_AtomicUpdates_1 = Recoil_AtomicUpdates.atomicUpdater;\n\nvar Recoil_AtomicUpdates$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n atomicUpdater: Recoil_AtomicUpdates_1\n});\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction invariant(condition, message) {\n if (!condition) {\n throw new Error(message);\n }\n}\n\nvar invariant_1 = invariant;\n\n// @oss-only\n\n\nvar Recoil_invariant = invariant_1;\n\nconst {\n atomicUpdater: atomicUpdater$1\n} = Recoil_AtomicUpdates$1;\n\nconst {\n batchUpdates: batchUpdates$4\n} = Recoil_Batching;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$5\n} = Recoil_Node;\n\nconst {\n useStoreRef: useStoreRef$6\n} = Recoil_RecoilRoot_react;\n\nconst {\n setRecoilValue: setRecoilValue$3\n} = Recoil_RecoilValueInterface;\n\nconst {\n Snapshot: Snapshot$2,\n cloneSnapshot: cloneSnapshot$2\n} = Recoil_Snapshot$1;\n\n\n\n\n\nconst {\n useGotoRecoilSnapshot: useGotoRecoilSnapshot$1\n} = Recoil_SnapshotHooks;\n\nconst {\n useCallback: useCallback$3\n} = react;\n\nclass Sentinel {}\n\nconst SENTINEL = new Sentinel();\n\nfunction useRecoilCallback(fn, deps) {\n const storeRef = useStoreRef$6();\n const gotoSnapshot = useGotoRecoilSnapshot$1();\n return useCallback$3((...args) => {\n function set(recoilState, newValueOrUpdater) {\n setRecoilValue$3(storeRef.current, recoilState, newValueOrUpdater);\n }\n\n function reset(recoilState) {\n setRecoilValue$3(storeRef.current, recoilState, DEFAULT_VALUE$5);\n } // Use currentTree for the snapshot to show the currently committed state\n\n\n const snapshot = cloneSnapshot$2(storeRef.current); // FIXME massive gains from doing this lazily\n\n const atomicUpdate = atomicUpdater$1(storeRef.current);\n let ret = SENTINEL;\n batchUpdates$4(() => {\n const errMsg = 'useRecoilCallback expects a function that returns a function: ' + 'it accepts a function of the type (RecoilInterface) => T = R ' + 'and returns a callback function T => R, where RecoilInterface is an ' + 'object {snapshot, set, ...} and T and R are the argument and return ' + 'types of the callback you want to create. Please see the docs ' + 'at recoiljs.org for details.';\n\n if (typeof fn !== 'function') {\n throw Recoil_err(errMsg);\n } // flowlint-next-line unclear-type:off\n\n\n const cb = fn({\n set,\n reset,\n snapshot,\n gotoSnapshot,\n transact_UNSTABLE: atomicUpdate\n });\n\n if (typeof cb !== 'function') {\n throw Recoil_err(errMsg);\n }\n\n ret = cb(...args);\n });\n !!(ret instanceof Sentinel) ? process.env.NODE_ENV !== \"production\" ? Recoil_invariant(false, 'batchUpdates should return immediately') : Recoil_invariant(false) : void 0;\n return ret;\n }, deps != null ? [...deps, storeRef] : undefined // eslint-disable-line fb-www/react-hooks-deps\n );\n}\n\nvar Recoil_useRecoilCallback = useRecoilCallback;\n\nconst {\n getNode: getNode$5\n} = Recoil_Node;\n\nconst {\n useStoreRef: useStoreRef$7\n} = Recoil_RecoilRoot_react;\n\nconst {\n useCallback: useCallback$4\n} = react;\n\nfunction useRecoilRefresher(recoilValue) {\n const storeRef = useStoreRef$7();\n return useCallback$4(() => {\n var _node$clearCache;\n\n const store = storeRef.current;\n const {\n currentTree\n } = store.getState();\n const node = getNode$5(recoilValue.key);\n (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store, currentTree);\n }, [recoilValue, storeRef]);\n}\n\nvar Recoil_useRecoilRefresher = useRecoilRefresher;\n\nconst {\n atomicUpdater: atomicUpdater$2\n} = Recoil_AtomicUpdates$1;\n\nconst {\n useStoreRef: useStoreRef$8\n} = Recoil_RecoilRoot_react;\n\nconst {\n useMemo: useMemo$3\n} = react;\n\nfunction useRecoilTransaction(fn, deps) {\n const storeRef = useStoreRef$8();\n return useMemo$3(() => (...args) => {\n const atomicUpdate = atomicUpdater$2(storeRef.current);\n atomicUpdate(transactionInterface => {\n fn(transactionInterface)(...args);\n });\n }, deps != null ? [...deps, storeRef] : undefined // eslint-disable-line fb-www/react-hooks-deps\n );\n}\n\nvar Recoil_useRecoilTransaction = useRecoilTransaction;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nfunction isNode(object) {\n var _ownerDocument, _doc$defaultView;\n\n if (typeof window === 'undefined') {\n return false;\n }\n\n const doc = object != null ? (_ownerDocument = object.ownerDocument) !== null && _ownerDocument !== void 0 ? _ownerDocument : object : document;\n const defaultView = (_doc$defaultView = doc.defaultView) !== null && _doc$defaultView !== void 0 ? _doc$defaultView : window;\n return !!(object != null && (typeof defaultView.Node === 'function' ? object instanceof defaultView.Node : typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string'));\n}\n\nvar Recoil_isNode = isNode;\n\nconst {\n isReactNative: isReactNative$1,\n isSSR: isSSR$4\n} = Recoil_Environment;\n\n\n\n\n\nfunction shouldNotBeFrozen(value) {\n // Primitives and functions:\n if (value === null || typeof value !== 'object') {\n return true;\n } // React elements:\n\n\n switch (typeof value.$$typeof) {\n case 'symbol':\n return true;\n\n case 'number':\n return true;\n } // Immutable structures:\n\n\n if (value['@@__IMMUTABLE_ITERABLE__@@'] != null || value['@@__IMMUTABLE_KEYED__@@'] != null || value['@@__IMMUTABLE_INDEXED__@@'] != null || value['@@__IMMUTABLE_ORDERED__@@'] != null || value['@@__IMMUTABLE_RECORD__@@'] != null) {\n return true;\n } // DOM nodes:\n\n\n if (Recoil_isNode(value)) {\n return true;\n }\n\n if (Recoil_isPromise(value)) {\n return true;\n }\n\n if (value instanceof Error) {\n return true;\n }\n\n if (ArrayBuffer.isView(value)) {\n return true;\n } // Some environments, just as Jest, don't work with the instanceof check\n\n\n if (!isSSR$4 && !isReactNative$1 && ( // $FlowFixMe(site=recoil) Window does not have a FlowType definition https://github.com/facebook/flow/issues/6709\n value === window || value instanceof Window)) {\n return true;\n }\n\n return false;\n} // Recursively freeze a value to enforce it is read-only.\n// This may also have minimal performance improvements for enumerating\n// objects (based on browser implementations, of course)\n\n\nfunction deepFreezeValue(value) {\n if (typeof value !== 'object' || shouldNotBeFrozen(value)) {\n return;\n }\n\n Object.freeze(value); // Make all properties read-only\n\n for (const key in value) {\n // $FlowFixMe[method-unbinding] added when improving typing for this parameters\n if (Object.prototype.hasOwnProperty.call(value, key)) {\n const prop = value[key]; // Prevent infinite recurssion for circular references.\n\n if (typeof prop === 'object' && prop != null && !Object.isFrozen(prop)) {\n deepFreezeValue(prop);\n }\n }\n }\n\n Object.seal(value); // This also makes existing properties non-configurable.\n}\n\nvar Recoil_deepFreezeValue = deepFreezeValue;\n\nconst TIME_WARNING_THRESHOLD_MS = 15;\n\nfunction stringify(x, opt, key) {\n // A optimization to avoid the more expensive JSON.stringify() for simple strings\n // This may lose protection for u2028 and u2029, though.\n if (typeof x === 'string' && !x.includes('\"') && !x.includes('\\\\')) {\n return `\"${x}\"`;\n } // Handle primitive types\n\n\n switch (typeof x) {\n case 'undefined':\n return '';\n // JSON.stringify(undefined) returns undefined, but we always want to return a string\n\n case 'boolean':\n return x ? 'true' : 'false';\n\n case 'number':\n case 'symbol':\n // case 'bigint': // BigInt is not supported in www\n return String(x);\n\n case 'string':\n // Add surrounding quotes and escape internal quotes\n return JSON.stringify(x);\n\n case 'function':\n if ((opt === null || opt === void 0 ? void 0 : opt.allowFunctions) !== true) {\n throw Recoil_err('Attempt to serialize function in a Recoil cache key');\n }\n\n return `__FUNCTION(${x.name})__`;\n }\n\n if (x === null) {\n return 'null';\n } // Fallback case for unknown types\n\n\n if (typeof x !== 'object') {\n var _JSON$stringify;\n\n return (_JSON$stringify = JSON.stringify(x)) !== null && _JSON$stringify !== void 0 ? _JSON$stringify : '';\n } // Deal with all promises as equivalent for now.\n\n\n if (Recoil_isPromise(x)) {\n return '__PROMISE__';\n } // Arrays handle recursive stringification\n\n\n if (Array.isArray(x)) {\n return `[${x.map((v, i) => stringify(v, opt, i.toString()))}]`;\n } // If an object defines a toJSON() method, then use that to override the\n // serialization. This matches the behavior of JSON.stringify().\n // Pass the key for compatibility.\n // Immutable.js collections define this method to allow us to serialize them.\n\n\n if (typeof x.toJSON === 'function') {\n // flowlint-next-line unclear-type: off\n return stringify(x.toJSON(key), opt, key);\n } // For built-in Maps, sort the keys in a stable order instead of the\n // default insertion order. Support non-string keys.\n\n\n if (x instanceof Map) {\n const obj = {};\n\n for (const [k, v] of x) {\n // Stringify will escape any nested quotes\n obj[typeof k === 'string' ? k : stringify(k, opt)] = v;\n }\n\n return stringify(obj, opt, key);\n } // For built-in Sets, sort the keys in a stable order instead of the\n // default insertion order.\n\n\n if (x instanceof Set) {\n return stringify(Array.from(x).sort((a, b) => stringify(a, opt).localeCompare(stringify(b, opt))), opt, key);\n } // Anything else that is iterable serialize as an Array.\n\n\n if (Symbol !== undefined && x[Symbol.iterator] != null && typeof x[Symbol.iterator] === 'function') {\n // flowlint-next-line unclear-type: off\n return stringify(Array.from(x), opt, key);\n } // For all other Objects, sort the keys in a stable order.\n\n\n return `{${Object.keys(x).filter(k => x[k] !== undefined).sort() // stringify the key to add quotes and escape any nested slashes or quotes.\n .map(k => `${stringify(k, opt)}:${stringify(x[k], opt, k)}`).join(',')}}`;\n} // Utility similar to JSON.stringify() except:\n// * Serialize built-in Sets as an Array\n// * Serialize built-in Maps as an Object. Supports non-string keys.\n// * Serialize other iterables as arrays\n// * Sort the keys of Objects and Maps to have a stable order based on string conversion.\n// This overrides their default insertion order.\n// * Still uses toJSON() of any object to override serialization\n// * Support Symbols (though don't guarantee uniqueness)\n// * We could support BigInt, but Flow doesn't seem to like it.\n// See Recoil_stableStringify-test.js for examples\n\n\nfunction stableStringify(x, opt = {\n allowFunctions: false\n}) {\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof window !== 'undefined') {\n const startTime = window.performance ? window.performance.now() : 0;\n const str = stringify(x, opt);\n const endTime = window.performance ? window.performance.now() : 0;\n\n if (endTime - startTime > TIME_WARNING_THRESHOLD_MS) {\n /* eslint-disable fb-www/no-console */\n console.groupCollapsed(`Recoil: Spent ${endTime - startTime}ms computing a cache key`);\n console.warn(x, str);\n console.groupEnd();\n /* eslint-enable fb-www/no-console */\n }\n\n return str;\n }\n }\n\n return stringify(x, opt);\n}\n\nvar Recoil_stableStringify = stableStringify;\n\nclass TreeCache {\n constructor(options) {\n var _options$onHit, _options$onSet, _options$mapNodeValue;\n\n _defineProperty(this, \"_numLeafs\", void 0);\n\n _defineProperty(this, \"_root\", void 0);\n\n _defineProperty(this, \"_onHit\", void 0);\n\n _defineProperty(this, \"_onSet\", void 0);\n\n _defineProperty(this, \"_mapNodeValue\", void 0);\n\n this._numLeafs = 0;\n this._root = null;\n this._onHit = (_options$onHit = options === null || options === void 0 ? void 0 : options.onHit) !== null && _options$onHit !== void 0 ? _options$onHit : () => {};\n this._onSet = (_options$onSet = options === null || options === void 0 ? void 0 : options.onSet) !== null && _options$onSet !== void 0 ? _options$onSet : () => {};\n this._mapNodeValue = (_options$mapNodeValue = options === null || options === void 0 ? void 0 : options.mapNodeValue) !== null && _options$mapNodeValue !== void 0 ? _options$mapNodeValue : val => val;\n }\n\n size() {\n return this._numLeafs;\n } // TODO: nodeCount(): number\n\n\n root() {\n return this._root;\n }\n\n get(getNodeValue, handlers) {\n var _this$getLeafNode;\n\n return (_this$getLeafNode = this.getLeafNode(getNodeValue, handlers)) === null || _this$getLeafNode === void 0 ? void 0 : _this$getLeafNode.value;\n }\n\n getLeafNode(getNodeValue, handlers) {\n return findLeaf(this.root(), nodeKey => this._mapNodeValue(getNodeValue(nodeKey)), {\n onNodeVisit: node => {\n handlers === null || handlers === void 0 ? void 0 : handlers.onNodeVisit(node);\n\n if (node.type === 'leaf') {\n this._onHit(node);\n }\n }\n });\n }\n\n set(route, value, handlers) {\n let leafNode;\n let newRoot = null;\n\n const setRetryablePart = () => {\n newRoot = addLeaf(this.root(), route.map(([nodeKey, nodeValue]) => [nodeKey, this._mapNodeValue(nodeValue)]), null, value, null, {\n onNodeVisit: node => {\n handlers === null || handlers === void 0 ? void 0 : handlers.onNodeVisit(node);\n\n if (node.type === 'leaf') {\n leafNode = node;\n }\n }\n }, () => {\n this.clear();\n setRetryablePart();\n });\n };\n\n setRetryablePart();\n\n if (!this.root()) {\n this._root = newRoot;\n }\n\n this._numLeafs++;\n\n this._onSet(Recoil_nullthrows(leafNode));\n }\n\n delete(node) {\n if (!this.root()) {\n return false;\n }\n\n const root = Recoil_nullthrows(this.root());\n const existsInTree = pruneNodeFromTree(root, node, node.parent);\n\n if (!existsInTree) {\n return false;\n }\n\n if (node === root || root.type === 'branch' && !root.branches.size) {\n this._root = null;\n this._numLeafs = 0;\n return true;\n }\n\n this._numLeafs -= countDownstreamLeaves(node);\n return true;\n }\n\n clear() {\n this._numLeafs = 0;\n this._root = null;\n }\n\n}\n\nconst findLeaf = (root, getNodeValue, handlers) => {\n var _handlers$onNodeVisit;\n\n if (root == null) {\n return undefined;\n }\n\n handlers === null || handlers === void 0 ? void 0 : (_handlers$onNodeVisit = handlers.onNodeVisit) === null || _handlers$onNodeVisit === void 0 ? void 0 : _handlers$onNodeVisit.call(handlers, root);\n\n if (root.type === 'leaf') {\n return root;\n }\n\n const nodeValue = getNodeValue(root.nodeKey);\n return findLeaf(root.branches.get(nodeValue), getNodeValue, handlers);\n};\n\nconst addLeaf = (root, route, parent, value, branchKey, handlers, onAbort) => {\n var _handlers$onNodeVisit2;\n\n let node;\n\n if (root == null) {\n if (route.length === 0) {\n node = {\n type: 'leaf',\n value,\n parent,\n branchKey\n };\n } else {\n const [path, ...rest] = route;\n const [nodeKey, nodeValue] = path;\n node = {\n type: 'branch',\n nodeKey,\n parent,\n branches: new Map(),\n branchKey\n };\n node.branches.set(nodeValue, addLeaf(null, rest, node, value, nodeValue, handlers, onAbort));\n }\n } else {\n node = root;\n\n if (route.length) {\n const [path, ...rest] = route;\n const [nodeKey, nodeValue] = path;\n\n if (root.type !== 'branch' || root.nodeKey !== nodeKey) {\n Recoil_recoverableViolation('Existing cache must have a branch midway through the ' + 'route with matching node key. Resetting cache.');\n onAbort();\n return node; // ignored\n }\n\n root.branches.set(nodeValue, addLeaf(root.branches.get(nodeValue), rest, root, value, nodeValue, handlers, onAbort));\n }\n }\n\n handlers === null || handlers === void 0 ? void 0 : (_handlers$onNodeVisit2 = handlers.onNodeVisit) === null || _handlers$onNodeVisit2 === void 0 ? void 0 : _handlers$onNodeVisit2.call(handlers, node);\n return node;\n};\n\nconst pruneNodeFromTree = (root, node, parent) => {\n if (!parent) {\n return root === node;\n }\n\n parent.branches.delete(node.branchKey);\n return pruneUpstreamBranches(root, parent, parent.parent);\n};\n\nconst pruneUpstreamBranches = (root, branchNode, parent) => {\n if (!parent) {\n return root === branchNode;\n }\n\n if (branchNode.branches.size === 0) {\n parent.branches.delete(branchNode.branchKey);\n }\n\n return pruneUpstreamBranches(root, parent, parent.parent);\n};\n\nconst countDownstreamLeaves = node => node.type === 'leaf' ? 1 : Array.from(node.branches.values()).reduce((sum, currNode) => sum + countDownstreamLeaves(currNode), 0);\n\nvar Recoil_TreeCache = {\n TreeCache\n};\n\nvar Recoil_TreeCache_1 = Recoil_TreeCache.TreeCache;\n\nvar Recoil_TreeCache$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n TreeCache: Recoil_TreeCache_1\n});\n\nclass LRUCache {\n constructor(options) {\n var _options$mapKey;\n\n _defineProperty(this, \"_maxSize\", void 0);\n\n _defineProperty(this, \"_size\", void 0);\n\n _defineProperty(this, \"_head\", void 0);\n\n _defineProperty(this, \"_tail\", void 0);\n\n _defineProperty(this, \"_map\", void 0);\n\n _defineProperty(this, \"_keyMapper\", void 0);\n\n this._maxSize = options.maxSize;\n this._size = 0;\n this._head = null;\n this._tail = null;\n this._map = new Map();\n this._keyMapper = (_options$mapKey = options.mapKey) !== null && _options$mapKey !== void 0 ? _options$mapKey : v => v;\n }\n\n head() {\n return this._head;\n }\n\n tail() {\n return this._tail;\n }\n\n size() {\n return this._size;\n }\n\n maxSize() {\n return this._maxSize;\n }\n\n has(key) {\n return this._map.has(this._keyMapper(key));\n }\n\n get(key) {\n const mappedKey = this._keyMapper(key);\n\n const node = this._map.get(mappedKey);\n\n if (!node) {\n return undefined;\n }\n\n this.set(key, node.value);\n return node.value;\n }\n\n set(key, val) {\n const mappedKey = this._keyMapper(key);\n\n const existingNode = this._map.get(mappedKey);\n\n if (existingNode) {\n this.delete(key);\n }\n\n const head = this.head();\n const node = {\n key,\n right: head,\n left: null,\n value: val\n };\n\n if (head) {\n head.left = node;\n } else {\n this._tail = node;\n }\n\n this._map.set(mappedKey, node);\n\n this._head = node;\n this._size++;\n\n this._maybeDeleteLRU();\n }\n\n _maybeDeleteLRU() {\n if (this.size() > this.maxSize()) {\n this.deleteLru();\n }\n }\n\n deleteLru() {\n const tail = this.tail();\n\n if (tail) {\n this.delete(tail.key);\n }\n }\n\n delete(key) {\n const mappedKey = this._keyMapper(key);\n\n if (!this._size || !this._map.has(mappedKey)) {\n return;\n }\n\n const node = Recoil_nullthrows(this._map.get(mappedKey));\n const right = node.right;\n const left = node.left;\n\n if (right) {\n right.left = node.left;\n }\n\n if (left) {\n left.right = node.right;\n }\n\n if (node === this.head()) {\n this._head = right;\n }\n\n if (node === this.tail()) {\n this._tail = left;\n }\n\n this._map.delete(mappedKey);\n\n this._size--;\n }\n\n clear() {\n this._size = 0;\n this._head = null;\n this._tail = null;\n this._map = new Map();\n }\n\n}\n\nvar Recoil_LRUCache = {\n LRUCache\n};\n\nvar Recoil_LRUCache_1 = Recoil_LRUCache.LRUCache;\n\nvar Recoil_LRUCache$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n LRUCache: Recoil_LRUCache_1\n});\n\nconst {\n LRUCache: LRUCache$1\n} = Recoil_LRUCache$1;\n\nconst {\n TreeCache: TreeCache$1\n} = Recoil_TreeCache$1;\n\nfunction treeCacheLRU(maxSize, mapNodeValue = v => v) {\n const lruCache = new LRUCache$1({\n maxSize\n });\n const cache = new TreeCache$1({\n mapNodeValue,\n onHit: node => {\n lruCache.set(node, true);\n },\n onSet: node => {\n const lruNode = lruCache.tail();\n lruCache.set(node, true);\n\n if (lruNode && cache.size() > maxSize) {\n cache.delete(lruNode.key);\n }\n }\n }); // $FlowFixMe[method-unbinding]\n\n return cache;\n}\n\nvar Recoil_treeCacheLRU = treeCacheLRU;\n\nconst {\n TreeCache: TreeCache$2\n} = Recoil_TreeCache$1;\n\n\n\nconst defaultPolicy = {\n equality: 'reference',\n eviction: 'keep-all',\n maxSize: Infinity\n};\n\nfunction treeCacheFromPolicy({\n equality = defaultPolicy.equality,\n eviction = defaultPolicy.eviction,\n maxSize = defaultPolicy.maxSize\n} = defaultPolicy) {\n const valueMapper = getValueMapper(equality);\n const treeCache = getTreeCache(eviction, maxSize, valueMapper);\n return treeCache;\n}\n\nfunction getValueMapper(equality) {\n switch (equality) {\n case 'reference':\n return val => val;\n\n case 'value':\n return val => Recoil_stableStringify(val);\n }\n\n throw Recoil_err(`Unrecognized equality policy ${equality}`);\n}\n\nfunction getTreeCache(eviction, maxSize, mapNodeValue) {\n switch (eviction) {\n case 'keep-all':\n // $FlowFixMe[method-unbinding]\n return new TreeCache$2({\n mapNodeValue\n });\n\n case 'lru':\n return Recoil_treeCacheLRU(Recoil_nullthrows(maxSize), mapNodeValue);\n\n case 'most-recent':\n return Recoil_treeCacheLRU(1, mapNodeValue);\n }\n\n throw Recoil_err(`Unrecognized eviction policy ${eviction}`);\n}\n\nvar Recoil_treeCacheFromPolicy = treeCacheFromPolicy;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n *\n * This is a stub for some integration into FB internal stuff\n */\nfunction startPerfBlock(_id) {\n return () => null;\n}\n\nvar Recoil_PerformanceTimings = {\n startPerfBlock\n};\n\nconst {\n loadableWithError: loadableWithError$1,\n loadableWithPromise: loadableWithPromise$1,\n loadableWithValue: loadableWithValue$2\n} = Recoil_Loadable$1;\n\n\n\nconst {\n getNodeLoadable: getNodeLoadable$2,\n peekNodeLoadable: peekNodeLoadable$1,\n setNodeValue: setNodeValue$3\n} = Recoil_FunctionalCore;\n\nconst {\n saveDependencyMapToStore: saveDependencyMapToStore$1\n} = Recoil_Graph;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$6,\n RecoilValueNotReady: RecoilValueNotReady$2,\n getConfigDeletionHandler: getConfigDeletionHandler$1,\n getNode: getNode$6,\n registerNode: registerNode$1\n} = Recoil_Node;\n\nconst {\n isRecoilValue: isRecoilValue$3\n} = Recoil_RecoilValue$1;\n\nconst {\n AbstractRecoilValue: AbstractRecoilValue$5\n} = Recoil_RecoilValue$1;\n\nconst {\n markRecoilValueModified: markRecoilValueModified$1,\n setRecoilValueLoadable: setRecoilValueLoadable$2\n} = Recoil_RecoilValueInterface;\n\nconst {\n retainedByOptionWithDefault: retainedByOptionWithDefault$1\n} = Recoil_Retention;\n\nconst {\n cloneSnapshot: cloneSnapshot$3\n} = Recoil_Snapshot$1;\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst {\n startPerfBlock: startPerfBlock$1\n} = Recoil_PerformanceTimings;\n\n\n\nclass Canceled {}\n\nconst CANCELED = new Canceled();\n/**\n * An ExecutionId is an arbitrary ID that lets us distinguish executions from\n * each other. This is necessary as we need a way of solving this problem:\n * \"given 3 async executions, only update state for the 'latest' execution when\n * it finishes running regardless of when the other 2 finish\". ExecutionIds\n * provide a convenient way of identifying executions so that we can track and\n * manage them over time.\n */\n\nconst dependencyStack = []; // for detecting circular dependencies.\n\nconst waitingStores = new Map();\n/* eslint-disable no-redeclare */\n\nconst getNewExecutionId = (() => {\n let executionId = 0;\n return () => executionId++;\n})();\n\nfunction getInitialExecutionInfo() {\n return {\n depValuesDiscoveredSoFarDuringAsyncWork: null,\n latestLoadable: null,\n latestExecutionId: null,\n stateVersion: null\n };\n}\n\nfunction selector(options) {\n let recoilValue = null;\n const {\n key,\n get,\n cachePolicy_UNSTABLE: cachePolicy\n } = options;\n const set = options.set != null ? options.set : undefined; // flow\n\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof key !== 'string') {\n throw Recoil_err('A key option with a unique string value must be provided when creating a selector.');\n }\n\n if (typeof get !== 'function') {\n throw Recoil_err('Selectors must specify a get callback option to get the selector value.');\n }\n } // This is every discovered dependency across executions\n\n\n const discoveredDependencyNodeKeys = new Set();\n const cache = Recoil_treeCacheFromPolicy(cachePolicy !== null && cachePolicy !== void 0 ? cachePolicy : {\n equality: 'reference',\n eviction: 'keep-all'\n });\n const retainedBy = retainedByOptionWithDefault$1(options.retainedBy_UNSTABLE);\n const executionInfoMap = new Map();\n let liveStoresCount = 0;\n\n function selectorIsLive() {\n return !Recoil_gkx_1('recoil_memory_managament_2020') || liveStoresCount > 0;\n }\n\n function getExecutionInfo(store) {\n if (!executionInfoMap.has(store)) {\n executionInfoMap.set(store, getInitialExecutionInfo());\n }\n\n return Recoil_nullthrows(executionInfoMap.get(store));\n }\n\n function selectorInit(store) {\n liveStoresCount++;\n store.getState().knownSelectors.add(key); // FIXME remove knownSelectors?\n\n return () => {\n liveStoresCount--;\n store.getState().knownSelectors.delete(key);\n executionInfoMap.delete(store);\n };\n }\n\n function selectorShouldDeleteConfigOnRelease() {\n return getConfigDeletionHandler$1(key) !== undefined && !selectorIsLive();\n }\n\n function notifyStoreWhenAsyncSettles(store, loadable, executionId) {\n if (loadable.state === 'loading') {\n let stores = waitingStores.get(executionId);\n\n if (stores == null) {\n waitingStores.set(executionId, stores = new Set());\n }\n\n stores.add(store);\n }\n }\n\n function notifyStoresOfSettledAsync(newLoadable, executionId) {\n const stores = waitingStores.get(executionId);\n\n if (stores !== undefined) {\n for (const store of stores) {\n setRecoilValueLoadable$2(store, new AbstractRecoilValue$5(key), newLoadable);\n }\n\n waitingStores.delete(executionId);\n }\n }\n\n function getCachedNodeLoadable(store, state, nodeKey) {\n const isKeyPointingToSelector = store.getState().knownSelectors.has(nodeKey);\n /**\n * It's important that we don't bypass calling getNodeLoadable for atoms\n * as getNodeLoadable has side effects in state\n */\n\n if (isKeyPointingToSelector && state.atomValues.has(nodeKey)) {\n return Recoil_nullthrows(state.atomValues.get(nodeKey));\n }\n\n const loadable = getNodeLoadable$2(store, state, nodeKey);\n\n if (loadable.state !== 'loading' && isKeyPointingToSelector) {\n state.atomValues.set(nodeKey, loadable);\n }\n\n return loadable;\n }\n /**\n * This function attaches a then() and a catch() to a promise that was\n * returned from a selector's get() (either explicitly or implicitly by\n * running a function that uses the \"async\" keyword). If a selector's get()\n * returns a promise, we have two possibilities:\n *\n * 1. The promise will resolve, in which case it will have completely finished\n * executing without any remaining pending dependencies. No more retries\n * are needed and we can proceed with updating the cache and notifying\n * subscribers (if it is the latest execution, otherwise only the cache\n * will be updated and subscriptions will not be fired). This is the case\n * handled by the attached then() handler.\n *\n * 2. The promise will throw because it either has an error or it came across\n * an async dependency that has not yet resolved, in which case we will\n * call wrapDepdencyPromise(), whose responsibility is to handle dependency\n * promises. This case is handled by the attached catch() handler.\n *\n * Both branches will eventually resolve to the final result of the selector\n * (or an error if a real error occurred).\n *\n * The execution will run to completion even if it is stale, and its value\n * will be cached. But stale executions will not update global state or update\n * executionInfo as that is the responsibility of the 'latest' execution.\n *\n * Note this function should not be passed a promise that was thrown--AKA a\n * dependency promise. Dependency promises should be passed to\n * wrapPendingDependencyPromise()).\n */\n\n\n function wrapPendingPromise(store, promise, state, depValues, executionId, loadingDepsState) {\n return promise.then(value => {\n if (!selectorIsLive()) {\n // The selector was released since the request began; ignore the response.\n clearExecutionInfo(store, executionId);\n throw CANCELED;\n }\n\n const loadable = loadableWithValue$2(value);\n maybeFreezeValue(value);\n setCache(state, depValuesToDepRoute(depValues), loadable);\n setDepsInStore(store, state, new Set(depValues.keys()), executionId);\n setLoadableInStoreToNotifyDeps(store, loadable, executionId);\n return value;\n }).catch(errorOrPromise => {\n if (!selectorIsLive()) {\n // The selector was released since the request began; ignore the response.\n clearExecutionInfo(store, executionId);\n throw CANCELED;\n }\n\n if (isLatestExecution(store, executionId)) {\n updateExecutionInfoDepValues(depValues, store, executionId);\n }\n\n if (Recoil_isPromise(errorOrPromise)) {\n return wrapPendingDependencyPromise(store, errorOrPromise, state, depValues, executionId, loadingDepsState);\n }\n\n const loadable = loadableWithError$1(errorOrPromise);\n maybeFreezeValue(errorOrPromise);\n setCache(state, depValuesToDepRoute(depValues), loadable);\n setDepsInStore(store, state, new Set(depValues.keys()), executionId);\n setLoadableInStoreToNotifyDeps(store, loadable, executionId);\n throw errorOrPromise;\n });\n }\n /**\n * This function attaches a then() and a catch() to a promise that was\n * thrown from a selector's get(). If a selector's get() throws a promise,\n * we have two possibilities:\n *\n * 1. The promise will resolve, meaning one of our selector's dependencies is\n * now available and we should \"retry\" our get() by running it again. This\n * is the case handled by the attached then() handler.\n *\n * 2. The promise will throw because something went wrong with the dependency\n * promise (in other words a real error occurred). This case is handled by\n * the attached catch() handler. If the dependency promise throws, it is\n * _always_ a real error and not another dependency promise (any dependency\n * promises would have been handled upstream).\n *\n * The then() branch will eventually resolve to the final result of the\n * selector (or an error if a real error occurs), and the catch() will always\n * resolve to an error because the dependency promise is a promise that was\n * wrapped upstream, meaning it will only resolve to its real value or to a\n * real error.\n *\n * The execution will run to completion even if it is stale, and its value\n * will be cached. But stale executions will not update global state or update\n * executionInfo as that is the responsibility of the 'latest' execution.\n *\n * Note this function should not be passed a promise that was returned from\n * get(). The intention is that this function is only passed promises that\n * were thrown due to a pending dependency. Promises returned by get() should\n * be passed to wrapPendingPromise() instead.\n */\n\n\n function wrapPendingDependencyPromise(store, promise, state, existingDeps, executionId, loadingDepsState) {\n return promise.then(resolvedDep => {\n if (!selectorIsLive()) {\n // The selector was released since the request began; ignore the response.\n clearExecutionInfo(store, executionId);\n throw CANCELED;\n } // Check if we are handling a pending Recoil dependency or if the user\n // threw their own Promise to \"suspend\" a selector evaluation. We need\n // to check that the loadingDepPromise actually matches the promise that\n // we caught in case the selector happened to catch the promise we threw\n // for a pending Recoil dependency from `getRecoilValue()` and threw\n // their own promise instead.\n\n\n if (loadingDepsState.loadingDepKey != null && loadingDepsState.loadingDepPromise === promise) {\n /**\n * Note for async atoms, this means we are changing the atom's value\n * in the store for the given version. This should be alright because\n * the version of state is now stale and a new version will have\n * already been triggered by the atom being resolved (see this logic\n * in Recoil_atom.js)\n */\n state.atomValues.set(loadingDepsState.loadingDepKey, loadableWithValue$2(resolvedDep));\n } else {\n /**\n * If resolvedDepKey is not defined, the promise was a user-thrown\n * promise. User-thrown promises are an advanced feature and they\n * should be avoided in almost all cases. Using `loadable.map()` inside\n * of selectors for loading loadables and then throwing that mapped\n * loadable's promise is an example of a user-thrown promise.\n *\n * When we hit a user-thrown promise, we have to bail out of an optimization\n * where we bypass calculating selector cache keys for selectors that\n * have been previously seen for a given state (these selectors are saved in\n * state.atomValues) to avoid stale state as we have no way of knowing\n * what state changes happened (if any) in result to the promise resolving.\n *\n * Ideally we would only bail out selectors that are in the chain of\n * dependencies for this selector, but there's currently no way to get\n * a full list of a selector's downstream nodes because the state that\n * is executing may be a discarded tree (so store.getGraph(state.version)\n * will be empty), and the full dep tree may not be in the selector\n * caches in the case where the selector's cache was cleared. To solve\n * for this we would have to keep track of all running selector\n * executions and their downstream deps. Because this only covers edge\n * cases, that complexity might not be justifyable.\n */\n store.getState().knownSelectors.forEach(nodeKey => {\n state.atomValues.delete(nodeKey);\n });\n }\n /**\n * Optimization: Now that the dependency has resolved, let's try hitting\n * the cache in case the dep resolved to a value we have previously seen.\n *\n * TODO:\n * Note this optimization is not perfect because it only prevents re-executions\n * _after_ the point where an async dependency is found. Any code leading\n * up to the async dependency may have run unnecessarily. The ideal case\n * would be to wait for the async dependency to resolve first, check the\n * cache, and prevent _any_ execution of the selector if the resulting\n * value of the dependency leads to a path that is found in the cache.\n * The ideal case is more difficult to implement as it would require that\n * we capture and wait for the the async dependency right after checking\n * the cache. The current approach takes advantage of the fact that running\n * the selector already has a code path that lets us exit early when\n * an async dep resolves.\n */\n\n\n const cachedLoadable = getValFromCacheAndUpdatedDownstreamDeps(store, state);\n\n if (cachedLoadable && cachedLoadable.state === 'hasValue') {\n setExecutionInfo(cachedLoadable, store);\n return cachedLoadable.contents;\n }\n /**\n * If this execution is stale, let's check to see if there is some in\n * progress execution with a matching state. If we find a match, then\n * we can take the value from that in-progress execution. Note this may\n * sound like an edge case, but may be very common in cases where a\n * loading dependency resolves from loading to having a value (thus\n * possibly triggering a re-render), and React re-renders before the\n * chained .then() functions run, thus starting a new execution as the\n * dep has changed value. Without this check we will run the selector\n * twice (once in the new execution and once again in this .then(), so\n * this check is necessary to keep unnecessary re-executions to a\n * minimum).\n *\n * Also note this code does not check across all executions that may be\n * running. It only optimizes for the _latest_ execution per store as\n * we currently do not maintain a list of all currently running executions.\n * This means in some cases we may run selectors more than strictly\n * necessary when there are multiple executions running for the same\n * selector. This may be a valid tradeoff as checking for dep changes\n * across all in-progress executions may take longer than just\n * re-running the selector. This will be app-dependent, and maybe in the\n * future we can make the behavior configurable. An ideal fix may be\n * to extend the tree cache to support caching loading states.\n */\n\n\n if (!isLatestExecution(store, executionId)) {\n var _executionInfo$latest;\n\n const executionInfo = getExecutionInfoOfInProgressExecution(state);\n\n if ((executionInfo === null || executionInfo === void 0 ? void 0 : (_executionInfo$latest = executionInfo.latestLoadable) === null || _executionInfo$latest === void 0 ? void 0 : _executionInfo$latest.state) === 'loading') {\n /**\n * Returning promise here without wrapping as the wrapper logic was\n * already done upstream when this promise was generated.\n */\n return executionInfo.latestLoadable.contents;\n }\n }\n\n const [loadable, depValues] = evaluateSelectorGetter(store, state, executionId);\n\n if (isLatestExecution(store, executionId)) {\n updateExecutionInfoDepValues(depValues, store, executionId);\n }\n\n if (loadable.state !== 'loading') {\n setCache(state, depValuesToDepRoute(depValues), loadable);\n setDepsInStore(store, state, new Set(depValues.keys()), executionId);\n setLoadableInStoreToNotifyDeps(store, loadable, executionId);\n }\n\n if (loadable.state === 'hasError') {\n throw loadable.contents;\n }\n /**\n * Returning any promises here without wrapping as the wrapepr logic was\n * already done when we called evaluateSelectorGetter() to get this\n * loadable\n */\n\n\n return loadable.contents;\n }).catch(error => {\n if (error instanceof Canceled) {\n Recoil_recoverableViolation('Selector was released while it had dependencies');\n throw CANCELED;\n }\n\n if (!selectorIsLive()) {\n // The selector was released since the request began; ignore the response.\n clearExecutionInfo(store, executionId);\n throw CANCELED;\n }\n\n const loadable = loadableWithError$1(error);\n maybeFreezeValue(error);\n setCache(state, depValuesToDepRoute(existingDeps), loadableWithError$1(error));\n setDepsInStore(store, state, new Set(existingDeps.keys()), executionId);\n setLoadableInStoreToNotifyDeps(store, loadable, executionId);\n throw error;\n });\n }\n\n function setLoadableInStoreToNotifyDeps(store, loadable, executionId) {\n if (isLatestExecution(store, executionId)) {\n setExecutionInfo(loadable, store);\n notifyStoresOfSettledAsync(loadable, executionId);\n }\n }\n\n function setDepsInStore(store, state, deps, executionId) {\n var _store$getState, _store$getState$curre, _store$getState2, _store$getState2$next;\n\n if (isLatestExecution(store, executionId) || state.version === ((_store$getState = store.getState()) === null || _store$getState === void 0 ? void 0 : (_store$getState$curre = _store$getState.currentTree) === null || _store$getState$curre === void 0 ? void 0 : _store$getState$curre.version) || state.version === ((_store$getState2 = store.getState()) === null || _store$getState2 === void 0 ? void 0 : (_store$getState2$next = _store$getState2.nextTree) === null || _store$getState2$next === void 0 ? void 0 : _store$getState2$next.version)) {\n var _store$getState$nextT, _store$getState3, _store$getState3$next;\n\n saveDependencyMapToStore$1(new Map([[key, deps]]), store, (_store$getState$nextT = (_store$getState3 = store.getState()) === null || _store$getState3 === void 0 ? void 0 : (_store$getState3$next = _store$getState3.nextTree) === null || _store$getState3$next === void 0 ? void 0 : _store$getState3$next.version) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store.getState().currentTree.version);\n }\n }\n\n function setNewDepInStore(store, state, deps, newDepKey, executionId) {\n deps.add(newDepKey);\n setDepsInStore(store, state, deps, executionId);\n }\n\n function evaluateSelectorGetter(store, state, executionId) {\n const endPerfBlock = startPerfBlock$1(key); // TODO T63965866: use execution ID here\n\n let result;\n let resultIsError = false;\n let loadable;\n const loadingDepsState = {\n loadingDepKey: null,\n loadingDepPromise: null\n };\n const depValues = new Map();\n /**\n * Starting a fresh set of deps that we'll be using to update state. We're\n * starting a new set versus adding it in existing state deps because\n * the version of state that we update deps for may be a more recent version\n * than the version the selector was called with. This is because the latest\n * execution will update the deps of the current/latest version of state (\n * this is safe to do because the fact that the selector is the latest\n * execution means the deps we discover below are our best guess at the\n * deps for the current/latest state in the store)\n */\n\n const deps = new Set();\n setDepsInStore(store, state, deps, executionId);\n\n function getRecoilValue(dep) {\n const {\n key: depKey\n } = dep;\n setNewDepInStore(store, state, deps, depKey, executionId);\n const depLoadable = getCachedNodeLoadable(store, state, depKey);\n depValues.set(depKey, depLoadable);\n\n switch (depLoadable.state) {\n case 'hasValue':\n return depLoadable.contents;\n\n case 'hasError':\n throw depLoadable.contents;\n\n case 'loading':\n loadingDepsState.loadingDepKey = depKey;\n loadingDepsState.loadingDepPromise = depLoadable.contents;\n throw depLoadable.contents;\n }\n\n throw Recoil_err('Invalid Loadable state');\n }\n\n let gateCallback = false;\n\n const getCallback = fn => {\n return (...args) => {\n if (!gateCallback) {\n throw Recoil_err('getCallback() should only be called asynchronously after the selector is evalutated. It can be used for selectors to return objects with callbacks that can obtain the current Recoil state without a subscription.');\n }\n\n const snapshot = cloneSnapshot$3(store);\n const cb = fn({\n snapshot\n });\n\n if (typeof cb !== 'function') {\n throw Recoil_err('getCallback() expects a function that returns a function.');\n }\n\n return cb(...args);\n };\n };\n\n try {\n result = get({\n get: getRecoilValue,\n getCallback\n });\n result = isRecoilValue$3(result) ? getRecoilValue(result) : result;\n gateCallback = true;\n\n if (Recoil_isPromise(result)) {\n result = wrapPendingPromise(store, result, state, depValues, executionId, loadingDepsState).finally(endPerfBlock);\n } else {\n endPerfBlock();\n }\n } catch (errorOrDepPromise) {\n result = errorOrDepPromise;\n\n if (Recoil_isPromise(result)) {\n result = wrapPendingDependencyPromise(store, result, state, depValues, executionId, loadingDepsState).finally(endPerfBlock);\n } else {\n resultIsError = true;\n endPerfBlock();\n }\n }\n\n if (resultIsError) {\n loadable = loadableWithError$1(result);\n } else if (Recoil_isPromise(result)) {\n loadable = loadableWithPromise$1(result);\n } else {\n loadable = loadableWithValue$2(result);\n }\n\n if (loadable.state !== 'loading') {\n maybeFreezeValue(loadable.contents);\n }\n\n return [loadable, depValues];\n }\n\n function getValFromCacheAndUpdatedDownstreamDeps(store, state) {\n const depsAfterCacheDone = new Set();\n const executionInfo = getExecutionInfo(store);\n let cachedVal;\n\n try {\n cachedVal = cache.get(nodeKey => {\n !(typeof nodeKey === 'string') ? process.env.NODE_ENV !== \"production\" ? Recoil_invariant(false, 'Cache nodeKey is type string') : Recoil_invariant(false) : void 0;\n const loadable = getCachedNodeLoadable(store, state, nodeKey);\n return loadable.contents;\n }, {\n onNodeVisit: node => {\n if (node.type === 'branch' && node.nodeKey !== key && typeof node.nodeKey === 'string') {\n depsAfterCacheDone.add(node.nodeKey);\n discoveredDependencyNodeKeys.add(node.nodeKey);\n }\n }\n });\n } catch (error) {\n throw Recoil_err(`Problem with cache lookup for selector \"${key}\": ${error.message}`);\n }\n /**\n * Ensure store contains correct dependencies if we hit the cache so that\n * the store deps and cache are in sync for a given state. This is important\n * because store deps are normally updated when new executions are created,\n * but cache hits don't trigger new executions but they still _may_ signifiy\n * a change in deps in the store if the store deps for this state are empty\n * or stale.\n */\n\n\n if (cachedVal) {\n setDepsInStore(store, state, depsAfterCacheDone, executionInfo.latestExecutionId);\n }\n\n return cachedVal;\n }\n /**\n * FIXME: dep keys should take into account the state of the loadable to\n * prevent the edge case where a loadable with an error and a loadable with\n * an error as a value are treated as the same thing incorrectly. For example\n * these two should be treated differently:\n *\n * selector({key: '', get: () => new Error('hi')});\n * selector({key: '', get () => {throw new Error('hi')}});\n *\n * With current implementation they are treated the same\n */\n\n\n function depValuesToDepRoute(depValues) {\n return Array.from(depValues.entries()).map(([depKey, valLoadable]) => [depKey, valLoadable.contents]);\n }\n\n function getValFromRunningNewExecutionAndUpdatedDeps(store, state) {\n const newExecutionId = getNewExecutionId();\n const [loadable, newDepValues] = evaluateSelectorGetter(store, state, newExecutionId);\n setExecutionInfo(loadable, store, newDepValues, newExecutionId, state);\n maybeSetCacheWithLoadable(state, depValuesToDepRoute(newDepValues), loadable);\n notifyStoreWhenAsyncSettles(store, loadable, newExecutionId);\n return loadable;\n }\n /**\n * Given a tree state, this function returns the \"selector result\", which is\n * defined as a size-2 tuple of [DependencyMap, Loadable].\n *\n * The selector's get() function will only be re-evaluated if _both_ of the\n * following statements are true:\n *\n * 1. The current dep values from the given state produced a cache key that\n * was not found in the cache.\n * 2. There is no currently running async execution OR there is an\n * async execution that is running, but after comparing the dep values in\n * the given state with the dep values that the execution has discovered so\n * far we find that at least one dep value has changed, in which case we\n * start a new execution (the previously running execution will continue to\n * run to completion, but only the new execution will be deemed the\n * 'latest' execution, meaning it will be the only execution that will\n * update global state when it is finished. Any non-latest executions will\n * run to completion and update the selector cache but not global state).\n */\n\n\n function getSelectorValAndUpdatedDeps(store, state) {\n const cachedVal = getValFromCacheAndUpdatedDownstreamDeps(store, state);\n\n if (cachedVal != null) {\n setExecutionInfo(cachedVal, store);\n return cachedVal;\n }\n\n const inProgressExecutionInfo = getExecutionInfoOfInProgressExecution(state); // FIXME: this won't work with custom caching b/c it uses separate cache\n\n if (inProgressExecutionInfo) {\n const executionInfo = inProgressExecutionInfo;\n notifyStoreWhenAsyncSettles(store, Recoil_nullthrows(executionInfo.latestLoadable), Recoil_nullthrows(executionInfo.latestExecutionId)); // FIXME: check after the fact to see if we made the right choice by waiting\n\n return Recoil_nullthrows(executionInfo.latestLoadable);\n }\n\n return getValFromRunningNewExecutionAndUpdatedDeps(store, state);\n }\n /**\n * Searches execution info across all stores to see if there is an in-progress\n * execution whose dependency values match the values of the requesting store.\n */\n\n\n function getExecutionInfoOfInProgressExecution(state) {\n var _Array$from$find;\n\n const [, executionInfo] = (_Array$from$find = Array.from(executionInfoMap.entries()).find(([store, execInfo]) => {\n return execInfo.latestLoadable != null && execInfo.latestExecutionId != null && !haveAsyncDepsChanged(store, state);\n })) !== null && _Array$from$find !== void 0 ? _Array$from$find : [];\n return executionInfo;\n }\n\n const mapOfCheckedVersions = new Map();\n\n function haveAsyncDepsChanged(store, state) {\n var _executionInfo$depVal, _mapOfCheckedVersions;\n\n const executionInfo = getExecutionInfo(store);\n const oldDepValues = (_executionInfo$depVal = executionInfo.depValuesDiscoveredSoFarDuringAsyncWork) !== null && _executionInfo$depVal !== void 0 ? _executionInfo$depVal : new Map();\n const cachedDepValuesCheckedForThisVersion = Array(((_mapOfCheckedVersions = mapOfCheckedVersions.get(state.version)) !== null && _mapOfCheckedVersions !== void 0 ? _mapOfCheckedVersions : new Map()).entries());\n const isCachedVersionSame = mapOfCheckedVersions.has(state.version) && cachedDepValuesCheckedForThisVersion.length === oldDepValues.size && cachedDepValuesCheckedForThisVersion.every(([nodeKey, nodeVal]) => {\n return oldDepValues.get(nodeKey) === nodeVal;\n });\n\n if (oldDepValues == null || state.version === executionInfo.stateVersion || isCachedVersionSame) {\n return false;\n }\n\n mapOfCheckedVersions.set(state.version, new Map(oldDepValues));\n return Array.from(oldDepValues).some(([nodeKey, oldVal]) => {\n const loadable = getCachedNodeLoadable(store, state, nodeKey);\n return loadable.contents !== oldVal.contents;\n });\n }\n /**\n * This function will update the selector's execution info when the selector\n * has either finished running an execution or has started a new execution. If\n * the given loadable is in a 'loading' state, the intention is that a new\n * execution has started. Otherwise, the intention is that an execution has\n * just finished.\n */\n\n\n function setExecutionInfo(loadable, store, depValues, newExecutionId, state) {\n const executionInfo = getExecutionInfo(store);\n\n if (loadable.state === 'loading') {\n executionInfo.depValuesDiscoveredSoFarDuringAsyncWork = depValues;\n executionInfo.latestExecutionId = newExecutionId;\n executionInfo.latestLoadable = loadable;\n executionInfo.stateVersion = state === null || state === void 0 ? void 0 : state.version;\n } else {\n executionInfo.depValuesDiscoveredSoFarDuringAsyncWork = null;\n executionInfo.latestExecutionId = null;\n executionInfo.latestLoadable = null;\n executionInfo.stateVersion = null;\n }\n }\n /**\n * Conditionally updates the cache with a given loadable.\n *\n * We only cache loadables that are not loading because our cache keys are\n * based on dep values, which are in an unfinished state for loadables that\n * have a 'loading' state (new deps may be discovered while the selector\n * runs its async code). We never want to cache partial dependencies b/c it\n * could lead to errors, such as prematurely returning the result based on a\n * partial list of deps-- we need the full list of deps to ensure that we\n * are returning the correct result from cache.\n */\n\n\n function maybeSetCacheWithLoadable(state, depRoute, loadable) {\n if (loadable.state !== 'loading') {\n setCache(state, depRoute, loadable);\n }\n }\n\n function updateExecutionInfoDepValues(depValues, store, executionId) {\n const executionInfo = getExecutionInfo(store);\n\n if (isLatestExecution(store, executionId)) {\n executionInfo.depValuesDiscoveredSoFarDuringAsyncWork = depValues;\n }\n }\n\n function clearExecutionInfo(store, executionId) {\n if (isLatestExecution(store, executionId)) {\n executionInfoMap.delete(store);\n }\n }\n\n function isLatestExecution(store, executionId) {\n const executionInfo = getExecutionInfo(store);\n return executionId === executionInfo.latestExecutionId;\n }\n\n function maybeFreezeValue(val) {\n if (process.env.NODE_ENV !== \"production\") {\n if (Boolean(options.dangerouslyAllowMutability) === false) {\n Recoil_deepFreezeValue(val);\n }\n }\n }\n\n function setCache(state, cacheRoute, loadable) {\n state.atomValues.set(key, loadable);\n\n try {\n cache.set(cacheRoute, loadable);\n } catch (error) {\n throw Recoil_err(`Problem with setting cache for selector \"${key}\": ${error.message}`);\n }\n }\n\n function detectCircularDependencies(fn) {\n if (dependencyStack.includes(key)) {\n const message = `Recoil selector has circular dependencies: ${dependencyStack.slice(dependencyStack.indexOf(key)).join(' \\u2192 ')}`;\n return loadableWithError$1(Recoil_err(message));\n }\n\n dependencyStack.push(key);\n\n try {\n return fn();\n } finally {\n dependencyStack.pop();\n }\n }\n\n function selectorPeek(store, state) {\n const cacheVal = cache.get(nodeKey => {\n !(typeof nodeKey === 'string') ? process.env.NODE_ENV !== \"production\" ? Recoil_invariant(false, 'Cache nodeKey is type string') : Recoil_invariant(false) : void 0;\n const peek = peekNodeLoadable$1(store, state, nodeKey);\n return peek === null || peek === void 0 ? void 0 : peek.contents;\n });\n return cacheVal;\n }\n\n function selectorGet(store, state) {\n return detectCircularDependencies(() => getSelectorValAndUpdatedDeps(store, state));\n }\n\n function invalidateSelector(state) {\n state.atomValues.delete(key);\n }\n\n function clearSelectorCache(store, treeState) {\n !(recoilValue != null) ? process.env.NODE_ENV !== \"production\" ? Recoil_invariant(false, 'Recoil Value can never be null') : Recoil_invariant(false) : void 0;\n\n for (const nodeKey of discoveredDependencyNodeKeys) {\n var _node$clearCache;\n\n const node = getNode$6(nodeKey);\n (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store, treeState);\n }\n\n invalidateSelector(treeState);\n cache.clear();\n markRecoilValueModified$1(store, recoilValue);\n }\n\n if (set != null) {\n /**\n * ES5 strict mode prohibits defining non-top-level function declarations,\n * so don't use function declaration syntax here\n */\n const selectorSet = (store, state, newValue) => {\n let syncSelectorSetFinished = false;\n const writes = new Map();\n\n function getRecoilValue({\n key: depKey\n }) {\n if (syncSelectorSetFinished) {\n throw Recoil_err('Recoil: Async selector sets are not currently supported.');\n }\n\n const loadable = getCachedNodeLoadable(store, state, depKey);\n\n if (loadable.state === 'hasValue') {\n return loadable.contents;\n } else if (loadable.state === 'loading') {\n throw new RecoilValueNotReady$2(depKey);\n } else {\n throw loadable.contents;\n }\n }\n\n function setRecoilState(recoilState, valueOrUpdater) {\n if (syncSelectorSetFinished) {\n throw Recoil_err('Recoil: Async selector sets are not currently supported.');\n }\n\n const setValue = typeof valueOrUpdater === 'function' ? // cast to any because we can't restrict type S from being a function itself without losing support for opaque types\n // flowlint-next-line unclear-type:off\n valueOrUpdater(getRecoilValue(recoilState)) : valueOrUpdater;\n const upstreamWrites = setNodeValue$3(store, state, recoilState.key, setValue);\n upstreamWrites.forEach((v, k) => writes.set(k, v));\n }\n\n function resetRecoilState(recoilState) {\n setRecoilState(recoilState, DEFAULT_VALUE$6);\n }\n\n const ret = set({\n set: setRecoilState,\n get: getRecoilValue,\n reset: resetRecoilState\n }, newValue); // set should be a void method, but if the user makes it `async`, then it\n // will return a Promise, which we don't currently support.\n\n if (ret !== undefined) {\n throw Recoil_isPromise(ret) ? Recoil_err('Recoil: Async selector sets are not currently supported.') : Recoil_err('Recoil: selector set should be a void function.');\n }\n\n syncSelectorSetFinished = true;\n return writes;\n };\n\n return recoilValue = registerNode$1({\n key,\n nodeType: 'selector',\n peek: selectorPeek,\n get: selectorGet,\n set: selectorSet,\n init: selectorInit,\n invalidate: invalidateSelector,\n clearCache: clearSelectorCache,\n shouldDeleteConfigOnRelease: selectorShouldDeleteConfigOnRelease,\n dangerouslyAllowMutability: options.dangerouslyAllowMutability,\n shouldRestoreFromSnapshots: false,\n retainedBy\n });\n } else {\n return recoilValue = registerNode$1({\n key,\n nodeType: 'selector',\n peek: selectorPeek,\n get: selectorGet,\n init: selectorInit,\n invalidate: invalidateSelector,\n clearCache: clearSelectorCache,\n shouldDeleteConfigOnRelease: selectorShouldDeleteConfigOnRelease,\n dangerouslyAllowMutability: options.dangerouslyAllowMutability,\n shouldRestoreFromSnapshots: false,\n retainedBy\n });\n }\n}\n/* eslint-enable no-redeclare */\n\n\nvar Recoil_selector = selector;\n\n// @fb-only: const {scopedAtom} = require('Recoil_ScopedAtom');\nconst {\n loadableWithError: loadableWithError$2,\n loadableWithPromise: loadableWithPromise$2,\n loadableWithValue: loadableWithValue$3\n} = Recoil_Loadable$1;\n\nconst {\n peekNodeInfo: peekNodeInfo$3\n} = Recoil_FunctionalCore;\n\nconst {\n DEFAULT_VALUE: DEFAULT_VALUE$7,\n DefaultValue: DefaultValue$2,\n getConfigDeletionHandler: getConfigDeletionHandler$2,\n registerNode: registerNode$2,\n setConfigDeletionHandler: setConfigDeletionHandler$1\n} = Recoil_Node;\n\nconst {\n isRecoilValue: isRecoilValue$4\n} = Recoil_RecoilValue$1;\n\nconst {\n getRecoilValueAsLoadable: getRecoilValueAsLoadable$4,\n markRecoilValueModified: markRecoilValueModified$2,\n setRecoilValue: setRecoilValue$4,\n setRecoilValueLoadable: setRecoilValueLoadable$3\n} = Recoil_RecoilValueInterface;\n\nconst {\n retainedByOptionWithDefault: retainedByOptionWithDefault$2\n} = Recoil_Retention;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction baseAtom(options) {\n const {\n key,\n persistence_UNSTABLE: persistence\n } = options;\n const retainedBy = retainedByOptionWithDefault$2(options.retainedBy_UNSTABLE);\n let liveStoresCount = 0;\n let defaultLoadable = Recoil_isPromise(options.default) ? loadableWithPromise$2(options.default.then(value => {\n defaultLoadable = loadableWithValue$3(value);\n return value;\n }).catch(error => {\n defaultLoadable = loadableWithError$2(error);\n throw error;\n })) : loadableWithValue$3(options.default);\n maybeFreezeValueOrPromise(options.default);\n let cachedAnswerForUnvalidatedValue = undefined; // Cleanup handlers for this atom\n // Rely on stable reference equality of the store to use it as a key per \n\n const cleanupEffectsByStore = new Map();\n\n function maybeFreezeValueOrPromise(valueOrPromise) {\n if (process.env.NODE_ENV !== \"production\") {\n if (options.dangerouslyAllowMutability !== true) {\n if (Recoil_isPromise(valueOrPromise)) {\n return valueOrPromise.then(value => {\n Recoil_deepFreezeValue(value);\n return value;\n });\n } else {\n Recoil_deepFreezeValue(valueOrPromise);\n return valueOrPromise;\n }\n }\n }\n\n return valueOrPromise;\n }\n\n function wrapPendingPromise(store, promise) {\n const wrappedPromise = promise.then(value => {\n var _store$getState$nextT, _state$atomValues$get;\n\n const state = (_store$getState$nextT = store.getState().nextTree) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store.getState().currentTree;\n\n if (((_state$atomValues$get = state.atomValues.get(key)) === null || _state$atomValues$get === void 0 ? void 0 : _state$atomValues$get.contents) === wrappedPromise) {\n setRecoilValue$4(store, node, value);\n }\n\n return value;\n }).catch(error => {\n var _store$getState$nextT2, _state$atomValues$get2;\n\n const state = (_store$getState$nextT2 = store.getState().nextTree) !== null && _store$getState$nextT2 !== void 0 ? _store$getState$nextT2 : store.getState().currentTree;\n\n if (((_state$atomValues$get2 = state.atomValues.get(key)) === null || _state$atomValues$get2 === void 0 ? void 0 : _state$atomValues$get2.contents) === wrappedPromise) {\n setRecoilValueLoadable$3(store, node, loadableWithError$2(error));\n }\n\n throw error;\n });\n return wrappedPromise;\n }\n\n function initAtom(store, initState, trigger) {\n liveStoresCount++;\n const alreadyKnown = store.getState().knownAtoms.has(key);\n store.getState().knownAtoms.add(key); // Setup async defaults to notify subscribers when they resolve\n\n if (defaultLoadable.state === 'loading') {\n const notifyDefaultSubscribers = () => {\n var _store$getState$nextT3;\n\n const state = (_store$getState$nextT3 = store.getState().nextTree) !== null && _store$getState$nextT3 !== void 0 ? _store$getState$nextT3 : store.getState().currentTree;\n\n if (!state.atomValues.has(key)) {\n markRecoilValueModified$2(store, node);\n }\n };\n\n defaultLoadable.contents.then(notifyDefaultSubscribers).catch(notifyDefaultSubscribers);\n } // Run Atom Effects\n // This state is scoped by Store, since this is in the initAtom() closure\n\n\n let initValue = DEFAULT_VALUE$7;\n let pendingSetSelf = null;\n\n if (options.effects_UNSTABLE != null && !alreadyKnown) {\n let duringInit = true;\n\n function getLoadable(recoilValue) {\n // Normally we can just get the current value of another atom.\n // But for our own value we need to check if there is a pending\n // initialized value or get the fallback default value.\n if (duringInit && recoilValue.key === key && !(initValue instanceof DefaultValue$2)) {\n // Cast T to S\n const retValue = initValue; // flowlint-line unclear-type:off\n\n return retValue instanceof DefaultValue$2 ? defaultLoadable : // flowlint-line unclear-type:off\n Recoil_isPromise(retValue) ? loadableWithPromise$2(retValue.then(v => v instanceof DefaultValue$2 ? // Cast T to S\n defaultLoadable.toPromise() // flowlint-line unclear-type:off\n : v)) : loadableWithValue$3(retValue);\n }\n\n return getRecoilValueAsLoadable$4(store, recoilValue);\n }\n\n function getPromise(recoilValue) {\n return getLoadable(recoilValue).toPromise();\n }\n\n function getInfo_UNSTABLE(recoilValue) {\n var _store$getState$nextT4;\n\n const info = peekNodeInfo$3(store, (_store$getState$nextT4 = store.getState().nextTree) !== null && _store$getState$nextT4 !== void 0 ? _store$getState$nextT4 : store.getState().currentTree, recoilValue.key);\n return duringInit && recoilValue.key === key && !(initValue instanceof DefaultValue$2) ? { ...info,\n isSet: true,\n loadable: getLoadable(recoilValue)\n } : info;\n }\n\n const setSelf = effect => valueOrUpdater => {\n if (duringInit) {\n const currentValue = initValue instanceof DefaultValue$2 || Recoil_isPromise(initValue) ? defaultLoadable.state === 'hasValue' ? defaultLoadable.contents : DEFAULT_VALUE$7 : initValue;\n initValue = typeof valueOrUpdater === 'function' ? // cast to any because we can't restrict T from being a function without losing support for opaque types\n valueOrUpdater(currentValue) // flowlint-line unclear-type:off\n : valueOrUpdater;\n\n if (Recoil_isPromise(initValue)) {\n initValue = initValue.then(value => {\n // Avoid calling onSet() when setSelf() initializes with a Promise\n pendingSetSelf = {\n effect,\n value\n };\n return value;\n });\n }\n } else {\n if (Recoil_isPromise(valueOrUpdater)) {\n throw Recoil_err('Setting atoms to async values is not implemented.');\n }\n\n if (typeof valueOrUpdater !== 'function') {\n pendingSetSelf = {\n effect,\n value: valueOrUpdater\n };\n }\n\n setRecoilValue$4(store, node, typeof valueOrUpdater === 'function' ? currentValue => {\n const newValue = // cast to any because we can't restrict T from being a function without losing support for opaque types\n valueOrUpdater(currentValue); // flowlint-line unclear-type:off\n\n pendingSetSelf = {\n effect,\n value: newValue\n };\n return newValue;\n } : valueOrUpdater);\n }\n };\n\n const resetSelf = effect => () => setSelf(effect)(DEFAULT_VALUE$7);\n\n const onSet = effect => handler => {\n store.subscribeToTransactions(currentStore => {\n var _currentTree$atomValu;\n\n // eslint-disable-next-line prefer-const\n let {\n currentTree,\n previousTree\n } = currentStore.getState();\n\n if (!previousTree) {\n Recoil_recoverableViolation('Transaction subscribers notified without a next tree being present -- this is a bug in Recoil');\n previousTree = currentTree; // attempt to trundle on\n }\n\n const newLoadable = (_currentTree$atomValu = currentTree.atomValues.get(key)) !== null && _currentTree$atomValu !== void 0 ? _currentTree$atomValu : defaultLoadable;\n\n if (newLoadable.state === 'hasValue') {\n var _previousTree$atomVal, _pendingSetSelf, _pendingSetSelf2, _pendingSetSelf3;\n\n const newValue = newLoadable.contents;\n const oldLoadable = (_previousTree$atomVal = previousTree.atomValues.get(key)) !== null && _previousTree$atomVal !== void 0 ? _previousTree$atomVal : defaultLoadable;\n const oldValue = oldLoadable.state === 'hasValue' ? oldLoadable.contents : DEFAULT_VALUE$7; // TODO This isn't actually valid, use as a placeholder for now.\n // Ignore atom value changes that were set via setSelf() in the same effect.\n // We will still properly call the handler if there was a subsequent\n // set from something other than an atom effect which was batched\n // with the `setSelf()` call. However, we may incorrectly ignore\n // the handler if the subsequent batched call happens to set the\n // atom to the exact same value as the `setSelf()`. But, in that\n // case, it was kind of a noop, so the semantics are debatable..\n\n if (((_pendingSetSelf = pendingSetSelf) === null || _pendingSetSelf === void 0 ? void 0 : _pendingSetSelf.effect) !== effect || ((_pendingSetSelf2 = pendingSetSelf) === null || _pendingSetSelf2 === void 0 ? void 0 : _pendingSetSelf2.value) !== newValue) {\n handler(newValue, oldValue, !currentTree.atomValues.has(key));\n } else if (((_pendingSetSelf3 = pendingSetSelf) === null || _pendingSetSelf3 === void 0 ? void 0 : _pendingSetSelf3.effect) === effect) {\n pendingSetSelf = null;\n }\n }\n }, key);\n };\n\n for (const effect of (_options$effects_UNST = options.effects_UNSTABLE) !== null && _options$effects_UNST !== void 0 ? _options$effects_UNST : []) {\n var _options$effects_UNST;\n\n const cleanup = effect({\n node,\n trigger,\n setSelf: setSelf(effect),\n resetSelf: resetSelf(effect),\n onSet: onSet(effect),\n getPromise,\n getLoadable,\n getInfo_UNSTABLE\n });\n\n if (cleanup != null) {\n var _cleanupEffectsByStor;\n\n cleanupEffectsByStore.set(store, [...((_cleanupEffectsByStor = cleanupEffectsByStore.get(store)) !== null && _cleanupEffectsByStor !== void 0 ? _cleanupEffectsByStor : []), cleanup]);\n }\n }\n\n duringInit = false;\n } // Mutate initial state in place since we know there are no other subscribers\n // since we are the ones initializing on first use.\n\n\n if (!(initValue instanceof DefaultValue$2)) {\n var _store$getState$nextT5;\n\n const frozenInitValue = maybeFreezeValueOrPromise(initValue);\n const initLoadable = Recoil_isPromise(frozenInitValue) ? loadableWithPromise$2(wrapPendingPromise(store, frozenInitValue)) : loadableWithValue$3(frozenInitValue);\n initState.atomValues.set(key, initLoadable); // If there is a pending transaction, then also mutate the next state tree.\n // This could happen if the atom was first initialized in an action that\n // also updated some other atom's state.\n\n (_store$getState$nextT5 = store.getState().nextTree) === null || _store$getState$nextT5 === void 0 ? void 0 : _store$getState$nextT5.atomValues.set(key, initLoadable);\n }\n\n return () => {\n var _cleanupEffectsByStor2;\n\n liveStoresCount--;\n (_cleanupEffectsByStor2 = cleanupEffectsByStore.get(store)) === null || _cleanupEffectsByStor2 === void 0 ? void 0 : _cleanupEffectsByStor2.forEach(cleanup => cleanup());\n cleanupEffectsByStore.delete(store);\n store.getState().knownAtoms.delete(key); // FIXME remove knownAtoms?\n };\n }\n\n function peekAtom(_store, state) {\n var _ref, _state$atomValues$get3;\n\n return (_ref = (_state$atomValues$get3 = state.atomValues.get(key)) !== null && _state$atomValues$get3 !== void 0 ? _state$atomValues$get3 : cachedAnswerForUnvalidatedValue) !== null && _ref !== void 0 ? _ref : defaultLoadable;\n }\n\n function getAtom(_store, state) {\n if (state.atomValues.has(key)) {\n // Atom value is stored in state:\n return Recoil_nullthrows(state.atomValues.get(key));\n } else if (state.nonvalidatedAtoms.has(key)) {\n // Atom value is stored but needs validation before use.\n // We might have already validated it and have a cached validated value:\n if (cachedAnswerForUnvalidatedValue != null) {\n return cachedAnswerForUnvalidatedValue;\n }\n\n if (persistence == null) {\n Recoil_expectationViolation(`Tried to restore a persisted value for atom ${key} but it has no persistence settings.`);\n return defaultLoadable;\n }\n\n const nonvalidatedValue = state.nonvalidatedAtoms.get(key);\n const validatorResult = persistence.validator(nonvalidatedValue, DEFAULT_VALUE$7);\n const validatedValueLoadable = validatorResult instanceof DefaultValue$2 ? defaultLoadable : loadableWithValue$3(validatorResult);\n cachedAnswerForUnvalidatedValue = validatedValueLoadable;\n return cachedAnswerForUnvalidatedValue;\n } else {\n return defaultLoadable;\n }\n }\n\n function invalidateAtom() {\n cachedAnswerForUnvalidatedValue = undefined;\n }\n\n function setAtom(_store, state, newValue) {\n // Bail out if we're being set to the existing value, or if we're being\n // reset but have no stored value (validated or unvalidated) to reset from:\n if (state.atomValues.has(key)) {\n const existing = Recoil_nullthrows(state.atomValues.get(key));\n\n if (existing.state === 'hasValue' && newValue === existing.contents) {\n return new Map();\n }\n } else if (!state.nonvalidatedAtoms.has(key) && newValue instanceof DefaultValue$2) {\n return new Map();\n }\n\n maybeFreezeValueOrPromise(newValue);\n cachedAnswerForUnvalidatedValue = undefined; // can be released now if it was previously in use\n\n return new Map().set(key, loadableWithValue$3(newValue));\n }\n\n function shouldDeleteConfigOnReleaseAtom() {\n return getConfigDeletionHandler$2(key) !== undefined && liveStoresCount <= 0;\n }\n\n const node = registerNode$2({\n key,\n nodeType: 'atom',\n peek: peekAtom,\n get: getAtom,\n set: setAtom,\n init: initAtom,\n invalidate: invalidateAtom,\n shouldDeleteConfigOnRelease: shouldDeleteConfigOnReleaseAtom,\n dangerouslyAllowMutability: options.dangerouslyAllowMutability,\n persistence_UNSTABLE: options.persistence_UNSTABLE ? {\n type: options.persistence_UNSTABLE.type,\n backButton: options.persistence_UNSTABLE.backButton\n } : undefined,\n shouldRestoreFromSnapshots: true,\n retainedBy\n });\n return node;\n} // prettier-ignore\n\n\nfunction atom(options) {\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof options.key !== 'string') {\n throw Recoil_err('A key option with a unique string value must be provided when creating an atom.');\n }\n\n if (!('default' in options)) {\n throw Recoil_err('A default value must be specified when creating an atom.');\n }\n }\n\n const {\n default: optionsDefault,\n // @fb-only: scopeRules_APPEND_ONLY_READ_THE_DOCS,\n ...restOptions\n } = options;\n\n if (isRecoilValue$4(optionsDefault) // Continue to use atomWithFallback for promise defaults for scoped atoms\n // for now, since scoped atoms don't support async defaults\n // @fb-only: || (isPromise(optionsDefault) && scopeRules_APPEND_ONLY_READ_THE_DOCS)\n ) {\n return atomWithFallback({ ...restOptions,\n default: optionsDefault // @fb-only: scopeRules_APPEND_ONLY_READ_THE_DOCS,\n\n }); // @fb-only: } else if (scopeRules_APPEND_ONLY_READ_THE_DOCS && !isPromise(optionsDefault)) {\n // @fb-only: return scopedAtom({\n // @fb-only: ...restOptions,\n // @fb-only: default: optionsDefault,\n // @fb-only: scopeRules_APPEND_ONLY_READ_THE_DOCS,\n // @fb-only: });\n } else {\n return baseAtom({ ...restOptions,\n default: optionsDefault\n });\n }\n}\n\nfunction atomWithFallback(options) {\n const base = atom({ ...options,\n default: DEFAULT_VALUE$7,\n persistence_UNSTABLE: options.persistence_UNSTABLE === undefined ? undefined : { ...options.persistence_UNSTABLE,\n validator: storedValue => storedValue instanceof DefaultValue$2 ? storedValue : Recoil_nullthrows(options.persistence_UNSTABLE).validator(storedValue, DEFAULT_VALUE$7)\n },\n // TODO Hack for now.\n // flowlint-next-line unclear-type: off\n effects_UNSTABLE: options.effects_UNSTABLE\n });\n const sel = Recoil_selector({\n key: `${options.key}__withFallback`,\n get: ({\n get\n }) => {\n const baseValue = get(base);\n return baseValue instanceof DefaultValue$2 ? options.default : baseValue;\n },\n set: ({\n set\n }, newValue) => set(base, newValue),\n dangerouslyAllowMutability: options.dangerouslyAllowMutability\n });\n setConfigDeletionHandler$1(sel.key, getConfigDeletionHandler$2(options.key));\n return sel;\n}\n\nvar Recoil_atom = atom;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * @emails oncall+recoil\n * \n * @format\n */\n\nclass MapCache {\n constructor(options) {\n var _options$mapKey;\n\n _defineProperty(this, \"_map\", void 0);\n\n _defineProperty(this, \"_keyMapper\", void 0);\n\n this._map = new Map();\n this._keyMapper = (_options$mapKey = options === null || options === void 0 ? void 0 : options.mapKey) !== null && _options$mapKey !== void 0 ? _options$mapKey : v => v;\n }\n\n size() {\n return this._map.size;\n }\n\n has(key) {\n return this._map.has(this._keyMapper(key));\n }\n\n get(key) {\n return this._map.get(this._keyMapper(key));\n }\n\n set(key, val) {\n this._map.set(this._keyMapper(key), val);\n }\n\n delete(key) {\n this._map.delete(this._keyMapper(key));\n }\n\n clear() {\n this._map.clear();\n }\n\n}\n\nvar Recoil_MapCache = {\n MapCache\n};\n\nvar Recoil_MapCache_1 = Recoil_MapCache.MapCache;\n\nvar Recoil_MapCache$1 = /*#__PURE__*/Object.freeze({\n __proto__: null,\n MapCache: Recoil_MapCache_1\n});\n\nconst {\n LRUCache: LRUCache$2\n} = Recoil_LRUCache$1;\n\nconst {\n MapCache: MapCache$1\n} = Recoil_MapCache$1;\n\nconst defaultPolicy$1 = {\n equality: 'reference',\n eviction: 'none',\n maxSize: Infinity\n};\n\nfunction cacheFromPolicy({\n equality = defaultPolicy$1.equality,\n eviction = defaultPolicy$1.eviction,\n maxSize = defaultPolicy$1.maxSize\n} = defaultPolicy$1) {\n const valueMapper = getValueMapper$1(equality);\n const cache = getCache(eviction, maxSize, valueMapper);\n return cache;\n}\n\nfunction getValueMapper$1(equality) {\n switch (equality) {\n case 'reference':\n return val => val;\n\n case 'value':\n return val => Recoil_stableStringify(val);\n }\n\n throw Recoil_err(`Unrecognized equality policy ${equality}`);\n}\n\nfunction getCache(eviction, maxSize, mapKey) {\n switch (eviction) {\n case 'keep-all':\n // $FlowFixMe[method-unbinding]\n return new MapCache$1({\n mapKey\n });\n\n case 'lru':\n // $FlowFixMe[method-unbinding]\n return new LRUCache$2({\n mapKey,\n maxSize: Recoil_nullthrows(maxSize)\n });\n\n case 'most-recent':\n // $FlowFixMe[method-unbinding]\n return new LRUCache$2({\n mapKey,\n maxSize: 1\n });\n }\n\n throw Recoil_err(`Unrecognized eviction policy ${eviction}`);\n}\n\nvar Recoil_cacheFromPolicy = cacheFromPolicy;\n\nconst {\n setConfigDeletionHandler: setConfigDeletionHandler$2\n} = Recoil_Node;\n\n\n\n\n\n// Process scopeRules to handle any entries which are functions taking parameters\n// prettier-ignore\n// @fb-only: function mapScopeRules
\r\n );\r\n}\r\n","import { estimatePage } from \"__utilities/PageStepEnum\";\r\nimport { getConfigurationId } from \"_config/session\";\r\nimport { deleteConfiguration } from \"_store/configurations/service\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport CustomButton from \"components/Buttons/CustomButton\";\r\nimport Popup from \"components/Popup/Popup\";\r\nimport React from \"react\";\r\n\r\nexport default function DeletePopup({ onClose }) {\r\n const getLocalizationText = useGetLocalizationText();\r\n const { setPage } = useActivePage();\r\n\r\n const onDelete = () => {\r\n const id = getConfigurationId();\r\n\r\n deleteConfiguration(id, (success) => {\r\n if (success) {\r\n setPage(estimatePage);\r\n onClose();\r\n } else {\r\n console.log(\"Error on delete!!!\");\r\n }\r\n });\r\n };\r\n\r\n return (\r\n (\n// @fb-only: scopeRules?: ParameterizedScopeRules
,\n// @fb-only: param: P,\n// @fb-only: ): ScopeRules | void {\n// @fb-only: return scopeRules?.map(rule =>\n// @fb-only: Array.isArray(rule)\n// @fb-only: ? rule.map(entry => (typeof entry === 'function' ? entry(param) : entry))\n// @fb-only: : rule,\n// @fb-only: );\n// @fb-only: }\n\n/*\nA function which returns an atom based on the input parameter.\n\nEach unique parameter returns a unique atom. E.g.,\n\n const f = atomFamily(...);\n f({a: 1}) => an atom\n f({a: 2}) => a different atom\n\nThis allows components to persist local, private state using atoms. Each\ninstance of the component may have a different key, which it uses as the\nparameter for a family of atoms; in this way, each component will have\nits own atom not shared by other instances. These state keys may be composed\ninto children's state keys as well.\n*/\nfunction atomFamily(options) {\n var _options$cachePolicyF, _options$cachePolicyF2;\n\n const atomCache = Recoil_cacheFromPolicy({\n equality: (_options$cachePolicyF = (_options$cachePolicyF2 = options.cachePolicyForParams_UNSTABLE) === null || _options$cachePolicyF2 === void 0 ? void 0 : _options$cachePolicyF2.equality) !== null && _options$cachePolicyF !== void 0 ? _options$cachePolicyF : 'value',\n eviction: 'keep-all'\n }); // Simple atomFamily implementation to cache individual atoms based\n // on the parameter value equality.\n\n return params => {\n var _stableStringify;\n\n const cachedAtom = atomCache.get(params);\n\n if (cachedAtom != null) {\n return cachedAtom;\n }\n\n const {\n cachePolicyForParams_UNSTABLE,\n ...atomOptions\n } = options;\n const newAtom = Recoil_atom({ ...atomOptions,\n key: `${options.key}__${(_stableStringify = Recoil_stableStringify(params)) !== null && _stableStringify !== void 0 ? _stableStringify : 'void'}`,\n default: typeof options.default === 'function' ? // The default was parameterized\n // Flow doesn't know that T isn't a function, so we need to case to any\n options.default(params) // flowlint-line unclear-type:off\n : // Default may be a static value, promise, or RecoilValue\n options.default,\n retainedBy_UNSTABLE: typeof options.retainedBy_UNSTABLE === 'function' ? options.retainedBy_UNSTABLE(params) : options.retainedBy_UNSTABLE,\n effects_UNSTABLE: typeof options.effects_UNSTABLE === 'function' ? options.effects_UNSTABLE(params) : options.effects_UNSTABLE // prettier-ignore\n // @fb-only: scopeRules_APPEND_ONLY_READ_THE_DOCS: mapScopeRules(\n // @fb-only: options.scopeRules_APPEND_ONLY_READ_THE_DOCS,\n // @fb-only: params,\n // @fb-only: ),\n\n });\n atomCache.set(params, newAtom);\n setConfigDeletionHandler$2(newAtom.key, () => {\n atomCache.delete(params);\n });\n return newAtom;\n };\n}\n\nvar Recoil_atomFamily = atomFamily;\n\nconst {\n setConfigDeletionHandler: setConfigDeletionHandler$3\n} = Recoil_Node;\n\n\n\n // Keep in mind the parameter needs to be serializable as a cahche key\n// using Recoil_stableStringify\n\n\n// Add a unique index to each selector in case the cache implementation allows\n// duplicate keys based on equivalent stringified parameters\nlet nextIndex = 0;\n/* eslint-disable no-redeclare */\n\n// Return a function that returns members of a family of selectors of the same type\n// E.g.,\n//\n// const s = selectorFamily(...);\n// s({a: 1}) => a selector\n// s({a: 2}) => a different selector\n//\n// By default, the selectors are distinguished by distinct values of the\n// parameter based on value equality, not reference equality. This allows using\n// object literals or other equivalent objects at callsites to not create\n// duplicate cache entries. This behavior may be overridden with the\n// cacheImplementationForParams option.\nfunction selectorFamily(options) {\n var _options$cachePolicyF, _options$cachePolicyF2;\n\n const selectorCache = Recoil_cacheFromPolicy({\n equality: (_options$cachePolicyF = (_options$cachePolicyF2 = options.cachePolicyForParams_UNSTABLE) === null || _options$cachePolicyF2 === void 0 ? void 0 : _options$cachePolicyF2.equality) !== null && _options$cachePolicyF !== void 0 ? _options$cachePolicyF : 'value',\n eviction: 'keep-all'\n });\n return params => {\n var _stableStringify;\n\n const cachedSelector = selectorCache.get(params);\n\n if (cachedSelector != null) {\n return cachedSelector;\n }\n\n const myKey = `${options.key}__selectorFamily/${(_stableStringify = Recoil_stableStringify(params, {\n // It is possible to use functions in parameters if the user uses\n // a cache with reference equality thanks to the incrementing index.\n allowFunctions: true\n })) !== null && _stableStringify !== void 0 ? _stableStringify : 'void'}/${nextIndex++}`; // Append index in case values serialize to the same key string\n\n const myGet = callbacks => options.get(params)(callbacks);\n\n const myCachePolicy = options.cachePolicy_UNSTABLE;\n const retainedBy = typeof options.retainedBy_UNSTABLE === 'function' ? options.retainedBy_UNSTABLE(params) : options.retainedBy_UNSTABLE;\n let newSelector;\n\n if (options.set != null) {\n const set = options.set;\n\n const mySet = (callbacks, newValue) => set(params)(callbacks, newValue);\n\n newSelector = Recoil_selector({\n key: myKey,\n get: myGet,\n set: mySet,\n cachePolicy_UNSTABLE: myCachePolicy,\n dangerouslyAllowMutability: options.dangerouslyAllowMutability,\n retainedBy_UNSTABLE: retainedBy\n });\n } else {\n newSelector = Recoil_selector({\n key: myKey,\n get: myGet,\n cachePolicy_UNSTABLE: myCachePolicy,\n dangerouslyAllowMutability: options.dangerouslyAllowMutability,\n retainedBy_UNSTABLE: retainedBy\n });\n }\n\n selectorCache.set(params, newSelector);\n setConfigDeletionHandler$3(newSelector.key, () => {\n selectorCache.delete(params);\n });\n return newSelector;\n };\n}\n/* eslint-enable no-redeclare */\n\n\nvar Recoil_selectorFamily = selectorFamily;\n\n// flowlint-next-line unclear-type:off\n\n\nconst constantSelector = Recoil_selectorFamily({\n key: '__constant',\n get: constant => () => constant,\n cachePolicyForParams_UNSTABLE: {\n equality: 'reference'\n }\n}); // Function that returns a selector which always produces the\n// same constant value. It may be called multiple times with the\n// same value, based on reference equality, and will provide the\n// same selector.\n\nfunction constSelector(constant) {\n return constantSelector(constant);\n}\n\nvar Recoil_constSelector = constSelector;\n\n// flowlint-next-line unclear-type:off\n\n\nconst throwingSelector = Recoil_selectorFamily({\n key: '__error',\n get: message => () => {\n throw Recoil_err(message);\n },\n // TODO Why?\n cachePolicyForParams_UNSTABLE: {\n equality: 'reference'\n }\n}); // Function that returns a selector which always throws an error\n// with the provided message.\n\nfunction errorSelector(message) {\n return throwingSelector(message);\n}\n\nvar Recoil_errorSelector = errorSelector;\n\n/**\n * Copyright (c) Facebook, Inc. and its affiliates.\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 * Wraps another recoil value and prevents writing to it.\n *\n * @emails oncall+recoil\n * \n * @format\n */\n\nfunction readOnlySelector(atom) {\n // flowlint-next-line unclear-type: off\n return atom;\n}\n\nvar Recoil_readOnlySelector = readOnlySelector;\n\nconst {\n loadableWithError: loadableWithError$3,\n loadableWithPromise: loadableWithPromise$3,\n loadableWithValue: loadableWithValue$4\n} = Recoil_Loadable$1;\n\n\n\n /////////////////\n// TRUTH TABLE\n/////////////////\n// Dependencies waitForNone waitForAny waitForAll waitForAllSettled\n// [loading, loading] [Promise, Promise] Promise Promise Promise\n// [value, loading] [value, Promise] [value, Promise] Promise Promise\n// [value, value] [value, value] [value, value] [value, value] [value, value]\n//\n// [error, loading] [Error, Promise] [Error, Promise] Error Promise\n// [error, error] [Error, Error] [Error, Error] Error [error, error]\n// [value, error] [value, Error] [value, Error] Error [value, error]\n// Issue parallel requests for all dependencies and return the current\n// status if they have results, have some error, or are still pending.\n\n\nfunction concurrentRequests(getRecoilValue, deps) {\n const results = Array(deps.length).fill(undefined);\n const exceptions = Array(deps.length).fill(undefined);\n\n for (const [i, dep] of deps.entries()) {\n try {\n results[i] = getRecoilValue(dep);\n } catch (e) {\n // exceptions can either be Promises of pending results or real errors\n exceptions[i] = e;\n }\n }\n\n return [results, exceptions];\n}\n\nfunction isError(exp) {\n return exp != null && !Recoil_isPromise(exp);\n}\n\nfunction unwrapDependencies(dependencies) {\n return Array.isArray(dependencies) ? dependencies : Object.getOwnPropertyNames(dependencies).map(key => dependencies[key]);\n}\n\nfunction wrapResults(dependencies, results) {\n return Array.isArray(dependencies) ? results : // Object.getOwnPropertyNames() has consistent key ordering with ES6\n Object.getOwnPropertyNames(dependencies).reduce((out, key, idx) => ({ ...out,\n [key]: results[idx]\n }), {});\n}\n\nfunction wrapLoadables(dependencies, results, exceptions) {\n const output = exceptions.map((exception, idx) => exception == null ? loadableWithValue$4(results[idx]) : Recoil_isPromise(exception) ? loadableWithPromise$3(exception) : loadableWithError$3(exception));\n return wrapResults(dependencies, output);\n}\n\nfunction combineAsyncResultsWithSyncResults(syncResults, asyncResults) {\n return asyncResults.map((result, idx) =>\n /**\n * it's important we use === undefined as opposed to == null, because the\n * resolved value of the async promise could be `null`, in which case we\n * don't want to use syncResults[idx], which would be undefined. If async\n * promise resolves to `undefined`, that's ok because `syncResults[idx]`\n * will also be `undefined`. That's a little hacky, but it works.\n */\n result === undefined ? syncResults[idx] : result);\n} // Selector that requests all dependencies in parallel and immediately returns\n// current results without waiting.\n\n\nconst waitForNone = Recoil_selectorFamily({\n key: '__waitForNone',\n get: dependencies => ({\n get\n }) => {\n // Issue requests for all dependencies in parallel.\n const deps = unwrapDependencies(dependencies);\n const [results, exceptions] = concurrentRequests(get, deps); // Always return the current status of the results; never block.\n\n return wrapLoadables(dependencies, results, exceptions);\n },\n dangerouslyAllowMutability: true\n}); // Selector that requests all dependencies in parallel and waits for at least\n// one to be available before returning results. It will only error if all\n// dependencies have errors.\n\nconst waitForAny = Recoil_selectorFamily({\n key: '__waitForAny',\n get: dependencies => ({\n get\n }) => {\n // Issue requests for all dependencies in parallel.\n // Exceptions can either be Promises of pending results or real errors\n const deps = unwrapDependencies(dependencies);\n const [results, exceptions] = concurrentRequests(get, deps); // If any results are available, value or error, return the current status\n\n if (exceptions.some(exp => !Recoil_isPromise(exp))) {\n return wrapLoadables(dependencies, results, exceptions);\n } // Otherwise, return a promise that will resolve when the next result is\n // available, whichever one happens to be next. But, if all pending\n // dependencies end up with errors, then reject the promise.\n\n\n return new Promise(resolve => {\n for (const [i, exp] of exceptions.entries()) {\n if (Recoil_isPromise(exp)) {\n exp.then(result => {\n results[i] = result;\n exceptions[i] = undefined;\n resolve(wrapLoadables(dependencies, results, exceptions));\n }).catch(error => {\n exceptions[i] = error;\n resolve(wrapLoadables(dependencies, results, exceptions));\n });\n }\n }\n });\n },\n dangerouslyAllowMutability: true\n}); // Selector that requests all dependencies in parallel and waits for all to be\n// available before returning a value. It will error if any dependencies error.\n\nconst waitForAll = Recoil_selectorFamily({\n key: '__waitForAll',\n get: dependencies => ({\n get\n }) => {\n // Issue requests for all dependencies in parallel.\n // Exceptions can either be Promises of pending results or real errors\n const deps = unwrapDependencies(dependencies);\n const [results, exceptions] = concurrentRequests(get, deps); // If all results are available, return the results\n\n if (exceptions.every(exp => exp == null)) {\n return wrapResults(dependencies, results);\n } // If we have any errors, throw the first error\n\n\n const error = exceptions.find(isError);\n\n if (error != null) {\n throw error;\n } // Otherwise, return a promise that will resolve when all results are available\n\n\n return Promise.all(exceptions).then(exceptionResults => wrapResults(dependencies, combineAsyncResultsWithSyncResults(results, exceptionResults)));\n },\n dangerouslyAllowMutability: true\n});\nconst waitForAllSettled = Recoil_selectorFamily({\n key: '__waitForAllSettled',\n get: dependencies => ({\n get\n }) => {\n // Issue requests for all dependencies in parallel.\n // Exceptions can either be Promises of pending results or real errors\n const deps = unwrapDependencies(dependencies);\n const [results, exceptions] = concurrentRequests(get, deps); // If all results are available, return the results\n\n if (exceptions.every(exp => !Recoil_isPromise(exp))) {\n return wrapLoadables(dependencies, results, exceptions);\n } // Wait for all results to settle\n\n\n return Promise.all(exceptions.map((exp, i) => Recoil_isPromise(exp) ? exp.then(result => {\n results[i] = result;\n exceptions[i] = undefined;\n }).catch(error => {\n results[i] = undefined;\n exceptions[i] = error;\n }) : null)) // Then wrap them as loadables\n .then(() => wrapLoadables(dependencies, results, exceptions));\n },\n dangerouslyAllowMutability: true\n});\nconst noWait = Recoil_selectorFamily({\n key: '__noWait',\n get: dependency => ({\n get\n }) => {\n try {\n return loadableWithValue$4(get(dependency));\n } catch (exception) {\n return Recoil_isPromise(exception) ? loadableWithPromise$3(exception) : loadableWithError$3(exception);\n }\n },\n dangerouslyAllowMutability: true\n});\nvar Recoil_WaitFor = {\n waitForNone,\n waitForAny,\n waitForAll,\n waitForAllSettled,\n noWait\n};\n\nconst {\n RecoilLoadable\n} = Recoil_Loadable$1;\n\nconst {\n DefaultValue: DefaultValue$3\n} = Recoil_Node;\n\nconst {\n RecoilRoot: RecoilRoot$2\n} = Recoil_RecoilRoot_react;\n\nconst {\n isRecoilValue: isRecoilValue$5\n} = Recoil_RecoilValue$1;\n\nconst {\n retentionZone: retentionZone$1\n} = Recoil_RetentionZone;\n\nconst {\n freshSnapshot: freshSnapshot$2\n} = Recoil_Snapshot$1;\n\nconst {\n useRecoilState: useRecoilState$1,\n useRecoilStateLoadable: useRecoilStateLoadable$1,\n useRecoilValue: useRecoilValue$1,\n useRecoilValueLoadable: useRecoilValueLoadable$1,\n useResetRecoilState: useResetRecoilState$1,\n useSetRecoilState: useSetRecoilState$1,\n useSetUnvalidatedAtomValues: useSetUnvalidatedAtomValues$1\n} = Recoil_Hooks;\n\nconst {\n useGotoRecoilSnapshot: useGotoRecoilSnapshot$2,\n useRecoilSnapshot: useRecoilSnapshot$1,\n useRecoilTransactionObserver: useRecoilTransactionObserver$1,\n useTransactionObservation_DEPRECATED: useTransactionObservation_DEPRECATED$1\n} = Recoil_SnapshotHooks;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst {\n noWait: noWait$1,\n waitForAll: waitForAll$1,\n waitForAllSettled: waitForAllSettled$1,\n waitForAny: waitForAny$1,\n waitForNone: waitForNone$1\n} = Recoil_WaitFor;\n\nvar Recoil_index = {\n // Types\n DefaultValue: DefaultValue$3,\n isRecoilValue: isRecoilValue$5,\n RecoilLoadable,\n // Recoil Root\n RecoilRoot: RecoilRoot$2,\n useRecoilBridgeAcrossReactRoots_UNSTABLE: Recoil_useRecoilBridgeAcrossReactRoots,\n // Atoms/Selectors\n atom: Recoil_atom,\n selector: Recoil_selector,\n // Convenience Atoms/Selectors\n atomFamily: Recoil_atomFamily,\n selectorFamily: Recoil_selectorFamily,\n constSelector: Recoil_constSelector,\n errorSelector: Recoil_errorSelector,\n readOnlySelector: Recoil_readOnlySelector,\n // Concurrency Helpers for Atoms/Selectors\n noWait: noWait$1,\n waitForNone: waitForNone$1,\n waitForAny: waitForAny$1,\n waitForAll: waitForAll$1,\n waitForAllSettled: waitForAllSettled$1,\n // Hooks for Atoms/Selectors\n useRecoilValue: useRecoilValue$1,\n useRecoilValueLoadable: useRecoilValueLoadable$1,\n useRecoilState: useRecoilState$1,\n useRecoilStateLoadable: useRecoilStateLoadable$1,\n useSetRecoilState: useSetRecoilState$1,\n useResetRecoilState: useResetRecoilState$1,\n useGetRecoilValueInfo_UNSTABLE: Recoil_useGetRecoilValueInfo,\n useRecoilRefresher_UNSTABLE: Recoil_useRecoilRefresher,\n // Hooks for complex operations\n useRecoilCallback: Recoil_useRecoilCallback,\n useRecoilTransaction_UNSTABLE: Recoil_useRecoilTransaction,\n // Snapshots\n useGotoRecoilSnapshot: useGotoRecoilSnapshot$2,\n useRecoilSnapshot: useRecoilSnapshot$1,\n useRecoilTransactionObserver_UNSTABLE: useRecoilTransactionObserver$1,\n useTransactionObservation_UNSTABLE: useTransactionObservation_DEPRECATED$1,\n useSetUnvalidatedAtomValues_UNSTABLE: useSetUnvalidatedAtomValues$1,\n snapshot_UNSTABLE: freshSnapshot$2,\n // Memory Management\n useRetain: Recoil_useRetain,\n retentionZone: retentionZone$1\n};\nvar Recoil_index_1 = Recoil_index.DefaultValue;\nvar Recoil_index_2 = Recoil_index.isRecoilValue;\nvar Recoil_index_3 = Recoil_index.RecoilLoadable;\nvar Recoil_index_4 = Recoil_index.RecoilRoot;\nvar Recoil_index_5 = Recoil_index.useRecoilBridgeAcrossReactRoots_UNSTABLE;\nvar Recoil_index_6 = Recoil_index.atom;\nvar Recoil_index_7 = Recoil_index.selector;\nvar Recoil_index_8 = Recoil_index.atomFamily;\nvar Recoil_index_9 = Recoil_index.selectorFamily;\nvar Recoil_index_10 = Recoil_index.constSelector;\nvar Recoil_index_11 = Recoil_index.errorSelector;\nvar Recoil_index_12 = Recoil_index.readOnlySelector;\nvar Recoil_index_13 = Recoil_index.noWait;\nvar Recoil_index_14 = Recoil_index.waitForNone;\nvar Recoil_index_15 = Recoil_index.waitForAny;\nvar Recoil_index_16 = Recoil_index.waitForAll;\nvar Recoil_index_17 = Recoil_index.waitForAllSettled;\nvar Recoil_index_18 = Recoil_index.useRecoilValue;\nvar Recoil_index_19 = Recoil_index.useRecoilValueLoadable;\nvar Recoil_index_20 = Recoil_index.useRecoilState;\nvar Recoil_index_21 = Recoil_index.useRecoilStateLoadable;\nvar Recoil_index_22 = Recoil_index.useSetRecoilState;\nvar Recoil_index_23 = Recoil_index.useResetRecoilState;\nvar Recoil_index_24 = Recoil_index.useGetRecoilValueInfo_UNSTABLE;\nvar Recoil_index_25 = Recoil_index.useRecoilRefresher_UNSTABLE;\nvar Recoil_index_26 = Recoil_index.useRecoilCallback;\nvar Recoil_index_27 = Recoil_index.useRecoilTransaction_UNSTABLE;\nvar Recoil_index_28 = Recoil_index.useGotoRecoilSnapshot;\nvar Recoil_index_29 = Recoil_index.useRecoilSnapshot;\nvar Recoil_index_30 = Recoil_index.useRecoilTransactionObserver_UNSTABLE;\nvar Recoil_index_31 = Recoil_index.useTransactionObservation_UNSTABLE;\nvar Recoil_index_32 = Recoil_index.useSetUnvalidatedAtomValues_UNSTABLE;\nvar Recoil_index_33 = Recoil_index.snapshot_UNSTABLE;\nvar Recoil_index_34 = Recoil_index.useRetain;\nvar Recoil_index_35 = Recoil_index.retentionZone;\n\nexport default Recoil_index;\nexport { Recoil_index_1 as DefaultValue, Recoil_index_3 as RecoilLoadable, Recoil_index_4 as RecoilRoot, Recoil_index_6 as atom, Recoil_index_8 as atomFamily, Recoil_index_10 as constSelector, Recoil_index_11 as errorSelector, Recoil_index_2 as isRecoilValue, Recoil_index_13 as noWait, Recoil_index_12 as readOnlySelector, Recoil_index_35 as retentionZone, Recoil_index_7 as selector, Recoil_index_9 as selectorFamily, Recoil_index_33 as snapshot_UNSTABLE, Recoil_index_24 as useGetRecoilValueInfo_UNSTABLE, Recoil_index_28 as useGotoRecoilSnapshot, Recoil_index_5 as useRecoilBridgeAcrossReactRoots_UNSTABLE, Recoil_index_26 as useRecoilCallback, Recoil_index_25 as useRecoilRefresher_UNSTABLE, Recoil_index_29 as useRecoilSnapshot, Recoil_index_20 as useRecoilState, Recoil_index_21 as useRecoilStateLoadable, Recoil_index_30 as useRecoilTransactionObserver_UNSTABLE, Recoil_index_27 as useRecoilTransaction_UNSTABLE, Recoil_index_18 as useRecoilValue, Recoil_index_19 as useRecoilValueLoadable, Recoil_index_23 as useResetRecoilState, Recoil_index_34 as useRetain, Recoil_index_22 as useSetRecoilState, Recoil_index_32 as useSetUnvalidatedAtomValues_UNSTABLE, Recoil_index_31 as useTransactionObservation_UNSTABLE, Recoil_index_16 as waitForAll, Recoil_index_17 as waitForAllSettled, Recoil_index_15 as waitForAny, Recoil_index_14 as waitForNone };\n","/** @license React v0.20.2\n * scheduler.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\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'use strict';var f,g,h,k;if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}\nif(\"undefined\"===typeof window||\"function\"!==typeof MessageChannel){var t=null,u=null,w=function(){if(null!==t)try{var a=exports.unstable_now();t(!0,a);t=null}catch(b){throw setTimeout(w,0),b;}};f=function(a){null!==t?setTimeout(f,0,a):(t=a,setTimeout(w,0))};g=function(a,b){u=setTimeout(a,b)};h=function(){clearTimeout(u)};exports.unstable_shouldYield=function(){return!1};k=exports.unstable_forceFrameRate=function(){}}else{var x=window.setTimeout,y=window.clearTimeout;if(\"undefined\"!==typeof console){var z=\nwindow.cancelAnimationFrame;\"function\"!==typeof window.requestAnimationFrame&&console.error(\"This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills\");\"function\"!==typeof z&&console.error(\"This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills\")}var A=!1,B=null,C=-1,D=5,E=0;exports.unstable_shouldYield=function(){return exports.unstable_now()>=\nE};k=function(){};exports.unstable_forceFrameRate=function(a){0>a||125
, the skeleton lines will all run together if\n // `width` is specified\n elements.push(React.createElement(React.Fragment, { key: i },\n skeletonSpan,\n React.createElement(\"br\", null)));\n }\n }\n return (React.createElement(\"span\", { className: containerClassName, \"data-testid\": containerTestId, \"aria-live\": \"polite\", \"aria-busy\": (_c = styleOptions.enableAnimation) !== null && _c !== void 0 ? _c : defaultEnableAnimation }, Wrapper\n ? elements.map((el, i) => React.createElement(Wrapper, { key: i }, el))\n : elements));\n}\n\nfunction SkeletonTheme({ children, ...styleOptions }) {\n return (React.createElement(SkeletonThemeContext.Provider, { value: styleOptions }, children));\n}\n\nexport { SkeletonTheme, Skeleton as default };\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","var getProto = Object.getPrototypeOf ? function(obj) { return Object.getPrototypeOf(obj); } : function(obj) { return obj.__proto__; };\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach(function(key) { def[key] = function() { return value[key]; }; });\n\t}\n\tdef['default'] = function() { return value; };\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { setConfigurationId, deleteConfigurationId } from \"_config/session\";\r\nimport ApiClient from \"../../_config/client\";\r\n\r\nexport const newConfigurationRequest = () => ApiClient.post(\"/configuration/new\");\r\n\r\nexport const getConfigurationRegionRequest = () => ApiClient.get(\"configuration/region\");\r\n\r\nexport const setConfigurationRegionRequest = () => ApiClient.put(\"/configuration/region\");\r\n\r\nexport const setConfigurationStepRequest = (stepNumber) => ApiClient.put(`/configuration/step/${stepNumber}`);\r\n\r\nexport const getConfigurationsRequest = () => ApiClient.get(\"/configuration\");\r\n\r\nexport const acceptConfigurationRequest = () => ApiClient.post(\"/configuration/accept\");\r\n\r\nexport const editConfigurationRequest = (configurationId) => {\r\n setConfigurationId(configurationId);\r\n return ApiClient.post(`configuration/edit`);\r\n};\r\n\r\nexport const cloneConfigurationRequest = (configurationId) => {\r\n setConfigurationId(configurationId);\r\n return ApiClient.post(`configuration/clone`);\r\n};\r\n\r\nexport const deleteConfigurationRequest = (configurationId) => {\r\n setConfigurationId(configurationId);\r\n return ApiClient.delete(`configuration`);\r\n};\r\n\r\nexport const discardConfigurationRequest = (auto) => {\r\n return ApiClient.post(`configuration/discard${auto ? \"?auto=true\" : \"\"}`);\r\n}\r\n\r\nexport const setConfigurationQuantityRequest = (configurationId, quantity) => {\r\n setConfigurationId(configurationId);\r\n return ApiClient.put(`configuration/setQuantity?quantity=${quantity}`);\r\n};\r\n\r\nexport const validateBiocodeRequest = (biocode) => {\r\n return ApiClient.post(`configuration/biocode/${biocode}/validate`);\r\n};\r\n\r\nexport const createConfigurationFromBiocodeRequest = (biocode) => {\r\n return ApiClient.post(`configuration/biocode/${biocode}/new`);\r\n};\r\n\r\nexport const setConfigurationQuantity = (\r\n configurationId,\r\n quantity,\r\n dispatch\r\n) => {\r\n setConfigurationQuantityRequest(configurationId, quantity)\r\n .then(() => {\r\n deleteConfigurationId();\r\n dispatch();\r\n })\r\n .catch((error) => {\r\n dispatch();\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const deleteConfiguration = (configurationId, dispatch) => {\r\n deleteConfigurationRequest(configurationId)\r\n .then(() => {\r\n deleteConfigurationId();\r\n dispatch(true);\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const editConfiguration = (configurationId, dispatch) => {\r\n editConfigurationRequest(configurationId)\r\n .then(() => {\r\n dispatch();\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const cloneConfiguration = (configurationId, dispatch) => {\r\n cloneConfigurationRequest(configurationId)\r\n .then(() => {\r\n deleteConfigurationId();\r\n dispatch();\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const discardConfiguration = (auto = false, dispatch) => {\r\n discardConfigurationRequest(auto)\r\n .then(() => {\r\n dispatch(true);\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const newConfiguration = (dispatch) => {\r\n newConfigurationRequest()\r\n .then(({ data }) => {\r\n setConfigurationId(data.id);\r\n dispatch();\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n};\r\n\r\nexport const validateBiocode = async (biocode) => {\r\n try {\r\n await validateBiocodeRequest(biocode)\r\n return true\r\n } catch (error){\r\n console.log(error);\r\n return false\r\n }\r\n};\r\n\r\nexport const createNewConfigurationFromBiocode = async (biocode) => {\r\n try {\r\n const data = await createConfigurationFromBiocodeRequest(biocode)\r\n \r\n setConfigurationId(data.data.configuration.id);\r\n return { success: true, stepNumber: data.data.stepNumber }\r\n } catch (error){\r\n console.log(error);\r\n return { success: false }\r\n }\r\n}","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.informingType.state\",\r\n default: { informingType: \"\" },\r\n});\r\n\r\nexport default state;\r\n","import { selector } from \"recoil\";\r\nimport state from \"./index\";\r\n\r\nexport const informingTypeSelector = selector({\r\n key: \"store.informingType.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n informingType: newValue,\r\n }),\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.userData.state\",\r\n default: {\r\n firstName: { value: \"\", valid: true },\r\n lastName: { value: \"\", valid: true },\r\n organization: { value: \"\", valid: true },\r\n email: { value: \"\", valid: true },\r\n country: { value: \"\", valid: true },\r\n phone: { value: \"\", valid: true },\r\n street1: { value: \"\", valid: true },\r\n street2: { value: \"\", valid: true },\r\n street3: { value: \"\", valid: true },\r\n zip: { value: \"\", valid: true },\r\n city: { value: \"\", valid: true },\r\n reference: { value: \"\", valid: true },\r\n },\r\n});\r\n\r\nexport default state;\r\n","import ApiClient from \"_config/client\";\r\nexport const sendEmailToRequesterRequest = (userData) =>\r\n ApiClient.post(\"/request/email\", userData);\r\n\r\nexport const sendQuotationRequest = (userData) =>\r\n ApiClient.post(\"/request/quotation\", userData);\r\n\r\nexport const sendContactMeRequest = (userData) =>\r\n ApiClient.post(\"/request/contactMe\", userData);\r\n\r\nexport const getCountryRequest = () => ApiClient.get(\"/country\");\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.userData.sending.state\",\r\n default: {\r\n isSending: false,\r\n },\r\n});\r\n\r\nexport default state;\r\n","import state from \"./index\";\r\nimport { selector } from \"recoil\";\r\nexport const userDataSendingStateSelector = selector({\r\n key: \"store.userData.userData.sending.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n isSending: newValue,\r\n }),\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.countries.state\",\r\n default: {},\r\n});\r\n\r\nexport default state;\r\n","import { selector, useSetRecoilState } from \"recoil\";\r\nimport { getCountryRequest } from \"_store/userData/service\";\r\nimport state from \"./index\";\r\n\r\nexport const countriesSelector = selector({\r\n key: \"store.countries.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, list) =>\r\n set(state, {\r\n ...get(state),\r\n list,\r\n }),\r\n});\r\n\r\nexport const useGetCountries = () => {\r\n const setCountries = useSetRecoilState(countriesSelector);\r\n\r\n return (dispatch) => {\r\n getCountryRequest()\r\n .then((data) => {\r\n setCountries(data.data);\r\n dispatch(data.data)\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n dispatch()\r\n });\r\n };\r\n};","import state from \"./index\";\r\nimport {\r\n selector,\r\n useRecoilState,\r\n useRecoilValue,\r\n useSetRecoilState,\r\n} from \"recoil\";\r\nimport { informingTypeSelector } from \"_store/informingType/selectors\";\r\nimport {\r\n sendContactMeRequest,\r\n sendEmailToRequesterRequest,\r\n sendQuotationRequest,\r\n} from \"./service\";\r\nimport { validateEmail } from \"__utilities/functions/Public\";\r\nimport { userDataSendingStateSelector } from \"./sendingState/selectors\";\r\nimport { countriesSelector } from \"_store/countries/selectors\";\r\n\r\nexport const userDataSelector = selector({\r\n key: \"store.userData.userData.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n ...newValue,\r\n }),\r\n});\r\n\r\nexport const userDataFirstNameSelector = selector({\r\n key: \"store.userData.firstName.selector\",\r\n get: ({ get }) => get(state).firstName,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n firstName: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataLastNameSelector = selector({\r\n key: \"store.userData.lastName.selector\",\r\n get: ({ get }) => get(state).lastName,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n lastName: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataOrganizationSelector = selector({\r\n key: \"store.userData.selector\",\r\n get: ({ get }) => get(state).organization,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n organization: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataEmailSelector = selector({\r\n key: \"store.userData.email.selector\",\r\n get: ({ get }) => get(state).email,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n email: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataCountrySelector = selector({\r\n key: \"store.userData.country.selector\",\r\n get: ({ get }) => get(state).country,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n country: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataPhoneSelector = selector({\r\n key: \"store.userData.phone.selector\",\r\n get: ({ get }) => get(state).phone,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n phone: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataStreet1Selector = selector({\r\n key: \"store.userData.street1.selector\",\r\n get: ({ get }) => get(state).street1,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n street1: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataStreet2Selector = selector({\r\n key: \"store.userData.street2.selector\",\r\n get: ({ get }) => get(state).street2,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n street2: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataStreet3Selector = selector({\r\n key: \"store.userData.street3.selector\",\r\n get: ({ get }) => get(state).street3,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n street3: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataZipSelector = selector({\r\n key: \"store.userData.zip.selector\",\r\n get: ({ get }) => get(state).zip,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n zip: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const userDataCitySelector = selector({\r\n key: \"store.userData.city.selector\",\r\n get: ({ get }) => get(state).city,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n city: { value: newValue },\r\n }),\r\n});\r\nexport const userReferenceSelector = selector({\r\n key: \"store.userData.reference.selector\",\r\n get: ({ get }) => get(state).reference,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n reference: { value: newValue },\r\n }),\r\n});\r\n\r\nexport const useRefreshUserDataState = () => {\r\n const set = useSetRecoilState(userDataSelector);\r\n\r\n return () => {\r\n set({\r\n firstName: { value: \"\", valid: true },\r\n lastName: { value: \"\", valid: true },\r\n organization: { value: \"\", valid: true },\r\n email: { value: \"\", valid: true },\r\n country: { value: \"\", valid: true },\r\n phone: { value: \"\", valid: true },\r\n street1: { value: \"\", valid: true },\r\n street2: { value: \"\", valid: true },\r\n street3: { value: \"\", valid: true },\r\n zip: { value: \"\", valid: true },\r\n city: { value: \"\", valid: true },\r\n reference: { value: \"\", valid: true },\r\n });\r\n };\r\n};\r\n\r\nexport const useValidateAndSendUserData = () => {\r\n const [data, setData] = useRecoilState(userDataSelector);\r\n const { informingType } = useRecoilValue(informingTypeSelector);\r\n const setSendingState = useSetRecoilState(userDataSendingStateSelector);\r\n const selectedCountry = useRecoilValue(userDataCountrySelector)\r\n const countries = useRecoilValue(countriesSelector)\r\n\r\n const request =\r\n informingType === \"createConfigurationID\"\r\n ? sendEmailToRequesterRequest\r\n : informingType === \"quotation\"\r\n ? sendQuotationRequest\r\n : informingType === \"contactMe\" && sendContactMeRequest;\r\n return (dispatch) => {\r\n if (!informingType) return;\r\n\r\n let validation = validateUserData(data, informingType, setData);\r\n \r\n const countryCode = countries?.list?.filter(country => country.name === selectedCountry.value)?.[0]?.code\r\n\r\n validation.returnObj[\"countryCode\"] = countryCode ?? \"ROW\" \r\n\r\n if (validation.error === false) {\r\n setSendingState(true);\r\n request(validation.returnObj)\r\n .then(() => {\r\n setSendingState(false);\r\n dispatch();\r\n })\r\n .catch((error) => {\r\n setSendingState(false);\r\n console.log(error);\r\n });\r\n }\r\n };\r\n};\r\n\r\nconst validateUserData = (data, informingType, dispatch) => {\r\n let error = false;\r\n let description = \"Feel all (*) fields!!!\";\r\n const { firstName } = data;\r\n const { lastName } = data;\r\n const { organization } = data;\r\n const { email } = data;\r\n const { country } = data;\r\n const { phone } = data;\r\n const { street1 } = data;\r\n const { street2 } = data;\r\n const { street3 } = data;\r\n const { zip } = data;\r\n const { city } = data;\r\n const { reference } = data;\r\n let returnObj = {};\r\n\r\n let validationObj = {\r\n firstName: { valid: true, ...firstName },\r\n lastName: { valid: true, ...lastName },\r\n organization: { valid: true, ...organization },\r\n country: { valid: true, ...country },\r\n email: { valid: true, ...email },\r\n street1: { valid: true, ...street1 },\r\n zip: { valid: true, ...zip },\r\n city: { valid: true, ...city },\r\n phone: { valid: true, ...phone },\r\n };\r\n if (!firstName.value) {\r\n validationObj.firstName.valid = false;\r\n error = true;\r\n }\r\n if (!lastName.value) {\r\n validationObj.lastName.valid = false;\r\n error = true;\r\n }\r\n if (!organization.value) {\r\n validationObj.organization.valid = false;\r\n error = true;\r\n }\r\n if (!country.value) {\r\n validationObj.country.valid = false;\r\n error = true;\r\n }\r\n if (!email.value || !validateEmail(email.value)) {\r\n validationObj.email.valid = false;\r\n error = true;\r\n }\r\n\r\n if (informingType === \"createConfigurationID\") {\r\n const obj = { ...data, ...validationObj };\r\n dispatch(obj);\r\n\r\n returnObj = {\r\n FirstName: firstName.value,\r\n LastName: lastName.value,\r\n Organization: organization.value,\r\n CountryName: country.value,\r\n Email: email.value,\r\n PhoneNumber: phone.value,\r\n Reference: reference.value\r\n };\r\n }\r\n if (informingType === \"quotation\") {\r\n if (!street1.value) {\r\n validationObj.street1.valid = false;\r\n error = true;\r\n }\r\n if (!zip.value) {\r\n validationObj.zip.valid = false;\r\n error = true;\r\n }\r\n if (!city.value) {\r\n validationObj.city.valid = false;\r\n error = true;\r\n }\r\n\r\n const obj = { ...data, ...validationObj };\r\n dispatch(obj);\r\n\r\n returnObj = {\r\n FirstName: firstName.value,\r\n LastName: lastName.value,\r\n Organization: organization.value,\r\n CountryName: country.value,\r\n Email: email.value,\r\n AddressLine1: street1.value,\r\n AddressLine2: street2.value,\r\n AddressLine3: street3.value,\r\n ZIPCode: zip.value,\r\n City: city.value,\r\n PhoneNumber: phone.value,\r\n Reference: reference.value\r\n };\r\n }\r\n if (informingType === \"contactMe\") {\r\n if (!phone.value) {\r\n validationObj.phone.valid = false;\r\n error = true;\r\n }\r\n\r\n const obj = { ...data, ...validationObj };\r\n dispatch(obj);\r\n returnObj = {\r\n FirstName: firstName.value,\r\n LastName: lastName.value,\r\n Organization: organization.value,\r\n CountryName: country.value,\r\n Email: email.value,\r\n PhoneNumber: phone.value,\r\n Reference: reference.value\r\n };\r\n }\r\n\r\n if (!validateEmail(email.value)) {\r\n error = true;\r\n description = \"Bad email format!!!\";\r\n }\r\n\r\n return { returnObj, error, description };\r\n};\r\n","export const chooseRegionPage = 0;\r\nexport const chooseRangePage = 1;\r\nexport const dimensionsPage = 2\r\nexport const materialPage = 3\r\nexport const energyTypePage = 4\r\nexport const optionsPage = 5 // pages \r\nexport const summaryPage = 100\r\nexport const estimatePage = 101\r\nexport const informingTypePage = 102\r\nexport const userDataPage = 103\r\nexport const confirmationPage = 104","export const chooseRangeStep = 1;\r\nexport const dimensionsStep = 2\r\nexport const materialStep = 3\r\nexport const energyTypeStep = 4\r\nexport const optionsStep = 5 // steps 5-9 \r\nexport const summaryStep = 10\r\nexport const estimateStep = 20\r\nexport const informingTypeStep = 21\r\nexport const userDataStep = 22\r\nexport const confirmationStep = 30","import { atom } from \"recoil\";\r\nimport { chooseRegionPage } from \"__utilities/PageStepEnum\";\r\n\r\nconst state = atom({\r\n key: \"store.page.state\",\r\n default: {\r\n page: chooseRegionPage,\r\n refresh: false,\r\n },\r\n});\r\n\r\nexport default state;\r\n","import { selector, useRecoilState, useRecoilValue } from \"recoil\";\r\nimport { deleteConfigurationId } from \"_config/session\";\r\nimport { acceptConfigurationRequest, setConfigurationStepRequest } from \"_store/configurations/service\";\r\nimport { informingTypeSelector } from \"_store/informingType/selectors\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport { useValidateAndSendUserData } from \"_store/userData/selectors\";\r\nimport { restartMainScrollBar } from \"__utilities/functions/Public\";\r\nimport {\r\n chooseRangePage,\r\n optionsPage,\r\n summaryPage,\r\n estimatePage,\r\n informingTypePage,\r\n userDataPage,\r\n confirmationPage,\r\n} from \"__utilities/PageStepEnum\";\r\nimport {\r\n summaryStep,\r\n estimateStep,\r\n informingTypeStep,\r\n userDataStep,\r\n confirmationStep,\r\n} from \"__utilities/StepEnum\";\r\nimport state from \"./index\";\r\n\r\nexport const activePageSelector = selector({\r\n key: \"store.page.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, newValue) => {\r\n if (newValue?.page < 0) return;\r\n set(state, {\r\n ...get(state),\r\n page: newValue.page,\r\n refresh: newValue.refresh,\r\n });\r\n },\r\n});\r\n\r\nexport const useActivePage = () => {\r\n const [page, setPage] = useRecoilState(activePageSelector);\r\n\r\n const setCurrentStep = (page) => {\r\n let stepNumber = null;\r\n\r\n if (page < summaryPage) {\r\n stepNumber = page > 0 ? page : 1;\r\n }\r\n else if (page === summaryPage) {\r\n stepNumber = summaryStep;\r\n }\r\n if (page < estimatePage) {\r\n stepNumber = page > 0 ? page : 1;\r\n }\r\n else if (page === estimatePage) {\r\n stepNumber = estimateStep;\r\n }\r\n else if (page === informingTypePage) {\r\n stepNumber = informingTypeStep;\r\n }\r\n else if (page === userDataPage) {\r\n stepNumber = userDataStep;\r\n }\r\n else if (page === confirmationPage) {\r\n stepNumber = confirmationStep;\r\n }\r\n\r\n // SKIP SUMMARY PAGE\r\n if (stepNumber === summaryStep) {\r\n stepNumber = estimateStep;\r\n }\r\n\r\n if (stepNumber) {\r\n setConfigurationStepRequest(stepNumber)\r\n .catch((error) => console.log(error));\r\n }\r\n }\r\n\r\n return {\r\n currPage: page.page,\r\n forceRefresh: page.refresh,\r\n prevPage: (prevStep) => {\r\n restartMainScrollBar();\r\n\r\n let pageNumber;\r\n if (prevStep) {\r\n pageNumber = prevStep.number;\r\n }\r\n else {\r\n pageNumber = page.page - 1;\r\n }\r\n\r\n // SKIP SUMMARY PAGE\r\n if (pageNumber === summaryPage || pageNumber === summaryStep) {\r\n pageNumber = 9;\r\n }\r\n\r\n if (pageNumber >= estimatePage) {\r\n deleteConfigurationId();\r\n }\r\n setCurrentStep(pageNumber);\r\n return setPage({ page: pageNumber, refresh: false });\r\n },\r\n nextPage: (nextStep) => {\r\n restartMainScrollBar();\r\n\r\n let pageNumber;\r\n if (nextStep?.isSummary === true) {\r\n pageNumber = summaryPage;\r\n }\r\n else if (nextStep) {\r\n pageNumber = nextStep.number;\r\n }\r\n else {\r\n pageNumber = page.page + 1;\r\n }\r\n\r\n // SKIP SUMMARY PAGE\r\n if (pageNumber === summaryPage || pageNumber === summaryStep) {\r\n pageNumber = estimatePage;\r\n }\r\n\r\n if (pageNumber >= estimatePage) {\r\n deleteConfigurationId();\r\n }\r\n setCurrentStep(pageNumber);\r\n return setPage({ page: pageNumber, refresh: false });\r\n },\r\n setPage: (pageIndex, forceRefresh = false, directionForward = true) => {\r\n restartMainScrollBar();\r\n\r\n let pageNumber;\r\n\r\n if (pageIndex === summaryStep) {\r\n pageNumber = summaryPage;\r\n }\r\n else {\r\n pageNumber = pageIndex;\r\n }\r\n\r\n // SKIP SUMMARY PAGE\r\n if (pageNumber === summaryPage || pageNumber === summaryStep) {\r\n if (directionForward === false) {\r\n pageNumber = 9;\r\n }\r\n else {\r\n pageNumber = estimatePage;\r\n }\r\n }\r\n\r\n if (pageNumber >= estimatePage) {\r\n deleteConfigurationId();\r\n }\r\n setCurrentStep(pageNumber);\r\n return setPage({ page: pageNumber, refresh: forceRefresh });\r\n },\r\n };\r\n};\r\n\r\nexport const useGoToStep = () => {\r\n let { steps, isLoading, isValid } = useRecoilValue(summarySelector);\r\n const { currPage, prevPage, nextPage } = useActivePage();\r\n const validation = useValidateAndSendUserData();\r\n const { informingType } = useRecoilValue(informingTypeSelector);\r\n\r\n let currStep;\r\n\r\n if (currPage === summaryPage) {\r\n currStep = steps.find((s) => s.number === summaryStep);\r\n } else {\r\n currStep = steps.find((s) => s.number === currPage);\r\n }\r\n\r\n let nextStep = steps.find(\r\n (s) => s.number > currPage && s.isAvailable === true\r\n );\r\n\r\n let reverseSteps = [...steps];\r\n let prevStep = reverseSteps\r\n .reverse()\r\n .find(\r\n (s) => s.number < currPage && s.isAvailable === true && s.number < summaryStep\r\n );\r\n\r\n const mainCheck = currStep?.isSummary\r\n ? isLoading || currStep?.isSummary !== true\r\n : isLoading ||\r\n (currStep?.isCompleted !== true && currPage > chooseRangePage) ||\r\n (isValid !== true && currStep?.isLastStep === true);\r\n\r\n return {\r\n goToNextStep: () => {\r\n if (mainCheck)\r\n if (currPage < estimatePage)\r\n return; /* if (currPage < 101) added because currPage dose not exits after 100 */\r\n\r\n // SKIP SUMMARY PAGE -> [currStep?.isSummary] replaced with [currStep?.isLastStep]\r\n if (currStep?.isLastStep === false) {\r\n nextPage(nextStep);\r\n } else {\r\n if (currStep?.isLastStep === true) {\r\n acceptConfigurationRequest()\r\n .then(() => {\r\n deleteConfigurationId();\r\n nextPage(nextStep);\r\n })\r\n .catch((error) => console.log(error));\r\n } else if (currPage === informingTypePage && !informingType) {\r\n // preventing flickering if informing type not selected\r\n return;\r\n } else if (currPage === userDataPage) {\r\n validation(() => {\r\n nextPage();\r\n });\r\n } else {\r\n nextPage(null);\r\n }\r\n }\r\n },\r\n goToPrevStep: () => {\r\n if (currPage >= informingTypePage) {\r\n prevPage();\r\n }\r\n if (isLoading) return;\r\n if (currPage > summaryPage) {\r\n prevPage();\r\n } else {\r\n prevPage(prevStep);\r\n }\r\n },\r\n currStepIsCompleted: () =>\r\n {\r\n if (currPage === informingTypePage && !informingType)\r\n {\r\n return false;\r\n }\r\n\r\n return !mainCheck ||\r\n currPage > summaryPage /* if (currPage < 101) added because currPage dose not exits after 100 */\r\n }\r\n };\r\n};\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.localization.state\",\r\n default: {\r\n localization: {\r\n //Step1_Title\r\n //StepOverview_Title_Configure\r\n //Step1_Subtitle\r\n //Step1_Filter_Width\r\n //Step1_Filter_Depth\r\n //Step1_Filter_Height\r\n //Step1_Filter_Volume\r\n //Step1_Filter_TempRange\r\n //StepOverview_Step1\r\n //StepOverview_Step2\r\n //StepOverview_Step3\r\n //StepOverview_Step4\r\n //StepOverview_Step5\r\n //StepOverview_Step6\r\n //StepOverview_Step7\r\n //StepOverview_Step8\r\n //StepOverview_Step9\r\n //StepOverview_Step10\r\n //Global_Button_Configure\r\n //Global_Button_ReadSpec\r\n //Global_Button_Next\r\n //Global_Button_Previous\r\n //Summary_Total_Title\r\n //Summary_Title\r\n //Summary_BioCodeUltra_Title\r\n //Step2_Subtitle\r\n //Step3_Subtitle\r\n //Step4_Subtitle\r\n //Step5_Subtitle\r\n\r\n //Step1_RegionDropDown_Label\r\n //ChooseInformType_Title\r\n //ChooseInformType_CreateConfigID_Text\r\n //ChooseInformType_SendQuotation_Text\r\n //ChooseInformType_ContactMe_Text\r\n //CollectUserData_SendingPopup_Text\r\n //CollectUserData_CreateConfigID_Title\r\n //CollectUserData_SendQuotation_Title\r\n //ColectUserData_ContactMe_Title\r\n //CollectUserData_FirstName_Label\r\n //CollectUserData_LastName_Label\r\n //CollectUserData_Organisation_Label\r\n //CollectUserData_Street1_Label\r\n //CollectUserData_Street2_Label\r\n //CollectUserData_Street3_Label\r\n //CollectUserData_Zip_Label\r\n //CollectUserData_City_Label\r\n //CollectUserData_Country_Label\r\n //CollectUserData_Email_Label\r\n //CollectUserData_Phone_Label\r\n //ConfirmationPage_Text\r\n //ConfirmationPage_Button_Text\r\n //EstimateOverview_Title\r\n //EstimateOverview_AddConfiguration\r\n //InputFieldValidation_Mandatory_Text\r\n //InputFieldValidation_BadEmailFormat_Text\r\n },\r\n },\r\n});\r\n\r\nexport default state;\r\n","import state from \"./index\";\r\nimport { selector, useRecoilValue } from \"recoil\";\r\n\r\nexport const localizationSelector = selector({\r\n key: \"store.localization.selector\",\r\n get: ({ get }) => get(state).localization,\r\n set: ({ get, set }, newValue) => {\r\n set(state, {\r\n ...get(state),\r\n localization: newValue,\r\n });\r\n },\r\n});\r\n\r\nexport const convertLocalization = (data) => {\r\n // let newLocalization = {};\r\n // data[0].texts.forEach((element) => {\r\n // newLocalization[element.key] = element;\r\n // });\r\n\r\n // return newLocalization;\r\n \r\n return data[0].texts\r\n};\r\n\r\nexport const useGetLocalizationText = () => {\r\n const localization = useRecoilValue(localizationSelector);\r\n \r\n return (key) => {\r\n if (localization[key] && localization[key]) {\r\n return localization[key];\r\n }\r\n return \"[\" + key + \"]\";\r\n };\r\n};\r\n","import ApiClient from '../../_config/client';\r\n\r\nexport const getLocalization = () => ApiClient.get(\"/localization\");","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.products.dimensions.state\",\r\n default: {\r\n isLoading: false,\r\n dimensions: [],\r\n },\r\n});\r\n\r\nexport default state;\r\n","export const LOADING_IDLE = 'LOADING_IDLE'\r\nexport const LOADING_STARTED = 'LOADING_STARTED'\r\nexport const LOADING_SUCCESS = 'LOADING_SUCCESS'\r\nexport const LOADING_ERROR = 'LOADING_ERROR'\r\n\r\nconst bundle = {\r\n idle: LOADING_IDLE,\r\n started: LOADING_STARTED,\r\n success: LOADING_SUCCESS,\r\n error: LOADING_ERROR\r\n}\r\nexport default bundle","import state from \"./index\";\r\nimport types from \"_store/types\";\r\nimport { selector } from \"recoil\";\r\n\r\nexport const dimensionSelector = selector({\r\n key: \"store.products.dimensions.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, action) => {\r\n switch (action.type) {\r\n case types.started:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: true,\r\n });\r\n case types.success:\r\n return set(state, {\r\n ...get(state),\r\n dimensions: action.payload,\r\n isLoading: false,\r\n });\r\n case types.error:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: false,\r\n });\r\n default:\r\n return set(state, ...get(state));\r\n }\r\n },\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.products.energyTypes.state\",\r\n default: {\r\n isLoading: false,\r\n energyTypes: []\r\n },\r\n});\r\n\r\nexport default state;","import state from \"./index\";\r\nimport types from \"_store/types\";\r\nimport { selector } from \"recoil\";\r\n\r\nexport const energyTypeSelector = selector({\r\n key: \"store.products.energyTypes.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, action) => {\r\n switch (action.type) {\r\n case types.started:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: true,\r\n });\r\n case types.success:\r\n return set(state, {\r\n ...get(state),\r\n energyTypes: action.payload,\r\n isLoading: false,\r\n });\r\n case types.error:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: false,\r\n });\r\n default:\r\n return set(state, ...get(state));\r\n }\r\n },\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.products.materials.state\",\r\n default: {\r\n isLoading: false,\r\n materials: []\r\n },\r\n});\r\n\r\nexport default state;","import state from \"./index\";\r\nimport types from \"_store/types\";\r\nimport { selector } from \"recoil\";\r\n\r\nexport const materialSelector = selector({\r\n key: \"store.products.materials.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, action) => {\r\n switch (action.type) {\r\n case types.started:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: true,\r\n });\r\n case types.success:\r\n return set(state, {\r\n ...get(state),\r\n materials: action.payload,\r\n isLoading: false,\r\n });\r\n case types.error:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: false,\r\n });\r\n default:\r\n return set(state, ...get(state)); \r\n }\r\n },\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.products.options.state\",\r\n default: {\r\n isLoading: false,\r\n options: []\r\n },\r\n});\r\n\r\nexport default state;","import state from \"./index\";\r\nimport types from \"_store/types\";\r\nimport { selector } from \"recoil\";\r\n\r\nexport const optionsSelector = selector({\r\n key: \"store.products.options.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, action) => {\r\n switch (action.type) {\r\n case types.started:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: true,\r\n });\r\n case types.success:\r\n return set(state, {\r\n ...get(state),\r\n options: action.payload,\r\n isLoading: false,\r\n });\r\n case types.error:\r\n return set(state, {\r\n ...get(state),\r\n isLoading: false,\r\n });\r\n default:\r\n return set(state, ...get(state));\r\n }\r\n },\r\n});\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.session.state\",\r\n default: {\r\n region: \"DK\",\r\n regions: [],\r\n isDistributor: false,\r\n sortOptions: []\r\n },\r\n});\r\n\r\nexport default state;","import ApiClient from \"../../_config/client\";\r\n\r\nexport const getRegionsRequest = () => ApiClient.get(\"/region\");\r\n\r\nexport const requestOfficialQuotationRequest = () => ApiClient.post(\"request/officialQuotation\");\r\n\r\nexport const getSortOptionsRequest = () => ApiClient.get(\"/region/sort\");\r\n\r\nexport const validateDistributorRequest = () => ApiClient.get(\"distributor/me\");\r\n\r\nexport const getSessionRegionRequest = () => ApiClient.get(\"/region/get\");\r\n\r\nexport const invokeTagRequest = (tag) => ApiClient.post(`/tag/${tag}`);\r\n\r\nexport const getSortOptions = async () => {\r\n try {\r\n const response = await getSortOptionsRequest();\r\n\r\n return { success: true, data: response.data };\r\n } catch (error) {\r\n return { success: false, error, data: null };\r\n }\r\n};\r\n\r\nexport const validateDistributor = async () => {\r\n try {\r\n const response = await validateDistributorRequest();\r\n\r\n return { success: true, data: response.data };\r\n } catch (error) {\r\n return { success: false, error, data: null };\r\n }\r\n};\r\n\r\nexport const getSessionRegion = async () => {\r\n try {\r\n const response = await getSessionRegionRequest();\r\n \r\n return { success: true, data: response.data };\r\n } catch (error) {\r\n return { success: false, error, data: null };\r\n }\r\n};\r\n","import { selector, useRecoilValue, useSetRecoilState } from \"recoil\";\r\nimport state from \"./index\";\r\nimport { getSortOptions } from \"./service\";\r\n\r\nexport const sessionRegionSelector = selector({\r\n key: \"store.session.region\",\r\n get: ({ get }) => get(state).region,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n region: newValue,\r\n }),\r\n});\r\n\r\nexport const sessionRegionsSelector = selector({\r\n key: \"store.session.regions\",\r\n get: ({ get }) => get(state).regions,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n regions: newValue,\r\n }),\r\n});\r\n\r\nexport const sessionIsDistributorSelector = selector({\r\n key: \"store.session.isDistributor\",\r\n get: ({ get }) => get(state).isDistributor,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n isDistributor: newValue,\r\n }),\r\n});\r\n\r\nexport const sortOptionsSelector = selector({\r\n key: \"store.session.sortOptions\",\r\n get: ({ get }) => get(state).sortOptions,\r\n set: ({ get, set }, newValue) =>\r\n set(state, {\r\n ...get(state),\r\n sortOptions: newValue,\r\n }),\r\n});\r\n\r\nexport const useGetSelectedRegionObject = () => {\r\n const region = useRecoilValue(sessionRegionSelector);\r\n\r\n return region;\r\n};\r\n\r\nexport const useSortOptionsLoader = () => {\r\n const setSortOptions = useSetRecoilState(sortOptionsSelector);\r\n\r\n const loadSortOptions = async () => {\r\n const { success, error, data } = await getSortOptions();\r\n\r\n if (success) {\r\n setSortOptions(data);\r\n } else {\r\n console.log(error);\r\n }\r\n };\r\n\r\n return { loadSortOptions: loadSortOptions };\r\n};\r\n","import { useEffect, useRef } from \"react\";\r\n\r\nconst useDidMountEffect = (func, deps) => {\r\n const didMount = useRef(false);\r\n\r\n useEffect(() => {\r\n if (didMount.current) func();\r\n else didMount.current = true;\r\n }, deps);\r\n};\r\n\r\nexport default useDidMountEffect;\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.configurations.state\",\r\n default: {\r\n configuration: {\r\n isLoading: true,\r\n list: [],\r\n },\r\n },\r\n});\r\n\r\nexport default state;\r\n","import { selector, useSetRecoilState } from \"recoil\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport state from \"./index\";\r\nimport { getConfigurationsRequest } from \"./service\";\r\n\r\nexport const configurationsSelector = selector({\r\n key: \"store.configurations.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, configuration) =>\r\n set(state, {\r\n ...get(state),\r\n configuration,\r\n }),\r\n});\r\n\r\nexport const useGetConfigurations = () => {\r\n const setSummary = useSetRecoilState(summarySelector);\r\n const setConfigurations = useSetRecoilState(configurationsSelector);\r\n\r\n return (dispatch) => {\r\n setConfigurations({ isLoading: true, list: [] });\r\n\r\n getConfigurationsRequest()\r\n .then((data) => {\r\n setConfigurations({ isLoading: false, list: data.data });\r\n let sum = 0;\r\n let code = \"\";\r\n data?.data?.forEach((element) => {\r\n sum += element?.totalPrice?.amount;\r\n code = element?.totalPrice?.currency;\r\n });\r\n setSummary((prev) => ({\r\n ...prev,\r\n totalPrice: { currency: code, amount: sum },\r\n }));\r\n if(dispatch){\r\n dispatch();\r\n }\r\n })\r\n .catch((error) => {\r\n setConfigurations({ isLoading: false });\r\n console.log(error);\r\n });\r\n };\r\n};\r\n","import {\r\n chooseRangePage,\r\n chooseRegionPage,\r\n confirmationPage,\r\n estimatePage,\r\n} from \"__utilities/PageStepEnum\";\r\nimport {\r\n deleteDistributorHeader,\r\n getBioCodeFromURL,\r\n getDistributorFromURL,\r\n getBioTagFromURL,\r\n getPageIndexFromStorage,\r\n getRegion,\r\n getRegionFromURL,\r\n isFirstStartUpHappened,\r\n setAcquireQuotationRequestMessage,\r\n setDistributorHeader,\r\n setLanguageHeader,\r\n setRegion,\r\n urlSessionIdCheck,\r\n urlSessionIdIsValid,\r\n getConfigurationId,\r\n deleteConfigurationId,\r\n} from \"_config/session\";\r\nimport {\r\n acceptConfigurationRequest,\r\n createNewConfigurationFromBiocode,\r\n getConfigurationRegionRequest,\r\n getConfigurationsRequest,\r\n newConfiguration,\r\n validateBiocode,\r\n} from \"_store/configurations/service\";\r\nimport {\r\n convertLocalization,\r\n localizationSelector,\r\n} from \"_store/localization/selectors\";\r\nimport { getLocalization } from \"_store/localization/service\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { dimensionSelector } from \"_store/products/dimensions/selectors\";\r\nimport { energyTypeSelector } from \"_store/products/energyTypes/selectors\";\r\nimport { materialSelector } from \"_store/products/material/selectors\";\r\nimport { optionsSelector } from \"_store/products/options/selectors\";\r\nimport {\r\n sessionIsDistributorSelector,\r\n sessionRegionSelector,\r\n sessionRegionsSelector,\r\n} from \"_store/session/selectors\";\r\nimport {\r\n getRegionsRequest,\r\n getSessionRegion,\r\n requestOfficialQuotationRequest,\r\n validateDistributor,\r\n invokeTagRequest,\r\n} from \"_store/session/service\";\r\nimport { useRefreshSummary } from \"_store/summary/selectors\";\r\nimport { useEffect } from \"react\";\r\nimport { useRecoilValue, useSetRecoilState } from \"recoil\";\r\nimport useDidMountEffect from \"./useDidMountEffect\";\r\nimport { removeFromURL } from \"__utilities/functions/Public\";\r\nimport { summaryStep } from \"__utilities/StepEnum\";\r\nimport { useGetConfigurations } from \"_store/configurations/selectors\";\r\n\r\nexport const useOnAppGlobalLoadEffect = (\r\n setCanRender,\r\n setDiscardPopup,\r\n setDiscardPopupDispatch,\r\n setDiscardPopupOnCloseDispatch,\r\n setShowLoadingPopup,\r\n setInvalidBiocodePopup,\r\n setIsInvalidDistributorCode\r\n) => {\r\n const { currPage, setPage } = useActivePage();\r\n const setRegionState = useSetRecoilState(sessionRegionSelector);\r\n const setRegions = useSetRecoilState(sessionRegionsSelector);\r\n const refreshSummary = useRefreshSummary();\r\n const getConfiguration = useGetConfigurations();\r\n const setLocalization = useSetRecoilState(localizationSelector);\r\n\r\n const setIsDistributor = useSetRecoilState(sessionIsDistributorSelector);\r\n\r\n const { options } = useRecoilValue(optionsSelector);\r\n const { dimensions } = useRecoilValue(dimensionSelector);\r\n const { materials } = useRecoilValue(materialSelector);\r\n const { energyTypes } = useRecoilValue(energyTypeSelector);\r\n\r\n useDidMountEffect(() => {\r\n // refresh summary on page change\r\n refreshSummary(currPage < summaryStep ? currPage : summaryStep);\r\n }, [dimensions, materials, energyTypes, options]);\r\n\r\n useEffect(() => {\r\n // Main Load Effect\r\n\r\n let biocode = getBioCodeFromURL();\r\n if (biocode) {\r\n initLocalization(() => {\r\n setShowLoadingPopup(true);\r\n });\r\n }\r\n\r\n const tag = getBioTagFromURL();\r\n if (tag) {\r\n invokeTagRequest(tag).catch((ex) => {\r\n console.log(ex);\r\n });\r\n\r\n removeFromURL(`biotag=${tag}`);\r\n mainLoad();\r\n } else {\r\n mainLoad();\r\n }\r\n }, []);\r\n\r\n const mainLoad = () => {\r\n const pageIndex = getPageIndexFromStorage();\r\n const urlSessionIdValidation = urlSessionIdIsValid();\r\n urlSessionIdCheck(\r\n urlSessionIdValidation,\r\n () => {\r\n setShowLoadingPopup(false);\r\n setPage(estimatePage);\r\n },\r\n () => {\r\n setShowLoadingPopup(false);\r\n requestOfficialQuotationRequest()\r\n .then(() => {\r\n setAcquireQuotationRequestMessage(\"Success\");\r\n setPage(confirmationPage);\r\n })\r\n .catch((ex) => {\r\n console.log(ex);\r\n setAcquireQuotationRequestMessage(\"Error\");\r\n setPage(confirmationPage);\r\n });\r\n }\r\n );\r\n\r\n if (pageIndex === \"0\" && !getRegion()) {\r\n const region = { code: getRegionFromURL() };\r\n\r\n setRegionState(region);\r\n }\r\n\r\n onStartUpLoad(urlSessionIdValidation, pageIndex);\r\n };\r\n\r\n const checkIfRegionIsValid = async (isValidDistributorId) => {\r\n const { success, error, data } = await getSessionRegion();\r\n\r\n if (!success) {\r\n console.log(error);\r\n }\r\n\r\n if (getRegion() !== data.code) {\r\n if (isValidDistributorId) {\r\n setIsInvalidDistributorCode(true);\r\n } else {\r\n setRegion(null);\r\n return;\r\n }\r\n }\r\n };\r\n\r\n const getCurrRegionCallBack = (isValidDistributorId) =>\r\n getConfigurationRegionRequest()\r\n .then(({ data }) => {\r\n if (currPage === 1) {\r\n setRegionState(data);\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n\r\n const initLocalization = (callback) => {\r\n const data = getLocalization().then((data) => {\r\n setLocalization(convertLocalization(data.data));\r\n callback();\r\n });\r\n };\r\n\r\n const setupLocalization = (canRender = true) => {\r\n getLocalization().then((data) => {\r\n setLocalization(convertLocalization(data.data));\r\n getConfiguration(() => {\r\n setCanRender(canRender);\r\n if (!canRender) {\r\n setDiscardPopup(true);\r\n }\r\n });\r\n });\r\n };\r\n\r\n const loadRegionFromUrlOnFirstLoad = (regions, isUrlSessionIdValid) => {\r\n const regionFromLocalStorage = getRegion();\r\n\r\n let region = regionFromLocalStorage ?? { code: getRegionFromURL() };\r\n\r\n if (regionFromLocalStorage) {\r\n region = regions.find((item) => item.code === regionFromLocalStorage);\r\n }\r\n\r\n regionFromLocalStorage && !isUrlSessionIdValid && setPage(1);\r\n\r\n setRegionState(region);\r\n };\r\n\r\n const distributorValidation = async () => {\r\n const distributor = getDistributorFromURL();\r\n if (!distributor) return false;\r\n setDistributorHeader(distributor);\r\n const { success, error, data } = await validateDistributor();\r\n\r\n if (success) {\r\n setupDistributor(data);\r\n return true;\r\n } else {\r\n deleteDistributorHeader();\r\n setIsInvalidDistributorCode(true);\r\n setIsDistributor(false);\r\n return false;\r\n }\r\n };\r\n\r\n const setupDistributor = (data) => {\r\n setRegion(data.region);\r\n setRegionState(data.region);\r\n setLanguageHeader(data.language);\r\n setIsDistributor(true);\r\n };\r\n\r\n const onSuccessConfigurationCreationFromBiocode = (\r\n biocode,\r\n stepNumber,\r\n dispatch\r\n ) => {\r\n refreshSummary(2, (steps) => {\r\n let stepToNavigate = 2;\r\n\r\n const resultStep = steps.find(\r\n (step) => step.number === stepNumber && step.isAvailable\r\n );\r\n if (resultStep) {\r\n stepToNavigate = stepNumber;\r\n } else {\r\n const firstNotCompletedStep = steps.find((step) => !step.isCompleted);\r\n if (firstNotCompletedStep && firstNotCompletedStep.number <= 4) {\r\n stepToNavigate = firstNotCompletedStep.number;\r\n } else {\r\n const firstAvailableStep = steps.find((step) => {\r\n if (step.number > stepNumber) {\r\n return step.isAvailable;\r\n }\r\n });\r\n\r\n if (firstAvailableStep) {\r\n stepToNavigate = firstAvailableStep.number;\r\n }\r\n }\r\n }\r\n\r\n const onRefreshCompleted = (step) => {\r\n setPage(step, true);\r\n\r\n removeFromURL(`biocode=${biocode}`);\r\n setShowLoadingPopup(false);\r\n if (dispatch) {\r\n dispatch();\r\n }\r\n };\r\n\r\n if (stepToNavigate === 2) {\r\n onRefreshCompleted(stepToNavigate);\r\n } else if (stepToNavigate < summaryStep) {\r\n refreshSummary(stepToNavigate, (steps) => {\r\n onRefreshCompleted(stepToNavigate);\r\n });\r\n } else {\r\n acceptConfigurationRequest()\r\n .then(() => {\r\n deleteConfigurationId();\r\n onRefreshCompleted(summaryStep);\r\n })\r\n .catch((error) => console.log(error));\r\n }\r\n });\r\n };\r\n\r\n const checkIfURLContainsBiocode = async (\r\n firstStartUp,\r\n pageIndex,\r\n setupLocalization\r\n ) => {\r\n let biocode = getBioCodeFromURL();\r\n\r\n if (biocode) {\r\n const urlContainsValidBiocode =\r\n pageIndex > chooseRangePage ? await validateBiocode(biocode) : true;\r\n if (urlContainsValidBiocode) {\r\n if (pageIndex <= chooseRangePage || !getConfigurationId()) {\r\n setDiscardPopupDispatch(null);\r\n setDiscardPopupOnCloseDispatch(null);\r\n createNewConfigurationFromBiocode(biocode).then((success) => {\r\n if (success?.success) {\r\n onSuccessConfigurationCreationFromBiocode(\r\n biocode,\r\n success.stepNumber,\r\n setupLocalization\r\n );\r\n } else {\r\n setupLocalization();\r\n\r\n setShowLoadingPopup(false);\r\n setInvalidBiocodePopup(true);\r\n }\r\n });\r\n } else {\r\n setDiscardPopupDispatch((prev) => () => {\r\n createNewConfigurationFromBiocode(biocode).then((success) => {\r\n if (success?.success) {\r\n onSuccessConfigurationCreationFromBiocode(\r\n biocode,\r\n success.stepNumber\r\n );\r\n setShowLoadingPopup(true);\r\n } else {\r\n setupLocalization();\r\n\r\n setShowLoadingPopup(false);\r\n setInvalidBiocodePopup(true);\r\n }\r\n });\r\n });\r\n setDiscardPopupOnCloseDispatch((prev) => () => {\r\n setDiscardPopupDispatch(null);\r\n setDiscardPopupOnCloseDispatch(null);\r\n setupLocalization();\r\n\r\n removeFromURL(`biocode=${biocode}`);\r\n });\r\n setupLocalization(false);\r\n\r\n setShowLoadingPopup(false);\r\n }\r\n } else {\r\n setupLocalization();\r\n\r\n setShowLoadingPopup(false);\r\n setInvalidBiocodePopup(true);\r\n\r\n removeFromURL(`biocode=${biocode}`);\r\n }\r\n } else {\r\n setupLocalization();\r\n }\r\n };\r\n\r\n const onStartUpLoad = async (urlSessionIdValidation, pageIndex) => {\r\n const data = await getRegionsRequest();\r\n\r\n setRegions(data.data);\r\n\r\n const firstStartUp = isFirstStartUpHappened();\r\n const isValidDistributorId = await distributorValidation();\r\n\r\n if (firstStartUp) {\r\n await checkIfRegionIsValid(isValidDistributorId);\r\n\r\n // load region from url on first startup\r\n loadRegionFromUrlOnFirstLoad(data.data, urlSessionIdValidation.isValid);\r\n } else {\r\n const region = data.data.find((item) => item.code === getRegion()) ?? {\r\n code: getRegionFromURL(),\r\n };\r\n setRegionState(region);\r\n }\r\n\r\n const biocode = getBioCodeFromURL();\r\n const isNewConfig = firstStartUp && !urlSessionIdValidation.isValid;\r\n\r\n let newConfigLoaded = false;\r\n if (getRegion()) {\r\n if (isNewConfig) {\r\n newConfigLoaded = true;\r\n newConfiguration(() => {\r\n checkIfURLContainsBiocode(firstStartUp, pageIndex, setupLocalization);\r\n });\r\n } else {\r\n checkIfURLContainsBiocode(firstStartUp, pageIndex, setupLocalization);\r\n }\r\n } else {\r\n if (biocode) {\r\n // region not set, but bioCode provided => user should choose region first\r\n setShowLoadingPopup(false);\r\n pageIndex = chooseRegionPage;\r\n }\r\n\r\n setupLocalization();\r\n }\r\n\r\n if (!newConfigLoaded) {\r\n if (isNewConfig) {\r\n newConfiguration(() => {\r\n refreshSummary(currPage);\r\n });\r\n } else {\r\n getCurrRegionCallBack(isValidDistributorId);\r\n }\r\n }\r\n\r\n if (pageIndex) {\r\n if (!urlSessionIdValidation.isValid) {\r\n let pageToSet = parseInt(pageIndex);\r\n\r\n if (isValidDistributorId && pageToSet == chooseRegionPage) {\r\n pageToSet = chooseRangePage; //skipping chooseRegionPage with Distributor\r\n }\r\n \r\n setPage(pageToSet);\r\n }\r\n }\r\n };\r\n};\r\n","import React from \"react\";\r\n\r\nexport const viewportContext = React.createContext({});\r\n\r\nexport const ViewportProvider = ({ children }) => {\r\n const [width, setWidth] = React.useState(window.innerWidth);\r\n const [height, setHeight] = React.useState(window.innerHeight);\r\n const handleWindowResize = () => {\r\n setWidth(window.innerWidth);\r\n setHeight(window.innerHeight);\r\n };\r\n\r\n React.useEffect(() => {\r\n window.addEventListener(\"resize\", handleWindowResize);\r\n return () => window.removeEventListener(\"resize\", handleWindowResize);\r\n }, []);\r\n\r\n return (\r\n \r\n {text}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./Popup.css\";\r\n\r\nexport default function Popup({ children, className, style, onClose }) {\r\n return (\r\n \r\n \r\n {}} style={{height: \"100%\", width: \"100%\", position: \"absolute\"}}>\r\n \r\n {onClose && (\r\n \r\n )}\r\n {children}\r\n
\r\n {getLocalizationText(\"EstimateOverview_UserConfirmation_Title\")}\r\n
\r\n \r\n {getLocalizationText(\"EstimateOverview_UserConfirmation_Text\")}\r\n
\r\n\r\n \r\n
\r\n \r\n {getLocalizationText(\"Discard_UserConfirmation_Title\")}\r\n
\r\n \r\n {getLocalizationText(\"Discard_UserConfirmation_Text\")}\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport CustomButton from \"components/Buttons/CustomButton\";\r\nimport Popup from \"components/Popup/Popup\";\r\n\r\nexport default function InvalidBiocodePopup({ onClose }) {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LoadingSpinnerCircle;\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.selected.description.state\",\r\n default: {\r\n isLoading: false,\r\n type:null,\r\n description:{}, \r\n },\r\n});\r\n\r\nexport default state;\r\n","import ApiClient from \"_config/client\";\r\n\r\nconst base = \"/description\";\r\n\r\nexport const getRangeDescriptionRequest = () =>\r\n ApiClient.get(base + \"/range\");\r\n\r\nexport const getModelDescriptionRequest = () =>\r\n ApiClient.get(base + \"/model\");\r\n\r\n","import state from \"./index\";\r\nimport { selector, useRecoilState, useSetRecoilState } from \"recoil\";\r\nimport {\r\n getModelDescriptionRequest,\r\n getRangeDescriptionRequest,\r\n} from \"./service\";\r\n\r\nexport const descriptionSelector = selector({\r\n key: \"store.products.description.selector\",\r\n get: ({ get }) => get(state),\r\n set: ({ get, set }, newValue) => {\r\n set(state, {\r\n value: newValue,\r\n });\r\n },\r\n});\r\n\r\nexport const useSetDefaultDescriptionValue = () => {\r\n const setState = useSetRecoilState(descriptionSelector);\r\n return () => {\r\n setState({\r\n isLoading: false,\r\n type: null,\r\n description: {},\r\n });\r\n };\r\n};\r\n\r\nexport const useRefreshDescription = () => {\r\n const [state, setState] = useRecoilState(descriptionSelector);\r\n\r\n return (page) => {\r\n let type = \"range\";\r\n if (page >= 5) {\r\n type = \"model\";\r\n }\r\n\r\n if (state?.value?.type !== type) {\r\n setState({ type, isLoading: true });\r\n\r\n if (type === \"range\") {\r\n getRangeDescriptionRequest().then((data) => {\r\n setState({ type, isLoading: false, description: data.data });\r\n });\r\n } else if (type === \"model\") {\r\n getModelDescriptionRequest().then((data) => {\r\n setState({ type, isLoading: false, description: data.data });\r\n });\r\n } else {\r\n setState({ type, isLoading: false });\r\n }\r\n }\r\n };\r\n};\r\n\r\n\r\n","import \"./DescriptionWidget.css\";\r\nimport { Fragment, memo, useEffect } from \"react\";\r\nimport LoadingSpinnerCircle from \"components/LoadingSpinner/LoadingSpinnerCircle\";\r\nimport { useRecoilValue } from \"recoil\";\r\nimport {\r\n descriptionSelector,\r\n useRefreshDescription,\r\n} from \"_store/selected/Description/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { SkeletonDescriptionWidget } from \"components/CardSkeleton/SkeletonLoading\";\r\n\r\nconst DescriptionWidget = ({ style }) => {\r\n const getLocalizationText = useGetLocalizationText();\r\n const data = useRecoilValue(descriptionSelector);\r\n const description = data.value?.description;\r\n const isLoading = data.value?.isLoading;\r\n\r\n const refreshDescription = useRefreshDescription();\r\n\r\n const { currPage, prevPage, nextPage } = useActivePage();\r\n\r\n useEffect(() => {\r\n refreshDescription(currPage);\r\n }, [currPage]);\r\n\r\n return (\r\n \r\n {isLoading ? (\r\n
\r\n \r\n
\r\n {description?.title}
\r\n \r\n {description?.text?.split(\"\\n\").map(function (item, idx) {\r\n return (\r\n \r\n {item}\r\n
\r\n \r\n );\r\n })}\r\n
\r\n\r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n })}\r\n
\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\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; // 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 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 var _proto = Transition.prototype;\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 if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\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(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\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 || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\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(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\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 var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\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 _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\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'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * {index + 1}
\r\n )}\r\n {tooltip(\r\n index,\r\n \r\n {!show && (\r\n handleOnClick(true)}\r\n style={{ marginBottom: \"10px\", cursor: \"pointer\" }}\r\n >\r\n {getLocalizationText(\"Summary_NeedSupport_Title\")}\r\n
\r\n )}\r\n {show && (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ContactSection;\r\n","import { Fragment } from \"react\";\r\nimport { useRecoilValue } from \"recoil\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport \"./DimensionsIndicator.css\";\r\n\r\nconst DimensionsIndicator = ({style}) => {\r\n const summary = useRecoilValue(summarySelector);\r\n\r\n return (\r\n \r\n
\r\n \r\n handleOnClick(false)}\r\n />\r\n
\r\n \r\n ![\"\"]()
\r\n {regionObj?.needHelpPhone}\r\n
\r\n \r\n ![\"\"]()
\r\n \r\n {regionObj?.needHelpEmail}\r\n \r\n
\r\n \r\n ![\"\"]()
\r\n {regionObj?.needHelpWorkingHours}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {summary?.cabinet?.dimensionLabel}\r\n
\r\n \r\n {summary?.cabinet?.dimensionValue}\r\n
\r\n \r\n Region:{\" \"}\r\n 
\r\n {setStopPopup(true)} : onClick}\r\n style={{\r\n textDecoration: isDisabled ? \"none\" : \"underline\",\r\n cursor: isDisabled ? \"not-allowed\" : \"pointer\",\r\n }}\r\n >\r\n {regionState?.name} ({regionState?.currency})\r\n
\r\n \r\n );\r\n}\r\n","import ApiClient from \"_config/client\";\r\n\r\nexport const setProductRequest = (cabinetId) =>\r\n ApiClient.post(\"/cabinet/\" + encodeURIComponent(cabinetId) + \"/select\", null);\r\n","import { atom } from \"recoil\";\r\n\r\nconst state = atom({\r\n key: \"store.page.sections.state\",\r\n default: {\r\n state: [],\r\n },\r\n});\r\n\r\nexport default state;\r\n","import state from \"./index\";\r\nimport { selector, useRecoilState, useSetRecoilState } from \"recoil\";\r\n\r\nexport const sectionsStateSelector = selector({\r\n key: \"store.page.sections.selector\",\r\n get: ({ get }) => get(state).state,\r\n set: ({ get, set }, newValue) => {\r\n set(state, {\r\n ...get(state),\r\n state: newValue,\r\n });\r\n },\r\n});\r\n\r\nexport const useClosedSections = () => {\r\n const [sections, setSections] = useRecoilState(sectionsStateSelector);\r\n\r\n return {\r\n setClosed: (section) => {\r\n if (sections.includes(section)) {\r\n sections.filter((s) => s === section);\r\n setSections(sections.filter((s) => s !== section));\r\n }\r\n if (!sections.includes(section)) {\r\n setSections([...sections, section]);\r\n }\r\n },\r\n getClosed: (section) => {\r\n if (sections.includes(section)) {\r\n return false;\r\n }\r\n return null;\r\n },\r\n };\r\n};\r\n\r\nexport const useRefreshClosedSections = () => {\r\n const set = useSetRecoilState(sectionsStateSelector);\r\n\r\n return () => {\r\n set([]);\r\n };\r\n};\r\n","import { useState } from \"react\";\r\nimport { useClosedSections } from \"_store/page/sectionsState/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { optionsPage } from \"__utilities/PageStepEnum\";\r\nimport \"./Section.css\";\r\n\r\nconst Section = ({\r\n defaultState = true,\r\n headerDisabled,\r\n title,\r\n description,\r\n interactable,\r\n type,\r\n children,\r\n state,\r\n disabledBorder,\r\n style,\r\n titleStyles = {},\r\n headerStyle = {},\r\n defaultItemsStyle = {}, \r\n onHideItems = (dispatch) => { if(dispatch) dispatch() }\r\n}) => {\r\n interactable = interactable === false ? false : true;\r\n\r\n const [showSectionState, setShowSectionState] = useState(\r\n defaultState /*state !== null && state !== undefined ? state : defaultState*/\r\n );\r\n\r\n const [itemsStyle, setItemsStyle] = useState(defaultItemsStyle)\r\n\r\n const { setClosed, getClosed } = useClosedSections();\r\n const { currPage } = useActivePage();\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n let showState = showSectionState;\r\n if (currPage >= optionsPage) {\r\n if (state === false) {\r\n showState = state;\r\n } else {\r\n showState =\r\n getClosed(title) !== null ? getClosed(title) : showSectionState;\r\n }\r\n }\r\n\r\n const handleOnClick = (state) => {\r\n if(state) {\r\n setShowSectionState(state)\r\n } else {\r\n onHideItems(() => { setShowSectionState(state) }, setItemsStyle)\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {title}\r\n
\r\n {description}
\r\n \r\n\r\n {interactable && (\r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n {(showState || (!showState && headerDisabled)) && (\r\n {children}
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Section;\r\n","import { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport \"./CardOverlay.css\";\r\n\r\nconst CardOverlay = ({ text, type, action, style }) => {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const isSmallScreen = useIsSmallScreen()\r\n\r\n const adaptStringToJsx = (text) => {\r\n let array = [];\r\n array = text.split(\"$\");\r\n return (\r\n \r\n {array?.map?.((subString, index) => {\r\n if (index % 2 === 0) {\r\n return {subString};\r\n } else {\r\n return (\r\n {subString}\r\n );\r\n }\r\n })}\r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n {adaptStringToJsx(text)}\r\n {type === \"confirmation\" && (\r\n action(\"yes\")}\r\n >\r\n {getLocalizationText(\"Global_Button_Confirm\")}\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default CardOverlay;\r\n","\r\nexport default function CardSeparator() {\r\n return (\r\n \r\n action(\"no\")}\r\n >\r\n {getLocalizationText(\"Global_Button_Cancel\")}\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n {name}
\r\n {details.map((element) => (\r\n \r\n \r\n
\r\n ))}\r\n \r\n {element.values.map((value) => (\r\n
\r\n {value}
\r\n ))}\r\n \r\n \r\n {isSmallScreen && setIsPopUpShown(true)\r\n : onClickConfigurateHandler\r\n }\r\n text={getLocalizationText(\"Global_Button_Configure\")}\r\n type=\"cabinet-selection\"\r\n />\r\n
\r\n \r\n {getLocalizationText(\"CabinetDetails_From_Label\")}{\" \"}\r\n {priceFormater(\r\n price.amount,\r\n price.currency,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n \r\n {filters?.map((category) =>\r\n category?.items?.map((item) => (\r\n \r\n {getLocalizationText(\"Global_Button_ClearFilter\")}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import { getUuid } from \"__utilities/functions/Public\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { setProductRequest } from \"_store/selected/service\";\r\nimport Section from \"components/Section\";\r\nimport Product from \"features/product/Product\";\r\nimport SortOptionsDropdown from \"features/sortOptionsDropdown/SortOptionsDropdown\";\r\nimport { useIsMediumScreen } from \"__utilities/hooks/useIsMediumScreen\";\r\nimport AdvancedFilterOverview from \"features/advancedFilterOverview/AdvancedFilterOverview\";\r\n\r\nexport default function ChooseRangePageCabinetList({\r\n sections,\r\n selectedSortedOption,\r\n sortOptions,\r\n onSortDropdownChange,\r\n setRange,\r\n configurateSelected,\r\n disableSectionHeader,\r\n smallScreenFilterContent,\r\n onAdvancedFilterChange,\r\n}) {\r\n const isSmallScreen = useIsSmallScreen();\r\n const isMediumScreen = useIsMediumScreen();\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n \r\n onFilterChangeHandler(item.tag)}\r\n />\r\n {category.title}: {item.title}\r\n
\r\n ))\r\n )}\r\n {hasActiveFilters && !isSmallScreen && !isMediumScreen && (\r\n \r\n {!isSmallScreen && (\r\n \r\n {isMediumScreen && smallScreenFilterContent()}\r\n
\r\n )}\r\n {(isSmallScreen || isMediumScreen) && (\r\n \r\n \r\n {getLocalizationText(\"Step1_SortBy\")}\r\n \r\n
\r\n \r\n {(sections?.length == 0) && \r\n
\r\n \r\n );\r\n}\r\n","import { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport SortOptionsDropdown from \"features/sortOptionsDropdown/SortOptionsDropdown\";\r\n\r\nexport default function ChooseRangePageFilterContainer({\r\n onAdvancedFilterChange,\r\n selectedSortedOption,\r\n sortOptions,\r\n onSortDropdownChange,\r\n largeScreenFilterContent, \r\n smallScreenFilterContent \r\n}) {\r\n const isSmallScreen = useIsSmallScreen();\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n {getLocalizationText(\"Step1_Filter_NoResult\")}
}\r\n {sections.map((section) => (\r\n \r\n {section.cabinets.map((product) => (\r\n {\r\n setRange(product.name);\r\n setProductRequest(product.id)\r\n .then(() => {\r\n configurateSelected();\r\n })\r\n .catch((error) => console.log(error));\r\n }}\r\n />\r\n ))}\r\n
\r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\nexport default FilterSlider;\r\n","import React from \"react\";\r\nimport \"./Checkbox.css\";\r\n\r\nexport default function Checkbox({ styles = {}, onClick = () => {}, isSelected }) {\r\n return (\r\n {title}
\r\n {state.valueNow}{type&&type===\"temp\"&&\"°C\"}
}\r\n />\r\n \r\n
\r\n {count > 0 && ({count})}\r\n \r\n );\r\n}\r\n","import { red } from \"@mui/material/colors\";\r\n\r\nconst defautlIcon =\r\n \"https://png.pngtree.com/png-clipart/20190516/original/pngtree-question-mark-vector-icon-png-image_4236972.jpg\";\r\n\r\nexport default function AdvancedFilterElementImage({\r\n item: { isSelected, count, imageUrl = null, title },\r\n onClick,\r\n}) {\r\n return (\r\n \r\n \r\n {advancedFilter?.map((category) => (\r\n {\r\n setItemsStyle({\r\n animation: \"product-configurator-section-fadeOut 0.5s infinite\",\r\n });\r\n setTimeout(() => {\r\n setItemsStyle({\r\n animation:\r\n \"product-configurator-section-fadeIn 0.5s ease-in-out forwards\",\r\n });\r\n\r\n dispatch();\r\n }, 400);\r\n }}\r\n >\r\n {category?.items?.some((i) => i.isSelected) && (\r\n onClearCategoryFilterHandler(category.title)}\r\n >\r\n {getLocalizationText(\"Global_Button_ClearGroupFilter\")} x\r\n \r\n )}\r\n \r\n {category?.items?.map((item) =>\r\n category?.displayType === \"Image\" ? (\r\n onFilterChangeHandler(item.tag)}\r\n />\r\n ) : (\r\n onFilterChangeHandler(item.tag)}\r\n />\r\n )\r\n )}\r\n
\r\n \r\n ))}\r\n \r\n \r\n );\r\n}\r\n","import { useEffect } from \"react\";\r\n\r\nexport default function useOnOutsideClick(ref, onOutsideClick, depArray = []) {\r\n const handleClickOutside = (event) => {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n onOutsideClick();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n document.addEventListener(\"click\", handleClickOutside);\r\n\r\n return () => {\r\n document.removeEventListener(\"click\", handleClickOutside);\r\n };\r\n }, [...depArray]);\r\n}\r\n","import { useRecoilState, useRecoilValue } from \"recoil\";\r\nimport { filterLimitSelector } from \"_store/filter/filterLimit/selectors\";\r\nimport { filterSelector } from \"_store/filter/selectors\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport FilterSlider from \"./FilterSlider\";\r\nimport AdvancedFilter from \"features/advancedFilter/AdvancedFilter\";\r\nimport AdvancedFilterOverview from \"features/advancedFilterOverview/AdvancedFilterOverview\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { useIsMediumScreen } from \"__utilities/hooks/useIsMediumScreen\";\r\n\r\nconst FilterContainer = ({ onFilterChange, freez, onAdvancedFilterChange }) => {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const [filter, setFilter] = useRecoilState(filterSelector);\r\n const filterLimit = useRecoilValue(filterLimitSelector);\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n const isMediumScreen = useIsMediumScreen()\r\n return (\r\n \r\n \r\n {!isSmallScreen && isMediumScreen ? (\r\n <>\r\n ) : (\r\n \r\n {isLoading && !isFilterOverlayShown ? (\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ChooseRangePage;\r\n","import ApiClient from \"_config/client\";\r\n\r\nexport const getProductsRequest = (filter) => {\r\n return ApiClient.get(\"/cabinet\", { params: filter });\r\n};\r\n\r\nexport const getRangeDescriptionRequest = () => ApiClient.get(\"/description/range\");\r\n\r\nexport const getModelDescriptionRequest = () => ApiClient.get(\"/description/model\");\r\n\r\n","import React, { useState } from \"react\";\r\nimport FilterContainer from \"../../../components/FilterContainer\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\n\r\nexport default function useFilterContainerWrapper(\r\n onFilterChange,\r\n freez,\r\n onAdvancedFilterChange\r\n) {\r\n const [showOverlay, setShowOverlay] = useState(false);\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const filterContent = () => (\r\n \r\n setPage(chooseRegionPage)}\r\n />\r\n
\r\n {filterContent()}
\r\n \r\n \r\n )}\r\n \r\n );\r\n\r\n return { largeScreenFilterContent, smallScreenFilterContent, isFilterOverlayShown:showOverlay };\r\n}\r\n","import React from \"react\";\r\nimport \"./RegionSelectorElement.css\";\r\n\r\nexport default function RegionSelectorElement({\r\n name,\r\n image,\r\n currency,\r\n isSelected,\r\n onClick,\r\n}) {\r\n return (\r\n \r\n \r\n {isSelected && }\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./RegionSelector.css\";\r\nimport RegionSelectorElement from \"components/RegionSelectorElement/RegionSelectorElement\";\r\nimport { useIsMediumScreen } from \"__utilities/hooks/useIsMediumScreen\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { useRecoilState, useRecoilValue, useSetRecoilState } from \"recoil\";\r\nimport {\r\n sessionRegionSelector,\r\n sessionRegionsSelector,\r\n} from \"_store/session/selectors\";\r\n\r\nexport default function RegionSelector() {\r\n const regions = useRecoilValue(sessionRegionsSelector);\r\n const [regionState, setRegionState] = useRecoilState(sessionRegionSelector);\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n const isMediumScreen = useIsMediumScreen();\r\n\r\n const selectRegion = (selectedRegion) => {\r\n if (!selectedRegion) return;\r\n\r\n setRegionState(selectedRegion);\r\n };\r\n\r\n return (\r\n {name}
\r\n {currency}
\r\n \r\n onPopupConfirm()}\r\n >\r\n {getLocalizationText(\"Global_Button_Confirm\")}\r\n
\r\n \r\n \r\n \r\n {getLocalizationText(\"Step0_UserConfirmation_ChangeRegion\")}\r\n
\r\n \r\n setShowPopup(false)}\r\n >\r\n {getLocalizationText(\"Global_Button_Cancel\")}\r\n
\r\n \r\n {showPopup && getPopupContent()}\r\n {showInvalidBiocodePopup && setShowInvalidBiocodePopup(false)} />}\r\n
\r\n );\r\n}\r\n","import \"./CustomRadioButton.css\";\r\n\r\nconst CustomRadioButton = ({ state, innerCircleStyle, outerCircleStyle }) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n {state &&
\r\n );\r\n};\r\n\r\nexport default CustomRadioButton;\r\n","import {\r\n addSignToFormatedPrice,\r\n getUuid,\r\n priceFormater,\r\n} from \"__utilities/functions/Public\";\r\nimport { useState } from \"react\";\r\nimport CustomRadioButton from \"../../components/Buttons/CustomRadioButton\";\r\nimport \"./Configuration.css\";\r\nimport CardOverlay from \"./disableReason/CardOverlay\";\r\nimport { Fragment } from \"react\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { useGetSelectedRegionObject } from \"_store/session/selectors\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport CardSeparator from \"components/CardSeparator/CardSeparator\";\r\n\r\nconst Configuration = ({\r\n type,\r\n id,\r\n designator,\r\n title,\r\n details,\r\n price,\r\n image,\r\n isSelected,\r\n currentlySelectedPriceAmount,\r\n onClickHandler,\r\n isClickable,\r\n userConfirmationRequired,\r\n}) => {\r\n const [isPopUpShown, setIsPopUpShown] = useState(false);\r\n const getLocalizationText = useGetLocalizationText();\r\n const { currPage } = useActivePage();\r\n\r\n const regionObj = useGetSelectedRegionObject();\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n const onCardClickHandler = () => {\r\n if (userConfirmationRequired) {\r\n setIsPopUpShown(true);\r\n } else {\r\n onClickHandler(id);\r\n }\r\n };\r\n\r\n const getItemDetails = () => (\r\n }\r\n
\r\n \r\n
\r\n );\r\n\r\n const getItemBioCode = () => (\r\n {title}
\r\n \r\n {type === \"energy\" ? (\r\n
\r\n \r\n
\r\n ) : (\r\n details.map((element) => (\r\n \r\n
\r\n {details}
\r\n \r\n
\r\n ))\r\n )}\r\n \r\n
\r\n \r\n {element.name}:\r\n {element.value}\r\n
\r\n \r\n
\r\n );\r\n\r\n const getItemImage = () => (\r\n {designator ? designator : id}
\r\n {!isSelected && (\r\n \r\n {currentlySelectedPriceAmount\r\n ? addSignToFormatedPrice(\r\n price.amount - currentlySelectedPriceAmount,\r\n price.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )\r\n : priceFormater(\r\n price.amount,\r\n price.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n )}\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n {isPopUpShown ? (\r\n {\r\n if (result === \"yes\") {\r\n onClickHandler(id);\r\n }\r\n setTimeout(() => {\r\n setIsPopUpShown(false);\r\n }, 10);\r\n }}\r\n />\r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Configuration;\r\n","import ApiClient from \"_config/client\";\r\nimport types from \"_store/types\";\r\n\r\nconst base = \"/dimension\";\r\n\r\nexport const getDimensionsRequestBuilder = () => ApiClient.get(base);\r\n\r\nexport const selectDimensionRequestBuilder = (id) =>\r\n ApiClient.post(`${base}/${id}/select`);\r\n\r\nexport const getDimensins = (dispatch) => {\r\n dispatch({ type: types.started });\r\n\r\n getDimensionsRequestBuilder()\r\n .then(({ data }) => dispatch({ type: types.success, payload: data }))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nconst dispatchMutatingAction = (request, dispatch) => {\r\n dispatch({ type: types.started });\r\n\r\n request\r\n .then(() => getDimensins(dispatch))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nexport const selectDimension = ({ id }, dispatch) => {\r\n dispatchMutatingAction(selectDimensionRequestBuilder(id), dispatch);\r\n};\r\n","import { useLayoutEffect, Fragment, useState } from \"react\";\r\nimport LoadingSpinner from \"components/LoadingSpinner/LoadingSpinner\";\r\nimport Section from \"components/Section\";\r\nimport Configuration from \"features/product/Configuration\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { summarySelector, useRefreshSummary } from \"_store/summary/selectors\";\r\nimport { useRecoilState, useRecoilValue } from \"recoil\";\r\nimport { dimensionSelector } from \"_store/products/dimensions/selectors\";\r\nimport {\r\n getDimensins,\r\n selectDimension,\r\n} from \"_store/products/dimensions/service\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport useDidMountEffect from \"__utilities/hooks/useDidMountEffect\";\r\nimport { SkeletonOptions } from \"components/CardSkeleton/SkeletonLoading\";\r\n\r\nconst DimensionsPage = () => {\r\n const getLocalizationText = useGetLocalizationText();\r\n const { currPage } = useActivePage();\r\n const refreshSummary = useRefreshSummary();\r\n const [loaded, setLoaded] = useState(true);\r\n\r\n const [{ isLoading, dimensions: sections }, dispatch] =\r\n useRecoilState(dimensionSelector);\r\n\r\n const summary = useRecoilValue(summarySelector);\r\n\r\n useLayoutEffect(() => {\r\n refreshSummary(currPage);\r\n getDimensins(dispatch);\r\n }, []);\r\n \r\n useDidMountEffect(() => {\r\n setLoaded(false);\r\n }, [sections]);\r\n\r\n const isPageLocked =\r\n summary?.steps?.find((s) => s.number === currPage)?.isLocked !== false\r\n ? true\r\n : false;\r\n\r\n const allDimensions = sections.flatMap((section) => section.dimensions);\r\n const currentlySelectedPriceAmount = allDimensions.find(\r\n (e) => e.isSelected === true\r\n )?.price?.amount;\r\n\r\n return (\r\n \r\n {type !== \"energy\" && getItemImage()}\r\n {!isSmallScreen && getItemDetails()}\r\n
\r\n {isSmallScreen && type !== \"energy\" && \r\n {getItemDetails()}\r\n {getItemBioCode()}\r\n
\r\n ) : (\r\n <>{getItemBioCode()}\r\n )}\r\n \r\n {isLoading && loaded ? (\r\n \r\n \r\n {section.dimensions.map((element) => {\r\n return (\r\n {\r\n id && selectDimension({ id }, dispatch);\r\n }}\r\n isClickable={!isLoading && !isPageLocked}\r\n />\r\n );\r\n })}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default DimensionsPage;\r\n","import ApiClient from \"_config/client\";\r\nimport types from \"_store/types\";\r\n\r\nconst base = \"/material\";\r\n\r\nexport const getMaterialsRequestBuilder = () => ApiClient.get(base);\r\n\r\nexport const selectMaterialRequestBuilder = (id) =>\r\n ApiClient.post(`${base}/${id}/select`);\r\n\r\nexport const getMaterials = (dispatch) => {\r\n dispatch({ type: types.started });\r\n getMaterialsRequestBuilder()\r\n .then(({ data }) => dispatch({ type: types.success, payload: data }))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nconst dispatchMutatingAction = (request, dispatch) => {\r\n dispatch({ type: types.started });\r\n\r\n request\r\n .then(() => getMaterials(dispatch))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nexport const selectMaterial = ({ id }, dispatch) =>\r\n dispatchMutatingAction(selectMaterialRequestBuilder(id), dispatch);\r\n","import { useLayoutEffect, Fragment, useState } from \"react\";\r\nimport LoadingSpinner from \"components/LoadingSpinner/LoadingSpinner\";\r\nimport Configuration from \"features/product/Configuration\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { summarySelector, useRefreshSummary } from \"_store/summary/selectors\";\r\nimport { useRecoilState, useRecoilValue } from \"recoil\";\r\nimport { materialSelector } from \"_store/products/material/selectors\";\r\nimport { getMaterials, selectMaterial } from \"_store/products/material/service\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport useDidMountEffect from \"__utilities/hooks/useDidMountEffect\";\r\nimport { SkeletonOptions } from \"components/CardSkeleton/SkeletonLoading\";\r\n\r\nconst MaterialPage = () => {\r\n const getLocalizationText = useGetLocalizationText();\r\n const {currPage} = useActivePage()\r\n const refreshSummary = useRefreshSummary();\r\n const [loaded, setLoaded] = useState(true);\r\n\r\n const [{ isLoading, materials: sections }, dispatch] =\r\n useRecoilState(materialSelector);\r\n\r\n const summary = useRecoilValue(summarySelector);\r\n\r\n useLayoutEffect(() => {\r\n refreshSummary(currPage);\r\n getMaterials(dispatch);\r\n }, []);\r\n\r\n useDidMountEffect(() => {\r\n setLoaded(false);\r\n }, [sections]);\r\n\r\n const isPageLocked =\r\n summary?.steps?.find((s) => s.number === currPage)?.isLocked !== false\r\n ? true\r\n : false;\r\n\r\n const currentlySelectedPriceAmount = sections.find(e => e.isSelected === true)?.price?.amount\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {getLocalizationText(\"Step2_Subtitle\")}\r\n
\r\n {sections &&\r\n sections.map((section) => (\r\n \r\n {isLoading && loaded ? (\r\n \r\n {\r\n id && selectMaterial({ id }, dispatch);\r\n }}\r\n isClickable={!isLoading && !isPageLocked}\r\n />\r\n );\r\n })}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default MaterialPage;\r\n","import ApiClient from \"_config/client\";\r\nimport types from \"_store/types\";\r\n\r\nconst base = \"/energyType\";\r\n\r\nexport const getEnergyTypeRequestBuilder = () => ApiClient.get(base);\r\n\r\nexport const selectEnergyTypeRequestBuilder = (id) =>\r\n ApiClient.post(`${base}/${id}/select`);\r\n\r\nexport const getEnergyTypes = (dispatch) => {\r\n dispatch({ type: types.started });\r\n getEnergyTypeRequestBuilder()\r\n .then(({ data }) => dispatch({ type: types.success, payload: data }))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nconst dispatchMutatingAction = (request, dispatch) => {\r\n dispatch({ type: types.started });\r\n\r\n request\r\n .then(() => getEnergyTypes(dispatch))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nexport const selectEnergyType = ({ id }, dispatch) =>\r\n dispatchMutatingAction(selectEnergyTypeRequestBuilder(id), dispatch);\r\n","import LoadingSpinner from \"components/LoadingSpinner/LoadingSpinner\";\r\nimport Configuration from \"features/product/Configuration\";\r\nimport { Fragment, useLayoutEffect, useState } from \"react\";\r\nimport { useRecoilState, useRecoilValue } from \"recoil\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { energyTypeSelector } from \"_store/products/energyTypes/selectors\";\r\nimport {\r\n getEnergyTypes,\r\n selectEnergyType,\r\n} from \"_store/products/energyTypes/service\";\r\nimport { summarySelector, useRefreshSummary } from \"_store/summary/selectors\";\r\nimport useDidMountEffect from \"__utilities/hooks/useDidMountEffect\";\r\nimport { SkeletonOptions } from \"components/CardSkeleton/SkeletonLoading\";\r\n\r\nconst EnergyTypePage = () => {\r\n const getLocalizationText = useGetLocalizationText();\r\n const { currPage } = useActivePage();\r\n const refreshSummary = useRefreshSummary();\r\n const [loaded, setLoaded] = useState(true);\r\n\r\n const [{ isLoading, energyTypes: sections }, dispatch] =\r\n useRecoilState(energyTypeSelector);\r\n\r\n const summary = useRecoilValue(summarySelector);\r\n\r\n useLayoutEffect(() => {\r\n refreshSummary(currPage);\r\n getEnergyTypes(dispatch);\r\n }, []);\r\n\r\n useDidMountEffect(() => {\r\n setLoaded(false);\r\n }, [sections]);\r\n\r\n const isPageLocked =\r\n summary?.steps?.find((s) => s.number === currPage)?.isLocked !== false\r\n ? true\r\n : false;\r\n\r\n const currentlySelectedPriceAmount = sections.find(\r\n (e) => e.isSelected === true\r\n )?.price?.amount;\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {getLocalizationText(\"Step3_Subtitle\")}\r\n
\r\n {sections &&\r\n sections.map((element) => {\r\n return (\r\n \r\n {isLoading && loaded ? (\r\n \r\n {\r\n id && selectEnergyType({ id }, dispatch);\r\n }}\r\n isClickable={!isLoading && !isPageLocked}\r\n />\r\n );\r\n })}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default EnergyTypePage;\r\n","import ApiClient from \"_config/client\";\r\nimport { getModelDescriptionRequest } from \"_store/selected/Description/service\";\r\nimport types from \"_store/types\";\r\n\r\nconst base = \"/option\";\r\n\r\nexport const getOptionsRequestBuilder = (stepNumber) => ApiClient.get(`${base}/${stepNumber}`);\r\nexport const selectOptionRequestBuilder = (compartment, id) =>\r\n ApiClient.post(`${base}/yesno/${compartment}/${id}/select`);\r\nexport const selectManyOptionRequestBuilder = (compartment, id, quantity) =>\r\n ApiClient.post(\r\n `${base}/numeric/${compartment}/${id}/setQuantity?quantity=${quantity}`\r\n );\r\nexport const deselectOptionRequestBuilder = (compartment, id) =>\r\n ApiClient.post(`${base}/yesno/${compartment}/${id}/deselect`);\r\n\r\n// the right way\r\n// export const selectOptionRequestBuilder = (compartment, id) =>\r\n// ApiClient.post(`${base}/${compartment}/${id}/${1}`)\r\n// export const selectManyOptionRequestBuilder = (compartment, id, quantity) =>\r\n// ApiClient.post(`${base}/${compartment}/${id}/${quantity}`)\r\n// export const deselectOptionRequestBuilder = (compartment, id) =>\r\n// ApiClient.post(`${base}/${compartment}/${id}/${0}`)\r\n\r\nexport const getOptions = (dispatch, stepNumber) => {\r\n dispatch({ type: types.started });\r\n\r\n getOptionsRequestBuilder(stepNumber)\r\n .then(({ data }) => dispatch({ type: types.success, payload: data }))\r\n .catch((error) => dispatch({ type: types.error }));\r\n};\r\n\r\nexport const getModelDescription = (dispatch) => {\r\n getModelDescriptionRequest().then((data) => {\r\n dispatch({\r\n type: \"model\",\r\n isLoading: false,\r\n description: data.data,\r\n });\r\n });\r\n};\r\n\r\nconst dispatchMutatingAction = (\r\n request,\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n) => {\r\n dispatchSetOptions({ type: types.started });\r\n\r\n request\r\n .then(() => {\r\n getOptions(dispatchSetOptions, stepNumber);\r\n getModelDescription(dispatchSetDescription);\r\n })\r\n .catch((error) => dispatchSetOptions({ type: types.error }));\r\n};\r\n\r\nexport const selectOption = (\r\n { compartment, id },\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n) =>\r\n dispatchMutatingAction(\r\n selectOptionRequestBuilder(compartment, id),\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n );\r\n\r\nexport const selectManyOption = (\r\n { compartment, id, quantity },\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n) =>\r\n dispatchMutatingAction(\r\n selectManyOptionRequestBuilder(compartment, id, quantity),\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n );\r\n\r\nexport const deselectOption = (\r\n { compartment, id },\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n) =>\r\n dispatchMutatingAction(\r\n deselectOptionRequestBuilder(compartment, id),\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n stepNumber\r\n );\r\n","import \"./RemoveButton.css\";\r\n\r\nconst RemoveButton = ({ onClick }) => {\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {getLocalizationText(\"Step4_Subtitle\")}\r\n
\r\n {sections &&\r\n sections.map((element) => {\r\n return (\r\n onClick()}>\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RemoveButton;\r\n","import { useRef, useState, useEffect, memo } from \"react\";\r\nimport \"./Counter.css\";\r\n\r\nconst Counter = ({ value, minValue, maxValue, onChange, type, isSelected, setCountRef, setInputRef, rotated, style, hasInput, delayAmount = 400, onPlusButtonMouseOver}) => {\r\n const [input, setInput] = useState(value);\r\n const [count, setCount] = useState(value);\r\n const ref = useRef();\r\n\r\n useEffect(() => {\r\n if (setCountRef?.current) {\r\n setCountRef.current = setCount\r\n }\r\n if (setInputRef?.current) {\r\n setInputRef.current = setInput\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (!ref.current) {\r\n ref.current = true;\r\n return;\r\n }\r\n let timer = setTimeout(() => onChange(count), delayAmount);\r\n return () => clearTimeout(timer);\r\n }, [count]);\r\n\r\n const onInputChange = (e) => {\r\n const value = Math.max(minValue, Math.min(maxValue, Number(e.target.value)));\r\n setInput(value)\r\n }\r\n\r\n const onInputFocus = (e) => {\r\n e.target.select();\r\n }\r\n\r\n const onInputBlur = () => {\r\n if(input === value) return\r\n setCount(value)\r\n onChange(input)\r\n }\r\n\r\n return (\r\n \r\n {\r\n e.stopPropagation();\r\n if (count - 1 < minValue) return;\r\n setCount(count - 1);\r\n setInput(count - 1);\r\n }}\r\n >\r\n \r\n \r\n\r\n {hasInput ? \r\n : \r\n maxValue ? \" disabled\" : \"\")\r\n }\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n if (maxValue != null) {\r\n if (count + 1 > maxValue) return;\r\n }\r\n setCount(count + 1);\r\n setInput(count + 1)\r\n }}\r\n onMouseOver={onPlusButtonMouseOver}\r\n >\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default memo(Counter);\r\n","import \"./Switch.css\";\r\n\r\nconst Switch = ({ checked, onClick }) => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Switch;\r\n","import RemoveButton from \"components/Buttons/RemoveButton\";\r\nimport { Fragment, useRef, useState } from \"react\";\r\nimport Counter from \"components/Counter/Counter\";\r\nimport Switch from \"components/Switch/Switch\";\r\nimport CardOverlay from \"./disableReason/CardOverlay\";\r\nimport \"./Option.css\";\r\nimport CustomRadioButton from \"components/Buttons/CustomRadioButton\";\r\nimport {\r\n addSignToFormatedPrice,\r\n priceFormater,\r\n} from \"__utilities/functions/Public\";\r\nimport { useGetSelectedRegionObject } from \"_store/session/selectors\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport CardSeparator from \"components/CardSeparator/CardSeparator\";\r\n\r\nconst Option = ({\r\n id,\r\n compartment,\r\n title,\r\n price,\r\n image,\r\n details,\r\n isSelected,\r\n quantity,\r\n minValue,\r\n maxValue,\r\n isAvailable,\r\n isDisabled,\r\n disableReason,\r\n isLocked,\r\n canDelete,\r\n optionType,\r\n size,\r\n type,\r\n currentlySelectedPriceAmount,\r\n onClickHandler,\r\n userConfirmationOnDeleteRequired,\r\n userConfirmationOnDeleteText,\r\n userConfirmationOnSelectRequired,\r\n userConfirmationOnSelectText,\r\n isMaxAmountReached,\r\n maxAmountReachedText\r\n}) => {\r\n const [isPopUpShownOnPlusHover, setIsPopUpShownOnPlusHover] = useState(false);\r\n const [isPopUpShown, setIsPopUpShown] = useState(false);\r\n const [isConfirmationPopUpData, setConfirmationPopUpData] = useState({\r\n show: false,\r\n text: \"\",\r\n dispatch: () => {},\r\n });\r\n const setCountRef = useRef();\r\n const setInputRef = useRef();\r\n const regionObj = useGetSelectedRegionObject();\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n const onClickConfirmationPopupChack = (_quantity, type) => {\r\n // _quantity - (callback from counter), quantity - (current)\r\n\r\n if (userConfirmationOnDeleteRequired) {\r\n if (_quantity === 0 || !_quantity) {\r\n setConfirmationPopUpData({\r\n show: true,\r\n text: userConfirmationOnDeleteText ?? \"\",\r\n dispatch: () => onClickHandler(_quantity, type),\r\n });\r\n } else {\r\n onClickHandler(_quantity, type);\r\n }\r\n } else if (userConfirmationOnSelectRequired) {\r\n if (\r\n ((quantity === 0 && _quantity > 0) ||\r\n _quantity === null ||\r\n _quantity === undefined) &&\r\n !isSelected\r\n ) {\r\n setConfirmationPopUpData({\r\n show: true,\r\n text: userConfirmationOnSelectText ?? \"\",\r\n dispatch: () => onClickHandler(_quantity, type),\r\n });\r\n } else {\r\n onClickHandler(_quantity, type);\r\n }\r\n } else {\r\n onClickHandler(_quantity, type);\r\n }\r\n };\r\n \r\n const confirmationPopupHandler = (result) => {\r\n if (result === \"yes\") {\r\n isConfirmationPopUpData.dispatch();\r\n } else {\r\n setCountRef?.current?.(quantity);\r\n setInputRef?.current?.(quantity);\r\n }\r\n setTimeout(() => {\r\n setConfirmationPopUpData({ show: false, text: \"\", dispatch: () => {} });\r\n }, 10);\r\n };\r\n\r\n const optionLogic = () => {\r\n if (isAvailable === false) {\r\n if (canDelete === false) return;\r\n if (canDelete === true) {\r\n return {count}
}\r\n \r\n \r\n \r\n {title}\r\n
\r\n {type !== \"configuration\" && (\r\n {details}
\r\n )}\r\n \r\n \r\n {isSmallScreen && !isSelected && \r\n {currentlySelectedPriceAmount ||\r\n currentlySelectedPriceAmount === 0\r\n ? addSignToFormatedPrice(\r\n price.amount - currentlySelectedPriceAmount,\r\n price.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )\r\n : priceFormater(\r\n price.amount,\r\n price.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}{\" \"}\r\n {/* {price.currency} */}\r\n
\r\n ) : (\r\n <>\r\n \r\n {/* DEFAULT */}\r\n {priceFormater(\r\n price.amount,\r\n price.currency,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n \r\n )}\r\n \r\n )}\r\n {/* {compartment}
*/}\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import { Fragment } from \"react\";\r\nimport { useRecoilState, useRecoilValue, useSetRecoilState } from \"recoil\";\r\nimport { optionsSelector } from \"_store/products/options/selectors\";\r\nimport {\r\n selectManyOption,\r\n deselectOption,\r\n} from \"_store/products/options/service\";\r\nimport OptionSummaryElement from \"./OptionSummaryElement\";\r\nimport \"./OptionSummary.css\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport { descriptionSelector } from \"_store/selected/Description/selectors\";\r\nimport { isIterable } from \"__utilities/Public\";\r\nimport { cloneOptions, sortOptions } from \"__utilities/functions/Public\";\r\n\r\nexport default function OptionSummary({ width }) {\r\n const [{ isLoading }, dispatchSetOptions] = useRecoilState(optionsSelector);\r\n\r\n const dispatchSetDescription = useSetRecoilState(descriptionSelector);\r\n\r\n const summary = useRecoilValue(summarySelector);\r\n const isLoadingSummary = summary.isLoading;\r\n const cabinet = summary.cabinet;\r\n\r\n let selectedOptions = [];\r\n\r\n const globalOptions = isIterable(cabinet?.globalOptions?.options)\r\n ? cabinet?.globalOptions?.options\r\n : [];\r\n const comparment1 = isIterable(cabinet?.comparment1?.fullSize.options)\r\n ? cabinet?.comparment1?.fullSize.options\r\n : [];\r\n const comparment2 = isIterable(cabinet?.comparment2?.fullSize.options)\r\n ? cabinet?.comparment2?.fullSize.options\r\n : [];\r\n const compartment1mM300 = isIterable(cabinet?.comparment1?.mM300.options)\r\n ? cabinet?.comparment1?.mM300.options\r\n : [];\r\n const compartment2mM300 = isIterable(cabinet?.comparment2?.mM300.options)\r\n ? cabinet?.comparment2?.mM300.options\r\n : [];\r\n\r\n function uniqueOptions(array) {\r\n var a = array.concat();\r\n for (var i = 0; i < a.length; ++i) {\r\n for (var j = i + 1; j < a.length; ++j) {\r\n if (a[i]?.id === a[j]?.id) {\r\n a[i].quantity = (a[i].quantity ?? 0) + (a[j]?.quantity ?? 0);\r\n a[i].chargableQuantity =\r\n (a[i].chargableQuantity ?? 0) + (a[j]?.chargableQuantity ?? 0);\r\n a.splice(j--, 1);\r\n }\r\n }\r\n }\r\n\r\n return a;\r\n }\r\n\r\n if (cabinet !== null) {\r\n selectedOptions = uniqueOptions(\r\n cloneOptions(globalOptions)\r\n .concat(cloneOptions(comparment1))\r\n .concat(cloneOptions(comparment2))\r\n .concat(cloneOptions(compartment1mM300))\r\n .concat(cloneOptions(compartment2mM300))\r\n )?.sort(sortOptions);\r\n }\r\n\r\n return (\r\n \r\n {type === \"Numeric\" &&\r\n chargableQuantity !== 0 &&\r\n chargableQuantity + \" x \"}\r\n {name}\r\n
\r\n {isLocked ? (\r\n {getLocalizationText(\"Step5_Option_Included\")}
\r\n ) : (\r\n \r\n {type === \"Numeric\" && getLocalizationText(\"Summary_Total_Title\")+\":\"}{\" \"}\r\n {/*price.amount!==0 && */ chargableQuantity * price.amount}{\" \"}\r\n {price.currency}\r\n
\r\n )}\r\n \r\n {showSpinner ? (\r\n \r\n \r\n )}\r\n {!isSmallScreen && !isMediumScreen && !summary?.isLoading && (\r\n
\r\n );\r\n};\r\n\r\nexport default OptionsPage;\r\n","import React from \"react\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport \"./ConfigCabinetSummaryItem.css\";\r\nimport \"../ConfigSummaryItem/ConfigSummaryItem.css\";\r\nimport { useGetSelectedRegionObject } from \"_store/session/selectors\";\r\nimport { priceFormater } from \"__utilities/functions/Public\";\r\n\r\nexport default function ConfigCabinetSummaryItem({\r\n image,\r\n productName,\r\n tempRangeDescription,\r\n dimension,\r\n material,\r\n refrigerant,\r\n price,\r\n currencyCode,\r\n cabinetDimension,\r\n}) {\r\n const getLocalizationText = useGetLocalizationText();\r\n const regionObj = useGetSelectedRegionObject();\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {sections.map((section) => {\r\n return (\r\n e.isDisabled !== true && e.isLocked !== true\r\n // ).length === 0\r\n // ? false\r\n // : null\r\n }\r\n >\r\n {section.options.map((option) => {\r\n return (\r\n filter(\r\n option.compartment,\r\n selectedCompartment,\r\n \"Global\"\r\n ) && (\r\n {\r\n if (type === \"Group\") {\r\n option.isSelected\r\n ? deselectOption(\r\n option,\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n currPage\r\n )\r\n : selectOption(\r\n option,\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n currPage\r\n );\r\n return;\r\n }\r\n\r\n quantity\r\n ? selectManyOption(\r\n { ...option, quantity },\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n currPage\r\n )\r\n : option.isSelected\r\n ? deselectOption(\r\n option,\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n currPage\r\n )\r\n : selectOption(\r\n option,\r\n dispatchSetOptions,\r\n dispatchSetDescription,\r\n currPage\r\n );\r\n }}\r\n >\r\n )\r\n );\r\n })}\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useGetSelectedRegionObject } from \"_store/session/selectors\";\r\nimport { priceFormater } from \"__utilities/functions/Public\";\r\nimport \"./ConfigSummaryItem.css\";\r\n\r\nexport default function ConfigSummaryItem({\r\n id,\r\n image,\r\n type,\r\n quantity,\r\n title,\r\n price,\r\n currencyCode,\r\n chargableQuantity,\r\n}) {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const regionObj = useGetSelectedRegionObject();\r\n\r\n const [isPopUpShown, setIsPopUpShown] = useState(false);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {tempRangeDescription}\r\n {dimension && \", \" + dimension}\r\n {material && \", \" + material}\r\n {refrigerant && \", \" + refrigerant}\r\n
\r\n {cabinetDimension}
\r\n \r\n {price && getLocalizationText(\"Summary_Total_Title\") + \": \"}\r\n {priceFormater(\r\n price,\r\n currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n {productName}
\r\n \r\n The BioUltra Ul570 model comes with 5 drawers. The price shown refers\r\n to your choice of adding 3 additional drawers.\r\n
\r\n ) : (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {quantity && type === \"Numeric\"\r\n ? quantity.toString() + \" x \"\r\n : \"\"}\r\n {title}\r\n
\r\n \r\n {(chargableQuantity || chargableQuantity === 0) &&\r\n getLocalizationText(\"Summary_Total_Title\") + \": \"}\r\n {priceFormater(\r\n price * chargableQuantity,\r\n currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n {/*
\r\n \r\n setIsPopUpShown(true)}\r\n />\r\n
*/}\r\n {id}
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import CardSeparator from \"components/CardSeparator/CardSeparator\";\r\nimport ConfigCabinetSummaryItem from \"features/configSummary/ConfigCabinetSummaryItem/ConfigCabinetSummaryItem\";\r\nimport ConfigSummaryItem from \"features/configSummary/ConfigSummaryItem/ConfigSummaryItem\";\r\nimport VerticalProgressStepBar from \"features/progress/VerticalProgressStepBar\";\r\nimport BioCode from \"features/selection/BioCode/BioCode\";\r\nimport CompartmentIndicatorContainer from \"features/selection/CompartmentIndicator/CompartmentIndicatorContainer\";\r\nimport { useLayoutEffect } from \"react\";\r\nimport { useRecoilValue } from \"recoil\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport {\r\n descriptionSelector,\r\n useRefreshDescription,\r\n} from \"_store/selected/Description/selectors\";\r\nimport { summarySelector, useRefreshSummary } from \"_store/summary/selectors\";\r\nimport { cloneOptions, sortOptions } from \"__utilities/functions/Public\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport { isIterable } from \"__utilities/Public\";\r\nimport \"./ConfigurationsSummaryPage.css\";\r\n\r\nconst ConfigurationsSummaryPage = () => {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const data = useRecoilValue(descriptionSelector);\r\n const description = data.value?.description;\r\n const isLoading = data.value?.isLoading;\r\n\r\n const summary = useRecoilValue(summarySelector);\r\n\r\n const refreshSummary = useRefreshSummary();\r\n const refreshDescription = useRefreshDescription();\r\n\r\n const { currPage } = useActivePage();\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n\r\n const globalOptions = isIterable(summary?.cabinet?.globalOptions?.options)\r\n ? summary?.cabinet?.globalOptions?.options\r\n : [];\r\n const compartment1fullSize = isIterable(\r\n summary?.cabinet?.comparment1?.fullSize?.options\r\n )\r\n ? summary?.cabinet?.comparment1?.fullSize?.options\r\n : [];\r\n const compartment2fullSize = isIterable(\r\n summary?.cabinet?.comparment2?.fullSize?.options\r\n )\r\n ? summary?.cabinet?.comparment2?.fullSize?.options\r\n : [];\r\n const compartment1mM300 = isIterable(\r\n summary?.cabinet?.comparment1?.mM300?.options\r\n )\r\n ? summary?.cabinet?.comparment1?.mM300?.options\r\n : [];\r\n const compartment2mM300 = isIterable(\r\n summary?.cabinet?.comparment2?.mM300?.options\r\n )\r\n ? summary?.cabinet?.comparment2?.mM300?.options\r\n : [];\r\n\r\n function uniqueOptions(array) {\r\n var a = array.concat();\r\n for (var i = 0; i < a.length; ++i) {\r\n for (var j = i + 1; j < a.length; ++j) {\r\n if (a[i]?.id === a[j]?.id) {\r\n a[i].quantity = (a[i].quantity ?? 0) + (a[j]?.quantity ?? 0);\r\n a[i].chargableQuantity =\r\n (a[i].chargableQuantity ?? 0) + (a[j]?.chargableQuantity ?? 0);\r\n a.splice(j--, 1);\r\n }\r\n }\r\n }\r\n\r\n return a;\r\n }\r\n\r\n const optionArray = uniqueOptions(\r\n cloneOptions(globalOptions)\r\n .concat(cloneOptions(compartment1fullSize))\r\n .concat(cloneOptions(compartment2fullSize))\r\n .concat(cloneOptions(compartment1mM300))\r\n .concat(cloneOptions(compartment2mM300))\r\n ).sort(sortOptions);\r\n\r\n useLayoutEffect(() => {\r\n refreshSummary(\"\");\r\n refreshDescription(currPage);\r\n }, []);\r\n\r\n return (\r\n \r\n {isSmallScreen && \r\n {optionArray.map((o) => (\r\n
\r\n {isSmallScreen && (\r\n \r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ConfigurationsSummaryPage;\r\n","import CustomButton from \"components/Buttons/CustomButton\";\r\nimport React from \"react\";\r\nimport { useRecoilValue } from \"recoil\";\r\nimport {\r\n getAcquireQuotationRequestMessage,\r\n setNewSessionId,\r\n getUserSelection,\r\n setUserSelection,\r\n getRegion,\r\n setRegion,\r\n} from \"_config/session\";\r\nimport { newConfiguration } from \"_store/configurations/service\";\r\nimport { informingTypeSelector } from \"_store/informingType/selectors\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { clearSessionStorage } from \"__utilities/functions/Public\";\r\nimport { chooseRangePage } from \"__utilities/PageStepEnum\";\r\nimport \"./ConfirmationPage.css\";\r\n\r\nexport default function ConfirmationPage() {\r\n const getLocalizationText = useGetLocalizationText();\r\n const { setPage } = useActivePage();\r\n const { informingType } = useRecoilValue(informingTypeSelector);\r\n\r\n const isAcquireQuotationMessage = getAcquireQuotationRequestMessage();\r\n\r\n const userSelection = informingType ? informingType : getUserSelection();\r\n setUserSelection(userSelection);\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { elementAcceptingRef, exactProp, unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback } from '@mui/utils';\n\n// TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase\r\n \r\n {\r\n setUserSelection('')\r\n let region = getRegion()// reserving region in next configuration\r\n clearSessionStorage();\r\n setRegion(region)\r\n setNewSessionId();\r\n newConfiguration(() => setPage(chooseRangePage));\r\n }}\r\n style={{ width: \"200px\", marginTop: \"20px\" }}\r\n type=\"next\"\r\n >\r\n
\r\n \r\n {isAcquireQuotationMessage\r\n ? isAcquireQuotationMessage\r\n : userSelection === \"createConfigurationID\"\r\n ? getLocalizationText(\"ConfirmationPage_CreateConfigID_Text\")\r\n : userSelection === \"quotation\"\r\n ? getLocalizationText(\"ConfirmationPage_SendQuotation_Text\")\r\n : userSelection === \"contactMe\" &&\r\n getLocalizationText(\"ConfirmationPage_ContactMe_Text\")}\r\n
\r\n {children}
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./EstimateOverviewElementDetails.css\";\r\nimport { editConfiguration } from \"_store/configurations/service\";\r\nimport EstimateOverviewButton from \"components/Buttons/EstimateOverviewButton/EstimateOverviewButton\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { priceFormater } from \"__utilities/functions/Public\";\r\n\r\nexport default function EstimateOverviewElementDetails({\r\n key,\r\n configurationId,\r\n title,\r\n details,\r\n code,\r\n quantity,\r\n price,\r\n isEditable,\r\n stepNumber,\r\n image = null,\r\n regionObj,\r\n flexWrapItem = false\r\n}) {\r\n const {setPage} = useActivePage();\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport \"./InputField.css\";\r\n\r\nexport default function InputField({ label, onChange, isInvalid, invalidText, value, disabled, style, inputStyle }) {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {quantity > 1 && `${quantity} x `}{title}\r\n
\r\n {details && \r\n {details}\r\n
}\r\n {price && \r\n {priceFormater(\r\n price?.amount,\r\n price?.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
}\r\n {code}
\r\n {isEditable && \r\n {\r\n editConfiguration(configurationId, () => {\r\n setPage(stepNumber);\r\n });\r\n }}\r\n >\r\n \r\n \r\n
}\r\n \r\n
\r\n \r\n \r\n {invalidText}\r\n
\r\n {label}
\r\n \r\n
\r\n \r\n ) : (\r\n \r\n {\r\n newConfiguration(() => {\r\n setPage(chooseRangePage);\r\n });\r\n }}\r\n >\r\n +\r\n \r\n \r\n {children}\r\n \r\n
\r\n \r\n {\r\n let delimiter = window.location.href?.includes('?') === true ? '&' : '?';\r\n window.location.href = window.location.href + `${delimiter}biocode=` + biocodeValue\r\n }}\r\n >\r\n +\r\n \r\n \r\n {getLocalizationText(\r\n \"EstimateOverview_AddConfiguration_BioCode\"\r\n )}\r\n \r\n
\r\n \r\n {\r\n setBiocodeValue(event.target.value);\r\n }}\r\n style={{ display: \"flex\", alignItems: \"center\" }}\r\n />\r\n
\r\n \r\n {summary && !isDetailsShown && \r\n {isPopUpShown ? (\r\n {\r\n if (result === \"yes\") {\r\n deleteConfiguration(configuration.id, refreshList);\r\n }\r\n setTimeout(() => {\r\n setIsPopUpShown(false);\r\n }, 10);\r\n }}\r\n />\r\n ) : (\r\n <>\r\n
\r\n {isSmallScreen && handleOnClick(!isDetailsShown)}>\r\n
}\r\n {getLocalizationText(\"EstimateOverview_EditProduct\")}
\r\n\r\n {!readOnlyMode && (\r\n {\r\n setConfigurationQuantity(\r\n configuration?.id,\r\n value,\r\n () => {\r\n setConfiguration(null); // clearing configurations\r\n refreshList();\r\n }\r\n );\r\n }}\r\n isSelected={true}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {configuration.productName}\r\n
\r\n \r\n {configuration?.quantity}\r\n {\" x \"}\r\n {priceFormater(\r\n configuration.price.amount,\r\n configuration.totalPrice.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n \r\n {getLocalizationText(\r\n \"EstimateOverview_BioCode_Title\"\r\n ).replace(\"[#0#]\", configuration.productName)}\r\n
\r\n {ReturnCells(bioCodeFormater(configuration.bioCode))}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {ReturnCells(bioCodeFormater(configuration.bioCode))}\r\n
\r\n \r\n \r\n {isDetailsShown && (\r\n \r\n {configuration.productName}\r\n
\r\n \r\n {configuration?.quantity}\r\n {\" x \"}\r\n {priceFormater(\r\n configuration.price.amount,\r\n configuration.totalPrice.currencyCode,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n \r\n {configuration?.details?.slice(1).map((configDetail) => (\r\n
\r\n \r\n )}\r\n {summary && (\r\n \r\n {isDetailsShown ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n )}\r\n\r\n {readOnlyMode ? (\r\n \r\n \r\n {getLocalizationText(\"EstimateOverview_AddConfiguration\")}\r\n \r\n )}\r\n
\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default EstimateOverviewPage;\r\n","import React from \"react\";\r\nimport \"./InformingTypeElement.css\";\r\n\r\nexport default function InformingTypeElement({\r\n children,\r\n isSelected,\r\n onClick,\r\n}) {\r\n return (\r\n {getLocalizationText(\"EstimateOverview_Title\")}
\r\n \r\n {configurations?.configuration.isLoading ? {\r\n getItems()\r\n }}\r\n isLocked={summary?.isLocked}\r\n readOnlyMode={readOnlyMode}\r\n defaultItemsStyle={{\r\n animation:\r\n \"estimate-overview-page-fadeIn 0.5s ease-in-out forwards\",\r\n }}\r\n onHideItems={(dispatch, setItemsStyle) => {\r\n setItemsStyle({\r\n animation: \"estimate-overview-page-fadeOut 0.5s infinite\",\r\n });\r\n setTimeout(() => {\r\n setItemsStyle({\r\n animation:\r\n \"estimate-overview-page-fadeIn 0.5s ease-in-out forwards\",\r\n });\r\n \r\n dispatch();\r\n }, 400);\r\n }}\r\n />\r\n ))}\r\n
\r\n {!readOnlyMode && (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ChooseInformingTypePage;\r\n","import InputField from \"components/InputField/InputField\";\r\nimport React from \"react\";\r\nimport \"./CountryDropDown.css\";\r\n\r\nexport default function CountryDropDown({\r\n label,\r\n isInvalid,\r\n invalidText,\r\n countries,\r\n selectedCountry,\r\n setSelectedCountry,\r\n showCustomInput,\r\n onCustomNameChange\r\n}) {\r\n return (\r\n \r\n {getLocalizationText(\"ChooseInformType_Title\")}\r\n
\r\n \r\n {\r\n setInformingType(\"createConfigurationID\");\r\n }}\r\n >\r\n {getLocalizationText(\"ChooseInformType_CreateConfigID_Text\")}\r\n \r\n {\r\n setInformingType(\"quotation\");\r\n }}\r\n >\r\n {getLocalizationText(\"ChooseInformType_SendQuotation_Text\")}\r\n \r\n {\r\n setInformingType(\"contactMe\");\r\n }}\r\n >\r\n {getLocalizationText(\"ChooseInformType_ContactMe_Text\")}\r\n \r\n
\r\n \r\n setSelectedCountry(e?.target?.value)}\r\n >\r\n {countries?.map((country) =>\r\n country?.name === selectedCountry ? (\r\n \r\n ) : (\r\n \r\n )\r\n )}\r\n \r\n
\r\n {showCustomInput && (\r\n \r\n
\r\n \r\n \r\n {invalidText}\r\n
\r\n {label}
\r\n \r\n onCustomNameChange(event)}/>\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport InputField from \"./InputField/InputField\";\r\n\r\nexport default function PhoneInput({\r\n label,\r\n phoneCode,\r\n customNumber,\r\n onChange,\r\n isInvalid,\r\n invalidText,\r\n}) {\r\n\r\n return (\r\n \r\n {isSending && (\r\n \r\n {getLocalizationText(\"CollectUserData_SendingPopup_Text\")}\r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { useRecoilValue } from \"recoil\";\r\nimport { useGetSelectedRegionObject } from \"_store/session/selectors\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport { priceFormater } from \"__utilities/functions/Public\";\r\nimport \"./TotalCostWidget.css\";\r\n\r\nconst TotalCostWidget = ({ title }) => {\r\n const summary = useRecoilValue(summarySelector);\r\n //const isLoading = summary.isLoading\r\n const totalPrice = summary.totalPrice;\r\n const regionObj = useGetSelectedRegionObject();\r\n \r\n return (\r\n \r\n {informingType === \"createConfigurationID\" &&\r\n getLocalizationText(\"CollectUserData_CreateConfigID_Title\")}\r\n {informingType === \"quotation\" &&\r\n getLocalizationText(\"CollectUserData_SendQuotation_Title\")}\r\n {informingType === \"contactMe\" &&\r\n getLocalizationText(\"ColectUserData_ContactMe_Title\")}\r\n
\r\n \r\n
\r\n \r\n onChangeHandler(event, setFirstName)}\r\n />\r\n onChangeHandler(event, setLastName)}\r\n />\r\n onChangeHandler(event, setOrganization)}\r\n />\r\n {informingType === \"quotation\" && (\r\n <>\r\n onChangeHandler(event, setStreet1)}\r\n />\r\n onChangeHandler(event, setStreet2)}\r\n />\r\n onChangeHandler(event, setStreet3)}\r\n />\r\n onChangeHandler(event, setZip)}\r\n />\r\n onChangeHandler(event, setCity)}\r\n />\r\n \r\n )}\r\n {\r\n setSelectedCountry(selected);\r\n if (selected !== \"Other\") {\r\n setCountry(selected);\r\n }\r\n }}\r\n showCustomInput={selectedCountry === \"Other\"}\r\n onCustomNameChange={(event) => onChangeHandler(event, setCountry)}\r\n />\r\n 0\r\n ? getLocalizationText(\r\n \"InputFieldValidation_BadEmailFormat_Text\"\r\n )\r\n : getLocalizationText(\"InputFieldValidation_Mandatory_Text\")\r\n }\r\n label={getLocalizationText(\"CollectUserData_Email_Label\") + \" *\"}\r\n onChange={(event) => onChangeHandler(event, setEmail)}\r\n />\r\n setSelectedPhone(phone)}\r\n />\r\n onChangeHandler(event, setReference)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default TotalCostWidget;\r\n","import ContactSection from \"features/contact/ContactSection\";\r\nimport { useRecoilValue } from \"recoil\";\r\nimport { getReadOnlyModeStatus, getConfigurationId } from \"_config/session\";\r\nimport { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport { useActivePage } from \"_store/page/selectors\";\r\nimport { summarySelector } from \"_store/summary/selectors\";\r\nimport { useIsMediumScreen } from \"__utilities/hooks/useIsMediumScreen\";\r\nimport { useIsSmallScreen } from \"__utilities/hooks/useIsSmallScreen\";\r\nimport {\r\n estimatePage,\r\n summaryPage,\r\n userDataPage,\r\n} from \"__utilities/PageStepEnum\";\r\nimport CompartmentIndicatorContainer from \"./CompartmentIndicator/CompartmentIndicatorContainer\";\r\nimport DimensionsIndicator from \"./DimensionsIndicator/DimensionsIndicator\";\r\nimport TotalCostWidget from \"./TotalCostWidget/TotalCostWidget\";\r\nimport { useLayoutEffect, useState } from \"react\";\r\nimport {\r\n configurationsSelector,\r\n useGetConfigurations,\r\n} from \"_store/configurations/selectors\";\r\nimport { SkeletonDimensions } from \"components/CardSkeleton/SkeletonLoading\";\r\nimport {\r\n acceptConfigurationRequest,\r\n discardConfiguration,\r\n} from \"_store/configurations/service\";\r\nimport { estimateStep, summaryStep } from \"__utilities/StepEnum\";\r\n\r\nconst { default: CustomButton } = require(\"components/Buttons/CustomButton\");\r\nconst {\r\n default: VerticalProgressStepBar,\r\n} = require(\"features/progress/VerticalProgressStepBar\");\r\nconst { default: BioCode } = require(\"./BioCode/BioCode\");\r\n\r\nconst SelectionStep = ({\r\n nextBtnClickHandler,\r\n prevBtnClickHandler,\r\n activePageState,\r\n currStepIsCompleted,\r\n setDiscardPopup,\r\n setDeletePopup,\r\n}) => {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n const [isTermsAccepted, setIsTearmsAccepted] = useState(false);\r\n\r\n const { setPage, currPage } = useActivePage();\r\n const summary = useRecoilValue(summarySelector);\r\n const showCompartmentIndicator =\r\n summary?.cabinet?.comparment1?.fullSize?.spaceTotal > 0 &&\r\n summary?.steps?.find((s) => s.number === currPage)?.hasInteriorOptions &&\r\n activePageState === summaryPage;\r\n\r\n const showCompartmentVerticalProgressStepBar = activePageState < summaryPage;\r\n const showBioCode = activePageState < estimatePage;\r\n\r\n const isSmallScreen = useIsSmallScreen();\r\n const isMediumScreen = useIsMediumScreen();\r\n\r\n const getConfigurations = useGetConfigurations();\r\n const configurations = useRecoilValue(configurationsSelector);\r\n\r\n let lastAvailableStep = summary.steps.findLast(\r\n (step) => step.isAvailable && step.number < summaryStep\r\n );\r\n\r\n let showBackToEstimateButton =\r\n summary.progress === estimateStep &&\r\n currPage !== lastAvailableStep?.number;\r\n\r\n const userDataTermsCheck =\r\n activePageState !== userDataPage || isTermsAccepted;\r\n\r\n const backToEstimateOverview = (confirmationRequired) => {\r\n if (summary.progress === 1) {\r\n discardConfiguration(true, () => {\r\n setPage(estimatePage);\r\n });\r\n } else if (confirmationRequired) {\r\n setDeletePopup(true);\r\n } else {\r\n acceptConfigurationRequest()\r\n .then(() => {\r\n setPage(estimatePage);\r\n })\r\n .catch((error) => console.log(error));\r\n }\r\n };\r\n\r\n const separateLinkFromString = (text, url) => {\r\n let array = [];\r\n array = text?.split(\"$\");\r\n return (\r\n <>\r\n {array?.map?.((subString, index) => {\r\n if (index % 2 === 0) {\r\n return {subString};\r\n } else {\r\n return (\r\n {title}
\r\n \r\n {priceFormater(\r\n totalPrice?.amount,\r\n totalPrice?.currency,\r\n regionObj?.localizationISOCode,\r\n regionObj?.currencyPosition\r\n )}\r\n
\r\n \r\n setIsTearmsAccepted((prev) => !prev)}\r\n />\r\n \r\n {separateLinkFromString(\r\n getLocalizationText(\"CollectUserData_TermsAndConditions_Text\"),\r\n getLocalizationText(\"CollectUserData_TermsAndConditions_Url\")\r\n )}\r\n \r\n
\r\n );\r\n\r\n useLayoutEffect(() => {\r\n getConfigurations(() => {});\r\n }, []);\r\n\r\n const getSelectionTillSummary = () => {\r\n return (\r\n \r\n {\r\n setItemsStyle({\r\n animation: \"contact-section-fadeOut 0.5s infinite\",\r\n });\r\n setTimeout(() => {\r\n setItemsStyle({\r\n animation: \"contact-section-fadeIn 0.5s ease-in-out forwards\",\r\n });\r\n\r\n dispatch();\r\n }, 400);\r\n }}\r\n />\r\n
\r\n \r\n );\r\n };\r\n\r\n const getSelectionAfterSummary = () => {\r\n return (\r\n \r\n {showCompartmentVerticalProgressStepBar && (\r\n {\r\n setPage(estimatePage);\r\n }}\r\n />\r\n ) : (\r\n <>\r\n backToEstimateOverview()}\r\n />\r\n )}\r\n\r\n setDiscardPopup(true)}\r\n >\r\n {getLocalizationText(\"Global_Button_Discard\")}\r\n
\r\n \r\n )}\r\n \r\n {getLocalizationText(\"Summary_Title\")}\r\n
\r\n )}\r\n \r\n {showCompartmentVerticalProgressStepBar && (\r\n = summaryPage ? true : false}\r\n style={{ marginBottom: \"20px\" }}\r\n />\r\n )}\r\n {showBioCode && (\r\n
\r\n {summary?.isLoading ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n );\r\n };\r\n\r\n const getSmallScreenSelection = () => {\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n {activePageState > estimatePage && (\r\n 0 &&\r\n !configurations.configuration?.isLoading\r\n ? \"next\"\r\n : \"next disabled\"\r\n }\r\n onClick={nextBtnClickHandler}\r\n />\r\n ) : (\r\n
\r\n {activePageState === userDataPage && getTermsCheckBox()}\r\n \r\n \r\n \r\n
\r\n ) : (\r\n activePageState === summaryPage && (\r\n \r\n {activePageState !== estimatePage && (\r\n
\r\n {activePageState === userDataPage && getTermsCheckBox()}\r\n \r\n {isSmallScreen || isMediumScreen\r\n ? getSmallScreenSelection()\r\n : activePageState < estimatePage\r\n ? getSelectionTillSummary()\r\n : getSelectionAfterSummary()}\r\n
\r\n );\r\n};\r\nexport default SelectionStep;\r\n","import { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport LoadingSpinner from \"components/LoadingSpinner/LoadingSpinner\";\r\nimport Popup from \"components/Popup/Popup\";\r\n\r\nexport default function LoadingPopup() {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n \r\n {getLocalizationText(\"Step0_RegionDisabled_Title\")}\r\n
\r\n \r\n {getLocalizationText(\"Step0_RegionDisabled_Text\")}\r\n
\r\n \r\n \r\n );\r\n}\r\n","import { useGetLocalizationText } from \"_store/localization/selectors\";\r\nimport React from \"react\";\r\n\r\nexport default function BackToEstimateButton({ onClick }) {\r\n const getLocalizationText = useGetLocalizationText();\r\n\r\n return (\r\n \r\n \r\n \r\n {showCompartmentIndicator && (\r\n
\r\n )}\r\n \r\n
\r\n \r\n = summaryPage ? true : false}\r\n />\r\n
\r\n )}\r\n \r\n setAboutRangePopup(true)}\r\n />\r\n setYourConfigPopup(true)}\r\n />\r\n
\r\n )}\r\n {showAboutRangePopup && (\r\n \r\n {currPage === chooseRegionPage\r\n ? getLocalizationText(\"Step0_Title\")\r\n : getLocalizationText(\"Step1_Title\")}\r\n {estimateExist && (\r\n
\r\n {currPage !== chooseRegionPage && (\r\n \r\n backToEstimateOverview(true)}\r\n />\r\n
\r\n )}\r\n \r\n {getLocalizationText(\"Step1_Subtitle\")}\r\n
\r\n )}\r\n \r\n {getLocalizationText(\r\n \"StepOverview_Title_Configure\"\r\n ).replace(\"[#0#]\", \"\")}{\" \"}\r\n {range}\r\n
\r\n )}\r\n\r\n \r\n {currPage === 0 && (\r\n {\r\n refreshSummary(\"\", (steps) => {\r\n let step = steps[0]; //skippable pages after cabinet selection\r\n for (let i = 2; i <= steps.length; i++) {\r\n if (steps[i].isAvailable) {\r\n step = steps[i];\r\n break;\r\n }\r\n }\r\n\r\n setPage(step.number);\r\n });\r\n }}\r\n setStopPopup={setStopPopup}\r\n refreshItems={refreshItems}\r\n />\r\n )}\r\n {currPage === dimensionsPage &&
\r\n \r\n \r\n {currPage > chooseRangePage && currPage !== confirmationPage && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
,\r\n document.getElementById(\"root\")\r\n);\r\n"],"names":["emptySigne","bioCodeRowCells","isIterable","obj","Symbol","iterator","getRandomValues","rnds8","Uint8Array","rng","crypto","bind","msCrypto","Error","uuid","REGEX","test","byteToHex","i","push","toString","substr","arr","offset","arguments","length","undefined","toLowerCase","validate","TypeError","options","buf","rnds","random","stringify","getUuid","validateEmail","mail","restartMainScrollBar","window","scrollTo","sortOptions","option1","option2","_option1$bioCodeOrder","_option2$bioCodeOrder","_option1$bioCodeOrder2","_option2$bioCodeOrder2","bioCodeOrder","cloneOptions","JSON","parse","clearSessionStorage","sessionStorage","clear","priceFormater","amount","currency","localizationISOCode","currencyPosition","formated","parseFloat","toLocaleString","addSignToFormatedPrice","sign","chackedAmount","array","String","split","numerPart","removeFromURL","substring","newUrl","location","href","replace","trimEnd","endsWith","slice","history","replaceState","document","title","getCommaSeparatedStringFromArray","join","AppConfig","SERVICE_BASE_URL","process","AUTH_ENABLED","AUTH_STORE_IN_COOKIE","AUTH_API_KEY","AUTH_TOKEN_KEY","AUTH_TOKEN_EXPIRATION_KEY","client","axios","baseURL","interceptors","request","use","config","addHeaders","updateAxiosInstanceHeader","headerName","headerValue","currentHeaders","_objectSpread","defaults","headers","deleteAxiosInstanceHeader","sessionIdKey","configurationIdKey","regionKey","languageKey","pageKey","firstStartUpHappenedKey","readOnlyModeKey","acquireQuotationRequestMessageKey","userSelectionKey","distributorHeaderKey","setSessionId","sessionId","setItem","removeItem","setNewSessionId","id","setConfigurationId","getConfigurationId","getItem","deleteConfigurationId","getReadOnlyModeStatus","urlSessionIdCheck","validation","readOnlyDispatch","acquireQuotationDispatch","isValid","acquireQuotation","console","log","urlSessionIdIsValid","_pathSessionId","params","URLSearchParams","search","pathSessionId","has","get","toLocaleLowerCase","getBioCodeFromURL","biocode","getDistributorFromURL","distributor","getBioTagFromURL","tag","setDistributorHeader","deleteDistributorHeader","setRegion","region","localStorage","getRegion","setLanguageHeader","language","accessToken","getAccessToken","getSessionId","getLanguageFromURL","configurationId","concat","putPageIndexInStorage","pageIndex","getPageIndexFromStorage","isFirstStartUpHappened","getAcquireQuotationRequestMessage","setAcquireQuotationRequestMessage","value","getUserSelection","setUserSelection","includes","getRegionFromURL","atom","key","default","range","rangeSelector","selector","_ref","state","set","_ref2","newValue","summary","isLoading","steps","bioCode","totalPrice","cabinet","summarySelector","useRefreshSummary","_useRecoilState","useRecoilState","_useRecoilState2","_slicedToArray","_useRecoilState2$","setSummary","setRange","useSetRecoilState","stepNumber","dispatch","ApiClient","getSummaryRequest","then","data","_data$data$steps","_data$data$steps$","text","progress","isLocked","catch","error","bioCodeFormater","codes","codeArray","startSlicePlace","endSlicePlace","sliceArray","readCookie","cleanValue","cleanupCookieValue","doNotParse","isParsingCookie","e","__assign","Object","assign","t","s","n","p","prototype","hasOwnProperty","call","apply","this","Cookies","cookies","_this","changeListeners","HAS_DOCUMENT_COOKIE","cookie","parseCookies","Promise","_updateBrowserValues","parseOptions","_emitChange","name","getAll","result","name_1","_a","remove","finalOptions","expires","Date","maxAge","addChangeListener","callback","removeChangeListener","idx","indexOf","splice","getStorageItem","setStorageItem","expirationDate","removeStorageItem","path","HocComponent","props","_useState","useState","isAuthenticated","refreshTokenIntervalId","hasError","errorMessage","_useState2","setState","Authenticate","_asyncToGenerator","_regeneratorRuntime","mark","_callee2","wrap","_context2","prev","next","GetAccessToken","sent","clearInterval","setInterval","_callee","exparationDate","_context","stop","_ref3","_callee3","_accessTokenResponse","_accessTokenResponse$","_accessTokenResponse2","_accessTokenResponse3","save","accessTokenResponse","tokenClient","tokenClientHeaders","expiresOn","_expirationDate","_args3","_context3","abrupt","post","t0","getTime","SignIn","_ref4","_callee4","_context4","useEffect","_jsx","auth","children","LoadingSpinner","_ref$className","className","onClick","type","style","SkeletonVerticalProgressStepBar","_jsxs","Skeleton","circle","width","height","SkeletonBiocode","SkeletonDimensions","_ref$showPrice","showPrice","SkeletonDescriptionWidget","marginBottom","count","gap","SkeletonOptions","SkeletonOption","marginLeft","backgroundColor","SkeletonEstimateOverviewElementCard","alt","activePage","useRecoilValue","map","element","number","isCompleted","_Fragment","active","ReturnCells","bioCodes","_","index","BioCodeCell","BioCode","memo","React","require","useCallback","useLayoutEffect","getSize","el","offsetWidth","offsetHeight","module","exports","ref","current","ComponentSize","setComponentSize","handleResize","ResizeObserver","resizeObserver","observe","disconnect","addEventListener","removeEventListener","utils","settle","buildURL","buildFullPath","parseHeaders","isURLSameOrigin","createError","Cancel","resolve","reject","onCanceled","requestData","requestHeaders","responseType","done","cancelToken","unsubscribe","signal","isFormData","XMLHttpRequest","username","password","unescape","encodeURIComponent","Authorization","btoa","fullPath","url","onloadend","responseHeaders","getAllResponseHeaders","response","responseText","status","statusText","err","open","method","toUpperCase","paramsSerializer","timeout","onreadystatechange","readyState","responseURL","setTimeout","onabort","onerror","ontimeout","timeoutErrorMessage","transitional","clarifyTimeoutError","isStandardBrowserEnv","xsrfValue","withCredentials","xsrfCookieName","read","xsrfHeaderName","forEach","val","setRequestHeader","isUndefined","onDownloadProgress","onUploadProgress","upload","cancel","abort","subscribe","aborted","send","Axios","mergeConfig","createInstance","defaultConfig","context","instance","extend","create","instanceConfig","CancelToken","isCancel","VERSION","all","promises","spread","isAxiosError","message","__CANCEL__","executor","resolvePromise","promise","token","_listeners","l","onfulfilled","_resolve","reason","throwIfRequested","listener","source","c","InterceptorManager","dispatchRequest","validator","validators","assertOptions","silentJSONParsing","boolean","forcedJSONParsing","requestInterceptorChain","synchronousRequestInterceptors","interceptor","runWhen","synchronous","unshift","fulfilled","rejected","responseInterceptorChain","chain","Array","shift","newConfig","onFulfilled","onRejected","getUri","handlers","eject","fn","h","isAbsoluteURL","combineURLs","requestedURL","enhanceError","code","transformData","throwIfCancellationRequested","transformRequest","merge","common","adapter","transformResponse","toJSON","description","fileName","lineNumber","columnNumber","stack","config1","config2","getMergedValue","target","isPlainObject","isArray","mergeDeepProperties","prop","valueFromConfig2","defaultToConfig2","mergeDirectKeys","mergeMap","keys","configValue","validateStatus","fns","normalizeHeaderName","DEFAULT_CONTENT_TYPE","setContentTypeIfUnset","getDefaultAdapter","isArrayBuffer","isBuffer","isStream","isFile","isBlob","isArrayBufferView","buffer","isURLSearchParams","isObject","rawValue","parser","encoder","isString","trim","stringifySafely","strictJSONParsing","maxContentLength","maxBodyLength","thisArg","args","encode","serializedParams","parts","v","isDate","toISOString","hashmarkIndex","relativeURL","write","domain","secure","isNumber","toGMTString","match","RegExp","decodeURIComponent","now","payload","originURL","msie","navigator","userAgent","urlParsingNode","createElement","resolveURL","setAttribute","protocol","host","hash","hostname","port","pathname","charAt","requestURL","parsed","normalizedName","ignoreDuplicateOf","line","thing","deprecatedWarnings","version","formatMessage","opt","desc","opts","warn","schema","allowUnknown","getPrototypeOf","isFunction","constructor","FormData","ArrayBuffer","isView","pipe","product","assignValue","a","b","str","stripBOM","content","charCodeAt","condition","format","d","f","argIndex","framesToPop","getOwnPropertySymbols","propIsEnumerable","propertyIsEnumerable","test1","getOwnPropertyNames","test2","fromCharCode","test3","letter","shouldUseNative","from","symbols","to","toObject","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","propName","componentName","propFullName","secret","getShim","isRequired","ReactPropTypes","bigint","bool","func","object","string","symbol","any","arrayOf","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes","aa","m","r","y","ba","Set","ca","da","ea","add","fa","ha","ia","ja","ka","B","g","acceptsBooleans","attributeName","attributeNamespace","mustUseProperty","propertyName","sanitizeURL","removeEmptyString","D","oa","pa","qa","ma","isNaN","na","la","removeAttribute","setAttributeNS","xlinkHref","ra","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","sa","ta","ua","wa","xa","ya","za","Aa","Ba","Ca","Da","Ea","Fa","Ga","Ha","Ia","Ja","for","E","Ma","Ka","La","Na","Oa","Pa","prepareStackTrace","defineProperty","Reflect","construct","k","displayName","Qa","render","_render","Ra","$$typeof","_payload","_init","Sa","Ta","nodeName","Va","_valueTracker","getOwnPropertyDescriptor","configurable","enumerable","getValue","setValue","stopTracking","Ua","Wa","checked","Xa","activeElement","body","Ya","defaultChecked","defaultValue","_wrapperState","initialChecked","Za","initialValue","controlled","$a","ab","bb","cb","ownerDocument","eb","Children","db","fb","selected","defaultSelected","disabled","gb","dangerouslySetInnerHTML","hb","ib","jb","textContent","kb","html","mathml","svg","lb","mb","nb","ob","namespaceURI","innerHTML","valueOf","firstChild","removeChild","appendChild","MSApp","execUnsafeLocalFunction","pb","lastChild","nodeType","nodeValue","qb","animationIterationCount","borderImageOutset","borderImageSlice","borderImageWidth","boxFlex","boxFlexGroup","boxOrdinalGroup","columnCount","columns","flex","flexGrow","flexPositive","flexShrink","flexNegative","flexOrder","gridArea","gridRow","gridRowEnd","gridRowSpan","gridRowStart","gridColumn","gridColumnEnd","gridColumnSpan","gridColumnStart","fontWeight","lineClamp","lineHeight","opacity","order","orphans","tabSize","widows","zIndex","zoom","fillOpacity","floodOpacity","stopOpacity","strokeDasharray","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth","rb","sb","tb","setProperty","ub","menuitem","area","base","br","col","embed","hr","img","input","keygen","link","meta","param","track","wbr","vb","wb","is","xb","srcElement","correspondingUseElement","parentNode","yb","zb","Ab","Bb","Cb","stateNode","Db","Eb","Fb","Gb","Hb","Ib","Jb","Kb","Lb","Mb","Ob","Pb","Qb","Rb","onError","Sb","Tb","Ub","Vb","Wb","Xb","Zb","alternate","return","flags","$b","memoizedState","dehydrated","ac","cc","child","sibling","bc","dc","ec","fc","gc","hc","ic","jc","kc","lc","mc","nc","Map","oc","pc","qc","rc","blockedOn","domEventName","eventSystemFlags","nativeEvent","targetContainers","sc","delete","pointerId","tc","vc","wc","lanePriority","unstable_runWithPriority","priority","hydrate","containerInfo","xc","yc","zc","Ac","Bc","unstable_scheduleCallback","unstable_NormalPriority","Cc","Dc","Ec","animationend","animationiteration","animationstart","transitionend","Fc","Gc","Hc","animation","transition","Ic","Jc","Kc","Lc","Mc","Nc","Oc","Pc","Qc","unstable_now","F","Rc","Uc","pendingLanes","expiredLanes","suspendedLanes","pingedLanes","Vc","entangledLanes","entanglements","Wc","Xc","Yc","Zc","$c","eventTimes","Math","clz32","bd","cd","LN2","dd","unstable_UserBlockingPriority","ed","fd","gd","hd","uc","jd","kd","ld","md","nd","od","keyCode","charCode","pd","qd","rd","_reactName","_targetInst","currentTarget","isDefaultPrevented","defaultPrevented","returnValue","isPropagationStopped","preventDefault","stopPropagation","cancelBubble","persist","isPersistent","wd","xd","yd","sd","eventPhase","bubbles","cancelable","timeStamp","isTrusted","td","ud","view","detail","vd","Ad","screenX","screenY","clientX","clientY","pageX","pageY","ctrlKey","shiftKey","altKey","metaKey","getModifierState","zd","button","buttons","relatedTarget","fromElement","toElement","movementX","movementY","Bd","Dd","dataTransfer","Fd","Hd","animationName","elapsedTime","pseudoElement","Id","clipboardData","Jd","Ld","Md","Esc","Spacebar","Left","Up","Right","Down","Del","Win","Menu","Apps","Scroll","MozPrintableKey","Nd","Od","Alt","Control","Meta","Shift","Pd","Qd","repeat","locale","which","Rd","Td","pressure","tangentialPressure","tiltX","tiltY","twist","pointerType","isPrimary","Vd","touches","targetTouches","changedTouches","Xd","Yd","deltaX","wheelDeltaX","deltaY","wheelDeltaY","wheelDelta","deltaZ","deltaMode","Zd","$d","ae","be","documentMode","ce","de","ee","fe","ge","he","ie","le","color","date","datetime","email","month","tel","time","week","me","ne","oe","event","listeners","pe","qe","re","se","te","ue","ve","we","xe","ye","ze","oninput","Ae","detachEvent","Be","Ce","attachEvent","De","Ee","Fe","He","Ie","Je","Ke","Le","nextSibling","Me","contains","compareDocumentPosition","Ne","HTMLIFrameElement","contentWindow","Oe","contentEditable","Pe","Qe","Re","Se","Te","Ue","start","selectionStart","end","selectionEnd","anchorNode","defaultView","getSelection","anchorOffset","focusNode","focusOffset","Ve","We","Xe","Ye","Ze","Yb","G","$e","af","bf","cf","df","capture","passive","Nb","x","w","z","u","q","ef","ff","parentWindow","gf","hf","J","K","Q","L","je","char","ke","jf","kf","lf","mf","autoFocus","nf","__html","of","pf","clearTimeout","qf","rf","sf","previousSibling","tf","vf","wf","xf","yf","zf","Af","Bf","H","I","Cf","M","N","Df","Ef","contextTypes","__reactInternalMemoizedUnmaskedChildContext","__reactInternalMemoizedMaskedChildContext","Ff","childContextTypes","Gf","Hf","If","getChildContext","Jf","__reactInternalMemoizedMergedChildContext","Kf","Lf","Mf","Nf","Of","Pf","unstable_cancelCallback","Qf","unstable_shouldYield","Rf","unstable_requestPaint","Sf","Tf","unstable_getCurrentPriorityLevel","Uf","unstable_ImmediatePriority","Vf","Wf","Xf","unstable_LowPriority","Yf","unstable_IdlePriority","Zf","$f","ag","bg","cg","dg","O","eg","fg","gg","hg","ig","jg","kg","ReactCurrentBatchConfig","lg","defaultProps","mg","ng","og","pg","qg","rg","_currentValue","sg","childLanes","tg","dependencies","firstContext","lanes","ug","vg","observedBits","responders","wg","xg","updateQueue","baseState","firstBaseUpdate","lastBaseUpdate","shared","pending","effects","yg","zg","eventTime","lane","Ag","Bg","Cg","A","C","Dg","Eg","Fg","Component","refs","Gg","Kg","isMounted","_reactInternals","enqueueSetState","Hg","Ig","Jg","enqueueReplaceState","enqueueForceUpdate","Lg","shouldComponentUpdate","isPureReactComponent","Mg","contextType","updater","Ng","componentWillReceiveProps","UNSAFE_componentWillReceiveProps","Og","getDerivedStateFromProps","getSnapshotBeforeUpdate","UNSAFE_componentWillMount","componentWillMount","componentDidMount","Pg","Qg","_owner","_stringRef","Rg","Sg","lastEffect","nextEffect","firstEffect","Tg","Ug","mode","Vg","implementation","Wg","Xg","Yg","Zg","$g","ah","bh","ch","dh","eh","documentElement","tagName","fh","gh","hh","P","ih","memoizedProps","revealOrder","jh","kh","lh","mh","nh","oh","pendingProps","ph","qh","rh","sh","th","uh","_workInProgressVersionPrimary","vh","ReactCurrentDispatcher","wh","xh","R","S","T","yh","zh","Ah","Bh","Ch","Dh","Eh","Fh","Gh","Hh","baseQueue","queue","Ih","Jh","Kh","lastRenderedReducer","action","eagerReducer","eagerState","lastRenderedState","Lh","Mh","_getVersion","_source","mutableReadLanes","Nh","U","getSnapshot","setSnapshot","Oh","Ph","Qh","Rh","destroy","deps","Sh","Th","Uh","Vh","Wh","Xh","Yh","Zh","$h","ai","bi","ci","di","readContext","useContext","useImperativeHandle","useMemo","useReducer","useRef","useDebugValue","useDeferredValue","useTransition","useMutableSource","useOpaqueIdentifier","unstable_isNewReconciler","uf","ei","ReactCurrentOwner","fi","gi","hi","ii","ji","compare","ki","li","mi","baseLanes","ni","oi","pi","UNSAFE_componentWillUpdate","componentWillUpdate","componentDidUpdate","qi","getDerivedStateFromError","ri","pendingContext","Bi","Ci","Di","Ei","si","retryLane","ti","fallback","unstable_avoidThisFallback","ui","unstable_expectedLoadTime","vi","wi","xi","yi","zi","isBackwards","rendering","renderingStartTime","last","tail","tailMode","Ai","Fi","Gi","wasMultiple","multiple","onclick","size","createElementNS","createTextNode","V","Hi","Ii","W","Ji","Ki","Li","Mi","Ni","Oi","WeakMap","Pi","Qi","Ri","Si","componentDidCatch","Ti","componentStack","Ui","WeakSet","Vi","Wi","Xi","__reactInternalSnapshotBeforeUpdate","Yi","Zi","$i","focus","aj","display","bj","onCommitFiberUnmount","componentWillUnmount","cj","dj","ej","fj","gj","hj","insertBefore","_reactRootContainer","ij","jj","kj","lj","mj","nj","ceil","oj","pj","X","Y","qj","rj","sj","tj","uj","vj","Infinity","wj","ck","Z","xj","yj","zj","Aj","Bj","Cj","Dj","Ej","Fj","Gj","Hj","Ij","Jj","Sc","Kj","Lj","Mj","callbackNode","expirationTimes","callbackPriority","Tc","Nj","Oj","Pj","Qj","Rj","Sj","Tj","finishedWork","finishedLanes","Uj","timeoutHandle","Wj","Xj","pingCache","Yj","Zj","va","ak","bk","dk","rangeCount","focusedElem","selectionRange","ek","min","createRange","setStart","removeAllRanges","addRange","setEnd","left","scrollLeft","top","scrollTop","onCommitFiberRoot","fk","gk","ik","isReactComponent","pendingChildren","jk","mutableSourceEagerHydrationData","lk","mk","nk","ok","qk","hydrationOptions","mutableSources","_internalRoot","rk","tk","hasAttribute","sk","uk","kk","hk","_calculateChangedBits","unstable_observedBits","unmount","querySelectorAll","form","Vj","vk","Events","wk","findFiberByHostInstance","bundleType","rendererPackageName","xk","rendererConfig","overrideHookState","overrideHookStateDeletePath","overrideHookStateRenamePath","overrideProps","overridePropsDeletePath","overridePropsRenamePath","setSuspenseHandler","scheduleUpdate","currentDispatcherRef","findHostInstanceByFiber","findHostInstancesForRefresh","scheduleRefresh","scheduleRoot","setRefreshHandler","getCurrentFiber","__REACT_DEVTOOLS_GLOBAL_HOOK__","yk","isDisabled","supportsFiber","inject","createPortal","findDOMNode","flushSync","unmountComponentAtNode","unstable_batchedUpdates","unstable_createPortal","unstable_renderSubtreeIntoContainer","checkDCE","nextProps","prevState","nextState","prevProps","__reactInternalSnapshotFlag","__reactInternalSnapshot","polyfill","foundWillMountName","foundWillReceivePropsName","foundWillUpdateName","newApiName","maybeSnapshot","snapshot","__suppressDeprecationWarning","scale","entering","transform","entered","exiting","exited","rotate","skew","o","max","__proto__","accomplished","transitionDuration","position","Transition","in","transitionState","percent","stepPositions","unfilledBackground","filledBackground","hasStepZero","background","cloneElement","_interopRequireDefault","__esModule","classList","_hasClass","baseVal","replaceClassName","origClass","classToRemove","newObj","_interopRequireWildcard","_addClass","_removeClass","_react","_Transition","_extends","addClass","classes","removeClass","CSSTransition","_React$Component","subClass","superClass","_len","_key","onEnter","appearing","getClassNames","removeClasses","onEntering","activeClassName","reflowAndAddClass","onEntered","appearClassName","doneClassName","enterClassName","onExit","onExiting","onExited","classNames","isStringClassNames","_proto","_this$getClassNames6","propTypes","_default","_reactDom","_TransitionGroup","ReplaceTransition","_args","handleEnter","_len2","_key2","handleLifecycle","handleEntering","_len3","_key3","handleEntered","_len4","_key4","handleExit","_len5","_key5","handleExiting","_len6","_key6","handleExited","_len7","_key7","handler","originalArgs","_child$props","toArray","_this$props","inProp","excluded","sourceKeys","_objectWithoutPropertiesLoose","_React$Children$toArr","first","second","EXITING","ENTERED","ENTERING","EXITED","UNMOUNTED","_reactLifecyclesCompat","initialStatus","parentGroup","transitionGroup","appear","isMounting","enter","appearStatus","unmountOnExit","mountOnEnter","nextCallback","updateStatus","nextStatus","cancelNextCallback","getTimeouts","exit","mounting","performEnter","performExit","_this2","timeouts","enterTimeout","safeSetState","onTransitionEnd","_this3","setNextCallback","_this4","doesNotHaveTimeoutOrListener","addEndListener","childProps","only","noop","_propTypes","_ChildMapping","_assertThisInitialized","self","ReferenceError","values","TransitionGroup","firstRender","appeared","mounted","prevChildMapping","getInitialChildMapping","getNextChildMapping","currentChildMapping","getChildMapping","component","childFactory","_CSSTransition","_ReplaceTransition","mergeChildMappings","getProp","nextChildMapping","isValidElement","hasPrev","hasNext","prevChild","isLeaving","mapFn","mapper","getValueForKey","nextKeysPending","pendingKeys","prevKey","childMapping","nextKey","pendingNextKey","classNamesShape","timeoutsShape","Fragment","__self","__source","jsx","jsxs","StrictMode","Profiler","Suspense","forceUpdate","escape","_status","_result","IsSomeRendererActing","PureComponent","createContext","_currentValue2","_threadCount","Provider","Consumer","createFactory","createRef","forwardRef","lazy","_toArray","arrayWithHoles","iterableToArray","unsupportedIterableToArray","nonIterableRest","_getPrototypeOf","setPrototypeOf","_isNativeReflectConstruct","sham","Proxy","Boolean","_construct","Parent","Class","Function","_wrapNativeSuper","_cache","Wrapper","writable","_createForOfIteratorHelper","allowArrayLike","it","_e","normalCompletion","didErr","step","_e2","_inherits","_createSuper","Derived","hasNativeReflectConstruct","Super","NewTarget","_classCallCheck","Constructor","_defineProperties","descriptor","toPropertyKey","_createClass","protoProps","staticProps","filterIterable","_marked2","concatIterables","Recoil_err","Recoil_isPromise","Recoil_nullthrows","_defineProperty","BaseLoadable","other","contents","_map","ValueLoadable","_BaseLoadable","_super","loadableWithPromise","isLoadable","loadableWithValue","loadableWithError","ErrorLoadable","_BaseLoadable2","_super2","LoadingLoadable","_BaseLoadable3","_super3","_this5","nextLoadable","freeze","loadableAll","inputs","output","every","some","find","loadableAllArray","outputs","reduce","out","_defineProperty2","LoadableStaticInterface","Recoil_Loadable","loadableLoading","RecoilLoadable","Recoil_Loadable_1","Recoil_Loadable_2","Recoil_Loadable_3","Recoil_Loadable_4","Recoil_Loadable_5","Recoil_Loadable_6","Recoil_Loadable_7","Recoil_Loadable$1","_useMutableSource","Recoil_expectationViolation","react","unstable_useMutableSource","Recoil_mutableSource","mutableSourceExists","$disableRecoilValueMutableSource_TEMP_HACK_DO_NOT_USE","mutableSourceExists$1","gks","Recoil_gkx","_gks$get","setPass","setFail","Recoil_gkx_1","Recoil_mapIterable","iterable","_iterator","_step","finish","recoverableViolation_1","projectName","Recoil_recoverableViolation","AbstractRecoilValue","newKey","RecoilState","_AbstractRecoilValue","_super4","RecoilValueReadOnly","_AbstractRecoilValue2","_super5","Recoil_RecoilValue","isRecoilValue","Recoil_RecoilValue_1","Recoil_RecoilValue_2","Recoil_RecoilValue_3","Recoil_RecoilValue_4","Recoil_RecoilValue$1","DefaultValue","DEFAULT_VALUE","RecoilValueNotReady","_Error","_super6","nodes","recoilValues","NodeMissingError","_Error2","_super7","configDeletionHandlers","getConfigDeletionHandler","Recoil_Node","registerNode","recoilValue","getNode","getNodeMaybe","deleteNodeConfigIfPossible","_node$shouldDeleteCon","_getConfigDeletionHan","shouldDeleteConfigOnRelease","setConfigDeletionHandler","recoilValuesForKeys","Recoil_Queue","enqueueExecution","hamt_1","_typeof","hamt","BUCKET_SIZE","pow","MASK","MAX_INDEX_NODE","MIN_ARRAY_NODE","nothing","constant","len","hashFragment","toBitmap","fromBitmap","bitmap","bit","arrayUpdate","mutate","at","arraySpliceOut","newLen","empty","__hamt_isEmpty","isEmptyNode","Leaf","edit","_modify","Leaf__modify","Collision","Collision__modify","IndexedNode","mask","IndexedNode__modify","ArrayNode","ArrayNode__modify","mergeLeaves","h1","n1","h2","n2","subH1","subH2","canEditNode","keyEq","_v","list","_newValue","updateCollisionList","frag","indx","exists","canEdit","newChildren","subNodes","expand","_i","arraySpliceIn","newChild","removed","elements","elem","pack","editable","root","_editable","_edit","_config","_root","_size","setTree","newRoot","newSize","tryGetHash","tryGet","getHash","hasHash","defKeyCompare","make","isEmpty","modifyHash","NaN","modify","setHash","del","removeHash","deleteHash","beginMutation","endMutation","transient","appk","lazyVisitChildren","lazyVisit","rest","DONE","MapIterator","v0","visit","buildPairs","entries","buildKeys","buildValues","fold","toVisit","pop","BuiltInMap","existing","persistentMap","HashArrayMappedTrieMap","_hamt","_step2","_iterator2","_step2$value","Recoil_PersistentMap_1","Recoil_differenceSets","ret","setsWithValuesToRemove","_step3","_iterator3","FIRST","_step4","_iterator4","Recoil_mapMap","mergeDependencyMapIntoGraph","graph","olderGraph","nodeDeps","nodeToNodeSubscriptions","upstreams","downstream","existingUpstreams","upstream","Recoil_Graph","dependencyMap","store","_storeState$nextTree","_storeState$previousT","_storeState$previousT2","_storeState$previousT3","storeState","getState","currentTree","nextTree","previousTree","getGraph","_storeState$nextTree2","nextVersion","persistentMap$1","graph$1","nextTreeStateVersion","getNextTreeStateVersion","makeEmptyTreeState","stateID","transactionMetadata","dirtyAtoms","atomValues","nonvalidatedAtoms","Recoil_State","commitDepth","knownAtoms","knownSelectors","transactionSubscriptions","nodeTransactionSubscriptions","nodeToComponentSubscriptions","queuedComponentCallbacks_DEPRECATED","suspendedComponentResolvers","graphsByVersion","versionsUsedByComponent","retention","referenceCounts","nodesRetainedByZone","retainablesToCheckForRelease","nodeCleanupFunctions","Recoil_unionSets","sets","_i2","_sets","_step5","_iterator5","Recoil_CopyOnWrite","predicate","_iterator6","_step6","_marked","Recoil_filterIterable","RetentionZone","Recoil_RetentionZone","retentionZone","setByAddingToSet$1","getNode$1","getNodeMaybe$1","recoilValuesForKeys$1","RetentionZone$1","emptySet","ReadOnlyRecoilValueError","_Error3","_super8","initializeNodeIfNewToStore","treeState","trigger","retentionCleanup","nodeKey","retainedBy","addToZone","zone","_step7","_iterator7","deleteFromZone","_step8","_iterator8","initializeRetentionForNode","nodeCleanup","init","peekNodeLoadable","peek","getDownstreamNodes","visitedNodes","visitingNodes","_graph$nodeToNodeSubs","_step9","_iterator9","downstreamNode","Recoil_FunctionalCore","_state$nodeCleanupFun","_node$invalidate","invalidate","clone","_graph$nodeDeps$get","_storeState$nodeToCom","_storeState$nodeToCom2","downstreamNodes","loadable","isActive","isSet","isModified","subscribers","components","getDownstreamNodes$1","getNodeLoadable$1","setNodeValue$1","getNodeMaybe$2","DefaultValue$1","RecoilValueNotReady$1","AbstractRecoilValue$1","RecoilState$1","RecoilValueReadOnly$1","isRecoilValue$1","applyAction","_step10","_ref6","valueOrUpdater","valueFromValueOrUpdater","_iterator10","_step10$value","writeLoadableToTreeState","unvalidatedValue","applyActionsToStore","actions","_step11","newState","copyTreeState","_iterator11","invalidateDownstreams","queueOrPerformStateUpdate","batchStack","actionsByStore","_step13","_iterator13","_getNodeMaybe","_getNodeMaybe$invalid","setRecoilValue","subscriptionID","Recoil_RecoilValueInterface","getRecoilValueAsLoadable","_ref5","setRecoilValueLoadable","markRecoilValueModified","setUnvalidatedRecoilValue","subscribeToRecoilValue","_ref7","componentDebugName","subID","release","subs","applyAtomValueWrites","writes","batchStart","_step12","_iterator12","_step12$value","invalidateDownstreams_FOR_TESTING","Recoil_someSet","entry","cleanUpNode$1","deleteNodeConfigIfPossible$1","getNode$2","RetentionZone$2","emptySet$1","releaseRetainablesNowOnCurrentTree","retainables","_step14","_iterator14","_step16","_iterator16","_step15","releasableNodes","searchFromNodes","nonReleasableNodes","findReleasableNodesInner","_step17","releasableNodesFoundThisIteration","downstreams","doNotDescendInto1","doNotDescendInto2","answer","visited","_step20","_iterator20","getDownstreamNodesInTopologicalOrder","_iterator17","_storeState$retention","zonesThatCouldRetainNode","nodeChildren","_step18","parents","_iterator18","_step19","_iterator19","parent","findReleasableNodes","_iterator15","releaseNode","_step21","_iterator21","_storeState$retention2","_step22","_iterator22","dep","_storeState$retention3","updateRetainCountToZero","retainable","scheduleOrPerformPossibleReleaseOfRetainable","Recoil_Retention","delta","_map$get","newCount","iters","_iterator23","_step23","iter","_iterator24","_step24","t1","Recoil_concatIterables","Recoil_Environment","isSSR","isReactNative","reactDom","batchStart$1","batcher","Recoil_Batching","batchEnd","isSSR$1","batchUpdates$1","initializeNodeIfNewToStore$1","peekNodeInfo$1","graph$2","DEFAULT_VALUE$1","recoilValues$1","recoilValuesForKeys$2","AbstractRecoilValue$2","getRecoilValueAsLoadable$1","setRecoilValue$1","setUnvalidatedRecoilValue$1","updateRetainCount$1","getNextTreeStateVersion$1","makeEmptyStoreState$1","Snapshot","_this6","checkRefCount_INTERNAL","_store","getLoadable","toPromise","isInitialized","_ref8","_ref9","mutableSnapshot","MutableSnapshot","cloneSnapshot","getStore_INTERNAL","_ref10","_x","replacer","graphs","newGraph","subscribeToTransactions","addTransactionMetadata","_step25","_iterator25","retain","autorelease_INTERNAL","_this7","_refCount","released","release_INTERNAL","_this8","getID_INTERNAL","cloneStoreState","bumpVersion","_Snapshot","_super9","batch","_this9","recoilState","newValueOrUpdater","_batch","_step26","_iterator26","_step26$value","Recoil_Snapshot","freshSnapshot","initializeState","Recoil_Snapshot_1","Recoil_Snapshot_2","Recoil_Snapshot_3","Recoil_Snapshot_4","Recoil_Snapshot$1","getNextTreeStateVersion$2","makeEmptyStoreState$2","cleanUpNode$2","getDownstreamNodes$2","setNodeValue$2","setUnvalidatedAtomValue_DEPRECATED$1","graph$3","cloneGraph$1","applyAtomValueWrites$1","releaseScheduledRetainablesNow$1","freshSnapshot$1","notInAContext","defaultStore","stateReplacerIsBeingExecuted","startNextTreeIfNeeded","AppContext","useStoreRef","MutableSourceContext","notifyComponents","_step27","_iterator27","comps","_step28","_iterator28","_step28$value","_step28$value$","sendEndOfBatchNotifications","_step29","_iterator29","_step29$value","subscriptions","_step31","_iterator31","_step31$value","subscription","_step30","_iterator30","_step30$value","Batcher","_ref11","setNotifyBatcherOfChange","storeRef","endBatch","nextID","RecoilRoot_INTERNAL","_ref12","_createMutableSource","initializeState_DEPRECATED","storeProp","store_INTERNAL","notifyBatcherOfChange","createMutableSource","unstable_createMutableSource","replaced","metadata","_i3","_Object$keys","initial","_step32","writtenNodes","_iterator32","setUnvalidatedAtomValues","initialStoreState_DEPRECATED","initialStoreState","mutableSource","_step33","_iterator33","atomKey","Recoil_RecoilRoot_react","override","propsExceptOverride","_objectWithoutProperties","_excluded","ancestorStoreRef","useRef$1","Recoil_useComponentName","Recoil_shallowArrayEqual","useEffect$1","useRef$2","Recoil_usePrevious","useStoreRef$1","SUSPENSE_TIMEOUT_MS$1","updateRetainCount$2","RetentionZone$3","isSSR$2","useEffect$2","useRef$3","Recoil_useRetain","toRetain","timeoutID","_step35","_iterator35","_step36","_iterator36","_toConsumableArray","previousRetainables","_step37","_iterator37","_step38","_iterator38","_step39","_iterator39","useRetain_ACTUAL","batchUpdates$2","DEFAULT_VALUE$2","useRecoilMutableSource$1","useStoreRef$2","AbstractRecoilValue$3","getRecoilValueAsLoadable$2","setRecoilValue$2","setUnvalidatedRecoilValue$2","subscribeToRecoilValue$1","mutableSourceExists$2","useMutableSource$1","useCallback$1","useEffect$3","useRef$4","useState$1","handleLoadable","useRecoilValueLoadable","getLoadableWithTesting","_storeState","newLoadable","prevLoadableRef","useRecoilValueLoadable_MUTABLESOURCE","_useState$3","_useState$4","_state","_prevLoadableRef$curr","_prevLoadableRef$curr2","useRecoilValueLoadable_LEGACY","Recoil_Hooks","Recoil_filterMap","_step40","_iterator40","_step40$value","Recoil_filterSet","_step41","_iterator41","Recoil_mergeMaps","maps","_key8","batchUpdates$3","DEFAULT_VALUE$3","getNode$3","nodes$1","useStoreRef$3","AbstractRecoilValue$4","setRecoilValueLoadable$1","SUSPENSE_TIMEOUT_MS$2","cloneSnapshot$1","isSSR$3","useCallback$2","useEffect$4","useRef$5","useState$2","useTransactionSubscription","externallyVisibleAtomValuesInState","toMap","persistedAtomContentsValues","persistence","persistence_UNSTABLE","Recoil_SnapshotHooks","_useState$5","_useState$6","previousSnapshot","keysToUpdate","_i4","_arr","_step42","_iterator42","_prev$atomValues$get","_next$atomValues$get","shouldRestoreFromSnapshots","previousAtomValues","atomInfo","_node$persistence_UNS","_node$persistence_UNS2","_node$persistence_UNS3","_node$persistence_UNS4","backButton","modifiedAtoms","peekNodeInfo$2","useStoreRef$4","Recoil_useGetRecoilValueInfo","_ref13","RecoilRoot$1","useStoreRef$5","useMemo$2","Recoil_useRecoilBridgeAcrossReactRoots","_ref14","loadableWithValue$1","DEFAULT_VALUE$4","getNode$4","copyTreeState$1","getRecoilValueAsLoadable$3","invalidateDownstreams$1","writeLoadableToTreeState$1","isAtom","TransactionInterfaceImpl","_this10","_changes","_treeState","_step43","_iterator43","_step43$value","Recoil_AtomicUpdates","changeset","newTreeState_INTERNAL","Recoil_AtomicUpdates_1","Recoil_AtomicUpdates$1","atomicUpdater","Recoil_invariant","atomicUpdater$1","batchUpdates$4","DEFAULT_VALUE$5","useStoreRef$6","setRecoilValue$3","cloneSnapshot$2","useGotoRecoilSnapshot$1","useCallback$3","Sentinel","SENTINEL","Recoil_useRecoilCallback","gotoSnapshot","_key9","reset","atomicUpdate","errMsg","transact_UNSTABLE","getNode$5","useStoreRef$7","useCallback$4","Recoil_useRecoilRefresher","_node$clearCache","clearCache","atomicUpdater$2","useStoreRef$8","useMemo$3","Recoil_useRecoilTransaction","_key10","transactionInterface","allowFunctions","_JSON$stringify","_step44","_iterator44","_step44$value","sort","localeCompare","filter","Recoil_stableStringify","TreeCache","_options$onHit","_options$onSet","_options$mapNodeValue","_numLeafs","_onHit","onHit","_onSet","onSet","_mapNodeValue","mapNodeValue","getNodeValue","_this$getLeafNode","getLeafNode","_this11","findLeaf","onNodeVisit","route","leafNode","_this12","setRetryablePart","addLeaf","_ref15","_ref16","pruneNodeFromTree","branches","countDownstreamLeaves","_handlers$onNodeVisit","branchKey","onAbort","_handlers$onNodeVisit2","_route","_path","_route2","_path3","pruneUpstreamBranches","branchNode","sum","currNode","Recoil_TreeCache_1","Recoil_TreeCache$1","Recoil_LRUCache_1","LRUCache","_options$mapKey","_maxSize","maxSize","_head","_tail","_keyMapper","mapKey","mappedKey","head","right","_maybeDeleteLRU","deleteLru","Recoil_LRUCache$1","LRUCache$1","TreeCache$1","Recoil_treeCacheLRU","lruCache","cache","lruNode","TreeCache$2","defaultPolicy","equality","eviction","Recoil_treeCacheFromPolicy","_ref17","_ref17$equality","_ref17$eviction","_ref17$maxSize","valueMapper","getValueMapper","getTreeCache","Recoil_PerformanceTimings","_id","loadableWithError$1","loadableWithPromise$1","loadableWithValue$2","getNodeLoadable$2","peekNodeLoadable$1","setNodeValue$3","saveDependencyMapToStore$1","DEFAULT_VALUE$6","RecoilValueNotReady$2","getConfigDeletionHandler$1","getNode$6","registerNode$1","isRecoilValue$3","AbstractRecoilValue$5","markRecoilValueModified$1","setRecoilValueLoadable$2","retainedByOptionWithDefault$1","cloneSnapshot$3","startPerfBlock$1","Canceled","CANCELED","dependencyStack","waitingStores","getNewExecutionId","executionId","Recoil_selector","cachePolicy","cachePolicy_UNSTABLE","discoveredDependencyNodeKeys","retainedBy_UNSTABLE","executionInfoMap","liveStoresCount","selectorIsLive","getExecutionInfo","depValuesDiscoveredSoFarDuringAsyncWork","latestLoadable","latestExecutionId","stateVersion","selectorInit","selectorShouldDeleteConfigOnRelease","notifyStoreWhenAsyncSettles","stores","getCachedNodeLoadable","isKeyPointingToSelector","wrapPendingDependencyPromise","existingDeps","loadingDepsState","resolvedDep","clearExecutionInfo","loadingDepKey","loadingDepPromise","cachedLoadable","getValFromCacheAndUpdatedDownstreamDeps","setExecutionInfo","isLatestExecution","_executionInfo$latest","executionInfo","getExecutionInfoOfInProgressExecution","_evaluateSelectorGett","evaluateSelectorGetter","_evaluateSelectorGett2","depValues","updateExecutionInfoDepValues","setCache","depValuesToDepRoute","setDepsInStore","setLoadableInStoreToNotifyDeps","maybeFreezeValue","_step45","_iterator45","notifyStoresOfSettledAsync","_store$getState","_store$getState$curre","_store$getState2","_store$getState2$next","_store$getState$nextT","_store$getState3","_store$getState3$next","endPerfBlock","resultIsError","getRecoilValue","depKey","newDepKey","setNewDepInStore","depLoadable","gateCallback","getCallback","errorOrPromise","wrapPendingPromise","finally","errorOrDepPromise","cachedVal","depsAfterCacheDone","_ref18","_ref19","getValFromRunningNewExecutionAndUpdatedDeps","newExecutionId","_evaluateSelectorGett3","_evaluateSelectorGett4","newDepValues","depRoute","maybeSetCacheWithLoadable","_Array$from$find","_ref20","_ref22","_ref23","execInfo","_executionInfo$depVal","_mapOfCheckedVersions","oldDepValues","cachedDepValuesCheckedForThisVersion","mapOfCheckedVersions","isCachedVersionSame","_ref24","_ref25","nodeVal","_ref26","_ref27","oldVal","haveAsyncDepsChanged","cacheRoute","selectorPeek","selectorGet","detectCircularDependencies","inProgressExecutionInfo","getSelectorValAndUpdatedDeps","invalidateSelector","clearSelectorCache","_step46","_iterator46","syncSelectorSetFinished","_ref28","setRecoilState","dangerouslyAllowMutability","loadableWithError$2","loadableWithPromise$2","loadableWithValue$3","peekNodeInfo$3","DEFAULT_VALUE$7","DefaultValue$2","getConfigDeletionHandler$2","registerNode$2","setConfigDeletionHandler$1","isRecoilValue$4","getRecoilValueAsLoadable$4","markRecoilValueModified$2","setRecoilValue$4","setRecoilValueLoadable$3","retainedByOptionWithDefault$2","baseAtom","defaultLoadable","maybeFreezeValueOrPromise","cachedAnswerForUnvalidatedValue","cleanupEffectsByStore","valueOrPromise","_state$atomValues$get3","nonvalidatedValue","validatorResult","validatedValueLoadable","initState","alreadyKnown","notifyDefaultSubscribers","_store$getState$nextT3","initValue","pendingSetSelf","effects_UNSTABLE","_step47","duringInit","retValue","getPromise","getInfo_UNSTABLE","_store$getState$nextT4","info","setSelf","effect","currentValue","resetSelf","currentStore","_currentTree$atomValu","_currentStore$getStat","_previousTree$atomVal","_pendingSetSelf","_pendingSetSelf2","_pendingSetSelf3","oldLoadable","oldValue","_iterator47","_options$effects_UNST","_cleanupEffectsByStor","cleanup","_store$getState$nextT5","frozenInitValue","initLoadable","wrappedPromise","_state$atomValues$get","_store$getState$nextT2","_state$atomValues$get2","_cleanupEffectsByStor2","optionsDefault","restOptions","_excluded2","storedValue","sel","_ref29","baseValue","_ref30","atomWithFallback","Recoil_atom","Recoil_MapCache_1","MapCache","Recoil_MapCache$1","LRUCache$2","MapCache$1","defaultPolicy$1","Recoil_cacheFromPolicy","_ref31","_ref31$equality","_ref31$eviction","_ref31$maxSize","getValueMapper$1","getCache","setConfigDeletionHandler$2","Recoil_atomFamily","_options$cachePolicyF","_options$cachePolicyF2","atomCache","cachePolicyForParams_UNSTABLE","_stableStringify","cachedAtom","atomOptions","_excluded3","newAtom","setConfigDeletionHandler$3","nextIndex","Recoil_selectorFamily","selectorCache","cachedSelector","newSelector","myKey","myGet","callbacks","myCachePolicy","constantSelector","Recoil_constSelector","throwingSelector","Recoil_errorSelector","Recoil_readOnlySelector","loadableWithError$3","loadableWithPromise$3","loadableWithValue$4","concurrentRequests","_step48","results","fill","exceptions","_iterator48","_step48$value","isError","exp","unwrapDependencies","wrapResults","wrapLoadables","exception","waitForNone","_ref32","_concurrentRequests","_concurrentRequests2","waitForAny","_ref33","_concurrentRequests3","_concurrentRequests4","_step49","_iterator49","_loop","_step49$value","Recoil_WaitFor","waitForAll","_ref34","_concurrentRequests5","_concurrentRequests6","exceptionResults","syncResults","waitForAllSettled","_ref35","_concurrentRequests7","_concurrentRequests8","noWait","dependency","_ref36","DefaultValue$3","RecoilRoot$2","isRecoilValue$5","retentionZone$1","freshSnapshot$2","Recoil_index","RecoilRoot","useRecoilBridgeAcrossReactRoots_UNSTABLE","atomFamily","selectorFamily","constSelector","errorSelector","readOnlySelector","useRecoilStateLoadable","useResetRecoilState","useGetRecoilValueInfo_UNSTABLE","useRecoilRefresher_UNSTABLE","useRecoilCallback","useRecoilTransaction_UNSTABLE","useGotoRecoilSnapshot","useRecoilSnapshot","useRecoilTransactionObserver_UNSTABLE","useTransactionObservation_UNSTABLE","useSetUnvalidatedAtomValues_UNSTABLE","snapshot_UNSTABLE","useRetain","Recoil_index_4","Recoil_index_6","Recoil_index_7","Recoil_index_18","Recoil_index_20","Recoil_index_22","performance","MessageChannel","unstable_forceFrameRate","cancelAnimationFrame","requestAnimationFrame","floor","port2","port1","onmessage","postMessage","sortIndex","startTime","expirationTime","priorityLevel","unstable_Profiling","unstable_continueExecution","unstable_getFirstCallbackNode","unstable_next","unstable_pauseExecution","delay","unstable_wrapCallback","pairs","dec","decode","pair","tryDecode","enc","fieldContentRegExp","isFinite","toUTCString","httpOnly","sameSite","_arrayLikeToArray","arr2","_arrayWithHoles","asyncGeneratorStep","gen","_next","_throw","arg","_iterableToArray","_nonIterableRest","ownKeys","_objectSpread2","getOwnPropertyDescriptors","defineProperties","sourceSymbolKeys","asyncIterator","toStringTag","define","Generator","Context","makeInvokeMethod","tryCatch","GeneratorFunction","GeneratorFunctionPrototype","defineIteratorMethods","_invoke","AsyncIterator","invoke","__await","callInvokeWithMethodAndArg","delegate","maybeInvokeDelegate","_sent","dispatchException","resultName","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","isGeneratorFunction","awrap","async","reverse","rval","handle","complete","delegateYield","_setPrototypeOf","arrayLikeToArray","_toPropertyKey","hint","prim","toPrimitive","res","Number","_unsupportedIterableToArray","minLen","SkeletonThemeContext","defaultEnableAnimation","_b","_c","_ref2$count","wrapper","customClassName","containerClassName","containerTestId","_ref2$circle","styleProp","originalPropsStyleOptions","contextStyleOptions","propsStyleOptions","_Object$entries","_Object$entries$_i","styleOptions","baseColor","highlightColor","borderRadius","direction","duration","_ref$enableAnimation","enableAnimation","styleOptionsToCssProperties","inline","countCeil","thisStyle","fractionalPart","fractionalWidth","skeletonSpan","SkeletonTheme","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","getter","leafPrototypes","getProto","ns","def","definition","getConfigurationRegionRequest","setConfigurationRegionRequest","put","acceptConfigurationRequest","validateBiocodeRequest","createConfigurationFromBiocodeRequest","setConfigurationQuantity","quantity","setConfigurationQuantityRequest","deleteConfiguration","deleteConfigurationRequest","editConfiguration","editConfigurationRequest","cloneConfiguration","cloneConfigurationRequest","discardConfiguration","auto","discardConfigurationRequest","newConfiguration","validateBiocode","createNewConfigurationFromBiocode","configuration","success","_x2","informingType","informingTypeSelector","firstName","valid","lastName","organization","country","phone","street1","street2","street3","zip","city","reference","sendEmailToRequesterRequest","userData","sendQuotationRequest","sendContactMeRequest","isSending","userDataSendingStateSelector","countriesSelector","useGetCountries","setCountries","userDataSelector","userDataFirstNameSelector","userDataLastNameSelector","userDataOrganizationSelector","userDataEmailSelector","userDataCountrySelector","userDataPhoneSelector","userDataStreet1Selector","userDataStreet2Selector","userDataStreet3Selector","userDataZipSelector","_ref21","userDataCitySelector","userReferenceSelector","useRefreshUserDataState","validateUserData","returnObj","validationObj","FirstName","LastName","Organization","CountryName","Email","PhoneNumber","Reference","AddressLine1","AddressLine2","AddressLine3","ZIPCode","City","chooseRegionPage","chooseRangePage","dimensionsPage","materialPage","energyTypePage","optionsPage","summaryPage","estimatePage","informingTypePage","userDataPage","confirmationPage","summaryStep","estimateStep","page","refresh","activePageSelector","useActivePage","setPage","setCurrentStep","setConfigurationStepRequest","currPage","forceRefresh","prevPage","prevStep","pageNumber","nextPage","nextStep","isSummary","directionForward","useGoToStep","_currStep","_currStep2","_currStep3","_currStep4","currStep","_useRecoilValue","_useActivePage","setData","setSendingState","selectedCountry","countries","_countries$list","_countries$list$filte","_countries$list$filte2","countryCode","useValidateAndSendUserData","isAvailable","mainCheck","isLastStep","goToNextStep","_currStep5","_currStep6","goToPrevStep","currStepIsCompleted","localization","localizationSelector","convertLocalization","texts","useGetLocalizationText","getLocalization","dimensions","idle","started","dimensionSelector","types","energyTypes","energyTypeSelector","materials","materialSelector","optionsSelector","regions","isDistributor","getSortOptions","validateDistributor","getSessionRegion","sessionRegionSelector","sessionRegionsSelector","sessionIsDistributorSelector","sortOptionsSelector","useGetSelectedRegionObject","didMount","configurationsSelector","useGetConfigurations","setConfigurations","_data$data","_element$totalPrice","_element$totalPrice2","useOnAppGlobalLoadEffect","setCanRender","setDiscardPopup","setDiscardPopupDispatch","setDiscardPopupOnCloseDispatch","setShowLoadingPopup","setInvalidBiocodePopup","setIsInvalidDistributorCode","setRegionState","setRegions","refreshSummary","getConfiguration","setLocalization","setIsDistributor","useDidMountEffect","initLocalization","invokeTagRequest","ex","mainLoad","urlSessionIdValidation","onStartUpLoad","checkIfRegionIsValid","isValidDistributorId","_yield$getSessionRegi","setupLocalization","canRender","loadRegionFromUrlOnFirstLoad","isUrlSessionIdValid","regionFromLocalStorage","item","distributorValidation","_yield$validateDistri","setupDistributor","onSuccessConfigurationCreationFromBiocode","stepToNavigate","firstNotCompletedStep","firstAvailableStep","onRefreshCompleted","checkIfURLContainsBiocode","firstStartUp","_x3","_x4","_data$data$find","isNewConfig","newConfigLoaded","pageToSet","parseInt","_x5","_x6","viewportContext","ViewportProvider","_React$useState","innerWidth","_React$useState2","setWidth","_React$useState3","innerHeight","_React$useState4","setHeight","handleWindowResize","useViewport","_useContext","useIsMediumScreen","useIsSmallScreen","PopupButton","Popup","onClose","justifyContent","DeletePopup","getLocalizationText","flexDirection","alignItems","padding","overflow","overflowX","maxHeight","maxWidth","fontSize","textAlign","CustomButton","DiscardPopup","clickedStep","isSmallScreen","letterSpacing","InvalidBiocodePopup","getModelDescriptionRequest","descriptionSelector","useRefreshDescription","_state$value","DescriptionWidget","_data$value","_data$value2","_description$text","_getLocalizationText","refreshDescription","src","imageUrl","rel","AlertSign","pointerEvents","composeClasses","slots","getUtilityClass","slot","acc","utilityClass","appendOwnerState","otherProps","ownerState","formatMuiErrorMessage","clamp","decomposeColor","colors","round","hexToRgb","marker","_formatMuiErrorMessage","colorSpace","recomposeColor","getLuminance","rgb","hslToRgb","toFixed","alpha","darken","coefficient","lighten","memoize","reactPropsRegex","isPropValid","StyleSheet","_insertTag","before","tags","insertionPoint","prepend","container","isSpeedy","speedy","ctr","nonce","insert","rule","createStyleElement","sheet","styleSheets","ownerNode","sheetForTag","insertRule","cssRules","flush","abs","pattern","replacement","indexof","charat","begin","strlen","sizeof","append","column","character","characters","copy","caret","alloc","dealloc","delimit","delimiter","whitespace","escaping","commenter","identifier","MS","MOZ","WEBKIT","COMMENT","RULESET","DECLARATION","KEYFRAMES","serialize","compile","rules","rulesets","pseudo","points","declarations","atrule","property","previous","variable","scanning","ampersand","comment","declaration","ruleset","j","identifierWithPointTracking","getRules","toRules","fixedElements","compat","isImplicitRule","parentRules","removeLabel","prefix","defaultStylisPlugins","combine","exec","createCache","ssrStyles","getAttribute","stylisPlugins","_insert","inserted","nodesToHydrate","attrib","currentSheet","finalizingPlugins","serializer","collection","middleware","serialized","shouldCache","styles","stylis","registered","unitlessKeys","aspectRatio","msGridRow","msGridRowSpan","msGridColumn","msGridColumnSpan","WebkitLineClamp","hyphenateRegex","animationRegex","isCustomProperty","isProcessableValue","processStyleName","styleName","processStyleValue","p1","p2","cursor","unitless","handleInterpolation","mergedProps","interpolation","__emotion_styles","anim","interpolated","createStringFromObject","previousCursor","cached","labelPattern","useInsertionEffect","useInsertionEffectAlwaysWithSyncFallback","EmotionCacheContext","HTMLElement","withEmotionCache","ThemeContext","registerStyles","isStringTag","testOmitPropsOnStringTag","testOmitPropsOnComponent","getDefaultShouldForwardProp","composeShouldForwardProps","isReal","shouldForwardProp","optionsShouldForwardProp","__emotion_forwardProp","Insertion","insertStyles","newStyled","createStyled","identifierName","targetClassName","__emotion_real","baseTag","__emotion_base","label","defaultShouldForwardProp","shouldUseAs","raw","Styled","FinalTag","as","classInterpolations","theme","registeredStyles","rawClassName","getRegisteredStyles","stringMode","strings","lastIndex","hashString","serializeStyles","finalShouldForwardProp","newProps","withComponent","nextTag","nextOptions","deepClone","deepmerge","sortBreakpointsValues","breakpointsAsArray","breakpoint1","breakpoint2","xs","sm","xl","defaultBreakpoints","up","handleBreakpoints","propValue","styleFromPropValue","themeBreakpoints","breakpoints","breakpoint","cssKey","createEmptyBreakpointObject","_breakpointsInput$key","breakpointsInput","removeUnusedBreakpoints","breakpointKeys","breakpointOutput","capitalize","getPath","checkVars","vars","getStyleValue","themeMapping","propValueFinal","userValue","_options$cssProperty","cssProperty","themeKey","filterProps","properties","directions","aliases","marginX","marginY","paddingX","paddingY","getCssProperties","_prop$split","_prop$split2","dir","marginKeys","paddingKeys","spacingKeys","createUnaryUnit","_getPath","themeSpacing","createUnarySpacing","transformer","transformed","resolveCssProperty","cssProperties","getStyleFromPropValue","margin","spacing","borderTransform","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","compose","columnGap","rowGap","paletteTransform","sizingTransform","_props$theme","_props$theme2","breakpointsValues","unit","minWidth","minHeight","bgcolor","pt","pr","pl","px","py","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","mt","mr","ml","mx","my","marginTop","marginRight","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd","displayPrint","textOverflow","visibility","whiteSpace","flexBasis","flexWrap","alignContent","alignSelf","justifyItems","justifySelf","gridAutoFlow","gridAutoColumns","gridAutoRows","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","bottom","boxShadow","boxSizing","fontFamily","fontStyle","textTransform","typography","styleFunctionSx","getThemeValue","_props","_theme$unstable_sxCon","sx","_ref4$theme","unstable_sxConfig","defaultSxConfig","traverse","sxInput","sxObject","emptyBreakpoints","breakpointsKeys","css","styleKey","maybeFn","objects","allKeys","union","objectsHaveSameKeys","unstable_createStyleFunctionSx","_options$breakpoints","_options$palette","palette","paletteInput","spacingInput","_options$shape","shapeInput","_breakpoints$values","_breakpoints$unit","_breakpoints$step","sortedValues","down","between","endIndex","not","keyIndex","createBreakpoints","mui","argsInput","argument","createSpacing","muiTheme","unstable_sx","propsToClassKey","variant","classKey","systemDefaultTheme","createTheme","resolveTheme","defaultTheme","themeId","createMixins","mixins","_toolbar","toolbar","black","white","A100","A200","A400","A700","light","primary","secondary","divider","paper","hover","hoverOpacity","selectedOpacity","disabledBackground","disabledOpacity","focusOpacity","activatedOpacity","dark","icon","addLightOrDark","intent","shade","tonalOffset","tonalOffsetLight","tonalOffsetDark","main","createPalette","_palette$mode","_palette$contrastThre","contrastThreshold","_palette$tonalOffset","blue","getDefaultPrimary","purple","getDefaultSecondary","red","getDefaultError","lightBlue","getDefaultInfo","green","getDefaultSuccess","warning","orange","getDefaultWarning","getContrastText","contrastText","foreground","lumA","lumB","getContrastRatio","augmentColor","_ref$mainShade","mainShade","_ref$lightShade","lightShade","_ref$darkShade","darkShade","modes","grey","caseAllCaps","defaultFontFamily","createTypography","_ref$fontFamily","_ref$fontSize","_ref$fontWeightLight","fontWeightLight","_ref$fontWeightRegula","fontWeightRegular","_ref$fontWeightMedium","fontWeightMedium","_ref$fontWeightBold","fontWeightBold","_ref$htmlFontSize","htmlFontSize","allVariants","pxToRem2","pxToRem","coef","buildVariant","casing","variants","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","overline","inherit","createShadow","easing","easeInOut","easeOut","easeIn","sharp","shortest","shorter","short","standard","complex","enteringScreen","leavingScreen","formatMs","milliseconds","getAutoHeightDuration","createTransitions","inputTransitions","mergedEasing","mergedDuration","_options$duration","durationOption","_options$easing","easingOption","_options$delay","animatedProp","mobileStepper","fab","speedDial","appBar","drawer","modal","snackbar","tooltip","_options$mixins","mixinsInput","_options$transitions","transitions","transitionsInput","_options$typography","typographyInput","systemTheme","systemCreateTheme","shadows","styled","_input$defaultTheme","_input$rootShouldForw","rootShouldForwardProp","_input$slotShouldForw","slotShouldForwardProp","systemSx","__mui_systemSx","inputOptions","processor","processStyles","componentSlot","inputSkipVariantsResolver","skipVariantsResolver","inputSkipSx","skipSx","_inputOptions$overrid","overridesResolver","shouldForwardPropOption","defaultStyledResolver","emStyled","styledEngineStyled","muiStyledResolver","styleArg","expressions","expressionsWithDefaultTheme","stylesArg","transformedStyleArg","styleOverrides","getStyleOverrides","resolvedStyleOverrides","slotKey","slotStyle","_theme$components","_props$ownerState","variantsStyles","themeVariants","themeVariant","isMatch","variantsResolver","getVariantStyles","numOfCustomFnsApplied","placeholders","muiName","withConfig","THEME_ID","contextTheme","useThemeWithoutDefault","useTheme","useThemeSystem","resolveProps","defaultSlotProps","slotProps","slotPropName","getThemeProps","useThemeProps","systemUseThemeProps","nodeRef","ReactDOM","forceReflow","maybeNode","maybeAppearing","maybeNextCallback","TransitionGroupContext","getTransitionProps","_style$transitionDura","_style$transitionTimi","_props$style","transitionTimingFunction","transitionDelay","setRef","useForkRef","getScale","isWebKit154","Grow","_props$appear","_props$timeout","_props$TransitionComp","TransitionComponent","timer","autoTimeout","handleRef","normalizedTransitionCallback","maybeIsAppearing","isAppearing","reflow","_getTransitionProps","clientHeight","_getTransitionProps2","muiSupportAuto","getWindow","isElement","Element","isHTMLElement","isShadowRoot","ShadowRoot","getUAString","uaData","userAgentData","brands","brand","isLayoutViewport","getBoundingClientRect","includeScale","isFixedStrategy","clientRect","scaleX","scaleY","visualViewport","addVisualOffsets","offsetLeft","offsetTop","getWindowScroll","win","pageXOffset","pageYOffset","getNodeName","getDocumentElement","getWindowScrollBarX","getComputedStyle","isScrollParent","_getComputedStyle","overflowY","getCompositeRect","elementOrVirtualElement","offsetParent","isFixed","isOffsetParentAnElement","offsetParentIsScaled","rect","isElementScaled","scroll","offsets","getNodeScroll","clientLeft","clientTop","getLayoutRect","getParentNode","assignedSlot","getScrollParent","listScrollParents","_element$ownerDocumen","scrollParent","isBody","updatedList","isTableElement","getTrueOffsetParent","getOffsetParent","isFirefox","currentNode","perspective","contain","willChange","getContainingBlock","basePlacements","clippingParents","viewport","popper","variationPlacements","placement","placements","modifierPhases","modifiers","modifier","requires","requiresIfExists","depModifier","debounce","DEFAULT_OPTIONS","strategy","areValidElements","popperGenerator","generatorOptions","_generatorOptions","_generatorOptions$def","defaultModifiers","_generatorOptions$def2","defaultOptions","orderedModifiers","modifiersData","attributes","effectCleanupFns","isDestroyed","setOptions","setOptionsAction","cleanupModifierEffects","scrollParents","contextElement","phase","orderModifiers","merged","mergeByName","enabled","_ref$options","cleanupFn","noopFn","update","_state$elements","rects","_state$orderedModifie","_state$orderedModifie2","_options","onFirstUpdate","_options$scroll","_options$resize","resize","getBasePlacement","getVariation","getMainAxisFromPlacement","computeOffsets","basePlacement","variation","commonX","commonY","mainAxis","unsetSides","mapToStyles","_Object$assign2","popperRect","gpuAcceleration","adaptive","roundOffsets","_offsets$x","_offsets$y","hasX","hasY","sideX","sideY","heightProp","widthProp","_Object$assign","commonStyles","dpr","devicePixelRatio","roundOffsetsByDPR","_options$gpuAccelerat","_options$adaptive","_options$roundOffsets","popperOffsets","arrow","initialStyles","attribute","_options$offset","invertDistance","skidding","distance","distanceAndSkiddingToXY","_data$state$placement","getOppositePlacement","matched","getOppositeVariationPlacement","rootNode","getRootNode","isSameNode","rectToClientRect","getClientRectFromMixedType","clippingParent","clientWidth","layoutViewport","getViewportRect","getInnerBoundingClientRect","winScroll","scrollWidth","scrollHeight","getDocumentRect","getClippingRect","boundary","rootBoundary","mainClippingParents","clipperElement","getClippingParents","firstClippingParent","clippingRect","accRect","mergePaddingObject","paddingObject","expandToHashMap","hashMap","detectOverflow","_options$placement","_options$strategy","_options$boundary","_options$rootBoundary","_options$elementConte","elementContext","_options$altBoundary","altBoundary","_options$padding","altContext","clippingClientRect","referenceClientRect","popperClientRect","elementClientRect","overflowOffsets","offsetData","multiply","axis","_skip","_options$mainAxis","checkMainAxis","_options$altAxis","altAxis","checkAltAxis","specifiedFallbackPlacements","fallbackPlacements","_options$flipVariatio","flipVariations","allowedAutoPlacements","preferredPlacement","oppositePlacement","getExpandedFallbackPlacements","_options$allowedAutoP","allPlacements","allowedPlacements","overflows","computeAutoPlacement","referenceRect","checksMap","makeFallbackChecks","firstFittingPlacement","_basePlacement","isStartVariation","isVertical","mainVariationSide","altVariationSide","checks","check","fittingPlacement","within","mathMax","mathMin","_options$tether","tether","_options$tetherOffset","tetherOffset","isBasePlacement","tetherOffsetValue","normalizedTetherOffsetValue","offsetModifierState","_offsetModifierState$","mainSide","altSide","additive","maxLen","arrowElement","arrowRect","arrowPaddingObject","arrowPaddingMin","arrowPaddingMax","arrowLen","minOffset","maxOffset","arrowOffsetParent","clientOffset","offsetModifierValue","tetherMax","preventedOffset","_offsetModifierState$2","_mainSide","_altSide","_offset","_min","_max","isOriginSide","_offsetModifierValue","_tetherMin","_tetherMax","_preventedOffset","withinMaxClamp","_state$modifiersData$","toPaddingObject","minProp","maxProp","endDiff","startDiff","clientSize","centerToReference","center","axisProp","centerOffset","_options$element","querySelector","getSideOffsets","preventedOffsets","isAnySideFullyClipped","side","preventOverflow","referenceOverflow","popperAltOverflow","referenceClippingOffsets","popperEscapeOffsets","isReferenceHidden","hasPopperEscaped","createPopper","eventListeners","computeStyles","applyStyles","flip","hide","Portal","forwardedRef","_props$disablePortal","disablePortal","mountNode","setMountNode","useEnhancedEffect","getContainer","defaultGenerator","generate","configure","generator","createClassNameGenerator","globalStateClassesMapping","completed","expanded","focused","focusVisible","readOnly","required","generateUtilityClass","globalStatePrefix","globalStateClass","ClassNameGenerator","generateUtilityClasses","getPopperUtilityClass","omitEventHandlers","mergeSlotProps","parameters","getSlotProps","additionalProps","externalSlotProps","externalForwardedProps","joinedClasses","clsx","mergedStyle","internalRef","eventHandlers","excludeKeys","extractEventHandlers","componentsPropsWithoutEventHandlers","otherPropsWithoutEventHandlers","internalSlotProps","defaultContextValue","disableDefaultClasses","ClassNameConfiguratorContext","resolveAnchorEl","anchorEl","useUtilityClasses","useClassNamesOverride","defaultPopperOptions","PopperTooltip","_slots$root","initialPlacement","popperOptions","popperRefProp","popperRef","_props$slotProps","_props$slots","TransitionProps","tooltipRef","ownRef","handlePopperRef","handlePopperRefRef","rtlPlacement","flipPlacement","setPlacement","resolvedAnchorElement","setResolvedAnchorElement","popperModifiers","Root","rootProps","_parameters$additiona","_parameters$skipResol","skipResolvingSlotProps","resolvedComponentsProps","componentProps","slotState","resolveComponentProps","_mergeSlotProps","useSlotProps","role","Popper","containerProp","_props$direction","_props$keepMounted","keepMounted","_props$placement","_props$popperOptions","_props$transition","_props$slotProps2","_props$slots2","_React$useState5","_React$useState6","setExited","resolvedAnchorEl","transitionProps","PopperRoot","BasePopper","inProps","componentsProps","RootComponent","globalId","maybeReactUseId","hadFocusVisibleRecentlyTimeout","idOverride","reactId","defaultId","setDefaultId","useGlobalId","hadKeyboardEvent","hadFocusVisibleRecently","inputTypesWhitelist","handleKeyDown","handlePointerDown","handleVisibilityChange","visibilityState","isFocusVisible","matches","isContentEditable","focusTriggersKeyboardModality","doc","isFocusVisibleRef","onFocus","onBlur","defaultProp","isControlled","valueState","getTooltipUtilityClass","TooltipPopper","disableInteractive","popperInteractive","popperArrow","popperClose","tooltipClasses","transformOrigin","isRtl","TooltipTooltip","touch","tooltipArrow","_extends2","Tooltip","wordWrap","TooltipArrow","hystersisOpen","hystersisTimer","cursorPosition","composeEventHandler","eventHandler","_slots$popper","_slots$transition","_slots$tooltip","_slots$arrow","_slotProps$popper","_slotProps$popper2","_slotProps$transition","_slotProps$tooltip","_slotProps$tooltip2","_slotProps$arrow","_slotProps$arrow2","_props$arrow","childrenProp","_props$components","_props$componentsProp","_props$describeChild","describeChild","_props$disableFocusLi","disableFocusListener","_props$disableHoverLi","disableHoverListener","_props$disableInterac","disableInteractiveProp","_props$disableTouchLi","disableTouchListener","_props$enterDelay","enterDelay","_props$enterNextDelay","enterNextDelay","_props$enterTouchDela","enterTouchDelay","_props$followCursor","followCursor","idProp","_props$leaveDelay","leaveDelay","_props$leaveTouchDela","leaveTouchDelay","onOpen","openProp","PopperComponentProp","PopperComponent","_props$PopperProps","PopperProps","TransitionComponentProp","childNode","setChildNode","arrowRef","setArrowRef","ignoreNonTouchEvents","closeTimer","enterTimer","leaveTimer","touchTimer","_useControlled","useControlled","_useControlled2","openState","setOpenState","useId","prevUserSelect","stopTouchInteraction","WebkitUserSelect","handleOpen","handleClose","useEventCallback","handleLeave","_useIsFocusVisible","useIsFocusVisible","handleBlurVisible","handleFocusVisible","focusVisibleRef","setChildIsFocusVisible","handleBlur","handleFocus","detectTouchStart","childrenProps","onTouchStart","handleMouseOver","handleMouseLeave","nameOrDescProps","titleIsString","onMouseMove","interactiveWrapperListeners","onTouchEnd","onMouseOver","onMouseLeave","_PopperProps$popperOp","tooltipModifiers","TooltipComponent","ArrowComponent","Arrow","popperProps","tooltipProps","tooltipArrowProps","TransitionPropsInner","currentStep","isRegionDisabled","setClickedStep","setStopPopup","stepPercentage","currentStpeRef","selectionSteps","accessor","_steps$index","_steps$index$infoText","infoText","replaceAll","_currentStpeRef$curre","scrollIntoView","block","ProgressBar","Step","_steps$index2","_steps$index3","_steps$index4","currentConfigurationId","compartment","compartmentSelector","fillCompartmentArray","occupied","diff","elm","convertOccupiedSpaceToArray","occupiedSpace","_cloneOptions","_cloneOptions2","mm300Options","spaceOccupied","mm300spaceOccupied","spaceTotal","mm300SpaceTotal","isSelected","onClickHandler","typeEnum","DoubleDoor","SingleDoor","Combination","getGetCabinetSizeClass","_state$cabinet","_state$cabinet2","_state$cabinet2$compa","_state$cabinet2$compa2","_state$cabinet3","_state$cabinet3$compa","_state$cabinet3$compa2","_state$cabinet4","_state$cabinet4$compa","_state$cabinet4$compa2","_state$cabinet5","_state$cabinet5$compa","_state$cabinet5$compa2","_state$cabinet6","_state$cabinet6$compa","_state$cabinet6$compa2","_state$cabinet7","_state$cabinet7$compa","_state$cabinet7$compa2","_state$cabinet8","_state$cabinet8$compa","_state$cabinet8$compa2","_state$cabinet9","_state$cabinet9$compa","_state$cabinet9$compa2","_state$cabinet10","_state$cabinet10$comp","_state$cabinet10$comp2","_state$cabinet11","_state$cabinet11$comp","_state$cabinet11$comp2","_state$cabinet12","_state$cabinet12$comp","_state$cabinet12$comp2","_state$cabinet13","_state$cabinet13$comp","_state$cabinet13$comp2","selectedCompartment","setSelectedCompartment","cabinetType","comp1","comparment1","fullSize","isInteriorOption","comp1SpaceOccupied","comp1SpaceTotal","comp1mm300","mM300","comp1mm300SpaceOccupied","comp1mm300SpaceTotal","comp2","comparment2","comp2SpaceTotal","comp2SpaceOccupied","comp2mm300","comp2mm300SpaceOccupied","comp2mm300SpaceTotal","CompartmentIndicator","AboutRangePopup","_ref$defaultItemsStyl","defaultItemsStyle","_ref$onHideItems","onHideItems","show","setShow","regionObj","_useState3","_useState4","itemsStyle","setItemsStyle","handleOnClick","needHelpPhone","needHelpEmail","needHelpWorkingHours","_summary$cabinet","_summary$cabinet2","_summary$cabinet3","dimensionLabel","dimensionValue","YourConfigurationPopup","_summary$cabinet$comp","_summary$cabinet$comp2","_summary$steps","_summary$steps$find","showCompartmentIndicator","hasInteriorOptions","VerticalProgressStepBar","DimensionsIndicator","CompartmentIndicatorContainer","ContactSection","minDepth","maxDepth","minVolume","maxVolume","minTemperatureRange","maxTemperatureRange","filterLimitSelector","advancedFilter","advancedFilterIsLoading","getAdvancedFilterRequest","getAdvancedFilter","_yield$getAdvancedFil","cabinets","selectedSortOption","selectedSortOptionSelector","filterSelector","advancedFilterSelector","advancedFilterIsLoadingSelector","useAdvancedFilter","setAdvancedFilter","setAdvancedFilterIsLoading","setSelectedSortedOption","setupAdvancedFilter","categories","mutateCurrentFilterState","category","_prev$index$isOpen","_prev$index","_category$items","isOpen","items","isItemSelected","_prev$index$items$fin","_prev$index2","_prev$index2$items","_prev$index2$items$fi","getTagsFromSelectedItems","advancedFilterContent","_category$items2","refreshAdvancedFilter","firstSortOption","onItemChangeHandler","getCombinedFilterResult","sliderFilterm","sortBy","getSelectedFilters","_category$items4","clearAdvancedFilters","clearFilterCategory","categoryTitle","_category$items3","RegionViewer","regionState","imageSrc","textDecoration","sectionsStateSelector","_ref$defaultState","defaultState","headerDisabled","interactable","disabledBorder","_ref$titleStyles","titleStyles","_ref$headerStyle","headerStyle","showSectionState","setShowSectionState","_useClosedSections","sections","setSections","setClosed","section","getClosed","useClosedSections","showState","_array","_array$map","subString","adaptStringToJsx","CardSeparator","details","image","price","configurateSelected","userConfirmationRequired","readMoreUrl","isPopUpShown","setIsPopUpShown","isMediumScreen","onClickConfigurateHandler","CardOverlay","SortOptionsDropdown","selectedValue","_ref$onChange","onChange","_ref$styles","outline","option","displayText","AdvancedFilterOverview","onFilterChange","_useAdvancedFilter","filters","hasActiveFilters","_element$items","objectFit","newFilter","onFilterChangeHandler","ChooseRangePageCabinetList","selectedSortedOption","onSortDropdownChange","disableSectionHeader","smallScreenFilterContent","onAdvancedFilterChange","Section","Product","cabinetId","ChooseRangePageFilterContainer","largeScreenFilterContent","_jsxFileName","pauseEvent","sanitizeInValue","prepareOutValue","addHandlers","eventMap","trimAlignValue","alignValue","trimmed","trimValue","valModStep","alignedValue","ReactSlider","onKeyUp","onEnd","onMouseUp","getMouseEventMap","getTouchEventMap","getKeyDownEventMap","getMousePosition","diffPosition","getDiffPosition","getValueFromPosition","move","onTouchMove","getTouchPosition","isScrolling","diffMainDir","startPosition","diffScrollDir","onKeyDown","moveDownByStep","moveUpByStep","pageFn","onSliderMouseDown","snapDragDisabled","forceValueFromPosition","onSliderClick","hasMoved","valueAtPos","calcValue","calcOffsetFromPosition","createOnKeyDown","createOnMouseDown","createOnTouchStart","resizeTimeout","pendingResizeTimeouts","renderThumb","thumbClassName","thumbActiveClassName","orientation","ariaLabel","ariaLabelledby","valueNow","ariaValuetext","renderTrack","offsetFrom","offsetTo","trackClassName","buildTrackStyle","upperBound","zIndices","sliderLength","clearPendingResizeTimeouts","removeHandlers","fireChangeEvent","getClosestIndex","pixelOffset","minDist","MAX_VALUE","closestIndex","calcOffset","dist","axisKey","orthogonalAxisKey","keydown","keyup","focusout","mousemove","mouseup","touchmove","touchend","diffValue","thumbSize","startValue","invert","slider","thumb","thumb0","sizeKey","sliderRect","sliderSize","sliderMax","posMaxKey","sliderMin","posMinKey","nextValue","minDistance","nextTimeout","thumbRef","_this$state","pearling","valueBefore","valueAfter","pushSucceeding","trimSucceeding","pushPreceding","trimPreceding","buildThumbStyle","touchAction","buildMarkStyle","renderThumbs","renderTracks","tracks","renderMarks","marks","markClassName","renderMark","withTracks","thumbs","onMouseDown","onSliderChangeHandler","onAfterChange","Checkbox","_ref$onClick","AdvancedFilterElement","_ref$item","defautlIcon","AdvancedFilterElementImage","_ref$item$imageUrl","AdvancedFilter","_containerRef$current","freez","containerRef","showFilter","setShowFilter","onOutsideClick","depArray","handleClickOutside","useOnOutsideClick","containerWidth","onClearCategoryFilterHandler","displayType","setFilter","filterLimit","FilterSlider","_summary$steps$","refreshItems","setFilterLimit","resetDescription","useSetDefaultDescriptionValue","setIsLoading","sliderFilter","_useSortOptionsLoader","setSortOptions","loadSortOptions","_yield$getSortOptions","useSortOptionsLoader","combinedFilter","getItems","onSliderFilterChange","getProductsRequest","_useFilterContainerWr","showOverlay","setShowOverlay","filterContent","FilterContainer","isFilterOverlayShown","useFilterContainerWrapper","RegionSelectorElement","RegionSelector","selectedRegion","ChooseRegionPage","_useGoToStep","showPopup","setShowPopup","showInvalidBiocodePopup","setShowInvalidBiocodePopup","biocodeValidation","onStartConfiguration","createNewConfigFromBiocode","innerCircleStyle","outerCircleStyle","designator","currentlySelectedPriceAmount","isClickable","getItemDetails","getItemBioCode","currencyCode","CustomRadioButton","getDimensins","selectDimension","dispatchMutatingAction","selectDimensionRequestBuilder","_allDimensions$find","_allDimensions$find$p","loaded","setLoaded","isPageLocked","flatMap","Configuration","getMaterials","selectMaterial","selectMaterialRequestBuilder","_sections$find","_sections$find$price","getEnergyTypes","selectEnergyType","selectEnergyTypeRequestBuilder","getOptions","getOptionsRequestBuilder","dispatchSetOptions","dispatchSetDescription","selectOption","selectOptionRequestBuilder","selectManyOption","selectManyOptionRequestBuilder","deselectOption","deselectOptionRequestBuilder","Counter","minValue","maxValue","setCountRef","setInputRef","rotated","hasInput","_ref$delayAmount","delayAmount","onPlusButtonMouseOver","setInput","setCount","onInput","select","disableReason","canDelete","optionType","userConfirmationOnDeleteRequired","userConfirmationOnDeleteText","userConfirmationOnSelectRequired","userConfirmationOnSelectText","isMaxAmountReached","maxAmountReachedText","isPopUpShownOnPlusHover","setIsPopUpShownOnPlusHover","_useState5","_useState6","isConfirmationPopUpData","setConfirmationPopUpData","onClickConfirmationPopupChack","_quantity","_setCountRef$current","_setInputRef$current","RemoveButton","Switch","optionLogic","OptionSummaryElement","chargableQuantity","OptionSummary","_cabinet$globalOption","_cabinet$globalOption2","_cabinet$comparment","_cabinet$comparment2","_cabinet$comparment3","_cabinet$comparment4","_cabinet$comparment5","_cabinet$comparment6","_cabinet$comparment7","_cabinet$comparment8","_uniqueOptions","isLoadingSummary","selectedOptions","globalOptions","compartment1mM300","compartment2mM300","_a$i","_a$j","_a$i$quantity","_a$j$quantity","_a$j2","_a$i$chargableQuantit","_a$j$chargableQuantit","_a$j3","uniqueOptions","_allOptions$find","_allOptions$find$pric","lastPageNumber","setLastPageNumber","containerSize","useComponentSize","showSpinner","setShowSpinner","elementFilteredType","alwaysPassingType","Option","ConfigCabinetSummaryItem","productName","tempRangeDescription","dimension","material","refrigerant","cabinetDimension","ConfigSummaryItem","_summary$cabinet$glob","_summary$cabinet2$glo","_summary$cabinet3$com","_summary$cabinet3$com2","_summary$cabinet4","_summary$cabinet4$com","_summary$cabinet4$com2","_summary$cabinet5","_summary$cabinet5$com","_summary$cabinet5$com2","_summary$cabinet6","_summary$cabinet6$com","_summary$cabinet6$com2","_summary$cabinet7","_summary$cabinet7$com","_summary$cabinet7$com2","_summary$cabinet8","_summary$cabinet8$com","_summary$cabinet8$com2","_summary$cabinet9","_summary$cabinet9$com","_summary$cabinet9$com2","_summary$cabinet10","_summary$cabinet10$co","_summary$cabinet10$co2","_summary$cabinet11","_summary$cabinet12","_summary$steps2","_summary$steps2$","_summary$steps3","_summary$steps3$","_summary$cabinet13","_summary$cabinet13$pr","_summary$totalPrice","_summary$cabinet$dime","_summary$cabinet14","_summary$cabinet$dime2","_summary$cabinet15","compartment1fullSize","compartment2fullSize","optionArray","ConfirmationPage","isAcquireQuotationMessage","userSelection","mapEventPropToEvent","eventProp","ClickAwayListener","_props$disableReactTr","disableReactTree","_props$mouseEvent","mouseEvent","onClickAway","_props$touchEvent","touchEvent","movedRef","activatedRef","syntheticEventRef","handleClickAway","insideReactTree","clickedRootScrollbar","composedPath","createHandleSynthetic","handlerName","childrenPropsHandler","mappedTouchEvent","handleTouchMove","mappedMouseEvent","EstimateOverviewButton","toolTipText","_ref$hasActionTooltip","hasActionTooltip","setOpen","handleTooltipClose","EstimateOverviewCard","EstimateOverviewElementDetails","isEditable","_ref$image","_ref$flexWrapItem","flexWrapItem","InputField","isInvalid","invalidText","inputStyle","EstimateOverviewElement","_configuration$detail","refreshList","readOnlyMode","biocodeValue","setBiocodeValue","isDetailsShown","setIsDetailsShown","_useState7","_useState8","setConfiguration","copyToClipboard","_window$location$href","clipboard","writeText","bioCodeValue","hasFocus","startsWith","URL","searchParams","_window$location$href2","configDetail","_configurations$confi","configurations","InformingTypeElement","setInformingType","CountryDropDown","setSelectedCountry","showCustomInput","onCustomNameChange","_e$target","PhoneInput","phoneCode","customNumber","CollectUserDataPage","_countries$list2","setFirstName","setLastName","setOrganization","setEmail","setCountry","setPhone","setStreet1","setStreet2","setStreet3","setZip","setCity","setReference","getCountries","onChangeHandler","selectedPhone","setSelectedPhone","_countries$list$filte3","_list$filter","_list$filter$","_list$filter2","_list$filter2$","defaultCountry","isDefault","LoadingSpinnerCircle","nextBtnClickHandler","prevBtnClickHandler","activePageState","setDeletePopup","isTermsAccepted","setIsTearmsAccepted","showCompartmentVerticalProgressStepBar","showBioCode","getConfigurations","lastAvailableStep","findLast","showBackToEstimateButton","userDataTermsCheck","backToEstimateOverview","confirmationRequired","separateLinkFromString","getTermsCheckBox","TotalCostWidget","_configurations$confi2","getSelectionAfterSummary","LoadingPopup","StopPopup","BackToEstimateButton","MainPage","showDiscardPopup","discardPopupDispatch","discardPopupOnCloseDispatch","showLoadingPopup","showAboutRangePopup","setAboutRangePopup","showYourConfigPopup","setYourConfigPopup","showDeletePopup","showStopPopup","_useState9","_useState10","estimateExist","MultiStepProgressBar","ChooseRangePage","DimensionsPage","MaterialPage","EnergyTypePage","OptionsPage","ConfigurationsSummaryPage","EstimateOverviewPage","ChooseInformingTypePage","SelectionStep","InvalidDistributorCodePage","App","_useState11","_useState12","_useState13","_useState14","isInvalidDistributorCode","withAuth","getElementById"],"sourceRoot":""}