@hhgtech/hhg-components 1.25.28 → 1.25.29

package/package.json

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

package/build/esm/getDynamicHealthTool-570e9ff3.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-02d11ec7.js";import{g as i}from"./core-59eb3c84.js";import{n as o}from"./normalizeLink-5703bfe6.js";import{c as l}from"./routing-b0972916.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-3f1ff8fe.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-02d11ec7.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as s}from"@mantine/hooks";import{B as a}from"./index-72df41e4.js";import{D as r,S as i,i as l}from"./index-eff4918d.js";const m=m=>{var{color:c,withControl:h,onChange:d,value:g,min:w,max:p,isStatic:u,containerClassName:k,containerStyle:v}=m,x=e(m,["color","withControl","onChange","value","min","max","isStatic","containerClassName","containerStyle"]);const[f,C]=o(g||w||0),[E]=s(f,r);return n((()=>{null==d||d(E)}),[E]),n((()=>{C(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>w&&e===w?e:e-1))}},t.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},t.createElement("path",{d:"M1 1.004h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),t.createElement(l,Object.assign({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:c,value:f,onChange:u?()=>null:C,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(a,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>p&&e===p?e:e+1))}},t.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},t.createElement("path",{d:"M8 4v8M4 8h8",stroke:c,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))};export{m as S};

package/build/esm/index-413d6b9b.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-02d11ec7.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as r}from"./index-eff4918d.js";const l=l=>{var{title:o}=l,n=e(l,["title"]);return t.createElement(t.Fragment,null,t.createElement(r,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&t.createElement(t.Fragment,null,o,t.createElement("img",{className:"mantine-Modal-close",src:s.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};export{l as M};

package/build/esm/index-5c473995.js

@@ -1 +0,0 @@
-import e from"react";import{AspectRatio as t,Switch as a}from"@mantine/core";import{I as f}from"./index-783fb4ec.js";import{L as o}from"./Onboarding-cc38c258.js";import"dayjs";import"./screenSizeContext-9bf65cae.js";import"styled-components";import{t as s}from"./theme-09666faa.js";import{B as i}from"./utils-f60d906f.js";import"./isProduction-52b782c4.js";import"./gAssets.js";import{m as r,A as c,n,G as d,o as l,p as m}from"./index-eff4918d.js";const p=a=>e.createElement(t,Object.assign({sx:{borderRadius:4,overflow:"hidden"}},a)),b=a,g={Button:{defaultProps:{size:"md"}}},C={Checkbox:{styles:{input:r}}},B=e=>({InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:"14px",lineHeight:"22px",color:s.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:s.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:f[e].separator}},Input:{styles:(e,t)=>({input:{border:`1px solid ${s.colors.gray200}`,transition:`all ${c} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(t.size){case"lg":return{height:48,fontSize:16,minHeight:"unset",lineHeight:"24px"};case"md":return{height:40,fontSize:14,lineHeight:"22px",minHeight:"unset"};case"sm":return{height:32,fontSize:14,lineHeight:"22px",minHeight:"unset"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},invalid:{border:`1px solid ${s.colors.red600}`,color:"#000"}})}}),A={hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626"],neutral:["#f8f9fc","#e4e8ec","#fafafa","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#fec7dc","#fec7dc","#fec2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#E92D74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffc326","#fe921d","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},u=(e,t="hb")=>({defaultRadius:"hb"===t?4:16,datesLocale:n[e],dateFormat:f[e].dateFormat,colors:Object.assign(Object.assign({},A),s.colors),primaryColor:t,primaryShade:6,fontFamily:e===o.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:i.BREAK_POINT_SMALL_MOBILE,sm:i.BREAK_POINT_MOBILE,md:i.BREAK_POINT_TABLET,lg:i.BREAK_POINT_PC,xl:i.BREAK_POINT_LGPC},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},B(e)),C),d),g),l),m)});export{p as A,b as S,u as g,A as t};

package/build/esm/index-9322ea14.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-0fee2509.js";import{t as r}from"./theme-09666faa.js";import{I as l}from"./index-0584f4e0.js";import{I as s}from"./index-115ec021.js";import{M as c}from"./index-62fb15a0.js";import{T as n}from"./index-9211bd11.js";import{aj as m}from"./index.styled-ad00d8a6.js";import{u as i}from"./useScrollbarSize-dbda3edd.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-77cc38c1.js";const v=({isActive:t,onChange:a,value:o="",onInputChange:i,siteType:h})=>{const{t:p}=d(),u="marryBaby"===h;return e.createElement(m,{onClick:()=>a("new"),"data-is-mb":u,"data-isActive":u&&t},"marryBaby"===h?e.createElement("div",{className:"title"},e.createElement(c,{type:"bodytext-1",color:r.colors.gray800},p("chooseBaby.new")),e.createElement("div",{className:t?"radio active":"radio"},t&&e.createElement(l.CheckActiveMB,{size:26}))):e.createElement("div",{className:"title"},e.createElement(n,{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",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:v=!1,siteType:E,style:j})=>{const[C,N]=t(!1),x=a(null),{width:_}=i();if(!x.current&&C&&(x.current=document.createElement("div")),o((()=>(N(!0),()=>{N(!1),g(),f()})),[]),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(x.current),()=>{e.removeChild(x.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=_+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[l,_]),!C)return null;const w=["hhg-modal__wrapper",n,m].filter((e=>e)).join(" ");return h(e.createElement(p,{className:w,"data-open":l,"data-type":d},!v&&e.createElement(u,{"data-open":l,onClick:s,"data-type":d}),!v&&"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))),x.current)};export{E as M,v as N};

package/build/esm/index-b1920332.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-02d11ec7.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-9bf65cae.js";import"styled-components";import{t as s}from"./theme-09666faa.js";import"./index-783fb4ec.js";import"./utils-f60d906f.js";import"./isProduction-52b782c4.js";import"./Onboarding-cc38c258.js";import"./gAssets.js";import{h as o}from"./index-eff4918d.js";const r=r=>{var{size:i,color:n=s.colors.gray800,weight:c="regular",as:m="p",styles:l,className:d,dataEventCategory:p,dataEventAction:f,dataEventLabel:g}=r,j=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:v,cx:b}=o({size:i,weight:c},{name:"Text",styles:l});return e.createElement(a,Object.assign({className:b(v.root,d),color:n,component:m,"data-event-category":p,"data-event-action":f,"data-event-label":g},j))};export{r as T};

package/build/esm/index-e2441395.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-02d11ec7.js";import a from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-eff4918d.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 u="error"===i,{classes:E,cx:g}=r({variant:i,size:n,color:l,skipHover:c,isError:u});return a.createElement(e,Object.assign({className:g(E.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/useHealthToolCache-142eb8af.js

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

package/build/index-071acb59.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),a=require("@mantine/core"),r=require("./index-cfa26873.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(t);exports.Anchor=t=>{var{color:s,styles:c,className:o,dataEventCategory:l,dataEventAction:d,dataEventLabel:i}=t,u=e.__rest(t,["color","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:v,cx:y}=r.useStyles$2({color:s},{name:"Anchor",styles:c});return n.default.createElement(a.Anchor,Object.assign({className:y(v.root,o),"data-event-category":l,"data-event-action":d,"data-event-label":i},u))};

package/build/index-28f49b53.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-0df9a7e4.js");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=e(require("react")),n="xzO2I0N";exports.Heading=e=>{var{as:s,tag:i,className:r,children:l,title:o,color:c,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:u,dataEventLabel:f}=e,b=t.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const y=s||i;return a.default.createElement(y,Object.assign({title:o,style:Object.assign(Object.assign({},c?{"--custom-heading-color":c}:void 0),d),"data-tag":i,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":u,"data-event-label":f,className:`${n} ${r||""}`},b),l)};

package/build/index-850a588b.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),l=require("./gAssets.js"),a=require("./index-cfa26873.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);exports.Modal=t=>{var{title:r}=t,n=e.__rest(t,["title"]);return s.default.createElement(s.default.Fragment,null,s.default.createElement(a.StyledModal,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},n,{withCloseButton:!1,title:n.withCloseButton&&s.default.createElement(s.default.Fragment,null,r,s.default.createElement("img",{className:"mantine-Modal-close",src:l.CommonGAssets.getAssetPath("CloseModal.svg"),onClick:()=>{var e;return null===(e=n.onClose)||void 0===e?void 0:e.call(n)}}))})))};

package/build/index-a9e1caf7.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-0df9a7e4.js"),t=require("react"),a=require("@mantine/core");require("dayjs"),require("./screenSizeContext-d465ad93.js"),require("styled-components");var r=require("./theme-9ef2b98f.js");require("./index-87774ce7.js"),require("./utils-8defba7c.js"),require("./isProduction-f9d2f2fd.js"),require("./Onboarding-e26a6654.js"),require("./gAssets.js");var s=require("./index-cfa26873.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t);exports.Text=t=>{var{size:i,color:o=r.theme.colors.gray800,weight:c="regular",as:d="p",styles:l,className:u,dataEventCategory:v,dataEventAction:f,dataEventLabel:q}=t,j=e.__rest(t,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:g,cx:y}=s.useStyles$1({size:i,weight:c},{name:"Text",styles:l});return n.default.createElement(a.Text,Object.assign({className:y(g.root,u),color:o,component:d,"data-event-category":v,"data-event-action":f,"data-event-label":q},j))};

package/build/screenSizeContext-d465ad93.js

@@ -1,81 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-8defba7c.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
-from {
-  transform: translate3d(0, 100%, 0);
-  visibility: visible;
-}
-
-to {
-  transform: translate3d(0, 0, 0);
-}
-`,d=e.keyframes`
-from {
-    transform: translate3d(0, -100%, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,l=e.keyframes`
- from {
-    transform: translate3d(-100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,f=e.keyframes`
- from {
-    transform: translate3d(100%, 0, 0);
-    visibility: visible;
-  }
-
-  to {
-    transform: translate3d(0, 0, 0);
-  }
-`,m=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(0, 100%, 0);
-}
-`,p=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(-100%, 0, 0);
-}
-`,u=e.keyframes`
-from {
-  transform: translate3d(0, 0, 0);
-}
-
-to {
-  visibility: hidden;
-  transform: translate3d(100%, 0, 0);
-}
-`,y=e.keyframes`
- from {
-    transform: translate3d(0, 0, 0);
-  }
-
-  to {
-    visibility: hidden;
-    transform: translate3d(0, -100%, 0);
-  }
-`,c=e.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`,B=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=B,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(B.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=c,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;

package/build/useTranslations-2b93987a.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),a=require("./translationsContext-ad64012f.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])};