@hhgtech/hhg-components 1.26.87 → 1.26.89

package/build/onboardingV2.js

@@ -0,0 +1,199 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-cca16b4a.js"),t=require("react"),r=require("@mantine/core"),n=require("react-dom");require("./gAssets.js"),require("@mantine/dates");var a=require("./index-410592d1.js"),o=require("./Onboarding-bef9a1fe.js"),i=require("./index-9c67add9.js");require("./index.styles-f71473e6.js"),require("dayjs"),require("./screenSizeContext-90f638ef.js");var l=require("styled-components"),s=require("./theme-841c5020.js"),d=require("./utils-49092bdc.js");require("./isProduction-30dcd5ee.js");var u=require("./useTranslations-f3a87b10.js");require("./index-1e03616f.js");var c=require("@mantine/hooks");require("lodash/debounce");var m=require("@mantine/form"),p=require("./index-4dfdb96e.js");require("./index-5ba01487.js");var g=require("./index-a0f14e07.js");require("./index.styled-f904c57c.js"),require("./index-1ac2f188.js");var f=require("./utils-e9662a57.js"),b=require("yup"),h=require("./index-b3421cf9.js"),E=require("./index-2cfbeff9.js"),x=require("./Visible-7bf7edd2.js"),y=require("lodash/throttle"),v=require("./index-85550c9b.js"),w=require("date-fns");require("./translationsContext-9c849cce.js"),require("string-format");var S=require("react-keyed-flatten-children");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function P(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("date-fns/locale"),require("@mantine/carousel"),require("./useUniqueId-32345650.js"),require("./index-bff68390.js");var j=C(t),O=C(l),M=P(b),T=C(y),k=C(S);const q=t.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),L=O.default.div`
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  background: white;
+  overflow-y: auto;
+`,B=O.default.div`
+  height: 100%;
+  ${d.MediaQueries.lgPcUp} {
+    display: table;
+    width: 100%;
+    height: calc(100% - 25px);
+  }
+`,I=O.default.div`
+  padding: 16px;
+  ${d.MediaQueries.mbUp} {
+    padding: 48px 24px 24px;
+  }
+  [data-similac='true'][data-has-banner='true'] {
+    ${d.MediaQueries.mbDown} {
+      background: white;
+      border-top-left-radius: 1rem;
+      border-top-right-radius: 1rem;
+      margin-top: -1rem;
+    }
+  }
+`,z=O.default.div`
+  width: 640px;
+  padding: 16px 16px 0 16px;
+  display: none;
+
+  ${d.MediaQueries.mbUp} {
+    width: 640px;
+    display: table-cell;
+  }
+`,_=O.default.div`
+  background-color: ${s.theme.colors.primary50};
+  border-radius: 12px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+  &[data-is-marry-baby='true'] {
+    background-color: ${s.theme.mbColors.tonePink};
+  }
+`,N=O.default.div`
+  margin-top: 40px;
+  padding: 24px 40px;
+`,D=O.default.img`
+  width: 100%;
+  display: block;
+  &.similac {
+    min-width: 1px;
+    object-fit: contain;
+
+    ${d.MediaQueries.mbUp} {
+      position: sticky;
+      top: 0;
+      height: 100vh;
+    }
+  }
+`,F=O.default(f.Onboarding)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,A=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),[R,V,$]=m.createFormContext(),U=O.default.div`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,Q={[o.LOCALE.Vietnam]:"VN",[o.LOCALE.Cambodia]:"KH",[o.LOCALE.Indonesia]:"ID",[o.LOCALE.Malaysia]:"MY",[o.LOCALE.PhilippinesEnglish]:"PH",[o.LOCALE.PhilippinesTagalog]:"PH",[o.LOCALE.Taiwan]:"TW",[o.LOCALE.Thailand]:"TH",[o.LOCALE.Myanmar]:"MM"},H=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),n=r.length>3?3:r.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},G=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:a}=u.useTranslations(),o=V(),l=j.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.phone"))}:{}),j.default.createElement(i.Phone,Object.assign({defaultCountry:Q[process.env.UNIFY_LOCALE]||"VN"},o.getInputProps("phone"))),j.default.createElement(r.Input.Error,{size:"md"},o.errors.phone)),s=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourName")),withAsterisk:!0},o.getInputProps("name"))),d=j.default.createElement(i.Input,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourEmail")),withAsterisk:!0},o.getInputProps("email"))),c=j.default.createElement(h.DatePicker,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},o.getInputProps("dob"))),m=j.default.createElement(i.Radio.Group,Object.assign({className:"radio-group",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("bmi.selectGender"))},o.getInputProps("gender")),j.default.createElement(i.Radio,{value:"0",label:a("onboarding.formEmail.genderMale")}),j.default.createElement(i.Radio,{value:"1",label:a("onboarding.formEmail.genderFemale")})),p=j.default.createElement("div",{className:"otp-input"},j.default.createElement(i.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},o.getInputProps("otp"))),j.default.createElement(r.Input.Error,null,o.errors.otp)),g=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:j.default.createElement(x.Visible,null)},o.getInputProps("password"))),f=j.default.createElement(i.Input.Wrapper,Object.assign({},o.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),j.default.createElement(i.Checkbox,{label:n?j.default.createElement(i.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):j.default.createElement(i.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",j.default.createElement("a",null,j.default.createElement(i.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",j.default.createElement("a",null,j.default.createElement(i.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{o.setFieldValue("term",e.currentTarget.checked)}}),j.default.createElement(r.Input.Error,{size:"md"},o.getInputProps("term",{type:"checkbox"}).error)),b=j.default.createElement(E.AddressInput,Object.assign({className:"input-control",label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.similac.input.address"))},o.getInputProps("address"))),y=j.default.createElement(i.Input.Password,Object.assign({label:j.default.createElement(i.Text,{size:"s4",weight:"semiBold",as:"span"},a("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:j.default.createElement(x.Visible,null)},o.getInputProps("confirmPassword"))),v=e.map((e=>({phone:l,full_name:s,email:d,dob:c,gender:m,otp:p,password:g,confirm_password:y,term:f,address:b}[e]||null)));return j.default.createElement(U,null,v)},W=O.default(f.Onboarding)`
+  .otp-input {
+    margin-bottom: 36px;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 20px;
+    }
+    .otpContainer {
+      margin-bottom: 16px;
+    }
+  }
+  .resend {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 32px;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    a {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+  .phone-description {
+    margin-left: 2px;
+    margin-top: 2px;
+  }
+  .otp-description-edit-icon {
+    cursor: pointer;
+    vertical-align: bottom;
+    /* height: 100%; */
+    margin-bottom: 3px;
+    margin-left: 3px;
+  }
+`,Y=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),Z=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),K=O.default.div`
+  margin-top: 70px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  &.similac {
+    margin-top: 16px;
+  }
+`,J=O.default(r.Container)`
+  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    max-width: 520px;
+  }
+  .header {
+    margin-bottom: 32px;
+    text-align: center;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+  }
+
+  .input-control {
+    width: 100%;
+  }
+  .radio-group,
+  .input-control {
+    margin-bottom: 16px;
+  }
+  .form {
+    width: 100%;
+  }
+
+  /* .form-error {
+    margin-top: 32px;
+    font-size: 14px;
+  }
+
+  .field-error {
+    margin-top: 10px;
+    font-size: 14px;
+  } */
+
+  .form-button {
+    width: 100%;
+  }
+`,X=O.default.img`
+  margin-bottom: 38px;
+`,ee=n=>{var o,{heading:l,description:d,children:u,className:c,imgSrc:m,hiddenLogo:p=!1}=n,f=e.__rest(n,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:b,siteType:h}=t.useContext(q);return j.default.createElement(J,Object.assign({},f,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!p&&j.default.createElement(g.LogoIcon,{type:b?h:(null===(o=a.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===o?void 0:o.LOGO_TYPE)||"hellobacsi"}),j.default.createElement(K,{className:p?"similac":""},m&&j.default.createElement(X,{src:m,loading:"lazy"}),j.default.createElement("div",{className:"header"},j.default.createElement(r.Title,{order:3},l),j.default.createElement(i.Text,{size:"p3",mt:8,color:s.theme.colors.gray600},d)),u))},te=O.default(f.Onboarding)`
+  .phone-input {
+    width: 100%;
+    margin-bottom: 32px;
+    ${d.MediaQueries.mbDown} {
+      margin-bottom: 16px;
+    }
+    .PhoneInput {
+      margin-bottom: 16px;
+    }
+    .PhoneInputCountry {
+      border-radius: 4px 0 0 4px;
+    }
+    .PhoneInputInput {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+`,re=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName")),email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:M.mixed().required(e("onboarding.similac.address.error")),term:M.bool().oneOf([!0],e("onboarding.similac.term.error"))}),ne=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),ae={Provider:({children:e,siteType:r,setSharedData:n})=>{const[a,o]=t.useState(0),[i,l]=t.useState(0),[s,d]=t.useState({});return t.useEffect((()=>{null==n||n(s)}),[s,n]),j.default.createElement(q.Provider,{value:{currentStep:a,setCurrentStep:o,setMaxStep:l,nextStep:()=>a+1<=i&&o(a+1),prevStep:()=>a-1>0&&o(a-1),siteType:r,isMarryBaby:"marryBaby"===r,sharedData:s,setSharedData:d}},e)},Modal:a=>{var{children:o,withSimilac:l,banner:c,withPortal:m}=a,p=e.__rest(a,["children","withSimilac","banner","withPortal"]);const{isMobile:g}=i.useScreenSize(),{isMarryBaby:f}=t.useContext(q),{t:b}=u.useTranslations();if(m&&"undefined"==typeof window)return null;const h=j.default.createElement(L,Object.assign({},p),j.default.createElement(B,null,j.default.createElement(r.Grid,{sx:{[d.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[d.MediaQueries.mbDown]:{padding:0}}}},j.default.createElement(r.Grid.Col,{span:"object"!=typeof c&&!l||g?12:6,order:l?2:1,orderMd:l?1:2},j.default.createElement(I,{"data-similac":l,"data-has-banner":"object"==typeof c},o)),"object"==typeof c&&!l&&j.default.createElement(r.Grid.Col,{span:"object"!=typeof c&&!l||g?12:6,order:l?2:1,orderMd:l?1:2},j.default.createElement(z,null,j.default.createElement(_,{"data-is-marry-baby":f},j.default.createElement(N,null,(null==c?void 0:c.heading)&&j.default.createElement(r.Title,{order:1,mb:24},null==c?void 0:c.heading),(null==c?void 0:c.description)&&j.default.createElement(i.Text,{size:"p1",color:s.theme.colors.gray800},b("onboarding.welcomeScreen.content"))),(null==c?void 0:c.imgSrc)&&j.default.createElement("div",null,j.default.createElement(D,{src:null==c?void 0:c.imgSrc,loading:"lazy"}))))),"object"==typeof c&&l&&(null==c?void 0:c.imgSrc)&&j.default.createElement(r.Grid.Col,{span:"auto",order:l?1:2,orderMd:l?2:1},j.default.createElement(D,{src:null==c?void 0:c.imgSrc,loading:"lazy",className:"similac"})))));return m?n.createPortal(h,d.getPopupWrapperDom()):h},Form:({onClose:r,onSubmit:n,canSkip:a=!0,customFormTexts:o})=>{const{t:i}=u.useTranslations(),{setSharedData:l,nextStep:s}=t.useContext(q),d=$({initialValues:{phone:""},validate:m.yupResolver(A(i))});return j.default.createElement(F,{heading:(null==o?void 0:o.heading)||i("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||i("onboarding.updatePhone.description")},j.default.createElement(R,{form:d},j.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{l((e=>Object.assign(Object.assign({},e),{phone:t.phone}))),yield null==n?void 0:n(t.phone),s()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["phone"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},i("onboarding.button.continue")),a&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:r,type:"button"},i("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:r,email:n,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{email:g,retryEmailCount:f},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:x,nextStep:y}=t.useContext(q),w=n||g||"",[S,C]=t.useState(30),P=c.useInterval((()=>C((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===S&&(P.stop(),k.current=!1)}),[S]);const B=$({initialValues:{otp:""},validate:m.yupResolver(Y(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>T.default((()=>{k.current||(M.increment(),C(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),z=f>=2;return j.default.createElement(W,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${H(w)}</b>`})}}),!z&&j.default.createElement("svg",{onClick:()=>{f>=2||(b((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),h())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==r?void 0:r(t.otp))&&y()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:x?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:S}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))},Phone:({onSubmit:r,phone:n,onResendCode:a,otpError:o,onClose:i,loading:l,canSkip:d})=>{const{sharedData:{phone:g,retryPhoneCount:f},setSharedData:b,prevStep:h,siteType:E,isMarryBaby:x,nextStep:y}=t.useContext(q),w=n||g||"",[S,C]=t.useState(30),P=c.useInterval((()=>C((e=>e-1))),1e3),[O,M]=c.useCounter(0,{min:0,max:3}),k=t.useRef(!0),{t:L}=u.useTranslations();t.useEffect((()=>(P.start(),P.stop)),[]),t.useEffect((()=>{0===S&&(P.stop(),k.current=!1)}),[S]);const B=$({initialValues:{otp:""},validate:m.yupResolver(Y(L))});t.useEffect((()=>{o&&B.setFieldError("otp",o)}),[o]);const I=t.useMemo((()=>T.default((()=>{k.current||(M.increment(),C(30),null==a||a(w),P.start(),k.current=!0)}),1e3,{trailing:!1})),[w,a,P]),z=()=>{f>=2||(b((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),h())},_=f>=2;return j.default.createElement(W,{heading:L("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${w.slice(0,-3).replace(/./g,"x").concat(w.slice(-3))}</b>`})}}),!_&&j.default.createElement("svg",{onClick:()=>{null==z||z()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},j.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},j.default.createElement(R,{form:B},j.default.createElement("form",{onSubmit:B.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{M.increment();!(yield null==r?void 0:r(t.otp))&&y()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},L("onboarding.otpForm.notReceiveOTP")),j.default.createElement(v.Text,{as:"a",size:"p4",color:x?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},L("onboarding.otpForm.resendCode",{seconds:S}))),j.default.createElement(p.Button,{theme:E,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},L("onboarding.button.continue")),d&&O>=3&&j.default.createElement(p.Button,{theme:E,color:"ghost",isBlock:!0,size:"lg",onClick:i,type:"button"},L("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:r,onSubmit:n,canSkip:o,loading:i,errorMessage:l,initialData:s})=>{const{t:d,locale:c}=u.useTranslations(),{siteType:g,isMarryBaby:f,setSharedData:b,nextStep:h}=t.useContext(q),E=$({validate:m.yupResolver(Z(d))});return t.useEffect((()=>{E.setValues(Object.assign(Object.assign({gender:"0"},s),(null==s?void 0:s.birthday)&&{birthday:new Date(s.birthday)}))}),[s]),t.useEffect((()=>{l&&E.setFieldError("email",l)}),[l]),j.default.createElement(ee,{heading:d("onboarding.formEmail.heading"),description:d("onboarding.formEmail.description",{site:f?"Marry Baby":a.LOCALE_SPECS[c].SITE_NAME_FORMATTED})},j.default.createElement(R,{form:E},j.default.createElement("form",{className:"form",onSubmit:E.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){b((e=>Object.assign(Object.assign({},e),t)));!(yield null==n?void 0:n(Object.assign(Object.assign({},t),{birthday:t.birthday&&w.format(t.birthday,"yyyy-MM-dd")})))&&h()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["full_name","email","dob","gender"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:i,disabled:i},d("onboarding.button.continue")),o&&j.default.createElement(p.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:r,type:"button"},d("onboarding.button.skip")))))},ResultScreen:r=>{var{onClose:n}=r,a=e.__rest(r,["onClose"]);const{t:o}=u.useTranslations(),{siteType:i}=t.useContext(q);return j.default.createElement(ee,Object.assign({},a),j.default.createElement(p.Button,{theme:i,size:"lg",onClick:n,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:r=>{var{onClose:n,onSubmit:a,canSkip:o=!0,customFormTexts:l,customTerms:s,defaultValues:d}=r,c=e.__rest(r,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:p}=u.useTranslations(),{nextStep:g}=t.useContext(q),{isMobile:f}=i.useScreenSize(),b=$({initialValues:Object.assign({phone:"",term:!1},d),validate:m.yupResolver(re(p))}),h=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return j.default.createElement(te,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:f},c),j.default.createElement(R,{form:b},j.default.createElement("form",{onSubmit:b.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==a?void 0:a(t),g()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},j.default.createElement(G,{inputOrder:h,withSimilac:!0,customTerms:s}),j.default.createElement(i.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),o&&j.default.createElement(i.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},p("onboarding.button.skip")))))},UpdatePasswordForm:({onClose:n,onSubmit:a,canSkip:o,errorMessage:i,loading:l})=>{const{t:s}=u.useTranslations(),{nextStep:d}=t.useContext(q),c=$({initialValues:{password:"",confirmPassword:""},validate:m.yupResolver(ne(s))});return j.default.createElement(ee,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},j.default.createElement(R,{form:c},j.default.createElement("form",{className:"form",onSubmit:c.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield a((null==t?void 0:t.password)||""),!i&&d()}))),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(G,{inputOrder:["password","confirm_password"]}),j.default.createElement(p.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&j.default.createElement(p.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n},s("onboarding.button.skip")),i&&j.default.createElement(r.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:e})=>{const{currentStep:r,setMaxStep:n}=t.useContext(q),a=j.default.Children.count(e);return t.useEffect((()=>{n(a-1)}),[a]),j.default.createElement(j.default.Fragment,null,k.default(e).map(((e,n)=>{const a=n===r;return j.default.createElement(t.Fragment,{key:n},j.default.isValidElement(e)?e.props.alwaysRender||a?j.default.cloneElement(e,{isActive:n===r,stepIndex:n}):null:a?e:null)})))}};exports.MAPPED_LOCALE=Q,exports.Onboarding=ae;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-a7b9daf9.js"),a=require("./index-ea0497a5.js"),r=require("./index-0507946d.js"),l=require("./useTranslations-6fe83556.js"),n=require("./theme-3d3aa23a.js"),o=require("recharts"),i=require("./index-bb281d90.js"),s=require("./useOutsideClick-0fc431b7.js"),c=require("styled-components"),d=require("./tslib.es6-63bf13c4.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-4d0c04b3.js"),require("./Onboarding-da61ca94.js"),require("./index.styled-273a6fcc.js"),require("./gAssets.js"),require("./index-f77773a6.js"),require("date-fns/locale"),require("./isProduction-0e878b47.js"),require("./index-567fa6a8.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-c7584ce0.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-076db795.js"),a=require("./index-85550c9b.js"),r=require("./index-df09bf48.js"),l=require("./useTranslations-f3a87b10.js"),n=require("./theme-841c5020.js"),o=require("recharts"),i=require("./index-1ac2f188.js"),s=require("./useOutsideClick-a7e32ac8.js"),c=require("styled-components"),d=require("./tslib.es6-cca16b4a.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index.styled-f904c57c.js"),require("./Onboarding-bef9a1fe.js"),require("./index.styled-98ea144b.js"),require("./gAssets.js"),require("./index-410592d1.js"),require("date-fns/locale"),require("./isProduction-30dcd5ee.js"),require("./index-1e03616f.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-9c849cce.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;

package/build/{routing-be861b27.js → routing-cb0176d1.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-f77773a6.js"),o=require("./isProduction-0e878b47.js");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,s)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!o.isProduction;return r?"http://localhost:3000":`https://${i?s?"fe.":"discover.":s?"www.":""}${e.domainLocales[s?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,s)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[s?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
+"use strict";var e=require("./index-410592d1.js"),o=require("./isProduction-30dcd5ee.js");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,s)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!o.isProduction;return r?"http://localhost:3000":`https://${i?s?"fe.":"discover.":s?"www.":""}${e.domainLocales[s?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,s)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[s?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;

package/build/{screenSizeContext-d76cac5a.js → screenSizeContext-90f638ef.js}

@@ -1,4 +1,4 @@
-"use strict";var t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),s=require("./utils-ab41c287.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),o=i(r);const a=t.keyframes`
+"use strict";var t=require("styled-components"),e=require("react"),r=require("lodash/throttle"),s=require("./utils-49092bdc.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),o=i(r);const a=t.keyframes`
 from {
   transform: translate3d(0, 100%, 0);
   visibility: visible;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-877c43b1.js"),r=require("./index.styled-8e38383b.js"),t=require("./dataTransform-64eb718a.js");require("./tslib.es6-63bf13c4.js"),require("react"),require("@mantine/core"),require("./index-e0193941.js"),require("styled-components"),require("./utils-ab41c287.js"),require("./index-039b3fb5.js"),require("./gAssets.js"),require("./index-f77773a6.js"),require("date-fns/locale"),require("./Onboarding-da61ca94.js"),require("./isProduction-0e878b47.js"),require("./index-8b0b0256.js"),require("./index-ea0497a5.js"),require("./index-d5e70f8d.js"),require("./index.styles-8b07f457.js"),require("./theme-3d3aa23a.js"),require("./index-db365d01.js"),require("dayjs"),require("./screenSizeContext-d76cac5a.js"),require("lodash/throttle"),require("./useUniqueId-0b660830.js"),require("./index-c8440bda.js"),require("./index-d5899229.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index.styled-4d0c04b3.js"),require("./translationsContext-c7584ce0.js"),require("string-format"),require("./index-bb281d90.js"),require("@mantine/dates"),require("./index-567fa6a8.js"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-3706b874.js"),require("./useTranslations-6fe83556.js"),require("./index-a7b9daf9.js"),require("date-fns"),require("./index-6d6d8368.js"),require("./types-3b7a8e9e.js"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("innertext"),require("./index-b5a60870.js"),require("react-contenteditable"),require("./cookieHelper-814928df.js"),require("react-dom"),require("keen-slider/react"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-273a6fcc.js"),require("uuid"),require("dayjs/plugin/relativeTime"),require("./index-8103d3ed.js"),require("./routing-be861b27.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-8a51f5be.js"),r=require("./index.styled-f77e9f10.js"),t=require("./dataTransform-deffa39c.js");require("./tslib.es6-cca16b4a.js"),require("react"),require("@mantine/core"),require("./index-6e0da7e4.js"),require("styled-components"),require("./utils-49092bdc.js"),require("./index-5e1e9f0d.js"),require("./gAssets.js"),require("./index-410592d1.js"),require("date-fns/locale"),require("./Onboarding-bef9a1fe.js"),require("./isProduction-30dcd5ee.js"),require("./index-a0f14e07.js"),require("./index-85550c9b.js"),require("./index-4dfdb96e.js"),require("./index.styles-f71473e6.js"),require("./theme-841c5020.js"),require("./index-5ba01487.js"),require("dayjs"),require("./screenSizeContext-90f638ef.js"),require("lodash/throttle"),require("./useUniqueId-32345650.js"),require("./index-d3f7bad4.js"),require("./index-9c67add9.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index.styled-f904c57c.js"),require("./translationsContext-9c849cce.js"),require("string-format"),require("./index-1ac2f188.js"),require("@mantine/dates"),require("./index-1e03616f.js"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-c88e4fd3.js"),require("./useTranslations-f3a87b10.js"),require("./index-076db795.js"),require("date-fns"),require("./index-a1fb7a06.js"),require("./types-6cbf8547.js"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("innertext"),require("./index-1c1aac2c.js"),require("react-contenteditable"),require("./cookieHelper-ba0bdeb5.js"),require("react-dom"),require("keen-slider/react"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-98ea144b.js"),require("uuid"),require("dayjs/plugin/relativeTime"),require("./index-a6284b2c.js"),require("./routing-cb0176d1.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;