@hhgtech/hhg-components 1.29.362 → 1.29.363

package/build/esm/InputDate-7bf1b7cc.js

@@ -0,0 +1,407 @@
+import { _ as __rest } from './tslib.es6-c63fde5f.js';
+import React__default, { forwardRef, useState, useRef, useMemo, useCallback, useEffect, useImperativeHandle } from 'react';
+import cn from 'classnames';
+import dayjs from 'dayjs';
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import { theme } from './miscTheme.js';
+import { I as ISO_FORMAT } from './index-70ad5edf.js';
+import { L as LOCALE } from './Locale-da25b5d3.js';
+
+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 = css `
+  max-width: 100%;
+  color: ${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 = css `
+  opacity: 1;
+  line-height: calc(var(--input-height, 56px) * 24 / 56);
+  transition: 0.3 linear opacity;
+  &::placeholder {
+    color: ${theme.colors.gray600};
+  }
+`;
+const cssPlaceholderNotShrink = css `
+  position: absolute;
+  top: calc(var(--input-height, 56px) / 2);
+  left: var(--input-padding, 16px);
+  color: ${theme.colors.gray600};
+  transform: translateY(-50%);
+  transition: 0.125s linear all;
+  vertical-align: middle;
+`;
+const cssPlaceholderShrink = 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.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: ${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, ${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: ${theme.colors.primary600};
+      box-shadow: 0px 0px 5px ${theme.colors.primary400};
+      transition: 0.25s linear all;
+    }
+
+    &.input_date-input_error {
+      border-color: ${theme.colors.red600};
+    }
+  }
+`;
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const customParseFormat = require('dayjs/plugin/customParseFormat');
+dayjs.extend(customParseFormat);
+const { BACKSPACE, SPACEBAR, ZERO } = KEYCODE;
+const formatInputDateValue = (value, format) => {
+    if (typeof value === 'undefined') {
+        return null;
+    }
+    if (typeof value === 'string') {
+        const dayInJS = dayjs(value, format, true);
+        if (dayInJS.isValid()) {
+            return dayInJS.toDate();
+        }
+        return null;
+    }
+    const dayInJS = dayjs(value);
+    if (dayInJS.isValid()) {
+        return dayInJS.toDate();
+    }
+    return null;
+};
+const formatInputDateValueString = (value, format) => {
+    if (!value) {
+        return [undefined, undefined, undefined];
+    }
+    const dayInJS = dayjs(value);
+    return dayInJS.format(format).split('/');
+};
+const InputDate = forwardRef((props, ref) => {
+    const { id, name, locale = LOCALE.Vietnam, className, style, defaultValue: defaultValueProps, value: valueProps, onChange: onChangeProps, error, disabled: disabledProps, labelTuples, placeholderTuples, onFocus, onBlur, autoComplete = 'off' } = props, restProps = __rest(props, ["id", "name", "locale", "className", "style", "defaultValue", "value", "onChange", "error", "disabled", "labelTuples", "placeholderTuples", "onFocus", "onBlur", "autoComplete"]);
+    const [activeInput, setActiveInput] = useState(-1);
+    const inputRef = useRef([]);
+    const [value, setValue] = useState(formatInputDateValue(defaultValueProps || valueProps, ISO_FORMAT[locale].dateFormat));
+    const [valueString, setValueString] = useState([
+        undefined,
+        undefined,
+        undefined,
+    ]);
+    const [disabled, setDisabled] = useState(INPUT_DATE_DEFAULT_DISABLED);
+    const { dateFormat } = useMemo(() => {
+        return (ISO_FORMAT === null || ISO_FORMAT === void 0 ? void 0 : ISO_FORMAT[locale]) || ISO_FORMAT['vi-VN'];
+    }, [locale]);
+    const orders = useMemo(() => dateFormat.split('/'), [dateFormat]);
+    const defaultValue = useMemo(() => formatInputDateValueString(defaultValueProps, dateFormat), [defaultValueProps, dateFormat]);
+    const label = useMemo(() => orders.map((keyOrd, idx) => (labelTuples === null || labelTuples === void 0 ? void 0 : labelTuples[idx]) || INPUT_DATE_PLACEHOLDER[keyOrd]), [labelTuples]);
+    const placeholder = useMemo(() => orders.map((keyOrd, idx) => (placeholderTuples === null || placeholderTuples === void 0 ? void 0 : placeholderTuples[idx]) || keyOrd), [placeholderTuples]);
+    const focusPrevInput = 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 = 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 = 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 = useCallback((valStr) => {
+        const valString = valStr || valueString;
+        const dayString = orders
+            .map((_, index) => {
+            const val = valString[index];
+            return val;
+        })
+            .filter(Boolean)
+            .join('/');
+        const dayInJS = dayjs(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 = 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 = 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 = 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 = 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 = 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]);
+    useEffect(() => {
+        setValue(formatInputDateValue(valueProps, dateFormat));
+    }, [valueProps, dateFormat]);
+    useEffect(() => {
+        if (value) {
+            setValueString(formatInputDateValueString(value, dateFormat));
+        }
+    }, [value, dateFormat]);
+    useImperativeHandle(ref, () => inputRef.current[0], []);
+    return (React__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.createElement("div", { key: inputName, className: cn('input_date-input_container', {
+                'input_date-input_active': activeInput === idxOrd,
+                'input_date-input_shrink': !!inputValue,
+                'input_date-input_error': error,
+            }) },
+            React__default.createElement("span", { className: "input_date-input_placeholder" }, inputLabel),
+            React__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 })));
+    })));
+});
+
+export { InputDate as I };

