@hhgtech/hhg-components 1.26.24 → 1.26.26

package/build/esm/useTranslations-7fd0b552.js

@@ -1 +0,0 @@
-import{useContext as o,useMemo as a}from"react";import{T as e,d as r}from"./translationsContext-2feb9399.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-4ebbb68d.js

@@ -1 +0,0 @@
-"use strict";var e=require("react"),t=require("./index.styled-71735179.js"),a=require("./tslib.es6-19715349.js"),r=require("./useTranslations-2958baef.js");require("@mantine/core"),require("./gAssets.js");var s=require("./index-37112c80.js");require("dayjs"),require("./screenSizeContext-6d79631d.js"),require("styled-components"),require("./theme-71eaab71.js"),require("./index-3b790926.js"),require("./utils-267fef4c.js"),require("./isProduction-e4070c46.js"),require("./Onboarding-41fd57a7.js");var n=require("./index-444efb6f.js");require("./translationsContext-79c4a3e5.js"),require("string-format"),require("./index-38cddff8.js"),require("@mantine/hooks");var i=require("./index.styled-f370e289.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(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:l,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:l});return v&&o[v]?d.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]),d.default.createElement("div",{className:c},a.map(((e,t)=>d.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})=>d.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:l,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]),d.default.createElement("ul",{style:t,className:b(y.root,l),role:"tablist",id:m},r.map(((e,t)=>d.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},d.default.createElement("div",{className:y.itemInner},e.icon&&d.default.createElement("div",{className:y.icon},e.icon),d.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.styled-5f5fefe8.js

@@ -1,50 +0,0 @@
-"use strict";var e=require("./tslib.es6-19715349.js"),t=require("react"),n=require("./Onboarding-41fd57a7.js"),r=require("./gAssets.js"),a=require("./theme-71eaab71.js"),o=require("styled-components"),i=require("./index-97e08264.js"),l=require("./index-38cddff8.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:m,dataEventLabel:b,onSelect:f}=n,h=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:f,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},h),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);
-`,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;