@hhgtech/hhg-components 1.27.4 → 1.27.6

package/build/esm/utils-4ff88b73.js

@@ -1,53 +0,0 @@
-import{_ as e}from"./tslib.es6-90f951e4.js";import i,{createContext as t,useContext as o}from"react";import{Container as r,Title as n}from"@mantine/core";import{L as a}from"./index-bb948874.js";import"./gAssets.js";import"@mantine/dates";import{L as s}from"./index-b9faf543.js";import{L as m}from"./Onboarding-b52f1d63.js";import{e as c}from"./index-e0d73f30.js";import"./index.styles-d77627b4.js";import"dayjs";import"./screenSizeContext-4d85b8eb.js";import p from"styled-components";import{t as d}from"./theme-f57cea6c.js";import{M as l}from"./utils-4c345bed.js";import"./isProduction-9e72c93c.js";import"./translationsContext-d177c6d8.js";import"string-format";import"./index-e72602d7.js";import"@mantine/hooks";import{createFormContext as g}from"@mantine/form";const f=t({}),[h,x,b]=g(),j=p.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,u=p(r)`
-  &.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;
-    ${l.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%;
-  }
-`,y=p.img`
-  margin-bottom: 38px;
-`,E=t=>{var r,{heading:m,description:p,children:l,className:g,imgSrc:h,hiddenLogo:x=!1}=t,b=e(t,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:E,siteType:L}=o(f);return i.createElement(u,Object.assign({},b,{className:`hhg-comp-onboarding-container ${g}`,size:"sm"}),!x&&i.createElement(a,{type:E?L:(null===(r=s[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),i.createElement(j,{className:x?"similac":""},h&&i.createElement(y,{src:h,loading:"lazy"}),i.createElement("div",{className:"header"},i.createElement(n,{order:3},m),i.createElement(c,{size:"p3",mt:8,color:d.colors.gray600},p)),l))},L={[m.Vietnam]:"VN",[m.Cambodia]:"KH",[m.Indonesia]:"ID",[m.Malaysia]:"MY",[m.PhilippinesEnglish]:"PH",[m.PhilippinesTagalog]:"PH",[m.Taiwan]:"TW",[m.Thailand]:"TH",[m.Myanmar]:"MM"},M=(e="")=>{const i=e.indexOf("@"),t=e.substring(0,i),o=t.length>3?3:t.length;return e.replace(e.substring(o,i),e.slice(o,i).replace(/./g,"x"))};export{h as F,L as M,f as O,b as a,E as b,M as h,x as u};

package/build/getDynamicHealthTool-e3a5fa07.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-332bd1e5.js"),e=require("./core-1514f893.js"),i=require("./normalizeLink-642c9c5f.js"),o=require("./routing-b1e6b269.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-0c291163.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),r=require("./index.styles-f72e2607.js"),t=require("./tslib.es6-332bd1e5.js"),a=require("./useTranslations-ace1daae.js"),s=require("./index-42c8cf00.js"),n=require("@mantine/core");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e);const u={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var o="Dudns9-";exports.AuthorBadge=e=>{var{siteType:s,role:n,title:l,styles:o,className:d}=e,i=t.__rest(e,["siteType","role","title","styles","className"]);const{t:m}=a.useTranslations(),f=n?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((r=>r===e)))(n):"",{classes:v,cx:y}=r.useStyles(void 0,{name:"AuthorBadge",styles:o});return f&&u[f]?c.default.createElement("div",Object.assign({className:y(v.root,d),"data-label-type":f,"data-is-marrybaby":"marryBaby"===s},i),l||m(u[f])):null},exports.BtnChoice=({value:r,choices:t,onChange:a})=>{const[n,l]=e.useState(r);return e.useEffect((()=>{l(r)}),[r]),c.default.createElement("div",{className:o},t.map(((e,r)=>c.default.createElement(s.Button,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===n?"primary":"tertiary",key:r,onClick:()=>{l(e.value),null==a||a(e.value)}},e.label||""))))},exports.Divider=({type:e="solid",className:t,style:a})=>c.default.createElement(r.StyledDivider,{style:a,className:t,"data-diver-type":e,dividerType:e}),exports.ImageWithHandler=r=>{var{fallbackSrc:a}=r,s=t.__rest(r,["fallbackSrc"]);const{other:l}=n.useMantineTheme(),u=e.useRef(null),o=a||l.defaultImage,d=s.src||o||"",i=e.useRef(!1);e.useEffect((()=>{d!==o&&u.current&&(u.current.src=d)}),[]),e.useEffect((()=>{i.current=!1}),[d]);return c.default.createElement("img",Object.assign({ref:u},s,{src:d,onError:e=>{var r;i.current||(e.currentTarget.src=o||"",i.current=!0),null===(r=s.onError)||void 0===r||r.call(s,e)}}))};

package/build/index-8d78fed9.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-332bd1e5.js"),t=require("react"),s=require("@mantine/core"),r=require("./index-bf1f3f0f.js");require("@mantine/dates");var a=require("./index-bf5150a9.js"),i=require("./Onboarding-449b6bc9.js");require("./gAssets.js");var n=require("./index-42c8cf00.js");require("./index.styles-f72e2607.js"),require("dayjs"),require("./screenSizeContext-ca65259e.js"),require("styled-components"),require("./theme-03c7ebd1.js"),require("./utils-d28a886b.js"),require("./isProduction-5ac489ce.js");var c=require("./useTranslations-ace1daae.js");require("./index-3c30b48f.js"),require("@mantine/hooks"),require("lodash/debounce");var d=require("./utils-977ab134.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);const u={provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},p=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},v=()=>{const[s,r]=t.useReducer(p,u),{provinces:n,districts:c,wards:l,selectedProvince:o,selectedDistrict:v,selectedWard:b}=s,[E,j]=t.useState();t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,s,n;try{const c=yield fetch((n=process.env.UNIFY_LOCALE||i.LOCALE.Vietnam,`${a.CDN_ADDRESS}/cities-data-${d.MAPPED_LOCALE[n]}.json`)).then((e=>e.json()));j(c);const{list:l}=c,o=Object.keys(l),u=Object.keys((null===(e=l[o[0]])||void 0===e?void 0:e.list)||{}),p=Object.keys((null===(s=null===(t=l[o[0]])||void 0===t?void 0:t[u[0]])||void 0===s?void 0:s.list)||{});r({type:"SET_DATA",payload:{provinces:o,districts:u,wards:p}})}catch(e){console.error("Error fetching address data:",e)}}))}),[process.env.UNIFY_LOCALE]);return{provinces:n,districts:c,wards:l,selectedProvince:o,selectedDistrict:v,selectedWard:b,handleProvinceChange:e=>{var t;const s=Object.keys((null===(t=E.list[e])||void 0===t?void 0:t.list)||{});r({type:"SET_DISTRICTS",payload:s}),r({type:"SET_WARDS",payload:[]}),r({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,s;const a=Object.keys((null===(s=null===(t=E.list[o])||void 0===t?void 0:t.list[e])||void 0===s?void 0:s.list)||{});r({type:"SET_WARDS",payload:a}),r({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{r({type:"SELECT_WARD",payload:e})}}};exports.AddressInput=a=>{var{error:i}=a,d=e.__rest(a,["error"]);const{t:l}=c.useTranslations(),{provinces:u,districts:p,wards:b,selectedProvince:E,selectedDistrict:j,selectedWard:h,handleProvinceChange:y,handleDistrictChange:g,handleWardChange:S}=v(),[C,f]=t.useState("");return t.useEffect((()=>{E&&j&&h&&C?d.onChange({selectedProvince:E,selectedDistrict:j,selectedWard:h,extraInfo:C}):d.onChange(null)}),[E,j,h,C]),o.default.createElement(n.Input.Wrapper,Object.assign({withAsterisk:!0},d),o.default.createElement(s.Stack,null,o.default.createElement(r.Select,{placeholder:l("onboarding.similac.input.city"),data:u.sort(),searchable:!0,onChange:y,value:E}),o.default.createElement(r.Select,{placeholder:l("onboarding.similac.input.district"),data:p.sort(),searchable:!0,onChange:g,value:j,disabled:!E}),o.default.createElement(r.Select,{placeholder:l("onboarding.similac.input.ward"),searchable:!0,data:b.sort(),value:h,onChange:S,disabled:!E||!j}),o.default.createElement(n.Input,{placeholder:l("onboarding.similac.input.no"),disabled:!E||!j||!h,value:C,onChange:f,style:{marginBottom:0}})),o.default.createElement(s.Input.Error,{size:"md"},i))};

package/build/index-c9906206.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-332bd1e5.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-ca65259e.js"),require("styled-components");var s=require("./theme-03c7ebd1.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-bf5150a9.js"),require("./utils-d28a886b.js"),require("./isProduction-5ac489ce.js"),require("./Onboarding-449b6bc9.js"),require("./gAssets.js");var n=i(r);exports.Indicator=r=>{var{styles:i,color:o=s.theme.colors.red700}=r,a=e.__rest(r,["styles","color"]);return n.default.createElement(t.Indicator,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:o},a))};

package/build/index.styled-ca257fb9.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-332bd1e5.js"),t=require("react"),n=require("./Onboarding-449b6bc9.js"),r=require("./gAssets.js"),o=require("./theme-03c7ebd1.js"),i=require("styled-components"),a=require("./index-e24b7b39.js"),l=require("./index-3c30b48f.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t),d=s(i);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||o.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;
-  }
-`,b=[n.LOCALE.Myanmar,n.LOCALE.Taiwan],g=d.default((n=>{var{icon:i,name:l,className:s,locale:d="en-PH",dataEventCategory:g,dataEventAction:x,dataEventLabel:m,onSelect:h}=n,f=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:h,className:s?"week-pill".concat(" non-pointer-event-child ",s):"week-pill non-pointer-event-child","data-event-category":g,"data-event-action":x,"data-event-label":m},f),c.default.createElement(u,{size:64,iconSize:40,backgroundColor:o.theme.colors.white},c.default.createElement("img",{src:i||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?c.default.createElement(a.Text,Object.assign({type:"semiBold",size:"n1",color:o.theme.colors.gray800},b.includes(d)&&{style:{fontSize:"10px"}}),l):c.default.createElement(a.Text,Object.assign({size:"n1",color:o.theme.colors.gray600},b.includes(d)&&{style:{fontSize:"10px"}}),l))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,x=d.default(l.CentralCarousel.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,m=d.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=m,exports.StyledPill=g,exports.StyledSlide=x;

package/build/useTranslations-ace1daae.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./translationsContext-8c63f332.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-977ab134.js

@@ -1,53 +0,0 @@
-"use strict";var e=require("./tslib.es6-332bd1e5.js"),r=require("react"),t=require("@mantine/core"),i=require("./index-bca85720.js");require("./gAssets.js"),require("@mantine/dates");var n=require("./index-bf5150a9.js"),a=require("./Onboarding-449b6bc9.js"),o=require("./index-42c8cf00.js");require("./index.styles-f72e2607.js"),require("dayjs"),require("./screenSizeContext-ca65259e.js");var s=require("styled-components"),c=require("./theme-03c7ebd1.js"),l=require("./utils-d28a886b.js");require("./isProduction-5ac489ce.js"),require("./translationsContext-8c63f332.js"),require("string-format"),require("./index-3c30b48f.js"),require("@mantine/hooks");var d=require("@mantine/form");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=m(r),p=m(s);const g=r.createContext({}),[x,f,h]=d.createFormContext(),b=p.default.div`
-  margin-top: 70px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  &.similac {
-    margin-top: 16px;
-  }
-`,L=p.default(t.Container)`
-  &.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;
-    ${l.MediaQueries.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%;
-  }
-`,E=p.default.img`
-  margin-bottom: 38px;
-`,C={[a.LOCALE.Vietnam]:"VN",[a.LOCALE.Cambodia]:"KH",[a.LOCALE.Indonesia]:"ID",[a.LOCALE.Malaysia]:"MY",[a.LOCALE.PhilippinesEnglish]:"PH",[a.LOCALE.PhilippinesTagalog]:"PH",[a.LOCALE.Taiwan]:"TW",[a.LOCALE.Thailand]:"TH",[a.LOCALE.Myanmar]:"MM"};exports.FormProvider=x,exports.MAPPED_LOCALE=C,exports.Onboarding=a=>{var s,{heading:l,description:d,children:m,className:p,imgSrc:x,hiddenLogo:f=!1}=a,h=e.__rest(a,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:C,siteType:q}=r.useContext(g);return u.default.createElement(L,Object.assign({},h,{className:`hhg-comp-onboarding-container ${p}`,size:"sm"}),!f&&u.default.createElement(i.LogoIcon,{type:C?q:(null===(s=n.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===s?void 0:s.LOGO_TYPE)||"hellobacsi"}),u.default.createElement(b,{className:f?"similac":""},x&&u.default.createElement(E,{src:x,loading:"lazy"}),u.default.createElement("div",{className:"header"},u.default.createElement(t.Title,{order:3},l),u.default.createElement(o.Text,{size:"p3",mt:8,color:c.theme.colors.gray600},d)),m))},exports.OnboardingContext=g,exports.hiddenEmailChar=(e="")=>{const r=e.indexOf("@"),t=e.substring(0,r),i=t.length>3?3:t.length;return e.replace(e.substring(i,r),e.slice(i,r).replace(/./g,"x"))},exports.useForm=h,exports.useFormContext=f;