@hhgtech/hhg-components 1.26.11 → 1.26.13

package/package.json

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

package/build/esm/core-8cfbc623.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-6caa76c2.js";import{i as a}from"./isProduction-ea6195a0.js";const e={},i=t=>{if("undefined"!=typeof window){let e;try{e=JSON.parse(localStorage.getItem((a?"":"staging_")+"hhg-cache-"+t)||"{}")}catch(t){}return e||{}}return e[t]},o=(t,i)=>{try{"undefined"!=typeof window?localStorage.setItem((a?"":"staging_")+"hhg-cache-"+t,JSON.stringify({data:i,time:Date.now()})):e[t]={data:i,time:Date.now()}}catch(t){}},n=(a,e,n,r=9e5)=>t(void 0,void 0,void 0,(function*(){const t=i(a);if(t&&t.data&&t.time&&Date.now()-t.time<r)return t.data;if(e){const t=yield e();return n&&!n(t)||o(a,t),t}return null}));export{i as a,n as g,o as s};

package/build/esm/index-0833d6e0.js

@@ -1 +0,0 @@
-import{_ as a}from"./tslib.es6-6caa76c2.js";import e from"react";var t="wIj6fkD";const s=s=>{var{size:r="base",type:c="regular",className:o,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":c,style:Object.assign(Object.assign({},n),i?{"--custom-color":i}:void 0),className:`${t} ${o||""}`,"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-099a9666.js

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

package/build/esm/index-15cce39c.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-b49e768b.js";import{_ as o}from"./tslib.es6-6caa76c2.js";import{u as n}from"./useTranslations-9dee0cba.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-c1e6029c.js";import"dayjs";import"./screenSizeContext-3df94366.js";import"styled-components";import"./theme-ef12115f.js";import"./index-b331e216.js";import"./utils-927fdae2.js";import"./isProduction-ea6195a0.js";import"./Onboarding-18e0bc1e.js";import{B as d}from"./index-9d1bd963.js";import"./translationsContext-e3d8cd36.js";import"string-format";import"./index-0db2a2ec.js";import"@mantine/hooks";import{b4 as l}from"./index.styled-e22c17b6.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:d,className:l}=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:v,cx:b}=r(void 0,{name:"AuthorBadge",styles:d});return y&&c[y]?e.createElement("div",Object.assign({className:b(v.root,l),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},m),i||p(c[y])):null};var y="Dudns9-";const v=({value:s,choices:r,onChange:o})=>{const[n,i]=t(s);return a((()=>{i(s)}),[s]),e.createElement("div",{className:y},r.map(((t,a)=>e.createElement(d,{dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel,size:"sm",variant:t.value===n?"primary":"tertiary",key:a,onClick:()=>{i(t.value),null==o||o(t.value)}},t.label||""))))},b=({style:s,initialTab:r,tabContent:o,onChange:n,className:d,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:v})=>{const{classes:b,cx:u,theme:E}=l(void 0,{name:"Tabs",styles:v}),[g,f]=t(r||0);return a((()=>{f(r)}),[r]),e.createElement("ul",{style:s,className:u(b.root,d),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${b.item} ${g===a?"active":""}`,"aria-selected":g===a,role:"tab",onClick:()=>{f(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(f(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:b.itemInner},t.icon&&e.createElement("div",{className:b.icon},t.icon),e.createElement(i,{className:b.label,size:t.textSize||"sm",weight:t.textType||"bold",color:g===a?E.fn.primaryColor():t.textColor||E.colors.gray[4],dataEventCategory:t.dataEventCategory,dataEventAction:t.dataEventAction,dataEventLabel:t.dataEventLabel},t.name))))))};export{p as A,v as B,m as D,b as T};

package/build/esm/index-9d1bd963.js

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

package/build/esm/useTranslations-9dee0cba.js

@@ -1 +0,0 @@
-import{useContext as o,useMemo as a}from"react";import{T as e,d as r}from"./translationsContext-e3d8cd36.js";import t from"string-format";function n(){const{values:n,locale:s}=o(e)||{locale:"en-PH"};return a((()=>({t:(o,a)=>n?n[o]?a?t(n[o]||o,a):n[o]||o:(console.warn(`[useTranslations] Missing translation for key ${o} and locale ${s}`),a?t(r[o]||o,a):r[o]||o):(console.error("[useTranslations] t method called before translation values are loaded"),o),locale:s})),[n,s])}export{n as u};

package/build/index-2788f7c1.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-69b81545.js"),a=require("./tslib.es6-93ff9b6a.js"),r=require("./useTranslations-6740915f.js");require("@mantine/core"),require("./gAssets.js");var s=require("./index-ea873279.js");require("dayjs"),require("./screenSizeContext-c31fef0a.js"),require("styled-components"),require("./theme-06c58d50.js"),require("./index-b11d022a.js"),require("./utils-ed838295.js"),require("./isProduction-31698ddf.js"),require("./Onboarding-eab09b1c.js");var n=require("./index-4f2dab3c.js");require("./translationsContext-5e9634f4.js"),require("string-format"),require("./index-3d8a4333.js"),require("@mantine/hooks");var i=require("./index.styled-382b196e.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:n,title:i,styles:d,className:c}=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:y,cx:b}=t.useStyles(void 0,{name:"AuthorBadge",styles:d});return v&&o[v]?l.default.createElement("div",Object.assign({className:b(y.root,c),"data-label-type":v,"data-is-marrybaby":"marryBaby"===s},u),i||m(o[v])):null},exports.BtnChoice=({value:t,choices:a,onChange:r})=>{const[s,i]=e.useState(t);return e.useEffect((()=>{i(t)}),[t]),l.default.createElement("div",{className:c},a.map(((e,t)=>l.default.createElement(n.Button,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===s?"primary":"tertiary",key:t,onClick:()=>{i(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:n,className:d,dataEventCategory:o,dataEventAction:c,dataEventLabel:u,id:m,styles:v})=>{const{classes:y,cx:b,theme:f}=i.useStyles(void 0,{name:"Tabs",styles:v}),[E,p]=e.useState(a||0);return e.useEffect((()=>{p(a)}),[a]),l.default.createElement("ul",{style:t,className:b(y.root,d),role:"tablist",id:m},r.map(((e,t)=>l.default.createElement("li",{className:`${y.item} ${E===t?"active":""}`,"aria-selected":E===t,role:"tab",onClick:()=>{p(t),n&&n(t)},onKeyDown:e=>{"Enter"===e.key&&(p(t),n&&n(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:y.itemInner},e.icon&&l.default.createElement("div",{className:y.icon},e.icon),l.default.createElement(s.Text,{className:y.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/index-61d30c2f.js

@@ -1 +0,0 @@
-"use strict";var e=require("./tslib.es6-93ff9b6a.js"),t=require("react"),l=require("./gAssets.js"),a=require("./index-ea873279.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-90a44722.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-93ff9b6a.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:f,dataEventLabel:u}=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":f,"data-event-label":u,className:`${n} ${r||""}`},b),l)};

package/build/index.styled-289d50b6.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-93ff9b6a.js"),t=require("react"),n=require("./Onboarding-eab09b1c.js"),r=require("./gAssets.js"),a=require("./theme-06c58d50.js"),o=require("styled-components"),i=require("./index-52822369.js"),l=require("./index-3d8a4333.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:b,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 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":b,"data-event-label":m},f),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);
-`,b=c.default(l.CentralCarousel.Slide)`
-  cursor: pointer;
-  > div * {
-    pointer-events: none;
-  }
-`,m=c.default(l.CentralCarousel)`
-  .centerred-pill-wrapper {
-    padding: 16px 0;
-  }
-`;exports.StyledCarousel=m,exports.StyledPill=x,exports.StyledSlide=b;