@hhgtech/hhg-components 1.28.44 → 1.28.46

package/build/esm/index-3e89f917.js

@@ -0,0 +1 @@
+import e from"react";import{B as t}from"./index-49c2a65e.js";import{C as a}from"./index-fb029176.js";import l from"dayjs";import{d as n}from"./index-bcca5543.js";import{t as o}from"./theme-9f017335.js";import"./index-9e5a2805.js";import{Flex as i,Stack as r,Box as c}from"@mantine/core";import"@mantine/dates";import"./Subot-0c45fa4c.js";import"./index-3d2b9817.js";import{T as m}from"./index-fd0e0617.js";import{u as s}from"./useTranslations-80f9bf98.js";import"@mantine/hooks";import{L as d}from"./index-34cf1092.js";import{M as v}from"./index-c1cb45b2.js";import"./translationsContext-9fc8f894.js";import"string-format";var u="Lj0qoTD",E="OO-qFWT";const g=({url:t,isMobile:a,dataEventCategory:l,dataEventAction:n,dataEventLabel:o})=>e.createElement("div",{className:E,"data-is-mobile":a},e.createElement("img",{loading:"lazy",className:"country-flag",src:t,alt:"Country Flag","data-event-category":l,"data-event-action":n,"data-content-label":o})),p=({className:i,type:r="main",footerInfo:c,isMobile:d,locale:v})=>{var E,p,y,f,N,b,h,k,F,$,z,T,x,M,C,L,_,j,S,w,H,I,A,B,G,D,q,U;const{t:J}=s(),K=null==c?void 0:c.menu,O=(null===(p=null===(E=null==c?void 0:c.general)||void 0===E?void 0:E.verified)||void 0===p?void 0:p.filter(Boolean))||[];return e.createElement("footer",{className:`${u} ${i||""}`,style:"mini"===r?{backgroundColor:o.colors.neutral50}:{}},e.createElement(a,null,e.createElement("div",{className:"inner","data-type":r},"main"===r?e.createElement(e.Fragment,null,e.createElement("a",{href:"/"},e.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(y=null==c?void 0:c.general)||void 0===y?void 0:y.logo,alt:"Logo","data-is-sehat":"id-ID"===v})),e.createElement("div",{className:"columns"},e.createElement("div",{className:"newsletter"},e.createElement(m,{size:"p1",weight:"bold"},null===(f=null==c?void 0:c.general)||void 0===f?void 0:f.content),e.createElement(t,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),e.createElement("div",{className:"social"},e.createElement(m,{size:"sm"},null===(N=null==c?void 0:c.social)||void 0===N?void 0:N.title),e.createElement("div",{className:"icons"},null===(h=null===(b=null==c?void 0:c.social)||void 0===b?void 0:b.socials)||void 0===h?void 0:h.map(((t,a)=>e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":`Follow us - ${t.name}`,"data-content-label":t.url,href:t.url},e.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":`Follow us - ${t.name}`,"data-content-label":t.url,src:t.icon,alt:"Logo Social",className:"social-icon"}))))),e.createElement("hr",{className:"hrMobile"}))),e.createElement("div",null,K&&e.createElement(e.Fragment,null,e.createElement("div",{className:"biglinks"},null===(F=null===(k=K[0])||void 0===k?void 0:k.items)||void 0===F?void 0:F.map(((t,a)=>e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":`https://${n[v]}${t.url}`,className:"bigLink",key:a,href:t.url},t.title)))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"mHalf"},e.createElement(m,{size:"sm",className:"linkTitle"},null===($=K[1])||void 0===$?void 0:$.menu_title),null===(T=null===(z=K[1])||void 0===z?void 0:z.items)||void 0===T?void 0:T.map(((t,a)=>e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":`https://${n[v]}${t.url}`,className:"link",href:t.url,key:a},e.createElement(m,{size:"sm",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:`https://${n[v]}${t.url}`},t.title))))),e.createElement("div",{className:"mHalf"},e.createElement(m,{size:"sm",className:"linkTitle"},null===(x=K[2])||void 0===x?void 0:x.menu_title),null===(C=null===(M=K[2])||void 0===M?void 0:M.items)||void 0===C?void 0:C.map(((t,a)=>t.url&&e.createElement("a",{"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url,className:"link",href:t.url,key:a},e.createElement(m,{size:"sm",dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title)))))),e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"otherSites"},e.createElement(m,{size:"sm",className:"linkTitle"},null===(L=null==c?void 0:c.branch)||void 0===L?void 0:L.title),e.createElement("div",{className:"flags"},null===(j=null===(_=null==c?void 0:c.branch)||void 0===_?void 0:_.branch)||void 0===j?void 0:j.map(((t,a)=>e.createElement("a",{className:"link",href:t.url,key:a,"data-event-category":"Footer","data-event-action":t.name,"data-event-label":t.url},e.createElement(g,{url:t.flag,isMobile:d,dataEventCategory:"Footer",dataEventAction:t.name,dataEventLabel:t.url})))))))),e.createElement("hr",null),e.createElement("div",{className:"copyright"},e.createElement("div",{className:"copyright-image-wrapper"},O.length?O.map(((t,a)=>e.createElement("a",{href:t.url,key:a,className:"copyright-image"},e.createElement("img",{loading:"lazy",src:t.image,alt:"DMCA Icon"})))):null),e.createElement(m,{size:"xs",className:"copyright-content",as:"div"},e.createElement("div",{dangerouslySetInnerHTML:{__html:null===(S=null==c?void 0:c.general)||void 0===S?void 0:S.copyright.replace(/{currentYear}/gi,l().get("year").toString())}})))):e.createElement(e.Fragment,null,(null==c?void 0:c.menu)&&e.createElement("div",{className:"columns"},e.createElement("div",{className:"mHalf"},e.createElement(m,{size:"sm",className:"linkTitle"},null===(w=null==c?void 0:c.menu[1])||void 0===w?void 0:w.menu_title),null===(I=null===(H=null==c?void 0:c.menu[1])||void 0===H?void 0:H.items)||void 0===I?void 0:I.map((t=>e.createElement("a",{className:"link",href:t.url,key:t.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":t.title,"data-content-id":`https://${n[v]}${t.url}`,"data-event-category":"Footer","data-event-action":t.title,"data-event-label":`https://${n[v]}${t.url}`},e.createElement(m,{dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:`https://${n[v]}${t.url}`,size:"sm",style:{color:o.colors.gray800}},t.title))))),e.createElement("div",{className:"mHalf"},e.createElement(m,{size:"sm",className:"linkTitle"},null===(A=null==c?void 0:c.menu[2])||void 0===A?void 0:A.menu_title),null===(G=null===(B=null==c?void 0:c.menu[2])||void 0===B?void 0:B.items)||void 0===G?void 0:G.map(((t,a)=>e.createElement("a",{className:"link",href:t.url,key:a,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":t.title,"data-content-id":t.url,"data-event-category":"Footer","data-event-action":t.title,"data-event-label":t.url},e.createElement(m,{size:"sm",color:o.colors.gray800,dataEventCategory:"Footer",dataEventAction:t.title,dataEventLabel:t.url},t.title))))),"mini"!==r&&e.createElement("hr",{className:"hrMobile"}),e.createElement("div",{className:"newsletter"},e.createElement("div",{className:"social"},e.createElement(m,{size:"sm"},null===(D=null==c?void 0:c.social)||void 0===D?void 0:D.title),e.createElement("div",{className:"icons"},null===(U=null===(q=null==c?void 0:c.social)||void 0===q?void 0:q.socials)||void 0===U?void 0:U.map(((t,a)=>e.createElement("a",{key:a,"data-event-category":"Footer","data-event-action":`Follow us - ${t.name}`,"data-content-label":t.url,href:t.url},e.createElement("img",{"data-event-category":"Footer","data-event-action":`Follow us - ${t.name}`,"data-content-label":t.url,src:t.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))))))))))))};var y="B6-KmWK",f="GS-7mbG",N="qc5bEb3",b="CQGVeuT",h="_8eUT8Jr",k="_6JMoel-",F="pFG7UH3";const $=({logoType:t="marryBaby",footerMenu:n,background:s})=>{var u;if(!n)return null;const{general:E,menu:g,socials:p}=n;return e.createElement("footer",{className:y,style:{backgroundColor:s||"none"}},e.createElement(a,null,e.createElement("div",{className:f},null==g?void 0:g.map((({menu_title:t,items:a},l)=>e.createElement("div",{className:N,key:`mbf${l}`},e.createElement(v,{className:"title",type:"subtitle-1",color:o.mbColors.pink},t),null==a?void 0:a.map((({title:t,url:a},l)=>e.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":`${a}`,className:"link",href:a,key:`footer-links-${l}`},e.createElement("div",{className:b,key:`mbitem${l}`},e.createElement(v,{type:"bodytext-2",color:o.mbColors.gray},t)))))))))),e.createElement(a,null,e.createElement("div",{className:k},e.createElement(i,{gap:"24px",sx:e=>({[e.fn.largerThan("sm")]:{".info-item":{flexGrow:1,width:"50%"}},[e.fn.smallerThan("sm")]:{flexDirection:"column"}})},e.createElement(r,{spacing:"24px",className:"info-item"},e.createElement(d,{className:"logo",type:t}),e.createElement(m,{size:"p4",as:"div"},e.createElement("div",{dangerouslySetInnerHTML:{__html:null==E?void 0:E.content}})),e.createElement("div",{className:F},null==p?void 0:p.map((({icon:t,name:a,url:l},n)=>e.createElement("a",{key:`social${n}`,target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":`Follow us - ${a}`,"data-content-label":a,href:l},e.createElement("img",{className:"social-logo",loading:"lazy",src:t,alt:a})))))),e.createElement(c,{className:"info-item",sx:{paddingTop:"7px"}},e.createElement(m,{size:"p4",as:"div"},e.createElement("div",{dangerouslySetInnerHTML:{__html:null==E?void 0:E.information}})))))),e.createElement("div",{className:h},e.createElement(a,null,e.createElement("div",{className:"content"},e.createElement(m,{size:"p5",color:"#fff",as:"div"},e.createElement("div",{dangerouslySetInnerHTML:{__html:null==E?void 0:E.copyright.replace(/{currentYear}/gi,l().get("year").toString())}})),e.createElement("div",{className:"verify"},null===(u=null==E?void 0:E.verified)||void 0===u?void 0:u.map((({image:t,url:a},l)=>e.createElement("img",{loading:"lazy",key:`imgMbFt${l}`,src:t,alt:a}))))))))},z=({type:t,isMobile:a=!0,locale:l,footerInfo:n,siteType:o,background:i})=>"helloSites"===o?e.createElement(p,{isMobile:a,type:t,locale:l,footerInfo:n||{}}):e.createElement($,{footerMenu:n,background:i});export{z as F};

package/build/esm/{index-d2d4296b.js → index-4786b57c.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-ed0fd94c.js";import a,{useMemo as t}from"react";import{useMantineTheme as s}from"@mantine/core";import{S as o,L as n,a as r,b as l,d as i}from"./constants-3923407c.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-cabcb8ea.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-e35c5696.js";const c=c=>{var{name:m,value:d,errorMessage:p,isNumerousKeyboard:u=!1,showErrorMessage:b=!0,actionIcon:y,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":!!y||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),y&&a.createElement(l,{className:"actionIcon",onClick:v},y)),p&&p.length>0&&b&&a.createElement(i,{className:"errorLabel"},p))};export{c as I};

package/build/esm/{index-c55d9a53.js → index-49c2a65e.js}

@@ -1 +1 @@
-import{_ as a}from"./tslib.es6-ed0fd94c.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:P,className:g,onClick:k,icon:v,iconPosition:E="left",children:y,isLoading:N=!1,loadingText:b,dataEventCategory:f,dataEventAction:L,dataEventLabel:B,dataProductChannel:w,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":f,"data-event-action":L,"data-event-label":B,"data-product-channel":w,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||N)&&t.createElement("span",{className:r},N?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${g||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!N&&!h&&k&&k(a)},title:P,"data-is-loading":N,type:j},F),t.createElement("span",{className:c},"left"===E&&W,y&&t.createElement("span",{className:o},N&&b||y),"right"===E&&W))};export{l as B};
+import{_ as a}from"./tslib.es6-cabcb8ea.js";import t from"react";var e="P03rcnV",d="LsvykAk",o="S2kaD9B",c="fAwTdkg",i="ITgol3T",r="cD-HMFz",n="oAG2-aJ",s="Y9fGCaj";const l=l=>{var{size:C,color:m="primary",theme:u="helloSites",isDisabled:h,isBlock:p,title:P,className:g,onClick:k,icon:v,iconPosition:E="left",children:b,isLoading:y=!1,loadingText:N,dataEventCategory:f,dataEventAction:L,dataEventLabel:B,dataProductChannel:w,dataProductSku:x,dataProductBrand:A,dataProductName:T,dataProductPrice:z,dataProductCategory:D,dataProductPosition:S,type:j}=l,F=a(l,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);const M={"data-event-category":f,"data-event-action":L,"data-event-label":B,"data-product-channel":w,"data-product-sku":x,"data-product-brand":A,"data-product-name":T,"data-product-price":z,"data-product-category":D,"data-product-position":S},G=t.createElement("span",{className:d},t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("circle",{className:s,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),t.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t.createElement("mask",{id:"path-1-inside-1",fill:"white"},t.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),t.createElement("path",{className:n,d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),W=(v||y)&&t.createElement("span",{className:r},y?G:v," ");return t.createElement("button",Object.assign({},M,{className:`${i} ${g||""}`,"data-size":C,"data-color":m,"data-block":p,"data-has-icon":!!v||void 0,"data-theme":u,disabled:h,onClick:a=>{!y&&!h&&k&&k(a)},title:P,"data-is-loading":y,type:j},F),t.createElement("span",{className:c},"left"===E&&W,b&&t.createElement("span",{className:o},y&&N||b),"right"===E&&W))};export{l as B};

package/build/esm/index-5cacbac8.js

@@ -0,0 +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-00233f7a.js";import{_ as s,a as n}from"./tslib.es6-cabcb8ea.js";import{u as r}from"./useTranslations-80f9bf98.js";import{B as c}from"./index-9e5a2805.js";import{P as v}from"./paths-2d37bc61.js";import{a as u}from"./constants-e35c5696.js";import{d as m}from"./index-bcca5543.js";import{b as p,h as b}from"./utils-39fb1c8c.js";import{i as g}from"./isProduction-cfb9150a.js";const y=({type:a="solid",className:e,style:t})=>o.createElement(i,{style:t,className:e,"data-diver-type":a,dividerType:a}),f={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},E=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&&f[u]?o.createElement("div",Object.assign({className:p(m.root,n),"data-label-type":u,"data-is-marrybaby":"marryBaby"===e},c),l||v(f[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:y="doctor",locale:f="vi-VN"}=e,E=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,E,h,A,_,C;const j="doctor"===y?v.GET_DOCTOR_DETAIL:"hospital"===y?v.GET_HOSPITAL_DETAIL:"service"===y?v.GET_SERVICE_DETAIL:"";try{T(!0);const v=yield p(b(j,{id:d,site:m[f]}),"get");if(1===(null==v?void 0:v._status)){const d="doctor"===y?{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[f])||void 0===l?void 0:l.DOCTOR}:"hospital"===y?{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[f])||void 0===c?void 0:c.HOSPITAL}:{id:null===(h=null===(E=null==v?void 0:v._data)||void 0===E?void 0:E.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[f])||void 0===C?void 0:C.SERVICE};window.location.href=`https://${g?"":"discover."}${m[f]}/care/${d.localSlug}/${d.slug}-${d.id}/`}else T(!1)}catch(o){console.log(o),T(!1)}}))),[]);return d&&y?o.createElement(c,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:_,onClick:C,loading:A},E),i||h("careBooking.bookAnAppointment")):null};export{E as A,A as B,y as D,T as a};

package/build/esm/index-638a744e.js

@@ -0,0 +1 @@
+import{_ as t}from"./tslib.es6-cabcb8ea.js";import e from"react";import"./index-9e5a2805.js";import"@mantine/core";import"@mantine/dates";import"./index-bcca5543.js";import"./Subot-0c45fa4c.js";import"./index-3d2b9817.js";import{T as i}from"./index-fd0e0617.js";import"./theme-9f017335.js";import"./translationsContext-9fc8f894.js";import"string-format";import"@mantine/hooks";const r=r=>{var{size:o="base",type:s="regular"}=r,a=t(r,["size","type"]);return e.createElement(i,Object.assign({size:o,weight:"caption"===s?"bold":s},a))};export{r as T};

package/build/esm/index-73532662.js

@@ -0,0 +1 @@
+import{_ as o}from"./tslib.es6-cabcb8ea.js";import t from"react";import{Indicator as e}from"@mantine/core";import{t as r}from"./theme-9f017335.js";const s=s=>{var{styles:i,color:a=r.colors.red700}=s,n=o(s,["styles","color"]);return t.createElement(e,Object.assign({inline:!0,position:"top-end",offset:4,styles:Object.assign({processing:{animationDirection:"alternate"}},i),color:a},n))};export{s as I};

package/build/esm/{index-219d0267.js → index-7b8714ba.js}

@@ -1 +1 @@
-import{_ as e}from"./tslib.es6-ed0fd94c.js";import t from"react";import{Image as o}from"@mantine/core";import{DatePickerInput as r}from"@mantine/dates";import{I as s}from"./index-49f5f7fe.js";import{L as i}from"./Subot-dac02b43.js";import{C as a}from"./index-c011f60e.js";import{M as n}from"./index-bc7b446c.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(r,Object.assign({locale:n[process.env.UNIFY_LOCALE||i.Vietnam],valueFormat:null===(m=s[process.env.UNIFY_LOCALE||i.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(o,{src:a.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};
+import{_ as e}from"./tslib.es6-cabcb8ea.js";import t from"react";import{Image as o}from"@mantine/core";import{DatePickerInput as r}from"@mantine/dates";import{I as a}from"./index-bcca5543.js";import{L as s}from"./Subot-0c45fa4c.js";import{C as i}from"./index-3d2b9817.js";import{M as n}from"./index-9e5a2805.js";const l=l=>{var m,{value:c,fullWidth:d=!0}=l,p=e(l,["value","fullWidth"]);return t.createElement(r,Object.assign({locale:n[process.env.UNIFY_LOCALE||s.Vietnam],valueFormat:null===(m=a[process.env.UNIFY_LOCALE||s.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(o,{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-865973f4.js

@@ -0,0 +1,375 @@
+import e,{useRef as a,useState as r,useEffect as t}from"react";import{I as i}from"./index-fd0e0617.js";import{u as o}from"./useTranslations-80f9bf98.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-9f017335.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;
+    & > div > svg {
+      position: absolute;
+      top: 36px;
+      right: 16px;
+      cursor: pointer;
+    }
+
+    & > :not(:first-child) {
+      position: absolute;
+      z-index: 2;
+      width: 100%;
+    }
+  }
+
+  &[data-is-static] .pickerOverlayWrapper {
+    position: static;
+    max-width: 250px;
+    aspect-ratio: 1 / 1;
+
+    > .pickerOverlay {
+      padding: 1rem;
+    }
+  }
+
+  .pickerOverlayWrapper {
+    min-width: 320px;
+  }
+
+  &[data-align-right='true'] {
+    .pickerOverlayWrapper {
+      right: 0;
+    }
+  }
+
+  .pickerOverlay {
+    margin-top: 6px;
+    background: white;
+    border-radius: ${d.borderRadius};
+    box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
+  }
+
+  .picker {
+    width: 100%;
+  }
+
+  .react-datepicker-popper {
+    .react-datepicker {
+      display: flex;
+      width: 340px;
+      height: 305px;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      box-shadow: (-1px 1px 2px rgba(67, 70, 74, 0.0001)),
+        (-2px 2px 5px rgba(67, 86, 100, 0.123689));
+    }
+
+    .svg {
+      cursor: pointer;
+      stroke: ${d.colors.gray800};
+    }
+    .react-datepicker__day {
+      width: 40px;
+    }
+
+    .react-datepicker__header {
+      border-bottom: 0;
+      background-color: white;
+    }
+
+    .react-datepicker__day--outside-month {
+      color: #e9e9e9;
+    }
+
+    .react-datepicker__day {
+      font-weight: ${d.sizes.fwBold};
+    }
+
+    .react-datepicker__day--selected,
+    .react-datepicker__day--today,
+    .react-datepicker__day--selected:hover,
+    .react-datepicker__day--keyboard-selected {
+      width: 32px;
+      height: 30px;
+      margin: 4px;
+      margin-bottom: -2px;
+      background: ${d.colors.primaryBase};
+      border-radius: 50%;
+    }
+
+    .react-datepicker__day-name {
+      width: 40px;
+    }
+
+    .react-datepicker__triangle {
+      display: none;
+    }
+
+    .react-datepicker__header.react-datepicker__header--custom {
+      svg {
+        stroke: #262626;
+      }
+      select {
+        background: ${d.colors.neutral100};
+        text-align: center;
+        &:not(:last-child) {
+          padding: 8px 10px;
+          margin-right: 15px;
+          border-radius: ${d.borderRadius};
+        }
+      }
+    }
+  }
+
+  /* DayPicker styles */
+
+  .DayPicker {
+    display: inline-block;
+    font-size: 1rem;
+  }
+
+  .DayPicker-wrapper {
+    position: relative;
+
+    flex-direction: row;
+    padding-bottom: 1em;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-Months {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .DayPicker-Month {
+    display: table;
+    margin: 0 16px;
+    margin-top: 16px;
+    border-collapse: collapse;
+    border-spacing: 0;
+
+    -webkit-user-select: none;
+
+    -moz-user-select: none;
+
+    -ms-user-select: none;
+
+    user-select: none;
+  }
+
+  .DayPicker-NavBar {
+    position: absolute;
+    top: 16px;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+  }
+
+  .DayPicker-NavButton {
+    width: 24px;
+    height: 24px;
+    margin-bottom: -47px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
+    color: #8b9898;
+    cursor: pointer;
+  }
+
+  .DayPicker-NavButton:hover {
+    opacity: 0.8;
+  }
+
+  .DayPicker-NavButton--prev {
+    //left: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L1 5L5 1' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--next {
+    //right: 2px;
+    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23262626' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  }
+
+  .DayPicker-NavButton--interactionDisabled {
+    display: none;
+  }
+
+  .DayPicker-Caption {
+    display: table-caption;
+    width: 100%;
+    height: 46px;
+    padding: 0 32px;
+  }
+
+  .DayPicker-Caption select {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    text-align: left;
+  }
+
+  .DayPicker-Weekdays {
+    display: table-header-group;
+    margin-top: 1em;
+  }
+
+  .DayPicker-WeekdaysRow {
+    display: table-row;
+  }
+
+  .DayPicker-Weekday {
+    display: table-cell;
+    padding: 0.5em;
+    color: #8b9898;
+    font-size: 0.875em;
+    text-align: center;
+  }
+
+  .DayPicker-Weekday abbr[title] {
+    border-bottom: none;
+    text-decoration: none;
+  }
+
+  .DayPicker-Body {
+    display: table-row-group;
+  }
+
+  .DayPicker-Week {
+    display: table-row;
+  }
+
+  .DayPicker-Day {
+    display: table-cell;
+
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  .DayPicker-WeekNumber {
+    display: table-cell;
+    min-width: 1em;
+    padding: 0.5em;
+    border-right: 1px solid #eaecec;
+    color: #8b9898;
+    cursor: pointer;
+    font-size: 0.75em;
+    text-align: right;
+    vertical-align: middle;
+  }
+
+  .DayPicker--interactionDisabled .DayPicker-Day {
+    cursor: default;
+  }
+
+  .DayPicker-Footer {
+    padding-top: 0.5em;
+  }
+
+  .DayPicker-TodayButton {
+    border: none;
+    background-color: transparent;
+    background-image: none;
+    box-shadow: none;
+    color: #4a90e2;
+    cursor: pointer;
+    font-size: 0.875em;
+  }
+
+  /* Default modifiers */
+
+  .DayPicker-Day--today {
+    color: #d0021b;
+    font-weight: 700;
+  }
+
+  .DayPicker-Day--outside {
+    color: #8b9898;
+    cursor: default;
+  }
+
+  .DayPicker-Day--disabled {
+    color: #dce0e0;
+    cursor: default;
+    /* background-color: #eff1f1; */
+  }
+
+  /* Example modifiers */
+
+  .DayPicker-Day--sunday {
+    background-color: #f7f8f8;
+  }
+
+  .DayPicker-Day--sunday:not(.DayPicker-Day--today) {
+    color: #dce0e0;
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ) {
+    position: relative;
+
+    background-color: ${d.colors.primaryBase};
+    color: #f0f8ff;
+    font-weight: ${d.sizes.fwBold};
+  }
+
+  .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--outside
+    ):hover {
+    background-color: #51a0fa;
+  }
+
+  .DayPicker:not(.DayPicker--interactionDisabled)
+    .DayPicker-Day:not(.DayPicker-Day--disabled):not(
+      .DayPicker-Day--selected
+    ):not(.DayPicker-Day--outside):hover {
+    background-color: #f0f8ff;
+  }
+
+  /* DayPickerInput */
+
+  .DayPickerInput {
+    display: inline-block;
+  }
+
+  .DayPickerInput-OverlayWrapper {
+    position: relative;
+  }
+
+  .DayPickerInput-Overlay {
+    position: absolute;
+    z-index: 1;
+    left: 0;
+
+    background: white;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
+  }
+`,g=s.form`
+  display: flex;
+  width: 100%;
+
+  height: 46px;
+  align-items: center;
+  justify-content: space-between;
+  & > :first-child {
+    margin-right: 10px;
+  }
+
+  & * {
+    height: 46px;
+    padding: 10px 10px;
+    background: ${d.colors.neutral100};
+    border-radius: ${d.borderRadius};
+  }
+`,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-92506b05.js

@@ -0,0 +1 @@
+import{_ as e}from"./tslib.es6-cabcb8ea.js";import t from"react";import{Modal as s,CloseButton as a}from"@mantine/core";import{C as l}from"./index-3d2b9817.js";import{j as o}from"./index-9e5a2805.js";import{T as n}from"./index-fd0e0617.js";const r=r=>{var{title:i,styles:m}=r,c=e(r,["title","styles"]);const{classes:d}=o(void 0,{name:"Modal",styles:m});return t.createElement(t.Fragment,null,t.createElement(s,Object.assign({centered:!0,classNames:d},c,{withCloseButton:!1,title:c.withCloseButton&&t.createElement(t.Fragment,null,t.createElement(n,{size:"s2",weight:"semiBold",as:"span"},i),t.createElement(a,Object.assign({},c.closeButtonProps,{onClick:()=>{var e;return null===(e=c.onClose)||void 0===e?void 0:e.call(c)},sx:{":focus":{outline:0}}}),t.createElement("img",{loading:"lazy",className:"mantine-Modal-close",src:l.getAssetPath("CloseModal.svg"),style:{width:"16px"}})))})))};export{r as M};