@hhgtech/hhg-components 1.28.62 → 1.28.64-beta-1

package/build/esm/{index-7f709461.js → index-9690ac95.js}

@@ -1,4 +1,4 @@
-import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}from"./index-86b52a2c.js";import{u as o}from"./useTranslations-d3fe4d57.js";import{format as n}from"date-fns";import c from"react-day-picker/DayPickerInput";import d from"styled-components";import{t as s}from"./theme-75976adf.js";var l="tliWyii";const p=({className:a,theme:r,hideText:t})=>{const{t:n}=o();return e.createElement("div",{className:`${l} ${a}`},e.createElement(i.Spinner,{isMarryBaby:"marryBaby"===r}),!t&&n("loading"))},y={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=d.div`
+import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}from"./index-8c2b742a.js";import{u as o}from"./useTranslations-13dca823.js";import{format as n}from"date-fns";import c from"react-day-picker/DayPickerInput";import s from"styled-components";import{t as d}from"./theme-80deef14.js";var l="tliWyii";const p=({className:a,theme:r,hideText:t})=>{const{t:n}=o();return e.createElement("div",{className:`${l} ${a}`},e.createElement(i.Spinner,{isMarryBaby:"marryBaby"===r}),!t&&n("loading"))},y={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},u=s.div`
   .pickerContainer {
     position: relative;
     padding-top: 0;
@@ -39,7 +39,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
   .pickerOverlay {
     margin-top: 6px;
     background: white;
-    border-radius: ${s.borderRadius};
+    border-radius: ${d.borderRadius};
     box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
   }
 
@@ -61,7 +61,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
 
     .svg {
       cursor: pointer;
-      stroke: ${s.colors.gray800};
+      stroke: ${d.colors.gray800};
     }
     .react-datepicker__day {
       width: 40px;
@@ -77,7 +77,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     }
 
     .react-datepicker__day {
-      font-weight: ${s.sizes.fwBold};
+      font-weight: ${d.sizes.fwBold};
     }
 
     .react-datepicker__day--selected,
@@ -88,7 +88,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
       height: 30px;
       margin: 4px;
       margin-bottom: -2px;
-      background: ${s.colors.primaryBase};
+      background: ${d.colors.primaryBase};
       border-radius: 50%;
     }
 
@@ -105,12 +105,12 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
         stroke: #262626;
       }
       select {
-        background: ${s.colors.neutral100};
+        background: ${d.colors.neutral100};
         text-align: center;
         &:not(:last-child) {
           padding: 8px 10px;
           margin-right: 15px;
-          border-radius: ${s.borderRadius};
+          border-radius: ${d.borderRadius};
         }
       }
     }
@@ -319,9 +319,9 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     ) {
     position: relative;
 
-    background-color: ${s.colors.primaryBase};
+    background-color: ${d.colors.primaryBase};
     color: #f0f8ff;
-    font-weight: ${s.sizes.fwBold};
+    font-weight: ${d.sizes.fwBold};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
@@ -355,7 +355,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
     background: white;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
   }
-`,g=d.form`
+`,g=s.form`
   display: flex;
   width: 100%;
 
@@ -369,7 +369,7 @@ import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}fro
   & * {
     height: 46px;
     padding: 10px 10px;
-    background: ${s.colors.neutral100};
-    border-radius: ${s.borderRadius};
+    background: ${d.colors.neutral100};
+    border-radius: ${d.borderRadius};
   }
