@hhgtech/hhg-components 1.26.94 → 1.26.96

package/build/esm/onboardingV2.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t}from"./tslib.es6-1a86f703.js";import o,{createContext as n,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,Fragment as m}from"react";import{Grid as d,Title as c,Input as p,Container as g}from"@mantine/core";import{createPortal as u}from"react-dom";import"./gAssets.js";import"@mantine/dates";import{L as b}from"./index-ebff45e0.js";import{L as h}from"./Onboarding-8fa95390.js";import{u as f,e as E,n as y,f as x,R as v,O as w,o as S,B as j}from"./index-5efd86f0.js";import"./index.styles-ce41cc2e.js";import"dayjs";import"./screenSizeContext-d1bd2f3c.js";import C from"styled-components";import{t as P}from"./theme-544e5ca3.js";import{M as k,a as M}from"./utils-83d93ca9.js";import"./isProduction-2a4d07d6.js";import{u as O}from"./useTranslations-0387b860.js";import"./index-f68c2ac2.js";import{useInterval as B,useCounter as z}from"@mantine/hooks";import"lodash/debounce";import{createFormContext as N,yupResolver as I}from"@mantine/form";import{B as D}from"./index-2cfa68f9.js";import"./index-47e0882f.js";import{L}from"./index-d74ee200.js";import"./index.styled-e6ceb963.js";import"./index-680a7f02.js";import{b as T}from"./utils-a2fa8212.js";import*as F from"yup";import{D as $}from"./index-b9f5bbe2.js";import{A as q}from"./index-12360c04.js";import{V}from"./Visible-8b391731.js";import _ from"lodash/throttle";import{T as A}from"./index-392b679c.js";import{format as U}from"date-fns";import"./translationsContext-277f396a.js";import"string-format";import H from"react-keyed-flatten-children";import"date-fns/locale";import"@mantine/carousel";import"./useUniqueId-42ee7053.js";import"./index-a6880f03.js";const R=n({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),Y=C.div`
+import{_ as e,a as t}from"./tslib.es6-e2d31641.js";import o,{createContext as n,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,Fragment as m}from"react";import{Grid as d,Title as c,Input as p,Container as g}from"@mantine/core";import{createPortal as u}from"react-dom";import"./gAssets.js";import"@mantine/dates";import{L as b}from"./index-9c419037.js";import{L as h}from"./Onboarding-c617fc08.js";import{u as f,e as E,n as y,f as v,R as x,O as w,o as S,B as j}from"./index-bc21cc71.js";import"./index.styles-cb810a2f.js";import"dayjs";import"./screenSizeContext-cff744e8.js";import C from"styled-components";import{t as P}from"./theme-ece63f2d.js";import{M as k,a as M}from"./utils-cbf1b9ef.js";import"./isProduction-4fef7321.js";import{u as O}from"./useTranslations-05f41e0c.js";import"./index-296ba428.js";import{useInterval as B,useCounter as z}from"@mantine/hooks";import"lodash/debounce";import{createFormContext as N,yupResolver as I}from"@mantine/form";import{B as D}from"./index-b8c39234.js";import"./index-df682eed.js";import{L}from"./index-b157ad5a.js";import"./index.styled-4316ce6f.js";import"./index-e3ab2d22.js";import{b as T}from"./utils-3a81bfc5.js";import*as F from"yup";import{D as A}from"./index-e8d560f6.js";import{A as $}from"./index-158ea754.js";import{V as q}from"./Visible-e32ee8e6.js";import V from"lodash/throttle";import{T as _}from"./index-5ec00f2e.js";import{format as U}from"date-fns";import"./translationsContext-4f212429.js";import"string-format";import H from"react-keyed-flatten-children";import"date-fns/locale";import"@mantine/carousel";import"./useUniqueId-3b1e07f5.js";import"./index-41906bb1.js";const R=n({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),Y=C.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -85,6 +85,9 @@ import{_ as e,a as t}from"./tslib.es6-1a86f703.js";import o,{createContext as n,
       border-radius: 0 4px 4px 0;
     }
   }
+  &:not([data-active='true']) {
+    display: none !important;
+  }
 `,ee=e=>F.object().shape({phone:F.string().required(e("onboarding.updatePhone.error")).default("")}),[te,oe,ne]=N(),re=C.div`
   .phone-input {
     width: 100%;
@@ -102,7 +105,7 @@ import{_ as e,a as t}from"./tslib.es6-1a86f703.js";import o,{createContext as n,
       border-radius: 0 4px 4px 0;
     }
   }
-`,ie={[h.Vietnam]:"VN",[h.Cambodia]:"KH",[h.Indonesia]:"ID",[h.Malaysia]:"MY",[h.PhilippinesEnglish]:"PH",[h.PhilippinesTagalog]:"PH",[h.Taiwan]:"TW",[h.Thailand]:"TH",[h.Myanmar]:"MM"},ae=(e="")=>{const t=e.indexOf("@"),o=e.substring(0,t),n=o.length>3?3:o.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},se=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:r}=O(),i=oe(),a=o.createElement(p.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),o.createElement(y,Object.assign({defaultCountry:ie[process.env.UNIFY_LOCALE]||"VN"},i.getInputProps("phone"))),o.createElement(p.Error,{size:"md"},i.errors.phone)),s=o.createElement(x,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},i.getInputProps("name"))),l=o.createElement(x,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},i.getInputProps("email"))),m=o.createElement($,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},i.getInputProps("dob"))),d=o.createElement(v.Group,Object.assign({className:"radio-group",label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},i.getInputProps("gender")),o.createElement(v,{value:"0",label:r("onboarding.formEmail.genderMale")}),o.createElement(v,{value:"1",label:r("onboarding.formEmail.genderFemale")})),c=o.createElement("div",{className:"otp-input"},o.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},i.getInputProps("otp"))),o.createElement(p.Error,null,i.errors.otp)),g=o.createElement(x.Password,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:o.createElement(V,null)},i.getInputProps("password"))),u=n?o.createElement("div",{style:{marginBottom:16}},o.createElement(S,Object.assign({label:o.createElement(E,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n)},i.getInputProps("term",{type:"checkbox"}),{error:null})),o.createElement(p.Error,{size:"md"},i.getInputProps("term",{type:"checkbox"}).error)):null,b=o.createElement(q,Object.assign({className:"input-control",label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},i.getInputProps("address"))),h=o.createElement(x.Password,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:o.createElement(V,null)},i.getInputProps("confirmPassword"))),f=e.map((e=>({phone:a,full_name:s,email:l,dob:m,gender:d,otp:c,password:g,confirm_password:h,term:u,address:b}[e]||null)));return o.createElement(re,null,f)},le=C(T)`
+`,ie={[h.Vietnam]:"VN",[h.Cambodia]:"KH",[h.Indonesia]:"ID",[h.Malaysia]:"MY",[h.PhilippinesEnglish]:"PH",[h.PhilippinesTagalog]:"PH",[h.Taiwan]:"TW",[h.Thailand]:"TH",[h.Myanmar]:"MM"},ae=(e="")=>{const t=e.indexOf("@"),o=e.substring(0,t),n=o.length>3?3:o.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},se=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:r}=O(),i=oe(),a=o.createElement(p.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),o.createElement(y,Object.assign({defaultCountry:ie[process.env.UNIFY_LOCALE]||"VN"},i.getInputProps("phone"))),o.createElement(p.Error,{size:"md"},i.errors.phone)),s=o.createElement(v,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},i.getInputProps("name"))),l=o.createElement(v,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},i.getInputProps("email"))),m=o.createElement(A,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},i.getInputProps("dob"))),d=o.createElement(x.Group,Object.assign({className:"radio-group",label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},i.getInputProps("gender")),o.createElement(x,{value:"0",label:r("onboarding.formEmail.genderMale")}),o.createElement(x,{value:"1",label:r("onboarding.formEmail.genderFemale")})),c=o.createElement("div",{className:"otp-input"},o.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},i.getInputProps("otp"))),o.createElement(p.Error,null,i.errors.otp)),g=o.createElement(v.Password,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:o.createElement(q,null)},i.getInputProps("password"))),u=n?o.createElement("div",{style:{marginBottom:16}},o.createElement(S,Object.assign({label:o.createElement(E,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n)},i.getInputProps("term",{type:"checkbox"}),{error:null})),o.createElement(p.Error,{size:"md"},i.getInputProps("term",{type:"checkbox"}).error)):null,b=o.createElement($,Object.assign({className:"input-control",label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},i.getInputProps("address"))),h=o.createElement(v.Password,Object.assign({label:o.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:o.createElement(q,null)},i.getInputProps("confirmPassword"))),f=e.map((e=>({phone:a,full_name:s,email:l,dob:m,gender:d,otp:c,password:g,confirm_password:h,term:u,address:b}[e]||null)));return o.createElement(re,null,f)},le=C(T)`
   .otp-input {
     margin-bottom: 36px;
     ${k.mbDown} {
@@ -204,4 +207,7 @@ import{_ as e,a as t}from"./tslib.es6-1a86f703.js";import o,{createContext as n,
       border-radius: 0 4px 4px 0;
     }
   }
-`,he=e=>F.object().shape({phone:F.string().required(e("onboarding.updatePhone.error")).default(""),name:F.string().required(e("onboarding.errorMessage.requiredName")),email:F.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:F.mixed().required(e("onboarding.similac.address.error")),term:F.bool().oneOf([!0],e("onboarding.similac.term.error"))}),fe=e=>F.object().shape({password:F.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:F.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([F.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),Ee={Provider:({children:e,siteType:t,setSharedData:n})=>{const[r,a]=i(0),[l,m]=i(0),[d,c]=i({});return s((()=>{null==n||n(d)}),[d,n]),o.createElement(R.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:m,nextStep:()=>r+1<=l&&a(r+1),prevStep:()=>r-1>=0&&a(r-1),siteType:t,isMarryBaby:"marryBaby"===t,sharedData:d,setSharedData:c}},e)},Modal:t=>{var{children:n,withSimilac:i,banner:a,withPortal:s}=t,l=e(t,["children","withSimilac","banner","withPortal"]);const{isMobile:m}=f(),{isMarryBaby:p}=r(R),{t:g}=O();if(s&&"undefined"==typeof window)return null;const b=o.createElement(Y,Object.assign({},l),o.createElement(W,null,o.createElement(d,{sx:{[k.mbDown]:{margin:0},".mantine-Grid-col":{[k.mbDown]:{padding:0}}}},o.createElement(d.Col,{span:"object"!=typeof a&&!i||m?12:6,order:i?2:1,orderMd:i?1:2},o.createElement(Z,{"data-similac":i,"data-has-banner":"object"==typeof a},n)),a&&"object"==typeof a&&!i&&o.createElement(d.Col,{span:m?12:6,order:1,orderMd:2},o.createElement(G,null,o.createElement(K,{"data-is-marry-baby":p},o.createElement(J,null,a.heading&&o.createElement(c,{order:1,mb:24},a.heading),a.description&&o.createElement(E,{size:"p1",color:P.colors.gray800},g("onboarding.welcomeScreen.content"))),o.createElement(Q,null,a.imgSrc?o.createElement("img",{src:a.imgSrc,loading:"lazy"}):a.imgComponent?a.imgComponent:null)))),a&&"object"==typeof a&&i&&(a.imgSrc||a.imgComponent)&&o.createElement(d.Col,{span:"auto",order:1,orderMd:2},o.createElement(Q,{className:"similac"},a.imgSrc?o.createElement("img",{src:a.imgSrc,loading:"lazy"}):a.imgComponent?a.imgComponent:null)))));return s?u(b,M()):b},Form:({onClose:e,onSubmit:n,canSkip:i=!0,customFormTexts:a})=>{const{t:s}=O(),{sharedData:l,setSharedData:m,nextStep:d}=r(R),c=ne({initialValues:{phone:(null==l?void 0:l.phone)||""},validate:I(ee(s))});return o.createElement(X,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},o.createElement(te,{form:c},o.createElement("form",{onSubmit:c.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{m((t=>Object.assign(Object.assign({},t),{phone:e.phone}))),yield null==n?void 0:n(e.phone),d()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["phone"]}),o.createElement(D,{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")),i&&o.createElement(D,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},s("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:e,email:n,onResendCode:m,otpError:d,onClose:c,loading:p,canSkip:g})=>{const{sharedData:{email:u,retryEmailCount:b},setSharedData:h,prevStep:f,siteType:E,isMarryBaby:y,nextStep:x}=r(R),v=n||u||"",[w,S]=i(30),j=B((()=>S((e=>e-1))),1e3),[C,k]=z(0,{min:0,max:3}),M=a(!0),{t:N}=O();s((()=>(j.start(),j.stop)),[]),s((()=>{0===w&&(j.stop(),M.current=!1)}),[w]);const L=ne({initialValues:{otp:""},validate:I(me(N))});s((()=>{d&&L.setFieldError("otp",d)}),[d]);const T=l((()=>_((()=>{M.current||(k.increment(),S(30),null==m||m(v),j.start(),M.current=!0)}),1e3,{trailing:!1})),[v,m,j]),F=b>=2;return o.createElement(le,{heading:N("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${P.colors.gray800}">${ae(v)}</b>`})}}),!F&&o.createElement("svg",{onClick:()=>{b>=2||(h((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),f())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},o.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.createElement(te,{form:L},o.createElement("form",{onSubmit:L.onSubmit((o=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(o.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["otp"]}),o.createElement("div",{className:"resend"},o.createElement(A,{size:"p4",color:P.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),o.createElement(A,{as:"a",size:"p4",color:y?P.mbColors.pink:P.colors.primaryBase,onClick:T},N("onboarding.otpForm.resendCode",{seconds:w}))),o.createElement(D,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},N("onboarding.button.continue")),g&&C>=3&&o.createElement(D,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))},Phone:({onSubmit:e,phone:n,onResendCode:m,otpError:d,onClose:c,loading:p,canSkip:g})=>{const{sharedData:{phone:u,retryPhoneCount:b},setSharedData:h,prevStep:f,siteType:E,isMarryBaby:y,nextStep:x}=r(R),v=n||u||"",[w,S]=i(30),j=B((()=>S((e=>e-1))),1e3),[C,k]=z(0,{min:0,max:3}),M=a(!0),{t:N}=O();s((()=>(j.start(),j.stop)),[]),s((()=>{0===w&&(j.stop(),M.current=!1)}),[w]);const L=ne({initialValues:{otp:""},validate:I(me(N))});s((()=>{d&&L.setFieldError("otp",d)}),[d]);const T=l((()=>_((()=>{M.current||(k.increment(),S(30),null==m||m(v),j.start(),M.current=!0)}),1e3,{trailing:!1})),[v,m,j]),F=b>=2;return o.createElement(le,{heading:N("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.description",{phone:`<b style="color:${P.colors.gray800}">${v.slice(0,-3).replace(/./g,"x").concat(v.slice(-3))}</b>`})}}),!F&&o.createElement("svg",{onClick:()=>{b>=2||(h((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),f())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},o.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.createElement(te,{form:L},o.createElement("form",{onSubmit:L.onSubmit((o=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(o.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["otp"]}),o.createElement("div",{className:"resend"},o.createElement(A,{size:"p4",color:P.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),o.createElement(A,{as:"a",size:"p4",color:y?P.mbColors.pink:P.colors.primaryBase,onClick:T},N("onboarding.otpForm.resendCode",{seconds:w}))),o.createElement(D,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},N("onboarding.button.continue")),g&&C>=3&&o.createElement(D,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:e,onSubmit:n,canSkip:i,loading:a,errorMessage:l,initialData:m})=>{const{t:d,locale:c}=O(),{siteType:p,isMarryBaby:g,setSharedData:u,nextStep:h}=r(R),f=ne({validate:I(de(d))});return s((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},m),(null==m?void 0:m.birthday)&&{birthday:new Date(m.birthday)}))}),[m]),s((()=>{l&&f.setFieldError("email",l)}),[l]),o.createElement(ue,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:g?"Marry Baby":b[c].SITE_NAME_FORMATTED})},o.createElement(te,{form:f},o.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>t(void 0,void 0,void 0,(function*(){u((t=>Object.assign(Object.assign({},t),e)));!(yield null==n?void 0:n(Object.assign(Object.assign({},e),{birthday:e.birthday&&U(e.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},o.createElement(se,{inputOrder:["full_name","email","dob","gender"]}),o.createElement(D,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},d("onboarding.button.continue")),i&&o.createElement(D,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip")))))},ResultScreen:t=>{var{onClose:n}=t,i=e(t,["onClose"]);const{t:a}=O(),{siteType:s}=r(R);return o.createElement(ue,Object.assign({},i),o.createElement(D,{theme:s,size:"lg",onClick:n,className:"form-button"},a("onboarding.button.continue")))},SimilacForm:n=>{var{onClose:i,onSubmit:a,canSkip:s=!0,customFormTexts:l,customTerms:m,defaultValues:d}=n,c=e(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=O(),{nextStep:g,setSharedData:u,sharedData:b}=r(R),{isMobile:h}=f(),E=ne({initialValues:{term:!1,phone:(null==b?void 0:b.phone)||(null==d?void 0:d.phone)||"",email:(null==b?void 0:b.email)||(null==d?void 0:d.email)||"",name:(null==b?void 0:b.name)||(null==d?void 0:d.name)||""},validate:I(he(p))}),y=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return o.createElement(be,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:h},c),o.createElement(te,{form:E},o.createElement("form",{style:{width:"100%"},onSubmit:E.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(e),u((t=>Object.assign(Object.assign({},t),{phone:e.phone,email:e.email,name:e.name}))),g()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:y,withSimilac:!0,customTerms:m}),o.createElement(j,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),s&&o.createElement(j,{variant:"ghost",fullWidth:!0,size:"lg",onClick:i,type:"button"},p("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:e,onSubmit:n,canSkip:i,errorMessage:a,loading:s})=>{const{t:l}=O(),{nextStep:m}=r(R),d=ne({initialValues:{password:"",confirmPassword:""},validate:I(fe(l))});return o.createElement(ue,{heading:l("onboarding.updatePassword.heading"),description:l("onboarding.updatePassword.description")},o.createElement(te,{form:d},o.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t(void 0,void 0,void 0,(function*(){yield n((null==e?void 0:e.password)||""),!a&&m()}))),(e=>{console.log({fieldErrors:e})}))},o.createElement(se,{inputOrder:["password","confirm_password"]}),o.createElement(D,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},l("onboarding.button.continue")),i&&o.createElement(D,{color:"ghost",isBlock:!0,size:"lg",onClick:e},l("onboarding.button.skip")),a&&o.createElement(p.Error,{className:"form-error"},a))))},StepRenderer:({children:e})=>{const{currentStep:t,setMaxStep:n}=r(R),i=o.Children.count(e);return s((()=>{n(i-1)}),[i]),o.createElement(o.Fragment,null,H(e).map(((e,n)=>{const r=n===t;return o.createElement(m,{key:n},o.isValidElement(e)?e.props.alwaysRender||r?o.cloneElement(e,{isActive:n===t,stepIndex:n}):null:r?e:null)})))}};export{ie as MAPPED_LOCALE,Ee as Onboarding};
+  &:not([data-active='true']) {
+    display: none !important;
+  }
+`,he=(e,t)=>F.object().shape({phone:F.string().required(e("onboarding.updatePhone.error")).default(""),name:F.string().required(e("onboarding.errorMessage.requiredName")),email:F.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:F.mixed().required(e("onboarding.similac.address.error")),term:t?F.bool():F.bool().oneOf([!0],e("onboarding.similac.term.error"))}),fe=e=>F.object().shape({password:F.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:F.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([F.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),Ee={Provider:({children:e,siteType:t,setSharedData:n})=>{const[r,a]=i(0),[l,m]=i(0),[d,c]=i({});return s((()=>{null==n||n(d)}),[d,n]),o.createElement(R.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:m,nextStep:()=>r+1<=l&&a(r+1),prevStep:()=>r-1>=0&&a(r-1),siteType:t,isMarryBaby:"marryBaby"===t,sharedData:d,setSharedData:c}},e)},Modal:t=>{var{children:n,withSimilac:i,banner:a,withPortal:s}=t,l=e(t,["children","withSimilac","banner","withPortal"]);const{isMobile:m}=f(),{isMarryBaby:p}=r(R),{t:g}=O();if(s&&"undefined"==typeof window)return null;const b=o.createElement(Y,Object.assign({},l),o.createElement(W,null,o.createElement(d,{sx:{[k.mbDown]:{margin:0},".mantine-Grid-col":{[k.mbDown]:{padding:0}}}},o.createElement(d.Col,{span:"object"!=typeof a&&!i||m?12:6,order:i?2:1,orderMd:i?1:2},o.createElement(Z,{"data-similac":i,"data-has-banner":"object"==typeof a},n)),a&&"object"==typeof a&&!i&&o.createElement(d.Col,{span:m?12:6,order:1,orderMd:2},o.createElement(G,null,o.createElement(K,{"data-is-marry-baby":p},o.createElement(J,null,a.heading&&o.createElement(c,{order:1,mb:24},a.heading),a.description&&o.createElement(E,{size:"p1",color:P.colors.gray800},g("onboarding.welcomeScreen.content"))),o.createElement(Q,null,a.imgSrc?o.createElement("img",{src:a.imgSrc,loading:"lazy"}):a.imgComponent?a.imgComponent:null)))),a&&"object"==typeof a&&i&&(a.imgSrc||a.imgComponent)&&o.createElement(d.Col,{span:"auto",order:1,orderMd:2},o.createElement(Q,{className:"similac"},a.imgSrc?o.createElement("img",{src:a.imgSrc,loading:"lazy"}):a.imgComponent?a.imgComponent:null)))));return s?u(b,M()):b},Form:({onClose:e,onSubmit:n,canSkip:i=!0,customFormTexts:a,isActive:s})=>{const{t:l}=O(),{sharedData:m,setSharedData:d,nextStep:c}=r(R),p=ne({initialValues:{phone:(null==m?void 0:m.phone)||""},validate:I(ee(l))});return o.createElement(X,{heading:(null==a?void 0:a.heading)||l("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||l("onboarding.updatePhone.description"),"data-active":s},o.createElement(te,{form:p},o.createElement("form",{onSubmit:p.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{d((t=>Object.assign(Object.assign({},t),{phone:e.phone}))),yield null==n?void 0:n(e.phone),c()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["phone"]}),o.createElement(D,{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")),i&&o.createElement(D,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},l("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:e,email:n,onResendCode:m,otpError:d,onClose:c,loading:p,canSkip:g})=>{const{sharedData:{email:u,retryEmailCount:b},setSharedData:h,prevStep:f,siteType:E,isMarryBaby:y,nextStep:v}=r(R),x=n||u||"",[w,S]=i(30),j=B((()=>S((e=>e-1))),1e3),[C,k]=z(0,{min:0,max:3}),M=a(!0),{t:N}=O();s((()=>(j.start(),j.stop)),[]),s((()=>{0===w&&(j.stop(),M.current=!1)}),[w]);const L=ne({initialValues:{otp:""},validate:I(me(N))});s((()=>{d&&L.setFieldError("otp",d)}),[d]);const T=l((()=>V((()=>{M.current||(k.increment(),S(30),null==m||m(x),j.start(),M.current=!0)}),1e3,{trailing:!1})),[x,m,j]),F=b>=2;return o.createElement(le,{heading:N("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${P.colors.gray800}">${ae(x)}</b>`})}}),!F&&o.createElement("svg",{onClick:()=>{b>=2||(h((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),f())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},o.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.createElement(te,{form:L},o.createElement("form",{onSubmit:L.onSubmit((o=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(o.otp))&&v()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["otp"]}),o.createElement("div",{className:"resend"},o.createElement(_,{size:"p4",color:P.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),o.createElement(_,{as:"a",size:"p4",color:y?P.mbColors.pink:P.colors.primaryBase,onClick:T},N("onboarding.otpForm.resendCode",{seconds:w}))),o.createElement(D,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},N("onboarding.button.continue")),g&&C>=3&&o.createElement(D,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))},Phone:({onSubmit:e,phone:n,onResendCode:m,otpError:d,onClose:c,loading:p,canSkip:g})=>{const{sharedData:{phone:u,retryPhoneCount:b},setSharedData:h,prevStep:f,siteType:E,isMarryBaby:y,nextStep:v}=r(R),x=n||u||"",[w,S]=i(30),j=B((()=>S((e=>e-1))),1e3),[C,k]=z(0,{min:0,max:3}),M=a(!0),{t:N}=O();s((()=>(j.start(),j.stop)),[]),s((()=>{0===w&&(j.stop(),M.current=!1)}),[w]);const L=ne({initialValues:{otp:""},validate:I(me(N))});s((()=>{d&&L.setFieldError("otp",d)}),[d]);const T=l((()=>V((()=>{M.current||(k.increment(),S(30),null==m||m(x),j.start(),M.current=!0)}),1e3,{trailing:!1})),[x,m,j]),F=b>=2;return o.createElement(le,{heading:N("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.description",{phone:`<b style="color:${P.colors.gray800}">${x.slice(0,-3).replace(/./g,"x").concat(x.slice(-3))}</b>`})}}),!F&&o.createElement("svg",{onClick:()=>{b>=2||(h((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),f())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},o.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.createElement(te,{form:L},o.createElement("form",{onSubmit:L.onSubmit((o=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(o.otp))&&v()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:["otp"]}),o.createElement("div",{className:"resend"},o.createElement(_,{size:"p4",color:P.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),o.createElement(_,{as:"a",size:"p4",color:y?P.mbColors.pink:P.colors.primaryBase,onClick:T},N("onboarding.otpForm.resendCode",{seconds:w}))),o.createElement(D,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:p,disabled:p,"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"},N("onboarding.button.continue")),g&&C>=3&&o.createElement(D,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:e,onSubmit:n,canSkip:i,loading:a,errorMessage:l,initialData:m})=>{const{t:d,locale:c}=O(),{siteType:p,isMarryBaby:g,setSharedData:u,nextStep:h}=r(R),f=ne({validate:I(de(d))});return s((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},m),(null==m?void 0:m.birthday)&&{birthday:new Date(m.birthday)}))}),[m]),s((()=>{l&&f.setFieldError("email",l)}),[l]),o.createElement(ue,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:g?"Marry Baby":b[c].SITE_NAME_FORMATTED})},o.createElement(te,{form:f},o.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>t(void 0,void 0,void 0,(function*(){u((t=>Object.assign(Object.assign({},t),e)));!(yield null==n?void 0:n(Object.assign(Object.assign({},e),{birthday:e.birthday&&U(e.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},o.createElement(se,{inputOrder:["full_name","email","dob","gender"]}),o.createElement(D,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},d("onboarding.button.continue")),i&&o.createElement(D,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},d("onboarding.button.skip")))))},ResultScreen:t=>{var{onClose:n}=t,i=e(t,["onClose"]);const{t:a}=O(),{siteType:s}=r(R);return o.createElement(ue,Object.assign({},i),o.createElement(D,{theme:s,size:"lg",onClick:n,className:"form-button"},a("onboarding.button.continue")))},SimilacForm:n=>{var{onClose:i,onSubmit:a,canSkip:s=!0,customFormTexts:l,customTerms:m,defaultValues:d,isActive:c}=n,p=e(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues","isActive"]);const{t:g}=O(),{nextStep:u,setSharedData:b,sharedData:h}=r(R),{isMobile:E}=f(),y=ne({initialValues:{term:!1,phone:(null==h?void 0:h.phone)||(null==d?void 0:d.phone)||"",email:(null==h?void 0:h.email)||(null==d?void 0:d.email)||"",name:(null==h?void 0:h.name)||(null==d?void 0:d.name)||""},validate:I(he(g,!m))}),v=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return o.createElement(be,Object.assign({heading:(null==l?void 0:l.heading)||g("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||g("onboarding.updatePhone.description"),hiddenLogo:E,"data-active":c},p),o.createElement(te,{form:y},o.createElement("form",{style:{width:"100%"},onSubmit:y.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(e),b((t=>Object.assign(Object.assign({},t),{phone:e.phone,email:e.email,name:e.name}))),u()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},o.createElement(se,{inputOrder:v,withSimilac:!0,customTerms:m}),o.createElement(j,{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")),s&&o.createElement(j,{variant:"ghost",fullWidth:!0,size:"lg",onClick:i,type:"button"},g("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:e,onSubmit:n,canSkip:i,errorMessage:a,loading:s})=>{const{t:l}=O(),{nextStep:m}=r(R),d=ne({initialValues:{password:"",confirmPassword:""},validate:I(fe(l))});return o.createElement(ue,{heading:l("onboarding.updatePassword.heading"),description:l("onboarding.updatePassword.description")},o.createElement(te,{form:d},o.createElement("form",{className:"form",onSubmit:d.onSubmit((e=>t(void 0,void 0,void 0,(function*(){yield n((null==e?void 0:e.password)||""),!a&&m()}))),(e=>{console.log({fieldErrors:e})}))},o.createElement(se,{inputOrder:["password","confirm_password"]}),o.createElement(D,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},l("onboarding.button.continue")),i&&o.createElement(D,{color:"ghost",isBlock:!0,size:"lg",onClick:e},l("onboarding.button.skip")),a&&o.createElement(p.Error,{className:"form-error"},a))))},StepRenderer:({children:e})=>{const{currentStep:t,setMaxStep:n}=r(R),i=o.Children.count(e);return s((()=>{n(i-1)}),[i]),o.createElement(o.Fragment,null,H(e).map(((e,n)=>{const r=n===t;return o.createElement(m,{key:n},o.isValidElement(e)?e.props.alwaysRender||r?o.cloneElement(e,{isActive:n===t,stepIndex:n}):null:r?e:null)})))}};export{ie as MAPPED_LOCALE,Ee as Onboarding};

package/build/esm/pwg.js

@@ -1,4 +1,4 @@
-import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as o}from"./index-8e4a353f.js";import{T as n}from"./index-392b679c.js";import{P as i}from"./index-47d5a68d.js";import{u as s}from"./useTranslations-0387b860.js";import{t as c}from"./theme-544e5ca3.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as f}from"recharts";import{C as h}from"./index-680a7f02.js";import{a as x}from"./useOutsideClick-fb6f8fc9.js";import E from"styled-components";import{_ as k}from"./tslib.es6-1a86f703.js";import"./index.styled-e6ceb963.js";import"./Onboarding-8fa95390.js";import"./index.styled-634847aa.js";import"./gAssets.js";import"./index-ebff45e0.js";import"date-fns/locale";import"./isProduction-2a4d07d6.js";import"./index-f68c2ac2.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-277f396a.js";import"string-format";const w=t=>{const{x:r,y:a,payload:l,activeWeek:o}=t;return o===l.value?e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},l.value)):e.createElement("g",{transform:`translate(${r},${a})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},l.value))},v=E.div`
+import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as o}from"./index-ccb64e84.js";import{T as n}from"./index-5ec00f2e.js";import{P as i}from"./index-c9e116e1.js";import{u as c}from"./useTranslations-05f41e0c.js";import{t as s}from"./theme-ece63f2d.js";import{ResponsiveContainer as m,AreaChart as d,CartesianGrid as p,Tooltip as g,XAxis as y,YAxis as u,Area as b,ReferenceDot as f}from"recharts";import{C as h}from"./index-e3ab2d22.js";import{a as x}from"./useOutsideClick-1f41394c.js";import E from"styled-components";import{_ as k}from"./tslib.es6-e2d31641.js";import"./index.styled-4316ce6f.js";import"./Onboarding-c617fc08.js";import"./index.styled-3f746abb.js";import"./gAssets.js";import"./index-9c419037.js";import"date-fns/locale";import"./isProduction-4fef7321.js";import"./index-296ba428.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-4f212429.js";import"string-format";const w=t=>{const{x:r,y:l,payload:a,activeWeek:o}=t;return o===a.value?e.createElement("g",{transform:`translate(${r},${l})`},e.createElement("circle",{r:12,fill:"marryBaby"===t.siteType?s.mbColors.pink:s.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):e.createElement("g",{transform:`translate(${r},${l})`},e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:s.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},v=E.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;
@@ -18,7 +18,7 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${c.colors.yellow600};
+    background: ${s.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -55,14 +55,14 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
     align-items: center;
     gap: 4px;
   }
-`,T=[{name:"overweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"underweight",backgroundColor:c.colors.yellow50,color:c.colors.yellow900},{name:"healthy",backgroundColor:c.colors.green50,color:c.colors.green900}],B=r=>{var a,l,o,i,s;const{payload:m,active:d}=r,p=null===(a=null==m?void 0:m[0])||void 0===a?void 0:a.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,null,e.createElement("div",null,null===(l=p.toolTipLabel)||void 0===l?void 0:l[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:c.colors.gray800,type:"semiBold"},null===(s=p.toolTipLabel)||void 0===s?void 0:s[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:a,activeWeek:l,t:o})=>{const n=o(`bmi.result.${a}`);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:r,translatedStatus:n,status:a}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=s(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=a(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:c.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+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:c.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?c.mbColors.tonePink:c.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{ref:M,r:4}),fill:S?c.mbColors.pink:c.colors.primaryBase,stroke:S?c.mbColors.pink:c.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:c.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,a=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:a}=s(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.lightPink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:c.colors.primary100}),e.createElement(n,{size:"n1",color:c.colors.gray600},e.createElement(n,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:c.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:c.mbColors.pink}),e.createElement(l,{type:"bodytext-3",color:c.mbColors.dark},a("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},a("pwg.placeholder.weight")))))},O=E.div`
+`,T=[{name:"overweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"underweight",backgroundColor:s.colors.yellow50,color:s.colors.yellow900},{name:"healthy",backgroundColor:s.colors.green50,color:s.colors.green900}],B=r=>{var l,a,o,i,c;const{payload:m,active:d}=r,p=null===(l=null==m?void 0:m[0])||void 0===l?void 0:l.payload;if(!p||!p.toolTipLabel||!d)return null;const{backgroundColor:g,color:y}=t((()=>T.find((e=>e.name===p.status))),[null==p?void 0:p.status]);return e.createElement(v,null,e.createElement("div",null,null===(a=p.toolTipLabel)||void 0===a?void 0:a[0]," ",null===(o=p.toolTipLabel)||void 0===o?void 0:o[1]),e.createElement("div",null,(null===(i=p.toolTipLabel)||void 0===i?void 0:i[2])&&e.createElement(n,{as:"span",size:"s3",color:s.colors.gray800,type:"semiBold"},null===(c=p.toolTipLabel)||void 0===c?void 0:c[2]),e.createElement("div",{className:"risk",style:{backgroundColor:g}},e.createElement(n,{size:"n1",color:y},p.translatedStatus))))},W=({weightByWeek:e,weightBefore:t,toolTipLabel:r,status:l,activeWeek:a,t:o})=>{const n=o(`bmi.result.${l}`);return e.map((e=>Object.assign({name:e.week,min:t+e.min,difference:e.max-e.min,max:t+e.max},e.week===a?{toolTipLabel:r,translatedStatus:n,status:l}:{})))},z=({weightBefore:o,weightByWeek:i,activeWeek:E,currentWeight:k,toolTipLabel:v=[],status:C,withLine:T=!1,siteType:z})=>{const{t:L}=c(),S="marryBaby"===z,O=t((()=>W({weightByWeek:i,weightBefore:o,toolTipLabel:v,status:C,activeWeek:E,t:L})),[i,o,v,C,E]),[F,I]=r(!1),M=l(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark}," ",L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("babyGrowth.weight")," ",L("pregnancyWeightGain.weightInput.desc")),Array.isArray(O)&&O.length>0&&e.createElement(j,null,e.createElement(m,{height:388,className:"chart"},e.createElement(d,{data:O,margin:{top:16,right:0,left:0}},e.createElement(p,{stroke:s.colors.neutral100}),e.createElement(g,{trigger:"click",content:t=>e.createElement(B,Object.assign({active:!T&&F&&void 0!==E&&void 0!==k},t))}),e.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},((e,t)=>t+1)),dataKey:"name",tickLine:!1,tickMargin:12,tick:t=>e.createElement(w,Object.assign({},t,{activeWeek:E,siteType:z})),domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),e.createElement(u,{domain:[e=>Math.max(e,o-10||e),e=>Math.max(e,o+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:s.colors.gray600}}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),e.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:S?s.mbColors.tonePink:s.colors.primary100}),void 0!==E&&void 0!==k&&e.createElement(f,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(h,{ref:M,r:4}),fill:S?s.mbColors.pink:s.colors.primaryBase,stroke:S?s.mbColors.pink:s.colors.primaryBase}))),e.createElement("div",{className:"custom-chart-label"},e.createElement("i",null),S?e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},L("pregnancy.week")):e.createElement(n,{size:"n1",color:s.colors.gray500},L("pregnancy.week")))))},L=t=>{var{color:r}=t,l=k(t,["color"]);return e.createElement("svg",Object.assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),e.createElement("circle",{cx:"4",cy:"4",r:"4",fill:r||s.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=c(),o="marryBaby"===r;return e.createElement(C,null,e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.lightPink}),e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},l("pregnancyTool.weightSuggested")," ",e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t))):e.createElement(e.Fragment,null,e.createElement(L,{color:s.colors.primary100}),e.createElement(n,{size:"n1",color:s.colors.gray600},e.createElement(n,{size:"n1",as:"span"},l("pregnancyTool.weightSuggested")," "),e.createElement(n,{size:"n1",color:s.colors.gray800,type:"bold",as:"span"},t)))),e.createElement("div",null,o?e.createElement(e.Fragment,null,e.createElement(L,{color:s.mbColors.pink}),e.createElement(a,{type:"bodytext-3",color:s.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:s.colors.gray600},l("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${c.colors.neutral100};
+  border: 1px solid ${s.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -70,4 +70,4 @@ import e,{useMemo as t,useState as r,useRef as a}from"react";import{M as l,a as
   > div {
     width: 100%;
   }
-`,F=({chartProps:t,pillCarouselProps:r,idealWeight:a,description:l,siteType:m})=>{const{t:d}=s(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:c.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:c.colors.gray800},d("pregnancyTool.weightSuggested")),l&&l),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:a,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};
+`,F=({chartProps:t,pillCarouselProps:r,idealWeight:l,description:a,siteType:m})=>{const{t:d}=c(),p="marryBaby"===m;return e.createElement(O,null,e.createElement("div",{className:"chart-header"},p?e.createElement(o,{type:"h3",color:s.mbColors.dark},d("pregnancyTool.weightSuggested")):e.createElement(n,{size:"s1",type:"semiBold",color:s.colors.gray800},d("pregnancyTool.weightSuggested")),a&&a),e.createElement(i,Object.assign({},r)),e.createElement("div",null,e.createElement(S,{idealWeight:l,siteType:m}),e.createElement(z,Object.assign({},t,{siteType:m}))))};export{F as PregnancyWeightGainChart};

package/build/esm/{routing-0d5c770e.js → routing-e7ce81d5.js}

@@ -1 +1 @@
-import{d as e}from"./index-ebff45e0.js";import{i as s}from"./isProduction-2a4d07d6.js";const t=(t,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};
+import{d as e}from"./index-9c419037.js";import{i as s}from"./isProduction-4fef7321.js";const t=(t,o)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return r?"http://localhost:3000":`https://${!r&&!s?o?"fe.":"discover.":o?"www.":""}${e[o?"vi-VN_MB":t]}`},o=(t,o)=>process.env.UNIFY_SSO_API||`https://${s?"id.":"staging-id."}${e[o?"vi-VN_MB":t]}`,r=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${s?"together.":"staging-together."}hellohealthgroup.com`,n=t=>process.env.UNIFY_DISCOVER_API||`https://${s?"wp.":"staging."}${e[t]}`,i=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${s?"health-care.":"service-health-care."}hellohealthgroup.com`;export{o as a,r as b,n as c,i as d,t as g};

package/build/esm/{screenSizeContext-d1bd2f3c.js → screenSizeContext-cff744e8.js}

@@ -1,4 +1,4 @@
-import{keyframes as t}from"styled-components";import r,{createContext as i,useState as s,useEffect as a,useMemo as n}from"react";import e from"lodash/throttle";import{B as o}from"./utils-83d93ca9.js";const d=t`
+import{keyframes as t}from"styled-components";import r,{createContext as i,useState as s,useEffect as a,useMemo as n}from"react";import e from"lodash/throttle";import{B as o}from"./utils-cbf1b9ef.js";const d=t`
 from {
   transform: translate3d(0, 100%, 0);
   visibility: visible;

package/build/esm/together.js

@@ -1 +1 @@
-export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-04a982a8.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-005828eb.js";export{d as TogetherDataTransforms}from"./dataTransform-689756af.js";import"./tslib.es6-1a86f703.js";import"react";import"@mantine/core";import"./index-733c65a2.js";import"styled-components";import"./utils-83d93ca9.js";import"./index-7cabf5ec.js";import"./gAssets.js";import"./index-ebff45e0.js";import"date-fns/locale";import"./Onboarding-8fa95390.js";import"./isProduction-2a4d07d6.js";import"./index-d74ee200.js";import"./index-392b679c.js";import"./index-2cfa68f9.js";import"./index.styles-ce41cc2e.js";import"./theme-544e5ca3.js";import"./index-47e0882f.js";import"dayjs";import"./screenSizeContext-d1bd2f3c.js";import"lodash/throttle";import"./useUniqueId-42ee7053.js";import"./index-0425a0ff.js";import"./index-5efd86f0.js";import"@mantine/carousel";import"@mantine/hooks";import"./index.styled-e6ceb963.js";import"./translationsContext-277f396a.js";import"string-format";import"./index-680a7f02.js";import"@mantine/dates";import"./index-f68c2ac2.js";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-0d9ebde2.js";import"./useTranslations-0387b860.js";import"./index-8e4a353f.js";import"date-fns";import"./index-5e9510de.js";import"./types-93fe81ec.js";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"innertext";import"./index-69a21caa.js";import"react-contenteditable";import"./cookieHelper-765dcaa3.js";import"react-dom";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-634847aa.js";import"uuid";import"dayjs/plugin/relativeTime";import"./index-8f65be1e.js";import"./routing-0d5c770e.js";import"slugify";
+export{g as CardAuthor,C as CardLink,D as CardPost,E as CardPostPopoverMore,b as CardReactions,F as CardReply,G as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,H as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,z as ProfileDetail,y as ProfileDetailModal,q as ShareBox,S as SharePopup,B as SkipQuestionOfExpertBtn,x as SocialLinkPreview,J as SourceList,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,V as VerifiedTag,u as useTogetherAuthRequiredAction}from"./types-0c1aac4c.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-b294239a.js";export{d as TogetherDataTransforms}from"./dataTransform-06cbd030.js";import"./tslib.es6-e2d31641.js";import"react";import"@mantine/core";import"./index-6008056a.js";import"styled-components";import"./utils-cbf1b9ef.js";import"./index-7cec9b65.js";import"./gAssets.js";import"./index-9c419037.js";import"date-fns/locale";import"./Onboarding-c617fc08.js";import"./isProduction-4fef7321.js";import"./index-b157ad5a.js";import"./index-5ec00f2e.js";import"./index-b8c39234.js";import"./index.styles-cb810a2f.js";import"./theme-ece63f2d.js";import"./index-df682eed.js";import"dayjs";import"./screenSizeContext-cff744e8.js";import"lodash/throttle";import"./useUniqueId-3b1e07f5.js";import"./index-e4cbc2e9.js";import"./index-bc21cc71.js";import"@mantine/carousel";import"@mantine/hooks";import"./index.styled-4316ce6f.js";import"./translationsContext-4f212429.js";import"string-format";import"./index-e3ab2d22.js";import"@mantine/dates";import"./index-296ba428.js";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-fd5345c2.js";import"./useTranslations-05f41e0c.js";import"./index-ccb64e84.js";import"date-fns";import"./index-0b8fad30.js";import"./types-17a30b9c.js";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"innertext";import"./index-bba06c8b.js";import"react-contenteditable";import"./cookieHelper-2cbe1035.js";import"react-dom";import"keen-slider/react";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-3f746abb.js";import"uuid";import"dayjs/plugin/relativeTime";import"./index-7e976767.js";import"./routing-e7ce81d5.js";import"slugify";