\n
\n \n
\n \n {logo ? 
: null}\n
\n \n
\n {t(\"catch_phrase_head\")}
\n \n
\n {t(\"catch_phrase_sub\")}
\n \n
\n \n \n )}\n \n )\n }\n\n getOnErrorDismiss() {\n return () => this.setState({ currentPhase: \"Login\" })\n }\n}\n\nexport { LoginForm, SplashLoginFeature, SocialLogin, AccountForm, LoginNotifications, ArrigoIdLogin, RequestPassword }\n\nexport default [\n withTheme(LoginFeature),\n {\n adaptive: true,\n client: true,\n store: {\n mapStateToProps: (state) => {\n return {\n state: state.session,\n config: state.config.login,\n error: state.error,\n addOfflineTopPadding: state.network.isOffline,\n localization: state.localization,\n }\n },\n mapDispatchToProps: [\"errorAcknowledge\", \"authenticationLogin\", \"userBlocked\"],\n },\n withNamespaces: \"login\",\n },\n]\n","export { debounce } from \"./debounce\"\nexport { loadMore, findValue, getProperty, scrollToActiveRow, parseMutationResult } from \"./list\"\nexport { filterDefaults, generalFilters } from \"./filters\"\nexport { hasRequiredAccessLevel } from \"./accessLevel\"\nexport { parseHelpTextXml } from \"./xmlParser\"\nexport { resolveFeatureFlag } from \"./featureFlagResolver\"\nexport { resolveLinkIconPath, flattenLinkIcons, linkIconShouldBeActive, resolveLinkParams } from \"./linkIcons\"\nexport { tokenClaims } from \"./tokenClaims\"\nexport { userFromClaims } from \"./userFromClaims\"\nexport { themeColorFinder } from \"./themeColorFinder\"\nexport { useForm } from \"./useForm\"\nexport { isElementInViewport } from \"./isElementInViewport\"\nexport { resolveArrigoIdAuthLink } from \"./arrigoId\"\nexport { setLastVisited, getLastVisited } from \"./lastVisited\"\nexport { displayGlobalTooltip } from \"./globalTooltip\"\nexport { licenseBannerText, showLicenseBanner, translatedLicenseType } from \"./licenseBanner\"\nexport { jwtDecode } from \"./jwtDecode\"\nexport { permissionTypes, permissionIdentifiers, permissionOperators, isPermitted } from \"./permissions\"\nexport { useKeyPress } from \"./keyPress\"\n","import React, { PureComponent } from \"react\"\nimport StyledLangSelect from \"./styles/StyledLangSelect\"\nimport availableLanguages from \"../../../../../../languages.json\"\nimport LangList from \"./LangList\"\nimport LangListItem from \"./LangListItem\"\nimport { setMomentLanguage, registerAndSetNumbroLanguage } from \"../../../support/dateAndNumberTranslations.js\"\n\nclass LangSelect extends PureComponent {\n state = {\n open: false,\n }\n\n componentDidMount() {\n\n document.addEventListener(\"mousedown\", this.clickOutsideToClose, false)\n }\n\n componentWillUnmount() {\n document.removeEventListener(\"mousedown\", this.clickOutsideToClose, false)\n }\n\n clickOutsideToClose = (e) => {\n if (this.node.contains(e.target)) {\n return\n }\n\n this.closeLangList()\n }\n\n closeLangList = () => {\n this.setState({\n open: false,\n })\n }\n\n toggleLangList = () => {\n this.setState({\n open: !this.state.open,\n })\n }\n\n onLangSelect = async (langObj) => {\n localStorage.setItem(\"selectedLang\", JSON.stringify(langObj))\n await this.props.languageSet(langObj)\n\n setMomentLanguage(langObj)\n registerAndSetNumbroLanguage(langObj)\n\n this.closeLangList()\n }\n render() {\n let { Components } = this.props\n let { LangList } = Components\n\n if (!availableLanguages) return null\n\n return (\n \n
\n\n \n
\n \n {(isMobileDevice || isTabletDevice) && logo ? (\n
\n {logo ? : null}
\n ) : null}\n \n this.setState({ currentPhase: \"Account\" })}\n >\n
\n \n
\n {this.props.t(\"title\")}
\n\n
\n\n {this.state.passwordExpirePanel && (\n \n
\n )}\n \n {!this.state.passwordRequirementsNotMet && this.state.passwordExpireDays < 0\n ? t(\"password_expired_popup\")\n : !this.state.passwordRequirementsNotMet\n ? t(\"password_expire\", { days: this.state.passwordExpireDays })\n : this.state.passwordRequirementsNotMet && t(\"password_requirements_not_met\")}\n
\n \n {this.state.passwordExpireDays >= 0 && (\n
\n {t(\"header:background_tasks\")}
\r\n \n {iconLabel}\n {customIcon ?
\n\n (closeOnClick ? this.dropdownClose() : null)}>\n {this.props.children}\n
\n \n {text}
\n ) : (\n LoadingComponent && —
}\n \n)\n\nexport default [React.memo(Date), { skipCompose: true }]\n","import React from \"react\"\nimport classNames from \"classnames\"\n\nconst getDirectionFromProps = (pos) => {\n switch (pos) {\n case \"top\":\n return \"fadeInUpSmall\"\n default:\n return \"fadeInDownSmall\"\n }\n}\n\nconst Dropdown = ({ children, position, show, timingfn, time, Components, className, style }) => {\n let animationDirection = getDirectionFromProps(position)\n const { Animator } = Components\n return (\n \n \n \n \n \n \n
\n (this.outCloseContainer = node)} style={style} className={className}>\n {this.props.children}\n
\n )\n }\n}\n\nexport default [OutCloseContainer, { skipCompose: true }]\n","import React, { Component } from \"react\"\nimport PropTypes from \"prop-types\"\n\nclass PasswordInput extends Component {\n render() {\n const {\n name,\n Components: { SingleInput },\n inlineEdit,\n disabled,\n value,\n label,\n placeholder,\n onFocusHandler,\n onChangeHandler,\n onBlurHandler,\n invalid,\n invalidMessage,\n labelClassName,\n readOnly,\n } = this.props\n\n return (\n {handledValue}
\n }\n}\n\nexport default [ReadonlyInput, { helpers: [\"truncateDecimalPlaces\"] }]\n","import React, { useEffect } from \"react\"\n\nimport { ReactComponent as IconClose } from \"packages/eos/assets/svg/close-to-side.svg\"\nimport { ReactComponent as IconReadAll } from \"packages/eos/assets/svg/checkmark.svg\"\nimport PropTypes from \"prop-types\"\nimport StyledSidePanel from \"./styles/StyledSidePanel\"\nimport classNames from \"classnames\"\n\nexport const SidePanel = ({\n Components: { Animator, PortalSidePanel },\n children,\n position,\n customWidth,\n headTitle,\n tooltip,\n onCloseHandler,\n addOfflineTopPadding,\n open,\n sidepanelOpen,\n sidepanelClose,\n collectionMode,\n panelModeSetting,\n deviceType,\n customHeader,\n order,\n license,\n serviceStatus,\n networkState,\n showLicenseBanner,\n displayGlobalTooltip,\n t,\n overlap = false,\n readAll = false,\n onReadAllHandler,\n}) => {\n useEffect(() => {\n if (open) sidepanelOpen(position)\n if (!open) sidepanelClose()\n }, [open, sidepanelOpen, sidepanelClose, position])\n\n useEffect(() => {\n // componentDidMount\n if (open) {\n sidepanelOpen(position)\n }\n\n // componentWillUnmount\n return () => {\n if (open) {\n sidepanelClose()\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n const offSetHeaderHeight =\n (!!showLicenseBanner(license, serviceStatus) ? 40 : 0) +\n (!!collectionMode ? 40 : 0) +\n (networkState.isOffline ? 40 : 0)\n\n return (\n \n {onCloseHandler && !customHeader ? (\n
\n \n \n \n
\n ) : null}\n {children}\n \n {headTitle}\n
\n {readAll ? (\n \n displayGlobalTooltip(e, t(\"notificationCenter:mark_all_as_read\"))}\n />\n
\n ) : null}\n \n
\n this.copyInputValue(onCopyHandler)}>\n
\n )}\n {withUpdateIndication ? (\n \n
\n ) : null}\n \n {this.state.showInlineTrigger && value === null && (\n \n
\n )}\n {invalidMessage}
}\n {hasValues ? t(\"sorted_on\") : t(\"sort_on\")}
\n\n const reset = !readOnly && !hideResetButton && (\n \n {t(\"reset\")}\n
\n )\n\n const mobileHeader = (\n \n {title}\n {reset}\n
\n )\n\n return (\n \n (this.textAreaRef = r)}\n title={title}\n onChange={(e) => this.onChange(e, onChangeHandler)}\n name={name}\n value={value || \"\"}\n onFocus={(e) => this.onFocus(e, onFocusHandler)}\n placeholder={placeholder}\n onBlur={(e) => this.onBlur(e, onBlurHandler)}\n className={textAreaClasses}\n disabled={disabled}\n maxLength={maxLength}\n readOnly={readOnly}\n autoFocus={autofocus}\n onKeyPress={onKeyPressHandler}\n rows={rows}\n />\n {withUpdateIndication ? (\n \n \n \n \n
\n {typeof error === \"string\" && \n
\n ) : null}\n\n {error}
}\n —
}\n \n \n)\n\nexport default [React.memo(Time), { skipCompose: true }]\n","import React from \"react\"\nimport moment from \"moment\"\n\nconst TimeRelative = ({ value, showRelativeTime }) => {\n const momentTime = moment(value)\n if (!value) return null\n\n return (\n {label}
}\n \n \n
\n \n)\n\nToggler.propTypes = {\n label: PropTypes.string,\n active: PropTypes.bool,\n onChange: PropTypes.func,\n}\n\nexport default Toggler\n","import React from \"react\"\nimport StyledTooltip from \"./styles/StyledTooltip\"\n\nconst Tooltip = ({ text }) => {\n return \n
\n {errorMessage}
\n \n
\n \n {children}\n
\n \n
\n \n )\n}\n\nexport default [\n GlobalSearchSection,\n {\n withNamespaces: [\"core\", \"filter\"],\n store: {\n mapStateToProps: (state) => ({\n globalSearchVisible: state.globalSearch.visible,\n }),\n mapDispatchToProps: [\"globalSearchOpen\", \"globalSearchClose\"],\n },\n helpers: [\"displayGlobalTooltip\"],\n },\n]\n","import { ReactComponent as IconClose } from \"packages/eos/assets/svg/cross.svg\"\r\nimport { ReactComponent as IconTogglerNavigation } from \"packages/eos/assets/svg/menu.svg\"\r\nimport React from \"react\"\r\nimport StyledHeader from \"./styles/StyledHeader\"\r\nimport classNames from \"classnames\"\r\nimport { withTheme } from \"styled-components\"\r\n\r\nconst Header = ({\r\n navigationVisibility,\r\n navigationOpen,\r\n navigationClose,\r\n addNotification,\r\n collectionVisibility,\r\n collectionOpen,\r\n collectionClose,\r\n theme,\r\n collectionMode,\r\n collectionList,\r\n t,\r\n selectedHelpItemId,\r\n helpPanelVisible,\r\n globalSearchVisible,\r\n notificationPanelVisible,\r\n deviceType,\r\n panelModeSetting,\r\n fullscreenMobile,\r\n displayGlobalTooltip,\r\n bannerPadding,\r\n Components: {\r\n UserMenu,\r\n BadgeIndicator,\r\n LongPressContainer,\r\n HelpSection,\r\n NotificationCenter,\r\n DynamicIcon,\r\n GlobalSearchSection,\r\n },\r\n}) => {\r\n const isMobile = deviceType.startsWith(\"phone\")\r\n if (theme.showNavigation === \"No\") {\r\n navigationClose()\r\n }\r\n const showNoticeCenter = theme.showNoticeCenter !== \"No\"\r\n\r\n return (\r\n \r\n {\r\n addNotification({\r\n id: \"arrigoVersion\",\r\n translationKeyTitle: t(\"core:version\"),\r\n translationKeyMessage: `${localStorage.getItem(\"APP_FRONTEND_VERSION\")}`,\r\n iconName: \"information\",\r\n onClick: (closeNotification) => {\r\n window.open(\r\n `https://releases.arrigo.se/frontend.html#${localStorage\r\n .getItem(\"APP_FRONTEND_VERSION\" || \"\")\r\n .replace(/\\./g, \"\")}`\r\n )\r\n\r\n closeNotification()\r\n },\r\n })\r\n }}\r\n callbackDelay={1500}\r\n >\r\n {theme.header.images.logo ? (\r\n 
\r\n ) : (\r\n Arrigo.\r\n )}\r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n {(panelModeSetting && !isMobile) || theme.showNavigation === \"No\" ? null : (\r\n \r\n {navigationVisibility ?
\r\n )}\r\n \r\n ) : (\r\n Arrigo.\r\n )}\r\n \r\n \r\n \r\n\r\n {collectionMode ? (\r\n \r\n displayGlobalTooltip(\r\n e,\r\n `${t(\"collection:collected\")} ${t(\"features:\" + collectionMode.type).toLowerCase()}`\r\n )\r\n }\r\n >\r\n
\r\n ) : null}\r\n {theme.showSearch !== \"No\" && (\r\n \n
\n \n )\n}\n\nexport default [\n HelpSection,\n {\n withNamespaces: [\"core\"],\n store: {\n mapStateToProps: (state) => ({\n helpPanelVisible: state.helpSidePanel.visible,\n selectedHelpItemId: state.helpSidePanel.helpItemId,\n }),\n mapDispatchToProps: [\"helpSidePanelOpen\", \"helpSidePanelClose\", \"setHelpItemId\"],\n },\n location: true,\n helpers: [\"displayGlobalTooltip\"],\n },\n]\n","import React, { useEffect, useState } from \"react\"\n\nimport StyledHelpSidePanel from \"./styles/StyledHelpSidePanel\"\nimport classNames from \"classnames\"\n\nconst helpLanguageMapper = (selectedLanguage) => {\n switch (selectedLanguage) {\n case \"sv\":\n case \"en\":\n default:\n return \"en-GB\"\n }\n}\n\nconst HelpSidePanel = ({\n t,\n visible,\n selectedHelpItemId,\n setHelpItemId,\n helpSidePanelClose,\n parseHelpTextXml,\n selectedLanguage,\n Components: { SidePanel, DynamicIcon },\n selectedFeature, // This returns the current selected feature to show help for: \"chart\" / \"analogs\" / \"digitals\" / \"...\"\n match,\n}) => {\n const [helpTexts, setHelpTexts] = useState([])\n\n useEffect(() => {\n fetch(`./help/${helpLanguageMapper(selectedLanguage)}.xml`, {\n method: \"GET\",\n }).then((response) => {\n response.text().then((result) => {\n setHelpTexts(parseHelpTextXml(result))\n })\n })\n }, [parseHelpTextXml, selectedLanguage])\n\n const closeHandler = () => {\n helpSidePanelClose()\n }\n\n const renderOverView = () => {\n return null\n }\n\n const renderHelpItem = () => {\n const helpItem = helpTexts.find((item) => {\n return item.id === selectedHelpItemId\n })\n\n if (!helpItem) return renderOverView()\n\n return (\n <>\n \n \n )\n }\n\n const helpTitle = () => {\n const helpItem = helpTexts.find((item) => {\n return item.id === selectedHelpItemId\n })\n\n if (selectedHelpItemId === null || !helpItem) {\n return t(\"core:help\")\n }\n\n return helpItem.title\n }\n\n const getIcon = (id) => {\n const feature = id.split(\".\")[1]\n\n switch (feature) {\n case \"filter\":\n return \"toggles\"\n case \"navigation\":\n return \"menu\"\n default:\n return \"help\"\n }\n }\n\n const onClickHandler = (gt) => {\n setHelpItemId(gt.id)\n }\n\n const renderListItem = (item, index) => {\n return (\n {item.title}
\n \n )\n }\n\n const renderGlobalHelpTexts = () => {\n const globalTexts = helpTexts.filter((item) => {\n return item.id.startsWith(\"global\") && item.id.split(\".\").length === 2\n })\n\n const gts = globalTexts.map((gt) => {\n return { ...gt, icon: getIcon(gt.id) }\n })\n\n return gts.map((gt, index) => {\n return renderListItem(gt, index)\n })\n }\n\n const getMatchingItems = () => {\n const feature = match.params.feature\n return helpTexts.filter((item) => {\n return item.id.split(\".\")[1] === feature\n })\n }\n\n const renderCurrentFeature = () => {\n const texts = getMatchingItems()\n\n const items = texts.map((item) => {\n return { ...item, icon: getIcon(item.id) }\n })\n\n const item = items.length > 0 ? items[0] : null\n\n return item !== null ? renderListItem(item, \"current\") : null\n }\n\n return (\n \n {!selectedHelpItemId ? renderOverView() : renderHelpItem()}\n
\n \n {renderCurrentFeature()}\n {renderGlobalHelpTexts()}\n
\n \n {pauseText &&
\n {pauseText}
}\n {isPaused ? \n
\n )\n }\n\n navigateToFolder = (folder) => {\n const { match, history, folderLinkBuilder } = this.props\n history.push(folderLinkBuilder(match, { folderId: folder.id }))\n return true\n }\n\n componentDidUpdate(prevProps) {\n /** Notifications for new Alarms with priority \"A\" */\n\n const {\n t,\n match,\n history,\n alarmsLinkBuilder,\n addNotification,\n Components,\n setAlarmNotificationEventTime,\n notificationSidePanelSetAlarms,\n lastAlarmEventTime,\n notificationsSetting,\n } = this.props\n\n const currentAlarms = this.props.data?.alarms?.edges.map((edge) => edge.node)\n\n if (!currentAlarms) return\n\n notificationSidePanelSetAlarms(currentAlarms)\n\n currentAlarms.forEach((currentAlarm) => {\n if (!currentAlarm?.alarmTime) return\n\n const notificationId = currentAlarm.id + currentAlarm?.alarmTime\n\n if (currentAlarm?.alarmTime <= lastAlarmEventTime) return\n if (!notificationsSetting) return\n\n addNotification({\n id: notificationId,\n iconComponent: \n
\n {folder?.title}
\n \n
\n \n {!panelModeSetting && (\n
\n \n )\n }}\n \n {Object.keys(linkIconsWithOrientation)?.map((key) => (\n
\n )}\n \n \n
\n ))}\n {child}
}\n >\n {tabs?.length && !isMobile ? (\n \n {
\n \n ) : (\n children\n )}\n \n \n
\n )}\n \n \n \n \n {childrenLinkIcons\n ?.filter((c) => !c.attributes?.LinkType || c.attributes?.LinkType === \"Menu\")\n .map((child) => {\n const childLinkParams = resolveLinkParams(child.attributes, folderId)\n const childGeneratedLink = resolveFeatureLink(\n child.attributes?.Feature,\n generateLink,\n childLinkParams,\n match\n )\n const childLinkTitle = child.attributes.TranslateTitle\n ? t(child.attributes.TranslateTitle)\n : child.attributes.Title\n return (\n attributes.LazyPackage && (await lazyLoad([attributes.LazyPackage]))}\n >\n \n {child.attributes.Icon.indexOf(\".\") >= 0 ? (\n \n
\n )\n }\n\n return (\n setMobilePanelVisibility(true)}>\n
\n \n {cursorPosition && currentTarget ? (\n \n
\n ) : null}\n \n )\n}\n\nexport default [TooltipWrapper, { adaptive: true }]\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport StyledNotificationCenter from \"./styles/StyledNotificationCenter\"\n\nconst NotificationCenter = ({\n className,\n notificationPanelVisible,\n notificationSidePanelOpen,\n notificationSidePanelClose,\n notificationPanelAlarms,\n displayGlobalTooltip,\n t,\n Components: { DynamicIcon, Badge },\n}) => {\n const clickHandler = () => {\n if (notificationPanelVisible) {\n notificationSidePanelClose()\n } else {\n notificationSidePanelOpen()\n }\n }\n\n return (\n \n
\n \n !alarm.read).length} />\n
\n \n )\n}\n\nexport default [\n NotificationCenter,\n {\n withNamespaces: [\"notificationCenter\"],\n store: {\n mapStateToProps: (state) => ({\n notificationPanelVisible: state.notificationSidePanel.visible,\n notificationPanelAlarms: state.notificationSidePanel.alarms,\n }),\n mapDispatchToProps: [\"notificationSidePanelOpen\", \"notificationSidePanelClose\"],\n },\n location: true,\n helpers: [\"displayGlobalTooltip\"],\n },\n]\n","import React from \"react\"\nimport StyledNotificationSidePanel from \"./styles/StyledNotificationSidePanel\"\nimport classNames from \"classnames\"\nimport { withTheme } from \"styled-components\"\n\nconst NotificationSidePanel = ({\n t,\n theme,\n alarms,\n visible,\n notificationSidePanelClose,\n notificationSidePanelSetAlarmRead,\n Components: { SidePanel, AlarmNotificationRow },\n}) => {\n const show = visible && theme.noticeCenterEnabled !== \"No\"\n\n const closeHandler = () => {\n notificationSidePanelClose()\n }\n\n const onReadAllHandler = () => {\n alarms.map((alarm) => notificationSidePanelSetAlarmRead(alarm.id))\n }\n\n return (\n \n
\n )}\n {_message}
\n {_submessage}
\n {label}
}\n \n
\n \n
\n \n
\n \n \n {value}\n
\n \n
\n ) : null}\n {typeof error === \"string\" && {error}
}\n \n
\n \n
\n \n
\n {headerText}
\n\n {paragraphText}\n \n {emphasisText}\n
\n\n
\n\n {numpadToggled && (\n \n setInFocus(true)}\n onBlur={onBlur}\n onChange={handleInputChange(\"val\")}\n onKeyDown={onlyNumbers}\n type=\"text\"\n inputMode=\"decimal\"\n className={classNames({ invalid })}\n onPaste={onlyNumbers}\n placeholder={placeholder}\n disabled={disabled}\n readOnly={readOnly}\n />\n \n \n {invalid && \n \n {/* Disable invalid message on the styled numpad */}\n {/* {invalid && invalidMessage &&
\n \n
\n {invalidMessage}
} */}\n \n
\n \n
\n )}\n \n
\n onClickHandler(number)}>\n {number === \"back\" ?
\n \n
\n ) : null}\n\n \n
\n ) : null}\n \n )\n}\n\nexport default [React.memo(SortOption), { withNamespaces: [\"filter\"] }]\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1\",\n \"data-name\": \"Group 1\",\n transform: \"translate(-47 -30)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"chevron-left\",\n d: \"M1871.65,930.8a.689.689,0,1,1-.955.994l-4.483-4.31a.689.689,0,0,1,0-.994l4.483-4.31a.689.689,0,0,1,.955.994l-3.965,3.813Z\",\n transform: \"translate(-1819 -891.987)\",\n fill: \"#fff\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"chevron-left-2\",\n \"data-name\": \"chevron-left\",\n d: \"M1871.65,930.8a.689.689,0,1,1-.955.994l-4.483-4.31a.689.689,0,0,1,0-.994l4.483-4.31a.689.689,0,0,1,.955.994l-3.965,3.813Z\",\n transform: \"translate(-1815 -891.987)\",\n fill: \"rgba(255,255,255,0.7)\",\n fillRule: \"evenodd\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"chevron-left-3\",\n \"data-name\": \"chevron-left\",\n d: \"M1871.65,930.8a.689.689,0,1,1-.955.994l-4.483-4.31a.689.689,0,0,1,0-.994l4.483-4.31a.689.689,0,0,1,.955.994l-3.965,3.813Z\",\n transform: \"translate(-1811 -891.987)\",\n fill: \"rgba(255,255,255,0.5)\",\n fillRule: \"evenodd\"\n}));\n\nconst SvgSwipeArrow = (_ref) => {\n let svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 13.861,\n height: 10,\n viewBox: \"0 0 13.861 10\",\n ref: svgRef\n }, props), _ref2);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgSwipeArrow, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/swipe-arrow.9f34b212.svg\";\nexport { ForwardRef as ReactComponent };","import React, { PureComponent } from \"react\"\nimport StyledSwipeableItem from \"./styles/StyledSwipeableItem\"\nimport SwipeableBackground from \"./SwipeableBackground\"\nimport { ReactComponent as IconSwipeArrow } from \"packages/eos/assets/svg/swipe-arrow.svg\"\n\n/* SWIPE HANDLERS CYCLE\n 1. handleDragStart: called on touchStart, starts a swipeCheck;\n 2. handleSwipeCheck: if real swipe, calls \"animate\" function and adds \"handleDrag\" as a touchMove listener;\n 2.1. handleDrag: updates X and Y cursor coords;\n 2.2. animate: animation frame with CSS translateX, using X and Y coords from \"handleDrag\";\n 3. handleDragEnd: called on touchEnd;\n 3.1. handleSwiped: called if swiped correctly, executes associated swiped callbacks; */\nclass SwipeableItem extends PureComponent {\n state = {\n bgSwipingLeft: undefined,\n bgSwipedLeft: undefined,\n bgSwipedSuccessLeft: undefined,\n bgSwipingRight: undefined,\n bgSwipedRight: undefined,\n bgSwipedSuccessRight: undefined,\n renderSwipeFloating: undefined,\n }\n\n direction = \"\"\n lastDragTime = 0\n\n wrapper = React.createRef()\n content = React.createRef()\n background = React.createRef()\n bgSwiping = React.createRef()\n edgeLeft = React.createRef()\n edgeRight = React.createRef()\n floatingButton = React.createRef()\n\n initialPosition = () => {\n this.dragged = false\n this.currentWidth = 0\n this.dragStartX = 0\n this.dragStartY = 0\n this.dragX = 0\n this.dragY = 0\n }\n\n preventDefault = (e) => e.cancelable && e.preventDefault()\n\n /* This prevents the \"swipedSuccess\" to update the background content */\n freezeBgInState = () => {\n this.setState({\n bgSwipingLeft: this.props.bgSwipingLeft,\n bgSwipedLeft: this.props.bgSwipedLeft,\n bgSwipedSuccessLeft: this.props.bgSwipedSuccessLeft,\n bgSwipingRight: this.props.bgSwipingRight,\n bgSwipedRight: this.props.bgSwipedRight,\n bgSwipedSuccessRight: this.props.bgSwipedSuccessRight,\n renderSwipeFloating: this.props.renderSwipeFloating,\n })\n }\n\n /* Updates className with \"swipeState\" and the \"direction\" */\n updateWrapperClass = (swipeState) =>\n this.wrapper.current &&\n (this.wrapper.current.className = `swipeable-wrapper ${swipeState} swipeable-direction-${this.direction}`)\n\n /* Resets className to \"static\" (mostly used after error) */\n delayedResetWrapperClass = () => {\n if (this.timeout) clearTimeout(this.timeout)\n this.timeout = setTimeout(() => this.updateWrapperClass(\"static\"), 1000)\n }\n\n /* Initial function when touch event starts */\n handleDragStart = (evt) => {\n evt.stopPropagation()\n const { clientX, clientY } = evt.targetTouches[0]\n\n this.dragStartTime = Date.now()\n this.dragStartX = clientX\n this.dragStartY = clientY\n this.currentWidth = this.content.current.offsetWidth\n\n window.addEventListener(\"touchmove\", this.handleSwipeCheck)\n }\n\n /* Prevents unnecessary swiping by checking cursor movement and time passed */\n handleSwipeCheck = (evt) => {\n const { fpsInterval } = this.props\n const { clientX, clientY } = evt.targetTouches[0]\n const dragY = clientY - this.dragStartY\n\n /* If cursor moves up/down 5px or more, cancels event listener */\n if (dragY > 5 || dragY < -5) return window.removeEventListener(\"touchmove\", this.handleSwipeCheck)\n\n /* Delay to prevent immediate/unnecessary swipping animation [Performance] */\n if (this.dragStartTime < Date.now() - fpsInterval) {\n this.dragged = true\n this.dragStartX = clientX\n this.dragStartY = clientY\n\n this.toggleSwipeCheck(true)\n }\n }\n\n /* DEFINITION: Validates swipe action (check=TRUE)/clears touch events (check=FALSE) */\n /* This function is called between \"dragStart\" and \"drag\" (after validating swipe action)\n or called on \"dragEnd\" (clear event listeners), and is used to prevent false swipes (a.k.a. scrolls) */\n toggleSwipeCheck = (check) => {\n if (check) {\n // - Switch \"swipeCheck\" handler with \"drag\" handler\n window.removeEventListener(\"touchmove\", this.handleSwipeCheck)\n window.addEventListener(\"touchmove\", this.handleDrag)\n\n // - Stop page scrolling\n document.body.addEventListener(\"touchmove\", this.preventDefault, {\n passive: false,\n })\n\n // - Start animation\n requestAnimationFrame(this.animate)\n } else {\n // Clear event listeners on \"dragEnd\"\n window.removeEventListener(\"touchmove\", this.handleDrag)\n document.body.removeEventListener(\"touchmove\", this.preventDefault)\n }\n }\n\n handleDrag = (evt) => {\n if (!this.dragged) return\n const { clientX, clientY } = evt.targetTouches[0]\n this.dragX = clientX - this.dragStartX\n this.dragY = clientY - this.dragStartY\n this.direction = this.dragX > 0 ? \"right\" : \"left\"\n this.updateWrapperClass(\"swiping\")\n\n /* DEFINITION: Cancels swiping on disabled items */\n /* When the \"threshold percentage\" of the \"listItem width\" is intersected, it cancels swiping */\n const { blockSwipeLeft, blockSwipeRight, disableThreshold, swipeThreshold, toggleSwipedOnThreshold } = this.props\n const _disableThreshold = this.currentWidth * disableThreshold\n\n const _swipeThreshold = this.currentWidth * swipeThreshold\n\n /* If \"toggleSwipedOnThreshold\", immediately trigger \"handleDragEnd\" */\n if (toggleSwipedOnThreshold && (this.dragX < -_swipeThreshold || this.dragX > _swipeThreshold)) {\n return this.handleDragEnd()\n }\n\n /* Add bounce effect when \"blockSwipe\" is true and user tries to swipe */\n if ((blockSwipeLeft && this.dragX < -_disableThreshold) || (blockSwipeRight && this.dragX > _disableThreshold)) {\n this.updateWrapperClass(\"swipedError\")\n this.delayedResetWrapperClass()\n return this.initialPosition()\n }\n }\n\n animate = () => {\n if (!this.dragged) return\n\n requestAnimationFrame(this.animate)\n\n /* DEFINITION: Updates content's position */\n /* When on \"dragged\" state AND time interval (ms) passed, it updates */\n const fpsInterval = this.props.fpsInterval || 30\n const now = Date.now()\n const elapsedTime = now - this.lastDragTime\n if (this.dragged && elapsedTime > fpsInterval) {\n this.lastDragTime = Date.now()\n\n const { swipeType, dragContentOnSwipe, bgFixed, contentOpacityFade, bgOpacityFade } = this.props\n\n if (swipeType === \"content\" || dragContentOnSwipe) {\n this.content.current.style.transform = `translateX(${this.dragX}px)`\n }\n\n if (!bgFixed) {\n this.background.current.style.transform = `translateX(${this.dragX}px)`\n }\n\n if (swipeType === \"edges\") {\n if (this.direction === \"right\") {\n this.edgeLeft.current.style.transform = `translateX(${this.dragX}px)`\n this.edgeRight.current.style.transform = `translateX(0px)`\n }\n if (this.direction === \"left\") {\n this.edgeRight.current.style.transform = `translateX(${this.dragX}px)`\n this.edgeLeft.current.style.transform = `translateX(0px)`\n }\n }\n\n if (swipeType === \"floatingButton\") {\n this.floatingButton.current.style.transform = `translateX(${this.dragX}px)`\n }\n\n /* DEFINITION: Animates content opacity based on swipe position */\n /* Gradually updates opacity from 1 to 0 */\n if (contentOpacityFade) {\n const _opacityThreshold = this.currentWidth * this.props.opacityThreshold\n\n const contentOpacity = 1 - (Math.abs(this.dragX) / _opacityThreshold).toFixed(2)\n\n if (contentOpacity < 1 && contentOpacity.toString() !== this.content.current.style.opacity) {\n this.content.current.style.opacity = contentOpacity.toString()\n }\n if (contentOpacity >= 1) {\n this.content.current.style.opacity = \"1\"\n }\n }\n\n /* DEFINITION: Animates background opacity based on swipe position */\n /* Gradually updates opacity from 0 to 1 (0px to \"threshold percentage\" of \"listItem width\") */\n if (bgOpacityFade) {\n const _opacityThreshold = this.currentWidth * this.props.opacityThreshold\n const backgroundOpacity = (Math.abs(this.dragX) / _opacityThreshold).toFixed(2)\n\n if (backgroundOpacity < 1 && backgroundOpacity.toString() !== this.bgSwiping.current.style.opacity) {\n this.bgSwiping.current.style.opacity = backgroundOpacity.toString()\n }\n if (backgroundOpacity >= 1) {\n this.bgSwiping.current.style.opacity = \"1\"\n }\n }\n }\n }\n\n handleDragEnd = () => {\n this.toggleSwipeCheck(false)\n if (!this.dragged) return\n\n /* DEFINITION: Calls \"handleSwiped\" when certain distance is swiped (swipeThreshold) */\n /* When the \"threshold percentage\" of the \"listItem width\" is intersected, it executes handleSwiped actions, else\n resets position */\n const _swipeThreshold = this.currentWidth * this.props.swipeThreshold\n if (this.dragX > -_swipeThreshold && this.dragX < _swipeThreshold) {\n this.initialPosition()\n this.updateWrapperClass(\"static\")\n } else {\n this.handleSwiped()\n }\n }\n\n handleSwiped = async () => {\n this.dragged = false\n\n if (this.props.swipeType === \"content\") {\n this.dragX = this.direction === \"left\" ? -this.currentWidth * 2 : this.currentWidth * 2\n }\n\n this.updateWrapperClass(\"swiped\")\n\n if (!this.props.contentOpacityFade) {\n this.content.current.style.transform = `translateX(${this.dragX}px)`\n }\n\n if (this.props.swipeType === \"edges\" || this.props.swipeType === \"floatingButton\") {\n this.background.current.style.transform = `translateX(${this.dragX}px)`\n }\n\n if (this.props.swipeType === \"edges\") {\n if (this.direction === \"right\") {\n this.edgeLeft.current.style.transform = `translateX(${this.dragX}px)`\n }\n if (this.direction === \"left\") {\n this.edgeRight.current.style.transform = `translateX(${this.dragX}px)`\n }\n }\n\n let swipeResult = false\n if (this.props.onSwipeLeft && this.direction === \"left\") {\n swipeResult = await this.props.onSwipeLeft()\n }\n\n if (this.props.onSwipeRight && this.direction === \"right\") {\n swipeResult = await this.props.onSwipeRight()\n }\n\n if (swipeResult) {\n this.updateWrapperClass(\"swipedSuccess\")\n this.freezeBgInState()\n\n /* DEFINITION: Delays [swipedTimeout]ms \"listItem\" position's reset after swiped successfully */\n const swipedTimeout = this.props.swipedTimeout || 1500\n\n const swipedCallback = async () => {\n if (this.props.onSwiped) await this.props.onSwiped()\n\n this.initialPosition()\n this.updateWrapperClass(\"returned\")\n }\n\n if (this.props.swipedTimeout === 0) {\n swipedCallback()\n } else {\n setTimeout(swipedCallback, swipedTimeout)\n }\n } else {\n this.initialPosition()\n this.updateWrapperClass(\"swipedError\")\n this.delayedResetWrapperClass()\n }\n }\n\n enableSwipe = () => {\n this.initialPosition()\n window.addEventListener(\"touchend\", this.handleDragEnd)\n }\n\n disableSwipe = () => {\n this.dragged = false\n window.removeEventListener(\"touchend\", this.handleDragEnd)\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.disableSwipe && !this.props.disableSwipe) {\n this.enableSwipe()\n }\n\n if (!prevProps.disableSwipe && this.props.disableSwipe) {\n this.disableSwipe()\n }\n }\n\n componentDidMount() {\n if (!this.props.disableSwipe) {\n this.enableSwipe()\n }\n }\n\n componentWillUnmount() {\n if (!this.props.disableSwipe) {\n this.disableSwipe()\n }\n }\n\n render() {\n const { children, swipeType, onSwipeLeft, onSwipeRight, disableSwipe } = this.props\n\n const bgProps = {\n props: { ...this.props },\n state: { ...this.state },\n }\n\n return (\n \n {/* LIST ITEM: swipeable content */}\n \n {children}\n
\n\n {/* BACKGROUND: displays bg[state]Left/Right accordingly with active swipe direction */}\n \n
\n\n {!disableSwipe && swipeType === \"edges\" && (\n <>\n {onSwipeLeft && (\n \n
\n )}\n {onSwipeRight && (\n \n
\n \n
\n )}\n \n )}\n\n {!disableSwipe && swipeType === \"floatingButton\" && (\n \n
\n \n
\n )}\n \n \n
\n \n \n
\n \n
\n \n ) : null}\n\n {!this.props.hideContent ? (\n \n {this.props.t(\"filters\")}\n
\n\n \n \n {this.props.t(\"clear\")}\n \n\n this.props.filterRetainFilterSet(!this.props.filters.retainFilter)}\n title={this.props.t(\"retain_filters\")}\n >\n {this.props.filters.retainFilter ?
\n \n
\n ) : null}\n\n {dynamicFilters}\n \n ) : null}\n \n {t(\"offlineSync:you_are_offline\")}\n
\n \n {t(\"offlineSync:check_network_status\")}\n
\n \n \n
\n \n {children ? (\n children\n ) : (\n <>\n
\n \n {validDate\n ? moment(pickedDate).format(dateFormat ? dateFormat : this.getDateFormat(this.state.resolution))\n : t(\"select_date\")}\n
\n {showTimeStamp && (\n <>\n {moment(pickedDate).format(\"HH:mm\")}
\n \n )}\n \n )}\n \n \n
\n \n
\n \n \n \n {(lazyload, components) =>\n calendars.map((component, index) => {\n if (component.resolution === resolution) {\n return component.timeArray.map((time, i) => {\n let itemClass = \"item \"\n const CalendarComponent = components[component.component]\n return (\n {\n return onSelectHandler(\n moment(dt).format(\"YYYY-MM-DDTHH:mm:ss\"),\n this.getNextCalendarState(resolution, withTime),\n isStart,\n isEnd\n )\n }}\n title={component.optionalTitle}\n withTime={withTime}\n changeCalendarState={changeCalendarState}\n />\n )\n })\n } else {\n return null\n }\n })\n }\n \n
\n\n {calendars.map((calendar, index) => {\n if (calendar.resolution === resolution) {\n return \n
\n \n
\n :
\n \n
\n \n
\n {t(\"export\")}
\n e.stopPropagation()}>\n \n \n
\n \n \n ({\n ...li,\n onClickHandler: setSelectedResolution,\n }))}\n onSelect={(_e, selected) => setSelectedResolution(selected)}\n label={t(\"meter:resolution\")}\n labelClassName=\"small\"\n name=\"building\"\n disableAutoScroll={true}\n />\n ({\n ...li,\n onClickHandler: setSelectedReliability,\n }))}\n onSelect={(_e, selected) => setSelectedReliability(selected)}\n label={t(\"export:reliability\")}\n labelClassName=\"small\"\n name=\"building\"\n disableAutoScroll={true}\n />\n
\n {t(\"export_settings\")}
\n \n setSelectedExportTypeIndex(selectedExportTypeIndex === 0 ? 1 : 0)}\n options={exportTypes}\n className=\"export-type\"\n activeOption={exportTypes[selectedExportTypeIndex]}\n displayIconAlways={false}\n />\n setSelectedDecimalsFormatIndex(selectedDecimalsFormatIndex === 0 ? 1 : 0)}\n options={decimalsFormats}\n className=\"export-type\"\n activeOption={decimalsFormats[selectedDecimalsFormatIndex]}\n displayIconAlways={false}\n />\n
\n \n \n onExport(\n selectedResolution.interval,\n selectedResolution.resolution,\n selectedResolution.value !== \"tolerance\",\n exportTypes[selectedExportTypeIndex].name,\n decimalsFormats[selectedDecimalsFormatIndex].name,\n selectedReliability\n )\n }\n />\n
\n \n {updateState?.state ? (\n item.exportFunction()}\n text={\"CSV\"}\n icon={Download}\n className={\"small\"}\n type={type}\n popupDirection={popupDirection}\n popupAlignment={popupAlignment}\n xOffset={popupXOffset}\n yOffset={popupYOffset}\n iconClassName={iconClassName}\n iconSize={iconSize}\n secondary\n buttonText={!deviceType.startsWith(\"phone\") ? t(\"export:export\") : null}\n mobileList={alarmExports.map((e) => ({ ...e, label: e.title, iconName: e.icon }))}\n mobilePanelTitle={t(\"export:export\")}\n />\n )}\n
\n \n )\n ) : null\n}\n\nexport default [\n DynamicExport,\n {\n adaptive: true,\n withNamespaces: [\"core\", \"export\"],\n store: {\n mapDispatchToProps: [\"addNotification\"],\n },\n },\n]\n","import React from \"react\"\nimport StyledBlockRow from \"./styles/StyledBlockRow\"\nimport PropTypes from \"prop-types\"\nimport { ReactComponent as DisabledIcon } from \"packages/eos/assets/svg/wrong.svg\"\n\nconst WrapComponent = ({ condition, wrapper, children }) => {\n return condition ? wrapper(children) : children\n}\n\nconst renderLink = ({\n children,\n type,\n linkType = \"admin\",\n data,\n fieldProp,\n backlinkTitle,\n Link,\n match,\n backlinkBuilder,\n backlinkEntity,\n mutationEntity,\n}) => {\n const linkProps = {\n view: type.toLowerCase(),\n typeId: data && data.id ? `${data.id}|${data.id}` : null,\n backlink: backlinkBuilder({\n match,\n mutationField: fieldProp,\n title: backlinkTitle,\n entity: backlinkEntity,\n mutationEntity,\n }),\n }\n return (\n \n {children}\n \n )\n}\n\nconst BlockRow = ({\n label,\n type,\n linkType,\n fieldProp,\n skipLink,\n children,\n readOnly,\n subTitleField,\n subTitleProp,\n labelClassName = \"small\",\n backlinkTitle,\n match,\n backlinkBuilder,\n height,\n data,\n backlinkEntity,\n disabled,\n mutationEntity,\n Components: { BlockRowText, Label, Link },\n}) => {\n data = data || {}\n const { title } = data\n\n let subTitle =\n data[subTitleField] && !subTitleProp\n ? data[subTitleField]\n : data[subTitleField] && subTitleProp\n ? data[subTitleField][subTitleProp]\n : undefined\n\n return (\n \n \n renderLink({\n children,\n type,\n linkType,\n fieldProp,\n Link,\n backlinkTitle,\n match,\n data,\n backlinkBuilder,\n backlinkEntity,\n mutationEntity,\n })\n }\n >\n \n {label && }\n
\n )\n}\n\nBlockRow.propTypes = {\n label: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.node]),\n readOnly: PropTypes.bool,\n subTitleField: PropTypes.string, // If a subtitle is wanted and not nested, provide this field. example: data[subTitleField]\n subTitleProp: PropTypes.string, // If the subtitle is nested, combine the above (subTitleField) with subTitleProp. example: data[subTitleField][subTitleProp];\n data: PropTypes.shape({\n title: PropTypes.string,\n subTitle: PropTypes.string,\n }),\n skipLink: PropTypes.bool,\n type: PropTypes.string,\n fieldProp: PropTypes.string,\n}\n\nexport default [BlockRow, { location: true, helpers: [\"backlinkBuilder\"] }]\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nconst BlockRowList = ({ Components: { BlockRow }, blocks, blockData, linkType, labelClassName }) => {\n return blocks.map((blockProps, key) => {\n const data = blockData[blockProps.fieldProp] || {}\n if (!data) return null\n const _props = Object.assign({}, { data, labelClassName, linkType, ...blockProps })\n return \n {!children ? (\n
\n \n \n \n
\n {noSelection ? t(\"core:not_selected\") : title}
\n {subTitle && !noSelection && {subTitle}
}\n \n {title ?
\n )\n }\n\n render() {\n const {\n Components: { Form },\n name,\n config,\n onSubmitHandler,\n } = this.props\n\n //Temporary error-check.\n if (!config) throw new Error(\"No form configuration found..\")\n return (\n \n )\n }\n}\n\nexport default FormBuilder\n","import React from \"react\"\nimport StyledLangList from \"./styles/StyledLangList\"\n\nconst LangList = ({ onSelectHandler, toggleHandler, list, show, Components, selectedLang }) => {\n let { LangListItem, Dropdown } = Components\n return (\n <>\n {title}
: null}\n {section.attributes.map((attr, key) => {\n const {\n name,\n label,\n visible,\n readOnly,\n placeholder,\n inlineEdit,\n type,\n blockProps,\n subTitleField,\n subTitleProp,\n copyable,\n } = attr\n\n const InputComponent = type ? Components[type] : null\n let value = this.getFieldValue(attr, values)\n\n if (type === \"Checkbox\" && !value) {\n value = false\n }\n\n return visible === false || !InputComponent ? null : (\n \n
\n )\n })}\n \n {listItem.icon && 
}\n
\n {listItem.title}
\n */}\n \n \n)\n\nexport default ListDesktopHeader\n","import React, { PureComponent } from \"react\"\nimport StyledListMobile from \"./styles/StyledListMobile\"\nimport StyledListMobileBody from \"./styles/StyledListMobileBody\"\nimport StyledTriggerLoad from \"./styles/StyledTriggerLoad\"\n\nclass ListMobile extends PureComponent {\n render() {\n const {\n data,\n isLoading,\n triggerLoadRef,\n clickHandler,\n orderByValues,\n orderByHandler,\n activeId,\n meta,\n dynamicHeader,\n Components: { Loading, ListMobileHeader, ListMobileBody },\n } = this.props\n\n return (\n \n \n \n )}\n \n )\n }\n}\n\nexport default ListMobile\n","import React from \"react\"\n\nconst ListMobileBody = ({ data, clickHandler, activeId, Components: { AlarmMobileItem } }) =>\n data.map((r) => \n \n \n \n {t(\"sorting\")}\n
\n \n
\n )}\n \n )\n }\n}\n\nexport default ListDesktop\n","import React from \"react\"\n\nconst ListDesktopBody = ({ data, meta, clickHandler, activeId, findValue }) =>\n data.map((r) => {\n return (\n \n
\n clickHandler(r.id)}>\n {meta.map((m, i) => {\n const value = findValue(r, m.columnName)\n const CustomComponent = meta[i].component\n return (\n
\n )\n })\n\nexport default [ListDesktopBody, { helpers: [\"findValue\"] }]\n","import React from \"react\"\nimport StyledListDesktopHeader from \"./styles/StyledListDesktopHeader\"\n\nconst ListDesktopHeader = ({ meta, orderByValues, orderByHandler, dynamicHeader, Components: { SortOption } }) => (\n \n {CustomComponent ?
\n )\n })}\n {dynamicHeader}
\n \n {meta.map((m, i) => {\n let orderByItemValue = null\n let classNames = `td ${m.className || \"\"}`\n let orderByFieldName = m.sortName || m.columnName\n\n if (m.sortable !== false && orderByValues) {\n orderByItemValue = orderByValues.find((i) => i.fieldName === orderByFieldName)\n classNames += ` sortable ${orderByItemValue ? \"sorted\" : \"\"}`\n }\n\n return (\n orderByHandler(orderByFieldName) : null}\n label={m.displayName}\n orderByValue={orderByItemValue}\n />\n )\n })}\n
\n {this.renderSortOptions()}
\n \n {list.map((item, index) => {\n return (\n
\n \n
\n )\n })}\n \n {icon && (\n
\n \n )\n}\n\nexport default [\n ListMenuItem,\n {\n helpers: [\"generateLink\", \"resolveLinkIconPath\"],\n store: {\n mapDispatchToProps: [\"setLinkIconListItemGroup\"],\n },\n location: true,\n },\n]\n","import React, { useState, useEffect } from \"react\"\nimport StyledMobileOverlayPanel from \"./styles/StyledMobileOverlayPanel\"\nimport classNames from \"classnames\"\n\nconst MobileOverlayPanel = ({\n title,\n children,\n show,\n postCloseFn,\n list,\n headerAction,\n headerActionText,\n onClosePanel,\n disableAutoClose,\n withColor = false,\n Components: { PortalMobileOverlayPanel, MobilePanelList, OutCloseContainer, Animator },\n}) => {\n const [panelVisible, setPanelVisibility] = useState(show)\n\n const closePanel = () => {\n setPanelVisibility(false)\n if (postCloseFn && typeof postCloseFn === \"function\") {\n postCloseFn()\n }\n }\n\n useEffect(() => {\n setPanelVisibility(show)\n }, [setPanelVisibility, show])\n\n return (\n \n {icon.indexOf(\".\") >= 0 ? (\n
\n )}\n {listItem.attributes?.Title}\n \n \n {title ?
\n {children ? (\n children\n ) : (\n {title}
: null}\n {typeof headerAction === \"function\" ? (\n headerAction()}>\n {headerActionText}\n
\n ) : null}\n \n
\n ) : null}\n {withColor && {label}
\n \n )}\n \n \n {renderButtons(type)}
\n {title}
: null}\n {message ? {message}
: null}\n {renderLayout()}
\n \n
\n \n {children\n ? children\n : list\n ? list.map((item, index) => {\n return (\n {\n visibilityHandler(false)\n onClickHandler(item)\n }}\n key={index}\n {...item}\n />\n )\n })\n : null}\n
\n \n \n
\n {title}
\n \n {!!props.checked &&
\n ) : null}\n \n {_listItems.map((item, index) => (\n
\n \n
\n ))}\n \n {icon?.indexOf(\".\") >= 0 ? (\n
\n )}\n {title}\n \n \n )\n}\n\nexport default [\n LinkIconTab,\n {\n withNamespaces: [\"core\"],\n helpers: [\"generateLink\", \"resolveLinkIconPath\", \"linkIconShouldBeActive\"],\n store: {\n mapStateToProps: (state) => {\n return {\n listItemGroup: state.linkIcon.listItemGroup,\n tabItemGroup: state.linkIcon.tabItemGroup,\n }\n },\n mapDispatchToProps: [\"setLinkIconTabItemGroup\"],\n },\n location: true,\n },\n]\n","import React from \"react\"\nimport StyledTabsContainer from \"./styles/StyledTabsContainer\"\nimport StyledLinkIconsTabsMenu from \"./styles/StyledLinkIconTabsMenu\"\nimport classNames from \"classnames\"\n\nconst LinkIconTabs = ({ Components: { LinkIconTab }, tabs, match, integrated, verticalAlignment }) => {\n return (\n \n {tabs.map((tab, index) => {\n const tabDisplayName = tab?.attributes?.Title ? tab?.attributes?.Title : tab?.attributes?.Name\n return (\n
\n \n \n
\n )\n })}\n \n {children.map((tab, index) => (\n
\n \n (customOnClick ? customOnClick(e, tab) : this.onTabSwitch(e, tab))}\n />\n
\n ))}\n \n
\n \n
\n {message ? {message}
: null}\n \n \n \n \n
\n {message ? {message}
: null}\n {t(\"filter:filters\")}
\n \n )\n}\n\nexport default [\n FilterTrigger,\n {\n store: {\n mapStateToProps: (store) => ({\n filterPanelVisible: store.filterPanel.isVisible,\n filterTriggerVisible: store.filterSettings.filterTriggerVisible,\n }),\n mapDispatchToProps: [\"filterOpen\", \"filterClose\", \"filterTriggerVisibleSet\"],\n },\n withNamespaces: [\"filter\"],\n location: true,\n },\n]\n","import React, { useEffect, useState, useRef } from \"react\"\nimport classNames from \"classnames\"\nimport StyledToolTrigger from \"./styles/StyledToolTrigger\"\nimport { ReactComponent as ChevronDown } from \"packages/eos/assets/svg/chevron-down.svg\"\nimport { isEqual } from \"lodash\"\n\nconst SortTrigger = ({\n Components: { Button, Dropdown, SorterContent, MobileOverlayPanel, OutCloseContainer },\n schema,\n values,\n onSet,\n onUnset,\n onReset,\n onRearange,\n deviceType,\n mobileSortingList,\n mobileSortingTitle,\n onMobileSortingClose,\n t,\n}) => {\n const [sortingTriggered, setSortingTriggered] = useState(false)\n const [sortOptionsList, setSortOptionsList] = useState(schema)\n\n const prevOptionsList = useRef(null)\n\n const isDesktop = deviceType.startsWith(\"desktop\")\n const isTablet = deviceType.startsWith(\"tablet\")\n const isMobile = deviceType.startsWith(\"phone\")\n\n useEffect(() => {\n if (!isEqual(prevOptionsList.current, schema)) {\n setSortOptionsList(schema)\n prevOptionsList.current = schema\n }\n }, [schema])\n\n const moveSortOption = (rearrangedOrder) => {\n const parsedSortOptions = JSON.parse(JSON.stringify(rearrangedOrder))\n .filter((so) => so.included)\n .map((sortOption) => {\n const matchedValue = values.find((v) => v.fieldName === sortOption.fieldName)\n return { ...matchedValue }\n })\n\n if (isEqual(parsedSortOptions, values)) return\n\n setSortOptionsList(rearrangedOrder)\n if (typeof onRearange === \"function\") onRearange(parsedSortOptions)\n }\n\n return (\n <>\n {t(\"filter:sorting\")}
\n \n
\n {isDesktop ? (\n e.stopPropagation()}>\n \n \n
\n ) : null}\n \n \n
\n {t(\"filter:sorting_options\")}
\n {t(\"filter:rearrange_sorting_priority\")}
\n \n !opt.exclude)}\n values={values}\n onSet={onSet}\n onUnset={onUnset}\n onMoveSortOption={moveSortOption}\n />\n
\n \n
\n \n {t(\"filter:reset\")}\n
\n \n
\n \n )\n}\n\nexport default [FullscreenCloseIcon, { helpers: [\"displayGlobalTooltip\"], withNamespaces: [\"core\"] }]\n","import React from \"react\"\nimport StyledFullscreenFeature from \"./styles/StyledFullscreenFeature\"\nimport StyledExpandFullscreen from \"./styles/StyledExpandFullscreen\"\n\nconst FullscreenFeature = ({\n children,\n fullscreenMobileOpen,\n fullscreenMobileClose,\n displayGlobalTooltip,\n t,\n Components: { DynamicIcon, FullscreenCloseIcon, PortalFullscreenFeature },\n}) => {\n return (\n \n \n \n displayGlobalTooltip(e, t(\"core:fullscreen\"))}\n >\n
\n \n \n {children}\n\n \n
\n ) : (\n <>\n {items.map((item, i) => (\n {t(\"core:no_results_found\")}
\n {t(\"core:narrow_search\")}
: null}\n \n
\n \n
\n \n )\n}\n\nexport default [GlobalSearchResultListItem, { helpers: [\"navigationIcon\"] }]\n","import React from \"react\"\nimport StyledArrigoIdLogin from \"./styles/StyledArrigoIdLogin\"\nimport { ReactComponent as ArrigoIcon } from \"packages/eos/assets/svg/arrigo-a.svg\"\nimport { withTheme } from \"styled-components\"\nconst ArrigoIdLogin = ({ Components: { Button }, t, theme, clientId, resolveArrigoIdAuthLink }) => {\n // TODO: ...this check is sufficient with just checking !clientId when launched.\n if (!clientId) {\n return null\n }\n\n return (\n {item.folder.title}
\n {item.folder.parent?.title}
\n Request Error
`)) {\n //do same as if ok.\n setTimeout(async () => {\n await submitFromChangePassword(data.username, data.newpass)\n setLoading(false)\n }, 5000)\n return\n }\n setLoading(false)\n\n addNotification({\n id: text,\n title: \"Error\",\n message: text.split('\"').join(\"\"),\n type: \"error\",\n })\n console.error(text)\n })\n }\n })\n } catch (error) {\n console.log(error)\n setLoading(false)\n }\n\n //This timeout is needed so that the new password is saved to file in time.\n }\n\n const onRequestNewPasswordClick = async (e) => {\n var data = {\n id: username,\n link: encodeURI(`${window.location.origin}${window.location.pathname}`),\n }\n setDisableButton(true)\n\n try {\n const response = await fetch(`${url.protocol}//${url.hostname}/exoscada/exp.svc/password/reset`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n })\n const passId = await response.json()\n\n if (passId) {\n const interval = setInterval(async () => {\n request.open(\"GET\", `${url.protocol}//${url.hostname}/exoscada/exp.svc/password/sent/${passId}`)\n request.setRequestHeader(\"Content-Type\", \"application/json\")\n request.send(JSON.stringify(data))\n }, 2000)\n\n request.onreadystatechange = (e) => {\n if (request.readyState === 4) {\n if (request.responseText && request.status === 200) {\n setPasswordSent(request.responseText)\n clearInterval(interval)\n\n setTimeout(() => {\n setPasswordSent(null)\n setDisableButton(false)\n }, 10000)\n }\n }\n }\n }\n } catch (error) {\n console.error(error)\n }\n }\n\n const onBlurHandler = async (e) => {\n try {\n const data = {\n username: username !== \"\" ? username : userReset,\n password: e.value,\n }\n\n const response = await fetch(`${url.protocol}//${url.hostname}/exoscada/exp.svc/requirements/check`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n })\n const responseJson = await response.json()\n\n if (response.status === 200) {\n setIsValid(responseJson)\n setIsValidPass(\n responseJson.IsMinDigits &&\n responseJson.IsMinLength &&\n responseJson.IsMinLower &&\n responseJson.IsMinSpecial &&\n responseJson.IsMinUpper\n )\n }\n } catch (error) {\n console.error(error)\n }\n }\n\n return (\n <>\n\n {topCenterImage && 
}\n
\n )}\n\n \n
\n\n {rightPanelBottomImage && (\n \n
\n \n
\n \n
\n\n {topCenterImage ? (\n \n \n
\n ) : null}\n\n \n this.setState({ currentPhase: \"Account\" })}\n >\n
\n \n
\n \n
\n \n {label}:\n {truncateDecimalPlaces(value, 6)}\n
\n )\n}\n\nconst MapLocation = ({ location }) => {\n if (!location) return null\n\n return (\n \n {loading ? (\n onSearch()} fileName=\"search\" type=\"neutral\" />\n )}\n
\n \r\n \r\n {!this.state.network.isOffline && renderLogin(props)} />\r\n {\r\n return authToken !== undefined ? (\r\n \r\n \r\n ) : (\r\n renderLogin(props)\r\n )\r\n }}\r\n />\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default [\r\n withTheme(App),\r\n {\r\n store: {\r\n mapStateToProps: (state) => {\r\n return {\r\n state: state.session,\r\n isServiceUnavailable: state.config.serviceUnavailable,\r\n localization: state.localization,\r\n isOffline: state.network.isOffline,\r\n license: state.config.login?.license,\r\n serviceStatus: state.config?.login?.serviceStatus,\r\n }\r\n },\r\n mapDispatchToProps: [\r\n \"setOffline\",\r\n \"accountListSet\",\r\n \"serviceUnavailable\",\r\n \"settingsPanelModeOff\",\r\n \"authenticationLogin\",\r\n \"accountMessageSet\",\r\n \"setDefaultSettings\",\r\n \"languageSet\",\r\n \"setShouldSetLocaleFromArrigoHome\",\r\n ],\r\n },\r\n helpers: [\"showLicenseBanner\"],\r\n location: true,\r\n adaptive: true,\r\n client: true,\r\n },\r\n]\r\n","import { withTheme } from \"styled-components\"\n\nlet intervalHandle = null\nlet lastMove = Date.now()\n\nconst resetTimer = () => {\n lastMove = Date.now()\n}\nconst cleanUp = () => {\n clearInterval(intervalHandle)\n window.removeEventListener(\"mousemove\", resetTimer)\n}\n\nconst AutoLogout = ({ session, theme, authenticationLogout }) => {\n if (intervalHandle) cleanUp() //if timeout is not present, or if theme changed we need to cleanup any already existing timers.\n\n if (theme.enableAutoLogout !== \"Yes\" || !session.timeout || session.timeout < 1) return null\n\n console.log(\"Autologout is activated and set to \", session.timeout, \"seconds.\")\n\n window.addEventListener(\"mousemove\", resetTimer)\n intervalHandle = setInterval(() => {\n const now = Date.now()\n const timeout = lastMove + session.timeout * 1000\n if (!isNaN(timeout) && timeout > now) return\n console.log(\"Autologout fired, logging out user.\")\n cleanUp()\n authenticationLogout(session.authToken, session.refreshToken)\n }, 10000)\n\n return null\n}\n\nexport default [\n withTheme(AutoLogout),\n {\n store: {\n mapStateToProps: (state) => {\n return {\n session: state.session,\n }\n },\n mapDispatchToProps: [\"authenticationLogout\"],\n },\n },\n]\n","import { createGlobalStyle } from \"styled-components\"\n\nexport default createGlobalStyle`\n\n*{\n ::-webkit-scrollbar {\n width: 14px;\n height: 14px;\n }\n\n ::-webkit-scrollbar-thumb {\n height: 6px;\n border: 4px solid ${({ theme }) => theme.helpers.toRgba(theme.grayscale.primary.default, 0)};\n background-clip: padding-box;\n background-color: ${({ theme }) => theme.helpers.toRgba(theme.grayscale.primary.default, 0.2)};\n -webkit-border-radius: 7px;\n -webkit-box-shadow: inset -1px -1px 0px ${({ theme }) =>\n theme.helpers.toRgba(theme.grayscale.primary.default, 0.05)},\n inset 1px 1px 0px ${({ theme }) => theme.helpers.toRgba(theme.grayscale.primary.default, 0.05)};\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n width: 0;\n height: 0;\n }\n\n ::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n}\n\nhtml {\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent; /* for remove highlight on touch*/\n}\n\nhtml,\nbody,\n#core-loading {\n background: ${({ theme }) => theme.backgrounds.colors.alt}!important;\n}\n\nhtml,\nbody,\n#root {\n overscroll-behavior: none;\n display: flex;\n flex-direction: column;\n height:100%;\n}\n\n*, *:before, *:after {\n box-sizing: inherit;\n}\n\n#popupContainer {\n *, *:before, *:after {\n box-sizing: unset;\n }\n}\n\n.App{\n height:100%;\n}\n\nbody {\n color: ${({ theme }) => theme.grayscale.primary.default};\n font-size: ${({ theme }) => theme.fonts.sizes.md};\n font-weight: ${({ theme }) => theme.fonts.weights.regular};\n margin: 0;\n}\n\nbody, input, button {\n font-family: ${({ theme }) => theme.fonts.family};\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n}\n\nh1 {\n font-size: ${({ theme }) => theme.fonts.sizes.xxxl};\n}\n\nh3 {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n}\n\na {\n text-decoration: none;\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n font-weight: ${({ theme }) => theme.fonts.weights.medium};\n}\n\n/*** Custom Classes ***/\n\n.max-desktop-width {\n width: 100%;\n max-width: ${({ theme }) => theme.general.desktop_width};\n padding: 0px ${({ theme }) => theme.general.gutter.normal};\n margin-right: -${({ theme }) => theme.general.gutter.normal};\n margin-left: -${({ theme }) => theme.general.gutter.normal};\n align-self: center;\n /* margin: 0 auto; */\n}\n\n.reset-link {\n font-weight: ${({ theme }) => theme.fonts.weights.bold};\n font-size: ${({ theme }) => theme.fonts.sizes.xs};\n color: ${({ theme }) => theme.colors.primary.error};\n cursor: pointer;\n user-select: none;\n transition: color 0.2s ease-in-out;\n}\n\n.editable-overlay {\n position: relative;\n}\n\n.editable-overlay::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n opacity: 0;\n border-radius: inherit;\n z-index: 2;\n transition: opacity 0.15s ease-in-out;\n pointer-events: none;\n background-color: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.default, theme.colors.opacity)};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.primary.default};\n}\n\n.editable-overlay-active::after {\n opacity: 1;\n}\n\n@media not all and (pointer: coarse) {\n a{\n &:hover{\n color: ${({ theme }) => theme.colors.primary.default}\n }\n }\n\n .reset-link {\n &:hover {\n color: ${({ theme }) => theme.colors.alt.error};\n }\n }\n}\n\n@media only screen and (pointer: coarse) {\n .max-desktop-width {\n margin-right: -${({ theme }) => theme.general.gutter.small};\n margin-left: -${({ theme }) => theme.general.gutter.small};\n padding: 0px ${({ theme }) => theme.general.gutter.small};\n }\n }\n\n/*** Custom Classes for CW2 (popupContainer and animator) ***/\n\n@keyframes flashMyText {\n to {\n color: transparent;\n }\n}\n\n@-webkit-keyframes flashMyText {\n to {\n color: transparent;\n }\n}\n`\n","import React from \"react\"\nimport { ReactSortable } from \"react-sortablejs\"\nimport classNames from \"classnames\"\n\nexport const Sortable = ({\n children,\n list,\n setList,\n tag = undefined,\n direction = undefined,\n animation = 300,\n disabled = false,\n itemClassName = \"sortable-item\",\n disabledClassName = \"sortable-disabled\",\n enabledClassName = \"sortable-enabled\",\n ...rest\n}) => {\n return (\n \n {this.props.t(\"today\")}\n
\n\n \n {this.props.months.map((month, i) => {\n return (\n
\n\n \n {wd}\n
\n ))\n }\n\n renderWeek = (week) => {\n const { time, startOfPeriod, endOfPeriod, withTime } = this.props\n const days = []\n\n const currentDay = moment(this.props.time).startOf(\"month\").add(week, \"weeks\").startOf(\"week\").clone()\n\n const today = moment()\n const start = startOfPeriod ? moment(startOfPeriod) : null\n const end = endOfPeriod ? moment(endOfPeriod) : null\n\n for (let i = 0; i < 7; i++) {\n const isCurrentMonth = currentDay.isSame(time, \"month\")\n const isStartOfPeriod = start && currentDay.isSame(start, \"day\")\n const isEndOfPeriod = end && currentDay.isSame(end, \"day\")\n const isInPeriod = start && end && currentDay.isBetween(start, end, \"days\", \"[]\")\n const isToday = today.isSame(currentDay, \"day\")\n\n let listOfClasses = isInPeriod && isCurrentMonth ? \"isInPeriod \" : \"notInPeriod \"\n if (isStartOfPeriod) listOfClasses += \"isStartOfPeriod \"\n if (isEndOfPeriod) listOfClasses += \"isEndOfPeriod \"\n if (isToday && isCurrentMonth) listOfClasses += \"isToday \"\n if (isCurrentMonth) listOfClasses += \"isInMonth \"\n\n days.push(\n \n () => {\n const preservedSrcDate = moment(startOfPeriod)\n const preservedTime = withTime\n ? moment(day).set({\n hour: preservedSrcDate.get(\"hour\"),\n minute: preservedSrcDate.get(\"minute\"),\n second: preservedSrcDate.get(\"second\"),\n })\n : day\n isCurrentMonth && this.props.onClick(preservedTime, isStart, isEnd)\n })(currentDay.format(\"YYYY-MM-DD\"), isStartOfPeriod, isEndOfPeriod, isCurrentMonth)}\n className={\"day \" + listOfClasses}\n >\n {currentDay.format(\"D\")}\n
\n \n )\n\n if (i !== 6) days.push()\n currentDay.add(1, \"days\")\n }\n\n return (\n \n {days}\n
\n )\n }\n\n render() {\n const { time, itemClass, animation, show, changeCalendarState } = this.props\n const { Animator } = this.props.Components\n const currentMonth = moment(time).format(\"MMMM YYYY\")\n\n return (\n {this.weekDays}
\n {[0, 1, 2, 3, 4, 5].map((w) => this.renderWeek(w))}
\n \n () => {\n this.props.onClick(day, isStart, isEnd)\n })(momentMonth.format(\"YYYY-MM-DD\"), true, false)}\n className={\"month \" + isActive + classList}\n >\n {momentMonth.format(\"MMM\")}\n
\n \n )\n\n momentMonth.add(1, \"month\")\n }\n\n return (\n \n {months}\n
\n )\n }\n\n render() {\n const { time, itemClass, animation, show, changeCalendarState } = this.props\n const { Animator } = this.props.Components\n const currentYear = moment(time).format(\"YYYY\")\n\n return (\n changeCalendarState(\"year\")}>\n {currentYear}\n
\n {[0, 4, 8].map((m) => this.renderMonths(m))}
\n \n () => {\n this.props.onClick(day, isStart, isEnd)\n })(momentYear.format(\"YYYY-MM-DD\"), true, false)}\n className={\"year \" + isActive + classList}\n >\n {momentYear.format(\"YYYY\")}\n
\n \n )\n\n momentYear.add(1, \"year\")\n }\n\n return (\n \n {years}\n
\n )\n }\n\n render() {\n const { itemClass, animation, show, title, t } = this.props\n const { Animator } = this.props.Components\n\n return (\n {t(title)}
\n {[-4, -1, 2].map((y) => this.renderYears(y))}
\n {date}
\n \n)\n\nexport default [React.memo(DateInput), { skipCompose: true }]\n","import React from \"react\"\nimport StyledArrow from \"./styles/StyledArrow\"\nimport moment from \"moment\"\n\n// TODO: This needs to be somewhere else...\nconst dateFormat = \"ddd, D MMM, YYYY\"\n\nconst DateInputs = ({\n tooltip,\n t,\n startOfPeriod,\n toggleHidden,\n isVisible,\n endOfPeriod,\n onDateInputClick,\n Components: { DateInput },\n}) => {\n return (\n\n (onDateInputClick ? onDateInputClick(moment(startOfPeriod), \"from\") : null)}\n />\n\n (onDateInputClick ? onDateInputClick(moment(endOfPeriod), \"to\") : null)}\n />\n
\n )\n}\n\nexport default [React.memo(DateInputs), { withNamespaces: \"filter\" }]\n","import React, { useEffect, useRef } from \"react\"\nimport moment from \"moment\"\nimport StyledPhoneDateInputs from \"./styles/StyledPhoneDateInputs\"\nimport StyledArrow from \"./styles/StyledArrow\"\nimport StyledDate from \"./styles/StyledDate\"\nimport classNames from \"classnames\"\n\nconst dateFormat = \"ddd, D MMM, YYYY\"\n\nconst PhoneDateInputs = ({ startOfPeriod, endOfPeriod, onChangeHandler, setStartOfDay, setEndOfDay, t }) => {\n const fromInput = useRef()\n const toInput = useRef()\n\n const handleInputChange = (e) => {\n if (e.target.name === \"from\") {\n if (moment(e.target.value).isAfter(endOfPeriod)) {\n return\n }\n onChangeHandler({ startOfPeriod: e.target.value ? setStartOfDay(e.target.value) : null })\n }\n\n if (e.target.name === \"to\") {\n if (moment(e.target.value).isBefore(startOfPeriod)) {\n return\n }\n onChangeHandler({ endOfPeriod: e.target.value ? setEndOfDay(e.target.value) : null })\n }\n\n const target = e.target\n setTimeout(() => {\n target.defaultValue = \"\"\n })\n }\n\n useEffect(() => {\n fromInput.current.defaultValue = \"\"\n toInput.current.defaultValue = \"\"\n }, [startOfPeriod, endOfPeriod])\n\n return (\n \n
\n {t(\"from\")}
\n {startOfPeriod ? moment(startOfPeriod).format(dateFormat) : null}
\n \n
\n {t(\"to\")}
\n {endOfPeriod ? moment(endOfPeriod).format(dateFormat) : null}
\n [This content was not properly loaded]
\n }\n\n return this.props.children\n }\n}\n\nexport default [ErrorBoundary, { store: { mapDispatchToProps: [\"addNotification\"] } }]\n","import styled, { css } from \"styled-components\"\nimport { CSSTransition } from \"react-transition-group\"\nimport * as animations from \"../animations\"\n\nconst StyledAnimator = styled(CSSTransition)`\n animation-duration: ${(props) => (props.timeout ? props.timeout + \"ms\" : animations.duration + \"ms\")};\n animation-timing-function: ease-in-out;\n animation-fill-mode: forwards;\n\n &.hidden {\n display: none;\n }\n\n &.hidden {\n display: none;\n }\n\n ${(props) =>\n props.timingfn &&\n css`\n animation-timing-function: ${(props) => props.timingfn === \"cubic-bezier\" && \"cubic-bezier(0.19, 1, 0.22, 1)\"};\n `}\n\n /* Fade */\n &.fade-enter-active {\n animation-name: ${animations.fadeIn};\n }\n &.fade-exit-active {\n animation-name: ${animations.fadeOut};\n }\n\n /* FadeInDown */\n\n &.fadeInDown-enter-active {\n animation-name: ${animations.fadeInDown};\n }\n &.fadeInDown-exit-active {\n animation-name: ${animations.fadeOutUp};\n }\n\n /* FadeInDownSmall */\n\n &.fadeInDownSmall-enter-active,\n &.fadeInDownSmall-enter-done {\n animation-name: ${animations.fadeInDownSmall};\n }\n &.fadeInDownSmall-exit-active {\n animation-name: ${animations.fadeOutUpSmall};\n }\n\n /* FadeInDownSmall */\n\n &.fadeInUpSmall-enter-active,\n &.fadeInUpSmall-enter-done {\n animation-name: ${animations.fadeInUpSmall};\n }\n &.fadeInUpSmall-exit-active {\n animation-name: ${animations.fadeOutDownSmall};\n }\n\n /* FadeInUp */\n\n &.fadeInUp-enter-active {\n animation-name: ${animations.fadeInUp};\n }\n &.fadeInUp-exit-active {\n animation-name: ${animations.fadeOutDown};\n }\n\n /* FadeInLeft */\n &.fadeInLeft-enter-active,\n &.fadeInLeft-enter-done {\n animation-name: ${animations.fadeInLeft};\n }\n &.fadeInLeft-exit-active,\n &.fadeInLeft-exit-done {\n animation-name: ${animations.fadeOutRight};\n }\n\n /* FadeInRight */\n\n &.fadeInRight-enter-active,\n &.fadeInRight-enter-done {\n animation-name: ${animations.fadeInRight};\n }\n &.fadeInRight-exit-active,\n &.fadeInRight-exit-done {\n animation-name: ${animations.fadeOutLeft};\n }\n\n /* Rotate */\n\n &.rotate-enter-active {\n animation-name: ${animations.rotateIn};\n }\n &.rotate-exit-active {\n animation-name: ${animations.rotateOut};\n }\n\n /* SlideDown */\n &.slideDown-enter-active,\n &.slideDown-enter-done {\n animation-name: ${animations.slideDown};\n }\n &.slideDown-exit-active,\n &.slideDown-exit-done {\n animation-name: ${animations.slideUp};\n }\n\n /* TempFade */\n &.tempFade-enter-active,\n &.tempFade-enter-done {\n animation-name: ${animations.tempFade};\n }\n &.tempFade-exit-active,\n &.tempFade-exit-done {\n opacity: 0;\n }\n`\n\nexport default StyledAnimator\n","import styled from \"styled-components\"\n\nconst StyledArea = styled.div.attrs({ className: \"StyledArea\" })`\n display: flex;\n align-items: center;\n font-size: ${(props) => props.theme.fonts.sizes.md};\n color: ${(props) => props.theme.grayscale.primary.default};\n\n svg {\n margin-right: 10px;\n width: ${(props) => props.theme.fonts.sizes.xs};\n height: ${(props) => props.theme.fonts.sizes.md};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n .linkDiv {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n transition: color 0.2s ease-in-out;\n cursor: pointer;\n\n &:hover {\n color: ${({ theme }) => theme.colors.primary.default};\n }\n\n svg,\n span {\n vertical-align: middle;\n width: ${(props) => props.theme.fonts.sizes.lg};\n height: ${(props) => props.theme.fonts.sizes.lg};\n }\n\n svg {\n margin-left: 0.3em;\n fill: currentColor;\n }\n }\n`\nexport default StyledArea\n","import styled from \"styled-components\"\n\nconst StyledAsyncSelectInput = styled.div`\n position: relative;\n .update-container {\n position: absolute;\n right: 37px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n }\n .async-select__control {\n background: ${(props) => props.theme.inputs.backgrounds.normal};\n border-width: ${(props) => props.theme.borders.enabled && props.theme.borders.sizes.default};\n border-style: ${(props) => props.theme.borders.enabled && props.theme.borders.style};\n border-color: ${(props) => props.theme.borders.enabled && props.theme.borders.color};\n min-height: ${(props) => props.theme.inputs.height};\n border-radius: ${(props) => props.theme.borders.radius.enabled && props.theme.borders.radius.size};\n display: flex;\n justify-content: space-between;\n align-content: center;\n\n &:hover {\n border-color: ${(props) => props.theme.borders.enabled && props.theme.borders.color};\n }\n\n .async-select__value-container {\n height: 100%;\n font-size: ${({ theme }) => theme.fonts.sizes.sm}!important;\n min-height: ${(props) => props.theme.inputs.height};\n .async-select__single-value {\n top: unset;\n transform: none;\n color: ${(props) => props.theme.colors.primary.text};\n font-family: inherit;\n font-size: 14px;\n position: relative;\n padding-left: 0;\n display: flex;\n\n .option-icon {\n margin-right: 8px;\n fill: currentColor;\n opacity: 0.5;\n }\n }\n .async-select__input {\n input {\n color: ${(props) => props.theme.colors.primary.text}!important;\n font-family: inherit !important;\n position: absolute;\n left: 10px;\n top: 11px;\n padding: 0px !important;\n font-size: ${({ theme }) => theme.fonts.sizes.sm}!important;\n font-weight: ${(props) => props.theme.fonts.weights.medium};\n }\n > div {\n position: absolute !important;\n top: 0;\n left: 0;\n color: red;\n }\n }\n\n .async-select__placeholder {\n margin: 0;\n font-family: inherit !important;\n font-size: 14px !important;\n padding-left: 2px !important;\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n .async-select__indicators {\n padding-right: 10px;\n .async-select__indicator-separator {\n display: none;\n }\n .async-select__indicator {\n padding: 0;\n\n svg {\n height: 14px;\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n }\n }\n\n .async-select__control--is-disabled {\n background: ${({ theme }) => theme.inputs.backgrounds.disabled};\n }\n\n &.error {\n .async-select__control {\n border-color: ${({ theme }) => theme.colors.primary.error};\n }\n }\n\n .async-select.not-selected {\n .async-select__single-value {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n\n .async-select__control--is-disabled {\n background: ${(props) => props.theme.inputs.backgrounds.disabled};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n border-color: transparent;\n -webkit-text-fill-color: ${({ theme }) => theme.grayscale.primary.neutral};\n opacity: 1 !important; /* required on iOS */\n box-shadow: 0 0 0px 1000px ${({ theme }) => theme.inputs.backgrounds.disabled} inset;\n cursor: not-allowed;\n }\n\n .async-select__menu {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n .async-select__option {\n font-family: inherit;\n // color: ${(props) => props.theme.colors.primary.text}!important;\n font-size: 14px !important;\n display: flex;\n\n &.async-select__option--is-focused {\n &:not(.async-select__option--is-selected) {\n background: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.default, 0.05)};\n }\n }\n &.async-select__option--is-selected {\n background: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.default, theme.colors.opacity)};\n color: ${({ theme }) => theme.colors.primary.default}!important;\n }\n &:hover {\n &:not(.async-select__option--is-selected) {\n background: ${(props) => props.theme.helpers.toRgba(props.theme.colors.primary.default, 0.05)};\n }\n }\n\n .option-icon {\n margin-right: 8px;\n fill: currentColor;\n opacity: 0.5;\n }\n }\n }\n`\n\nexport default StyledAsyncSelectInput\n","import styled from \"styled-components\"\n\nconst StyledAvatar = styled.div`\n width: 34px;\n height: 34px;\n border-radius: 9999px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: center / cover no-repeat url(${(props) => props.imageUrl});\n background-color: ${({ theme }) => theme.borders.color};\n color: ${({ theme }) => theme.grayscale.primary.default};\n font-weight: ${({ theme }) => theme.fonts.weights.semibold};\n font-size: ${({ theme }) => theme.fonts.sizes.sm};\n\n .initials {\n text-transform: uppercase;\n }\n`\nexport default StyledAvatar\n","import styled from \"styled-components\"\n\nconst StyledBadgeIndicator = styled.div.attrs({ className: \"StyledBadgeIndicator\" })`\n position: absolute;\n top: -4px;\n left: -6px;\n width: 10px;\n height: 10px;\n padding: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: ${(props) => props.theme.colors.primary.info};\n border: 2px solid ${(props) => props.theme.backgrounds.colors.primary};\n`\nexport default StyledBadgeIndicator\n","import styled, { css } from \"styled-components\"\n\nconst StyledBurgerMenu = styled.div.attrs({\n className: \"StyledBurgerMenu\",\n})`\n position: relative;\n\n .menu-dots {\n transform: rotate(90deg);\n }\n\n .menu-burger-content {\n position: ${(props) => (props.fixedPopup ? \"fixed\" : \"absolute\")};\n\n ${(props) =>\n !props.fixedPopup &&\n css`\n top: calc(100% + 2px);\n ${props.position === \"right\" ? \"left: 0;\" : \"right: 0;\"}\n `}\n\n width: 200px;\n z-index: 1;\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n color: ${(props) => props.theme.colors.primary.text};\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border: 1px solid ${(props) => props.theme.borders.color};\n border-radius: 5px;\n\n > div {\n padding: 13px 19px;\n cursor: pointer;\n }\n\n div:hover {\n color: ${(props) => props.theme.colors.primary.default};\n svg {\n fill: ${(props) => props.theme.colors.primary.default};\n }\n }\n\n svg {\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n width: 19px;\n height: 19px;\n }\n }\n\n .menu-button {\n display: flex;\n padding: 10px;\n margin: -10px;\n cursor: pointer;\n\n svg {\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n width: 19px;\n height: 19px;\n }\n\n &.active {\n svg {\n fill: ${(props) => props.theme.colors.primary.default};\n }\n }\n }\n\n @media only screen and (pointer: coarse) {\n .menu-burger-content {\n width: 180px;\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n\n > div {\n padding: 10px 15px;\n }\n }\n }\n`\n\nexport default StyledBurgerMenu\n","import styled, { css } from \"styled-components\"\n\nconst Button = styled.button`\n /* Globals */\n outline: none;\n padding: 0 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: ${(props) => (props.height ? props.height + \"px\" : props.theme.buttons.height)};\n min-width: ${(props) => props.theme.buttons.min_width};\n font-size: ${(props) => props.theme.fonts.sizes.md};\n font-weight: ${(props) => props.theme.fonts.weights.semibold};\n ${(props) =>\n props.width &&\n css`\n width: ${props.width}px;\n `}\n user-select: none;\n\n /* Default syle */\n background: ${(props) => props.theme.colors.primary.default};\n color: ${(props) => props.theme.grayscale.primary.accent};\n border-width: ${(props) => props.theme.borders.sizes.default};\n border-style: ${(props) => props.theme.borders.style};\n border-color: ${(props) => props.theme.colors.primary.default};\n\n .btn-icon {\n width: 14px;\n height: 14px;\n fill: ${(props) => props.theme.buttons.icon.color};\n }\n\n /* Radius */\n ${(props) =>\n props.theme.borders.radius.enabled &&\n css`\n border-radius: ${props.circle ? \"100%\" : props.theme.borders.radius.size};\n `};\n\n /* Fullwidth */\n ${(props) =>\n props.fullwidth &&\n css`\n width: 100%;\n `};\n\n /* Circle button */\n ${(props) =>\n props.circle &&\n css`\n min-width: ${(props) => props.theme.buttons.height};\n width: ${(props) => !props.width && props.theme.buttons.height};\n height: ${(props) => !props.height && props.theme.buttons.height};\n overflow: hidden;\n padding: 0;\n\n .btn-icon {\n width: 18px;\n height: 18px;\n }\n `}\n\n ${(props) =>\n props.hasIcon &&\n css`\n .btn-text {\n margin-left: 0.5rem;\n }\n `}\n\n /* Large button */\n &.large {\n ${(props) =>\n css`\n height: ${(props) => !props.height && `calc(${props.theme.buttons.height} + 10px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} + 3px);\n height: calc(${props.theme.buttons.icon.height} + 3px);\n }\n ${(props) =>\n props.circle &&\n css`\n width: ${(props) => !props.width && `calc(${props.theme.buttons.height} + 10px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} + 6px);\n height: calc(${props.theme.buttons.icon.height} + 6px);\n }\n `}\n `};\n font-size: ${(props) => props.theme.fonts.sizes.lg};\n\n ${(props) =>\n !props.circle &&\n css`\n padding: 0 20px;\n `}\n }\n\n /* Small button */\n &.small {\n ${(props) =>\n css`\n height: ${(props) => !props.height && `calc(${props.theme.buttons.height} - 6px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} - 3px);\n height: calc(${props.theme.buttons.icon.height} - 3px);\n }\n ${(props) =>\n props.circle &&\n css`\n width: ${(props) => !props.width && `calc(${props.theme.buttons.height} - 6px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} - 3px);\n height: calc(${props.theme.buttons.icon.height} - 3px);\n }\n `}\n `};\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n\n ${(props) =>\n !props.circle &&\n css`\n padding: 0 15px;\n `}\n }\n\n /* Success */\n &.success {\n background: ${(props) => props.theme.colors.primary.okay};\n border-color: ${(props) => props.theme.colors.primary.okay};\n }\n\n /* Info */\n &.info {\n background: ${(props) => props.theme.colors.primary.info};\n border-color: ${(props) => props.theme.colors.primary.info};\n }\n\n /* Warn */\n &.warn {\n background: ${(props) => props.theme.colors.primary.warn};\n border-color: ${(props) => props.theme.colors.primary.warn};\n }\n\n /* Warn */\n &.error {\n background: ${(props) => props.theme.colors.primary.error};\n border-color: ${(props) => props.theme.colors.primary.error};\n }\n\n &.neutral {\n background: ${(props) => props.theme.grayscale.primary.neutral};\n border-color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n /*Secondary style */\n ${(props) =>\n props.secondary &&\n css`\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-color: ${(props) => props.theme.colors.primary.default};\n color: ${(props) => props.theme.colors.primary.default};\n\n .btn-icon {\n fill: ${(props) => props.theme.colors.primary.default};\n }\n\n /* Success */\n &.success {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-color: ${(props) => props.theme.colors.primary.okay};\n color: ${(props) => props.theme.colors.primary.okay};\n\n .btn-icon {\n fill: ${(props) => props.theme.colors.primary.okay};\n }\n }\n\n /* Info */\n &.info {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-color: ${(props) => props.theme.colors.primary.info};\n color: ${(props) => props.theme.colors.primary.info};\n\n .btn-icon {\n fill: ${(props) => props.theme.colors.primary.info};\n }\n }\n\n /* Warn */\n &.warn {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-color: ${(props) => props.theme.colors.primary.warn};\n color: ${(props) => props.theme.colors.primary.warn};\n\n .btn-icon {\n fill: ${(props) => props.theme.colors.primary.warn};\n }\n }\n\n /* Error */\n &.error {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-color: ${(props) => props.theme.colors.primary.error};\n color: ${(props) => props.theme.colors.primary.error};\n\n .btn-icon {\n fill: ${(props) => props.theme.colors.primary.error};\n }\n }\n `};\n\n /* Disabled */\n ${(props) =>\n props.disabled &&\n css`\n background: ${props.theme.helpers.toRgba(\n props.theme.grayscale.primary.neutral,\n props.theme.grayscale.opacity\n )}!important;\n color: ${props.theme.grayscale.primary.neutral};\n border-color: transparent !important;\n pointer-events: none;\n\n .btn-icon {\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n `};\n\n /* Ripple effect */\n ${(props) =>\n props.theme.buttons.ripple &&\n css`\n position: relative;\n overflow: hidden;\n transform: translate3d(0, 0, 0);\n\n &:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n\n background-image: radial-gradient(circle, rgba(0, 0, 0, 0.4) 10%, transparent 10.01%);\n background-repeat: no-repeat;\n background-position: 50%;\n transform: scale(10, 10);\n opacity: 0;\n transition: transform 0.5s, opacity 1s;\n }\n\n &:active:after {\n transform: scale(0, 0);\n opacity: 0.2;\n transition: 0s;\n }\n `};\n\n @media not all and (pointer: coarse) {\n &:hover {\n background: ${(props) => props.theme.colors.alt.default};\n border-color: ${(props) => props.theme.colors.alt.default};\n cursor: pointer;\n }\n\n &.success {\n &:hover {\n background: ${(props) => props.theme.colors.alt.okay};\n border-color: ${(props) => props.theme.colors.alt.okay};\n }\n }\n\n &.info {\n &:hover {\n background: ${(props) => props.theme.colors.alt.info};\n border-color: ${(props) => props.theme.colors.alt.info};\n }\n }\n\n &.warn {\n &:hover {\n background: ${(props) => props.theme.colors.alt.warn};\n border-color: ${(props) => props.theme.colors.alt.warn};\n }\n }\n\n &.error {\n &:hover {\n background: ${(props) => props.theme.colors.alt.error};\n border-color: ${(props) => props.theme.colors.alt.error};\n }\n }\n\n &.neutral {\n &:hover {\n background: ${(props) => props.theme.grayscale.alt.neutral};\n border-color: ${(props) => props.theme.grayscale.alt.neutral};\n }\n }\n\n ${(props) =>\n props.secondary &&\n css`\n &:hover {\n background: ${(props) => props.theme.colors.primary.default};\n border-color: ${(props) => props.theme.colors.primary.default};\n color: ${(props) => props.theme.grayscale.primary.accent};\n\n .btn-icon {\n fill: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n\n &.success {\n &:hover {\n background: ${(props) => props.theme.colors.primary.okay};\n border-color: ${(props) => props.theme.colors.primary.okay};\n color: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n\n &.info {\n &:hover {\n background: ${(props) => props.theme.colors.primary.info};\n border-color: ${(props) => props.theme.colors.primary.info};\n color: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n\n &.warn {\n &:hover {\n background: ${(props) => props.theme.colors.primary.warn};\n border-color: ${(props) => props.theme.colors.primary.warn};\n color: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n\n &.error {\n &:hover {\n background: ${(props) => props.theme.colors.primary.error};\n border-color: ${(props) => props.theme.colors.primary.error};\n color: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n `}\n\n ${(props) =>\n props.disabled &&\n css`\n &:hover {\n background: ${props.theme.backgrounds.colors.alt};\n border-color: transparent;\n }\n `}\n }\n\n @media only screen and (pointer: coarse) {\n &.small {\n ${(props) =>\n css`\n height: ${(props) => !props.height && `calc(${props.theme.buttons.height} - 10px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} - 7px);\n height: calc(${props.theme.buttons.icon.height} - 7px);\n }\n ${(props) =>\n props.circle &&\n css`\n width: ${(props) => !props.width && `calc(${props.theme.buttons.height} - 10px)`};\n min-width: ${(props) => !props.width && `calc(${props.theme.buttons.height} - 10px)`};\n .btn-icon {\n width: calc(${props.theme.buttons.icon.width} - 7px);\n height: calc(${props.theme.buttons.icon.height} - 7px);\n }\n `}\n `};\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n\n ${(props) =>\n !props.circle &&\n css`\n padding: 0 12px;\n `}\n }\n }\n`\n\nexport default Button\n","import styled from \"styled-components\"\n\nconst StyledCheckbox = styled.div`\n display: flex;\n align-items: flex-start;\n\n label {\n display: flex;\n position: relative;\n color: ${(props) => props.theme.grayscale.primary.neutral};\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n cursor: ${(props) => (props.readOnly ? \"not-allowed\" : \"pointer\")};\n\n input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n }\n\n span {\n transition: 0.15s ease-in-out;\n margin-left: 0.5rem;\n height: 18px;\n display: flex;\n align-items: center;\n }\n\n .control-indicator {\n left: 0;\n height: 18px;\n width: 18px;\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border: 1px solid ${(props) => props.theme.inputs.border.color};\n border-radius: ${(props) => props.theme.borders.radius.enabled && props.theme.borders.radius.size};\n transition: 0.15s ease-in-out;\n }\n }\n\n label input:checked + .control-indicator + span {\n color: ${(props) => props.theme.grayscale.primary.default};\n }\n\n label input:checked + .control-indicator {\n border: 1px solid ${(props) => props.theme.colors.primary.default};\n background-color: ${(props) => props.theme.colors.primary.default};\n\n &:after {\n content: \"\";\n position: absolute;\n left: 7px;\n top: 3px;\n width: 5px;\n height: 10px;\n border: solid ${(props) => props.theme.grayscale.primary.accent};\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n }\n\n &.success {\n label input:checked + .control-indicator {\n border: 1px solid ${(props) => props.theme.colors.primary.okay};\n background-color: ${(props) => props.theme.colors.primary.okay};\n }\n }\n\n &.inverted {\n label input:checked + .control-indicator {\n border: 1px solid ${(props) => props.theme.colors.primary.default};\n background-color: ${(props) => props.theme.backgrounds.colors.primary};\n\n &:after {\n border-color: ${(props) => props.theme.colors.primary.default};\n }\n }\n }\n\n &.semi-selected {\n label input:checked + .control-indicator {\n border: 1px solid ${(props) => props.theme.colors.primary.default};\n background-color: ${(props) => props.theme.backgrounds.colors.primary};\n\n &:after {\n border-color: ${(props) => props.theme.colors.primary.default};\n left: 0px;\n top: 5px;\n width: 3.5px;\n height: 1px;\n border: solid ${(props) => props.theme.colors.primary.default};\n border-width: 1;\n transform: unset;\n }\n }\n }\n\n &.disabled {\n label {\n cursor: auto;\n }\n label input:checked + .control-indicator {\n border: 1px solid ${(props) => props.theme.inputs.backgrounds.disabled};\n background-color: ${(props) =>\n props.theme.helpers.toRgba(props.theme.grayscale.primary.neutral, props.theme.grayscale.opacity)};\n &:after {\n border-color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n }\n label .control-indicator {\n border: 1px solid ${(props) => props.theme.borders.color};\n background-color: ${(props) => props.theme.inputs.backgrounds.disabled};\n &:after {\n border-color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n }\n }\n`\n\nexport default StyledCheckbox\n","import styled from \"styled-components\"\nimport React from \"react\"\nimport { ReactComponent as Calendar } from \"packages/eos/assets/svg/calendar.svg\"\n\nconst StyledCalendar = styled(Calendar)`\n width: ${(props) => (props.height ? `${props.height}px` : props.theme.fonts.sizes.xs)};\n height: ${(props) => (props.height ? `${props.height}px` : props.theme.fonts.sizes.xs)};\n margin-right: 10px;\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n`\n\nexport default React.memo(StyledCalendar)\n","import styled from \"styled-components\"\nconst checkIfPrimary = ({ theme, type }) => {\n const _type = type === \"warning\" ? \"warn\" : type // this guarantees that notification icon gets right color\n if (_type) {\n if (theme.colors.primary[_type]) {\n return theme.colors.primary[_type]\n } else if (theme.grayscale.primary[_type]) {\n return theme.grayscale.primary[_type]\n }\n }\n return theme.colors.primary.default\n}\nconst getSize = ({ theme, size }) => {\n if (theme) {\n let s = theme.fonts.sizes.xxs\n switch (size) {\n case \"sm\":\n s = theme.fonts.sizes.sm\n break\n case \"md\":\n s = theme.fonts.sizes.md\n break\n case \"lg\":\n s = theme.fonts.sizes.lg\n break\n case \"xl\":\n s = theme.fonts.sizes.xl\n break\n case \"xxl\":\n s = theme.fonts.sizes.xxl\n break\n case \"xxxl\":\n s = theme.fonts.sizes.xxxl\n break\n default:\n break\n }\n return s\n } else {\n return \"12px\"\n }\n}\nconst StyledDynamicIcon = styled.div.attrs({\n className: \"StyledDynamicIcon\",\n})`\n fill: ${(props) => props.color ?? checkIfPrimary(props)};\n &,\n svg {\n height: ${(props) => getSize(props)};\n width: ${(props) => getSize(props)};\n }\n & div {\n height: 100%;\n }\n`\nexport default StyledDynamicIcon\n","import styled from \"styled-components\"\n\nconst StyledInlineModal = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n height: 220px;\n margin-bottom: ${(props) => props.theme.general.gutter.normal};\n background-color: ${(props) => props.theme.backgrounds.colors.primary};\n padding: ${(props) => props.theme.general.gutter.large} ${(props) => props.theme.general.gutter.normal}\n ${(props) => props.theme.general.gutter.normal} ${(props) => props.theme.general.gutter.large};\n border-radius: ${(props) => props.theme.borders.radius.size};\n .wrapping-container {\n display: flex;\n }\n .icon-outer-container {\n width: 200px;\n }\n .middle-container {\n flex: 3;\n padding-left: ${(props) => props.theme.general.gutter.normal};\n padding-right: ${(props) => props.theme.general.gutter.large};\n padding-bottom: ${(props) => props.theme.general.gutter.normal};\n }\n .header {\n font-weight: ${(props) => props.theme.fonts.weights.semibold};\n color: ${(props) => props.theme.grayscale.primary.default};\n text-align: left;\n font-size: 22px;\n }\n .emphasis {\n text-decoration: underline;\n }\n p {\n color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n @media only screen and (pointer: coarse) {\n padding: ${(props) => props.theme.general.gutter.small} ${(props) => props.theme.general.gutter.normal};\n padding-bottom: 0;\n height: auto;\n flex-direction: column;\n .wrapping-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n .middle-container {\n display: block;\n min-width: 100%;\n margin-top: ${(props) => props.theme.general.gutter.small};\n padding: ${(props) => props.theme.general.gutter.small};\n }\n .icon-outer-container {\n height: 60px;\n min-width: 100%;\n display: block;\n text-align: center;\n svg {\n height: 60px;\n }\n }\n }\n`\nexport default StyledInlineModal\n","import styled from \"styled-components\"\n\nconst StyledButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-end;\n height: 100%;\n width: 600px;\n @media only screen and (pointer: coarse) {\n width: 100%;\n padding: ${(props) => props.theme.general.gutter.normal};\n padding-top: 0;\n justify-content: space-between;\n }\n`\n\nexport default StyledButtonContainer\n","import styled, { css } from \"styled-components\"\nimport React from \"react\"\nconst StyledLabel = styled.label`\n user-select: none;\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n transition: 0.2s ease-in-out;\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n display: flex;\n margin-bottom: 10px;\n\n &.invalid {\n color: ${(props) => props.theme.colors.primary.error};\n }\n\n &.focused:not(.invalid) {\n color: ${(props) => props.theme.colors.primary.default};\n }\n\n &.small {\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n font-weight: ${(props) => props.theme.fonts.weights.medium};\n }\n\n &.centered {\n align-self: center;\n }\n\n ${(props) =>\n props.theme.inputs.floatinglabel &&\n css`\n position: absolute;\n top: 10px;\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n\n &.focused,\n &.filled-in {\n top: -8px;\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n }\n `}\n\n &.click {\n cursor: pointer;\n color: ${(props) => props.theme.colors.primary.default};\n }\n`\n\nexport default React.memo(StyledLabel)\n","import styled from \"styled-components\"\n\nconst StyledLangSelect = styled.div`\n position: relative;\n`\n\nexport default StyledLangSelect\n","import styled, { css } from \"styled-components\"\n\nconst StyledLoading = styled.div.attrs({\n className: \"StyledLoading\",\n})`\n margin: auto;\n width: 50px;\n text-align: center;\n font-size: 10px;\n &.in-button {\n &.default {\n .spinner {\n margin: 0;\n > div {\n background-color: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n }\n }\n ${(props) =>\n props.centered &&\n css`\n position: absolute;\n height: 100%;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n `}\n\n svg {\n width: 35px;\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n .spinner {\n text-align: center;\n font-size: 10px;\n display: flex;\n justify-content: space-around;\n }\n\n .spinner > div {\n background-color: ${(props) => props.theme.grayscale.primary.neutral};\n height: 100%;\n display: inline-block;\n\n -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;\n animation: sk-stretchdelay 1.2s infinite ease-in-out;\n }\n\n &.default {\n .spinner {\n margin: 20px 0;\n width: 50px;\n height: 25px;\n }\n\n .spinner > div {\n width: 6px;\n }\n }\n\n &.small {\n .spinner {\n width: 30px;\n height: 15px;\n }\n\n .spinner > div {\n width: 3px;\n }\n }\n\n .spinner .rect2 {\n -webkit-animation-delay: -1.1s;\n animation-delay: -1.1s;\n }\n\n .spinner .rect3 {\n -webkit-animation-delay: -1s;\n animation-delay: -1s;\n }\n\n .spinner .rect4 {\n -webkit-animation-delay: -0.9s;\n animation-delay: -0.9s;\n }\n\n .spinner .rect5 {\n -webkit-animation-delay: -0.8s;\n animation-delay: -0.8s;\n }\n\n @-webkit-keyframes sk-stretchdelay {\n 0%,\n 40%,\n 100% {\n -webkit-transform: scaleY(0.4);\n }\n 20% {\n -webkit-transform: scaleY(1);\n }\n }\n\n @keyframes sk-stretchdelay {\n 0%,\n 40%,\n 100% {\n transform: scaleY(0.4);\n -webkit-transform: scaleY(0.4);\n }\n 20% {\n transform: scaleY(1);\n -webkit-transform: scaleY(1);\n }\n }\n`\n\nexport default StyledLoading\n","import styled from \"styled-components\"\n\nconst StyledNumpadNumber = styled.div`\n padding: 6px 0;\n\n .number {\n width: 48px;\n\n &.medium {\n width: 108px;\n border-radius: ${({ theme }) => theme.general.gutter.xsmall};\n }\n\n height: 48px;\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n justify-content: center;\n border-radius: 50%;\n background-color: #f2f3f4;\n font-weight: ${({ theme }) => theme.fonts.weights.bold};\n font-size: ${({ theme }) => theme.fonts.sizes.lg};\n cursor: pointer;\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n svg {\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n path {\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n &:hover {\n background-color: ${({ theme }) => theme.grayscale.primary.neutral};\n color: ${({ theme }) => theme.grayscale.primary.accent};\n }\n }\n`\n\nexport default StyledNumpadNumber\n","import styled from \"styled-components\"\nimport React from \"react\"\n\nconst StyledOptionsToggler = styled.div`\n user-select: none;\n display: flex;\n align-items: center;\n\n label {\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n will-change: color;\n\n svg {\n height: ${(props) => props.theme.fonts.sizes.xxs};\n width: ${(props) => props.theme.fonts.sizes.xxs};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n will-change: fill;\n }\n }\n\n label.active {\n color: ${(props) => props.theme.grayscale.primary.default};\n\n svg {\n fill: ${(props) => props.theme.grayscale.primary.default};\n }\n }\n\n .ellipse {\n position: relative;\n width: 37px;\n height: 20px;\n background: ${(props) => props.theme.colors.primary.default};\n border-radius: 100px;\n display: flex;\n align-items: center;\n cursor: pointer;\n margin: 0 10px;\n }\n\n &.disabled {\n .ellipse {\n background: ${(props) => props.theme.borders.color};\n }\n .ball {\n background-color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n }\n\n .ellipse.left .ball {\n left: 1px;\n }\n\n .ellipse.right .ball {\n left: 18px;\n }\n\n .ball {\n position: absolute;\n height: 18px;\n width: 18px;\n background-color: ${(props) => props.theme.grayscale.primary.accent};\n border-radius: 50%;\n will-change: left;\n }\n\n label,\n .ball,\n svg {\n transition: all 0.1s ease-in-out;\n }\n`\n\nexport default React.memo(StyledOptionsToggler)\n","import styled, { css } from \"styled-components\"\n\nconst StyledSelectInput = styled.div`\n color: ${(props) => props.theme.grayscale.primary.defult};\n position: relative;\n width: ${(props) => (props.customWidth ? props.customWidth + \"px\" : \"100%\")};\n cursor: pointer;\n\n .select-list__control {\n background: ${(props) => props.theme.inputs.backgrounds.normal};\n border-width: ${(props) => props.theme.borders.enabled && props.theme.borders.sizes.default};\n border-style: ${(props) => props.theme.borders.enabled && props.theme.borders.style};\n border-color: ${(props) => props.theme.borders.enabled && props.theme.borders.color};\n height: ${(props) => props.theme.inputs.height};\n border-radius: ${(props) => props.theme.borders.radius.enabled && props.theme.borders.radius.size};\n display: flex;\n justify-content: space-between;\n align-content: center;\n\n &:hover {\n border-color: ${(props) => props.theme.borders.enabled && props.theme.borders.color};\n }\n\n .select-list__value-container {\n padding: 0;\n display: flex;\n align-content: center;\n align-items: center;\n height: 100%;\n .select-list__single-value {\n top: unset;\n transform: none;\n color: ${(props) => props.theme.colors.primary.text};\n font-family: inherit;\n font-size: 14px;\n position: relative;\n padding-left: ${(props) => props.theme.general.gutter.xsmall};\n }\n .select-list__input {\n input {\n color: ${(props) => props.theme.colors.primary.text}!important;\n font-family: inherit !important;\n font-size: 14px !important;\n position: absolute;\n left: 10px;\n top: 11px;\n padding: 0px !important;\n font-weight: ${(props) => props.theme.fonts.weights.medium};\n }\n > div {\n position: absolute !important;\n top: 0;\n left: 0;\n color: red;\n }\n }\n\n .select-list__placeholder {\n margin: 0;\n font-family: inherit !important;\n font-size: 14px !important;\n padding-left: ${(props) => props.theme.general.gutter.xsmall}!important;\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n .select-list__indicators {\n padding-right: 10px;\n .select-list__indicator-separator {\n display: none;\n }\n .select-list__indicator {\n padding: 0;\n\n svg {\n height: 14px;\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n }\n }\n\n .select-list.not-selected {\n .select-list__single-value {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n\n .select-list__menu {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n .select-list__option {\n font-family: inherit;\n // color: ${(props) => props.theme.colors.primary.text}!important;\n font-size: 14px !important;\n\n &.select-list__option--is-focused {\n &:not(.select-list__option--is-selected) {\n background: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.default, 0.05)};\n }\n }\n &.select-list__option--is-selected {\n background: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.default, theme.colors.opacity)};\n color: ${({ theme }) => theme.colors.primary.default}!important;\n }\n &:hover {\n &:not(.select-list__option--is-selected) {\n background: ${(props) => props.theme.helpers.toRgba(props.theme.colors.primary.default, 0.05)};\n }\n }\n }\n }\n\n .selected-value {\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-width: ${(props) => props.theme.borders.enabled && props.theme.borders.sizes.default};\n border-style: ${(props) => props.theme.borders.enabled && props.theme.borders.style};\n border-color: ${(props) => props.theme.borders.enabled && props.theme.borders.color};\n\n padding: 0.7em;\n height: ${(props) => props.theme.inputs.height};\n border-radius: ${(props) => props.theme.borders.radius.enabled && props.theme.borders.radius.size};\n\n ${(props) =>\n props.noBorder &&\n css`\n border: none;\n padding: 0.5em 0;\n `};\n\n &.no-border {\n border: none;\n }\n }\n\n input {\n &.not-selected {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n\n .indication-container {\n position: absolute;\n left: 0;\n right: 0;\n height: 40px;\n top: 0;\n cursor: ${(props) => (props.readOnly ? \"not-allowed\" : \"pointer\")};\n\n &.with-label {\n top: 24px;\n }\n }\n\n .list-indicator {\n position: absolute;\n top: 0;\n right: ${(props) => (props.theme.inputs.floatinglabel ? 0 : \"11px\")};\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n width: 20px;\n transition: right ease-in-out 0.2s;\n svg {\n height: ${(props) => props.theme.fonts.sizes.xs};\n width: ${(props) => props.theme.fonts.sizes.xs};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n }\n\n ${(props) =>\n props.inlineEdit &&\n css`\n .list-indicator {\n right: ${props.focused ? \"7px\" : \"-2px\"};\n }\n /* input.inlineEdit:hover:not(.focused) {\n border-color: transparent;\n } */\n &:hover {\n .list-indicator {\n right: 7px;\n svg {\n fill: ${(props) =>\n props.focused ? props.theme.grayscale.primary.neutral : props.theme.colors.primary.default};\n }\n }\n }\n `}\n\n @media not all and (pointer: coarse) {\n .selected-value {\n &:hover {\n cursor: pointer;\n }\n }\n }\n`\n\nexport default StyledSelectInput\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst StyledSidePanel = styled.div`\n overflow: auto;\n width: ${(props) => (props.customWidth ? props.customWidth + \"px\" : props.theme.sidebar.width)};\n max-width: 100%;\n display: flex;\n flex-direction: column;\n top: calc(\n ${(props) =>\n `${\n props.panelMode\n ? \"100px\"\n : props.isMobileOrTablet\n ? props.theme.header.height.small\n : props.theme.header.height.normal\n } + ${props.offSetHeaderHeight}px`}\n );\n bottom: 0;\n\n &.overlap {\n position: fixed;\n }\n .head {\n position: relative;\n padding: 0 ${({ theme }) => theme.general.gutter.normal};\n display: flex;\n min-height: ${(props) => props.theme.header.height.normal};\n justify-content: space-between;\n align-items: center;\n background: ${(props) => props.theme.backgrounds.colors.primary};\n border-bottom: 1px solid ${(props) => props.theme.borders.color};\n\n .title {\n user-select: none;\n font-size: ${(props) => props.theme.fonts.sizes.lg};\n color: ${(props) => props.theme.grayscale.primary.default};\n }\n\n .close {\n cursor: pointer;\n display: flex;\n height: 28px;\n min-height: 28px;\n min-width: 28px;\n width: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 5px;\n\n svg {\n width: ${(props) => props.theme.fonts.sizes.md};\n height: ${(props) => props.theme.fonts.sizes.md};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n @media not all and (pointer: coarse) {\n &:hover {\n background: ${({ theme }) => theme.backgrounds.colors.alt};\n svg {\n fill: ${({ theme }) => theme.colors.primary.text};\n }\n }\n }\n }\n }\n\n .readall {\n cursor: pointer;\n display: flex;\n height: 28px;\n min-height: 28px;\n min-width: 28px;\n width: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 5px;\n\n svg {\n width: ${(props) => props.theme.fonts.sizes.md};\n height: ${(props) => props.theme.fonts.sizes.md};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n @media not all and (pointer: coarse) {\n &:hover {\n background: ${({ theme }) => theme.backgrounds.colors.alt};\n svg {\n fill: ${({ theme }) => theme.colors.primary.text};\n }\n }\n }\n }\n }\n\n .sidepanel-inner {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: 0;\n flex-grow: 1;\n }\n\n background-color: ${(props) => props.theme.backgrounds.colors.primary};\n z-index: 3;\n box-shadow: 5px 10px 50px ${(props) => props.theme.helpers.toRgba(props.theme.shadows.color, 0.08)};\n\n &.right,\n &.maneuver {\n right: 0;\n left: unset;\n box-shadow: -5px 10px 50px ${(props) => props.theme.helpers.toRgba(props.theme.shadows.color, 0.08)};\n z-index: 10000;\n }\n\n &.mobile,\n &.tablet {\n position: fixed;\n .head {\n min-height: ${(props) => props.theme.header.height.small};\n padding: 0 ${({ theme }) => theme.general.gutter.small};\n .title {\n color: ${(props) => props.theme.grayscale.primary.default};\n font-size: ${(props) => props.theme.fonts.sizes.md};\n }\n }\n }\n\n &.mobile {\n width: 100%;\n }\n`\n\nexport default React.memo(StyledSidePanel)\n","import styled from \"styled-components\"\n\nconst StyledSignal = styled.div`\n display: flex;\n align-items: center;\n font-size: ${(props) => props.theme.fonts.sizes.md};\n color: ${(props) => props.theme.grayscale.primary.default};\n\n svg {\n margin-right: 10px;\n width: ${(props) => props.theme.fonts.sizes.xs};\n height: ${(props) => props.theme.fonts.sizes.md};\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n }\n`\nexport default StyledSignal\n","import styled from \"styled-components\"\n\nconst StyledSingleInputContainer = styled.div`\n width: ${(props) => (props.fullWidth ? \"100%\" : \"auto\")};\n .error {\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n color: ${(props) => props.theme.colors.primary.error};\n padding: 5px 0;\n text-align: right;\n }\n`\n\nexport default StyledSingleInputContainer\n","import styled from \"styled-components\"\n\nconst StyledSortOption = styled.div`\n margin: 10px 0;\n padding: 0 15px;\n display: flex;\n align-items: center;\n\n .icon-wrapper {\n width: 25px;\n align-items: center;\n justify-content: center;\n display: flex;\n }\n\n .icon-arrow {\n width: 14px;\n height: 14px;\n fill: ${(props) => props.theme.colors.primary.text};\n transition: 0.2s;\n\n &.descending {\n transform: rotate(180deg);\n }\n }\n\n .sort-label {\n margin-left: 8px;\n font-weight: ${({ theme }) => theme.fonts.weights.medium};\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n flex: 1 1 auto;\n\n &.included {\n margin-left: 0;\n color: ${({ theme }) => theme.colors.primary.text};\n }\n\n .sort-direction {\n margin-left: 5px;\n font-weight: ${({ theme }) => theme.fonts.weights.normal};\n font-size: ${({ theme }) => theme.fonts.sizes.xs};\n }\n }\n\n .drag-handle {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 25px;\n cursor: grab;\n\n svg {\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n height: 12px;\n width: 9px;\n }\n }\n\n @media not all and (pointer: coarse) {\n &:hover {\n .drag-handle {\n svg {\n fill: ${({ theme }) => theme.colors.primary.text};\n }\n }\n }\n }\n`\n\nexport default StyledSortOption\n","import React from \"react\"\nimport classNames from \"classnames\"\nimport StyledSorterContent from \"./styles/StyledSorterContent\"\n\nconst SorterContent = ({\n schema,\n values,\n readOnly,\n className,\n onSet,\n onUnset,\n onMoveSortOption,\n Components: { SortOption, SorterDropdown, Sortable },\n}) => {\n // Sort schema based on included values.\n // If the schema option is not available in the values array, place them last in the array order.\n const sortOrder = values.map(({ fieldName }) => fieldName)\n schema.sort((a, b) => {\n const aIndex = sortOrder.indexOf(a.fieldName)\n const bIndex = sortOrder.indexOf(b.fieldName)\n return (aIndex === -1 ? Number.MAX_VALUE : aIndex) - (bIndex === -1 ? Number.MAX_VALUE : bIndex)\n })\n\n return (\n \n {schema.map(({ displayName, fieldName, sortName }, index) => {\n let _sortName = sortName || fieldName\n let orderByValue = values.find((i) => i.fieldName === _sortName)\n\n if (orderByValue) return null\n\n return (\n
\n onSet(_sortName)}>\n {displayName}\n
\n )\n })}\n \n {props.bgSwipedLeft ? (\n <>\n
\n)\n\nexport default React.memo(SwipeableBackground)\n","import styled, { css } from \"styled-components\"\n\nconst StyledSwipeableItem = styled.div.attrs({\n className: \"StyledSwipeableItem\",\n})`\n /** NOTE:\n Property \"transition\" (will-change: transition included) breaks \"position: fixed\" elements,\n so it's important we clear its values everytime we can */\n .background,\n .bgSwiping,\n .bgSwiped,\n .bgSwipedSuccess {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n flex: 1;\n color: ${(props) => props.theme.grayscale.alt.accent};\n ${(props) =>\n props.swipeType === \"content\" &&\n css`\n overflow: hidden;\n `}\n }\n\n flex: 1 1 auto;\n width: 100%;\n\n .bgSwiping > div,\n .bgSwiped > div,\n .bgSwipedSuccess > div {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n }\n\n .background {\n z-index: -1;\n overflow: hidden;\n }\n\n .background,\n .bgSwiped,\n .bgSwipedSuccess {\n will-change: opacity, transition;\n }\n\n .bgSwiping > div,\n .bgSwiped,\n .bgSwipedSuccess {\n opacity: 0;\n transition-duration: 0.5s;\n }\n\n .swipeable-wrapper {\n position: relative;\n height: 100%;\n width: 100%;\n z-index: 0;\n\n &,\n .swipe-edge-bg,\n .swipe-arrow {\n transition-duration: 0.3s;\n }\n\n /***** SWIPE EDGES - Start *****/\n .swipe-edge-left,\n .swipe-edge-right {\n position: fixed;\n top: 60%;\n height: 150px;\n visibility: hidden;\n\n > div {\n background-color: ${(props) => props.theme.grayscale.primary.neutral};\n min-width: 8px;\n height: 100%;\n padding-top: 10px;\n }\n\n .swipe-arrow {\n opacity: 0;\n max-width: 0;\n }\n }\n\n .swipe-edge-left {\n right: 0;\n\n .swipe-edge-bg {\n margin-left: 20px;\n border-radius: 5px 0 0 5px;\n }\n }\n\n .swipe-edge-right {\n left: 0;\n\n .swipe-edge-bg {\n margin-right: 20px;\n border-radius: 0 5px 5px 0;\n\n .swipe-arrow {\n transform: rotate(180deg);\n }\n }\n }\n\n &.swipeable-direction-left.swiping .swipe-edge-left .swipe-arrow,\n &.swipeable-direction-right.swiping .swipe-edge-right .swipe-arrow {\n opacity: 1;\n max-width: 30px;\n padding: 0 8px;\n width: 50px;\n }\n /***** SWIPE EDGES - End *****/\n\n /***** FLOATING BUTTON - Start *****/\n .floating-button {\n position: fixed;\n bottom: 27.5px;\n left: 50%;\n right: 50%;\n visibility: hidden;\n width: 55px;\n height: 55px;\n margin-left: -27.5px;\n z-index: 2;\n\n &.hidden {\n visibility: hidden;\n }\n\n .circle {\n position: absolute;\n top: 0;\n height: 55px;\n width: 55px;\n border-radius: 50%;\n background-color: ${(props) => props.theme.grayscale.primary.default};\n border: 5px solid ${(props) => props.theme.grayscale.primary.neutral};\n opacity: 0.5;\n transition-duration: 0.5s;\n }\n\n .arrow-area {\n position: absolute;\n top: 50%;\n bottom: 50%;\n transition-duration: 0.5s;\n display: flex;\n align-items: center;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n opacity: 0.5;\n\n .swipe-arrow {\n #chevron-left {\n fill: ${(props) => props.theme.grayscale.primary.default};\n }\n\n #chevron-left-2 {\n fill: ${(props) => props.theme.helpers.toRgba(props.theme.grayscale.primary.default, 0.7)};\n }\n\n #chevron-left-3 {\n ${(props) => props.theme.helpers.toRgba(props.theme.grayscale.primary.default, 0.5)}\n }\n }\n }\n\n .arrow-area-left {\n left: -20px;\n }\n\n .arrow-area-right {\n right: -20px;\n transform: rotate(180deg);\n }\n }\n\n /***** FLOATING BUTTON - End *****/\n\n &.swipeable-direction-left > .background .right,\n &.swipeable-direction-right > .background .left {\n ${(props) =>\n props.swipeType === \"content\"\n ? css`\n display: none !important;\n `\n : css`\n opacity: 0 !important;\n `}\n }\n\n &.static {\n > .content,\n > .background,\n > .swipe-edge,\n > .floating-button {\n transform: unset !important;\n transition-duration: 0.1s !important;\n }\n\n > .content {\n opacity: 1 !important;\n }\n\n > .background {\n .bgSwiping {\n opacity: 0 !important;\n transition-duration: 0.5s;\n }\n }\n }\n\n &.swiping {\n touch-action: none;\n\n &.swipeable-direction-left {\n > .background {\n .bgSwiping {\n .left {\n opacity: 1 !important;\n }\n }\n }\n }\n\n &.swipeable-direction-right {\n > .background {\n .bgSwiping {\n .right {\n opacity: 1 !important;\n }\n }\n }\n }\n\n .floating-button {\n .circle {\n opacity: 1;\n }\n }\n\n &.swipeable-direction-left > .floating-button .arrow-area-right,\n &.swipeable-direction-right > .floating-button .arrow-area-left {\n opacity: 0;\n }\n\n &.swipeable-direction-left > .floating-button .arrow-area-left {\n animation-name: drag-left;\n }\n &.swipeable-direction-right > .floating-button .arrow-area-right {\n animation-name: drag-right;\n }\n }\n\n &.swiped {\n > .background {\n .bgSwiping {\n opacity: 0 !important;\n transition-duration: 0.5s;\n }\n\n .bgSwiped {\n opacity: 1 !important;\n }\n }\n\n > .content,\n > .swipe-edge {\n transition-duration: 0.2s;\n }\n }\n\n &.swipedSuccess {\n > .background {\n .bgSwiping {\n opacity: 0 !important;\n transition-duration: 0.5s;\n }\n\n .bgSwipedSuccess {\n opacity: 1 !important;\n }\n }\n }\n\n &.returned {\n > .content,\n > .background,\n > .swipe-edge,\n > .floating-button {\n transform: unset !important;\n transition-duration: 1s !important;\n }\n\n > .content {\n opacity: 1 !important;\n }\n\n > .background {\n .bgSwiping {\n opacity: 0 !important;\n transition-duration: 0.5s;\n }\n\n > .bgSwipedSuccess {\n opacity: 1 !important;\n }\n }\n }\n\n &.swipedError {\n animation-name: shake;\n animation-duration: 1s;\n\n > .content,\n > .background,\n > .swipe-edge,\n > .floating-button {\n transform: unset !important;\n transition-duration: 0.1s !important;\n }\n }\n\n &.static,\n &.swiping,\n &.swiped,\n &.swipedError {\n > .background {\n .state {\n display: none !important;\n }\n }\n }\n\n &.swipedSuccess,\n &.returned {\n > .background {\n .props {\n display: none !important;\n }\n }\n }\n }\n\n ${(props) =>\n props.swipeType !== \"content\" &&\n css`\n > .swipeable-wrapper {\n &.swiping,\n &.swiped,\n &.swipedSuccess {\n > .content {\n z-index: 0;\n }\n\n > .background {\n z-index: 10;\n }\n }\n\n &.swipedSuccess {\n opacity: 0 !important;\n transition-duration: 0.3s;\n }\n\n &.returned {\n > .content,\n > .background,\n > .swipe-edge,\n > .swipe-edge-bg,\n > .floating-button {\n transition-duration: 0s !important;\n }\n }\n }\n `}\n\n /* TO DO: Move this animation somewhere */\n @keyframes shake {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n }\n\n @keyframes drag-left {\n 50% {\n transform: translateX(-10px);\n }\n\n 100% {\n transform: translateX(0px);\n }\n }\n\n @keyframes drag-right {\n 50% {\n transform: rotate(180deg) translateX(-10px);\n }\n\n 100% {\n transform: rotate(180deg) translateX(0px);\n }\n }\n\n @media only screen and (pointer: coarse) {\n .swipeable-wrapper {\n .swipe-edge-left,\n .swipe-edge-right {\n visibility: visible;\n }\n }\n\n .swipeable-wrapper {\n .floating-button {\n visibility: visible;\n }\n }\n }\n`\n\nexport default StyledSwipeableItem\n","import styled, { css } from \"styled-components\"\nimport { ReactComponent as _DisabledIcon } from \"packages/eos/assets/svg/wrong.svg\"\n\nconst StyledTextarea = styled.div`\n position: relative;\n width: ${(props) => (props.width ? props.width : \"100%\")};\n\n textarea {\n display: flex;\n min-width: ${(props) => props.theme.inputs.width.sm};\n width: 100%;\n min-height: 100px;\n height: ${(props) => props.theme.inputs.height};\n font-family: ${(props) => props.theme.fonts.family};\n resize: vertical;\n line-height: ${(props) => props.theme.fonts.sizes.lg};\n padding: 9px 11px;\n outline: ${(props) => (props.theme.inputs.outline.enabled ? null : \"none\")};\n height: ${(props) => props.theme.inputs.height};\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n color: ${(props) => props.theme.colors.primary.text};\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n margin-top: ${(props) => (props.withLabel ? \"10px\" : \"0\")};\n transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n padding 0.2s ease-in-out;\n\n border: 1px solid ${({ theme }) => theme.borders.color};\n border-radius: ${({ theme }) => theme.borders.radius.enabled && `${theme.borders.radius.size}`};\n background: ${({ theme }) => theme.inputs.backgrounds.normal};\n box-shadow: 0 0 0px 1000px ${(props) => props.theme.inputs.backgrounds.normal} inset;\n\n &.focused {\n border-color: ${({ theme }) => theme.colors.primary.default};\n &.invalid {\n border-color: ${({ theme }) => theme.colors.primary.error};\n }\n }\n\n ${(props) =>\n props.height &&\n css`\n height: ${props.height + \"px\"};\n min-height: ${props.height + \"px\"};\n `}\n\n ${(props) =>\n props.width &&\n css`\n width: ${props.width};\n min-width: ${props.width};\n `}\n\n &:disabled {\n background: ${({ theme }) => theme.inputs.backgrounds.disabled};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n border-color: transparent;\n resize: none;\n padding-right: 40px;\n box-shadow: 0 0 0px 1000px ${({ theme }) => theme.inputs.backgrounds.disabled} inset;\n }\n\n &.noResize {\n resize: none;\n }\n\n &:read-only {\n cursor: not-allowed;\n }\n\n &.with-auto-height {\n height: auto;\n min-height: auto;\n box-sizing: border-box;\n }\n }\n\n textarea:-webkit-autofill,\n textarea:-webkit-autofill:hover,\n textarea:-webkit-autofill:focus {\n -webkit-text-fill-color: ${({ theme }) => theme.colors.primary.text};\n }\n\n .textarea-container {\n position: relative;\n }\n\n textarea.inlineEdit {\n border: 1px solid transparent;\n outline: none;\n padding: 9px 11px;\n box-shadow: 0 0 0px 1000px transparent inset;\n background: transparent;\n\n &.title-input {\n font-size: 24px;\n font-weight: 700;\n }\n\n &.focused {\n border-width: 1px;\n border-style: solid;\n padding: 9px 11px;\n\n border-color: ${({ theme }) => theme.colors.primary.default};\n &.invalid {\n border-color: ${({ theme }) => theme.colors.primary.error};\n }\n }\n\n &:hover:not(.focused):not([readOnly]) {\n border-color: ${(props) => props.theme.borders.color};\n }\n\n &::placeholder {\n color: ${(props) => props.theme.grayscale.primary.neutral} !important;\n }\n }\n\n input::-webkit-input-placeholder {\n color: ${(props) => props.theme.grayscale.primary.neutral};\n font-size: ${({ theme }) => theme.fonts.sizes.sm};\n }\n\n .update-container {\n position: absolute;\n right: 11px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n\n &.left {\n left: 11px;\n right: unset;\n }\n }\n`\n\nexport const InputIndicator = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n right: 14px;\n top: 14px;\n\n svg {\n height: ${(props) => props.theme.fonts.sizes.sm};\n width: ${(props) => props.theme.fonts.sizes.sm};\n }\n`\n\nexport const DisabledIcon = styled(_DisabledIcon)`\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n`\n\nexport default StyledTextarea\n","import styled from \"styled-components\"\nimport { ReactComponent as Clock } from \"packages/eos/assets/svg/clock.svg\"\nimport React from \"react\"\n\nconst StyledClock = styled(Clock)`\n width: ${(props) => (props.height ? `${props.height}px` : props.theme.fonts.sizes.xs)};\n height: ${(props) => (props.height ? `${props.height}px` : props.theme.fonts.sizes.xs)};\n margin-right: 10px;\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n`\n\nexport default React.memo(StyledClock)\n","import styled from \"styled-components\"\n\nconst StyledToaster = styled.div`\n height: 34px;\n width: 500px;\n margin-left: auto;\n margin-right: auto;\n margin-top: 13px;\n padding: 7px 15px;\n text-align: center;\n color: ${(props) => props.theme.grayscale.primary.accent};\n position: absolute;\n top: 0;\n\n &.error {\n background: ${(props) => props.theme.colors.primary.error};\n }\n\n &.info {\n background: ${(props) => props.theme.colors.primary.default};\n }\n\n box-shadow: 0px 4px 13px ${(props) => props.theme.helpers.toRgba(props.theme.shadows.color, 0.17)};\n border-radius: ${({ theme }) => theme.borders.radius.size};\n\n @media not all and (pointer: coarse) {\n &:hover {\n cursor: pointer;\n }\n }\n`\n\nexport default StyledToaster\n","import styled from \"styled-components\"\nimport React from \"react\"\n\nconst StyledToggler = styled.div`\n user-select: none;\n display: flex;\n align-items: center;\n\n .label {\n flex: 1;\n font-size: ${({ theme }) => theme.fonts.sizes.sm};\n }\n\n .ellipse {\n position: relative;\n width: 37px;\n height: 20px;\n border-radius: 100px;\n display: flex;\n align-items: center;\n cursor: pointer;\n margin-left: 10px;\n\n .ball {\n position: absolute;\n height: 18px;\n width: 18px;\n background-color: ${(props) => props.theme.grayscale.primary.accent};\n border-radius: 50%;\n will-change: left;\n transition: all 0.1s ease-in-out;\n }\n }\n\n &.off {\n .ellipse {\n background: ${(props) => props.theme.grayscale.primary.neutral};\n\n .ball {\n left: 1px;\n }\n }\n }\n\n &.on {\n .ellipse {\n background: ${(props) => props.theme.colors.primary.default};\n\n .ball {\n left: 18px;\n }\n }\n }\n\n &.disabled {\n opacity: 0.4;\n pointer-events: none;\n }\n`\n\nexport default React.memo(StyledToggler)\n","import styled from \"styled-components\"\n\nconst StyledTooltip = styled.div`\n background: ${({ theme }) => theme.tooltip.background};\n color: ${({ theme }) => theme.tooltip.text};\n padding: 10px;\n border-radius: 10px;\n font-size: ${({ theme }) => theme.fonts.sizes.sm};\n max-width: ${({ theme }) => theme.tooltip.maxWidth};\n`\n\nexport default StyledTooltip\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst collapserWidth = \"26px\"\nconst contentHeight = \"34px\"\n/* This will need to go to theme */\nconst animationDuration = \"0.25s\"\nconst animationTimingFunction = \"ease-out\"\n\nconst StyledTree = styled.div`\n .tree-node {\n cursor: pointer;\n display: flex;\n flex-direction: column;\n\n /* Custom Loading */\n .StyledLoading {\n margin: 0;\n display: flex;\n justify-content: center;\n width: ${collapserWidth};\n padding: 4px 5px;\n\n .spinner {\n height: 15px;\n margin: 0;\n width: ${collapserWidth};\n\n div {\n width: 2px;\n }\n\n .rect4,\n .rect5 {\n display: none;\n }\n }\n }\n\n :not(.expanded) {\n .children {\n .content {\n height: 0;\n padding: 0;\n opacity: 0;\n visibility: hidden;\n overflow: hidden;\n min-height: 0;\n }\n }\n }\n\n .content {\n min-height: ${contentHeight};\n height: auto;\n padding: 4px 0;\n transition: ${animationDuration};\n transition-timing-function: ${animationTimingFunction};\n display: flex;\n align-items: center;\n opacity: 1;\n visibility: visible;\n position: relative;\n\n .icon-collapser {\n min-width: ${collapserWidth};\n padding: 8px 10px;\n display: flex;\n transition: ${animationDuration};\n transition-timing-function: ${animationTimingFunction};\n transform: rotate(-90deg);\n\n svg {\n width: 6px;\n height: 6px;\n }\n }\n }\n\n &.expanded {\n > .content {\n .icon-collapser {\n transform: rotate(0);\n }\n }\n }\n }\n`\n\nexport default React.memo(StyledTree)\n","import styled from \"styled-components\"\n\nconst StyledErrorBadge = styled.div`\n height: 48px;\n display: flex;\n background-color: ${({ theme }) => theme.helpers.toRgba(theme.colors.primary.error, 0.3)};\n color: ${({ theme }) => theme.colors.primary.error};\n font-size: ${({ theme }) => theme.fonts.sizes.sm};\n align-content: center;\n border-radius: ${({ theme }) => theme.borders.radius.size};\n padding: 0 ${({ theme }) => theme.general.gutter.small};\n margin-bottom: ${({ theme }) => theme.general.gutter.small};\n\n .icon {\n display: flex;\n align-items: center;\n svg {\n height: 18px;\n width: 16px;\n }\n }\n .text {\n display: flex;\n align-items: center;\n margin-left: ${({ theme }) => theme.general.gutter.small};\n }\n\n .close {\n display: flex;\n align-items: center;\n margin-left: auto;\n cursor: pointer;\n svg {\n height: 16px;\n width: 16px;\n fill: ${({ theme }) => theme.colors.primary.error};\n }\n }\n`\n\nexport default StyledErrorBadge\n","import styled from \"styled-components\"\n\nconst StyledFavoriteIcon = styled.div.attrs({\n className: \"StyledFavoriteIcon\",\n})`\n svg {\n fill: ${({ theme }) => theme.grayscale.primary.neutral};\n &.in {\n fill: ${({ theme }) => theme.colors.primary.warn} !important;\n }\n }\n\n @media not all and (pointer: coarse) {\n &:hover {\n svg {\n fill: ${({ theme }) => theme.colors.primary.warn} !important;\n }\n }\n }\n`\n\nexport default StyledFavoriteIcon\n","import React from \"react\"\nimport StyledTag from \"./styles/StyledTag\"\nimport StyledTagsContainer from \"./styles/StyledTagsContainer\"\nimport { ReactComponent as IconClose } from \"packages/eos/assets/svg/cross.svg\"\n\nconst TagsContainer = (props) => (\n {props[`bg${swipeState}Left`]}
\n {state[`bg${swipeState}Left`]}
\n \n ) : (\n \"Swiped Left\"\n )}\n\n {props[`bg${swipeState}Right`] ? (\n <>\n {props[`bg${swipeState}Right`]}
\n {state[`bg${swipeState}Right`]}
\n \n ) : (\n \"Swiped Right\"\n )}\n \n
\n\n \n
\n \n)\n\nexport default React.memo(Arrows)\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 10.5,\n cy: 10.5,\n r: 10.5,\n fill: \"white\"\n});\n\nvar _ref3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M10.4927 14.6388C10.7878 14.6388 11.0272 14.3994 11.0272 14.1042V11.0271H14.1043C14.3995 11.0271 14.6389 10.7877 14.6389 10.4926C14.6388 10.1973 14.3996 9.95811 14.1043 9.95803H11.0272V6.88089C11.0271 6.58566 10.7879 6.34645 10.4927 6.34636C10.1975 6.34636 9.95815 6.58574 9.95815 6.88089V9.95803H6.88101C6.58586 9.95803 6.34648 10.1974 6.34648 10.4926C6.34648 10.6402 6.40628 10.7738 6.50304 10.8705C6.5998 10.9673 6.73335 11.0271 6.88101 11.0271H9.95815V14.1042C9.95815 14.2519 10.018 14.3854 10.1147 14.4822C10.2115 14.5789 10.345 14.6388 10.4927 14.6388Z\",\n fill: \"#85919D\"\n});\n\nvar _ref4 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M21 10.5C21 16.299 16.299 21 10.5 21C4.70101 21 0 16.299 0 10.5C0 4.70101 4.70101 0 10.5 0C16.299 0 21 4.70101 21 10.5ZM20 10.5C20 15.7467 15.7467 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1C15.7467 1 20 5.25329 20 10.5Z\",\n fill: \"#85919D\"\n});\n\nconst SvgAddCircle = (_ref) => {\n let svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 21,\n viewBox: \"0 0 21 21\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2, _ref3, _ref4);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgAddCircle, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/add-circle.721930db.svg\";\nexport { ForwardRef as ReactComponent };","import { ReactComponent as _InlineTrigger } from \"packages/eos/assets/svg/add-circle.svg\"\nimport { ReactComponent as _InvalidIcon } from \"packages/eos/assets/svg/warning.svg\"\nimport { ReactComponent as _DisabledIcon } from \"packages/eos/assets/svg/wrong.svg\"\nimport styled, { css } from \"styled-components\"\n\nconst StyledSingleInput = styled.div`\n display: flex;\n position: relative;\n flex-direction: column;\n\n input {\n outline: ${(props) => (props.theme.inputs.outline.enabled ? null : \"none\")};\n height: ${(props) => props.theme.inputs.height};\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n color: ${(props) => props.theme.colors.primary.text};\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,\n padding 0.2s ease-in-out;\n width: ${(props) => (props.customWidth ? props.customWidth + \"px\" : \"100%\")};\n background: ${(props) => props.theme.backgrounds.colors.primary};\n padding: 0 11px;\n border: 1px solid ${({ theme }) => theme.borders.color};\n border-radius: ${({ theme }) => theme.borders.radius.enabled && `${theme.borders.radius.size}`};\n background: ${({ theme }) => theme.inputs.backgrounds.normal};\n box-shadow: 0 0 0px 1000px ${(props) => props.theme.inputs.backgrounds.normal} inset;\n\n &:disabled,\n &.copyable {\n background: ${(props) => props.theme.inputs.backgrounds.disabled};\n color: ${(props) => props.theme.grayscale.primary.neutral};\n border-color: transparent;\n -webkit-text-fill-color: ${({ theme }) => theme.grayscale.primary.neutral};\n opacity: 1 !important; /* required on iOS */\n box-shadow: 0 0 0px 1000px ${({ theme }) => theme.inputs.backgrounds.disabled} inset;\n }\n\n &.inlineEdit {\n box-shadow: none;\n background: transparent;\n }\n\n &.hidden {\n display: none;\n pointer-events: none;\n }\n\n &.focused {\n border-color: ${({ theme }) => theme.colors.primary.default};\n &.invalid {\n border-color: ${({ theme }) => theme.colors.primary.error};\n }\n }\n\n &:not([type=\"select\"]) {\n &:read-only {\n cursor: not-allowed;\n padding-right: 35px;\n }\n }\n }\n\n input:-webkit-autofill,\n input:-webkit-autofill:hover,\n input:-webkit-autofill:focus {\n -webkit-text-fill-color: ${({ theme }) => theme.colors.primary.text};\n }\n\n input::-webkit-input-placeholder {\n color: ${(props) => props.theme.grayscale.primary.neutral};\n }\n\n .singleinput-container {\n position: relative;\n\n .embeded-placeholder {\n position: absolute;\n top: 0;\n right: 11px;\n bottom: 0;\n display: flex;\n align-items: center;\n font-size: ${({ theme }) => theme.fonts.sizes.xs};\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n font-weight: ${({ theme }) => theme.fonts.weights.medium};\n transition: right 0.2s ease-in-out;\n\n &.indicationVisible {\n right: 35px;\n }\n\n &.left {\n left: 11px;\n right: unset;\n }\n }\n\n &.copyable {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .copyable-container {\n margin-left: 10px;\n height: ${(props) => props.theme.inputs.height};\n width: ${(props) => props.theme.inputs.height};\n border: 1px solid ${({ theme }) => theme.borders.color};\n border-radius: ${({ theme }) => theme.borders.radius.size};\n display: flex;\n align-items: center;\n justify-content: center;\n\n @media not all and (pointer: coarse) {\n &:hover {\n cursor: pointer;\n svg {\n fill: ${({ theme }) => theme.colors.primary.default};\n }\n }\n }\n }\n }\n }\n\n .update-container {\n position: absolute;\n right: 11px;\n top: 50%;\n transform: translate3d(0, -50%, 0);\n\n &.left {\n left: 11px;\n right: unset;\n }\n }\n\n input.inlineEdit {\n border: 1px solid transparent;\n outline: none;\n\n &.title-input {\n font-size: 24px;\n font-weight: 700;\n }\n\n &.focused {\n border-width: 1px;\n border-style: solid;\n padding: 0 11px;\n border-color: ${({ theme }) => theme.colors.primary.default};\n &.invalid {\n border-color: ${({ theme }) => theme.colors.primary.error};\n }\n }\n\n &:hover:not(.focused):not([readOnly]) {\n border-color: ${(props) => props.theme.borders.color};\n padding: 0 11px;\n }\n\n &::placeholder {\n color: ${(props) => props.theme.grayscale.primary.neutral} !important;\n }\n }\n\n ${(props) =>\n props.type === \"select\" &&\n css`\n input {\n cursor: pointer;\n padding: 0 11px;\n &.not-selected {\n color: ${({ theme }) => theme.grayscale.primary.neutral};\n }\n }\n\n input.inlineEdit {\n /* border: 0px solid transparent; */\n outline: none;\n /* padding: 0; */\n\n &:hover:not(.focused) {\n border-color: ${(props) => props.theme.borders.color};\n }\n\n &::placeholder {\n color: ${(props) => props.theme.grayscale.primary.neutral} !important;\n }\n }\n `}\n\n .inline-trigger {\n width: 100%;\n height: ${(props) => props.theme.inputs.height};\n cursor: text;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n\n @media not all and (pointer: coarse) {\n .inline-trigger {\n &:hover {\n svg circle,\n svg path {\n fill: ${(props) => props.theme.colors.primary.default};\n }\n svg path:nth-child(2) {\n fill: ${(props) => props.theme.grayscale.primary.accent};\n }\n }\n }\n }\n`\n\nexport const InputIndicator = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n right: 11px;\n top: 0;\n bottom: 0;\n\n svg {\n height: ${(props) => props.theme.fonts.sizes.sm};\n width: ${(props) => props.theme.fonts.sizes.sm};\n }\n`\n\nexport const InvalidIcon = styled(_InvalidIcon)`\n fill: ${(props) => props.theme.colors.primary.error};\n`\n\nexport const DisabledIcon = styled(_DisabledIcon)`\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n`\n\nexport const InlineTrigger = styled(_InlineTrigger)`\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n cursor: pointer;\n width: 15px;\n height: 15px;\n`\n\nexport default StyledSingleInput\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.165 3L0.424032 -5.16316e-07L5.90597 -3.70698e-08L3.165 3Z\",\n fill: \"#85919D\"\n});\n\nconst SvgPolygon = (_ref) => {\n let svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 6,\n height: 3,\n viewBox: \"0 0 6 3\",\n fill: \"none\",\n ref: svgRef\n }, props), _ref2);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgPolygon, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/polygon.bb45202a.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport classNames from \"classnames\"\nimport { ReactComponent as IconArrow } from \"packages/eos/assets/svg/polygon.svg\"\nimport { isEqual } from \"lodash\"\n\nclass TreeNode extends React.Component {\n state = { data: this.props.nodeData, childrenCount: 0 }\n\n constructor(props) {\n super(props)\n this.nodeRef = React.createRef()\n }\n\n handlerNodeClick = async (evt) => {\n const { data } = this.state\n const { onClick, depthLvl, path } = this.props\n\n onClick && onClick({ ...data, depthLvl, path })\n }\n\n loadNode = async () => {\n const { nodeData, nodeProp, loadNode, childrenProp } = this.props\n const result = await loadNode({ id: nodeData.id })\n const resultData = result.data ? result.data[nodeProp] : result\n\n return {\n data: resultData,\n childrenNodes: resultData[childrenProp].items,\n }\n }\n\n isLoading = () => {\n const { childrenCount, childrenNodes } = this.state\n const { isExpanded } = this.props\n\n return isExpanded && childrenCount && (!childrenNodes || childrenNodes?.length === 0)\n }\n\n getChildrenCount = (props) => {\n return props.nodeData[props.childrenProp]\n ? props.childrenCountProp !== undefined\n ? props.nodeData[props.childrenProp][props.childrenCountProp]\n : props.nodeData[props.childrenProp].length\n : 0\n }\n\n getChildrenNodes = () =>\n this.props.nodeData[this.props.childrenProp] && this.props.nodeData[this.props.childrenProp].items\n ? this.props.nodeData[this.props.childrenProp].items\n : Array.isArray(this.props.nodeData[this.props.childrenProp])\n ? this.props.nodeData[this.props.childrenProp]\n : []\n\n async clearStateOnClose() {\n this.setState({\n childrenNodes: [],\n data: {}\n }) // force update\n return\n }\n\n async setStateOnLoad(state) {\n this.setState(state)\n return\n }\n\n async componentDidUpdate(prevProps) {\n let { childrenCount = 0, childrenNodes = [] } = this.state\n const { isExpanded, nodeData, match } = this.props\n\n if (prevProps.isExpanded && !isExpanded) { // handle close\n await this.clearStateOnClose()\n return\n }\n\n const isActive =\n nodeData.id === match.params.folderId || (nodeData.__typename === \"Account\" && match.params.folderId === null)\n const wasActive =\n prevProps.nodeData.id === prevProps.match.params.folderId ||\n (prevProps.nodeData.__typename === \"Account\" && prevProps.match.params.folderId === null)\n\n if (isActive && !wasActive) {\n // This node is now the selected one, scroll to it.\n this.nodeRef.current.scrollIntoView({ block: \"center\" })\n }\n\n if (prevProps.isExpanded === isExpanded && !this.isLoading()) {\n return\n }\n\n if (childrenCount > 0 && childrenNodes.length === 0) {\n await this.loadNode().then((queryResult) => {\n this.setStateOnLoad({\n data: queryResult.data,\n childrenNodes: queryResult.childrenNodes,\n childrenCount: childrenCount,\n })\n }).catch((err) => {\n console.error(err)\n })\n }\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n return !isEqual(nextProps, this.props) || !isEqual(nextState, this.state)\n }\n\n async fetchChildCount(folder) {\n const { getChildCount } = this.props\n return await getChildCount(folder.id).then(result => {\n return result\n })\n }\n\n async componentDidMount() {\n const { nodeData, match } = this.props\n\n const isActive =\n nodeData.id === match.params.folderId || (nodeData.__typename === \"Account\" && match.params.folderId === null)\n if (isActive) {\n // Node is already selected, scroll to it.\n this.nodeRef.current.scrollIntoView({ block: \"center\" })\n }\n\n let _nodeData = nodeData\n let childrenNodes = this.getChildrenNodes()\n\n if (this.isLoading()) {\n const queryResult = await this.loadNode()\n _nodeData = queryResult.data\n childrenNodes = queryResult.childrenNodes\n }\n\n this.setState({\n data: _nodeData,\n childrenCount: this.getChildrenCount(this.props) !== undefined ? this.getChildrenCount(this.props) : await this.fetchChildCount(_nodeData),\n childrenNodes,\n })\n }\n\n render() {\n const {\n index,\n depthLvl,\n path,\n renderNode,\n Components: { Loading, Tree },\n isExpanded,\n getNodeClassNames,\n handlerExpanding,\n } = this.props\n\n // Keep path so getNodeClassNames can check areNodeChildrenSelected\n const data = { ...this.props.nodeData, path }\n const nodeClassNames = getNodeClassNames ? getNodeClassNames(data) : \"\"\n const childrenNodes = this.getChildrenNodes().length > 0 ? this.getChildrenNodes() : this.state.childrenNodes\n const childrenCount =\n this.getChildrenCount(this.props) !== undefined && this.getChildrenCount(this.props) !== 0\n ? this.getChildrenCount(this.props)\n : this.state.childrenNodes?.length ? this.state.childrenNodes?.length : this.state.childrenCount\n\n const isActive =\n data.id === this.props.match.params.folderId ||\n (data.__typename === \"Account\" && this.props.match.params.folderId === null)\n\n const finalClassName = classNames(\"tree-node\", nodeClassNames, {\n expanded: isExpanded,\n active: isActive,\n })\n\n return (\n \n
\n )\n }\n}\n\nTreeNode.propTypes = {\n path: PropTypes.array,\n handlerExpanding: PropTypes.func,\n onExpand: PropTypes.func,\n onClick: PropTypes.func,\n loadNode: PropTypes.func,\n nodeProp: PropTypes.string,\n childrenProp: PropTypes.string.isRequired,\n childrenCountProp: PropTypes.string,\n depthLvl: PropTypes.number.isRequired,\n nodeData: PropTypes.object,\n renderNode: PropTypes.func.isRequired,\n index: PropTypes.string.isRequired,\n Loading: PropTypes.object,\n getNodeClassNames: PropTypes.func,\n}\n\nTreeNode.defaultProps = {\n childrenProp: \"children\",\n depthLvl: 0,\n}\n\nexport default [TreeNode, { location: true }]\n","const errorReducer = (\n stateError = {\n message: undefined,\n acknowledged: false,\n },\n action\n) => {\n switch (action.type) {\n case \"AUTHENTICATION_LOGIN_PENDING\":\n return { ...stateError, message: undefined, acknowledged: false }\n case \"AUTHENTICATION_LOGIN_FAILED\":\n return {\n ...stateError,\n message: action.errorMessage,\n acknowledged: false,\n }\n case \"SERVICE_UNAVAILABLE\":\n return {\n ...stateError,\n message: \"service_unavailable\",\n acknowledged: false,\n }\n case \"SERVICE_AVAILABLE\":\n return { ...stateError, acknowledged: true }\n case \"ACKNOWLEDGE_ERROR\":\n return { ...stateError, acknowledged: true }\n case \"USER_BLOCKED\":\n return { ...stateError, message: \"user_blocked\", acknowledged: false }\n default:\n return stateError\n }\n}\n\nexport default errorReducer\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\n\nconst localizationReducer = (\n stateLocalization = {\n selectedLang: localStorage.selectedLang\n ? JSON.parse(localStorage.selectedLang)\n : {\n id: \"0\",\n name: \"en\",\n code: \"en-US\",\n title: \"english\",\n icon:\n \"data:image/svg+xml,%3Csvg width='70' height='47' viewBox='0 0 70 47' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='70' height='47' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0142857 0.0212766)'/%3E%3C/pattern%3E%3Cimage id='image0' width='70' height='47' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAvCAYAAABe1bwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNkZCQjA0NzA1RUQxMUUzOTkwODgwRUU1QTkwOENFMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNkZCQjA0ODA1RUQxMUUzOTkwODgwRUU1QTkwOENFMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU2RkJCMDQ1MDVFRDExRTM5OTA4ODBFRTVBOTA4Q0UwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU2RkJCMDQ2MDVFRDExRTM5OTA4ODBFRTVBOTA4Q0UwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jIYSGQAACrdJREFUeNrsWglYTXkb/92lbrdCiAljTfalkUiLyojEh0Sh1KdJGAzNzPeZ3ErKNYxnJpmxtMhSiMlHvpFsU1pIKSqlwliTFlm6e8ud/znRdDLjEZfw9D7Pee5z73vP/5zzO+//fX/vwno4awE4PbqB7+mKo0UK2z2/XlmoUNSaAPiEHCy8BYnf70h/Vjp6vvR/HQ6G0p+2cw7iLYmSHKUcDivN3q5fiIt5p3jFjr2ouXoNbEpbe6dYQ+S7PtruYfbx7YHW0w0Hd9Z7W6C8Z8LS76mjF7xm3HQXrZLj0lXCaAIKn1Jwn/0hDEqlk+zYaWhmXEaAhzMSzHoiLOoyRJLqjxIRdXUO5toPwowhmpCGbIXk1l3qZydyUA88j63pOmsCi8dzeX5CXVkFROuCYZ6fiNAAS5iN+vSjA2XowE7YFmiNqeKrEPl+j9p6UJ7ZEMtFY/L4CeydFboLeet8oDZsEONk+dnzYPsLsXKUGny9TNGxPf+DB0STr4al7kZY59AV2j/+BFlsPPEjdQ16Tnfye8B/Ea9ruIgbe+La2LSs++QERwwzvwXJnl+hFInrredJFUTBYRhmNBzbVzkiPO4WTibeJLvuwwPFxKgrls0ZBI1jcagKTwbjIbhc8GfYoXSkKfzCs1B4o3IM5Xx1S8vF8N2QguA8DjiBAqiPGclYtDozGzWCQHzZS4INAkt01dP+YADRacuD9zITrLLUBidgPeSnkxigcA36QEu4CgfremGp7+8UKNTPnbmNF/k95TYycx5gkastzCxGQxK+F3WVj+vjmlQGMfnea0BfbF3hgqjUchyOK0Jt7ftrPjZje2HBNH2wD8RAdD6TGY40eODPsccffYZi05ZM3Cl+2ljNZjdd7MlTOTb8kobAM0+hEHwH3gRLyiE16GsKroOENThrFCPY3xok3L13gHzSSQtCbwssHVCNWp+1UDQBRW34YPCEPogo1cE3axKbgoLG4foFybhcgoWF5XCfPRq2q40hCYlEbUlpvfVUV0MafQSdzl9EECGGR67KEHUoD4QYtiwpIS9wuq0B5ll3Qe3u/RDn5DP1bbSg6eaEnLY98fMPGSirkPzjWuyXXUgqrcGWnVlYeeAennztBb69HXHdf51Se/seCXfrMeVxLrYFWNFhsKWk56ftELTaCm4dKyBftRbVTUBRNzMGO0CA4FwW8afJLwXlpRbTWPKLKrCEOKbZ0wZh5toRkIdHoubG7WfEpw6y305BixBD4QIXnCbEcMe+bIjfETHkctmYPX0gHEe0hSwsHJLrN5lvvmN7aHnMRYqsPbYHpNKu4pXWfdUbqK6uQ2TMFSRfaIcVHp7oVXgJ0oNHoZQr6vEpLYdIuAmWVqYYHTAFW6ILcO5i8VsFZYBBR3i5G6JzeipEAsJJamoa7yvwbMZCbDsJP+3LQ/qlwuYB3tybuXX3Cbz8E+m97EqIYc3Ofai+UvAsJVNCnpAKTlYuvnOfgwvmpti6KwuPHstUCghfgws3x6GY3IcFSfBmSItLGHpOVz1oerog/h4bEX6JtEtotiW+VkpKADh8vAjnM4ux7Is5GGLxRz0xFEueEcOnEAWF4DNjQ4QKZiLs2G2cOqsaYmg0TA9fuQxBm9MnUbUrgUnUiP/jT7VFhaklAnZeQl5hxetv0Te5yQdlYgi+T67nC2t9wI6OgeJCVoNeQfwOK68QS1wcMM5sLILDMlFSJn6ta7XVVseCeYawaiOC+PsfIKuoZD6Ifk/wiI/7X7YY+3zP0Fv/jXyXKkz7VNItOrwvdrPDmLEmhBjuQ92jZ8RQIoU4NAp9Bhpg69fOiEoub/b6lqY9sNjBANxDsahKTmOGYHU18J2m4c6AEQgKycLNO49VE/onzj6gUuo6ekR9TsKPi4P8DDMnoR5Cw2EKCfuTmlWoUqSkQ7zrAJRPq5hEbXB/cOc7IzLpAY4cv0YCpOoehaVUtlxK+KrAtISw0Sp/bzEPZy1QtsLQajGtwLQC0wpMKzCtwLQC8yHymFbm22oxzcuuVTlJ0LuHDlZ4jEDPgixID8RCqWCWN9UtTFAzYxp0unVs1rpF1yvQPTcDskO/MdekqnSfW0BqZ4fNdJWu5P2yGDU1Ntwch2DTooHoEhECSWQM4wHYuh3QxvsrpA0fB0//5Gav7+WfgL2SruCvE4A70OAvBVUxPJ0EbuB6+Fi3wXfLTOgGm0os5k0XGNxfF8vnG6LTuSSIVzF7wdQb1ZhohSqbidgYdQWZTSr3rypUUy/mt0Kkpt/Dck9XDCwphCTqEF3roYSq/Yg2bsVIEyOE+jlg+5EbdPOwRYDh87lwnz0Mtt2VkARtgvT+A4ae060LNBfNw7E/lNhN1V1lNW/8Fqnqn7fwLCZY9YbHWgFY+2PoKuFzUaRlgpV7FctdZ+FzCwtsDs8C1X5+Z8AYG3bBMufB0Io/jqodSS82yKdNRNloc6yOuIyCaw9V6hSpS51IuEn7k6Xzp8LYfDQkEfvpOjOtF0sg3rYb/YYMwLZv52JPYgli46+jucG3WT6mHdm/K5eawM9GB+rCDZCfPMtskPftDW2hNw5x+2KJb4LKQWksVOchMOgc1p+TodbfGzxrM0YrmepcyAVr8e/25XQjjmrIvRWLsTbrgUX2fcGJOYyq1AwmGeLxwHeailsGhgjamoXb9568s7BK9a5y8svwhbMFPjcbBUlYFN3joq1HrqADQVf9DGxe7IqYS1XYfyQfNTV1b24xnXU1EbjSAl7DiZPzE0LRBBRq4IgaPNpd2QleaxLfKSjPhRqHCw67CJ/YUkj+8w00ptgwWslU11QsEGKGoghbAq0xqJ/u61sM1SCfYqOP+eO7oTYyGqLLeUy9liY0iZO70rEPNm+8+NpOTpVCWc4isoVdHIZieoAxpKF76P56fWirg/RwHHQuZGGDpwvi7nbHrujcfwwKfwtMj25tsdzDCPo3yYmCnVDKmP1e9TFGqHOaiV9ib+BUUjLeJ6EmLiL25yCpd3usWPgluuWkE2J4jJ7QoPEh0bNqzY8YbzMWYwIm4WdCDKnWz0uB4RLzmzV1AGYb60AeEQFJ4Q3mvmuvA02PuThf3QHb1qTg8Ss2yFtCrt98hOWEGDpM7o+5hBgqdkTRsz0NxJAEDvWL2fD1cEYK8Z8hkZcZDX8KGKqPqdtfvwNWfPEZ9DLPk/0Y92KDnFBvGaHe66LzkZZZ9EHkOxQxPHi0ACnp2iRVcUP/4gJI9h6ip8NoYlhJiOEPWzDK1BhGvvaEGF5HQuodSvWQy+Nxkt1mDbWf0pcD6ZZfIL3DnFDg6HWG5sJ5OHGfiwi/s5BIP7y53/sPRFhJiKGtdR+4C33B2ncQCmItDdvvXAZYhJWvcHPEOHNz/LwjK4l1/27lhHZnTp2QxZ15oUFOefdHFtbYtCsbuVfLVXajLTkyT43lLnEfgZHy+5DsiqYnU5tGWY7rHFs2f/3Gk7Jjp6Mag8Lp1R3agd44qjUIi30SVApKS8vDR1IE/JiKDenVUPoLwLMcw9BX5+RHEWJ4gktNghOhXp06S13NkT/zX7g31BhBYZm4cfsxPlahEtLsvDIscLaCNZVWUMSwrOJXCgulXN5A8KQknXciaf3UKHGX2OWrfy/9mEFpIIZiBYJCM0r9/l8WK1357TSNyeMdwWbTKfufAgwAryiYi1WydiIAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E\",\n },\n shouldSetLocaleFromArrigoHome: false,\n },\n action\n) => {\n switch (action.type) {\n case \"LANGUAGE_SET\":\n return { ...stateLocalization, selectedLang: action.selectedLang }\n case \"SHOULD_SET_LOCALE_ARRIGO_HOME\":\n return { ...stateLocalization, shouldSetLocaleFromArrigoHome: action.setLocale }\n default:\n return stateLocalization\n }\n}\n\nexport default persistReducer(\n {\n key: \"localization\",\n storage: storage,\n },\n localizationReducer\n)\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\nimport { getAccountFromUrlOrLocalStorage } from \"../../../../localStorageOverride\"\n\nconst sessionReducer = (\n sessionState = {\n account: \"\",\n username: \"\",\n authToken: undefined,\n refreshToken: undefined,\n expiresIn: undefined,\n received: undefined,\n lastVisited: undefined,\n userId: \"\",\n },\n action\n) => {\n switch (action.type) {\n case \"AUTHENTICATION_LOGIN_SUCCEEDED\":\n /*\n * Order here matters! LocalStorage **must** be set before sessionStorage\n * since the key will be overridden by `localStorageOverride.js` otherwise.\n */\n const currentAccount = sessionStorage.getItem(\"currentAccount\")\n if (\n window.location.hash.startsWith(\"#/login\") ||\n (currentAccount && currentAccount !== action.account) ||\n getAccountFromUrlOrLocalStorage() !== action.account ||\n window.location.hash.startsWith(\"#/resetpassword\")\n ) {\n window.location.hash = \"#/\"\n }\n localStorage.setItem(\"currentAccount\", action.account)\n sessionStorage.removeItem(\"login\")\n sessionStorage.setItem(\"currentAccount\", action.account)\n\n return {\n ...sessionState,\n authToken: action.authToken,\n refreshToken: action.refreshToken,\n expiresIn: action.expiresIn,\n received: action.received,\n username: action.username,\n account: action.account,\n userId: btoa(`${action.account}${action.username}`),\n timeout: action.timeout,\n }\n case \"AUTHENTICATION_LOGOUT_SUCCEEDED\": {\n localStorage.setItem(\"GRAPHQL_ENDPOINTS_LOADED\", false)\n\n return {\n ...sessionState,\n authToken: undefined,\n refreshToken: undefined,\n expiresIn: undefined,\n received: undefined,\n username: \"\",\n account: \"\",\n userId: \"\",\n timeout: undefined,\n }\n }\n case \"AUTHENTICATION_REFRESH_TOKEN\":\n return {\n ...sessionState,\n authToken: action.payload.authToken,\n refreshToken: action.payload.refreshToken,\n expiresIn: action.payload.expiresIn,\n received: action.payload.received,\n timeout: action.payload.timeout,\n }\n default:\n return sessionState\n }\n}\n\nexport default persistReducer(\n {\n key: \"session\",\n storage: storage,\n migrate: (state) => {\n if (state === undefined || state.authToken === undefined) {\n if (localStorage.getItem(\"cypress-login\")) {\n return Promise.resolve(JSON.parse(localStorage.getItem(\"cypress-login\")))\n }\n return Promise.resolve(state)\n }\n\n return Promise.resolve(state)\n },\n },\n sessionReducer\n)\n","const configReducer = (configState = {}, action) => {\n switch (action.type) {\n case \"ACCOUNT_MESSAGE_SET\":\n return { ...configState, login: { ...configState.login, license: { message: action.payload } } }\n default:\n return configState\n }\n}\n\nexport default configReducer\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\n\nconst filterReducer = (\n filterState = {\n tags: [],\n from: null,\n to: null,\n // The navigation match, used to reset the filter if we navigate away.\n lastMatch: null,\n retainFilter: true,\n },\n action\n) => {\n switch (action.type) {\n case \"FILTER_CALENDARPERIOD_SET\": {\n let newPeriod = {}\n if (action.calendarPeriod.startOfPeriod !== undefined) newPeriod.from = action.calendarPeriod.startOfPeriod\n if (action.calendarPeriod.endOfPeriod !== undefined) newPeriod.to = action.calendarPeriod.endOfPeriod\n\n return { ...filterState, ...newPeriod }\n }\n case \"FILTER_CALENDARPERIOD_CLEAR\": {\n return { ...filterState, from: null, to: null }\n }\n case \"FILTER_TAGS_SET\": {\n return { ...filterState, tags: action.tags }\n }\n case \"FILTER_LAST_MATCH_SET\": {\n return { ...filterState, lastMatch: action.lastMatch }\n }\n case \"FILTER_RETAIN_FILTER_SET\": {\n return { ...filterState, retainFilter: action.retainFilter }\n }\n case \"FILTER_CLEAR\": {\n return { ...filterState, tags: [], from: null, to: null, lastMatch: null }\n }\n default:\n return filterState\n }\n}\n\nexport const filterSettingsReducer = (\n filterSettingsState = {\n filterTriggerVisible: true,\n filterSortToolsFullWidth: false,\n },\n action\n) => {\n switch (action.type) {\n case \"FILTER_TRIGGER_VISIBLE_SET\": {\n return { ...filterSettingsState, filterTriggerVisible: action.payload }\n }\n case \"FILTER_SORT_TOOLS_FULL_WIDTH_SET\": {\n return { ...filterSettingsState, filterSortToolsFullWidth: action.payload }\n }\n default:\n return filterSettingsState\n }\n}\n\nexport default persistReducer(\n {\n key: \"filters\",\n storage: storage,\n },\n filterReducer\n)\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\n\nconst filterPanelReducer = (\n filterPanelState = {\n isVisible: false,\n },\n action\n) => {\n switch (action.type) {\n case \"FILTER_OPEN\":\n return { ...filterPanelState, isVisible: true }\n case \"FILTER_CLOSE\":\n return { ...filterPanelState, isVisible: false }\n default:\n return filterPanelState\n }\n}\n\nexport default persistReducer(\n {\n key: \"filterPanel\",\n storage: storage,\n },\n filterPanelReducer\n)\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\n\nconst folderSchemaReducer = (\n folderSchemaState = {\n alarms: false,\n },\n action\n) => {\n switch (action.type) {\n case \"FOLDERSCHEMA_ALARMS_SET\":\n return { ...folderSchemaState, alarms: action.schemaAlarmsCheck }\n default:\n return folderSchemaState\n }\n}\n\nexport default persistReducer(\n {\n key: \"folderSchema\",\n storage: storage,\n },\n folderSchemaReducer\n)\n","const dateIntervalReducer = (\n dateIntervalState = {\n intervalTypes: [\n { label: \"year\", value: \"year\", disabled: false },\n { label: \"month\", value: \"month\", disabled: false },\n { label: \"day\", value: \"day\", disabled: false },\n { label: \"hour\", value: \"hour\", disabled: false },\n ],\n selectedIntervalType: undefined,\n selectedComparison: undefined,\n selectedPeriod: undefined,\n selectedDate: undefined,\n },\n action\n) => {\n switch (action.type) {\n case \"DATE_INTERVAL_TYPE_SELECT\":\n return {\n ...dateIntervalState,\n selectedIntervalType: action.payload,\n }\n case \"DATE_INTERVAL_DATE_SELECT\":\n return {\n ...dateIntervalState,\n selectedDate: action.payload,\n }\n case \"DATE_INTERVAL_COMPARISON_SELECT\":\n return {\n ...dateIntervalState,\n selectedComparison: action.payload,\n }\n case \"DATE_INTERVAL_PERIOD_SELECT\":\n return {\n ...dateIntervalState,\n selectedPeriod: action.payload,\n }\n case \"DATE_INTERVAL_CLEAR\":\n return {\n ...dateIntervalState,\n selectedIntervalType: undefined,\n selectedComparison: undefined,\n selectedPeriod: undefined,\n selectedDate: undefined,\n }\n default:\n return dateIntervalState\n }\n}\n\nexport default dateIntervalReducer\n","const sidepanelReducer = (\n sidepanelState = {\n open: false,\n position: undefined,\n },\n action\n) => {\n switch (action.type) {\n case \"SIDEPANEL_OPEN\":\n return {\n ...sidepanelState,\n open: true,\n position: action.position,\n }\n case \"SIDEPANEL_CLOSE\":\n return {\n ...sidepanelState,\n open: false,\n position: undefined,\n }\n default:\n return sidepanelState\n }\n}\n\nexport default sidepanelReducer\n","const helpSidePanelReducer = (\n helpSidePanelState = {\n visible: false,\n helpItemId: null,\n selectedFeature: null,\n },\n action\n) => {\n switch (action.type) {\n case \"HELP_SIDE_PANEL_OPEN\":\n return {\n ...helpSidePanelState,\n visible: true,\n // position: action.position,\n }\n case \"HELP_SIDE_PANEL_CLOSE\":\n return {\n ...helpSidePanelState,\n visible: false,\n }\n case \"SET_HELP_ITEM_ID\":\n return {\n ...helpSidePanelState,\n helpItemId: action.payload,\n }\n case \"SET_SELECTED_FEATURE\": {\n return {\n ...helpSidePanelState,\n selectedFeature: action.payload,\n }\n }\n default:\n return helpSidePanelState\n }\n}\n\nexport default helpSidePanelReducer\n","import storage from \"redux-persist/es/storage\"\nimport { persistReducer } from \"redux-persist\"\n\nconst notificationSidePanelReducer = (\n notificationSidePanelState = {\n visible: false,\n alarms: [],\n },\n action\n) => {\n switch (action.type) {\n case \"NOTIFICATION_SIDE_PANEL_OPEN\":\n return {\n ...notificationSidePanelState,\n visible: true,\n }\n case \"NOTIFICATION_SIDE_PANEL_CLOSE\":\n return {\n ...notificationSidePanelState,\n visible: false,\n }\n case \"NOTIFICATION_SIDE_PANEL_SET_ALARMS\":\n const oldAlarms = {}\n const _alarms = {}\n notificationSidePanelState.alarms.forEach((alarm) => (oldAlarms[alarm.id] = alarm))\n action.payload.forEach(\n (alarm) =>\n (_alarms[alarm.id] = {\n ...alarm,\n read: oldAlarms[alarm.id]?.alarmTime === alarm.alarmTime && !!oldAlarms[alarm.id]?.read,\n })\n )\n const alarms = Object.values(_alarms)\n return {\n ...notificationSidePanelState,\n alarms,\n }\n case \"NOTIFICATION_SIDE_PANEL_SET_ALARM_READ\":\n const alarms2 = notificationSidePanelState.alarms.map((alarm) => {\n if (alarm.id === action.payload) {\n alarm.read = true\n }\n return { ...alarm }\n })\n return {\n ...notificationSidePanelState,\n alarms: alarms2,\n }\n case \"NOTIFICATION_SIDE_PANEL_SET_ALARM_UNREAD\":\n const alarms3 = notificationSidePanelState.alarms.map((alarm) => {\n if (alarm.id === action.payload) {\n alarm.read = false\n }\n return { ...alarm }\n })\n return {\n ...notificationSidePanelState,\n alarms: alarms3,\n }\n default:\n return notificationSidePanelState\n }\n}\n\nexport default persistReducer(\n {\n key: \"alarmNotifications\",\n storage: storage,\n },\n notificationSidePanelReducer\n)\n","const linkIconReducer = (\n linkIconState = {\n topLevelGroup: null,\n listItemGroup: null,\n tabItemGroup: null,\n },\n action\n) => {\n switch (action.type) {\n case \"LINK_ICON_LIST_ITEM_GROUP_SET\":\n return {\n ...linkIconState,\n listItemGroup: action.payload,\n }\n case \"LINK_ICON_TAB_ITEM_GROUP_SET\":\n return {\n ...linkIconState,\n tabItemGroup: action.payload,\n }\n case \"LINK_ICON_TOP_LEVEL_GROUP_SET\":\n return {\n ...linkIconState,\n topLevelGroup: action.payload,\n }\n\n default:\n return linkIconState\n }\n}\n\nexport default linkIconReducer\n","const fullscreenMobileReducer = (\n fullscreenMobileState = {\n open: false,\n },\n action\n) => {\n switch (action.type) {\n case \"FULLSCREEN_MOBILE_OPEN\":\n return {\n ...fullscreenMobileState,\n open: true,\n }\n case \"FULLSCREEN_MOBILE_CLOSE\":\n return {\n ...fullscreenMobileState,\n open: false,\n }\n default:\n return fullscreenMobileState\n }\n}\n\nexport default fullscreenMobileReducer\n","const adminToolReducer = (\n adminToolState = {\n uid: undefined,\n feature: undefined,\n editMode: false,\n },\n action\n) => {\n switch (action.type) {\n case \"ADMIN_HEADLESSTOOL_EDITMODE_ON\":\n return {\n ...adminToolState,\n uid: action.uid,\n feature: action.feature,\n editMode: true,\n }\n\n case \"ADMIN_HEADLESSTOOL_EDITMODE_OFF\":\n return {\n ...adminToolState,\n uid: undefined,\n feature: undefined,\n editMode: false,\n }\n default:\n return adminToolState\n }\n}\n\nexport default adminToolReducer\n","const globalSearchReducer = (\n globalSearchState = {\n visible: false,\n },\n action\n) => {\n switch (action.type) {\n case \"GLOBAL_SEARCH_OPEN\":\n return {\n ...globalSearchState,\n visible: true,\n }\n case \"GLOBAL_SEARCH_CLOSE\":\n return {\n ...globalSearchState,\n visible: false,\n }\n default:\n return globalSearchState\n }\n}\n\nexport default globalSearchReducer\n","/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n\n/* global define */\n(function () {\n 'use strict';\n\n var hasOwn = {}.hasOwnProperty;\n\n function classNames() {\n var classes = [];\n\n for (var i = 0; i < arguments.length; i++) {\n var arg = arguments[i];\n if (!arg) continue;\n var argType = typeof arg;\n\n if (argType === 'string' || argType === 'number') {\n classes.push(arg);\n } else if (Array.isArray(arg) && arg.length) {\n var inner = classNames.apply(null, arg);\n\n if (inner) {\n classes.push(inner);\n }\n } else if (argType === 'object') {\n for (var key in arg) {\n if (hasOwn.call(arg, key) && arg[key]) {\n classes.push(key);\n }\n }\n }\n }\n\n return classes.join(' ');\n }\n\n if (typeof module !== 'undefined' && module.exports) {\n classNames.default = classNames;\n module.exports = classNames;\n } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n // register as 'classnames', consistent with npm package name\n define('classnames', [], function () {\n return classNames;\n });\n } else {\n window.classNames = classNames;\n }\n})();","export default function _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is'); // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n\n\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { createMemoryHistory, createLocation, locationsAreEqual, createPath } from 'history';\nimport warning from 'tiny-warning';\nimport createContext from 'mini-create-react-context';\nimport invariant from 'tiny-invariant';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport pathToRegexp from 'path-to-regexp';\nimport { isValidElementType } from 'react-is';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport hoistStatics from 'hoist-non-react-statics'; // TODO: Replace with React.createContext once we can assume React 16+\n\nvar createNamedContext = function createNamedContext(name) {\n var context = createContext();\n context.displayName = name;\n return context;\n};\n\nvar historyContext = /*#__PURE__*/createNamedContext(\"Router-History\"); // TODO: Replace with React.createContext once we can assume React 16+\n\nvar createNamedContext$1 = function createNamedContext(name) {\n var context = createContext();\n context.displayName = name;\n return context;\n};\n\nvar context = /*#__PURE__*/createNamedContext$1(\"Router\");\n/**\n * The public API for putting history on context.\n */\n\nvar Router = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Router, _React$Component);\n\n Router.computeRootMatch = function computeRootMatch(pathname) {\n return {\n path: \"/\",\n url: \"/\",\n params: {},\n isExact: pathname === \"/\"\n };\n };\n\n function Router(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n _this.state = {\n location: props.history.location\n }; // This is a bit of a hack. We have to start listening for location\n // changes here in the constructor in case there are any \n {this.isLoading() ? (\n
\n\n handlerExpanding(evt, data.id)}>\n
\n ) : (\n \n
\n )}\n {renderNode({ data, childrenCount, isExpanded, depthLvl, path })}
\n \n 0 ? childrenNodes : null}\n depthLvl={depthLvl + 1}\n path={path}\n />\n
\n {store.getState()}
\n * }\n */\n\nexport function useReduxContext() {\n var contextValue = useContext(ReactReduxContext);\n\n if (process.env.NODE_ENV !== 'production' && !contextValue) {\n throw new Error('could not find react-redux context value; please ensure the component is wrapped in a {store.getState()}
\n * }\n */\n\nexport var useStore = /*#__PURE__*/createStoreHook();","import { ReactReduxContext } from '../components/Context';\nimport { useStore as useDefaultStore, createStoreHook } from './useStore';\n/**\n * Hook factory, which creates a `useDispatch` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `\n * {value}\n * \n *
\n * )\n * }\n */\n\nexport var useDispatch = /*#__PURE__*/createDispatchHook();","import { useReducer, useRef, useMemo, useContext, useDebugValue } from 'react';\nimport { useReduxContext as useDefaultReduxContext } from './useReduxContext';\nimport Subscription from '../utils/Subscription';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect';\nimport { ReactReduxContext } from '../components/Context';\n\nvar refEquality = function refEquality(a, b) {\n return a === b;\n};\n\nfunction useSelectorWithStoreAndSubscription(selector, equalityFn, store, contextSub) {\n var _useReducer = useReducer(function (s) {\n return s + 1;\n }, 0),\n forceRender = _useReducer[1];\n\n var subscription = useMemo(function () {\n return new Subscription(store, contextSub);\n }, [store, contextSub]);\n var latestSubscriptionCallbackError = useRef();\n var latestSelector = useRef();\n var latestStoreState = useRef();\n var latestSelectedState = useRef();\n var storeState = store.getState();\n var selectedState;\n\n try {\n if (selector !== latestSelector.current || storeState !== latestStoreState.current || latestSubscriptionCallbackError.current) {\n selectedState = selector(storeState);\n } else {\n selectedState = latestSelectedState.current;\n }\n } catch (err) {\n if (latestSubscriptionCallbackError.current) {\n err.message += \"\\nThe error may be correlated with this previous error:\\n\" + latestSubscriptionCallbackError.current.stack + \"\\n\\n\";\n }\n\n throw err;\n }\n\n useIsomorphicLayoutEffect(function () {\n latestSelector.current = selector;\n latestStoreState.current = storeState;\n latestSelectedState.current = selectedState;\n latestSubscriptionCallbackError.current = undefined;\n });\n useIsomorphicLayoutEffect(function () {\n function checkForUpdates() {\n try {\n var newSelectedState = latestSelector.current(store.getState());\n\n if (equalityFn(newSelectedState, latestSelectedState.current)) {\n return;\n }\n\n latestSelectedState.current = newSelectedState;\n } catch (err) {\n // we ignore all errors here, since when the component\n // is re-rendered, the selectors are called again, and\n // will throw again, if neither props nor store state\n // changed\n latestSubscriptionCallbackError.current = err;\n }\n\n forceRender();\n }\n\n subscription.onStateChange = checkForUpdates;\n subscription.trySubscribe();\n checkForUpdates();\n return function () {\n return subscription.tryUnsubscribe();\n };\n }, [store, subscription]);\n return selectedState;\n}\n/**\n * Hook factory, which creates a `useSelector` hook bound to a given context.\n *\n * @param {React.Context} [context=ReactReduxContext] Context passed to your `{counter}
\n * }\n */\n\nexport var useSelector = /*#__PURE__*/createSelectorHook();","import Provider from './components/Provider';\nimport connectAdvanced from './components/connectAdvanced';\nimport { ReactReduxContext } from './components/Context';\nimport connect from './connect/connect';\nimport { useDispatch, createDispatchHook } from './hooks/useDispatch';\nimport { useSelector, createSelectorHook } from './hooks/useSelector';\nimport { useStore, createStoreHook } from './hooks/useStore';\nimport { setBatch } from './utils/batch';\nimport { unstable_batchedUpdates as batch } from './utils/reactBatchedUpdates';\nimport shallowEqual from './utils/shallowEqual';\nsetBatch(batch);\nexport { Provider, connectAdvanced, ReactReduxContext, connect, batch, useDispatch, createDispatchHook, useSelector, createSelectorHook, useStore, createStoreHook, shallowEqual };","/*!\n * numbro.js language configuration\n * language : Bulgarian\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"bg\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"И\",\n million: \"А\",\n billion: \"M\",\n trillion: \"T\"\n },\n ordinal: () => \".\",\n currency: {\n symbol: \"лв.\",\n code: \"BGN\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Czech\n * locale: Czech Republic\n * author : Jan Pesa : https://github.com/smajl (based on work from Anatoli Papirovski : https://github.com/apapirovski)\n */\nmodule.exports = {\n languageTag: \"cs-CZ\",\n delimiters: {\n thousands: \"\\u00a0\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tis.\",\n million: \"mil.\",\n billion: \"mld.\",\n trillion: \"bil.\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n spaceSeparated: true,\n currency: {\n symbol: \"Kč\",\n position: \"postfix\",\n code: \"CZK\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Danish\n * locale: Denmark\n * author : Michael Storgaard : https://github.com/mstorgaard\n */\nmodule.exports = {\n languageTag: \"da-DK\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"t\",\n million: \"mio\",\n billion: \"mia\",\n trillion: \"b\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"kr\",\n position: \"postfix\",\n code: \"DKK\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : German\n * locale: Austria\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"de-AT\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n code: \"EUR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : German\n * locale: Switzerland\n * author : Michael Piefel : https://github.com/piefel (based on work from Marco Krage : https://github.com/sinky)\n */\nmodule.exports = {\n languageTag: \"de-CH\",\n delimiters: {\n thousands: \"’\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"CHF\",\n position: \"postfix\",\n code: \"CHF\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : German\n * locale: Germany\n * author : Marco Krage : https://github.com/sinky\n *\n * Generally useful in Germany, Austria, Luxembourg, Belgium\n */\nmodule.exports = {\n languageTag: \"de-DE\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n spaceSeparated: true,\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n totalLength: 4,\n thousandSeparated: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : German\n * locale: Liechtenstein\n * author : Michael Piefel : https://github.com/piefel (based on work from Marco Krage : https://github.com/sinky)\n */\nmodule.exports = {\n languageTag: \"de-LI\",\n delimiters: {\n thousands: \"'\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"CHF\",\n position: \"postfix\",\n code: \"CHF\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Greek (el)\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"el\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"χ\",\n million: \"ε\",\n billion: \"δ\",\n trillion: \"τ\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n code: \"EUR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : English\n * locale: Australia\n * author : Benedikt Huss : https://github.com/ben305\n */\nmodule.exports = {\n languageTag: \"en-AU\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"$\",\n position: \"prefix\",\n code: \"AUD\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : English\n * locale: United Kingdom of Great Britain and Northern Ireland\n * author : Dan Ristic : https://github.com/dristic\n */\nmodule.exports = {\n languageTag: \"en-GB\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"£\",\n position: \"prefix\",\n code: \"GBP\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n spaceSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n spaceSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n+ * numbro.js language configuration\n * language : English\n * locale: Ireland\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"en-IE\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"€\",\n code: \"EUR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : English\n * locale: New Zealand\n * author : Benedikt Huss : https://github.com/ben305\n */\nmodule.exports = {\n languageTag: \"en-NZ\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"$\",\n position: \"prefix\",\n code: \"NZD\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : English\n * locale: South Africa\n * author : Stewart Scott https://github.com/stewart42\n */\nmodule.exports = {\n languageTag: \"en-ZA\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"R\",\n position: \"prefix\",\n code: \"ZAR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Argentina\n * author : Hernan Garcia : https://github.com/hgarcia\n */\nmodule.exports = {\n languageTag: \"es-AR\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"$\",\n position: \"postfix\",\n code: \"ARS\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Chile\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-CL\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"$\",\n position: \"prefix\",\n code: \"CLP\"\n },\n currencyFormat: {\n output: \"currency\",\n thousandSeparated: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Colombia\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-CO\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Costa Rica\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-CR\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"₡\",\n position: \"postfix\",\n code: \"CRC\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Spain\n * author : Hernan Garcia : https://github.com/hgarcia\n */\nmodule.exports = {\n languageTag: \"es-ES\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Mexico\n * author : Joe Bordes : https://github.com/joebordes\n */\nmodule.exports = {\n languageTag: \"es-MX\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal(number) {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"$\",\n position: \"postfix\",\n code: \"MXN\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Nicaragua\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-NI\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"C$\",\n position: \"prefix\",\n code: \"NIO\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Peru\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-PE\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"S/.\",\n position: \"prefix\",\n code: \"PEN\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: Puerto Rico\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-PR\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"$\",\n position: \"prefix\",\n code: \"USD\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Spanish\n * locale: El Salvador\n * author : Gwyn Judd : https://github.com/gwynjudd\n */\nmodule.exports = {\n languageTag: \"es-SV\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mm\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return b === 1 || b === 3 ? \"er\" : b === 2 ? \"do\" : b === 7 || b === 0 ? \"mo\" : b === 8 ? \"vo\" : b === 9 ? \"no\" : \"to\";\n },\n currency: {\n symbol: \"$\",\n position: \"prefix\",\n code: \"SVC\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Estonian\n * locale: Estonia\n * author : Illimar Tambek : https://github.com/ragulka\n *\n * Note: in Estonian, abbreviations are always separated\n * from numbers with a space\n */\nmodule.exports = {\n languageTag: \"et-EE\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tuh\",\n million: \"mln\",\n billion: \"mld\",\n trillion: \"trl\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Farsi\n * locale: Iran\n * author : neo13 : https://github.com/neo13\n */\nmodule.exports = {\n languageTag: \"fa-IR\",\n delimiters: {\n thousands: \"،\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"هزار\",\n million: \"میلیون\",\n billion: \"میلیارد\",\n trillion: \"تریلیون\"\n },\n ordinal: function ordinal() {\n return \"ام\";\n },\n currency: {\n symbol: \"﷼\",\n code: \"IRR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Finnish\n * locale: Finland\n * author : Sami Saada : https://github.com/samitheberber\n */\nmodule.exports = {\n languageTag: \"fi-FI\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"M\",\n billion: \"G\",\n trillion: \"T\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Filipino (Pilipino)\n * locale: Philippines\n * author : Michael Abadilla : https://github.com/mjmaix\n */\nmodule.exports = {\n languageTag: \"fil-PH\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n let b = number % 10;\n return ~~(number % 100 / 10) === 1 ? \"th\" : b === 1 ? \"st\" : b === 2 ? \"nd\" : b === 3 ? \"rd\" : \"th\";\n },\n currency: {\n symbol: \"₱\",\n code: \"PHP\"\n }\n};","/*!\n * numbro.js language configuration\n * language : French\n * locale: Canada\n * author : Léo Renaud-Allaire : https://github.com/renaudleo\n */\nmodule.exports = {\n languageTag: \"fr-CA\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"M\",\n billion: \"G\",\n trillion: \"T\"\n },\n ordinal: number => {\n return number === 1 ? \"er\" : \"ème\";\n },\n spaceSeparated: true,\n currency: {\n symbol: \"$\",\n position: \"postfix\",\n code: \"USD\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : French\n * locale: Switzerland\n * author : Adam Draper : https://github.com/adamwdraper\n */\nmodule.exports = {\n languageTag: \"fr-CH\",\n delimiters: {\n thousands: \" \",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n return number === 1 ? \"er\" : \"ème\";\n },\n currency: {\n symbol: \"CHF\",\n position: \"postfix\",\n code: \"CHF\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : French\n * locale: France\n * author : Adam Draper : https://github.com/adamwdraper\n */\nmodule.exports = {\n languageTag: \"fr-FR\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: number => {\n return number === 1 ? \"er\" : \"ème\";\n },\n bytes: {\n binarySuffixes: [\"o\", \"Kio\", \"Mio\", \"Gio\", \"Tio\", \"Pio\", \"Eio\", \"Zio\", \"Yio\"],\n decimalSuffixes: [\"o\", \"Ko\", \"Mo\", \"Go\", \"To\", \"Po\", \"Eo\", \"Zo\", \"Yo\"]\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Hebrew\n * locale : IL\n * author : Eli Zehavi : https://github.com/eli-zehavi\n */\nmodule.exports = {\n languageTag: \"he-IL\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"אלף\",\n million: \"מליון\",\n billion: \"בליון\",\n trillion: \"טריליון\"\n },\n currency: {\n symbol: \"₪\",\n position: \"prefix\",\n code: \"ILS\"\n },\n ordinal: () => \"\",\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Hungarian\n * locale: Hungary\n * author : Peter Bakondy : https://github.com/pbakondy\n */\nmodule.exports = {\n languageTag: \"hu-HU\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"E\",\n // ezer\n million: \"M\",\n // millió\n billion: \"Mrd\",\n // milliárd\n trillion: \"T\" // trillió\n\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"Ft\",\n position: \"postfix\",\n code: \"HUF\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Indonesian\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"id\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"r\",\n million: \"j\",\n billion: \"m\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"Rp\",\n code: \"IDR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Italian\n * locale: Switzerland\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"it-CH\",\n delimiters: {\n thousands: \"'\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"mila\",\n million: \"mil\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \"°\";\n },\n currency: {\n symbol: \"CHF\",\n code: \"CHF\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Italian\n * locale: Italy\n * author : Giacomo Trombi : http://cinquepunti.it\n */\nmodule.exports = {\n languageTag: \"it-IT\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"mila\",\n million: \"mil\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \"º\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Japanese\n * locale: Japan\n * author : teppeis : https://github.com/teppeis\n */\nmodule.exports = {\n languageTag: \"ja-JP\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"千\",\n million: \"百万\",\n billion: \"十億\",\n trillion: \"兆\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"¥\",\n position: \"prefix\",\n code: \"JPY\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Korean\n * author (numbro.js Version): Randy Wilander : https://github.com/rocketedaway\n * author (numeral.js Version) : Rich Daley : https://github.com/pedantic-git\n */\nmodule.exports = {\n languageTag: \"ko-KR\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"천\",\n million: \"백만\",\n billion: \"십억\",\n trillion: \"일조\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"₩\",\n code: \"KPW\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Latvian\n * locale: Latvia\n * author : Lauris Bukšis-Haberkorns : https://github.com/Lafriks\n */\nmodule.exports = {\n languageTag: \"lv-LV\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tūkst.\",\n million: \"milj.\",\n billion: \"mljrd.\",\n trillion: \"trilj.\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language: Norwegian Bokmål\n * locale: Norway\n * author : Benjamin Van Ryseghem\n */\nmodule.exports = {\n languageTag: \"nb-NO\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"t\",\n million: \"M\",\n billion: \"md\",\n trillion: \"b\"\n },\n ordinal: () => \"\",\n currency: {\n symbol: \"kr\",\n position: \"postfix\",\n code: \"NOK\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Norwegian Bokmål (nb)\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"nb\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"t\",\n million: \"mil\",\n billion: \"mia\",\n trillion: \"b\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"kr\",\n code: \"NOK\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Dutch\n * locale: Belgium\n * author : Dieter Luypaert : https://github.com/moeriki\n */\nmodule.exports = {\n languageTag: \"nl-BE\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mln\",\n billion: \"mld\",\n trillion: \"bln\"\n },\n ordinal: number => {\n let remainder = number % 100;\n return number !== 0 && remainder <= 1 || remainder === 8 || remainder >= 20 ? \"ste\" : \"de\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Dutch\n * locale: Netherlands\n * author : Dave Clayton : https://github.com/davedx\n */\nmodule.exports = {\n languageTag: \"nl-NL\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"mln\",\n billion: \"mrd\",\n trillion: \"bln\"\n },\n ordinal: number => {\n let remainder = number % 100;\n return number !== 0 && remainder <= 1 || remainder === 8 || remainder >= 20 ? \"ste\" : \"de\";\n },\n currency: {\n symbol: \"€\",\n position: \"prefix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Norwegian Nynorsk (nn)\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"nn\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"t\",\n million: \"mil\",\n billion: \"mia\",\n trillion: \"b\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"kr\",\n code: \"NOK\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Polish\n * locale : Poland\n * author : Dominik Bulaj : https://github.com/dominikbulaj\n */\nmodule.exports = {\n languageTag: \"pl-PL\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tys.\",\n million: \"mln\",\n billion: \"mld\",\n trillion: \"bln\"\n },\n ordinal: () => \".\",\n currency: {\n symbol: \" zł\",\n position: \"postfix\",\n code: \"PLN\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Portuguese\n * locale : Brazil\n * author : Ramiro letandas Jr : https://github.com/ramirovjr\n */\nmodule.exports = {\n languageTag: \"pt-BR\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"mil\",\n million: \"milhões\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \"º\";\n },\n currency: {\n symbol: \"R$\",\n position: \"prefix\",\n code: \"BRL\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Portuguese\n * locale : Portugal\n * author : Diogo Resende : https://github.com/dresende\n */\nmodule.exports = {\n languageTag: \"pt-PT\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"k\",\n million: \"m\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \"º\";\n },\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Romanian (ro)\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = require(\"./ro-RO\");","/*!\n * numbro.js language configuration\n * language : Russian\n * locale : Russsia\n * author : Anatoli Papirovski : https://github.com/apapirovski\n */\nmodule.exports = {\n languageTag: \"ru-RU\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"тыс.\",\n million: \"млн\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n // not ideal, but since in Russian it can taken on\n // different forms (masculine, feminine, neuter)\n // this is all we can do\n return \".\";\n },\n currency: {\n symbol: \"руб.\",\n position: \"postfix\",\n code: \"RUB\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Russian\n * locale : Ukraine\n * author : Anatoli Papirovski : https://github.com/apapirovski\n */\nmodule.exports = {\n languageTag: \"ru-UA\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"тыс.\",\n million: \"млн\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n // not ideal, but since in Russian it can taken on\n // different forms (masculine, feminine, neuter)\n // this is all we can do\n return \".\";\n },\n currency: {\n symbol: \"\\u20B4\",\n position: \"postfix\",\n code: \"UAH\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Slovak\n * locale : Slovakia\n * author : Jan Pesa : https://github.com/smajl (based on work from Ahmed Al Hafoudh : http://www.freevision.sk)\n */\nmodule.exports = {\n languageTag: \"sk-SK\",\n delimiters: {\n thousands: \"\\u00a0\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tis.\",\n million: \"mil.\",\n billion: \"mld.\",\n trillion: \"bil.\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n spaceSeparated: true,\n currency: {\n symbol: \"€\",\n position: \"postfix\",\n code: \"EUR\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Slovene\n * locale: Slovenia\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"sl\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"tis.\",\n million: \"mil.\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"€\",\n code: \"EUR\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Serbian (sr)\n * country : Serbia (Cyrillic)\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"sr-Cyrl-RS\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"тыс.\",\n million: \"млн\",\n billion: \"b\",\n trillion: \"t\"\n },\n ordinal: () => \".\",\n currency: {\n symbol: \"RSD\",\n code: \"RSD\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Swedish\n * locale : Sweden\n * author : Benjamin Van Ryseghem (benjamin.vanryseghem.com)\n */\nmodule.exports = {\n languageTag: \"sv-SE\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"t\",\n million: \"M\",\n billion: \"md\",\n trillion: \"tmd\"\n },\n ordinal: () => \"\",\n currency: {\n symbol: \"kr\",\n position: \"postfix\",\n code: \"SEK\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Thai\n * locale : Thailand\n * author : Sathit Jittanupat : https://github.com/jojosati\n */\nmodule.exports = {\n languageTag: \"th-TH\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"พัน\",\n million: \"ล้าน\",\n billion: \"พันล้าน\",\n trillion: \"ล้านล้าน\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"฿\",\n position: \"postfix\",\n code: \"THB\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Turkish\n * locale : Turkey\n * author : Ecmel Ercan : https://github.com/ecmel,\n * Erhan Gundogan : https://github.com/erhangundogan,\n * Burak Yiğit Kaya: https://github.com/BYK\n */\nconst suffixes = {\n 1: \"'inci\",\n 5: \"'inci\",\n 8: \"'inci\",\n 70: \"'inci\",\n 80: \"'inci\",\n 2: \"'nci\",\n 7: \"'nci\",\n 20: \"'nci\",\n 50: \"'nci\",\n 3: \"'üncü\",\n 4: \"'üncü\",\n 100: \"'üncü\",\n 6: \"'ncı\",\n 9: \"'uncu\",\n 10: \"'uncu\",\n 30: \"'uncu\",\n 40: \"'ıncı\",\n 60: \"'ıncı\",\n 90: \"'ıncı\"\n};\nmodule.exports = {\n languageTag: \"tr-TR\",\n delimiters: {\n thousands: \".\",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"bin\",\n million: \"milyon\",\n billion: \"milyar\",\n trillion: \"trilyon\"\n },\n ordinal: number => {\n // special case for zero\n if (number === 0) {\n return \"'ıncı\";\n }\n\n let a = number % 10;\n let b = number % 100 - a;\n let c = number >= 100 ? 100 : null;\n return suffixes[a] || suffixes[b] || suffixes[c];\n },\n currency: {\n symbol: \"\\u20BA\",\n position: \"postfix\",\n code: \"TRY\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n spaceSeparatedCurrency: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Ukrainian\n * locale : Ukraine\n * author : Michael Piefel : https://github.com/piefel (with help from Tetyana Kuzmenko)\n */\nmodule.exports = {\n languageTag: \"uk-UA\",\n delimiters: {\n thousands: \" \",\n decimal: \",\"\n },\n abbreviations: {\n thousand: \"тис.\",\n million: \"млн\",\n billion: \"млрд\",\n trillion: \"блн\"\n },\n ordinal: () => {\n // not ideal, but since in Ukrainian it can taken on\n // different forms (masculine, feminine, neuter)\n // this is all we can do\n return \"\";\n },\n currency: {\n symbol: \"\\u20B4\",\n position: \"postfix\",\n code: \"UAH\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n output: \"currency\",\n mantissa: 2,\n spaceSeparated: true,\n thousandSeparated: true\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n spaceSeparated: true,\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : simplified chinese\n * locale : China\n * author : badplum : https://github.com/badplum\n */\nmodule.exports = {\n languageTag: \"zh-CN\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"千\",\n million: \"百万\",\n billion: \"十亿\",\n trillion: \"兆\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"¥\",\n position: \"prefix\",\n code: \"CNY\"\n },\n currencyFormat: {\n thousandSeparated: true,\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n formats: {\n fourDigits: {\n totalLength: 4,\n spaceSeparated: true,\n average: true\n },\n fullWithTwoDecimals: {\n thousandSeparated: true,\n mantissa: 2\n },\n fullWithTwoDecimalsNoCurrency: {\n mantissa: 2,\n thousandSeparated: true\n },\n fullWithNoDecimals: {\n output: \"currency\",\n thousandSeparated: true,\n mantissa: 0\n }\n }\n};","/*!\n * numbro.js language configuration\n * language : Chinese traditional\n * locale: Macau\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"zh-MO\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"千\",\n million: \"百萬\",\n billion: \"十億\",\n trillion: \"兆\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"MOP\",\n code: \"MOP\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Chinese simplified\n * locale: Singapore\n * author : Tim McIntosh (StayinFront NZ)\n */\nmodule.exports = {\n languageTag: \"zh-SG\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"千\",\n million: \"百万\",\n billion: \"十亿\",\n trillion: \"兆\"\n },\n ordinal: function ordinal() {\n return \".\";\n },\n currency: {\n symbol: \"$\",\n code: \"SGD\"\n }\n};","/*!\n * numbro.js language configuration\n * language : Chinese (Taiwan)\n * author (numbro.js Version): Randy Wilander : https://github.com/rocketedaway\n * author (numeral.js Version) : Rich Daley : https://github.com/pedantic-git\n */\nmodule.exports = {\n languageTag: \"zh-TW\",\n delimiters: {\n thousands: \",\",\n decimal: \".\"\n },\n abbreviations: {\n thousand: \"千\",\n million: \"百萬\",\n billion: \"十億\",\n trillion: \"兆\"\n },\n ordinal: function ordinal() {\n return \"第\";\n },\n currency: {\n symbol: \"NT$\",\n code: \"TWD\"\n }\n};","import React, { Component } from 'react';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport PropTypes from 'prop-types';\nimport warning from 'tiny-warning';\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\nvar commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : {};\n\nfunction getUniqueId() {\n var key = '__global_unique_id__';\n return commonjsGlobal[key] = (commonjsGlobal[key] || 0) + 1;\n}\n\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + getUniqueId() + '__';\n\n var Provider = /*#__PURE__*/function (_Component) {\n _inheritsLoose(Provider, _Component);\n\n function Provider() {\n var _this;\n\n _this = _Component.apply(this, arguments) || this;\n _this.emitter = createEventEmitter(_this.props.value);\n return _this;\n }\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n _proto.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0;\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n\n if (process.env.NODE_ENV !== 'production') {\n warning((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: ' + changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n _proto.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = PropTypes.object.isRequired, _Provider$childContex);\n\n var Consumer = /*#__PURE__*/function (_Component2) {\n _inheritsLoose(Consumer, _Component2);\n\n function Consumer() {\n var _this2;\n\n _this2 = _Component2.apply(this, arguments) || this;\n _this2.state = {\n value: _this2.getValue()\n };\n\n _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({\n value: _this2.getValue()\n });\n }\n };\n\n return _this2;\n }\n\n var _proto2 = Consumer.prototype;\n\n _proto2.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n\n var observedBits = this.props.observedBits;\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT : observedBits;\n };\n\n _proto2.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n _proto2.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n _proto2.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = PropTypes.object, _Consumer$contextType);\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nvar index = React.createContext || createReactContext;\nexport default index;","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","var isarray = require('isarray');\n/**\n * Expose `pathToRegexp`.\n */\n\n\nmodule.exports = pathToRegexp;\nmodule.exports.parse = parse;\nmodule.exports.compile = compile;\nmodule.exports.tokensToFunction = tokensToFunction;\nmodule.exports.tokensToRegExp = tokensToRegExp;\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\n\nvar PATH_REGEXP = new RegExp([// Match escaped characters that would otherwise appear in future matches.\n// This allows the user to escape special characters that won't transform.\n'(\\\\\\\\.)', // Match Express-style parameters and un-named parameters with a prefix\n// and optional suffixes. Matches appear as:\n//\n// \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n// \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n// \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n'([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'].join('|'), 'g');\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\n\nfunction parse(str, options) {\n var tokens = [];\n var key = 0;\n var index = 0;\n var path = '';\n var defaultDelimiter = options && options.delimiter || '/';\n var res;\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0];\n var escaped = res[1];\n var offset = res.index;\n path += str.slice(index, offset);\n index = offset + m.length; // Ignore already escaped sequences.\n\n if (escaped) {\n path += escaped[1];\n continue;\n }\n\n var next = str[index];\n var prefix = res[2];\n var name = res[3];\n var capture = res[4];\n var group = res[5];\n var modifier = res[6];\n var asterisk = res[7]; // Push the current path onto the tokens.\n\n if (path) {\n tokens.push(path);\n path = '';\n }\n\n var partial = prefix != null && next != null && next !== prefix;\n var repeat = modifier === '+' || modifier === '*';\n var optional = modifier === '?' || modifier === '*';\n var delimiter = res[2] || defaultDelimiter;\n var pattern = capture || group;\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?'\n });\n } // Match any characters still remaining.\n\n\n if (index < str.length) {\n path += str.substr(index);\n } // If the path exists, push it onto the end.\n\n\n if (path) {\n tokens.push(path);\n }\n\n return tokens;\n}\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\n\n\nfunction compile(str, options) {\n return tokensToFunction(parse(str, options), options);\n}\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeURIComponentPretty(str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\n\n\nfunction encodeAsterisk(str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase();\n });\n}\n/**\n * Expose a method for transforming tokens into the path function.\n */\n\n\nfunction tokensToFunction(tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length); // Compile all the patterns before compilation.\n\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options));\n }\n }\n\n return function (obj, opts) {\n var path = '';\n var data = obj || {};\n var options = opts || {};\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent;\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n path += token;\n continue;\n }\n\n var value = data[token.name];\n var segment;\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix;\n }\n\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined');\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`');\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue;\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty');\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j]);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`');\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment;\n }\n\n continue;\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value);\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"');\n }\n\n path += token.prefix + segment;\n }\n\n return path;\n };\n}\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\n\n\nfunction escapeString(str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1');\n}\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\n\n\nfunction escapeGroup(group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1');\n}\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\n\n\nfunction attachKeys(re, keys) {\n re.keys = keys;\n return re;\n}\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\n\n\nfunction flags(options) {\n return options && options.sensitive ? '' : 'i';\n}\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\n\n\nfunction regexpToRegexp(path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g);\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n });\n }\n }\n\n return attachKeys(path, keys);\n}\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction arrayToRegexp(path, keys, options) {\n var parts = [];\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source);\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options));\n return attachKeys(regexp, keys);\n}\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\n\n\nfunction stringToRegexp(path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options);\n}\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction tokensToRegExp(tokens, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n var strict = options.strict;\n var end = options.end !== false;\n var route = ''; // Iterate over the tokens and create our regexp string.\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i];\n\n if (typeof token === 'string') {\n route += escapeString(token);\n } else {\n var prefix = escapeString(token.prefix);\n var capture = '(?:' + token.pattern + ')';\n keys.push(token);\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*';\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?';\n } else {\n capture = prefix + '(' + capture + ')?';\n }\n } else {\n capture = prefix + '(' + capture + ')';\n }\n\n route += capture;\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/');\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter; // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?';\n }\n\n if (end) {\n route += '$';\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)';\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys);\n}\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\n\n\nfunction pathToRegexp(path, keys, options) {\n if (!isarray(keys)) {\n options =\n /** @type {!Object} */\n keys || options;\n keys = [];\n }\n\n options = options || {};\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path,\n /** @type {!Array} */\n keys);\n }\n\n if (isarray(path)) {\n return arrayToRegexp(\n /** @type {!Array} */\n path,\n /** @type {!Array} */\n keys, options);\n }\n\n return stringToRegexp(\n /** @type {string} */\n path,\n /** @type {!Array} */\n keys, options);\n}","module.exports = Array.isArray || function (arr) {\n return Object.prototype.toString.call(arr) == '[object Array]';\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\n\nfunction _objectWithoutProperties(obj, keys) {\n var target = {};\n\n for (var i in obj) {\n if (keys.indexOf(i) >= 0) continue;\n if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;\n target[i] = obj[i];\n }\n\n return target;\n}\n\nfunction _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}\n\nfunction _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n}\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n}\n\nvar sizerStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n visibility: 'hidden',\n height: 0,\n overflow: 'scroll',\n whiteSpace: 'pre'\n};\nvar INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth'];\n\nvar cleanInputProps = function cleanInputProps(inputProps) {\n INPUT_PROPS_BLACKLIST.forEach(function (field) {\n return delete inputProps[field];\n });\n return inputProps;\n};\n\nvar copyStyles = function copyStyles(styles, node) {\n node.style.fontSize = styles.fontSize;\n node.style.fontFamily = styles.fontFamily;\n node.style.fontWeight = styles.fontWeight;\n node.style.fontStyle = styles.fontStyle;\n node.style.letterSpacing = styles.letterSpacing;\n node.style.textTransform = styles.textTransform;\n};\n\nvar isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\\/|Edge\\//.test(window.navigator.userAgent) : false;\n\nvar generateId = function generateId() {\n // we only need an auto-generated ID for stylesheet injection, which is only\n // used for IE. so if the browser is not IE, this should return undefined.\n return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined;\n};\n\nvar AutosizeInput = function (_Component) {\n _inherits(AutosizeInput, _Component);\n\n _createClass(AutosizeInput, null, [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(props, state) {\n var id = props.id;\n return id !== state.prevId ? {\n inputId: id || generateId(),\n prevId: id\n } : null;\n }\n }]);\n\n function AutosizeInput(props) {\n _classCallCheck(this, AutosizeInput);\n\n var _this = _possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props));\n\n _this.inputRef = function (el) {\n _this.input = el;\n\n if (typeof _this.props.inputRef === 'function') {\n _this.props.inputRef(el);\n }\n };\n\n _this.placeHolderSizerRef = function (el) {\n _this.placeHolderSizer = el;\n };\n\n _this.sizerRef = function (el) {\n _this.sizer = el;\n };\n\n _this.state = {\n inputWidth: props.minWidth,\n inputId: props.id || generateId(),\n prevId: props.id\n };\n return _this;\n }\n\n _createClass(AutosizeInput, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.mounted = true;\n this.copyInputStyles();\n this.updateInputWidth();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n if (prevState.inputWidth !== this.state.inputWidth) {\n if (typeof this.props.onAutosize === 'function') {\n this.props.onAutosize(this.state.inputWidth);\n }\n }\n\n this.updateInputWidth();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.mounted = false;\n }\n }, {\n key: 'copyInputStyles',\n value: function copyInputStyles() {\n if (!this.mounted || !window.getComputedStyle) {\n return;\n }\n\n var inputStyles = this.input && window.getComputedStyle(this.input);\n\n if (!inputStyles) {\n return;\n }\n\n copyStyles(inputStyles, this.sizer);\n\n if (this.placeHolderSizer) {\n copyStyles(inputStyles, this.placeHolderSizer);\n }\n }\n }, {\n key: 'updateInputWidth',\n value: function updateInputWidth() {\n if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') {\n return;\n }\n\n var newInputWidth = void 0;\n\n if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) {\n newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2;\n } else {\n newInputWidth = this.sizer.scrollWidth + 2;\n } // add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI\n\n\n var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0;\n newInputWidth += extraWidth;\n\n if (newInputWidth < this.props.minWidth) {\n newInputWidth = this.props.minWidth;\n }\n\n if (newInputWidth !== this.state.inputWidth) {\n this.setState({\n inputWidth: newInputWidth\n });\n }\n }\n }, {\n key: 'getInput',\n value: function getInput() {\n return this.input;\n }\n }, {\n key: 'focus',\n value: function focus() {\n this.input.focus();\n }\n }, {\n key: 'blur',\n value: function blur() {\n this.input.blur();\n }\n }, {\n key: 'select',\n value: function select() {\n this.input.select();\n }\n }, {\n key: 'renderStyles',\n value: function renderStyles() {\n // this method injects styles to hide IE's clear indicator, which messes\n // with input size detection. the stylesheet is only injected when the\n // browser is IE, and can also be disabled by the `injectStyles` prop.\n var injectStyles = this.props.injectStyles;\n return isIE && injectStyles ? _react2.default.createElement('style', {\n dangerouslySetInnerHTML: {\n __html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}'\n }\n }) : null;\n }\n }, {\n key: 'render',\n value: function render() {\n var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) {\n if (previousValue !== null && previousValue !== undefined) {\n return previousValue;\n }\n\n return currentValue;\n });\n\n var wrapperStyle = _extends({}, this.props.style);\n\n if (!wrapperStyle.display) wrapperStyle.display = 'inline-block';\n\n var inputStyle = _extends({\n boxSizing: 'content-box',\n width: this.state.inputWidth + 'px'\n }, this.props.inputStyle);\n\n var inputProps = _objectWithoutProperties(this.props, []);\n\n cleanInputProps(inputProps);\n inputProps.className = this.props.inputClassName;\n inputProps.id = this.state.inputId;\n inputProps.style = inputStyle;\n return _react2.default.createElement('div', {\n className: this.props.className,\n style: wrapperStyle\n }, this.renderStyles(), _react2.default.createElement('input', _extends({}, inputProps, {\n ref: this.inputRef\n })), _react2.default.createElement('div', {\n ref: this.sizerRef,\n style: sizerStyle\n }, sizerValue), this.props.placeholder ? _react2.default.createElement('div', {\n ref: this.placeHolderSizerRef,\n style: sizerStyle\n }, this.props.placeholder) : null);\n }\n }]);\n\n return AutosizeInput;\n}(_react.Component);\n\nAutosizeInput.propTypes = {\n className: _propTypes2.default.string,\n // className for the outer element\n defaultValue: _propTypes2.default.any,\n // default field value\n extraWidth: _propTypes2.default.oneOfType([// additional width for input element\n _propTypes2.default.number, _propTypes2.default.string]),\n id: _propTypes2.default.string,\n // id to use for the input, can be set for consistent snapshots\n injectStyles: _propTypes2.default.bool,\n // inject the custom stylesheet to hide clear UI, defaults to true\n inputClassName: _propTypes2.default.string,\n // className for the input element\n inputRef: _propTypes2.default.func,\n // ref callback for the input element\n inputStyle: _propTypes2.default.object,\n // css styles for the input element\n minWidth: _propTypes2.default.oneOfType([// minimum width for input element\n _propTypes2.default.number, _propTypes2.default.string]),\n onAutosize: _propTypes2.default.func,\n // onAutosize handler: function(newWidth) {}\n onChange: _propTypes2.default.func,\n // onChange handler: function(event) {}\n placeholder: _propTypes2.default.string,\n // placeholder text\n placeholderIsMinWidth: _propTypes2.default.bool,\n // don't collapse size to less than the placeholder\n style: _propTypes2.default.object,\n // css styles for the outer element\n value: _propTypes2.default.any // field value\n\n};\nAutosizeInput.defaultProps = {\n minWidth: 1,\n injectStyles: true\n};\nexports.default = AutosizeInput;","var weakMemoize = function weakMemoize(func) {\n // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps\n var cache = new WeakMap();\n return function (arg) {\n if (cache.has(arg)) {\n // $FlowFixMe\n return cache.get(arg);\n }\n\n var ret = func(arg);\n cache.set(arg, ret);\n return ret;\n };\n};\n\nexport default weakMemoize;","// Unique ID creation requires a high quality random # generator. In the\n// browser this is a little complicated due to unknown quality of Math.random()\n// and inconsistent support for the `crypto` API. We do the best we can via\n// feature-detection\n// getRandomValues needs to be invoked in a context where \"this\" is a Crypto\n// implementation. Also, find the complete implementation of crypto on IE11.\nvar getRandomValues = typeof crypto != 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != 'undefined' && typeof window.msCrypto.getRandomValues == 'function' && msCrypto.getRandomValues.bind(msCrypto);\n\nif (getRandomValues) {\n // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto\n var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef\n\n module.exports = function whatwgRNG() {\n getRandomValues(rnds8);\n return rnds8;\n };\n} else {\n // Math.random()-based (RNG)\n //\n // If all else fails, use Math.random(). It's fast, but is of unspecified\n // quality.\n var rnds = new Array(16);\n\n module.exports = function mathRNG() {\n for (var i = 0, r; i < 16; i++) {\n if ((i & 0x03) === 0) r = Math.random() * 0x100000000;\n rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;\n }\n\n return rnds;\n };\n}","/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\nvar byteToHex = [];\n\nfor (var i = 0; i < 256; ++i) {\n byteToHex[i] = (i + 0x100).toString(16).substr(1);\n}\n\nfunction bytesToUuid(buf, offset) {\n var i = offset || 0;\n var bth = byteToHex; // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4\n\n return [bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], '-', bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]], bth[buf[i++]]].join('');\n}\n\nmodule.exports = bytesToUuid;","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n id: \"XMLID_1385_\",\n d: \"M73,33h-3v-6.9C70,11.3,60,1,46,1C32,1,22,11.3,22,26.1V33h-3c-2.2,0-4,1.8-4,4v50c0,2.2,1.8,4,4,4h54 c2.2,0,4-1.8,4-4V37C77,34.8,75.2,33,73,33z M30,26.1C30,15.9,36.6,9,46,9c9.4,0,16,6.9,16,17.1V33H30V26.1z M69,83H23V41h46V83z\"\n});\n\nconst SvgLock = (_ref) => {\n let svgRef = _ref.svgRef,\n props = _objectWithoutProperties(_ref, [\"svgRef\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 92 92\",\n enableBackground: \"new 0 0 92 92\",\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), _ref2);\n};\n\nconst ForwardRef = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(SvgLock, _extends({\n svgRef: ref\n}, props)));\nexport default __webpack_public_path__ + \"static/media/lock.3a9f3498.svg\";\nexport { ForwardRef as ReactComponent };","var arrayWithHoles = require(\"./arrayWithHoles\");\n\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray\");\n\nvar nonIterableRest = require(\"./nonIterableRest\");\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}\n\nmodule.exports = _slicedToArray;","'use strict';\n\nvar _slicedToArray = require(\"C:\\\\agent\\\\_work\\\\1\\\\s\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/slicedToArray\");\n\nvar _createForOfIteratorHelper = require(\"C:\\\\agent\\\\_work\\\\1\\\\s\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/createForOfIteratorHelper\");\n\nconst strictUriEncode = require('strict-uri-encode');\n\nconst decodeComponent = require('decode-uri-component');\n\nconst splitOnFirst = require('split-on-first');\n\nconst filterObject = require('filter-obj');\n\nconst isNullOrUndefined = value => value === null || value === undefined;\n\nconst encodeFragmentIdentifier = Symbol('encodeFragmentIdentifier');\n\nfunction encoderForArrayFormat(options) {\n switch (options.arrayFormat) {\n case 'index':\n return key => (result, value) => {\n const index = result.length;\n\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n\n if (value === null) {\n return [...result, [encode(key, options), '[', index, ']'].join('')];\n }\n\n return [...result, [encode(key, options), '[', encode(index, options), ']=', encode(value, options)].join('')];\n };\n\n case 'bracket':\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n\n if (value === null) {\n return [...result, [encode(key, options), '[]'].join('')];\n }\n\n return [...result, [encode(key, options), '[]=', encode(value, options)].join('')];\n };\n\n case 'colon-list-separator':\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n\n if (value === null) {\n return [...result, [encode(key, options), ':list='].join('')];\n }\n\n return [...result, [encode(key, options), ':list=', encode(value, options)].join('')];\n };\n\n case 'comma':\n case 'separator':\n case 'bracket-separator':\n {\n const keyValueSep = options.arrayFormat === 'bracket-separator' ? '[]=' : '=';\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n } // Translate null to an empty string so that it doesn't serialize as 'null'\n\n\n value = value === null ? '' : value;\n\n if (result.length === 0) {\n return [[encode(key, options), keyValueSep, encode(value, options)].join('')];\n }\n\n return [[result, encode(value, options)].join(options.arrayFormatSeparator)];\n };\n }\n\n default:\n return key => (result, value) => {\n if (value === undefined || options.skipNull && value === null || options.skipEmptyString && value === '') {\n return result;\n }\n\n if (value === null) {\n return [...result, encode(key, options)];\n }\n\n return [...result, [encode(key, options), '=', encode(value, options)].join('')];\n };\n }\n}\n\nfunction parserForArrayFormat(options) {\n let result;\n\n switch (options.arrayFormat) {\n case 'index':\n return (key, value, accumulator) => {\n result = /\\[(\\d*)\\]$/.exec(key);\n key = key.replace(/\\[\\d*\\]$/, '');\n\n if (!result) {\n accumulator[key] = value;\n return;\n }\n\n if (accumulator[key] === undefined) {\n accumulator[key] = {};\n }\n\n accumulator[key][result[1]] = value;\n };\n\n case 'bracket':\n return (key, value, accumulator) => {\n result = /(\\[\\])$/.exec(key);\n key = key.replace(/\\[\\]$/, '');\n\n if (!result) {\n accumulator[key] = value;\n return;\n }\n\n if (accumulator[key] === undefined) {\n accumulator[key] = [value];\n return;\n }\n\n accumulator[key] = [].concat(accumulator[key], value);\n };\n\n case 'colon-list-separator':\n return (key, value, accumulator) => {\n result = /(:list)$/.exec(key);\n key = key.replace(/:list$/, '');\n\n if (!result) {\n accumulator[key] = value;\n return;\n }\n\n if (accumulator[key] === undefined) {\n accumulator[key] = [value];\n return;\n }\n\n accumulator[key] = [].concat(accumulator[key], value);\n };\n\n case 'comma':\n case 'separator':\n return (key, value, accumulator) => {\n const isArray = typeof value === 'string' && value.includes(options.arrayFormatSeparator);\n const isEncodedArray = typeof value === 'string' && !isArray && decode(value, options).includes(options.arrayFormatSeparator);\n value = isEncodedArray ? decode(value, options) : value;\n const newValue = isArray || isEncodedArray ? value.split(options.arrayFormatSeparator).map(item => decode(item, options)) : value === null ? value : decode(value, options);\n accumulator[key] = newValue;\n };\n\n case 'bracket-separator':\n return (key, value, accumulator) => {\n const isArray = /(\\[\\])$/.test(key);\n key = key.replace(/\\[\\]$/, '');\n\n if (!isArray) {\n accumulator[key] = value ? decode(value, options) : value;\n return;\n }\n\n const arrayValue = value === null ? [] : value.split(options.arrayFormatSeparator).map(item => decode(item, options));\n\n if (accumulator[key] === undefined) {\n accumulator[key] = arrayValue;\n return;\n }\n\n accumulator[key] = [].concat(accumulator[key], arrayValue);\n };\n\n default:\n return (key, value, accumulator) => {\n if (accumulator[key] === undefined) {\n accumulator[key] = value;\n return;\n }\n\n accumulator[key] = [].concat(accumulator[key], value);\n };\n }\n}\n\nfunction validateArrayFormatSeparator(value) {\n if (typeof value !== 'string' || value.length !== 1) {\n throw new TypeError('arrayFormatSeparator must be single character string');\n }\n}\n\nfunction encode(value, options) {\n if (options.encode) {\n return options.strict ? strictUriEncode(value) : encodeURIComponent(value);\n }\n\n return value;\n}\n\nfunction decode(value, options) {\n if (options.decode) {\n return decodeComponent(value);\n }\n\n return value;\n}\n\nfunction keysSorter(input) {\n if (Array.isArray(input)) {\n return input.sort();\n }\n\n if (typeof input === 'object') {\n return keysSorter(Object.keys(input)).sort((a, b) => Number(a) - Number(b)).map(key => input[key]);\n }\n\n return input;\n}\n\nfunction removeHash(input) {\n const hashStart = input.indexOf('#');\n\n if (hashStart !== -1) {\n input = input.slice(0, hashStart);\n }\n\n return input;\n}\n\nfunction getHash(url) {\n let hash = '';\n const hashStart = url.indexOf('#');\n\n if (hashStart !== -1) {\n hash = url.slice(hashStart);\n }\n\n return hash;\n}\n\nfunction extract(input) {\n input = removeHash(input);\n const queryStart = input.indexOf('?');\n\n if (queryStart === -1) {\n return '';\n }\n\n return input.slice(queryStart + 1);\n}\n\nfunction parseValue(value, options) {\n if (options.parseNumbers && !Number.isNaN(Number(value)) && typeof value === 'string' && value.trim() !== '') {\n value = Number(value);\n } else if (options.parseBooleans && value !== null && (value.toLowerCase() === 'true' || value.toLowerCase() === 'false')) {\n value = value.toLowerCase() === 'true';\n }\n\n return value;\n}\n\nfunction parse(query, options) {\n options = Object.assign({\n decode: true,\n sort: true,\n arrayFormat: 'none',\n arrayFormatSeparator: ',',\n parseNumbers: false,\n parseBooleans: false\n }, options);\n validateArrayFormatSeparator(options.arrayFormatSeparator);\n const formatter = parserForArrayFormat(options); // Create an object with no prototype\n\n const ret = Object.create(null);\n\n if (typeof query !== 'string') {\n return ret;\n }\n\n query = query.trim().replace(/^[?#&]/, '');\n\n if (!query) {\n return ret;\n }\n\n var _iterator = _createForOfIteratorHelper(query.split('&')),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n const param = _step.value;\n\n if (param === '') {\n continue;\n }\n\n let _splitOnFirst = splitOnFirst(options.decode ? param.replace(/\\+/g, ' ') : param, '='),\n _splitOnFirst2 = _slicedToArray(_splitOnFirst, 2),\n key = _splitOnFirst2[0],\n value = _splitOnFirst2[1]; // Missing `=` should be `null`:\n // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters\n\n\n value = value === undefined ? null : ['comma', 'separator', 'bracket-separator'].includes(options.arrayFormat) ? value : decode(value, options);\n formatter(decode(key, options), value, ret);\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n for (var _i = 0, _Object$keys = Object.keys(ret); _i < _Object$keys.length; _i++) {\n const key = _Object$keys[_i];\n const value = ret[key];\n\n if (typeof value === 'object' && value !== null) {\n for (var _i2 = 0, _Object$keys2 = Object.keys(value); _i2 < _Object$keys2.length; _i2++) {\n const k = _Object$keys2[_i2];\n value[k] = parseValue(value[k], options);\n }\n } else {\n ret[key] = parseValue(value, options);\n }\n }\n\n if (options.sort === false) {\n return ret;\n }\n\n return (options.sort === true ? Object.keys(ret).sort() : Object.keys(ret).sort(options.sort)).reduce((result, key) => {\n const value = ret[key];\n\n if (Boolean(value) && typeof value === 'object' && !Array.isArray(value)) {\n // Sort object keys, not values\n result[key] = keysSorter(value);\n } else {\n result[key] = value;\n }\n\n return result;\n }, Object.create(null));\n}\n\nexports.extract = extract;\nexports.parse = parse;\n\nexports.stringify = (object, options) => {\n if (!object) {\n return '';\n }\n\n options = Object.assign({\n encode: true,\n strict: true,\n arrayFormat: 'none',\n arrayFormatSeparator: ','\n }, options);\n validateArrayFormatSeparator(options.arrayFormatSeparator);\n\n const shouldFilter = key => options.skipNull && isNullOrUndefined(object[key]) || options.skipEmptyString && object[key] === '';\n\n const formatter = encoderForArrayFormat(options);\n const objectCopy = {};\n\n for (var _i3 = 0, _Object$keys3 = Object.keys(object); _i3 < _Object$keys3.length; _i3++) {\n const key = _Object$keys3[_i3];\n\n if (!shouldFilter(key)) {\n objectCopy[key] = object[key];\n }\n }\n\n const keys = Object.keys(objectCopy);\n\n if (options.sort !== false) {\n keys.sort(options.sort);\n }\n\n return keys.map(key => {\n const value = object[key];\n\n if (value === undefined) {\n return '';\n }\n\n if (value === null) {\n return encode(key, options);\n }\n\n if (Array.isArray(value)) {\n if (value.length === 0 && options.arrayFormat === 'bracket-separator') {\n return encode(key, options) + '[]';\n }\n\n return value.reduce(formatter(key), []).join('&');\n }\n\n return encode(key, options) + '=' + encode(value, options);\n }).filter(x => x.length > 0).join('&');\n};\n\nexports.parseUrl = (url, options) => {\n options = Object.assign({\n decode: true\n }, options);\n\n const _splitOnFirst3 = splitOnFirst(url, '#'),\n _splitOnFirst4 = _slicedToArray(_splitOnFirst3, 2),\n url_ = _splitOnFirst4[0],\n hash = _splitOnFirst4[1];\n\n return Object.assign({\n url: url_.split('?')[0] || '',\n query: parse(extract(url), options)\n }, options && options.parseFragmentIdentifier && hash ? {\n fragmentIdentifier: decode(hash, options)\n } : {});\n};\n\nexports.stringifyUrl = (object, options) => {\n options = Object.assign({\n encode: true,\n strict: true,\n [encodeFragmentIdentifier]: true\n }, options);\n const url = removeHash(object.url).split('?')[0] || '';\n const queryFromUrl = exports.extract(object.url);\n const parsedQueryFromUrl = exports.parse(queryFromUrl, {\n sort: false\n });\n const query = Object.assign(parsedQueryFromUrl, object.query);\n let queryString = exports.stringify(query, options);\n\n if (queryString) {\n queryString = \"?\".concat(queryString);\n }\n\n let hash = getHash(object.url);\n\n if (object.fragmentIdentifier) {\n hash = \"#\".concat(options[encodeFragmentIdentifier] ? encode(object.fragmentIdentifier, options) : object.fragmentIdentifier);\n }\n\n return \"\".concat(url).concat(queryString).concat(hash);\n};\n\nexports.pick = (input, filter, options) => {\n options = Object.assign({\n parseFragmentIdentifier: true,\n [encodeFragmentIdentifier]: false\n }, options);\n\n const _exports$parseUrl = exports.parseUrl(input, options),\n url = _exports$parseUrl.url,\n query = _exports$parseUrl.query,\n fragmentIdentifier = _exports$parseUrl.fragmentIdentifier;\n\n return exports.stringifyUrl({\n url,\n query: filterObject(query, filter),\n fragmentIdentifier\n }, options);\n};\n\nexports.exclude = (input, filter, options) => {\n const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);\n return exports.pick(input, exclusionFilter, options);\n};","'use strict';\n\nmodule.exports = str => encodeURIComponent(str).replace(/[!'()*]/g, x => \"%\".concat(x.charCodeAt(0).toString(16).toUpperCase()));","'use strict';\n\nvar token = '%[a-f0-9]{2}';\nvar singleMatcher = new RegExp(token, 'gi');\nvar multiMatcher = new RegExp('(' + token + ')+', 'gi');\n\nfunction decodeComponents(components, split) {\n try {\n // Try to decode the entire string first\n return decodeURIComponent(components.join(''));\n } catch (err) {// Do nothing\n }\n\n if (components.length === 1) {\n return components;\n }\n\n split = split || 1; // Split the array in 2 parts\n\n var left = components.slice(0, split);\n var right = components.slice(split);\n return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));\n}\n\nfunction decode(input) {\n try {\n return decodeURIComponent(input);\n } catch (err) {\n var tokens = input.match(singleMatcher);\n\n for (var i = 1; i < tokens.length; i++) {\n input = decodeComponents(tokens, i).join('');\n tokens = input.match(singleMatcher);\n }\n\n return input;\n }\n}\n\nfunction customDecodeURIComponent(input) {\n // Keep track of all the replacements and prefill the map with the `BOM`\n var replaceMap = {\n '%FE%FF': '\\uFFFD\\uFFFD',\n '%FF%FE': '\\uFFFD\\uFFFD'\n };\n var match = multiMatcher.exec(input);\n\n while (match) {\n try {\n // Decode as big chunks as possible\n replaceMap[match[0]] = decodeURIComponent(match[0]);\n } catch (err) {\n var result = decode(match[0]);\n\n if (result !== match[0]) {\n replaceMap[match[0]] = result;\n }\n }\n\n match = multiMatcher.exec(input);\n } // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else\n\n\n replaceMap['%C2'] = '\\uFFFD';\n var entries = Object.keys(replaceMap);\n\n for (var i = 0; i < entries.length; i++) {\n // Replace all decoded components\n var key = entries[i];\n input = input.replace(new RegExp(key, 'g'), replaceMap[key]);\n }\n\n return input;\n}\n\nmodule.exports = function (encodedURI) {\n if (typeof encodedURI !== 'string') {\n throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + typeof encodedURI + '`');\n }\n\n try {\n encodedURI = encodedURI.replace(/\\+/g, ' '); // Try the built in decoder first\n\n return decodeURIComponent(encodedURI);\n } catch (err) {\n // Fallback to a more advanced decoder\n return customDecodeURIComponent(encodedURI);\n }\n};","'use strict';\n\nmodule.exports = (string, separator) => {\n if (!(typeof string === 'string' && typeof separator === 'string')) {\n throw new TypeError('Expected the arguments to be of type `string`');\n }\n\n if (separator === '') {\n return [string];\n }\n\n const separatorIndex = string.indexOf(separator);\n\n if (separatorIndex === -1) {\n return [string];\n }\n\n return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];\n};","'use strict';\n\nmodule.exports = function (obj, predicate) {\n var ret = {};\n var keys = Object.keys(obj);\n var isArr = Array.isArray(predicate);\n\n for (var i = 0; i < keys.length; i++) {\n var key = keys[i];\n var val = obj[key];\n\n if (isArr ? predicate.indexOf(key) !== -1 : predicate(key, val, obj)) {\n ret[key] = val;\n }\n }\n\n return ret;\n};","import inspect from '../jsutils/inspect';\nexport var QueryDocumentKeys = {\n Name: [],\n Document: ['definitions'],\n OperationDefinition: ['name', 'variableDefinitions', 'directives', 'selectionSet'],\n VariableDefinition: ['variable', 'type', 'defaultValue', 'directives'],\n Variable: ['name'],\n SelectionSet: ['selections'],\n Field: ['alias', 'name', 'arguments', 'directives', 'selectionSet'],\n Argument: ['name', 'value'],\n FragmentSpread: ['name', 'directives'],\n InlineFragment: ['typeCondition', 'directives', 'selectionSet'],\n FragmentDefinition: ['name', // Note: fragment variable definitions are experimental and may be changed\n // or removed in the future.\n 'variableDefinitions', 'typeCondition', 'directives', 'selectionSet'],\n IntValue: [],\n FloatValue: [],\n StringValue: [],\n BooleanValue: [],\n NullValue: [],\n EnumValue: [],\n ListValue: ['values'],\n ObjectValue: ['fields'],\n ObjectField: ['name', 'value'],\n Directive: ['name', 'arguments'],\n NamedType: ['name'],\n ListType: ['type'],\n NonNullType: ['type'],\n SchemaDefinition: ['directives', 'operationTypes'],\n OperationTypeDefinition: ['type'],\n ScalarTypeDefinition: ['description', 'name', 'directives'],\n ObjectTypeDefinition: ['description', 'name', 'interfaces', 'directives', 'fields'],\n FieldDefinition: ['description', 'name', 'arguments', 'type', 'directives'],\n InputValueDefinition: ['description', 'name', 'type', 'defaultValue', 'directives'],\n InterfaceTypeDefinition: ['description', 'name', 'directives', 'fields'],\n UnionTypeDefinition: ['description', 'name', 'directives', 'types'],\n EnumTypeDefinition: ['description', 'name', 'directives', 'values'],\n EnumValueDefinition: ['description', 'name', 'directives'],\n InputObjectTypeDefinition: ['description', 'name', 'directives', 'fields'],\n DirectiveDefinition: ['description', 'name', 'arguments', 'locations'],\n SchemaExtension: ['directives', 'operationTypes'],\n ScalarTypeExtension: ['name', 'directives'],\n ObjectTypeExtension: ['name', 'interfaces', 'directives', 'fields'],\n InterfaceTypeExtension: ['name', 'directives', 'fields'],\n UnionTypeExtension: ['name', 'directives', 'types'],\n EnumTypeExtension: ['name', 'directives', 'values'],\n InputObjectTypeExtension: ['name', 'directives', 'fields']\n};\nexport var BREAK = Object.freeze({});\n/**\n * visit() will walk through an AST using a depth first traversal, calling\n * the visitor's enter function at each node in the traversal, and calling the\n * leave function after visiting that node and all of its child nodes.\n *\n * By returning different values from the enter and leave functions, the\n * behavior of the visitor can be altered, including skipping over a sub-tree of\n * the AST (by returning false), editing the AST by returning a value or null\n * to remove the value, or to stop the whole traversal by returning BREAK.\n *\n * When using visit() to edit an AST, the original AST will not be modified, and\n * a new version of the AST with the changes applied will be returned from the\n * visit function.\n *\n * const editedAST = visit(ast, {\n * enter(node, key, parent, path, ancestors) {\n * // @return\n * // undefined: no action\n * // false: skip visiting this node\n * // visitor.BREAK: stop visiting altogether\n * // null: delete this node\n * // any value: replace this node with the returned value\n * },\n * leave(node, key, parent, path, ancestors) {\n * // @return\n * // undefined: no action\n * // false: no action\n * // visitor.BREAK: stop visiting altogether\n * // null: delete this node\n * // any value: replace this node with the returned value\n * }\n * });\n *\n * Alternatively to providing enter() and leave() functions, a visitor can\n * instead provide functions named the same as the kinds of AST nodes, or\n * enter/leave visitors at a named key, leading to four permutations of\n * visitor API:\n *\n * 1) Named visitors triggered when entering a node a specific kind.\n *\n * visit(ast, {\n * Kind(node) {\n * // enter the \"Kind\" node\n * }\n * })\n *\n * 2) Named visitors that trigger upon entering and leaving a node of\n * a specific kind.\n *\n * visit(ast, {\n * Kind: {\n * enter(node) {\n * // enter the \"Kind\" node\n * }\n * leave(node) {\n * // leave the \"Kind\" node\n * }\n * }\n * })\n *\n * 3) Generic visitors that trigger upon entering and leaving any node.\n *\n * visit(ast, {\n * enter(node) {\n * // enter any node\n * },\n * leave(node) {\n * // leave any node\n * }\n * })\n *\n * 4) Parallel visitors for entering and leaving nodes of a specific kind.\n *\n * visit(ast, {\n * enter: {\n * Kind(node) {\n * // enter the \"Kind\" node\n * }\n * },\n * leave: {\n * Kind(node) {\n * // leave the \"Kind\" node\n * }\n * }\n * })\n */\n\nexport function visit(root, visitor) {\n var visitorKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : QueryDocumentKeys;\n /* eslint-disable no-undef-init */\n\n var stack = undefined;\n var inArray = Array.isArray(root);\n var keys = [root];\n var index = -1;\n var edits = [];\n var node = undefined;\n var key = undefined;\n var parent = undefined;\n var path = [];\n var ancestors = [];\n var newRoot = root;\n /* eslint-enable no-undef-init */\n\n do {\n index++;\n var isLeaving = index === keys.length;\n var isEdited = isLeaving && edits.length !== 0;\n\n if (isLeaving) {\n key = ancestors.length === 0 ? undefined : path[path.length - 1];\n node = parent;\n parent = ancestors.pop();\n\n if (isEdited) {\n if (inArray) {\n node = node.slice();\n } else {\n var clone = {};\n\n for (var _i2 = 0, _Object$keys2 = Object.keys(node); _i2 < _Object$keys2.length; _i2++) {\n var k = _Object$keys2[_i2];\n clone[k] = node[k];\n }\n\n node = clone;\n }\n\n var editOffset = 0;\n\n for (var ii = 0; ii < edits.length; ii++) {\n var editKey = edits[ii][0];\n var editValue = edits[ii][1];\n\n if (inArray) {\n editKey -= editOffset;\n }\n\n if (inArray && editValue === null) {\n node.splice(editKey, 1);\n editOffset++;\n } else {\n node[editKey] = editValue;\n }\n }\n }\n\n index = stack.index;\n keys = stack.keys;\n edits = stack.edits;\n inArray = stack.inArray;\n stack = stack.prev;\n } else {\n key = parent ? inArray ? index : keys[index] : undefined;\n node = parent ? parent[key] : newRoot;\n\n if (node === null || node === undefined) {\n continue;\n }\n\n if (parent) {\n path.push(key);\n }\n }\n\n var result = void 0;\n\n if (!Array.isArray(node)) {\n if (!isNode(node)) {\n throw new Error('Invalid AST Node: ' + inspect(node));\n }\n\n var visitFn = getVisitFn(visitor, node.kind, isLeaving);\n\n if (visitFn) {\n result = visitFn.call(visitor, node, key, parent, path, ancestors);\n\n if (result === BREAK) {\n break;\n }\n\n if (result === false) {\n if (!isLeaving) {\n path.pop();\n continue;\n }\n } else if (result !== undefined) {\n edits.push([key, result]);\n\n if (!isLeaving) {\n if (isNode(result)) {\n node = result;\n } else {\n path.pop();\n continue;\n }\n }\n }\n }\n }\n\n if (result === undefined && isEdited) {\n edits.push([key, node]);\n }\n\n if (isLeaving) {\n path.pop();\n } else {\n stack = {\n inArray: inArray,\n index: index,\n keys: keys,\n edits: edits,\n prev: stack\n };\n inArray = Array.isArray(node);\n keys = inArray ? node : visitorKeys[node.kind] || [];\n index = -1;\n edits = [];\n\n if (parent) {\n ancestors.push(parent);\n }\n\n parent = node;\n }\n } while (stack !== undefined);\n\n if (edits.length !== 0) {\n newRoot = edits[edits.length - 1][1];\n }\n\n return newRoot;\n}\n\nfunction isNode(maybeNode) {\n return Boolean(maybeNode && typeof maybeNode.kind === 'string');\n}\n/**\n * Creates a new visitor instance which delegates to many visitors to run in\n * parallel. Each visitor will be visited for each node before moving on.\n *\n * If a prior visitor edits a node, no following visitors will see that node.\n */\n\n\nexport function visitInParallel(visitors) {\n var skipping = new Array(visitors.length);\n return {\n enter: function enter(node) {\n for (var i = 0; i < visitors.length; i++) {\n if (!skipping[i]) {\n var fn = getVisitFn(visitors[i], node.kind,\n /* isLeaving */\n false);\n\n if (fn) {\n var result = fn.apply(visitors[i], arguments);\n\n if (result === false) {\n skipping[i] = node;\n } else if (result === BREAK) {\n skipping[i] = BREAK;\n } else if (result !== undefined) {\n return result;\n }\n }\n }\n }\n },\n leave: function leave(node) {\n for (var i = 0; i < visitors.length; i++) {\n if (!skipping[i]) {\n var fn = getVisitFn(visitors[i], node.kind,\n /* isLeaving */\n true);\n\n if (fn) {\n var result = fn.apply(visitors[i], arguments);\n\n if (result === BREAK) {\n skipping[i] = BREAK;\n } else if (result !== undefined && result !== false) {\n return result;\n }\n }\n } else if (skipping[i] === node) {\n skipping[i] = null;\n }\n }\n }\n };\n}\n/**\n * Creates a new visitor instance which maintains a provided TypeInfo instance\n * along with visiting visitor.\n */\n\nexport function visitWithTypeInfo(typeInfo, visitor) {\n return {\n enter: function enter(node) {\n typeInfo.enter(node);\n var fn = getVisitFn(visitor, node.kind,\n /* isLeaving */\n false);\n\n if (fn) {\n var result = fn.apply(visitor, arguments);\n\n if (result !== undefined) {\n typeInfo.leave(node);\n\n if (isNode(result)) {\n typeInfo.enter(result);\n }\n }\n\n return result;\n }\n },\n leave: function leave(node) {\n var fn = getVisitFn(visitor, node.kind,\n /* isLeaving */\n true);\n var result;\n\n if (fn) {\n result = fn.apply(visitor, arguments);\n }\n\n typeInfo.leave(node);\n return result;\n }\n };\n}\n/**\n * Given a visitor instance, if it is leaving or not, and a node kind, return\n * the function the visitor runtime should call.\n */\n\nexport function getVisitFn(visitor, kind, isLeaving) {\n var kindVisitor = visitor[kind];\n\n if (kindVisitor) {\n if (!isLeaving && typeof kindVisitor === 'function') {\n // { Kind() {} }\n return kindVisitor;\n }\n\n var kindSpecificVisitor = isLeaving ? kindVisitor.leave : kindVisitor.enter;\n\n if (typeof kindSpecificVisitor === 'function') {\n // { Kind: { enter() {}, leave() {} } }\n return kindSpecificVisitor;\n }\n } else {\n var specificVisitor = isLeaving ? visitor.leave : visitor.enter;\n\n if (specificVisitor) {\n if (typeof specificVisitor === 'function') {\n // { enter() {}, leave() {} }\n return specificVisitor;\n }\n\n var specificKindVisitor = specificVisitor[kind];\n\n if (typeof specificKindVisitor === 'function') {\n // { enter: { Kind() {} }, leave: { Kind() {} } }\n return specificKindVisitor;\n }\n }\n }\n}","import zenObservable from 'zen-observable';\nvar Observable = zenObservable;\nexport default Observable;\nexport { Observable };","/*! safe-buffer. MIT License. Feross Aboukhadijeh