-`,k=({alignRight:i=!0,placeholder:o,displayDateFormat:d,onChange:s,customInput:l,pickedDate:p,className:k,isStatic:m,disabledDays:h,modifiers:b,UnHideOnClickOutside:D,initialMonth:x,locale:f="en-PH"})=>{const v=a(!1),w=n,[P,_]=r(x||new Date),E=a(null),C=a(null),M=y[f],O=e=>{D||E.current&&E.current.contains(e.target)||C.current&&C.current.hideDayPicker()},N=(new Date).getFullYear(),T=new Date(N-150,0),B=new Date(N+1,0),W=({date:a,onChange:r,monthLabels:t})=>{const i=[];for(let e=B.getFullYear();e>=T.getFullYear();e-=1)i.push(e);const o=function(e){const{year:a,month:t}=e.target.form;r(new Date(a.value,t.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(g,null,e.createElement("select",{name:"month",onChange:o,value:a.getMonth()},t.map(((a,r)=>e.createElement("option",{key:a,value:r},a)))),e.createElement("select",{name:"year",onChange:o,value:a.getFullYear()},i.map((a=>e.createElement("option",{key:a,value:a},a))))))};return t((()=>(document.addEventListener("mousedown",O,{passive:!0}),()=>{document.removeEventListener("mousedown",O,!1)})),[]),e.createElement(u,{className:k,"data-align-right":i,ref:E,"data-is-static":m||void 0},e.createElement(c,{ref:C,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:l&&e.forwardRef(((a,r)=>e.createElement(l,Object.assign({},a)))),onDayPickerHide:()=>{v.current=!1},onDayPickerShow:()=>{v.current=!0},dayPickerProps:{month:P,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:({date:a,localeUtils:r})=>{const t=null==r?void 0:r.getMonths();return e.createElement(W,{date:a,monthLabels:M||t,onChange:_})},disabledDays:h||void 0,modifiers:b},format:d||"yyyy-MM-dd",formatDate:(e,a)=>w(e,a),hideOnDayClick:!m,placeholder:o||"",onDayChange:e=>{var a;a=e,C.current&&!m&&C.current.hideDayPicker(),s&&s(a)},showOverlay:m}))};export{k as D,p as L};
+`,k=({alignRight:i=!0,placeholder:o,displayDateFormat:s,onChange:d,customInput:l,pickedDate:p,className:k,isStatic:m,disabledDays:h,modifiers:b,UnHideOnClickOutside:D,initialMonth:x,locale:f="en-PH"})=>{const v=a(!1),w=n,[P,_]=r(x||new Date),E=a(null),C=a(null),M=y[f],O=e=>{D||E.current&&E.current.contains(e.target)||C.current&&C.current.hideDayPicker()},N=(new Date).getFullYear(),T=new Date(N-150,0),B=new Date(N+1,0),W=({date:a,onChange:r,monthLabels:t})=>{const i=[];for(let e=B.getFullYear();e>=T.getFullYear();e-=1)i.push(e);const o=function(e){const{year:a,month:t}=e.target.form;r(new Date(a.value,t.value))};return e.createElement("div",{className:"DayPicker-Caption"},e.createElement(g,null,e.createElement("select",{name:"month",onChange:o,value:a.getMonth()},t.map(((a,r)=>e.createElement("option",{key:a,value:r},a)))),e.createElement("select",{name:"year",onChange:o,value:a.getFullYear()},i.map((a=>e.createElement("option",{key:a,value:a},a))))))};return t((()=>(document.addEventListener("mousedown",O,{passive:!0}),()=>{document.removeEventListener("mousedown",O,!1)})),[]),e.createElement(u,{className:k,"data-align-right":i,ref:E,"data-is-static":m||void 0},e.createElement(c,{ref:C,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:l&&e.forwardRef(((a,r)=>e.createElement(l,Object.assign({},a)))),onDayPickerHide:()=>{v.current=!1},onDayPickerShow:()=>{v.current=!0},dayPickerProps:{month:P,className:"picker",selectedDays:p,canChangeMonth:!0,enableOutsideDaysClick:!m,firstDayOfWeek:1,captionElement:({date:a,localeUtils:r})=>{const t=null==r?void 0:r.getMonths();return e.createElement(W,{date:a,monthLabels:M||t,onChange:_})},disabledDays:h||void 0,modifiers:b},format:s||"yyyy-MM-dd",formatDate:(e,a)=>w(e,a),hideOnDayClick:!m,placeholder:o||"",onDayChange:e=>{var a;a=e,C.current&&!m&&C.current.hideDayPicker(),d&&d(a)},showOverlay:m}))};export{k as D,p as L};

package/build/esm/{index-2fa5855e.js → index-9afd9172.js}

