@hhgtech/hhg-components 1.27.5 → 1.27.8

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-21a9bda0.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),o=require("./index-7f65bef0.js"),a=require("./index-7e1f166f.js"),i=require("./utils-323ad992.js"),l=require("./useTranslations-5a0eec59.js");require("lodash/debounce"),require("./isProduction-b259ce8f.js");var s=require("./index-35953830.js"),d=require("./Onboarding-0315b680.js");require("dayjs"),require("./screenSizeContext-e7bf25b0.js"),require("styled-components");var u=require("./theme-b5e0e4f3.js"),c=require("./utils-feac693f.js");require("./gAssets.js");var m=require("./index.styled-e0d14247.js"),p=require("@mantine/form");require("./index.styles-ea75ee5a.js"),require("./index-7284f369.js"),require("./index-7fc2826f.js"),require("./index.styled-d1ecdec7.js"),require("./index-e3edbaba.js");var g=require("./index-1e117abc.js");require("./index-1ad59d4c.js");var b=require("./index-80ae2201.js"),f=require("./Visible-18fa95e4.js"),E=require("yup");require("@mantine/dates");var h=require("lodash/throttle"),v=require("./index-73e61fab.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-dd0c1137.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-29af59c4.js"),require("./index-87edc93e.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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-f1c64250.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),o=require("./index-9d289822.js"),a=require("./index-a645c8d5.js"),i=require("./index-174de5be.js"),l=require("./useTranslations-1b094e14.js");require("lodash/debounce"),require("./isProduction-7730b567.js");var s=require("./index-d4e56d53.js"),d=require("./Onboarding-c7422226.js");require("dayjs"),require("./screenSizeContext-4d129b5e.js"),require("styled-components");var u=require("./theme-5da51ca6.js"),c=require("./utils-a41f803f.js");require("./gAssets.js");var m=require("./index.styled-d13603fc.js"),p=require("@mantine/form");require("./index.styles-61850100.js"),require("./index-107fb8c0.js"),require("./index-3448f5f5.js"),require("./index.styled-9199e40a.js"),require("./index-e9ef85ec.js");var g=require("./index-07ce1858.js");require("./index-a735a3ee.js");var b=require("./index-1e595fa8.js"),f=require("./Visible-b9167ff4.js"),E=require("./utils-01248207.js"),h=require("yup");require("@mantine/dates");var v=require("lodash/throttle"),y=require("./index-9753d36d.js"),S=require("date-fns");function O(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(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-cd7c4d05.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-8c760038.js"),require("./index-85288467.js");var P=O(t),j=w(h),x=O(v);const C=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(r.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(g.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(r.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:n?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):P.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"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.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)}}),P.default.createElement(r.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),O=P.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),w=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),j=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:w,term:S,address:O}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,j)},q=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default("")}),k=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName")),email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:j.mixed().required(e("onboarding.similac.address.error")),term:j.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>j.object().shape({otp:j.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>j.object().shape({email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>j.object().shape({password:j.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:j.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([j.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(q(s))});return P.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")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["phone"]}),P.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&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=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(k(g))});return P.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),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.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&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},g("onboarding.button.skip")))))},I=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?P.default.createElement(_,Object.assign({},n)):P.default.createElement(F,Object.assign({},n))},z=({onSubmit:r,phone:a,email:s,onResendCode:d,otpError:c,onClose:g,loading:b,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:O}=t.useContext(i.OnboardingContext),[w,j]=t.useState(30),q=n.useInterval((()=>j((e=>e-1))),1e3),[k,B]=n.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(q.start(),q.stop)),[]),t.useEffect((()=>{0===w&&(q.stop(),M.current=!1)}),[w]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{c&&_.setFieldError("otp",c)}),[c]);const I=t.useMemo((()=>x.default((()=>{M.current||(B.increment(),j(30),null==d||d(a||s),q.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,q]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${u.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.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"},P.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"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),r(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:u.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:O?u.theme.mbColors.pink:u.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:w}))),P.default.createElement(o.Button,{theme:S,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"},F("onboarding.button.continue")),h&&k>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g,type:"button"},F("onboarding.button.skip")))))},L=({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(B(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]),P.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})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(C,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&P.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(C,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),n&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(r.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,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:w,onPersonalInfoSubmit:j,onPhoneSubmit:x,onResendCode:C,otpError:q,otpLoading:k,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,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(F||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 w(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},re="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:re}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(r.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},P.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}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{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}):P.default.createElement(I,{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&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:C,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:C,otpError:q,loading:k,canSkip:g,onBack:te,outOfEdit:Z>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{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&&P.default.createElement(N,{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&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(r.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":re},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(r.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:u.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(r.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;

package/build/onboardingV2.js

@@ -1,40 +1,57 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-21a9bda0.js"),t=require("react"),a=require("@mantine/core"),n=require("react-dom");require("./gAssets.js"),require("@mantine/dates");var r=require("./index-35953830.js"),o=require("./Onboarding-0315b680.js"),i=require("./index-7e1f166f.js"),l=require("./index.styles-ea75ee5a.js");require("dayjs"),require("./screenSizeContext-e7bf25b0.js");var d=require("styled-components"),s=require("./theme-b5e0e4f3.js"),u=require("./utils-feac693f.js");require("./isProduction-b259ce8f.js");var c=require("./useTranslations-5a0eec59.js");require("./index-1ad59d4c.js");var m=require("@mantine/hooks");require("lodash/debounce");var p=require("@mantine/form"),f=require("./index-7f65bef0.js");require("./index-7284f369.js");var g=require("./index-7fc2826f.js");require("./index.styled-d1ecdec7.js"),require("./index-e3edbaba.js");var b=require("./utils-323ad992.js"),h=require("yup"),E=require("./index-1e117abc.js"),L=require("./index-80ae2201.js"),C=require("./Visible-18fa95e4.js"),x=require("lodash/throttle"),y=require("./index-73e61fab.js"),v=require("date-fns");require("./translationsContext-dd0c1137.js"),require("string-format");var w=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("date-fns/locale"),require("@mantine/carousel"),require("./useUniqueId-29af59c4.js"),require("./index-87edc93e.js");var P=S(t),O=S(d),j=M(h),k=S(x),T=S(w);const B=t.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),q=O.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-f1c64250.js"),t=require("react"),a=require("@mantine/core"),n=require("@mantine/form"),r=require("./index.styles-61850100.js");require("./gAssets.js"),require("./index-107fb8c0.js");var o=require("./index-3448f5f5.js"),i=require("./utils-a41f803f.js"),l=require("./theme-5da51ca6.js");require("./index.styled-9199e40a.js");var s=require("./useTranslations-1b094e14.js");require("./index-e9ef85ec.js"),require("@mantine/dates");var d=require("./index-d4e56d53.js"),u=require("./Onboarding-c7422226.js"),m=require("./index-a645c8d5.js");require("dayjs"),require("./screenSizeContext-4d129b5e.js");var c=require("styled-components");require("./isProduction-7730b567.js"),require("./index-a735a3ee.js");var p=require("@mantine/hooks");require("lodash/debounce");var f=require("yup"),g=require("./index-07ce1858.js"),b=require("./index-1e595fa8.js"),h=require("./Visible-b9167ff4.js"),E=require("react-dom"),L=require("./index-9d289822.js"),C=require("./index-174de5be.js"),x=require("lodash/throttle"),v=require("./index-9753d36d.js"),y=require("date-fns");require("./translationsContext-cd7c4d05.js"),require("string-format");var w=require("react-keyed-flatten-children");function S(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("./useUniqueId-8c760038.js"),require("date-fns/locale"),require("@mantine/carousel"),require("./index-85288467.js"),require("./utils-01248207.js");var O=S(t),P=S(c),j=M(f),T=S(x),k=S(w);const q=(e,t)=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default(""),first_name:j.string().required(e("onboarding.errorMessage.requiredName")),last_name:j.string().required(e("onboarding.errorMessage.requiredName")),email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:j.mixed().required(e("onboarding.similac.address.error")),term:t?j.bool():j.bool().oneOf([!0],e("onboarding.similac.term.error"))}),B=t.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[_,F,I]=n.createFormContext(),z=P.default(a.Box)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${i.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,N={[u.LOCALE.Vietnam]:"VN",[u.LOCALE.Cambodia]:"KH",[u.LOCALE.Indonesia]:"ID",[u.LOCALE.Malaysia]:"MY",[u.LOCALE.PhilippinesEnglish]:"PH",[u.LOCALE.PhilippinesTagalog]:"PH",[u.LOCALE.Taiwan]:"TW",[u.LOCALE.Thailand]:"TH",[u.LOCALE.Myanmar]:"MM"},D=(e="")=>{const t=e.indexOf("@"),a=e.substring(0,t),n=a.length>3?3:a.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},A=t=>{var{inputOrder:n=["phone"],withSimilac:r=!1,customTerms:o=""}=t,i=e.__rest(t,["inputOrder","withSimilac","customTerms"]);const{t:l}=s.useTranslations(),d=F(),u={phone:({label:e,name:t="phone"})=>O.default.createElement(a.Input.Wrapper,Object.assign({className:r?"input-control":"phone-input",withAsterisk:!0},r?{label:O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.similac.input.phone"))}:{label:e}),O.default.createElement(m.Phone,Object.assign({defaultCountry:N[process.env.UNIFY_LOCALE]||"VN"},d.getInputProps(t))),O.default.createElement(a.Input.Error,{size:"md"},d.errors.phone)),full_name:t=>{var{label:a,name:n="name"}=t,r=e.__rest(t,["label","name"]);return O.default.createElement(m.Input,Object.assign({label:O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},a||l("onboarding.formEmail.yourName")),withAsterisk:!0},d.getInputProps(n),r))},email:({label:e,name:t="email"})=>O.default.createElement(m.Input,Object.assign({label:e||O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.formEmail.yourEmail")),withAsterisk:!0},d.getInputProps(t))),dob:({label:e,name:t="dob"})=>O.default.createElement(g.DatePicker,Object.assign({label:e||O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},d.getInputProps(t))),gender:({label:e,name:t="gender"})=>O.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:e||O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("bmi.selectGender"))},d.getInputProps(t)),O.default.createElement(m.Radio,{value:"0",label:l("onboarding.formEmail.genderMale")}),O.default.createElement(m.Radio,{value:"1",label:l("onboarding.formEmail.genderFemale")})),otp:({name:e="otp"})=>O.default.createElement("div",{className:"otp-input"},O.default.createElement(m.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},d.getInputProps(e))),O.default.createElement(a.Input.Error,null,d.errors.otp)),password:({name:e="password"})=>O.default.createElement(m.Input.Password,Object.assign({label:O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:O.default.createElement(h.Visible,null)},d.getInputProps(e))),confirm_password:({name:e="confirmPassword"})=>O.default.createElement(m.Input.Password,Object.assign({label:O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:O.default.createElement(h.Visible,null)},d.getInputProps(e))),term:({name:e="term",className:t=""})=>o?O.default.createElement("div",{style:{marginBottom:16},className:t},O.default.createElement(m.Checkbox,Object.assign({label:O.default.createElement(m.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},o)},d.getInputProps(e,{type:"checkbox"}),{error:null})),O.default.createElement(a.Input.Error,{size:"md"},d.getInputProps("term",{type:"checkbox"}).error)):null,address:t=>{var{label:a,className:n="",name:r="address"}=t,o=e.__rest(t,["label","className","name"]);return O.default.createElement(b.AddressInput,Object.assign({className:`${n} input-control`,label:a||O.default.createElement(m.Text,{size:"s4",weight:"semiBold",as:"span"},l("onboarding.similac.input.address"))},d.getInputProps(r),o))}},c=n.map((e=>{var t;const a="string"==typeof e?{type:e}:e;return null===(t=u[a.type])||void 0===t?void 0:t.call(u,a)}));return O.default.createElement(z,Object.assign({},i),c)};var Z=t.forwardRef(((o,i)=>{var{inputOrder:l,onSubmit:d,validateSchema:u,defaultValues:c,isActive:p,customTerms:f,customFormTexts:g}=o,b=e.__rest(o,["inputOrder","onSubmit","validateSchema","defaultValues","isActive","customTerms","customFormTexts"]);const{nextStep:h,setSharedData:E,sharedData:L}=t.useContext(B),{t:C}=s.useTranslations(),x=I({initialValues:{term:!1,phone:(null==L?void 0:L.phone)||(null==c?void 0:c.phone)||"",email:(null==L?void 0:L.email)||(null==c?void 0:c.email)||"",name:(null==L?void 0:L.name)||(null==c?void 0:c.name)||""},validate:u||n.yupResolver(q(C))}),v=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==d?void 0:d(t),E((e=>Object.assign(Object.assign({},e),{phone:t.phone,email:t.email,name:t.name}))),h()}catch(e){console.error(e)}})),y=e=>{console.log(e)},w=()=>{var e;return null===(e=x.onSubmit(v,y))||void 0===e?void 0:e()};return t.useImperativeHandle(i,(()=>({submitForm:w}))),O.default.createElement(a.Box,Object.assign({"data-active":p},b),O.default.createElement(a.Box,{sx:{display:"flex",flexDirection:"column",gap:"24px"}},O.default.createElement(a.Box,{sx:{textAlign:"center"}},O.default.createElement(r.Heading,{tag:"h4",as:"h2"},null==g?void 0:g.heading),O.default.createElement(m.Text,{size:"p3"},null==g?void 0:g.description)),O.default.createElement(_,{form:x},O.default.createElement("form",{className:"friso-form",style:{width:"100%"},onSubmit:x.onSubmit(v,y)},O.default.createElement(a.Box,{sx:{".friso-form":{display:"flex",flexWrap:"wrap",gap:"8px",".input-control":{width:"100%",marginBottom:0},".phone-input":{marginBottom:"0 !important",".PhoneInput":{marginBottom:"0 !important"}}}}},O.default.createElement(A,{inputOrder:l,customTerms:f,className:"friso-form"}))))))}));const V=P.default.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
   background: white;
   overflow-y: auto;
