@hhgtech/hhg-components 1.26.1 → 1.26.2

package/build/{utils-5293923c.js → utils-4f699937.js}

@@ -1,10 +1,10 @@
-"use strict";var e=require("@emotion/styled");require("dayjs"),require("./screenSizeContext-7024419e.js");var t=require("react");require("@emotion/react");var r=require("./theme-54f4dde4.js"),n=require("./index-cfb03666.js"),a=require("./utils-d555597e.js");require("./isProduction-0fdd7dfe.js");var i=require("./Onboarding-5cc2a17c.js");require("./gAssets.js");var o=require("./tslib.es6-d2b93cc7.js"),s=require("@mantine/form");require("./index.styled-4821c538.js");var d=require("./index-186ea291.js"),l=require("@mantine/core");require("./index-90f3fe11.js");var u=require("./index-7870dbf2.js");require("./index.styled-b683af18.js");var p=require("./useTranslations-dcd5faaf.js");require("./index-7b41fe1c.js");var c=require("./index-87604a48.js");require("./index-d8e712d6.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./Visible-b193472c.js"),g=require("yup");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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-06f43813.js"),require("string-format");var h=b(e),x=b(t),E=f(g);const L=t.createContext({}),[y,O,w]=s.createFormContext(),C=h.default.div`
+"use strict";require("dayjs"),require("./screenSizeContext-3871959e.js");var e=require("react"),t=require("styled-components"),r=require("./theme-0dfa18d3.js"),n=require("./index-e39e1328.js"),a=require("./utils-05f7fda9.js");require("./isProduction-47032811.js");var i=require("./Onboarding-58ad00eb.js");require("./gAssets.js");var o=require("./tslib.es6-08c42772.js"),s=require("@mantine/form");require("./index.styled-81b3744a.js");var d=require("./index-02703eb3.js"),l=require("@mantine/core");require("./index-8c5fc7a1.js");var u=require("./index-015a02ec.js");require("./index.styled-0654a893.js");var p=require("./useTranslations-2522e02f.js");require("./index-26e03973.js");var m=require("./index-8cd6ee80.js");require("./index-aaa97035.js"),require("@mantine/hooks"),require("lodash/debounce");var c=require("./Visible-53af2df3.js"),g=require("yup");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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-a6a567c2.js"),require("string-format");var h=b(e),x=b(t),E=f(g);const L=e.createContext({}),[y,O,w]=s.createFormContext(),C=x.default.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,P=h.default(l.Container)`
+`,P=x.default(l.Container)`
   &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
     display: flex;
     flex-direction: column;
@@ -45,22 +45,22 @@
   .form-button {
     width: 100%;
   }
-`,v=h.default.img`
+`,v=x.default.img`
   margin-bottom: 38px;