@@ -1 +1 @@
-import o,{useState as a,useEffect as e,useMemo as t,useCallback as l}from"react";import{v as i,w as d}from"./index.styles-9931a6ae.js";import{_ as s,a as n}from"./tslib.es6-d2e63c2c.js";import{u as r}from"./useTranslations-d3fe4d57.js";import{B as c}from"./index-91a6562c.js";import{P as v}from"./paths-fc50949c.js";import{a as u}from"./constants-901cc927.js";import{d as m}from"./index-b9ec0fe0.js";import{b as p,h as g}from"./utils-5c800314.js";import{i as y}from"./isProduction-cddd37e8.js";const b=({type:a="solid",className:e,style:t})=>o.createElement(i,{style:t,className:e,"data-diver-type":a,dividerType:a}),E={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},f=a=>{var{siteType:e,role:t,title:l,styles:i,className:n}=a,c=s(a,["siteType","role","title","styles","className"]);const{t:v}=r(),u=t?(o=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((a=>a===o)))(t):"",{classes:m,cx:p}=d(void 0,{name:"AuthorBadge",styles:i});return u&&E[u]?o.createElement("div",Object.assign({className:p(m.root,n),"data-label-type":u,"data-is-marrybaby":"marryBaby"===e},c),l||v(E[u])):null};var h="Dudns9-";const A=({value:t,choices:l,onChange:i})=>{const[d,s]=a(t);return e((()=>{s(t)}),[t]),o.createElement("div",{className:h},l.map(((a,e)=>o.createElement(c,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===d?"primary":"tertiary",key:e,onClick:()=>{s(a.value),null==i||i(a.value)}},a.label||""))))},T=e=>{var{label:i,bookingId:d,bookingType:b="doctor",locale:E="vi-VN"}=e,f=s(e,["label","bookingId","bookingType","locale"]);const{t:h}=r(),[A,T]=a(!1),_=t((()=>"undefined"!=typeof window?window.location.href:""),[]),C=l((()=>n(void 0,void 0,void 0,(function*(){var o,a,e,t,l,i,s,n,r,c,f,h,A,_,C;const j="doctor"===b?v.GET_DOCTOR_DETAIL:"hospital"===b?v.GET_HOSPITAL_DETAIL:"service"===b?v.GET_SERVICE_DETAIL:"";try{T(!0);const v=yield p(g(j,{id:d,site:m[E]}),"get");if(1===(null==v?void 0:v._status)){const d="doctor"===b?{id:null===(a=null===(o=null==v?void 0:v._data)||void 0===o?void 0:o.doctor)||void 0===a?void 0:a.id,slug:null===(t=null===(e=null==v?void 0:v._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.slug,localSlug:null===(l=u[E])||void 0===l?void 0:l.DOCTOR}:"hospital"===b?{id:null===(s=null===(i=null==v?void 0:v._data)||void 0===i?void 0:i.branch)||void 0===s?void 0:s.id,slug:null===(r=null===(n=null==v?void 0:v._data)||void 0===n?void 0:n.branch)||void 0===r?void 0:r.slug,localSlug:null===(c=u[E])||void 0===c?void 0:c.HOSPITAL}:{id:null===(h=null===(f=null==v?void 0:v._data)||void 0===f?void 0:f.service)||void 0===h?void 0:h.id,slug:null===(_=null===(A=null==v?void 0:v._data)||void 0===A?void 0:A.service)||void 0===_?void 0:_.slug,localSlug:null===(C=u[E])||void 0===C?void 0:C.SERVICE};window.location.href=`https://${y?"":"discover."}${m[E]}/care/${d.localSlug}/${d.slug}-${d.id}/`}else T(!1)}catch(o){console.log(o),T(!1)}}))),[]);return d&&b?o.createElement(c,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:_,onClick:C,loading:A},f),i||h("careBooking.bookAnAppointment")):null};export{f as A,A as B,b as D,T as a};
+import o,{useState as a,useEffect as e,useMemo as t,useCallback as l}from"react";import{v as i,w as d}from"./index.styles-0132251b.js";import{_ as s,a as n}from"./tslib.es6-cea976a7.js";import{u as r}from"./useTranslations-13dca823.js";import{B as c}from"./index-dc0c86fd.js";import{P as v}from"./paths-4ad3ca21.js";import{a as u}from"./constants-69dc3233.js";import{d as m}from"./index-36159954.js";import{b as p,h as g}from"./utils-5c44d1a5.js";import{i as y}from"./isProduction-9f06dc5d.js";const b=({type:a="solid",className:e,style:t})=>o.createElement(i,{style:t,className:e,"data-diver-type":a,dividerType:a}),E={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},f=a=>{var{siteType:e,role:t,title:l,styles:i,className:n}=a,c=s(a,["siteType","role","title","styles","className"]);const{t:v}=r(),u=t?(o=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((a=>a===o)))(t):"",{classes:m,cx:p}=d(void 0,{name:"AuthorBadge",styles:i});return u&&E[u]?o.createElement("div",Object.assign({className:p(m.root,n),"data-label-type":u,"data-is-marrybaby":"marryBaby"===e},c),l||v(E[u])):null};var h="Dudns9-";const A=({value:t,choices:l,onChange:i})=>{const[d,s]=a(t);return e((()=>{s(t)}),[t]),o.createElement("div",{className:h},l.map(((a,e)=>o.createElement(c,{dataEventCategory:a.dataEventCategory,dataEventAction:a.dataEventAction,dataEventLabel:a.dataEventLabel,size:"sm",variant:a.value===d?"primary":"tertiary",key:e,onClick:()=>{s(a.value),null==i||i(a.value)}},a.label||""))))},T=e=>{var{label:i,bookingId:d,bookingType:b="doctor",locale:E="vi-VN"}=e,f=s(e,["label","bookingId","bookingType","locale"]);const{t:h}=r(),[A,T]=a(!1),_=t((()=>"undefined"!=typeof window?window.location.href:""),[]),C=l((()=>n(void 0,void 0,void 0,(function*(){var o,a,e,t,l,i,s,n,r,c,f,h,A,_,C;const j="doctor"===b?v.GET_DOCTOR_DETAIL:"hospital"===b?v.GET_HOSPITAL_DETAIL:"service"===b?v.GET_SERVICE_DETAIL:"";try{T(!0);const v=yield p(g(j,{id:d,site:m[E]}),"get");if(1===(null==v?void 0:v._status)){const d="doctor"===b?{id:null===(a=null===(o=null==v?void 0:v._data)||void 0===o?void 0:o.doctor)||void 0===a?void 0:a.id,slug:null===(t=null===(e=null==v?void 0:v._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.slug,localSlug:null===(l=u[E])||void 0===l?void 0:l.DOCTOR}:"hospital"===b?{id:null===(s=null===(i=null==v?void 0:v._data)||void 0===i?void 0:i.branch)||void 0===s?void 0:s.id,slug:null===(r=null===(n=null==v?void 0:v._data)||void 0===n?void 0:n.branch)||void 0===r?void 0:r.slug,localSlug:null===(c=u[E])||void 0===c?void 0:c.HOSPITAL}:{id:null===(h=null===(f=null==v?void 0:v._data)||void 0===f?void 0:f.service)||void 0===h?void 0:h.id,slug:null===(_=null===(A=null==v?void 0:v._data)||void 0===A?void 0:A.service)||void 0===_?void 0:_.slug,localSlug:null===(C=u[E])||void 0===C?void 0:C.SERVICE};window.location.href=`https://${y?"":"discover."}${m[E]}/care/${d.localSlug}/${d.slug}-${d.id}/`}else T(!1)}catch(o){console.log(o),T(!1)}}))),[]);return d&&b?o.createElement(c,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:_,onClick:C,loading:A},f),i||h("careBooking.bookAnAppointment")):null};export{f as A,A as B,b as D,T as a};

