@hhgtech/hhg-components 1.25.37 → 1.25.38

package/package.json

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

package/build/esm/getDynamicHealthTool-e6b05c6c.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-b241e247.js";import{g as i}from"./core-f2c2a99d.js";import{n as o}from"./normalizeLink-e82c6da6.js";import{c as l}from"./routing-b49f9959.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-3172aac9.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-b241e247.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-7759e597.js";import"styled-components";import{t as s}from"./theme-e5d6dec2.js";import"./index-cbba2909.js";import"./utils-bc6ff052.js";import"./isProduction-fb38ef0f.js";import"./Onboarding-30c99344.js";import"./gAssets.js";import{h as o}from"./index-e47f31a4.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:b,dataEventLabel:f}=r,g=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:j,cx:v}=o({size:i,weight:c},{name:"Text",styles:l});return e.createElement(a,Object.assign({className:v(j.root,d),color:n,component:m,"data-event-category":p,"data-event-action":b,"data-event-label":f},g))};export{r as T};

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

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-b241e247.js";import a from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-e47f31a4.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:m,dataEventAction:d,dataEventLabel:p}=s,u=t(s,["variant","size","color","skipHover","className","dataEventCategory","dataEventAction","dataEventLabel"]);const E="error"===i,{classes:b,cx:f}=r({variant:i,size:n,color:l,skipHover:c,isError:E});return a.createElement(e,Object.assign({className:f(b.rootCustom,v),variant:o[i],"data-event-category":m,"data-event-action":d,"data-event-label":p},u))};export{s as B};

package/build/esm/index-77b43445.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-b241e247.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: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":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":m,"data-is-uppercase":y},g),d)};export{s as T};

package/build/esm/index-abae0647.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-b241e247.js";import t,{useState as a,useEffect as l}from"react";import{L as n}from"./Onboarding-30c99344.js";import{S as r,a as o,b as i}from"./index.styled-83d721f5.js";const c=c=>{var{data:d,isMobile:m,onSlideChange:g,pillProps:p,locale:h=n.Vietnam,blurFromIndex:b,blurLength:C}=c,v=e(c,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const u={withControls:!m,slideGap:16,blurFromCenter:!0,blurFromIndex:b||(m?2:4),blurLength:C||(m?1:3),onSlideChange:g},[w,f]=a("");return l((()=>{f(window.location.href)}),[]),t.createElement(r,Object.assign({},u,v,{selectSlideWhenClick:!0,previousControlIcon:t.createElement(s,{currentUrl:w}),nextControlIcon:t.createElement(s,{currentUrl:w,isRight:!0})}),(e=>d.map(((a,l)=>t.createElement(o,Object.assign({key:l,onClick:g,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":w,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":w}},p),t.createElement("div",{className:"centerred-pill-wrapper"},t.createElement(i,{locale:h,name:a.name,icon:a.icon,className:l===e?"selected-week-pill":""})))))))},s=({isRight:e,currentUrl:a})=>t.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":a},t.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));export{c as P};

package/build/esm/index-d3d5c731.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-8b5f8f86.js";import{_ as o}from"./tslib.es6-b241e247.js";import{u as n}from"./useTranslations-3de8d06a.js";import"@mantine/core";import"./gAssets.js";import"./index-e47f31a4.js";import"dayjs";import"./screenSizeContext-7759e597.js";import"styled-components";import"./theme-e5d6dec2.js";import"./index-cbba2909.js";import"./utils-bc6ff052.js";import"./isProduction-fb38ef0f.js";import"./Onboarding-30c99344.js";import{B as i}from"./index-5e16af36.js";import"./translationsContext-a0217538.js";import"string-format";import"./index-ccc0c2bb.js";import"@mantine/hooks";import{T as l}from"./index-3172aac9.js";import{b4 as d}from"./index.styled-dc55d2a7.js";const m=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),c={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},p=t=>{var{siteType:a,role:s,title:i,styles:l,className:d}=t,m=o(t,["siteType","role","title","styles","className"]);const{t:p}=n(),y=s?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(s):"",{classes:b,cx:v}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:v(b.root,d),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},m),i||p(c[y])):null};var y="Dudns9-";const b=({value:s,choices:r,onChange:o})=>{const[n,l]=t(s);return a((()=>{l(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(i,{size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{l(t.value),null==o||o(t.value)}},t.label||""))))},v=({style:s,initialTab:r,tabContent:o,onChange:n,className:i,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:b})=>{const{classes:v,cx:u,theme:f}=d(void 0,{name:"Tabs",styles:b}),[E,x]=t(r||0);return a((()=>{x(r)}),[r]),e.createElement("ul",{style:s,className:u(v.root,i),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${v.item} ${E===a?"active":""}`,"aria-selected":E===a,role:"tab",onClick:()=>{x(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(x(a),n&&n(a))},key:a,"data-event-category":t.dataEventCategory||m,"data-event-action":t.dataEventAction||c,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:v.itemInner},t.icon&&e.createElement("div",{className:v.icon},t.icon),e.createElement(l,{className:v.label,size:t.textSize||"sm",weight:t.textType||"bold",color:E===a?f.fn.primaryColor():t.textColor||f.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,b as B,m as D,v as T};

package/build/esm/index.styled-83d721f5.js

