@hhgtech/hhg-components 1.26.87 → 1.26.89

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-a26ceabd.js";import o,{useReducer as n,useState as r,useEffect as a,useContext as i,useRef as s,useMemo as l,useCallback as d}from"react";import{Stack as c,Input as m,Grid as p,Title as u}from"@mantine/core";import{useInterval as g,useCounter as b}from"@mantine/hooks";import{B as E}from"./index-769fb130.js";import{f as h,e as f,n as v,R as y,O as S,o as j,u as w,B as C}from"./index-4569758b.js";import{M as P,u as k,S as T,a as x,b as I,F as B,O as L,c as D,h as z,d as N,e as F,f as _,g as A,i as W,j as R,k as q,l as V}from"./index.styled-39ad33b4.js";export{M as MAPPED_LOCALE}from"./index.styled-39ad33b4.js";import{u as U}from"./useTranslations-dc89cc46.js";import"lodash/debounce";import"./isProduction-5002862b.js";import{c as Y,L as $}from"./index-c2cc60b5.js";import{L as H,O as G}from"./Onboarding-8fc53239.js";export{O as OnboardingStep}from"./Onboarding-8fc53239.js";import"dayjs";import"./screenSizeContext-4c4b47f2.js";import"styled-components";import{t as Z}from"./theme-f9b12208.js";import{M as K}from"./utils-6e12cba9.js";import"./gAssets.js";import{yupResolver as J}from"@mantine/form";import"./index.styles-f36291e7.js";import"./index-a1eaaaa1.js";import"./index-d8bdb600.js";import"./index.styled-84342237.js";import"./index-2fc6d0a7.js";import{D as Q}from"./index-629cbd4d.js";import"./index-4d208528.js";import{S as X}from"./index-99783fde.js";import"@mantine/dates";import{V as ee}from"./Visible-b418aa59.js";import*as te from"yup";import oe from"lodash/throttle";import{T as ne}from"./index-525081b6.js";import{format as re}from"date-fns";import"@mantine/carousel";import"./translationsContext-798734cb.js";import"string-format";import"date-fns/locale";import"./useUniqueId-f1aa0ef0.js";const ae={provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},ie=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},se=()=>{const[t,o]=n(ie,ae),{provinces:i,districts:s,wards:l,selectedProvince:d,selectedDistrict:c,selectedWard:m}=t,[p,u]=r();a((()=>{e(void 0,void 0,void 0,(function*(){var e,t,n,r;try{const a=yield fetch((r=process.env.UNIFY_LOCALE||H.Vietnam,`${Y}/cities-data-${P[r]}.json`)).then((e=>e.json()));u(a);const{list:i}=a,s=Object.keys(i),l=Object.keys((null===(e=i[s[0]])||void 0===e?void 0:e.list)||{}),d=Object.keys((null===(n=null===(t=i[s[0]])||void 0===t?void 0:t[l[0]])||void 0===n?void 0:n.list)||{});o({type:"SET_DATA",payload:{provinces:s,districts:l,wards:d}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:i,districts:s,wards:l,selectedProvince:d,selectedDistrict:c,selectedWard:m,handleProvinceChange:e=>{var t;const n=Object.keys((null===(t=p.list[e])||void 0===t?void 0:t.list)||{});o({type:"SET_DISTRICTS",payload:n}),o({type:"SET_WARDS",payload:[]}),o({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,n;const r=Object.keys((null===(n=null===(t=p.list[d])||void 0===t?void 0:t.list[e])||void 0===n?void 0:n.list)||{});o({type:"SET_WARDS",payload:r}),o({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{o({type:"SELECT_WARD",payload:e})}}},le=e=>{var{error:n}=e,i=t(e,["error"]);const{t:s}=U(),{provinces:l,districts:d,wards:p,selectedProvince:u,selectedDistrict:g,selectedWard:b,handleProvinceChange:E,handleDistrictChange:f,handleWardChange:v}=se(),[y,S]=r("");return a((()=>{u&&g&&b&&y?i.onChange({selectedProvince:u,selectedDistrict:g,selectedWard:b,extraInfo:y}):i.onChange(null)}),[u,g,b,y]),o.createElement(h.Wrapper,Object.assign({withAsterisk:!0},i),o.createElement(c,null,o.createElement(X,{placeholder:s("onboarding.similac.input.city"),data:l,searchable:!0,onChange:E,value:u}),o.createElement(X,{placeholder:s("onboarding.similac.input.district"),data:d,searchable:!0,onChange:f,value:g,disabled:!u}),o.createElement(X,{placeholder:s("onboarding.similac.input.ward"),searchable:!0,data:p,value:b,onChange:v,disabled:!u||!g}),o.createElement(h,{placeholder:s("onboarding.similac.input.no"),disabled:!u||!g||!b,value:y,onChange:S,style:{marginBottom:0}})),o.createElement(m.Error,{size:"md"},n))},de=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:r}=U(),a=k(),i=o.createElement(m.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),o.createElement(v,Object.assign({defaultCountry:P[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),o.createElement(m.Error,{size:"md"},a.errors.phone)),s=o.createElement(h,Object.assign({label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=o.createElement(h,Object.assign({label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),d=o.createElement(Q,Object.assign({label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=o.createElement(y.Group,Object.assign({className:"radio-group",label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),o.createElement(y,{value:"0",label:r("onboarding.formEmail.genderMale")}),o.createElement(y,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=o.createElement("div",{className:"otp-input"},o.createElement(S,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),o.createElement(m.Error,null,a.errors.otp)),u=o.createElement(h.Password,Object.assign({label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:o.createElement(ee,null)},a.getInputProps("password"))),g=o.createElement(h.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),o.createElement(j,{label:n?o.createElement(f,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):o.createElement(f,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",o.createElement("a",null,o.createElement(f,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",o.createElement("a",null,o.createElement(f,{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=>{a.setFieldValue("term",e.currentTarget.checked)}}),o.createElement(m.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),b=o.createElement(le,Object.assign({className:"input-control",label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),E=o.createElement(h.Password,Object.assign({label:o.createElement(f,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:o.createElement(ee,null)},a.getInputProps("confirmPassword"))),w=e.map((e=>({phone:i,full_name:s,email:l,dob:d,gender:c,otp:p,password:u,confirm_password:E,term:g,address:b}[e]||null)));return o.createElement(T,null,w)},ce=e=>te.object().shape({phone:te.string().required(e("onboarding.updatePhone.error")).default("")}),me=e=>te.object().shape({phone:te.string().required(e("onboarding.updatePhone.error")).default(""),name:te.string().required(e("onboarding.errorMessage.requiredName")),email:te.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:te.mixed().required(e("onboarding.similac.address.error")),term:te.bool().oneOf([!0],e("onboarding.similac.term.error"))}),pe=e=>te.object().shape({otp:te.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ue=e=>te.object().shape({email:te.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:te.string().required(e("onboarding.errorMessage.requiredName"))}),ge=e=>te.object().shape({password:te.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:te.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([te.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),be=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=U(),s=x({initialValues:{phone:""},validate:J(ce(i))});return o.createElement(I,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},o.createElement(B,{form:s},o.createElement("form",{onSubmit:s.onSubmit((t=>e(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},o.createElement(de,{inputOrder:["phone"]}),o.createElement(E,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&o.createElement(E,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},i("onboarding.button.skip")))))},Ee=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,c=t(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:m}=U(),{isMobile:p}=w(),u=x({initialValues:Object.assign({phone:"",term:!1},d),validate:J(me(m))});return o.createElement(I,Object.assign({heading:(null==s?void 0:s.heading)||m("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||m("onboarding.updatePhone.description"),hiddenLogo:p},c),o.createElement(B,{form:u},o.createElement("form",{onSubmit:u.onSubmit((t=>e(void 0,void 0,void 0,(function*(){a(t)}))),(e=>{console.log(e)}))},o.createElement(de,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),o.createElement(C,{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"},m("onboarding.button.continue")),i&&o.createElement(C,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},m("onboarding.button.skip")))))},he=e=>{var{withSimilac:n=!1}=e,r=t(e,["withSimilac"]);return n?o.createElement(Ee,Object.assign({},r)):o.createElement(be,Object.assign({},r))},fe=({onSubmit:t,phone:n,email:d,onResendCode:c,otpError:m,onClose:p,loading:u,onBack:h,canSkip:f,outOfEdit:v})=>{const{siteType:y,isMarryBaby:S}=i(L),[j,w]=r(30),C=g((()=>w((e=>e-1))),1e3),[O,P]=b(0,{min:0,max:3}),k=s(!0),{t:T}=U();a((()=>(C.start(),C.stop)),[]),a((()=>{0===j&&(C.stop(),k.current=!1)}),[j]);const M=x({initialValues:{otp:""},validate:J(pe(T))});a((()=>{m&&M.setFieldError("otp",m)}),[m]);const I=l((()=>oe((()=>{k.current||(P.increment(),w(30),null==c||c(n||d),C.start(),k.current=!0)}),1e3,{trailing:!1})),[n,d,c,C]);return o.createElement(D,{heading:T("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:n?T("onboarding.otpForm.description",{phone:`<b style="color:${Z.colors.gray800}">${n.slice(0,-3).replace(/./g,"x").concat(n.slice(-3))}</b>`}):T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${Z.colors.gray800}">${z(d)}</b>`})}}),!v&&o.createElement("svg",{onClick:()=>{null==h||h()},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(B,{form:M},o.createElement("form",{onSubmit:M.onSubmit((o=>e(void 0,void 0,void 0,(function*(){P.increment(),t(o.otp)}))),(e=>{console.log(e)}))},o.createElement(de,{inputOrder:["otp"]}),o.createElement("div",{className:"resend"},o.createElement(ne,{size:"p4",color:Z.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),o.createElement(ne,{as:"a",size:"p4",color:S?Z.mbColors.pink:Z.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:j}))),o.createElement(E,{theme:y,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"},T("onboarding.button.continue")),f&&O>=3&&o.createElement(E,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},T("onboarding.button.skip")))))},ve=({onClose:e,onSubmit:t,canSkip:n,loading:r,errorMessage:s,initialData:l})=>{const{t:d,locale:c}=U(),{siteType:m,isMarryBaby:p}=i(L),u=x({validate:J(ue(d))});return a((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&u.setFieldError("email",s)}),[s]),o.createElement(N,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":$[c].SITE_NAME_FORMATTED})},o.createElement(B,{form:u},o.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{t(Object.assign(Object.assign({},e),{birthday:e.birthday&&re(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},o.createElement(de,{inputOrder:["full_name","email","dob","gender"]}),o.createElement(E,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:r,disabled:r},d("onboarding.button.continue")),n&&o.createElement(E,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},ye=({onClose:e,onSubmit:t,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=U(),s=x({initialValues:{password:"",confirmPassword:""},validate:J(ge(i))});return o.createElement(N,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},o.createElement(B,{form:s},o.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},o.createElement(de,{inputOrder:["password","confirm_password"]}),o.createElement(E,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&o.createElement(E,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&o.createElement(m.Error,{className:"form-error"},r))))},Se=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:l,customFormTexts:c,emailLoading:m,flow:g=[G.Phone,G.OTP],initialData:h,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:j,onPhoneSubmit:C,onResendCode:O,otpError:P,otpLoading:k,personalInfoError:T,resultScreenProps:x,siteType:M,step:I,withSimilac:B=!1,similacFormProps:D}=n,z=t(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:Y}=U(),[$,H]=r(I||g[0]),[J,Q]=r(""),[X,ee]=r(""),[te,oe]=b(0,{min:0,max:2}),{isMobile:ne}=w(),re=d((()=>{const e=g.indexOf($)+1;e<=g.length-1&&H(g[e])}),[$]),ae=d((()=>{const e=g.indexOf($)-1;e>=0&&H(g[e])}),[$]),ie=t=>e(void 0,void 0,void 0,(function*(){try{!(yield S(t))&&re()}catch(e){console.error(e)}})),se=()=>{te>=2||(oe.increment(),ae())},le="marryBaby"===M;return o.createElement(L.Provider,{value:{siteType:M,isMarryBaby:le}},o.createElement(F,Object.assign({},z),g.length>0?o.createElement(_,null,o.createElement(p,{sx:{[K.mbDown]:{margin:0},".mantine-Grid-col":{[K.mbDown]:{padding:0}}}},o.createElement(p.Col,{span:"object"!=typeof a&&!B||ne?12:6,order:B?2:1,orderMd:B?1:2},o.createElement(A,{"data-similac":B,"data-has-banner":"object"==typeof a},$===G.Phone&&(B?o.createElement(Ee,{onClose:v,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){var e;try{const o=null==t?void 0:t.phone;o&&(Q(o),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==C?void 0:C(o)])),re()}catch(e){console.error(e)}})),customFormTexts:c.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):o.createElement(he,{onClose:v,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{Q(t),yield null==C?void 0:C(t),re()}catch(e){console.error(e)}})),customFormTexts:c.onboarding})),$===G.OTP&&o.createElement(fe,{onClose:v,onSubmit:ie,phone:J,onResendCode:O,otpError:P,loading:k,canSkip:i,onBack:se,outOfEdit:te>=2}),$===G.OTPEmail&&o.createElement(fe,{onClose:v,onSubmit:ie,onResendCode:O,otpError:P,loading:k,canSkip:i,onBack:se,outOfEdit:te>=2,email:X}),$===G.PersonalInfo&&o.createElement(ve,{initialData:null==h?void 0:h[G.PersonalInfo],onClose:v,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{ee((null==t?void 0:t.email)||"");!(yield null==j?void 0:j(t))&&re()}catch(e){console.error(e)}})),errorMessage:T,loading:m}),$===G.UpdatePassword&&o.createElement(ye,{onClose:v,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(t),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:l}),$===G.Result&&o.createElement(N,Object.assign({},x),o.createElement(E,{theme:M,size:"lg",onClick:v,className:"form-button"},Y("onboarding.button.continue"))))),"object"==typeof a&&!B&&o.createElement(p.Col,{span:"object"!=typeof a&&!B||ne?12:6,order:B?2:1,orderMd:B?1:2},o.createElement(W,null,o.createElement(R,{"data-is-marry-baby":le},o.createElement(q,null,(null==a?void 0:a.heading)&&o.createElement(u,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&o.createElement(f,{size:"p1",color:Z.colors.gray800},Y("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&o.createElement("div",null,o.createElement(V,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&B&&(null==a?void 0:a.imgSrc)&&o.createElement(p.Col,{span:"auto",order:B?1:2,orderMd:B?2:1},o.createElement(V,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{he as OnboardingForm,Se as OnboardingModal,fe as OtpForm};
+import{a as e,_ as o}from"./tslib.es6-e2d31641.js";import t,{useContext as n,useState as r,useRef as a,useEffect as i,useMemo as s,useCallback as l}from"react";import{Input as d,Grid as m,Title as c}from"@mantine/core";import{useInterval as p,useCounter as u}from"@mantine/hooks";import{B as g}from"./index-b8c39234.js";import{e as b,n as f,f as E,R as h,O as v,o as y,u as w,B as S}from"./index-bc21cc71.js";import{u as P,M as j,a as k,F as C,O as x,h as B,b as z}from"./utils-3a81bfc5.js";export{M as MAPPED_LOCALE}from"./utils-3a81bfc5.js";import{u as T}from"./useTranslations-05f41e0c.js";import"lodash/debounce";import"./isProduction-4fef7321.js";import{L as F}from"./index-9c419037.js";import{O as N}from"./Onboarding-c617fc08.js";export{O as OnboardingStep}from"./Onboarding-c617fc08.js";import"dayjs";import"./screenSizeContext-cff744e8.js";import"styled-components";import{t as L}from"./theme-ece63f2d.js";import{M as I}from"./utils-cbf1b9ef.js";import"./gAssets.js";import{S as q,a as A,b as V,c as D,d as _,e as R,f as U,g as W,h as Y,i as H}from"./index.styled-6b7daa08.js";import{yupResolver as $}from"@mantine/form";import"./index.styles-cb810a2f.js";import"./index-df682eed.js";import"./index-b157ad5a.js";import"./index.styled-4316ce6f.js";import"./index-e3ab2d22.js";import{D as G}from"./index-e8d560f6.js";import"./index-296ba428.js";import{A as Z}from"./index-b7e4f3f4.js";import{V as K}from"./Visible-e32ee8e6.js";import*as J from"yup";import"@mantine/dates";import Q from"lodash/throttle";import{T as X}from"./index-5ec00f2e.js";import{format as ee}from"date-fns";import"@mantine/carousel";import"./translationsContext-4f212429.js";import"string-format";import"date-fns/locale";import"./useUniqueId-3b1e07f5.js";import"./index-41906bb1.js";const oe=({inputOrder:e=["phone"],withSimilac:o=!1,customTerms:n=""})=>{const{t:r}=T(),a=P(),i=t.createElement(d.Wrapper,Object.assign({className:o?"input-control":"phone-input",withAsterisk:!0},o?{label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),t.createElement(f,Object.assign({defaultCountry:j[process.env.UNIFY_LOCALE]||"VN"},a.getInputProps("phone"))),t.createElement(d.Error,{size:"md"},a.errors.phone)),s=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},a.getInputProps("name"))),l=t.createElement(E,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},a.getInputProps("email"))),m=t.createElement(G,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},a.getInputProps("dob"))),c=t.createElement(h.Group,Object.assign({className:"radio-group",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},a.getInputProps("gender")),t.createElement(h,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(h,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(v,Object.assign({enterKeyHint:void 0,nonce:void 0},a.getInputProps("otp"))),t.createElement(d.Error,null,a.errors.otp)),u=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(K,null)},a.getInputProps("password"))),g=t.createElement(E.Wrapper,Object.assign({},a.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),t.createElement(y,{label:n?t.createElement(b,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):t.createElement(b,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",t.createElement("a",null,t.createElement(b,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",t.createElement("a",null,t.createElement(b,{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=>{a.setFieldValue("term",e.currentTarget.checked)}}),t.createElement(d.Error,{size:"md"},a.getInputProps("term",{type:"checkbox"}).error)),w=t.createElement(Z,Object.assign({className:"input-control",label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},a.getInputProps("address"))),S=t.createElement(E.Password,Object.assign({label:t.createElement(b,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(K,null)},a.getInputProps("confirmPassword"))),O=e.map((e=>({phone:i,full_name:s,email:l,dob:m,gender:c,otp:p,password:u,confirm_password:S,term:g,address:w}[e]||null)));return t.createElement(q,null,O)},te=e=>J.object().shape({phone:J.string().required(e("onboarding.updatePhone.error")).default("")}),ne=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"))}),re=e=>J.object().shape({otp:J.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ae=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"))}),ie=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=({onClose:o,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=T(),s=k({initialValues:{phone:""},validate:$(te(i))});return t.createElement(A,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},t.createElement(C,{form:s},t.createElement("form",{onSubmit:s.onSubmit((o=>e(void 0,void 0,void 0,(function*(){n(o.phone)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["phone"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),r&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:o,type:"button"},i("onboarding.button.skip")))))},le=n=>{var{onClose:r,onSubmit:a,canSkip:i=!0,customFormTexts:s,customTerms:l,defaultValues:d}=n,m=o(n,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:c}=T(),{isMobile:p}=w(),u=k({initialValues:Object.assign({phone:"",term:!1},d),validate:$(ne(c))});return t.createElement(A,Object.assign({heading:(null==s?void 0:s.heading)||c("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||c("onboarding.updatePhone.description"),hiddenLogo:p},m),t.createElement(C,{form:u},t.createElement("form",{onSubmit:u.onSubmit((o=>e(void 0,void 0,void 0,(function*(){a(o)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:l}),t.createElement(S,{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"},c("onboarding.button.continue")),i&&t.createElement(S,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},c("onboarding.button.skip")))))},de=e=>{var{withSimilac:n=!1}=e,r=o(e,["withSimilac"]);return n?t.createElement(le,Object.assign({},r)):t.createElement(se,Object.assign({},r))},me=({onSubmit:o,phone:l,email:d,onResendCode:m,otpError:c,onClose:b,loading:f,onBack:E,canSkip:h,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=n(x),[S,P]=r(30),j=p((()=>P((e=>e-1))),1e3),[O,M]=u(0,{min:0,max:3}),z=a(!0),{t:F}=T();i((()=>(j.start(),j.stop)),[]),i((()=>{0===S&&(j.stop(),z.current=!1)}),[S]);const N=k({initialValues:{otp:""},validate:$(re(F))});i((()=>{c&&N.setFieldError("otp",c)}),[c]);const I=s((()=>Q((()=>{z.current||(M.increment(),P(30),null==m||m(l||d),j.start(),z.current=!0)}),1e3,{trailing:!1})),[l,d,m,j]);return t.createElement(V,{heading:F("onboarding.otpForm.heading"),description:t.createElement(t.Fragment,null,t.createElement("span",{dangerouslySetInnerHTML:{__html:l?F("onboarding.otpForm.description",{phone:`<b style="color:${L.colors.gray800}">${l.slice(0,-3).replace(/./g,"x").concat(l.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${L.colors.gray800}">${B(d)}</b>`})}}),!v&&t.createElement("svg",{onClick:()=>{null==E||E()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},t.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"})))},t.createElement(C,{form:N},t.createElement("form",{onSubmit:N.onSubmit((t=>e(void 0,void 0,void 0,(function*(){M.increment(),o(t.otp)}))),(e=>{console.log(e)}))},t.createElement(oe,{inputOrder:["otp"]}),t.createElement("div",{className:"resend"},t.createElement(X,{size:"p4",color:L.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),t.createElement(X,{as:"a",size:"p4",color:w?L.mbColors.pink:L.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:S}))),t.createElement(g,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:f,disabled:f,"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&&O>=3&&t.createElement(g,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:b,type:"button"},F("onboarding.button.skip")))))},ce=({onClose:e,onSubmit:o,canSkip:r,loading:a,errorMessage:s,initialData:l})=>{const{t:d,locale:m}=T(),{siteType:c,isMarryBaby:p}=n(x),u=k({validate:$(ae(d))});return i((()=>{u.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),i((()=>{s&&u.setFieldError("email",s)}),[s]),t.createElement(z,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":F[m].SITE_NAME_FORMATTED})},t.createElement(C,{form:u},t.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>{o(Object.assign(Object.assign({},e),{birthday:e.birthday&&ee(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["full_name","email","dob","gender"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:c,isLoading:a,disabled:a},d("onboarding.button.continue")),r&&t.createElement(g,{theme:c,color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")))))},pe=({onClose:e,onSubmit:o,canSkip:n,errorMessage:r,loading:a})=>{const{t:i}=T(),s=k({initialValues:{password:"",confirmPassword:""},validate:$(ie(i))});return t.createElement(z,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},t.createElement(C,{form:s},t.createElement("form",{className:"form",onSubmit:s.onSubmit((e=>o((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},t.createElement(oe,{inputOrder:["password","confirm_password"]}),t.createElement(g,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&t.createElement(g,{color:"ghost",isBlock:!0,size:"lg",onClick:e},i("onboarding.button.skip")),r&&t.createElement(d.Error,{className:"form-error"},r))))},ue=n=>{var{banner:a,canSkip:i,createPassError:s,createPassLoading:d,customFormTexts:p,emailLoading:f,flow:E=[N.Phone,N.OTP],initialData:h,onClose:v,onCreatePassByEmail:y,onOtpSubmit:S,onPersonalInfoSubmit:P,onPhoneSubmit:j,onResendCode:O,otpError:k,otpLoading:C,personalInfoError:M,resultScreenProps:B,siteType:F,step:q,withSimilac:A=!1,similacFormProps:V}=n,$=o(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:G}=T(),[Z,K]=r(q||E[0]),[J,Q]=r(""),[X,ee]=r(""),[oe,te]=u(0,{min:0,max:2}),{isMobile:ne}=w(),re=l((()=>{const e=E.indexOf(Z)+1;e<=E.length-1&&K(E[e])}),[Z]),ae=l((()=>{const e=E.indexOf(Z)-1;e>=0&&K(E[e])}),[Z]),ie=o=>e(void 0,void 0,void 0,(function*(){try{!(yield S(o))&&re()}catch(e){console.error(e)}})),se=()=>{oe>=2||(te.increment(),ae())},ue="marryBaby"===F;return t.createElement(x.Provider,{value:{siteType:F,isMarryBaby:ue}},t.createElement(D,Object.assign({},$),E.length>0?t.createElement(_,null,t.createElement(m,{sx:{[I.mbDown]:{margin:0},".mantine-Grid-col":{[I.mbDown]:{padding:0}}}},t.createElement(m.Col,{span:"object"!=typeof a&&!A||ne?12:6,order:A?2:1,orderMd:A?1:2},t.createElement(R,{"data-similac":A,"data-has-banner":"object"==typeof a},Z===N.Phone&&(A?t.createElement(le,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){var e;try{const t=null==o?void 0:o.phone;t&&(Q(t),yield Promise.all([null===(e=null==V?void 0:V.onFormSubmit)||void 0===e?void 0:e.call(V,o),null==j?void 0:j(t)])),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding,defaultValues:null==V?void 0:V.defaultValues,customTerms:null==V?void 0:V.customTerms}):t.createElement(de,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{Q(o),yield null==j?void 0:j(o),re()}catch(e){console.error(e)}})),customFormTexts:p.onboarding})),Z===N.OTP&&t.createElement(me,{onClose:v,onSubmit:ie,phone:J,onResendCode:O,otpError:k,loading:C,canSkip:i,onBack:se,outOfEdit:oe>=2}),Z===N.OTPEmail&&t.createElement(me,{onClose:v,onSubmit:ie,onResendCode:O,otpError:k,loading:C,canSkip:i,onBack:se,outOfEdit:oe>=2,email:X}),Z===N.PersonalInfo&&t.createElement(ce,{initialData:null==h?void 0:h[N.PersonalInfo],onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{ee((null==o?void 0:o.email)||"");!(yield null==P?void 0:P(o))&&re()}catch(e){console.error(e)}})),errorMessage:M,loading:f}),Z===N.UpdatePassword&&t.createElement(pe,{onClose:v,canSkip:i,onSubmit:o=>e(void 0,void 0,void 0,(function*(){try{yield null==y?void 0:y(o),!s&&re()}catch(e){console.error(e)}})),errorMessage:s,loading:d}),Z===N.Result&&t.createElement(z,Object.assign({},B),t.createElement(g,{theme:F,size:"lg",onClick:v,className:"form-button"},G("onboarding.button.continue"))))),"object"==typeof a&&!A&&t.createElement(m.Col,{span:"object"!=typeof a&&!A||ne?12:6,order:A?2:1,orderMd:A?1:2},t.createElement(U,null,t.createElement(W,{"data-is-marry-baby":ue},t.createElement(Y,null,(null==a?void 0:a.heading)&&t.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&t.createElement(b,{size:"p1",color:L.colors.gray800},G("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&t.createElement("div",null,t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&A&&(null==a?void 0:a.imgSrc)&&t.createElement(m.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},t.createElement(H,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{de as OnboardingForm,ue as OnboardingModal,me as OtpForm};

package/build/esm/onboardingV2.js

@@ -0,0 +1,199 @@
+import{_ as e,a as t}from"./tslib.es6-e2d31641.js";import n,{createContext as o,useContext as r,useState as i,useRef as a,useEffect as s,useMemo as l,Fragment as d}from"react";import{Grid as m,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 x,R as v,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 P from"styled-components";import{t as C}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 z,useCounter as B}from"@mantine/hooks";import"lodash/debounce";import{createFormContext as N,yupResolver as I}from"@mantine/form";import{B as T}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 D}from"./utils-3a81bfc5.js";import*as F from"yup";import{D as $}from"./index-e8d560f6.js";import{A as q}from"./index-b7e4f3f4.js";import{V}from"./Visible-e32ee8e6.js";import A 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=o({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),Y=P.div`
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: white;
+  overflow-y: auto;
+`,W=P.div`
+  height: 100%;
+  ${k.lgPcUp} {
+    display: table;
+    width: 100%;
+    height: calc(100% - 25px);
+  }
+`,Z=P.div`
+  padding: 16px;
+  ${k.mbUp} {
+    padding: 48px 24px 24px;
+  }
+  [data-similac='true'][data-has-banner='true'] {
+    ${k.mbDown} {
+      background: white;
+      border-top-left-radius: 1rem;
+      border-top-right-radius: 1rem;
+      margin-top: -1rem;
+    }
+  }
+`,G=P.div`
+  width: 640px;
+  padding: 16px 16px 0 16px;
+  display: none;
+
+  ${k.mbUp} {
+    width: 640px;
+    display: table-cell;
+  }
+`,K=P.div`
+  background-color: ${C.colors.primary50};
+  border-radius: 12px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  &[data-is-marry-baby='true'] {
+    background-color: ${C.mbColors.tonePink};
+  }
+`,J=P.div`
+  margin-top: 40px;
+  padding: 24px 40px;
+`,Q=P.img`
+  width: 100%;
+  display: block;
+  &.similac {
+    min-width: 1px;
+    object-fit: contain;
+
+    ${k.mbUp} {
+      position: sticky;
+      top: 0;
+      height: 100vh;
+    }
+  }
+`,X=P(D)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${k.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,ee=e=>F.object().shape({phone:F.string().required(e("onboarding.updatePhone.error")).default("")}),[te,ne,oe]=N(),re=P.div`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${k.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      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("@"),n=e.substring(0,t),o=n.length>3?3:n.length;return e.replace(e.substring(o,t),e.slice(o,t).replace(/./g,"x"))},se=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:o=""})=>{const{t:r}=O(),i=ne(),a=n.createElement(p.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.phone"))}:{}),n.createElement(y,Object.assign({defaultCountry:ie[process.env.UNIFY_LOCALE]||"VN"},i.getInputProps("phone"))),n.createElement(p.Error,{size:"md"},i.errors.phone)),s=n.createElement(x,Object.assign({label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourName")),withAsterisk:!0},i.getInputProps("name"))),l=n.createElement(x,Object.assign({label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},i.getInputProps("email"))),d=n.createElement($,Object.assign({label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},i.getInputProps("dob"))),m=n.createElement(v.Group,Object.assign({className:"radio-group",label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("bmi.selectGender"))},i.getInputProps("gender")),n.createElement(v,{value:"0",label:r("onboarding.formEmail.genderMale")}),n.createElement(v,{value:"1",label:r("onboarding.formEmail.genderFemale")})),c=n.createElement("div",{className:"otp-input"},n.createElement(w,Object.assign({enterKeyHint:void 0,nonce:void 0},i.getInputProps("otp"))),n.createElement(p.Error,null,i.errors.otp)),g=n.createElement(x.Password,Object.assign({label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:n.createElement(V,null)},i.getInputProps("password"))),u=n.createElement(x.Wrapper,Object.assign({},i.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),n.createElement(S,{label:o?n.createElement(E,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},o):n.createElement(E,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",n.createElement("a",null,n.createElement(E,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",n.createElement("a",null,n.createElement(E,{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=>{i.setFieldValue("term",e.currentTarget.checked)}}),n.createElement(p.Error,{size:"md"},i.getInputProps("term",{type:"checkbox"}).error)),b=n.createElement(q,Object.assign({className:"input-control",label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.similac.input.address"))},i.getInputProps("address"))),h=n.createElement(x.Password,Object.assign({label:n.createElement(E,{size:"s4",weight:"semiBold",as:"span"},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:n.createElement(V,null)},i.getInputProps("confirmPassword"))),f=e.map((e=>({phone:a,full_name:s,email:l,dob:d,gender:m,otp:c,password:g,confirm_password:h,term:u,address:b}[e]||null)));return n.createElement(re,null,f)},le=P(D)`
+  .otp-input {
+    margin-bottom: 36px;
+    ${k.mbDown} {
+      margin-bottom: 20px;
+    }
+    .otpContainer {
+      margin-bottom: 16px;
+    }
+  }
+  .resend {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 32px;
+    ${k.mbDown} {
+      margin-bottom: 16px;
+    }
+    a {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+  .phone-description {
+    margin-left: 2px;
+    margin-top: 2px;
+  }
+  .otp-description-edit-icon {
+    cursor: pointer;
+    vertical-align: bottom;
+    /* height: 100%; */
+    margin-bottom: 3px;
+    margin-left: 3px;
+  }
+`,de=e=>F.object().shape({otp:F.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),me=e=>F.object().shape({email:F.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:F.string().required(e("onboarding.errorMessage.requiredName"))}),ce=P.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  &.similac {
+    margin-top: 16px;
+  }
+`,pe=P(g)`
+  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    max-width: 520px;
+  }
+  .header {
+    margin-bottom: 32px;
+    text-align: center;
+    ${k.mbDown} {
+      margin-bottom: 16px;
+    }
+  }
+
+  .input-control {
+    width: 100%;
+  }
+  .radio-group,
+  .input-control {
+    margin-bottom: 16px;
+  }
+  .form {
+    width: 100%;
+  }
+
+  /* .form-error {
+    margin-top: 32px;
+    font-size: 14px;
+  }
+
+  .field-error {
+    margin-top: 10px;
+    font-size: 14px;
+  } */
+
+  .form-button {
+    width: 100%;
+  }
+`,ge=P.img`
+  margin-bottom: 38px;
+`,ue=t=>{var o,{heading:i,description:a,children:s,className:l,imgSrc:d,hiddenLogo:m=!1}=t,p=e(t,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:g,siteType:u}=r(R);return n.createElement(pe,Object.assign({},p,{className:`hhg-comp-onboarding-container ${l}`,size:"sm"}),!m&&n.createElement(L,{type:g?u:(null===(o=b[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),n.createElement(ce,{className:m?"similac":""},d&&n.createElement(ge,{src:d,loading:"lazy"}),n.createElement("div",{className:"header"},n.createElement(c,{order:3},i),n.createElement(E,{size:"p3",mt:8,color:C.colors.gray600},a)),s))},be=P(D)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${k.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      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:o})=>{const[r,a]=i(0),[l,d]=i(0),[m,c]=i({});return s((()=>{null==o||o(m)}),[m,o]),n.createElement(R.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:d,nextStep:()=>r+1<=l&&a(r+1),prevStep:()=>r-1>0&&a(r-1),siteType:t,isMarryBaby:"marryBaby"===t,sharedData:m,setSharedData:c}},e)},Modal:t=>{var{children:o,withSimilac:i,banner:a,withPortal:s}=t,l=e(t,["children","withSimilac","banner","withPortal"]);const{isMobile:d}=f(),{isMarryBaby:p}=r(R),{t:g}=O();if(s&&"undefined"==typeof window)return null;const b=n.createElement(Y,Object.assign({},l),n.createElement(W,null,n.createElement(m,{sx:{[k.mbDown]:{margin:0},".mantine-Grid-col":{[k.mbDown]:{padding:0}}}},n.createElement(m.Col,{span:"object"!=typeof a&&!i||d?12:6,order:i?2:1,orderMd:i?1:2},n.createElement(Z,{"data-similac":i,"data-has-banner":"object"==typeof a},o)),"object"==typeof a&&!i&&n.createElement(m.Col,{span:"object"!=typeof a&&!i||d?12:6,order:i?2:1,orderMd:i?1:2},n.createElement(G,null,n.createElement(K,{"data-is-marry-baby":p},n.createElement(J,null,(null==a?void 0:a.heading)&&n.createElement(c,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&n.createElement(E,{size:"p1",color:C.colors.gray800},g("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&n.createElement("div",null,n.createElement(Q,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&i&&(null==a?void 0:a.imgSrc)&&n.createElement(m.Col,{span:"auto",order:i?1:2,orderMd:i?2:1},n.createElement(Q,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))));return s?u(b,M()):b},Form:({onClose:e,onSubmit:o,canSkip:i=!0,customFormTexts:a})=>{const{t:s}=O(),{setSharedData:l,nextStep:d}=r(R),m=oe({initialValues:{phone:""},validate:I(ee(s))});return n.createElement(X,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},n.createElement(te,{form:m},n.createElement("form",{onSubmit:m.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{l((t=>Object.assign(Object.assign({},t),{phone:e.phone}))),yield null==o?void 0:o(e.phone),d()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},n.createElement(se,{inputOrder:["phone"]}),n.createElement(T,{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&&n.createElement(T,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},s("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:e,email:o,onResendCode:d,otpError:m,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=o||u||"",[w,S]=i(30),j=z((()=>S((e=>e-1))),1e3),[P,k]=B(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=oe({initialValues:{otp:""},validate:I(de(N))});s((()=>{m&&L.setFieldError("otp",m)}),[m]);const D=l((()=>A((()=>{M.current||(k.increment(),S(30),null==d||d(v),j.start(),M.current=!0)}),1e3,{trailing:!1})),[v,d,j]),F=b>=2;return n.createElement(le,{heading:N("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${C.colors.gray800}">${ae(v)}</b>`})}}),!F&&n.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"},n.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"})))},n.createElement(te,{form:L},n.createElement("form",{onSubmit:L.onSubmit((n=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(n.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},n.createElement(se,{inputOrder:["otp"]}),n.createElement("div",{className:"resend"},n.createElement(_,{size:"p4",color:C.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),n.createElement(_,{as:"a",size:"p4",color:y?C.mbColors.pink:C.colors.primaryBase,onClick:D},N("onboarding.otpForm.resendCode",{seconds:w}))),n.createElement(T,{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&&P>=3&&n.createElement(T,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))},Phone:({onSubmit:e,phone:o,onResendCode:d,otpError:m,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=o||u||"",[w,S]=i(30),j=z((()=>S((e=>e-1))),1e3),[P,k]=B(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=oe({initialValues:{otp:""},validate:I(de(N))});s((()=>{m&&L.setFieldError("otp",m)}),[m]);const D=l((()=>A((()=>{M.current||(k.increment(),S(30),null==d||d(v),j.start(),M.current=!0)}),1e3,{trailing:!1})),[v,d,j]),F=()=>{b>=2||(h((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),f())},$=b>=2;return n.createElement(le,{heading:N("onboarding.otpForm.heading"),description:n.createElement(n.Fragment,null,n.createElement("span",{dangerouslySetInnerHTML:{__html:N("onboarding.otpForm.description",{phone:`<b style="color:${C.colors.gray800}">${v.slice(0,-3).replace(/./g,"x").concat(v.slice(-3))}</b>`})}}),!$&&n.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"},n.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"})))},n.createElement(te,{form:L},n.createElement("form",{onSubmit:L.onSubmit((n=>t(void 0,void 0,void 0,(function*(){try{k.increment();!(yield null==e?void 0:e(n.otp))&&x()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},n.createElement(se,{inputOrder:["otp"]}),n.createElement("div",{className:"resend"},n.createElement(_,{size:"p4",color:C.colors.gray400},N("onboarding.otpForm.notReceiveOTP")),n.createElement(_,{as:"a",size:"p4",color:y?C.mbColors.pink:C.colors.primaryBase,onClick:D},N("onboarding.otpForm.resendCode",{seconds:w}))),n.createElement(T,{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&&P>=3&&n.createElement(T,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:c,type:"button"},N("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:e,onSubmit:o,canSkip:i,loading:a,errorMessage:l,initialData:d})=>{const{t:m,locale:c}=O(),{siteType:p,isMarryBaby:g,setSharedData:u,nextStep:h}=r(R),f=oe({validate:I(me(m))});return s((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},d),(null==d?void 0:d.birthday)&&{birthday:new Date(d.birthday)}))}),[d]),s((()=>{l&&f.setFieldError("email",l)}),[l]),n.createElement(ue,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description",{site:g?"Marry Baby":b[c].SITE_NAME_FORMATTED})},n.createElement(te,{form:f},n.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==o?void 0:o(Object.assign(Object.assign({},e),{birthday:e.birthday&&U(e.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},n.createElement(se,{inputOrder:["full_name","email","dob","gender"]}),n.createElement(T,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},m("onboarding.button.continue")),i&&n.createElement(T,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},m("onboarding.button.skip")))))},ResultScreen:t=>{var{onClose:o}=t,i=e(t,["onClose"]);const{t:a}=O(),{siteType:s}=r(R);return n.createElement(ue,Object.assign({},i),n.createElement(T,{theme:s,size:"lg",onClick:o,className:"form-button"},a("onboarding.button.continue")))},SimilacForm:o=>{var{onClose:i,onSubmit:a,canSkip:s=!0,customFormTexts:l,customTerms:d,defaultValues:m}=o,c=e(o,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=O(),{nextStep:g}=r(R),{isMobile:u}=f(),b=oe({initialValues:Object.assign({phone:"",term:!1},m),validate:I(he(p))}),h=(null==m?void 0:m.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return n.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:u},c),n.createElement(te,{form:b},n.createElement("form",{onSubmit:b.onSubmit((e=>t(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(e),g()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},n.createElement(se,{inputOrder:h,withSimilac:!0,customTerms:d}),n.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&&n.createElement(j,{variant:"ghost",fullWidth:!0,size:"lg",onClick:i,type:"button"},p("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:e,onSubmit:o,canSkip:i,errorMessage:a,loading:s})=>{const{t:l}=O(),{nextStep:d}=r(R),m=oe({initialValues:{password:"",confirmPassword:""},validate:I(fe(l))});return n.createElement(ue,{heading:l("onboarding.updatePassword.heading"),description:l("onboarding.updatePassword.description")},n.createElement(te,{form:m},n.createElement("form",{className:"form",onSubmit:m.onSubmit((e=>t(void 0,void 0,void 0,(function*(){yield o((null==e?void 0:e.password)||""),!a&&d()}))),(e=>{console.log({fieldErrors:e})}))},n.createElement(se,{inputOrder:["password","confirm_password"]}),n.createElement(T,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},l("onboarding.button.continue")),i&&n.createElement(T,{color:"ghost",isBlock:!0,size:"lg",onClick:e},l("onboarding.button.skip")),a&&n.createElement(p.Error,{className:"form-error"},a))))},StepRenderer:({children:e})=>{const{currentStep:t,setMaxStep:o}=r(R),i=n.Children.count(e);return s((()=>{o(i-1)}),[i]),n.createElement(n.Fragment,null,H(e).map(((e,o)=>{const r=o===t;return n.createElement(d,{key:o},n.isValidElement(e)?e.props.alwaysRender||r?n.cloneElement(e,{isActive:o===t,stepIndex:o}):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 l}from"react";import{M as a,a as o}from"./index-dfb3c71a.js";import{T as n}from"./index-525081b6.js";import{P as i}from"./index-da70eb99.js";import{u as c}from"./useTranslations-dc89cc46.js";import{t as s}from"./theme-f9b12208.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 h}from"recharts";import{C as x}from"./index-2fc6d0a7.js";import{a as f}from"./useOutsideClick-29e064cd.js";import E from"styled-components";import{_ as k}from"./tslib.es6-a26ceabd.js";import"./index.styled-84342237.js";import"./Onboarding-8fc53239.js";import"./index.styled-9bb498bc.js";import"./gAssets.js";import"./index-c2cc60b5.js";import"date-fns/locale";import"./isProduction-5002862b.js";import"./index-4d208528.js";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";import"./translationsContext-798734cb.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`
+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;
@@ -55,7 +55,7 @@ import e,{useMemo as t,useState as r,useRef as l}from"react";import{M as a,a as
     align-items: center;
     gap: 4px;
   }
-`,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 f(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(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(x,{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`
+`,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;

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

@@ -1 +1 @@
-import{d as e}from"./index-c2cc60b5.js";import{i as s}from"./isProduction-5002862b.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]}`,c=()=>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,c 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-4c4b47f2.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-6e12cba9.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-eb173acd.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-3a27d864.js";export{d as TogetherDataTransforms}from"./dataTransform-38307e89.js";import"./tslib.es6-a26ceabd.js";import"react";import"@mantine/core";import"./index-865235cb.js";import"styled-components";import"./utils-6e12cba9.js";import"./index-883ee6ae.js";import"./gAssets.js";import"./index-c2cc60b5.js";import"date-fns/locale";import"./Onboarding-8fc53239.js";import"./isProduction-5002862b.js";import"./index-d8bdb600.js";import"./index-525081b6.js";import"./index-769fb130.js";import"./index.styles-f36291e7.js";import"./theme-f9b12208.js";import"./index-a1eaaaa1.js";import"dayjs";import"./screenSizeContext-4c4b47f2.js";import"lodash/throttle";import"./useUniqueId-f1aa0ef0.js";import"./index-d3a92944.js";import"./index-4569758b.js";import"@mantine/carousel";import"@mantine/hooks";import"./index.styled-84342237.js";import"./translationsContext-798734cb.js";import"string-format";import"./index-2fc6d0a7.js";import"@mantine/dates";import"./index-4d208528.js";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-ef722e8b.js";import"./useTranslations-dc89cc46.js";import"./index-dfb3c71a.js";import"date-fns";import"./index-16ecfc6e.js";import"./types-f882fb86.js";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"innertext";import"./index-793e4c8d.js";import"react-contenteditable";import"./cookieHelper-d84c69d6.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-9bb498bc.js";import"uuid";import"dayjs/plugin/relativeTime";import"./index-526b4434.js";import"./routing-99029410.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-1518ff92.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-f0fde252.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";