@hhgtech/hhg-components 1.26.94 → 1.26.95

package/build/misc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-3b3842c5.js"),r=require("./screenSizeContext-5fd4a7a5.js"),t=require("./cookieHelper-62311155.js");require("react"),require("styled-components");var o=require("./theme-08608671.js"),i=require("./dataTransform-4a4ba30f.js"),s=require("./routing-52650cf1.js"),a=require("./utils-2ae8228e.js"),l=require("./getDynamicHealthTool-f26a2e61.js"),p=require("./getSocialList-9b0e756d.js");require("dayjs"),require("lodash/throttle"),require("./index-98d545d1.js"),require("date-fns/locale"),require("./Onboarding-614a1154.js"),require("./isProduction-2b4ae2b7.js"),require("./tslib.es6-e196e4ce.js"),require("./core-5405b577.js"),require("./normalizeLink-39478ef0.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./localizeNumberFormat-0c3c92dd.js"),r=require("./screenSizeContext-e8acf30b.js"),t=require("./cookieHelper-1f147059.js");require("react"),require("styled-components");var o=require("./theme-0e34ea25.js"),i=require("./dataTransform-3dbb9ecb.js"),s=require("./routing-b13b4c94.js"),a=require("./utils-4be7c6e1.js"),l=require("./getDynamicHealthTool-70828f3e.js"),p=require("./getSocialList-92bb8995.js");require("dayjs"),require("lodash/throttle"),require("./index-4a4001f1.js"),require("date-fns/locale"),require("./Onboarding-f6fe8e1e.js"),require("./isProduction-0a5824ab.js"),require("./tslib.es6-4412c099.js"),require("./core-b5500428.js"),require("./normalizeLink-a48d539c.js"),require("./gAssets.js"),exports.ageGenerate=e.ageGenerate,exports.convertLocalizedStringToNumber=e.convertLocalizedStringToNumber,exports.localizeNumberFormat=e.localizeNumberFormat,exports.ScreenSizeContext=r.ScreenSizeContext,exports.ScreenSizeContextProvider=r.ScreenSizeContextProvider,exports.fadeIn=r.fadeIn,exports.getWindowSizeGroups=r.getWindowSizeGroups,exports.slideInDown=r.slideInDown,exports.slideInLeft=r.slideInLeft,exports.slideInRight=r.slideInRight,exports.slideInUp=r.slideInUp,exports.slideOutDown=r.slideOutDown,exports.slideOutLeft=r.slideOutLeft,exports.slideOutRight=r.slideOutRight,exports.slideOutUp=r.slideOutUp,exports.deleteCookie=t.deleteCookie,exports.getCookie=t.getCookie,exports.setCookie=t.setCookie,exports.MBTheme=o.MBTheme,exports.theme=o.theme,exports.abbreviateNumber=i.abbreviateNumber,exports.formatPill=i.formatPill,exports.getCareApiDomain=s.getCareApiDomain,exports.getCurrentBaseUrl=s.getCurrentBaseUrl,exports.getCurrentSsoUrl=s.getCurrentSsoUrl,exports.getDiscoverApiDomain=s.getDiscoverApiDomain,exports.getTogetherApiDomain=s.getTogetherApiDomain,exports.Breakpoints=a.Breakpoints,exports.MediaQueries=a.MediaQueries,exports.formatUrlWithPageParam=a.formatUrlWithPageParam,exports.getBoundariesFromMediaQueryKey=a.getBoundariesFromMediaQueryKey,exports.getPopupWrapperDom=a.getPopupWrapperDom,exports.getWrapperDomWithSelector=a.getWrapperDomWithSelector,exports.makeParams=a.makeParams,exports.safeEncodeURI=a.safeEncodeURI,exports.startCase=a.startCase,exports.toggleNoScroll=a.toggleNoScroll,exports.formatHealthTool=l.formatHealthTool,exports.getDynamicHealthTool=l.getDynamicHealthTool,exports.getDynamicHealthToolWithCache=l.getDynamicHealthToolWithCache,exports.getSocialList=p.getSocialList;