package/build/esm/{LastPeriod-e8d99ec6.js → LastPeriod-323244e5.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-2571f98c.js';
+import { _ as __rest } from './tslib.es6-c63fde5f.js';
 import React__default from 'react';
 
 const LastPeriod = (_a) => {

package/build/esm/{MobileBottomNavigationIcon-5f4ee3f4.js → MobileBottomNavigationIcon-55d887bf.js}

@@ -1,10 +1,10 @@
-import { _ as __rest } from './tslib.es6-2571f98c.js';
+import { _ as __rest } from './tslib.es6-c63fde5f.js';
 import React__default from 'react';
-import { T as Text } from './index-c17eb826.js';
+import { T as Text } from './index-7a601522.js';
 import { theme } from './miscTheme.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-213d1bf3.js';
+import { M as MediaQueries } from './utils-7677f130.js';
 
 const slideInUp = keyframes `
   from {

package/build/esm/{Spinner-6ffe5c0f.js → Spinner-c1bdc03c.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-2571f98c.js';
+import { _ as __rest } from './tslib.es6-c63fde5f.js';
 import React__default from 'react';
 
 const Spinner = (_a) => {

package/build/esm/{WhatsApp-1c55868a.js → WhatsApp-6f5362b5.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-2571f98c.js';
+import { _ as __rest } from './tslib.es6-c63fde5f.js';
 import React__default from 'react';
 
 const Instagram = (_a) => {

package/build/esm/adapters.js

@@ -1,36 +1,36 @@
-export { B as Button } from './index-419ed52f.js';
-export { T as Text } from './index-5b2d87c3.js';
-export { H as Heading } from './index-3504643c.js';
-import './tslib.es6-2571f98c.js';
+export { B as Button } from './index-a21ea83a.js';
+export { T as Text } from './index-d432e966.js';
+export { H as Heading } from './index-eb0dbcc8.js';
+import './tslib.es6-c63fde5f.js';
 import 'react';
-import './index-3cb8cb4b.js';
+import './index-48fa17dc.js';
 import '@mantine/core';
-import './index-a0ef2f51.js';
+import './index-a3d9c2ed.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-fa4aed4f.js';
+import './index-1876b27e.js';
 import './constantsDomainLocales.js';
-import './Locale-23142efe.js';
+import './Locale-da25b5d3.js';
 import './constantsIsProduction.js';
-import './useScreenSize-245884d6.js';
+import './useScreenSize-c0c466ff.js';
 import '@emotion/styled';
-import './utils-213d1bf3.js';
+import './utils-7677f130.js';
 import '@mantine/carousel';
-import './index-c17eb826.js';
-import './other-9f3c0383.js';
-import './index-93f05cbd.js';
+import './index-7a601522.js';
+import './other-395afcf8.js';
+import './index-6c436dd1.js';
 import './miscTheme.js';
-import './useMantineLocale-1d78bb2f.js';
+import './useMantineLocale-03801995.js';
 import '@mantine/notifications';
-import './index-a7ef127e.js';
+import './index-70ad5edf.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-31d70d4b.js';
+import './useUniqueId-de32b92c.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-756b61f3.js';
-import './translationsContext-feb0f31b.js';
-import './index-4ea9c741.js';
+import './index.styles-ff9b02cd.js';
+import './translationsContext-7e8befc3.js';
+import './index-c58ee82e.js';

package/build/esm/atoms.js

@@ -1,72 +1,73 @@
-export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-cba80946.js';
-export { A as Avatar } from './index-98df08d3.js';
-export { B as Button } from './index-419ed52f.js';
-export { D as Divider } from './index-d50723f9.js';
-export { F as Flag } from './index-a0ef2f51.js';
-export { H as Heading } from './index-3504643c.js';
-export { I as Input, L as Label } from './index-e9206ea6.js';
-export { L as Logo } from './index-423a6b89.js';
-export { C as Checkbox, P as PureInput } from './index-8d885690.js';
-export { T as Text } from './index-5b2d87c3.js';
-export { T as TextArea } from './index-1c7f348a.js';
-export { C as Container } from './index-1ae63c79.js';
-export { I as Icon } from './index-4b4487ff.js';
-export { D as Drawer } from './index-02b8ada7.js';
-export { R as RadioImageGroup } from './index-69598671.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-f4d43595.js';
-export { C as CustomReferenceDot } from './index-0a460405.js';
-export { B as BtnChoice } from './index-61d13d80.js';
-export { L as LogoIcon } from './logoIcon-63898b50.js';
-export { I as ImageWrap } from './useScreenSize-245884d6.js';
-export { G as GenderOptionControl } from './index-2d4afd18.js';
-export { L as Loading } from './index-c167c204.js';
-export { D as DrawerComponent } from './index-6c04281f.js';
+export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-9cdb88d4.js';
+export { A as Avatar } from './index-05f1b79e.js';
+export { B as Button } from './index-a21ea83a.js';
+export { D as Divider } from './index-a3de50cb.js';
+export { F as Flag } from './index-a3d9c2ed.js';
+export { H as Heading } from './index-eb0dbcc8.js';
+export { I as Input, L as Label } from './index-3612ab95.js';
+export { L as Logo } from './index-73418908.js';
+export { C as Checkbox, P as PureInput } from './index-6298e653.js';
+export { T as Text } from './index-d432e966.js';
+export { T as TextArea } from './index-7e4e0568.js';
+export { C as Container } from './index-3520c37e.js';
+export { I as Icon } from './index-7d254959.js';
+export { D as Drawer } from './index-2f710979.js';
+export { R as RadioImageGroup } from './index-d9e74ae8.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-d484fc3f.js';
+export { C as CustomReferenceDot } from './index-3101a558.js';
+export { B as BtnChoice } from './index-8ae723ce.js';
+export { L as LogoIcon } from './logoIcon-b6789d35.js';
+export { I as ImageWrap } from './useScreenSize-c0c466ff.js';
+export { G as GenderOptionControl } from './index-abc71831.js';
+export { L as Loading } from './index-f364a6c7.js';
+export { D as DrawerComponent } from './index-4a5529dd.js';
+export { I as InputDate } from './InputDate-7bf1b7cc.js';
 import 'react';
-import './index-c17eb826.js';
-import './tslib.es6-2571f98c.js';
+import './index-7a601522.js';
+import './tslib.es6-c63fde5f.js';
 import '@mantine/core';
-import './other-9f3c0383.js';
+import './other-395afcf8.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-213d1bf3.js';
+import './utils-7677f130.js';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './index-3cb8cb4b.js';
+import './index-48fa17dc.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-fa4aed4f.js';
+import './index-1876b27e.js';
 import './constantsDomainLocales.js';
-import './Locale-23142efe.js';
+import './Locale-da25b5d3.js';
 import './constantsIsProduction.js';
 import '@mantine/carousel';
-import './index-93f05cbd.js';
-import './useMantineLocale-1d78bb2f.js';
+import './index-6c436dd1.js';
+import './useMantineLocale-03801995.js';
 import '@mantine/notifications';
-import './index-a7ef127e.js';
+import './index-70ad5edf.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-31d70d4b.js';
+import './useUniqueId-de32b92c.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-756b61f3.js';
-import './translationsContext-feb0f31b.js';
-import './index-4ea9c741.js';
-import './WhatsApp-1c55868a.js';
-import './Spinner-6ffe5c0f.js';
+import './index.styles-ff9b02cd.js';
+import './translationsContext-7e8befc3.js';
+import './index-c58ee82e.js';
+import './WhatsApp-6f5362b5.js';
+import './Spinner-c1bdc03c.js';
 import '@emotion/react';
-import './animation-4e80d44f.js';
-import './index-2d8c745d.js';
-import './index-11c1e9b1.js';
-import './paths-eefeda8b.js';
-import './constants-7e8a9103.js';
-import './utils-fb814a53.js';
-import './index-fbf3c6e1.js';
+import './animation-6fc5c71b.js';
+import './index-62eda0bd.js';
+import './index-3a32cbc8.js';
+import './paths-835667f0.js';
+import './constants-2d3b7e2d.js';
+import './utils-1817a79c.js';
+import './index-074d3c8a.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-fc431ad1.js';
+import './constants-5d42be2f.js';
 import 'vaul';