@hhgtech/hhg-components 1.26.1 → 1.26.3-beta-1

package/build/esm/utils-66624bdf.js

@@ -1,166 +0,0 @@
-import e from"@emotion/styled";import"dayjs";import"./screenSizeContext-ca566cf0.js";import t,{createContext as r,useContext as n}from"react";import"@emotion/react";import{t as o}from"./theme-b3528b2a.js";import{L as a}from"./index-5311efac.js";import{M as i}from"./utils-c64cd3c4.js";import"./isProduction-c71511f1.js";import{L as s}from"./Onboarding-5d4e7e9a.js";import"./gAssets.js";import{_ as l,a as p}from"./tslib.es6-23b16f13.js";import{createFormContext as m,yupResolver as d}from"@mantine/form";import"./index.styled-e63583aa.js";import{B as c}from"./index-51c34386.js";import{Container as g,Title as u,Input as b}from"@mantine/core";import"./index-14899cba.js";import{c as h}from"./index-cf3b2063.js";import"./index.styled-f22d6816.js";import{u as f}from"./useTranslations-8dc2d7f1.js";import"./index-336463f4.js";import{f as x,m as w,e as E,l as y,R as P,O as j}from"./index-fa88e322.js";import"./index-7e1f6511.js";import"@mantine/hooks";import"lodash/debounce";import{V as v}from"./Visible-e6dd1326.js";import*as M from"yup";import"./translationsContext-b11db32c.js";import"string-format";const I=r({}),[O,N,T]=m(),k=e.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,z=e(g)`
-  &.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 100%;
-    width: 100%;
-    max-width: 520px;
-  }
-  .header {
-    margin-bottom: 32px;
-    text-align: center;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-  }
-
-  .input-control {
-    width: 100%;
-  }
-  .radio-group,
-  .input-control {
-    margin-bottom: 16px;
-  }
-  .form {
-    width: 100%;
-  }
-
-  /* .form-error {
-    margin-top: 32px;
-    font-size: 14px;
-  }
-
-  .field-error {
-    margin-top: 10px;
-    font-size: 14px;
-  } */
-
-  .form-button {
-    width: 100%;
-  }
-`,C=e.img`
-  margin-bottom: 38px;
-`,B=e=>{var r,{heading:i,description:s,children:p,className:m,imgSrc:d}=e,c=l(e,["heading","description","children","className","imgSrc"]);const{isMarryBaby:g,siteType:b}=n(I);return t.createElement(z,Object.assign({},c,{className:`hhg-comp-onboarding-container ${m}`,size:"sm"}),t.createElement(h,{type:g?b:(null===(r=a[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),t.createElement(k,null,d&&t.createElement(C,{src:d,loading:"lazy"}),t.createElement("div",{className:"header"},t.createElement(u,{order:3},i),t.createElement(x,{size:"p3",mt:8,color:o.colors.gray600},s)),p))},S=e.div`
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  background: white;
-  overflow-y: auto;
-`,$=e.div`
-  height: 100%;
-  ${i.lgPcUp} {
-    display: table;
-    width: 100%;
-    height: calc(100% - 25px);
-  }
-`,q=e.div`
-  padding: 48px 24px 24px;
-
-  ${i.lgPcUp} {
-    display: table-cell;
-
-    &[data-has-banner='true'] {
-      width: calc(100% - 640px);
-    }
-  }
-`,D=e.div`
-  width: 640px;
-  padding: 16px 16px 0 16px;
-  display: none;
-
-  ${i.lgPcUp} {
-    width: 640px;
-    display: table-cell;
-  }
-`,H=e.div`
-  background-color: ${o.colors.primary50};
-  border-radius: 12px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  &[data-is-marry-baby='true'] {
-    background-color: ${o.mbColors.tonePink};
-  }
-`,V=e.div`
-  margin-top: 40px;
-  padding: 24px 40px;
-`,Y=e.img`
-  width: 100%;
-  display: block;
-`,A=e(B)`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,L=e.div`
-  .phone-input {
-    width: 100%;
-    margin-bottom: 32px;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-    .PhoneInput {
-      margin-bottom: 16px;
-    }
-    .PhoneInputCountry {
-      border-radius: 4px 0 0 4px;
-    }
-    .PhoneInputInput {
-      border-radius: 0 4px 4px 0;
-    }
-  }
-`,F={[s.Vietnam]:"VN",[s.Cambodia]:"KH",[s.Indonesia]:"ID",[s.Malaysia]:"MY",[s.PhilippinesEnglish]:"PH",[s.PhilippinesTagalog]:"PH",[s.Taiwan]:"TW",[s.Thailand]:"TH",[s.Myanmar]:"MM"},U=({inputOrder:e=["phone"]})=>{const{t:r}=f(),n=N(),o=t.createElement("div",{className:"phone-input"},t.createElement(w,Object.assign({defaultCountry:F[process.env.UNIFY_LOCALE]||"VN"},n.getInputProps("phone"))),t.createElement(b.Error,null,n.errors.phone)),a=t.createElement(E,Object.assign({label:t.createElement(x,{size:"s4",weight:"semiBold"},r("onboarding.formEmail.yourName")),withAsterisk:!0},n.getInputProps("name"))),i=t.createElement(E,Object.assign({label:t.createElement(x,{size:"s4",weight:"semiBold",span:!0},r("onboarding.formEmail.yourEmail")),withAsterisk:!0},n.getInputProps("email"))),s=t.createElement(y,Object.assign({label:t.createElement(x,{size:"s4",weight:"semiBold",span:!0},r("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},n.getInputProps("dob"))),l=t.createElement(P.Group,Object.assign({className:"radio-group",label:t.createElement(x,{size:"s4",weight:"semiBold",span:!0},r("bmi.selectGender"))},n.getInputProps("gender")),t.createElement(P,{value:"0",label:r("onboarding.formEmail.genderMale")}),t.createElement(P,{value:"1",label:r("onboarding.formEmail.genderFemale")})),p=t.createElement("div",{className:"otp-input"},t.createElement(j,Object.assign({enterKeyHint:void 0,nonce:void 0},n.getInputProps("otp"))),t.createElement(b.Error,null,n.errors.otp)),m=t.createElement(E.Password,Object.assign({label:t.createElement(x,{size:"s4",weight:"semiBold",span:!0},r("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:t.createElement(v,null)},n.getInputProps("password"))),d=t.createElement(E.Password,Object.assign({label:t.createElement(x,{size:"s4",weight:"semiBold",span:!0},r("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:t.createElement(v,null)},n.getInputProps("confirmPassword"))),c=e.map((e=>{switch(e){case"phone":return o;case"full_name":return a;case"email":return i;case"dob":return s;case"gender":return l;case"otp":return p;case"password":return m;case"confirm_password":return d;default:return null}}));return t.createElement(L,null,c)},_=e=>M.object().shape({phone:M.string().required(e("onboarding.updatePhone.error")).default("")}),G=e=>M.object().shape({otp:M.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),K=e=>M.object().shape({email:M.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:M.string().required(e("onboarding.errorMessage.requiredName"))}),W=e=>M.object().shape({password:M.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:M.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([M.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),R={[s.Vietnam]:"VN",[s.Cambodia]:"KH",[s.Indonesia]:"ID",[s.Malaysia]:"MY",[s.PhilippinesEnglish]:"PH",[s.PhilippinesTagalog]:"PH",[s.Taiwan]:"TW",[s.Thailand]:"TH",[s.Myanmar]:"MM"},Z=({onClose:e,onSubmit:r,canSkip:n=!0,customFormTexts:o})=>{const{t:a}=f(),i=T({initialValues:{phone:""},validate:d(_(a))});return t.createElement(A,{heading:(null==o?void 0:o.heading)||a("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||a("onboarding.updatePhone.description")},t.createElement(O,{form:i},t.createElement("form",{onSubmit:i.onSubmit((e=>p(void 0,void 0,void 0,(function*(){r(e.phone)}))),(e=>{console.log(e)}))},t.createElement(U,{inputOrder:["phone"]}),t.createElement(c,{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")),n&&t.createElement(c,{color:"ghost",isBlock:!0,size:"lg",onClick:e,type:"button"},a("onboarding.button.skip")))))},J=e(B)`
-  .otp-input {
-    margin-bottom: 36px;
-    ${i.mbDown} {
-      margin-bottom: 20px;
-    }
-    .otpContainer {
-      margin-bottom: 16px;
-    }
-  }
-  .resend {
-    display: flex;
-    gap: 6px;
-    margin-bottom: 32px;
-    ${i.mbDown} {
-      margin-bottom: 16px;
-    }
-    a {
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-  .phone-description {
-    margin-left: 2px;
-    margin-top: 2px;
-  }
-  .otp-description-edit-icon {
-    cursor: pointer;
-    vertical-align: bottom;
-    /* height: 100%; */
-    margin-bottom: 3px;
-    margin-left: 3px;
-  }
-`;s.Vietnam,s.Cambodia,s.Indonesia,s.Malaysia,s.PhilippinesEnglish,s.PhilippinesTagalog,s.Taiwan,s.Thailand,s.Myanmar;const Q=(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"))};export{U as D,O as F,R as M,I as O,J as S,K as a,B as b,W as c,S as d,$ as e,q as f,Z as g,Q as h,D as i,H as j,V as k,Y as l,G as o,T as u};

package/build/getDynamicHealthTool-4a8d8ee8.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-d2b93cc7.js"),e=require("./core-55389834.js"),i=require("./normalizeLink-c6de1786.js"),o=require("./routing-01f2972b.js");const l=(t,e)=>{var i,o;if(!t)return{};const l="tl-PH"===e?"/fil":"";return{id:t.id,isSubot:t.is_subot,template:t.template,icon:t.icon,link:(null===(i=t.link)||void 0===i?void 0:i.startsWith("http"))?t.link:`${l}/health-tools`+(null===(o=t.link)||void 0===o?void 0:o.replace(`${l}/`,"/")),subtitle:t.subtitle,title:t.title}},n=e=>t.__awaiter(void 0,void 0,void 0,(function*(){var t,n;try{let r;r="undefined"!=typeof window?window.fetch:yield require("node-fetch");const a="tl-PH"===e?"lang=fil":"";let s=[];try{const d=yield r(i.normalizeLinkSlash(`${o.getDiscoverApiDomain(e)}/wp-json/api/healthtools?ismenu=0${a?"&"+a:""}`)).then((t=>t.json()));s=(null===(n=null===(t=null==d?void 0:d.data)||void 0===t?void 0:t.map)||void 0===n?void 0:n.call(t,(t=>l(t,e))))||[]}catch(t){}return s}catch(t){console.error(t)}}));exports.formatHealthTool=l,exports.getDynamicHealthTool=n,exports.getDynamicHealthToolWithCache=i=>t.__awaiter(void 0,void 0,void 0,(function*(){return(yield e.getDataWithCache("all-health-tools",(()=>n(i||"en-PH")),(t=>!!(null==t?void 0:t.length)),6e4))||[]}));

package/build/index-c7c3220f.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-4821c538.js"),a=require("./tslib.es6-d2b93cc7.js"),r=require("./useTranslations-dcd5faaf.js");require("@mantine/core"),require("./gAssets.js");var s=require("./index-87604a48.js");require("dayjs"),require("./screenSizeContext-7024419e.js"),require("@emotion/react"),require("./theme-54f4dde4.js"),require("./index-cfb03666.js"),require("./utils-d555597e.js"),require("./isProduction-0fdd7dfe.js"),require("./Onboarding-5cc2a17c.js");var i=require("./index-c365b655.js");require("./translationsContext-06f43813.js"),require("string-format"),require("./index-d8e712d6.js"),require("@mantine/hooks");var n=require("./index.styled-013215b0.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=d(e);const o={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:i,title:n,styles:d,className:c}=e,u=a.__rest(e,["siteType","role","title","styles","className"]);const{t:m}=r.useTranslations(),y=i?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(i):"",{classes:v,cx:b}=t.useStyles(void 0,{name:"AuthorBadge",styles:d});return y&&o[y]?l.default.createElement("div",Object.assign({className:b(v.root,c),"data-label-type":y,"data-is-marrybaby":"marryBaby"===s},u),n||m(o[y])):null},exports.BtnChoice=({value:t,choices:a,onChange:r})=>{const[s,n]=e.useState(t);return e.useEffect((()=>{n(t)}),[t]),l.default.createElement("div",{className:c},a.map(((e,t)=>l.default.createElement(i.Button,{size:"sm",variant:e.value===s?"primary":"tertiary",key:t,onClick:()=>{n(e.value),null==r||r(e.value)}},e.label||""))))},exports.Divider=({type:e="solid",className:a,style:r})=>l.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:i,className:d,dataEventCategory:o,dataEventAction:c,dataEventLabel:u,id:m,styles:y})=>{const{classes:v,cx:b,theme:f}=n.useStyles(void 0,{name:"Tabs",styles:y}),[E,p]=e.useState(a||0);return e.useEffect((()=>{p(a)}),[a]),l.default.createElement("ul",{style:t,className:b(v.root,d),role:"tablist",id:m},r.map(((e,t)=>l.default.createElement("li",{className:`${v.item} ${E===t?"active":""}`,"aria-selected":E===t,role:"tab",onClick:()=>{p(t),i&&i(t)},onKeyDown:e=>{"Enter"===e.key&&(p(t),i&&i(t))},key:t,"data-event-category":e.dataEventCategory||o,"data-event-action":e.dataEventAction||c,"data-event-label":e.dataEventLabel||u,tabIndex:0,"data-testid":e.dataTestid},l.default.createElement("div",{className:v.itemInner},e.icon&&l.default.createElement("div",{className:v.icon},e.icon),l.default.createElement(s.Text,{className:v.label,size:e.textSize||"sm",weight:e.textType||"bold",color:E===t?f.fn.primaryColor():e.textColor||f.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/useHealthToolCache-6fcbf0d4.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-d2b93cc7.js"),t=require("react"),a=require("./getDynamicHealthTool-4a8d8ee8.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}};