package/build/esm/{index-69fe47fc.js → index-9b1da6c1.js}

@@ -1,9 +1,9 @@
-import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./utils-f9f05267.js";import{x as r,y as d,z as s,A as c,B as m,C as p,g as h}from"./index.styles-9931a6ae.js";import{T as u}from"./Plus-de7131f8.js";import{u as g}from"./useScrollbarSize-99a6d12c.js";import{createPortal as y}from"react-dom";import b from"styled-components";import{t as f}from"./theme-75976adf.js";import{u as v}from"./useTranslations-d3fe4d57.js";import{G as x}from"./Subot-7999ad6e.js";import{I as C}from"./index-86b52a2c.js";import{M as E,a as w}from"./index-daa02c08.js";import{T as B}from"./index-e9275a06.js";const k=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const f=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(k,{open:m,onClickOutside:f}),e.createElement(s,{open:m,placement:p,ref:b,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:f},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:f}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),h="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||s)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(E,{type:"subtitle-2",color:(t||s)===a.value?f.mbColors.dark:f.mbColors.midGray},a.label):e.createElement(B,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=h(b.div`
+import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as l}from"@mantine/core";import{t as n,M as i}from"./utils-0193d14e.js";import{x as r,y as d,z as s,A as c,B as m,C as p,g as h}from"./index.styles-0132251b.js";import{T as u}from"./index-cd383314.js";import{u as g}from"./useScrollbarSize-067a95bd.js";import{createPortal as y}from"react-dom";import b from"styled-components";import{t as v}from"./theme-80deef14.js";import{u as f}from"./useTranslations-13dca823.js";import{G as x}from"./Subot-6bd4468b.js";import{I as C}from"./index-8c2b742a.js";import{M as E,a as w}from"./index-f03c9c66.js";import{T as B}from"./index-14234adb.js";const k=({open:t=!1,onClickOutside:a})=>e.createElement(r,{"data-open":t,onClick:a}),_=({children:o,title:i,onClose:r,open:m=!1,placement:p="left",destroyOnClose:h=!1,isPropagationEvent:g=!0,className:y})=>{const b=t();a((()=>(n(m),()=>n(!1))),[m]);const v=()=>{b.current.classList.add("slideOut"),setTimeout((()=>{r()}),800)};return!m&&h?null:e.createElement(l,null,e.createElement(d,{className:y,open:m},e.createElement(k,{open:m,onClickOutside:v}),e.createElement(s,{open:m,placement:p,ref:b,hasTitle:Boolean(i)},e.createElement("div",{className:"title"},i&&e.createElement(u,{size:"s2",weight:"semiBold"},i),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"close-button",onClick:v},e.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),e.createElement(c,{onClick:e=>{g&&e.stopPropagation()}},o&&(e.isValidElement(o)?o:"function"==typeof o?o({internalClose:v}):null)))))},$=({value:t,options:a,className:l,direction:n="horizontal",onChange:i,isDisabled:r,siteType:d})=>{const[s,c]=o(t),h="marryBaby"===d;return e.createElement(m,{className:l,"data-direction":n},a.map(((a,o)=>e.createElement(p,{"data-selected":(t||s)===a.value,"data-is-mb":h,"data-disabled":r,key:o,onClick:()=>{var e;e=a.value,r||(c(e),i&&i(e))}},e.createElement("div",null,a.content,a.label&&e.createElement(e.Fragment,null,h?e.createElement(E,{type:"subtitle-2",color:(t||s)===a.value?v.mbColors.dark:v.mbColors.midGray},a.label):e.createElement(B,{type:"bold",color:(t||s)===a.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},a.label)))))))},j="hhgcomp-modal-modal",N=h(b.div`
   position: relative;
   z-index: 200;
-  background-color: ${f.colors.white};
-  border-radius: ${f.borderRadius};
-  box-shadow: 0px 4px 8px ${f.colors.gray200};
+  background-color: ${v.colors.white};
+  border-radius: ${v.borderRadius};
+  box-shadow: 0px 4px 8px ${v.colors.gray200};
   &[data-site-type='marryBaby'] {
     border-radius: 16px;
     .hhg-modal__content {
@@ -115,7 +115,7 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
         height: 192px;
         width: 100%;
         height: 100%;
-        border-radius: ${f.borderRadius};
+        border-radius: ${v.borderRadius};
         max-height: 192px;
       }
     }
@@ -142,9 +142,9 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
     display: none;
   }
   &[data-type='video'] {
-    background-color: ${f.colors.secondaryDark};
+    background-color: ${v.colors.secondaryDark};
   }
-`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:p})=>{const[h,u]=o(!1),b=t(null),{width:f}=g();if(!b.current&&h&&(b.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(h){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(b.current),()=>{e.removeChild(b.current)}}}),[h]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=f+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,f]),!h)return null;const v=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return y(e.createElement(L,{className:v,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":p},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),b.current)},S=b.div`
+`,T="hhg-modals",G=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},D=()=>{document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},M=({type:l="lead",closeIcon:n,isOpen:i=!0,onClose:r,children:d,className:s="",animationType:c="slideTop",isStaticBackdrop:m=!1,siteType:p})=>{const[h,u]=o(!1),b=t(null),{width:v}=g();if(!b.current&&h&&(b.current=document.createElement("div")),a((()=>(u(!0),()=>{u(!1),G(),D()})),[]),a((()=>{if(h){const e=(()=>{let e=document.getElementById(T);return e||(e=document.createElement("div"),e.setAttribute("id",T),document.body.append(e)),e})();return e.appendChild(b.current),()=>{e.removeChild(b.current)}}}),[h]),a((()=>{i?document.body.classList.add("hhc-modal-show"):G()}),[i]),a((()=>{i?(document.body.style.overflow="hidden",document.body.style.paddingRight=v+"px",document.body.classList.add("hhc-disabled-scroll")):D()}),[i,v]),!h)return null;const f=["hhg-modal__wrapper",s,c].filter((e=>e)).join(" ");return y(e.createElement(L,{className:f,"data-open":i,"data-type":l},!m&&e.createElement(z,{"data-open":i,onClick:r,"data-type":l}),!m&&"video"===l&&!!n&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),e.createElement(N,{className:"hhg-modal","data-open":i,"data-site-type":p},e.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!n&&"video"!==l&&e.createElement("div",{className:"hhg-modal__close",onClick:r},n),d))),b.current)},S=b.div`
   & > :not(:last-child) {
     margin-bottom: 8px;
   }
@@ -174,4 +174,4 @@ import e,{useRef as t,useEffect as a,useState as o}from"react";import{Portal as
   .radio-group-item-heading {
     margin-top: 0;
   }
-`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=v(),n="marryBaby"==o;return e.createElement(S,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:f.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(O,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(C.BabyBoyMB,null):e.createElement(C.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(C.BabyGirlMB,null):e.createElement(C.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};
+`,R=({value:t,onChange:a,siteType:o})=>{const{t:l}=f(),n="marryBaby"==o;return e.createElement(S,{"data-is-marryBaby":n},n?e.createElement(w,{type:"h4",color:v.mbColors.dark},l("tools.selectBabyGender")):e.createElement(u,{size:"label2",weight:"bold",style:{marginBottom:"0.5rem"}},l("tools.selectBabyGender")),e.createElement(O,{siteType:o,options:[{value:x.Boy,label:l("gender.male"),content:n?e.createElement(C.BabyBoyMB,null):e.createElement(C.GenderChooseBoy,null)},{value:x.Girl,label:l("gender.female"),content:n?e.createElement(C.BabyGirlMB,null):e.createElement(C.GenderChooseGirl,null)}],value:t,onChange:a,className:"gender-selector"}))};export{R as B,_ as D,M,$ as R};

package/build/esm/{index-1af07d9c.js → index-a9ca9dc5.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-d2e63c2c.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-901cc927.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};
+import{_ as e}from"./tslib.es6-cea976a7.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,b as r,d as l,e as i}from"./constants-69dc3233.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:y=!0,actionIcon:b,displayIcon:C,onActionClick:v,label:g,className:h,onChange:E,isDisabled:N,CustomInput:I,size:f,style:k,autoComplete:A="off",type:K="text",inputClassName:M,trackingAttributes:z,enterKeyHint:L}=c,j=e(c,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);const w=s(),H=t((()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{}),[z]);return a.createElement(o,{"data-size":f,className:h,"data-has-action-icon":!!b||void 0,"data-has-display-icon":!!C||void 0,"data-has-error":p&&p.length>0||void 0,color:w.fn.primaryColor(),shadowColor:w.colors[w.primaryColor][0],style:k},g&&a.createElement(n,{size:"label2",htmlFor:m,className:"inputLabel"},g),a.createElement("div",{style:{position:"relative"}},I||a.createElement("input",Object.assign({id:m,name:m,onChange:e=>E&&E(e.target.value),type:K,"aria-label":K,value:d,disabled:N,autoComplete:A,inputMode:u||"number"===K?"numeric":K,pattern:u?"[0-9]*":".*",className:M,enterKeyHint:L},H,j)),C&&a.createElement(r,{className:"displayIcon"},C),b&&a.createElement(l,{className:"actionIcon",onClick:v},b)),p&&p.length>0&&y&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};