\n * @param idOverride\n * @returns {string}\n */\nexport default function useId(idOverride) {\n if (maybeReactUseId !== undefined) {\n const reactId = maybeReactUseId();\n return idOverride != null ? idOverride : reactId;\n }\n // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n return useGlobalId(idOverride);\n}","import { unstable_useId as useId } from '@mui/utils';\nexport default useId;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"actions\", \"children\", \"defaultValue\", \"name\", \"onChange\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport FormGroup from '../FormGroup';\nimport useForkRef from '../utils/useForkRef';\nimport useControlled from '../utils/useControlled';\nimport RadioGroupContext from './RadioGroupContext';\nimport useId from '../utils/useId';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {\n const {\n // private\n // eslint-disable-next-line react/prop-types\n actions,\n children,\n defaultValue,\n name: nameProp,\n onChange,\n value: valueProp\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const rootRef = React.useRef(null);\n const [value, setValueState] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: 'RadioGroup'\n });\n React.useImperativeHandle(actions, () => ({\n focus: () => {\n let input = rootRef.current.querySelector('input:not(:disabled):checked');\n\n if (!input) {\n input = rootRef.current.querySelector('input:not(:disabled)');\n }\n\n if (input) {\n input.focus();\n }\n }\n }), []);\n const handleRef = useForkRef(ref, rootRef);\n\n const handleChange = event => {\n setValueState(event.target.value);\n\n if (onChange) {\n onChange(event, event.target.value);\n }\n };\n\n const name = useId(nameProp);\n return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {\n value: {\n name,\n onChange: handleChange,\n value\n },\n children: /*#__PURE__*/_jsx(FormGroup, _extends({\n role: \"radiogroup\",\n ref: handleRef\n }, other, {\n children: children\n }))\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? RadioGroup.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * The name used to reference the value of the control.\n * If you don't provide this prop, it falls back to a randomly generated name.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when a radio button is selected.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * @param {string} value The value of the selected radio button.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * Value of the selected radio button. The DOM API casts this to a string.\n */\n value: PropTypes.any\n} : void 0;\nexport default RadioGroup;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getDividerUtilityClass(slot) {\n return generateUtilityClass('MuiDivider', slot);\n}\nconst dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'light', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);\nexport default dividerClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"absolute\", \"children\", \"className\", \"component\", \"flexItem\", \"light\", \"orientation\", \"role\", \"textAlign\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { alpha } from '@mui/system';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport { getDividerUtilityClass } from './dividerClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n absolute,\n children,\n classes,\n flexItem,\n light,\n orientation,\n textAlign,\n variant\n } = ownerState;\n const slots = {\n root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],\n wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']\n };\n return composeClasses(slots, getDividerUtilityClass, classes);\n};\n\nconst DividerRoot = styled('div', {\n name: 'MuiDivider',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n margin: 0,\n // Reset browser default style.\n flexShrink: 0,\n borderWidth: 0,\n borderStyle: 'solid',\n borderColor: theme.palette.divider,\n borderBottomWidth: 'thin'\n}, ownerState.absolute && {\n position: 'absolute',\n bottom: 0,\n left: 0,\n width: '100%'\n}, ownerState.light && {\n borderColor: alpha(theme.palette.divider, 0.08)\n}, ownerState.variant === 'inset' && {\n marginLeft: 72\n}, ownerState.variant === 'middle' && ownerState.orientation === 'horizontal' && {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2)\n}, ownerState.variant === 'middle' && ownerState.orientation === 'vertical' && {\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(1)\n}, ownerState.orientation === 'vertical' && {\n height: '100%',\n borderBottomWidth: 0,\n borderRightWidth: 'thin'\n}, ownerState.flexItem && {\n alignSelf: 'stretch',\n height: 'auto'\n}), ({\n theme,\n ownerState\n}) => _extends({}, ownerState.children && {\n display: 'flex',\n whiteSpace: 'nowrap',\n textAlign: 'center',\n border: 0,\n '&::before, &::after': {\n position: 'relative',\n width: '100%',\n borderTop: `thin solid ${theme.palette.divider}`,\n top: '50%',\n content: '\"\"',\n transform: 'translateY(50%)'\n }\n}), ({\n theme,\n ownerState\n}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {\n flexDirection: 'column',\n '&::before, &::after': {\n height: '100%',\n top: '0%',\n left: '50%',\n borderTop: 0,\n borderLeft: `thin solid ${theme.palette.divider}`,\n transform: 'translateX(0%)'\n }\n}), ({\n ownerState\n}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {\n '&::before': {\n width: '90%'\n },\n '&::after': {\n width: '10%'\n }\n}, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && {\n '&::before': {\n width: '10%'\n },\n '&::after': {\n width: '90%'\n }\n}));\nconst DividerWrapper = styled('span', {\n name: 'MuiDivider',\n slot: 'Wrapper',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n display: 'inline-block',\n paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,\n paddingRight: `calc(${theme.spacing(1)} * 1.2)`\n}, ownerState.orientation === 'vertical' && {\n paddingTop: `calc(${theme.spacing(1)} * 1.2)`,\n paddingBottom: `calc(${theme.spacing(1)} * 1.2)`\n}));\nconst Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiDivider'\n });\n\n const {\n absolute = false,\n children,\n className,\n component = children ? 'div' : 'hr',\n flexItem = false,\n light = false,\n orientation = 'horizontal',\n role = component !== 'hr' ? 'separator' : undefined,\n textAlign = 'center',\n variant = 'fullWidth'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props, {\n absolute,\n component,\n flexItem,\n light,\n orientation,\n role,\n textAlign,\n variant\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(DividerRoot, _extends({\n as: component,\n className: clsx(classes.root, className),\n role: role,\n ref: ref,\n ownerState: ownerState\n }, other, {\n children: children ? /*#__PURE__*/_jsx(DividerWrapper, {\n className: classes.wrapper,\n ownerState: ownerState,\n children: children\n }) : null\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Divider.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Absolutely position the element.\n * @default false\n */\n absolute: PropTypes.bool,\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * If `true`, a vertical divider will have the correct height when used in flex container.\n * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n * @default false\n */\n flexItem: PropTypes.bool,\n\n /**\n * If `true`, the divider will have a lighter color.\n * @default false\n */\n light: PropTypes.bool,\n\n /**\n * The component orientation.\n * @default 'horizontal'\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * @ignore\n */\n role: PropTypes\n /* @typescript-to-proptypes-ignore */\n .string,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The text alignment.\n * @default 'center'\n */\n textAlign: PropTypes.oneOf(['center', 'left', 'right']),\n\n /**\n * The variant to use.\n * @default 'fullWidth'\n */\n variant: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])\n} : void 0;\nexport default Divider;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getLoadingButtonUtilityClass(slot) {\n return generateUtilityClass('MuiLoadingButton', slot);\n}\nconst loadingButtonClasses = generateUtilityClasses('MuiLoadingButton', ['root', 'loading', 'loadingIndicator', 'loadingIndicatorCenter', 'loadingIndicatorStart', 'loadingIndicatorEnd', 'endIconLoadingEnd', 'startIconLoadingStart']);\nexport default loadingButtonClasses;","/* eslint-disable no-magic-numbers */\nimport {\n Divider,\n FormControlLabel,\n Grid,\n Radio,\n RadioGroup,\n Typography,\n} from \"@mui/material\"\nimport { useEffect, useState } from \"react\"\nimport moment from \"moment\"\nimport { LoadingButton } from '@mui/lab'\nimport { useTranslation } from \"react-i18next\"\nimport { FeeResponse, getMembershipRenewalFees } from \"../../services/ntuc/memberService/payment\"\nimport { ArrearsRoute, ArrearsRouteProps } from \"../../views/arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\n\nexport enum FeeType {\n NewApplication = 1,\n Renewal = 2,\n PayingGiroArrearsOrAdvances = 3,\n}\n\nconst MembershipFeePayment = (props: ArrearsRouteProps) => {\n const DECIMALS = 2\n const { onNavigateTo } = props\n const { t } = useTranslation(`arrears-payment`)\n const [loading, setLoading] = useState(false)\n const [fees, setFees] = useState([])\n const [selectedFee, setSelectedFee] = useState(undefined)\n\n const handleNextButton = () => {\n if (selectedFee) {\n onNavigateTo(ArrearsRoute.MembershipPaymentSummary, { fee: selectedFee })\n }\n }\n useEffect(() => {\n if (window.myNtucConfig.membershipId) {\n setLoading(true)\n getMembershipRenewalFees(window.myNtucConfig.membershipId)\n .then(response => {\n if (response.data.content.length > 0) {\n setFees(response.data.content[0].fees)\n }\n })\n .then(() => setLoading(false))\n }\n }, [])\n\n const handleFeeSelection = (fee: FeeResponse) => {\n setSelectedFee(fee)\n }\n const getDateRange = (fee: FeeResponse): string => {\n return `${moment(fee.startDate).format(`DD MMM YYYY`)} - ${moment(fee.endDate).format(`DD MMM YYYY`)}`\n }\n const getFeeTitle = (fee: FeeResponse): string => {\n return fee.feeType == FeeType.Renewal ? t(`payForNMonths`, { months: fee.month }) : t(`payOutstandingFees`)\n }\n\n const GetFeeRows = () => {\n return (\n <> {\n fees.map(fee => {\n return (\n <>\n \n }\n label={getFeeTitle(fee)}\n onClick={() => { handleFeeSelection(fee) }} />\n {getDateRange(fee)}\n \n \n ${fee.amount.toFixed(DECIMALS)}\n \n \n )\n },\n )\n }\n )\n }\n const ShowAllFees = () => {\n return \n \n \n \n \n }\n\n return (\n \n \n {t(`payMembershipFees`)}\n \n \n {t(`selectPaymentPeriod`)}\n \n \n \n {t(`title`)}\n \n \n \n \n \n \n {t(`next`, { ns: `common` })}\n \n \n \n )\n}\n\nexport default MembershipFeePayment","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"disabled\", \"id\", \"loading\", \"loadingIndicator\", \"loadingPosition\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { chainPropTypes } from '@mui/utils';\nimport { capitalize, unstable_useId as useId } from '@mui/material/utils';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport loadingButtonClasses, { getLoadingButtonUtilityClass } from './loadingButtonClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n loading,\n loadingPosition,\n classes\n } = ownerState;\n const slots = {\n root: ['root', loading && 'loading'],\n startIcon: [loading && `startIconLoading${capitalize(loadingPosition)}`],\n endIcon: [loading && `endIconLoading${capitalize(loadingPosition)}`],\n loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]\n };\n const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);\n return _extends({}, classes, composedClasses);\n}; // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core\n\n\nconst rootShouldForwardProp = prop => prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as' && prop !== 'classes';\n\nconst LoadingButtonRoot = styled(Button, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiLoadingButton',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n return [styles.root, styles.startIconLoadingStart && {\n [`& .${loadingButtonClasses.startIconLoadingStart}`]: styles.startIconLoadingStart\n }, styles.endIconLoadingEnd && {\n [`& .${loadingButtonClasses.endIconLoadingEnd}`]: styles.endIconLoadingEnd\n }];\n }\n})(({\n ownerState,\n theme\n}) => _extends({\n [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {\n transition: theme.transitions.create(['opacity'], {\n duration: theme.transitions.duration.short\n }),\n opacity: 0\n }\n}, ownerState.loadingPosition === 'center' && {\n transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {\n duration: theme.transitions.duration.short\n }),\n [`&.${loadingButtonClasses.loading}`]: {\n color: 'transparent'\n }\n}, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {\n [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {\n transition: theme.transitions.create(['opacity'], {\n duration: theme.transitions.duration.short\n }),\n opacity: 0,\n marginRight: -8\n }\n}, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {\n [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {\n transition: theme.transitions.create(['opacity'], {\n duration: theme.transitions.duration.short\n }),\n opacity: 0,\n marginLeft: -8\n }\n}));\nconst LoadingButtonLoadingIndicator = styled('div', {\n name: 'MuiLoadingButton',\n slot: 'LoadingIndicator',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.loadingIndicator, styles[`loadingIndicator${capitalize(ownerState.loadingPosition)}`]];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n position: 'absolute',\n visibility: 'visible',\n display: 'flex'\n}, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {\n left: 14\n}, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {\n left: 6\n}, ownerState.loadingPosition === 'center' && {\n left: '50%',\n transform: 'translate(-50%)',\n color: theme.palette.action.disabled\n}, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {\n right: 14\n}, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {\n right: 6\n}, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {\n position: 'relative',\n left: -10\n}, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {\n position: 'relative',\n right: -10\n}));\nconst LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiLoadingButton'\n });\n\n const {\n children,\n disabled = false,\n id: idProp,\n loading = false,\n loadingIndicator: loadingIndicatorProp,\n loadingPosition = 'center',\n variant = 'text'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const id = useId(idProp);\n const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/_jsx(CircularProgress, {\n \"aria-labelledby\": id,\n color: \"inherit\",\n size: 16\n });\n\n const ownerState = _extends({}, props, {\n disabled,\n loading,\n loadingIndicator,\n loadingPosition,\n variant\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(LoadingButtonRoot, _extends({\n disabled: disabled || loading,\n id: id,\n ref: ref\n }, other, {\n variant: variant,\n classes: classes,\n ownerState: ownerState,\n children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsxs(React.Fragment, {\n children: [children, loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {\n className: classes.loadingIndicator,\n ownerState: ownerState,\n children: loadingIndicator\n })]\n }) : /*#__PURE__*/_jsxs(React.Fragment, {\n children: [loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {\n className: classes.loadingIndicator,\n ownerState: ownerState,\n children: loadingIndicator\n }), children]\n })\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? LoadingButton.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: PropTypes.bool,\n\n /**\n * @ignore\n */\n id: PropTypes.string,\n\n /**\n * If `true`, the loading indicator is shown.\n * @default false\n */\n loading: PropTypes.bool,\n\n /**\n * Element placed before the children if the button is in loading state.\n * The node should contain an element with `role=\"progressbar\"` with an accessible name.\n * By default we render a `CircularProgress` that is labelled by the button itself.\n * @default \n */\n loadingIndicator: PropTypes.node,\n\n /**\n * The loading indicator can be positioned on the start, end, or the center of the button.\n * @default 'center'\n */\n loadingPosition: chainPropTypes(PropTypes.oneOf(['start', 'end', 'center']), props => {\n if (props.loadingPosition === 'start' && !props.startIcon) {\n return new Error(`MUI: The loadingPosition=\"start\" should be used in combination with startIcon.`);\n }\n\n if (props.loadingPosition === 'end' && !props.endIcon) {\n return new Error(`MUI: The loadingPosition=\"end\" should be used in combination with endIcon.`);\n }\n\n return null;\n }),\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The variant to use.\n * @default 'text'\n */\n variant: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])\n} : void 0;\nexport default LoadingButton;","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n d: \"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"\n}), 'CheckBoxOutlineBlank');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n d: \"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n}), 'CheckBox');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\"\n}), 'IndeterminateCheckBox');","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getCheckboxUtilityClass(slot) {\n return generateUtilityClass('MuiCheckbox', slot);\n}\nconst checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);\nexport default checkboxClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"checkedIcon\", \"color\", \"icon\", \"indeterminate\", \"indeterminateIcon\", \"inputProps\", \"size\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { refType } from '@mui/utils';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { alpha } from '@mui/system';\nimport SwitchBase from '../internal/SwitchBase';\nimport CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '../internal/svg-icons/CheckBox';\nimport IndeterminateCheckBoxIcon from '../internal/svg-icons/IndeterminateCheckBox';\nimport capitalize from '../utils/capitalize';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n indeterminate,\n color\n } = ownerState;\n const slots = {\n root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`]\n };\n const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);\n return _extends({}, classes, composedClasses);\n};\n\nconst CheckboxRoot = styled(SwitchBase, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiCheckbox',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n color: theme.palette.text.secondary\n}, !ownerState.disableRipple && {\n '&:hover': {\n backgroundColor: alpha(ownerState.color === 'default' ? theme.palette.action.active : theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor: 'transparent'\n }\n }\n}, ownerState.color !== 'default' && {\n [`&.${checkboxClasses.checked}, &.${checkboxClasses.indeterminate}`]: {\n color: theme.palette[ownerState.color].main\n },\n [`&.${checkboxClasses.disabled}`]: {\n color: theme.palette.action.disabled\n }\n}));\n\nconst defaultCheckedIcon = /*#__PURE__*/_jsx(CheckBoxIcon, {});\n\nconst defaultIcon = /*#__PURE__*/_jsx(CheckBoxOutlineBlankIcon, {});\n\nconst defaultIndeterminateIcon = /*#__PURE__*/_jsx(IndeterminateCheckBoxIcon, {});\n\nconst Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {\n var _icon$props$fontSize, _indeterminateIcon$pr;\n\n const props = useThemeProps({\n props: inProps,\n name: 'MuiCheckbox'\n });\n\n const {\n checkedIcon = defaultCheckedIcon,\n color = 'primary',\n icon: iconProp = defaultIcon,\n indeterminate = false,\n indeterminateIcon: indeterminateIconProp = defaultIndeterminateIcon,\n inputProps,\n size = 'medium'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const icon = indeterminate ? indeterminateIconProp : iconProp;\n const indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;\n\n const ownerState = _extends({}, props, {\n color,\n indeterminate,\n size\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(CheckboxRoot, _extends({\n type: \"checkbox\",\n inputProps: _extends({\n 'data-indeterminate': indeterminate\n }, inputProps),\n icon: /*#__PURE__*/React.cloneElement(icon, {\n fontSize: (_icon$props$fontSize = icon.props.fontSize) != null ? _icon$props$fontSize : size\n }),\n checkedIcon: /*#__PURE__*/React.cloneElement(indeterminateIcon, {\n fontSize: (_indeterminateIcon$pr = indeterminateIcon.props.fontSize) != null ? _indeterminateIcon$pr : size\n }),\n ownerState: ownerState,\n ref: ref\n }, other, {\n classes: classes\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Checkbox.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * If `true`, the component is checked.\n */\n checked: PropTypes.bool,\n\n /**\n * The icon to display when the component is checked.\n * @default \n */\n checkedIcon: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n\n /**\n * The default checked state. Use when the component is not controlled.\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * If `true`, the component is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect is disabled.\n */\n disableRipple: PropTypes.bool,\n\n /**\n * The icon to display when the component is unchecked.\n * @default \n */\n icon: PropTypes.node,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * If `true`, the component appears indeterminate.\n * This does not set the native input element to indeterminate due\n * to inconsistent behavior across browsers.\n * However, we set a `data-indeterminate` attribute on the `input`.\n * @default false\n */\n indeterminate: PropTypes.bool,\n\n /**\n * The icon to display when the component is indeterminate.\n * @default \n */\n indeterminateIcon: PropTypes.node,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * Callback fired when the state is changed.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n */\n onChange: PropTypes.func,\n\n /**\n * If `true`, the `input` element is required.\n */\n required: PropTypes.bool,\n\n /**\n * The size of the component.\n * `small` is equivalent to the dense checkbox styling.\n * @default 'medium'\n */\n size: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n */\n value: PropTypes.any\n} : void 0;\nexport default Checkbox;","import { Alert, Button, Checkbox, FormControlLabel, Grid, Typography } from \"@mui/material\"\nimport moment from \"moment\"\nimport { ChangeEvent, useState } from \"react\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport { DeviceType } from \"../../services/ntuc/memberService/oaMembership\"\nimport { FeeResponse, OrderRequest, postCreateOrder, ServiceType } from \"../../services/ntuc/memberService/payment\"\nimport { getMembershipPayment } from \"../../services/ntuc/paymentService/payment\"\nimport { ArrearsRouteProps } from \"../../views/arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport { FeeType } from \"../MembershipFeePayment/MembershipFeePayment\"\n\nconst MembershipPaymentSummary = (props: ArrearsRouteProps) => {\n const DECIMALS = 2\n const { t } = useTranslation(`arrears-payment`)\n const { routeParams } = props\n const [accept, setAccept] = useState(true)\n const setupRecurring = t(`setupRecurring`)\n const handleCheckBoxOnChange = (event: ChangeEvent, checked: boolean) => {\n setAccept(checked)\n }\n\n const createOrder = (membershipId: number, fee: FeeResponse): OrderRequest => {\n return {\n feeType: fee.feeType,\n endDate: fee.endDate,\n startDate: fee.startDate,\n serviceType: fee.feeType == FeeType.Renewal ? ServiceType.RENEWAL : ServiceType.ARREARS,\n noOfMonths: fee.month,\n amount: fee.amount + ``,\n isOneTimePayment: true,\n isRecurringPayment: accept,\n membershipId: membershipId,\n deviceType: DeviceType.WEB,\n }\n }\n const redirectToPaymentGateway = (clientOrderId: string) => {\n window.location.replace(getMembershipPayment(clientOrderId))\n }\n\n const getFeeTitle = (): string => {\n if (routeParams?.fee) {\n const fee = routeParams.fee\n return t(`unionMembership`, { months: fee.month })\n }\n return t(`unionMembershipNoMonths`)\n }\n\n const getDateRange = (): string => {\n if (routeParams?.fee) {\n const fee = routeParams.fee\n return `${moment(fee.startDate).format(`DD MMM YYYY`)} - ${moment(fee.endDate).format(`DD MMM YYYY`)}`\n }\n return ``\n }\n const getPrice = (): string => {\n if (routeParams?.fee) {\n const fee = routeParams.fee\n return `$` + `${fee.amount.toFixed(DECIMALS)}`\n }\n return ``\n }\n\n const handlePaymentButton = () => {\n if (window.myNtucConfig.membershipId && routeParams) {\n const order = createOrder(parseInt(window.myNtucConfig.membershipId), routeParams.fee)\n postCreateOrder(order)\n .then(response => response.data.content.clientOrderId)\n .then(redirectToPaymentGateway)\n .catch(error => error.response.data.content)\n .then(console.error)\n }\n }\n\n return (\n \n \n {t(`paymentSummary`)}\n \n \n {t(`checkDetails`)}\n \n \n \n {t(`paymentDetails`)}\n \n \n {getFeeTitle()}\n {getDateRange()}\n \n \n {getPrice()}\n \n \n \n {t(`total`)}\n \n \n {getPrice()}\n \n \n }\n label={setupRecurring} />\n \n \n \n paymentFooterInfo\n \n \n \n \n {t(`proceedToPayment`)}\n \n \n \n )\n}\n\nexport default MembershipPaymentSummary","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"className\", \"component\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport defaultStyleFunctionSx, { extendSxProp } from './styleFunctionSx';\nimport useTheme from './useTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n const {\n defaultTheme,\n defaultClassName = 'MuiBox-root',\n generateClassName,\n styleFunctionSx = defaultStyleFunctionSx\n } = options;\n const BoxRoot = styled('div')(styleFunctionSx);\n const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n const theme = useTheme(defaultTheme);\n\n const _extendSxProp = extendSxProp(inProps),\n {\n className,\n component = 'div'\n } = _extendSxProp,\n other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);\n\n return /*#__PURE__*/_jsx(BoxRoot, _extends({\n as: component,\n ref: ref,\n className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n theme: theme\n }, other));\n });\n process.env.NODE_ENV !== \"production\" ? Box.propTypes\n /* remove-proptypes */\n = {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n children: PropTypes.node,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * @ignore\n */\n sx: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.func])\n } : void 0;\n return Box;\n}","import { createBox } from '@mui/system';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '../utils';\nimport { createTheme } from '../styles';\nconst defaultTheme = createTheme();\n/**\n * @ignore - do not document.\n */\n\nconst Box = createBox({\n defaultTheme,\n defaultClassName: 'MuiBox-root',\n generateClassName: ClassNameGenerator.generate\n});\nexport default Box;","import { Box, Button, Grid, Typography, Divider, Alert } from \"@mui/material\"\nimport { Trans, useTranslation } from \"react-i18next\"\nimport successBanner from \"../../../../assets/payment_success_banner.svg\"\nimport { MembershipPaymentAcknowledgementPageProps } from \"../../../../views/arrears-payment-flow/AcknowledgementPage/AcknowledgementPage\"\nimport moment from \"moment\"\nimport { ArrearsRoute } from \"../../../../views/arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport PaymentAcknowledgementBanner from \"../../PaymentAcknowledgementBanner\"\nimport { useEffect, useState } from \"react\"\nimport { PaymentInfo, extractPaymentResponseContent, getPayment, paymentInfoFromPaymentResponse, PaymentResponse, OrderRequest, postCreateOrder, OrderStatus } from \"../../../../services/ntuc/memberService/payment\"\nimport { DeviceType } from \"../../../../services/ntuc/memberService/oaMembership\"\nimport { getMembershipPayment } from \"../../../../services/ntuc/paymentService/payment\"\nimport { LoadingButton } from \"@mui/lab\"\nimport PaymentInfoError from \"../../PaymentInfoError/PaymentInfoError\"\n\nconst MembershipPaymentSuccess = (props: MembershipPaymentAcknowledgementPageProps) => {\n const { t } = useTranslation(`arrears-payment`)\n const { orderId, order, onNavigateTo } = props\n\n const [loading, setLoading] = useState(false)\n const [paymentResponse, setPaymentResponse] = useState()\n const [orders, setOrder] = useState()\n const [hasError, setHasError] = useState(false)\n\n useEffect(() => {\n if (orderId) {\n getPayment(orderId)\n .then(extractPaymentResponseContent)\n .then(interceptPaymentResponse)\n .then(paymentInfoFromPaymentResponse)\n .then(setOrder)\n .catch(error => {\n setHasError(true)\n console.error(error.message)\n })\n }\n }, [orderId])\n\n const handleHomeClick = () => {\n if (window.myNtucConfig.paymentBackToHomeHomeUrl != undefined) {\n window.location.replace(window.myNtucConfig.paymentBackToHomeHomeUrl)\n } else {\n onNavigateTo(ArrearsRoute.Main)\n }\n }\n\n const redirectToPaymentGateway = (clientOrderId: string) => {\n window.location.replace(getMembershipPayment(clientOrderId))\n }\n\n const handleTryAgainClick = () => {\n const orderRequest: OrderRequest = {\n feeType: parseInt(paymentResponse!.membershipPayment.feeType),\n endDate: paymentResponse!.membershipPayment.endDate,\n startDate: paymentResponse!.membershipPayment.startDate,\n serviceType: paymentResponse!.payment.serviceType,\n noOfMonths: paymentResponse!.membershipPayment.noOfMonths,\n amount: `${paymentResponse!.payment.orderAmount}`,\n isOneTimePayment: true,\n isRecurringPayment: false,\n membershipId: parseInt(paymentResponse!.membershipPayment.membershipId),\n deviceType: DeviceType.WEB,\n }\n\n setLoading(true)\n postCreateOrder(orderRequest)\n .then(response => response.data.content.clientOrderId)\n .then(redirectToPaymentGateway)\n .catch(error => {\n setHasError(true)\n console.error(error.response.data.content)\n })\n .then(() => setLoading(false))\n }\n\n const interceptPaymentResponse = (paymentResponse: PaymentResponse): PaymentResponse => {\n setPaymentResponse(paymentResponse)\n return paymentResponse\n }\n\n const hasUpfrontPaymentFailed = (): boolean => orders != undefined && orders.orderStatus == OrderStatus.SEMI_SUCCESS_RECURRING\n\n const hasRecurringPaymentFailed = (): boolean => order != undefined && order.orderStatus == OrderStatus.SEMI_SUCCESS_ONE_TIME\n\n const displayedAmount = (): string => hasUpfrontPaymentFailed() ? `Failed` : ``.concat(`$`, order!.amount)\n\n const getDateRange = (): string => {\n if (order) {\n return `${moment(order.startDate).format(`DD MMM YYYY`)} - ${moment(order.endDate).format(`DD MMM YYYY`)}`\n }\n return ``\n }\n\n const getMonthTitle = (): string => {\n if (order) {\n return `${t(`payForNMonths`, { months: order.noOfMonths })}`\n }\n return ``\n }\n\n if (hasError) {\n return \n }\n\n return(\n \n \n \n {t(`arrearPaymentSuccessfulTitle`)}\n \n \n {t(`arrearPaymentSuccessfulContent`)}\n \n \n {t(`reference`)}\n {orderId}\n \n \n \n {t(`paymentSummary`)}\n \n \n \n {getMonthTitle()}\n {getDateRange()}\n \n \n \n {displayedAmount()}\n \n \n \n \n \n \n \n \n \n {t(`total`)}\n \n \n {displayedAmount()}\n \n \n \n \n \n \n \n {t(`home`)}\n \n \n \n \n )\n}\n\nexport default MembershipPaymentSuccess","var _g, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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 * as React from \"react\";\n\nfunction SvgPaymentPendingBanner(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 168,\n height: 112,\n viewBox: \"0 0 168 112\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0_5076_65881)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.879 8.78837H75.3776C74.0571 8.81018 72.792 9.32572 71.8295 10.2343C70.867 11.1429 70.2761 12.3793 70.1723 13.7021L64.1841 106.317C64.1353 106.948 64.2177 107.582 64.426 108.179C64.6344 108.776 64.9641 109.322 65.3943 109.784C65.8244 110.246 66.3456 110.613 66.9245 110.862C67.5035 111.11 68.1276 111.235 68.7572 111.228H107.272C108.593 111.207 109.858 110.692 110.82 109.784C111.783 108.876 112.374 107.64 112.478 106.317L116.773 39.7497C116.956 39.6858 117.116 39.5702 117.235 39.417C117.353 39.2638 117.425 39.0794 117.442 38.886L118.212 26.9746C118.225 26.7896 118.178 26.6052 118.078 26.4493C117.978 26.2935 117.83 26.1747 117.656 26.1109L118.456 13.7021C118.505 13.0711 118.422 12.4367 118.214 11.8394C118.005 11.2421 117.675 10.695 117.245 10.2328C116.814 9.77058 116.293 9.40347 115.713 9.1548C115.134 8.90613 114.509 8.78134 113.879 8.78837Z\",\n fill: \"#999999\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M67.0555 32.769H67.8115C68.0455 32.7648 68.2695 32.6734 68.4402 32.5125C68.6108 32.3516 68.7158 32.1328 68.7349 31.8985L69.0694 26.9243C69.0777 26.8123 69.0629 26.6999 69.0257 26.5941C68.9885 26.4882 68.9298 26.3913 68.8534 26.3095C68.7769 26.2276 68.6844 26.1626 68.5817 26.1186C68.4789 26.0746 68.3682 26.0525 68.2565 26.0538H67.5038C67.2696 26.0572 67.0451 26.1484 66.8743 26.3094C66.7036 26.4704 66.5988 26.6897 66.5804 26.9243L66.2459 31.8985C66.2376 32.0101 66.2524 32.1223 66.2894 32.2279C66.3263 32.3335 66.3847 32.4302 66.4608 32.512C66.5369 32.5938 66.629 32.6589 66.7313 32.7031C66.8337 32.7473 66.9441 32.7698 67.0555 32.769Z\",\n fill: \"#999999\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M66.482 41.6479H67.2347C67.4695 41.6437 67.6944 41.5519 67.8657 41.3904C68.0369 41.2289 68.1423 41.0092 68.1614 40.7741L68.4959 35.8032C68.5042 35.6912 68.4893 35.5788 68.4522 35.473C68.415 35.3672 68.3563 35.2702 68.2799 35.1884C68.2034 35.1066 68.1109 35.0416 68.0082 34.9975C67.9054 34.9535 67.7947 34.9314 67.683 34.9327H66.9303C66.6957 34.9361 66.4709 35.0271 66.2995 35.1881C66.1282 35.349 66.0227 35.5683 66.0036 35.8032L65.6691 40.7741C65.6597 40.8864 65.6739 40.9994 65.7106 41.1058C65.7474 41.2123 65.806 41.3098 65.8826 41.3922C65.9592 41.4745 66.0521 41.5398 66.1553 41.5838C66.2585 41.6279 66.3698 41.6497 66.482 41.6479Z\",\n fill: \"#999999\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M105.226 111.228H66.724C66.0944 111.235 65.4703 111.11 64.8913 110.862C64.3124 110.613 63.7912 110.246 63.3611 109.784C62.9309 109.322 62.6012 108.776 62.3928 108.179C62.1845 107.582 62.1021 106.948 62.1508 106.317L68.1257 13.7021C68.2303 12.379 68.8219 11.1426 69.785 10.234C70.748 9.32549 72.0135 8.81007 73.3344 8.78833H111.833C112.463 8.78177 113.087 8.9069 113.666 9.15578C114.245 9.40466 114.766 9.77185 115.196 10.234C115.626 10.6961 115.956 11.2431 116.164 11.8402C116.372 12.4372 116.455 13.0713 116.406 13.7021L110.431 106.317C110.327 107.64 109.736 108.876 108.774 109.784C107.811 110.692 106.546 111.207 105.226 111.228Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M88.5916 107.29C89.9403 105.978 90.0419 103.886 88.8185 102.616C87.5951 101.346 85.51 101.381 84.1613 102.692C82.8126 104.004 82.711 106.097 83.9344 107.366C85.1578 108.636 87.2429 108.602 88.5916 107.29Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M108.705 99.2058H64.9372C64.7881 99.2056 64.6407 99.1748 64.504 99.1152C64.3672 99.0555 64.2441 98.9684 64.1423 98.8591C64.0404 98.7498 63.9619 98.6207 63.9116 98.4797C63.8613 98.3388 63.8403 98.1889 63.8499 98.0395L68.9717 18.6128C68.9943 18.3385 69.1186 18.0827 69.3199 17.8959C69.5212 17.7092 69.7849 17.6052 70.0589 17.6045H113.83C113.979 17.6046 114.126 17.6355 114.263 17.6951C114.4 17.7547 114.523 17.8419 114.625 17.9512C114.726 18.0605 114.805 18.1896 114.855 18.3305C114.906 18.4715 114.926 18.6213 114.917 18.7708L109.792 98.1807C109.774 98.4583 109.652 98.7187 109.45 98.909C109.248 99.0994 108.981 99.2055 108.705 99.2058Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M96.4927 67.9C101.388 63.1386 101.757 55.5422 97.3157 50.933C92.8745 46.3238 85.3054 46.4472 80.4097 51.2087C75.5139 55.9702 75.1455 63.5666 79.5867 68.1757C84.0279 72.7849 91.597 72.6615 96.4927 67.9Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M87.2665 78.0607C77.1067 78.0607 69.3755 69.7557 70.0346 59.5484C70.6936 49.3411 79.4919 41.0361 89.6551 41.0361C99.8183 41.0361 107.546 49.3411 106.887 59.5484C106.228 69.7557 97.4164 78.0607 87.2665 78.0607ZM89.6083 41.3722C79.6324 41.3722 70.9913 49.526 70.3457 59.5484C69.7 69.5709 77.2873 77.7246 87.2632 77.7246C97.239 77.7246 105.88 69.5709 106.529 59.5484C107.178 49.526 99.5975 41.3722 89.6083 41.3722Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M85.1199 14.0744C85.6655 13.5437 85.7057 12.6962 85.2096 12.1814C84.7136 11.6666 83.8692 11.6795 83.3236 12.2101C82.778 12.7407 82.7378 13.5882 83.2338 14.103C83.7299 14.6178 84.5743 14.605 85.1199 14.0744Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M88.9095 11.8038H99.9793C100.151 11.8018 100.322 11.8359 100.48 11.904C100.638 11.9721 100.781 12.0727 100.898 12.1993C101.015 12.3259 101.104 12.4757 101.161 12.6391C101.217 12.8025 101.238 12.9759 101.224 13.1482C101.196 13.5095 101.036 13.8475 100.773 14.0961C100.511 14.3447 100.166 14.4861 99.8054 14.4926H88.7389C88.5669 14.494 88.3964 14.4595 88.2383 14.3913C88.0803 14.323 87.9381 14.2225 87.8207 14.0961C87.7034 13.9697 87.6135 13.8201 87.5567 13.6569C87.5 13.4938 87.4777 13.3205 87.4911 13.1482C87.5185 12.7869 87.6791 12.4489 87.9414 12.2003C88.2038 11.9517 88.549 11.8103 88.9095 11.8038Z\",\n fill: \"white\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.7043 36.6343C47.139 37.2157 46.5335 37.8577 45.9748 38.4963C45.4161 39.1349 44.8574 39.7902 44.3322 40.4624C43.807 41.1346 43.3286 41.8068 42.8335 42.516L42.4989 43.0437L42.1644 43.5781C42.054 43.7562 41.9536 43.9377 41.8566 44.1225L41.589 44.6166C41.4799 44.8991 41.4177 45.1978 41.405 45.5006C41.3782 45.89 41.3782 46.2808 41.405 46.6702C41.4706 47.5104 41.5823 48.3463 41.7395 49.1741C41.8867 50.0211 42.0741 50.8714 42.2715 51.7184C42.4688 52.5653 42.6863 53.4224 42.9071 54.2559L41.6693 54.7231C40.9087 53.0792 40.2713 51.3805 39.7624 49.6413C39.504 48.7449 39.3062 47.832 39.1703 46.9088C39.1026 46.4165 39.068 45.9202 39.0666 45.4232C39.0587 44.8377 39.1574 44.2557 39.3576 43.7058C39.4346 43.5176 39.4747 43.4436 39.5283 43.3294L39.6821 43.0101C39.7825 42.7983 39.8862 42.5866 40.0167 42.3816L40.3512 41.7631L40.7058 41.1615C41.1784 40.369 41.6932 39.6027 42.248 38.866C42.7967 38.1299 43.3654 37.414 43.9642 36.7217C44.563 36.0293 45.1685 35.3773 45.8644 34.7051L47.7043 36.6343Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.8498 32.6007C46.0366 32.6814 44.3137 35.7063 44.3137 35.7063L46.709 40.6166C46.709 40.6166 49.954 37.901 49.9941 35.2391C50.0209 33.4947 49.6328 32.5167 47.8498 32.6007Z\",\n fill: \"#F5C7A3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M48.2808 36.1303C47.7523 36.9335 47.498 39.0174 47.4177 39.945C48.2159 39.1651 48.8926 38.2689 49.4249 37.2864C49.067 36.3891 48.6287 35.6026 48.2808 36.1303Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.5507 53.7441L44.7553 54.4163L43.2866 55.9086C43.2866 55.9086 41.6976 55.4145 41.4768 54.3289L42.5507 53.7441Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.0908 56.1064L45.7194 57.5348L43.2874 55.8946L44.756 54.4023L46.0908 56.1064Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.596 26.7689C60.5258 26.9672 60.5759 27.1689 60.7064 27.2159C60.8369 27.263 60.9975 27.1453 61.0644 26.947C61.1313 26.7487 61.0844 26.5437 60.954 26.4967C60.8235 26.4496 60.6663 26.5672 60.596 26.7689Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.8926 26.4863L61.4178 26.5298C61.4178 26.5298 61.0431 26.8075 60.8926 26.4863Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M60.696 27.0244C60.7158 27.5473 60.8058 28.0651 60.9636 28.5637C60.836 28.5973 60.7026 28.6027 60.5726 28.5795C60.4427 28.5562 60.3193 28.505 60.2109 28.4293L60.696 27.0244Z\",\n fill: \"#A02724\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.244 25.9913C61.2202 25.988 61.1979 25.9775 61.18 25.9614C61.1621 25.9452 61.1495 25.924 61.1437 25.9005C61.107 25.7486 61.0365 25.607 60.9374 25.4865C60.8383 25.366 60.7132 25.2697 60.5716 25.2048C60.5412 25.1934 60.5164 25.1705 60.5026 25.141C60.4889 25.1114 60.4872 25.0776 60.498 25.0468C60.5033 25.0314 60.5115 25.0172 60.5223 25.0051C60.5332 24.993 60.5463 24.9832 60.561 24.9763C60.5757 24.9693 60.5916 24.9655 60.6078 24.9649C60.624 24.9643 60.6401 24.9671 60.6553 24.9729C60.8374 25.0524 60.9983 25.1738 61.125 25.3274C61.2517 25.481 61.3406 25.6623 61.3845 25.8568C61.3886 25.8727 61.3894 25.8893 61.387 25.9055C61.3846 25.9217 61.3791 25.9373 61.3707 25.9513C61.3623 25.9654 61.3512 25.9776 61.3381 25.9874C61.325 25.9971 61.3101 26.0042 61.2942 26.0081L61.244 25.9913Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M53.7236 27.6133C53.7705 29.203 53.6099 32.0632 52.3855 32.8732C52.3855 32.8732 52.5494 34.5067 55.3963 35.0612C58.5242 35.6696 57.146 33.8008 57.146 33.8008C55.5067 33.0614 55.7576 31.8044 56.2494 30.6751L53.7236 27.6133Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M63.0211 38.4922C63.3021 39.2619 63.6232 40.0954 63.9645 40.8852C64.3057 41.675 64.6335 42.4749 65.0316 43.2379C65.4297 44.0008 65.8178 44.7671 66.2393 45.5099C66.4568 45.8763 66.6742 46.2426 66.9084 46.5922C67.0221 46.7736 67.1392 46.9484 67.263 47.1131L67.4436 47.3685L67.534 47.4996L67.5808 47.5635L67.6109 47.5971C67.8284 47.8457 68.0782 48.0639 68.3536 48.2458C68.6852 48.4733 69.0292 48.682 69.3839 48.8709C70.1166 49.2675 70.9027 49.6271 71.7023 49.9666C72.5018 50.306 73.3181 50.6388 74.1444 50.9312C74.9707 51.2236 75.8171 51.5328 76.63 51.8185L76.3189 53.1125C74.5261 52.8114 72.7548 52.3926 71.0165 51.8588C70.1265 51.5861 69.253 51.2618 68.4004 50.8875C67.9533 50.6881 67.5178 50.4637 67.0957 50.2153C66.6061 49.9349 66.1626 49.58 65.781 49.1633L65.7007 49.0726L65.6438 49.002L65.5334 48.8642L65.3126 48.5819C65.1621 48.397 65.0182 48.2088 64.8844 48.0172C64.6001 47.6374 64.3391 47.2475 64.0815 46.8543C63.574 46.0743 63.1061 45.2688 62.6798 44.4411C62.255 43.6177 61.8535 42.7875 61.4855 41.9406C61.1176 41.0936 60.7864 40.2601 60.4819 39.3324L63.0211 38.4922Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M76.1882 51.8122L78.1619 51.0459L78.0649 53.3347C78.0649 53.3347 76.4658 53.7616 75.7231 52.9516L76.1882 51.8122Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M79.6509 51.8324L80.3267 53.2944L78.0652 53.3347L78.1622 51.0459L79.6509 51.8324Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M46.9146 109.194L49.5273 109.389L50.3034 103.363L47.6907 103.168L46.9146 109.194Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M26.2207 95.5632L27.9268 97.6L32.9917 94.3297L31.2856 92.293L26.2207 95.5632Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M28.724 97.3364L27.3491 94.6812C27.3272 94.6351 27.2892 94.5987 27.2424 94.5788C27.1955 94.559 27.143 94.5572 27.0948 94.5737L24.9103 95.3333C24.8555 95.3554 24.806 95.389 24.765 95.4318C24.724 95.4745 24.6926 95.5256 24.6727 95.5814C24.6527 95.6373 24.6448 95.6968 24.6495 95.756C24.6541 95.8152 24.6712 95.8727 24.6996 95.9248C25.1947 96.8423 25.479 97.2692 26.0812 98.4287C26.4559 99.1446 26.9276 100.234 27.4394 101.225C27.9513 102.217 28.9281 101.776 28.801 101.316C28.2256 99.2622 28.607 98.6942 28.801 97.8036C28.8286 97.6436 28.8014 97.4789 28.724 97.3364Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.693 109.016H46.7557C46.7052 109.015 46.6561 109.033 46.6174 109.065C46.5787 109.098 46.553 109.144 46.545 109.194L46.1502 111.526C46.1421 111.584 46.1465 111.644 46.1631 111.7C46.1797 111.756 46.2082 111.808 46.2465 111.853C46.2849 111.897 46.3323 111.932 46.3855 111.957C46.4388 111.981 46.4966 111.994 46.555 111.993C47.582 111.977 48.0738 111.916 49.3651 111.916C50.1613 111.916 51.8005 112 52.8978 112C53.9951 112 54.0821 110.911 53.6271 110.81C51.5898 110.37 50.8003 109.758 50.1245 109.177C50.0053 109.072 49.8517 109.014 49.693 109.016Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M50.3038 103.363L49.8722 106.714L47.2695 106.452L47.691 103.172L50.3038 103.363Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M31.2856 92.293L32.9918 94.3297L30.8942 95.6842L29.1245 93.6878L31.2856 92.293Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.1233 48.5822L57.601 50.6223C62.5521 35.9785 61.3678 35.4979 61.3678 35.4979C60.5981 35.08 59.8038 34.7096 58.9893 34.3888L58.8454 34.335C58.1764 34.0896 58.0359 34.0526 57.1393 33.7905C55.5938 33.4241 54.1586 33.1183 52.3822 32.8662L52.0477 32.8192C51.7131 32.7788 51.4054 32.7452 51.0976 32.715C50.8902 32.6915 50.6828 32.678 50.4854 32.6646L49.8163 32.6276C48.6722 32.5705 47.8526 32.5873 47.8526 32.5873C48.428 41.7325 47.9897 44.3641 47.1233 48.5822Z\",\n fill: \"#F5C7A3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M59.8632 38.9144L58.9165 38.7598C58.9165 40.0134 59.3915 42.1644 59.8532 43.5324C60.2446 42.188 60.549 41.0822 60.7799 40.1512L59.8632 38.9144Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M61.0041 35.3187C62.553 35.8161 63.6804 38.8948 64.1019 40.2224L61.0911 43.7749C61.0911 43.7749 58.0067 39.3216 58.4984 37.9402C58.9802 36.5017 60.2548 35.0733 61.0041 35.3187Z\",\n fill: \"#F5C7A3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M62.007 23.9525C61.6958 24.87 60.3343 25.2363 58.9794 24.7759C57.6245 24.3154 56.7681 23.1895 57.0792 22.272C57.3904 21.3544 58.7519 20.9881 60.0901 21.4519C61.4282 21.9157 62.3147 23.0349 62.007 23.9525Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.147 23.7018C53.4511 26.2024 53.1032 27.2443 53.8994 28.9651C55.0971 31.5564 58.3019 31.9631 59.727 29.7415C61.0083 27.745 61.9316 23.9908 59.8843 22.112C59.4522 21.6925 58.9187 21.3934 58.3364 21.2443C57.7541 21.0952 57.1432 21.1012 56.564 21.2617C55.9847 21.4222 55.4571 21.7317 55.0333 22.1596C54.6094 22.5875 54.3039 23.119 54.147 23.7018Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.0357 20.7801C57.0321 21.3582 54.9011 17.7384 52.2549 20.7801C50.3614 22.9614 51.5691 26.1577 51.5691 26.1577C51.5691 26.1577 50.0603 23.4924 48.856 24.7931C47.2837 26.4736 48.9095 32.4864 54.0948 32.073C59.2801 31.6596 58.7783 27.4315 58.7783 27.4315C58.7783 27.4315 61.2071 24.9511 61.0866 22.7261C60.9963 21.059 59.7083 19.8289 58.0357 20.7801Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M58.6652 25.8483C58.5358 26.3136 58.5522 26.8077 58.712 27.2633C58.9261 27.9052 59.4179 27.9086 59.6788 27.465C59.9398 27.0213 60.0836 26.2516 59.7123 25.7341C59.341 25.2165 58.8325 25.3341 58.6652 25.8483Z\",\n fill: \"#B55B52\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M54.8185 50.0777C54.8185 50.0777 53.7011 53.9697 52.266 59.1053C51.3126 62.5267 50.2153 66.4994 49.215 70.2402C48.643 72.3811 48.1043 74.4448 47.6393 76.29C45.0099 86.7258 31.8961 95.6963 31.8961 95.6963L29.3569 92.8899C29.3569 92.8899 38.1686 85.4352 40.7312 75.6984C45.9064 55.9325 42.996 52.5984 47.1208 48.582L54.8185 50.0777Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M53.6862 53.5658C53.2982 55.0749 52.8098 56.9806 52.2711 59.1114C51.3177 62.5329 50.2204 66.5056 49.2202 70.2464C48.792 65.4738 48.5511 56.6982 52.047 53.9691C52.7362 53.4381 53.2814 53.3272 53.6862 53.5658Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M32.1131 96.0994L28.9417 92.5939L29.9018 91.626L33.7924 95.3096L32.1131 96.0994Z\",\n fill: \"#F5C7A3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.2031 98.7616C29.1712 98.7609 29.1396 98.7553 29.1094 98.7448C28.7983 98.6305 28.6009 98.0323 28.5106 97.6861C28.5077 97.6743 28.5083 97.6619 28.5125 97.6506C28.5167 97.6392 28.5242 97.6293 28.534 97.6223C28.5437 97.6151 28.5554 97.6113 28.5674 97.6113C28.5795 97.6113 28.5912 97.6151 28.6009 97.6223C28.6946 97.676 29.5175 98.16 29.5343 98.4995C29.537 98.5364 29.5298 98.5734 29.5133 98.6066C29.4968 98.6397 29.4717 98.6677 29.4406 98.6877C29.3722 98.739 29.2883 98.7651 29.2031 98.7616ZM28.6712 97.8037C28.8083 98.2575 28.9823 98.5633 29.1529 98.6238C29.1894 98.6352 29.2281 98.6371 29.2655 98.6295C29.3029 98.6219 29.3378 98.6049 29.367 98.5801C29.4105 98.5499 29.4138 98.5196 29.4105 98.4995C29.3938 98.3247 28.9957 98.0088 28.6712 97.8037Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M57.4343 50.6229C57.4343 50.6229 58.1034 71.4005 56.6247 79.2282C55.1059 87.3853 50.4693 105.871 50.4693 105.871L46.7024 105.383C46.7024 105.383 49.0843 86.6761 50.0979 78.5896C51.1986 69.7704 49.7634 49.1172 49.7634 49.1172L57.4343 50.6229Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M51.2795 106.101L45.9102 105.405L45.9737 104.121L51.8181 104.377L51.2795 106.101Z\",\n fill: \"#F5C7A3\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M29.33 97.9479C29.0521 97.9345 28.781 97.8575 28.5372 97.7227C28.5281 97.7171 28.5205 97.7092 28.5152 97.6998C28.51 97.6904 28.5072 97.6798 28.5071 97.669C28.5086 97.6581 28.5123 97.6477 28.5181 97.6385C28.5238 97.6292 28.5315 97.6213 28.5405 97.6152C28.5706 97.6152 29.2096 97.2623 29.5776 97.4001C29.6237 97.4169 29.6656 97.4436 29.7003 97.4785C29.735 97.5133 29.7616 97.5554 29.7783 97.6017C29.8003 97.6465 29.8067 97.6973 29.7963 97.7461C29.786 97.7949 29.7596 97.8388 29.7214 97.8706C29.6026 97.9379 29.4654 97.965 29.33 97.9479ZM28.7045 97.6757C28.9955 97.8101 29.504 97.8841 29.6445 97.7732C29.6679 97.753 29.6913 97.7227 29.6445 97.6454C29.6347 97.6157 29.618 97.5887 29.596 97.5665C29.5739 97.5443 29.547 97.5276 29.5174 97.5177C29.2367 97.4861 28.9531 97.5412 28.7045 97.6757Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.6632 109.473C50.3877 109.467 50.1133 109.436 49.8436 109.379C49.8308 109.378 49.8189 109.372 49.8097 109.363C49.8006 109.354 49.7949 109.342 49.7934 109.329C49.7915 109.316 49.7936 109.303 49.7997 109.291C49.8057 109.28 49.8152 109.271 49.8269 109.265C49.9473 109.201 51.0045 108.667 51.3189 108.845C51.3489 108.861 51.374 108.886 51.3917 108.915C51.4093 108.945 51.4188 108.978 51.4193 109.013C51.4258 109.069 51.4182 109.126 51.3971 109.178C51.3761 109.23 51.3423 109.276 51.2989 109.312C51.1109 109.436 50.8871 109.492 50.6632 109.473ZM50.051 109.292C50.6264 109.389 51.0546 109.362 51.2186 109.221C51.2467 109.196 51.2684 109.165 51.2818 109.13C51.2952 109.095 51.2999 109.057 51.2955 109.02C51.2965 109.006 51.2935 108.992 51.287 108.98C51.2805 108.969 51.2706 108.959 51.2587 108.952C51.0881 108.858 50.4859 109.083 50.051 109.292Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M49.8565 109.382C49.8444 109.385 49.8317 109.385 49.8197 109.382C49.8107 109.376 49.8035 109.367 49.7988 109.357C49.7941 109.347 49.7921 109.336 49.7929 109.325C49.7929 109.278 49.9234 108.142 50.5557 108.209C50.7229 108.226 50.7731 108.31 50.7831 108.38C50.83 108.676 50.1977 109.247 49.8799 109.389L49.8565 109.382ZM50.5055 108.316C50.1308 108.316 49.9803 108.938 49.9334 109.207C50.268 109.012 50.6895 108.565 50.6627 108.387C50.6627 108.387 50.6627 108.33 50.5423 108.32L50.5055 108.316Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M47.0568 47.9394L46.4312 48.7831C46.3844 48.8503 46.458 48.941 46.5784 48.9645L57.568 51.1021C57.6616 51.1021 57.7486 51.1021 57.762 51.0315L58.0129 50.1106C58.0129 50.0501 57.956 49.9762 57.8523 49.956L47.2408 47.8924C47.2087 47.8837 47.1749 47.8835 47.1427 47.8918C47.1105 47.9 47.0809 47.9164 47.0568 47.9394Z\",\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M48.2869 49.4046L48.0025 49.3475C47.9456 49.3475 47.9088 49.3004 47.9189 49.2668L48.2534 48.0736C48.2534 48.04 48.3203 48.0199 48.3739 48.0299L48.6582 48.0871C48.7151 48.0871 48.7552 48.1341 48.7452 48.1677L48.4107 49.3609C48.3973 49.4046 48.3437 49.4046 48.2869 49.4046Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M55.4639 50.813L55.1795 50.7592C55.1226 50.7592 55.0858 50.7088 55.0959 50.6752L55.4304 49.4854C55.4304 49.4484 55.494 49.4282 55.5509 49.4417L55.8352 49.4955C55.8887 49.4955 55.9289 49.5459 55.9188 49.5795L55.5843 50.7693C55.5743 50.8062 55.5207 50.8264 55.4639 50.813Z\",\n fill: \"#263238\"\n }), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 77.9105,\n cy: 59.1858,\n rx: 2.91047,\n ry: 2.92405,\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 88.0001,\n cy: 59.1858,\n rx: 2.91047,\n ry: 2.92405,\n fill: \"#ECB223\"\n }), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 98.0894,\n cy: 59.1858,\n rx: 2.91047,\n ry: 2.92405,\n fill: \"#ECB223\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0_5076_65881\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 168,\n height: 112,\n fill: \"white\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPaymentPendingBanner);\nexport default __webpack_public_path__ + \"App/static/media/payment_pending_banner.a7b870822c3ad0400b54e390456325c0.svg\";\nexport { ForwardRef as ReactComponent };","import { Container, ThemeProvider } from \"@mui/material\"\nimport { I18nextProvider } from \"react-i18next\"\nimport theme from \"../../../helpers/theme\"\nimport i18config from '../../../helpers/i18n'\nimport MembershipFeePayment from \"../../../components/MembershipFeePayment/MembershipFeePayment\"\nimport { useEffect, useState } from \"react\"\nimport MembershipPaymentSummary from \"../../../components/MembershipPaymentSummary/MembershipPaymentSummary\"\nimport { FeeResponse } from \"../../../services/ntuc/memberService/payment\"\nimport MembershipPaymentAcknowledgementPage from \"../AcknowledgementPage/AcknowledgementPage\"\nimport { MembershipPaymentRoute, MembershipPaymentRouteProps } from \"../../membership-payment-flow/MembershipPaymentFlow/MembershipPaymentFlow\"\nimport RetryUpfrontPayment from \"../../../components/RetryUpfrontPayment/RetryUpfrontPayment\"\n\ntype RouteParams = {\n fee: FeeResponse\n}\n\nenum ArrearsRoute {\n Main,\n RetryUpfrontPayment,\n MembershipFeePayment,\n MembershipPaymentSummary,\n Acknowledgement,\n}\n\ninterface ArrearsPaymentFlowRouteProps extends MembershipPaymentRouteProps {\n defaultRoute?: ArrearsRoute,\n}\n\nexport type ArrearsRouteProps = {\n onNavigateTo: (newRoute: ArrearsRoute, routeParams?: RouteParams) => void\n routeParams?: RouteParams\n}\n\nconst ArrearsPaymentFlow = (props: ArrearsPaymentFlowRouteProps) => {\n const [route, setRoute] = useState(props.defaultRoute ?? ArrearsRoute.MembershipFeePayment)\n const [routeParams, setRouteParams] = useState()\n const { onNavigateTo: parentOnNavigateTo } = props\n\n const handleNavigateTo = (newRoute: ArrearsRoute, routeParams?: RouteParams) => {\n setRoute(newRoute)\n setRouteParams(routeParams)\n }\n\n useEffect(() => {\n if (window.myNtucConfig.membershipPaymentCallbackUrl != null\n && window.location.href.startsWith(window.myNtucConfig.membershipPaymentCallbackUrl)) {\n setRoute(ArrearsRoute.Acknowledgement)\n }\n }, [])\n\n const currentPage = () => {\n switch (route) {\n case ArrearsRoute.Main:\n parentOnNavigateTo(MembershipPaymentRoute.Main)\n break\n case ArrearsRoute.RetryUpfrontPayment:\n return \n case ArrearsRoute.MembershipFeePayment:\n return \n case ArrearsRoute.MembershipPaymentSummary:\n return \n case ArrearsRoute.Acknowledgement:\n return \n }\n }\n\n return (\n \n \n \n {currentPage()}\n \n \n \n )\n}\n\nexport default ArrearsPaymentFlow\nexport { ArrearsRoute }","import { Button, Grid, Typography } from \"@mui/material\"\nimport { useTranslation } from \"react-i18next\"\nimport pendingBanner from \"../../../../assets/payment_pending_banner.svg\"\nimport { MembershipPaymentAcknowledgementPageProps } from \"../../../../views/arrears-payment-flow/AcknowledgementPage/AcknowledgementPage\"\nimport { ArrearsRoute } from \"../../../../views/arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport PaymentAcknowledgementBanner from \"../../PaymentAcknowledgementBanner\"\n\nconst MembershipPaymentPending = (props: MembershipPaymentAcknowledgementPageProps) => {\n const { orderId, onNavigateTo } = props\n const { t } = useTranslation(`arrears-payment`)\n\n const handleHomeClick = () => {\n if (window.myNtucConfig.paymentBackToHomeHomeUrl != undefined) {\n window.location.replace(window.myNtucConfig.paymentBackToHomeHomeUrl)\n } else {\n onNavigateTo(ArrearsRoute.Main)\n }\n }\n\n return (\n \n \n \n {t(`paymentIsPending`)}\n \n \n {t(`arrearPaymentIsPending`)}\n \n \n {t(`reference`)}\n {orderId}\n \n \n \n {t(`home`)}\n \n \n \n )\n}\n\nexport default MembershipPaymentPending","import { Button, Grid, Typography } from \"@mui/material\"\nimport { useTranslation } from \"react-i18next\"\nimport { useState } from \"react\"\nimport failureBanner from \"../../../../assets/payment_failure_banner.svg\"\nimport { OrderRequest, postCreateOrder } from \"../../../../services/ntuc/memberService/payment\"\nimport { getMembershipPayment } from \"../../../../services/ntuc/paymentService/payment\"\nimport { MembershipPaymentAcknowledgementPageProps } from \"../../../../views/arrears-payment-flow/AcknowledgementPage/AcknowledgementPage\"\nimport { ArrearsRoute } from \"../../../../views/arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport PaymentAcknowledgementBanner from \"../../PaymentAcknowledgementBanner\"\nimport { DeviceType } from \"../../../../services/ntuc/memberService/oaMembership\"\n\nconst MembershipPaymentFailure = (props: MembershipPaymentAcknowledgementPageProps) => {\n const { orderId, order, onNavigateTo } = props\n const { t } = useTranslation(`arrears-payment`)\n const [loading, setLoading] = useState(false)\n\n const handleHomeClick = () => {\n if (window.myNtucConfig.paymentBackToHomeHomeUrl != undefined) {\n window.location.replace(window.myNtucConfig.paymentBackToHomeHomeUrl)\n } else {\n onNavigateTo(ArrearsRoute.Main)\n }\n }\n\n const redirectToPaymentGateway = (clientOrderId: string) => {\n window.location.replace(getMembershipPayment(clientOrderId))\n }\n\n const handleTryAgainClick = () => {\n const orderRequest: OrderRequest = {\n feeType: order!.feeType,\n endDate: order!.endDate,\n startDate: order!.startDate,\n serviceType: order!.serviceType,\n noOfMonths: order!.noOfMonths,\n amount: order!.amount,\n isOneTimePayment: order!.isOneTimePayment,\n isRecurringPayment: order!.isRecurringPayment,\n membershipId: order!.membershipId,\n deviceType: DeviceType.WEB,\n }\n\n if (orderRequest) {\n setLoading(true)\n postCreateOrder(orderRequest)\n .then(response => response.data.content.clientOrderId)\n .then(redirectToPaymentGateway)\n .catch(error => error.response.data.content)\n .then(console.error)\n .then(() => setLoading(false))\n }\n\n }\n\n return (\n \n \n \n {t(`paymentUnsuccessful`)}\n \n \n {t(`unableToCompletePayment`)}\n \n \n {t(`reference`)}\n {orderId}\n \n \n \n {t(`try_again`)}\n \n \n {t(`home`)}\n \n \n \n )\n}\n\nexport default MembershipPaymentFailure","\nexport const isEmpty = (value: string): boolean => {\n return value === ``\n}\n\nexport const isNotEmpty = (value: string): boolean => {\n return value !== ``\n}\n\nexport const capitaliseText = (value: string): string => {\n return value.toUpperCase()\n}","import { useEffect, useState } from \"react\"\nimport { getPaymentResult, GetPaymentResultResponse, PayementStatus } from \"../../../services/ntuc/paymentService/payment\"\nimport { searchParams } from '../../../helpers/search-params'\nimport { getPayment, OrderResponseWithOrderStatus, OrderStatus, PaymentResponse } from \"../../../services/ntuc/memberService/payment\"\nimport MembershipPaymentSuccess from \"../../../components/Acknowledgement/MembershipPayment/PaymentSuccess/MembershipPaymentSuccess\"\nimport MembershipPaymentPending from \"../../../components/Acknowledgement/MembershipPayment/PaymentPending/MembershipPaymentPending\"\nimport MembershipPaymentFailure from \"../../../components/Acknowledgement/MembershipPayment/PaymentFailure/MembershipPaymentFailure\"\nimport { ArrearsRouteProps } from \"../ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport { isNotEmpty } from \"../../../helpers/StringHelpers\"\nimport { DeviceType } from \"../../../services/ntuc/memberService/oaMembership\"\n\ninterface MembershipPaymentAcknowledgementPageProps extends ArrearsRouteProps {\n orderId?: string\n order?: OrderResponseWithOrderStatus\n}\n\nconst MembershipPaymentAcknowledgementPage = (props: ArrearsRouteProps) => {\n const { onNavigateTo } = props\n\n const [paymentResult, setPaymentResult] = useState({\n status: PayementStatus.PENDING,\n clientOrderId: ``,\n })\n\n const [orderDetails, setOderDetails] = useState(undefined)\n\n const transformToOrderRequest = (content: PaymentResponse): OrderResponseWithOrderStatus => {\n return {\n feeType: parseInt(content.membershipPayment.feeType),\n endDate: content.membershipPayment.endDate,\n startDate: content.membershipPayment.startDate,\n serviceType: content.payment.serviceType,\n noOfMonths: content.membershipPayment.noOfMonths,\n amount: content.payment.orderAmount,\n isOneTimePayment: content.payment.isOneTimePayment,\n isRecurringPayment: content.payment.isRecurringPayment,\n membershipId: parseInt(content.membershipPayment.membershipId),\n deviceType: DeviceType.WEB,\n orderStatus: content.payment.orderStatus,\n }\n }\n\n const data = searchParams.Data\n const iv = searchParams.IV\n const tag = searchParams.tag || searchParams.Tag\n\n useEffect(() => {\n if (data && iv && tag) {\n getPaymentResult(data, iv, tag)\n .then(response => response.data.content)\n .then(setPaymentResult)\n .catch(error => {\n console.error(error.message)\n })\n }\n }, [data, iv, tag])\n\n useEffect(() => {\n if (isNotEmpty(paymentResult.clientOrderId)) {\n getPayment(paymentResult.clientOrderId)\n .then(response => response.data.content)\n .then(transformToOrderRequest)\n .then(setOderDetails)\n .catch(error => {\n console.error(error.message)\n })\n }\n }, [paymentResult])\n\n switch (orderDetails?.orderStatus) {\n case OrderStatus.SEMI_SUCCESS_RECURRING:\n case OrderStatus.SEMI_SUCCESS_ONE_TIME:\n case OrderStatus.SUCCESS:\n return \n case OrderStatus.FAILED:\n case OrderStatus.CANCELLED:\n return \n default:\n return \n }\n}\n\nexport default MembershipPaymentAcknowledgementPage\nexport type { MembershipPaymentAcknowledgementPageProps }","import { CircularProgress, Grid } from \"@mui/material\"\nimport { useEffect } from \"react\"\nimport { DeviceType } from \"../../services/ntuc/memberService/oaMembership\"\nimport { extractClientOrderId, extractPaymentResponseContent, getPayment, OrderRequest, PaymentInfo, paymentInfoFromPaymentResponse, postCreateOrder, ServiceType } from \"../../services/ntuc/memberService/payment\"\nimport { redirectToPaymentGateway } from \"../../services/ntuc/paymentService/payment\"\nimport { MembershipActionType } from \"../../store/membership/MembershipReducer\"\nimport { useMembershipStore } from \"../../store/membership/MembershipSignupStore\"\nimport { MembershipPaymentRoute, MembershipPaymentRouteProps } from \"../../views/membership-payment-flow/MembershipPaymentFlow/MembershipPaymentFlow\"\n\nconst RetryUpfrontPayment = (props: MembershipPaymentRouteProps) => {\n const { onNavigateTo } = props\n\n const [membershipState, dispatchEvent] = useMembershipStore()\n\n useEffect(() => {\n const membershipDetails = membershipState.membershipDetails\n\n if (membershipDetails != undefined && membershipDetails!.outstandingPaymentId != undefined) {\n resetErrorStatus()\n\n getPayment(membershipDetails!.outstandingPaymentId)\n .then(extractPaymentResponseContent)\n .then(paymentInfoFromPaymentResponse)\n .then(createOrderRequest)\n .then(triggerPayment)\n .catch(returnWithError)\n } else {\n returnWithError(Error(`Membership details is undefined, which should not happen when reaching this page. Make sure the state is correclty updated in previous page.`))\n }\n }, [membershipState.membershipDetails])\n\n const createOrderRequest = (paymentInfo: PaymentInfo) => {\n if (!membershipState.membershipDetails) {\n throw Error(`Membership details should not be undefined when invoking this function`)\n }\n\n return {\n feeType: paymentInfo.feeType,\n endDate: paymentInfo.endDate,\n startDate: paymentInfo.startDate,\n serviceType: ServiceType.SIGN_UP,\n noOfMonths: paymentInfo.month,\n amount: `${paymentInfo.amount}`,\n isOneTimePayment: true,\n isRecurringPayment: false,\n membershipId: membershipState.membershipDetails!.id,\n deviceType: DeviceType.WEB,\n }\n }\n\n const triggerPayment = (orderRequest: OrderRequest) => {\n postCreateOrder(orderRequest)\n .then(extractClientOrderId)\n .then(redirectToPaymentGateway)\n .catch(returnWithError)\n }\n\n const returnWithError = (error: Error) => {\n console.error(error)\n dispatchEvent({\n type: MembershipActionType.HAD_ERROR_SETTING_UP_UPFRONT_PAYMENT,\n })\n onNavigateTo(MembershipPaymentRoute.Main)\n }\n\n const resetErrorStatus = () => {\n dispatchEvent({\n type: MembershipActionType.REST_SETTING_UP_UPFRONT_PAYMENT_ERROR,\n })\n }\n\n return (\n \n \n \n )\n}\n\nexport default RetryUpfrontPayment","import { useEffect, useState } from \"react\"\nimport { Container } from \"@mui/material\"\nimport { I18nextProvider } from 'react-i18next'\nimport i18config from '../../../helpers/i18n'\nimport { ThemeProvider } from '@mui/material'\nimport theme from '../../../helpers/theme'\nimport RecurringPaymentFlow from \"../../recurring-payment-flow/RecurringPaymentFlow/RecurringPaymentFlow\"\nimport MembershipPaymentPage from \"../MembershipPaymentPage/MembershipPaymentPage\"\nimport ArrearsPaymentFlow, { ArrearsRoute } from \"../../arrears-payment-flow/ArrearsPaymentFlow/ArrearsPaymentFlow\"\nimport { StoreProvider } from \"../../../store/membership/MembershipSignupStore\"\nimport { initialState, membershipReducer } from \"../../../store/membership/MembershipReducer\"\n\nexport type MembershipPaymentRouteProps = {\n onNavigateTo: (newRoute: MembershipPaymentRoute) => void\n}\n\nenum MembershipPaymentRoute {\n Main,\n Recurring,\n MembershipFeePayment,\n RetryUpfrontPayment,\n}\n\nfunction MembershipPaymentFlow() {\n const [route, setRoute] = useState(MembershipPaymentRoute.Main)\n\n useEffect(() => {\n if (window.myNtucConfig.recurringPaymentCallbackUrl != null && window.location.href.startsWith(window.myNtucConfig.recurringPaymentCallbackUrl)) {\n setRoute(MembershipPaymentRoute.Recurring)\n } else if (window.myNtucConfig.membershipPaymentCallbackUrl != null && window.location.href.startsWith(window.myNtucConfig.membershipPaymentCallbackUrl)) {\n setRoute(MembershipPaymentRoute.MembershipFeePayment)\n }\n }, [])\n\n const handleNavigateTo = (newRoute: MembershipPaymentRoute) => {\n setRoute(newRoute)\n }\n\n const currentPage = () => {\n switch (route) {\n case MembershipPaymentRoute.Main:\n return \n case MembershipPaymentRoute.Recurring:\n return \n case MembershipPaymentRoute.MembershipFeePayment:\n return \n case MembershipPaymentRoute.RetryUpfrontPayment:\n return \n }\n }\n\n return (\n \n \n \n \n {currentPage()}\n \n \n \n \n )\n}\n\nexport default MembershipPaymentFlow\nexport { MembershipPaymentRoute }","import { CompanyBoolean, SignupState } from \"./SignupState\"\n\nexport enum ActionType {\n ADD_PERSONAL_DETAILS = `APP/SIGN_UP/PERSONAL_AND_CONTACT_DETAILS`,\n ADD_ADDRESS_AND_EMPLOYMENT_DETAILS = `APP/SIGN_UP/ADDRESS_AND_EMPLOYMENT_DETAILS`,\n MY_INFO = `APP/MY_INFO`,\n ADD_BANK_DETAILS = `APP/SIGN_UP/BANK_DETAILS`,\n ADD_REFERRAL_DETAILS = `APP/SIGN_UP/REFERRAL_DETAILS`,\n ADD_MEMBERSHIP_ID = `APP/SIGN_UP/MEMBERSHIP_ID`,\n RETRIEVE_DRAFT = `APP/DRAFT/RETRIEVAL`,\n UPDATE_CAMPAIGN = `APP/CAMPAIGN/UPDATE`,\n CLEAR = `APP/SIGNUP/CLEAR`\n}\n\nexport interface Action {\n type: ActionType,\n value: any\n}\n\nexport interface disableFields {\n mandatoryFieldsFilled: boolean,\n isSCPR: boolean,\n addressAndEmployment: {\n postalCode: boolean,\n houseNumber: boolean,\n streetName: boolean,\n floorNumber: boolean,\n unitNumber: boolean,\n buildingName: boolean,\n companyName: CompanyBoolean,\n jobTitle: boolean,\n },\n personalDetail: {\n name: boolean,\n cardName: boolean,\n nric: boolean,\n dateOfBirth: boolean,\n gender: boolean,\n mobileNumber: boolean,\n email: boolean,\n race: boolean,\n maritalStatus: boolean,\n educationalStatus: boolean,\n },\n}\n\nexport const initialState: SignupState = {\n personalDetail: {\n name: ``,\n cardName: ``,\n nric: ``,\n dateOfBirth: null,\n mobileNumber: ``,\n email: ``,\n gender: ``,\n race: {\n value: ``,\n code: ``,\n },\n residentialStatus: {\n value: ``,\n code: ``,\n },\n maritalStatus: {\n value: ``,\n code: ``,\n },\n educationalStatus: {\n value: ``,\n code: ``,\n },\n saved: false,\n },\n addressAndEmploymentDetail: {\n postalCode: ``,\n houseNumber: ``,\n streetName: ``,\n floorNumber: ``,\n unitNumber: ``,\n buildingName: ``,\n jobTitle: ``,\n companyName: {\n name: ``,\n code: ``,\n },\n occupationalGroup: {\n value: ``,\n code: ``,\n },\n monthlySalary: {\n value: ``,\n code: ``,\n },\n },\n bankDetail: {\n accountNumber: ``,\n bankName: {\n value: ``,\n code: ``,\n },\n },\n referralDetail: {\n referralCode: ``,\n recruiterCode: ``,\n },\n membershipId: undefined,\n disabledFields: {\n myInfo: false,\n addressAndEmploymentDetailMyInfo: {\n postalCode: false,\n houseNumber: false,\n streetName: false,\n floorNumber: false,\n unitNumber: false,\n buildingName: false,\n companyName: {\n code: false,\n name: false,\n businessNature: false,\n },\n jobTitle: false,\n },\n personalDetailMyInfo: {\n name: false,\n cardName: false,\n nric: false,\n dateOfBirth: false,\n gender: false,\n mobileNumber: false,\n email: false,\n race: false,\n maritalStatus: false,\n educationalStatus: false,\n },\n },\n myInfo: {\n isSCPR: false,\n addressAndEmploymentDetail: {\n postalCode: ``,\n houseNumber: ``,\n streetName: ``,\n floorNumber: ``,\n unitNumber: ``,\n buildingName: ``,\n jobTitle: ``,\n companyName: {\n name: ``,\n code: ``,\n businessNature: ``,\n },\n occupationalGroup: {\n value: ``,\n code: ``,\n },\n monthlySalary: {\n value: ``,\n code: ``,\n },\n },\n personalDetail: {\n name: ``,\n cardName: ``,\n nric: ``,\n dateOfBirth: null,\n mobileNumber: ``,\n email: ``,\n gender: ``,\n race: {\n value: ``,\n code: ``,\n },\n residentialStatus: {\n value: ``,\n code: ``,\n },\n maritalStatus: {\n value: ``,\n code: ``,\n },\n educationalStatus: {\n value: ``,\n code: ``,\n },\n saved: false,\n },\n },\n campaign: undefined,\n}\n\nexport const signupReducer = function (state: SignupState = initialState, action: Action): SignupState {\n switch (action.type) {\n case ActionType.CLEAR:\n return initialState\n case ActionType.ADD_PERSONAL_DETAILS:\n return {\n ...state,\n personalDetail: action.value,\n }\n case ActionType.ADD_ADDRESS_AND_EMPLOYMENT_DETAILS:\n return {\n ...state,\n addressAndEmploymentDetail: action.value,\n }\n case ActionType.MY_INFO: {\n const raceList = [`CN`, `MY`, `IN`, `EU`, `OT`]\n const mandatoryFieldCheck = (): disableFields => {\n const REGEX = /^S|T/i\n if (\n action.value.user.name &&\n action.value.user.nricFin &&\n action.value.user.dob &&\n action.value.user.gender &&\n action.value.user.race\n ) {\n switch (true) {\n case REGEX.test(action.value.user.nricFin):\n // Case for SC and PR\n if (\n action.value.user.maritalStatus &&\n action.value.address.postalCode &&\n action.value.address.street\n ) {\n return {\n mandatoryFieldsFilled: true,\n isSCPR: true,\n addressAndEmployment: {\n postalCode: true,\n houseNumber: true,\n streetName: true,\n floorNumber: true,\n unitNumber: true,\n buildingName: true,\n companyName: {\n code: false,\n name: false,\n businessNature: false,\n },\n jobTitle: false,\n },\n personalDetail: {\n name: true,\n cardName: false,\n nric: true,\n dateOfBirth: true,\n gender: true,\n mobileNumber: false,\n email: false,\n race: true,\n maritalStatus: false,\n educationalStatus: false,\n },\n }\n }\n return {\n mandatoryFieldsFilled: false,\n isSCPR: true,\n addressAndEmployment: {\n postalCode: false,\n houseNumber: false,\n streetName: false,\n floorNumber: false,\n unitNumber: false,\n buildingName: false,\n companyName: {\n code: false,\n name: false,\n businessNature: false,\n },\n jobTitle: false,\n },\n personalDetail: {\n name: false,\n cardName: false,\n nric: false,\n dateOfBirth: false,\n gender: false,\n mobileNumber: false,\n email: false,\n race: false,\n maritalStatus: false,\n educationalStatus: false,\n },\n }\n case !REGEX.test(action.value.user.nricFin):\n // Case for non-SC and non-PR\n if (\n action.value.user.occupation &&\n action.value.user.company.name\n ) {\n return {\n mandatoryFieldsFilled: true,\n isSCPR: false,\n addressAndEmployment: {\n postalCode: false,\n houseNumber: false,\n streetName: false,\n floorNumber: false,\n unitNumber: false,\n buildingName: false,\n companyName: {\n code: false,\n name: true,\n businessNature: false,\n },\n jobTitle: true,\n },\n personalDetail: {\n name: true,\n cardName: false,\n nric: true,\n dateOfBirth: true,\n gender: true,\n mobileNumber: false,\n email: false,\n race: true,\n maritalStatus: false,\n educationalStatus: false,\n },\n }\n }\n return {\n mandatoryFieldsFilled: false,\n isSCPR: false,\n addressAndEmployment: {\n postalCode: false,\n houseNumber: false,\n streetName: false,\n floorNumber: false,\n unitNumber: false,\n buildingName: false,\n companyName: {\n code: false,\n name: false,\n businessNature: false,\n },\n jobTitle: false,\n },\n personalDetail: {\n name: false,\n cardName: false,\n nric: false,\n dateOfBirth: false,\n gender: false,\n mobileNumber: false,\n email: false,\n race: false,\n maritalStatus: false,\n educationalStatus: false,\n },\n }\n }\n }\n return {\n mandatoryFieldsFilled: false,\n isSCPR: false,\n addressAndEmployment: {\n postalCode: false,\n houseNumber: false,\n streetName: false,\n floorNumber: false,\n unitNumber: false,\n buildingName: false,\n companyName: {\n code: false,\n name: false,\n businessNature: false,\n },\n jobTitle: false,\n },\n personalDetail: {\n name: false,\n cardName: false,\n nric: false,\n dateOfBirth: false,\n gender: false,\n mobileNumber: false,\n email: false,\n race: false,\n maritalStatus: false,\n educationalStatus: false,\n },\n }\n }\n return {\n ...state,\n addressAndEmploymentDetail: {\n ...state.addressAndEmploymentDetail,\n postalCode: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.postalCode : ``,\n houseNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.blockHSENo : ``,\n streetName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.street : ``,\n floorNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.floor : ``,\n unitNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.unit : ``,\n buildingName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.buildingName : ``,\n companyName: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.company.code : ``,\n name: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.company.name : ``,\n },\n jobTitle: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.occupation : ``,\n },\n personalDetail: {\n ...state.personalDetail,\n name: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.name : ``,\n cardName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.name : ``,\n nric: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.nricFin : ``,\n dateOfBirth: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.dob : ``,\n gender: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.gender : ``,\n mobileNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.mobileNumber : ``,\n email: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.email : ``,\n // residentialStatus: action.value.user.email,\n race: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ?\n (raceList.includes(action.value.user.race) ? action.value.user.race : `OT`) : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ?\n (raceList.includes(action.value.user.race) ? action.value.user.race : `OT`) : ``,\n },\n maritalStatus: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.maritalStatus : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.maritalStatus : ``,\n },\n educationalStatus: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.highestEducationLevel : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.highestEducationLevel : ``,\n },\n },\n disabledFields: {\n myInfo: true,\n addressAndEmploymentDetailMyInfo: {\n ...state.disabledFields.addressAndEmploymentDetailMyInfo,\n postalCode: mandatoryFieldCheck().addressAndEmployment.postalCode,\n houseNumber: mandatoryFieldCheck().addressAndEmployment.houseNumber,\n streetName: mandatoryFieldCheck().addressAndEmployment.streetName,\n floorNumber: mandatoryFieldCheck().addressAndEmployment.floorNumber,\n unitNumber: mandatoryFieldCheck().addressAndEmployment.unitNumber,\n buildingName: mandatoryFieldCheck().addressAndEmployment.buildingName,\n companyName: {\n code: mandatoryFieldCheck().addressAndEmployment.companyName.code,\n name: mandatoryFieldCheck().addressAndEmployment.companyName.name,\n businessNature: mandatoryFieldCheck().addressAndEmployment.companyName.businessNature,\n },\n jobTitle: mandatoryFieldCheck().addressAndEmployment.jobTitle,\n },\n personalDetailMyInfo: {\n ...state.disabledFields.personalDetailMyInfo,\n name: mandatoryFieldCheck().personalDetail.name,\n cardName: mandatoryFieldCheck().personalDetail.cardName,\n nric: mandatoryFieldCheck().personalDetail.nric,\n dateOfBirth: mandatoryFieldCheck().personalDetail.dateOfBirth,\n gender: mandatoryFieldCheck().personalDetail.gender,\n mobileNumber: mandatoryFieldCheck().personalDetail.mobileNumber,\n email: mandatoryFieldCheck().personalDetail.email,\n race: mandatoryFieldCheck().personalDetail.race,\n maritalStatus: mandatoryFieldCheck().personalDetail.maritalStatus,\n educationalStatus: mandatoryFieldCheck().personalDetail.educationalStatus,\n },\n },\n myInfo: {\n mandatoryFieldsFilled: mandatoryFieldCheck().mandatoryFieldsFilled,\n isSCPR: mandatoryFieldCheck().isSCPR,\n addressAndEmploymentDetail: {\n ...state.addressAndEmploymentDetail,\n postalCode: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.postalCode : ``,\n houseNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.blockHSENo : ``,\n streetName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.street : ``,\n floorNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.floor : ``,\n unitNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.unit : ``,\n buildingName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.address.buildingName : ``,\n companyName: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.company.code : ``,\n name: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.company.name : ``,\n },\n jobTitle: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.occupation : ``,\n },\n personalDetail: {\n ...state.personalDetail,\n name: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.name : ``,\n cardName: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.name : ``,\n nric: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.nricFin : ``,\n dateOfBirth: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.dob : ``,\n gender: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.gender : ``,\n mobileNumber: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.mobileNumber : ``,\n email: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.email : ``,\n // residentialStatus: action.value.user.email,\n race: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.race : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.race : ``,\n },\n maritalStatus: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.maritalStatus : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.maritalStatus : ``,\n },\n educationalStatus: {\n code: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.highestEducationLevel : ``,\n value: mandatoryFieldCheck().mandatoryFieldsFilled ? action.value.user.highestEducationLevel : ``,\n },\n },\n },\n }\n }\n case ActionType.ADD_BANK_DETAILS:\n return {\n ...state,\n bankDetail: action.value,\n }\n case ActionType.ADD_REFERRAL_DETAILS:\n return {\n ...state,\n referralDetail: action.value,\n }\n case ActionType.ADD_MEMBERSHIP_ID:\n return {\n ...state,\n membershipId: action.value,\n }\n case ActionType.RETRIEVE_DRAFT:\n return {\n ...state,\n membershipId: action.value.membership[0].id,\n addressAndEmploymentDetail: {\n ...state.addressAndEmploymentDetail,\n postalCode: action.value.user.address.postalCode,\n houseNumber: action.value.user.address.blockHSENo,\n streetName: action.value.user.address.street,\n floorNumber: action.value.user.address.floor,\n unitNumber: action.value.user.address.unit,\n buildingName: action.value.user.address.buildingName,\n occupationalGroup: {\n code: action.value.user.occupationalGroup,\n value: action.value.user.occupationalGroup,\n },\n monthlySalary: {\n code: action.value.user.monthlyGrossSalary + ``,\n value: action.value.user.monthlyGrossSalary + ``,\n },\n companyName: {\n code: action.value.user.company?.code,\n name: action.value.user.company?.name,\n businessNature: action.value.user.company?.businessNature,\n },\n jobTitle: action.value.user.occupation,\n },\n personalDetail: {\n ...state.personalDetail,\n name: action.value.user.name,\n cardName: action.value.membership[0].nameOnCard ?? action.value.user.name,\n nric: action.value.user.nricFin,\n dateOfBirth: action.value.user.dob,\n gender: action.value.user.gender,\n mobileNumber: action.value.user.mobileNumber,\n email: action.value.user.email,\n race: {\n code: action.value.user.race,\n value: action.value.user.race,\n },\n maritalStatus: {\n code: action.value.user.maritalStatus,\n value: action.value.user.maritalStatus,\n },\n educationalStatus: {\n code: action.value.user.highestEducationLevel,\n value: action.value.user.highestEducationLevel,\n },\n residentialStatus: {\n code: action.value.user.address.residentialStatus,\n value: action.value.user.address.residentialStatus,\n },\n },\n bankDetail: {\n accountNumber: action.value.user.bankAccountNumber,\n bankName: {\n value: action.value.user.bankName,\n code: action.value.user.bankCode,\n },\n },\n referralDetail: {\n referralCode: action.value.membership[0].referralCode,\n recruiterCode: action.value.membership[0].recruiterCode,\n },\n }\n case ActionType.UPDATE_CAMPAIGN:\n return {\n ...state,\n campaign: {\n code: action.value.code,\n app: action.value.app,\n callback: action.value.callback,\n },\n }\n }\n}\n","import { createContext } from \"react\"\n\nexport interface SignupFormData {\n nric?: string,\n name?: string,\n cardName?: string,\n dateOfBirth?: Date,\n gender?: string,\n mobileNumber?: string,\n email?: string,\n residentialStatus?: string,\n race?: string,\n maritalStatus?: string,\n educationStatus?: string,\n address?: string,\n jobTitle?: string,\n occupation?: string,\n company?: string,\n salary?: string,\n bankName?: string,\n accountNumber?: string,\n}\n\nconst defaultFormData: SignupFormData = {}\n\nexport const SignupFormContext = createContext(defaultFormData)\n","\nimport { createContext, Dispatch, ReactElement, useContext, useReducer } from \"react\"\nimport { Action, initialState } from \"./SignupReducer\"\nimport { SignupState } from \"./SignupState\"\n\ninterface StoreProviderProps {\n children: ReactElement\n initialState: SignupState\n reducer: (state: SignupState, action: Action) => SignupState\n}\n\nconst SignupStore = createContext<[SignupState, Dispatch]>([initialState, () => { null }])\n\nSignupStore.displayName = `SignupStore`\n\nexport const useSignupStore = () => useContext(SignupStore)\n\nexport const StoreProvider = (props: StoreProviderProps) => {\n const { children, initialState, reducer } = props\n const [globalState, dispatch] = useReducer(reducer, initialState)\n\n return (\n {children}\n )\n}","/* eslint-disable const-case/uppercase */\nimport { createContext } from \"react\"\nconst MYINFO_BASE_URL = window.myNtucConfig.myInfoBaseUrl\nconst CLIENT_ID = window.myNtucConfig.myInfoClientId\nconst ATTRIBUTES = `uinfin,name,sex,race,nationality,dob,email,mobileno,regadd,marital,edulevel,employment,occupation`\nconst PURPOSE = `NTUC Membership Form`\nconst STATE = Date.now() // timestamp\n\nconst REDIRECT_URL = window.myNtucConfig.myInfoCallbackUrl // myinfo only allows with this URL for dev. purposes\n\ninterface MyInfoData {\n user: {\n dob: string,\n email: string,\n gender: string,\n highestEducationLevel: string,\n maritalStatus: string,\n mobileNumber: string,\n name: string,\n nricFin: string,\n race: string,\n occupation: string,\n company: {\n code: string,\n name: string\n },\n }\n address: {\n blockHSENo: string,\n buildingName: string,\n floor: string,\n postalCode: string,\n street: string,\n unit: string\n }\n}\n\nconst defaultMyInfoData: MyInfoData = {\n user: {\n dob: ``,\n email: ``,\n gender: ``,\n highestEducationLevel: ``,\n maritalStatus: ``,\n mobileNumber: ``,\n name: ``,\n nricFin: ``,\n race: ``,\n occupation: ``,\n company: {\n code: ``,\n name: ``,\n },\n },\n address: {\n blockHSENo: ``,\n buildingName: ``,\n floor: ``,\n postalCode: ``,\n street: ``,\n unit: ``,\n },\n}\n\ninterface MyInfoContext {\n myInfoData: MyInfoData,\n setMyInfoData: any\n}\n\nconst defaultMyInfoContext: MyInfoContext = {\n myInfoData: defaultMyInfoData,\n setMyInfoData: () => { return },\n}\n\nconst MyInfoContextProvider = createContext(defaultMyInfoContext)\n\nconst MYINFO_AUTH_URL = `${MYINFO_BASE_URL}/authorise?client_id=${CLIENT_ID}&attributes=${ATTRIBUTES}&purpose=${PURPOSE}&state=${STATE}&redirect_uri=${REDIRECT_URL}`\n\nexport type { MyInfoData, MyInfoContext }\nexport { MYINFO_AUTH_URL, defaultMyInfoData, defaultMyInfoContext, MyInfoContextProvider }\n","var _path, _path2, _path3, _g, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _g2, _g3, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _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 * as React from \"react\";\n\nfunction SvgDisclaimerBanner(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 288,\n height: 95,\n viewBox: \"0 0 288 95\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 12C0 5.37258 5.37258 0 12 0H276C282.627 0 288 5.37258 288 12V83C288 89.6274 282.627 95 276 95H12C5.37259 95 0 89.6274 0 83V12Z\",\n fill: \"#FDE9EA\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M113.315 53.4334C113.784 53.0851 114.097 52.5621 114.187 51.9792C114.276 51.3963 114.135 50.8011 113.793 50.3242L116.062 48.6383L130.717 69.004L128.447 70.69C128.28 70.4474 128.067 70.2411 127.82 70.0833C127.573 69.9255 127.298 69.8193 127.01 69.7709C126.722 69.7225 126.428 69.7329 126.144 69.8015C125.861 69.8701 125.593 69.9955 125.358 70.1704C125.122 70.3452 124.924 70.5661 124.773 70.8199C124.623 71.0738 124.524 71.3556 124.482 71.6488C124.44 71.942 124.456 72.2408 124.529 72.5276C124.603 72.8144 124.731 73.0835 124.908 73.3192L120.523 76.5762L105.869 56.2104L110.253 52.9534C110.597 53.4291 111.112 53.7468 111.686 53.8368C112.26 53.9268 112.846 53.7817 113.315 53.4334Z\",\n fill: \"#FF725E\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.3,\n d: \"M113.79 50.3238L116.06 48.6379L130.715 69.0036L128.445 70.6896C128.102 70.2127 127.587 69.8938 127.012 69.8031C126.438 69.7123 125.851 69.857 125.382 70.2055L113.313 53.433C113.781 53.0847 114.095 52.5617 114.184 51.9788C114.274 51.3959 114.132 50.8007 113.79 50.3238Z\",\n fill: \"white\"\n })), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.2\n }, /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M125.344 70.0053L125.447 70.1483C125.46 70.1672 125.466 70.1909 125.462 70.2141C125.459 70.2373 125.446 70.2581 125.428 70.272C125.409 70.2858 125.386 70.2916 125.363 70.288C125.34 70.2844 125.32 70.2717 125.306 70.2527L125.203 70.1098C125.189 70.0909 125.184 70.0672 125.187 70.044C125.191 70.0208 125.203 70 125.222 69.9861C125.241 69.9723 125.264 69.9665 125.287 69.9701C125.31 69.9737 125.33 69.9864 125.344 70.0053Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M113.948 54.1699L114.152 54.4542C114.166 54.4731 114.172 54.4966 114.168 54.5197C114.165 54.5428 114.152 54.5635 114.134 54.5773C114.115 54.591 114.092 54.5968 114.069 54.5932C114.046 54.5896 114.026 54.577 114.013 54.5581L113.808 54.2738C113.794 54.255 113.789 54.2314 113.792 54.2083C113.796 54.1852 113.808 54.1645 113.827 54.1507C113.845 54.137 113.868 54.1312 113.891 54.1348C113.914 54.1384 113.934 54.151 113.948 54.1699ZM114.618 55.1018L114.823 55.3861C114.837 55.405 114.842 55.4285 114.839 55.4516C114.835 55.4747 114.823 55.4954 114.804 55.5092C114.786 55.523 114.762 55.5287 114.74 55.5251C114.717 55.5215 114.697 55.5089 114.683 55.4901L114.479 55.2057C114.465 55.1869 114.459 55.1633 114.463 55.1402C114.466 55.1172 114.479 55.0965 114.497 55.0827C114.516 55.0689 114.539 55.0632 114.562 55.0667C114.584 55.0703 114.605 55.0829 114.618 55.1018ZM115.289 56.0337L115.494 56.318C115.507 56.3369 115.513 56.3605 115.509 56.3835C115.506 56.4066 115.493 56.4273 115.475 56.4411C115.456 56.4549 115.433 56.4606 115.41 56.457C115.388 56.4534 115.367 56.4408 115.354 56.422L115.149 56.1376C115.136 56.1188 115.13 56.0952 115.133 56.0722C115.137 56.0491 115.149 56.0284 115.168 56.0146C115.186 56.0008 115.21 55.9951 115.232 55.9987C115.255 56.0022 115.275 56.0149 115.289 56.0337ZM115.96 56.9656L116.164 57.25C116.178 57.2688 116.183 57.2924 116.18 57.3154C116.176 57.3385 116.164 57.3592 116.145 57.373C116.127 57.3868 116.104 57.3925 116.081 57.3889C116.058 57.3854 116.038 57.3728 116.024 57.3539L115.82 57.0696C115.806 57.0507 115.8 57.0272 115.804 57.0041C115.808 56.981 115.82 56.9603 115.838 56.9465C115.857 56.9327 115.88 56.927 115.903 56.9306C115.926 56.9342 115.946 56.9468 115.96 56.9656ZM116.63 57.8968L116.834 58.1812C116.848 58.2 116.853 58.2236 116.85 58.2467C116.846 58.2697 116.834 58.2904 116.815 58.3042C116.797 58.318 116.774 58.3237 116.751 58.3202C116.728 58.3166 116.708 58.304 116.694 58.2851L116.49 58.0008C116.476 57.9819 116.471 57.9584 116.474 57.9353C116.478 57.9122 116.49 57.8915 116.509 57.8777C116.527 57.8639 116.55 57.8582 116.573 57.8618C116.596 57.8654 116.616 57.878 116.63 57.8968ZM117.3 58.8288L117.505 59.1131C117.518 59.1319 117.524 59.1555 117.521 59.1786C117.517 59.2017 117.505 59.2224 117.486 59.2361C117.468 59.2499 117.444 59.2557 117.422 59.2521C117.399 59.2485 117.379 59.2359 117.365 59.217L117.16 58.9327C117.147 58.9138 117.141 58.8903 117.145 58.8672C117.148 58.8441 117.161 58.8234 117.179 58.8096C117.198 58.7959 117.221 58.7901 117.244 58.7937C117.266 58.7973 117.287 58.8099 117.3 58.8288ZM117.971 59.7607L118.175 60.045C118.189 60.0639 118.195 60.0874 118.191 60.1105C118.188 60.1336 118.175 60.1543 118.157 60.1681C118.138 60.1819 118.115 60.1876 118.092 60.184C118.069 60.1804 118.049 60.1678 118.036 60.149L117.831 59.8646C117.817 59.8458 117.812 59.8222 117.815 59.7991C117.819 59.7761 117.831 59.7553 117.85 59.7416C117.868 59.7278 117.891 59.722 117.914 59.7256C117.937 59.7292 117.957 59.7418 117.971 59.7607ZM118.641 60.6926L118.846 60.9769C118.86 60.9958 118.865 61.0193 118.862 61.0424C118.858 61.0655 118.846 61.0862 118.827 61.1C118.809 61.1138 118.785 61.1195 118.763 61.1159C118.74 61.1123 118.72 61.0997 118.706 61.0809L118.502 60.7965C118.488 60.7777 118.482 60.7541 118.486 60.731C118.489 60.708 118.502 60.6873 118.52 60.6735C118.539 60.6597 118.562 60.654 118.585 60.6576C118.607 60.6611 118.628 60.6737 118.641 60.6926ZM119.312 61.6238L119.516 61.9081C119.53 61.927 119.535 61.9506 119.532 61.9736C119.528 61.9967 119.516 62.0174 119.497 62.0312C119.479 62.045 119.456 62.0507 119.433 62.0471C119.41 62.0435 119.39 62.0309 119.376 62.0121L119.172 61.7277C119.158 61.7089 119.152 61.6853 119.156 61.6623C119.159 61.6392 119.172 61.6185 119.19 61.6047C119.209 61.5909 119.232 61.5852 119.255 61.5888C119.278 61.5923 119.298 61.605 119.312 61.6238ZM119.982 62.5557L120.187 62.8401C120.2 62.8589 120.206 62.8825 120.202 62.9055C120.199 62.9286 120.186 62.9493 120.168 62.9631C120.149 62.9769 120.126 62.9826 120.103 62.979C120.081 62.9755 120.06 62.9629 120.047 62.944L119.842 62.6597C119.829 62.6408 119.823 62.6173 119.826 62.5942C119.83 62.5711 119.842 62.5504 119.861 62.5366C119.88 62.5228 119.903 62.5171 119.925 62.5207C119.948 62.5243 119.969 62.5369 119.982 62.5557ZM120.653 63.4876L120.857 63.772C120.871 63.7908 120.876 63.8144 120.873 63.8375C120.869 63.8605 120.857 63.8813 120.838 63.895C120.82 63.9088 120.797 63.9146 120.774 63.911C120.751 63.9074 120.731 63.8948 120.717 63.8759L120.513 63.5916C120.499 63.5727 120.494 63.5492 120.497 63.5261C120.501 63.503 120.513 63.4823 120.532 63.4685C120.55 63.4547 120.573 63.449 120.596 63.4526C120.619 63.4562 120.639 63.4688 120.653 63.4876ZM121.323 64.4196L121.528 64.7039C121.541 64.7228 121.547 64.7463 121.544 64.7694C121.54 64.7925 121.528 64.8132 121.509 64.827C121.491 64.8407 121.467 64.8465 121.445 64.8429C121.422 64.8393 121.402 64.8267 121.388 64.8078L121.183 64.5235C121.17 64.5047 121.164 64.4811 121.168 64.458C121.171 64.4349 121.184 64.4142 121.202 64.4005C121.221 64.3867 121.244 64.3809 121.267 64.3845C121.289 64.3881 121.31 64.4007 121.323 64.4196ZM121.993 65.3508L122.198 65.6351C122.212 65.654 122.217 65.6775 122.214 65.7006C122.21 65.7237 122.198 65.7444 122.179 65.7582C122.161 65.772 122.137 65.7777 122.115 65.7741C122.092 65.7705 122.072 65.7579 122.058 65.7391L121.853 65.4547C121.84 65.4359 121.834 65.4123 121.838 65.3892C121.841 65.3662 121.854 65.3454 121.872 65.3317C121.891 65.3179 121.914 65.3121 121.937 65.3157C121.959 65.3193 121.98 65.3319 121.993 65.3508ZM122.664 66.2827L122.869 66.567C122.882 66.5859 122.888 66.6094 122.884 66.6325C122.881 66.6556 122.868 66.6763 122.85 66.6901C122.831 66.7039 122.808 66.7096 122.785 66.706C122.763 66.7024 122.742 66.6898 122.729 66.671L122.524 66.3866C122.51 66.3678 122.505 66.3442 122.508 66.3212C122.512 66.2981 122.524 66.2774 122.543 66.2636C122.561 66.2498 122.585 66.2441 122.607 66.2477C122.63 66.2512 122.65 66.2638 122.664 66.2827ZM123.335 67.2146L123.539 67.499C123.553 67.5178 123.558 67.5414 123.555 67.5644C123.551 67.5875 123.539 67.6082 123.52 67.622C123.502 67.6358 123.479 67.6415 123.456 67.6379C123.433 67.6344 123.413 67.6217 123.399 67.6029L123.195 67.3186C123.181 67.2997 123.175 67.2761 123.179 67.2531C123.182 67.23 123.195 67.2093 123.213 67.1955C123.232 67.1817 123.255 67.176 123.278 67.1796C123.301 67.1832 123.321 67.1958 123.335 67.2146ZM124.005 68.1458L124.209 68.4302C124.223 68.449 124.228 68.4726 124.225 68.4957C124.221 68.5187 124.209 68.5394 124.19 68.5532C124.172 68.567 124.149 68.5727 124.126 68.5691C124.103 68.5656 124.083 68.553 124.069 68.5341L123.865 68.2498C123.851 68.2309 123.845 68.2074 123.849 68.1843C123.853 68.1612 123.865 68.1405 123.883 68.1267C123.902 68.1129 123.925 68.1072 123.948 68.1108C123.971 68.1144 123.991 68.127 124.005 68.1458ZM124.675 69.0777L124.88 69.3621C124.893 69.3809 124.899 69.4045 124.895 69.4276C124.892 69.4506 124.88 69.4714 124.861 69.4851C124.842 69.4989 124.819 69.5047 124.797 69.5011C124.774 69.4975 124.753 69.4849 124.74 69.466L124.535 69.1817C124.522 69.1628 124.516 69.1393 124.52 69.1162C124.523 69.0931 124.536 69.0724 124.554 69.0586C124.573 69.0448 124.596 69.0391 124.619 69.0427C124.641 69.0463 124.662 69.0589 124.675 69.0777Z\",\n fill: \"black\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.2,\n d: \"M113.379 53.3764L113.482 53.5194C113.495 53.5383 113.501 53.562 113.498 53.5852C113.494 53.6084 113.482 53.6292 113.463 53.6431C113.444 53.6569 113.421 53.6627 113.398 53.6591C113.375 53.6555 113.355 53.6428 113.341 53.6238L113.238 53.4809C113.225 53.4619 113.219 53.4383 113.223 53.4151C113.226 53.3919 113.239 53.3711 113.257 53.3572C113.276 53.3433 113.299 53.3376 113.322 53.3412C113.345 53.3448 113.365 53.3575 113.379 53.3764Z\",\n fill: \"black\"\n }))), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M118.921 65.6849L118.908 65.6948C118.278 66.1626 117.44 66.1122 116.974 65.4646C116.508 64.817 116.723 64.004 117.342 63.5446L117.354 63.5353C117.979 63.0712 118.818 63.111 119.289 63.765C119.75 64.4062 119.539 65.226 118.921 65.6849ZM117.787 64.1083L117.774 64.1182C117.413 64.3858 117.268 64.8146 117.48 65.1089C117.701 65.4167 118.129 65.3803 118.477 65.122L118.489 65.1126C118.857 64.8398 118.993 64.4114 118.784 64.1206C118.561 63.8139 118.135 63.85 117.787 64.1083ZM121.388 62.6974L115.19 62.694C115.136 62.698 115.082 62.6874 115.034 62.6634C114.986 62.6394 114.944 62.6028 114.914 62.5573C114.889 62.5238 114.871 62.4855 114.861 62.4448C114.85 62.404 114.848 62.3615 114.854 62.3198C114.86 62.2781 114.873 62.238 114.895 62.2019C114.916 62.1657 114.944 62.1342 114.977 62.1091C115.039 62.0657 115.112 62.0427 115.187 62.0432L121.386 62.0512C121.441 62.0493 121.495 62.0615 121.544 62.0865C121.593 62.1115 121.635 62.1486 121.666 62.1943C121.691 62.2276 121.709 62.2656 121.719 62.306C121.729 62.3465 121.731 62.3885 121.725 62.4298C121.718 62.471 121.704 62.5105 121.682 62.546C121.66 62.5814 121.632 62.6121 121.598 62.6361C121.536 62.6789 121.462 62.7007 121.387 62.6985L121.388 62.6974ZM119.238 61.2019L119.225 61.2118C118.595 61.6795 117.758 61.6298 117.292 60.9822C116.826 60.3347 117.041 59.5217 117.659 59.0623L117.672 59.0529C118.296 58.5888 119.14 58.635 119.606 59.2826C120.072 59.9302 119.853 60.7456 119.235 61.2045L119.238 61.2019ZM118.104 59.6252L118.091 59.6351C117.73 59.9027 117.585 60.3323 117.797 60.6266C118.018 60.9344 118.446 60.8972 118.794 60.6389L118.806 60.6296C119.174 60.3567 119.313 59.9326 119.101 59.6383C118.879 59.3322 118.448 59.3695 118.1 59.6278L118.104 59.6252Z\",\n fill: \"white\"\n })), _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M135.503 58.2521L139.81 57.4082L148.071 59.3341L152.258 60.2211L152.318 66.0336L142.978 67.7809L136.675 65.8837L134.293 62.3215L135.503 58.2521Z\",\n fill: \"#F5C7A3\"\n })), _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.442 58.8306L136.506 57.8574C136.506 57.8574 139.379 66.8914 146.47 66.4951C152.25 66.1769 152.256 60.2206 152.256 60.2206L156.481 60.9783C156.481 60.9783 158.254 71.8786 156.312 79.5246C154.695 85.8895 153.26 94.6114 153.26 94.6114H125.189L132.442 58.8306Z\",\n fill: \"#77BED2\"\n })), _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M173.62 86.7599C173.62 86.7599 162.043 66.1522 159.96 63.5077C157.678 60.6127 155.857 60.9473 155.857 60.9473L154.633 74.8289L164.476 89.0184L166.822 89.8787L173.62 86.7599Z\",\n fill: \"#77BED2\"\n })), _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.927 58.7148C132.927 58.7148 126.348 59.2487 123.988 70.2126C122.921 75.167 121.563 80.9734 121.183 84.8744C120.9 87.7057 122.619 90.65 125.398 91.0114L128.886 91.6684C129.807 91.8422 130.759 91.6503 131.546 91.1324C132.332 90.6145 132.893 89.8099 133.113 88.8843L134.292 83.9279L131.153 82.8561L131.879 68.0917L132.927 58.7148Z\",\n fill: \"#77BED2\"\n })), _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M157.021 68.6406C157.036 68.69 157.046 68.741 157.051 68.7926C157.069 68.9034 157.089 69.0513 157.118 69.234C157.132 69.3305 157.146 69.4393 157.164 69.5543C157.182 69.6693 157.188 69.7986 157.201 69.9362C157.229 70.2093 157.261 70.5213 157.275 70.8683C157.324 71.6798 157.33 72.4934 157.292 73.3054C157.244 74.2995 157.147 75.2904 157.001 76.2743C156.849 77.3215 156.659 78.3111 156.467 79.2063C156.275 80.1015 156.083 80.9043 155.919 81.5777C155.756 82.2512 155.612 82.7911 155.515 83.1648C155.467 83.3434 155.428 83.4872 155.398 83.5939C155.386 83.6442 155.37 83.6936 155.352 83.7418C155.356 83.6904 155.364 83.6395 155.378 83.5898C155.402 83.479 155.436 83.3352 155.477 83.1545L155.849 81.551C156.004 80.8755 156.19 80.0727 156.374 79.1775C156.558 78.2824 156.748 77.2948 156.899 76.2497C157.051 75.2046 157.154 74.1965 157.197 73.2911C157.239 72.3856 157.243 71.5541 157.197 70.8642C157.197 70.5193 157.16 70.2072 157.138 69.9321C157.128 69.7966 157.118 69.6693 157.11 69.5502C157.102 69.4311 157.083 69.3284 157.073 69.2299C157.053 69.0472 157.039 68.8993 157.027 68.7885C157.022 68.7394 157.02 68.69 157.021 68.6406Z\",\n fill: \"#263238\"\n })), _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M134.596 84.4591C134.582 84.43 134.571 84.3998 134.562 84.3687C134.542 84.301 134.513 84.2147 134.479 84.1039L134.35 83.6788C134.313 83.4855 134.233 83.3034 134.115 83.1471C133.942 82.9784 133.735 82.8496 133.509 82.7693C133.243 82.667 132.968 82.5887 132.689 82.5352C132.022 82.4097 131.346 82.341 130.668 82.3299H130.613V82.2765L131.207 78.3406C131.589 75.8624 131.937 73.6183 132.189 71.9757C132.321 71.1709 132.426 70.5159 132.501 70.0519C132.537 69.8322 132.567 69.6577 132.59 69.5283C132.59 69.475 132.608 69.4298 132.616 69.3928C132.617 69.3772 132.621 69.3619 132.628 69.3477C132.631 69.3632 132.631 69.3793 132.628 69.3949C132.628 69.4318 132.628 69.477 132.612 69.5324C132.596 69.6618 132.571 69.8363 132.543 70.0581C132.476 70.5241 132.381 71.1811 132.266 71.988C132.02 73.6306 131.684 75.8706 131.312 78.3529C131.094 79.7696 130.89 81.1103 130.706 82.2868L130.66 82.2314C131.346 82.2493 132.03 82.3269 132.703 82.4634C132.986 82.5209 133.264 82.604 133.533 82.7118C133.769 82.7996 133.982 82.9399 134.158 83.1224C134.23 83.2049 134.284 83.3022 134.315 83.4078L134.39 83.6809C134.437 83.8472 134.475 83.9909 134.507 84.11C134.54 84.2291 134.56 84.3153 134.576 84.379C134.585 84.405 134.592 84.4318 134.596 84.4591Z\",\n fill: \"#263238\"\n })), _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M125.535 86.1334C125.542 86.0398 125.559 85.9475 125.588 85.8583C125.651 85.6108 125.736 85.3696 125.842 85.1376C126.187 84.3621 126.724 83.6911 127.401 83.1904C128.078 82.6896 128.872 82.3765 129.704 82.2816C129.953 82.2507 130.205 82.2424 130.456 82.257C130.548 82.2581 130.641 82.2698 130.731 82.2919C130.393 82.2938 130.056 82.3151 129.72 82.3555C128.907 82.4695 128.134 82.7859 127.47 83.2766C126.806 83.7674 126.272 84.4172 125.915 85.1684C125.772 85.4829 125.645 85.8051 125.535 86.1334Z\",\n fill: \"#263238\"\n })), _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M127.057 80.6758C127.108 80.6625 127.161 80.6576 127.214 80.6614C127.359 80.6586 127.505 80.6655 127.649 80.6819C128.126 80.7307 128.594 80.8497 129.037 81.0351C129.48 81.2215 129.895 81.4711 130.27 81.7763C130.383 81.8675 130.49 81.9662 130.591 82.0719C130.662 82.1479 130.7 82.191 130.694 82.1972C130.688 82.2033 130.516 82.0534 130.225 81.8358C129.462 81.2677 128.574 80.897 127.639 80.7558C127.281 80.7024 127.057 80.6942 127.057 80.6758Z\",\n fill: \"#263238\"\n })), _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M133.868 66.4944C133.855 66.3971 133.85 66.2989 133.854 66.2008C133.854 66.0119 133.842 65.7409 133.818 65.4062C133.757 64.533 133.609 63.6683 133.377 62.8253C133.142 61.9837 132.824 61.168 132.429 60.3903C132.276 60.0926 132.146 59.8544 132.051 59.6942C131.998 59.6123 131.952 59.5257 131.914 59.4355C131.979 59.5085 132.036 59.5876 132.086 59.6717C132.193 59.8277 132.332 60.0597 132.49 60.3554C133.331 61.9061 133.808 63.6332 133.884 65.4021C133.898 65.7388 133.896 66.018 133.884 66.2008C133.889 66.2989 133.883 66.3973 133.868 66.4944Z\",\n fill: \"#263238\"\n })), _g2 || (_g2 = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.3,\n d: \"M156.718 77.8355C158.396 74.9467 158.432 71.1935 156.967 68.1855C157.438 71.3902 157.337 74.655 156.668 77.8232\",\n fill: \"black\"\n }))), _g3 || (_g3 = /*#__PURE__*/React.createElement(\"g\", {\n opacity: 0.3\n }, /*#__PURE__*/React.createElement(\"path\", {\n opacity: 0.3,\n d: \"M141.788 81.1035C140.515 81.4834 138.757 81.5758 137.51 81.1035C138.482 82.5059 140.355 83.013 141.98 82.5572C143.604 82.1014 145.104 80.4486 145.229 78.7383C144.443 79.8183 143.063 80.7299 141.788 81.1035Z\",\n fill: \"black\"\n }))), _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M146.47 76.4395C146.464 76.4789 146.454 76.5174 146.44 76.5545C146.415 76.6284 146.387 76.7414 146.33 76.8769C146.183 77.2692 146 77.6466 145.783 78.0041C145.463 78.537 145.076 79.0256 144.633 79.4577C143.545 80.5337 142.141 81.2187 140.634 81.4082C140.025 81.4885 139.408 81.4885 138.799 81.4082C138.388 81.3563 137.982 81.2662 137.586 81.1393C137.445 81.0961 137.342 81.0489 137.269 81.0222C137.232 81.0095 137.196 80.9937 137.162 80.975C137.309 81.0086 137.454 81.0497 137.597 81.0982C139.308 81.5816 141.132 81.4279 142.742 80.665C144.335 79.8693 145.593 78.5183 146.288 76.8584C146.405 76.5915 146.46 76.4354 146.47 76.4395Z\",\n fill: \"#263238\"\n })), _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M132.278 90.8125C132.278 90.8125 132.264 90.8351 132.227 90.868C132.177 90.9195 132.122 90.9669 132.064 91.0098C131.852 91.1702 131.618 91.2964 131.369 91.384C130.998 91.5093 130.611 91.5786 130.221 91.5895C129.749 91.6048 129.276 91.5876 128.806 91.5381C127.796 91.4498 126.899 91.2997 126.25 91.1825C125.925 91.1229 125.662 91.0715 125.482 91.0325C125.386 91.0193 125.292 90.9958 125.201 90.9626C125.297 90.9641 125.393 90.9737 125.488 90.9913L126.262 91.1065C126.913 91.2072 127.814 91.3429 128.816 91.4312C129.286 91.4806 129.759 91.5006 130.231 91.4909C130.613 91.4827 130.993 91.4204 131.359 91.3059C131.688 91.1892 131.998 91.0229 132.278 90.8125Z\",\n fill: \"#263238\"\n })), _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M155.1 36.792L155.931 35.9707C157.036 36.4594 157.547 37.7631 157.735 38.9745C157.923 40.1859 157.895 41.4588 158.402 42.5717C158.79 43.4278 159.495 44.2142 159.412 45.1607C159.334 46.0539 158.537 46.7766 158.533 47.6738C158.533 48.5382 159.241 49.2014 159.653 49.957C160.488 51.4866 161.029 57.7447 160.593 59.4385C156.921 59.1162 150.418 58.7179 146.744 57.8596C147.712 51.4291 151.788 42.354 155.1 36.792Z\",\n fill: \"#263238\"\n })), _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M156.741 42.5255C156.996 38.1543 153.872 34.1547 149.517 33.6271C144.896 33.0686 140.807 36.4317 140.424 41.0062L139.34 59.4725C139.321 59.8294 139.419 60.1828 139.619 60.4765C140.686 62.0616 142.618 63.3017 144.346 63.546C146.017 63.7821 147.713 63.3407 149.135 62.5358C149.371 62.4003 149.568 62.2042 149.706 61.9671C149.844 61.73 149.918 61.4602 149.921 61.1848L149.996 57.0518C149.996 57.0482 149.996 57.0446 149.997 57.0412C149.999 57.0378 150.001 57.0348 150.003 57.0322C150.006 57.0297 150.009 57.0277 150.012 57.0265C150.015 57.0253 150.019 57.0248 150.022 57.0251C150.403 57.0543 150.786 57.0433 151.164 56.9923C152.239 56.7253 154.981 55.6536 155.903 51.5636C156.21 50.2085 156.517 46.3588 156.741 42.5255Z\",\n fill: \"#F5C7A3\"\n })), _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150.764 48.562C150.764 48.521 151.214 48.4758 151.944 48.4347C152.128 48.4347 152.304 48.4039 152.348 48.2807C152.375 48.0924 152.344 47.9001 152.259 47.7305L151.806 46.2933C151.18 44.2565 150.739 42.5873 150.82 42.5647C150.901 42.5421 151.477 44.1703 152.103 46.207C152.253 46.7101 152.396 47.1884 152.534 47.6443C152.59 47.8496 152.694 48.1001 152.582 48.369C152.551 48.4317 152.507 48.4864 152.452 48.5287C152.397 48.5711 152.333 48.6 152.265 48.6134C152.162 48.6342 152.057 48.6418 151.952 48.6359C151.216 48.6318 150.766 48.6031 150.764 48.562Z\",\n fill: \"#263238\"\n })), _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M155.553 44.0709C155.474 44.1593 154.997 43.7523 154.314 43.7317C153.631 43.7112 153.122 44.075 153.049 43.9805C153.013 43.9373 153.096 43.7749 153.318 43.6063C153.612 43.3916 153.967 43.2818 154.328 43.2939C154.689 43.3066 155.036 43.4419 155.313 43.6783C155.525 43.8633 155.604 44.0318 155.553 44.0709Z\",\n fill: \"#263238\"\n })), _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.612 44.2471C148.52 44.3354 148.022 43.8776 147.277 43.8119C146.531 43.7461 145.951 44.0931 145.876 43.9905C145.84 43.9433 145.941 43.7852 146.194 43.6168C146.532 43.413 146.926 43.3239 147.317 43.3622C147.709 43.3975 148.079 43.5611 148.372 43.8283C148.592 44.0274 148.657 44.2081 148.612 44.2471Z\",\n fill: \"#263238\"\n })), _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150 57.0219C150 57.0219 147.215 57.0527 143.885 54.7285C143.885 54.7285 144.746 58.4612 149.977 58.3442L150 57.0219Z\",\n fill: \"#EB996E\"\n })), _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150.35 50.2669C150.223 50.0851 150.053 49.9386 149.856 49.8407C149.659 49.7427 149.441 49.6966 149.222 49.7064C149.064 49.7087 148.908 49.7434 148.763 49.8083C148.618 49.8732 148.488 49.967 148.38 50.0842C148.276 50.1964 148.21 50.3386 148.19 50.4911C148.17 50.6435 148.197 50.7984 148.269 50.9342C148.444 51.2196 148.844 51.312 149.194 51.238C149.54 51.1418 149.864 50.9771 150.148 50.7535C150.232 50.6988 150.306 50.6292 150.366 50.5482C150.395 50.5103 150.411 50.4647 150.414 50.4172C150.417 50.3697 150.406 50.3224 150.382 50.2813\",\n fill: \"#EB996E\"\n })), _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.621 48.9062C148.738 48.9062 148.691 49.6865 149.322 50.286C149.952 50.8855 150.787 50.8568 150.787 50.9656C150.787 51.0169 150.585 51.1052 150.241 51.0888C149.786 51.0631 149.353 50.8781 149.017 50.5652C148.696 50.2674 148.503 49.854 148.479 49.4134C148.469 49.0869 148.568 48.9062 148.621 48.9062Z\",\n fill: \"#263238\"\n })), _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.735 41.3848C148.65 41.5737 147.941 41.4279 147.094 41.4628C146.248 41.4977 145.55 41.6681 145.449 41.4936C145.407 41.4053 145.536 41.2329 145.825 41.0645C146.209 40.8611 146.634 40.7482 147.067 40.734C147.5 40.7197 147.931 40.8046 148.327 40.9824C148.62 41.1302 148.763 41.2945 148.735 41.3848Z\",\n fill: \"#263238\"\n })), _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M155.703 41.5392C155.557 41.7037 154.981 41.5392 154.288 41.5392C153.595 41.5392 153.013 41.6564 152.874 41.4858C152.813 41.4036 152.904 41.2391 153.158 41.0747C153.511 40.8867 153.905 40.7927 154.302 40.8013C154.7 40.81 155.09 40.921 155.434 41.124C155.684 41.2905 155.767 41.4591 155.703 41.5392Z\",\n fill: \"#263238\"\n })), _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M150.148 32.7019C149.773 32.0531 149.075 31.7574 148.295 31.6383C145.111 31.1476 141.558 33.0961 139.774 35.8186C137.989 38.5411 137.894 42.6044 139.2 45.5938L141.186 44.3331C145.173 42.6618 147.988 38.7588 150.553 34.7263C150.91 34.1781 150.482 33.2665 150.148 32.7019Z\",\n fill: \"#263238\"\n })), _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M155.053 34.4821C153.721 32.9423 152.754 31.4024 149.989 32.4782C149.585 33.2646 150.393 34.285 151.088 34.8805C152.099 35.7551 152.966 36.3444 153.624 36.9706C154.954 38.2333 156.466 42.4813 156.597 44.7994C156.597 44.9451 156.85 42.8098 157.001 42.7872C157.187 42.7585 157.937 41.8264 157.834 40.5534C157.478 36.2027 156.385 36.02 155.053 34.4821Z\",\n fill: \"#263238\"\n })), _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.305 31.6386C148.512 31.5974 148.727 31.6159 148.925 31.692C149.414 31.8444 149.85 32.1358 150.182 32.5317C150.277 32.643 150.361 32.7633 150.433 32.891C150.495 33.0144 150.544 33.1445 150.578 33.2791C150.65 33.496 150.705 33.7184 150.742 33.9443C150.796 34.3406 150.703 34.5808 150.683 34.5746C150.663 34.5685 150.693 34.3323 150.608 33.9689C150.552 33.7539 150.485 33.5421 150.406 33.3345C150.37 33.2131 150.323 33.0955 150.265 32.9834C150.197 32.8657 150.118 32.7544 150.03 32.6508C149.718 32.2825 149.322 31.9965 148.877 31.8172C148.533 31.692 148.301 31.6714 148.305 31.6386Z\",\n fill: \"#455A64\"\n })), _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M154.923 45.4147C154.924 45.5721 154.864 45.7238 154.758 45.8383C154.652 45.9529 154.506 46.0217 154.351 46.0306C154.275 46.0379 154.197 46.0296 154.123 46.0061C154.05 45.9825 153.982 45.9443 153.923 45.8936C153.864 45.843 153.815 45.7809 153.78 45.7109C153.745 45.641 153.725 45.5647 153.719 45.4865C153.715 45.3266 153.773 45.1713 153.879 45.0537C153.986 44.936 154.134 44.8652 154.291 44.8562C154.369 44.8486 154.448 44.8572 154.522 44.8815C154.597 44.9058 154.666 44.9453 154.725 44.9975C154.784 45.0497 154.832 45.1137 154.866 45.1854C154.9 45.2571 154.92 45.3351 154.923 45.4147Z\",\n fill: \"#263238\"\n })), _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.267 45.4472C148.271 45.6072 148.214 45.7624 148.107 45.8801C148 45.9977 147.852 46.0685 147.695 46.0776C147.619 46.0852 147.541 46.0771 147.467 46.0538C147.394 46.0305 147.325 45.9925 147.267 45.942C147.208 45.8915 147.159 45.8295 147.124 45.7597C147.089 45.6899 147.068 45.6137 147.063 45.5355C147.058 45.3752 147.116 45.2195 147.222 45.1014C147.329 44.9833 147.477 44.9122 147.635 44.9031C147.712 44.8955 147.789 44.9037 147.863 44.9271C147.937 44.9505 148.005 44.9887 148.064 45.0394C148.123 45.0902 148.171 45.1524 148.206 45.2224C148.241 45.2925 148.262 45.3689 148.267 45.4472Z\",\n fill: \"#263238\"\n })), _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M129.95 50.5885C130.326 49.9602 130.758 49.3689 131.445 49.1081C132.132 48.8474 132.912 48.6975 133.452 48.1883C134.299 47.3979 134.26 46.0838 134.183 44.9381C134.107 43.7925 134.086 42.4743 134.951 41.7044C135.675 41.0617 136.825 41.0043 137.451 40.2672C137.869 39.7765 137.952 39.0989 138.098 38.4727C138.502 36.7952 139.405 33.8653 144.271 32.1797L139.967 48.7981C140.288 48.8905 141.056 49.6338 141.099 50.1368C141.137 50.607 140.937 51.0833 140.933 51.5555C140.933 52.1325 141.551 52.4774 141.943 52.9045C142.44 53.4486 142.594 54.2329 142.517 54.9577C142.358 55.9482 142.097 56.9192 141.739 57.8547C137.746 57.4441 131.918 57.3127 128.875 54.7256C128.323 54.2575 129.113 51.9867 129.95 50.5885Z\",\n fill: \"#263238\"\n })), _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M141.193 44.3343C141.119 44.2932 138.178 43.1024 137.991 46.254C137.803 49.4056 140.949 48.9375 140.959 48.8492C140.969 48.7609 141.193 44.3343 141.193 44.3343Z\",\n fill: \"#F5C7A3\"\n })), _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M140.088 47.6007C140.074 47.5884 140.031 47.6356 139.936 47.6705C139.805 47.7193 139.66 47.7142 139.532 47.6561C139.213 47.5124 138.968 46.9683 138.986 46.4016C138.997 46.1316 139.066 45.8673 139.188 45.6276C139.224 45.5313 139.281 45.4451 139.356 45.3761C139.431 45.3071 139.521 45.2575 139.619 45.2313C139.682 45.2185 139.747 45.2286 139.804 45.2597C139.86 45.2908 139.904 45.3411 139.928 45.4017C139.964 45.4921 139.94 45.5537 139.956 45.5598C139.973 45.566 140.027 45.5106 140.009 45.3792C139.997 45.2999 139.959 45.2272 139.9 45.1738C139.819 45.1029 139.713 45.0675 139.607 45.0753C139.478 45.0926 139.356 45.1433 139.253 45.2224C139.149 45.3015 139.067 45.4064 139.015 45.527C138.867 45.7918 138.785 46.0892 138.776 46.3934C138.758 47.0279 139.041 47.6397 139.481 47.7978C139.563 47.8279 139.65 47.8387 139.736 47.8295C139.822 47.8202 139.905 47.7911 139.979 47.7444C140.078 47.6746 140.098 47.6069 140.088 47.6007Z\",\n fill: \"#EB996E\"\n })), _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M144.69 91.9959L147.687 92.8973C147.687 92.8973 149.34 93.6179 150.144 93.8048C151.142 94.0368 151.823 93.7227 151.859 93.158C151.896 92.5934 151.12 92.5215 151.12 92.5215C150.46 92.2663 149.819 91.9651 149.2 91.6202C148.751 91.3031 148.383 90.8805 148.129 90.3883L149.2 90.5382C149.2 90.5382 151.453 92.1807 152.302 92.6776C153.151 93.1745 153.337 92.3019 153.409 92.0391C153.482 91.7762 150.9 89.1133 150.9 89.1133C150.9 89.1133 153.373 90.7271 153.816 91.1295C154.258 91.5319 154.925 91.6633 155.073 91.4026C155.22 91.1418 155.626 91.1398 155.073 90.0269C154.519 88.9141 150.087 85.9206 150.087 85.9206L151.3 85.6578L152.629 86.2594C152.722 86.7229 152.911 87.1611 153.183 87.5446C153.662 88.2674 154.513 87.5446 154.513 87.5446L153.985 84.7729L151.358 83.1016C151.358 83.1016 148.626 83.4403 148.22 83.6272C147.814 83.814 147.369 84.6004 147.369 84.6004L146.632 84.9043C145.486 85.241 145.524 86.4051 145.155 86.4421C144.785 86.479 134.006 84.3437 134.006 84.3437L133.03 84.085C131.413 85.3313 130.769 87.3907 130.484 89.218C130.484 89.218 130.187 90.1132 130.484 90.6059L144.69 91.9959Z\",\n fill: \"#F5C7A3\"\n })), _path35 || (_path35 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.919 85.3179C172.919 85.3179 172.783 82.6241 170.035 82.0657C167.287 81.5072 162.473 83.8807 162.473 83.8807L148.986 93.43L149.39 94.6106L163.079 92.6724L164.332 93.161L173.947 86.7428L183.02 80.0782L182.01 79.2754C182.01 79.2754 179.468 81.0555 177.787 81.8213C176.105 82.5872 173.674 83.9299 172.919 85.3179Z\",\n fill: \"#F5F5F5\"\n })), _path36 || (_path36 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M148.781 95.0005L160.195 87.7959L172.261 85.8269C172.261 85.8269 172.867 86.718 173.892 86.5003L183.814 79.5195L184.002 79.9404L164.76 93.6762C164.477 93.7811 164.172 93.8056 163.876 93.7469C163.581 93.6883 163.307 93.5488 163.084 93.3436L148.781 95.0005Z\",\n fill: \"#A45A52\"\n })), _path37 || (_path37 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.258 85.8262C172.231 85.8563 172.2 85.8826 172.165 85.9042L171.887 86.1095C171.644 86.2861 171.295 86.5427 170.876 86.8671C170.019 87.5139 168.855 88.4358 167.598 89.4808C166.342 90.5259 165.212 91.4971 164.404 92.2054L163.44 93.0472L163.177 93.2731C163.149 93.3017 163.117 93.3266 163.082 93.347C163.082 93.347 163.106 93.3141 163.163 93.2587L163.411 93.0164C163.63 92.8111 163.947 92.5113 164.347 92.152C165.143 91.4293 166.261 90.452 167.524 89.4028C168.787 88.3536 169.949 87.442 170.824 86.8096C171.256 86.4914 171.614 86.245 171.864 86.0787L172.153 85.8898C172.186 85.8654 172.222 85.8441 172.258 85.8262Z\",\n fill: \"#263238\"\n })), _path38 || (_path38 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M172.133 84.3307C171.04 83.1378 169.318 82.7127 167.718 82.84C166.117 82.9673 164.6 83.573 163.106 84.1746L149.145 93.8841L149.27 94.2496L163.306 84.5996C163.306 84.5996 166.442 83.573 167.831 83.3965C170.151 83.1029 172.133 84.3307 172.133 84.3307Z\",\n fill: \"#E0E0E0\"\n })), _path39 || (_path39 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M174.328 85.607L181.041 81.0059C181.041 81.0059 175.541 83.9132 174.328 85.607Z\",\n fill: \"#E0E0E0\"\n })), _path40 || (_path40 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M176.555 87.1731C176.418 87.5083 176.244 87.8265 176.036 88.1216C175.777 88.4337 174.932 88.869 174.866 89.4624C174.799 90.0557 174.936 91.4478 174.023 92.5072C173.434 93.1662 172.689 93.661 171.859 93.9445L168.256 93.5872L162.501 91.2856C162.372 91.2526 162.261 91.1694 162.192 91.0542C162.124 90.9389 162.102 90.8008 162.133 90.6696C162.168 90.527 162.245 90.3985 162.353 90.3005C162.461 90.2024 162.596 90.1394 162.739 90.1194L162.876 90.0968C162.876 90.0968 162.545 89.8217 163.02 89.3392C163.424 88.9285 164.287 89.1606 164.731 89.3104C165.176 89.4603 167.783 90.567 168.25 90.7374C168.664 90.8873 168.983 91.0207 168.983 91.0207C168.983 91.0207 165.647 88.7335 165.6 88.4337C165.546 88.0744 165.582 87.9102 165.924 87.6597C166.328 87.362 166.991 87.6802 167.633 87.9553C168.112 88.1607 171.166 89.6923 171.166 89.6923C171.166 89.6923 171.303 89.5568 171.166 89.2817C171.028 89.0066 170.014 87.6802 169.854 87.4338C169.695 87.1875 169.652 87.0478 169.812 86.8405C170.034 86.5469 170.62 86.4072 171.16 86.9082C171.501 87.2285 172.716 88.058 172.716 88.058L178.321 83.9024C178.321 83.9024 179.018 83.8839 178.776 84.8715C178.533 85.859 176.555 87.1731 176.555 87.1731Z\",\n fill: \"#F5C7A3\"\n })), _path41 || (_path41 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M168.812 92.7855C168.802 92.8122 167.462 92.2455 165.821 91.5166C164.181 90.7878 162.859 90.1738 162.879 90.1492C162.899 90.1246 164.231 90.6913 165.872 91.4201C167.513 92.149 168.824 92.7588 168.812 92.7855Z\",\n fill: \"#EB996E\"\n })), _path42 || (_path42 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M121.293 17.7527C115.61 19.9476 115.431 28.1833 121.02 30.7032C122.024 31.1557 122.82 31.9828 123.291 32.9946L124.908 36.4763C125.355 37.4355 126.447 37.886 127.419 37.5106L129.572 36.6791C130.544 36.3037 131.07 35.2285 130.777 34.2096C129.716 30.49 129.062 29.1962 129.93 27.2616C132.472 21.6024 126.976 15.5577 121.293 17.7527Z\",\n fill: \"#ECB223\"\n })), _path43 || (_path43 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.684 22.3614C125.586 22.8289 125.765 23.3653 125.934 23.9898C126.36 23.6111 126.849 23.1466 126.928 22.5969C126.984 22.2114 126.74 21.7327 126.363 21.7127C126.321 21.7108 125.753 22.0332 125.684 22.3614ZM120.697 25.8039C121.062 26.0718 121.593 26.1138 122.318 25.9291C122.082 25.4043 121.796 24.9474 121.355 24.6718C120.361 24.0499 120.086 25.3542 120.697 25.8039ZM125.071 33.6463C124.043 30.4839 122.826 27.1724 122.45 26.2394C119.118 27.1211 119.678 23.2317 121.526 24.387C122.053 24.7163 122.375 25.2433 122.638 25.8392C123.735 25.5068 124.766 24.9557 125.658 24.2252C125.445 23.437 125.247 22.8472 125.364 22.2908C125.541 21.4503 126.457 21.0432 126.998 21.7159C127.2 21.9685 127.298 22.3248 127.252 22.646C127.153 23.3315 126.557 23.8933 126.029 24.3458C126.72 26.8859 127.481 29.4321 128.299 31.9257L127.99 32.0309C127.185 29.5777 126.434 27.0737 125.753 24.5745C124.862 25.2803 123.848 25.8162 122.767 26.1486C123.244 27.342 124.417 30.5728 125.382 33.5418L125.071 33.6463Z\",\n fill: \"#FAE0B2\"\n })), _path44 || (_path44 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M123.237 32.911C123.251 32.9398 123.267 32.967 123.281 32.9962L124.899 36.4778C125.346 37.4371 126.437 37.8876 127.41 37.5121L129.562 36.6807C130.534 36.3052 131.06 35.2301 130.768 34.2111C130.296 32.5563 129.904 31.3825 129.692 30.4179L123.237 32.911Z\",\n fill: \"#B6ADA6\"\n })), _path45 || (_path45 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M116.392 15.9111L113.982 12.9961C113.75 12.7138 113.784 12.2925 114.061 12.0551C114.337 11.8176 114.749 11.8539 114.983 12.1359L117.392 15.0511C117.625 15.3334 117.59 15.7547 117.314 15.9921C117.036 16.2308 116.623 16.1919 116.392 15.9111Z\",\n fill: \"#ECB223\"\n })), _path46 || (_path46 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M114.12 24.6248L110.219 25.0698C109.861 25.1105 109.536 24.8467 109.497 24.4799C109.456 24.1135 109.713 23.7831 110.072 23.7424L113.973 23.2976C114.331 23.2567 114.656 23.5206 114.696 23.887C114.737 24.2534 114.48 24.5835 114.12 24.6248Z\",\n fill: \"#ECB223\"\n })), _path47 || (_path47 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M112.71 37.398C112.41 37.1919 112.329 36.7772 112.531 36.4714C113.285 35.3276 114.148 34.2524 115.1 33.2751C115.354 33.0138 115.768 33.013 116.025 33.2731C116.281 33.5334 116.284 33.956 116.029 34.2175C115.135 35.1347 114.324 36.144 113.617 37.2175C113.417 37.5219 113.011 37.6053 112.71 37.398Z\",\n fill: \"#ECB223\"\n })), _path48 || (_path48 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M125.819 13.789C125.459 13.7657 125.184 13.4486 125.206 13.0807C125.309 11.3332 125.235 9.56822 124.985 7.83542C124.933 7.47033 125.18 7.13099 125.537 7.07845C125.895 7.02514 126.227 7.27794 126.28 7.64271C126.544 9.46674 126.622 11.3246 126.512 13.1641C126.49 13.5345 126.177 13.8123 125.819 13.789Z\",\n fill: \"#ECB223\"\n })), _path49 || (_path49 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M130.763 18.0093C130.593 17.6839 130.711 17.2796 131.03 17.1054L134.77 15.0617C135.089 14.8877 135.485 15.0105 135.656 15.3354C135.827 15.6608 135.707 16.0653 135.39 16.2392L131.65 18.2828C131.332 18.4562 130.935 18.3349 130.763 18.0093Z\",\n fill: \"#ECB223\"\n })), _path50 || (_path50 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M139.461 27.4886C139.404 27.5003 139.344 27.5045 139.282 27.4998C137.822 27.3872 136.372 27.1134 134.968 26.6865C134.622 26.5808 134.424 26.2088 134.527 25.8555C134.63 25.5022 134.993 25.3014 135.339 25.4069C136.653 25.8065 138.012 26.0628 139.379 26.1681C139.738 26.1961 140.008 26.5168 139.982 26.8845C139.96 27.1897 139.74 27.4312 139.461 27.4886Z\",\n fill: \"#ECB223\"\n })), _path51 || (_path51 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.019 72.7448L108.404 94.6173H146.465C146.667 94.6173 146.86 94.536 147.003 94.3912C147.145 94.2464 147.225 94.05 147.225 93.8453C147.225 93.7438 147.206 93.6431 147.168 93.5492C147.13 93.4553 147.074 93.37 147.003 93.2981C146.933 93.2262 146.849 93.1691 146.756 93.1302C146.664 93.0913 146.565 93.0713 146.465 93.0713H138.802L134.737 72.7222C134.699 72.5323 134.598 72.3614 134.451 72.2384C134.303 72.1153 134.119 72.0476 133.928 72.0467L104.843 71.7305C104.719 71.7292 104.596 71.7561 104.484 71.8093C104.371 71.8624 104.272 71.9405 104.193 72.0377C104.114 72.1349 104.057 72.2489 104.027 72.3712C103.997 72.4936 103.994 72.6212 104.019 72.7448Z\",\n fill: \"#999999\"\n })), _path52 || (_path52 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.018 72.745L104.006 72.6793C103.998 72.6111 103.998 72.5421 104.006 72.4739C104.021 72.3431 104.064 72.2173 104.135 72.1065C104.205 71.9958 104.299 71.903 104.41 71.8354C104.488 71.7871 104.572 71.7524 104.661 71.7327C104.76 71.7161 104.86 71.7099 104.96 71.7143H105.645L107.359 71.7286L118.358 71.8334L126.025 71.9134L130.321 71.9565L132.572 71.9812L133.724 71.9935C133.823 71.9935 133.914 71.9935 134.019 71.9935C134.122 72.0053 134.221 72.0351 134.314 72.0818C134.5 72.1742 134.648 72.3316 134.73 72.5253C134.768 72.6211 134.795 72.721 134.811 72.823L134.87 73.1166C134.908 73.3219 134.948 73.5108 134.989 73.7079C135.067 74.1035 135.146 74.5018 135.227 74.9029C135.388 75.7036 135.55 76.5146 135.714 77.3359C136.043 78.9784 136.38 80.6572 136.725 82.3723C137.41 85.8011 138.125 89.3675 138.859 93.0488L138.808 93.0078H146.344C146.443 93.004 146.543 93.0102 146.641 93.0263C146.843 93.0704 147.021 93.1916 147.138 93.365C147.256 93.5379 147.305 93.7503 147.273 93.9584C147.255 94.0845 147.208 94.2044 147.136 94.3089C147.064 94.4133 146.969 94.4992 146.859 94.56C146.748 94.6201 146.625 94.6538 146.499 94.6585H126.273H108.403H108.371V94.6257C107.029 87.9015 105.946 82.4339 105.184 78.6437C104.808 76.7507 104.517 75.2765 104.319 74.2746C104.222 73.7736 104.148 73.3938 104.097 73.1351C104.047 72.8764 104.024 72.745 104.024 72.745C104.024 72.745 104.055 72.8764 104.107 73.131C104.16 73.3856 104.241 73.7715 104.342 74.2684C104.544 75.2704 104.845 76.7425 105.229 78.6355C105.993 82.4236 107.094 87.8892 108.45 94.6093L108.409 94.5764L126.279 94.5662H146.491C146.6 94.5618 146.706 94.533 146.802 94.482C146.898 94.4285 146.98 94.3535 147.043 94.2628C147.106 94.172 147.147 94.0679 147.164 93.9584C147.19 93.7765 147.148 93.5912 147.047 93.439C146.943 93.2891 146.788 93.1843 146.612 93.1453C146.522 93.1314 146.43 93.1259 146.338 93.1289H138.76V93.0879C138.026 89.4106 137.313 85.8442 136.63 82.4113C136.286 80.6949 135.949 79.0154 135.619 77.3728L135.134 74.9398C135.056 74.5394 134.975 74.1411 134.896 73.7469C134.858 73.5416 134.817 73.3506 134.779 73.1556L134.72 72.8599C134.705 72.7647 134.681 72.6711 134.647 72.5807C134.592 72.4511 134.503 72.3388 134.391 72.2551C134.279 72.1714 134.147 72.1194 134.009 72.1044C133.92 72.1044 133.819 72.1044 133.724 72.1044L132.572 72.09L130.319 72.0654L126.025 72.014L118.356 71.9216L107.357 71.7841L105.645 71.7615L104.96 71.7512C104.861 71.7451 104.762 71.7506 104.665 71.7676C104.578 71.7859 104.495 71.8185 104.418 71.8641C104.309 71.9289 104.216 72.018 104.146 72.1247C104.076 72.2314 104.031 72.353 104.014 72.4801C104.006 72.5683 104.008 72.6571 104.018 72.745Z\",\n fill: \"#666666\"\n })), _path53 || (_path53 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M120.298 84.0327C120.992 84.0327 121.555 83.4609 121.555 82.7556C121.555 82.0503 120.992 81.4785 120.298 81.4785C119.604 81.4785 119.041 82.0503 119.041 82.7556C119.041 83.4609 119.604 84.0327 120.298 84.0327Z\",\n fill: \"white\"\n })), _path54 || (_path54 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M104.057 72.9277C104.057 72.9277 104.101 72.9277 104.188 72.9277H106.051L111.493 72.9544L129.448 73.0817L132.045 73.1043H132.683C132.792 73.1001 132.901 73.107 133.008 73.1248C133.173 73.1588 133.325 73.2384 133.448 73.3547C133.57 73.471 133.659 73.6196 133.704 73.7839C133.752 73.9892 133.786 74.1945 133.829 74.3999L134.756 79.1509C135.344 82.1794 135.876 84.8998 136.321 87.1973C136.765 89.4948 137.129 91.3386 137.367 92.6218C137.489 93.2604 137.582 93.7572 137.646 94.0981C137.676 94.2644 137.701 94.3937 137.717 94.4841C137.733 94.5744 137.737 94.6155 137.737 94.6155C137.737 94.6155 137.725 94.5723 137.707 94.4861C137.689 94.3999 137.66 94.2685 137.626 94.1022L137.327 92.6383C137.072 91.355 136.704 89.5051 136.248 87.2199C135.791 84.9347 135.258 82.204 134.661 79.1776C134.364 77.6644 134.055 76.0753 133.728 74.4286C133.685 74.2233 133.649 74.018 133.605 73.8127C133.551 73.6176 133.429 73.4494 133.261 73.3404C133.178 73.2863 133.085 73.2487 132.988 73.2296C132.887 73.2127 132.784 73.2066 132.681 73.2111H132.045L129.448 73.1905L111.493 73.0304L106.051 72.9688L104.572 72.9277H104.186H104.057Z\",\n fill: \"#666666\"\n })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDisclaimerBanner);\nexport default __webpack_public_path__ + \"App/static/media/disclaimer_banner.637560e426d1e5b7fc2aa3f48e42d5cd.svg\";\nexport { ForwardRef as ReactComponent };","import axios from \"axios\"\nimport axiosRetry from \"axios-retry\"\n\n/* eslint-disable const-case/uppercase */\nconst SERVICE = `user-service`\nconst BASE_URL = window.myNtucConfig.mpBaseUrl\nconst VERSION = process.env.REACT_APP_MP_VERSION\n\nconst client = axios.create({\n baseURL: `${BASE_URL}/${SERVICE}/${VERSION}/`,\n})\n\naxiosRetry(axios, { retries: 3, retryDelay: axiosRetry.exponentialDelay })\n\nexport default client","import defaultHeaders from \"../headers\"\nimport { Response } from \"../Model\"\nimport client from \"./client\"\n\ninterface UserLoginResponse {\n hasDraft: boolean\n hasActiveMembership: boolean\n isTemporary: boolean\n firstTimeLogin: boolean\n}\nconst postUserLogin = () => client.post>(`login`, null, {headers: defaultHeaders()})\n\nexport default postUserLogin\nexport type { UserLoginResponse }","import {\n Alert,\n Button,\n Card,\n CardMedia,\n Checkbox,\n FormControlLabel,\n Grid,\n Typography,\n} from '@mui/material'\nimport banner from '../../../assets/disclaimer_banner.svg'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { LoadingButton } from '@mui/lab'\nimport { ChangeEvent, useEffect, useState } from 'react'\nimport { SignupRoute, SignupRouteParams } from '../SignupFlow/SignupFlow'\nimport { getPLSMyInfoURL } from '../../../services/ntuc/memberService/myinfo'\nimport postUserLogin from '../../../services/ntuc/userService/login'\n\nfunction DisclaimerPage(props: SignupRouteParams) {\n const { onNavigateTo } = props\n const { t } = useTranslation(`disclaimer`)\n const [loading, setLoading] = useState(false)\n const [accept, setAccept] = useState(!window.myNtucConfig.authToken)\n\n const membershipLinkingConsent = t(`membershipLinkingConsent`)\n const handleManualApplicationClick = () => {\n onNavigateTo(SignupRoute.Form)\n }\n\n const handleMyInfoApplicationClick = () => {\n setLoading(true)\n\n getPLSMyInfoURL()\n .then((response) => {\n window.location.replace(response.data)\n console.log(`Successfully redirect user to MyInfo`)\n })\n .catch((err) => {\n console.error(err)\n setLoading(false)\n })\n }\n\n const handleCheckBoxOnChange = (_event: ChangeEvent, checked: boolean) => {\n setAccept(checked)\n }\n\n useEffect(() => {\n if (window.myNtucConfig.authToken) {\n postUserLogin()\n .then(() => {\n console.log(`Succesfully logged in user to backend`)\n })\n .catch(console.error)\n }\n }, [])\n\n const ConsentCheckbox = () => {\n if (window.myNtucConfig.authToken) {\n return (\n \n }\n label={membershipLinkingConsent} />\n \n )\n } else {\n return (

)\n }\n }\n\n return (\n \n \n {t(`title`)}\n \n \n \n \n {t(`notes.title`)}\n \n

\n notes.description\n

\n \n \n \n {t(`exclusions.title`)}\n \n

\n exclusions.description\n

\n \n \n \n \n info\n \n \n \n \n \n {t(`button.my_info`)}\n \n \n \n \n \n \n {t(`button.manual`)}\n \n \n \n \n )\n}\n\nexport default DisclaimerPage\n","import memberServiceClient from \"./client\"\nimport { Response } from \"../Model\"\nimport { MyInfoData } from \"../../myInfo/myInfo\"\nimport { ApplicationError } from \"../applicationError\"\n\nconst getMyInfoCallback = (code: string, state: string) => {\n return memberServiceClient.get | Response>(\n `myinfo/auth/callback/web`,\n {\n params: {\n code: code,\n state: state,\n callbackUrl: window.myNtucConfig.myInfoCallbackUrl, // myinfo only allows with this URL for dev. purposes\n },\n },\n )\n}\n\nconst getPLSMyInfoCallback = (code: string) => {\n return memberServiceClient.get | Response>(\n `myinfo/pls-auth/callback/web`,\n {\n params: {\n code: code,\n },\n },\n )\n}\n\nconst getPLSMyInfoURL = () => {\n return memberServiceClient.get(\n `myinfo/pls-auth/web`,\n )\n}\n\nexport default getMyInfoCallback\nexport { getPLSMyInfoURL, getPLSMyInfoCallback }","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n _next(undefined);\n });\n };\n}","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getTabUtilityClass(slot) {\n return generateUtilityClass('MuiTab', slot);\n}\nconst tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);\nexport default tabClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"className\", \"disabled\", \"disableFocusRipple\", \"fullWidth\", \"icon\", \"iconPosition\", \"indicator\", \"label\", \"onChange\", \"onClick\", \"onFocus\", \"selected\", \"selectionFollowsFocus\", \"textColor\", \"value\", \"wrapped\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport ButtonBase from '../ButtonBase';\nimport capitalize from '../utils/capitalize';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled from '../styles/styled';\nimport unsupportedProp from '../utils/unsupportedProp';\nimport tabClasses, { getTabUtilityClass } from './tabClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n textColor,\n fullWidth,\n wrapped,\n icon,\n label,\n selected,\n disabled\n } = ownerState;\n const slots = {\n root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],\n iconWrapper: ['iconWrapper']\n };\n return composeClasses(slots, getTabUtilityClass, classes);\n};\n\nconst TabRoot = styled(ButtonBase, {\n name: 'MuiTab',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped];\n }\n})(({\n theme,\n ownerState\n}) => _extends({}, theme.typography.button, {\n maxWidth: 360,\n minWidth: 90,\n position: 'relative',\n minHeight: 48,\n flexShrink: 0,\n padding: '12px 16px',\n overflow: 'hidden',\n whiteSpace: 'normal',\n textAlign: 'center'\n}, ownerState.label && {\n flexDirection: ownerState.iconPosition === 'top' || ownerState.iconPosition === 'bottom' ? 'column' : 'row'\n}, {\n lineHeight: 1.25\n}, ownerState.icon && ownerState.label && {\n minHeight: 72,\n paddingTop: 9,\n paddingBottom: 9,\n [`& > .${tabClasses.iconWrapper}`]: _extends({}, ownerState.iconPosition === 'top' && {\n marginBottom: 6\n }, ownerState.iconPosition === 'bottom' && {\n marginTop: 6\n }, ownerState.iconPosition === 'start' && {\n marginRight: theme.spacing(1)\n }, ownerState.iconPosition === 'end' && {\n marginLeft: theme.spacing(1)\n })\n}, ownerState.textColor === 'inherit' && {\n color: 'inherit',\n opacity: 0.6,\n // same opacity as theme.palette.text.secondary\n [`&.${tabClasses.selected}`]: {\n opacity: 1\n },\n [`&.${tabClasses.disabled}`]: {\n opacity: theme.palette.action.disabledOpacity\n }\n}, ownerState.textColor === 'primary' && {\n color: theme.palette.text.secondary,\n [`&.${tabClasses.selected}`]: {\n color: theme.palette.primary.main\n },\n [`&.${tabClasses.disabled}`]: {\n color: theme.palette.text.disabled\n }\n}, ownerState.textColor === 'secondary' && {\n color: theme.palette.text.secondary,\n [`&.${tabClasses.selected}`]: {\n color: theme.palette.secondary.main\n },\n [`&.${tabClasses.disabled}`]: {\n color: theme.palette.text.disabled\n }\n}, ownerState.fullWidth && {\n flexShrink: 1,\n flexGrow: 1,\n flexBasis: 0,\n maxWidth: 'none'\n}, ownerState.wrapped && {\n fontSize: theme.typography.pxToRem(12)\n}));\nconst Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTab'\n });\n\n const {\n className,\n disabled = false,\n disableFocusRipple = false,\n // eslint-disable-next-line react/prop-types\n fullWidth,\n icon: iconProp,\n iconPosition = 'top',\n // eslint-disable-next-line react/prop-types\n indicator,\n label,\n onChange,\n onClick,\n onFocus,\n // eslint-disable-next-line react/prop-types\n selected,\n // eslint-disable-next-line react/prop-types\n selectionFollowsFocus,\n // eslint-disable-next-line react/prop-types\n textColor = 'inherit',\n value,\n wrapped = false\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props, {\n disabled,\n disableFocusRipple,\n selected,\n icon: !!iconProp,\n iconPosition,\n label: !!label,\n fullWidth,\n textColor,\n wrapped\n });\n\n const classes = useUtilityClasses(ownerState);\n const icon = iconProp && label && /*#__PURE__*/React.isValidElement(iconProp) ? /*#__PURE__*/React.cloneElement(iconProp, {\n className: clsx(classes.iconWrapper, iconProp.props.className)\n }) : iconProp;\n\n const handleClick = event => {\n if (!selected && onChange) {\n onChange(event, value);\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleFocus = event => {\n if (selectionFollowsFocus && !selected && onChange) {\n onChange(event, value);\n }\n\n if (onFocus) {\n onFocus(event);\n }\n };\n\n return /*#__PURE__*/_jsxs(TabRoot, _extends({\n focusRipple: !disableFocusRipple,\n className: clsx(classes.root, className),\n ref: ref,\n role: \"tab\",\n \"aria-selected\": selected,\n disabled: disabled,\n onClick: handleClick,\n onFocus: handleFocus,\n ownerState: ownerState,\n tabIndex: selected ? 0 : -1\n }, other, {\n children: [iconPosition === 'top' || iconPosition === 'start' ? /*#__PURE__*/_jsxs(React.Fragment, {\n children: [icon, label]\n }) : /*#__PURE__*/_jsxs(React.Fragment, {\n children: [label, icon]\n }), indicator]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Tab.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * This prop isn't supported.\n * Use the `component` prop if you need to change the children structure.\n */\n children: unsupportedProp,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * If `true`, the component is disabled.\n * @default false\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the keyboard focus ripple is disabled.\n * @default false\n */\n disableFocusRipple: PropTypes.bool,\n\n /**\n * If `true`, the ripple effect is disabled.\n *\n * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\n * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.\n * @default false\n */\n disableRipple: PropTypes.bool,\n\n /**\n * The icon to display.\n */\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n\n /**\n * The position of the icon relative to the label.\n * @default 'top'\n */\n iconPosition: PropTypes.oneOf(['bottom', 'end', 'start', 'top']),\n\n /**\n * The label element.\n */\n label: PropTypes.node,\n\n /**\n * @ignore\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * You can provide your own value. Otherwise, we fallback to the child position index.\n */\n value: PropTypes.any,\n\n /**\n * Tab labels appear in a single row.\n * They can use a second line if needed.\n * @default false\n */\n wrapped: PropTypes.bool\n} : void 0;\nexport default Tab;","import * as React from 'react';\nimport PropTypes from 'prop-types';\n/**\n * @type {React.Context<{ idPrefix: string; value: string } | null>}\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Context = /*#__PURE__*/React.createContext(null);\n\nif (process.env.NODE_ENV !== 'production') {\n Context.displayName = 'TabContext';\n}\n\nfunction useUniquePrefix() {\n const [id, setId] = React.useState(null);\n React.useEffect(() => {\n setId(`mui-p-${Math.round(Math.random() * 1e5)}`);\n }, []);\n return id;\n}\n\nexport default function TabContext(props) {\n const {\n children,\n value\n } = props;\n const idPrefix = useUniquePrefix();\n const context = React.useMemo(() => {\n return {\n idPrefix,\n value\n };\n }, [idPrefix, value]);\n return /*#__PURE__*/_jsx(Context.Provider, {\n value: context,\n children: children\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? TabContext.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * The value of the currently selected `Tab`.\n */\n value: PropTypes.string.isRequired\n} : void 0;\n/**\n * @returns {unknown}\n */\n\nexport function useTabContext() {\n return React.useContext(Context);\n}\nexport function getPanelId(context, value) {\n const {\n idPrefix\n } = context;\n\n if (idPrefix === null) {\n return null;\n }\n\n return `${context.idPrefix}-P-${value}`;\n}\nexport function getTabId(context, value) {\n const {\n idPrefix\n } = context;\n\n if (idPrefix === null) {\n return null;\n }\n\n return `${context.idPrefix}-T-${value}`;\n}","import * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from './defaultTheme';\nexport default function useTheme() {\n const theme = useThemeSystem(defaultTheme);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue(theme);\n }\n\n return theme;\n}","// Corresponds to 10 frames at 60 Hz.\n// A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.\nexport default function debounce(func, wait = 166) {\n let timeout;\n function debounced(...args) {\n const later = () => {\n func.apply(this, args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n }\n debounced.clear = () => {\n clearTimeout(timeout);\n };\n return debounced;\n}","import { unstable_debounce as debounce } from '@mui/utils';\nexport default debounce;","// Source from https://github.com/alitaheri/normalize-scroll-left\nlet cachedType;\n\n/**\n * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type\n *\n * Types of scrollLeft, assuming scrollWidth=100 and direction is rtl.\n *\n * Type | <- Most Left | Most Right -> | Initial\n * ---------------- | ------------ | ------------- | -------\n * default | 0 | 100 | 100\n * negative (spec*) | -100 | 0 | 0\n * reverse | 100 | 0 | 0\n *\n * Edge 85: default\n * Safari 14: negative\n * Chrome 85: negative\n * Firefox 81: negative\n * IE11: reverse\n *\n * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll\n */\nexport function detectScrollType() {\n if (cachedType) {\n return cachedType;\n }\n const dummy = document.createElement('div');\n const container = document.createElement('div');\n container.style.width = '10px';\n container.style.height = '1px';\n dummy.appendChild(container);\n dummy.dir = 'rtl';\n dummy.style.fontSize = '14px';\n dummy.style.width = '4px';\n dummy.style.height = '1px';\n dummy.style.position = 'absolute';\n dummy.style.top = '-1000px';\n dummy.style.overflow = 'scroll';\n document.body.appendChild(dummy);\n cachedType = 'reverse';\n if (dummy.scrollLeft > 0) {\n cachedType = 'default';\n } else {\n dummy.scrollLeft = 1;\n if (dummy.scrollLeft === 0) {\n cachedType = 'negative';\n }\n }\n document.body.removeChild(dummy);\n return cachedType;\n}\n\n// Based on https://stackoverflow.com/a/24394376\nexport function getNormalizedScrollLeft(element, direction) {\n const scrollLeft = element.scrollLeft;\n\n // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior\n if (direction !== 'rtl') {\n return scrollLeft;\n }\n const type = detectScrollType();\n switch (type) {\n case 'negative':\n return element.scrollWidth - element.clientWidth + scrollLeft;\n case 'reverse':\n return element.scrollWidth - element.clientWidth - scrollLeft;\n default:\n return scrollLeft;\n }\n}","function easeInOutSin(time) {\n return (1 + Math.sin(Math.PI * time - Math.PI / 2)) / 2;\n}\n\nexport default function animate(property, element, to, options = {}, cb = () => {}) {\n const {\n ease = easeInOutSin,\n duration = 300 // standard\n\n } = options;\n let start = null;\n const from = element[property];\n let cancelled = false;\n\n const cancel = () => {\n cancelled = true;\n };\n\n const step = timestamp => {\n if (cancelled) {\n cb(new Error('Animation cancelled'));\n return;\n }\n\n if (start === null) {\n start = timestamp;\n }\n\n const time = Math.min(1, (timestamp - start) / duration);\n element[property] = ease(time) * (to - from) + from;\n\n if (time >= 1) {\n requestAnimationFrame(() => {\n cb(null);\n });\n return;\n }\n\n requestAnimationFrame(step);\n };\n\n if (from === to) {\n cb(new Error('Element already at target position'));\n return cancel;\n }\n\n requestAnimationFrame(step);\n return cancel;\n}","export default function ownerDocument(node) {\n return node && node.ownerDocument || document;\n}","import ownerDocument from './ownerDocument';\nexport default function ownerWindow(node) {\n const doc = ownerDocument(node);\n return doc.defaultView || window;\n}","import { unstable_ownerWindow as ownerWindow } from '@mui/utils';\nexport default ownerWindow;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onChange\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from '../utils/debounce';\nimport { ownerWindow } from '../utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst styles = {\n width: 99,\n height: 99,\n position: 'absolute',\n top: -9999,\n overflow: 'scroll'\n};\n/**\n * @ignore - internal component.\n * The component originates from https://github.com/STORIS/react-scrollbar-size.\n * It has been moved into the core in order to minimize the bundle size.\n */\n\nexport default function ScrollbarSize(props) {\n const {\n onChange\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const scrollbarHeight = React.useRef();\n const nodeRef = React.useRef(null);\n\n const setMeasurements = () => {\n scrollbarHeight.current = nodeRef.current.offsetHeight - nodeRef.current.clientHeight;\n };\n\n React.useEffect(() => {\n const handleResize = debounce(() => {\n const prevHeight = scrollbarHeight.current;\n setMeasurements();\n\n if (prevHeight !== scrollbarHeight.current) {\n onChange(scrollbarHeight.current);\n }\n });\n const containerWindow = ownerWindow(nodeRef.current);\n containerWindow.addEventListener('resize', handleResize);\n return () => {\n handleResize.clear();\n containerWindow.removeEventListener('resize', handleResize);\n };\n }, [onChange]);\n React.useEffect(() => {\n setMeasurements();\n onChange(scrollbarHeight.current);\n }, [onChange]);\n return /*#__PURE__*/_jsx(\"div\", _extends({\n style: styles,\n ref: nodeRef\n }, other));\n}\nprocess.env.NODE_ENV !== \"production\" ? ScrollbarSize.propTypes = {\n onChange: PropTypes.func.isRequired\n} : void 0;","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n d: \"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z\"\n}), 'KeyboardArrowLeft');","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n d: \"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z\"\n}), 'KeyboardArrowRight');","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getTabScrollButtonUtilityClass(slot) {\n return generateUtilityClass('MuiTabScrollButton', slot);\n}\nconst tabScrollButtonClasses = generateUtilityClasses('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);\nexport default tabScrollButtonClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n\nvar _KeyboardArrowLeft, _KeyboardArrowRight;\n\nconst _excluded = [\"className\", \"direction\", \"orientation\", \"disabled\"];\n\n/* eslint-disable jsx-a11y/aria-role */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';\nimport ButtonBase from '../ButtonBase';\nimport useTheme from '../styles/useTheme';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled from '../styles/styled';\nimport tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from './tabScrollButtonClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n orientation,\n disabled\n } = ownerState;\n const slots = {\n root: ['root', orientation, disabled && 'disabled']\n };\n return composeClasses(slots, getTabScrollButtonUtilityClass, classes);\n};\n\nconst TabScrollButtonRoot = styled(ButtonBase, {\n name: 'MuiTabScrollButton',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.orientation && styles[ownerState.orientation]];\n }\n})(({\n ownerState\n}) => _extends({\n width: 40,\n flexShrink: 0,\n opacity: 0.8,\n [`&.${tabScrollButtonClasses.disabled}`]: {\n opacity: 0\n }\n}, ownerState.orientation === 'vertical' && {\n width: '100%',\n height: 40,\n '& svg': {\n transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`\n }\n}));\nconst TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTabScrollButton'\n });\n\n const {\n className,\n direction\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const theme = useTheme();\n const isRtl = theme.direction === 'rtl';\n\n const ownerState = _extends({\n isRtl\n }, props);\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({\n component: \"div\",\n className: clsx(classes.root, className),\n ref: ref,\n role: null,\n ownerState: ownerState,\n tabIndex: null\n }, other, {\n children: direction === 'left' ? _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {\n fontSize: \"small\"\n })) : _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {\n fontSize: \"small\"\n }))\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TabScrollButton.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The direction the button should indicate.\n */\n direction: PropTypes.oneOf(['left', 'right']).isRequired,\n\n /**\n * If `true`, the component is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * The component orientation (layout flow direction).\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default TabScrollButton;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getTabsUtilityClass(slot) {\n return generateUtilityClass('MuiTabs', slot);\n}\nconst tabsClasses = generateUtilityClasses('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);\nexport default tabsClasses;","import { unstable_ownerDocument as ownerDocument } from '@mui/utils';\nexport default ownerDocument;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"aria-label\", \"aria-labelledby\", \"action\", \"centered\", \"children\", \"className\", \"component\", \"allowScrollButtonsMobile\", \"indicatorColor\", \"onChange\", \"orientation\", \"ScrollButtonComponent\", \"scrollButtons\", \"selectionFollowsFocus\", \"TabIndicatorProps\", \"TabScrollButtonProps\", \"textColor\", \"value\", \"variant\", \"visibleScrollbar\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType } from '@mui/utils';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport useTheme from '../styles/useTheme';\nimport debounce from '../utils/debounce';\nimport { getNormalizedScrollLeft, detectScrollType } from '../utils/scrollLeft';\nimport animate from '../internal/animate';\nimport ScrollbarSize from './ScrollbarSize';\nimport TabScrollButton from '../TabScrollButton';\nimport useEventCallback from '../utils/useEventCallback';\nimport tabsClasses, { getTabsUtilityClass } from './tabsClasses';\nimport ownerDocument from '../utils/ownerDocument';\nimport ownerWindow from '../utils/ownerWindow';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst nextItem = (list, item) => {\n if (list === item) {\n return list.firstChild;\n }\n\n if (item && item.nextElementSibling) {\n return item.nextElementSibling;\n }\n\n return list.firstChild;\n};\n\nconst previousItem = (list, item) => {\n if (list === item) {\n return list.lastChild;\n }\n\n if (item && item.previousElementSibling) {\n return item.previousElementSibling;\n }\n\n return list.lastChild;\n};\n\nconst moveFocus = (list, currentFocus, traversalFunction) => {\n let wrappedOnce = false;\n let nextFocus = traversalFunction(list, currentFocus);\n\n while (nextFocus) {\n // Prevent infinite loop.\n if (nextFocus === list.firstChild) {\n if (wrappedOnce) {\n return;\n }\n\n wrappedOnce = true;\n } // Same logic as useAutocomplete.js\n\n\n const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n\n if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {\n // Move to the next element.\n nextFocus = traversalFunction(list, nextFocus);\n } else {\n nextFocus.focus();\n return;\n }\n }\n};\n\nconst useUtilityClasses = ownerState => {\n const {\n vertical,\n fixed,\n hideScrollbar,\n scrollableX,\n scrollableY,\n centered,\n scrollButtonsHideMobile,\n classes\n } = ownerState;\n const slots = {\n root: ['root', vertical && 'vertical'],\n scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],\n flexContainer: ['flexContainer', vertical && 'flexContainerVertical', centered && 'centered'],\n indicator: ['indicator'],\n scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],\n scrollableX: [scrollableX && 'scrollableX'],\n hideScrollbar: [hideScrollbar && 'hideScrollbar']\n };\n return composeClasses(slots, getTabsUtilityClass, classes);\n};\n\nconst TabsRoot = styled('div', {\n name: 'MuiTabs',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [{\n [`& .${tabsClasses.scrollButtons}`]: styles.scrollButtons\n }, {\n [`& .${tabsClasses.scrollButtons}`]: ownerState.scrollButtonsHideMobile && styles.scrollButtonsHideMobile\n }, styles.root, ownerState.vertical && styles.vertical];\n }\n})(({\n ownerState,\n theme\n}) => _extends({\n overflow: 'hidden',\n minHeight: 48,\n // Add iOS momentum scrolling for iOS < 13.0\n WebkitOverflowScrolling: 'touch',\n display: 'flex'\n}, ownerState.vertical && {\n flexDirection: 'column'\n}, ownerState.scrollButtonsHideMobile && {\n [`& .${tabsClasses.scrollButtons}`]: {\n [theme.breakpoints.down('sm')]: {\n display: 'none'\n }\n }\n}));\nconst TabsScroller = styled('div', {\n name: 'MuiTabs',\n slot: 'Scroller',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.scroller, ownerState.fixed && styles.fixed, ownerState.hideScrollbar && styles.hideScrollbar, ownerState.scrollableX && styles.scrollableX, ownerState.scrollableY && styles.scrollableY];\n }\n})(({\n ownerState\n}) => _extends({\n position: 'relative',\n display: 'inline-block',\n flex: '1 1 auto',\n whiteSpace: 'nowrap'\n}, ownerState.fixed && {\n overflowX: 'hidden',\n width: '100%'\n}, ownerState.hideScrollbar && {\n // Hide dimensionless scrollbar on MacOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n\n }\n}, ownerState.scrollableX && {\n overflowX: 'auto',\n overflowY: 'hidden'\n}, ownerState.scrollableY && {\n overflowY: 'auto',\n overflowX: 'hidden'\n}));\nconst FlexContainer = styled('div', {\n name: 'MuiTabs',\n slot: 'FlexContainer',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];\n }\n})(({\n ownerState\n}) => _extends({\n display: 'flex'\n}, ownerState.vertical && {\n flexDirection: 'column'\n}, ownerState.centered && {\n justifyContent: 'center'\n}));\nconst TabsIndicator = styled('span', {\n name: 'MuiTabs',\n slot: 'Indicator',\n overridesResolver: (props, styles) => styles.indicator\n})(({\n ownerState,\n theme\n}) => _extends({\n position: 'absolute',\n height: 2,\n bottom: 0,\n width: '100%',\n transition: theme.transitions.create()\n}, ownerState.indicatorColor === 'primary' && {\n backgroundColor: theme.palette.primary.main\n}, ownerState.indicatorColor === 'secondary' && {\n backgroundColor: theme.palette.secondary.main\n}, ownerState.vertical && {\n height: '100%',\n width: 2,\n right: 0\n}));\nconst TabsScrollbarSize = styled(ScrollbarSize, {\n name: 'MuiTabs',\n slot: 'ScrollbarSize'\n})({\n overflowX: 'auto',\n overflowY: 'hidden',\n // Hide dimensionless scrollbar on MacOS\n scrollbarWidth: 'none',\n // Firefox\n '&::-webkit-scrollbar': {\n display: 'none' // Safari + Chrome\n\n }\n});\nconst defaultIndicatorStyle = {};\nlet warnedOnceTabPresent = false;\nconst Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTabs'\n });\n const theme = useTheme();\n const isRtl = theme.direction === 'rtl';\n\n const {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n action,\n centered = false,\n children: childrenProp,\n className,\n component = 'div',\n allowScrollButtonsMobile = false,\n indicatorColor = 'primary',\n onChange,\n orientation = 'horizontal',\n ScrollButtonComponent = TabScrollButton,\n scrollButtons = 'auto',\n selectionFollowsFocus,\n TabIndicatorProps = {},\n TabScrollButtonProps = {},\n textColor = 'primary',\n value,\n variant = 'standard',\n visibleScrollbar = false\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const scrollable = variant === 'scrollable';\n const vertical = orientation === 'vertical';\n const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';\n const start = vertical ? 'top' : 'left';\n const end = vertical ? 'bottom' : 'right';\n const clientSize = vertical ? 'clientHeight' : 'clientWidth';\n const size = vertical ? 'height' : 'width';\n\n const ownerState = _extends({}, props, {\n component,\n allowScrollButtonsMobile,\n indicatorColor,\n orientation,\n vertical,\n scrollButtons,\n textColor,\n variant,\n visibleScrollbar,\n fixed: !scrollable,\n hideScrollbar: scrollable && !visibleScrollbar,\n scrollableX: scrollable && !vertical,\n scrollableY: scrollable && vertical,\n centered: centered && !scrollable,\n scrollButtonsHideMobile: !allowScrollButtonsMobile\n });\n\n const classes = useUtilityClasses(ownerState);\n\n if (process.env.NODE_ENV !== 'production') {\n if (centered && scrollable) {\n console.error('MUI: You can not use the `centered={true}` and `variant=\"scrollable\"` properties ' + 'at the same time on a `Tabs` component.');\n }\n }\n\n const [mounted, setMounted] = React.useState(false);\n const [indicatorStyle, setIndicatorStyle] = React.useState(defaultIndicatorStyle);\n const [displayScroll, setDisplayScroll] = React.useState({\n start: false,\n end: false\n });\n const [scrollerStyle, setScrollerStyle] = React.useState({\n overflow: 'hidden',\n scrollbarWidth: 0\n });\n const valueToIndex = new Map();\n const tabsRef = React.useRef(null);\n const tabListRef = React.useRef(null);\n\n const getTabsMeta = () => {\n const tabsNode = tabsRef.current;\n let tabsMeta;\n\n if (tabsNode) {\n const rect = tabsNode.getBoundingClientRect(); // create a new object with ClientRect class props + scrollLeft\n\n tabsMeta = {\n clientWidth: tabsNode.clientWidth,\n scrollLeft: tabsNode.scrollLeft,\n scrollTop: tabsNode.scrollTop,\n scrollLeftNormalized: getNormalizedScrollLeft(tabsNode, theme.direction),\n scrollWidth: tabsNode.scrollWidth,\n top: rect.top,\n bottom: rect.bottom,\n left: rect.left,\n right: rect.right\n };\n }\n\n let tabMeta;\n\n if (tabsNode && value !== false) {\n const children = tabListRef.current.children;\n\n if (children.length > 0) {\n const tab = children[valueToIndex.get(value)];\n\n if (process.env.NODE_ENV !== 'production') {\n if (!tab) {\n console.error([`MUI: The \\`value\\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with \"${value}\".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\\n'));\n }\n }\n\n tabMeta = tab ? tab.getBoundingClientRect() : null;\n\n if (process.env.NODE_ENV !== 'production') {\n if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {\n tabsMeta = null;\n console.error(['MUI: The `value` provided to the Tabs component is invalid.', `The Tab with this \\`value\\` (\"${value}\") is not part of the document layout.`, \"Make sure the tab item is present in the document or that it's not `display: none`.\"].join('\\n'));\n warnedOnceTabPresent = true;\n }\n }\n }\n }\n\n return {\n tabsMeta,\n tabMeta\n };\n };\n\n const updateIndicatorState = useEventCallback(() => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n let startValue = 0;\n let startIndicator;\n\n if (vertical) {\n startIndicator = 'top';\n\n if (tabMeta && tabsMeta) {\n startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;\n }\n } else {\n startIndicator = isRtl ? 'right' : 'left';\n\n if (tabMeta && tabsMeta) {\n const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;\n startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);\n }\n }\n\n const newIndicatorStyle = {\n [startIndicator]: startValue,\n // May be wrong until the font is loaded.\n [size]: tabMeta ? tabMeta[size] : 0\n }; // IE11 support, replace with Number.isNaN\n // eslint-disable-next-line no-restricted-globals\n\n if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {\n setIndicatorStyle(newIndicatorStyle);\n } else {\n const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);\n const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);\n\n if (dStart >= 1 || dSize >= 1) {\n setIndicatorStyle(newIndicatorStyle);\n }\n }\n });\n\n const scroll = (scrollValue, {\n animation = true\n } = {}) => {\n if (animation) {\n animate(scrollStart, tabsRef.current, scrollValue, {\n duration: theme.transitions.duration.standard\n });\n } else {\n tabsRef.current[scrollStart] = scrollValue;\n }\n };\n\n const moveTabsScroll = delta => {\n let scrollValue = tabsRef.current[scrollStart];\n\n if (vertical) {\n scrollValue += delta;\n } else {\n scrollValue += delta * (isRtl ? -1 : 1); // Fix for Edge\n\n scrollValue *= isRtl && detectScrollType() === 'reverse' ? -1 : 1;\n }\n\n scroll(scrollValue);\n };\n\n const getScrollSize = () => {\n const containerSize = tabsRef.current[clientSize];\n let totalSize = 0;\n const children = Array.from(tabListRef.current.children);\n\n for (let i = 0; i < children.length; i += 1) {\n const tab = children[i];\n\n if (totalSize + tab[clientSize] > containerSize) {\n break;\n }\n\n totalSize += tab[clientSize];\n }\n\n return totalSize;\n };\n\n const handleStartScrollClick = () => {\n moveTabsScroll(-1 * getScrollSize());\n };\n\n const handleEndScrollClick = () => {\n moveTabsScroll(getScrollSize());\n }; // TODO Remove as browser support for hidding the scrollbar\n // with CSS improves.\n\n\n const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {\n setScrollerStyle({\n overflow: null,\n scrollbarWidth\n });\n }, []);\n\n const getConditionalElements = () => {\n const conditionalElements = {};\n conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/_jsx(TabsScrollbarSize, {\n onChange: handleScrollbarSizeChange,\n className: clsx(classes.scrollableX, classes.hideScrollbar)\n }) : null;\n const scrollButtonsActive = displayScroll.start || displayScroll.end;\n const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);\n conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({\n orientation: orientation,\n direction: isRtl ? 'right' : 'left',\n onClick: handleStartScrollClick,\n disabled: !displayScroll.start\n }, TabScrollButtonProps, {\n className: clsx(classes.scrollButtons, TabScrollButtonProps.className)\n })) : null;\n conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/_jsx(ScrollButtonComponent, _extends({\n orientation: orientation,\n direction: isRtl ? 'left' : 'right',\n onClick: handleEndScrollClick,\n disabled: !displayScroll.end\n }, TabScrollButtonProps, {\n className: clsx(classes.scrollButtons, TabScrollButtonProps.className)\n })) : null;\n return conditionalElements;\n };\n\n const scrollSelectedIntoView = useEventCallback(animation => {\n const {\n tabsMeta,\n tabMeta\n } = getTabsMeta();\n\n if (!tabMeta || !tabsMeta) {\n return;\n }\n\n if (tabMeta[start] < tabsMeta[start]) {\n // left side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);\n scroll(nextScrollStart, {\n animation\n });\n } else if (tabMeta[end] > tabsMeta[end]) {\n // right side of button is out of view\n const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[end] - tabsMeta[end]);\n scroll(nextScrollStart, {\n animation\n });\n }\n });\n const updateScrollButtonState = useEventCallback(() => {\n if (scrollable && scrollButtons !== false) {\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollWidth,\n clientWidth\n } = tabsRef.current;\n let showStartScroll;\n let showEndScroll;\n\n if (vertical) {\n showStartScroll = scrollTop > 1;\n showEndScroll = scrollTop < scrollHeight - clientHeight - 1;\n } else {\n const scrollLeft = getNormalizedScrollLeft(tabsRef.current, theme.direction); // use 1 for the potential rounding error with browser zooms.\n\n showStartScroll = isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;\n showEndScroll = !isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;\n }\n\n if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {\n setDisplayScroll({\n start: showStartScroll,\n end: showEndScroll\n });\n }\n }\n });\n React.useEffect(() => {\n const handleResize = debounce(() => {\n updateIndicatorState();\n updateScrollButtonState();\n });\n const win = ownerWindow(tabsRef.current);\n win.addEventListener('resize', handleResize);\n let resizeObserver;\n\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(handleResize);\n Array.from(tabListRef.current.children).forEach(child => {\n resizeObserver.observe(child);\n });\n }\n\n return () => {\n handleResize.clear();\n win.removeEventListener('resize', handleResize);\n\n if (resizeObserver) {\n resizeObserver.disconnect();\n }\n };\n }, [updateIndicatorState, updateScrollButtonState]);\n const handleTabsScroll = React.useMemo(() => debounce(() => {\n updateScrollButtonState();\n }), [updateScrollButtonState]);\n React.useEffect(() => {\n return () => {\n handleTabsScroll.clear();\n };\n }, [handleTabsScroll]);\n React.useEffect(() => {\n setMounted(true);\n }, []);\n React.useEffect(() => {\n updateIndicatorState();\n updateScrollButtonState();\n });\n React.useEffect(() => {\n // Don't animate on the first render.\n scrollSelectedIntoView(defaultIndicatorStyle !== indicatorStyle);\n }, [scrollSelectedIntoView, indicatorStyle]);\n React.useImperativeHandle(action, () => ({\n updateIndicator: updateIndicatorState,\n updateScrollButtons: updateScrollButtonState\n }), [updateIndicatorState, updateScrollButtonState]);\n\n const indicator = /*#__PURE__*/_jsx(TabsIndicator, _extends({}, TabIndicatorProps, {\n className: clsx(classes.indicator, TabIndicatorProps.className),\n ownerState: ownerState,\n style: _extends({}, indicatorStyle, TabIndicatorProps.style)\n }));\n\n let childIndex = 0;\n const children = React.Children.map(childrenProp, child => {\n if (! /*#__PURE__*/React.isValidElement(child)) {\n return null;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"MUI: The Tabs component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n\n const childValue = child.props.value === undefined ? childIndex : child.props.value;\n valueToIndex.set(childValue, childIndex);\n const selected = childValue === value;\n childIndex += 1;\n return /*#__PURE__*/React.cloneElement(child, _extends({\n fullWidth: variant === 'fullWidth',\n indicator: selected && !mounted && indicator,\n selected,\n selectionFollowsFocus,\n onChange,\n textColor,\n value: childValue\n }, childIndex === 1 && value === false && !child.props.tabIndex ? {\n tabIndex: 0\n } : {}));\n });\n\n const handleKeyDown = event => {\n const list = tabListRef.current;\n const currentFocus = ownerDocument(list).activeElement; // Keyboard navigation assumes that [role=\"tab\"] are siblings\n // though we might warn in the future about nested, interactive elements\n // as a a11y violation\n\n const role = currentFocus.getAttribute('role');\n\n if (role !== 'tab') {\n return;\n }\n\n let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n if (orientation === 'horizontal' && isRtl) {\n // swap previousItemKey with nextItemKey\n previousItemKey = 'ArrowRight';\n nextItemKey = 'ArrowLeft';\n }\n\n switch (event.key) {\n case previousItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, previousItem);\n break;\n\n case nextItemKey:\n event.preventDefault();\n moveFocus(list, currentFocus, nextItem);\n break;\n\n case 'Home':\n event.preventDefault();\n moveFocus(list, null, nextItem);\n break;\n\n case 'End':\n event.preventDefault();\n moveFocus(list, null, previousItem);\n break;\n\n default:\n break;\n }\n };\n\n const conditionalElements = getConditionalElements();\n return /*#__PURE__*/_jsxs(TabsRoot, _extends({\n className: clsx(classes.root, className),\n ownerState: ownerState,\n ref: ref,\n as: component\n }, other, {\n children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/_jsxs(TabsScroller, {\n className: classes.scroller,\n ownerState: ownerState,\n style: {\n overflow: scrollerStyle.overflow,\n [vertical ? `margin${isRtl ? 'Left' : 'Right'}` : 'marginBottom']: visibleScrollbar ? undefined : -scrollerStyle.scrollbarWidth\n },\n ref: tabsRef,\n onScroll: handleTabsScroll,\n children: [/*#__PURE__*/_jsx(FlexContainer, {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-orientation\": orientation === 'vertical' ? 'vertical' : null,\n className: classes.flexContainer,\n ownerState: ownerState,\n onKeyDown: handleKeyDown,\n ref: tabListRef,\n role: \"tablist\",\n children: children\n }), mounted && indicator]\n }), conditionalElements.scrollButtonEnd]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Tabs.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Callback fired when the component mounts.\n * This is useful when you want to trigger an action programmatically.\n * It supports two actions: `updateIndicator()` and `updateScrollButtons()`\n *\n * @param {object} actions This object contains all possible actions\n * that can be triggered programmatically.\n */\n action: refType,\n\n /**\n * If `true`, the scroll buttons aren't forced hidden on mobile.\n * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.\n * @default false\n */\n allowScrollButtonsMobile: PropTypes.bool,\n\n /**\n * The label for the Tabs as a string.\n */\n 'aria-label': PropTypes.string,\n\n /**\n * An id or list of ids separated by a space that label the Tabs.\n */\n 'aria-labelledby': PropTypes.string,\n\n /**\n * If `true`, the tabs are centered.\n * This prop is intended for large views.\n * @default false\n */\n centered: PropTypes.bool,\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * Determines the color of the indicator.\n * @default 'primary'\n */\n indicatorColor: PropTypes.oneOf(['primary', 'secondary']),\n\n /**\n * Callback fired when the value changes.\n *\n * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.\n * @param {any} value We default to the index of the child (number)\n */\n onChange: PropTypes.func,\n\n /**\n * The component orientation (layout flow direction).\n * @default 'horizontal'\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * The component used to render the scroll buttons.\n * @default TabScrollButton\n */\n ScrollButtonComponent: PropTypes.elementType,\n\n /**\n * Determine behavior of scroll buttons when tabs are set to scroll:\n *\n * - `auto` will only present them when not all the items are visible.\n * - `true` will always present them.\n * - `false` will never present them.\n *\n * By default the scroll buttons are hidden on mobile.\n * This behavior can be disabled with `allowScrollButtonsMobile`.\n * @default 'auto'\n */\n scrollButtons: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOf(['auto', false, true]),\n\n /**\n * If `true` the selected tab changes on focus. Otherwise it only\n * changes on activation.\n */\n selectionFollowsFocus: PropTypes.bool,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Props applied to the tab indicator element.\n * @default {}\n */\n TabIndicatorProps: PropTypes.object,\n\n /**\n * Props applied to the [`TabScrollButton`](/api/tab-scroll-button/) element.\n * @default {}\n */\n TabScrollButtonProps: PropTypes.object,\n\n /**\n * Determines the color of the `Tab`.\n * @default 'primary'\n */\n textColor: PropTypes.oneOf(['inherit', 'primary', 'secondary']),\n\n /**\n * The value of the currently selected `Tab`.\n * If you don't want any selected `Tab`, you can set this prop to `false`.\n */\n value: PropTypes.any,\n\n /**\n * Determines additional display behavior of the tabs:\n *\n * - `scrollable` will invoke scrolling properties and allow for horizontally\n * scrolling (or swiping) of the tab bar.\n * -`fullWidth` will make the tabs grow to use all the available space,\n * which should be used for small views, like on mobile.\n * - `standard` will render the default state.\n * @default 'standard'\n */\n variant: PropTypes.oneOf(['fullWidth', 'scrollable', 'standard']),\n\n /**\n * If `true`, the scrollbar is visible. It can be useful when displaying\n * a long vertical list of tabs.\n * @default false\n */\n visibleScrollbar: PropTypes.bool\n} : void 0;\nexport default Tabs;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"children\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Tabs from '@mui/material/Tabs';\nimport { useTabContext, getTabId, getPanelId } from '../TabContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {\n const {\n children: childrenProp\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const context = useTabContext();\n\n if (context === null) {\n throw new TypeError('No TabContext provided');\n }\n\n const children = React.Children.map(childrenProp, child => {\n if (! /*#__PURE__*/React.isValidElement(child)) {\n return null;\n }\n\n return /*#__PURE__*/React.cloneElement(child, {\n // SOMEDAY: `Tabs` will set those themselves\n 'aria-controls': getPanelId(context, child.props.value),\n id: getTabId(context, child.props.value)\n });\n });\n return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {\n ref: ref,\n value: context.value,\n children: children\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TabList.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * A list of `` elements.\n */\n children: PropTypes.node\n} : void 0;\nexport default TabList;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getTabPanelUtilityClass(slot) {\n return generateUtilityClass('MuiTabPanel', slot);\n}\nconst tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root']);\nexport default tabPanelClasses;","\nimport { Validator } from \"../validator\"\n\nenum CardNameError {\n PATTERN = `errors.special_chars`,\n MAX = `errors.card_max`,\n EMPTY = `errors.required`,\n}\n\nconst MAX = 26\nconst PATTERN = /^([\\u00c0-\\u01ffa-zA-Z//',.-\\s]+)$/\n\nclass CardNameValidator implements Validator {\n validate(value: string): CardNameError | undefined {\n if (value === ``) {\n return CardNameError.EMPTY\n }\n\n if (value.length > MAX) {\n return CardNameError.MAX\n }\n\n if (value && !PATTERN.test(value)) {\n return CardNameError.PATTERN\n }\n }\n}\n\nexport default CardNameValidator\nexport { CardNameError, MAX, PATTERN }\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"children\", \"className\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { styled, useThemeProps } from '@mui/material/styles';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { getTabPanelUtilityClass } from './tabPanelClasses';\nimport { getPanelId, getTabId, useTabContext } from '../TabContext';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root']\n };\n return composeClasses(slots, getTabPanelUtilityClass, classes);\n};\n\nconst TabPanelRoot = styled('div', {\n name: 'MuiTabPanel',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n})(({\n theme\n}) => ({\n padding: theme.spacing(3)\n}));\nconst TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTabPanel'\n });\n\n const {\n children,\n className,\n value\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props);\n\n const classes = useUtilityClasses(ownerState);\n const context = useTabContext();\n\n if (context === null) {\n throw new TypeError('No TabContext provided');\n }\n\n const id = getPanelId(context, value);\n const tabId = getTabId(context, value);\n return /*#__PURE__*/_jsx(TabPanelRoot, _extends({\n \"aria-labelledby\": tabId,\n className: clsx(classes.root, className),\n hidden: value !== context.value,\n id: id,\n ref: ref,\n role: \"tabpanel\",\n ownerState: ownerState\n }, other, {\n children: value === context.value && children\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TabPanel.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when\n * no `value` was passed to `Tab`.\n */\n value: PropTypes.string.isRequired\n} : void 0;\nexport default TabPanel;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"onChange\", \"maxRows\", \"minRows\", \"style\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { unstable_debounce as debounce, unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_ownerWindow as ownerWindow } from '@mui/utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nfunction getStyleValue(computedStyle, property) {\n return parseInt(computedStyle[property], 10) || 0;\n}\n\nconst styles = {\n shadow: {\n // Visibility needed to hide the extra text area on iPads\n visibility: 'hidden',\n // Remove from the content flow\n position: 'absolute',\n // Ignore the scrollbar width\n overflow: 'hidden',\n height: 0,\n top: 0,\n left: 0,\n // Create a new layer, increase the isolation of the computed values\n transform: 'translateZ(0)'\n }\n};\nconst TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, ref) {\n const {\n onChange,\n maxRows,\n minRows = 1,\n style,\n value\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const {\n current: isControlled\n } = React.useRef(value != null);\n const inputRef = React.useRef(null);\n const handleRef = useForkRef(ref, inputRef);\n const shadowRef = React.useRef(null);\n const renders = React.useRef(0);\n const [state, setState] = React.useState({});\n const syncHeight = React.useCallback(() => {\n const input = inputRef.current;\n const containerWindow = ownerWindow(input);\n const computedStyle = containerWindow.getComputedStyle(input); // If input's width is shrunk and it's not visible, don't sync height.\n\n if (computedStyle.width === '0px') {\n return;\n }\n\n const inputShallow = shadowRef.current;\n inputShallow.style.width = computedStyle.width;\n inputShallow.value = input.value || props.placeholder || 'x';\n\n if (inputShallow.value.slice(-1) === '\\n') {\n // Certain fonts which overflow the line height will cause the textarea\n // to report a different scrollHeight depending on whether the last line\n // is empty. Make it non-empty to avoid this issue.\n inputShallow.value += ' ';\n }\n\n const boxSizing = computedStyle['box-sizing'];\n const padding = getStyleValue(computedStyle, 'padding-bottom') + getStyleValue(computedStyle, 'padding-top');\n const border = getStyleValue(computedStyle, 'border-bottom-width') + getStyleValue(computedStyle, 'border-top-width'); // The height of the inner content\n\n const innerHeight = inputShallow.scrollHeight; // Measure height of a textarea with a single row\n\n inputShallow.value = 'x';\n const singleRowHeight = inputShallow.scrollHeight; // The height of the outer content\n\n let outerHeight = innerHeight;\n\n if (minRows) {\n outerHeight = Math.max(Number(minRows) * singleRowHeight, outerHeight);\n }\n\n if (maxRows) {\n outerHeight = Math.min(Number(maxRows) * singleRowHeight, outerHeight);\n }\n\n outerHeight = Math.max(outerHeight, singleRowHeight); // Take the box sizing into account for applying this value as a style.\n\n const outerHeightStyle = outerHeight + (boxSizing === 'border-box' ? padding + border : 0);\n const overflow = Math.abs(outerHeight - innerHeight) <= 1;\n setState(prevState => {\n // Need a large enough difference to update the height.\n // This prevents infinite rendering loop.\n if (renders.current < 20 && (outerHeightStyle > 0 && Math.abs((prevState.outerHeightStyle || 0) - outerHeightStyle) > 1 || prevState.overflow !== overflow)) {\n renders.current += 1;\n return {\n overflow,\n outerHeightStyle\n };\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (renders.current === 20) {\n console.error(['MUI: Too many re-renders. The layout is unstable.', 'TextareaAutosize limits the number of renders to prevent an infinite loop.'].join('\\n'));\n }\n }\n\n return prevState;\n });\n }, [maxRows, minRows, props.placeholder]);\n React.useEffect(() => {\n const handleResize = debounce(() => {\n renders.current = 0;\n syncHeight();\n });\n const containerWindow = ownerWindow(inputRef.current);\n containerWindow.addEventListener('resize', handleResize);\n let resizeObserver;\n\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(handleResize);\n resizeObserver.observe(inputRef.current);\n }\n\n return () => {\n handleResize.clear();\n containerWindow.removeEventListener('resize', handleResize);\n\n if (resizeObserver) {\n resizeObserver.disconnect();\n }\n };\n }, [syncHeight]);\n useEnhancedEffect(() => {\n syncHeight();\n });\n React.useEffect(() => {\n renders.current = 0;\n }, [value]);\n\n const handleChange = event => {\n renders.current = 0;\n\n if (!isControlled) {\n syncHeight();\n }\n\n if (onChange) {\n onChange(event);\n }\n };\n\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"textarea\", _extends({\n value: value,\n onChange: handleChange,\n ref: handleRef // Apply the rows prop to get a \"correct\" first SSR paint\n ,\n rows: minRows,\n style: _extends({\n height: state.outerHeightStyle,\n // Need a large enough difference to allow scrolling.\n // This prevents infinite rendering loop.\n overflow: state.overflow ? 'hidden' : null\n }, style)\n }, other)), /*#__PURE__*/_jsx(\"textarea\", {\n \"aria-hidden\": true,\n className: props.className,\n readOnly: true,\n ref: shadowRef,\n tabIndex: -1,\n style: _extends({}, styles.shadow, style, {\n padding: 0\n })\n })]\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? TextareaAutosize.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * Maximum number of rows to display.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display.\n * @default 1\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * @ignore\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n placeholder: PropTypes.string,\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * @ignore\n */\n value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])\n} : void 0;\nexport default TextareaAutosize;","/**\n * Determines if a given element is a DOM element name (i.e. not a React component).\n */\nfunction isHostComponent(element) {\n return typeof element === 'string';\n}\n\nexport default isHostComponent;","import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';\nexport default useEnhancedEffect;","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { Global } from '@emotion/react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction isEmpty(obj) {\n return obj === undefined || obj === null || Object.keys(obj).length === 0;\n}\n\nexport default function GlobalStyles(props) {\n const {\n styles,\n defaultTheme = {}\n } = props;\n const globalStyles = typeof styles === 'function' ? themeInput => styles(isEmpty(themeInput) ? defaultTheme : themeInput) : styles;\n return /*#__PURE__*/_jsx(Global, {\n styles: globalStyles\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes = {\n defaultTheme: PropTypes.object,\n styles: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func])\n} : void 0;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { GlobalStyles as SystemGlobalStyles } from '@mui/system';\nimport defaultTheme from '../styles/defaultTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction GlobalStyles(props) {\n return /*#__PURE__*/_jsx(SystemGlobalStyles, _extends({}, props, {\n defaultTheme: defaultTheme\n }));\n}\n\nprocess.env.NODE_ENV !== \"production\" ? GlobalStyles.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The styles you want to apply globally.\n */\n styles: PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({\n __emotion_styles: PropTypes.any.isRequired\n }), PropTypes.string, PropTypes.bool])\n} : void 0;\nexport default GlobalStyles;","// Supports determination of isControlled().\n// Controlled input accepts its current value as a prop.\n//\n// @see https://facebook.github.io/react/docs/forms.html#controlled-components\n// @param value\n// @returns {boolean} true if string (including '') or number (including zero)\nexport function hasValue(value) {\n return value != null && !(Array.isArray(value) && value.length === 0);\n} // Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n// True when any number or string with length.\n\nexport function isFilled(obj, SSR = false) {\n return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');\n} // Determine if an Input is adorned on start.\n// It's corresponding to the left with LTR.\n//\n// @param obj\n// @returns {boolean} False when no adornments.\n// True when adorned at the start.\n\nexport function isAdornedStart(obj) {\n return obj.startAdornment;\n}","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getInputBaseUtilityClass(slot) {\n return generateUtilityClass('MuiInputBase', slot);\n}\nconst inputBaseClasses = generateUtilityClasses('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);\nexport default inputBaseClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport { formatMuiErrorMessage as _formatMuiErrorMessage } from \"@mui/utils\";\nconst _excluded = [\"aria-describedby\", \"autoComplete\", \"autoFocus\", \"className\", \"color\", \"components\", \"componentsProps\", \"defaultValue\", \"disabled\", \"disableInjectingGlobalStyles\", \"endAdornment\", \"error\", \"fullWidth\", \"id\", \"inputComponent\", \"inputProps\", \"inputRef\", \"margin\", \"maxRows\", \"minRows\", \"multiline\", \"name\", \"onBlur\", \"onChange\", \"onClick\", \"onFocus\", \"onKeyDown\", \"onKeyUp\", \"placeholder\", \"readOnly\", \"renderSuffix\", \"rows\", \"size\", \"startAdornment\", \"type\", \"value\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { refType, elementTypeAcceptingRef } from '@mui/utils';\nimport { unstable_composeClasses as composeClasses, isHostComponent, TextareaAutosize } from '@mui/base';\nimport formControlState from '../FormControl/formControlState';\nimport FormControlContext from '../FormControl/FormControlContext';\nimport useFormControl from '../FormControl/useFormControl';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport capitalize from '../utils/capitalize';\nimport useForkRef from '../utils/useForkRef';\nimport useEnhancedEffect from '../utils/useEnhancedEffect';\nimport GlobalStyles from '../GlobalStyles';\nimport { isFilled } from './utils';\nimport inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const rootOverridesResolver = (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.formControl && styles.formControl, ownerState.startAdornment && styles.adornedStart, ownerState.endAdornment && styles.adornedEnd, ownerState.error && styles.error, ownerState.size === 'small' && styles.sizeSmall, ownerState.multiline && styles.multiline, ownerState.color && styles[`color${capitalize(ownerState.color)}`], ownerState.fullWidth && styles.fullWidth, ownerState.hiddenLabel && styles.hiddenLabel];\n};\nexport const inputOverridesResolver = (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.input, ownerState.size === 'small' && styles.inputSizeSmall, ownerState.multiline && styles.inputMultiline, ownerState.type === 'search' && styles.inputTypeSearch, ownerState.startAdornment && styles.inputAdornedStart, ownerState.endAdornment && styles.inputAdornedEnd, ownerState.hiddenLabel && styles.inputHiddenLabel];\n};\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n color,\n disabled,\n error,\n endAdornment,\n focused,\n formControl,\n fullWidth,\n hiddenLabel,\n multiline,\n size,\n startAdornment,\n type\n } = ownerState;\n const slots = {\n root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size === 'small' && 'sizeSmall', multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel'],\n input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd']\n };\n return composeClasses(slots, getInputBaseUtilityClass, classes);\n};\n\nexport const InputBaseRoot = styled('div', {\n name: 'MuiInputBase',\n slot: 'Root',\n overridesResolver: rootOverridesResolver\n})(({\n theme,\n ownerState\n}) => _extends({}, theme.typography.body1, {\n color: theme.palette.text.primary,\n lineHeight: '1.4375em',\n // 23px\n boxSizing: 'border-box',\n // Prevent padding issue with fullWidth.\n position: 'relative',\n cursor: 'text',\n display: 'inline-flex',\n alignItems: 'center',\n [`&.${inputBaseClasses.disabled}`]: {\n color: theme.palette.text.disabled,\n cursor: 'default'\n }\n}, ownerState.multiline && _extends({\n padding: '4px 0 5px'\n}, ownerState.size === 'small' && {\n paddingTop: 1\n}), ownerState.fullWidth && {\n width: '100%'\n}));\nexport const InputBaseComponent = styled('input', {\n name: 'MuiInputBase',\n slot: 'Input',\n overridesResolver: inputOverridesResolver\n})(({\n theme,\n ownerState\n}) => {\n const light = theme.palette.mode === 'light';\n const placeholder = {\n color: 'currentColor',\n opacity: light ? 0.42 : 0.5,\n transition: theme.transitions.create('opacity', {\n duration: theme.transitions.duration.shorter\n })\n };\n const placeholderHidden = {\n opacity: '0 !important'\n };\n const placeholderVisible = {\n opacity: light ? 0.42 : 0.5\n };\n return _extends({\n font: 'inherit',\n letterSpacing: 'inherit',\n color: 'currentColor',\n padding: '4px 0 5px',\n border: 0,\n boxSizing: 'content-box',\n background: 'none',\n height: '1.4375em',\n // Reset 23pxthe native input line-height\n margin: 0,\n // Reset for Safari\n WebkitTapHighlightColor: 'transparent',\n display: 'block',\n // Make the flex item shrink with Firefox\n minWidth: 0,\n width: '100%',\n // Fix IE11 width issue\n animationName: 'mui-auto-fill-cancel',\n animationDuration: '10ms',\n '&::-webkit-input-placeholder': placeholder,\n '&::-moz-placeholder': placeholder,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholder,\n // IE11\n '&::-ms-input-placeholder': placeholder,\n // Edge\n '&:focus': {\n outline: 0\n },\n // Reset Firefox invalid required input style\n '&:invalid': {\n boxShadow: 'none'\n },\n '&::-webkit-search-decoration': {\n // Remove the padding when type=search.\n WebkitAppearance: 'none'\n },\n // Show and hide the placeholder logic\n [`label[data-shrink=false] + .${inputBaseClasses.formControl} &`]: {\n '&::-webkit-input-placeholder': placeholderHidden,\n '&::-moz-placeholder': placeholderHidden,\n // Firefox 19+\n '&:-ms-input-placeholder': placeholderHidden,\n // IE11\n '&::-ms-input-placeholder': placeholderHidden,\n // Edge\n '&:focus::-webkit-input-placeholder': placeholderVisible,\n '&:focus::-moz-placeholder': placeholderVisible,\n // Firefox 19+\n '&:focus:-ms-input-placeholder': placeholderVisible,\n // IE11\n '&:focus::-ms-input-placeholder': placeholderVisible // Edge\n\n },\n [`&.${inputBaseClasses.disabled}`]: {\n opacity: 1,\n // Reset iOS opacity\n WebkitTextFillColor: theme.palette.text.disabled // Fix opacity Safari bug\n\n },\n '&:-webkit-autofill': {\n animationDuration: '5000s',\n animationName: 'mui-auto-fill'\n }\n }, ownerState.size === 'small' && {\n paddingTop: 1\n }, ownerState.multiline && {\n height: 'auto',\n resize: 'none',\n padding: 0,\n paddingTop: 0\n }, ownerState.type === 'search' && {\n // Improve type search style.\n MozAppearance: 'textfield'\n });\n});\n\nconst inputGlobalStyles = /*#__PURE__*/_jsx(GlobalStyles, {\n styles: {\n '@keyframes mui-auto-fill': {\n from: {\n display: 'block'\n }\n },\n '@keyframes mui-auto-fill-cancel': {\n from: {\n display: 'block'\n }\n }\n }\n});\n/**\n * `InputBase` contains as few styles as possible.\n * It aims to be a simple building block for creating an input.\n * It contains a load of style reset and some state logic.\n */\n\n\nconst InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiInputBase'\n });\n\n const {\n 'aria-describedby': ariaDescribedby,\n autoComplete,\n autoFocus,\n className,\n components = {},\n componentsProps = {},\n defaultValue,\n disabled,\n disableInjectingGlobalStyles,\n endAdornment,\n fullWidth = false,\n id,\n inputComponent = 'input',\n inputProps: inputPropsProp = {},\n inputRef: inputRefProp,\n maxRows,\n minRows,\n multiline = false,\n name,\n onBlur,\n onChange,\n onClick,\n onFocus,\n onKeyDown,\n onKeyUp,\n placeholder,\n readOnly,\n renderSuffix,\n rows,\n startAdornment,\n type = 'text',\n value: valueProp\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;\n const {\n current: isControlled\n } = React.useRef(value != null);\n const inputRef = React.useRef();\n const handleInputRefWarning = React.useCallback(instance => {\n if (process.env.NODE_ENV !== 'production') {\n if (instance && instance.nodeName !== 'INPUT' && !instance.focus) {\n console.error(['MUI: You have provided a `inputComponent` to the input component', 'that does not correctly handle the `ref` prop.', 'Make sure the `ref` prop is called with a HTMLInputElement.'].join('\\n'));\n }\n }\n }, []);\n const handleInputPropsRefProp = useForkRef(inputPropsProp.ref, handleInputRefWarning);\n const handleInputRefProp = useForkRef(inputRefProp, handleInputPropsRefProp);\n const handleInputRef = useForkRef(inputRef, handleInputRefProp);\n const [focused, setFocused] = React.useState(false);\n const muiFormControl = useFormControl();\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (muiFormControl) {\n return muiFormControl.registerEffect();\n }\n\n return undefined;\n }, [muiFormControl]);\n }\n\n const fcs = formControlState({\n props,\n muiFormControl,\n states: ['color', 'disabled', 'error', 'hiddenLabel', 'size', 'required', 'filled']\n });\n fcs.focused = muiFormControl ? muiFormControl.focused : focused; // The blur won't fire when the disabled state is set on a focused input.\n // We need to book keep the focused state manually.\n\n React.useEffect(() => {\n if (!muiFormControl && disabled && focused) {\n setFocused(false);\n\n if (onBlur) {\n onBlur();\n }\n }\n }, [muiFormControl, disabled, focused, onBlur]);\n const onFilled = muiFormControl && muiFormControl.onFilled;\n const onEmpty = muiFormControl && muiFormControl.onEmpty;\n const checkDirty = React.useCallback(obj => {\n if (isFilled(obj)) {\n if (onFilled) {\n onFilled();\n }\n } else if (onEmpty) {\n onEmpty();\n }\n }, [onFilled, onEmpty]);\n useEnhancedEffect(() => {\n if (isControlled) {\n checkDirty({\n value\n });\n }\n }, [value, checkDirty, isControlled]);\n\n const handleFocus = event => {\n // Fix a bug with IE11 where the focus/blur events are triggered\n // while the component is disabled.\n if (fcs.disabled) {\n event.stopPropagation();\n return;\n }\n\n if (onFocus) {\n onFocus(event);\n }\n\n if (inputPropsProp.onFocus) {\n inputPropsProp.onFocus(event);\n }\n\n if (muiFormControl && muiFormControl.onFocus) {\n muiFormControl.onFocus(event);\n } else {\n setFocused(true);\n }\n };\n\n const handleBlur = event => {\n if (onBlur) {\n onBlur(event);\n }\n\n if (inputPropsProp.onBlur) {\n inputPropsProp.onBlur(event);\n }\n\n if (muiFormControl && muiFormControl.onBlur) {\n muiFormControl.onBlur(event);\n } else {\n setFocused(false);\n }\n };\n\n const handleChange = (event, ...args) => {\n if (!isControlled) {\n const element = event.target || inputRef.current;\n\n if (element == null) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Expected valid input target. Did you use a custom \\`inputComponent\\` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.` : _formatMuiErrorMessage(1));\n }\n\n checkDirty({\n value: element.value\n });\n }\n\n if (inputPropsProp.onChange) {\n inputPropsProp.onChange(event, ...args);\n } // Perform in the willUpdate\n\n\n if (onChange) {\n onChange(event, ...args);\n }\n }; // Check the input state on mount, in case it was filled by the user\n // or auto filled by the browser before the hydration (for SSR).\n\n\n React.useEffect(() => {\n checkDirty(inputRef.current); // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleClick = event => {\n if (inputRef.current && event.currentTarget === event.target) {\n inputRef.current.focus();\n }\n\n if (onClick) {\n onClick(event);\n }\n };\n\n let InputComponent = inputComponent;\n let inputProps = inputPropsProp;\n\n if (multiline && InputComponent === 'input') {\n if (rows) {\n if (process.env.NODE_ENV !== 'production') {\n if (minRows || maxRows) {\n console.warn('MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set.');\n }\n }\n\n inputProps = _extends({\n type: undefined,\n minRows: rows,\n maxRows: rows\n }, inputProps);\n } else {\n inputProps = _extends({\n type: undefined,\n maxRows,\n minRows\n }, inputProps);\n }\n\n InputComponent = TextareaAutosize;\n }\n\n const handleAutoFill = event => {\n // Provide a fake value as Chrome might not let you access it for security reasons.\n checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {\n value: 'x'\n });\n };\n\n React.useEffect(() => {\n if (muiFormControl) {\n muiFormControl.setAdornedStart(Boolean(startAdornment));\n }\n }, [muiFormControl, startAdornment]);\n\n const ownerState = _extends({}, props, {\n color: fcs.color || 'primary',\n disabled: fcs.disabled,\n endAdornment,\n error: fcs.error,\n focused: fcs.focused,\n formControl: muiFormControl,\n fullWidth,\n hiddenLabel: fcs.hiddenLabel,\n multiline,\n size: fcs.size,\n startAdornment,\n type\n });\n\n const classes = useUtilityClasses(ownerState);\n const Root = components.Root || InputBaseRoot;\n const rootProps = componentsProps.root || {};\n const Input = components.Input || InputBaseComponent;\n inputProps = _extends({}, inputProps, componentsProps.input);\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [!disableInjectingGlobalStyles && inputGlobalStyles, /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, !isHostComponent(Root) && {\n ownerState: _extends({}, ownerState, rootProps.ownerState)\n }, {\n ref: ref,\n onClick: handleClick\n }, other, {\n className: clsx(classes.root, rootProps.className, className),\n children: [startAdornment, /*#__PURE__*/_jsx(FormControlContext.Provider, {\n value: null,\n children: /*#__PURE__*/_jsx(Input, _extends({\n ownerState: ownerState,\n \"aria-invalid\": fcs.error,\n \"aria-describedby\": ariaDescribedby,\n autoComplete: autoComplete,\n autoFocus: autoFocus,\n defaultValue: defaultValue,\n disabled: fcs.disabled,\n id: id,\n onAnimationStart: handleAutoFill,\n name: name,\n placeholder: placeholder,\n readOnly: readOnly,\n required: fcs.required,\n rows: rows,\n value: value,\n onKeyDown: onKeyDown,\n onKeyUp: onKeyUp,\n type: type\n }, inputProps, !isHostComponent(Input) && {\n as: InputComponent,\n ownerState: _extends({}, ownerState, inputProps.ownerState)\n }, {\n ref: handleInputRef,\n className: clsx(classes.input, inputProps.className),\n onBlur: handleBlur,\n onChange: handleChange,\n onFocus: handleFocus\n }))\n }), endAdornment, renderSuffix ? renderSuffix(_extends({}, fcs, {\n startAdornment\n })) : null]\n }))]\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? InputBase.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * @ignore\n */\n 'aria-describedby': PropTypes.string,\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n\n /**\n * The components used for each slot inside the InputBase.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Root: PropTypes.elementType\n }),\n\n /**\n * The props used for each slot inside the Input.\n * @default {}\n */\n componentsProps: PropTypes.shape({\n input: PropTypes.object,\n root: PropTypes.object\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the component is disabled.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.\n * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.\n * @default false\n */\n disableInjectingGlobalStyles: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the `input` will indicate an error.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the `input` will take up the full width of its container.\n * @default false\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n * @default 'input'\n */\n inputComponent: elementTypeAcceptingRef,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n * @default {}\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a `textarea` element is rendered.\n * @default false\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when the `input` is blurred.\n *\n * Notice that the first argument (event) might be undefined.\n */\n onBlur: PropTypes.func,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * @ignore\n */\n onClick: PropTypes.func,\n\n /**\n * @ignore\n */\n onFocus: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyDown: PropTypes.func,\n\n /**\n * @ignore\n */\n onKeyUp: PropTypes.func,\n\n /**\n * The short hint displayed in the `input` before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * @ignore\n */\n renderSuffix: PropTypes.func,\n\n /**\n * If `true`, the `input` element is required.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * The size of the component.\n */\n size: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n * @default 'text'\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nexport default InputBase;","import { generateUtilityClasses, generateUtilityClass } from '@mui/base';\nexport function getInputUtilityClass(slot) {\n return generateUtilityClass('MuiInput', slot);\n}\nconst inputClasses = generateUtilityClasses('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);\nexport default inputClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableUnderline\", \"components\", \"componentsProps\", \"fullWidth\", \"inputComponent\", \"multiline\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport { refType, deepmerge } from '@mui/utils';\nimport InputBase from '../InputBase';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport inputClasses, { getInputUtilityClass } from './inputClasses';\nimport { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n disableUnderline\n } = ownerState;\n const slots = {\n root: ['root', !disableUnderline && 'underline'],\n input: ['input']\n };\n const composedClasses = composeClasses(slots, getInputUtilityClass, classes);\n return _extends({}, classes, composedClasses);\n};\n\nconst InputRoot = styled(InputBaseRoot, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiInput',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [...inputBaseRootOverridesResolver(props, styles), !ownerState.disableUnderline && styles.underline];\n }\n})(({\n theme,\n ownerState\n}) => {\n const light = theme.palette.mode === 'light';\n const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n return _extends({\n position: 'relative'\n }, ownerState.formControl && {\n 'label + &': {\n marginTop: 16\n }\n }, !ownerState.disableUnderline && {\n '&:after': {\n borderBottom: `2px solid ${theme.palette[ownerState.color].main}`,\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\"',\n position: 'absolute',\n right: 0,\n transform: 'scaleX(0)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeOut\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n [`&.${inputClasses.focused}:after`]: {\n transform: 'scaleX(1)'\n },\n [`&.${inputClasses.error}:after`]: {\n borderBottomColor: theme.palette.error.main,\n transform: 'scaleX(1)' // error is always underlined in red\n\n },\n '&:before': {\n borderBottom: `1px solid ${bottomLineColor}`,\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\\\\00a0\"',\n position: 'absolute',\n right: 0,\n transition: theme.transitions.create('border-bottom-color', {\n duration: theme.transitions.duration.shorter\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n [`&:hover:not(.${inputClasses.disabled}):before`]: {\n borderBottom: `2px solid ${theme.palette.text.primary}`,\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n borderBottom: `1px solid ${bottomLineColor}`\n }\n },\n [`&.${inputClasses.disabled}:before`]: {\n borderBottomStyle: 'dotted'\n }\n });\n});\nconst InputInput = styled(InputBaseInput, {\n name: 'MuiInput',\n slot: 'Input',\n overridesResolver: inputBaseInputOverridesResolver\n})({});\nconst Input = /*#__PURE__*/React.forwardRef(function Input(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiInput'\n });\n\n const {\n disableUnderline,\n components = {},\n componentsProps: componentsPropsProp,\n fullWidth = false,\n inputComponent = 'input',\n multiline = false,\n type = 'text'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const classes = useUtilityClasses(props);\n const ownerState = {\n disableUnderline\n };\n const inputComponentsProps = {\n root: {\n ownerState\n }\n };\n const componentsProps = componentsPropsProp ? deepmerge(componentsPropsProp, inputComponentsProps) : inputComponentsProps;\n return /*#__PURE__*/_jsx(InputBase, _extends({\n components: _extends({\n Root: InputRoot,\n Input: InputInput\n }, components),\n componentsProps: componentsProps,\n fullWidth: fullWidth,\n inputComponent: inputComponent,\n multiline: multiline,\n ref: ref,\n type: type\n }, other, {\n classes: classes\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Input.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n\n /**\n * The components used for each slot inside the InputBase.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Root: PropTypes.elementType\n }),\n\n /**\n * The props used for each slot inside the Input.\n * @default {}\n */\n componentsProps: PropTypes.shape({\n input: PropTypes.object,\n root: PropTypes.object\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the component is disabled.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the `input` will not have an underline.\n */\n disableUnderline: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the `input` will indicate an error.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the `input` will take up the full width of its container.\n * @default false\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n * @default 'input'\n */\n inputComponent: PropTypes.elementType,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n * @default {}\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a `textarea` element is rendered.\n * @default false\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * The short hint displayed in the `input` before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * If `true`, the `input` element is required.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n * @default 'text'\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nInput.muiName = 'Input';\nexport default Input;","import { generateUtilityClasses, generateUtilityClass } from '@mui/base';\nexport function getFilledInputUtilityClass(slot) {\n return generateUtilityClass('MuiFilledInput', slot);\n}\nconst filledInputClasses = generateUtilityClasses('MuiFilledInput', ['root', 'colorSecondary', 'underline', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputHiddenLabel', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);\nexport default filledInputClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableUnderline\", \"components\", \"componentsProps\", \"fullWidth\", \"hiddenLabel\", \"inputComponent\", \"multiline\", \"type\"];\nimport * as React from 'react';\nimport { refType, deepmerge } from '@mui/utils';\nimport PropTypes from 'prop-types';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport InputBase from '../InputBase';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport filledInputClasses, { getFilledInputUtilityClass } from './filledInputClasses';\nimport { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n disableUnderline\n } = ownerState;\n const slots = {\n root: ['root', !disableUnderline && 'underline'],\n input: ['input']\n };\n const composedClasses = composeClasses(slots, getFilledInputUtilityClass, classes);\n return _extends({}, classes, composedClasses);\n};\n\nconst FilledInputRoot = styled(InputBaseRoot, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiFilledInput',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [...inputBaseRootOverridesResolver(props, styles), !ownerState.disableUnderline && styles.underline];\n }\n})(({\n theme,\n ownerState\n}) => {\n const light = theme.palette.mode === 'light';\n const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n const backgroundColor = light ? 'rgba(0, 0, 0, 0.06)' : 'rgba(255, 255, 255, 0.09)';\n return _extends({\n position: 'relative',\n backgroundColor,\n borderTopLeftRadius: theme.shape.borderRadius,\n borderTopRightRadius: theme.shape.borderRadius,\n transition: theme.transitions.create('background-color', {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeOut\n }),\n '&:hover': {\n backgroundColor: light ? 'rgba(0, 0, 0, 0.09)' : 'rgba(255, 255, 255, 0.13)',\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n backgroundColor\n }\n },\n [`&.${filledInputClasses.focused}`]: {\n backgroundColor\n },\n [`&.${filledInputClasses.disabled}`]: {\n backgroundColor: light ? 'rgba(0, 0, 0, 0.12)' : 'rgba(255, 255, 255, 0.12)'\n }\n }, !ownerState.disableUnderline && {\n '&:after': {\n borderBottom: `2px solid ${theme.palette[ownerState.color].main}`,\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\"',\n position: 'absolute',\n right: 0,\n transform: 'scaleX(0)',\n transition: theme.transitions.create('transform', {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeOut\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n [`&.${filledInputClasses.focused}:after`]: {\n transform: 'scaleX(1)'\n },\n [`&.${filledInputClasses.error}:after`]: {\n borderBottomColor: theme.palette.error.main,\n transform: 'scaleX(1)' // error is always underlined in red\n\n },\n '&:before': {\n borderBottom: `1px solid ${bottomLineColor}`,\n left: 0,\n bottom: 0,\n // Doing the other way around crash on IE11 \"''\" https://github.com/cssinjs/jss/issues/242\n content: '\"\\\\00a0\"',\n position: 'absolute',\n right: 0,\n transition: theme.transitions.create('border-bottom-color', {\n duration: theme.transitions.duration.shorter\n }),\n pointerEvents: 'none' // Transparent to the hover style.\n\n },\n [`&:hover:not(.${filledInputClasses.disabled}):before`]: {\n borderBottom: `1px solid ${theme.palette.text.primary}`\n },\n [`&.${filledInputClasses.disabled}:before`]: {\n borderBottomStyle: 'dotted'\n }\n }, ownerState.startAdornment && {\n paddingLeft: 12\n }, ownerState.endAdornment && {\n paddingRight: 12\n }, ownerState.multiline && _extends({\n padding: '25px 12px 8px'\n }, ownerState.size === 'small' && {\n paddingTop: 21,\n paddingBottom: 4\n }, ownerState.hiddenLabel && {\n paddingTop: 16,\n paddingBottom: 17\n }));\n});\nconst FilledInputInput = styled(InputBaseInput, {\n name: 'MuiFilledInput',\n slot: 'Input',\n overridesResolver: inputBaseInputOverridesResolver\n})(({\n theme,\n ownerState\n}) => _extends({\n paddingTop: 25,\n paddingRight: 12,\n paddingBottom: 8,\n paddingLeft: 12,\n '&:-webkit-autofill': {\n WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',\n WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',\n caretColor: theme.palette.mode === 'light' ? null : '#fff',\n borderTopLeftRadius: 'inherit',\n borderTopRightRadius: 'inherit'\n }\n}, ownerState.size === 'small' && {\n paddingTop: 21,\n paddingBottom: 4\n}, ownerState.hiddenLabel && {\n paddingTop: 16,\n paddingBottom: 17\n}, ownerState.multiline && {\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n paddingRight: 0\n}, ownerState.startAdornment && {\n paddingLeft: 0\n}, ownerState.endAdornment && {\n paddingRight: 0\n}, ownerState.hiddenLabel && ownerState.size === 'small' && {\n paddingTop: 8,\n paddingBottom: 9\n}));\nconst FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiFilledInput'\n });\n\n const {\n components = {},\n componentsProps: componentsPropsProp,\n fullWidth = false,\n // declare here to prevent spreading to DOM\n inputComponent = 'input',\n multiline = false,\n type = 'text'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props, {\n fullWidth,\n inputComponent,\n multiline,\n type\n });\n\n const classes = useUtilityClasses(props);\n const filledInputComponentsProps = {\n root: {\n ownerState\n },\n input: {\n ownerState\n }\n };\n const componentsProps = componentsPropsProp ? deepmerge(componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;\n return /*#__PURE__*/_jsx(InputBase, _extends({\n components: _extends({\n Root: FilledInputRoot,\n Input: FilledInputInput\n }, components),\n componentsProps: componentsProps,\n fullWidth: fullWidth,\n inputComponent: inputComponent,\n multiline: multiline,\n ref: ref,\n type: type\n }, other, {\n classes: classes\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FilledInput.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n\n /**\n * The components used for each slot inside the InputBase.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Root: PropTypes.elementType\n }),\n\n /**\n * The props used for each slot inside the Input.\n * @default {}\n */\n componentsProps: PropTypes.shape({\n input: PropTypes.object,\n root: PropTypes.object\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the component is disabled.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the input will not have an underline.\n */\n disableUnderline: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the `input` will indicate an error.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the `input` will take up the full width of its container.\n * @default false\n */\n fullWidth: PropTypes.bool,\n\n /**\n * If `true`, the label is hidden.\n * This is used to increase density for a `FilledInput`.\n * Be sure to add `aria-label` to the `input` element.\n * @default false\n */\n hiddenLabel: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n * @default 'input'\n */\n inputComponent: PropTypes.elementType,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n * @default {}\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a `textarea` element is rendered.\n * @default false\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * The short hint displayed in the `input` before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * If `true`, the `input` element is required.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n * @default 'text'\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nFilledInput.muiName = 'Input';\nexport default FilledInput;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n\nvar _span;\n\nconst _excluded = [\"children\", \"classes\", \"className\", \"label\", \"notched\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '../styles/styled';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst NotchedOutlineRoot = styled('fieldset')({\n textAlign: 'left',\n position: 'absolute',\n bottom: 0,\n right: 0,\n top: -5,\n left: 0,\n margin: 0,\n padding: '0 8px',\n pointerEvents: 'none',\n borderRadius: 'inherit',\n borderStyle: 'solid',\n borderWidth: 1,\n overflow: 'hidden',\n minWidth: '0%'\n});\nconst NotchedOutlineLegend = styled('legend')(({\n ownerState,\n theme\n}) => _extends({\n float: 'unset'\n}, !ownerState.withLabel && {\n padding: 0,\n lineHeight: '11px',\n // sync with `height` in `legend` styles\n transition: theme.transitions.create('width', {\n duration: 150,\n easing: theme.transitions.easing.easeOut\n })\n}, ownerState.withLabel && _extends({\n display: 'block',\n // Fix conflict with normalize.css and sanitize.css\n width: 'auto',\n // Fix conflict with bootstrap\n padding: 0,\n height: 11,\n // sync with `lineHeight` in `legend` styles\n fontSize: '0.75em',\n visibility: 'hidden',\n maxWidth: 0.01,\n transition: theme.transitions.create('max-width', {\n duration: 50,\n easing: theme.transitions.easing.easeOut\n }),\n whiteSpace: 'nowrap',\n '& > span': {\n paddingLeft: 5,\n paddingRight: 5,\n display: 'inline-block'\n }\n}, ownerState.notched && {\n maxWidth: '100%',\n transition: theme.transitions.create('max-width', {\n duration: 100,\n easing: theme.transitions.easing.easeOut,\n delay: 50\n })\n})));\n/**\n * @ignore - internal component.\n */\n\nexport default function NotchedOutline(props) {\n const {\n className,\n label,\n notched\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const withLabel = label != null && label !== '';\n\n const ownerState = _extends({}, props, {\n notched,\n withLabel\n });\n\n return /*#__PURE__*/_jsx(NotchedOutlineRoot, _extends({\n \"aria-hidden\": true,\n className: className,\n ownerState: ownerState\n }, other, {\n children: /*#__PURE__*/_jsx(NotchedOutlineLegend, {\n ownerState: ownerState,\n children: withLabel ? /*#__PURE__*/_jsx(\"span\", {\n children: label\n }) : // notranslate needed while Google Translate will not fix zero-width space issue\n _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n className: \"notranslate\",\n children: \"\\u200B\"\n }))\n })\n }));\n}\nprocess.env.NODE_ENV !== \"production\" ? NotchedOutline.propTypes = {\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n * See [CSS API](#css) below for more details.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The label.\n */\n label: PropTypes.node,\n\n /**\n * If `true`, the outline is notched to accommodate the label.\n */\n notched: PropTypes.bool.isRequired,\n\n /**\n * @ignore\n */\n style: PropTypes.object\n} : void 0;","import { generateUtilityClasses, generateUtilityClass } from '@mui/base';\nexport function getOutlinedInputUtilityClass(slot) {\n return generateUtilityClass('MuiOutlinedInput', slot);\n}\nconst outlinedInputClasses = generateUtilityClasses('MuiOutlinedInput', ['root', 'colorSecondary', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'notchedOutline', 'input', 'inputSizeSmall', 'inputMultiline', 'inputAdornedStart', 'inputAdornedEnd']);\nexport default outlinedInputClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"components\", \"fullWidth\", \"inputComponent\", \"label\", \"multiline\", \"notched\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { refType } from '@mui/utils';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport NotchedOutline from './NotchedOutline';\nimport useFormControl from '../FormControl/useFormControl';\nimport formControlState from '../FormControl/formControlState';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport outlinedInputClasses, { getOutlinedInputUtilityClass } from './outlinedInputClasses';\nimport InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseComponent as InputBaseInput } from '../InputBase/InputBase';\nimport useThemeProps from '../styles/useThemeProps';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes\n } = ownerState;\n const slots = {\n root: ['root'],\n notchedOutline: ['notchedOutline'],\n input: ['input']\n };\n const composedClasses = composeClasses(slots, getOutlinedInputUtilityClass, classes);\n return _extends({}, classes, composedClasses);\n};\n\nconst OutlinedInputRoot = styled(InputBaseRoot, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiOutlinedInput',\n slot: 'Root',\n overridesResolver: inputBaseRootOverridesResolver\n})(({\n theme,\n ownerState\n}) => {\n const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n return _extends({\n position: 'relative',\n borderRadius: theme.shape.borderRadius,\n [`&:hover .${outlinedInputClasses.notchedOutline}`]: {\n borderColor: theme.palette.text.primary\n },\n // Reset on touch devices, it doesn't add specificity\n '@media (hover: none)': {\n [`&:hover .${outlinedInputClasses.notchedOutline}`]: {\n borderColor\n }\n },\n [`&.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {\n borderColor: theme.palette[ownerState.color].main,\n borderWidth: 2\n },\n [`&.${outlinedInputClasses.error} .${outlinedInputClasses.notchedOutline}`]: {\n borderColor: theme.palette.error.main\n },\n [`&.${outlinedInputClasses.disabled} .${outlinedInputClasses.notchedOutline}`]: {\n borderColor: theme.palette.action.disabled\n }\n }, ownerState.startAdornment && {\n paddingLeft: 14\n }, ownerState.endAdornment && {\n paddingRight: 14\n }, ownerState.multiline && _extends({\n padding: '16.5px 14px'\n }, ownerState.size === 'small' && {\n padding: '8.5px 14px'\n }));\n});\nconst NotchedOutlineRoot = styled(NotchedOutline, {\n name: 'MuiOutlinedInput',\n slot: 'NotchedOutline',\n overridesResolver: (props, styles) => styles.notchedOutline\n})(({\n theme\n}) => ({\n borderColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)'\n}));\nconst OutlinedInputInput = styled(InputBaseInput, {\n name: 'MuiOutlinedInput',\n slot: 'Input',\n overridesResolver: inputBaseInputOverridesResolver\n})(({\n theme,\n ownerState\n}) => _extends({\n padding: '16.5px 14px',\n '&:-webkit-autofill': {\n WebkitBoxShadow: theme.palette.mode === 'light' ? null : '0 0 0 100px #266798 inset',\n WebkitTextFillColor: theme.palette.mode === 'light' ? null : '#fff',\n caretColor: theme.palette.mode === 'light' ? null : '#fff',\n borderRadius: 'inherit'\n }\n}, ownerState.size === 'small' && {\n padding: '8.5px 14px'\n}, ownerState.multiline && {\n padding: 0\n}, ownerState.startAdornment && {\n paddingLeft: 0\n}, ownerState.endAdornment && {\n paddingRight: 0\n}));\nconst OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {\n var _React$Fragment;\n\n const props = useThemeProps({\n props: inProps,\n name: 'MuiOutlinedInput'\n });\n\n const {\n components = {},\n fullWidth = false,\n inputComponent = 'input',\n label,\n multiline = false,\n notched,\n type = 'text'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const classes = useUtilityClasses(props);\n const muiFormControl = useFormControl();\n const fcs = formControlState({\n props,\n muiFormControl,\n states: ['required']\n });\n return /*#__PURE__*/_jsx(InputBase, _extends({\n components: _extends({\n Root: OutlinedInputRoot,\n Input: OutlinedInputInput\n }, components),\n renderSuffix: state => /*#__PURE__*/_jsx(NotchedOutlineRoot, {\n className: classes.notchedOutline,\n label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {\n children: [label, \"\\xA0\", '*']\n })) : label,\n notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)\n }),\n fullWidth: fullWidth,\n inputComponent: inputComponent,\n multiline: multiline,\n ref: ref,\n type: type\n }, other, {\n classes: _extends({}, classes, {\n notchedOutline: null\n })\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? OutlinedInput.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * This prop helps users to fill forms faster, especially on mobile devices.\n * The name can be confusing, as it's more like an autofill.\n * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n */\n autoComplete: PropTypes.string,\n\n /**\n * If `true`, the `input` element is focused during the first mount.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),\n\n /**\n * The components used for each slot inside the InputBase.\n * Either a string to use a HTML element or a component.\n * @default {}\n */\n components: PropTypes.shape({\n Input: PropTypes.elementType,\n Root: PropTypes.elementType\n }),\n\n /**\n * The default value. Use when the component is not controlled.\n */\n defaultValue: PropTypes.any,\n\n /**\n * If `true`, the component is disabled.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n disabled: PropTypes.bool,\n\n /**\n * End `InputAdornment` for this component.\n */\n endAdornment: PropTypes.node,\n\n /**\n * If `true`, the `input` will indicate an error.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the `input` will take up the full width of its container.\n * @default false\n */\n fullWidth: PropTypes.bool,\n\n /**\n * The id of the `input` element.\n */\n id: PropTypes.string,\n\n /**\n * The component used for the `input` element.\n * Either a string to use a HTML element or a component.\n * @default 'input'\n */\n inputComponent: PropTypes.elementType,\n\n /**\n * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n * @default {}\n */\n inputProps: PropTypes.object,\n\n /**\n * Pass a ref to the `input` element.\n */\n inputRef: refType,\n\n /**\n * The label of the `input`. It is only used for layout. The actual labelling\n * is handled by `InputLabel`.\n */\n label: PropTypes.node,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.\n */\n margin: PropTypes.oneOf(['dense', 'none']),\n\n /**\n * Maximum number of rows to display when multiline option is set to true.\n */\n maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Minimum number of rows to display when multiline option is set to true.\n */\n minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * If `true`, a `textarea` element is rendered.\n * @default false\n */\n multiline: PropTypes.bool,\n\n /**\n * Name attribute of the `input` element.\n */\n name: PropTypes.string,\n\n /**\n * If `true`, the outline is notched to accommodate the label.\n */\n notched: PropTypes.bool,\n\n /**\n * Callback fired when the value is changed.\n *\n * @param {React.ChangeEvent} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (string).\n */\n onChange: PropTypes.func,\n\n /**\n * The short hint displayed in the `input` before the user enters a value.\n */\n placeholder: PropTypes.string,\n\n /**\n * It prevents the user from changing the value of the field\n * (not from interacting with the field).\n */\n readOnly: PropTypes.bool,\n\n /**\n * If `true`, the `input` element is required.\n * The prop defaults to the value (`false`) inherited from the parent FormControl component.\n */\n required: PropTypes.bool,\n\n /**\n * Number of rows to display when multiline option is set to true.\n */\n rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n /**\n * Start `InputAdornment` for this component.\n */\n startAdornment: PropTypes.node,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n * @default 'text'\n */\n type: PropTypes.string,\n\n /**\n * The value of the `input` element, required for a controlled component.\n */\n value: PropTypes.any\n} : void 0;\nOutlinedInput.muiName = 'Input';\nexport default OutlinedInput;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getFormLabelUtilityClasses(slot) {\n return generateUtilityClass('MuiFormLabel', slot);\n}\nconst formLabelClasses = generateUtilityClasses('MuiFormLabel', ['root', 'colorSecondary', 'focused', 'disabled', 'error', 'filled', 'required', 'asterisk']);\nexport default formLabelClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"disabled\", \"error\", \"filled\", \"focused\", \"required\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport capitalize from '../utils/capitalize';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled from '../styles/styled';\nimport formLabelClasses, { getFormLabelUtilityClasses } from './formLabelClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n color,\n focused,\n disabled,\n error,\n filled,\n required\n } = ownerState;\n const slots = {\n root: ['root', `color${capitalize(color)}`, disabled && 'disabled', error && 'error', filled && 'filled', focused && 'focused', required && 'required'],\n asterisk: ['asterisk', error && 'error']\n };\n return composeClasses(slots, getFormLabelUtilityClasses, classes);\n};\n\nexport const FormLabelRoot = styled('label', {\n name: 'MuiFormLabel',\n slot: 'Root',\n overridesResolver: ({\n ownerState\n }, styles) => {\n return _extends({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n color: theme.palette.text.secondary\n}, theme.typography.body1, {\n lineHeight: '1.4375em',\n padding: 0,\n position: 'relative',\n [`&.${formLabelClasses.focused}`]: {\n color: theme.palette[ownerState.color].main\n },\n [`&.${formLabelClasses.disabled}`]: {\n color: theme.palette.text.disabled\n },\n [`&.${formLabelClasses.error}`]: {\n color: theme.palette.error.main\n }\n}));\nconst AsteriskComponent = styled('span', {\n name: 'MuiFormLabel',\n slot: 'Asterisk',\n overridesResolver: (props, styles) => styles.asterisk\n})(({\n theme\n}) => ({\n [`&.${formLabelClasses.error}`]: {\n color: theme.palette.error.main\n }\n}));\nconst FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiFormLabel'\n });\n\n const {\n children,\n className,\n component = 'label'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const muiFormControl = useFormControl();\n const fcs = formControlState({\n props,\n muiFormControl,\n states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']\n });\n\n const ownerState = _extends({}, props, {\n color: fcs.color || 'primary',\n component,\n disabled: fcs.disabled,\n error: fcs.error,\n filled: fcs.filled,\n focused: fcs.focused,\n required: fcs.required\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsxs(FormLabelRoot, _extends({\n as: component,\n ownerState: ownerState,\n className: clsx(classes.root, className),\n ref: ref\n }, other, {\n children: [children, fcs.required && /*#__PURE__*/_jsxs(AsteriskComponent, {\n ownerState: ownerState,\n \"aria-hidden\": true,\n className: classes.asterisk,\n children: [\"\\u2009\", '*']\n })]\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormLabel.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * If `true`, the label should be displayed in a disabled state.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the label is displayed in an error state.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the label should use filled classes key.\n */\n filled: PropTypes.bool,\n\n /**\n * If `true`, the input of this label is focused (used by `FormGroup` components).\n */\n focused: PropTypes.bool,\n\n /**\n * If `true`, the label will indicate that the `input` is required.\n */\n required: PropTypes.bool,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default FormLabel;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getInputLabelUtilityClasses(slot) {\n return generateUtilityClass('MuiInputLabel', slot);\n}\nconst inputLabelClasses = generateUtilityClasses('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);\nexport default inputLabelClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"disableAnimation\", \"margin\", \"shrink\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport FormLabel, { formLabelClasses } from '../FormLabel';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled, { rootShouldForwardProp } from '../styles/styled';\nimport { getInputLabelUtilityClasses } from './inputLabelClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n formControl,\n size,\n shrink,\n disableAnimation,\n variant,\n required\n } = ownerState;\n const slots = {\n root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size === 'small' && 'sizeSmall', variant],\n asterisk: [required && 'asterisk']\n };\n const composedClasses = composeClasses(slots, getInputLabelUtilityClasses, classes);\n return _extends({}, classes, composedClasses);\n};\n\nconst InputLabelRoot = styled(FormLabel, {\n shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',\n name: 'MuiInputLabel',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [{\n [`& .${formLabelClasses.asterisk}`]: styles.asterisk\n }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n display: 'block',\n transformOrigin: 'top left',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%'\n}, ownerState.formControl && {\n position: 'absolute',\n left: 0,\n top: 0,\n // slight alteration to spec spacing to match visual spec result\n transform: 'translate(0, 20px) scale(1)'\n}, ownerState.size === 'small' && {\n // Compensation for the `Input.inputSizeSmall` style.\n transform: 'translate(0, 17px) scale(1)'\n}, ownerState.shrink && {\n transform: 'translate(0, -1.5px) scale(0.75)',\n transformOrigin: 'top left',\n maxWidth: '133%'\n}, !ownerState.disableAnimation && {\n transition: theme.transitions.create(['color', 'transform', 'max-width'], {\n duration: theme.transitions.duration.shorter,\n easing: theme.transitions.easing.easeOut\n })\n}, ownerState.variant === 'filled' && _extends({\n // Chrome's autofill feature gives the input field a yellow background.\n // Since the input field is behind the label in the HTML tree,\n // the input field is drawn last and hides the label with an opaque background color.\n // zIndex: 1 will raise the label above opaque background-colors of input.\n zIndex: 1,\n pointerEvents: 'none',\n transform: 'translate(12px, 16px) scale(1)',\n maxWidth: 'calc(100% - 24px)'\n}, ownerState.size === 'small' && {\n transform: 'translate(12px, 13px) scale(1)'\n}, ownerState.shrink && _extends({\n userSelect: 'none',\n pointerEvents: 'auto',\n transform: 'translate(12px, 7px) scale(0.75)',\n maxWidth: 'calc(133% - 24px)'\n}, ownerState.size === 'small' && {\n transform: 'translate(12px, 4px) scale(0.75)'\n})), ownerState.variant === 'outlined' && _extends({\n // see comment above on filled.zIndex\n zIndex: 1,\n pointerEvents: 'none',\n transform: 'translate(14px, 16px) scale(1)',\n maxWidth: 'calc(100% - 24px)'\n}, ownerState.size === 'small' && {\n transform: 'translate(14px, 9px) scale(1)'\n}, ownerState.shrink && {\n userSelect: 'none',\n pointerEvents: 'auto',\n maxWidth: 'calc(133% - 24px)',\n transform: 'translate(14px, -9px) scale(0.75)'\n})));\nconst InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {\n const props = useThemeProps({\n name: 'MuiInputLabel',\n props: inProps\n });\n\n const {\n disableAnimation = false,\n shrink: shrinkProp\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const muiFormControl = useFormControl();\n let shrink = shrinkProp;\n\n if (typeof shrink === 'undefined' && muiFormControl) {\n shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;\n }\n\n const fcs = formControlState({\n props,\n muiFormControl,\n states: ['size', 'variant', 'required']\n });\n\n const ownerState = _extends({}, props, {\n disableAnimation,\n formControl: muiFormControl,\n shrink,\n size: fcs.size,\n variant: fcs.variant,\n required: fcs.required\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(InputLabelRoot, _extends({\n \"data-shrink\": shrink,\n ownerState: ownerState,\n ref: ref\n }, other, {\n classes: classes\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? InputLabel.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),\n\n /**\n * If `true`, the transition animation is disabled.\n * @default false\n */\n disableAnimation: PropTypes.bool,\n\n /**\n * If `true`, the component is disabled.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the label is displayed in an error state.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the `input` of this label is focused.\n */\n focused: PropTypes.bool,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n */\n margin: PropTypes.oneOf(['dense']),\n\n /**\n * if `true`, the label will indicate that the `input` is required.\n */\n required: PropTypes.bool,\n\n /**\n * If `true`, the label is shrunk.\n */\n shrink: PropTypes.bool,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default InputLabel;","import { unstable_isMuiElement as isMuiElement } from '@mui/utils';\nexport default isMuiElement;","import * as React from 'react';\nexport default function isMuiElement(element, muiNames) {\n return /*#__PURE__*/React.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;\n}","import { generateUtilityClasses, generateUtilityClass } from '@mui/base';\nexport function getFormControlUtilityClasses(slot) {\n return generateUtilityClass('MuiFormControl', slot);\n}\nconst formControlClasses = generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);\nexport default formControlClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"color\", \"component\", \"disabled\", \"error\", \"focused\", \"fullWidth\", \"hiddenLabel\", \"margin\", \"required\", \"size\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled from '../styles/styled';\nimport { isFilled, isAdornedStart } from '../InputBase/utils';\nimport capitalize from '../utils/capitalize';\nimport isMuiElement from '../utils/isMuiElement';\nimport FormControlContext from './FormControlContext';\nimport { getFormControlUtilityClasses } from './formControlClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n margin,\n fullWidth\n } = ownerState;\n const slots = {\n root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n };\n return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\n\nconst FormControlRoot = styled('div', {\n name: 'MuiFormControl',\n slot: 'Root',\n overridesResolver: ({\n ownerState\n }, styles) => {\n return _extends({}, styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);\n }\n})(({\n ownerState\n}) => _extends({\n display: 'inline-flex',\n flexDirection: 'column',\n position: 'relative',\n // Reset fieldset default style.\n minWidth: 0,\n padding: 0,\n margin: 0,\n border: 0,\n verticalAlign: 'top'\n}, ownerState.margin === 'normal' && {\n marginTop: 16,\n marginBottom: 8\n}, ownerState.margin === 'dense' && {\n marginTop: 8,\n marginBottom: 4\n}, ownerState.fullWidth && {\n width: '100%'\n}));\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n * - FormLabel\n * - FormHelperText\n * - Input\n * - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/components/text-fields/#components).\n *\n * ```jsx\n * \n * Email address\n * \n * We'll never share your email.\n * \n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it create visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\n\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiFormControl'\n });\n\n const {\n children,\n className,\n color = 'primary',\n component = 'div',\n disabled = false,\n error = false,\n focused: visuallyFocused,\n fullWidth = false,\n hiddenLabel = false,\n margin = 'none',\n required = false,\n size = 'medium',\n variant = 'outlined'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const ownerState = _extends({}, props, {\n color,\n component,\n disabled,\n error,\n fullWidth,\n hiddenLabel,\n margin,\n required,\n size,\n variant\n });\n\n const classes = useUtilityClasses(ownerState);\n const [adornedStart, setAdornedStart] = React.useState(() => {\n // We need to iterate through the children and find the Input in order\n // to fully support server-side rendering.\n let initialAdornedStart = false;\n\n if (children) {\n React.Children.forEach(children, child => {\n if (!isMuiElement(child, ['Input', 'Select'])) {\n return;\n }\n\n const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n\n if (input && isAdornedStart(input.props)) {\n initialAdornedStart = true;\n }\n });\n }\n\n return initialAdornedStart;\n });\n const [filled, setFilled] = React.useState(() => {\n // We need to iterate through the children and find the Input in order\n // to fully support server-side rendering.\n let initialFilled = false;\n\n if (children) {\n React.Children.forEach(children, child => {\n if (!isMuiElement(child, ['Input', 'Select'])) {\n return;\n }\n\n if (isFilled(child.props, true)) {\n initialFilled = true;\n }\n });\n }\n\n return initialFilled;\n });\n const [focusedState, setFocused] = React.useState(false);\n\n if (disabled && focusedState) {\n setFocused(false);\n }\n\n const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n let registerEffect;\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const registeredInput = React.useRef(false);\n\n registerEffect = () => {\n if (registeredInput.current) {\n console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n }\n\n registeredInput.current = true;\n return () => {\n registeredInput.current = false;\n };\n };\n }\n\n const onFilled = React.useCallback(() => {\n setFilled(true);\n }, []);\n const onEmpty = React.useCallback(() => {\n setFilled(false);\n }, []);\n const childContext = {\n adornedStart,\n setAdornedStart,\n color,\n disabled,\n error,\n filled,\n focused,\n fullWidth,\n hiddenLabel,\n size,\n onBlur: () => {\n setFocused(false);\n },\n onEmpty,\n onFilled,\n onFocus: () => {\n setFocused(true);\n },\n registerEffect,\n required,\n variant\n };\n return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n value: childContext,\n children: /*#__PURE__*/_jsx(FormControlRoot, _extends({\n as: component,\n ownerState: ownerState,\n className: clsx(classes.root, className),\n ref: ref\n }, other, {\n children: children\n }))\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The color of the component. It supports those theme colors that make sense for this component.\n * @default 'primary'\n */\n color: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * If `true`, the label, input and helper text should be displayed in a disabled state.\n * @default false\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, the label is displayed in an error state.\n * @default false\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the component is displayed in focused state.\n */\n focused: PropTypes.bool,\n\n /**\n * If `true`, the component will take up the full width of its container.\n * @default false\n */\n fullWidth: PropTypes.bool,\n\n /**\n * If `true`, the label is hidden.\n * This is used to increase density for a `FilledInput`.\n * Be sure to add `aria-label` to the `input` element.\n * @default false\n */\n hiddenLabel: PropTypes.bool,\n\n /**\n * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n * @default 'none'\n */\n margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n\n /**\n * If `true`, the label will indicate that the `input` is required.\n * @default false\n */\n required: PropTypes.bool,\n\n /**\n * The size of the component.\n * @default 'medium'\n */\n size: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The variant to use.\n * @default 'outlined'\n */\n variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getFormHelperTextUtilityClasses(slot) {\n return generateUtilityClass('MuiFormHelperText', slot);\n}\nconst formHelperTextClasses = generateUtilityClasses('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);\nexport default formHelperTextClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n\nvar _span;\n\nconst _excluded = [\"children\", \"className\", \"component\", \"disabled\", \"error\", \"filled\", \"focused\", \"margin\", \"required\", \"variant\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport formControlState from '../FormControl/formControlState';\nimport useFormControl from '../FormControl/useFormControl';\nimport styled from '../styles/styled';\nimport capitalize from '../utils/capitalize';\nimport formHelperTextClasses, { getFormHelperTextUtilityClasses } from './formHelperTextClasses';\nimport useThemeProps from '../styles/useThemeProps';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n contained,\n size,\n disabled,\n error,\n filled,\n focused,\n required\n } = ownerState;\n const slots = {\n root: ['root', disabled && 'disabled', error && 'error', size && `size${capitalize(size)}`, contained && 'contained', focused && 'focused', filled && 'filled', required && 'required']\n };\n return composeClasses(slots, getFormHelperTextUtilityClasses, classes);\n};\n\nconst FormHelperTextRoot = styled('p', {\n name: 'MuiFormHelperText',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, ownerState.size && styles[`size${capitalize(ownerState.size)}`], ownerState.contained && styles.contained, ownerState.filled && styles.filled];\n }\n})(({\n theme,\n ownerState\n}) => _extends({\n color: theme.palette.text.secondary\n}, theme.typography.caption, {\n textAlign: 'left',\n marginTop: 3,\n marginRight: 0,\n marginBottom: 0,\n marginLeft: 0,\n [`&.${formHelperTextClasses.disabled}`]: {\n color: theme.palette.text.disabled\n },\n [`&.${formHelperTextClasses.error}`]: {\n color: theme.palette.error.main\n }\n}, ownerState.size === 'small' && {\n marginTop: 4\n}, ownerState.contained && {\n marginLeft: 14,\n marginRight: 14\n}));\nconst FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiFormHelperText'\n });\n\n const {\n children,\n className,\n component = 'p'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const muiFormControl = useFormControl();\n const fcs = formControlState({\n props,\n muiFormControl,\n states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']\n });\n\n const ownerState = _extends({}, props, {\n component,\n contained: fcs.variant === 'filled' || fcs.variant === 'outlined',\n variant: fcs.variant,\n size: fcs.size,\n disabled: fcs.disabled,\n error: fcs.error,\n filled: fcs.filled,\n focused: fcs.focused,\n required: fcs.required\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(FormHelperTextRoot, _extends({\n as: component,\n ownerState: ownerState,\n className: clsx(classes.root, className),\n ref: ref\n }, other, {\n children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue\n _span || (_span = /*#__PURE__*/_jsx(\"span\", {\n className: \"notranslate\",\n children: \"\\u200B\"\n })) : children\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? FormHelperText.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n *\n * If `' '` is provided, the component reserves one line height for displaying a future message.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * If `true`, the helper text should be displayed in a disabled state.\n */\n disabled: PropTypes.bool,\n\n /**\n * If `true`, helper text should be displayed in an error state.\n */\n error: PropTypes.bool,\n\n /**\n * If `true`, the helper text should use filled classes key.\n */\n filled: PropTypes.bool,\n\n /**\n * If `true`, the helper text should use focused classes key.\n */\n focused: PropTypes.bool,\n\n /**\n * If `dense`, will adjust vertical spacing. This is normally obtained via context from\n * FormControl.\n */\n margin: PropTypes.oneOf(['dense']),\n\n /**\n * If `true`, the helper text should use required classes key.\n */\n required: PropTypes.bool,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n\n /**\n * The variant to use.\n */\n variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormHelperText;","import * as React from 'react';\n/**\n * @ignore - internal component.\n */\n\nconst ListContext = /*#__PURE__*/React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n ListContext.displayName = 'ListContext';\n}\n\nexport default ListContext;","import { generateUtilityClass, generateUtilityClasses } from '@mui/base';\nexport function getListUtilityClass(slot) {\n return generateUtilityClass('MuiList', slot);\n}\nconst listClasses = generateUtilityClasses('MuiList', ['root', 'padding', 'dense', 'subheader']);\nexport default listClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"children\", \"className\", \"component\", \"dense\", \"disablePadding\", \"subheader\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport ListContext from './ListContext';\nimport { getListUtilityClass } from './listClasses';\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n disablePadding,\n dense,\n subheader\n } = ownerState;\n const slots = {\n root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']\n };\n return composeClasses(slots, getListUtilityClass, classes);\n};\n\nconst ListRoot = styled('ul', {\n name: 'MuiList',\n slot: 'Root',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.root, !ownerState.disablePadding && styles.padding, ownerState.dense && styles.dense, ownerState.subheader && styles.subheader];\n }\n})(({\n ownerState\n}) => _extends({\n listStyle: 'none',\n margin: 0,\n padding: 0,\n position: 'relative'\n}, !ownerState.disablePadding && {\n paddingTop: 8,\n paddingBottom: 8\n}, ownerState.subheader && {\n paddingTop: 0\n}));\nconst List = /*#__PURE__*/React.forwardRef(function List(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiList'\n });\n\n const {\n children,\n className,\n component = 'ul',\n dense = false,\n disablePadding = false,\n subheader\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const context = React.useMemo(() => ({\n dense\n }), [dense]);\n\n const ownerState = _extends({}, props, {\n component,\n dense,\n disablePadding\n });\n\n const classes = useUtilityClasses(ownerState);\n return /*#__PURE__*/_jsx(ListContext.Provider, {\n value: context,\n children: /*#__PURE__*/_jsxs(ListRoot, _extends({\n as: component,\n className: clsx(classes.root, className),\n ref: ref,\n ownerState: ownerState\n }, other, {\n children: [subheader, children]\n }))\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? List.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The content of the component.\n */\n children: PropTypes.node,\n\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * The component used for the root node.\n * Either a string to use a HTML element or a component.\n */\n component: PropTypes.elementType,\n\n /**\n * If `true`, compact vertical padding designed for keyboard and mouse input is used for\n * the list and list items.\n * The prop is available to descendant components as the `dense` context.\n * @default false\n */\n dense: PropTypes.bool,\n\n /**\n * If `true`, vertical padding is removed from the list.\n * @default false\n */\n disablePadding: PropTypes.bool,\n\n /**\n * The content of the subheader, normally `ListSubheader`.\n */\n subheader: PropTypes.node,\n\n /**\n * The system prop that allows defining system overrides as well as additional CSS styles.\n */\n sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default List;","// A change of the browser zoom change the scrollbar size.\n// Credit https://github.com/twbs/bootstrap/blob/488fd8afc535ca3a6ad4dc581f5e89217b6a36ac/js/src/util/scrollbar.js#L14-L18\nexport default function getScrollbarSize(doc) {\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n const documentWidth = doc.documentElement.clientWidth;\n return Math.abs(window.innerWidth - documentWidth);\n}","import { unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';\nexport default getScrollbarSize;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"actions\", \"autoFocus\", \"autoFocusItem\", \"children\", \"className\", \"disabledItemsFocusable\", \"disableListWrap\", \"onKeyDown\", \"variant\"];\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport ownerDocument from '../utils/ownerDocument';\nimport List from '../List';\nimport getScrollbarSize from '../utils/getScrollbarSize';\nimport useForkRef from '../utils/useForkRef';\nimport useEnhancedEffect from '../utils/useEnhancedEffect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction nextItem(list, item, disableListWrap) {\n if (list === item) {\n return list.firstChild;\n }\n\n if (item && item.nextElementSibling) {\n return item.nextElementSibling;\n }\n\n return disableListWrap ? null : list.firstChild;\n}\n\nfunction previousItem(list, item, disableListWrap) {\n if (list === item) {\n return disableListWrap ? list.firstChild : list.lastChild;\n }\n\n if (item && item.previousElementSibling) {\n return item.previousElementSibling;\n }\n\n return disableListWrap ? null : list.lastChild;\n}\n\nfunction textCriteriaMatches(nextFocus, textCriteria) {\n if (textCriteria === undefined) {\n return true;\n }\n\n let text = nextFocus.innerText;\n\n if (text === undefined) {\n // jsdom doesn't support innerText\n text = nextFocus.textContent;\n }\n\n text = text.trim().toLowerCase();\n\n if (text.length === 0) {\n return false;\n }\n\n if (textCriteria.repeating) {\n return text[0] === textCriteria.keys[0];\n }\n\n return text.indexOf(textCriteria.keys.join('')) === 0;\n}\n\nfunction moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {\n let wrappedOnce = false;\n let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);\n\n while (nextFocus) {\n // Prevent infinite loop.\n if (nextFocus === list.firstChild) {\n if (wrappedOnce) {\n return false;\n }\n\n wrappedOnce = true;\n } // Same logic as useAutocomplete.js\n\n\n const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';\n\n if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {\n // Move to the next element.\n nextFocus = traversalFunction(list, nextFocus, disableListWrap);\n } else {\n nextFocus.focus();\n return true;\n }\n }\n\n return false;\n}\n/**\n * A permanently displayed menu following https://www.w3.org/TR/wai-aria-practices/#menubutton.\n * It's exposed to help customization of the [`Menu`](/api/menu/) component if you\n * use it separately you need to move focus into the component manually. Once\n * the focus is placed inside the component it is fully keyboard accessible.\n */\n\n\nconst MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {\n const {\n // private\n // eslint-disable-next-line react/prop-types\n actions,\n autoFocus = false,\n autoFocusItem = false,\n children,\n className,\n disabledItemsFocusable = false,\n disableListWrap = false,\n onKeyDown,\n variant = 'selectedMenu'\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const listRef = React.useRef(null);\n const textCriteriaRef = React.useRef({\n keys: [],\n repeating: true,\n previousKeyMatched: true,\n lastTime: null\n });\n useEnhancedEffect(() => {\n if (autoFocus) {\n listRef.current.focus();\n }\n }, [autoFocus]);\n React.useImperativeHandle(actions, () => ({\n adjustStyleForScrollbar: (containerElement, theme) => {\n // Let's ignore that piece of logic if users are already overriding the width\n // of the menu.\n const noExplicitWidth = !listRef.current.style.width;\n\n if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {\n const scrollbarSize = `${getScrollbarSize(ownerDocument(containerElement))}px`;\n listRef.current.style[theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;\n listRef.current.style.width = `calc(100% + ${scrollbarSize})`;\n }\n\n return listRef.current;\n }\n }), []);\n\n const handleKeyDown = event => {\n const list = listRef.current;\n const key = event.key;\n /**\n * @type {Element} - will always be defined since we are in a keydown handler\n * attached to an element. A keydown event is either dispatched to the activeElement\n * or document.body or document.documentElement. Only the first case will\n * trigger this specific handler.\n */\n\n const currentFocus = ownerDocument(list).activeElement;\n\n if (key === 'ArrowDown') {\n // Prevent scroll of the page\n event.preventDefault();\n moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem);\n } else if (key === 'ArrowUp') {\n event.preventDefault();\n moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem);\n } else if (key === 'Home') {\n event.preventDefault();\n moveFocus(list, null, disableListWrap, disabledItemsFocusable, nextItem);\n } else if (key === 'End') {\n event.preventDefault();\n moveFocus(list, null, disableListWrap, disabledItemsFocusable, previousItem);\n } else if (key.length === 1) {\n const criteria = textCriteriaRef.current;\n const lowerKey = key.toLowerCase();\n const currTime = performance.now();\n\n if (criteria.keys.length > 0) {\n // Reset\n if (currTime - criteria.lastTime > 500) {\n criteria.keys = [];\n criteria.repeating = true;\n criteria.previousKeyMatched = true;\n } else if (criteria.repeating && lowerKey !== criteria.keys[0]) {\n criteria.repeating = false;\n }\n }\n\n criteria.lastTime = currTime;\n criteria.keys.push(lowerKey);\n const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);\n\n if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {\n event.preventDefault();\n } else {\n criteria.previousKeyMatched = false;\n }\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n };\n\n const handleRef = useForkRef(listRef, ref);\n /**\n * the index of the item should receive focus\n * in a `variant=\"selectedMenu\"` it's the first `selected` item\n * otherwise it's the very first item.\n */\n\n let activeItemIndex = -1; // since we inject focus related props into children we have to do a lookahead\n // to check if there is a `selected` item. We're looking for the last `selected`\n // item and use the first valid item as a fallback\n\n React.Children.forEach(children, (child, index) => {\n if (! /*#__PURE__*/React.isValidElement(child)) {\n return;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"MUI: The Menu component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n\n if (!child.props.disabled) {\n if (variant === 'selectedMenu' && child.props.selected) {\n activeItemIndex = index;\n } else if (activeItemIndex === -1) {\n activeItemIndex = index;\n }\n }\n });\n const items = React.Children.map(children, (child, index) => {\n if (index === activeItemIndex) {\n const newChildProps = {};\n\n if (autoFocusItem) {\n newChildProps.autoFocus = true;\n }\n\n if (child.props.tabIndex === undefined && variant === 'selectedMenu') {\n newChildProps.tabIndex = 0;\n }\n\n return /*#__PURE__*/React.cloneElement(child, newChildProps);\n }\n\n return child;\n });\n return /*#__PURE__*/_jsx(List, _extends({\n role: \"menu\",\n ref: handleRef,\n className: className,\n onKeyDown: handleKeyDown,\n tabIndex: autoFocus ? 0 : -1\n }, other, {\n children: items\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? MenuList.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * If `true`, will focus the `[role=\"menu\"]` container and move into tab order.\n * @default false\n */\n autoFocus: PropTypes.bool,\n\n /**\n * If `true`, will focus the first menuitem if `variant=\"menu\"` or selected item\n * if `variant=\"selectedMenu\"`.\n * @default false\n */\n autoFocusItem: PropTypes.bool,\n\n /**\n * MenuList contents, normally `MenuItem`s.\n */\n children: PropTypes.node,\n\n /**\n * @ignore\n */\n className: PropTypes.string,\n\n /**\n * If `true`, will allow focus on disabled items.\n * @default false\n */\n disabledItemsFocusable: PropTypes.bool,\n\n /**\n * If `true`, the menu items will not wrap focus.\n * @default false\n */\n disableListWrap: PropTypes.bool,\n\n /**\n * @ignore\n */\n onKeyDown: PropTypes.func,\n\n /**\n * The variant to use. Use `menu` to prevent selected items from impacting the initial focus\n * and the vertical alignment relative to the anchor element.\n * @default 'selectedMenu'\n */\n variant: PropTypes.oneOf(['menu', 'selectedMenu'])\n} : void 0;\nexport default MenuList;","export default {\n disabled: false\n};","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n *

\n * I'm a fade Transition!\n *

\n * )}\n * \n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *

\n * \n * {state => (\n * // ...\n * )}\n * \n * setInProp(true)}>\n * Click to Enter\n * \n *

\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n * {state => (\n * \n * )}\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * By default the child component does not perform the enter transition when\n * it first mounts, regardless of the value of `in`. If you want this\n * behavior, set both `appear` and `in` to `true`.\n *\n * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n * > only adds an additional enter transition. However, in the\n * > `` component that first enter transition does result in\n * > additional `.appear-*` classes, that way you can choose to style it\n * > differently.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. Timeouts are still used as a fallback if provided.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","export const reflow = node => node.scrollTop;\nexport function getTransitionProps(props, options) {\n var _style$transitionDura, _style$transitionTimi;\n\n const {\n timeout,\n easing,\n style = {}\n } = props;\n return {\n duration: (_style$transitionDura = style.transitionDuration) != null ? _style$transitionDura : typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,\n easing: (_style$transitionTimi = style.transitionTimingFunction) != null ? _style$transitionTimi : typeof easing === 'object' ? easing[options.mode] : easing,\n delay: style.transitionDelay\n };\n}","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"addEndListener\", \"appear\", \"children\", \"easing\", \"in\", \"onEnter\", \"onEntered\", \"onEntering\", \"onExit\", \"onExited\", \"onExiting\", \"style\", \"timeout\", \"TransitionComponent\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { elementAcceptingRef } from '@mui/utils';\nimport { Transition } from 'react-transition-group';\nimport useTheme from '../styles/useTheme';\nimport { reflow, getTransitionProps } from '../transitions/utils';\nimport useForkRef from '../utils/useForkRef';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction getScale(value) {\n return `scale(${value}, ${value ** 2})`;\n}\n\nconst styles = {\n entering: {\n opacity: 1,\n transform: getScale(1)\n },\n entered: {\n opacity: 1,\n transform: 'none'\n }\n};\n/**\n * The Grow transition is used by the [Tooltip](/components/tooltips/) and\n * [Popover](/components/popover/) components.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\n\nconst Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {\n const {\n addEndListener,\n appear = true,\n children,\n easing,\n in: inProp,\n onEnter,\n onEntered,\n onEntering,\n onExit,\n onExited,\n onExiting,\n style,\n timeout = 'auto',\n // eslint-disable-next-line react/prop-types\n TransitionComponent = Transition\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n\n const timer = React.useRef();\n const autoTimeout = React.useRef();\n const theme = useTheme();\n const nodeRef = React.useRef(null);\n const foreignRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(nodeRef, foreignRef);\n\n const normalizedTransitionCallback = callback => maybeIsAppearing => {\n if (callback) {\n const node = nodeRef.current; // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n\n if (maybeIsAppearing === undefined) {\n callback(node);\n } else {\n callback(node, maybeIsAppearing);\n }\n }\n };\n\n const handleEntering = normalizedTransitionCallback(onEntering);\n const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n reflow(node); // So the animation always start from the start.\n\n const {\n duration: transitionDuration,\n delay,\n easing: transitionTimingFunction\n } = getTransitionProps({\n style,\n timeout,\n easing\n }, {\n mode: 'enter'\n });\n let duration;\n\n if (timeout === 'auto') {\n duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n autoTimeout.current = duration;\n } else {\n duration = transitionDuration;\n }\n\n node.style.transition = [theme.transitions.create('opacity', {\n duration,\n delay\n }), theme.transitions.create('transform', {\n duration: duration * 0.666,\n delay,\n easing: transitionTimingFunction\n })].join(',');\n\n if (onEnter) {\n onEnter(node, isAppearing);\n }\n });\n const handleEntered = normalizedTransitionCallback(onEntered);\n const handleExiting = normalizedTransitionCallback(onExiting);\n const handleExit = normalizedTransitionCallback(node => {\n const {\n duration: transitionDuration,\n delay,\n easing: transitionTimingFunction\n } = getTransitionProps({\n style,\n timeout,\n easing\n }, {\n mode: 'exit'\n });\n let duration;\n\n if (timeout === 'auto') {\n duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n autoTimeout.current = duration;\n } else {\n duration = transitionDuration;\n }\n\n node.style.transition = [theme.transitions.create('opacity', {\n duration,\n delay\n }), theme.transitions.create('transform', {\n duration: duration * 0.666,\n delay: delay || duration * 0.333,\n easing: transitionTimingFunction\n })].join(',');\n node.style.opacity = '0';\n node.style.transform = getScale(0.75);\n\n if (onExit) {\n onExit(node);\n }\n });\n const handleExited = normalizedTransitionCallback(onExited);\n\n const handleAddEndListener = next => {\n if (timeout === 'auto') {\n timer.current = setTimeout(next, autoTimeout.current || 0);\n }\n\n if (addEndListener) {\n // Old call signature before `react-transition-group` implemented `nodeRef`\n addEndListener(nodeRef.current, next);\n }\n };\n\n React.useEffect(() => {\n return () => {\n clearTimeout(timer.current);\n };\n }, []);\n return /*#__PURE__*/_jsx(TransitionComponent, _extends({\n appear: appear,\n in: inProp,\n nodeRef: nodeRef,\n onEnter: handleEnter,\n onEntered: handleEntered,\n onEntering: handleEntering,\n onExit: handleExit,\n onExited: handleExited,\n onExiting: handleExiting,\n addEndListener: handleAddEndListener,\n timeout: timeout === 'auto' ? null : timeout\n }, other, {\n children: (state, childProps) => {\n return /*#__PURE__*/React.cloneElement(children, _extends({\n style: _extends({\n opacity: 0,\n transform: getScale(0.75),\n visibility: state === 'exited' && !inProp ? 'hidden' : undefined\n }, styles[state], style, children.props.style),\n ref: handleRef\n }, childProps));\n }\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? Grow.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * Add a custom transition end trigger. Called with the transitioning DOM\n * node and a done callback. Allows for more fine grained transition end\n * logic. Note: Timeouts are still used as a fallback if provided.\n */\n addEndListener: PropTypes.func,\n\n /**\n * Perform the enter transition when it first mounts if `in` is also `true`.\n * Set this to `false` to disable this behavior.\n * @default true\n */\n appear: PropTypes.bool,\n\n /**\n * A single child content element.\n */\n children: elementAcceptingRef.isRequired,\n\n /**\n * The transition timing function.\n * You may specify a single easing or a object containing enter and exit values.\n */\n easing: PropTypes.oneOfType([PropTypes.shape({\n enter: PropTypes.string,\n exit: PropTypes.string\n }), PropTypes.string]),\n\n /**\n * If `true`, the component will transition in.\n */\n in: PropTypes.bool,\n\n /**\n * @ignore\n */\n onEnter: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntered: PropTypes.func,\n\n /**\n * @ignore\n */\n onEntering: PropTypes.func,\n\n /**\n * @ignore\n */\n onExit: PropTypes.func,\n\n /**\n * @ignore\n */\n onExited: PropTypes.func,\n\n /**\n * @ignore\n */\n onExiting: PropTypes.func,\n\n /**\n * @ignore\n */\n style: PropTypes.object,\n\n /**\n * The duration for the transition, in milliseconds.\n * You may specify a single timeout for all transitions, or individually with an object.\n *\n * Set to 'auto' to automatically calculate transition time based on height.\n * @default 'auto'\n */\n timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n appear: PropTypes.number,\n enter: PropTypes.number,\n exit: PropTypes.number\n })])\n} : void 0;\nGrow.muiSupportAuto = true;\nexport default Grow;","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { exactProp, HTMLElementType, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useForkRef as useForkRef, unstable_setRef as setRef } from '@mui/utils';\n\nfunction getContainer(container) {\n return typeof container === 'function' ? container() : container;\n}\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n */\n\n\nconst Portal = /*#__PURE__*/React.forwardRef(function Portal(props, ref) {\n const {\n children,\n container,\n disablePortal = false\n } = props;\n const [mountNode, setMountNode] = React.useState(null);\n const handleRef = useForkRef( /*#__PURE__*/React.isValidElement(children) ? children.ref : null, ref);\n useEnhancedEffect(() => {\n if (!disablePortal) {\n setMountNode(getContainer(container) || document.body);\n }\n }, [container, disablePortal]);\n useEnhancedEffect(() => {\n if (mountNode && !disablePortal) {\n setRef(ref, mountNode);\n return () => {\n setRef(ref, null);\n };\n }\n\n return undefined;\n }, [ref, mountNode, disablePortal]);\n\n if (disablePortal) {\n if ( /*#__PURE__*/React.isValidElement(children)) {\n return /*#__PURE__*/React.cloneElement(children, {\n ref: handleRef\n });\n }\n\n return children;\n }\n\n return mountNode ? /*#__PURE__*/ReactDOM.createPortal(children, mountNode) : mountNode;\n});\nprocess.env.NODE_ENV !== \"production\" ? Portal.propTypes\n/* remove-proptypes */\n= {\n // ----------------------------- Warning --------------------------------\n // | These PropTypes are generated from the TypeScript type definitions |\n // | To update them edit the d.ts file and run \"yarn proptypes\" |\n // ----------------------------------------------------------------------\n\n /**\n * The children to render into the `container`.\n */\n children: PropTypes.node,\n\n /**\n * An HTML element or function that returns one.\n * The `container` will have the portal children appended to it.\n *\n * By default, it uses the body of the top-level document object,\n * so it's simply `document.body` most of the time.\n */\n container: PropTypes\n /* @typescript-to-proptypes-ignore */\n .oneOfType([HTMLElementType, PropTypes.func]),\n\n /**\n * The `children` will be under the DOM hierarchy of the parent component.\n * @default false\n */\n disablePortal: PropTypes.bool\n} : void 0;\n\nif (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line\n Portal['propTypes' + ''] = exactProp(Portal.propTypes);\n}\n\nexport default Portal;","import { unstable_ownerWindow as ownerWindow, unstable_ownerDocument as ownerDocument, unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';\n\n// Is a vertical scrollbar displayed?\nfunction isOverflowing(container) {\n const doc = ownerDocument(container);\n\n if (doc.body === container) {\n return ownerWindow(container).innerWidth > doc.documentElement.clientWidth;\n }\n\n return container.scrollHeight > container.clientHeight;\n}\n\nexport function ariaHidden(element, show) {\n if (show) {\n element.setAttribute('aria-hidden', 'true');\n } else {\n element.removeAttribute('aria-hidden');\n }\n}\n\nfunction getPaddingRight(element) {\n return parseInt(ownerWindow(element).getComputedStyle(element).paddingRight, 10) || 0;\n}\n\nfunction ariaHiddenSiblings(container, mountElement, currentElement, elementsToExclude = [], show) {\n const blacklist = [mountElement, currentElement, ...elementsToExclude];\n const blacklistTagNames = ['TEMPLATE', 'SCRIPT', 'STYLE'];\n [].forEach.call(container.children, element => {\n if (blacklist.indexOf(element) === -1 && blacklistTagNames.indexOf(element.tagName) === -1) {\n ariaHidden(element, show);\n }\n });\n}\n\nfunction findIndexOf(items, callback) {\n let idx = -1;\n items.some((item, index) => {\n if (callback(item)) {\n idx = index;\n return true;\n }\n\n return false;\n });\n return idx;\n}\n\nfunction handleContainer(containerInfo, props) {\n const restoreStyle = [];\n const container = containerInfo.container;\n\n if (!props.disableScrollLock) {\n if (isOverflowing(container)) {\n // Compute the size before applying overflow hidden to avoid any scroll jumps.\n const scrollbarSize = getScrollbarSize(ownerDocument(container));\n restoreStyle.push({\n value: container.style.paddingRight,\n property: 'padding-right',\n el: container\n }); // Use computed style, here to get the real padding to add our scrollbar width.\n\n container.style.paddingRight = `${getPaddingRight(container) + scrollbarSize}px`; // .mui-fixed is a global helper.\n\n const fixedElements = ownerDocument(container).querySelectorAll('.mui-fixed');\n [].forEach.call(fixedElements, element => {\n restoreStyle.push({\n value: element.style.paddingRight,\n property: 'padding-right',\n el: element\n });\n element.style.paddingRight = `${getPaddingRight(element) + scrollbarSize}px`;\n });\n } // Improve Gatsby support\n // https://css-tricks.com/snippets/css/force-vertical-scrollbar/\n\n\n const parent = container.parentElement;\n const containerWindow = ownerWindow(container);\n const scrollContainer = (parent == null ? void 0 : parent.nodeName) === 'HTML' && containerWindow.getComputedStyle(parent).overflowY === 'scroll' ? parent : container; // Block the scroll even if no scrollbar is visible to account for mobile keyboard\n // screensize shrink.\n\n restoreStyle.push({\n value: scrollContainer.style.overflow,\n property: 'overflow',\n el: scrollContainer\n }, {\n value: scrollContainer.style.overflowX,\n property: 'overflow-x',\n el: scrollContainer\n }, {\n value: scrollContainer.style.overflowY,\n property: 'overflow-y',\n el: scrollContainer\n });\n scrollContainer.style.overflow = 'hidden';\n }\n\n const restore = () => {\n restoreStyle.forEach(({\n value,\n el,\n property\n }) => {\n if (value) {\n el.style.setProperty(property, value);\n } else {\n el.style.removeProperty(property);\n }\n });\n };\n\n return restore;\n}\n\nfunction getHiddenSiblings(container) {\n const hiddenSiblings = [];\n [].forEach.call(container.children, element => {\n if (element.getAttribute('aria-hidden') === 'true') {\n hiddenSiblings.push(element);\n }\n });\n return hiddenSiblings;\n}\n\n/**\n * @ignore - do not document.\n *\n * Proper state management for containers and the modals in those containers.\n * Simplified, but inspired by react-overlay's ModalManager class.\n * Used by the Modal to ensure proper styling of containers.\n */\nexport default class ModalManager {\n constructor() {\n this.containers = void 0;\n this.modals = void 0;\n this.modals = [];\n this.containers = [];\n }\n\n add(modal, container) {\n let modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex !== -1) {\n return modalIndex;\n }\n\n modalIndex = this.modals.length;\n this.modals.push(modal); // If the modal we are adding is already in the DOM.\n\n if (modal.modalRef) {\n ariaHidden(modal.modalRef, false);\n }\n\n const hiddenSiblings = getHiddenSiblings(container);\n ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);\n const containerIndex = findIndexOf(this.containers, item => item.container === container);\n\n if (containerIndex !== -1) {\n this.containers[containerIndex].modals.push(modal);\n return modalIndex;\n }\n\n this.containers.push({\n modals: [modal],\n container,\n restore: null,\n hiddenSiblings\n });\n return modalIndex;\n }\n\n mount(modal, props) {\n const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1);\n const containerInfo = this.containers[containerIndex];\n\n if (!containerInfo.restore) {\n containerInfo.restore = handleContainer(containerInfo, props);\n }\n }\n\n remove(modal) {\n const modalIndex = this.modals.indexOf(modal);\n\n if (modalIndex === -1) {\n return modalIndex;\n }\n\n const containerIndex = findIndexOf(this.containers, item => item.modals.indexOf(modal) !== -1);\n const containerInfo = this.containers[containerIndex];\n containerInfo.modals.splice(containerInfo.modals.indexOf(modal), 1);\n this.modals.splice(modalIndex, 1); // If that was the last modal in a container, clean up the container.\n\n if (containerInfo.modals.length === 0) {\n // The modal might be closed before it had the chance to be mounted in the DOM.\n if (containerInfo.restore) {\n containerInfo.restore();\n }\n\n if (modal.modalRef) {\n // In case the modal wasn't in the DOM yet.\n ariaHidden(modal.modalRef, true);\n }\n\n ariaHiddenSiblings(containerInfo.container, modal.mount, modal.modalRef, containerInfo.hiddenSiblings, false);\n this.containers.splice(containerIndex, 1);\n } else {\n // Otherwise make sure the next top modal is visible to a screen reader.\n const nextTop = containerInfo.modals[containerInfo.modals.length - 1]; // as soon as a modal is adding its modalRef is undefined. it can't set\n // aria-hidden because the dom element doesn't exist either\n // when modal was unmounted before modalRef gets null\n\n if (nextTop.modalRef) {\n ariaHidden(nextTop.modalRef, false);\n }\n }\n\n return modalIndex;\n }\n\n isTopModal(modal) {\n return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n }\n\n}","/* eslint-disable @typescript-eslint/naming-convention, consistent-return, jsx-a11y/no-noninteractive-tabindex */\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { exactProp, elementAcceptingRef, unstable_useForkRef as useForkRef, unstable_ownerDocument as ownerDocument } from '@mui/utils'; // Inspired by https://github.com/focus-trap/tabbable\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'].join(',');\n\nfunction getTabIndex(node) {\n const tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);\n\n if (!Number.isNaN(tabindexAttr)) {\n return tabindexAttr;\n } // Browsers do not return `tabIndex` correctly for contentEditable nodes;\n // https://bugs.chromium.org/p/chromium/issues/detail?id=661108&q=contenteditable%20tabindex&can=2\n // so if they don't have a tabindex attribute specifically set, assume it's 0.\n // in Chrome,

,