@hhgtech/hhg-components 1.26.61 → 1.26.63

package/package.json

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

package/build/core-694bb815.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-7621f4c0.js"),e=require("./isProduction-6b155de4.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/getDynamicHealthTool-773f025a.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-65782de8.js";import{g as i}from"./core-57a9da33.js";import{n as o}from"./normalizeLink-f6634d89.js";import{c as l}from"./routing-66309373.js";const e=(t,i)=>{var o,l;if(!t)return{};const e="tl-PH"===i?"/fil":"";return{id:t.id,isSubot:t.is_subot,template:t.template,icon:t.icon,link:(null===(o=t.link)||void 0===o?void 0:o.startsWith("http"))?t.link:`${e}/health-tools`+(null===(l=t.link)||void 0===l?void 0:l.replace(`${e}/`,"/")),subtitle:t.subtitle,title:t.title}},n=i=>t(void 0,void 0,void 0,(function*(){var t,n;try{let r;r="undefined"!=typeof window?window.fetch:yield require("node-fetch");const s="tl-PH"===i?"lang=fil":"";let a=[];try{const d=yield r(o(`${l(i)}/wp-json/api/healthtools?ismenu=0${s?"&"+s:""}`)).then((t=>t.json()));a=(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=>e(t,i))))||[]}catch(t){}return a}catch(t){console.error(t)}})),r=o=>t(void 0,void 0,void 0,(function*(){return(yield i("all-health-tools",(()=>n(o||"en-PH")),(t=>!!(null==t?void 0:t.length)),6e4))||[]}));export{r as a,e as f,n as g};

package/build/esm/index-1e49b94f.js

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

package/build/esm/index-216f506f.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-a3bd0b35.js";import{t as r}from"./theme-34532432.js";import{as as l}from"./index.styled-ee43d921.js";import{I as s}from"./index-3d72778e.js";import{I as c}from"./index-2bc85704.js";import{M as n}from"./index-eea6c4fd.js";import{T as m}from"./index-1e49b94f.js";import{u as i}from"./useScrollbarSize-ba0e0466.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-83c133c8.js";const b=({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(s.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(c,{name:"name",value:o,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:i}))},v="hhg-modals",g=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},f=()=>{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:s,children:c,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!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),g(),f()})),[]),o((()=>{if(C){const e=(()=>{let e=document.getElementById(v);return e||(e=document.createElement("div"),e.setAttribute("id",v),document.body.append(e)),e})();return e.appendChild(j.current),()=>{e.removeChild(j.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=x+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[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},!b&&e.createElement(u,{"data-open":l,onClick:s,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:s},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:s},r),c))),j.current)};export{E as M,b as N};

package/build/esm/index-66443613.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-65782de8.js";import o from"react";import{Indicator as s}from"@mantine/core";import"dayjs";import"./screenSizeContext-3572f750.js";import"styled-components";import{t as r}from"./theme-34532432.js";import"./index-48b1799b.js";import"./utils-957c0710.js";import"./isProduction-17f4c583.js";import"./Onboarding-8a8c60b9.js";import"./gAssets.js";const e=e=>{var{styles:i,color:n=r.colors.red700}=e,m=t(e,["styles","color"]);return o.createElement(s,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:n},m))};export{e as I};

package/build/esm/index-69a0b7b2.js

@@ -1 +0,0 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-8a8c60b9.js";var b=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return n},get OnboardingStep(){return o}});export{b as i};

package/build/esm/index-8ceef893.js

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

package/build/esm/useHealthToolCache-e7f1021f.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-65782de8.js";import{useState as t,useEffect as i,useCallback as a}from"react";import{a as e}from"./getDynamicHealthTool-773f025a.js";const l=l=>{const[n,r]=t([]);i((()=>{o(void 0,void 0,void 0,(function*(){const o=yield e(l);r(o)}))}),[e,l]);const s=a((o=>{var t;return(null===(t=n.find((t=>t.template===o)))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:s}};export{l as u};