-`,j=e=>{var a,{heading:i,description:s,children:d,className:p,imgSrc:m}=e,g=o.__rest(e,["heading","description","children","className","imgSrc"]);const{isMarryBaby:b,siteType:f}=t.useContext(L);return x.default.createElement(P,Object.assign({},g,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),x.default.createElement(u.LogoIcon,{type:b?f:(null===(a=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===a?void 0:a.LOGO_TYPE)||"hellobacsi"}),x.default.createElement(C,null,m&&x.default.createElement(v,{src:m,loading:"lazy"}),x.default.createElement("div",{className:"header"},x.default.createElement(l.Title,{order:3},i),x.default.createElement(c.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},q=h.default.div`
+`,j=t=>{var a,{heading:i,description:s,children:d,className:p,imgSrc:c}=t,g=o.__rest(t,["heading","description","children","className","imgSrc"]);const{isMarryBaby:b,siteType:f}=e.useContext(L);return h.default.createElement(P,Object.assign({},g,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),h.default.createElement(u.LogoIcon,{type:b?f:(null===(a=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===a?void 0:a.LOGO_TYPE)||"hellobacsi"}),h.default.createElement(C,null,c&&h.default.createElement(v,{src:c,loading:"lazy"}),h.default.createElement("div",{className:"header"},h.default.createElement(l.Title,{order:3},i),h.default.createElement(m.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},q=x.default.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
   background: white;
   overflow-y: auto;
-`,A=h.default.div`
+`,A=x.default.div`
   height: 100%;
   ${a.MediaQueries.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
   }
-`,M=h.default.div`
+`,M=x.default.div`
   padding: 48px 24px 24px;
 
   ${a.MediaQueries.lgPcUp} {
@@ -70,7 +70,7 @@
       width: calc(100% - 640px);
     }
   }
-`,I=h.default.div`
+`,I=x.default.div`
   width: 640px;
   padding: 16px 16px 0 16px;
   display: none;
@@ -79,7 +79,7 @@
     width: 640px;
     display: table-cell;
   }
-`,T=h.default.div`
+`,T=x.default.div`
   background-color: ${r.theme.colors.primary50};
   border-radius: 12px;
   height: 100%;
@@ -90,13 +90,13 @@
   &[data-is-marry-baby='true'] {
     background-color: ${r.theme.mbColors.tonePink};
   }
-`,S=h.default.div`
+`,S=x.default.div`
   margin-top: 40px;
   padding: 24px 40px;
-`,k=h.default.img`
+`,k=x.default.img`
   width: 100%;
   display: block;
-`,N=h.default(j)`
+`,N=x.default(j)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -113,7 +113,7 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,z=h.default.div`
+`,z=x.default.div`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
@@ -130,7 +130,7 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,B={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},D=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=O(),n=x.default.createElement("div",{className:"phone-input"},x.default.createElement(c.Phone,Object.assign({defaultCountry:B[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),x.default.createElement(l.Input.Error,null,r.errors.phone)),a=x.default.createElement(c.Input,Object.assign({label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=x.default.createElement(c.Input,Object.assign({label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=x.default.createElement(c.DatePicker,Object.assign({label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=x.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},r.getInputProps("gender")),x.default.createElement(c.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),x.default.createElement(c.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=x.default.createElement("div",{className:"otp-input"},x.default.createElement(c.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),x.default.createElement(l.Input.Error,null,r.errors.otp)),u=x.default.createElement(c.Input.Password,Object.assign({label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:x.default.createElement(m.Visible,null)},r.getInputProps("password"))),g=x.default.createElement(c.Input.Password,Object.assign({label:x.default.createElement(c.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:x.default.createElement(m.Visible,null)},r.getInputProps("confirmPassword"))),b=e.map((e=>{switch(e){case"phone":return n;case"full_name":return a;case"email":return i;case"dob":return o;case"gender":return s;case"otp":return d;case"password":return u;case"confirm_password":return g;default:return null}}));return x.default.createElement(z,null,b)},_=e=>E.object().shape({phone:E.string().required(e("onboarding.updatePhone.error")).default("")}),F={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},$=h.default(j)`
+`,B={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},D=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=O(),n=h.default.createElement("div",{className:"phone-input"},h.default.createElement(m.Phone,Object.assign({defaultCountry:B[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),h.default.createElement(l.Input.Error,null,r.errors.phone)),a=h.default.createElement(m.Input,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=h.default.createElement(m.Input,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=h.default.createElement(m.DatePicker,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=h.default.createElement(m.Radio.Group,Object.assign({className:"radio-group",label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("bmi.selectGender"))},r.getInputProps("gender")),h.default.createElement(m.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),h.default.createElement(m.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=h.default.createElement("div",{className:"otp-input"},h.default.createElement(m.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},r.getInputProps("otp"))),h.default.createElement(l.Input.Error,null,r.errors.otp)),u=h.default.createElement(m.Input.Password,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:h.default.createElement(c.Visible,null)},r.getInputProps("password"))),g=h.default.createElement(m.Input.Password,Object.assign({label:h.default.createElement(m.Text,{size:"s4",weight:"semiBold",span:!0},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:h.default.createElement(c.Visible,null)},r.getInputProps("confirmPassword"))),b=e.map((e=>{switch(e){case"phone":return n;case"full_name":return a;case"email":return i;case"dob":return o;case"gender":return s;case"otp":return d;case"password":return u;case"confirm_password":return g;default:return null}}));return h.default.createElement(z,null,b)},_=e=>E.object().shape({phone:E.string().required(e("onboarding.updatePhone.error")).default("")}),F={[i.LOCALE.Vietnam]:"VN",[i.LOCALE.Cambodia]:"KH",[i.LOCALE.Indonesia]:"ID",[i.LOCALE.Malaysia]:"MY",[i.LOCALE.PhilippinesEnglish]:"PH",[i.LOCALE.PhilippinesTagalog]:"PH",[i.LOCALE.Taiwan]:"TW",[i.LOCALE.Thailand]:"TH",[i.LOCALE.Myanmar]:"MM"},$=x.default(j)`
   .otp-input {
     margin-bottom: 36px;
     ${a.MediaQueries.mbDown} {
@@ -163,4 +163,4 @@
     margin-bottom: 3px;
     margin-left: 3px;
   }
-`;i.LOCALE.Vietnam,i.LOCALE.Cambodia,i.LOCALE.Indonesia,i.LOCALE.Malaysia,i.LOCALE.PhilippinesEnglish,i.LOCALE.PhilippinesTagalog,i.LOCALE.Taiwan,i.LOCALE.Thailand,i.LOCALE.Myanmar;exports.DynamicForm=D,exports.FormProvider=y,exports.MAPPED_LOCALE=F,exports.Onboarding=j,exports.OnboardingContext=L,exports.OnboardingForm=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:n})=>{const{t:a}=p.useTranslations(),i=w({initialValues:{phone:""},validate:s.yupResolver(_(a))});return x.default.createElement(N,{heading:(null==n?void 0:n.heading)||a("onboarding.updatePhone.heading"),description:(null==n?void 0:n.description)||a("onboarding.updatePhone.description")},x.default.createElement(y,{form:i},x.default.createElement("form",{onSubmit:i.onSubmit((e=>o.__awaiter(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},x.default.createElement(D,{inputOrder:["phone"]}),x.default.createElement(d.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"},a("onboarding.button.continue")),r&&x.default.createElement(d.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},exports.StyledBannerCol=I,exports.StyledBannerImg=k,exports.StyledBannerInner=T,exports.StyledContainer=A,exports.StyledContent=M,exports.StyledIntro=S,exports.StyledOnboardingModal=q,exports.StyledOtpForm=$,exports.hiddenEmailChar=(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"))},exports.onboardingEmailSchema=e=>E.object().shape({email:E.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:E.string().required(e("onboarding.errorMessage.requiredName"))}),exports.onboardingUpdatePasswordSchema=e=>E.object().shape({password:E.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:E.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([E.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),exports.otpSchema=e=>E.object().shape({otp:E.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),exports.useForm=w;
+`;i.LOCALE.Vietnam,i.LOCALE.Cambodia,i.LOCALE.Indonesia,i.LOCALE.Malaysia,i.LOCALE.PhilippinesEnglish,i.LOCALE.PhilippinesTagalog,i.LOCALE.Taiwan,i.LOCALE.Thailand,i.LOCALE.Myanmar;exports.DynamicForm=D,exports.FormProvider=y,exports.MAPPED_LOCALE=F,exports.Onboarding=j,exports.OnboardingContext=L,exports.OnboardingForm=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:n})=>{const{t:a}=p.useTranslations(),i=w({initialValues:{phone:""},validate:s.yupResolver(_(a))});return h.default.createElement(N,{heading:(null==n?void 0:n.heading)||a("onboarding.updatePhone.heading"),description:(null==n?void 0:n.description)||a("onboarding.updatePhone.description")},h.default.createElement(y,{form:i},h.default.createElement("form",{onSubmit:i.onSubmit((e=>o.__awaiter(void 0,void 0,void 0,(function*(){t(e.phone)}))),(e=>{console.log(e)}))},h.default.createElement(D,{inputOrder:["phone"]}),h.default.createElement(d.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"},a("onboarding.button.continue")),r&&h.default.createElement(d.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},exports.StyledBannerCol=I,exports.StyledBannerImg=k,exports.StyledBannerInner=T,exports.StyledContainer=A,exports.StyledContent=M,exports.StyledIntro=S,exports.StyledOnboardingModal=q,exports.StyledOtpForm=$,exports.hiddenEmailChar=(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"))},exports.onboardingEmailSchema=e=>E.object().shape({email:E.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:E.string().required(e("onboarding.errorMessage.requiredName"))}),exports.onboardingUpdatePasswordSchema=e=>E.object().shape({password:E.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:E.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([E.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),exports.otpSchema=e=>E.object().shape({otp:E.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),exports.useForm=w;