@hhgtech/hhg-components 1.26.82 → 1.26.83

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as e,_ as t}from"./tslib.es6-3a90055c.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 g}from"@mantine/core";import{useInterval as u,useCounter as b}from"@mantine/hooks";import{L as E,J as h,am as f,an as v,ao as y,ap as S,K as w,N as j}from"./index-ad390ac3.js";import{B as C}from"./index-8088b21e.js";import"./gAssets.js";import"./index-9535a3c3.js";import"./index-9ef2a4bc.js";import{M as P}from"./utils-de245447.js";import{t as k}from"./theme-54112b39.js";import"./index.styled-950214ca.js";import{u as T}from"./useTranslations-853b8e45.js";import"./index-008eb0e0.js";import"@mantine/dates";import{c as I,L}from"./index-fdf35df4.js";import{L as x,O as B}from"./Onboarding-ebd8b490.js";export{O as OnboardingStep}from"./Onboarding-ebd8b490.js";import"dayjs";import"./screenSizeContext-736b95a3.js";import"styled-components";import"./isProduction-9ff18f6c.js";import{M as D,u as N,S as z,a as _,b as A,F,O as W,c as R,h as q,d as V,e as U,f as Y,g as $,i as H,j as G,k as Z,l as K}from"./index.styled-8e97b69a.js";export{M as MAPPED_LOCALE}from"./index.styled-8e97b69a.js";import"lodash/debounce";import{yupResolver as J}from"@mantine/form";import{D as Q}from"./index-8147380b.js";import{S as X}from"./index-cad4cc7e.js";import"./translationsContext-ad5ef2d2.js";import"string-format";import*as ee from"yup";import te from"lodash/throttle";import{format as oe}from"date-fns";import{V as ne}from"./Visible-5c6a1e3e.js";import{T as re}from"./index-ad97e197.js";import"./useUniqueId-a74a0bad.js";import"@mantine/carousel";import"date-fns/locale";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,g]=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||x.Vietnam,`${I}/cities-data-${D[r]}.json`)).then((e=>e.json()));g(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=>{const{t:t}=T(),{provinces:n,districts:i,wards:s,selectedProvince:l,selectedDistrict:d,selectedWard:m,handleProvinceChange:p,handleDistrictChange:g,handleWardChange:u}=se(),[b,h]=r("");return a((()=>{l&&d&&m&&b?e.onChange({selectedProvince:l,selectedDistrict:d,selectedWard:m,extraInfo:b}):e.onChange(null)}),[l,d,m,b]),o.createElement(E.Wrapper,Object.assign({withAsterisk:!0},e),o.createElement(c,null,o.createElement(X,{placeholder:t("onboarding.similac.input.city"),data:n,searchable:!0,onChange:p,value:l}),o.createElement(X,{placeholder:t("onboarding.similac.input.district"),data:i,searchable:!0,onChange:g,value:d,disabled:!l}),o.createElement(X,{placeholder:t("onboarding.similac.input.ward"),searchable:!0,data:s,value:m,onChange:u,disabled:!l||!d}),o.createElement(E,{placeholder:t("onboarding.similac.input.no"),disabled:!l||!d||!m,value:b,onChange:h})))},de=({inputOrder:e=["phone"],withSimilac:t=!1})=>{const{t:n}=T(),r=N(),a=o.createElement(m.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.similac.input.phone"))}:{}),o.createElement(f,Object.assign({defaultCountry:D[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),o.createElement(m.Error,null,r.errors.phone)),i=o.createElement(E,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),s=o.createElement(E,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),l=o.createElement(Q,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),d=o.createElement(v.Group,Object.assign({className:"radio-group",label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("bmi.selectGender"))},r.getInputProps("gender")),o.createElement(v,{value:"0",label:n("onboarding.formEmail.genderMale")}),o.createElement(v,{value:"1",label:n("onboarding.formEmail.genderFemale")})),c=o.createElement("div",{className:"otp-input"},o.createElement(y,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),o.createElement(m.Error,null,r.errors.otp)),p=o.createElement(E.Password,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:o.createElement(ne,null)},r.getInputProps("password"))),g=o.createElement(S,Object.assign({className:"input-control",label:o.createElement(h,{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(h,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",o.createElement("a",null,o.createElement(h,{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")},r.getInputProps("term",{type:"checkbox"}))),u=o.createElement(le,Object.assign({className:"input-control",label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.similac.input.address"))},r.getInputProps("address"))),b=o.createElement(E.Password,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:o.createElement(ne,null)},r.getInputProps("confirmPassword"))),w=e.map((e=>({phone:a,full_name:i,email:s,dob:l,gender:d,otp:c,password:p,confirm_password:b,term:g,address:u}[e]||null)));return o.createElement(z,null,w)},ce=e=>ee.object().shape({phone:ee.string().required(e("onboarding.updatePhone.error")).default("")}),me=e=>ee.object().shape({phone:ee.string().required(e("onboarding.updatePhone.error")).default(""),name:ee.string().required(e("onboarding.errorMessage.requiredName")),email:ee.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:ee.mixed().required(e("onboarding.similac.address.error"))}),pe=e=>ee.object().shape({otp:ee.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ge=e=>ee.object().shape({email:ee.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:ee.string().required(e("onboarding.errorMessage.requiredName"))}),ue=e=>ee.object().shape({password:ee.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:ee.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([ee.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),be=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=T(),s=_({initialValues:{phone:""},validate:J(ce(i))});return o.createElement(A,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},o.createElement(F,{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(C,{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(C,{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}=n,l=t(n,["onClose","onSubmit","canSkip","customFormTexts"]);const{t:d}=T(),c=_({initialValues:{phone:"",term:!0},validate:J(me(d))});return o.createElement(A,Object.assign({heading:(null==s?void 0:s.heading)||d("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||d("onboarding.updatePhone.description"),hiddenLogo:!0},l),o.createElement(F,{form:c},o.createElement("form",{onSubmit:c.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}),o.createElement(w,{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"},d("onboarding.button.continue")),i&&o.createElement(w,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},d("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:g,onBack:E,canSkip:h,outOfEdit:f})=>{const{siteType:v,isMarryBaby:y}=i(W),[S,w]=r(30),j=u((()=>w((e=>e-1))),1e3),[O,P]=b(0,{min:0,max:3}),M=s(!0),{t:I}=T();a((()=>(j.start(),j.stop)),[]),a((()=>{0===S&&(j.stop(),M.current=!1)}),[S]);const L=_({initialValues:{otp:""},validate:J(pe(I))});a((()=>{m&&L.setFieldError("otp",m)}),[m]);const x=l((()=>te((()=>{M.current||(P.increment(),w(30),null==c||c(n||d),j.start(),M.current=!0)}),1e3,{trailing:!1})),[n,d,c,j]);return o.createElement(R,{heading:I("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:n?I("onboarding.otpForm.description",{phone:`<b style="color:${k.colors.gray800}">${n.slice(0,-3).replace(/./g,"x").concat(n.slice(-3))}</b>`}):I("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${k.colors.gray800}">${q(d)}</b>`})}}),!f&&o.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"},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(F,{form:L},o.createElement("form",{onSubmit:L.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(re,{size:"p4",color:k.colors.gray400},I("onboarding.otpForm.notReceiveOTP")),o.createElement(re,{as:"a",size:"p4",color:y?k.mbColors.pink:k.colors.primaryBase,onClick:x},I("onboarding.otpForm.resendCode",{seconds:S}))),o.createElement(C,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"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"},I("onboarding.button.continue")),h&&O>=3&&o.createElement(C,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},I("onboarding.button.skip")))))},ve=({onClose:e,onSubmit:t,canSkip:n,loading:r,errorMessage:s,initialData:l})=>{const{t:d,locale:c}=T(),{siteType:m,isMarryBaby:p}=i(W),g=_({validate:J(ge(d))});return a((()=>{g.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&g.setFieldError("email",s)}),[s]),o.createElement(V,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":L[c].SITE_NAME_FORMATTED})},o.createElement(F,{form:g},o.createElement("form",{className:"form",onSubmit:g.onSubmit((e=>{t(Object.assign(Object.assign({},e),{birthday:e.birthday&&oe(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},o.createElement(de,{inputOrder:["full_name","email","dob","gender"]}),o.createElement(C,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:r,disabled:r},d("onboarding.button.continue")),n&&o.createElement(C,{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}=T(),s=_({initialValues:{password:"",confirmPassword:""},validate:J(ue(i))});return o.createElement(V,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},o.createElement(F,{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(C,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&o.createElement(C,{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:u=[B.Phone,B.OTP],initialData:E,onClose:f,onCreatePassByEmail:v,onOtpSubmit:y,onPersonalInfoSubmit:S,onPhoneSubmit:w,onResendCode:O,otpError:M,otpLoading:I,personalInfoError:L,resultScreenProps:x,siteType:D,step:N,withSimilac:z=!1}=n,_=t(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac"]);const{t:A}=T(),[F,R]=r(N||u[0]),[q,J]=r(""),[Q,X]=r(""),[ee,te]=b(0,{min:0,max:2}),{isMobile:oe}=j(),ne=d((()=>{const e=u.indexOf(F)+1;e<=u.length-1&&R(u[e])}),[F]),re=d((()=>{const e=u.indexOf(F)-1;e>=0&&R(u[e])}),[F]),ae=t=>e(void 0,void 0,void 0,(function*(){try{!(yield y(t))&&ne()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(te.increment(),re())},se="marryBaby"===D;return o.createElement(W.Provider,{value:{siteType:D,isMarryBaby:se}},o.createElement(U,Object.assign({},_),u.length>0?o.createElement(Y,null,o.createElement(p,{sx:{[P.mbDown]:{margin:0},".mantine-Grid-col":{[P.mbDown]:{padding:0}}}},o.createElement(p.Col,{span:"object"!=typeof a&&!z||oe?12:6,order:z?2:1,orderMd:z?1:2},o.createElement($,{"data-has-banner":"object"==typeof a},F===B.Phone&&o.createElement(he,{onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{J(t),yield null==w?void 0:w(t),ne()}catch(e){console.error(e)}})),customFormTexts:c.onboarding,withSimilac:z}),F===B.OTP&&o.createElement(fe,{onClose:f,onSubmit:ae,phone:q,onResendCode:O,otpError:M,loading:I,canSkip:i,onBack:ie,outOfEdit:ee>=2}),F===B.OTPEmail&&o.createElement(fe,{onClose:f,onSubmit:ae,onResendCode:O,otpError:M,loading:I,canSkip:i,onBack:ie,outOfEdit:ee>=2,email:Q}),F===B.PersonalInfo&&o.createElement(ve,{initialData:null==E?void 0:E[B.PersonalInfo],onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{X((null==t?void 0:t.email)||"");!(yield null==S?void 0:S(t))&&ne()}catch(e){console.error(e)}})),errorMessage:L,loading:m}),F===B.UpdatePassword&&o.createElement(ye,{onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{yield null==v?void 0:v(t),!s&&ne()}catch(e){console.error(e)}})),errorMessage:s,loading:l}),F===B.Result&&o.createElement(V,Object.assign({},x),o.createElement(C,{theme:D,size:"lg",onClick:f,className:"form-button"},A("onboarding.button.continue"))))),"object"==typeof a&&!z&&o.createElement(p.Col,{span:"object"!=typeof a&&!z||oe?12:6,order:z?2:1,orderMd:z?1:2},o.createElement(H,null,o.createElement(G,{"data-is-marry-baby":se},o.createElement(Z,null,(null==a?void 0:a.heading)&&o.createElement(g,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&o.createElement(h,{size:"p1",color:k.colors.gray800},A("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&o.createElement("div",null,o.createElement(K,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&z&&(null==a?void 0:a.imgSrc)&&o.createElement(p.Col,{span:"auto",order:z?1:2,orderMd:z?2:1},o.createElement(K,{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 t}from"./tslib.es6-3351537e.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 g}from"@mantine/core";import{useInterval as u,useCounter as b}from"@mantine/hooks";import{L as E,J as h,am as f,an as v,ao as y,ap as S,K as w,N as j}from"./index-ebd65b69.js";import{B as C}from"./index-73e4450f.js";import"./gAssets.js";import"./index-b03cb7e6.js";import"./index-5c2596e8.js";import{M as P}from"./utils-888b0d3d.js";import{t as k}from"./theme-1cf63204.js";import"./index.styled-295a7b25.js";import{u as T}from"./useTranslations-d800f1e8.js";import"./index-691b8502.js";import"@mantine/dates";import{c as I,L}from"./index-0056e79e.js";import{L as x,O as B}from"./Onboarding-4d548fd2.js";export{O as OnboardingStep}from"./Onboarding-4d548fd2.js";import"dayjs";import"./screenSizeContext-fe28e688.js";import"styled-components";import"./isProduction-644d7a5e.js";import{M as D,u as N,S as z,a as _,b as A,F,O as W,c as R,h as q,d as V,e as U,f as Y,g as $,i as H,j as G,k as Z,l as K}from"./index.styled-0c783e76.js";export{M as MAPPED_LOCALE}from"./index.styled-0c783e76.js";import"lodash/debounce";import{yupResolver as J}from"@mantine/form";import{D as Q}from"./index-7fdd9415.js";import{S as X}from"./index-1cf1f41f.js";import"./translationsContext-730737f1.js";import"string-format";import*as ee from"yup";import te from"lodash/throttle";import{format as oe}from"date-fns";import{V as ne}from"./Visible-4fa921d3.js";import{T as re}from"./index-95eb2fdf.js";import"./useUniqueId-e37c5a7f.js";import"@mantine/carousel";import"date-fns/locale";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,g]=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||x.Vietnam,`${I}/cities-data-${D[r]}.json`)).then((e=>e.json()));g(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=>{const{t:t}=T(),{provinces:n,districts:i,wards:s,selectedProvince:l,selectedDistrict:d,selectedWard:m,handleProvinceChange:p,handleDistrictChange:g,handleWardChange:u}=se(),[b,h]=r("");return a((()=>{l&&d&&m&&b?e.onChange({selectedProvince:l,selectedDistrict:d,selectedWard:m,extraInfo:b}):e.onChange(null)}),[l,d,m,b]),o.createElement(E.Wrapper,Object.assign({withAsterisk:!0},e),o.createElement(c,null,o.createElement(X,{placeholder:t("onboarding.similac.input.city"),data:n,searchable:!0,onChange:p,value:l}),o.createElement(X,{placeholder:t("onboarding.similac.input.district"),data:i,searchable:!0,onChange:g,value:d,disabled:!l}),o.createElement(X,{placeholder:t("onboarding.similac.input.ward"),searchable:!0,data:s,value:m,onChange:u,disabled:!l||!d}),o.createElement(E,{placeholder:t("onboarding.similac.input.no"),disabled:!l||!d||!m,value:b,onChange:h})))},de=({inputOrder:e=["phone"],withSimilac:t=!1})=>{const{t:n}=T(),r=N(),a=o.createElement(m.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.similac.input.phone"))}:{}),o.createElement(f,Object.assign({defaultCountry:D[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),o.createElement(m.Error,null,r.errors.phone)),i=o.createElement(E,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),s=o.createElement(E,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),l=o.createElement(Q,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),d=o.createElement(v.Group,Object.assign({className:"radio-group",label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("bmi.selectGender"))},r.getInputProps("gender")),o.createElement(v,{value:"0",label:n("onboarding.formEmail.genderMale")}),o.createElement(v,{value:"1",label:n("onboarding.formEmail.genderFemale")})),c=o.createElement("div",{className:"otp-input"},o.createElement(y,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),o.createElement(m.Error,null,r.errors.otp)),p=o.createElement(E.Password,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:o.createElement(ne,null)},r.getInputProps("password"))),g=o.createElement(S,Object.assign({className:"input-control",label:o.createElement(h,{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(h,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",o.createElement("a",null,o.createElement(h,{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")},r.getInputProps("term",{type:"checkbox"}))),u=o.createElement(le,Object.assign({className:"input-control",label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.similac.input.address"))},r.getInputProps("address"))),b=o.createElement(E.Password,Object.assign({label:o.createElement(h,{size:"s4",weight:"semiBold",as:"span"},n("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:o.createElement(ne,null)},r.getInputProps("confirmPassword"))),w=e.map((e=>({phone:a,full_name:i,email:s,dob:l,gender:d,otp:c,password:p,confirm_password:b,term:g,address:u}[e]||null)));return o.createElement(z,null,w)},ce=e=>ee.object().shape({phone:ee.string().required(e("onboarding.updatePhone.error")).default("")}),me=e=>ee.object().shape({phone:ee.string().required(e("onboarding.updatePhone.error")).default(""),name:ee.string().required(e("onboarding.errorMessage.requiredName")),email:ee.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:ee.mixed().required(e("onboarding.similac.address.error"))}),pe=e=>ee.object().shape({otp:ee.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),ge=e=>ee.object().shape({email:ee.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:ee.string().required(e("onboarding.errorMessage.requiredName"))}),ue=e=>ee.object().shape({password:ee.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:ee.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([ee.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),be=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:i}=T(),s=_({initialValues:{phone:""},validate:J(ce(i))});return o.createElement(A,{heading:(null==a?void 0:a.heading)||i("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||i("onboarding.updatePhone.description")},o.createElement(F,{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(C,{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(C,{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}=n,l=t(n,["onClose","onSubmit","canSkip","customFormTexts"]);const{t:d}=T(),c=_({initialValues:{phone:"",term:!0},validate:J(me(d))});return o.createElement(A,Object.assign({heading:(null==s?void 0:s.heading)||d("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||d("onboarding.updatePhone.description"),hiddenLogo:!0},l),o.createElement(F,{form:c},o.createElement("form",{onSubmit:c.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}),o.createElement(w,{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"},d("onboarding.button.continue")),i&&o.createElement(w,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},d("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:g,onBack:E,canSkip:h,outOfEdit:f})=>{const{siteType:v,isMarryBaby:y}=i(W),[S,w]=r(30),j=u((()=>w((e=>e-1))),1e3),[O,P]=b(0,{min:0,max:3}),M=s(!0),{t:I}=T();a((()=>(j.start(),j.stop)),[]),a((()=>{0===S&&(j.stop(),M.current=!1)}),[S]);const L=_({initialValues:{otp:""},validate:J(pe(I))});a((()=>{m&&L.setFieldError("otp",m)}),[m]);const x=l((()=>te((()=>{M.current||(P.increment(),w(30),null==c||c(n||d),j.start(),M.current=!0)}),1e3,{trailing:!1})),[n,d,c,j]);return o.createElement(R,{heading:I("onboarding.otpForm.heading"),description:o.createElement(o.Fragment,null,o.createElement("span",{dangerouslySetInnerHTML:{__html:n?I("onboarding.otpForm.description",{phone:`<b style="color:${k.colors.gray800}">${n.slice(0,-3).replace(/./g,"x").concat(n.slice(-3))}</b>`}):I("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${k.colors.gray800}">${q(d)}</b>`})}}),!f&&o.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"},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(F,{form:L},o.createElement("form",{onSubmit:L.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(re,{size:"p4",color:k.colors.gray400},I("onboarding.otpForm.notReceiveOTP")),o.createElement(re,{as:"a",size:"p4",color:y?k.mbColors.pink:k.colors.primaryBase,onClick:x},I("onboarding.otpForm.resendCode",{seconds:S}))),o.createElement(C,{theme:v,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"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"},I("onboarding.button.continue")),h&&O>=3&&o.createElement(C,{theme:v,color:"ghost",isBlock:!0,size:"lg",onClick:p,type:"button"},I("onboarding.button.skip")))))},ve=({onClose:e,onSubmit:t,canSkip:n,loading:r,errorMessage:s,initialData:l})=>{const{t:d,locale:c}=T(),{siteType:m,isMarryBaby:p}=i(W),g=_({validate:J(ge(d))});return a((()=>{g.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),a((()=>{s&&g.setFieldError("email",s)}),[s]),o.createElement(V,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:p?"Marry Baby":L[c].SITE_NAME_FORMATTED})},o.createElement(F,{form:g},o.createElement("form",{className:"form",onSubmit:g.onSubmit((e=>{t(Object.assign(Object.assign({},e),{birthday:e.birthday&&oe(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},o.createElement(de,{inputOrder:["full_name","email","dob","gender"]}),o.createElement(C,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:r,disabled:r},d("onboarding.button.continue")),n&&o.createElement(C,{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}=T(),s=_({initialValues:{password:"",confirmPassword:""},validate:J(ue(i))});return o.createElement(V,{heading:i("onboarding.updatePassword.heading"),description:i("onboarding.updatePassword.description")},o.createElement(F,{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(C,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:a,disabled:a},i("onboarding.button.continue")),n&&o.createElement(C,{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:u=[B.Phone,B.OTP],initialData:E,onClose:f,onCreatePassByEmail:v,onOtpSubmit:y,onPersonalInfoSubmit:S,onPhoneSubmit:w,onResendCode:O,otpError:M,otpLoading:I,personalInfoError:L,resultScreenProps:x,siteType:D,step:N,withSimilac:z=!1}=n,_=t(n,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac"]);const{t:A}=T(),[F,R]=r(N||u[0]),[q,J]=r(""),[Q,X]=r(""),[ee,te]=b(0,{min:0,max:2}),{isMobile:oe}=j(),ne=d((()=>{const e=u.indexOf(F)+1;e<=u.length-1&&R(u[e])}),[F]),re=d((()=>{const e=u.indexOf(F)-1;e>=0&&R(u[e])}),[F]),ae=t=>e(void 0,void 0,void 0,(function*(){try{!(yield y(t))&&ne()}catch(e){console.error(e)}})),ie=()=>{ee>=2||(te.increment(),re())},se="marryBaby"===D;return o.createElement(W.Provider,{value:{siteType:D,isMarryBaby:se}},o.createElement(U,Object.assign({},_),u.length>0?o.createElement(Y,null,o.createElement(p,{sx:{[P.mbDown]:{margin:0},".mantine-Grid-col":{[P.mbDown]:{padding:0}}}},o.createElement(p.Col,{span:"object"!=typeof a&&!z||oe?12:6,order:z?2:1,orderMd:z?1:2},o.createElement($,{"data-has-banner":"object"==typeof a},F===B.Phone&&o.createElement(he,{onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{J(t),yield null==w?void 0:w(t),ne()}catch(e){console.error(e)}})),customFormTexts:c.onboarding,withSimilac:z}),F===B.OTP&&o.createElement(fe,{onClose:f,onSubmit:ae,phone:q,onResendCode:O,otpError:M,loading:I,canSkip:i,onBack:ie,outOfEdit:ee>=2}),F===B.OTPEmail&&o.createElement(fe,{onClose:f,onSubmit:ae,onResendCode:O,otpError:M,loading:I,canSkip:i,onBack:ie,outOfEdit:ee>=2,email:Q}),F===B.PersonalInfo&&o.createElement(ve,{initialData:null==E?void 0:E[B.PersonalInfo],onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{X((null==t?void 0:t.email)||"");!(yield null==S?void 0:S(t))&&ne()}catch(e){console.error(e)}})),errorMessage:L,loading:m}),F===B.UpdatePassword&&o.createElement(ye,{onClose:f,canSkip:i,onSubmit:t=>e(void 0,void 0,void 0,(function*(){try{yield null==v?void 0:v(t),!s&&ne()}catch(e){console.error(e)}})),errorMessage:s,loading:l}),F===B.Result&&o.createElement(V,Object.assign({},x),o.createElement(C,{theme:D,size:"lg",onClick:f,className:"form-button"},A("onboarding.button.continue"))))),"object"==typeof a&&!z&&o.createElement(p.Col,{span:"object"!=typeof a&&!z||oe?12:6,order:z?2:1,orderMd:z?1:2},o.createElement(H,null,o.createElement(G,{"data-is-marry-baby":se},o.createElement(Z,null,(null==a?void 0:a.heading)&&o.createElement(g,{order:1,mb:24},null==a?void 0:a.heading),(null==a?void 0:a.description)&&o.createElement(h,{size:"p1",color:k.colors.gray800},A("onboarding.welcomeScreen.content"))),(null==a?void 0:a.imgSrc)&&o.createElement("div",null,o.createElement(K,{src:null==a?void 0:a.imgSrc,loading:"lazy"}))))),"object"==typeof a&&z&&(null==a?void 0:a.imgSrc)&&o.createElement(p.Col,{span:"auto",order:z?1:2,orderMd:z?2:1},o.createElement(K,{src:null==a?void 0:a.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))};export{he as OnboardingForm,Se as OnboardingModal,fe as OtpForm};

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-a7bc6656.js";import{T as n}from"./index-ad97e197.js";import{P as i}from"./index-0b5d99d4.js";import{u as s}from"./useTranslations-853b8e45.js";import{t as c}from"./theme-54112b39.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-008eb0e0.js";import{a as x}from"./useOutsideClick-af9dffce.js";import E from"styled-components";import{_ as k}from"./tslib.es6-3a90055c.js";import"./index.styled-950214ca.js";import"./Onboarding-ebd8b490.js";import"./index.styled-d7f5b715.js";import"./gAssets.js";import"./index-fdf35df4.js";import"date-fns/locale";import"./isProduction-9ff18f6c.js";import"./translationsContext-ad5ef2d2.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";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?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.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:c.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-17974dc4.js";import{T as n}from"./index-95eb2fdf.js";import{P as i}from"./index-060b0e77.js";import{u as s}from"./useTranslations-d800f1e8.js";import{t as c}from"./theme-1cf63204.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 f}from"./index-691b8502.js";import{a as x}from"./useOutsideClick-94426fd6.js";import E from"styled-components";import{_ as k}from"./tslib.es6-3351537e.js";import"./index.styled-295a7b25.js";import"./Onboarding-4d548fd2.js";import"./index.styled-9d3ad7dd.js";import"./gAssets.js";import"./index-0056e79e.js";import"date-fns/locale";import"./isProduction-644d7a5e.js";import"./translationsContext-730737f1.js";import"string-format";import"@mantine/carousel";import"@mantine/core";import"@mantine/hooks";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?c.mbColors.pink:c.colors.primaryBase}),e.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:c.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:c.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: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 l,a,o,i,s;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: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: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}=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=l(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(a,{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(a,{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,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||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=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(a,{type:"bodytext-3",color:c.mbColors.dark},l("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"},l("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(a,{type:"bodytext-3",color:c.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},l("pwg.placeholder.weight")))))},O=E.div`
+`,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 l,a,o,i,s;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: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: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}=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=l(null);return x(M,(()=>I(!1))),e.createElement(j,null,S?e.createElement(a,{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(h,{onClick:()=>I(!0),x:0===E?1:E,y:k,r:4,shape:e.createElement(f,{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(a,{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,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||c.colors.primaryBase}))},S=({idealWeight:t,siteType:r})=>{const{t:l}=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(a,{type:"bodytext-3",color:c.mbColors.dark},l("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"},l("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(a,{type:"bodytext-3",color:c.mbColors.dark},l("pwg.placeholder.weight"))):e.createElement(e.Fragment,null,e.createElement(L,null),e.createElement(n,{size:"n1",color:c.colors.gray600},l("pwg.placeholder.weight")))))},O=E.div`
   display: flex;
   flex-direction: column;
   align-items: center;

package/build/esm/{routing-00e28c33.js → routing-f12fa03c.js}

@@ -1 +1 @@
-import{d as e}from"./index-fdf35df4.js";import{i as s}from"./isProduction-9ff18f6c.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-0056e79e.js";import{i as s}from"./isProduction-644d7a5e.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-736b95a3.js → screenSizeContext-fe28e688.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-de245447.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-888b0d3d.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-4f22c3df.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-ef969848.js";export{d as TogetherDataTransforms}from"./dataTransform-55ebec7e.js";import"./tslib.es6-3a90055c.js";import"react";import"@mantine/core";import"./index-eb4c6fc0.js";import"styled-components";import"./utils-de245447.js";import"./index-42ee3aee.js";import"./gAssets.js";import"./index-fdf35df4.js";import"date-fns/locale";import"./Onboarding-ebd8b490.js";import"./isProduction-9ff18f6c.js";import"./index-9ef2a4bc.js";import"./index-ad97e197.js";import"./index-8088b21e.js";import"./index-ad390ac3.js";import"./theme-54112b39.js";import"./index-9535a3c3.js";import"dayjs";import"./screenSizeContext-736b95a3.js";import"lodash/throttle";import"./useUniqueId-a74a0bad.js";import"./index.styled-950214ca.js";import"./translationsContext-ad5ef2d2.js";import"string-format";import"./index-008eb0e0.js";import"@mantine/carousel";import"@mantine/hooks";import"@mantine/dates";import"./index-84d84de9.js";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-f286ac96.js";import"./useTranslations-853b8e45.js";import"./index-a7bc6656.js";import"date-fns";import"./index-e492cd86.js";import"./types-849fe02f.js";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"innertext";import"./index-cdfcb3fc.js";import"react-contenteditable";import"./cookieHelper-9a2265a0.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-d7f5b715.js";import"uuid";import"dayjs/plugin/relativeTime";import"./index-2903bc2e.js";import"./routing-00e28c33.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-16eea31f.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,U as UserAvatar}from"./index.styled-52778d89.js";export{d as TogetherDataTransforms}from"./dataTransform-f4c11a82.js";import"./tslib.es6-3351537e.js";import"react";import"@mantine/core";import"./index-48826f05.js";import"styled-components";import"./utils-888b0d3d.js";import"./index-e16124a7.js";import"./gAssets.js";import"./index-0056e79e.js";import"date-fns/locale";import"./Onboarding-4d548fd2.js";import"./isProduction-644d7a5e.js";import"./index-5c2596e8.js";import"./index-95eb2fdf.js";import"./index-73e4450f.js";import"./index-ebd65b69.js";import"./theme-1cf63204.js";import"./index-b03cb7e6.js";import"dayjs";import"./screenSizeContext-fe28e688.js";import"lodash/throttle";import"./useUniqueId-e37c5a7f.js";import"./index.styled-295a7b25.js";import"./translationsContext-730737f1.js";import"string-format";import"./index-691b8502.js";import"@mantine/carousel";import"@mantine/hooks";import"@mantine/dates";import"./index-8261278d.js";import"@hookform/resolvers/yup";import"react-hook-form";import"./index-a47dc66c.js";import"./useTranslations-d800f1e8.js";import"./index-17974dc4.js";import"date-fns";import"./index-3ddddaa0.js";import"./types-a3230f5a.js";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"innertext";import"./index-7541560a.js";import"react-contenteditable";import"./cookieHelper-1ea955be.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-9d3ad7dd.js";import"uuid";import"dayjs/plugin/relativeTime";import"./index-bf11e93a.js";import"./routing-f12fa03c.js";import"slugify";