@hhgtech/hhg-components 1.27.129 → 1.27.130

package/build/onboarding.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-3f32a62c.js"),t=require("react"),r=require("@mantine/core"),n=require("@mantine/hooks"),o=require("./index-09239b64.js"),a=require("./index-5d843121.js"),i=require("./index-02971e91.js"),l=require("./useTranslations-06042dfe.js");require("lodash/debounce"),require("./isProduction-506752b3.js");var s=require("./index-7f4c945e.js");require("./useCategory-360aa585.js");var d=require("./index-fc90913a.js"),u=require("./Onboarding-c8a9fa68.js");require("dayjs");var c=require("./screenSizeContext-eb827be1.js");require("styled-components");var m=require("./theme-be127218.js");require("./gAssets.js");var p=require("./index.styled-5db0b157.js"),b=require("@mantine/form");require("./index.styles-ea017664.js"),require("./index-8812b2bb.js"),require("./utils-aecec62b.js"),require("@mantine/dates"),require("./index.styled-d9533d14.js"),require("./index-5a28fed4.js");var g=require("./index-6c321744.js"),f=require("./index-08aae0d9.js"),E=require("./Visible-e1eeaa8f.js"),h=require("./utils-c3b06e73.js"),v=require("yup"),y=require("lodash/throttle"),S=require("./index-8d4c708c.js"),w=require("date-fns");function O(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("./translationsContext-b3fc59d7.js"),require("string-format"),require("date-fns/locale"),require("@mantine/carousel"),require("./index-4ab08947.js"),require("react-keyed-flatten-children"),require("./cookieHelper-e5db6abb.js"),require("slugify");var j=O(t),C=P(v),x=O(y);const q=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:n=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),u=j.default.createElement(r.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),j.default.createElement(d.Phone,Object.assign({defaultCountry:h.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),j.default.createElement(r.Input.Error,{size:"md"},s.errors.phone)),c=j.default.createElement(d.Input,Object.assign({label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),m=j.default.createElement(d.Input,Object.assign({label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),b=j.default.createElement(g.DatePicker,Object.assign({label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),v=j.default.createElement(d.Radio.Group,Object.assign({className:"radio-group",label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),j.default.createElement(d.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),j.default.createElement(d.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),y=j.default.createElement("div",{className:"otp-input"},j.default.createElement(d.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),j.default.createElement(r.Input.Error,null,s.errors.otp)),S=j.default.createElement(d.Input.Password,Object.assign({label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:j.default.createElement(E.Visible,null)},s.getInputProps("password"))),w=j.default.createElement(d.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),j.default.createElement(d.Checkbox,{label:n?j.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},n):j.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"," ",j.default.createElement("a",null,j.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",j.default.createElement("a",null,j.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)}}),j.default.createElement(r.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),O=j.default.createElement(f.AddressInput,Object.assign({className:"input-control",label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),P=j.default.createElement(d.Input.Password,Object.assign({label:j.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:j.default.createElement(E.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:u,full_name:c,email:m,dob:b,gender:v,otp:y,password:S,confirm_password:P,term:w,address:O}[e]||null)));return j.default.createElement(p.StyledDynamicForm,null,C)},k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),T=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"))}),B=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),M=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"))}),F=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("")}),_=({onClose:t,onSubmit:r,canSkip:n=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:b.yupResolver(k(s))});return j.default.createElement(p.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},j.default.createElement(i.FormProvider,{form:d},j.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t.phone)}))),(e=>{console.log(e)}))},j.default.createElement(q,{inputOrder:["phone"]}),j.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")),n&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},I=t=>{var{onClose:r,onSubmit:n,canSkip:o=!0,customFormTexts:a,customTerms:s,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:m}=l.useTranslations(),{isMobile:g}=d.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:b.yupResolver(T(m))});return j.default.createElement(p.StyledOnboardingForm,Object.assign({heading:(null==a?void 0:a.heading)||m("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||m("onboarding.updatePhone.description"),hiddenLogo:g},c),j.default.createElement(i.FormProvider,{form:f},j.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t)}))),(e=>{console.log(e)}))},j.default.createElement(q,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:s}),j.default.createElement(d.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"},m("onboarding.button.continue")),o&&j.default.createElement(d.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:r,type:"button"},m("onboarding.button.skip")))))},z=t=>{var{withSimilac:r=!1}=t,n=e.__rest(t,["withSimilac"]);return r?j.default.createElement(I,Object.assign({},n)):j.default.createElement(_,Object.assign({},n))},L=({onSubmit:r,phone:a,email:s,onResendCode:d,otpError:u,onClose:c,loading:g,onBack:f,canSkip:E,outOfEdit:v})=>{const{siteType:y,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,P]=t.useState(30),C=n.useInterval((()=>P((e=>e-1))),1e3),[k,T]=n.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(C.start(),C.stop)),[]),t.useEffect((()=>{0===O&&(C.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:b.yupResolver(B(F))});t.useEffect((()=>{u&&_.setFieldError("otp",u)}),[u]);const I=t.useMemo((()=>x.default((()=>{M.current||(T.increment(),P(30),null==d||d(a||s),C.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,C]);return j.default.createElement(p.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:j.default.createElement(j.default.Fragment,null,j.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${m.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${m.theme.colors.gray800}">${h.hiddenEmailChar(s)}</b>`})}}),!v&&j.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"},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(i.FormProvider,{form:_},j.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){T.increment(),r(t.otp)}))),(e=>{console.log(e)}))},j.default.createElement(q,{inputOrder:["otp"]}),j.default.createElement("div",{className:"resend"},j.default.createElement(S.Text,{size:"p4",color:m.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),j.default.createElement(S.Text,{as:"a",size:"p4",color:w?m.theme.mbColors.pink:m.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),j.default.createElement(o.Button,{theme:y,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},F("onboarding.button.continue")),E&&k>=3&&j.default.createElement(o.Button,{theme:y,color:"ghost",isBlock:!0,size:"lg",onClick:c,"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")))))},N=({onClose:e,onSubmit:r,canSkip:n,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:p,isMarryBaby:g}=t.useContext(i.OnboardingContext),f=i.useForm({validate:b.yupResolver(M(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]),j.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:g?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},j.default.createElement(i.FormProvider,{form:f},j.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{r(Object.assign(Object.assign({},e),{birthday:e.birthday&&w.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(q,{inputOrder:["full_name","email","dob","gender"]}),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:p,isLoading:a,disabled:a},c("onboarding.button.continue")),n&&j.default.createElement(o.Button,{theme:p,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},A=({onClose:e,onSubmit:t,canSkip:n,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:b.yupResolver(F(d))});return j.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},j.default.createElement(i.FormProvider,{form:u},j.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},j.default.createElement(q,{inputOrder:["password","confirm_password"]}),j.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),n&&j.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&j.default.createElement(r.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return u.OnboardingStep}}),exports.MAPPED_LOCALE=h.MAPPED_LOCALE,exports.OnboardingForm=z,exports.OnboardingModal=s=>{var{banner:b,canSkip:g,createPassError:f,createPassLoading:E,customFormTexts:h,emailLoading:v,flow:y=[u.OnboardingStep.Phone,u.OnboardingStep.OTP],initialData:S,onClose:w,onCreatePassByEmail:O,onOtpSubmit:P,onPersonalInfoSubmit:C,onPhoneSubmit:x,onResendCode:q,otpError:k,otpLoading:T,personalInfoError:B,resultScreenProps:M,siteType:F,step:_,withSimilac:D=!1,similacFormProps:R}=s,V=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:U}=l.useTranslations(),[G,W]=t.useState(_||y[0]),[H,Y]=t.useState(""),[$,Z]=t.useState(""),[Q,K]=n.useCounter(0,{min:0,max:2}),{isMobile:J}=d.useScreenSize(),X=t.useCallback((()=>{const e=y.indexOf(G)+1;e<=y.length-1&&W(y[e])}),[G]),ee=t.useCallback((()=>{const e=y.indexOf(G)-1;e>=0&&W(y[e])}),[G]),te=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield P(t))&&X()}catch(e){console.error(e)}})),re=()=>{Q>=2||(K.increment(),ee())},ne="marryBaby"===F;return j.default.createElement(i.OnboardingContext.Provider,{value:{siteType:F,isMarryBaby:ne}},j.default.createElement(p.StyledOnboardingModal,Object.assign({},V),y.length>0?j.default.createElement(p.StyledContainer,null,j.default.createElement(r.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},j.default.createElement(r.Grid.Col,{span:"object"!=typeof b&&!D||J?12:6,order:D?2:1,orderMd:D?1:2,sx:{zIndex:D?99:void 0}},j.default.createElement(p.StyledContent,{"data-similac":D,"data-has-banner":"object"==typeof b},G===u.OnboardingStep.Phone&&(D?j.default.createElement(I,{onClose:w,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const r=null==t?void 0:t.phone;r&&(Y(r),yield Promise.all([null===(e=null==R?void 0:R.onFormSubmit)||void 0===e?void 0:e.call(R,t),null==x?void 0:x(r)])),X()}catch(e){console.error(e)}})),customFormTexts:h.onboarding,defaultValues:null==R?void 0:R.defaultValues,customTerms:null==R?void 0:R.customTerms}):j.default.createElement(z,{onClose:w,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Y(t),yield null==x?void 0:x(t),X()}catch(e){console.error(e)}})),customFormTexts:h.onboarding})),G===u.OnboardingStep.OTP&&j.default.createElement(L,{onClose:w,onSubmit:te,phone:H,onResendCode:q,otpError:k,loading:T,canSkip:g,onBack:re,outOfEdit:Q>=2}),G===u.OnboardingStep.OTPEmail&&j.default.createElement(L,{onClose:w,onSubmit:te,onResendCode:q,otpError:k,loading:T,canSkip:g,onBack:re,outOfEdit:Q>=2,email:$}),G===u.OnboardingStep.PersonalInfo&&j.default.createElement(N,{initialData:null==S?void 0:S[u.OnboardingStep.PersonalInfo],onClose:w,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Z((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&X()}catch(e){console.error(e)}})),errorMessage:B,loading:v}),G===u.OnboardingStep.UpdatePassword&&j.default.createElement(A,{onClose:w,canSkip:g,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==O?void 0:O(t),!f&&X()}catch(e){console.error(e)}})),errorMessage:f,loading:E}),G===u.OnboardingStep.Result&&j.default.createElement(i.Onboarding,Object.assign({},M),j.default.createElement(o.Button,{theme:F,size:"lg",onClick:w,className:"form-button"},U("onboarding.button.continue"))))),"object"==typeof b&&!D&&j.default.createElement(r.Grid.Col,{span:"object"!=typeof b&&!D||J?12:6,order:D?2:1,orderMd:D?1:2},j.default.createElement(p.StyledBannerCol,null,j.default.createElement(p.StyledBannerInner,{"data-is-marry-baby":ne},j.default.createElement(p.StyledIntro,null,(null==b?void 0:b.heading)&&j.default.createElement(r.Title,{order:1,mb:24},null==b?void 0:b.heading),(null==b?void 0:b.description)&&j.default.createElement(a.Text,{size:"p1",color:m.theme.colors.gray800},U("onboarding.welcomeScreen.content"))),(null==b?void 0:b.imgSrc)&&j.default.createElement("div",null,j.default.createElement(p.StyledBannerImg,{src:null==b?void 0:b.imgSrc,loading:"lazy"}))))),"object"==typeof b&&D&&(null==b?void 0:b.imgSrc)&&j.default.createElement(r.Grid.Col,{span:"auto",order:D?1:2,orderMd:D?2:1},j.default.createElement(p.StyledBannerImg,{src:null==b?void 0:b.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=L;

package/build/useHealthToolCache-aad38373.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-3f32a62c.js"),t=require("react"),a=require("./getDynamicHealthTool-c5fcd5c6.js");exports.useHealthToolsCache=o=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield a.getDynamicHealthToolWithCache(o);l(e)}))}),[a.getDynamicHealthToolWithCache,o]);const c=t.useCallback((e=>{var t;return(null===(t=i.find((t=>t.template===e)))||void 0===t?void 0:t.link)||""}),[i]);return{allTools:i,getHealthToolLink:c}};

package/build/utils-c3b06e73.js

@@ -1 +0,0 @@
-"use strict";var a=require("./Onboarding-c8a9fa68.js");const i={[a.LOCALE.Vietnam]:"VN",[a.LOCALE.Cambodia]:"KH",[a.LOCALE.Indonesia]:"ID",[a.LOCALE.Malaysia]:"MY",[a.LOCALE.PhilippinesEnglish]:"PH",[a.LOCALE.PhilippinesTagalog]:"PH",[a.LOCALE.Taiwan]:"TW",[a.LOCALE.Thailand]:"TH",[a.LOCALE.Myanmar]:"MM"};exports.MAPPED_LOCALE=i,exports.hiddenEmailChar=(a="")=>{const i=a.indexOf("@"),n=a.substring(0,i),L=n.length>3?3:n.length;return a.replace(a.substring(L,i),a.slice(L,i).replace(/./g,"x"))};