@hhgtech/hhg-components 1.27.51 → 1.27.53

package/build/esm/index-68a1a3d3.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-51eea9b7.js";import t from"react";import{Image as r}from"@mantine/core";import{DatePickerInput as o}from"@mantine/dates";import{I as s}from"./index-3ca0026e.js";import{L as a}from"./Onboarding-0293eeb7.js";import{CommonGAssets as i}from"./gAssets.js";import{n}from"./index-e0aea4a9.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(o,Object.assign({locale:n[process.env.UNIFY_LOCALE||a.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||a.Vietnam])||void 0===m?void 0:m.dateFormat,size:"md",clearable:!1,popoverProps:d?{styles:{dropdown:{minWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center"}}}:{},styles:{root:{position:"relative"},rightSection:{pointerEvents:"none",cursor:"default"}},rightSection:t.createElement(r,{src:i.getAssetPath(p.isMB?"MB-calendar.svg":"OutlineCalendar.svg"),width:16,height:16}),value:c},p,{className:`input-control ${(null==p?void 0:p.className)||""}`}))};export{l as D};

package/build/esm/index-6fa718b6.js

@@ -1 +0,0 @@
-import e,{useState as t,useRef as a,useEffect as o}from"react";import{u as d}from"./useTranslations-9270a4f5.js";import{t as r}from"./theme-6bee4117.js";import{Z as l,I as s}from"./index-7d03b433.js";import{I as c}from"./index-fb3a5e3b.js";import{M as n}from"./index-a608c251.js";import{T as m}from"./index-443a59e3.js";import{u as i}from"./useScrollbarSize-5324ebfa.js";import{createPortal as h}from"react-dom";import{S as p,a as u,b as y}from"./index-afd54e9d.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(s.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(c,{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:s,children:c,className:n="",animationType:m="slideTop",isStaticBackdrop:b=!1,siteType:E})=>{const[C,N]=t(!1),_=a(null),{width:j}=i();if(!_.current&&C&&(_.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(_.current),()=>{e.removeChild(_.current)}}}),[C]),o((()=>{l?document.body.classList.add("hhc-modal-show"):g()}),[l]),o((()=>{l?(document.body.style.overflow="hidden",document.body.style.paddingRight=j+"px",document.body.classList.add("hhc-disabled-scroll")):f()}),[l,j]),!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},!b&&e.createElement(u,{"data-open":l,onClick:s,"data-type":d}),!b&&"video"===d&&!!r&&e.createElement("div",{className:"hhg-modal__close",onClick:s},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:s},r),c))),_.current)};export{E as M,b as N};

package/build/esm/index-6fd40676.js

@@ -1 +0,0 @@
-import a,{useState as e,useEffect as t}from"react";import{A as r,B as s}from"./index-7d03b433.js";import{_ as o}from"./tslib.es6-51eea9b7.js";import{u as n}from"./useTranslations-9270a4f5.js";import{B as d}from"./index-e0aea4a9.js";const l=({type:e="solid",className:t,style:s})=>a.createElement(r,{style:s,className:t,"data-diver-type":e,dividerType:e}),i={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},m=e=>{var{siteType:t,role:r,title:d,styles:l,className:m}=e,c=o(e,["siteType","role","title","styles","className"]);const{t:u}=n(),p=r?(a=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((e=>e===a)))(r):"",{classes:y,cx:v}=s(void 0,{name:"AuthorBadge",styles:l});return p&&i[p]?a.createElement("div",Object.assign({className:v(y.root,m),"data-label-type":p,"data-is-marrybaby":"marryBaby"===t},c),d||u(i[p])):null};var c="Dudns9-";const u=({value:r,choices:s,onChange:o})=>{const[n,l]=e(r);return t((()=>{l(r)}),[r]),a.createElement("div",{className:c},s.map(((e,t)=>a.createElement(d,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===n?"primary":"tertiary",key:t,onClick:()=>{l(e.value),null==o||o(e.value)}},e.label||""))))};export{m as A,u as B,l as D};

package/build/esm/index-75f1170e.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-51eea9b7.js";import l,{createContext as n,useContext as r,useRef as i,useState as t,useEffect as o}from"react";import{Carousel as s}from"@mantine/carousel";import{createStyles as d}from"@mantine/core";import{useViewportSize as c,useResizeObserver as a}from"@mantine/hooks";const u=s.Slide,v=n({}),m=(e,l)=>e>=l?e-l:e,h=n=>{var{children:r,blurFromCenter:u,blurFromIndex:h,blurLength:p=3,maxBlurOpacity:S=.5,onSlideChange:g,selectSlideWhenClick:f}=n,y=e(n,["children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange","selectSlideWhenClick"]);const{width:b}=c(),[C]=a(),k=i(null),[x,O]=t(0),I=()=>{var e,l,n,r,i;const t=(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes())||[];if((null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slideNodes().length)<=(null===(n=null==k?void 0:k.current)||void 0===n?void 0:n.slidesInView().length))return t.map((e=>{e.classList.remove("center-slide"),e.style.opacity="1"})),!1;const o=null===(r=null==k?void 0:k.current)||void 0===r?void 0:r.selectedScrollSnap();O(o);const s=t.length,d=(null===(i=null==k?void 0:k.current)||void 0===i?void 0:i.slidesInView()).length,c=Math.floor(d/2),a=u?h+p-1:c,v=o+a,g=v===s?0:v>s?v-s:v,f=o-a,y=f<0?s+f:f>0?o-a:0,b=[...new Set(Array(2*a+1).fill("").map(((e,l)=>m(y+l,s))))];t.map(((e,l)=>{if(l===o?e.classList.add("center-slide"):e.classList.remove("center-slide"),-1!==b.indexOf(l)){const i=S/p;for(let t=0;t<p;t++){if(l===m(y+t,s)||l===(r=s,(n=g-t)<0?r+n:n)){e.style.opacity=String((t+1)*i);break}e.style.opacity="1"}}else e.style.opacity="0";var n,r}))},j={getEmblaApi:e=>{k.current=e},onSlideChange:e=>{I(),null==g||g(e)}};o((()=>{(null==k?void 0:k.current)&&I()}),[b]);const w=d((()=>{var e,l;return{control:Object.assign({},(null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.slideNodes().length)<=(null===(l=null==k?void 0:k.current)||void 0===l?void 0:l.slidesInView().length)&&{display:"none"})}})),{classes:E}=w();return l.createElement(v.Provider,{value:{slider:null==k?void 0:k.current,centerSlide:x,selectSlideWhenClick:f}},l.createElement(s,Object.assign({classNames:{control:E.control},ref:C,slideSize:"auto",containScroll:"trimSnaps"},j,y,{loop:!0}),"function"==typeof r?r(x):r))};h.Slide=n=>{var{children:s,onClick:d,innerSlideProps:c}=n,a=e(n,["children","onClick","innerSlideProps"]);const{slider:m,selectSlideWhenClick:h}=r(v),p=i(),S=i(""),[g,f]=t(0);o((()=>{S.current=String(Math.round(1e4*Math.random()))}),[]),o((()=>{const e=(null==m?void 0:m.slideNodes())||[];f(e.findIndex((e=>e.dataset.key===S.current)))}),[m]);const y={ref:p,"data-key":S.current,"data-index":g};return l.createElement(u,Object.assign({},y,a),l.createElement("div",Object.assign({style:{height:"100%"},onClick:()=>{h&&(null==m||m.scrollTo(g)),null==d||d(g)}},c),s))};export{h as C};