@hhgtech/hhg-components 1.27.83 → 1.27.85

package/build/onboarding.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-5587b23c.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-cf440262.js"),a=require("./utils-5a61f89b.js"),i=require("./index-90026362.js"),l=require("./useTranslations-9a67df84.js");require("lodash/debounce"),require("./isProduction-8ba17b48.js");var s=require("./index-a5b32888.js"),d=require("./Onboarding-b7fbd4ae.js");require("dayjs");var u=require("./screenSizeContext-05a95402.js");require("styled-components");var c=require("./theme-05ee1263.js");require("./gAssets.js");var m=require("./index.styled-ab61e6bf.js"),p=require("@mantine/form");require("./index-a1fc52df.js"),require("./index-c12ad0c6.js"),require("@mantine/dates");var g=require("./index-88e659ee.js"),b=require("./index-f48a0851.js"),f=require("./Visible-e59f11fd.js"),E=require("./utils-a2523fe0.js"),h=require("yup"),v=require("lodash/throttle"),y=require("./index-07122e0a.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-2a0e5371.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("./useUniqueId-5d34ad42.js"),require("./cookieHelper-8049513d.js"),require("slugify"),require("date-fns/locale");var P=w(t),C=O(h),j=w(v);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(g.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.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"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.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=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,C)},k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(k(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["phone"]}),P.default.createElement(o.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"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:b}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:b},c),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.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"},g("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},g("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:u,onClose:g,loading:b,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,C]=t.useState(30),k=r.useInterval((()=>C((e=>e-1))),1e3),[q,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(k.start(),k.stop)),[]),t.useEffect((()=>{0===O&&(k.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{u&&_.setFieldError("otp",u)}),[u]);const I=t.useMemo((()=>j.default((()=>{M.current||(B.increment(),C(30),null==d||d(a||s),k.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,k]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${c.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${c.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.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"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:c.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?c.theme.mbColors.pink:c.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},F("onboarding.button.continue")),h&&q>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:b,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:C,onPhoneSubmit:j,onResendCode:x,otpError:k,otpLoading:q,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,H]=t.useState(""),[Y,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(H(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==j?void 0:j(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{H(t),yield null==j?void 0:j(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2,email:Y}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!b&&J()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:c.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e3858147.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-c7cf5ecd.js"),a=require("./utils-ff2a1a55.js"),i=require("./index-d163b80b.js"),l=require("./useTranslations-3015cbde.js");require("lodash/debounce"),require("./isProduction-631d71b4.js");var s=require("./index-5feac824.js"),d=require("./Onboarding-1947cbc4.js");require("dayjs");var u=require("./screenSizeContext-bfc7b209.js");require("styled-components");var c=require("./theme-ffb5f892.js");require("./gAssets.js");var m=require("./index.styled-8f37666a.js"),p=require("@mantine/form");require("./index-2cc93ac4.js"),require("./index-65940b27.js"),require("@mantine/dates");var g=require("./index-5123ccd9.js"),b=require("./index-23c21c88.js"),f=require("./Visible-cc97c728.js"),E=require("./utils-105f4213.js"),h=require("yup"),v=require("lodash/throttle"),y=require("./index-63bf80ed.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-25c7e3b7.js"),require("string-format"),require("react-keyed-flatten-children"),require("@mantine/carousel"),require("./useUniqueId-907de863.js"),require("./cookieHelper-38fb44af.js"),require("slugify"),require("date-fns/locale");var P=w(t),C=O(h),j=w(v);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(g.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.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"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.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=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(b.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,C)},k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(k(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["phone"]}),P.default.createElement(o.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"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:g}=l.useTranslations(),{isMobile:b}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(q(g))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||g("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||g("onboarding.updatePhone.description"),hiddenLogo:b},c),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.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"},g("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},g("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:u,onClose:g,loading:b,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,C]=t.useState(30),k=r.useInterval((()=>C((e=>e-1))),1e3),[q,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(k.start(),k.stop)),[]),t.useEffect((()=>{0===O&&(k.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{u&&_.setFieldError("otp",u)}),[u]);const I=t.useMemo((()=>j.default((()=>{M.current||(B.increment(),C(30),null==d||d(a||s),k.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,k]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${c.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${c.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.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"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:c.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?c.theme.mbColors.pink:c.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:b,disabled:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},F("onboarding.button.continue")),h&&q>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:g,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:g,isMarryBaby:b}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:b?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:g,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:g,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:g,createPassError:b,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:C,onPhoneSubmit:j,onResendCode:x,otpError:k,otpLoading:q,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,H]=t.useState(""),[Y,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(H(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==j?void 0:j(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{H(t),yield null==j?void 0:j(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:x,otpError:k,loading:q,canSkip:g,onBack:te,outOfEdit:Z>=2,email:Y}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!b&&J()}catch(e){console.error(e)}})),errorMessage:b,loading:f}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:c.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;

