@hhgtech/hhg-components 1.26.21 → 1.26.23

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Onboarding-7f7f823d.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-c3990f5c.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-bec5355e.js → useHealthToolCache-08d99528.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-ccae38bc.js"),t=require("react"),a=require("./getDynamicHealthTool-d4aefa43.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}};
+"use strict";var e=require("./tslib.es6-5233ebed.js"),t=require("react"),a=require("./getDynamicHealthTool-aef1e5d8.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 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-fe3e5009.js → useRafState-1de1a334.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-ccae38bc.js"),t=require("react"),r=require("./cookieHelper-40e4352a.js"),n=require("./useUniqueId-348599fb.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]};
+"use strict";var e=require("./tslib.es6-5233ebed.js"),t=require("react"),r=require("./cookieHelper-ff4d79c8.js"),n=require("./useUniqueId-15bd4bb9.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 o=t.useRef("");t.useEffect((()=>(e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,u,l;if(!o.current){let e=yield fetch("https://api.ipify.org").then((e=>e.text()));e||(e=yield fetch("https://icanhazip.com").then((e=>e.text()))),o.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===(a=o.current)||void 0===a?void 0:a.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),null==n?void 0:n.id){const[e,t,o,a,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),o&&(d.db=o),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),o=t.useCallback((e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{n(e)}))}),[]);return t.useEffect((()=>()=>cancelAnimationFrame(i.current))),[r,o]};

package/build/useTranslations-15953b4c.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./translationsContext-06fc70f3.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-6cb0977d.js → utils-a4f6e2a1.js}

@@ -1,4 +1,4 @@
-"use strict";require("dayjs"),require("./screenSizeContext-123a105d.js");var e=require("react"),t=require("styled-components"),r=require("./theme-474ae63c.js"),a=require("./index-55a864ab.js"),n=require("./utils-090ce212.js");require("./isProduction-508e4662.js");var i=require("./Onboarding-7f7f823d.js");require("./gAssets.js");var o=require("./tslib.es6-ccae38bc.js"),s=require("@mantine/form");require("./index.styled-4b810b21.js");var d=require("./index-3eee9a5b.js"),l=require("@mantine/core");require("./index-dc34fa0b.js");var u=require("./index-1c6437ca.js");require("./index.styled-d1b4360f.js");var p=require("./useTranslations-82869f1e.js");require("./index-de533d17.js");var c=require("./index-1b55bb54.js");require("./index-6c75c5f5.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./Visible-4a22231a.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-5c8a0f2e.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-9a8e54a2.js");var e=require("react"),t=require("styled-components"),r=require("./theme-22c51155.js"),n=require("./index-909c86e7.js"),a=require("./utils-97fdbdbb.js");require("./isProduction-ca791cac.js");var i=require("./Onboarding-c3990f5c.js");require("./gAssets.js");var o=require("./tslib.es6-5233ebed.js"),s=require("@mantine/form");require("./index.styled-1bd2d77a.js");var d=require("./index-dfd1c48b.js"),l=require("@mantine/core");require("./index-8e1f19f5.js");var u=require("./index-deee9d04.js");require("./index.styled-5c4fe2c2.js");var p=require("./useTranslations-15953b4c.js");require("./index-21247ead.js");var c=require("./index-b86c4c62.js");require("./index-714b5660.js"),require("@mantine/hooks"),require("lodash/debounce");var m=require("./Visible-24ae02c4.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-06fc70f3.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;
-    ${n.MediaQueries.mbDown} {
+    ${a.MediaQueries.mbDown} {
       margin-bottom: 16px;
     }
   }
@@ -47,7 +47,7 @@
   }
 `,v=x.default.img`
   margin-bottom: 38px;
-`,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`
+`,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`
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -55,7 +55,7 @@
   overflow-y: auto;
 `,q=x.default.div`
   height: 100%;
-  ${n.MediaQueries.lgPcUp} {
+  ${a.MediaQueries.lgPcUp} {
     display: table;
     width: 100%;
     height: calc(100% - 25px);
@@ -63,7 +63,7 @@
 `,M=x.default.div`
   padding: 48px 24px 24px;
 
-  ${n.MediaQueries.lgPcUp} {
+  ${a.MediaQueries.lgPcUp} {
     display: table-cell;
 
     &[data-has-banner='true'] {
@@ -75,7 +75,7 @@
   padding: 16px 16px 0 16px;
   display: none;
 
-  ${n.MediaQueries.lgPcUp} {
+  ${a.MediaQueries.lgPcUp} {
     width: 640px;
     display: table-cell;
   }
@@ -100,7 +100,7 @@
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
+    ${a.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(),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)`
+`,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)`
   .phone-input {
     width: 100%;
     margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
+    ${a.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;
-    ${n.MediaQueries.mbDown} {
+    ${a.MediaQueries.mbDown} {
       margin-bottom: 20px;
     }
     .otpContainer {
@@ -144,7 +144,7 @@
     display: flex;
     gap: 6px;
     margin-bottom: 32px;
-    ${n.MediaQueries.mbDown} {
+    ${a.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: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;
+`;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;

package/build/vaccination.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("./tslib.es6-ccae38bc.js"),e=require("react"),i=require("@mantine/core");require("./gAssets.js");var n=require("./index-1b55bb54.js"),r=require("./index-c97bbaa2.js"),o=require("dayjs");require("./screenSizeContext-123a105d.js");var l=require("styled-components"),t=require("./theme-474ae63c.js");require("./index-55a864ab.js");var s=require("./utils-090ce212.js");require("./isProduction-508e4662.js");var u=require("./Onboarding-7f7f823d.js"),c=require("./useTranslations-82869f1e.js");require("./index-6c75c5f5.js");var d=require("@mantine/hooks");require("lodash/debounce");var m=require("./index-36b9a2dc.js");require("./translationsContext-5c8a0f2e.js"),require("string-format"),require("./index.styled-4b810b21.js"),require("./index-dc34fa0b.js"),require("./index-1c6437ca.js");var k=require("./index-ceacb479.js");require("./index.styled-d1b4360f.js"),require("./index-de533d17.js");var g=require("./index-21171e17.js"),h=require("@mantine/form"),p=require("dayjs/plugin/customParseFormat"),v=require("./index-288a60c3.js");function b(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./index-7c5bd24a.js"),require("./useUniqueId-348599fb.js");var y=b(e),z=b(o),f=b(l),S=b(p);const M=f.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("./tslib.es6-5233ebed.js"),e=require("react"),i=require("@mantine/core");require("./gAssets.js");var n=require("./index-b86c4c62.js"),r=require("./index-9fa87b2e.js"),o=require("dayjs");require("./screenSizeContext-9a8e54a2.js");var l=require("styled-components"),t=require("./theme-22c51155.js");require("./index-909c86e7.js");var s=require("./utils-97fdbdbb.js");require("./isProduction-ca791cac.js");var u=require("./Onboarding-c3990f5c.js"),c=require("./useTranslations-15953b4c.js");require("./index-714b5660.js");var d=require("@mantine/hooks");require("lodash/debounce");var m=require("./index-d3c11bd1.js");require("./translationsContext-06fc70f3.js"),require("string-format"),require("./index.styled-1bd2d77a.js"),require("./index-8e1f19f5.js"),require("./index-deee9d04.js");var k=require("./index-e9df11b7.js");require("./index.styled-5c4fe2c2.js"),require("./index-21247ead.js");var g=require("./index-9e66ce37.js"),h=require("@mantine/form"),p=require("dayjs/plugin/customParseFormat"),v=require("./index-81f566c2.js");function b(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}require("@mantine/dates"),require("@mantine/carousel"),require("lodash/throttle"),require("./index-890dd4b6.js"),require("./useUniqueId-15bd4bb9.js");var y=b(e),z=b(o),f=b(l),S=b(p);const M=f.default.div`
   position: relative;
   padding: 16px;
   min-height: 110px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.26.21",
+  "version": "1.26.23",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/core-4a36e239.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-ccae38bc.js"),e=require("./isProduction-508e4662.js");const i={},a=t=>{if("undefined"!=typeof window){let i;try{i=JSON.parse(localStorage.getItem((e.isProduction?"":"staging_")+"hhg-cache-"+t)||"{}")}catch(t){}return i||{}}return i[t]},r=(t,a)=>{try{"undefined"!=typeof window?localStorage.setItem((e.isProduction?"":"staging_")+"hhg-cache-"+t,JSON.stringify({data:a,time:Date.now()})):i[t]={data:a,time:Date.now()}}catch(t){}};exports.getCachedItem=a,exports.getDataWithCache=(e,i,o,n=9e5)=>t.__awaiter(void 0,void 0,void 0,(function*(){const t=a(e);if(t&&t.data&&t.time&&Date.now()-t.time<n)return t.data;if(i){const t=yield i();return o&&!o(t)||r(e,t),t}return null})),exports.setCachedItem=r;

package/build/esm/index-6ba43a9c.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-3c1503b9.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,style:n,children:d,color:i,dataEventCategory:l,dataEventAction:p,dataEventLabel:v,as:b="p",wordWrap:m,isUppercase:y}=s,g=a(s,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]);const E=b;return e.createElement(E,Object.assign({"data-size":r,"data-type":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"data-event-category":l,"data-event-action":p,"data-event-label":v,"data-word-wrap":m,"data-is-uppercase":y},g),d)};export{s as T};

package/build/esm/index-c8d366b3.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-3c1503b9.js";import a from"react";import{Button as e}from"@mantine/core";import{i as r}from"./index-d4fded8f.js";const o={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline"},s=s=>{var{variant:i,size:n,color:l,skipHover:c,className:v,dataEventCategory:d,dataEventAction:m,dataEventLabel:p}=s,f=t(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const E="error"===i,{classes:b,cx:g}=r({variant:i,size:n,color:l,skipHover:c,isError:E});return a.createElement(e,Object.assign({className:g(b.rootCustom,v),variant:o[i],"data-event-category":d,"data-event-action":m,"data-event-label":p},f))};export{s as B};

package/build/esm/index-ff25ef9c.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-3227a632.js";import{t as r}from"./theme-a3d25f2c.js";import{ak as l}from"./index.styled-647f9229.js";import{I as c}from"./index-c28c1973.js";import{I as s}from"./index-80456622.js";import{M as n}from"./index-68003394.js";import{T as m}from"./index-6ba43a9c.js";import{u as i}from"./useScrollbarSize-a3f4b8a0.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-d376f19f.js";const v=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(l,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(n,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(c.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(m,{size:"p2",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"})),e.createElement(s,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},b="hhg-modals",f=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},E=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:c,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:v=!1,siteType:E})=>{const[C,N]=t(!1),j=a(null),{width:x}=i();if(!j.current&&C&&(j.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),f(),g()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(b);return e||(e=document.createElement("div"),e.setAttribute("id",b),document.body.append(e)),e})();return e.appendChild(j.current),()=>{e.removeChild(j.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):f()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):g()}),[l,x]),!C)return null;const _=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:_,"data-open":l,"data-type":d},!v&&e.createElement(u,{"data-open":l,onClick:c,"data-type":d}),!v&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),e.createElement(y,{className:"hhg-modal","data-open":l,"data-site-type":E},e.createElement("div",{className:"video"===d?"hhg-modal__video":"hhg-modal__content"},!!r&&"video"!==d&&e.createElement("div",{className:"hhg-modal__close",onClick:c},r),s))),j.current)};export{E as M,v as N};

