@hhgtech/hhg-components 1.26.17 → 1.26.19

package/build/{types-4d8365ca.js → types-4fc96a10.js}

@@ -1,4 +1,4 @@
-"use strict";var e=require("./tslib.es6-bd3836a9.js"),t=require("react"),a=require("./constants-af6b0161.js"),i=require("./index-af1f24c0.js"),o=require("./cookieHelper-5041106b.js"),n=require("./useTranslations-8cf114f0.js"),s=require("lodash/debounce"),l=require("./index-b40fca6c.js"),r=require("styled-components"),c=require("./index-73fc517b.js"),d=require("./theme-76127140.js"),u=require("react-loading-skeleton"),h=require("./utils-120c8c80.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-c437156f.js"),f=require("string-format");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(t),y=C(s),b=C(r),v=C(u),E=C(p),w=C(f);const L=b.default.div``,x=b.default.div`
+"use strict";var e=require("./tslib.es6-be07081d.js"),t=require("react"),a=require("./constants-c74b4363.js"),i=require("./index-a4f3ac9d.js"),o=require("./cookieHelper-ee3be814.js"),n=require("./useTranslations-ba4820af.js"),s=require("lodash/debounce"),l=require("./index-b17648e1.js"),r=require("styled-components"),c=require("./index-dbe70437.js"),d=require("./theme-447a4689.js"),u=require("react-loading-skeleton"),h=require("./utils-7885c5e8.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-2097c15a.js"),f=require("string-format");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=C(t),y=C(s),b=C(r),v=C(u),E=C(p),w=C(f);const L=b.default.div``,x=b.default.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-2e8313cd.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-cfe8a69a.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}}),Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return e.OnboardingStep}});

package/build/useHealthToolCache-17e5664e.js

@@ -0,0 +1 @@
+"use strict";var e=require("./tslib.es6-be07081d.js"),t=require("react"),o=require("./getDynamicHealthTool-d0e940f5.js");exports.useHealthToolsCache=a=>{const[i,l]=t.useState([]);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){const e=yield o.getDynamicHealthToolWithCache(a);l(e)}))}),[o.getDynamicHealthToolWithCache,a]);const r=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:r}};

package/build/{useRafState-4e3c6058.js → useRafState-483fc35a.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-bd3836a9.js"),t=require("react"),r=require("./cookieHelper-5041106b.js"),n=require("./useUniqueId-41bb1f13.js");function i(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}exports.useFbDataLayer=n=>{const a=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,o,u,l;if(!a.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),a.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(o=a.current)||void 0===o?void 0:o.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,a,o,s,c]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const d={user_id:n.id};c&&(d.fn=c),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),s&&(d.ct=s),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),a=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,a]};
+"use strict";var e=require("./tslib.es6-be07081d.js"),t=require("react"),r=require("./cookieHelper-ee3be814.js"),n=require("./useUniqueId-cc8c32ea.js");function i(e){const t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((e=>Array.from(new Uint8Array(e)).map((e=>e.toString(16).padStart(2,"0"))).join("")))}exports.useFbDataLayer=n=>{const a=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,o,u,l;if(!a.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),a.current=e}if(null===(t=null===(e=window.localStorage)||void 0===e?void 0:e.setItem)||void 0===t||t.call(e,"fbClientIp",JSON.stringify({client_ip_address:(null===(o=a.current)||void 0===o?void 0:o.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,a,o,c,s]=yield Promise.all([n.email?i(n.email):null,n.phone?i(n.phone):null,n.birthday?i(n.birthday.split("-").join("")):null,n.gender?"m":"f",n.city_name?i(n.city_name).then((e=>e.replace(/\s/g,""))):null,n.name?i(n.name):null]);r.getCookie("_fbc"),r.getCookie("_fbp");const d={user_id:n.id};s&&(d.fn=s),e&&(d.em=e),t&&(d.ph=t),a&&(d.db=a),c&&(d.ct=c),null===(l=null===(u=window.localStorage)||void 0===u?void 0:u.setItem)||void 0===l||l.call(u,"fbDataLayer_userInfo",JSON.stringify(d))}})),()=>{})),[n])},exports.usePrevious=e=>{const r=t.useRef(),i=t.useRef(e);return n.useInitialMount()||i.current===e||(r.current=i.current,i.current=e),r.current},exports.useRafState=e=>{const[r,n]=t.useState(e),i=t.useRef(0),a=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,a]};

package/build/{useTranslations-8cf114f0.js → useTranslations-ba4820af.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./translationsContext-594b4d94.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){const{values:a,locale:o}=e.useContext(t.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>a?a[e]?r?n.default(a[e]||e,r):a[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(t.defaultTranslations[e]||e,r):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[a,o])};
+"use strict";var e=require("react"),t=require("./translationsContext-96092496.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){const{values:a,locale:o}=e.useContext(t.TranslationsContext)||{locale:"en-PH"};return e.useMemo((()=>({t:(e,r)=>a?a[e]?r?n.default(a[e]||e,r):a[e]||e:(console.warn(`[useTranslations] Missing translation for key ${e} and locale ${o}`),r?n.default(t.defaultTranslations[e]||e,r):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e),locale:o})),[a,o])};

package/build/{utils-accf4b56.js → utils-ba7ed220.js}

@@ -1,4 +1,4 @@
-"use strict";require("dayjs"),require("./screenSizeContext-6170a9e9.js");var e=require("react"),t=require("styled-components"),r=require("./theme-76127140.js"),n=require("./index-af1f24c0.js"),a=require("./utils-120c8c80.js");require("./isProduction-c2ef3b39.js");var i=require("./Onboarding-2e8313cd.js");require("./gAssets.js");var o=require("./tslib.es6-bd3836a9.js"),s=require("@mantine/form");require("./index.styled-1704698e.js");var d=require("./index-52bffca2.js"),l=require("@mantine/core");require("./index-209d03f2.js");var u=require("./index-66dd0951.js");require("./index.styled-441d7024.js");var p=require("./useTranslations-8cf114f0.js");require("./index-c27758b5.js");var c=require("./index-649a053e.js");require("./index-6015b230.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./Visible-3b3b667d.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-594b4d94.js"),require("string-format");var h=b(e),x=b(t),E=f(g);const L=e.createContext({}),[O,y,w]=s.createFormContext(),C=x.default.div`
+"use strict";require("dayjs"),require("./screenSizeContext-b22b1da9.js");var e=require("react"),t=require("styled-components"),r=require("./theme-447a4689.js"),a=require("./index-a4f3ac9d.js"),n=require("./utils-7885c5e8.js");require("./isProduction-f61ce163.js");var i=require("./Onboarding-cfe8a69a.js");require("./gAssets.js");var o=require("./tslib.es6-be07081d.js"),s=require("@mantine/form");require("./index.styled-e405865a.js");var d=require("./index-96c6bc4d.js"),l=require("@mantine/core");require("./index-176ae21e.js");var u=require("./index-1001bfb0.js");require("./index.styled-140dc4a0.js");var p=require("./useTranslations-ba4820af.js");require("./index-cd7353e3.js");var c=require("./index-1b213a74.js");require("./index-2251df98.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./Visible-ebcffcfa.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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("./translationsContext-96092496.js"),require("string-format");var h=b(e),x=b(t),E=f(g);const L=e.createContext({}),[O,y,w]=s.createFormContext(),C=x.default.div`
   margin-top: 70px;
   display: flex;
   flex-direction: column;
@@ -16,7 +16,7 @@
   .header {
     margin-bottom: 32px;
     text-align: center;
-    ${a.MediaQueries.mbDown} {
+    ${n.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
   }
@@ -47,7 +47,7 @@
   }
 `,v=x.default.img`
   margin-bottom: 38px;
-`,j=t=>{var a,{heading:i,description:s,children:d,className:p,imgSrc:m}=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,m&&h.default.createElement(v,{src:m,loading:"lazy"}),h.default.createElement("div",{className:"header"},h.default.createElement(l.Title,{order:3},i),h.default.createElement(c.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},A=x.default.div`
+`,j=t=>{var n,{heading:i,description:s,children:d,className:p,imgSrc:m}=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===(n=a.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===n?void 0:n.LOGO_TYPE)||"hellobacsi"}),h.default.createElement(C,null,m&&h.default.createElement(v,{src:m,loading:"lazy"}),h.default.createElement("div",{className:"header"},h.default.createElement(l.Title,{order:3},i),h.default.createElement(c.Text,{size:"p3",mt:8,color:r.theme.colors.gray600},s)),d))},A=x.default.div`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -55,7 +55,7 @@
   overflow-y: auto;
 `,q=x.default.div`
   height: 100%;
-  ${a.MediaQueries.lgPcUp} {
+  ${n.MediaQueries.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
@@ -63,7 +63,7 @@
 `,M=x.default.div`
   padding: 48px 24px 24px;
 
-  ${a.MediaQueries.lgPcUp} {
+  ${n.MediaQueries.lgPcUp} {
     display: table-cell;
 
     &[data-has-banner='true'] {
@@ -75,7 +75,7 @@
   padding: 16px 16px 0 16px;
   display: none;
 
-  ${a.MediaQueries.lgPcUp} {
+  ${n.MediaQueries.lgPcUp} {
     width: 640px;
     display: table-cell;
   }
@@ -100,7 +100,7 @@
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
+    ${n.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -113,11 +113,11 @@
       border-radius: 0 4px 4px 0;
     }
   }
-`,z={[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"},B=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=y(),n=h.default.createElement("div",{className:"phone-input"},h.default.createElement(c.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),h.default.createElement(l.Input.Error,null,r.errors.phone)),a=h.default.createElement(c.Input,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=h.default.createElement(c.Input,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=h.default.createElement(c.DatePicker,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=h.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("bmi.selectGender"))},r.getInputProps("gender")),h.default.createElement(c.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),h.default.createElement(c.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=h.default.createElement("div",{className:"otp-input"},h.default.createElement(c.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(c.Input.Password,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:h.default.createElement(m.Visible,null)},r.getInputProps("password"))),g=h.default.createElement(c.Input.Password,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:h.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 h.default.createElement(k,null,b)},D=e=>E.object().shape({phone:E.string().required(e("onboarding.updatePhone.error")).default("")}),_=x.default(j)`
+`,z={[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"},B=({inputOrder:e=["phone"]})=>{const{t:t}=p.useTranslations(),r=y(),a=h.default.createElement("div",{className:"phone-input"},h.default.createElement(c.Phone,Object.assign({defaultCountry:z[process.env.UNIFY_LOCALE]||"VN"},r.getInputProps("phone"))),h.default.createElement(l.Input.Error,null,r.errors.phone)),n=h.default.createElement(c.Input,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourName")),withAsterisk:!0},r.getInputProps("name"))),i=h.default.createElement(c.Input,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourEmail")),withAsterisk:!0},r.getInputProps("email"))),o=h.default.createElement(c.DatePicker,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},r.getInputProps("dob"))),s=h.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("bmi.selectGender"))},r.getInputProps("gender")),h.default.createElement(c.Radio,{value:"0",label:t("onboarding.formEmail.genderMale")}),h.default.createElement(c.Radio,{value:"1",label:t("onboarding.formEmail.genderFemale")})),d=h.default.createElement("div",{className:"otp-input"},h.default.createElement(c.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(c.Input.Password,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:h.default.createElement(m.Visible,null)},r.getInputProps("password"))),g=h.default.createElement(c.Input.Password,Object.assign({label:h.default.createElement(c.Text,{size:"s4",weight:"semiBold",as:"span"},t("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:h.default.createElement(m.Visible,null)},r.getInputProps("confirmPassword"))),b=e.map((e=>{switch(e){case"phone":return a;case"full_name":return n;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(k,null,b)},D=e=>E.object().shape({phone:E.string().required(e("onboarding.updatePhone.error")).default("")}),_=x.default(j)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
+    ${n.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     .PhoneInput {
@@ -133,7 +133,7 @@
 `,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",[i.LOCALE.India]:"IN"},$=x.default(j)`
   .otp-input {
     margin-bottom: 36px;
-    ${a.MediaQueries.mbDown} {
+    ${n.MediaQueries.mbDown} {
       margin-bottom: 20px;
     }
     .otpContainer {
@@ -144,7 +144,7 @@
     display: flex;
     gap: 6px;
     margin-bottom: 32px;
-    ${a.MediaQueries.mbDown} {
+    ${n.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
     a {
@@ -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=B,exports.FormProvider=O,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(D(a))});return h.default.createElement(_,{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(O,{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(B,{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=N,exports.StyledBannerInner=T,exports.StyledContainer=q,exports.StyledContent=M,exports.StyledIntro=S,exports.StyledOnboardingModal=A,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=B,exports.FormProvider=O,exports.MAPPED_LOCALE=F,exports.Onboarding=j,exports.OnboardingContext=L,exports.OnboardingForm=({onClose:e,onSubmit:t,canSkip:r=!0,customFormTexts:a})=>{const{t:n}=p.useTranslations(),i=w({initialValues:{phone:""},validate:s.yupResolver(D(n))});return h.default.createElement(_,{heading:(null==a?void 0:a.heading)||n("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||n("onboarding.updatePhone.description")},h.default.createElement(O,{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(B,{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"},n("onboarding.button.continue")),r&&h.default.createElement(d.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},n("onboarding.button.skip")))))},exports.StyledBannerCol=I,exports.StyledBannerImg=N,exports.StyledBannerInner=T,exports.StyledContainer=q,exports.StyledContent=M,exports.StyledIntro=S,exports.StyledOnboardingModal=A,exports.StyledOtpForm=$,exports.hiddenEmailChar=(e="")=>{const t=e.indexOf("@"),r=e.substring(0,t),a=r.length>3?3:r.length;return e.replace(e.substring(a,t),e.slice(a,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;