package/build/navigation.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-e196e4ce.js"),require("react"),require("./core-5405b577.js");var e=require("./index-19486039.js");require("./index-98d545d1.js"),require("./normalizeLink-39478ef0.js"),require("./routing-52650cf1.js"),require("./dataTransform-388e9dd0.js"),require("./index.styled-755c88a1.js"),require("./isProduction-2b4ae2b7.js"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-614a1154.js"),require("./useUniqueId-81eea527.js"),require("./index-5e9dacd0.js"),require("./index-7cb48d9c.js"),require("./index-261c84e7.js"),require("./utils-2ae8228e.js"),require("styled-components"),require("./useTranslations-c31f6731.js"),require("./translationsContext-29aae092.js"),require("string-format"),require("lodash/throttle"),require("./index.styles-5c115462.js"),require("./theme-08608671.js"),require("@mantine/core"),require("./index-76b957aa.js"),require("dayjs"),require("./screenSizeContext-5fd4a7a5.js"),require("./index-593cfab2.js"),require("./cookieHelper-62311155.js"),require("./index.styled-104a93c7.js"),require("./index-547550bf.js"),require("./constants-b525da55.js"),require("@mantine/dates"),require("./index-1b459ed3.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-06ae0c5f.js"),require("./index-5505ef00.js"),require("lodash/debounce"),require("./useIsInit-e6ab626a.js"),require("slugify"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./tslib.es6-4412c099.js"),require("react"),require("./core-b5500428.js");var e=require("./index-d256082a.js");require("./index-4a4001f1.js"),require("./normalizeLink-a48d539c.js"),require("./routing-b13b4c94.js"),require("./dataTransform-237a156d.js"),require("./index.styled-265443de.js"),require("./isProduction-0a5824ab.js"),require("./gAssets.js"),require("date-fns/locale"),require("./Onboarding-f6fe8e1e.js"),require("./useUniqueId-f8db6dc8.js"),require("./index-fc60778a.js"),require("./index-d9c43c05.js"),require("./index-a4f19dcf.js"),require("./utils-4be7c6e1.js"),require("styled-components"),require("./useTranslations-2cdb72d9.js"),require("./translationsContext-f1cd3fa8.js"),require("string-format"),require("lodash/throttle"),require("./index.styles-9c0f9f00.js"),require("./theme-0e34ea25.js"),require("@mantine/core"),require("./index-9e4a32c9.js"),require("dayjs"),require("./screenSizeContext-e8acf30b.js"),require("./index-0139be52.js"),require("./cookieHelper-1f147059.js"),require("./index.styled-522ebb5b.js"),require("./index-cd82b05e.js"),require("./constants-b03fd29e.js"),require("@mantine/dates"),require("./index-8dd84da6.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-7fd2cc1f.js"),require("./index-1d39995b.js"),require("lodash/debounce"),require("./useIsInit-0a2a7f1d.js"),require("slugify"),require("dayjs/plugin/relativeTime"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e196e4ce.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),o=require("./index-593cfab2.js"),a=require("./index-1b459ed3.js"),i=require("./utils-99baed08.js"),l=require("./useTranslations-c31f6731.js");require("lodash/debounce"),require("./isProduction-2b4ae2b7.js");var s=require("./index-98d545d1.js"),d=require("./Onboarding-614a1154.js");require("dayjs"),require("./screenSizeContext-5fd4a7a5.js"),require("styled-components");var u=require("./theme-08608671.js"),c=require("./utils-2ae8228e.js");require("./gAssets.js");var m=require("./index.styled-548579d6.js"),p=require("@mantine/form");require("./index.styles-5c115462.js"),require("./index-76b957aa.js"),require("./index-261c84e7.js"),require("./index.styled-104a93c7.js"),require("./index-547550bf.js");var g=require("./index-747b5ddd.js");require("./index-5505ef00.js");var b=require("./index-d855bd6c.js"),f=require("./Visible-efcf4e3b.js"),E=require("yup");require("@mantine/dates");var h=require("lodash/throttle"),v=require("./index-5e9dacd0.js"),y=require("date-fns");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./translationsContext-29aae092.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-81eea527.js"),require("./index-18467c7a.js");var w=S(t),P=O(E),j=S(h);const C=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=w.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),w.default.createElement(a.Phone,Object.assign({defaultCountry:i.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),w.default.createElement(r.Input.Error,{size:"md"},s.errors.phone)),u=w.default.createElement(a.Input,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=w.default.createElement(a.Input,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=w.default.createElement(g.DatePicker,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),E=w.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),w.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),w.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),h=w.default.createElement("div",{className:"otp-input"},w.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),w.default.createElement(r.Input.Error,null,s.errors.otp)),v=w.default.createElement(a.Input.Password,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:w.default.createElement(f.Visible,null)},s.getInputProps("password"))),y=w.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),w.default.createElement(a.Checkbox,{label:n?w.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):w.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",w.default.createElement("a",null,w.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",w.default.createElement("a",null,w.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{s.setFieldValue("term",e.currentTarget.checked)}}),w.default.createElement(r.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),S=w.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=w.default.createElement(a.Input.Password,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:w.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),P=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:E,otp:h,password:v,confirm_password:O,term:y,address:S}[e]||null)));return w.default.createElement(m.StyledDynamicForm,null,P)},x=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName")),email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:P.mixed().required(e("onboarding.similac.address.error")),term:P.bool().oneOf([!0],e("onboarding.similac.term.error"))}),k=e=>P.object().shape({otp:P.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),T=e=>P.object().shape({email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName"))}),B=e=>P.object().shape({password:P.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:P.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([P.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),M=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(x(s))});return w.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},w.default.createElement(i.FormProvider,{form:d},w.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},w.default.createElement(C,{inputOrder:["phone"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},s("onboarding.button.continue")),n&&w.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},F=t=>{var{onClose:r,onSubmit:n,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:b}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return w.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:b},c),w.default.createElement(i.FormProvider,{form:f},w.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},w.default.createElement(C,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),w.default.createElement(a.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},g("onboarding.button.continue")),o&&w.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},g("onboarding.button.skip")))))},_=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?w.default.createElement(F,Object.assign({},n)):w.default.createElement(M,Object.assign({},n))},I=({onSubmit:r,phone:a,email:s,onResendCode:d,otpError:c,onClose:g,loading:b,onBack:f,canSkip:E,outOfEdit:h})=>{const{siteType:y,isMarryBaby:S}=t.useContext(i.OnboardingContext),[O,P]=t.useState(30),x=n.useInterval((()=>P((e=>e-1))),1e3),[q,T]=n.useCounter(0,{min:0,max:3}),B=t.useRef(!0),{t:M}=l.useTranslations();t.useEffect((()=>(x.start(),x.stop)),[]),t.useEffect((()=>{0===O&&(x.stop(),B.current=!1)}),[O]);const F=i.useForm({initialValues:{otp:""},validate:p.yupResolver(k(M))});t.useEffect((()=>{c&&F.setFieldError("otp",c)}),[c]);const _=t.useMemo((()=>j.default((()=>{B.current||(T.increment(),P(30),null==d||d(a||s),x.start(),B.current=!0)}),1e3,{trailing:!1})),[a,s,d,x]);return w.default.createElement(m.StyledOtpForm,{heading:M("onboarding.otpForm.heading"),description:w.default.createElement(w.default.Fragment,null,w.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?M("onboarding.otpForm.description",{phone:`<b style="color:${u.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):M("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.theme.colors.gray800}">${i.hiddenEmailChar(s)}</b>`})}}),!h&&w.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},w.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},w.default.createElement(i.FormProvider,{form:F},w.default.createElement("form",{onSubmit:F.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){T.increment(),r(t.otp)}))),(e=>{console.log(e)}))},w.default.createElement(C,{inputOrder:["otp"]}),w.default.createElement("div",{className:"resend"},w.default.createElement(v.Text,{size:"p4",color:u.theme.colors.gray400},M("onboarding.otpForm.notReceiveOTP")),w.default.createElement(v.Text,{as:"a",size:"p4",color:S?u.theme.mbColors.pink:u.theme.colors.primaryBase,onClick:_},M("onboarding.otpForm.resendCode",{seconds:O}))),w.default.createElement(o.Button,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},M("onboarding.button.continue")),E&&q>=3&&w.default.createElement(o.Button,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:g,type:"button"},M("onboarding.button.skip")))))},z=({onClose:e,onSubmit:r,canSkip:n,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(T(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),w.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},w.default.createElement(i.FormProvider,{form:f},w.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&y.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},w.default.createElement(C,{inputOrder:["full_name","email","dob","gender"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&w.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},L=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(B(d))});return w.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},w.default.createElement(i.FormProvider,{form:u},w.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},w.default.createElement(C,{inputOrder:["password","confirm_password"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),n&&w.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&w.default.createElement(r.Input.Error,{className:"form-error"},a))))};exports.MAPPED_LOCALE=i.MAPPED_LOCALE,Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.OnboardingForm=_,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:b,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:O,onOtpSubmit:P,onPersonalInfoSubmit:j,onPhoneSubmit:C,onResendCode:x,otpError:q,otpLoading:k,personalInfoError:T,resultScreenProps:B,siteType:M,step:N,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(N||v[0]),[W,Y]=t.useState(""),[H,$]=t.useState(""),[Z,Q]=n.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},re="marryBaby"===M;return w.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:re}},w.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?w.default.createElement(m.StyledContainer,null,w.default.createElement(r.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},w.default.createElement(r.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},w.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?w.default.createElement(F,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const r=null==t?void 0:t.phone;r&&(Y(r),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==C?void 0:C(r)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):w.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Y(t),yield null==C?void 0:C(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&w.default.createElement(I,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&w.default.createElement(I,{onClose:S,onSubmit:ee,onResendCode:x,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&w.default.createElement(z,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==j?void 0:j(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&w.default.createElement(L,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==O?void 0:O(t),!b&&J()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),U===d.OnboardingStep.Result&&w.default.createElement(i.Onboarding,Object.assign({},B),w.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&w.default.createElement(r.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},w.default.createElement(m.StyledBannerCol,null,w.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":re},w.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&w.default.createElement(r.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&w.default.createElement(a.Text,{size:"p1",color:u.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&w.default.createElement("div",null,w.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&w.default.createElement(r.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},w.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4412c099.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),o=require("./index-0139be52.js"),a=require("./index-8dd84da6.js"),i=require("./utils-9d8f0f6d.js"),l=require("./useTranslations-2cdb72d9.js");require("lodash/debounce"),require("./isProduction-0a5824ab.js");var s=require("./index-4a4001f1.js"),d=require("./Onboarding-f6fe8e1e.js");require("dayjs"),require("./screenSizeContext-e8acf30b.js"),require("styled-components");var u=require("./theme-0e34ea25.js"),c=require("./utils-4be7c6e1.js");require("./gAssets.js");var m=require("./index.styled-5a745ecd.js"),p=require("@mantine/form");require("./index.styles-9c0f9f00.js"),require("./index-9e4a32c9.js"),require("./index-a4f19dcf.js"),require("./index.styled-522ebb5b.js"),require("./index-cd82b05e.js");var g=require("./index-302492f3.js");require("./index-1d39995b.js");var b=require("./index-ae8b3be8.js"),f=require("./Visible-2bd3522e.js"),E=require("yup");require("@mantine/dates");var h=require("lodash/throttle"),v=require("./index-fc60778a.js"),y=require("date-fns");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./translationsContext-f1cd3fa8.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-f8db6dc8.js"),require("./index-988160fc.js");var w=S(t),P=O(E),j=S(h);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=w.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),w.default.createElement(a.Phone,Object.assign({defaultCountry:i.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),w.default.createElement(r.Input.Error,{size:"md"},s.errors.phone)),u=w.default.createElement(a.Input,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=w.default.createElement(a.Input,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=w.default.createElement(g.DatePicker,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),E=w.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),w.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),w.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),h=w.default.createElement("div",{className:"otp-input"},w.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),w.default.createElement(r.Input.Error,null,s.errors.otp)),v=w.default.createElement(a.Input.Password,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:w.default.createElement(f.Visible,null)},s.getInputProps("password"))),y=w.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),w.default.createElement(a.Checkbox,{label:n?w.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):w.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",w.default.createElement("a",null,w.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",w.default.createElement("a",null,w.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{s.setFieldValue("term",e.currentTarget.checked)}}),w.default.createElement(r.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),S=w.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=w.default.createElement(a.Input.Password,Object.assign({label:w.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:w.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),P=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:E,otp:h,password:v,confirm_password:O,term:y,address:S}[e]||null)));return w.default.createElement(m.StyledDynamicForm,null,P)},C=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName")),email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:P.mixed().required(e("onboarding.similac.address.error")),term:P.bool().oneOf([!0],e("onboarding.similac.term.error"))}),k=e=>P.object().shape({otp:P.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),T=e=>P.object().shape({email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName"))}),B=e=>P.object().shape({password:P.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:P.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([P.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),M=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(C(s))});return w.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},w.default.createElement(i.FormProvider,{form:d},w.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},w.default.createElement(x,{inputOrder:["phone"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},s("onboarding.button.continue")),n&&w.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},F=t=>{var{onClose:r,onSubmit:n,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:b}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return w.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:b},c),w.default.createElement(i.FormProvider,{form:f},w.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},w.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),w.default.createElement(a.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},g("onboarding.button.continue")),o&&w.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},g("onboarding.button.skip")))))},_=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?w.default.createElement(F,Object.assign({},n)):w.default.createElement(M,Object.assign({},n))},I=({onSubmit:r,phone:a,email:s,onResendCode:d,otpError:c,onClose:g,loading:b,onBack:f,canSkip:E,outOfEdit:h})=>{const{siteType:y,isMarryBaby:S}=t.useContext(i.OnboardingContext),[O,P]=t.useState(30),C=n.useInterval((()=>P((e=>e-1))),1e3),[q,T]=n.useCounter(0,{min:0,max:3}),B=t.useRef(!0),{t:M}=l.useTranslations();t.useEffect((()=>(C.start(),C.stop)),[]),t.useEffect((()=>{0===O&&(C.stop(),B.current=!1)}),[O]);const F=i.useForm({initialValues:{otp:""},validate:p.yupResolver(k(M))});t.useEffect((()=>{c&&F.setFieldError("otp",c)}),[c]);const _=t.useMemo((()=>j.default((()=>{B.current||(T.increment(),P(30),null==d||d(a||s),C.start(),B.current=!0)}),1e3,{trailing:!1})),[a,s,d,C]);return w.default.createElement(m.StyledOtpForm,{heading:M("onboarding.otpForm.heading"),description:w.default.createElement(w.default.Fragment,null,w.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?M("onboarding.otpForm.description",{phone:`<b style="color:${u.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):M("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.theme.colors.gray800}">${i.hiddenEmailChar(s)}</b>`})}}),!h&&w.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},w.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},w.default.createElement(i.FormProvider,{form:F},w.default.createElement("form",{onSubmit:F.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){T.increment(),r(t.otp)}))),(e=>{console.log(e)}))},w.default.createElement(x,{inputOrder:["otp"]}),w.default.createElement("div",{className:"resend"},w.default.createElement(v.Text,{size:"p4",color:u.theme.colors.gray400},M("onboarding.otpForm.notReceiveOTP")),w.default.createElement(v.Text,{as:"a",size:"p4",color:S?u.theme.mbColors.pink:u.theme.colors.primaryBase,onClick:_},M("onboarding.otpForm.resendCode",{seconds:O}))),w.default.createElement(o.Button,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},M("onboarding.button.continue")),E&&q>=3&&w.default.createElement(o.Button,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:g,type:"button"},M("onboarding.button.skip")))))},z=({onClose:e,onSubmit:r,canSkip:n,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(T(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),w.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},w.default.createElement(i.FormProvider,{form:f},w.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&y.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},w.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&w.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},L=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(B(d))});return w.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},w.default.createElement(i.FormProvider,{form:u},w.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},w.default.createElement(x,{inputOrder:["password","confirm_password"]}),w.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),n&&w.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&w.default.createElement(r.Input.Error,{className:"form-error"},a))))};exports.MAPPED_LOCALE=i.MAPPED_LOCALE,Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.OnboardingForm=_,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:b,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:O,onOtpSubmit:P,onPersonalInfoSubmit:j,onPhoneSubmit:x,onResendCode:C,otpError:q,otpLoading:k,personalInfoError:T,resultScreenProps:B,siteType:M,step:N,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(N||v[0]),[W,Y]=t.useState(""),[H,$]=t.useState(""),[Z,Q]=n.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},re="marryBaby"===M;return w.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:re}},w.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?w.default.createElement(m.StyledContainer,null,w.default.createElement(r.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},w.default.createElement(r.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},w.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?w.default.createElement(F,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const r=null==t?void 0:t.phone;r&&(Y(r),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==x?void 0:x(r)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):w.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Y(t),yield null==x?void 0:x(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&w.default.createElement(I,{onClose:S,onSubmit:ee,phone:W,onResendCode:C,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&w.default.createElement(I,{onClose:S,onSubmit:ee,onResendCode:C,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&w.default.createElement(z,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==j?void 0:j(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&w.default.createElement(L,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==O?void 0:O(t),!b&&J()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),U===d.OnboardingStep.Result&&w.default.createElement(i.Onboarding,Object.assign({},B),w.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&w.default.createElement(r.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},w.default.createElement(m.StyledBannerCol,null,w.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":re},w.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&w.default.createElement(r.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&w.default.createElement(a.Text,{size:"p1",color:u.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&w.default.createElement("div",null,w.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&w.default.createElement(r.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},w.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=I;

package/build/onboardingV2.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e196e4ce.js"),t=require("react"),n=require("@mantine/core"),r=require("react-dom");require("./gAssets.js"),require("@mantine/dates");var a=require("./index-98d545d1.js"),o=require("./Onboarding-614a1154.js"),i=require("./index-1b459ed3.js");require("./index.styles-5c115462.js"),require("dayjs"),require("./screenSizeContext-5fd4a7a5.js");var l=require("styled-components"),s=require("./theme-08608671.js"),d=require("./utils-2ae8228e.js");require("./isProduction-2b4ae2b7.js");var u=require("./useTranslations-c31f6731.js");require("./index-5505ef00.js");var c=require("@mantine/hooks");require("lodash/debounce");var m=require("@mantine/form"),p=require("./index-593cfab2.js");require("./index-76b957aa.js");var g=require("./index-261c84e7.js");require("./index.styled-104a93c7.js"),require("./index-547550bf.js");var b=require("./utils-99baed08.js"),f=require("yup"),h=require("./index-747b5ddd.js"),E=require("./index-d855bd6c.js"),y=require("./Visible-efcf4e3b.js"),x=require("lodash/throttle"),v=require("./index-5e9dacd0.js"),w=require("date-fns");require("./translationsContext-29aae092.js"),require("string-format");var C=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("date-fns/locale"),require("@mantine/carousel"),require("./useUniqueId-81eea527.js"),require("./index-18467c7a.js");var j=S(t),O=S(l),M=P(f),q=S(x),k=S(C);const T=t.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),L=O.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-4412c099.js"),t=require("react"),n=require("@mantine/core"),r=require("react-dom");require("./gAssets.js"),require("@mantine/dates");var a=require("./index-4a4001f1.js"),o=require("./Onboarding-f6fe8e1e.js"),i=require("./index-8dd84da6.js");require("./index.styles-9c0f9f00.js"),require("dayjs"),require("./screenSizeContext-e8acf30b.js");var l=require("styled-components"),s=require("./theme-0e34ea25.js"),d=require("./utils-4be7c6e1.js");require("./isProduction-0a5824ab.js");var u=require("./useTranslations-2cdb72d9.js");require("./index-1d39995b.js");var c=require("@mantine/hooks");require("lodash/debounce");var m=require("@mantine/form"),p=require("./index-0139be52.js");require("./index-9e4a32c9.js");var g=require("./index-a4f19dcf.js");require("./index.styled-522ebb5b.js"),require("./index-cd82b05e.js");var f=require("./utils-9d8f0f6d.js"),b=require("yup"),h=require("./index-302492f3.js"),E=require("./index-ae8b3be8.js"),y=require("./Visible-2bd3522e.js"),x=require("lodash/throttle"),v=require("./index-fc60778a.js"),w=require("date-fns");require("./translationsContext-f1cd3fa8.js"),require("string-format");var C=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("date-fns/locale"),require("@mantine/carousel"),require("./useUniqueId-f8db6dc8.js"),require("./index-988160fc.js");var j=S(t),O=S(l),M=P(b),q=S(x),k=S(C);const T=t.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),L=O.default.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -68,7 +68,7 @@
       height: 100vh;
     }
   }
-`,F=O.default(b.Onboarding)`
+`,F=O.default(f.Onboarding)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -102,7 +102,7 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,Q={[o.LOCALE.Vietnam]:"VN",[o.LOCALE.Cambodia]:"KH",[o.LOCALE.Indonesia]:"ID",[o.LOCALE.Malaysia]:"MY",[o.LOCALE.PhilippinesEnglish]:"PH",[o.LOCALE.PhilippinesTagalog]:"PH",[o.LOCALE.Taiwan]:"TW",[o.LOCALE.Thailand]:"TH",[o.LOCALE.Myanmar]:"MM"},H=(e="")=>{const t=e.indexOf("@"),n=e.substring(0,t),r=n.length>3?3:n.length;return e.replace(e.substring(r,t),e.slice(r,t).replace(/./g,"x"))},G=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:a}=u.useTranslations(),o=$(),l=j.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.phone"))}:{}),j.default.createElement(i.Phone,Object.assign({defaultCountry:Q[process.env.UNIFY_LOCALE]||"VN"},o.getInputProps("phone"))),j.default.createElement(n.Input.Error,{size:"md"},o.errors.phone)),s=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourName")),withAsterisk:!0},o.getInputProps("name"))),d=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourEmail")),withAsterisk:!0},o.getInputProps("email"))),c=j.default.createElement(h.DatePicker,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},o.getInputProps("dob"))),m=j.default.createElement(i.Radio.Group,Object.assign({className:"radio-group",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("bmi.selectGender"))},o.getInputProps("gender")),j.default.createElement(i.Radio,{value:"0",label:a("onboarding.formEmail.genderMale")}),j.default.createElement(i.Radio,{value:"1",label:a("onboarding.formEmail.genderFemale")})),p=j.default.createElement("div",{className:"otp-input"},j.default.createElement(i.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},o.getInputProps("otp"))),j.default.createElement(n.Input.Error,null,o.errors.otp)),g=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},o.getInputProps("password"))),b=r?j.default.createElement("div",{style:{marginBottom:16}},j.default.createElement(i.Checkbox,Object.assign({label:j.default.createElement(i.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r)},o.getInputProps("term",{type:"checkbox"}),{error:null})),j.default.createElement(n.Input.Error,{size:"md"},o.getInputProps("term",{type:"checkbox"}).error)):null,f=j.default.createElement(E.AddressInput,Object.assign({className:"input-control",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.address"))},o.getInputProps("address"))),x=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},o.getInputProps("confirmPassword"))),v=e.map((e=>({phone:l,full_name:s,email:d,dob:c,gender:m,otp:p,password:g,confirm_password:x,term:b,address:f}[e]||null)));return j.default.createElement(U,null,v)},Y=O.default(b.Onboarding)`
+`,Q={[o.LOCALE.Vietnam]:"VN",[o.LOCALE.Cambodia]:"KH",[o.LOCALE.Indonesia]:"ID",[o.LOCALE.Malaysia]:"MY",[o.LOCALE.PhilippinesEnglish]:"PH",[o.LOCALE.PhilippinesTagalog]:"PH",[o.LOCALE.Taiwan]:"TW",[o.LOCALE.Thailand]:"TH",[o.LOCALE.Myanmar]:"MM"},H=(e="")=>{const t=e.indexOf("@"),n=e.substring(0,t),r=n.length>3?3:n.length;return e.replace(e.substring(r,t),e.slice(r,t).replace(/./g,"x"))},G=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:a}=u.useTranslations(),o=$(),l=j.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.phone"))}:{}),j.default.createElement(i.Phone,Object.assign({defaultCountry:Q[process.env.UNIFY_LOCALE]||"VN"},o.getInputProps("phone"))),j.default.createElement(n.Input.Error,{size:"md"},o.errors.phone)),s=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourName")),withAsterisk:!0},o.getInputProps("name"))),d=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourEmail")),withAsterisk:!0},o.getInputProps("email"))),c=j.default.createElement(h.DatePicker,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},o.getInputProps("dob"))),m=j.default.createElement(i.Radio.Group,Object.assign({className:"radio-group",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("bmi.selectGender"))},o.getInputProps("gender")),j.default.createElement(i.Radio,{value:"0",label:a("onboarding.formEmail.genderMale")}),j.default.createElement(i.Radio,{value:"1",label:a("onboarding.formEmail.genderFemale")})),p=j.default.createElement("div",{className:"otp-input"},j.default.createElement(i.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},o.getInputProps("otp"))),j.default.createElement(n.Input.Error,null,o.errors.otp)),g=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},o.getInputProps("password"))),f=r?j.default.createElement("div",{style:{marginBottom:16}},j.default.createElement(i.Checkbox,Object.assign({label:j.default.createElement(i.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r)},o.getInputProps("term",{type:"checkbox"}),{error:null})),j.default.createElement(n.Input.Error,{size:"md"},o.getInputProps("term",{type:"checkbox"}).error)):null,b=j.default.createElement(E.AddressInput,Object.assign({className:"input-control",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.address"))},o.getInputProps("address"))),x=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:j.default.createElement(y.Visible,null)},o.getInputProps("confirmPassword"))),v=e.map((e=>({phone:l,full_name:s,email:d,dob:c,gender:m,otp:p,password:g,confirm_password:x,term:f,address:b}[e]||null)));return j.default.createElement(U,null,v)},Y=O.default(f.Onboarding)`
   .otp-input {
     margin-bottom: 36px;
     ${d.MediaQueries.mbDown} {
@@ -187,7 +187,7 @@
   }
 `,X=O.default.img`
   margin-bottom: 38px;
-`,ee=r=>{var o,{heading:l,description:d,children:u,className:c,imgSrc:m,hiddenLogo:p=!1}=r,b=e.__rest(r,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:f,siteType:h}=t.useContext(T);return j.default.createElement(J,Object.assign({},b,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!p&&j.default.createElement(g.LogoIcon,{type:f?h:(null===(o=a.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),j.default.createElement(K,{className:p?"similac":""},m&&j.default.createElement(X,{src:m,loading:"lazy"}),j.default.createElement("div",{className:"header"},j.default.createElement(n.Title,{order:3},l),j.default.createElement(i.Text,{size:"p3",mt:8,color:s.theme.colors.gray600},d)),u))},te=O.default(b.Onboarding)`
+`,ee=r=>{var o,{heading:l,description:d,children:u,className:c,imgSrc:m,hiddenLogo:p=!1}=r,f=e.__rest(r,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:b,siteType:h}=t.useContext(T);return j.default.createElement(J,Object.assign({},f,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!p&&j.default.createElement(g.LogoIcon,{type:b?h:(null===(o=a.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),j.default.createElement(K,{className:p?"similac":""},m&&j.default.createElement(X,{src:m,loading:"lazy"}),j.default.createElement("div",{className:"header"},j.default.createElement(n.Title,{order:3},l),j.default.createElement(i.Text,{size:"p3",mt:8,color:s.theme.colors.gray600},d)),u))},te=O.default(f.Onboarding)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -204,4 +204,4 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,ne=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName")),email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:M.mixed().required(e("onboarding.similac.address.error")),term:M.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),ae={Provider:({children:e,siteType:n,setSharedData:r})=>{const[a,o]=t.useState(0),[i,l]=t.useState(0),[s,d]=t.useState({});return t.useEffect((()=>{null==r||r(s)}),[s,r]),j.default.createElement(T.Provider,{value:{currentStep:a,setCurrentStep:o,setMaxStep:l,nextStep:()=>a+1<=i&&o(a+1),prevStep:()=>a-1>=0&&o(a-1),siteType:n,isMarryBaby:"marryBaby"===n,sharedData:s,setSharedData:d}},e)},Modal:a=>{var{children:o,withSimilac:l,banner:c,withPortal:m}=a,p=e.__rest(a,["children","withSimilac","banner","withPortal"]);const{isMobile:g}=i.useScreenSize(),{isMarryBaby:b}=t.useContext(T),{t:f}=u.useTranslations();if(m&&"undefined"==typeof window)return null;const h=j.default.createElement(L,Object.assign({},p),j.default.createElement(B,null,j.default.createElement(n.Grid,{sx:{[d.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[d.MediaQueries.mbDown]:{padding:0}}}},j.default.createElement(n.Grid.Col,{span:"object"!=typeof c&&!l||g?12:6,order:l?2:1,orderMd:l?1:2},j.default.createElement(I,{"data-similac":l,"data-has-banner":"object"==typeof c},o)),c&&"object"==typeof c&&!l&&j.default.createElement(n.Grid.Col,{span:g?12:6,order:1,orderMd:2},j.default.createElement(_,null,j.default.createElement(z,{"data-is-marry-baby":b},j.default.createElement(D,null,c.heading&&j.default.createElement(n.Title,{order:1,mb:24},c.heading),c.description&&j.default.createElement(i.Text,{size:"p1",color:s.theme.colors.gray800},f("onboarding.welcomeScreen.content"))),j.default.createElement(N,null,c.imgSrc?j.default.createElement("img",{src:c.imgSrc,loading:"lazy"}):c.imgComponent?c.imgComponent:null)))),c&&"object"==typeof c&&l&&(c.imgSrc||c.imgComponent)&&j.default.createElement(n.Grid.Col,{span:"auto",order:1,orderMd:2},j.default.createElement(N,{className:"similac"},c.imgSrc?j.default.createElement("img",{src:c.imgSrc,loading:"lazy"}):c.imgComponent?c.imgComponent:null)))));return m?r.createPortal(h,d.getPopupWrapperDom()):h},Form:({onClose:n,onSubmit:r,canSkip:a=!0,customFormTexts:o})=>{const{t:i}=u.useTranslations(),{sharedData:l,setSharedData:s,nextStep:d}=t.useContext(T),c=V({initialValues:{phone:(null==l?void 0:l.phone)||""},validate:m.yupResolver(A(i))});return j.default.createElement(F,{heading:(null==o?void 0:o.heading)||i("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||i("onboarding.updatePhone.description")},j.default.createElement(R,{form:c},j.default.createElement("form",{onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{s((e=>Object.assign(Object.assign({},e),{phone:t.phone}))),yield null==r?void 0:r(t.phone),d()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["phone"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),a&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n,type:"button"},i("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:n,email:r,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{email:g,retryEmailCount:b},setSharedData:f,prevStep:h,siteType:E,isMarryBaby:y,nextStep:x}=t.useContext(T),w=r||g||"",[C,S]=t.useState(30),P=c.useInterval((()=>S((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const B=V({initialValues:{otp:""},validate:m.yupResolver(W(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>q.default((()=>{k.current||(M.increment(),S(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),_=b>=2;return j.default.createElement(Y,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${H(w)}</b>`})}}),!_&&j.default.createElement("svg",{onClick:()=>{b>=2||(f((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),h())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==n?void 0:n(t.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:y?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:C}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))},Phone:({onSubmit:n,phone:r,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{phone:g,retryPhoneCount:b},setSharedData:f,prevStep:h,siteType:E,isMarryBaby:y,nextStep:x}=t.useContext(T),w=r||g||"",[C,S]=t.useState(30),P=c.useInterval((()=>S((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const B=V({initialValues:{otp:""},validate:m.yupResolver(W(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>q.default((()=>{k.current||(M.increment(),S(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),_=b>=2;return j.default.createElement(Y,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${w.slice(0,-3).replace(/./g,"x").concat(w.slice(-3))}</b>`})}}),!_&&j.default.createElement("svg",{onClick:()=>{b>=2||(f((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),h())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==n?void 0:n(t.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:y?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:C}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:n,onSubmit:r,canSkip:o,loading:i,errorMessage:l,initialData:s})=>{const{t:d,locale:c}=u.useTranslations(),{siteType:g,isMarryBaby:b,setSharedData:f,nextStep:h}=t.useContext(T),E=V({validate:m.yupResolver(Z(d))});return t.useEffect((()=>{E.setValues(Object.assign(Object.assign({gender:"0"},s),(null==s?void 0:s.birthday)&&{birthday:new Date(s.birthday)}))}),[s]),t.useEffect((()=>{l&&E.setFieldError("email",l)}),[l]),j.default.createElement(ee,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:b?"Marry Baby":a.LOCALE_SPECS[c].SITE_NAME_FORMATTED})},j.default.createElement(R,{form:E},j.default.createElement("form",{className:"form",onSubmit:E.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){f((e=>Object.assign(Object.assign({},e),t)));!(yield null==r?void 0:r(Object.assign(Object.assign({},t),{birthday:t.birthday&&w.format(t.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["full_name","email","dob","gender"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:i,disabled:i},d("onboarding.button.continue")),o&&j.default.createElement(p.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:n,type:"button"},d("onboarding.button.skip")))))},ResultScreen:n=>{var{onClose:r}=n,a=e.__rest(n,["onClose"]);const{t:o}=u.useTranslations(),{siteType:i}=t.useContext(T);return j.default.createElement(ee,Object.assign({},a),j.default.createElement(p.Button,{theme:i,size:"lg",onClick:r,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:n=>{var{onClose:r,onSubmit:a,canSkip:o=!0,customFormTexts:l,customTerms:s,defaultValues:d}=n,c=e.__rest(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=u.useTranslations(),{nextStep:g,setSharedData:b,sharedData:f}=t.useContext(T),{isMobile:h}=i.useScreenSize(),E=V({initialValues:{term:!1,phone:(null==f?void 0:f.phone)||(null==d?void 0:d.phone)||"",email:(null==f?void 0:f.email)||(null==d?void 0:d.email)||"",name:(null==f?void 0:f.name)||(null==d?void 0:d.name)||""},validate:m.yupResolver(ne(p))}),y=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return j.default.createElement(te,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:h},c),j.default.createElement(R,{form:E},j.default.createElement("form",{style:{width:"100%"},onSubmit:E.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(t),b((e=>Object.assign(Object.assign({},e),{phone:t.phone,email:t.email,name:t.name}))),g()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:y,withSimilac:!0,customTerms:s}),j.default.createElement(i.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),o&&j.default.createElement(i.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},p("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:r,onSubmit:a,canSkip:o,errorMessage:i,loading:l})=>{const{t:s}=u.useTranslations(),{nextStep:d}=t.useContext(T),c=V({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(re(s))});return j.default.createElement(ee,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},j.default.createElement(R,{form:c},j.default.createElement("form",{className:"form",onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield a((null==t?void 0:t.password)||""),!i&&d()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["password","confirm_password"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r},s("onboarding.button.skip")),i&&j.default.createElement(n.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:e})=>{const{currentStep:n,setMaxStep:r}=t.useContext(T),a=j.default.Children.count(e);return t.useEffect((()=>{r(a-1)}),[a]),j.default.createElement(j.default.Fragment,null,k.default(e).map(((e,r)=>{const a=r===n;return j.default.createElement(t.Fragment,{key:r},j.default.isValidElement(e)?e.props.alwaysRender||a?j.default.cloneElement(e,{isActive:r===n,stepIndex:r}):null:a?e:null)})))}};exports.MAPPED_LOCALE=Q,exports.Onboarding=ae;
+`,ne=(e,t)=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName")),email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:M.mixed().required(e("onboarding.similac.address.error")),term:t?M.bool():M.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),ae={Provider:({children:e,siteType:n,setSharedData:r})=>{const[a,o]=t.useState(0),[i,l]=t.useState(0),[s,d]=t.useState({});return t.useEffect((()=>{null==r||r(s)}),[s,r]),j.default.createElement(T.Provider,{value:{currentStep:a,setCurrentStep:o,setMaxStep:l,nextStep:()=>a+1<=i&&o(a+1),prevStep:()=>a-1>=0&&o(a-1),siteType:n,isMarryBaby:"marryBaby"===n,sharedData:s,setSharedData:d}},e)},Modal:a=>{var{children:o,withSimilac:l,banner:c,withPortal:m}=a,p=e.__rest(a,["children","withSimilac","banner","withPortal"]);const{isMobile:g}=i.useScreenSize(),{isMarryBaby:f}=t.useContext(T),{t:b}=u.useTranslations();if(m&&"undefined"==typeof window)return null;const h=j.default.createElement(L,Object.assign({},p),j.default.createElement(B,null,j.default.createElement(n.Grid,{sx:{[d.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[d.MediaQueries.mbDown]:{padding:0}}}},j.default.createElement(n.Grid.Col,{span:"object"!=typeof c&&!l||g?12:6,order:l?2:1,orderMd:l?1:2},j.default.createElement(I,{"data-similac":l,"data-has-banner":"object"==typeof c},o)),c&&"object"==typeof c&&!l&&j.default.createElement(n.Grid.Col,{span:g?12:6,order:1,orderMd:2},j.default.createElement(_,null,j.default.createElement(z,{"data-is-marry-baby":f},j.default.createElement(D,null,c.heading&&j.default.createElement(n.Title,{order:1,mb:24},c.heading),c.description&&j.default.createElement(i.Text,{size:"p1",color:s.theme.colors.gray800},b("onboarding.welcomeScreen.content"))),j.default.createElement(N,null,c.imgSrc?j.default.createElement("img",{src:c.imgSrc,loading:"lazy"}):c.imgComponent?c.imgComponent:null)))),c&&"object"==typeof c&&l&&(c.imgSrc||c.imgComponent)&&j.default.createElement(n.Grid.Col,{span:"auto",order:1,orderMd:2},j.default.createElement(N,{className:"similac"},c.imgSrc?j.default.createElement("img",{src:c.imgSrc,loading:"lazy"}):c.imgComponent?c.imgComponent:null)))));return m?r.createPortal(h,d.getPopupWrapperDom()):h},Form:({onClose:n,onSubmit:r,canSkip:a=!0,customFormTexts:o})=>{const{t:i}=u.useTranslations(),{sharedData:l,setSharedData:s,nextStep:d}=t.useContext(T),c=V({initialValues:{phone:(null==l?void 0:l.phone)||""},validate:m.yupResolver(A(i))});return j.default.createElement(F,{heading:(null==o?void 0:o.heading)||i("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||i("onboarding.updatePhone.description")},j.default.createElement(R,{form:c},j.default.createElement("form",{onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{s((e=>Object.assign(Object.assign({},e),{phone:t.phone}))),yield null==r?void 0:r(t.phone),d()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["phone"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),a&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n,type:"button"},i("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:n,email:r,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{email:g,retryEmailCount:f},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:y,nextStep:x}=t.useContext(T),w=r||g||"",[C,S]=t.useState(30),P=c.useInterval((()=>S((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const B=V({initialValues:{otp:""},validate:m.yupResolver(W(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>q.default((()=>{k.current||(M.increment(),S(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),_=f>=2;return j.default.createElement(Y,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${H(w)}</b>`})}}),!_&&j.default.createElement("svg",{onClick:()=>{f>=2||(b((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),h())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==n?void 0:n(t.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:y?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:C}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))},Phone:({onSubmit:n,phone:r,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{phone:g,retryPhoneCount:f},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:y,nextStep:x}=t.useContext(T),w=r||g||"",[C,S]=t.useState(30),P=c.useInterval((()=>S((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===C&&(P.stop(),k.current=!1)}),[C]);const B=V({initialValues:{otp:""},validate:m.yupResolver(W(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>q.default((()=>{k.current||(M.increment(),S(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),_=f>=2;return j.default.createElement(Y,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${w.slice(0,-3).replace(/./g,"x").concat(w.slice(-3))}</b>`})}}),!_&&j.default.createElement("svg",{onClick:()=>{f>=2||(b((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),h())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==n?void 0:n(t.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:y?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:C}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:n,onSubmit:r,canSkip:o,loading:i,errorMessage:l,initialData:s})=>{const{t:d,locale:c}=u.useTranslations(),{siteType:g,isMarryBaby:f,setSharedData:b,nextStep:h}=t.useContext(T),E=V({validate:m.yupResolver(Z(d))});return t.useEffect((()=>{E.setValues(Object.assign(Object.assign({gender:"0"},s),(null==s?void 0:s.birthday)&&{birthday:new Date(s.birthday)}))}),[s]),t.useEffect((()=>{l&&E.setFieldError("email",l)}),[l]),j.default.createElement(ee,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:f?"Marry Baby":a.LOCALE_SPECS[c].SITE_NAME_FORMATTED})},j.default.createElement(R,{form:E},j.default.createElement("form",{className:"form",onSubmit:E.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){b((e=>Object.assign(Object.assign({},e),t)));!(yield null==r?void 0:r(Object.assign(Object.assign({},t),{birthday:t.birthday&&w.format(t.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["full_name","email","dob","gender"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:i,disabled:i},d("onboarding.button.continue")),o&&j.default.createElement(p.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:n,type:"button"},d("onboarding.button.skip")))))},ResultScreen:n=>{var{onClose:r}=n,a=e.__rest(n,["onClose"]);const{t:o}=u.useTranslations(),{siteType:i}=t.useContext(T);return j.default.createElement(ee,Object.assign({},a),j.default.createElement(p.Button,{theme:i,size:"lg",onClick:r,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:n=>{var{onClose:r,onSubmit:a,canSkip:o=!0,customFormTexts:l,customTerms:s,defaultValues:d}=n,c=e.__rest(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=u.useTranslations(),{nextStep:g,setSharedData:f,sharedData:b}=t.useContext(T),{isMobile:h}=i.useScreenSize(),E=V({initialValues:{term:!1,phone:(null==b?void 0:b.phone)||(null==d?void 0:d.phone)||"",email:(null==b?void 0:b.email)||(null==d?void 0:d.email)||"",name:(null==b?void 0:b.name)||(null==d?void 0:d.name)||""},validate:m.yupResolver(ne(p,!s))}),y=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return j.default.createElement(te,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:h},c),j.default.createElement(R,{form:E},j.default.createElement("form",{style:{width:"100%"},onSubmit:E.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(t),f((e=>Object.assign(Object.assign({},e),{phone:t.phone,email:t.email,name:t.name}))),g()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:y,withSimilac:!0,customTerms:s}),j.default.createElement(i.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),o&&j.default.createElement(i.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},p("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:r,onSubmit:a,canSkip:o,errorMessage:i,loading:l})=>{const{t:s}=u.useTranslations(),{nextStep:d}=t.useContext(T),c=V({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(re(s))});return j.default.createElement(ee,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},j.default.createElement(R,{form:c},j.default.createElement("form",{className:"form",onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield a((null==t?void 0:t.password)||""),!i&&d()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["password","confirm_password"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r},s("onboarding.button.skip")),i&&j.default.createElement(n.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:e})=>{const{currentStep:n,setMaxStep:r}=t.useContext(T),a=j.default.Children.count(e);return t.useEffect((()=>{r(a-1)}),[a]),j.default.createElement(j.default.Fragment,null,k.default(e).map(((e,r)=>{const a=r===n;return j.default.createElement(t.Fragment,{key:r},j.default.isValidElement(e)?e.props.alwaysRender||a?j.default.cloneElement(e,{isActive:r===n,stepIndex:r}):null:a?e:null)})))}};exports.MAPPED_LOCALE=Q,exports.Onboarding=ae;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-bc27e169.js"),a=require("./index-5e9dacd0.js"),r=require("./index-eeb88175.js"),l=require("./useTranslations-c31f6731.js"),n=require("./theme-08608671.js"),o=require("recharts"),i=require("./index-547550bf.js"),s=require("./useOutsideClick-d7f47066.js"),c=require("styled-components"),d=require("./tslib.es6-e196e4ce.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-104a93c7.js"),require("./Onboarding-614a1154.js"),require("./index.styled-3a67f000.js"),require("./gAssets.js"),require("./index-98d545d1.js"),require("date-fns/locale"),require("./isProduction-2b4ae2b7.js"),require("./index-5505ef00.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-29aae092.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-e6568d65.js"),a=require("./index-fc60778a.js"),r=require("./index-4c79632f.js"),l=require("./useTranslations-2cdb72d9.js"),n=require("./theme-0e34ea25.js"),o=require("recharts"),i=require("./index-cd82b05e.js"),s=require("./useOutsideClick-954bee9f.js"),c=require("styled-components"),d=require("./tslib.es6-4412c099.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-522ebb5b.js"),require("./Onboarding-f6fe8e1e.js"),require("./index.styled-e4e12a67.js"),require("./gAssets.js"),require("./index-4a4001f1.js"),require("date-fns/locale"),require("./isProduction-0a5824ab.js"),require("./index-1d39995b.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-f1cd3fa8.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,x=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],b=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>x.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:a,translatedStatus:o,status:r}:{})))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:x})=>{const{t:k}=l.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,r,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(b,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:x})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
+`,b=[{name:"overweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"underweight",backgroundColor:n.theme.colors.yellow50,color:n.theme.colors.yellow900},{name:"healthy",backgroundColor:n.theme.colors.green50,color:n.theme.colors.green900}],x=t=>{var r,l,o,i,s;const{payload:c,active:d}=t,u=null===(r=null==c?void 0:c[0])||void 0===r?void 0:r.payload;if(!u||!u.toolTipLabel||!d)return null;const{backgroundColor:f,color:p}=e.useMemo((()=>b.find((e=>e.name===u.status))),[null==u?void 0:u.status]);return m.default.createElement(g,null,m.default.createElement("div",null,null===(l=u.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=u.toolTipLabel)||void 0===o?void 0:o[1]),m.default.createElement("div",null,(null===(i=u.toolTipLabel)||void 0===i?void 0:i[2])&&m.default.createElement(a.Text,{as:"span",size:"s3",color:n.theme.colors.gray800,type:"semiBold"},null===(s=u.toolTipLabel)||void 0===s?void 0:s[2]),m.default.createElement("div",{className:"risk",style:{backgroundColor:f}},m.default.createElement(a.Text,{size:"n1",color:p},u.translatedStatus))))},E=({weightByWeek:e,weightBefore:t,toolTipLabel:a,status:r,activeWeek:l,t:n})=>{const o=n(`bmi.result.${r}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===l?{toolTipLabel:a,translatedStatus:o,status:r}:{})))},k=({weightBefore:r,weightByWeek:c,activeWeek:d,currentWeight:u,toolTipLabel:f=[],status:g,withLine:y=!1,siteType:b})=>{const{t:k}=l.useTranslations(),v="marryBaby"===b,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:f,status:g,activeWeek:d,t:k})),[c,r,f,g,d]),[T,C]=e.useState(!1),j=e.useRef(null);return s.useOutsideClick(j,(()=>C(!1))),m.default.createElement(h,null,v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark}," ",k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("babyGrowth.weight")," ",k("pregnancyWeightGain.weightInput.desc")),Array.isArray(w)&&w.length>0&&m.default.createElement(h,null,m.default.createElement(o.ResponsiveContainer,{height:388,className:"chart"},m.default.createElement(o.AreaChart,{data:w,margin:{top:16,right:0,left:0}},m.default.createElement(o.CartesianGrid,{stroke:n.theme.colors.neutral100}),m.default.createElement(o.Tooltip,{trigger:"click",content:e=>m.default.createElement(x,Object.assign({active:!y&&T&&void 0!==d&&void 0!==u},e))}),m.default.createElement(o.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:e=>m.default.createElement(p,Object.assign({},e,{activeWeek:d,siteType:b})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),m.default.createElement(o.YAxis,{domain:[e=>Math.max(e,r-10||e),e=>Math.max(e,r+20||e)],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:e=>String(Math.round(100*(e+Number.EPSILON))/100),tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:n.theme.colors.gray600}}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),m.default.createElement(o.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:v?n.theme.mbColors.tonePink:n.theme.colors.primary100}),void 0!==d&&void 0!==u&&m.default.createElement(o.ReferenceDot,{onClick:()=>C(!0),x:0===d?1:d,y:u,r:4,shape:m.default.createElement(i.CustomReferenceDot,{ref:j,r:4}),fill:v?n.theme.mbColors.pink:n.theme.colors.primaryBase,stroke:v?n.theme.mbColors.pink:n.theme.colors.primaryBase}))),m.default.createElement("div",{className:"custom-chart-label"},m.default.createElement("i",null),v?m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},k("pregnancy.week")):m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray500},k("pregnancy.week")))))},v=e=>{var{color:t}=e,a=d.__rest(e,["color"]);return m.default.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),m.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:t||n.theme.colors.primaryBase}))},w=({idealWeight:e,siteType:r})=>{const{t:o}=l.useTranslations(),i="marryBaby"===r;return m.default.createElement(y,null,m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.lightPink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pregnancyTool.weightSuggested")," ",m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.colors.primary100}),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},m.default.createElement(a.Text,{size:"n1",as:"span"},o("pregnancyTool.weightSuggested")," "),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray800,type:"bold",as:"span"},e)))),m.default.createElement("div",null,i?m.default.createElement(m.default.Fragment,null,m.default.createElement(v,{color:n.theme.mbColors.pink}),m.default.createElement(t.MarryBabyText,{type:"bodytext-3",color:n.theme.mbColors.dark},o("pwg.placeholder.weight"))):m.default.createElement(m.default.Fragment,null,m.default.createElement(v,null),m.default.createElement(a.Text,{size:"n1",color:n.theme.colors.gray600},o("pwg.placeholder.weight")))))},T=f.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/{routing-52650cf1.js → routing-b13b4c94.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-98d545d1.js"),o=require("./isProduction-2b4ae2b7.js");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,s)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!o.isProduction;return r?"http://localhost:3000":`https://${i?s?"fe.":"discover.":s?"www.":""}${e.domainLocales[s?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,s)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[s?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
+"use strict";var e=require("./index-4a4001f1.js"),o=require("./isProduction-0a5824ab.js");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,s)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!o.isProduction;return r?"http://localhost:3000":`https://${i?s?"fe.":"discover.":s?"www.":""}${e.domainLocales[s?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,s)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[s?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;