package/build/index-4cfc4aaf.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-ccae38bc.js"),t=require("react"),n=require("@mantine/hooks"),a=require("./index-3eee9a5b.js"),r=require("./index-1b55bb54.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);exports.Slider=l=>{var{color:i,withControl:s,onChange:u,value:c,min:d,max:m,isStatic:h,containerClassName:f,containerStyle:g}=l,w=e.__rest(l,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[b,v]=t.useState(c||d||0),[E]=n.useDebouncedValue(b,r.DEBOUNCED_TIME);return t.useEffect((()=>{null==u||u(E)}),[E]),t.useEffect((()=>{v(c)}),[c]),o.default.createElement(r.StyledSliderWrapper,{className:f,style:g},s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{v((e=>d&&e===d?e:e-1))}},o.default.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.default.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.default.createElement(r.StyledSlider,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:b,onChange:h?()=>null:v,min:d,max:m},w,{className:"hhg-mantine-slider "+(w.className||"")})),s&&o.default.createElement(a.Button,{type:"button",size:"sm",color:"ghost",onClick:()=>{v((e=>m&&e===m?e:e+1))}},o.default.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.default.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};

package/build/index-a98ee3ee.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-4b810b21.js"),a=require("./tslib.es6-ccae38bc.js"),r=require("./useTranslations-82869f1e.js");require("@mantine/core"),require("./gAssets.js");var s=require("./index-1b55bb54.js");require("dayjs"),require("./screenSizeContext-123a105d.js"),require("styled-components"),require("./theme-474ae63c.js"),require("./index-55a864ab.js"),require("./utils-090ce212.js"),require("./isProduction-508e4662.js"),require("./Onboarding-7f7f823d.js");var n=require("./index-c97bbaa2.js");require("./translationsContext-5c8a0f2e.js"),require("string-format"),require("./index-6c75c5f5.js"),require("@mantine/hooks");var i=require("./index.styled-89d82a77.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(e);const d={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var c="Dudns9-";exports.AuthorBadge=e=>{var{siteType:s,role:n,title:i,styles:l,className:c}=e,u=a.__rest(e,["siteType","role","title","styles","className"]);const{t:m}=r.useTranslations(),v=n?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(n):"",{classes:y,cx:b}=t.useStyles(void 0,{name:"AuthorBadge",styles:l});return v&&d[v]?o.default.createElement("div",Object.assign({className:b(y.root,c),"data-label-type":v,"data-is-marrybaby":"marryBaby"===s},u),i||m(d[v])):null},exports.BtnChoice=({value:t,choices:a,onChange:r})=>{const[s,i]=e.useState(t);return e.useEffect((()=>{i(t)}),[t]),o.default.createElement("div",{className:c},a.map(((e,t)=>o.default.createElement(n.Button,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===s?"primary":"tertiary",key:t,onClick:()=>{i(e.value),null==r||r(e.value)}},e.label||""))))},exports.Divider=({type:e="solid",className:a,style:r})=>o.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:n,className:l,dataEventCategory:d,dataEventAction:c,dataEventLabel:u,id:m,styles:v})=>{const{classes:y,cx:b,theme:E}=i.useStyles(void 0,{name:"Tabs",styles:v}),[f,p]=e.useState(a||0);return e.useEffect((()=>{p(a)}),[a]),o.default.createElement("ul",{style:t,className:b(y.root,l),role:"tablist",id:m},r.map(((e,t)=>o.default.createElement("li",{className:`${y.item} ${f===t?"active":""}`,"aria-selected":f===t,role:"tab",onClick:()=>{p(t),n&&n(t)},onKeyDown:e=>{"Enter"===e.key&&(p(t),n&&n(t))},key:t,"data-event-category":e.dataEventCategory||d,"data-event-action":e.dataEventAction||c,"data-event-label":e.dataEventLabel||u,tabIndex:0,"data-testid":e.dataTestid},o.default.createElement("div",{className:y.itemInner},e.icon&&o.default.createElement("div",{className:y.icon},e.icon),o.default.createElement(s.Text,{className:y.label,size:e.textSize||"sm",weight:e.textType||"bold",color:f===t?E.fn.primaryColor():e.textColor||E.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/index.styled-e8cda9f2.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-ccae38bc.js"),t=require("react"),n=require("./Onboarding-7f7f823d.js"),r=require("./gAssets.js"),a=require("./theme-474ae63c.js"),o=require("styled-components"),i=require("./index-7c5bd24a.js"),l=require("./index-6c75c5f5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t),d=s(o);const u=d.default.div`
-  display: inline-flex;
-  overflow: hidden;
-  width: ${e=>e.size}px;
-  height: ${e=>e.size}px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-
-  border: 1px solid #e4e8ec;
-  background-color: ${e=>e.backgroundColor||a.theme.colors.white};
-  border-radius: ${e=>e.borderRadius||"50%"};
-  & > * {
-    width: ${e=>e.iconSize}px;
-    height: ${e=>e.iconSize}px;
-  }
-`,p=d.default.div`
-  display: inline-block;
-  height: 108px;
-  background-color: ${e=>e.theme.colors.white};
-  border-radius: 60px;
-  cursor: pointer;
-  &.selected-week-pill {
-    background-color: ${e=>e.theme.colors.pink100};
-  }
-
-  & > div:first-child {
-    margin: 4px 4px 0;
-  }
-
-  & > p {
-    margin-top: 8px;
-    text-align: center;
-  }
-
-  & > * {
-    pointer-events: none;
-  }
-`,g=[n.LOCALE.Myanmar,n.LOCALE.Taiwan],x=d.default((n=>{var{icon:o,name:l,className:s,locale:d="en-PH",dataEventCategory:x,dataEventAction:m,dataEventLabel:b,onSelect:f}=n,h=e.__rest(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const v=t.useMemo((()=>null==s?void 0:s.includes("selected-week-pill")),[s]);return c.default.createElement(p,Object.assign({onClick:f,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":x,"data-event-action":m,"data-event-label":b},h),c.default.createElement(u,{size:64,iconSize:40,backgroundColor:a.theme.colors.white},c.default.createElement("img",{src:o||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?c.default.createElement(i.Text,Object.assign({type:"semiBold",size:"n1",color:a.theme.colors.gray800},g.includes(d)&&{style:{fontSize:"10px"}}),l):c.default.createElement(i.Text,Object.assign({size:"n1",color:a.theme.colors.gray600},g.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,m=d.default(l.CentralCarousel.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,b=d.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=b,exports.StyledPill=x,exports.StyledSlide=m;

package/build/useTranslations-82869f1e.js

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