-`,_=O.default.div`
+`,H=P.default.div`
   height: 100%;
-  ${u.MediaQueries.lgPcUp} {
+  ${i.MediaQueries.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
   }
-`,I=O.default.div`
+`,R=P.default.div`
   padding: 16px;
-  ${u.MediaQueries.mbUp} {
+  ${i.MediaQueries.mbUp} {
     padding: 48px 24px 24px;
   }
   &[data-similac='true'][data-has-banner='true'] {
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       background: white;
       border-top-left-radius: 1rem;
       border-top-right-radius: 1rem;
       margin-top: -1rem;
     }
   }
-`,F=O.default.div`
+`,$=P.default.div`
   width: 640px;
   padding: 16px 16px 0 16px;
   display: none;
 
-  ${u.MediaQueries.mbUp} {
+  ${i.MediaQueries.mbUp} {
     width: 640px;
     display: table-cell;
   }
-`,z=O.default.div`
-  background-color: ${s.theme.colors.primary50};
+`,U=P.default.div`
+  background-color: ${l.theme.colors.primary50};
   border-radius: 12px;
   height: 100%;
   display: flex;
@@ -42,12 +59,12 @@
   justify-content: space-between;
 
   &[data-is-marry-baby='true'] {
-    background-color: ${s.theme.mbColors.tonePink};
+    background-color: ${l.theme.mbColors.tonePink};
   }
-`,D=O.default.div`
+`,Q=P.default.div`
   margin-top: 40px;
   padding: 24px 40px;
-`,A=O.default.div`
+`,Y=P.default.div`
   width: 100%;
   display: block;
   img {
@@ -62,17 +79,17 @@
       object-fit: contain;
     }
 
-    ${u.MediaQueries.mbUp} {
+    ${i.MediaQueries.mbUp} {
       position: sticky;
       top: 0;
       height: 100vh;
     }
   }
-`,N=O.default(b.Onboarding)`
+`,G=P.default(C.Onboarding)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -88,27 +105,10 @@
   &:not([data-active='true']) {
     display: none !important;
   }
-`,Z=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default("")}),[H,V,R]=p.createFormContext(),$=O.default.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${u.MediaQueries.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,U={[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"},Q=(e="")=>{const t=e.indexOf("@"),a=e.substring(0,t),n=a.length>3?3:a.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},Y=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:r}=c.useTranslations(),o=V(),l=P.default.createElement(a.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),P.default.createElement(i.Phone,Object.assign({defaultCountry:U[process.env.UNIFY_LOCALE]||"VN"},o.getInputProps("phone"))),P.default.createElement(a.Input.Error,{size:"md"},o.errors.phone)),d=P.default.createElement(i.Input,Object.assign({label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},o.getInputProps("name"))),s=P.default.createElement(i.Input,Object.assign({label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},o.getInputProps("email"))),u=P.default.createElement(E.DatePicker,Object.assign({label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},o.getInputProps("dob"))),m=P.default.createElement(i.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},o.getInputProps("gender")),P.default.createElement(i.Radio,{value:"0",label:r("onboarding.formEmail.genderMale")}),P.default.createElement(i.Radio,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=P.default.createElement("div",{className:"otp-input"},P.default.createElement(i.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},o.getInputProps("otp"))),P.default.createElement(a.Input.Error,null,o.errors.otp)),f=P.default.createElement(i.Input.Password,Object.assign({label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(C.Visible,null)},o.getInputProps("password"))),g=n?P.default.createElement("div",{style:{marginBottom:16}},P.default.createElement(i.Checkbox,Object.assign({label:P.default.createElement(i.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n)},o.getInputProps("term",{type:"checkbox"}),{error:null})),P.default.createElement(a.Input.Error,{size:"md"},o.getInputProps("term",{type:"checkbox"}).error)):null,b=P.default.createElement(L.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},o.getInputProps("address"))),h=P.default.createElement(i.Input.Password,Object.assign({label:P.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(C.Visible,null)},o.getInputProps("confirmPassword"))),x=e.map((e=>({phone:l,full_name:d,email:s,dob:u,gender:m,otp:p,password:f,confirm_password:h,term:g,address:b}[e]||null)));return P.default.createElement($,null,x)},G=O.default(b.Onboarding)`
+`,W=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default("")}),K=P.default(C.Onboarding)`
   .otp-input {
     margin-bottom: 36px;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 20px;
     }
     .otpContainer {
@@ -119,7 +119,7 @@
     display: flex;
     gap: 6px;
     margin-bottom: 32px;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     a {
@@ -138,7 +138,7 @@
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`,W=e=>j.object().shape({otp:j.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),K=e=>j.object().shape({email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName"))}),J=O.default.div`
+`,J=e=>j.object().shape({otp:j.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),X=e=>j.object().shape({email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName"))}),ee=P.default.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -147,7 +147,7 @@
   &.similac {
     margin-top: 16px;
   }
-`,X=O.default(a.Container)`
+`,te=P.default(a.Container)`
   &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
     display: flex;
     flex-direction: column;
@@ -159,7 +159,7 @@
   .header {
     margin-bottom: 32px;
     text-align: center;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
   }
@@ -188,13 +188,13 @@
   .form-button {
     width: 100%;
   }
-`,ee=O.default.img`
+`,ae=P.default.img`
   margin-bottom: 38px;
-`,te=n=>{var o,{heading:l,description:d,children:u,className:c,imgSrc:m,hiddenLogo:p=!1}=n,f=e.__rest(n,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:b,siteType:h}=t.useContext(B);return P.default.createElement(X,Object.assign({},f,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!p&&P.default.createElement(g.LogoIcon,{type:b?h:(null===(o=r.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),P.default.createElement(J,{className:p?"similac":""},m&&P.default.createElement(ee,{src:m,loading:"lazy"}),P.default.createElement("div",{className:"header"},P.default.createElement(a.Title,{order:3},l),P.default.createElement(i.Text,{size:"p3",mt:8,color:s.theme.colors.gray600},d)),u))},ae=O.default(b.Onboarding)`
+`,ne=n=>{var r,{heading:i,description:s,children:u,className:c,imgSrc:p,hiddenLogo:f=!1}=n,g=e.__rest(n,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:b,siteType:h}=t.useContext(B);return O.default.createElement(te,Object.assign({},g,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!f&&O.default.createElement(o.LogoIcon,{type:b?h:(null===(r=d.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),O.default.createElement(ee,{className:f?"similac":""},p&&O.default.createElement(ae,{src:p,loading:"lazy"}),O.default.createElement("div",{className:"header"},O.default.createElement(a.Title,{order:3},i),O.default.createElement(m.Text,{size:"p3",mt:8,color:l.theme.colors.gray600},s)),u))},re=P.default(C.Onboarding)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -210,11 +210,11 @@
   &:not([data-active='true']) {
     display: none !important;
   }
-`,ne=(e,t)=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName")),email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:j.mixed().required(e("onboarding.similac.address.error")),term:t?j.bool():j.bool().oneOf([!0],e("onboarding.similac.term.error"))}),re=O.default(b.Onboarding)`
+`,oe=(e,t)=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName")),email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:j.mixed().required(e("onboarding.similac.address.error")),term:t?j.bool():j.bool().oneOf([!0],e("onboarding.similac.term.error"))}),ie=P.default(C.Onboarding)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${u.MediaQueries.mbDown} {
+    ${i.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -230,4 +230,4 @@
   &:not([data-active='true']) {
     display: none !important;
   }
-`,oe=e=>j.object().shape({password:j.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:j.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([j.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),ie={Provider:({children:e,siteType:a,setSharedData:n})=>{const[r,o]=t.useState(0),[i,l]=t.useState(0),[d,s]=t.useState({});return t.useEffect((()=>{null==n||n(d)}),[d,n]),P.default.createElement(B.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:l,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1),siteType:a,isMarryBaby:"marryBaby"===a,sharedData:d,setSharedData:s}},e)},Modal:r=>{var{children:o,withSimilac:l,banner:d,withPortal:m}=r,p=e.__rest(r,["children","withSimilac","banner","withPortal"]);const{isMobile:f}=i.useScreenSize(),{isMarryBaby:g}=t.useContext(B),{t:b}=c.useTranslations();if(m&&"undefined"==typeof window)return null;const h=P.default.createElement(q,Object.assign({},p),P.default.createElement(_,null,P.default.createElement(a.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(a.Grid.Col,{span:"object"!=typeof d&&!l||f?12:6,order:l?2:1,orderMd:l?1:2,sx:{zIndex:l?99:void 0}},P.default.createElement(I,{"data-similac":l,"data-has-banner":"object"==typeof d},o)),d&&"object"==typeof d&&!l&&P.default.createElement(a.Grid.Col,{span:f?12:6,order:1,orderMd:2},P.default.createElement(F,null,P.default.createElement(z,{"data-is-marry-baby":g},P.default.createElement(D,null,d.heading&&P.default.createElement(a.Title,{order:1,mb:24},d.heading),d.description&&P.default.createElement(i.Text,{size:"p1",color:s.theme.colors.gray800},b("onboarding.welcomeScreen.content"))),P.default.createElement(A,null,d.imgSrc?P.default.createElement("img",{src:d.imgSrc,loading:"lazy"}):d.imgComponent?d.imgComponent:null)))),d&&"object"==typeof d&&l&&(d.imgSrc||d.imgComponent)&&P.default.createElement(a.Grid.Col,{span:"auto",order:1,orderMd:2},P.default.createElement(A,{className:"similac"},d.imgSrc?P.default.createElement("img",{src:d.imgSrc,loading:"lazy"}):d.imgComponent?d.imgComponent:null)))));return m?n.createPortal(h,u.getPopupWrapperDom()):h},Form:({onClose:a,onSubmit:n,canSkip:r=!0,customFormTexts:o,isActive:i})=>{const{t:l}=c.useTranslations(),{sharedData:d,setSharedData:s,nextStep:u}=t.useContext(B),m=R({initialValues:{phone:(null==d?void 0:d.phone)||""},validate:p.yupResolver(Z(l))});return P.default.createElement(N,{heading:(null==o?void 0:o.heading)||l("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||l("onboarding.updatePhone.description"),"data-active":i},P.default.createElement(H,{form:m},P.default.createElement("form",{onSubmit:m.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{s((e=>Object.assign(Object.assign({},e),{phone:t.phone}))),yield null==n?void 0:n(t.phone),u()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},P.default.createElement(Y,{inputOrder:["phone"]}),P.default.createElement(f.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"},l("onboarding.button.continue")),r&&P.default.createElement(f.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},l("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:a,email:n,onResendCode:r,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{email:u,retryEmailCount:g},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:L,nextStep:C}=t.useContext(B),x=n||u||"",[v,w]=t.useState(30),S=m.useInterval((()=>w((e=>e-1))),1e3),[M,O]=m.useCounter(0,{min:0,max:3}),j=t.useRef(!0),{t:T}=c.useTranslations();t.useEffect((()=>(S.start(),S.stop)),[]),t.useEffect((()=>{0===v&&(S.stop(),j.current=!1)}),[v]);const q=R({initialValues:{otp:""},validate:p.yupResolver(W(T))});t.useEffect((()=>{o&&q.setFieldError("otp",o)}),[o]);const _=t.useMemo((()=>k.default((()=>{j.current||(O.increment(),w(30),null==r||r(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,r,S]),I=g>=2;return P.default.createElement(G,{heading:T("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${Q(x)}</b>`})}}),!I&&P.default.createElement("svg",{onClick:()=>{g>=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"},P.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"})))},P.default.createElement(H,{form:q},P.default.createElement("form",{onSubmit:q.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{O.increment();!(yield null==a?void 0:a(t.otp))&&C()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},P.default.createElement(Y,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:s.theme.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:L?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:_},T("onboarding.otpForm.resendCode",{seconds:v}))),P.default.createElement(f.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"},T("onboarding.button.continue")),d&&M>=3&&P.default.createElement(f.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},T("onboarding.button.skip")))))},Phone:({onSubmit:a,phone:n,onResendCode:r,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{phone:u,retryPhoneCount:g},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:L,nextStep:C}=t.useContext(B),x=n||u||"",[v,w]=t.useState(30),S=m.useInterval((()=>w((e=>e-1))),1e3),[M,O]=m.useCounter(0,{min:0,max:3}),j=t.useRef(!0),{t:T}=c.useTranslations();t.useEffect((()=>(S.start(),S.stop)),[]),t.useEffect((()=>{0===v&&(S.stop(),j.current=!1)}),[v]);const q=R({initialValues:{otp:""},validate:p.yupResolver(W(T))});t.useEffect((()=>{o&&q.setFieldError("otp",o)}),[o]);const _=t.useMemo((()=>k.default((()=>{j.current||(O.increment(),w(30),null==r||r(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,r,S]),I=g>=2;return P.default.createElement(G,{heading:T("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${x.slice(0,-3).replace(/./g,"x").concat(x.slice(-3))}</b>`})}}),!I&&P.default.createElement("svg",{onClick:()=>{g>=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"},P.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"})))},P.default.createElement(H,{form:q},P.default.createElement("form",{onSubmit:q.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{O.increment();!(yield null==a?void 0:a(t.otp))&&C()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},P.default.createElement(Y,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:s.theme.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:L?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:_},T("onboarding.otpForm.resendCode",{seconds:v}))),P.default.createElement(f.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"},T("onboarding.button.continue")),d&&M>=3&&P.default.createElement(f.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},T("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:a,onSubmit:n,canSkip:o,loading:i,errorMessage:l,initialData:d})=>{const{t:s,locale:u}=c.useTranslations(),{siteType:m,isMarryBaby:g,setSharedData:b,nextStep:h}=t.useContext(B),E=R({validate:p.yupResolver(K(s))});return t.useEffect((()=>{E.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),t.useEffect((()=>{l&&E.setFieldError("email",l)}),[l]),P.default.createElement(te,{heading:s("onboarding.formEmail.heading"),description:s("onboarding.formEmail.description",{site:g?"Marry Baby":r.LOCALE_SPECS[u].SITE_NAME_FORMATTED})},P.default.createElement(H,{form:E},P.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==n?void 0:n(Object.assign(Object.assign({},t),{birthday:t.birthday&&v.format(t.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(Y,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(f.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:i,disabled:i},s("onboarding.button.continue")),o&&P.default.createElement(f.Button,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},s("onboarding.button.skip")))))},ResultScreen:a=>{var{onClose:n}=a,r=e.__rest(a,["onClose"]);const{t:o}=c.useTranslations(),{siteType:i}=t.useContext(B);return P.default.createElement(te,Object.assign({},r),P.default.createElement(f.Button,{theme:i,size:"lg",onClick:n,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:a=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:l,customTerms:d,defaultValues:s,isActive:u}=a,m=e.__rest(a,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues","isActive"]);const{t:f}=c.useTranslations(),{nextStep:g,setSharedData:b,sharedData:h}=t.useContext(B),{isMobile:E}=i.useScreenSize(),L=R({initialValues:{term:!1,phone:(null==h?void 0:h.phone)||(null==s?void 0:s.phone)||"",email:(null==h?void 0:h.email)||(null==s?void 0:s.email)||"",name:(null==h?void 0:h.name)||(null==s?void 0:s.name)||""},validate:p.yupResolver(ne(f,!d))}),C=(null==s?void 0:s.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return P.default.createElement(ae,Object.assign({heading:(null==l?void 0:l.heading)||f("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||f("onboarding.updatePhone.description"),hiddenLogo:E,"data-active":u},m),P.default.createElement(H,{form:L},P.default.createElement("form",{style:{width:"100%"},onSubmit:L.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==r?void 0:r(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)}))},P.default.createElement(Y,{inputOrder:C,withSimilac:!0,customTerms:d}),P.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"},f("onboarding.button.continue")),o&&P.default.createElement(i.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},f("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:n,onSubmit:r,canSkip:o,errorMessage:i,loading:l})=>{const{t:d}=c.useTranslations(),{nextStep:s}=t.useContext(B),u=R({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(oe(d))});return P.default.createElement(te,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(H,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield r((null==t?void 0:t.password)||""),!i&&s()}))),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(Y,{inputOrder:["password","confirm_password"]}),P.default.createElement(f.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},d("onboarding.button.continue")),o&&P.default.createElement(f.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n},d("onboarding.button.skip")),i&&P.default.createElement(a.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:e,onStepChange:a})=>{const{currentStep:n,setMaxStep:r}=t.useContext(B),o=P.default.Children.count(e);return t.useEffect((()=>{null==a||a(n)}),[n]),t.useEffect((()=>{r(o-1)}),[o]),P.default.createElement(P.default.Fragment,null,T.default(e).map(((e,a)=>{const r=a===n;return P.default.createElement(t.Fragment,{key:a},P.default.isValidElement(e)?e.props.alwaysRender||r?P.default.cloneElement(e,{isActive:a===n,stepIndex:a}):null:r?e:null)})))},ThankYou:t=>{var{onClose:n,thanksPageInfo:r,isActive:o}=t,d=e.__rest(t,["onClose","thanksPageInfo","isActive"]);const{t:s}=c.useTranslations(),{isMobile:u}=i.useScreenSize();return P.default.createElement(re,Object.assign({heading:"",description:"",hiddenLogo:u,"data-active":o},d),P.default.createElement(a.Container,{fluid:!0},P.default.createElement(a.Stack,{align:"center",spacing:8,w:"100%",ta:"center"},P.default.createElement(a.AspectRatio,{ratio:1,w:{base:120,md:160}},P.default.createElement("svg",{width:"160",height:"160",viewBox:"0 0 160 160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},P.default.createElement("mask",{id:"mask0_4580_96805",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"160",height:"160"},P.default.createElement("circle",{cx:"80",cy:"80",r:"80",fill:"url(#paint0_radial_4580_96805)"})),P.default.createElement("g",{mask:"url(#mask0_4580_96805)"},P.default.createElement("path",{d:"M71.5938 0.45906L76.9763 38.1373C77.0115 38.1373 77.0819 38.1373 77.1171 38.102L82.3589 75.0033L87.5656 38.0666C87.6008 38.0666 87.636 38.0666 87.636 38.0666L92.8426 1.02406C88.6562 0.353123 84.3642 0 80.0018 0C77.1522 0 74.3378 0.141249 71.5938 0.45906Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M131.15 18.5391C125.733 14.0191 119.682 10.1701 113.173 7.20386L97.8699 41.0683C97.9051 41.0683 97.9403 41.1037 97.9403 41.1037L82.4609 75.2859L131.15 18.5391Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M46.4386 64.8334L82.1114 75.3212H81.9707L82.3225 75.4271H82.3577L82.3928 75.3918L82.428 75.4271H82.3928L82.428 75.4624H82.4632L82.6039 75.5331L82.4984 75.4624L118.347 85.9855C118.347 86.0208 118.347 86.0208 118.312 86.0561L158.101 97.8151C159.332 92.2005 160.001 86.3386 160.001 80.3355C160.001 78.6758 159.93 76.9809 159.86 75.3565H119.825C119.825 75.3918 119.825 75.3918 119.825 75.4271L82.4632 75.4624V75.4271L82.6391 75.3918L82.4984 75.4624L82.815 75.3565H82.6391L155.497 53.6394C153.07 46.7182 149.728 40.2208 145.612 34.2883L82.6391 75.2859H82.4984L82.5687 75.2152L82.4632 75.2859L82.4984 75.074L82.428 75.2152V75.2506L82.3928 75.2859V75.2506H82.3225V75.2152L82.2521 75.074L82.2873 75.2506L82.2169 75.2152L82.2521 75.2506H82.1114L15.7614 32.4167C11.2231 38.5258 7.52917 45.341 4.85547 52.6154L46.4386 64.8334ZM82.3225 75.3918V75.4271L82.2169 75.3565L82.3225 75.3918Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M57.8032 46.9301L82.2887 75.2506L66.7741 41.1036L50.556 5.61475C43.6607 8.33379 37.2579 12.0063 31.4531 16.4556L57.8032 46.9301Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M113.877 95.8023L82.5312 75.5684L106.982 103.854C106.946 103.854 106.946 103.889 106.911 103.889L136.005 137.647C141.529 132.209 146.243 125.994 150.042 119.179L113.877 95.8023Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.3203 75.427V75.4627H82.356L82.3203 75.427H82.356H82.3203Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.2857 75.4623L82.321 75.427H82.2857L82.1445 75.4976L82.2857 75.4623Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.2164 75.5684L50.9411 95.9436C50.906 95.9082 50.906 95.8729 50.8708 95.8376L11.3281 121.51C15.4794 128.501 20.6861 134.787 26.7019 140.19L62.5858 98.4507L82.2164 75.5684Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M46.438 86.0559L82.2867 75.3916L0.140721 75.4975C0.0351803 77.0866 0 78.6756 0 80.3C0 86.7975 0.773967 93.1184 2.21636 99.1921L46.438 86.0559C46.438 86.0912 46.438 86.0912 46.438 86.0559Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.2507 75.7095L47 153.467C54.2823 156.786 62.1275 159.011 70.3949 160L82.2507 75.7095Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.4609 75.7095L94.3519 159.329C102.373 157.881 109.972 155.233 116.938 151.56L82.4609 75.7095Z",fill:"#E0F8EE"}),P.default.createElement("path",{d:"M82.3203 75.5684L82.3556 75.8509L82.4262 75.5684L82.3556 75.4978L82.3203 75.5684Z",fill:"#E0F8EE"})),P.default.createElement("path",{d:"M124.694 61.2L124.986 62.1726C125.083 62.6589 125.472 62.9507 125.959 63.1452L126.931 63.437L125.959 63.8261C125.569 63.9234 125.18 64.3124 125.083 64.7015L124.694 65.7714L124.305 64.7015C124.111 64.3124 123.819 64.0206 123.43 63.8261L122.457 63.5343L123.43 63.2425C123.819 63.1452 124.111 62.7562 124.305 62.3671L124.694 61.2Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M104.744 34.2856L104.915 34.8571C104.973 35.1428 105.201 35.3142 105.487 35.4285L106.058 35.5999L105.487 35.8285C105.258 35.8856 105.03 36.1142 104.973 36.3428L104.744 36.9714L104.515 36.3428C104.401 36.1142 104.23 35.9428 104.001 35.8285L103.43 35.6571L104.001 35.4856C104.23 35.4285 104.401 35.1999 104.515 34.9714L104.744 34.2856Z",fill:"#00B16A"}),P.default.createElement("path",{d:"M118.345 38L119.088 40.4C119.431 41.4857 120.288 42.3429 121.317 42.6286L123.717 43.3714L121.259 44.2286C120.231 44.5714 119.488 45.3714 119.145 46.3429L118.288 48.8L117.317 46.2286C116.974 45.2571 116.174 44.5143 115.202 44.1714L112.859 43.3714L115.145 42.5714C116.117 42.2286 116.859 41.4857 117.259 40.5714L118.345 38Z",fill:"#FFB521"}),P.default.createElement("path",{d:"M41.8846 98.8572L42.056 99.4286C42.1132 99.7143 42.3417 99.8857 42.6275 100L43.1989 100.171L42.6275 100.4C42.3989 100.457 42.1703 100.686 42.1132 100.914L41.8846 101.543L41.656 100.914C41.5417 100.686 41.3703 100.514 41.1417 100.4L40.5703 100.229L41.1417 100.057C41.3703 100 41.5417 99.7715 41.656 99.5429L41.8846 98.8572Z",fill:"#00B16A"}),P.default.createElement("path",{d:"M64.5717 125.314L65.3145 127.714C65.6574 128.8 66.5145 129.657 67.5431 129.943L69.9431 130.686L67.4859 131.543C66.4574 131.886 65.7145 132.686 65.3717 133.657L64.5145 136.114L63.5431 133.543C63.2002 132.571 62.4002 131.828 61.4288 131.486L59.0859 130.686L61.3717 129.886C62.3431 129.543 63.0859 128.8 63.4859 127.886L64.5717 125.314Z",fill:"#FFB521"}),P.default.createElement("path",{d:"M80.9708 120.343L81.2565 121.314C81.3708 121.771 81.7708 122.114 82.1708 122.228L83.1993 122.514L82.1708 122.857C81.7708 122.971 81.4279 123.314 81.3136 123.714L80.9708 124.743L80.5708 123.657C80.3993 123.257 80.1136 122.914 79.7136 122.8L78.7422 122.457L79.7136 122.114C80.1136 122 80.3993 121.657 80.5708 121.314L80.9708 120.343Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M130.307 98.2856L130.529 99.0426C130.619 99.3988 130.93 99.666 131.242 99.755L132.043 99.9777L131.242 100.245C130.93 100.334 130.663 100.601 130.574 100.913L130.307 101.714L129.995 100.868C129.862 100.557 129.639 100.289 129.327 100.2L128.57 99.9331L129.327 99.666C129.639 99.5769 129.862 99.3098 129.995 99.0426L130.307 98.2856Z",fill:"#00B16A"}),P.default.createElement("path",{d:"M36.592 64L36.8147 64.757C36.9037 65.1132 37.2154 65.3803 37.5271 65.4694L38.3286 65.692L37.5271 65.9592C37.2154 66.0482 36.9482 66.3154 36.8592 66.6271L36.592 67.4286L36.2803 66.5826C36.1467 66.2709 35.9241 66.0037 35.6124 65.9147L34.8555 65.6475L35.6124 65.3803C35.9241 65.2913 36.1467 65.0241 36.2803 64.757L36.592 64Z",fill:"#FFB521"}),P.default.createElement("path",{d:"M67.3816 26.8572L67.6734 27.8298C67.7707 28.3161 68.1597 28.6079 68.646 28.8025L69.6187 29.0942L68.646 29.4833C68.257 29.5806 67.8679 29.9696 67.7707 30.3587L67.3816 31.4286L66.9926 30.3587C66.798 29.9696 66.5062 29.6778 66.1172 29.4833L65.1445 29.1915L66.1172 28.8997C66.5062 28.8025 66.798 28.4134 66.9926 28.0243L67.3816 26.8572Z",fill:"#2D87F3"}),P.default.createElement("path",{d:"M80.0011 108.572C95.7807 108.572 108.573 95.7797 108.573 80.0001C108.573 64.2206 95.7807 51.4287 80.0011 51.4287C64.2216 51.4287 51.4297 64.2206 51.4297 80.0001C51.4297 95.7797 64.2216 108.572 80.0011 108.572Z",fill:"#00B16A"}),P.default.createElement("path",{d:"M78.5808 89.1451C77.3597 89.147 76.1503 88.908 75.0217 88.4418C73.8932 87.9757 72.8677 87.2914 72.0039 86.4283L68.6389 83.0617C68.1939 82.6009 67.9477 81.9838 67.9532 81.3432C67.9588 80.7027 68.2157 80.0899 68.6687 79.6369C69.1217 79.1839 69.7344 78.927 70.375 78.9214C71.0156 78.9159 71.6327 79.1621 72.0935 79.6071L75.4585 82.9738C75.8649 83.3802 76.3473 83.7025 76.8783 83.9225C77.4093 84.1424 77.9784 84.2556 78.5531 84.2556C79.1278 84.2556 79.6969 84.1424 80.2279 83.9225C80.7589 83.7025 81.2413 83.3802 81.6477 82.9738L102.984 63.6911C103.468 63.2745 104.095 63.0635 104.732 63.1034C105.369 63.1433 105.965 63.4308 106.392 63.9044C106.82 64.3781 107.046 65.0003 107.02 65.6379C106.995 66.2756 106.722 66.8781 106.258 67.3166L85.0046 86.513C84.1599 87.3531 83.1576 88.0181 82.0552 88.4698C80.9528 88.9215 79.7721 89.151 78.5808 89.1451Z",fill:"white"}),P.default.createElement("defs",null,P.default.createElement("radialGradient",{id:"paint0_radial_4580_96805",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(80 80) rotate(90) scale(80)"},P.default.createElement("stop",{stopColor:"#C4C4C4"}),P.default.createElement("stop",{offset:"1",stopColor:"#C4C4C4",stopOpacity:"0"}))))),P.default.createElement(l.Heading,{tag:"h3"},null==r?void 0:r.title),P.default.createElement(i.Text,{size:"p3",color:"gray.6"},null==r?void 0:r.description),P.default.createElement(i.Button,{mt:{base:16,md:24},fullWidth:u,size:"lg",onClick:n},s("similac.thankYou.done")))))}};exports.MAPPED_LOCALE=U,exports.Onboarding=ie;
+`,le=e=>j.object().shape({password:j.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:j.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([j.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se={Provider:({children:e,siteType:a,setSharedData:n})=>{const[r,o]=t.useState(0),[i,l]=t.useState(0),[s,d]=t.useState({});return t.useEffect((()=>{null==n||n(s)}),[s,n]),O.default.createElement(B.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:l,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1),siteType:a,isMarryBaby:"marryBaby"===a,sharedData:s,setSharedData:d}},e)},Modal:n=>{var{children:r,withSimilac:o,banner:d,withPortal:u}=n,c=e.__rest(n,["children","withSimilac","banner","withPortal"]);const{isMobile:p}=m.useScreenSize(),{isMarryBaby:f}=t.useContext(B),{t:g}=s.useTranslations();if(u&&"undefined"==typeof window)return null;const b=O.default.createElement(V,Object.assign({},c),O.default.createElement(H,null,O.default.createElement(a.Grid,{sx:{[i.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[i.MediaQueries.mbDown]:{padding:0}}}},O.default.createElement(a.Grid.Col,{span:"object"!=typeof d&&!o||p?12:6,order:o?2:1,orderMd:o?1:2,sx:{zIndex:o?99:void 0}},O.default.createElement(R,{"data-similac":o,"data-has-banner":"object"==typeof d},r)),d&&"object"==typeof d&&!o&&O.default.createElement(a.Grid.Col,{span:p?12:6,order:1,orderMd:2},O.default.createElement($,null,O.default.createElement(U,{"data-is-marry-baby":f},O.default.createElement(Q,null,d.heading&&O.default.createElement(a.Title,{order:1,mb:24},d.heading),d.description&&O.default.createElement(m.Text,{size:"p1",color:l.theme.colors.gray800},g("onboarding.welcomeScreen.content"))),O.default.createElement(Y,null,d.imgSrc?O.default.createElement("img",{src:d.imgSrc,loading:"lazy"}):d.imgComponent?d.imgComponent:null)))),d&&"object"==typeof d&&o&&(d.imgSrc||d.imgComponent)&&O.default.createElement(a.Grid.Col,{span:"auto",order:1,orderMd:2},O.default.createElement(Y,{className:"similac"},d.imgSrc?O.default.createElement("img",{src:d.imgSrc,loading:"lazy"}):d.imgComponent?d.imgComponent:null)))));return u?E.createPortal(b,i.getPopupWrapperDom()):b},Form:({onClose:a,onSubmit:r,canSkip:o=!0,customFormTexts:i,isActive:l})=>{const{t:d}=s.useTranslations(),{sharedData:u,setSharedData:m,nextStep:c}=t.useContext(B),p=I({initialValues:{phone:(null==u?void 0:u.phone)||""},validate:n.yupResolver(W(d))});return O.default.createElement(G,{heading:(null==i?void 0:i.heading)||d("onboarding.updatePhone.heading"),description:(null==i?void 0:i.description)||d("onboarding.updatePhone.description"),"data-active":l},O.default.createElement(_,{form:p},O.default.createElement("form",{onSubmit:p.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{m((e=>Object.assign(Object.assign({},e),{phone:t.phone}))),yield null==r?void 0:r(t.phone),c()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(A,{inputOrder:["phone"]}),O.default.createElement(L.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"},d("onboarding.button.continue")),o&&O.default.createElement(L.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},d("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:a,email:r,onResendCode:o,otpError:i,onClose:d,loading:u,canSkip:m})=>{const{sharedData:{email:c,retryEmailCount:f},setSharedData:g,prevStep:b,siteType:h,isMarryBaby:E,nextStep:C}=t.useContext(B),x=r||c||"",[y,w]=t.useState(30),S=p.useInterval((()=>w((e=>e-1))),1e3),[M,P]=p.useCounter(0,{min:0,max:3}),j=t.useRef(!0),{t:k}=s.useTranslations();t.useEffect((()=>(S.start(),S.stop)),[]),t.useEffect((()=>{0===y&&(S.stop(),j.current=!1)}),[y]);const q=I({initialValues:{otp:""},validate:n.yupResolver(J(k))});t.useEffect((()=>{i&&q.setFieldError("otp",i)}),[i]);const F=t.useMemo((()=>T.default((()=>{j.current||(P.increment(),w(30),null==o||o(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,o,S]),z=f>=2;return O.default.createElement(K,{heading:k("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${l.theme.colors.gray800}">${D(x)}</b>`})}}),!z&&O.default.createElement("svg",{onClick:()=>{f>=2||(g((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.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"})))},O.default.createElement(_,{form:q},O.default.createElement("form",{onSubmit:q.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(t.otp))&&C()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(A,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(v.Text,{size:"p4",color:l.theme.colors.gray400},k("onboarding.otpForm.notReceiveOTP")),O.default.createElement(v.Text,{as:"a",size:"p4",color:E?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:F},k("onboarding.otpForm.resendCode",{seconds:y}))),O.default.createElement(L.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:u,disabled:u,"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"},k("onboarding.button.continue")),m&&M>=3&&O.default.createElement(L.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:d,type:"button"},k("onboarding.button.skip")))))},Phone:({onSubmit:a,phone:r,onResendCode:o,otpError:i,onClose:d,loading:u,canSkip:m})=>{const{sharedData:{phone:c,retryPhoneCount:f},setSharedData:g,prevStep:b,siteType:h,isMarryBaby:E,nextStep:C}=t.useContext(B),x=r||c||"",[y,w]=t.useState(30),S=p.useInterval((()=>w((e=>e-1))),1e3),[M,P]=p.useCounter(0,{min:0,max:3}),j=t.useRef(!0),{t:k}=s.useTranslations();t.useEffect((()=>(S.start(),S.stop)),[]),t.useEffect((()=>{0===y&&(S.stop(),j.current=!1)}),[y]);const q=I({initialValues:{otp:""},validate:n.yupResolver(J(k))});t.useEffect((()=>{i&&q.setFieldError("otp",i)}),[i]);const F=t.useMemo((()=>T.default((()=>{j.current||(P.increment(),w(30),null==o||o(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,o,S]),z=f>=2;return O.default.createElement(K,{heading:k("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("onboarding.otpForm.description",{phone:`<b style="color:${l.theme.colors.gray800}">${x.slice(0,-3).replace(/./g,"x").concat(x.slice(-3))}</b>`})}}),!z&&O.default.createElement("svg",{onClick:()=>{f>=2||(g((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.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"})))},O.default.createElement(_,{form:q},O.default.createElement("form",{onSubmit:q.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(t.otp))&&C()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(A,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(v.Text,{size:"p4",color:l.theme.colors.gray400},k("onboarding.otpForm.notReceiveOTP")),O.default.createElement(v.Text,{as:"a",size:"p4",color:E?l.theme.mbColors.pink:l.theme.colors.primaryBase,onClick:F},k("onboarding.otpForm.resendCode",{seconds:y}))),O.default.createElement(L.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:u,disabled:u,"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"},k("onboarding.button.continue")),m&&M>=3&&O.default.createElement(L.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:d,type:"button"},k("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:a,onSubmit:r,canSkip:o,loading:i,errorMessage:l,initialData:u})=>{const{t:m,locale:c}=s.useTranslations(),{siteType:p,isMarryBaby:f,setSharedData:g,nextStep:b}=t.useContext(B),h=I({validate:n.yupResolver(X(m))});return t.useEffect((()=>{h.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{l&&h.setFieldError("email",l)}),[l]),O.default.createElement(ne,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:f?"Marry Baby":d.LOCALE_SPECS[c].SITE_NAME_FORMATTED})},O.default.createElement(_,{form:h},O.default.createElement("form",{className:"form",onSubmit:h.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){g((e=>Object.assign(Object.assign({},e),t)));!(yield null==r?void 0:r(Object.assign(Object.assign({},t),{birthday:t.birthday&&y.format(t.birthday,"yyyy-MM-dd")})))&&b()}))),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(A,{inputOrder:["full_name","email","dob","gender"]}),O.default.createElement(L.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:i,disabled:i},m("onboarding.button.continue")),o&&O.default.createElement(L.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},m("onboarding.button.skip")))))},ResultScreen:a=>{var{onClose:n}=a,r=e.__rest(a,["onClose"]);const{t:o}=s.useTranslations(),{siteType:i}=t.useContext(B);return O.default.createElement(ne,Object.assign({},r),O.default.createElement(L.Button,{theme:i,size:"lg",onClick:n,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:a=>{var{onClose:r,onSubmit:o,canSkip:i=!0,customFormTexts:l,customTerms:d,defaultValues:u,isActive:c}=a,p=e.__rest(a,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues","isActive"]);const{t:f}=s.useTranslations(),{nextStep:g,setSharedData:b,sharedData:h}=t.useContext(B),{isMobile:E}=m.useScreenSize(),L=I({initialValues:{term:!1,phone:(null==h?void 0:h.phone)||(null==u?void 0:u.phone)||"",email:(null==h?void 0:h.email)||(null==u?void 0:u.email)||"",name:(null==h?void 0:h.name)||(null==u?void 0:u.name)||""},validate:n.yupResolver(oe(f,!d))}),C=(null==u?void 0:u.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return O.default.createElement(re,Object.assign({heading:(null==l?void 0:l.heading)||f("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||f("onboarding.updatePhone.description"),hiddenLogo:E,"data-active":c},p),O.default.createElement(_,{form:L},O.default.createElement("form",{style:{width:"100%"},onSubmit:L.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==o?void 0:o(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)}))},O.default.createElement(A,{inputOrder:C,withSimilac:!0,customTerms:d}),O.default.createElement(m.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"},f("onboarding.button.continue")),i&&O.default.createElement(m.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},f("onboarding.button.skip")))))},FrisoForm:Z,UpdatePasswordForm:({onClose:r,onSubmit:o,canSkip:i,errorMessage:l,loading:d})=>{const{t:u}=s.useTranslations(),{nextStep:m}=t.useContext(B),c=I({initialValues:{password:"",confirmPassword:""},validate:n.yupResolver(le(u))});return O.default.createElement(ne,{heading:u("onboarding.updatePassword.heading"),description:u("onboarding.updatePassword.description")},O.default.createElement(_,{form:c},O.default.createElement("form",{className:"form",onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield o((null==t?void 0:t.password)||""),!l&&m()}))),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(A,{inputOrder:["password","confirm_password"]}),O.default.createElement(L.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d},u("onboarding.button.continue")),i&&O.default.createElement(L.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r},u("onboarding.button.skip")),l&&O.default.createElement(a.Input.Error,{className:"form-error"},l))))},StepRenderer:({children:e,onStepChange:a})=>{const{currentStep:n,setMaxStep:r}=t.useContext(B),o=O.default.Children.count(e);return t.useEffect((()=>{null==a||a(n)}),[n]),t.useEffect((()=>{r(o-1)}),[o]),O.default.createElement(O.default.Fragment,null,k.default(e).map(((e,a)=>{const r=a===n;return O.default.createElement(t.Fragment,{key:a},O.default.isValidElement(e)?e.props.alwaysRender||r?O.default.cloneElement(e,{isActive:a===n,stepIndex:a}):null:r?e:null)})))},ThankYou:t=>{var{onClose:n,thanksPageInfo:o,isActive:i}=t,l=e.__rest(t,["onClose","thanksPageInfo","isActive"]);const{t:d}=s.useTranslations(),{isMobile:u}=m.useScreenSize();return O.default.createElement(ie,Object.assign({heading:"",description:"",hiddenLogo:u,"data-active":i},l),O.default.createElement(a.Container,{fluid:!0},O.default.createElement(a.Stack,{align:"center",spacing:8,w:"100%",ta:"center"},O.default.createElement(a.AspectRatio,{ratio:1,w:{base:120,md:160}},O.default.createElement("svg",{width:"160",height:"160",viewBox:"0 0 160 160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("mask",{id:"mask0_4580_96805",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"160",height:"160"},O.default.createElement("circle",{cx:"80",cy:"80",r:"80",fill:"url(#paint0_radial_4580_96805)"})),O.default.createElement("g",{mask:"url(#mask0_4580_96805)"},O.default.createElement("path",{d:"M71.5938 0.45906L76.9763 38.1373C77.0115 38.1373 77.0819 38.1373 77.1171 38.102L82.3589 75.0033L87.5656 38.0666C87.6008 38.0666 87.636 38.0666 87.636 38.0666L92.8426 1.02406C88.6562 0.353123 84.3642 0 80.0018 0C77.1522 0 74.3378 0.141249 71.5938 0.45906Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M131.15 18.5391C125.733 14.0191 119.682 10.1701 113.173 7.20386L97.8699 41.0683C97.9051 41.0683 97.9403 41.1037 97.9403 41.1037L82.4609 75.2859L131.15 18.5391Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M46.4386 64.8334L82.1114 75.3212H81.9707L82.3225 75.4271H82.3577L82.3928 75.3918L82.428 75.4271H82.3928L82.428 75.4624H82.4632L82.6039 75.5331L82.4984 75.4624L118.347 85.9855C118.347 86.0208 118.347 86.0208 118.312 86.0561L158.101 97.8151C159.332 92.2005 160.001 86.3386 160.001 80.3355C160.001 78.6758 159.93 76.9809 159.86 75.3565H119.825C119.825 75.3918 119.825 75.3918 119.825 75.4271L82.4632 75.4624V75.4271L82.6391 75.3918L82.4984 75.4624L82.815 75.3565H82.6391L155.497 53.6394C153.07 46.7182 149.728 40.2208 145.612 34.2883L82.6391 75.2859H82.4984L82.5687 75.2152L82.4632 75.2859L82.4984 75.074L82.428 75.2152V75.2506L82.3928 75.2859V75.2506H82.3225V75.2152L82.2521 75.074L82.2873 75.2506L82.2169 75.2152L82.2521 75.2506H82.1114L15.7614 32.4167C11.2231 38.5258 7.52917 45.341 4.85547 52.6154L46.4386 64.8334ZM82.3225 75.3918V75.4271L82.2169 75.3565L82.3225 75.3918Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M57.8032 46.9301L82.2887 75.2506L66.7741 41.1036L50.556 5.61475C43.6607 8.33379 37.2579 12.0063 31.4531 16.4556L57.8032 46.9301Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M113.877 95.8023L82.5312 75.5684L106.982 103.854C106.946 103.854 106.946 103.889 106.911 103.889L136.005 137.647C141.529 132.209 146.243 125.994 150.042 119.179L113.877 95.8023Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.3203 75.427V75.4627H82.356L82.3203 75.427H82.356H82.3203Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2857 75.4623L82.321 75.427H82.2857L82.1445 75.4976L82.2857 75.4623Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2164 75.5684L50.9411 95.9436C50.906 95.9082 50.906 95.8729 50.8708 95.8376L11.3281 121.51C15.4794 128.501 20.6861 134.787 26.7019 140.19L62.5858 98.4507L82.2164 75.5684Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M46.438 86.0559L82.2867 75.3916L0.140721 75.4975C0.0351803 77.0866 0 78.6756 0 80.3C0 86.7975 0.773967 93.1184 2.21636 99.1921L46.438 86.0559C46.438 86.0912 46.438 86.0912 46.438 86.0559Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2507 75.7095L47 153.467C54.2823 156.786 62.1275 159.011 70.3949 160L82.2507 75.7095Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.4609 75.7095L94.3519 159.329C102.373 157.881 109.972 155.233 116.938 151.56L82.4609 75.7095Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.3203 75.5684L82.3556 75.8509L82.4262 75.5684L82.3556 75.4978L82.3203 75.5684Z",fill:"#E0F8EE"})),O.default.createElement("path",{d:"M124.694 61.2L124.986 62.1726C125.083 62.6589 125.472 62.9507 125.959 63.1452L126.931 63.437L125.959 63.8261C125.569 63.9234 125.18 64.3124 125.083 64.7015L124.694 65.7714L124.305 64.7015C124.111 64.3124 123.819 64.0206 123.43 63.8261L122.457 63.5343L123.43 63.2425C123.819 63.1452 124.111 62.7562 124.305 62.3671L124.694 61.2Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M104.744 34.2856L104.915 34.8571C104.973 35.1428 105.201 35.3142 105.487 35.4285L106.058 35.5999L105.487 35.8285C105.258 35.8856 105.03 36.1142 104.973 36.3428L104.744 36.9714L104.515 36.3428C104.401 36.1142 104.23 35.9428 104.001 35.8285L103.43 35.6571L104.001 35.4856C104.23 35.4285 104.401 35.1999 104.515 34.9714L104.744 34.2856Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M118.345 38L119.088 40.4C119.431 41.4857 120.288 42.3429 121.317 42.6286L123.717 43.3714L121.259 44.2286C120.231 44.5714 119.488 45.3714 119.145 46.3429L118.288 48.8L117.317 46.2286C116.974 45.2571 116.174 44.5143 115.202 44.1714L112.859 43.3714L115.145 42.5714C116.117 42.2286 116.859 41.4857 117.259 40.5714L118.345 38Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M41.8846 98.8572L42.056 99.4286C42.1132 99.7143 42.3417 99.8857 42.6275 100L43.1989 100.171L42.6275 100.4C42.3989 100.457 42.1703 100.686 42.1132 100.914L41.8846 101.543L41.656 100.914C41.5417 100.686 41.3703 100.514 41.1417 100.4L40.5703 100.229L41.1417 100.057C41.3703 100 41.5417 99.7715 41.656 99.5429L41.8846 98.8572Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M64.5717 125.314L65.3145 127.714C65.6574 128.8 66.5145 129.657 67.5431 129.943L69.9431 130.686L67.4859 131.543C66.4574 131.886 65.7145 132.686 65.3717 133.657L64.5145 136.114L63.5431 133.543C63.2002 132.571 62.4002 131.828 61.4288 131.486L59.0859 130.686L61.3717 129.886C62.3431 129.543 63.0859 128.8 63.4859 127.886L64.5717 125.314Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M80.9708 120.343L81.2565 121.314C81.3708 121.771 81.7708 122.114 82.1708 122.228L83.1993 122.514L82.1708 122.857C81.7708 122.971 81.4279 123.314 81.3136 123.714L80.9708 124.743L80.5708 123.657C80.3993 123.257 80.1136 122.914 79.7136 122.8L78.7422 122.457L79.7136 122.114C80.1136 122 80.3993 121.657 80.5708 121.314L80.9708 120.343Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M130.307 98.2856L130.529 99.0426C130.619 99.3988 130.93 99.666 131.242 99.755L132.043 99.9777L131.242 100.245C130.93 100.334 130.663 100.601 130.574 100.913L130.307 101.714L129.995 100.868C129.862 100.557 129.639 100.289 129.327 100.2L128.57 99.9331L129.327 99.666C129.639 99.5769 129.862 99.3098 129.995 99.0426L130.307 98.2856Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M36.592 64L36.8147 64.757C36.9037 65.1132 37.2154 65.3803 37.5271 65.4694L38.3286 65.692L37.5271 65.9592C37.2154 66.0482 36.9482 66.3154 36.8592 66.6271L36.592 67.4286L36.2803 66.5826C36.1467 66.2709 35.9241 66.0037 35.6124 65.9147L34.8555 65.6475L35.6124 65.3803C35.9241 65.2913 36.1467 65.0241 36.2803 64.757L36.592 64Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M67.3816 26.8572L67.6734 27.8298C67.7707 28.3161 68.1597 28.6079 68.646 28.8025L69.6187 29.0942L68.646 29.4833C68.257 29.5806 67.8679 29.9696 67.7707 30.3587L67.3816 31.4286L66.9926 30.3587C66.798 29.9696 66.5062 29.6778 66.1172 29.4833L65.1445 29.1915L66.1172 28.8997C66.5062 28.8025 66.798 28.4134 66.9926 28.0243L67.3816 26.8572Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M80.0011 108.572C95.7807 108.572 108.573 95.7797 108.573 80.0001C108.573 64.2206 95.7807 51.4287 80.0011 51.4287C64.2216 51.4287 51.4297 64.2206 51.4297 80.0001C51.4297 95.7797 64.2216 108.572 80.0011 108.572Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M78.5808 89.1451C77.3597 89.147 76.1503 88.908 75.0217 88.4418C73.8932 87.9757 72.8677 87.2914 72.0039 86.4283L68.6389 83.0617C68.1939 82.6009 67.9477 81.9838 67.9532 81.3432C67.9588 80.7027 68.2157 80.0899 68.6687 79.6369C69.1217 79.1839 69.7344 78.927 70.375 78.9214C71.0156 78.9159 71.6327 79.1621 72.0935 79.6071L75.4585 82.9738C75.8649 83.3802 76.3473 83.7025 76.8783 83.9225C77.4093 84.1424 77.9784 84.2556 78.5531 84.2556C79.1278 84.2556 79.6969 84.1424 80.2279 83.9225C80.7589 83.7025 81.2413 83.3802 81.6477 82.9738L102.984 63.6911C103.468 63.2745 104.095 63.0635 104.732 63.1034C105.369 63.1433 105.965 63.4308 106.392 63.9044C106.82 64.3781 107.046 65.0003 107.02 65.6379C106.995 66.2756 106.722 66.8781 106.258 67.3166L85.0046 86.513C84.1599 87.3531 83.1576 88.0181 82.0552 88.4698C80.9528 88.9215 79.7721 89.151 78.5808 89.1451Z",fill:"white"}),O.default.createElement("defs",null,O.default.createElement("radialGradient",{id:"paint0_radial_4580_96805",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(80 80) rotate(90) scale(80)"},O.default.createElement("stop",{stopColor:"#C4C4C4"}),O.default.createElement("stop",{offset:"1",stopColor:"#C4C4C4",stopOpacity:"0"}))))),O.default.createElement(r.Heading,{tag:"h3"},null==o?void 0:o.title),O.default.createElement(m.Text,{size:"p3",color:"gray.6"},null==o?void 0:o.description),O.default.createElement(m.Button,{mt:{base:16,md:24},fullWidth:u,size:"lg",onClick:n},d("similac.thankYou.done")))))}};exports.MAPPED_LOCALE=N,exports.Onboarding=se;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-7ae21e6b.js"),a=require("./index-73e61fab.js"),r=require("./index-2231de4a.js"),l=require("./useTranslations-5a0eec59.js"),n=require("./theme-b5e0e4f3.js"),o=require("recharts"),i=require("./index-e3edbaba.js"),s=require("./useOutsideClick-bb31c407.js"),c=require("styled-components"),d=require("./tslib.es6-21a9bda0.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-d1ecdec7.js"),require("./Onboarding-0315b680.js"),require("./index.styled-2dfd6dbd.js"),require("./gAssets.js"),require("./index-35953830.js"),require("date-fns/locale"),require("./isProduction-b259ce8f.js"),require("./index-1ad59d4c.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-dd0c1137.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-1cdd790d.js"),a=require("./index-9753d36d.js"),r=require("./index-4c364a9a.js"),l=require("./useTranslations-1b094e14.js"),n=require("./theme-5da51ca6.js"),o=require("recharts"),i=require("./index-e9ef85ec.js"),s=require("./useOutsideClick-72349103.js"),c=require("styled-components"),d=require("./tslib.es6-f1c64250.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-9199e40a.js"),require("./Onboarding-c7422226.js"),require("./index.styled-7171d007.js"),require("./gAssets.js"),require("./index-d4e56d53.js"),require("date-fns/locale"),require("./isProduction-7730b567.js"),require("./index-a735a3ee.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-cd7c4d05.js"),require("string-format");var m=u(e),p=u(c);const f=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=p.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@
     border-radius: 2px;
     background: #ffffff;
   }
-`,h=f.default.div`
+`,h=p.default.div`
   position: relative;
   width: 100%;
   .custom-chart-label {
@@ -45,7 +45,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,y=f.default.div`
+`,y=p.default.div`
   display: flex;
   gap: 40px;
   justify-content: center;
@@ -55,7 +55,7 @@
     align-items: center;
     gap: 4px;
   }
-`,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`
+`,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:p,color:f}=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:p}},m.default.createElement(a.Text,{size:"n1",color:f},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:p=[],status:g,withLine:y=!1,siteType:x})=>{const{t:k}=l.useTranslations(),v="marryBaby"===x,w=e.useMemo((()=>E({weightByWeek:c,weightBefore:r,toolTipLabel:p,status:g,activeWeek:d,t:k})),[c,r,p,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(f,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=p.default.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/{routing-1739a4b7.js → routing-582206bc.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-35953830.js"),o=require("./isProduction-b259ce8f.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-d4e56d53.js"),o=require("./isProduction-7730b567.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`;