package/build/{screenSizeContext-5fd4a7a5.js → screenSizeContext-e8acf30b.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-2ae8228e.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
+"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-4be7c6e1.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
 from {
   transform: translate3d(0, 100%, 0);
   visibility: visible;
@@ -70,7 +70,7 @@ to {
     visibility: hidden;
     transform: translate3d(0, -100%, 0);
   }
-`,B=e.keyframes`
+`,c=e.keyframes`
   from {
     opacity: 0;
   }
@@ -78,4 +78,4 @@ to {
   to {
     opacity: 1;
   }
-`,c=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=B,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;
+`,B=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=B,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(B.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=c,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-fc093eea.js"),r=require("./index.styled-755c88a1.js"),t=require("./dataTransform-388e9dd0.js");require("./tslib.es6-e196e4ce.js"),require("react"),require("@mantine/core"),require("./index-99b1be03.js"),require("styled-components"),require("./utils-2ae8228e.js"),require("./index-7cb48d9c.js"),require("./gAssets.js"),require("./index-98d545d1.js"),require("date-fns/locale"),require("./Onboarding-614a1154.js"),require("./isProduction-2b4ae2b7.js"),require("./index-261c84e7.js"),require("./index-5e9dacd0.js"),require("./index-593cfab2.js"),require("./index.styles-5c115462.js"),require("./theme-08608671.js"),require("./index-76b957aa.js"),require("dayjs"),require("./screenSizeContext-5fd4a7a5.js"),require("lodash/throttle"),require("./useUniqueId-81eea527.js"),require("./index-aed4713c.js"),require("./index-1b459ed3.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index.styled-104a93c7.js"),require("./translationsContext-29aae092.js"),require("string-format"),require("./index-547550bf.js"),require("@mantine/dates"),require("./index-5505ef00.js"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-b7f5520c.js"),require("./useTranslations-c31f6731.js"),require("./index-bc27e169.js"),require("date-fns"),require("./index-13dac5d6.js"),require("./types-70789d58.js"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("innertext"),require("./index-62a11700.js"),require("react-contenteditable"),require("./cookieHelper-62311155.js"),require("react-dom"),require("keen-slider/react"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-3a67f000.js"),require("uuid"),require("dayjs/plugin/relativeTime"),require("./index-9943cfdf.js"),require("./routing-52650cf1.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-22bde17d.js"),r=require("./index.styled-265443de.js"),t=require("./dataTransform-237a156d.js");require("./tslib.es6-4412c099.js"),require("react"),require("@mantine/core"),require("./index-96ee2b36.js"),require("styled-components"),require("./utils-4be7c6e1.js"),require("./index-d9c43c05.js"),require("./gAssets.js"),require("./index-4a4001f1.js"),require("date-fns/locale"),require("./Onboarding-f6fe8e1e.js"),require("./isProduction-0a5824ab.js"),require("./index-a4f19dcf.js"),require("./index-fc60778a.js"),require("./index-0139be52.js"),require("./index.styles-9c0f9f00.js"),require("./theme-0e34ea25.js"),require("./index-9e4a32c9.js"),require("dayjs"),require("./screenSizeContext-e8acf30b.js"),require("lodash/throttle"),require("./useUniqueId-f8db6dc8.js"),require("./index-784af370.js"),require("./index-8dd84da6.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index.styled-522ebb5b.js"),require("./translationsContext-f1cd3fa8.js"),require("string-format"),require("./index-cd82b05e.js"),require("@mantine/dates"),require("./index-1d39995b.js"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-de356764.js"),require("./useTranslations-2cdb72d9.js"),require("./index-e6568d65.js"),require("date-fns"),require("./index-2801f2c8.js"),require("./types-d9f7abe0.js"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("innertext"),require("./index-23dc73ec.js"),require("react-contenteditable"),require("./cookieHelper-1f147059.js"),require("react-dom"),require("keen-slider/react"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-e4e12a67.js"),require("uuid"),require("dayjs/plugin/relativeTime"),require("./index-61fec077.js"),require("./routing-b13b4c94.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;