@hhgtech/hhg-components 1.23.86 → 1.23.88

package/build/esm/onboarding.js

@@ -1 +1 @@
-import{a as n,_ as e,b as o,c as t,d as r}from"./tslib.es6-bfb95386.js";import i,{useContext as a,useState as l,useRef as s,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{F as b,O as f,o as h,a as E,b as x,c as y}from"./index-7c8d072b.js";export{M as MAPPED_LOCALE,c as OnboardingForm}from"./index-7c8d072b.js";import{Input as v}from"@mantine/core";import{useForm as P,yupResolver as w}from"@mantine/form";import k from"lodash/throttle";import{L as S}from"./Locale-6e104047.js";import C from"styled-components";import{M as j}from"./utils-d6f6da15.js";import{O as T}from"./index-0287d652.js";import{T as B}from"./index-f95e1673.js";import{B as L}from"./index-0175581a.js";import{u as O}from"./useTranslations-8d6045eb.js";import{t as I}from"./theme-ee5d0e66.js";import{format as N}from"date-fns";import{D as F,R as z}from"./index-ba133da6.js";import{P as D}from"./index-0567e5fb.js";import{V as R}from"./Visible-7d5c455f.js";import{H as V}from"./index-295ef099.js";import"yup";import"./logoIcon-a7e594ab.js";import"./gAssets.js";import"./index-dc551bd2.js";import"./isProduction-1b55d0a6.js";import"./translationsContext-e39a8c01.js";import"string-format";import"@mantine/dates";import"./Vietnam-8bb418b7.js";var A;(A={})[S.Vietnam]="VN",A[S.Cambodia]="KH",A[S.Indonesia]="ID",A[S.Malaysia]="MY",A[S.PhilippinesEnglish]="PH",A[S.PhilippinesTagalog]="PH",A[S.Taiwan]="TW",A[S.Thailand]="TH",A[S.Myanmar]="MM";var H,U,_,W,K,Z,G,Y,q,J,Q,X,$=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},nn=C(b)(H||(H=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),j.mbDown,j.mbDown),en=function(n){var r=n.onSubmit,c=n.phone,p=n.email,b=n.onResendCode,E=n.otpError,x=n.onClose,y=n.loading,S=n.onBack,C=n.canSkip,j=n.outOfEdit,M=a(f),N=M.siteType,F=M.isMarryBaby,z=l(30),D=z[0],R=z[1],V=u((function(){return R((function(n){return n-1}))}),1e3),A=g(0,{min:0,max:3}),H=A[0],U=A[1],_=s(!0),W=O().t;d((function(){return V.start(),V.stop}),[]),d((function(){0===D&&(V.stop(),_.current=!1)}),[D]);var K=P({initialValues:{otp:""},validate:w(h(W))});d((function(){E&&K.setFieldError("otp",E)}),[E]);var Z=m((function(){return k((function(){_.current||(U.increment(),R(30),null==b||b(c||p),V.start(),_.current=!0)}),1e3,{trailing:!1})}),[c,p,b,V]);return i.createElement(nn,{heading:W("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:c?W("onboarding.otpForm.description",{phone:'<b style="color:'.concat(I.colors.gray800,'">').concat(c.slice(0,-3).replace(/./g,"x").concat(c.slice(-3)),"</b>")}):W("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(I.colors.gray800,'">').concat($(p),"</b>")})}}),!j&&i.createElement("svg",{onClick:function(){null==S||S()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.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"})))},i.createElement("form",{onSubmit:K.onSubmit((function(n){return o(void 0,void 0,void 0,(function(){return t(this,(function(e){return U.increment(),r(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,e({enterKeyHint:void 0,nonce:void 0},K.getInputProps("otp"))),i.createElement(v.Error,null,K.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:I.colors.gray400},W("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:F?I.mbColors.pink:I.colors.primaryBase,onClick:Z},W("onboarding.otpForm.resendCode",{seconds:D}))),i.createElement(L,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"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"},W("onboarding.button.continue")),C&&H>=3&&i.createElement(L,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},W("onboarding.button.skip"))))},on=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,c=n.initialData,m=O().t,p=a(f).siteType,u=P({validate:w(E(m))});return d((function(){u.setValues(e(e({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(b,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(e(e({},n),{birthday:n.birthday&&N(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,e({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,e({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(F,e({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(L,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(L,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:o},m("onboarding.button.skip"))))},tn=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=O().t,c=P({initialValues:{password:"",confirmPassword:""},validate:w(x(s))});return i.createElement(b,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(D,e({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(R,null)},c.getInputProps("password"))),i.createElement(D,e({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(R,null)},c.getInputProps("confirmPassword"))),i.createElement(L,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(L,{color:"ghost",isBlock:!0,size:"lg",onClick:o},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},rn=C.div(U||(U=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),an=C.div(_||(_=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),j.lgPcUp),ln=C.div(W||(W=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),j.lgPcUp),sn=C.div(K||(K=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),j.lgPcUp),cn=C.div(Z||(Z=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),I.colors.blue50,I.mbColors.tonePink),dn=C.div(G||(G=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),mn=C(V)(Y||(Y=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),pn=C(B)(q||(q=n([""],[""]))),un=C.img(J||(J=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),gn=C.div(Q||(Q=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(X||(X={}));var bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[X.Phone,X.OTP]:c,m=n.step,u=n.onPhoneSubmit,h=n.onOtpSubmit,E=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,v=n.onResendCode,P=n.otpError,w=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,j=n.otpLoading,T=n.customFormTexts,B=n.initialData,M=n.banner,N=n.resultScreenProps,F=n.siteType,z=r(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),D=O().t,R=l(m||d[0]),V=R[0],A=R[1],H=l(""),U=H[0],_=H[1],W=l(""),K=W[0],Z=W[1],G=g(0,{min:0,max:2}),Y=G[0],q=G[1],J=p((function(){var n=d.indexOf(V)+1;n<=d.length-1&&A(d[n])}),[V]),Q=p((function(){var n=d.indexOf(V)-1;n>=0&&A(d[n])}),[V]),$=function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,h(n)];case 1:return!o.sent()&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},nn=function(){Y>=2||(q.increment(),Q())},bn="marryBaby"===F;return console.log({isMarryBaby:bn}),i.createElement(f.Provider,{value:{siteType:F,isMarryBaby:bn}},i.createElement(rn,e({},z),d.length>0?i.createElement(an,null,i.createElement(ln,{"data-has-banner":"object"==typeof M},V===X.Phone&&i.createElement(y,{onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),_(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:T.onboarding}),V===X.OTP&&i.createElement(en,{onClose:a,onSubmit:$,phone:U,onResendCode:v,otpError:P,loading:j,canSkip:s,onBack:nn,outOfEdit:Y>=2}),V===X.OTPEmail&&i.createElement(en,{onClose:a,onSubmit:$,onResendCode:v,otpError:P,loading:j,canSkip:s,onBack:nn,outOfEdit:Y>=2,email:K}),V===X.PersonalInfo&&i.createElement(on,{initialData:null==B?void 0:B[X.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),Z((null==n?void 0:n.email)||""),[4,null==E?void 0:E(n)];case 1:return!o.sent()&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:w,loading:S}),V===X.UpdatePassword&&i.createElement(tn,{onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),V===X.Result&&i.createElement(b,e({},N),i.createElement(L,{theme:F,size:"lg",onClick:a,className:"form-button"},D("onboarding.button.continue")))),"object"==typeof M&&i.createElement(sn,null,i.createElement(cn,{"data-is-marry-baby":bn},i.createElement(dn,null,(null==M?void 0:M.heading)&&i.createElement(mn,{tag:"h1"},null==M?void 0:M.heading),(null==M?void 0:M.description)&&i.createElement(pn,{size:"p1",color:I.colors.gray800},D("onboarding.welcomeScreen.content"))),(null==M?void 0:M.imgSrc)&&i.createElement(gn,null,i.createElement(un,{src:null==M?void 0:M.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{bn as OnboardingModal,X as OnboardingStep,en as OtpForm};
+import{a as n,_ as e,b as o,c as t,d as r}from"./tslib.es6-8afd0786.js";import i,{useContext as a,useState as l,useRef as s,useEffect as d,useMemo as m,useCallback as p}from"react";import{useInterval as u,useCounter as g}from"@mantine/hooks";import{F as b,O as f,o as h,a as E,b as x,c as y}from"./index-b2d5dda0.js";export{M as MAPPED_LOCALE,c as OnboardingForm}from"./index-b2d5dda0.js";import{Input as v}from"@mantine/core";import{useForm as P,yupResolver as w}from"@mantine/form";import k from"lodash/throttle";import{L as S}from"./Locale-ea1f656d.js";import C from"styled-components";import{M as j}from"./utils-c4fbd283.js";import{O as T}from"./index-73e2c0ab.js";import{T as B}from"./index-6e945ca0.js";import{B as L}from"./index-ec1c2e79.js";import{u as O}from"./useTranslations-0253a7a8.js";import{t as I}from"./theme-f92bf7cf.js";import{format as N}from"date-fns";import{D as F,R as z}from"./index-9c085c54.js";import{P as D}from"./index-5c51c19f.js";import{V as R}from"./Visible-31388edd.js";import{H as V}from"./index-f8471417.js";import"yup";import"./logoIcon-998ff0ad.js";import"./gAssets.js";import"./index-bcc2cddc.js";import"./isProduction-d49ace58.js";import"./translationsContext-1ad5435e.js";import"string-format";import"@mantine/dates";import"./Vietnam-276b66b7.js";var A;(A={})[S.Vietnam]="VN",A[S.Cambodia]="KH",A[S.Indonesia]="ID",A[S.Malaysia]="MY",A[S.PhilippinesEnglish]="PH",A[S.PhilippinesTagalog]="PH",A[S.Taiwan]="TW",A[S.Thailand]="TH",A[S.Myanmar]="MM";var H,U,_,W,K,Z,G,Y,q,J,Q,X,$=function(n){void 0===n&&(n="");var e=n.indexOf("@"),o=n.substring(0,e),t=o.length>3?3:o.length;return n.replace(n.substring(t,e),n.slice(t,e).replace(/./g,"x"))},nn=C(b)(H||(H=n(["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"],["\n  .otp-input {\n    margin-bottom: 36px;\n    "," {\n      margin-bottom: 20px;\n    }\n    .otpContainer {\n      margin-bottom: 16px;\n    }\n  }\n  .resend {\n    display: flex;\n    gap: 6px;\n    margin-bottom: 32px;\n    "," {\n      margin-bottom: 16px;\n    }\n    a {\n      text-decoration: underline;\n      cursor: pointer;\n    }\n  }\n  .phone-description {\n    margin-left: 2px;\n    margin-top: 2px;\n  }\n  .otp-description-edit-icon {\n    cursor: pointer;\n    vertical-align: bottom;\n    /* height: 100%; */\n    margin-bottom: 3px;\n    margin-left: 3px;\n  }\n"])),j.mbDown,j.mbDown),en=function(n){var r=n.onSubmit,c=n.phone,p=n.email,b=n.onResendCode,E=n.otpError,x=n.onClose,y=n.loading,S=n.onBack,C=n.canSkip,j=n.outOfEdit,M=a(f),N=M.siteType,F=M.isMarryBaby,z=l(30),D=z[0],R=z[1],V=u((function(){return R((function(n){return n-1}))}),1e3),A=g(0,{min:0,max:3}),H=A[0],U=A[1],_=s(!0),W=O().t;d((function(){return V.start(),V.stop}),[]),d((function(){0===D&&(V.stop(),_.current=!1)}),[D]);var K=P({initialValues:{otp:""},validate:w(h(W))});d((function(){E&&K.setFieldError("otp",E)}),[E]);var Z=m((function(){return k((function(){_.current||(U.increment(),R(30),null==b||b(c||p),V.start(),_.current=!0)}),1e3,{trailing:!1})}),[c,p,b,V]);return i.createElement(nn,{heading:W("onboarding.otpForm.heading"),description:i.createElement(i.Fragment,null,i.createElement("span",{dangerouslySetInnerHTML:{__html:c?W("onboarding.otpForm.description",{phone:'<b style="color:'.concat(I.colors.gray800,'">').concat(c.slice(0,-3).replace(/./g,"x").concat(c.slice(-3)),"</b>")}):W("onboarding.otpForm.descriptionEmail",{email:'<b style="color:'.concat(I.colors.gray800,'">').concat($(p),"</b>")})}}),!j&&i.createElement("svg",{onClick:function(){null==S||S()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},i.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"})))},i.createElement("form",{onSubmit:K.onSubmit((function(n){return o(void 0,void 0,void 0,(function(){return t(this,(function(e){return U.increment(),r(n.otp),[2]}))}))}),(function(n){console.log(n)}))},i.createElement("div",{className:"otp-input"},i.createElement(T,e({enterKeyHint:void 0,nonce:void 0},K.getInputProps("otp"))),i.createElement(v.Error,null,K.errors.otp)),i.createElement("div",{className:"resend"},i.createElement(B,{size:"p4",color:I.colors.gray400},W("onboarding.otpForm.notReceiveOTP")),i.createElement(B,{as:"a",size:"p4",color:F?I.mbColors.pink:I.colors.primaryBase,onClick:Z},W("onboarding.otpForm.resendCode",{seconds:D}))),i.createElement(L,{theme:N,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:y,disabled:y,"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"},W("onboarding.button.continue")),C&&H>=3&&i.createElement(L,{theme:N,color:"ghost",isBlock:!0,size:"lg",onClick:x,type:"button"},W("onboarding.button.skip"))))},on=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,l=n.loading,s=n.errorMessage,c=n.initialData,m=O().t,p=a(f).siteType,u=P({validate:w(E(m))});return d((function(){u.setValues(e(e({gender:"0"},c),(null==c?void 0:c.birthday)&&{birthday:new Date(c.birthday)}))}),[c]),d((function(){s&&u.setFieldError("email",s)}),[s]),i.createElement(b,{heading:m("onboarding.formEmail.heading"),description:m("onboarding.formEmail.description")},i.createElement("form",{className:"form",onSubmit:u.onSubmit((function(n){t(e(e({},n),{birthday:n.birthday&&N(n.birthday,"yyyy-MM-dd")}))}),(function(n){console.log({fieldErrors:n})}))},i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourName"),className:"input-control",withAsterisk:!0},i.createElement(v,e({},u.getInputProps("name"))),i.createElement(v.Error,{className:"field-error"},u.errors.name)),i.createElement(v.Wrapper,{label:m("onboarding.formEmail.yourEmail"),className:"input-control",withAsterisk:!0},i.createElement(v,e({},u.getInputProps("email"))),i.createElement(v.Error,{className:"field-error"},u.errors.email)),i.createElement(F,e({className:"input-control",label:m("onboarding.formEmail.yourBirthday")},u.getInputProps("birthday"))),i.createElement(z.Group,{value:u.values.gender,onChange:function(n){return u.setFieldValue("gender",n)},className:"radio-group"},i.createElement(z,{value:"0",label:m("onboarding.formEmail.genderMale")}),i.createElement(z,{value:"1",label:m("onboarding.formEmail.genderFemale")})),i.createElement(L,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:l,disabled:l},m("onboarding.button.continue")),r&&i.createElement(L,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:o},m("onboarding.button.skip"))))},tn=function(n){var o=n.onClose,t=n.onSubmit,r=n.canSkip,a=n.errorMessage,l=n.loading,s=O().t,c=P({initialValues:{password:"",confirmPassword:""},validate:w(x(s))});return i.createElement(b,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},i.createElement("form",{className:"form",onSubmit:c.onSubmit((function(n){return t((null==n?void 0:n.password)||"")}),(function(n){console.log({fieldErrors:n})}))},i.createElement(D,e({label:s("onboarding.updatePassword.password"),withAsterisk:!0,rightSection:i.createElement(R,null)},c.getInputProps("password"))),i.createElement(D,e({label:s("onboarding.updatePassword.confirmPassword"),withAsterisk:!0,rightSection:i.createElement(R,null)},c.getInputProps("confirmPassword"))),i.createElement(L,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),r&&i.createElement(L,{color:"ghost",isBlock:!0,size:"lg",onClick:o},s("onboarding.button.skip")),a&&i.createElement(v.Error,{className:"form-error"},a)))},rn=C.div(U||(U=n(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: white;\n  overflow-y: auto;\n"]))),an=C.div(_||(_=n(["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"],["\n  height: 100%;\n  "," {\n    display: table;\n    width: 100%;\n    height: calc(100% - 25px);\n  }\n"])),j.lgPcUp),ln=C.div(W||(W=n(["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"],["\n  padding: 48px 24px 24px;\n\n  "," {\n    display: table-cell;\n\n    &[data-has-banner='true'] {\n      width: calc(100% - 640px);\n    }\n  }\n"])),j.lgPcUp),sn=C.div(K||(K=n(["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"],["\n  width: 640px;\n  padding: 16px 16px 0 16px;\n  display: none;\n\n  "," {\n    width: 640px;\n    display: table-cell;\n  }\n"])),j.lgPcUp),cn=C.div(Z||(Z=n(["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"],["\n  background-color: ",";\n  border-radius: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  &[data-is-marry-baby='true'] {\n    background-color: ",";\n  }\n"])),I.colors.blue50,I.mbColors.tonePink),dn=C.div(G||(G=n(["\n  margin-top: 40px;\n  padding: 24px 40px;\n"],["\n  margin-top: 40px;\n  padding: 24px 40px;\n"]))),mn=C(V)(Y||(Y=n(["\n  margin-bottom: 24px;\n  text-align: center;\n"],["\n  margin-bottom: 24px;\n  text-align: center;\n"]))),pn=C(B)(q||(q=n([""],[""]))),un=C.img(J||(J=n(["\n  width: 100%;\n  display: block;\n"],["\n  width: 100%;\n  display: block;\n"]))),gn=C.div(Q||(Q=n([""],[""])));!function(n){n[n.Phone=0]="Phone",n[n.OTP=1]="OTP",n[n.OTPEmail=2]="OTPEmail",n[n.PersonalInfo=3]="PersonalInfo",n[n.UpdatePassword=4]="UpdatePassword",n[n.Result=5]="Result"}(X||(X={}));var bn=function(n){var a=n.onClose,s=n.canSkip,c=n.flow,d=void 0===c?[X.Phone,X.OTP]:c,m=n.step,u=n.onPhoneSubmit,h=n.onOtpSubmit,E=n.onPersonalInfoSubmit,x=n.onCreatePassByEmail,v=n.onResendCode,P=n.otpError,w=n.personalInfoError,k=n.createPassError,S=n.emailLoading,C=n.createPassLoading,j=n.otpLoading,T=n.customFormTexts,B=n.initialData,M=n.banner,N=n.resultScreenProps,F=n.siteType,z=r(n,["onClose","canSkip","flow","step","onPhoneSubmit","onOtpSubmit","onPersonalInfoSubmit","onCreatePassByEmail","onResendCode","otpError","personalInfoError","createPassError","emailLoading","createPassLoading","otpLoading","customFormTexts","initialData","banner","resultScreenProps","siteType"]),D=O().t,R=l(m||d[0]),V=R[0],A=R[1],H=l(""),U=H[0],_=H[1],W=l(""),K=W[0],Z=W[1],G=g(0,{min:0,max:2}),Y=G[0],q=G[1],J=p((function(){var n=d.indexOf(V)+1;n<=d.length-1&&A(d[n])}),[V]),Q=p((function(){var n=d.indexOf(V)-1;n>=0&&A(d[n])}),[V]),$=function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,h(n)];case 1:return!o.sent()&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},nn=function(){Y>=2||(q.increment(),Q())},bn="marryBaby"===F;return console.log({isMarryBaby:bn}),i.createElement(f.Provider,{value:{siteType:F,isMarryBaby:bn}},i.createElement(rn,e({},z),d.length>0?i.createElement(an,null,i.createElement(ln,{"data-has-banner":"object"==typeof M},V===X.Phone&&i.createElement(y,{onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),_(n),[4,null==u?void 0:u(n)];case 1:return o.sent(),J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},customFormTexts:T.onboarding}),V===X.OTP&&i.createElement(en,{onClose:a,onSubmit:$,phone:U,onResendCode:v,otpError:P,loading:j,canSkip:s,onBack:nn,outOfEdit:Y>=2}),V===X.OTPEmail&&i.createElement(en,{onClose:a,onSubmit:$,onResendCode:v,otpError:P,loading:j,canSkip:s,onBack:nn,outOfEdit:Y>=2,email:K}),V===X.PersonalInfo&&i.createElement(on,{initialData:null==B?void 0:B[X.PersonalInfo],onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),Z((null==n?void 0:n.email)||""),[4,null==E?void 0:E(n)];case 1:return!o.sent()&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:w,loading:S}),V===X.UpdatePassword&&i.createElement(tn,{onClose:a,canSkip:s,onSubmit:function(n){return o(void 0,void 0,void 0,(function(){var e;return t(this,(function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,null==x?void 0:x(n)];case 1:return o.sent(),!k&&J(),[3,3];case 2:return e=o.sent(),console.error(e),[3,3];case 3:return[2]}}))}))},errorMessage:k,loading:C}),V===X.Result&&i.createElement(b,e({},N),i.createElement(L,{theme:F,size:"lg",onClick:a,className:"form-button"},D("onboarding.button.continue")))),"object"==typeof M&&i.createElement(sn,null,i.createElement(cn,{"data-is-marry-baby":bn},i.createElement(dn,null,(null==M?void 0:M.heading)&&i.createElement(mn,{tag:"h1"},null==M?void 0:M.heading),(null==M?void 0:M.description)&&i.createElement(pn,{size:"p1",color:I.colors.gray800},D("onboarding.welcomeScreen.content"))),(null==M?void 0:M.imgSrc)&&i.createElement(gn,null,i.createElement(un,{src:null==M?void 0:M.imgSrc,loading:"lazy"}))))):"Incorrect flow"))};export{bn as OnboardingModal,X as OnboardingStep,en as OtpForm};

package/build/esm/pwg.js

@@ -1 +1 @@
-import{_ as e,a as n,d as t}from"./tslib.es6-bfb95386.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-eb624b4f.js";import{T as s}from"./index-f95e1673.js";import{P as d}from"./index-8ad7e2bc.js";import{u as p}from"./useTranslations-8d6045eb.js";import{t as m}from"./theme-ee5d0e66.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-8d538421.js";import{u as w}from"./useOutsideClick-db4817fe.js";import E from"styled-components";import"./gAssets.js";import"./index-dc551bd2.js";import"./Locale-6e104047.js";import"./isProduction-1b55d0a6.js";import"./index-8c625ffb.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-e39a8c01.js";import"string-format";var C,T,j,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C||(C=n(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),m.colors.yellow600),S=E.div(T||(T=n(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),F=E.div(j||(j=n(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])||void 0===n?void 0:n.payload;if(!p||!p.toolTipLabel||!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)||void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)||void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,T=void 0===C?[]:C,j=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:T,status:j,activeWeek:d,t:I})}),[c,t,T,j,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B||(B=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};
+import{_ as e,a as n,d as t}from"./tslib.es6-8afd0786.js";import r,{useMemo as a,useState as l,useRef as o}from"react";import{M as i,a as c}from"./index-b5f56aea.js";import{T as s}from"./index-6e945ca0.js";import{P as d}from"./index-b417f035.js";import{u as p}from"./useTranslations-0253a7a8.js";import{t as m}from"./theme-f92bf7cf.js";import{ResponsiveContainer as u,AreaChart as g,CartesianGrid as f,Tooltip as x,XAxis as y,YAxis as b,Area as h,ReferenceDot as k}from"recharts";import{C as v}from"./index-d77490c9.js";import{u as w}from"./useOutsideClick-65840586.js";import E from"styled-components";import"./gAssets.js";import"./index-bcc2cddc.js";import"./Locale-ea1f656d.js";import"./isProduction-d49ace58.js";import"./index-067fbea6.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-1ad5435e.js";import"string-format";var C,T,j,B,W=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,o=n.activeWeek,i=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===o?{toolTipLabel:a,translatedStatus:i,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?m.mbColors.pink:m.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:m.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},z=E.div(C||(C=n(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),m.colors.yellow600),S=E.div(T||(T=n(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),F=E.div(j||(j=n(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),I=[{name:"overweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"underweight",backgroundColor:m.colors.yellow50,color:m.colors.yellow900},{name:"healthy",backgroundColor:m.colors.green50,color:m.colors.green900}],M=function(e){var n,t,l,o,i,c=e.payload,d=e.active,p=null===(n=null==c?void 0:c[0])||void 0===n?void 0:n.payload;if(!p||!p.toolTipLabel||!d)return null;var u=a((function(){return I.find((function(e){return e.name===p.status}))}),[null==p?void 0:p.status]),g=u.backgroundColor,f=u.color;return r.createElement(z,null,r.createElement("div",null,null===(t=p.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=p.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(o=p.toolTipLabel)||void 0===o?void 0:o[2])&&r.createElement(s,{as:"span",size:"s3",color:m.colors.gray800,type:"semiBold"},null===(i=p.toolTipLabel)||void 0===i?void 0:i[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(s,{size:"n1",color:f},p.translatedStatus))))},N=function(n){var t=n.weightBefore,c=n.weightByWeek,d=n.activeWeek,E=n.currentWeight,C=n.toolTipLabel,T=void 0===C?[]:C,j=n.status,B=n.withLine,z=void 0!==B&&B,F=n.siteType,I=p().t,N="marryBaby"===F,P=a((function(){return W({weightByWeek:c,weightBefore:t,toolTipLabel:T,status:j,activeWeek:d,t:I})}),[c,t,T,j,d]),A=l(!1),G=A[0],K=A[1],D=o(null);return w(D,(function(){return K(!1)})),r.createElement(S,null,N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark}," ",I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("babyGrowth.weight")," ",I("pregnancyWeightGain.weightInput.desc")),Array.isArray(P)&&P.length>0&&r.createElement(S,null,r.createElement(u,{height:388,className:"chart"},r.createElement(g,{data:P,margin:{top:16,right:0,left:0}},r.createElement(f,{stroke:m.colors.neutral100}),r.createElement(x,{trigger:"click",content:function(n){return r.createElement(M,e({active:!z&&G&&void 0!==d&&void 0!==E},n))}}),r.createElement(y,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:d,siteType:F}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(b,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:m.colors.gray600}}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(h,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:N?m.mbColors.tonePink:m.colors.blue100}),void 0!==d&&void 0!==E&&r.createElement(k,{onClick:function(){return K(!0)},x:0===d?1:d,y:E,r:4,shape:r.createElement(v,{ref:D,r:4}),fill:N?m.mbColors.pink:m.colors.primaryBase,stroke:N?m.mbColors.pink:m.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),N?r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},I("pregnancy.week")):r.createElement(s,{size:"n1",color:m.colors.gray500},I("pregnancy.week")))))},P=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||m.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=e.siteType,a=p().t,l="marryBaby"===t;return r.createElement(F,null,r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.lightPink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pregnancyTool.weightSuggested")," ",r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n))):r.createElement(r.Fragment,null,r.createElement(P,{color:m.colors.blue100}),r.createElement(s,{size:"n1",color:m.colors.gray600},r.createElement(s,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),r.createElement(s,{size:"n1",color:m.colors.gray800,type:"bold",as:"span"},n)))),r.createElement("div",null,l?r.createElement(r.Fragment,null,r.createElement(P,{color:m.mbColors.pink}),r.createElement(i,{type:"bodytext-3",color:m.mbColors.dark},a("pwg.placeholder.weight"))):r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(s,{size:"n1",color:m.colors.gray600},a("pwg.placeholder.weight")))))},G=E.div(B||(B=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),m.colors.neutral100),K=function(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,o=n.description,i=n.siteType,u=p().t,g="marryBaby"===i;return r.createElement(G,null,r.createElement("div",{className:"chart-header"},g?r.createElement(c,{type:"h3",color:m.mbColors.dark},u("pregnancyTool.weightSuggested")):r.createElement(s,{size:"s1",type:"semiBold",color:m.colors.gray800},u("pregnancyTool.weightSuggested")),o&&o),r.createElement(d,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l,siteType:i}),r.createElement(N,e({},t,{siteType:i}))))};export{K as PregnancyWeightGainChart};

package/build/esm/routing-cf42971a.js

@@ -0,0 +1 @@
+import{d as t}from"./index-bcc2cddc.js";import{i as o}from"./isProduction-d49ace58.js";var c=function(c,e){if("undefined"!=typeof window)return window.location.origin;var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return n?"http://localhost:3000":"https://".concat(!n&&!o?e?"fe.":"discover.":e?"www.":"").concat(t[e?"vi-VN_MB":c])},e=function(c,e){return process.env.UNIFY_SSO_API||"https://".concat(o?"id.":"staging-id.").concat(t[e?"vi-VN_MB":c])},n=function(){return process.env.UNIFY_TOGETHER_API||"https://".concat(o?"together.":"staging-together.","hellohealthgroup.com")},r=function(c){return process.env.UNIFY_DISCOVER_API||"https://".concat(o?"wp.":"staging.").concat(t[c])},s=function(){return process.env.UNIFY_CARE_API||"https://".concat(o?"health-care.":"service-health-care.","hellohealthgroup.com")};export{e as a,n as b,r as c,s as d,c as g};

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,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-79a173b1.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,U as UserAvatar}from"./index-13d040f6.js";export{d as TogetherDataTransforms}from"./dataTransform-63490ce1.js";export{c as TogetherConstants}from"./constants-71deba03.js";import"react";import"./index-f95e1673.js";import"./tslib.es6-bfb95386.js";import"./translationsContext-e39a8c01.js";import"string-format";import"@mantine/core";import"./index-0175581a.js";import"./index-06d07509.js";import"styled-components";import"./utils-d6f6da15.js";import"./theme-ee5d0e66.js";import"./useTranslations-8d6045eb.js";import"innertext";import"./index-30f3989e.js";import"./gAssets.js";import"./index-dc551bd2.js";import"./Locale-6e104047.js";import"./isProduction-1b55d0a6.js";import"./index-0b93b858.js";import"./index-ea8dcf61.js";import"lodash/debounce";import"react-contenteditable";import"dayjs";import"./index-340d877b.js";import"./index-295ef099.js";import"./cookieHelper-b4aebd0b.js";import"dayjs/plugin/relativeTime";import"./index-9a4e3d55.js";import"./index-1b8d14c5.js";import"./defaultClassWrapper-a9f0d373.js";import"react-dom";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,p as SubmitReportForm,A as TabNameInProfileDetail,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-5ffbdf44.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,U as UserAvatar}from"./index-a9bd8a62.js";export{d as TogetherDataTransforms}from"./dataTransform-58ac3ce5.js";export{c as TogetherConstants}from"./constants-dd699798.js";import"react";import"./index-6e945ca0.js";import"./tslib.es6-8afd0786.js";import"./translationsContext-1ad5435e.js";import"string-format";import"@mantine/core";import"./index-ec1c2e79.js";import"./index-2317466d.js";import"styled-components";import"./utils-c4fbd283.js";import"./theme-f92bf7cf.js";import"./useTranslations-0253a7a8.js";import"innertext";import"./index-9a1e70a2.js";import"./gAssets.js";import"./index-bcc2cddc.js";import"./Locale-ea1f656d.js";import"./isProduction-d49ace58.js";import"./index-b5205faf.js";import"./index-68390e33.js";import"lodash/debounce";import"react-contenteditable";import"dayjs";import"./index-23c1b7db.js";import"./index-f8471417.js";import"./cookieHelper-b11e8976.js";import"dayjs/plugin/relativeTime";import"./index-1afec854.js";import"./index-b9739cbd.js";import"./defaultClassWrapper-86053461.js";import"react-dom";import"slugify";