@hhgtech/hhg-components 1.29.133 → 1.29.135

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-fdc49362.js');
+var index$2 = require('./index-1e469a64.js');
 require('@mantine/dates');
-var index$5 = require('./index-d4c38659.js');
-require('./index-9cfee4c5.js');
-var index$a = require('./index-aa02edde.js');
-require('./useMantineLocale-60b9eddd.js');
-var index = require('./index-1ab696a1.js');
-var index$6 = require('./index-3f644168.js');
-var index_styles = require('./index.styles-22f2187e.js');
-require('./translationsContext-1f28512a.js');
-require('string-format');
+var index$6 = require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+var index$b = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$1 = require('./index-ce9a0d0b.js');
+var index$7 = require('./index-f5b2b3bf.js');
+var index_styles = require('./index.styles-575a2293.js');
+require('./translationsContext-571827e1.js');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-e210bc6d.js');
-require('./other-d0af0028.js');
-require('./index-151b9037.js');
-var utils = require('./utils-d0e09cc8.js');
+var utils$1 = require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var utils = require('./utils-dff75d80.js');
 var form = require('@mantine/form');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
-var useTranslations = require('./useTranslations-9e0af18e.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
+var index = require('./index-53b9a5ed.js');
 var yup = require('yup');
-var index$2 = require('./index-bdb79662.js');
-var index$3 = require('./index-7c9a8cb9.js');
-var Visible = require('./Visible-d193c5c9.js');
-var index$4 = require('./index-ecd4eeb8.js');
+var index$3 = require('./index-b60821c5.js');
+var index$4 = require('./index-fb27685c.js');
+var Visible = require('./Visible-93ab4365.js');
+var index$5 = require('./index-ab0d64aa.js');
 var ReactDOM = require('react-dom');
 var miscTheme = require('./miscTheme.js');
-var logoIcon = require('./logoIcon-7024548b.js');
-var index$7 = require('./index-1a5e54f0.js');
+var logoIcon = require('./logoIcon-d06564d9.js');
+var index$8 = require('./index-74aa8b2e.js');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-75b5210a.js');
-var index$9 = require('./index-4c87c3c3.js');
+var index$9 = require('./index-cf6516fa.js');
+var index$a = require('./index-ed1c09df.js');
 var dateFns = require('date-fns');
 var flattenChildren = require('react-keyed-flatten-children');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./Locale-7a688288.js');
-require('./index-8c477dfe.js');
+require('./Locale-a2291568.js');
+require('./index-45ec86f5.js');
 require('classnames');
-require('./useUniqueId-91d0e488.js');
+require('./useUniqueId-8adf63a1.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-3ffb6a46.js');
-require('./Spinner-cabdc352.js');
+require('./WhatsApp-d729dea8.js');
+require('./Spinner-ab7caad0.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-8fcd672e.js');
-var index$1 = require('./index-19be3db7.js');
-var index$2 = require('./index-ae077699.js');
+var index = require('./index-c4f4f933.js');
+var index$1 = require('./index-4f88181c.js');
+var index$2 = require('./index-95886890.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-618dccde.js');
+var navigationProfileButton = require('./index-bdb4fdfd.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-df02c56c.js');
+require('./tslib.es6-47d67e4a.js');
 require('react');
-require('./index-159a2373.js');
-require('./index-fdc49362.js');
+require('./index-cc2d13ec.js');
+require('./index-1e469a64.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-aa02edde.js');
+require('./index-76e88882.js');
 require('./constantsDomainLocales.js');
-require('./Locale-7a688288.js');
+require('./Locale-a2291568.js');
 require('./constantsIsProduction.js');
-require('./index.styles-22f2187e.js');
-require('./utils-e210bc6d.js');
+require('./index.styles-575a2293.js');
+require('./utils-3e457c21.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-1ab696a1.js');
-require('./other-d0af0028.js');
-require('./index-9cfee4c5.js');
+require('./index-ce9a0d0b.js');
+require('./other-06d775ca.js');
+require('./index-4a39b1e7.js');
 require('./miscTheme.js');
-require('./useMantineLocale-60b9eddd.js');
+require('./useMantineLocale-b6730670.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-d4c38659.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-3f644168.js');
-require('./index-8c477dfe.js');
+require('./index-f5b2b3bf.js');
+require('./index-45ec86f5.js');
 require('classnames');
-require('./useUniqueId-91d0e488.js');
+require('./useUniqueId-8adf63a1.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-d0991dbf.js');
-require('./routing-c737f8be.js');
-require('./dataTransform-8a1dc08c.js');
-require('./index-037d1686.js');
-require('./logoIcon-7024548b.js');
-require('./useTranslations-9e0af18e.js');
-require('./translationsContext-1f28512a.js');
-require('string-format');
+require('./normalizeLink-9e7b2355.js');
+require('./routing-5872fa7b.js');
+require('./dataTransform-f2ff157c.js');
+require('./index-a2477cd6.js');
+require('./logoIcon-d06564d9.js');
+require('./index-53b9a5ed.js');
+require('./translationsContext-571827e1.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index-151b9037.js');
-require('./constants-59837b19.js');
-require('./index-4c87c3c3.js');
-require('./utils-cb71a1c8.js');
-require('./index-997afcb6.js');
+require('./index-f47b3df8.js');
+require('./constants-468d8c52.js');
+require('./index-ed1c09df.js');
+require('./utils-362e4f85.js');
+require('./index-bca7b38a.js');
 require('./miscCookieHelper.js');
 require('slugify');
+require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-596c022d.js');
-require('./constants-3b594aaa.js');
-require('./index-ecd4eeb8.js');
-require('./index-4c607022.js');
-require('./useIsInit-ee873edc.js');
+require('./constants-c7ece436.js');
+require('./constants-67e47468.js');
+require('./index-ab0d64aa.js');
+require('./index-9342e3e3.js');
+require('./useIsInit-69ec05b8.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-21dc058b.js');
-require('./index-2502ba43.js');
-require('./store-78f6fc39.js');
+require('./index-89ce3cac.js');
+require('./index-c5fdd223.js');
+require('./store-2be903b6.js');
 require('zustand');
 require('lodash/debounce');
-require('./core-17c738df.js');
-require('./index-9018c82f.js');
-require('./index-80c52621.js');
-require('./index-0b3b9274.js');
-require('./Spinner-cabdc352.js');
-require('./ChevronDown-e520d80c.js');
+require('./core-9d2adcdf.js');
+require('./index-27cbd1fe.js');
+require('./index-1ea508ff.js');
+require('./index-07fc326f.js');
+require('./Spinner-ab7caad0.js');
+require('./ChevronDown-b4faecfb.js');
 require('@emotion/react');
 
 

package/build/{post-9bd1eee2.js → post-d8663f4d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-cb71a1c8.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;