package/build/onboardingV2.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-5587b23c.js"),a=require("@mantine/core"),n=require("./utils-5a61f89b.js"),r=require("./index-88e659ee.js");require("dayjs");var o=require("./screenSizeContext-05a95402.js"),i=require("styled-components"),l=require("./theme-05ee1263.js"),s=require("./index-a5b32888.js");require("./isProduction-8ba17b48.js");var d=require("./Onboarding-b7fbd4ae.js");require("./gAssets.js");var u=require("./useTranslations-9a67df84.js");require("./index-a1fc52df.js");var m=require("@mantine/hooks"),c=require("./index-f48a0851.js");require("lodash/debounce");var p=require("./Visible-e59f11fd.js"),f=require("@mantine/form");require("./index-c12ad0c6.js"),require("@mantine/dates");var g=require("yup"),b=require("react-dom"),h=require("./index-cf440262.js"),E=require("./index-90026362.js"),C=require("lodash/throttle"),L=require("./index-07122e0a.js"),v=require("date-fns");require("./translationsContext-2a0e5371.js"),require("string-format");var x=require("react-keyed-flatten-children");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./useUniqueId-5d34ad42.js"),require("./cookieHelper-8049513d.js"),require("slugify"),require("date-fns/locale"),require("./utils-a2523fe0.js");var S=y(e),M=y(i),O=w(g),P=y(C),j=y(x);const _=e.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[T,k,B]=f.createFormContext(),q=M.default(a.Box)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-e3858147.js"),a=require("@mantine/core"),n=require("./utils-ff2a1a55.js"),r=require("./index-5123ccd9.js");require("dayjs");var o=require("./screenSizeContext-bfc7b209.js"),i=require("styled-components"),l=require("./theme-ffb5f892.js"),s=require("./index-5feac824.js");require("./isProduction-631d71b4.js");var d=require("./Onboarding-1947cbc4.js");require("./gAssets.js");var u=require("./useTranslations-3015cbde.js");require("./index-2cc93ac4.js");var m=require("@mantine/hooks"),c=require("./index-23c21c88.js");require("lodash/debounce");var p=require("./Visible-cc97c728.js"),f=require("@mantine/form");require("./index-65940b27.js"),require("@mantine/dates");var g=require("yup"),b=require("react-dom"),h=require("./index-c7cf5ecd.js"),E=require("./index-d163b80b.js"),C=require("lodash/throttle"),L=require("./index-63bf80ed.js"),v=require("date-fns");require("./translationsContext-25c7e3b7.js"),require("string-format");var x=require("react-keyed-flatten-children");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./useUniqueId-907de863.js"),require("./cookieHelper-38fb44af.js"),require("slugify"),require("date-fns/locale"),require("./utils-105f4213.js");var S=y(e),M=y(i),O=w(g),P=y(C),j=y(x);const _=e.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[T,k,B]=f.createFormContext(),q=M.default(a.Box)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;

package/build/pwg.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-01a95bae.js"),a=require("./index-07122e0a.js"),l=require("./index-8218a3e7.js"),r=require("./useTranslations-9a67df84.js"),n=require("./theme-05ee1263.js"),o=require("recharts"),i=require("./index-a1fc52df.js"),s=require("./useOutsideClick-b70339ec.js"),c=require("styled-components"),d=require("./tslib.es6-5587b23c.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Onboarding-b7fbd4ae.js"),require("./index.styled-503b32f3.js"),require("./gAssets.js"),require("./index-a5b32888.js"),require("date-fns/locale"),require("./isProduction-8ba17b48.js"),require("./translationsContext-2a0e5371.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.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"},l.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"},l.value))},g=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-c2e7cb23.js"),a=require("./index-63bf80ed.js"),l=require("./index-1d498ba4.js"),r=require("./useTranslations-3015cbde.js"),n=require("./theme-ffb5f892.js"),o=require("recharts"),i=require("./index-2cc93ac4.js"),s=require("./useOutsideClick-6e89ad42.js"),c=require("styled-components"),d=require("./tslib.es6-e3858147.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Onboarding-1947cbc4.js"),require("./index.styled-82a900b4.js"),require("./gAssets.js"),require("./index-5feac824.js"),require("date-fns/locale"),require("./isProduction-631d71b4.js"),require("./translationsContext-25c7e3b7.js"),require("string-format"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:l,activeWeek:r}=e;return r===l.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"},l.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"},l.value))},g=f.default.div`
   /* position: absolute; */
   display: flex;
   flex-direction: column;