@@ -1,50 +0,0 @@
-import{_ as e}from"./tslib.es6-b241e247.js";import t,{useMemo as o}from"react";import{L as n}from"./Onboarding-30c99344.js";import{CommonGAssets as i}from"./gAssets.js";import{t as r}from"./theme-e5d6dec2.js";import{T as a}from"./index-77b43445.js";import s from"styled-components";import{C as c}from"./index-ccc0c2bb.js";const l=s.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||r.colors.white};
-  border-radius: ${e=>e.borderRadius||"50%"};
-  & > * {
-    width: ${e=>e.iconSize}px;
-    height: ${e=>e.iconSize}px;
-  }
-`,d=s.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;
-  }
-`,p=[n.Myanmar,n.Taiwan],m=s((n=>{var{icon:s,name:c,className:m,locale:b="en-PH",dataEventCategory:g,dataEventAction:x,dataEventLabel:h,onSelect:v}=n,u=e(n,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);const f=o((()=>null==m?void 0:m.includes("selected-week-pill")),[m]);return t.createElement(d,Object.assign({onClick:v,className:m?"week-pill".concat(" non-pointer-event-child ",m):"week-pill non-pointer-event-child","data-event-category":g,"data-event-action":x,"data-event-label":h},u),t.createElement(l,{size:64,iconSize:40,backgroundColor:r.colors.white},t.createElement("img",{src:s||i.getAssetPath("week_default.png"),alt:""})),f?t.createElement(a,Object.assign({type:"semiBold",size:"n1",color:r.colors.gray800},p.includes(b)&&{style:{fontSize:"10px"}}),c):t.createElement(a,Object.assign({size:"n1",color:r.colors.gray600},p.includes(b)&&{style:{fontSize:"10px"}}),c))}))`
-  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
-`,b=s(c.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,g=s(c)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;export{g as S,b as a,m as b};

package/build/esm/useHealthToolCache-b1488715.js

@@ -1 +0,0 @@
-import{a as o}from"./tslib.es6-b241e247.js";import{useState as t,useEffect as i,useCallback as e}from"react";import{a as l}from"./getDynamicHealthTool-e6b05c6c.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-2b763e18.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-9f43756a.js"),t=require("react"),a=require("@mantine/core");require("dayjs"),require("./screenSizeContext-020e2bca.js"),require("styled-components");var r=require("./theme-696037a4.js");require("./index-e5d0b5b0.js"),require("./utils-d7638bf4.js"),require("./isProduction-0ed94569.js"),require("./Onboarding-a130af4c.js"),require("./gAssets.js");var s=require("./index-7409209e.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:l="p",styles:u,className:d,dataEventCategory:v,dataEventAction:q,dataEventLabel:j}=t,b=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:u});return n.default.createElement(a.Text,Object.assign({className:y(g.root,d),color:o,component:l,"data-event-category":v,"data-event-action":q,"data-event-label":j},b))};

package/build/index-8bb45b02.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-9f43756a.js"),t=require("react"),l=require("./Onboarding-a130af4c.js"),a=require("./index.styled-e1eb9d86.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t);const o=({isRight:e,currentUrl:t})=>n.default.createElement("svg",{viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t},n.default.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}));exports.PillCarousel=r=>{var{data:i,isMobile:c,onSlideChange:d,pillProps:s,locale:u=l.LOCALE.Vietnam,blurFromIndex:g,blurLength:f}=r,m=e.__rest(r,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);const C={withControls:!c,slideGap:16,blurFromCenter:!0,blurFromIndex:g||(c?2:4),blurLength:f||(c?1:3),onSlideChange:d},[h,v]=t.useState("");return t.useEffect((()=>{v(window.location.href)}),[]),n.default.createElement(a.StyledCarousel,Object.assign({},C,m,{selectSlideWhenClick:!0,previousControlIcon:n.default.createElement(o,{currentUrl:h}),nextControlIcon:n.default.createElement(o,{currentUrl:h,isRight:!0})}),(e=>i.map(((t,l)=>n.default.createElement(a.StyledSlide,Object.assign({key:l,onClick:d,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":h,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":h}},s),n.default.createElement("div",{className:"centerred-pill-wrapper"},n.default.createElement(a.StyledPill,{locale:u,name:t.name,icon:t.icon,className:l===e?"selected-week-pill":""})))))))};

package/build/index.styled-e1eb9d86.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-9f43756a.js"),t=require("react"),a=require("./Onboarding-a130af4c.js"),n=require("./gAssets.js"),r=require("./theme-696037a4.js"),o=require("./index-0dae220d.js"),i=require("styled-components"),l=require("./index-1d1a076a.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),c=s(i);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||r.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=[a.LOCALE.Myanmar,a.LOCALE.Taiwan],x=c.default((a=>{var{icon:i,name:l,className:s,locale:c="en-PH",dataEventCategory:x,dataEventAction:m,dataEventLabel:b,onSelect:h}=a,f=e.__rest(a,["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:h,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},f),d.default.createElement(u,{size:64,iconSize:40,backgroundColor:r.theme.colors.white},d.default.createElement("img",{src:i||n.CommonGAssets.getAssetPath("week_default.png"),alt:""})),v?d.default.createElement(o.Text,Object.assign({type:"semiBold",size:"n1",color:r.theme.colors.gray800},g.includes(c)&&{style:{fontSize:"10px"}}),l):d.default.createElement(o.Text,Object.assign({size:"n1",color:r.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;
-  }
-`,b=c.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=b,exports.StyledPill=x,exports.StyledSlide=m;

package/build/useHealthToolCache-14ff7b79.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-9f43756a.js"),t=require("react"),a=require("./getDynamicHealthTool-456d4d96.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/useTranslations-3755c3aa.js

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