@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/onboardingV2.js

@@ -4,46 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-3e801e33.js');
+var index$2 = require('./index-53b1d680.js');
 require('@mantine/dates');
-var index$5 = require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-var index$a = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-var index$6 = require('./index-a0a2321b.js');
-var index_styles = require('./index.styles-b57afab1.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+var index$6 = require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+var index$b = require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$1 = require('./index-f301a143.js');
+var index$7 = require('./index-91f5fadb.js');
+var index_styles = require('./index.styles-d4cfe368.js');
+require('./translationsContext-014418fe.js');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var utils = require('./utils-cb95e189.js');
+var utils$1 = require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var utils = require('./utils-d82de9f1.js');
 var form = require('@mantine/form');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
+var index = require('./index-1358bae0.js');
 var yup = require('yup');
-var index$2 = require('./index-d919834a.js');
-var index$3 = require('./index-7736953f.js');
-var Visible = require('./Visible-7d526470.js');
-var index$4 = require('./index-418c000b.js');
+var index$3 = require('./index-bdadc7a8.js');
+var index$4 = require('./index-2aca850e.js');
+var Visible = require('./Visible-78f6c1da.js');
+var index$5 = require('./index-84798e33.js');
 var ReactDOM = require('react-dom');
 var miscTheme = require('./miscTheme.js');
-var logoIcon = require('./logoIcon-dfa1ea13.js');
-var index$7 = require('./index-ebdb21c5.js');
+var logoIcon = require('./logoIcon-ac286d9a.js');
+var index$8 = require('./index-add0ea56.js');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-cf8df3df.js');
-var index$9 = require('./index-cf20aefa.js');
+var index$9 = require('./index-614b8e9d.js');
+var index$a = require('./index-ad3f7091.js');
 var dateFns = require('date-fns');
 var flattenChildren = require('react-keyed-flatten-children');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./Locale-409f6e0e.js');
-require('./index-8244f19c.js');
+require('./Locale-4d114b4b.js');
+require('./index-4391671f.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-7b676392.js');
 require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
@@ -52,8 +51,8 @@ require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./WhatsApp-3d2e2ad8.js');
-require('./Spinner-5a811540.js');
+require('./WhatsApp-0a0a5ee5.js');
+require('./Spinner-ee0a5f95.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -117,38 +116,38 @@ const StyledDynamicForm = styled__default["default"](core.Box) `
 
 const DynamicForm = (_a) => {
     var { inputOrder = ['phone'], withSimilac = false, customTerms = '', formContext } = _a, rest = tslib_es6.__rest(_a, ["inputOrder", "withSimilac", "customTerms", "formContext"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const form = formContext || useFormContext();
     const Phone = (_a) => {
         var { label, name = 'phone' } = _a, phoneProps = tslib_es6.__rest(_a, ["label", "name"]);
-        return (React__default["default"].createElement(core.Input.Wrapper, { className: withSimilac ? 'input-control' : 'phone-input', withAsterisk: true, label: label || withSimilac ? (React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.similac.input.phone'))) : undefined },
-            React__default["default"].createElement(index$1.Phone, Object.assign({ defaultCountry: utils.MAPPED_LOCALE[process.env.UNIFY_LOCALE] || 'VN' }, form.getInputProps(name), phoneProps)),
+        return (React__default["default"].createElement(core.Input.Wrapper, { className: withSimilac ? 'input-control' : 'phone-input', withAsterisk: true, label: label || withSimilac ? (React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.similac.input.phone'))) : undefined },
+            React__default["default"].createElement(index$2.Phone, Object.assign({ defaultCountry: utils.MAPPED_LOCALE[process.env.UNIFY_LOCALE] || 'VN' }, form.getInputProps(name), phoneProps)),
             React__default["default"].createElement(core.Input.Error, { size: "md" }, form.errors.phone)));
     };
     const FullName = (_a) => {
         var { label, name = 'name' } = _a, rest = tslib_es6.__rest(_a, ["label", "name"]);
-        return (React__default["default"].createElement(index$1.Input, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourName')), withAsterisk: true }, form.getInputProps(name), rest)));
+        return (React__default["default"].createElement(index$2.Input, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourName')), withAsterisk: true }, form.getInputProps(name), rest)));
     };
     const Email = (_a) => {
         var { label, name = 'email' } = _a, rest = tslib_es6.__rest(_a, ["label", "name"]);
-        return (React__default["default"].createElement(index$1.Input, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourEmail')), withAsterisk: true }, form.getInputProps(name), rest)));
+        return (React__default["default"].createElement(index$2.Input, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourEmail')), withAsterisk: true }, form.getInputProps(name), rest)));
     };
     const Dob = (_a) => {
         var { label, name = 'dob' } = _a, rest = tslib_es6.__rest(_a, ["label", "name"]);
-        return (React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourBirthday')), placeholder: "DD/MM/YYYY" }, form.getInputProps(name), rest)));
+        return (React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.formEmail.yourBirthday')), placeholder: "DD/MM/YYYY" }, form.getInputProps(name), rest)));
     };
     const Gender = (_a) => {
         var { label, name = 'gender' } = _a, radioProps = tslib_es6.__rest(_a, ["label", "name"]);
-        return (React__default["default"].createElement(index$1.Radio.Group, Object.assign({ className: "radio-group", label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('tools.selectGender')) }, form.getInputProps(name), radioProps),
-            React__default["default"].createElement(index$1.Radio, { value: "0", label: t('onboarding.formEmail.genderMale') }),
-            React__default["default"].createElement(index$1.Radio, { value: "1", label: t('onboarding.formEmail.genderFemale') })));
+        return (React__default["default"].createElement(index$2.Radio.Group, Object.assign({ className: "radio-group", label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('tools.selectGender')) }, form.getInputProps(name), radioProps),
+            React__default["default"].createElement(index$2.Radio, { value: "0", label: t('onboarding.formEmail.genderMale') }),
+            React__default["default"].createElement(index$2.Radio, { value: "1", label: t('onboarding.formEmail.genderFemale') })));
     };
     const Otp = ({ name = 'otp' }) => (React__default["default"].createElement("div", { className: "otp-input" },
-        React__default["default"].createElement(index$1.OTP, Object.assign({ enterKeyHint: undefined, nonce: undefined }, form.getInputProps(name))),
+        React__default["default"].createElement(index$2.OTP, Object.assign({ enterKeyHint: undefined, nonce: undefined }, form.getInputProps(name))),
         React__default["default"].createElement(core.Input.Error, null, form.errors.otp)));
-    const Password = ({ label, name = 'password' }) => (React__default["default"].createElement(index$1.Input.Password, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.updatePassword.password')), withAsterisk: true, rightSection: React__default["default"].createElement(Visible.Visible, null) }, form.getInputProps(name))));
+    const Password = ({ label, name = 'password' }) => (React__default["default"].createElement(index$2.Input.Password, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.updatePassword.password')), withAsterisk: true, rightSection: React__default["default"].createElement(Visible.Visible, null) }, form.getInputProps(name))));
     const Term = ({ name = 'term', className = '' }) => customTerms ? (React__default["default"].createElement("div", { style: { marginBottom: 16 }, className: className },
-        React__default["default"].createElement(index$1.Checkbox, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "p4", as: "span", sx: {
+        React__default["default"].createElement(index$2.Checkbox, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "p4", as: "span", sx: {
                     a: {
                         color: '#2d87f3',
                         fontWeight: 'bold',
@@ -158,9 +157,9 @@ const DynamicForm = (_a) => {
         React__default["default"].createElement(core.Input.Error, { size: "md" }, form.getInputProps('term', { type: 'checkbox' }).error))) : null;
     const Address = (_a) => {
         var { label, className = '', name = 'address' } = _a, rest = tslib_es6.__rest(_a, ["label", "className", "name"]);
-        return (React__default["default"].createElement(index$3.AddressInput, Object.assign({ className: `${className} input-control`, label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.similac.input.address')) }, form.getInputProps(name), rest)));
+        return (React__default["default"].createElement(index$4.AddressInput, Object.assign({ className: `${className} input-control`, label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.similac.input.address')) }, form.getInputProps(name), rest)));
     };
-    const ConfirmPassword = ({ label, name = 'confirmPassword', }) => (React__default["default"].createElement(index$1.Input.Password, Object.assign({ label: React__default["default"].createElement(index.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.updatePassword.confirmPassword')), withAsterisk: true, rightSection: React__default["default"].createElement(Visible.Visible, null) }, form.getInputProps(name))));
+    const ConfirmPassword = ({ label, name = 'confirmPassword', }) => (React__default["default"].createElement(index$2.Input.Password, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", as: "span" }, label || t('onboarding.updatePassword.confirmPassword')), withAsterisk: true, rightSection: React__default["default"].createElement(Visible.Visible, null) }, form.getInputProps(name))));
     const elements = {
         phone: Phone,
         full_name: FullName,
@@ -196,7 +195,7 @@ const frisoOnboardingSchema = (t) => yup__namespace.object().shape({
 const FrisoOnboardingForm = (_a, ref) => {
     var { inputOrder, onSubmit: _onSubmit, validateSchema, defaultValues, isActive, customTerms, customFormTexts } = _a, rest = tslib_es6.__rest(_a, ["inputOrder", "onSubmit", "validateSchema", "defaultValues", "isActive", "customTerms", "customFormTexts"]);
     const { nextStep, setSharedData, sharedData } = React.useContext(OnboardingContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const form$1 = useForm({
         initialValues: {
             term: false,
@@ -233,8 +232,8 @@ const FrisoOnboardingForm = (_a, ref) => {
                 },
             }) },
             React__default["default"].createElement(core.Box, { sx: { textAlign: 'center' } },
-                React__default["default"].createElement(index$4.Heading, { tag: "h4", as: "h2" }, customFormTexts === null || customFormTexts === void 0 ? void 0 : customFormTexts.heading),
-                React__default["default"].createElement(index.Text, { size: "p3" }, customFormTexts === null || customFormTexts === void 0 ? void 0 : customFormTexts.description)),
+                React__default["default"].createElement(index$5.Heading, { tag: "h4", as: "h2" }, customFormTexts === null || customFormTexts === void 0 ? void 0 : customFormTexts.heading),
+                React__default["default"].createElement(index$1.Text, { size: "p3" }, customFormTexts === null || customFormTexts === void 0 ? void 0 : customFormTexts.description)),
             React__default["default"].createElement(FormProvider, { form: form$1 },
                 React__default["default"].createElement("form", { className: "friso-form", style: {
                         width: '100%',
@@ -342,7 +341,7 @@ const OnboardingModal = (_a) => {
     var { children, withSimilac, banner, withPortal } = _a, rest = tslib_es6.__rest(_a, ["children", "withSimilac", "banner", "withPortal"]);
     const { isMobile } = index_styles.useScreenSize();
     const { isMarryBaby } = React.useContext(OnboardingContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     if (withPortal && typeof window === 'undefined')
         return null;
     const MainContent = (React__default["default"].createElement(StyledOnboardingModal, Object.assign({}, rest),
@@ -366,7 +365,7 @@ const OnboardingModal = (_a) => {
                         React__default["default"].createElement(StyledBannerInner, { "data-is-marry-baby": isMarryBaby },
                             React__default["default"].createElement(StyledIntro, null,
                                 banner.heading && (React__default["default"].createElement(core.Title, { order: 1, mb: 24 }, banner.heading)),
-                                banner.description && (React__default["default"].createElement(index.Text, { size: "p1", color: miscTheme.theme.colors.gray800 }, t('onboarding.welcomeScreen.content')))),
+                                banner.description && (React__default["default"].createElement(index$1.Text, { size: "p1", color: miscTheme.theme.colors.gray800 }, t('onboarding.welcomeScreen.content')))),
                             React__default["default"].createElement(StyledBannerImgWrapper, null, banner.imgSrc ? (React__default["default"].createElement("img", { src: banner.imgSrc, loading: "lazy" })) : banner.imgComponent ? (banner.imgComponent) : null))))),
                 banner &&
                     typeof banner === 'object' &&
@@ -442,13 +441,13 @@ const Onboarding$1 = (_a) => {
     return (React__default["default"].createElement(StyledOnboarding$1, Object.assign({}, rest, { className: `hhg-comp-onboarding-container ${className}`, size: "sm" }),
         !hiddenLogo && (React__default["default"].createElement(logoIcon.LogoIcon, { type: isMarryBaby
                 ? siteType
-                : (((_b = index$5.LOCALE_SPECS[process.env.UNIFY_LOCALE]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE) ||
+                : (((_b = index$6.LOCALE_SPECS[process.env.UNIFY_LOCALE]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE) ||
                     'hellobacsi') })),
         React__default["default"].createElement(StyledFormInner$1, { className: hiddenLogo ? 'similac' : '' },
             imgSrc && React__default["default"].createElement(StyledThumb$1, { src: imgSrc, loading: "lazy" }),
             (heading || description) && (React__default["default"].createElement("div", { className: "header" },
                 heading && React__default["default"].createElement(core.Title, { order: 3 }, heading),
-                description && (React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)))),
+                description && (React__default["default"].createElement(index$1.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)))),
             children)));
 };
 
@@ -479,7 +478,7 @@ const onboardingSchema = (t) => yup__namespace.object().shape({
 });
 
 const DefaultOnboardingForm = ({ onClose, onSubmit: _onSubmit, canSkip = true, customFormTexts, isActive, submitProps, submitLabel, skipProps, isWhatsApp, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { sharedData, setSharedData, nextStep } = React.useContext(OnboardingContext);
     const form$1 = useForm({
         initialValues: {
@@ -507,15 +506,15 @@ const DefaultOnboardingForm = ({ onClose, onSubmit: _onSubmit, canSkip = true, c
         React__default["default"].createElement(FormProvider, { form: form$1 },
             React__default["default"].createElement("form", { onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['phone'] }),
-                React__default["default"].createElement(index$6.Button, Object.assign({ variant: "primary", fullWidth: true, size: "lg" }, (isWhatsApp && {
-                    leftIcon: React__default["default"].createElement(index$7.Icon.WhatsApp, { size: 18, useCurrentColor: true }),
+                React__default["default"].createElement(index$7.Button, Object.assign({ variant: "primary", fullWidth: true, size: "lg" }, (isWhatsApp && {
+                    leftIcon: React__default["default"].createElement(index$8.Icon.WhatsApp, { size: 18, useCurrentColor: true }),
                 }), submitProps, { type: "submit", "data-event-category": isWhatsApp ? 'OTP' : 'Sign Up', "data-event-action": isWhatsApp
                         ? 'Whatsapp - Fill phone and continue Click'
                         : 'Update Phone Number', "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }), submitLabel ||
                     (isWhatsApp
                         ? t('onboarding.updateWhatsapp.submitLabel')
                         : t('onboarding.button.continue'))),
-                canSkip && (React__default["default"].createElement(index$6.Button, Object.assign({ variant: "ghost", fullWidth: true, size: "lg" }, (isWhatsApp && {
+                canSkip && (React__default["default"].createElement(index$7.Button, Object.assign({ variant: "ghost", fullWidth: true, size: "lg" }, (isWhatsApp && {
                     dataEventCategory: 'OTP',
                     dataEventAction: 'Whatsapp - Skip fill phone Click',
                     dataEventLabel: typeof window !== 'undefined' ? window.location.href : '',
@@ -615,7 +614,7 @@ canSkip: canSkipInit, }) => {
     const interval = hooks.useInterval(() => setSeconds((s) => s - 1), 1000);
     const [canSkip, handlers] = hooks.useCounter(0, { min: 0, max: 3 });
     const preventClickRef = React.useRef(true);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     React.useEffect(() => {
         interval.start();
         return interval.stop;
@@ -679,10 +678,10 @@ canSkip: canSkipInit, }) => {
             React__default["default"].createElement("form", { onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['otp'] }),
                 React__default["default"].createElement("div", { className: "resend" },
-                    React__default["default"].createElement(index$8.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
-                    React__default["default"].createElement(index$8.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
-                React__default["default"].createElement(index$9.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": "Sign Up", "data-event-action": "Confirm Phone Number", "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
-                canSkipInit && canSkip >= 3 && (React__default["default"].createElement(index$9.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
+                    React__default["default"].createElement(index$9.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
+                    React__default["default"].createElement(index$9.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
+                React__default["default"].createElement(index$a.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": "Sign Up", "data-event-action": "Confirm Phone Number", "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
+                canSkipInit && canSkip >= 3 && (React__default["default"].createElement(index$a.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
 };
 
 const PhoneOtpForm = ({ onSubmit: _onSubmit, phone: phoneProp, onResendCode, otpError, onClose, loading, 
@@ -694,7 +693,7 @@ canSkip: canSkipInit, isWhatsApp, }) => {
     const interval = hooks.useInterval(() => setSeconds((s) => s - 1), 1000);
     const [canSkip, handlers] = hooks.useCounter(0, { min: 0, max: 3 });
     const preventClickRef = React.useRef(true);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     React.useEffect(() => {
         interval.start();
         return interval.stop;
@@ -751,7 +750,7 @@ canSkip: canSkipInit, isWhatsApp, }) => {
         .replace(/./g, 'x')
         .concat(phone.slice(-3))}</b>`;
     return (React__default["default"].createElement(StyledOtpForm, { heading: isWhatsApp ? (React__default["default"].createElement(core.Flex, { align: 'center', justify: 'center', gap: core.rem(8) },
-            React__default["default"].createElement("img", { style: { width: core.rem(24) }, loading: "lazy", src: index$a.CommonGAssets.getAssetPath('whatsapp.svg'), alt: "whatsapp" }),
+            React__default["default"].createElement("img", { style: { width: core.rem(24) }, loading: "lazy", src: index$b.CommonGAssets.getAssetPath('whatsapp.svg'), alt: "whatsapp" }),
             React__default["default"].createElement("span", null, t('onboarding.otpWhatsapps.heading')))) : (t('onboarding.otpForm.heading')), description: React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                     __html: t(isWhatsApp
@@ -766,12 +765,12 @@ canSkip: canSkipInit, isWhatsApp, }) => {
             React__default["default"].createElement("form", { onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['otp'] }),
                 React__default["default"].createElement("div", { className: "resend" },
-                    React__default["default"].createElement(index.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
-                    React__default["default"].createElement(index.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
-                React__default["default"].createElement(index$9.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": isWhatsApp ? 'OTP' : 'Sign Up', "data-event-action": isWhatsApp
+                    React__default["default"].createElement(index$1.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
+                    React__default["default"].createElement(index$1.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
+                React__default["default"].createElement(index$a.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": isWhatsApp ? 'OTP' : 'Sign Up', "data-event-action": isWhatsApp
                         ? 'Whatsapp - OTP verified Click'
                         : 'Confirm Phone Number', "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
-                canSkipInit && canSkip >= 3 && (React__default["default"].createElement(index$9.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
+                canSkipInit && canSkip >= 3 && (React__default["default"].createElement(index$a.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
 };
 
 const onboardingEmailSchema = (t) => yup__namespace.object().shape({
@@ -846,18 +845,18 @@ const OnboardingUI = (_a) => {
     return (React__default["default"].createElement(StyledOnboarding, Object.assign({}, rest, { className: `hhg-comp-onboarding-container ${className}`, size: "sm" }),
         !hiddenLogo && (React__default["default"].createElement(logoIcon.LogoIcon, { type: isMarryBaby
                 ? siteType
-                : (((_b = index$5.LOCALE_SPECS[process.env.UNIFY_LOCALE]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE) ||
+                : (((_b = index$6.LOCALE_SPECS[process.env.UNIFY_LOCALE]) === null || _b === void 0 ? void 0 : _b.LOGO_TYPE) ||
                     'hellobacsi') })),
         React__default["default"].createElement(StyledFormInner, { className: hiddenLogo ? 'similac' : '' },
             imgSrc && React__default["default"].createElement(StyledThumb, { src: imgSrc, loading: "lazy" }),
             React__default["default"].createElement("div", { className: "header" },
                 React__default["default"].createElement(core.Title, { order: 3 }, heading),
-                React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)),
+                React__default["default"].createElement(index$1.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)),
             children)));
 };
 
 const PersonalInfoForm = ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { siteType, isMarryBaby, setSharedData, nextStep } = React.useContext(OnboardingContext);
     const form$1 = useForm({
         validate: form.yupResolver(onboardingEmailSchema(t)),
@@ -877,7 +876,7 @@ const PersonalInfoForm = ({ onClose, onSubmit, canSkip, loading, errorMessage, i
     return (React__default["default"].createElement(OnboardingUI, { heading: t('onboarding.formEmail.heading'), description: t('onboarding.formEmail.description', {
             site: isMarryBaby
                 ? 'Marry Baby'
-                : index$5.LOCALE_SPECS[locale].SITE_NAME_FORMATTED,
+                : index$6.LOCALE_SPECS[locale].SITE_NAME_FORMATTED,
         }) },
         React__default["default"].createElement(FormProvider, { form: form$1 },
             React__default["default"].createElement("form", { className: "form", onSubmit: form$1.onSubmit((values) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -886,8 +885,8 @@ const PersonalInfoForm = ({ onClose, onSubmit, canSkip, loading, errorMessage, i
                     !error && nextStep();
                 }), onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['full_name', 'email', 'dob', 'gender'] }),
-                React__default["default"].createElement(index$9.Button, { color: "primary", isBlock: true, size: "lg", type: "submit", theme: siteType, isLoading: loading, disabled: loading }, t('onboarding.button.continue')),
-                canSkip && (React__default["default"].createElement(index$9.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
+                React__default["default"].createElement(index$a.Button, { color: "primary", isBlock: true, size: "lg", type: "submit", theme: siteType, isLoading: loading, disabled: loading }, t('onboarding.button.continue')),
+                canSkip && (React__default["default"].createElement(index$a.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
 };
 
 const OnboardingProvider = ({ children, siteType, setSharedData: _setSharedData, }) => {
@@ -914,10 +913,10 @@ const OnboardingProvider = ({ children, siteType, setSharedData: _setSharedData,
 
 const ResultScreen = (_a) => {
     var { onClose } = _a, rest = tslib_es6.__rest(_a, ["onClose"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { siteType } = React.useContext(OnboardingContext);
     return (React__default["default"].createElement(OnboardingUI, Object.assign({}, rest),
-        React__default["default"].createElement(index$9.Button, { theme: siteType, size: "lg", onClick: onClose, className: "form-button" }, t('onboarding.button.continue'))));
+        React__default["default"].createElement(index$a.Button, { theme: siteType, size: "lg", onClick: onClose, className: "form-button" }, t('onboarding.button.continue'))));
 };
 
 const StyledOnboardingForm$1 = styled__default["default"](Onboarding$1) `
@@ -958,7 +957,7 @@ const similacOnboardingSchema = (t, optionalTerm) => yup__namespace.object().sha
 
 const SimilacOnboardingForm = (_a) => {
     var { onClose, onSubmit: _onSubmit, canSkip = true, customFormTexts, customTerms, defaultValues, isActive } = _a, rest = tslib_es6.__rest(_a, ["onClose", "onSubmit", "canSkip", "customFormTexts", "customTerms", "defaultValues", "isActive"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { nextStep, setSharedData, sharedData } = React.useContext(OnboardingContext);
     const { isMobile } = index_styles.useScreenSize();
     const form$1 = useForm({
@@ -992,8 +991,8 @@ const SimilacOnboardingForm = (_a) => {
                     width: '100%',
                 }, onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: inputOrder, withSimilac: true, customTerms: customTerms }),
-                React__default["default"].createElement(index$6.Button, { fullWidth: true, size: "lg", type: "submit", "data-event-category": "Sign Up", "data-event-action": "Update Phone Number", "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
-                canSkip && (React__default["default"].createElement(index$6.Button, { variant: "ghost", fullWidth: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
+                React__default["default"].createElement(index$7.Button, { fullWidth: true, size: "lg", type: "submit", "data-event-category": "Sign Up", "data-event-action": "Update Phone Number", "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
+                canSkip && (React__default["default"].createElement(index$7.Button, { variant: "ghost", fullWidth: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
 };
 
 const OnboardingStepRenderer = ({ children, onStepChange }) => {
@@ -1044,7 +1043,7 @@ const StyledOnboardingForm = styled__default["default"](Onboarding$1) `
 
 const ThankYouStepRenderer = (_a) => {
     var { onClose, thanksPageInfo, isActive } = _a, rest = tslib_es6.__rest(_a, ["onClose", "thanksPageInfo", "isActive"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { isMobile } = index_styles.useScreenSize();
     return (React__default["default"].createElement(StyledOnboardingForm, Object.assign({ heading: '', description: '', hiddenLogo: isMobile, "data-active": isActive }, rest),
         React__default["default"].createElement(core.Container, { fluid: true },
@@ -1073,9 +1072,9 @@ const ThankYouStepRenderer = (_a) => {
                             React__default["default"].createElement("radialGradient", { id: "paint0_radial_4580_96805", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(90 0 80)scale(80)" },
                                 React__default["default"].createElement("stop", null),
                                 React__default["default"].createElement("stop", { offset: "1" }))))),
-                React__default["default"].createElement(index$4.Heading, { tag: "h3" }, thanksPageInfo === null || thanksPageInfo === void 0 ? void 0 : thanksPageInfo.title),
-                React__default["default"].createElement(index.Text, { size: "p3", color: "gray.6" }, thanksPageInfo === null || thanksPageInfo === void 0 ? void 0 : thanksPageInfo.description),
-                React__default["default"].createElement(index$6.Button, { mt: { base: 16, md: 24 }, fullWidth: isMobile, size: "lg", onClick: onClose }, t('similac.thankYou.done'))))));
+                React__default["default"].createElement(index$5.Heading, { tag: "h3" }, thanksPageInfo === null || thanksPageInfo === void 0 ? void 0 : thanksPageInfo.title),
+                React__default["default"].createElement(index$1.Text, { size: "p3", color: "gray.6" }, thanksPageInfo === null || thanksPageInfo === void 0 ? void 0 : thanksPageInfo.description),
+                React__default["default"].createElement(index$7.Button, { mt: { base: 16, md: 24 }, fullWidth: isMobile, size: "lg", onClick: onClose }, t('similac.thankYou.done'))))));
 };
 
 const onboardingUpdatePasswordSchema = (t) => yup__namespace.object().shape({
@@ -1093,7 +1092,7 @@ const onboardingUpdatePasswordSchema = (t) => yup__namespace.object().shape({
 });
 
 const UpdatePasswordForm = ({ onClose, onSubmit, canSkip, errorMessage, loading, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { nextStep } = React.useContext(OnboardingContext);
     const form$1 = useForm({
         initialValues: {
@@ -1112,8 +1111,8 @@ const UpdatePasswordForm = ({ onClose, onSubmit, canSkip, errorMessage, loading,
                     !errorMessage && nextStep();
                 }), onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['password', 'confirm_password'] }),
-                React__default["default"].createElement(index$9.Button, { color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading }, t('onboarding.button.continue')),
-                canSkip && (React__default["default"].createElement(index$9.Button, { color: "ghost", isBlock: true, size: "lg", onClick: onClose }, t('onboarding.button.skip'))),
+                React__default["default"].createElement(index$a.Button, { color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading }, t('onboarding.button.continue')),
+                canSkip && (React__default["default"].createElement(index$a.Button, { color: "ghost", isBlock: true, size: "lg", onClick: onClose }, t('onboarding.button.skip'))),
                 errorMessage && (React__default["default"].createElement(core.Input.Error, { className: "form-error" }, errorMessage))))));
 };
 

package/build/organisms.js

@@ -2,79 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-cc5b3f80.js');
-var index$1 = require('./index-2f13c964.js');
-var index$2 = require('./index-3f291c06.js');
+var index = require('./index-4b9950f1.js');
+var index$1 = require('./index-f8fa8b58.js');
+var index$2 = require('./index-1582aab6.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-6a505002.js');
+var navigationProfileButton = require('./index-eb931c50.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-6cf152d6.js');
+require('./tslib.es6-e3715db4.js');
 require('react');
-require('./index-34f5d98c.js');
-require('./index-3e801e33.js');
+require('./index-1851239e.js');
+require('./index-53b1d680.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-e6bdfb93.js');
+require('./index-a4cdd0ad.js');
 require('./constantsDomainLocales.js');
-require('./Locale-409f6e0e.js');
+require('./Locale-4d114b4b.js');
 require('./constantsIsProduction.js');
-require('./index.styles-b57afab1.js');
-require('./utils-54857ab8.js');
+require('./index.styles-d4cfe368.js');
+require('./utils-ee304330.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-7f563129.js');
-require('./other-427e38dc.js');
-require('./index-291e6f28.js');
+require('./index-f301a143.js');
+require('./other-2ce2695a.js');
+require('./index-c9911c65.js');
 require('./miscTheme.js');
-require('./useMantineLocale-d59fa63b.js');
+require('./useMantineLocale-ceb23b28.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-920ebbb7.js');
+require('./index-58ef4c66.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-a0a2321b.js');
-require('./index-8244f19c.js');
+require('./index-91f5fadb.js');
+require('./index-4391671f.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-7b676392.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-32afb65d.js');
-require('./routing-9b87917d.js');
-require('./dataTransform-8b9a8639.js');
-require('./index-870c8e40.js');
-require('./logoIcon-dfa1ea13.js');
-require('./useTranslations-928d4ace.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./normalizeLink-ddf52fdd.js');
+require('./routing-c06127ea.js');
+require('./dataTransform-c72e6854.js');
+require('./index-24166649.js');
+require('./logoIcon-ac286d9a.js');
+require('./index-1358bae0.js');
+require('./translationsContext-014418fe.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index-41f6c400.js');
-require('./constants-c67a0a3f.js');
-require('./index-cf20aefa.js');
-require('./utils-6cc86c17.js');
-require('./index-a61876b7.js');
+require('./index-3fa5e9f1.js');
+require('./constants-fd586b0b.js');
+require('./index-ad3f7091.js');
+require('./utils-8c3082d2.js');
+require('./index-4f4ef771.js');
 require('./miscCookieHelper.js');
 require('slugify');
+require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-63a0dc23.js');
-require('./constants-1cb3909f.js');
-require('./index-418c000b.js');
-require('./index-d33ac9dd.js');
-require('./useIsInit-cda836ed.js');
+require('./constants-ba48bace.js');
+require('./constants-349c3de2.js');
+require('./index-84798e33.js');
+require('./index-8d60df0a.js');
+require('./useIsInit-515b34ec.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-7ec5ee94.js');
-require('./index-eed4d837.js');
-require('./store-a4d15bba.js');
+require('./index-c49dfb5c.js');
+require('./index-276d9308.js');
+require('./store-d38577de.js');
 require('zustand');
 require('lodash/debounce');
-require('./core-77984827.js');
-require('./index-5e627a6e.js');
-require('./index-b3edb3e4.js');
-require('./index-bc3336cd.js');
-require('./Spinner-5a811540.js');
-require('./ChevronDown-17219d1e.js');
+require('./core-8b6f6c0f.js');
+require('./index-8af16bd1.js');
+require('./index-433cef6b.js');
+require('./index-66ba85af.js');
+require('./Spinner-ee0a5f95.js');
+require('./ChevronDown-6f29ad1e.js');
 require('@emotion/react');
 
 

package/build/{post-d7cfcb99.js → post-4e895dbe.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;