package/build/{routing-521721a2.js → routing-305109c7.js}

@@ -1 +1 @@
-"use strict";var e=require("./index-a5b32888.js"),o=require("./isProduction-8ba17b48.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-5feac824.js"),o=require("./isProduction-631d71b4.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/together/components/atoms/cardReactions/index.d.ts

@@ -5,6 +5,7 @@ export declare enum CardReactionType {
 }
 export type Props = {
     type: CardReactionType;
+    viewCount?: number;
     loveCount?: number;
     replyCount?: number;
     replyPadding?: boolean;
@@ -26,7 +27,7 @@ export type Props = {
     children?: ReactNode;
 };
 declare const CardReactions: {
-    ({ type, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): React.JSX.Element;
+    ({ type, viewCount, loveCount, replyCount, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare, hasCountLike, trackingCategory, trackingLabel, children, ...rest }: Props): React.JSX.Element;
     LikeWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
     ShareWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;
     CommentWrapper: ({ children, className }: import("./element").Props) => React.JSX.Element;

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-67ca98da.js"),r=require("./index.styled-a4ee3d3b.js"),t=require("./dataTransform-a4385a77.js"),o=require("./utils-5a61f89b.js");require("./tslib.es6-5587b23c.js"),require("react"),require("@mantine/core"),require("./index-de683402.js"),require("styled-components"),require("./screenSizeContext-05a95402.js"),require("lodash/throttle"),require("./index-23fe09bd.js"),require("./gAssets.js"),require("./index-a5b32888.js"),require("date-fns/locale"),require("./Onboarding-b7fbd4ae.js"),require("./isProduction-8ba17b48.js"),require("./index-a1fc52df.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-07122e0a.js"),require("./index-cf440262.js"),require("./index-db9eb62b.js"),require("./index-c12ad0c6.js"),require("./theme-05ee1263.js"),require("dayjs"),require("./useUniqueId-5d34ad42.js"),require("@mantine/dates"),require("./translationsContext-2a0e5371.js"),require("string-format"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-af7d7f72.js"),require("./useTranslations-9a67df84.js"),require("./index-01a95bae.js"),require("date-fns"),require("./index-e00d3c97.js"),require("lodash/debounce"),require("./types-7b30af69.js"),require("react-day-picker/DayPickerInput"),require("innertext"),require("./index-efa7e8a2.js"),require("./paths-076d915f.js"),require("./constants-f9360928.js"),require("react-contenteditable"),require("./cookieHelper-8049513d.js"),require("react-dom"),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-503b32f3.js"),require("uuid"),require("./utils-a2523fe0.js"),require("dayjs/plugin/relativeTime"),require("./index-995ca29a.js"),require("./routing-521721a2.js"),require("react-keyed-flatten-children"),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.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform,exports.DefaultComponentGlobalContextData=o.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return o.GlobalData}}),exports.TogetherComponentGlobalContext=o.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=o.TogetherComponentGlobalContextProvider,exports.TogetherConstants=o.constants;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-7a577054.js"),r=require("./index.styled-8472f5a4.js"),t=require("./dataTransform-a3f95e37.js"),o=require("./utils-ff2a1a55.js");require("./tslib.es6-e3858147.js"),require("react"),require("@mantine/core"),require("./index-6f2b65e6.js"),require("styled-components"),require("./screenSizeContext-bfc7b209.js"),require("lodash/throttle"),require("./index-d9f43caf.js"),require("./gAssets.js"),require("./index-5feac824.js"),require("date-fns/locale"),require("./Onboarding-1947cbc4.js"),require("./isProduction-631d71b4.js"),require("./index-2cc93ac4.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./index-63bf80ed.js"),require("./index-c7cf5ecd.js"),require("./index-7401804e.js"),require("./index-65940b27.js"),require("./theme-ffb5f892.js"),require("dayjs"),require("./useUniqueId-907de863.js"),require("@mantine/dates"),require("./translationsContext-25c7e3b7.js"),require("string-format"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-27447ad0.js"),require("./useTranslations-3015cbde.js"),require("./index-c2e7cb23.js"),require("date-fns"),require("./index-5ebcdb15.js"),require("lodash/debounce"),require("./types-5ec9b9cb.js"),require("react-day-picker/DayPickerInput"),require("innertext"),require("./index-0ebeef41.js"),require("./paths-970687a6.js"),require("./constants-3547439e.js"),require("react-contenteditable"),require("./cookieHelper-38fb44af.js"),require("react-dom"),require("./number-1b818576.js"),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-82a900b4.js"),require("uuid"),require("./utils-105f4213.js"),require("dayjs/plugin/relativeTime"),require("./index-a364b8a2.js"),require("./routing-305109c7.js"),require("react-keyed-flatten-children"),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.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform,exports.DefaultComponentGlobalContextData=o.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return o.GlobalData}}),exports.TogetherComponentGlobalContext=o.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=o.TogetherComponentGlobalContextProvider,exports.TogetherConstants=o.constants;

