@hhgtech/hhg-components 1.25.27 → 1.25.29

package/package.json

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

package/build/esm/getDynamicHealthTool-317a4f34.js

@@ -1 +0,0 @@
-import{a as t}from"./tslib.es6-8d10e66f.js";import{g as i}from"./core-745fbf2b.js";import{n as o}from"./normalizeLink-b3924bef.js";import{c as l}from"./routing-b1843360.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-15cbe0d6.js

@@ -1 +0,0 @@
-import e from"react";import{AspectRatio as t,Switch as a}from"@mantine/core";import{I as f}from"./index-16cd4d36.js";import{L as o}from"./Onboarding-9827c2f0.js";import"dayjs";import"./screenSizeContext-168aea61.js";import"styled-components";import{t as s}from"./theme-4c14a3c4.js";import{B as i}from"./utils-a9cbccb7.js";import"./isProduction-ec74d59d.js";import"./gAssets.js";import{m as r,A as c,n,G as d,o as l,p as m}from"./index-9e6f2f7e.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-4e6843fd.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-79178dc7.js";import{t as r}from"./theme-4c14a3c4.js";import{I as l}from"./index-e70cd99a.js";import{I as c}from"./index-7aaba698.js";import{M as s}from"./index-2ea2336e.js";import{T as n}from"./index-eddbb3a0.js";import{aj as m}from"./index.styled-815a2dac.js";import{u as i}from"./useScrollbarSize-aea0dd80.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-1aa92406.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(s,{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(c,{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")},E=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},f=({type:d="lead",closeIcon:r,isOpen:l=!0,onClose:c,children:s,className:n="",animationType:m="slideTop",isStaticBackdrop:v=!1,siteType:f,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(),E()})),[]),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")):E()}),[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:c,"data-type":d}),!v&&"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":f},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))),x.current)};export{f as M,v as N};

package/build/esm/index-74a89f02.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-8d10e66f.js";import t,{useState as o,useEffect as n}from"react";import{useDebouncedValue as s}from"@mantine/hooks";import{B as a}from"./index-c940e883.js";import{D as r,S as i,i as l}from"./index-9e6f2f7e.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-78f226c7.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-8d10e66f.js";import t from"react";import{CommonGAssets as s}from"./gAssets.js";import{j as r}from"./index-9e6f2f7e.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-880c5ad4.js

@@ -1 +0,0 @@
-import e,{useState as t,useEffect as a}from"react";import{z as s,A as r}from"./index.styled-815a2dac.js";import{_ as o}from"./tslib.es6-8d10e66f.js";import{u as n}from"./useTranslations-79178dc7.js";import"@mantine/core";import"./gAssets.js";import"./index-9e6f2f7e.js";import"dayjs";import"./screenSizeContext-168aea61.js";import"styled-components";import"./theme-4c14a3c4.js";import"./index-16cd4d36.js";import"./utils-a9cbccb7.js";import"./isProduction-ec74d59d.js";import"./Onboarding-9827c2f0.js";import{B as i}from"./index-9527e5ce.js";import"./translationsContext-e17a887c.js";import"string-format";import"./index-49a32cef.js";import"@mantine/hooks";import{T as d}from"./index-927612dc.js";import{b4 as l}from"./index.styled-dc3d486c.js";const c=({type:t="solid",className:a,style:r})=>e.createElement(s,{style:r,className:a,"data-diver-type":t,dividerType:t}),m={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,c=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:u}=r(void 0,{name:"AuthorBadge",styles:d});return y&&m[y]?e.createElement("div",Object.assign({className:u(v.root,l),"data-label-type":y,"data-is-marrybaby":"marryBaby"===a},c),i||p(m[y])):null};var y="Dudns9-";const v=({value:s,choices:r,onChange:o})=>{const[n,d]=t(s);return a((()=>{d(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:()=>{d(t.value),null==o||o(t.value)}},t.label||""))))},u=({style:s,initialTab:r,tabContent:o,onChange:n,className:i,dataEventCategory:c,dataEventAction:m,dataEventLabel:p,id:y,styles:v})=>{const{classes:u,cx:b,theme:E}=l(void 0,{name:"Tabs",styles:v}),[x,f]=t(r||0);return a((()=>{f(r)}),[r]),e.createElement("ul",{style:s,className:b(u.root,i),role:"tablist",id:y},o.map(((t,a)=>e.createElement("li",{className:`${u.item} ${x===a?"active":""}`,"aria-selected":x===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||c,"data-event-action":t.dataEventAction||m,"data-event-label":t.dataEventLabel||p,tabIndex:0,"data-testid":t.dataTestid},e.createElement("div",{className:u.itemInner},t.icon&&e.createElement("div",{className:u.icon},t.icon),e.createElement(d,{className:u.label,size:t.textSize||"sm",weight:t.textType||"bold",color:x===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,c as D,u as T};

package/build/esm/index-927612dc.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-8d10e66f.js";import e from"react";import{Text as a}from"@mantine/core";import"dayjs";import"./screenSizeContext-168aea61.js";import"styled-components";import{t as s}from"./theme-4c14a3c4.js";import"./index-16cd4d36.js";import"./utils-a9cbccb7.js";import"./isProduction-ec74d59d.js";import"./Onboarding-9827c2f0.js";import"./gAssets.js";import{h as o}from"./index-9e6f2f7e.js";const r=r=>{var{size:i,color:c=s.colors.gray800,weight:n="regular",as:m="p",styles:d,className:l,dataEventCategory:p,dataEventAction:g,dataEventLabel:j}=r,v=t(r,["size","color","weight","as","styles","className","dataEventCategory","dataEventAction","dataEventLabel"]);const{classes:f,cx:y}=o({size:i,weight:n},{name:"Text",styles:d});return e.createElement(a,Object.assign({className:y(f.root,l),color:c,component:m,"data-event-category":p,"data-event-action":g,"data-event-label":j},v))};export{r as T};

package/build/esm/index-9527e5ce.js

@@ -1 +0,0 @@
-import{_ as t}from"./tslib.es6-8d10e66f.js";import a from"react";import{Button as e}from"@mantine/core";import{u as r}from"./index-9e6f2f7e.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:f}=s,p=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":m,"data-event-action":d,"data-event-label":f},p))};export{s as B};