@hhgtech/hhg-components 1.26.24 → 1.26.25

package/build/esm/{index-cc8a88e1.js → index-65617fb6.js}

@@ -1 +1 @@
-import{_ as t}from"./tslib.es6-4e06f295.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,E=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const f=o||s;return a.createElement(f,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},E),i)};export{n as H};
+import{_ as t}from"./tslib.es6-3b8f45f6.js";import a from"react";var e="xzO2I0N";const n=n=>{var{as:o,tag:s,className:c,children:i,title:l,color:r,style:d,fontWeight:g,dataEventCategory:v,dataEventAction:m,dataEventLabel:b}=n,f=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const E=o||s;return a.createElement(E,Object.assign({title:l,style:Object.assign(Object.assign({},r?{"--custom-heading-color":r}:void 0),d),"data-tag":s,"data-font-weight":g||void 0,"data-event-category":v,"data-event-action":m,"data-event-label":b,className:`${e} ${c||""}`},f),i)};export{n as H};

package/build/esm/{index-dafe5c53.js → index-6829a843.js}

@@ -1 +1 @@
-import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-d7824fb8.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};
+import{G as r,B as t,a as e,b as a,L as n,O as o}from"./Onboarding-f584f764.js";var s=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{s as i};

package/build/esm/{index-653c4d30.js → index-70147fc4.js}

@@ -1 +1 @@
-import e,{useMemo as a}from"react";import{CommonGAssets as s}from"./gAssets.js";import{i as t,a as l,b as o,c as n,S as r,L as g,d as i}from"./index-5878481d.js";const m=({type:m,className:c,style:h,isLightLogo:d,customSize:u,badge:w,locale:N,dateForSeasonal:y,isPro:p})=>{const f=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=t(e),s=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&n(e)}}),[N,new Date(y).getDate()]);return e.createElement(r,{className:c,style:h,"data-logo-is-light":d||void 0,"data-has-badge":!!w,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:m,width:null==u?void 0:u.width,height:null==u?void 0:u.height}),p?e.createElement(i,{src:s.getAssetPath("logo/pro-suffix.svg")}):null,w)};export{m as L};
+import e,{useMemo as a}from"react";import{CommonGAssets as s}from"./gAssets.js";import{i as t,a as l,b as o,c as n,S as r,L as g,d as i}from"./index-4b4fce5a.js";const m=({type:m,className:c,style:h,isLightLogo:d,customSize:u,badge:w,locale:N,dateForSeasonal:y,isPro:f})=>{const p=a((()=>{if(!y||isNaN(new Date(y).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};const e=new Date(y),a=t(e),s=l.includes(N)&&o(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&n(e)}}),[N,new Date(y).getDate()]);return e.createElement(r,{className:c,style:h,"data-logo-is-light":d||void 0,"data-has-badge":!!w,"data-christmas":p.isChristmas,"data-new-year":p.isNewYear,"data-lunar-new-year":p.isLunarNewYear},p.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):p.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):p.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:s.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(g,{type:m,width:null==u?void 0:u.width,height:null==u?void 0:u.height}),f?e.createElement(i,{src:s.getAssetPath("logo/pro-suffix.svg")}):null,w)};export{m as L};

package/build/esm/{index-d02adc9e.js → index-741bb8e0.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-4e06f295.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{k as r}from"./index-12a8402a.js";const l=l=>{var{title:o}=l,a=e(l,["title"]);return t.createElement(t.Fragment,null,t.createElement(r,Object.assign({centered:!0,styles:{body:{padding:"40px"},inner:{borderRadius:"6px"}}},a,{withCloseButton:!1,title:a.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=a.onClose)||void 0===e?void 0:e.call(a)}}))})))};export{l as M};
+import{_ as e}from"./tslib.es6-3b8f45f6.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{k as r}from"./index-d00c4af2.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-7f327d8e.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-8b370b33.js";import{t as r}from"./theme-2ab426d7.js";import{aq as l}from"./index.styled-f6e03331.js";import{I as c}from"./index-c2df4754.js";import{I as s}from"./index-dc3bb284.js";import{M as n}from"./index-c68a9a4d.js";import{T as m}from"./index-001b21a1.js";import{u as i}from"./useScrollbarSize-259f2224.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-3ac4ba1d.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(c.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(s,{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:c,children:s,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:c,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:c},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:c},r),s))),j.current)};export{E as M,b as N};

