@hhgtech/hhg-components 1.29.421 → 1.29.422

package/build/index-a40fb8e3.js

@@ -0,0 +1,404 @@
+'use strict';
+
+var core = require('@mantine/core');
+var text = require('./text-dec98bc9.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
+var React = require('react');
+var miscTheme = require('./miscTheme.js');
+var hooks = require('@mantine/hooks');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var useTextStyles = core.createStyles((theme) => {
+    return text.GlobalTextStyleNew(theme)[text.CustomStylesType.LEADGEN];
+});
+
+const ErrorIcon = (_a) => {
+    var { size } = _a, rest = tslib_es6.__rest(_a, ["size"]);
+    const props = Object.assign({ width: size, height: size }, rest);
+    return (React__default["default"].createElement("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default["default"].createElement("path", { d: "M5.996 6.513q.163 0 .282-.12a.38.38 0 0 0 .118-.28V3.937q0-.15-.118-.268a.4.4 0 0 0-.282-.119.4.4 0 0 0-.281.12.38.38 0 0 0-.119.28v2.175q0 .15.119.269.12.119.281.119m0 1.862a.43.43 0 0 0 .3-.112.4.4 0 0 0 .125-.313.4.4 0 0 0-.125-.3.4.4 0 0 0-.3-.125.4.4 0 0 0-.3.125.4.4 0 0 0-.125.3.4.4 0 0 0 .125.313.43.43 0 0 0 .3.112m0 2.375a4.6 4.6 0 0 1-1.856-.375 4.8 4.8 0 0 1-1.506-1.012A4.8 4.8 0 0 1 1.62 7.857 4.6 4.6 0 0 1 1.246 6q0-.987.375-1.856t1.013-1.506A4.8 4.8 0 0 1 4.14 1.625a4.6 4.6 0 0 1 1.856-.375q.988 0 1.857.375Q8.72 2 9.359 2.638q.637.637 1.012 1.506T10.747 6t-.375 1.857A4.8 4.8 0 0 1 9.36 9.363a4.8 4.8 0 0 1-1.506 1.012q-.87.375-1.857.375", fill: "#F44D2C" })));
+};
+ErrorIcon.defaultProps = {
+    size: 18,
+    color: miscTheme.theme.colors.gray600,
+    activeColor: miscTheme.theme.colors.primaryBase,
+};
+
+const TextFieldContext = React.createContext({});
+
+const cssInputNotShrink = react.css `
+  height: 100% !important;
+  min-height: calc(var(--container-height, 56px) * 24 / 56);
+  line-height: calc(var(--container-height, 56px) * 24 / 56);
+  border: none !important;
+  border-radius: 0 !important;
+  outline: none !important;
+  box-shadow: none !important;
+  padding: 0;
+  cursor: pointer;
+  /* opacity: 0; */
+
+  ::placeholder {
+    color: ${miscTheme.theme.colors.gray400};
+  }
+`;
+const cssInputShrink = react.css `
+  height: auto !important;
+  cursor: text;
+  opacity: 1;
+  transition: 0.1s ease-in-out all;
+`;
+const cssLabelNotShrink = react.css `
+  position: absolute;
+  top: calc(var(--container-height) / 2);
+  left: var(--space-x, 16px);
+  margin: 0;
+  z-index: 1;
+  cursor: pointer;
+  transform: translateY(-50%);
+  transition: 0.125s ease-in all;
+
+  right: 0; // auto grow width
+`;
+const cssLabelShrink = react.css `
+  top: var(--space-y-shrink, 6px);
+  transform: translateY(0);
+  transition: 0.125s ease-out all;
+  right: 0; // auto grow width
+`;
+const cssWrapperInputNotShrink = react.css `
+  min-height: var(--container-height, 56px);
+  display: flex;
+  align-items: flex-end;
+  border: 1px solid ${miscTheme.theme.colors.gray200};
+  border-radius: 8px;
+  background-color: #fff;
+  padding-inline: var(--space-x, 16px);
+  padding-block: var(--space-y-not-shrink, 16px);
+  cursor: pointer;
+  pointer-events: none;
+
+  &:has(.mantine-Input-rightSection) {
+    padding-right: var(--container-height, 56px);
+  }
+
+  .mantine-Input-icon {
+    display: none;
+  }
+
+  .mantine-NumberInput-control {
+    border-color: ${miscTheme.theme.colors.gray200};
+  }
+`;
+const cssWrapperInputShrink = react.css `
+  height: auto;
+  min-height: var(--container-height, 56px);
+  padding-block: var(--space-y-shrink, 6px);
+  cursor: text;
+  pointer-events: auto;
+`;
+const cssInputWrapperError = react.css `
+  color: ${miscTheme.theme.colors.red800};
+  font-size: 12px;
+  line-height: 1.5;
+`;
+const StyledTextFieldContainer = styled__default["default"].div `
+  --space-x: 16px;
+  --space-y-not-shrink: 15px;
+  --space-y-shrink: 6px;
+  --container-height: 56px;
+  --label-not-shrink: 16px;
+  --label-shrink: 12px;
+  --input: 15px;
+
+  position: relative;
+  min-width: 100px;
+  max-width: 100%;
+  display: inline-block;
+
+  .textField_wrapper {
+    display: inline-block;
+    width: 100%;
+    cursor: pointer;
+  }
+
+  .mantine-InputWrapper-root {
+    &[data-invalid='true'] {
+      .mantine-Input-wrapper {
+        border-color: ${miscTheme.theme.colors.red400};
+      }
+    }
+
+    .mantine-Input-wrapper {
+      &:has([data-invalid]) {
+        border-color: ${miscTheme.theme.colors.red400};
+      }
+    }
+  }
+
+  .mantine-InputWrapper-label {
+    ${cssLabelNotShrink}
+  }
+
+  .mantine-Input-wrapper {
+    ${cssWrapperInputNotShrink}
+
+    + .mantine-Popover-dropdown[data-position="bottom-start"] {
+      left: 0 !important;
+    }
+    + .mantine-Popover-dropdown[data-position='top-start'] {
+      top: unset !important;
+      left: 0 !important;
+      bottom: 100% !important;
+    }
+  }
+
+  .mantine-Input-input {
+    ${cssInputNotShrink}
+  }
+
+  &.textField_shrink {
+    .mantine-InputWrapper-label {
+      ${cssLabelShrink}
+    }
+
+    .mantine-Input-wrapper {
+      ${cssWrapperInputShrink}
+      &.mantine-Select-wrapper {
+        .mantine-Select-rightSection {
+          pointer-events: auto !important;
+        }
+      }
+    }
+
+    .mantine-Input-input {
+      ${cssInputShrink}
+    }
+
+    &:has(.PhoneInput) {
+      .mantine-InputWrapper-label {
+        left: var(--space-x, 16px);
+      }
+      .PhoneInput {
+        .PhoneInputInput {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &:focus-within {
+    .mantine-Input-wrapper {
+      transition: 0.25s linear border;
+      border-color: ${miscTheme.theme.colors.primary600};
+      box-shadow: 0 0 4px ${miscTheme.theme.colors.primary200};
+    }
+  }
+
+  .PhoneInput {
+    --phone-select: 75px;
+    --phone-input-space-x: 8px;
+    width: 100%;
+    opacity: 1;
+    border: none;
+    .PhoneInputCountry {
+      background-color: transparent;
+      border: none;
+      padding: 0;
+      width: var(--phone-select, 75px);
+    }
+    .PhoneInputInput {
+      flex: 1;
+      min-width: 0;
+      line-height: 1.5;
+      outline: none !important;
+      border: none;
+      box-shadow: none;
+      font-size: var(--input, 15px);
+      padding: 0 var(--phone-input-space-x, 8px);
+      /* opacity: 0; */
+      color: ${miscTheme.theme.colors.gray800} !important;
+      :focus {
+        color: ${miscTheme.theme.colors.gray800} !important;
+      }
+    }
+  }
+
+  &:has(.PhoneInput) {
+    .mantine-InputWrapper-label {
+      left: calc(
+        var(--space-x, 16px) + var(--phone-select, 75px) +
+          var(--phone-input-space-x, 8px)
+      );
+    }
+  }
+
+  .icon {
+    position: absolute;
+    top: calc(var(--container-height) / 2);
+    right: var(--space-x, 16px);
+    transform: translateY(-50%);
+    transition: 0.125s ease-in all;
+    &.shrink {
+      top: calc(var(--container-height) / 2 - 4px);
+      transform: translateY(0);
+    }
+  }
+`;
+const StyledChoiceFieldContainer = styled__default["default"].div `
+  &.leadgen-form_checkbox,
+  &.leadgen-form_radio {
+    width: 100%;
+  }
+
+  &.leadgen-form_dropdown {
+    width: calc(50% - 12px);
+  }
+
+  .mantine-InputWrapper-root {
+    display: block;
+  }
+
+  .mantine-InputWrapper-label {
+    margin-bottom: 0.5rem;
+    color: ${miscTheme.theme.colors.gray800};
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .mantine-Radio-root,
+  .mantine-Checkbox-root {
+    gap: 8px;
+    min-width: calc(50% - 4px);
+
+    // input[type='radio'],
+    // input[type='checkbox'] {
+    //   border-color: ${miscTheme.theme.colors.gray600};
+    //   width: 18px;
+    //   height: 18px;
+    // }
+    // input[type='checkbox'] {
+    //   border-radius: 4px;
+    // }
+
+    // &[data-checked='true'] {
+    //   input[type='radio'],
+    //   input[type='checkbox'] {
+    //     border-color: ${miscTheme.theme.colors.primary600};
+    //   }
+
+    //   input[type='radio'] {
+    //     background-color: white;
+    //   }
+    // }
+
+    .mantine-Checkbox-input {
+      &:checked {
+        border-color: ${miscTheme.theme.colors.primary600};
+      }
+    }
+  }
+
+  .leadgen-choiceContainer {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 8px;
+  }
+
+  .mantine-InputWrapper-error {
+    ${cssInputWrapperError}
+  }
+`;
+styled__default["default"].div `
+  position: absolute;
+  top: calc(var(--container-height) / 2);
+  right: var(--space-x, 16px);
+`;
+
+const TextField = (props) => {
+    const { shrink: shrinkProps, onChangeShrink, children, className } = props, restProps = tslib_es6.__rest(props, ["shrink", "onChangeShrink", "children", "className"]);
+    const [shrink, setShrink] = React.useState(shrinkProps);
+    const [hasIcon, setHasIcon] = React.useState(false);
+    React.useEffect(() => {
+        setShrink(shrinkProps);
+    }, [shrinkProps]);
+    return (React__default["default"].createElement(TextFieldContext.Provider, Object.assign({ value: {
+            shrinkProps,
+            shrink,
+            setShrink,
+            onChangeShrink,
+            hasIcon,
+            setHasIcon,
+        } }, restProps),
+        React__default["default"].createElement(StyledTextFieldContainer, Object.assign({ shrink: shrink, className: core.clsx(className, 'textField', { textField_shrink: !!shrink }) }, restProps), children)));
+};
+const TextFieldControl = (props) => {
+    const { shrink, shrinkProps, onChangeShrink, setShrink, hasIcon } = React.useContext(TextFieldContext);
+    const { children, htmlFor } = props;
+    const containerRef = hooks.useClickOutside(() => {
+        if (shrinkProps) {
+            return;
+        }
+        setShrink(false);
+        onChangeShrink === null || onChangeShrink === void 0 ? void 0 : onChangeShrink(false);
+    });
+    // const inputInside = useMemo(() => {
+    //   containerRef.current.querySelectorAll(
+    //     'input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])',
+    //   )
+    // }, [containerRef.current])
+    // console.log({ containerRef })
+    const focusInput = (target) => {
+        //Note: Add timeout to wait animation shrink already ended
+        setTimeout(() => {
+            const $textEl = target.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])');
+            const $focusEl = $textEl.item($textEl.length - 1);
+            if ($focusEl) {
+                $focusEl.focus({ preventScroll: true });
+            }
+        }, 150);
+    };
+    const onClick = React.useCallback((e) => {
+        if (shrink) {
+            e.preventDefault();
+            focusInput(e.currentTarget);
+            return;
+        }
+        setShrink(true);
+        onChangeShrink === null || onChangeShrink === void 0 ? void 0 : onChangeShrink(true);
+        focusInput(e.currentTarget);
+    }, [shrink]);
+    React.useEffect(() => {
+        setShrink(shrinkProps);
+    }, [shrinkProps]);
+    return (React__default["default"].createElement(core.Box, { ref: containerRef, onClick: onClick, className: "textField_wrapper", component: htmlFor ? 'label' : 'div', htmlFor: htmlFor }, typeof children === 'function'
+        ? children({ shrink: !!shrink, hasIcon })
+        : children));
+};
+const TextFieldIcon = ({ Icon }) => {
+    const { shrink, setHasIcon } = React.useContext(TextFieldContext);
+    const theme = core.useMantineTheme();
+    React.useEffect(() => {
+        Icon && setHasIcon(true);
+    }, []);
+    return Icon ? (React__default["default"].createElement(Icon, { className: `icon ${!!shrink ? 'shrink' : ''}`, shrink: shrink, size: 24, color: theme.colors.gray[9] })) : null;
+};
+TextField.Control = TextFieldControl;
+TextField.Icon = TextFieldIcon;
+const ChoiceField = (props) => {
+    const { children, className } = props, restProps = tslib_es6.__rest(props, ["children", "className"]);
+    return (React__default["default"].createElement(StyledChoiceFieldContainer, Object.assign({ className: core.clsx(className, 'choiceField') }, restProps), children));
+};
+
+exports.ChoiceField = ChoiceField;
+exports.ErrorIcon = ErrorIcon;
+exports.TextField = TextField;
+exports.useTextStyles = useTextStyles;

package/build/{index-b048ee14.js → index-ac82d2b3.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var React = require('react');
-var index$b = require('./index-206c9dca.js');
-var index$8 = require('./index-8c7d4323.js');
-var index$3 = require('./index-229a6319.js');
-var normalizeLink = require('./normalizeLink-66e73c1f.js');
-var dataTransform = require('./dataTransform-6fed45aa.js');
+var index$b = require('./index-c0ea3ee3.js');
+var index$8 = require('./index-e36c9971.js');
+var index$3 = require('./index-c93c0698.js');
+var normalizeLink = require('./normalizeLink-7ae50c8b.js');
+var dataTransform = require('./dataTransform-824f551e.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-1bd5b6ec.js');
+require('./translationsContext-810206a1.js');
 var styled = require('@emotion/styled');
-var index = require('./index-d2cb8b55.js');
+var index = require('./index-7e29c5a6.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-772d33f8.js');
+var navigationProfileButton = require('./index-f1b5c80f.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-e4be244a.js');
+var index$d = require('./index-557bd71c.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-87a8011d.js');
-require('./index-f08a2e4f.js');
-var index$4 = require('./index-bb28d435.js');
-var index$2 = require('./index-2e9deeb2.js');
-require('./index.styles-36888f9a.js');
+var index$5 = require('./index-ac9116e4.js');
+require('./index-f2de1ac3.js');
+var index$4 = require('./index-daab7fd3.js');
+var index$2 = require('./index-2150a6f4.js');
+require('./index.styles-0781cd6d.js');
 require('@mantine/hooks');
-require('./text-4b8c3e25.js');
-var utils = require('./utils-b14fcdaf.js');
-require('./index-98e81ba8.js');
-var constants = require('./constants-8b45ef3a.js');
-var store = require('./store-6a85e512.js');
-var constants$1 = require('./constants-847b7fe4.js');
-var index$1 = require('./index-5ee69e01.js');
-var index$7 = require('./index-3c7746c5.js');
-var index$6 = require('./index-e80fe238.js');
-var useIsInit = require('./useIsInit-8a0af6c8.js');
+require('./text-dec98bc9.js');
+var utils = require('./utils-f733e5ff.js');
+require('./index-e21711b1.js');
+var constants = require('./constants-d0533487.js');
+var store = require('./store-0d7468ae.js');
+var constants$1 = require('./constants-6d6a1281.js');
+var index$1 = require('./index-60cac7ff.js');
+var index$7 = require('./index-112b5b48.js');
+var index$6 = require('./index-10f005d7.js');
+var useIsInit = require('./useIsInit-35a17977.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-90522d35.js');
+var index$9 = require('./index-c48ad0ce.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$a = require('./index-e397ab43.js');
+var index$a = require('./index-c12e99be.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$c = require('./index-3cd7bc9f.js');
+var index$c = require('./index-aa3235d9.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-e0c46ae2.js');
-var core$2 = require('./core-cc917fe2.js');
+var Locale = require('./Locale-e34f5ebf.js');
+var core$2 = require('./core-13b27d92.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-08d93a55.js → index-acaa93ce.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-66e73c1f.js');
-var index = require('./index-229a6319.js');
+var normalizeLink = require('./normalizeLink-7ae50c8b.js');
+var index = require('./index-c93c0698.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-e0c46ae2.js');
+var Locale = require('./Locale-e34f5ebf.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-ae147673.js → index-b1b30b78.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-d2cb8b55.js');
+require('./index-7e29c5a6.js');
 require('@mantine/dates');
-require('./index-229a6319.js');
-require('./index-206c9dca.js');
-require('./index-87a8011d.js');
-require('./index-f08a2e4f.js');
-var index$1 = require('./index-bb28d435.js');
-var index$2 = require('./index-2e9deeb2.js');
-require('./index.styles-36888f9a.js');
-var index = require('./index-5ee69e01.js');
+require('./index-c93c0698.js');
+require('./index-c0ea3ee3.js');
+require('./index-ac9116e4.js');
+require('./index-f2de1ac3.js');
+var index$1 = require('./index-daab7fd3.js');
+var index$2 = require('./index-2150a6f4.js');
+require('./index.styles-0781cd6d.js');
+var index = require('./index-60cac7ff.js');
 require('@mantine/hooks');
-require('./text-4b8c3e25.js');
-require('./utils-b14fcdaf.js');
-require('./index-98e81ba8.js');
+require('./text-dec98bc9.js');
+require('./utils-f733e5ff.js');
+require('./index-e21711b1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-567489d7.js → index-ba7b918b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-bb28d435.js');
-var index = require('./index-5ee69e01.js');
+var index$1 = require('./index-daab7fd3.js');
+var index = require('./index-60cac7ff.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b277c55f.js → index-bca2520d.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-d2cb8b55.js');
-var index$3 = require('./index-537d941d.js');
-require('./index-bb28d435.js');
-require('./index-2e9deeb2.js');
-require('./index.styles-36888f9a.js');
-var index = require('./index-5ee69e01.js');
+require('./index-7e29c5a6.js');
+var index$3 = require('./index-39bf2c53.js');
+require('./index-daab7fd3.js');
+require('./index-2150a6f4.js');
+require('./index.styles-0781cd6d.js');
+var index = require('./index-60cac7ff.js');
 require('@mantine/hooks');
-require('./index-f08a2e4f.js');
-require('./text-4b8c3e25.js');
-require('./utils-b14fcdaf.js');
-require('./index-98e81ba8.js');
-var index$1 = require('./index-ae83b086.js');
-var index$2 = require('./index-42079905.js');
+require('./index-f2de1ac3.js');
+require('./text-dec98bc9.js');
+require('./utils-f733e5ff.js');
+require('./index-e21711b1.js');
+var index$1 = require('./index-a2d06cab.js');
+var index$2 = require('./index-9b069c28.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-88d03818.js → index-be820030.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-876f73a6.js');
+var tslib_es6 = require('./tslib.es6-28cc9ba6.js');
 var React = require('react');
-var index$5 = require('./index-d2cb8b55.js');
+var index$5 = require('./index-7e29c5a6.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-229a6319.js');
-require('./index-206c9dca.js');
-var index$b = require('./index-87a8011d.js');
-require('./index-f08a2e4f.js');
-var index$3 = require('./index-bb28d435.js');
-var index$f = require('./index-2e9deeb2.js');
-require('./index.styles-36888f9a.js');
-require('./translationsContext-1bd5b6ec.js');
+var index$7 = require('./index-c93c0698.js');
+require('./index-c0ea3ee3.js');
+var index$b = require('./index-ac9116e4.js');
+require('./index-f2de1ac3.js');
+var index$3 = require('./index-daab7fd3.js');
+var index$f = require('./index-2150a6f4.js');
+require('./index.styles-0781cd6d.js');
+require('./translationsContext-810206a1.js');
 require('@mantine/hooks');
-require('./text-4b8c3e25.js');
-var utils = require('./utils-b14fcdaf.js');
-require('./index-98e81ba8.js');
-var index$2 = require('./index-8c7d4323.js');
+require('./text-dec98bc9.js');
+var utils = require('./utils-f733e5ff.js');
+require('./index-e21711b1.js');
+var index$2 = require('./index-e36c9971.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-5153ab1b.js');
+var index$4 = require('./index-373c5799.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-e4be244a.js');
+var index$6 = require('./index-557bd71c.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-71d1c76d.js');
+var useOutsideClick = require('./useOutsideClick-0e8e115e.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-90522d35.js');
-var index$8 = require('./index-21ac52ae.js');
-var index$9 = require('./index-5ee69e01.js');
-var index$c = require('./index-78805bb4.js');
+var index$a = require('./index-c48ad0ce.js');
+var index$8 = require('./index-f853d61a.js');
+var index$9 = require('./index-60cac7ff.js');
+var index$c = require('./index-972f703b.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-42b54bf5.js');
-var index$d = require('./index-723c5cd3.js');
+var index$e = require('./index-fd592d3a.js');
+var index$d = require('./index-591d8038.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-e0c46ae2.js');
+var Locale = require('./Locale-e34f5ebf.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-e0f69df4.js');
+var index$g = require('./index-de6bfbf1.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');