package/build/{types-f64c82ab.js → types-1b8d8517.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-5587b23c.js"),t=require("react"),a=require("./useTranslations-9a67df84.js"),i=require("lodash/debounce"),o=require("./constants-f9360928.js"),l=require("./index-db9eb62b.js"),n=require("styled-components"),s=require("./index-07122e0a.js"),r=require("./theme-05ee1263.js"),c=require("./screenSizeContext-05a95402.js"),d=require("react-loading-skeleton"),u=require("lodash/shuffle"),p=require("./useOutsideClick-b70339ec.js"),h=require("./paths-076d915f.js"),g=require("@mantine/core"),f=require("./index-a5b32888.js"),m=require("./cookieHelper-8049513d.js"),C=require("./index-c12ad0c6.js"),b=require("string-format");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var x=v(t),E=y(t),S=y(i),w=y(n),L=y(d),O=y(u),k=y(b);const I=e=>x.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),x.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function T(){const[e,a]=t.useState((()=>{if("undefined"==typeof window)return"unset";if(m.getCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,o]=t.useState((()=>{if("undefined"==typeof window)return null;const e=m.getCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const t={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};m.setCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),{minutes:15}),o(t),a("granted")}),(()=>{m.deleteCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE),a("denied")}))}),[]);return t.useMemo((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const j=w.default.div``,M=w.default.div`
+"use strict";var e=require("./tslib.es6-e3858147.js"),t=require("react"),a=require("./useTranslations-3015cbde.js"),i=require("lodash/debounce"),o=require("./constants-3547439e.js"),l=require("./index-7401804e.js"),n=require("styled-components"),s=require("./index-63bf80ed.js"),r=require("./theme-ffb5f892.js"),c=require("./screenSizeContext-bfc7b209.js"),d=require("react-loading-skeleton"),u=require("lodash/shuffle"),p=require("./useOutsideClick-6e89ad42.js"),h=require("./paths-970687a6.js"),g=require("@mantine/core"),f=require("./index-5feac824.js"),m=require("./cookieHelper-38fb44af.js"),C=require("./index-65940b27.js"),b=require("string-format");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var x=v(t),E=y(t),S=y(i),w=y(n),L=y(d),O=y(u),k=y(b);const I=e=>x.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),x.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function T(){const[e,a]=t.useState((()=>{if("undefined"==typeof window)return"unset";if(m.getCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,o]=t.useState((()=>{if("undefined"==typeof window)return null;const e=m.getCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const t={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};m.setCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),{minutes:15}),o(t),a("granted")}),(()=>{m.deleteCookie(f.USER_GEOLOCATION_COORDINATES_COOKIE),a("denied")}))}),[]);return t.useMemo((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const j=w.default.div``,M=w.default.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;
@@ -422,6 +422,7 @@
     border-radius: 50%;
 
     img {
+      object-fit: contain;
       width: 100%;
       height: 100%;
       border-radius: 50%;