package/build/index-17d46259.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-7621f4c0.js"),r=require("react"),t=require("@mantine/core");require("dayjs"),require("./screenSizeContext-8b7253a1.js"),require("styled-components");var s=require("./theme-98098dc1.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./index-1674975a.js"),require("./utils-a7cd07fd.js"),require("./isProduction-6b155de4.js"),require("./Onboarding-ef822ff1.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-895d9141.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-dfc78797.js"),a=require("./tslib.es6-7621f4c0.js"),r=require("./useTranslations-95a65a4a.js"),s=require("@mantine/core");require("./gAssets.js"),require("@mantine/dates"),require("./index-1674975a.js"),require("./Onboarding-ef822ff1.js");var n=require("./index-c93ba7ac.js"),i=require("./index-7dea1671.js");require("dayjs"),require("./screenSizeContext-8b7253a1.js"),require("styled-components"),require("./theme-98098dc1.js"),require("./utils-a7cd07fd.js"),require("./isProduction-6b155de4.js"),require("./translationsContext-f5b67071.js"),require("string-format"),require("./index-4a9f0abc.js"),require("@mantine/hooks");var l=require("./index-34728c61.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(e);const c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"};var u="Dudns9-";exports.AuthorBadge=e=>{var{siteType:s,role:n,title:i,styles:l,className:o}=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:f,cx:y}=t.useStyles(void 0,{name:"AuthorBadge",styles:l});return v&&c[v]?d.default.createElement("div",Object.assign({className:y(f.root,o),"data-label-type":v,"data-is-marrybaby":"marryBaby"===s},u),i||m(c[v])):null},exports.BtnChoice=({value:t,choices:a,onChange:r})=>{const[s,n]=e.useState(t);return e.useEffect((()=>{n(t)}),[t]),d.default.createElement("div",{className:u},a.map(((e,t)=>d.default.createElement(i.Button,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,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})=>d.default.createElement(t.StyledDivider,{style:r,className:a,"data-diver-type":e,dividerType:e}),exports.ImageWithHandler=t=>{var{fallbackSrc:r}=t,n=a.__rest(t,["fallbackSrc"]);const{other:i}=s.useMantineTheme(),l=e.useRef(null),o=r||i.defaultImage,c=n.src||o||"",u=e.useRef(!1);e.useEffect((()=>{c!==o&&l.current&&(l.current.src=c)}),[]),e.useEffect((()=>{u.current=!1}),[c]);return d.default.createElement("img",Object.assign({ref:l},n,{src:c,onError:e=>{var t;u.current||(e.currentTarget.src=o||"",u.current=!0),null===(t=n.onError)||void 0===t||t.call(n,e)}}))},exports.Tabs=({style:t,initialTab:a,tabContent:r,onChange:s,className:i,dataEventCategory:o,dataEventAction:c,dataEventLabel:u,id:m,styles:v})=>{const{classes:f,cx:y,theme:b}=l.useStyles$1(void 0,{name:"Tabs",styles:v}),[E,g]=e.useState(a||0);return e.useEffect((()=>{g(a)}),[a]),d.default.createElement("ul",{style:t,className:y(f.root,i),role:"tablist",id:m},r.map(((e,t)=>d.default.createElement("li",{className:`${f.item} ${E===t?"active":""}`,"aria-selected":E===t,role:"tab",onClick:()=>{g(t),s&&s(t)},onKeyDown:e=>{"Enter"===e.key&&(g(t),s&&s(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},d.default.createElement("div",{className:f.itemInner},e.icon&&d.default.createElement("div",{className:f.icon},e.icon),d.default.createElement(n.Text,{className:f.label,size:e.textSize||"sm",weight:e.textType||"bold",color:E===t?b.fn.primaryColor():e.textColor||b.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))};

package/build/index.styled-4dd6aa19.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-7621f4c0.js"),t=require("react"),n=require("./Onboarding-ef822ff1.js"),r=require("./gAssets.js"),a=require("./theme-98098dc1.js"),o=require("styled-components"),i=require("./index-dadda570.js"),l=require("./index-4a9f0abc.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),c=s(o);const u=c.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=c.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=c.default((n=>{var{icon:o,name:l,className:s,locale:c="en-PH",dataEventCategory:x,dataEventAction:m,dataEventLabel:f,onSelect:b}=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 d.default.createElement(p,Object.assign({onClick:b,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":f},h),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:a.theme.colors.white},d.default.createElement("img",{src:o||r.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?d.default.createElement(i.Text,Object.assign({type:"semiBold",size:"n1",color:a.theme.colors.gray800},g.includes(c)&&{style:{fontSize:"10px"}}),l):d.default.createElement(i.Text,Object.assign({size:"n1",color:a.theme.colors.gray600},g.includes(c)&&{style:{fontSize:"10px"}}),l))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,m=c.default(l.CentralCarousel.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,f=c.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=f,exports.StyledPill=x,exports.StyledSlide=m;