@hhgtech/hhg-components 1.29.363-beta-4 → 1.29.363-beta-5

package/build/InputDate-ba08aa57.js

@@ -0,0 +1,416 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-6199edd3.js');
+var React = require('react');
+var cn = require('classnames');
+var dayjs = require('dayjs');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-b4839374.js');
+var Locale = require('./Locale-67245616.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cn__default = /*#__PURE__*/_interopDefault(cn);
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const KEYCODE = {
+    BACKSPACE: 8,
+    SPACEBAR: 32,
+    ZERO: 48,
+};
+
+const PATTERN_NUMBER = /^([0-9]*)$/;
+const INPUT_DATE_PLACEHOLDER = {
+    DD: 'Day',
+    MM: 'Month',
+    YYYY: 'Year',
+};
+const INPUT_DATE_FORMAT_TYPING = {
+    DD: (day, cb) => {
+        if (!day) {
+            cb === null || cb === void 0 ? void 0 : cb('');
+            return '';
+        }
+        const dayNumber = parseInt(day);
+        if (dayNumber > 31) {
+            cb === null || cb === void 0 ? void 0 : cb(day[0]);
+            return day[0];
+        }
+        /** Day cannot be over number 31 */
+        if (dayNumber >= 4) {
+            const dayString = String(dayNumber).padStart(2, '0');
+            cb === null || cb === void 0 ? void 0 : cb(dayString);
+            return dayString;
+        }
+        cb === null || cb === void 0 ? void 0 : cb(day);
+        return day;
+    },
+    MM: (month, cb) => {
+        if (!month) {
+            cb === null || cb === void 0 ? void 0 : cb('');
+            return '';
+        }
+        const monthNumber = parseInt(month);
+        if (monthNumber > 12) {
+            cb === null || cb === void 0 ? void 0 : cb(month[0]);
+            return month[0];
+        }
+        /** Month cannot be over number 12 */
+        if (monthNumber >= 2) {
+            const monthString = String(monthNumber).padStart(2, '0');
+            cb === null || cb === void 0 ? void 0 : cb(monthString);
+            return monthString;
+        }
+        cb === null || cb === void 0 ? void 0 : cb(month);
+        return month;
+    },
+    YYYY: (year, cb) => {
+        if (!year) {
+            cb === null || cb === void 0 ? void 0 : cb('');
+            return '';
+        }
+        cb === null || cb === void 0 ? void 0 : cb(year);
+        return year;
+    },
+};
+const INPUT_DATE_DEFAULT_DISABLED = [false, true, true];
+const getInputDateInputDisabled = (valueString) => {
+    return valueString.map((_, index) => {
+        if (index === 0) {
+            return false;
+        }
+        if (index !== 0 && !!valueString[index - 1]) {
+            return false;
+        }
+        return true;
+    });
+};
+
+const cssInputNotShrink = react.css `
+  max-width: 100%;
+  color: ${miscTheme.theme.colors.gray800};
+  font-size: var(--input-font-size, 16px);
+  font-weight: 400;
+  line-height: calc(var(--input-height, 56px) * 24 / 56);
+  opacity: 0;
+  transition: 0.3s linear opacity;
+  vertical-align: middle;
+  &::placeholder {
+    color: transparent;
+    font-weight: 400;
+  }
+`;
+const cssInputShrink = react.css `
+  opacity: 1;
+  line-height: calc(var(--input-height, 56px) * 24 / 56);
+  transition: 0.3 linear opacity;
+  &::placeholder {
+    color: ${miscTheme.theme.colors.gray600};
+  }
+`;
+const cssPlaceholderNotShrink = react.css `
+  position: absolute;
+  top: calc(var(--input-height, 56px) / 2);
+  left: var(--input-padding, 16px);
+  color: ${miscTheme.theme.colors.gray600};
+  transform: translateY(-50%);
+  transition: 0.125s linear all;
+  vertical-align: middle;
+`;
+const cssPlaceholderShrink = react.css `
+  top: calc(var(--input-height, 56px) * 7 / 56);
+  font-size: calc(var(--input-font-size, 16px) * 12 / 16);
+  line-height: calc(var(--input-height, 56px) * 18 / 56);
+  transform: translateY(0);
+  transition: 0.125s linear all;
+`;
+const StyledInputDate = styled__default["default"].div `
+  --input-gap: 8px;
+  --input-height: 56px;
+  --input-max-width: 320px;
+  --input-font-size: 16px;
+  --input-line-height: 24px;
+  --input-padding-x: 16px;
+  --input-padding-y: 16px;
+  --input-border-radius: 8px;
+  --input-border-color: ${miscTheme.theme.colors.gray200};
+
+  display: flex;
+  gap: var(--input-gap, 8px);
+  max-width: var(--input-max-width, 320px);
+  font-weight: 400;
+
+  * {
+    box-sizing: border-box;
+  }
+
+  .input_date-input_container {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: var(--input-height, 56px);
+    max-width: calc((100% / 3) - (var(--input-gap, 8px) * 2 / 3));
+    line-height: var(--input-line-height, 24px);
+    padding: var(--input-padding-y, 16px) var(--input-padding-x, 16px);
+    border-radius: var(--input-border-radius, 8px);
+    border: 1px solid var(--input-border-color, ${miscTheme.theme.colors.gray200});
+
+    .input_date-input_placeholder {
+      ${cssPlaceholderNotShrink}
+    }
+
+    .input_date-input {
+      ${cssInputNotShrink}
+    }
+
+    &:has([disabled]) {
+      pointer-events: none;
+    }
+
+    &:focus-within,
+    &.input_date-input_shrink {
+      --input-padding-y: 8px;
+      align-items: flex-end;
+      .input_date-input_placeholder {
+        ${cssPlaceholderShrink}
+      }
+
+      .input_date-input {
+        ${cssInputShrink}
+      }
+    }
+
+    &.input_date-input_active {
+      border-color: ${miscTheme.theme.colors.primary600};
+      box-shadow: 0px 0px 5px ${miscTheme.theme.colors.primary400};
+      transition: 0.25s linear all;
+    }
+
+    &.input_date-input_error {
+      border-color: ${miscTheme.theme.colors.red600};
+    }
+  }
+`;
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const customParseFormat = require('dayjs/plugin/customParseFormat');
+dayjs__default["default"].extend(customParseFormat);
+const { BACKSPACE, SPACEBAR, ZERO } = KEYCODE;
+const formatInputDateValue = (value, format) => {
+    if (typeof value === 'undefined') {
+        return null;
+    }
+    if (typeof value === 'string') {
+        const dayInJS = dayjs__default["default"](value, format, true);
+        if (dayInJS.isValid()) {
+            return dayInJS.toDate();
+        }
+        return null;
+    }
+    const dayInJS = dayjs__default["default"](value);
+    if (dayInJS.isValid()) {
+        return dayInJS.toDate();
+    }
+    return null;
+};
+const formatInputDateValueString = (value, format) => {
+    if (!value) {
+        return [undefined, undefined, undefined];
+    }
+    const dayInJS = dayjs__default["default"](value);
+    return dayInJS.format(format).split('/');
+};
+const InputDate = React.forwardRef((props, ref) => {
+    const { id, name, locale = Locale.LOCALE.Vietnam, className, style, defaultValue: defaultValueProps, value: valueProps, onChange: onChangeProps, error, disabled: disabledProps, labelTuples, placeholderTuples, onFocus, onBlur, autoComplete = 'off' } = props, restProps = tslib_es6.__rest(props, ["id", "name", "locale", "className", "style", "defaultValue", "value", "onChange", "error", "disabled", "labelTuples", "placeholderTuples", "onFocus", "onBlur", "autoComplete"]);
+    const [activeInput, setActiveInput] = React.useState(-1);
+    const inputRef = React.useRef([]);
+    const [value, setValue] = React.useState(formatInputDateValue(defaultValueProps || valueProps, index.ISO_FORMAT[locale].dateFormat));
+    const [valueString, setValueString] = React.useState([
+        undefined,
+        undefined,
+        undefined,
+    ]);
+    const [disabled, setDisabled] = React.useState(INPUT_DATE_DEFAULT_DISABLED);
+    const { dateFormat } = React.useMemo(() => {
+        return (index.ISO_FORMAT === null || index.ISO_FORMAT === void 0 ? void 0 : index.ISO_FORMAT[locale]) || index.ISO_FORMAT['vi-VN'];
+    }, [locale]);
+    const orders = React.useMemo(() => dateFormat.split('/'), [dateFormat]);
+    const defaultValue = React.useMemo(() => formatInputDateValueString(defaultValueProps, dateFormat), [defaultValueProps, dateFormat]);
+    const label = React.useMemo(() => orders.map((keyOrd, idx) => (labelTuples === null || labelTuples === void 0 ? void 0 : labelTuples[idx]) || INPUT_DATE_PLACEHOLDER[keyOrd]), [labelTuples]);
+    const placeholder = React.useMemo(() => orders.map((keyOrd, idx) => (placeholderTuples === null || placeholderTuples === void 0 ? void 0 : placeholderTuples[idx]) || keyOrd), [placeholderTuples]);
+    const focusPrevInput = React.useCallback(() => {
+        var _a, _b;
+        if (activeInput === 0 || activeInput === -1) {
+            return;
+        }
+        const curInput = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a[activeInput];
+        if (curInput) {
+            curInput.blur();
+        }
+        const prevInput = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b[activeInput - 1];
+        if (prevInput) {
+            prevInput.focus();
+        }
+    }, [activeInput]);
+    const focusNextInput = React.useCallback(() => {
+        var _a, _b;
+        if (activeInput === orders.length - 1) {
+            return;
+        }
+        const curInput = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a[activeInput];
+        if (curInput) {
+            curInput.blur();
+        }
+        const nextInput = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b[activeInput + 1];
+        if (nextInput) {
+            nextInput.focus();
+        }
+    }, [activeInput, orders]);
+    const changeCodeAtFocus = React.useCallback(() => {
+        let count = 0;
+        function changeFocus() {
+            const target = inputRef.current[activeInput];
+            const nextTarget = inputRef.current[activeInput + 1];
+            const disabledNext = disabled[activeInput + 1];
+            if (!nextTarget || count === 1) {
+                return;
+            }
+            if (disabledNext) {
+                requestAnimationFrame(changeFocus);
+                count++;
+            }
+            if (target.value.length === target.maxLength) {
+                focusNextInput();
+            }
+        }
+        requestAnimationFrame(changeFocus);
+    }, [...disabled, activeInput, focusNextInput]);
+    const onChange = React.useCallback((valStr) => {
+        const valString = valStr || valueString;
+        const dayString = orders
+            .map((_, index) => {
+            const val = valString[index];
+            return val;
+        })
+            .filter(Boolean)
+            .join('/');
+        const dayInJS = dayjs__default["default"](dayString, dateFormat, true);
+        if (dayInJS.isValid()) {
+            setValue(dayInJS.toDate());
+            onChangeProps === null || onChangeProps === void 0 ? void 0 : onChangeProps(dayInJS.toDate(), dayString);
+        }
+        else {
+            setValue(null);
+            onChangeProps === null || onChangeProps === void 0 ? void 0 : onChangeProps(dayString, dayString);
+        }
+    }, [orders, dateFormat, ...valueString]);
+    const inputOnChange = React.useCallback((index) => ((e) => {
+        const val = e.target.value;
+        const valString = [...valueString];
+        if (!val) {
+            valString[index] = '';
+            setValueString(valString);
+            onChange(valString);
+            if (index === 0) {
+                setDisabled(INPUT_DATE_DEFAULT_DISABLED);
+            }
+            return;
+        }
+        if (!val.trim().match(PATTERN_NUMBER)) {
+            return;
+        }
+        const inputType = orders[index];
+        INPUT_DATE_FORMAT_TYPING[inputType](val, (newVal) => {
+            valString[index] = newVal;
+            setDisabled(getInputDateInputDisabled(valString));
+            setValueString(valString);
+            changeCodeAtFocus();
+        });
+        onChange(valString);
+    }), [...valueString, orders, changeCodeAtFocus, onChange]);
+    const inputOnFocus = React.useCallback((e) => {
+        const target = e.target;
+        const inputIndex = inputRef.current.findIndex((input) => input === target);
+        if (inputIndex !== -1) {
+            setActiveInput(inputIndex);
+        }
+        if (inputIndex === 0) {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        }
+    }, [...valueString, orders, onFocus]);
+    const inputOnBlur = React.useCallback((e) => {
+        setActiveInput(-1);
+        const target = e.target;
+        const inputIndex = inputRef.current.findIndex((input) => input === target);
+        if (inputIndex !== -1) {
+            const newVal = target.value;
+            const valString = [...valueString];
+            if (newVal !== '' && inputIndex !== orders.length - 1) {
+                valString[inputIndex] = String(newVal).padStart(target.maxLength, '0');
+                setDisabled(getInputDateInputDisabled(valString));
+                setValueString(valString);
+                onChange(valString);
+            }
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [...valueString, orders, onChange, onBlur]);
+    // Handle cases of backspace, delete, left arrow, right arrow, space
+    const inputOnKeyDown = React.useCallback((e) => {
+        const target = inputRef.current[activeInput];
+        if (target.value === '0' && (e.keyCode === ZERO || e.key === '0')) {
+            e.preventDefault();
+        }
+        if (e.keyCode === BACKSPACE || e.key === 'Backspace') {
+            if (!target.value) {
+                focusPrevInput();
+            }
+        }
+        if (e.keyCode === SPACEBAR ||
+            e.key === ' ' ||
+            e.key === 'Spacebar' ||
+            e.key === 'Space') {
+            e.preventDefault();
+        }
+    }, [activeInput, focusPrevInput, focusNextInput]);
+    const onClick = React.useCallback(() => {
+        if (activeInput === -1 && !value) {
+            inputRef.current[0].focus();
+            setActiveInput(0);
+        }
+        else if (activeInput === -1 && value) {
+            inputRef.current[inputRef.current.length - 1].focus();
+            setActiveInput(inputRef.current.length - 1);
+        }
+    }, [activeInput, value]);
+    React.useEffect(() => {
+        setValue(formatInputDateValue(valueProps, dateFormat));
+    }, [valueProps, dateFormat]);
+    React.useEffect(() => {
+        if (value) {
+            setValueString(formatInputDateValueString(value, dateFormat));
+        }
+    }, [value, dateFormat]);
+    React.useImperativeHandle(ref, () => inputRef.current[0], []);
+    return (React__default["default"].createElement(StyledInputDate, Object.assign({ className: className, style: style, onClick: onClick }, restProps), orders.map((inputName, idxOrd) => {
+        const inputLabel = label[idxOrd];
+        const inputDefaultValue = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[idxOrd];
+        const inputValue = valueString[idxOrd];
+        const inputDisabled = disabled[idxOrd];
+        const inputPlaceholder = placeholder[idxOrd];
+        const inputMaxLength = inputName.length;
+        return (React__default["default"].createElement("div", { key: inputName, className: cn__default["default"]('input_date-input_container', {
+                'input_date-input_active': activeInput === idxOrd,
+                'input_date-input_shrink': !!inputValue,
+                'input_date-input_error': error,
+            }) },
+            React__default["default"].createElement("span", { className: "input_date-input_placeholder" }, inputLabel),
+            React__default["default"].createElement("input", { ref: (ref) => (inputRef.current[idxOrd] = ref), name: `${id || ''}-${name || ''}-${inputName}`, type: "text", inputMode: "numeric", defaultValue: inputDefaultValue, value: inputValue, maxLength: inputMaxLength, disabled: disabledProps || inputDisabled, placeholder: inputPlaceholder, onChange: inputOnChange(idxOrd), onBlur: inputOnBlur, onFocus: inputOnFocus, onKeyDown: inputOnKeyDown, className: "input_date-input", autoComplete: autoComplete })));
+    })));
+});
+
+exports.InputDate = InputDate;

package/build/{LastPeriod-bd2a012d.js → LastPeriod-c06caa3a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-84d08b32.js');
+var tslib_es6 = require('./tslib.es6-6199edd3.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-a703817a.js → MobileBottomNavigationIcon-35106a7c.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-84d08b32.js');
+var tslib_es6 = require('./tslib.es6-6199edd3.js');
 var React = require('react');
-var index = require('./index-83054b55.js');
+var index = require('./index-e93529ca.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4aac287a.js');
+var utils = require('./utils-79d75565.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{Spinner-1f4dedf4.js → Spinner-0329dab2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-84d08b32.js');
+var tslib_es6 = require('./tslib.es6-6199edd3.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-903b0d71.js → WhatsApp-8cb5e53b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-84d08b32.js');
+var tslib_es6 = require('./tslib.es6-6199edd3.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-fb802a94.js');
-var index$1 = require('./index-0e8e30bf.js');
-var index$2 = require('./index-9dd2b5e3.js');
-require('./tslib.es6-84d08b32.js');
+var index = require('./index-c5a332e8.js');
+var index$1 = require('./index-f1e46224.js');
+var index$2 = require('./index-9157e650.js');
+require('./tslib.es6-6199edd3.js');
 require('react');
-require('./index-c8cd64a2.js');
+require('./index-05ad7474.js');
 require('@mantine/core');
-require('./index-1367369b.js');
+require('./index-94a86cfa.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-1b04aa72.js');
+require('./index-f27badf2.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e3a376d3.js');
+require('./Locale-67245616.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-1ec1b672.js');
+require('./useScreenSize-21f4ac0e.js');
 require('@emotion/styled');
-require('./utils-4aac287a.js');
+require('./utils-79d75565.js');
 require('@mantine/carousel');
-require('./index-83054b55.js');
-require('./other-3f05efa4.js');
-require('./index-0b160157.js');
+require('./index-e93529ca.js');
+require('./other-ee790adc.js');
+require('./index-e5b788ac.js');
 require('./miscTheme.js');
-require('./useMantineLocale-3109b439.js');
+require('./useMantineLocale-41b94798.js');
 require('@mantine/notifications');
-require('./index-6028985f.js');
+require('./index-b4839374.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
 require('classnames');
-require('./useUniqueId-758e87da.js');
+require('./useUniqueId-8d05fffa.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-1fc30bc7.js');
-require('./translationsContext-de7df6d2.js');
-require('./index-7a04154a.js');
+require('./index.styles-473956a9.js');
+require('./translationsContext-ebc3a79b.js');
+require('./index-f8ca83ee.js');
 
 
 

package/build/atoms.js

@@ -2,77 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-be033ca2.js');
-var index$1 = require('./index-af2f1d4a.js');
-var index$2 = require('./index-fb802a94.js');
-var index$3 = require('./index-8b640d6f.js');
-var index$4 = require('./index-1367369b.js');
-var index$5 = require('./index-9dd2b5e3.js');
-var index$6 = require('./index-b60a2716.js');
-var index$7 = require('./index-04f35c73.js');
-var index$8 = require('./index-3bb08136.js');
-var index$9 = require('./index-0e8e30bf.js');
-var index$a = require('./index-35d5d24a.js');
-var index$b = require('./index-5113013d.js');
-var index$c = require('./index-7dca2a88.js');
-var index$d = require('./index-9ef267f9.js');
-var index$e = require('./index-088040f9.js');
-var index$f = require('./index-a3216ca8.js');
-var index$g = require('./index-b203bf10.js');
-var index$h = require('./index-921a9f42.js');
-var logoIcon = require('./logoIcon-d4cd0b9f.js');
-var useScreenSize = require('./useScreenSize-1ec1b672.js');
-var index$i = require('./index-fcbc519e.js');
-var index$j = require('./index-e5cb04ba.js');
-var index$k = require('./index-cfea026e.js');
+var index = require('./index-df0b92a7.js');
+var index$1 = require('./index-b8fd89ef.js');
+var index$2 = require('./index-c5a332e8.js');
+var index$3 = require('./index-a87d3cf9.js');
+var index$4 = require('./index-94a86cfa.js');
+var index$5 = require('./index-9157e650.js');
+var index$6 = require('./index-1d211005.js');
+var index$7 = require('./index-551afef8.js');
+var index$8 = require('./index-a2a78ec0.js');
+var index$9 = require('./index-f1e46224.js');
+var index$a = require('./index-f00e508f.js');
+var index$b = require('./index-23141cf5.js');
+var index$c = require('./index-a9224bec.js');
+var index$d = require('./index-f34a46c8.js');
+var index$e = require('./index-f01bc0e9.js');
+var index$f = require('./index-e52db012.js');
+var index$g = require('./index-abf07f3f.js');
+var index$h = require('./index-1c3636d2.js');
+var logoIcon = require('./logoIcon-483e4906.js');
+var useScreenSize = require('./useScreenSize-21f4ac0e.js');
+var index$i = require('./index-0f85d250.js');
+var index$j = require('./index-b8581b33.js');
+var index$k = require('./index-5d6e11eb.js');
+var InputDate = require('./InputDate-ba08aa57.js');
 require('react');
-require('./index-83054b55.js');
-require('./tslib.es6-84d08b32.js');
+require('./index-e93529ca.js');
+require('./tslib.es6-6199edd3.js');
 require('@mantine/core');
-require('./other-3f05efa4.js');
+require('./other-ee790adc.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-4aac287a.js');
+require('./utils-79d75565.js');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-c8cd64a2.js');
+require('./index-05ad7474.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-1b04aa72.js');
+require('./index-f27badf2.js');
 require('./constantsDomainLocales.js');
-require('./Locale-e3a376d3.js');
+require('./Locale-67245616.js');
 require('./constantsIsProduction.js');
 require('@mantine/carousel');
-require('./index-0b160157.js');
-require('./useMantineLocale-3109b439.js');
+require('./index-e5b788ac.js');
+require('./useMantineLocale-41b94798.js');
 require('@mantine/notifications');
-require('./index-6028985f.js');
+require('./index-b4839374.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
 require('classnames');
-require('./useUniqueId-758e87da.js');
+require('./useUniqueId-8d05fffa.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-1fc30bc7.js');
-require('./translationsContext-de7df6d2.js');
-require('./index-7a04154a.js');
-require('./WhatsApp-903b0d71.js');
-require('./Spinner-1f4dedf4.js');
+require('./index.styles-473956a9.js');
+require('./translationsContext-ebc3a79b.js');
+require('./index-f8ca83ee.js');
+require('./WhatsApp-8cb5e53b.js');
+require('./Spinner-0329dab2.js');
 require('@emotion/react');
-require('./animation-5b8b6ad7.js');
-require('./index-089893f5.js');
-require('./index-5bfc8a5e.js');
-require('./paths-210ef562.js');
-require('./constants-f595de2a.js');
-require('./utils-b4015eec.js');
-require('./index-f32642fe.js');
+require('./animation-31a0a542.js');
+require('./index-20a1d050.js');
+require('./index-ba7f60d1.js');
+require('./paths-61c4c602.js');
+require('./constants-71315ca7.js');
+require('./utils-dd84304a.js');
+require('./index-973409f2.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-a54f1e26.js');
+require('./constants-c4e24bba.js');
 require('vaul');
 
 
@@ -114,3 +115,4 @@ exports.ImageWrap = useScreenSize.ImageWrap;
 exports.GenderOptionControl = index$i.GenderOptionControl;
 exports.Loading = index$j.Loading;
 exports.DrawerComponent = index$k.DrawerComponent;
+exports.InputDate = InputDate.InputDate;