package/build/esm/{index-cd2c5745.js → index-8163f5b8.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-4e06f295.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-a3ab772f.js";import{D as r,S as i,j as l}from"./index-12a8402a.js";const m=m=>{var{color:c,withControl:h,onChange:g,value:w,min:d,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(w||d||0),[E]=a(f,r);return n((()=>{null==g||g(E)}),[E]),n((()=>{C(w)}),[w]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{C((e=>d&&e===d?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:d,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{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};
+import{_ as e}from"./tslib.es6-3b8f45f6.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as a}from"@mantine/hooks";import{B as s}from"./index-e6dab89b.js";import{D as r,S as i,j as l}from"./index-d00c4af2.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,b]=o(g||w||0),[C]=a(f,r);return n((()=>{null==d||d(C)}),[C]),n((()=>{b(g)}),[g]),t.createElement(i,{className:k,style:v},h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{b((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:b,min:w,max:p},x,{className:"hhg-mantine-slider "+(x.className||"")})),h&&t.createElement(s,{type:"button",size:"sm",color:"ghost",onClick:()=>{b((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-e341dcb7.js → index-870e33aa.js}

@@ -1 +1 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-69aedc20.js";import{_ as o}from"./tslib.es6-4e06f295.js";import{u as n}from"./useTranslations-7fd0b552.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-12a8402a.js";import"dayjs";import"./screenSizeContext-9a6d8ee4.js";import"styled-components";import"./theme-6660d292.js";import"./index-e65eadf9.js";import"./utils-0fd48592.js";import"./isProduction-563c91b9.js";import"./Onboarding-d7824fb8.js";import{B as d}from"./index-f89acb5c.js";import"./translationsContext-2feb9399.js";import"string-format";import"./index-4db33f9e.js";import"@mantine/hooks";import{b4 as l}from"./index.styled-143f6090.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}),[f,g]=t(r||0);return a((()=>{g(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} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{g(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(g(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:f===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};
+import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-f6e03331.js";import{_ as o}from"./tslib.es6-3b8f45f6.js";import{u as n}from"./useTranslations-8b370b33.js";import"@mantine/core";import"./gAssets.js";import{f as i}from"./index-d00c4af2.js";import"dayjs";import"./screenSizeContext-24a3c2e9.js";import"styled-components";import"./theme-2ab426d7.js";import"./index-ec265939.js";import"./utils-e2c1f94f.js";import"./isProduction-ac37632c.js";import"./Onboarding-f584f764.js";import{B as l}from"./index-170bf6de.js";import"./translationsContext-09eb28ba.js";import"string-format";import"./index-2559b9d3.js";import"@mantine/hooks";import{b4 as d}from"./index.styled-59b391f7.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:v,cx:b}=r(void 0,{name:"AuthorBadge",styles:l});return y&&c[y]?e.createElement("div",Object.assign({className:b(v.root,d),"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(l,{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:l,dataEventCategory:m,dataEventAction:c,dataEventLabel:p,id:y,styles:v})=>{const{classes:b,cx:u,theme:E}=d(void 0,{name:"Tabs",styles:v}),[f,g]=t(r||0);return a((()=>{g(r)}),[r]),e.createElement("ul",{style:s,className:u(b.root,l),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${b.item} ${f===a?"active":""}`,"aria-selected":f===a,role:"tab",onClick:()=>{g(a),n&&n(a)},onKeyDown:e=>{"Enter"===e.key&&(g(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:f===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};