@hhgtech/hhg-components 1.21.0-beta-9 → 1.21.0-beta-10

package/build/esm/care/components/organisms/bookingSearchBar/reducer.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../../node_modules/tslib/tslib.es6.js";import{ID_OPTION_CURRENT_LOCATION as i}from"../../../interfaces/constants.js";import{SEARCH_KEYWORD_MIN_LENGTH as t}from"./constants.js";var a,o={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"};function s(i){var t=i.selectedLocation,a=i.searchLocationKeywords;return t&&a!==t.name?e(e({},i),{searchLocationKeywords:t.name}):i}function c(o,c){var n;switch(o.isDebug&&console.log("bookingSearchBar",{action:c,state:o}),c.type){case a.NavigateTo:return e(e({},o),{navigateTo:c.payload,focused:"none",isMobileModalOpened:!1});case a.ClickOutsideInputLocation:return o.isMobile||"location"!==o.focused?o:s(e(e({},o),{focused:"none"}));case a.ClickOutsideInputSearch:return o.isMobile||"search"!==o.focused?o:e(e({},o),{focused:"none"});case a.FocusInputLocation:var r=e(e({},o),{focused:"location"});return(null===(n=o.selectedLocation)||void 0===n?void 0:n.id)===i&&(r.searchLocationKeywords=""),r;case a.FocusInputSearch:var l=e(e({},o),{focused:"search"});return o.isMobile?s(l):l;case a.ChangeInputLocation:return e(e({},o),{searchLocationKeywords:c.payload});case a.ChangeInputSearch:var u=c.payload;return e(e({},o),{searchKeywords:u,isLoadingSearchResults:u.trim().length>t[o.locale]});case a.SelectCurrentLocation:return e(e({},o),{focused:"none",selectedLocation:c.payload,searchLocationKeywords:c.payload.name});case a.ClearInputLocation:return e(e({},o),{focused:"location",cities:o.initialCities,searchLocationKeywords:""});case a.ClearInputSearch:return e(e({},o),{focused:"search",searchKeywords:""});case a.SelectLocation:return e(e({},o),{focused:"none",selectedLocation:c.payload,searchLocationKeywords:c.payload.name});case a.SelectSearchResult:return e(e({},o),{searchKeywords:c.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:c.payload.url});case a.FetchCitiesStart:return e(e({},o),{isLoadingCities:!0});case a.FetchCitiesFinish:return e(e({},o),{isLoadingCities:!1});case a.FetchSearchResultsStart:return e(e({},o),{isLoadingSearchResults:!0});case a.FetchSearchResultsFinish:return e(e({},o),{isLoadingSearchResults:!1});case a.FetchSearchResultsComplete:var d=e(e({},o),{searchResults:c.payload});return 0===o.initialSearchResults.length&&(d.initialSearchResults=c.payload),d;case a.FetchCitiesByGeoIpComplete:var h=c.payload.cities,p=c.payload.default;(h=h.filter((function(e){return e.id!==p.id}))).unshift(p),o.initialSelectedCity&&!h.find((function(e){return e.id===o.initialSelectedCity.id}))&&h.unshift(o.initialSelectedCity);var y=e(e({},o),{defaultCity:p,initialCities:h,cities:h});return"denied"!==o.geoLocationPermission||o.initialSelectedCity||(y.selectedLocation=p,y.searchLocationKeywords=p.name),y;case a.FetchCitiesByKeywordComplete:return e(e({},o),{cities:c.payload});case a.DisplayInitialCities:return e(e({},o),{cities:o.initialCities});case a.DisplayInitialSearchResults:return e(e({},o),{searchResults:o.initialSearchResults,isLoadingSearchResults:!1});case a.GrantGeoLocationPermission:return e(e({},o),{geoLocationPermission:"granted",geoLocationCoordinates:c.payload});case a.DenyGeoLocationPermission:return e(e({},o),{geoLocationPermission:"denied",geoLocationCoordinates:null});case a.OpenMobileModal:return e(e({},o),{isMobileModalOpened:!0});case a.CloseMobileModal:return e(e({},o),{isMobileModalOpened:!1});case a.UpdateInitialSearchValue:return e(e({},o),{searchKeywords:c.payload});case a.SetInputSearchPlaceholder:return e(e({},o),{inputSearchPlaceholder:c.payload});default:return o}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(a||(a={}));export{a as ActionTypes,o as initialState,c as reducer};

package/build/esm/care/components/organisms/bookingSearchBar/resultSection/icons.js

@@ -0,0 +1 @@
+import C from"react";var e=function(){return C.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},C.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},t=function(){return C.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},H=function(){return C.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},C.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},V=function(){return C.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},C.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))};export{e as DoctorIcon,H as HospitalIcon,t as ServiceIcon,V as SpecialtyIcon};

package/build/esm/care/components/organisms/bookingSearchBar/resultSection/index.js

@@ -0,0 +1 @@
+import o,{useState as e,useMemo as t}from"react";import{ActionTypes as s}from"../reducer.js";import{LOCALIZED_SLUGS as n}from"../../../../interfaces/constants.js";import{Text as i}from"../../../../../components/atoms/text/index.js";import"../../../../../components/atoms/alert/index.styled.js";import"../../../../../components/atoms/avatar/index.styled.js";import"../../../../../components/atoms/badge/index.styled.js";import"../../../../../components/atoms/borderHeading/index.styled.js";import"../../../../../components/atoms/button/index.styled.js";import"../../../../../components/atoms/divider/index.styled.js";import"../../../../../components/atoms/fileDropdown/index.styled.js";import"../../../../../components/atoms/flag/index.styled.js";import"../../../../../components/atoms/grid/index.styled.js";import"../../../../../components/atoms/heading/index.styled.js";import"../../../../../components/atoms/label/index.js";import"../../../../../components/atoms/input/index.styled.js";import"../../../../../components/atoms/logo/index.js";import"../../../../../misc/utils.js";import"../../../../../components/atoms/pagination/index.styled.js";import"../../../../../components/atoms/pureInput/index.js";import"../../../../../components/atoms/radio/index.styled.js";import"../../../../../components/atoms/shadow/index.styled.js";import"react-range";import"../../../../../components/atoms/slider/index.styled.js";import"../../../../../components/atoms/tag/index.styled.js";import"../../../../../components/atoms/toggle/index.styled.js";import"../../../../../components/atoms/underlinedLink/index.styled.js";import"../../../../../components/atoms/uploader/index.styled.js";import"../../../../../components/atoms/textArea/index.js";import"../../../../../components/atoms/container/index.styled.js";import"../../../../../components/atoms/checkbox/index.styled.js";import"../../../../../components/atoms/textDivider/index.js";import"../../../../../components/atoms/rateStars/index.styled.js";import"../../../../../components/atoms/icons/Ask.js";import"../../../../../components/atoms/icons/BarChart.js";import"../../../../../components/atoms/icons/Booking.js";import"../../../../../components/atoms/icons/Bookmark.js";import"../../../../../components/atoms/icons/Community.js";import"../../../../../components/atoms/icons/EditSpecial.js";import"../../../../../components/atoms/icons/Family.js";import"../../../../../components/atoms/icons/Font.js";import"../../../../../components/atoms/icons/Heart.js";import"../../../../../components/atoms/icons/Home.js";import"../../../../../components/atoms/icons/Like.js";import"../../../../../components/atoms/icons/MyCommunity.js";import"../../../../../components/atoms/icons/PlusSpecial.js";import"../../../../../components/atoms/icons/Recalculate.js";import"../../../../../components/atoms/icons/Scale.js";import"../../../../../components/atoms/icons/Share.js";import"../../../../../components/atoms/icons/Stethoscope.js";import"../../../../../components/atoms/progress/index.styled.js";import"react-dom";import"../../../../../components/atoms/backdrop/index.styled.js";import"../../../../../components/atoms/drawer/index.styled.js";import"../../../../../components/atoms/menu/index.js";import"../../../../../components/atoms/radioImageGroup/index.styled.js";import{useTranslations as m}from"../../../../../hooks/useTranslations.js";import{theme as a}from"../../../../../misc/theme.js";import c from"react-loading-skeleton";import{SEARCH_KEYWORD_MIN_LENGTH as r}from"../constants.js";import{ResultSectionItem as p}from"../resultSectionItem/index.js";import{StyledResult as l,StyledPictureWrapper as d,StyledImageSkeletonWrapper as u}from"../resultSectionItem/index.styled.js";import{DoctorIcon as j,ServiceIcon as g,HospitalIcon as y,SpecialtyIcon as h}from"./icons.js";import{StyledTypeHeader as x,StyledInfoWrapper as k,StyledTypeName as E,StyledSeeMoreButton as f,StyledResultsContainer as b,StyledItemsWrapper as S,StyledSeeMore as v}from"./index.styled.js";var w=function(w){var P=w.type,C=w.data,I=w.state,T=w.dispatch,B=w.itemsToShow,L=w.itemsToShowDesktop,z=w.isMobile,A=w.isLoading,H=w.keyword,R=e(!1),D=R[0],M=R[1],O=m(),F=O.t,N=O.locale,q=I.selectedLocation,G=I.searchKeywords,K=t((function(){return n[N]}),[N]),U=t((function(){return{doctors:{name:F("booking.searchPopup.doctors"),icon:o.createElement(j,null),slug:K.DOCTOR},services:{name:F("booking.searchPopup.services"),icon:o.createElement(g,null),slug:K.SERVICE},hospitals:{name:F("booking.searchPopup.hospitals"),icon:o.createElement(y,null),slug:K.HOSPITAL},specialties:{name:F("booking.searchPopup.specialties"),icon:o.createElement(h,null),slug:K.SPECIALTIES}}}),[P,K]),V=t((function(){return U[P].slug}),[U]),W=z?B:L;function J(o){var e="";switch(P){case"specialties":e="/".concat(q.slug,"/").concat(U.doctors.slug,"/").concat(o.slug);break;case"services":e="/".concat(q.slug,"/").concat(V,"/").concat(o.slug);break;case"doctors":case"hospitals":e="/".concat(V,"/").concat(o.slug,"-").concat(o.id)}e&&T({type:s.SelectSearchResult,payload:{name:o.name,url:e}})}function Q(e){return o.createElement(p,{key:e.id,item:e,type:P,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:J})}return o.createElement("section",null,o.createElement(x,null,o.createElement(k,null,U[P].icon,o.createElement(E,null,U[P].name)),H.trim().length<=r[N]&&o.createElement(f,{onClick:function(){var o="";switch(P){case"specialties":o="/".concat(V);break;case"services":case"doctors":case"hospitals":o="/".concat(q.slug,"/").concat(V)}o&&T({type:s.NavigateTo,payload:o})}},o.createElement(i,{size:"p3",color:a.colors.primaryBase},F("booking.searchPopup.seeAll")))),(A||C&&C.length>0)&&o.createElement(b,null,o.createElement(S,null,A&&Array(2).fill(void 0).map((function(e,t){return o.createElement(l,{key:P+"loading"+t},o.createElement(d,null,o.createElement(u,null,o.createElement(c,{height:14,width:"hospitals"===P?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),o.createElement(c,{width:120,height:24}))})),!A&&C&&C.length>0&&C.slice(0,W).map(Q)),o.createElement(S,{isShown:D,isMore:!0},C.slice(W,-1).map(Q)),"specialties"===P&&W<C.length&&!A&&o.createElement("button",{onClick:function(){return M(!D)}},o.createElement(v,{size:"p3",color:a.colors.primaryBase},F(D?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==P&&W<C.length&&!A&&H.trim().length>r[N]&&o.createElement("button",{onClick:function(){var o=U[P].slug,e="/".concat(q.slug,"/").concat(o,"?q=").concat(G);T({type:s.NavigateTo,payload:e})}},o.createElement(v,{size:"p3",color:a.colors.primaryBase},F("booking.searchPopup.searchIn.".concat(P),{name:H})))),!A&&0===(null==C?void 0:C.length)&&o.createElement(b,null,o.createElement(i,{size:"sm",color:a.colors.gray400},F("booking.searchBar.noResults"))))};export{w as ResultSection};

package/build/esm/care/components/organisms/bookingSearchBar/resultSection/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../../node_modules/tslib/tslib.es6.js";import"react";import{Text as o}from"../../../../../components/atoms/text/index.js";import"../../../../../components/atoms/alert/index.styled.js";import"../../../../../components/atoms/avatar/index.styled.js";import"../../../../../components/atoms/badge/index.styled.js";import"../../../../../components/atoms/borderHeading/index.styled.js";import"../../../../../components/atoms/button/index.styled.js";import"../../../../../components/atoms/divider/index.styled.js";import"../../../../../components/atoms/fileDropdown/index.styled.js";import"../../../../../components/atoms/flag/index.styled.js";import"../../../../../components/atoms/grid/index.styled.js";import"../../../../../components/atoms/heading/index.styled.js";import"../../../../../components/atoms/label/index.js";import"../../../../../components/atoms/input/index.styled.js";import"../../../../../components/atoms/logo/index.js";import{MediaQueries as t}from"../../../../../misc/utils.js";import"../../../../../components/atoms/pagination/index.styled.js";import"../../../../../components/atoms/pureInput/index.js";import"../../../../../components/atoms/radio/index.styled.js";import"../../../../../components/atoms/shadow/index.styled.js";import"react-range";import"../../../../../components/atoms/slider/index.styled.js";import"../../../../../components/atoms/tag/index.styled.js";import"../../../../../components/atoms/toggle/index.styled.js";import"../../../../../components/atoms/underlinedLink/index.styled.js";import"../../../../../components/atoms/uploader/index.styled.js";import"../../../../../components/atoms/textArea/index.js";import"../../../../../components/atoms/container/index.styled.js";import"../../../../../components/atoms/checkbox/index.styled.js";import"../../../../../components/atoms/textDivider/index.js";import"../../../../../components/atoms/rateStars/index.styled.js";import"../../../../../components/atoms/icons/Ask.js";import"../../../../../components/atoms/icons/BarChart.js";import"../../../../../components/atoms/icons/Booking.js";import"../../../../../components/atoms/icons/Bookmark.js";import"../../../../../components/atoms/icons/Community.js";import"../../../../../components/atoms/icons/EditSpecial.js";import"../../../../../components/atoms/icons/Family.js";import"../../../../../components/atoms/icons/Font.js";import"../../../../../components/atoms/icons/Heart.js";import"../../../../../components/atoms/icons/Home.js";import"../../../../../components/atoms/icons/Like.js";import"../../../../../components/atoms/icons/MyCommunity.js";import"../../../../../components/atoms/icons/PlusSpecial.js";import"../../../../../components/atoms/icons/Recalculate.js";import"../../../../../components/atoms/icons/Scale.js";import"../../../../../components/atoms/icons/Share.js";import"../../../../../components/atoms/icons/Stethoscope.js";import"../../../../../components/atoms/progress/index.styled.js";import"react-dom";import"../../../../../components/atoms/backdrop/index.styled.js";import"../../../../../components/atoms/drawer/index.styled.js";import"../../../../../components/atoms/menu/index.js";import"../../../../../components/atoms/radioImageGroup/index.styled.js";import{theme as s}from"../../../../../misc/theme.js";import e from"styled-components";var i,p,m,r,a,d,c,x=e.header(i||(i=n(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),s.colors.neutral50),l=e.div(p||(p=n(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),g=e.p(m||(m=n(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),s.colors.neutral800,s.sizes.fwSemiBold),j=e.button(r||(r=n(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),u=e.section(a||(a=n(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),t.tdUp),y=e.ul(d||(d=n(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),t.tdUp,(function(n){return n.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(n){return n.isShown&&"\n     max-height: 600px;\n    "}),t.tdUp),f=e(o)(c||(c=n(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"])));export{l as StyledInfoWrapper,y as StyledItemsWrapper,u as StyledResultsContainer,f as StyledSeeMore,j as StyledSeeMoreButton,x as StyledTypeHeader,g as StyledTypeName};

package/build/esm/care/components/organisms/bookingSearchBar/resultSectionItem/index.js

@@ -0,0 +1 @@
+import e,{useMemo as t}from"react";import{DefaultThumbnailAny as r,DefaultThumbnailDoctor as n,DefaultThumbnailService as i}from"../../../atoms/icons/index.js";import{theme as o}from"../../../../../misc/theme.js";import{StyledResult as c,StyledPictureWrapper as l,StyledLocationPin as m,StyledRoundedIconWrapper as a,StyledText as s}from"./index.styled.js";var d={doctors:n,services:i},h=function(n){var i=n.type,h=n.item,p=n.imageUrl,C=n.onClickItem,u=t((function(){var t=d[i]||r;return e.createElement(t,{width:32,height:"services"===i?32:24})}),[i]);return e.createElement(c,{onClick:function(){return C&&C(h)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||C&&C(h)},tabIndex:0,role:"button"},e.createElement(l,null,"hospitals"===i?e.createElement(m,{width:"12",height:"16",viewBox:"0 0 12 16"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):e.createElement(a,{type:i},p?e.createElement("img",{src:p,width:32,height:"services"===i?32:24}):u)),e.createElement(s,{color:o.colors.gray800,size:"p3"},h.name))};export{h as ResultSectionItem};

package/build/esm/care/components/organisms/bookingSearchBar/resultSectionItem/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../../node_modules/tslib/tslib.es6.js";import{Text as i}from"../../../../../components/atoms/text/index.js";import{theme as r}from"../../../../../misc/theme.js";import{MediaQueries as e}from"../../../../../misc/utils.js";import a from"styled-components";var t,p,o,s,c,d,l=a.li(t||(t=n(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),g=a.div(p||(p=n(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(n){var i=n.type;return i&&"doctors"===i&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(n){var i=n.type;return i&&"doctors"===i?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),r.colors.gray600),h=a(i)(o||(o=n(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),e.tdUp),v=a.figure(s||(s=n(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),m=a.svg(c||(c=n(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),z=a.div(d||(d=n(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"])));export{z as StyledImageSkeletonWrapper,m as StyledLocationPin,v as StyledPictureWrapper,l as StyledResult,g as StyledRoundedIconWrapper,h as StyledText};

package/build/esm/care/components/organisms/bookingSearchBar/searchInputs/index.js

@@ -0,0 +1 @@
+import e,{useRef as t,useMemo as o,useCallback as n}from"react";import{PinIcon as c}from"../../../atoms/icons/index.js";import{ID_OPTION_CURRENT_LOCATION as a}from"../../../../interfaces/constants.js";import{useOutsideClick as r}from"../../../../../hooks/useOutsideClick.js";import{useTranslations as i}from"../../../../../hooks/useTranslations.js";import{theme as s}from"../../../../../misc/theme.js";import{SEARCH_KEYWORD_MIN_LENGTH as l}from"../constants.js";import{StyledInput as u}from"../index.styled.js";import{ActionTypes as m}from"../reducer.js";import{SearchButton as p}from"../searchSubmitIcon/index.js";import{useAnimatedPlaceholder as d}from"../useAnimatedPlaceholder.js";import{StyledSearchBarInputsWrapper as h,StyledInputLocationWrapper as f,StyledClearIcon as y,StyledInputSearchWrapper as C}from"./index.styled.js";function I(I){var g=I.isMobile,k=I.state,b=I.dispatch,S=I.debouncedFetchCitiesByKeyword,j=I.debouncedFetchSearchResults,L=I.focusLocationInput,E=I.focusSearchInput,v=I.renderLocationResults,w=I.renderSearchResults,A=I.locationTrackingAttributes,F=I.trackingAttributes,x=I.onSearch,D=I.initalSearchValue,K=t(null),N=t(null),P=k.focused,R=k.searchLocationKeywords,B=k.geoLocationPermission,O=k.selectedLocation,z=k.searchKeywords,M=k.inputSearchPlaceholder,T=i().t;d({wrapperRef:N,disabled:!!M}),r(K,(function(){b({type:m.ClickOutsideInputLocation})})),r(N,(function(){b({type:m.ClickOutsideInputSearch})}));var H=o((function(){return"granted"===B&&(null==O?void 0:O.id)===a?s.colors.primaryBase:s.colors.gray400}),[B,O]),V=n((function(e){b({type:m.ChangeInputSearch,payload:e}),"function"!=typeof x&&(e.trim().length>l[k.locale]||D?j(e.trim(),k):(j.cancel(),b({type:m.DisplayInitialSearchResults})))}),[b,k]),q=n((function(e){b({type:m.ChangeInputLocation,payload:e}),e.trim().length>l[k.locale]?S(e.trim()):(S.cancel(),b({type:m.DisplayInitialCities}))}),[S,b]);return e.createElement(h,null,e.createElement(f,{ref:K},e.createElement(u,{inputClassName:"location"===P?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:e.createElement(c,{className:"location-pin-icon",color:H}),actionIcon:e.createElement(y,{color:s.colors.gray300,className:""!==R?"shown":""}),onActionClick:function(){b({type:m.ClearInputLocation}),S.cancel(),L()},value:R,onChange:q,onFocus:function(){return b({type:m.FocusInputLocation})},size:"md",trackingAttributes:A}),!g&&v()),e.createElement(C,{ref:N},e.createElement(u,{placeholder:M||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:e.createElement(y,{color:s.colors.gray300,className:""!==z?"shown":""}),onActionClick:function(){b({type:m.ClearInputSearch}),j.cancel(),j("",k),E()},value:z,onChange:V,onFocus:function(){return b({type:m.FocusInputSearch})},inputClassName:"search"===P?"focused":void 0,size:"md",trackingAttributes:F,onKeyPress:function(e){k.autoCompleteDisabled&&"Enter"===e.key&&x&&x({cityId:k.selectedLocation.id,keyword:z})},enterKeyHint:k.autoCompleteDisabled?"search":void 0}),!g&&w()),k.autoCompleteDisabled&&!k.isMobile&&e.createElement(p,{onClick:function(){x({cityId:k.selectedLocation.id,keyword:z})}}))}export{I as SearchInputs};

package/build/esm/care/components/organisms/bookingSearchBar/searchInputs/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../../../node_modules/tslib/tslib.es6.js";import{ClearIcon as o}from"../../../atoms/icons/index.js";import{theme as p}from"../../../../../misc/theme.js";import{MediaQueries as i}from"../../../../../misc/utils.js";import r from"styled-components";var d,l,s,x,a,e=r.div(d||(d=n(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),i.mbDown,p.colors.blue50),t=r.div(l||(l=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),c=r(t)(s||(s=n(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),m=r(t)(x||(x=n(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),b=r(o)(a||(a=n(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));export{b as StyledClearIcon,c as StyledInputLocationWrapper,m as StyledInputSearchWrapper,t as StyledInputWrapper,e as StyledSearchBarInputsWrapper};

package/build/esm/care/components/organisms/bookingSearchBar/searchResults/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from"../../../../../node_modules/tslib/tslib.es6.js";import n from"react";import{MediaQueries as t}from"../../../../../misc/utils.js";import e from"styled-components";import{ResultSection as p}from"../resultSection/index.js";var r,i=e.section(r||(r=o(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),t.tdUp),s=function(o){var t=o.data,e=o.state,r=o.dispatch,s=o.isMobile,a=o.isLoading,x=o.keyword;return n.createElement(i,null,t&&t.map((function(o){return n.createElement(p,{type:o.type,state:e,dispatch:r,itemsToShow:2,itemsToShowDesktop:4,key:o.type,data:o.results,isMobile:s,isLoading:a,keyword:x})})))};export{s as SearchResults};

package/build/esm/care/components/organisms/bookingSearchBar/searchSubmitIcon/index.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as o}from"../../../../../node_modules/tslib/tslib.es6.js";import n from"react";import{Text as t}from"../../../../../components/atoms/text/index.js";import"../../../../../components/atoms/alert/index.styled.js";import"../../../../../components/atoms/avatar/index.styled.js";import"../../../../../components/atoms/badge/index.styled.js";import"../../../../../components/atoms/borderHeading/index.styled.js";import"../../../../../components/atoms/button/index.styled.js";import"../../../../../components/atoms/divider/index.styled.js";import"../../../../../components/atoms/fileDropdown/index.styled.js";import"../../../../../components/atoms/flag/index.styled.js";import"../../../../../components/atoms/grid/index.styled.js";import"../../../../../components/atoms/heading/index.styled.js";import"../../../../../components/atoms/label/index.js";import"../../../../../components/atoms/input/index.styled.js";import"../../../../../components/atoms/logo/index.js";import{MediaQueries as s}from"../../../../../misc/utils.js";import"../../../../../components/atoms/pagination/index.styled.js";import"../../../../../components/atoms/pureInput/index.js";import"../../../../../components/atoms/radio/index.styled.js";import"../../../../../components/atoms/shadow/index.styled.js";import"react-range";import"../../../../../components/atoms/slider/index.styled.js";import"../../../../../components/atoms/tag/index.styled.js";import"../../../../../components/atoms/toggle/index.styled.js";import"../../../../../components/atoms/underlinedLink/index.styled.js";import"../../../../../components/atoms/uploader/index.styled.js";import"../../../../../components/atoms/textArea/index.js";import"../../../../../components/atoms/container/index.styled.js";import"../../../../../components/atoms/checkbox/index.styled.js";import"../../../../../components/atoms/textDivider/index.js";import"../../../../../components/atoms/rateStars/index.styled.js";import"../../../../../components/atoms/icons/Ask.js";import"../../../../../components/atoms/icons/BarChart.js";import"../../../../../components/atoms/icons/Booking.js";import"../../../../../components/atoms/icons/Bookmark.js";import"../../../../../components/atoms/icons/Community.js";import"../../../../../components/atoms/icons/EditSpecial.js";import"../../../../../components/atoms/icons/Family.js";import"../../../../../components/atoms/icons/Font.js";import"../../../../../components/atoms/icons/Heart.js";import"../../../../../components/atoms/icons/Home.js";import"../../../../../components/atoms/icons/Like.js";import"../../../../../components/atoms/icons/MyCommunity.js";import"../../../../../components/atoms/icons/PlusSpecial.js";import"../../../../../components/atoms/icons/Recalculate.js";import"../../../../../components/atoms/icons/Scale.js";import"../../../../../components/atoms/icons/Share.js";import"../../../../../components/atoms/icons/Stethoscope.js";import"../../../../../components/atoms/progress/index.styled.js";import"react-dom";import"../../../../../components/atoms/backdrop/index.styled.js";import"../../../../../components/atoms/drawer/index.styled.js";import"../../../../../components/atoms/menu/index.js";import"../../../../../components/atoms/radioImageGroup/index.styled.js";import{useTranslations as e}from"../../../../../hooks/useTranslations.js";import i from"styled-components";var m,r,p=function(){return n.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},a=i.button(m||(m=o(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(o){return o.theme.colors.primaryBase}),s.mbDown,(function(o){return o.theme.colors.primaryHover}),(function(o){return o.theme.colors.primaryActive})),c=i(t)(r||(r=o(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(o){return o.theme.sizes.fwSemiBold})),d=function(o){var t=o.onClick,s=(0,e().t)("booking.searchBar.searchButton");return n.createElement(a,{onClick:t,title:s},n.createElement(p,null),n.createElement(c,{size:"s3",color:"white"},s))};export{d as SearchButton};

package/build/esm/care/components/organisms/bookingSearchBar/useAnimatedPlaceholder.js

@@ -0,0 +1 @@
+import{useMemo as e,useEffect as r}from"react";import{useTranslations as o}from"../../../../hooks/useTranslations.js";import t from"lodash/shuffle";import a from"./utils/Typewriter.js";function n(n){var l=n.inputRef,c=n.wrapperRef,i=n.disabled,u=o(),p=u.t,s=u.locale,h=e((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),t(e).map((function(e){return p(e)}))}),[p,s]);function d(e){var r=m();return r&&(r.placeholder=r.placeholder+e),null}function f(){var e=m();e&&(e.placeholder=e.placeholder.slice(0,-1))}function m(){return l&&l.current?l.current:c&&c.current&&c.current.querySelector("input")||null}r((function(){if(!i){var e=m();e&&(e.placeholder="",new a({strings:h,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:d,onRemoveNode:f}))}}),[l,c])}export{n as useAnimatedPlaceholder};

package/build/esm/care/components/organisms/bookingSearchBar/useSearchBarApi.js

@@ -0,0 +1 @@
+import{__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import{useCallback as e}from"react";import{PATHS as r}from"../../../api/paths.js";import{getApiPath as n}from"../../../api/utils.js";import{ID_OPTION_CURRENT_LOCATION as o}from"../../../interfaces/constants.js";import{SEARCH_KEYWORD_MIN_LENGTH as i}from"./constants.js";import{ActionTypes as c}from"./reducer.js";function a(a){var s=a.dispatch,l=a.careApiDomain,u=a.locale,d=void 0===u?"vi-VN":u,h=e((function(t,e){void 0===e&&(e={});var r="".concat(l).concat(t);return s({type:c.FetchCitiesStart}),fetch(n(r,e,d),{method:"GET"}).then((function(t){return t.json()})).then((function(t){return 1===t._status&&t._data?null==t?void 0:t._data:(console.log("error loading cities",t),Promise.reject(t))})).finally((function(){return s({type:c.FetchCitiesFinish})}))}),[d]),f=e((function(e){var n=e.coordinates,o={};n&&(o={lat:n.lat,lng:n.lng});var i=[h(r.GET_CITY_BY_IP,o)];return"zh-TW"===d&&i.push(h(r.GET_CITIES_LIST,{noPaging:1})),Promise.all(i).then((function(e){var r=e[0],n=e[1],o=t({},r);if(n){var i=o.cities.map((function(t){return t.id}));o.cities=o.cities.concat(n.cities.filter((function(t){return!i.includes(t.id)})))}s({type:c.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(t){return console.error("error loading cities by location",t)}))}),[d,l,s]);return{fetchCitiesByLocation:f,fetchCitiesByKeyword:e((function(t){return h(r.GET_CITIES_LIST,{keyword:t}).then((function(t){s({type:c.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((function(t){return console.error("error loading cities by keyword",t)}))}),[d,l,s]),fetchSearchResults:e((function(t,e){var a="".concat(l).concat(r.GET_SEARCH_V2);s({type:c.FetchSearchResultsStart});var u=e.defaultCity,h=e.selectedLocation,f=e.geoLocationCoordinates,p="";if(h&&u){h.id===o?f||(p=u.id):p=h.id;var m=(null==f?void 0:f.lat)||"",y=(null==f?void 0:f.lng)||"";return fetch(n(a,{domain:l,searchType:"global",keyword:t.trim().length>i[d]?t.trim():"",city:p===o?"":p,lat:m,lng:y},d),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(t){return t.json()})).then((function(t){return 1===t._status&&t._data?null==t?void 0:t._data:Promise.reject(t)})).then((function(t){return s({type:c.FetchSearchResultsComplete,payload:t})})).catch((function(t){console.log("error loading search results",{url:a,error:t})})).finally((function(){return s({type:c.FetchSearchResultsFinish})}))}s({type:c.FetchSearchResultsFinish})}),[d,l,s])}}export{a as default};

package/build/esm/care/components/organisms/bookingSearchBar/utils/Typewriter.js

@@ -0,0 +1 @@
+import{__spreadArray as e,__assign as t}from"../../../../../node_modules/tslib/tslib.es6.js";var n={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},o=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},s={TEXT_NODE:"TEXT_NODE"},a=function(){function a(a){var r=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return r.state.eventLoopPaused=!1,r.runEventLoop(),r},this.pause=function(){return r.state.eventLoopPaused=!0,r},this.stop=function(){return r.state.eventLoop&&(window.cancelAnimationFrame(r.state.eventLoop),r.state.eventLoop=null),r},this.pauseFor=function(e){return r.addEventToQueue(n.PAUSE_FOR,{ms:e}),r},this.typeOutAllStrings=function(){return"string"==typeof r.options.strings?(r.typeString(r.options.strings).pauseFor(r.options.pauseFor),r):(r.options.strings.forEach((function(e){r.typeString(e).pauseFor(r.options.pauseFor).deleteAll(r.options.deleteSpeed)})),r)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var n=(r.options||{}).stringSplitter,o="function"==typeof n?n(e):e.split("");r.typeCharacters(o,t)}return r},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&r.addEventToQueue(n.PASTE_STRING,{character:e,node:t}),r},this.deleteAll=function(e){return void 0===e&&(e="natural"),r.addEventToQueue(n.REMOVE_ALL,{speed:e}),r},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return r.addEventToQueue(n.CHANGE_DELETE_SPEED,{speed:e}),r},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return r.addEventToQueue(n.CHANGE_DELAY,{delay:e}),r},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)r.addEventToQueue(n.REMOVE_CHARACTER);return r},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){r.addEventToQueue(n.TYPE_CHARACTER,{character:e,node:t})})),r},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){r.addEventToQueue(n.REMOVE_CHARACTER)})),r},this.addEventToQueue=function(e,t,n){return void 0===n&&(n=!1),r.addEventToStateProperty(e,t,n,"eventQueue")},this.addReverseCalledEvent=function(e,t,n){return void 0===n&&(n=!1),r.options.loop?r.addEventToStateProperty(e,t,n,"reverseCalledEvents"):r},this.addEventToStateProperty=function(t,n,o,s){void 0===o&&(o=!1);var a={eventName:t,eventArgs:n||{}};return r.state[s]=o?e([a],r.state[s],!0):e(e([],r.state[s],!0),[a],!1),r},this.runEventLoop=function(){r.state.lastFrameTime||(r.state.lastFrameTime=Date.now());var a=Date.now(),i=a-r.state.lastFrameTime;if(!r.state.eventQueue.length){if(!r.options.loop)return;r.state.eventQueue=e([],r.state.calledEvents,!0),r.state.calledEvents=[],r.options=t({},r.state.initialOptions)}if(r.state.eventLoop=window.requestAnimationFrame(r.runEventLoop),!r.state.eventLoopPaused){if(r.state.pauseUntil){if(a<r.state.pauseUntil)return;r.state.pauseUntil=null}var E=e([],r.state.eventQueue,!0),u=E.shift();if(!(i<=(u.eventName===n.REMOVE_LAST_VISIBLE_NODE||u.eventName===n.REMOVE_CHARACTER?"natural"===r.options.deleteSpeed?o(40,80):r.options.deleteSpeed:"natural"===r.options.delay?o(120,160):r.options.delay))){var l=u.eventName,p=u.eventArgs;switch(l){case n.PASTE_STRING:case n.TYPE_CHARACTER:var d=p.character,v=document.createTextNode(d),A=v;r.options.onCreateTextNode&&"function"==typeof r.options.onCreateTextNode&&(A=r.options.onCreateTextNode(d,v)),r.state.visibleNodes=e(e([],r.state.visibleNodes,!0),[{type:s.TEXT_NODE,character:d,node:A}],!1);break;case n.REMOVE_CHARACTER:E.unshift({eventName:n.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case n.PAUSE_FOR:var c=u.eventArgs.ms;r.state.pauseUntil=Date.now()+parseInt(c);break;case n.REMOVE_ALL:var h=r.state.visibleNodes,T=p.speed,_=[];T&&_.push({eventName:n.CHANGE_DELETE_SPEED,eventArgs:{speed:T,temp:!0}});for(var f=0,S=h.length;f<S;f++)_.push({eventName:n.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});T&&_.push({eventName:n.CHANGE_DELETE_SPEED,eventArgs:{speed:r.options.deleteSpeed,temp:!0}}),E.unshift.apply(E,_);break;case n.REMOVE_LAST_VISIBLE_NODE:if(r.state.visibleNodes.length){var N=r.state.visibleNodes.pop(),R=N.node;d=N.character;r.options.onRemoveNode&&"function"==typeof r.options.onRemoveNode&&r.options.onRemoveNode({node:R,character:d}),R&&R.parentNode.removeChild(R)}break;case n.CHANGE_DELETE_SPEED:r.options.deleteSpeed=u.eventArgs.speed;break;case n.CHANGE_DELAY:r.options.delay=u.eventArgs.delay}r.options.loop&&(u.eventName===n.REMOVE_LAST_VISIBLE_NODE||u.eventArgs&&u.eventArgs.temp||(r.state.calledEvents=e(e([],r.state.calledEvents,!0),[u],!1))),r.state.eventQueue=E,r.state.lastFrameTime=a}}},a&&(this.options=t(t({},this.options),a)),this.state.initialOptions=t({},this.options),this.init()}return a.prototype.init=function(){this.addEventToQueue(n.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},a}();export{n as EVENT_NAMES,s as VISIBLE_NODE_TYPES,a as default};

package/build/esm/care/index.js

@@ -0,0 +1 @@
+export{BookingSearchBar}from"./components/organisms/bookingSearchBar/index.js";import*as s from"./interfaces/constants.js";export{s as CareConstants};import*as o from"./interfaces/types.js";export{o as CareTypes};

package/build/esm/care/interfaces/constants.js

@@ -0,0 +1 @@
+var a="/care",i={"vi-VN":{id:1,name:"Vietnam"},"id-ID":{id:2,name:"Indonesia"},"ms-MY":{id:3,name:"Malaysia"},"km-KH":{id:4,name:"Cambodia"},"en-PH":{id:5,name:"Philippines"},"th-TH":{id:6,name:"Thai Lan"},"my-MM":{id:7,name:"Myanmar"},"zh-TW":{id:8,name:"Taiwan"},"hi-IN":{id:9,name:"India"}},e={"en-PH":{ALL:"all",HOSPITAL:"hospital",SERVICE:"service",DOCTOR:"doctor",SEARCH:"search",SPECIALTIES:"specialties",CURRENT:"current-location"},"tl-PH":{ALL:"all",HOSPITAL:"hospital",SERVICE:"service",DOCTOR:"doctor",SEARCH:"search",SPECIALTIES:"specialties",CURRENT:"current-location"},"zh-TW":{ALL:"all",HOSPITAL:"hospital",SERVICE:"service",DOCTOR:"doctor",SEARCH:"search",SPECIALTIES:"specialties",CURRENT:"current-location"},"vi-VN":{ALL:"tat-ca",HOSPITAL:"benh-vien",SERVICE:"dich-vu",DOCTOR:"bac-si",SEARCH:"tim-kiem",SPECIALTIES:"chuyen-khoa",CURRENT:"vi-tri-hien-tai"},"id-ID":{ALL:"semua",HOSPITAL:"rumah-sakit",SERVICE:"layanan",DOCTOR:"dokter",SEARCH:"cari",SPECIALTIES:"spesialisasi",CURRENT:"posisi-saya-saat-ini"}},n=-1;export{n as ID_OPTION_CURRENT_LOCATION,i as LOCALE_COUNTRY,e as LOCALIZED_SLUGS,a as basePath};

package/build/esm/care/interfaces/types.js

@@ -0,0 +1 @@
+var C;!function(C){C[C.SPECIALTY=1]="SPECIALTY",C[C.DOCTOR=2]="DOCTOR",C[C.CLINIC=3]="CLINIC",C[C.SERVICE=4]="SERVICE"}(C||(C={}));export{C as RedirectType};

package/build/esm/components/atoms/alert/index.js

@@ -0,0 +1 @@
+import e from"react";import{Text as t}from"../text/index.js";import{StyledAlert as l,StyledContent as r,StyledClose as a}from"./index.styled.js";var n=function(n){var c=n.style,o=n.onClose,s=n.text,m=n.type,i=n.contentIcon,p=n.closeIcon,d=n.className,y=n.description;return e.createElement(l,{style:c,"data-alert-type":m,className:d},e.createElement(r,null,e.createElement("div",{className:"icon-title"},i,e.createElement(t,{type:"bold",size:"label1"},s)),e.createElement(t,{type:"regular",size:"p3"},y)),e.createElement(a,{onClick:o},p))};export{n as Alert};

package/build/esm/components/atoms/alert/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var r,o,t,l=e.div(r||(r=n(["\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-left: 4px solid ",";\n  background: ",";\n\n  &[data-alert-type='danger'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='warning'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='blue'] {\n    border-left-color: ",";\n    background: ",";\n  }\n"],["\n  display: flex;\n  overflow: auto;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-left: 4px solid ",";\n  background: ",";\n\n  &[data-alert-type='danger'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='warning'] {\n    border-left-color: ",";\n    background: ",";\n  }\n\n  &[data-alert-type='blue'] {\n    border-left-color: ",";\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.success}),(function(n){return n.theme.colors.green50}),(function(n){return n.theme.colors.red500}),(function(n){return n.theme.colors.red50}),(function(n){return n.theme.colors.yellow500}),(function(n){return n.theme.colors.yellow50}),(function(n){return n.theme.colors.blue500}),(function(n){return n.theme.colors.blue50})),i=e.div(o||(o=n(["\n  .icon-title {\n    display: flex;\n    align-items: center;\n  }\n\n  svg,\n  img {\n    margin-right: 8px;\n  }\n"],["\n  .icon-title {\n    display: flex;\n    align-items: center;\n  }\n\n  svg,\n  img {\n    margin-right: 8px;\n  }\n"]))),a=e.div(t||(t=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{l as StyledAlert,a as StyledClose,i as StyledContent};

package/build/esm/components/atoms/avatar/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useEffect as r}from"react";import{StyledAvatar as a}from"./index.styled.js";var i={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},o=function(o){var l=o.type,s=void 0===l?"square":l,m=o.size,n=o.avatarImg,c=o.avatarUrl,d=o.firstLetter,v=o.backgroundColor,u=o.onClick,x=o.style,g=o.className,f=o.isAmp,p=void 0!==f&&f,h=o.width,y=o.height,k=m?i[m]:void 0,C=t(!1),E=C[0],b=C[1];r((function(){if(c){var e=document.createElement("img");e.setAttribute("src",c),e.addEventListener("error",(function(){b(!0)}))}}),[c,b]);var w=(!c&&!n||E)&&d;return e.createElement(a,{style:x,"data-avatar-type":s,onClick:u,className:g,size:p?void 0:k,backgroundColor:v,avatarUrl:c,"data-is-amp":p,width:h,height:y},n,c&&!E&&e.createElement("img",{src:c}),w&&d)};export{o as Avatar};

package/build/esm/components/atoms/avatar/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as e}from"styled-components";var r,i,a=t.div(i||(i=n(["\n  background-color: ",";\n  color: white;\n  cursor: pointer;\n  img {\n    --width: ","px;\n    --height: ","px;\n    width: var(--width);\n    height: var(--height);\n    ","\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: ","px;\n      --height: ","px;\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  ","\n"],["\n  background-color: ",";\n  color: white;\n  cursor: pointer;\n  img {\n    --width: ","px;\n    --height: ","px;\n    width: var(--width);\n    height: var(--height);\n    ","\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: ","px;\n      --height: ","px;\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  ","\n"])),(function(n){return n.backgroundColor||"transparent"}),(function(n){return n.width||"40"}),(function(n){return n.height||"40"}),(function(n){return n.width&&n.height?"    \n      max-width: var(--width);\n      max-height: var(--height);\n    ":""}),(function(n){return n.width||"72"}),(function(n){return n.height||"72"}),(function(t){return t.size&&e(r||(r=n(["\n      display: flex;\n      overflow: hidden;\n      overflow: hidden;\n      width: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: center;\n      background-size: cover;\n      font-size: ","px;\n      font-weight: bold;\n      &[data-avatar-type='square'] {\n        border-radius: 6px;\n      }\n      &[data-avatar-type='rounded'] {\n        border-radius: 50%;\n        img {\n          --width: 100%;\n          --height: 100%;\n        }\n      }\n      img {\n        object-fit: cover;\n      }\n    "],["\n      display: flex;\n      overflow: hidden;\n      overflow: hidden;\n      width: ","px;\n      height: ","px;\n      align-items: center;\n      justify-content: center;\n      background-size: cover;\n      font-size: ","px;\n      font-weight: bold;\n      &[data-avatar-type='square'] {\n        border-radius: 6px;\n      }\n      &[data-avatar-type='rounded'] {\n        border-radius: 50%;\n        img {\n          --width: 100%;\n          --height: 100%;\n        }\n      }\n      img {\n        object-fit: cover;\n      }\n    "])),t.size,t.size,t.size/2)}));export{a as StyledAvatar};

package/build/esm/components/atoms/babyGrowthChart/chartConfig.js

@@ -0,0 +1 @@
+import{__spreadArray as e}from"../../../node_modules/tslib/tslib.es6.js";import{Gender as r,BabyGrowthChartType as n,BabyGrowthChartDuration as t}from"../../../interfaces/types/BabyGrowth.js";import{LOCALE as o}from"../../../interfaces/types/Locale.js";import{chunk as i}from"lodash";var s,y,c,a,l,u,f,b,j,h,m,p,I,w,g,H,G,_,S,M,B,Y,E=((s={})[r.Boy]=((y={})[n.Weight]=((c={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.weekly.json.js")},c[t.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.monthly.json.js")},c[t.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.percentile.yearly.json.js")},c),y[n.Height]=((a={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.weekly.json.js")},a[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.monthly.json.js")},a[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.percentile.yearly.json.js")},a),y[n.Head]=((l={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.weekly.json.js")},l[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.monthly.json.js")},l[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.percentile.yearly.json.js")},l),y[n.BMI]=((u={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.weekly.json.js")},u[t.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.monthly.json.js")},u[t.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.percentile.yearly.json.js")},u),y),s[r.Girl]=((f={})[n.Weight]=((b={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.weekly.json.js")},b[t.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.monthly.json.js")},b[t.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.percentile.yearly.json.js")},b),f[n.Height]=((j={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.weekly.json.js")},j[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.monthly.json.js")},j[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.percentile.yearly.json.js")},j),f[n.Head]=((h={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.weekly.json.js")},h[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.monthly.json.js")},h[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.percentile.yearly.json.js")},h),f[n.BMI]=((m={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.weekly.json.js")},m[t.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.monthly.json.js")},m[t.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.percentile.yearly.json.js")},m),f),s),R=((p={})[r.Boy]=((I={})[n.Weight]=((w={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.weekly.json.js")},w[t.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.monthly.json.js")},w[t.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_BOYS.zscore.yearly.json.js")},w),I[n.Height]=((g={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.weekly.json.js")},g[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.monthly.json.js")},g[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_BOYS.zscore.yearly.json.js")},g),I[n.Head]=((H={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.weekly.json.js")},H[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.monthly.json.js")},H[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_BOYS.zscore.yearly.json.js")},H),I[n.BMI]=((G={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.weekly.json.js")},G[t.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.monthly.json.js")},G[t.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_BOYS.zscore.yearly.json.js")},G),I),p[r.Girl]=((_={})[n.Weight]=((S={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.weekly.json.js")},S[t.Monthly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.monthly.json.js")},S[t.Yearly]=function(){return import("../../../interfaces/baby-growth/WEIGHT_GIRLS.zscore.yearly.json.js")},S),_[n.Height]=((M={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.weekly.json.js")},M[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.monthly.json.js")},M[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEIGHT_GIRLS.zscore.yearly.json.js")},M),_[n.Head]=((B={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.weekly.json.js")},B[t.Monthly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.monthly.json.js")},B[t.Yearly]=function(){return import("../../../interfaces/baby-growth/HEAD CIRCUM_GIRLS.zscore.yearly.json.js")},B),_[n.BMI]=((Y={})[t.Weekly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.weekly.json.js")},Y[t.Monthly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.monthly.json.js")},Y[t.Yearly]=function(){return import("../../../interfaces/baby-growth/BMI_GIRLS.zscore.yearly.json.js")},Y),_),p),k=function(e,r,n,t,o){var i=e.slice(r-1,n),s=[i[0][t],i[0][t]],y=s[0],c=s[1];return i.forEach((function(e){e[t]>c&&(c=e[t]),e[t]<y&&(y=e[t])})),[(0|y)-o,(0|c)+o]},W=function(e,r,n,t){return t===o.Indonesia?R[e][r][n]():E[e][r][n]()},L=function(e,r){var n=i(r,Math.ceil(r.length/2)),t=n[0],o=n[1],s=t.map((function(e){return e.name})),y=o.map((function(e){return e.name}));return s.includes(e)?t:y.includes(e)?o:r},z=function(r,n){return e(e([],r,!0),n.map((function(e){return{name:e.name,history:e.value}})),!0).sort((function(e,r){return e.name-r.name}))},C=function(e){var r=[],n=function(n){e[n].forEach((function(e,t){var o;r[t]?r[t][n]=e:r[t]=((o={name:t})[n]=e,o)}))};for(var t in e)n(t);return r},O=function(e){return Array.from(Array(e.length).keys())};export{E as BabyGrowthChartPercentile,R as BabyGrowthChartZScore,L as divideChartData,W as generateGrowthChart,O as generateXAxisTicks,k as getAxisYDomain,z as refineDataWithLine,C as transformDataToChart};

package/build/esm/components/atoms/babyGrowthChart/index.js

@@ -0,0 +1 @@
+import{__assign as e,__awaiter as t,__generator as r}from"../../../node_modules/tslib/tslib.es6.js";import o,{forwardRef as n,useState as a,useRef as l,useEffect as i,useMemo as c}from"react";import{BabyGrowthChartType as s}from"../../../interfaces/types/BabyGrowth.js";import{LOCALE as m}from"../../../interfaces/types/Locale.js";import{ResponsiveContainer as u,LineChart as d,CartesianGrid as h,Tooltip as y,XAxis as f,YAxis as p,Line as b,ReferenceDot as g}from"recharts";import"../../../interfaces/constants.js";import{useTranslations as v}from"../../../hooks/useTranslations.js";import"lodash/debounce";import"date-fns";import"../../../misc/animation.js";import"../../../misc/lazyLoad.js";import"styled-components";import{theme as k}from"../../../misc/theme.js";import"../../../misc/utils.js";import{useOutsideClick as E}from"../../../hooks/useOutsideClick.js";import{BabyGrowthTooltip as w}from"../babyGrowthTooltip/index.js";import{Text as x}from"../text/index.js";import{refineDataWithLine as j,transformDataToChart as S,divideChartData as D,generateXAxisTicks as L,generateGrowthChart as M}from"./chartConfig.js";import{StyledBabyGrowthChart as N}from"./index.styled.js";var I=[{name:"-3SD",label:"-3",color:k.colors.red600},{name:"-2SD",label:"-2",color:k.colors.yellow600},{name:"0Median",label:"0",color:k.colors.green600},{name:"2SD",label:"2",color:k.colors.yellow600},{name:"3SD",label:"3",color:k.colors.red600},{name:"history",color:k.colors.primaryBase}],z=[{name:"3rd",color:k.colors.red600},{name:"15th",color:k.colors.yellow600},{name:"50th",color:k.colors.green600},{name:"85th",color:k.colors.yellow600},{name:"97th",color:k.colors.red600},{name:"history",color:k.colors.primaryBase}],A=n((function(t,r){return o.createElement("circle",e({},t,{ref:r}),o.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})),B=function(e){var t=e.x,r=e.y,n=e.last,a=e.index,l=e.name;return n===a?o.createElement("text",{x:t,y:r,dx:16,fill:k.colors.gray500,fontSize:12,textAnchor:"middle"},l):null},C=function(n){var C=n.gender,F=n.type,G=n.duration,T=n.xLabel,W=n.x,K=n.y,O=n.toolTipLabel,P=void 0===O?[]:O,H=n.isDivide,Z=void 0===H||H,_=n.onIsPrevious,q=n.locale,J=n.riskLevel,Q=n.withLine,R=void 0!==Q&&Q,U=n.lineData,V=void 0===U?[]:U,X=a([]),Y=X[0],$=X[1],ee=l([]),te=v().t;i((function(){t(void 0,void 0,void 0,(function(){var t,o,n;return r(this,(function(r){switch(r.label){case 0:return[4,M(C,F,G,q)];case 1:if(t=r.sent().default,o=S(t),Array.isArray(o)&&0===o.length)return null==_||_(),[2];n=o.map((function(t,r){return e(e({},t),{name:r})}));try{n=Z?D(W||0,o):o}catch(e){}return ee.current=L(n),$(n),[2]}}))}))}),[C,F,G,q,_]);var re=a(!1),oe=re[0],ne=re[1],ae=c((function(){return R&&Array.isArray(Y)&&Y.length>0?j(Y,V):Y}),[R,V,Y]),le=l(null);E(le,(function(){return ne(!1)}));return o.createElement(N,null,o.createElement("div",{className:"custom-chart-label"},o.createElement(x,{size:"n1",color:k.colors.gray500},function(){switch(F){case s.Weight:return te("babyGrowth.weight");case s.Height:return te("babyGrowth.height");case s.Head:return te("babyGrowth.headCircumference");case s.BMI:return"BMI";default:return""}}()),o.createElement(x,{size:"n1",color:k.colors.gray500},q===m.Indonesia?"Z-Score":te("babyGrowth.percentiles"))),Array.isArray(ae)&&ae.length>0&&o.createElement(u,{height:388,className:"chart"},o.createElement(d,{data:ae,margin:{top:16,right:28,bottom:8,left:0}},o.createElement(h,{stroke:k.colors.blue200}),o.createElement(y,{trigger:"click",content:o.createElement(o.Fragment,null,oe&&void 0!==W&&void 0!==K&&o.createElement(w,{riskLevel:J,tooltips:P,locale:q}))}),o.createElement(f,{type:"number",scale:"linear",ticks:ee.current,dataKey:"name",tickLine:!1,tickMargin:12,tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:k.colors.gray800},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},allowDecimals:!0}),o.createElement(p,{domain:[function(e){return Math.min(e,K||e)},function(e){return Math.max(e,K||e)}],tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:k.colors.gray800}}),(q===m.Indonesia?I:z).map((function(e){return o.createElement(o.Fragment,null,"history"===e.name?o.createElement(b,{key:"history",connectNulls:!0,type:"linear",dataKey:"history",stroke:e.color,dot:{stroke:e.color,fill:e.color,strokeWidth:1,r:4,strokeDasharray:""},activeDot:!0,color:e.color}):o.createElement(b,{key:e.name,type:"linear",dataKey:e.name,stroke:e.color,dot:!1,activeDot:!1,connectNulls:!0,label:o.createElement(B,{last:(null==ae?void 0:ae.length)?ae.length-1:0,name:(null==e?void 0:e.label)||e.name}),tooltipType:"none"}))})),void 0!==W&&void 0!==K&&o.createElement(g,{onClick:function(){return ne(!0)},x:0===W?1:W,y:K,r:4,shape:o.createElement(A,{ref:le,r:4}),fill:k.colors.primaryBase,stroke:k.colors.primaryBase}))),o.createElement("div",{className:"custom-chart-label"},o.createElement("i",null),o.createElement(x,{size:"n1",color:k.colors.gray500},T)))};export{C as BabyGrowthChart,z as LABELS_PERCENTILE,I as LABELS_Z_SCORE};

package/build/esm/components/atoms/babyGrowthChart/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,i=t.div(e||(e=n(["\n  position: relative;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n  }\n"],["\n  position: relative;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 8px;\n  }\n"])));export{i as StyledBabyGrowthChart};

package/build/esm/components/atoms/babyGrowthGender/index.js

@@ -0,0 +1 @@
+import e from"react";import{useTranslations as t}from"../../../hooks/useTranslations.js";import{Gender as o}from"../../../interfaces/types/BabyGrowth.js";import"../../../interfaces/types/Locale.js";import{Icon as r}from"../icons/index.js";import{Text as n}from"../text/index.js";import{StyledBabyGrowthGender as l,StyledBabyGrowthGenderOption as a}from"./index.styled.js";var s=function(s){var m=s.value,i=s.onChange,c=t().t;return e.createElement(l,null,e.createElement(n,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},c("babyVaccineTool.selectGender")),e.createElement(a,{options:[{value:o.Girl,label:c("gender.female"),content:e.createElement(r.GenderChooseGirl,null)},{value:o.Boy,label:c("gender.male"),content:e.createElement(r.GenderChooseBoy,null)}],value:m,onChange:i,className:"gender-selector"}))};export{s as BabyGrowthGender};

package/build/esm/components/atoms/babyGrowthGender/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import i from"styled-components";import{RadioImageGroup as e}from"../radioImageGroup/index.js";var o,r,d=i.div(o||(o=n(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        max-width: 186px;\n        justify-self: left;\n      }\n    }\n  }\n"])),t.mbUp),l=i(e)(r||(r=n(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"])));export{d as StyledBabyGrowthGender,l as StyledBabyGrowthGenderOption};

package/build/esm/components/atoms/babyGrowthLegend/index.js

@@ -0,0 +1 @@
+import e from"react";import"../../../interfaces/types/BabyGrowth.js";import{LOCALE as r}from"../../../interfaces/types/Locale.js";import{theme as t}from"../../../misc/theme.js";import{Text as o}from"../text/index.js";import{StyledBabyGrowthLegend as n,StyledLegend as s}from"./index.styled.js";var a=function(a){var m=a.legends,c=a.locale;return e.createElement(n,null,m.map((function(n,a){return e.createElement(s,{key:a},e.createElement("span",{className:"dot",style:{backgroundColor:n.color}}),e.createElement(o,{size:"n1",color:t.colors.gray800},c===r.Indonesia?n["z-score"]:n.text))})))};export{a as BabyGrowthLegend};

package/build/esm/components/atoms/babyGrowthLegend/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";var e,i,p=t.div(e||(e=n(["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"],["\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n"]))),s=t.div(i||(i=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  .dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n  }\n"])));export{p as StyledBabyGrowthLegend,s as StyledLegend};

package/build/esm/components/atoms/babyGrowthProfileRadio/index.js

@@ -0,0 +1 @@
+import e from"react";import{theme as r}from"../../../misc/theme.js";import{Icon as t}from"../icons/index.js";import{Text as i}from"../text/index.js";import{StyledBabyGrowthProfileRadio as o}from"./index.styled.js";var m=function(m){var a=m.profile,n=m.onChange,c=m.isActive;return e.createElement(o,{onClick:function(){return n(a.id)}},e.createElement("div",{className:"baby"},"male"===a.gender?e.createElement(t.Boy,{size:24}):e.createElement(t.Girl,{size:24}),e.createElement(i,{size:"p2",color:r.colors.gray800},a.name)),e.createElement("div",{className:c?"radio active":"radio"}))};export{m as BabyGrowthProfileRadio};

package/build/esm/components/atoms/babyGrowthProfileRadio/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{fadeIn as o}from"../../../misc/animation.js";import{theme as r}from"../../../misc/theme.js";import e from"styled-components";var i,t=e.div(i||(i=n(["\n  background: #ffffff;\n  border: 1px solid ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: #ffffff;\n  border: 1px solid ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .baby {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),r.colors.neutral100,r.colors.gray600,"300ms",r.colors.primaryBase,r.colors.primaryBase,o,"300ms");export{t as StyledBabyGrowthProfileRadio};

package/build/esm/components/atoms/babyGrowthRecord/index.js

@@ -0,0 +1 @@
+import e from"react";import{format as t}from"date-fns";import{theme as l}from"../../../misc/theme.js";import{Text as C}from"../text/index.js";import{StyledBabyGrowthRecord as r}from"./index.styled.js";var i=function(e,t){return e?e+" "+(t||""):"--"},a=function(a){var n=a.measurementDate,c=void 0===n?new Date:n,m=a.weight,o=a.height,s=a.head,d=a.onEdit;return e.createElement(r,null,e.createElement("div",{className:"time"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.64421 0.666016C5.27621 0.666016 4.97754 0.964682 4.97754 1.33268V1.99935H4.31087C3.57754 1.99935 2.97754 2.59935 2.97754 3.33268V12.666C2.97754 13.3993 3.57754 13.9993 4.31087 13.9993H13.6442C14.3775 13.9993 14.9775 13.3993 14.9775 12.666V3.33268C14.9775 2.59935 14.3775 1.99935 13.6442 1.99935H12.9775V1.33268C12.9775 0.964682 12.6789 0.666016 12.3109 0.666016C11.9429 0.666016 11.6442 0.964682 11.6442 1.33268V1.99935H6.31087V1.33268C6.31087 0.964682 6.01221 0.666016 5.64421 0.666016ZM4.31087 5.33268H13.6442V11.9993C13.6442 12.3673 13.3455 12.666 12.9775 12.666H4.97754C4.60954 12.666 4.31087 12.3673 4.31087 11.9993V5.33268Z",fill:"#8C8C8C"})),e.createElement(C,{size:"p3",color:l.colors.gray600},t(c,"dd/MM/yyyy")),e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"edit-button",onClick:d},e.createElement("path",{d:"M12.7721 1.33398C12.2911 1.33398 11.8102 1.51773 11.443 1.88607L10.6643 2.66732L13.3224 5.33398L14.1011 4.55273C14.8348 3.81673 14.8348 2.62273 14.1011 1.88607C13.734 1.51773 13.253 1.33398 12.7721 1.33398ZM9.66748 3.66732L2.02539 11.334V14.0007H4.68351L12.3256 6.33398L9.66748 3.66732Z",fill:"#8C8C8C"}))),e.createElement("div",{className:"record"},e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.44401 9.86602C8.44401 9.57146 8.68279 9.33268 8.97734 9.33268C9.2719 9.33268 9.51068 9.57146 9.51068 9.86602V11.466C9.51068 11.7606 9.2719 11.9993 8.97734 11.9993C8.68279 11.9993 8.44401 11.7606 8.44401 11.466V9.86602Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M8.17595 3.05319C7.96767 3.26147 7.96767 3.59916 8.17595 3.80744L8.83592 4.46741C9.0442 4.67569 9.38189 4.67569 9.59017 4.46741C9.79844 4.25913 9.79844 3.92144 9.59017 3.71316L8.9302 3.05319C8.72192 2.84491 8.38423 2.84492 8.17595 3.05319Z",fill:"#8C8C8C"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.2941 3.66435C12.1261 1.98071 10.7053 0.666016 8.97738 0.666016C7.2495 0.666016 5.82868 1.9807 5.66067 3.66434L3.67054 3.86336C2.92499 3.93791 2.38724 4.61197 2.48017 5.35545L3.498 13.4981C3.5814 14.1653 4.1486 14.666 4.82104 14.666H13.1336C13.806 14.666 14.3732 14.1653 14.4567 13.4981L15.4745 5.35545C15.5674 4.61197 15.0297 3.93791 14.2841 3.86336L12.2941 3.66435ZM12.1607 4.991C11.7386 6.34768 10.473 7.33268 8.97738 7.33268C7.48176 7.33268 6.2162 6.34767 5.79403 4.99099L3.80321 5.19007L4.82104 13.3327L13.1336 13.3327L14.1514 5.19007L12.1607 4.991ZM10.9774 3.99935C10.9774 5.10392 10.0819 5.99935 8.97738 5.99935C7.87281 5.99935 6.97738 5.10392 6.97738 3.99935C6.97738 2.89478 7.87281 1.99935 8.97738 1.99935C10.0819 1.99935 10.9774 2.89478 10.9774 3.99935Z",fill:"#8C8C8C"})),e.createElement(C,{size:"s3",color:l.colors.gray800,type:"semiBold"},i(m,"kg"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82991)"},e.createElement("path",{d:"M12.6055 13.9993L12.6055 1.99935C12.6055 1.26602 12.0055 0.666016 11.2721 0.666016L5.9388 0.666015C5.20547 0.666015 4.60547 1.26602 4.60547 1.99935L4.60547 13.9993C4.60547 14.7327 5.20547 15.3327 5.9388 15.3327L11.2721 15.3327C12.0055 15.3327 12.6055 14.7327 12.6055 13.9993ZM5.9388 13.9993L5.9388 1.99935L11.2721 1.99935L11.2721 3.33268L8.60547 3.33268L8.60547 4.66602L11.2721 4.66602L11.2721 5.99935L8.60547 5.99935L8.60547 7.33268L11.2721 7.33268L11.2721 8.66602L8.60547 8.66601L8.60547 9.99935L11.2721 9.99935L11.2721 11.3327L8.60547 11.3327L8.60547 12.666L11.2721 12.666L11.2721 13.9993L5.9388 13.9993Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82991"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(16.6055) rotate(90)"})))),e.createElement(C,{size:"s3",color:l.colors.gray800,type:"semiBold"},i(o,"cm"))),e.createElement("div",{className:"record-item"},e.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("g",{clipPath:"url(#clip0_855_82994)"},e.createElement("path",{d:"M9.90072 7.83268C10.361 7.83268 10.734 7.45959 10.734 6.99935C10.734 6.53911 10.361 6.16602 9.90072 6.16602C9.44048 6.16602 9.06738 6.53911 9.06738 6.99935C9.06738 7.45959 9.44048 7.83268 9.90072 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M6.56771 7.83268C7.02795 7.83268 7.40104 7.45959 7.40104 6.99935C7.40104 6.53911 7.02795 6.16602 6.56771 6.16602C6.10747 6.16602 5.73438 6.53911 5.73438 6.99935C5.73438 7.45959 6.10747 7.83268 6.56771 7.83268Z",fill:"#8C8C8C"}),e.createElement("path",{d:"M15.528 7.56C15.3614 6.55333 14.6214 5.73333 13.6547 5.44667C13.3014 4.7 12.8014 4.04667 12.1947 3.50667C11.1414 2.56667 9.7547 2 8.2347 2C6.7147 2 5.32803 2.56667 4.2747 3.50667C3.66137 4.04667 3.16137 4.70667 2.8147 5.44667C1.84803 5.73333 1.10803 6.54667 0.941367 7.56C0.9147 7.7 0.901367 7.84667 0.901367 8C0.901367 8.15333 0.9147 8.3 0.941367 8.44C1.10803 9.44667 1.84803 10.2667 2.8147 10.5533C3.16137 11.2933 3.66137 11.9467 4.26137 12.48C5.3147 13.4267 6.70803 14 8.2347 14C9.76137 14 11.1547 13.4267 12.2147 12.48C12.8147 11.9467 13.3147 11.2867 13.6614 10.5533C14.6214 10.2667 15.3614 9.45333 15.528 8.44C15.5547 8.3 15.568 8.15333 15.568 8C15.568 7.84667 15.5547 7.7 15.528 7.56ZM12.9014 9.33333C12.8347 9.33333 12.7747 9.32 12.708 9.31333C12.5747 9.76 12.3814 10.1733 12.1347 10.5533C11.3014 11.8267 9.86803 12.6667 8.2347 12.6667C6.60137 12.6667 5.16803 11.8267 4.3347 10.5533C4.08803 10.1733 3.8947 9.76 3.76137 9.31333C3.6947 9.32 3.6347 9.33333 3.56803 9.33333C2.8347 9.33333 2.2347 8.73333 2.2347 8C2.2347 7.26667 2.8347 6.66667 3.56803 6.66667C3.6347 6.66667 3.6947 6.68 3.76137 6.68667C3.8947 6.24 4.08803 5.82667 4.3347 5.44667C5.16803 4.17333 6.60137 3.33333 8.2347 3.33333C9.86803 3.33333 11.3014 4.17333 12.1347 5.44667C12.3814 5.82667 12.5747 6.24 12.708 6.68667C12.7747 6.68 12.8347 6.66667 12.9014 6.66667C13.6347 6.66667 14.2347 7.26667 14.2347 8C14.2347 8.73333 13.6347 9.33333 12.9014 9.33333ZM8.2347 11.3333C9.5747 11.3333 10.728 10.5133 11.2347 9.33333H5.2347C5.74137 10.5133 6.8947 11.3333 8.2347 11.3333Z",fill:"#8C8C8C"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_855_82994"},e.createElement("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.234375)"})))),e.createElement(C,{size:"s3",color:l.colors.gray800,type:"semiBold"},i(s,"cm")))))};export{a as BabyGrowthRecord};

package/build/esm/components/atoms/babyGrowthRecord/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as e}from"../../../misc/theme.js";import t from"styled-components";var i,o=t.div(i||(i=n(["\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-right: 14px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"],["\n  position: relative;\n  padding: 20px 2px;\n  border-bottom: 1px solid ",";\n  .time {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n  .edit-button {\n    margin-left: auto;\n    justify-self: end;\n  }\n  .record {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-right: 14px;\n  }\n  .record-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n"])),e.colors.gray100);export{o as StyledBabyGrowthRecord};

package/build/esm/components/atoms/babyGrowthSwitch/index.js

@@ -0,0 +1 @@
+import e from"react";import{Button as t}from"../button/index.js";import{StyledBabyGrowthSwitch as r}from"./index.styled.js";var n;!function(e){e[e.WHO=0]="WHO",e[e.CDC=1]="CDC"}(n||(n={}));var o=function(o){var i=o.switchType,s=o.onTypeChange;return e.createElement(r,null,e.createElement(t,{className:"switch",size:"sm",color:i===n.WHO?"primary":"ghost",onClick:function(){return s(n.WHO)}},"WHO"),e.createElement(t,{className:"switch",size:"sm",isDisabled:!0,color:i===n.CDC?"primary":"ghost",onClick:function(){return s(n.CDC)}},"CDC"))};export{o as BabyGrowthSwitch,n as BabyGrowthSwitchChart,o as default};

package/build/esm/components/atoms/babyGrowthSwitch/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as r}from"../../../misc/theme.js";import e from"styled-components";var o,t=e.div(o||(o=n(["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  .switch {\n    border: 1px solid ",";\n    padding: 6px 12px;\n    font-weight: 600;\n    font-size: 11px;\n    &:nth-child(2n + 1) {\n      border-radius: 6px 0px 0px 6px;\n      border-right: none;\n    }\n    &:nth-child(2n) {\n      border-radius: 0px 6px 6px 0px;\n      border-left: none;\n    }\n  }\n"])),r.colors.neutral200);export{t as StyledBabyGrowthSwitch};

package/build/esm/components/atoms/babyGrowthTooltip/index.js

@@ -0,0 +1 @@
+import e,{useMemo as r}from"react";import"../../../interfaces/types/BabyGrowth.js";import{LOCALE as o}from"../../../interfaces/types/Locale.js";import{theme as t}from"../../../misc/theme.js";import{Text as n}from"../text/index.js";import{StyledBabyGrowthTooltip as l}from"./index.styled.js";var i=[{name:["3rd","-3SD","97th","3SD"],color:t.colors.red600},{name:["15rd","-2SD","85th","2SD"],color:t.colors.yellow600},{name:["50th","0Median"],color:t.colors.green600}],c={"3rd":"-3SD","15th":"-2SD","50th":"Median","85th":"2SD","97th":"3SD"},s=function(s){var a=s.riskLevel,m=s.tooltips,d=s.locale,u=r((function(){var e;return null===(e=i.find((function(e){return e.name.includes(a||"")})))||void 0===e?void 0:e.color}),[a]),f=r((function(){return d===o.Indonesia?a?c[a]:"":a}),[d,a]);return e.createElement(l,null,e.createElement("div",{className:"risk",style:{backgroundColor:u}},e.createElement(n,{size:"s3",color:t.colors.white,type:"semiBold"},f)),e.createElement("div",{className:"tooltip"},m.map((function(r,o){return e.createElement(n,{key:o,size:"n1",color:t.colors.gray600},r)}))))};export{s as BabyGrowthTooltip};

package/build/esm/components/atoms/babyGrowthTooltip/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as i}from"../../../misc/theme.js";import r from"styled-components";var p,t=r.div(p||(p=n(["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  padding: 8px;\n  gap: 14px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  }\n  .tooltip {\n    text-align: left;\n  }\n"])),i.colors.yellow600);export{t as StyledBabyGrowthTooltip};

package/build/esm/components/atoms/backdrop/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledBackdrop as o}from"./index.styled.js";var r=function(r){var t=r.open,n=void 0!==t&&t,i=r.onClickOutside;return e.createElement(o,{open:n,onClick:i})};export{r as Backdrop};

package/build/esm/components/atoms/backdrop/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var i,t=e.div(i||(i=n(["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  visibility: ",";\n  pointer-events: ",";\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.open?"auto":"none"}));export{t as StyledBackdrop};

package/build/esm/components/atoms/badge/index.js

@@ -0,0 +1 @@
+import i from"react";import{StyledBadge as t}from"./index.styled.js";var o=function(o){var a=o.amount,e=o.type,n=o.size,c=void 0===n?"medium":n,r=o.color,l=void 0===r?"primary":r,m=o.icon,d=o.className;return i.createElement(t,{"data-notification-type":e,"data-notification-size":c,"data-notification-color":l,"data-has-icon":!!m||void 0,notificationType:e,notificationSize:c,notificationColor:l,hasIcon:!!m,className:d},i.createElement("div",null,a&&i.createElement("span",null,a)," ",m&&i.createElement("div",null,m)))};export{o as Badge};

package/build/esm/components/atoms/badge/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as t}from"../../../misc/theme.js";import o from"styled-components";var e,i=o.div(e||(e=n(["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"],["\n  position: relative;\n\n  > div {\n    width: max-content;\n    position: relative;\n  }\n\n  span {\n    font-weight: ",";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    ","\n  }\n\n  ","\n"])),(function(n){return n.theme.sizes.fwBold}),(function(n){return function(n,o,e,i){var c="";if("numeric"===n)switch(o){case"medium":c="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":c="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}var r,a="";e&&(a="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),e&&(r="\n      left: 70%;\n\n      ".concat("large"===o?"\n        top: -7px;\n      ":"medium"===o?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":"","\n    "));var s="";switch(i){case"primary":s="\n      background: ".concat(t.colors.blue50,";\n      color: ").concat(t.colors.blue600,";  \n    ");break;case"error":s="\n        background: ".concat(t.colors.error,";\n        color: white;\n      ")}switch(n){case"dot":return"\n        ".concat(a,"\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ").concat(s,"\n      ");case"numeric":return"\n        ".concat(a,"\n        width: max-content;\n        border-radius: 32px;\n        ").concat(c,"\n        ").concat(r,"\n        ").concat(s,"\n      ")}}(n.notificationType,n.notificationSize,n.hasIcon,n.notificationColor)}),(function(n){return n.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}));export{i as StyledBadge};

package/build/esm/components/atoms/borderHeading/index.js

@@ -0,0 +1 @@
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import s from"react";import{StyledBorderHeading as t}from"./index.styled.js";var a=function(a){var o=a.style,r=a.children,l=a.className,i=a.size,d=void 0===i?"lg":i,m=a.type,p=void 0===m?"bold":m,c=a.upperCase,n=a.as,u=void 0===n?"h4":n,v=a.color;return s.createElement(t,{style:e({color:v},o),className:l,"data-size":d,"data-type":p,"data-uppercase":c,as:u},r)};export{a as BorderHeading};

package/build/esm/components/atoms/borderHeading/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import e from"styled-components";var i,o=e.h4(i||(i=n(["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"],["\n  position: relative;\n  line-height: 18px;\n\n  &:after {\n    position: absolute;\n    top: 1px;\n    left: 0;\n    width: 4px;\n    height: 18px;\n    background-color: ",";\n    content: '';\n  }\n\n  &[data-size='lg'] {\n    font-size: 18px;\n    padding-left: 12px;\n  }\n\n  &[data-size='sm'] {\n    font-size: 14px;\n    padding-left: 8px;\n\n    &::after {\n      width: 2px;\n      height: 15px;\n    }\n  }\n\n  &[data-type='bold'] {\n    font-weight: ",";\n  }\n  &[data-type='semiBold'] {\n    font-weight: ",";\n  }\n\n  &[data-uppercase] {\n    text-transform: uppercase;\n  }\n\n  "," {\n    &[data-size='lg'] {\n      font-size: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.sizes.fwSemiBold}),t.mbDown);export{o as StyledBorderHeading};

package/build/esm/components/atoms/button/index.js

@@ -0,0 +1 @@
+import{__rest as t,__assign as a}from"../../../node_modules/tslib/tslib.es6.js";import e from"react";import{StyledButton as r,StyledLoader as o}from"./index.styled.js";var d=function(d){var n=d.size,i=d.color,c=void 0===i?"primary":i,l=d.theme,s=void 0===l?"helloSites":l,m=d.isDisabled,u=d.isBlock,C=d.title,p=d.className,h=d.onClick,v=d.icon,g=d.children,k=d.isLoading,E=d.loadingText,w=d.dataEventCategory,y=d.dataEventAction,b=d.dataEventLabel,P=d.dataProductChannel,f=d.dataProductSku,x=d.dataProductBrand,B=d.dataProductName,A=d.dataProductPrice,L=d.dataProductCategory,z=d.dataProductPosition,F=d.isAmp,N=d.on,D=d.dataVarsTracking,T=d.type,I=t(d,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),M=F?{"data-vars-event-category":w,"data-vars-event-action":y,"data-vars-event-label":b,"data-vars-product-channel":P,"data-vars-product-sku":f,"data-vars-product-brand":x,"data-vars-product-name":B,"data-vars-product-price":A,"data-vars-product-category":L,"data-vars-product-position":z,"data-vars-tracking":D,on:N}:{"data-event-category":w,"data-event-action":y,"data-event-label":b,"data-product-channel":P,"data-product-sku":f,"data-product-brand":x,"data-product-name":B,"data-product-price":A,"data-product-category":L,"data-product-position":z};return e.createElement(r,a({},M,{className:p,"data-size":n,"data-color":c,"data-block":u,"data-has-icon":!!v||void 0,"data-theme":s,disabled:m,onClick:function(t){!k&&!m&&h&&h(t)},title:C,"data-is-loading":k||void 0,buttonHasIcon:!!v,buttonTheme:s,buttonSize:n,buttonColor:c,buttonIsLoading:k,buttonIsBlock:u,type:T},I),k?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:24}},("secondary"===c||"transparent"===c||"tertiary"===c||"ghost"===c||"danger"===c)&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"#DBDFE5",strokeWidth:"4"})),e.createElement(o,{width:"24",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},e.createElement("mask",{id:"a",fill:"#fff"},e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})),e.createElement("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"#2D87F3",strokeWidth:"8",mask:"url(#a)"}))),"primary"===c&&e.createElement(e.Fragment,null,e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement(o,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.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"})),e.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",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"}))),e.createElement("span",null,E)):e.createElement("span",null,!k&&e.createElement("span",{className:"button-icon"},v)," ",g))};export{d as Button};

package/build/esm/components/atoms/button/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as e,keyframes as r}from"styled-components";var t,i,d,p,l,a,s,c,h,x,b,g,u,m,f,z,k,w,y,v,S,B,C,T,j,H,A,I,L,_,q,D,E,F,G,J,K,M,N,O,P,Q,R=o.button(O||(O=n(["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n  ","\n\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n  ","\n\n    ","\n\n  ","\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  ","\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),(function(o){return"marryBaby"===o.buttonTheme&&e(t||(t=n(["\n      border-radius: 16px;\n    "],["\n      border-radius: 16px;\n    "])))}),(function(n){return n.theme.sizes.fwBold}),(function(o){return o.buttonHasIcon&&e(i||(i=n(["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "],["\n      & > span {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        width: 16px;\n        height: 16px;\n        margin-right: 8px;\n        vertical-align: middle;\n      }\n\n      & .button-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      }\n    "])))}),(function(o){return"primary"===o.buttonColor&&e(h||(h=n(["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "],["\n      background-color: ",";\n      border: 1px solid ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover:not(:disabled) {\n        background-color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.primaryBase,o.theme.colors.white,"marryBaby"===o.buttonTheme&&e(d||(d=n(["\n        border: solid 2px ",";\n        background-color: ",";\n      "],["\n        border: solid 2px ",";\n        background-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&e(p||(p=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(l||(l=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&e(a||(a=n(["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,"marryBaby"===o.buttonTheme&&e(s||(s=n(["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "],["\n          border: solid 2px ",";\n          background-color: ",";\n          color: ",";\n        "])),o.theme.mbColors.pink,o.theme.colors.white,o.theme.mbColors.pink),o.theme.colors.primaryActive,"marryBaby"===o.buttonTheme&&e(c||(c=n(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),o.theme.mbColors.pink))}),(function(o){return"secondary"===o.buttonColor&&e(z||(z=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n    ","\n\n    &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n\n        ","\n      }\n    "])),o.theme.colors.primaryBase,o.theme.colors.white,o.theme.colors.primaryBase,"marryBaby"===o.buttonTheme&&e(x||(x=n(["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "],["\n        border-color: ",";\n        background-color: transparent;\n        color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink),"lg"===o.buttonSize&&e(b||(b=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(g||(g=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&e(u||(u=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.primaryHover,o.theme.colors.primaryHover,o.theme.colors.white,"marryBaby"===o.buttonTheme&&e(m||(m=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink),o.theme.colors.primaryActive,o.theme.colors.primaryActive,o.theme.colors.white,"marryBaby"===o.buttonTheme&&e(f||(f=n(["\n          border-color: ",";\n          background-color: ",";\n        "],["\n          border-color: ",";\n          background-color: ",";\n        "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"tertiary"===o.buttonColor&&e(B||(B=n(["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "],["\n      border: solid 2px ",";\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n    ","\n\n      &:hover {\n        ","\n      }\n\n      ","\n    "])),o.theme.colors.gray300,o.theme.colors.gray800,"lg"===o.buttonSize&&e(k||(k=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(w||(w=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"sm"===o.buttonSize&&e(y||(y=n(["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "],["\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n        border-width: 1px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),"marryBaby"===o.buttonTheme&&e(v||(v=n(["\n          color: ",";\n          background-color: ",";\n        "],["\n          color: ",";\n          background-color: ",";\n        "])),o.theme.colors.white,o.theme.mbColors.pink),"marryBaby"===o.buttonTheme&&e(S||(S=n(["\n        color: ",";\n        border-color: ",";\n      "],["\n        color: ",";\n        border-color: ",";\n      "])),o.theme.mbColors.pink,o.theme.mbColors.pink))}),(function(o){return"ghost"===o.buttonColor&&e(H||(H=n(["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "],["\n      border: 0;\n      background-color: transparent;\n      color: ",";\n\n      ","\n\n      ","\n\n   ","\n\n    &:disabled {\n        border-color: 0;\n        background-color: transparent;\n        color: ",";\n        cursor: not-allowed;\n      }\n    "])),o.theme.colors.primaryBase,"lg"===o.buttonSize&&e(C||(C=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(T||(T=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n      "]))),"sm"===o.buttonSize&&e(j||(j=n(["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "],["\n        padding: 5px 12px;\n        font-size: 12px;\n        line-height: 18px;\n        font-weight: ",";\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.gray300)}),(function(o){return"transparent"===o.buttonColor&&e(_||(_=n(["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "],["\n      border: none;\n      background-color: transparent;\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&e(A||(A=n(["\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(I||(I=n(["\n        font-size: 14px;\n        line-height: 24px;\n      "],["\n        font-size: 14px;\n        line-height: 24px;\n      "]))),"sm"===o.buttonSize&&e(L||(L=n(["\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-size: 13px;\n        line-height: 20px;\n      "]))))}),(function(o){return"danger"===o.buttonColor&&e(F||(F=n(["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "],["\n      border: solid 2px ",";\n      background-color: ",";\n      color: ",";\n\n      ","\n\n      ","\n\n      ","\n\n      &:hover {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n      }\n    "])),o.theme.colors.red600,o.theme.colors.red600,o.theme.colors.white,"lg"===o.buttonSize&&e(q||(q=n(["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "],["\n        padding: 12px 24px;\n        font-size: 16px;\n        line-height: 24px;\n      "]))),"md"===o.buttonSize&&e(D||(D=n(["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "],["\n        padding: 9px 24px;\n        font-size: 14px;\n        line-height: 22px;\n        border-width: 1.5px;\n      "]))),"sm"===o.buttonSize&&e(E||(E=n(["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "],["\n        font-weight: ",";\n        border-width: 1px;\n        padding: 5px 24px;\n        font-size: 13px;\n        line-height: 20px;\n      "])),o.theme.sizes.fwSemiBold),o.theme.colors.red200,o.theme.colors.red200,o.theme.colors.white)}),(function(o){return o.buttonIsLoading&&e(M||(M=n(["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "],["\n      span {\n        padding-left: 32px;\n      }\n      svg {\n        position: absolute;\n      }\n\n      ","\n\n      ","\n\n    ","\n    "])),"lg"===o.buttonSize&&e(G||(G=n(["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "],["\n        svg {\n          width: 26px;\n          height: 26px;\n        }\n      "]))),"md"===o.buttonSize&&e(J||(J=n(["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "],["\n        svg {\n          width: 24px;\n          height: 24px;\n        }\n      "]))),"sm"===o.buttonSize&&e(K||(K=n(["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "],["\n        svg {\n          width: 22px;\n          height: 22px;\n        }\n      "]))))}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.white}),(function(o){return o.buttonIsBlock&&e(N||(N=n(["\n      width: 100%;\n      padding: 12px auto;\n    "],["\n      width: 100%;\n      padding: 12px auto;\n    "])))})),U=r(P||(P=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),V=o.svg(Q||(Q=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),U);export{R as StyledButton,V as StyledLoader};

package/build/esm/components/atoms/checkbox/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledCheckbox as a}from"./index.styled.js";var t=function(t){var c=t.label,n=t.name,l=t.checked,o=t.className,r=t.isDisabled,d=t.onChange,i=t.value,m=t.isRectangle;return e.createElement(a,{className:o,"data-disabled":r||void 0,"data-is-rectangle":m||void 0,"data-label-text":c},e.createElement("input",{type:"checkbox",checked:l,name:n,onChange:function(){return d(i,!l)},disabled:r,value:i,id:"".concat(n,"-").concat(i),"data-label-text":c}),!m&&e.createElement("label",{htmlFor:"".concat(n,"-").concat(i)},c))};export{t as Checkbox};

package/build/esm/components/atoms/checkbox/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as e}from"../../../misc/utils.js";import r from"styled-components";var o,t=r.div(o||(o=n(["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),e.mbDown,e.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}));export{t as StyledCheckbox};

package/build/esm/components/atoms/container/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledContainer as t}from"./index.styled.js";var r=function(r){var a=r.children,s=r.className,l=r.style,m=r.type;return e.createElement(t,{className:s,style:l,"data-type":m},a)};export{r as Container};

package/build/esm/components/atoms/container/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{MediaQueries as t}from"../../../misc/utils.js";import a from"styled-components";var i,m=a.div(i||(i=n(["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"],["\n  width: 100%;\n  margin: 0 auto;\n  "," {\n    padding: 0 16px;\n  }\n  "," {\n    max-width: 1170px;\n    &[data-type='marryBaby'] {\n      max-width: 1064px;\n    }\n  }\n"])),t.mbDown,t.tdUp);export{m as StyledContainer};

package/build/esm/components/atoms/displayWrapper/index.js

@@ -0,0 +1 @@
+import e,{useMemo as r}from"react";import{useIsInit as o}from"../../../hooks/useIsInit.js";import{useScreenSize as i}from"../../../hooks/useScreenSize.js";import{getBoundariesFromMediaQueryKey as t}from"../../../misc/utils.js";import{StyledDisplayWrapper as n}from"./index.styled.js";var s=function(s){var u=s.forceDisplay,l=s.mediaQueryKey,m=s.children,a=s.className,f=s.style,c=r((function(){return t(l)}),[l]),p=c[0],d=c[1],y=o(),h=i(),j=h.isMobile,b=h.isLargeMobile;return r((function(){if("boolean"==typeof u)return u;if(y)return!0;var e=window.innerWidth;return(!p||p<=e)&&(!d||e<=d)}),[y,u,p,d,j,b])?e.createElement(n,{lowerBound:u?0:p,upperBound:u?0:d,className:a,style:f},m):null};export{s as DisplayWrapper};

package/build/esm/components/atoms/displayWrapper/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var e,t=o.div(e||(e=n(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")}));export{t as StyledDisplayWrapper};

package/build/esm/components/atoms/divider/index.js

@@ -0,0 +1 @@
+import e from"react";import{StyledDivider as t}from"./index.styled.js";var r=function(r){var a=r.type,i=void 0===a?"solid":a,s=r.className,d=r.style;return e.createElement(t,{style:d,className:s,"data-diver-type":i,dividerType:i})};export{r as Divider};

package/build/esm/components/atoms/divider/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as r}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var e,n=o.hr(e||(e=r(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType}));export{n as StyledDivider};

package/build/esm/components/atoms/drawer/helpers.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{slideInUp as i,slideOutDown as t,slideInLeft as a,slideOutLeft as o,slideInRight as r,slideOutRight as e,slideInDown as s,slideOutUp as d}from"../../../misc/animation.js";import{css as p}from"styled-components";var u,m,x,w,f,l,h,b,O,g,c=function(c,j){switch(c){case"top":return p(m||(m=n(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),j?p(u||(u=n(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),s,"800ms"):null,d,"800ms");case"right":return p(w||(w=n(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),j?p(x||(x=n(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),r,"800ms"):null,e,"800ms");case"bottom":return p(l||(l=n(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),j?p(f||(f=n(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),i,"800ms"):null,t,"800ms");case"left":return p(b||(b=n(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),j?p(h||(h=n(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),a,"800ms"):null,o,"800ms");default:return p(g||(g=n(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),j?p(O||(O=n(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),i,"800ms"):null,t,"800ms")}};export{c as generateStyleBasedOnPlacement};

package/build/esm/components/atoms/drawer/index.js

@@ -0,0 +1 @@
+import e,{useRef as t,useEffect as n}from"react";import{toggleNoScroll as o,getPopupWrapperDom as l}from"../../../misc/utils.js";import{createPortal as r}from"react-dom";import{Backdrop as i}from"../backdrop/index.js";import{Text as a}from"../text/index.js";import{StyledDrawer as s,StyledDrawerPanel as m,StyledDrawerContent as c}from"./index.styled.js";var C=function(C){var d=C.children,u=C.title,p=C.onClose,f=C.open,v=void 0!==f&&f,E=C.placement,L=void 0===E?"left":E,h=C.destroyOnClose,x=void 0!==h&&h,g=C.className,w=t();n((function(){return o(v),function(){return o(!1)}}),[v]);var j=function(){w.current.classList.add("slideOut"),setTimeout((function(){p()}),1e3)};return!v&&x?null:r(e.createElement(e.Fragment,null,v&&e.createElement(s,{className:g},e.createElement(i,{open:v,onClickOutside:j}),e.createElement(m,{open:v,placement:L,ref:w,hasTitle:Boolean(u)},e.createElement("div",{className:"title"},u&&e.createElement(a,{size:"s2",type:"semiBold"},u),e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:j},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:function(e){return e.stopPropagation()}},d&&(e.isValidElement(d)?d:"function"==typeof d?d({internalClose:j}):null))))),l())};export{C as Drawer};

package/build/esm/components/atoms/drawer/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import{theme as i}from"../../../misc/theme.js";import e,{css as t}from"styled-components";import{generateStyleBasedOnPlacement as o}from"./helpers.js";var l,d,s,f,r=e.div(l||(l=n(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n"])),i.zIndexes.drawer),p=e.div(s||(s=n(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(e){return e.hasTitle?t(d||(d=n(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),i.colors.neutral100):null}),(function(n){return o(n.placement,n.open)})),a=e.div(f||(f=n(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"])));export{r as StyledDrawer,a as StyledDrawerContent,p as StyledDrawerPanel};

package/build/esm/components/atoms/fileDropdown/index.js

@@ -0,0 +1 @@
+import e,{useState as t,useRef as l}from"react";import{StyledDropdown as n,StyledDropdownName as a,StyledDropdownList as r,StyledDropdownOption as o,StyledIcon as c}from"./index.styled.js";var i=function(i){var s=i.className,p=i.value,d=i.options,u=i.onUploadSelected,m=i.id,f=i.placeholderIcon,v=i.placeholder,_=i.style,E=t(!1),w=E[0],h=E[1],x=function(){return h(!w)},y=l(d.map((function(t){return"upload"===t.type&&e.createElement("input",{id:"uploader-dropdown-input-"+m+"-"+t.value,key:"uploader-dropdown-input-"+m+"-"+t.value,accept:t.fileAcceptedType,multiple:t.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),u(e.target.files)}})}))),k=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},e.createElement("defs",null,e.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},e.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),e.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"File"),e.createElement("g",{clipPath:"url(#prefix__clip-path)"},e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),e.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),g=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"download"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),M=e.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},e.createElement("defs",null,e.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),e.createElement("title",null,"upload"),e.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return e.createElement(n,{className:s,"data-dropdown-open":!!w,id:m,"data-has-icons":!0,style:_,onBlur:function(){return h(!1)},tabIndex:0},e.createElement(a,{onClick:x},f||k," ",e.createElement("span",null,p&&p.value?p.label:v)),w&&e.createElement(r,{onClick:x,"data-has-icons":!0},d.map((function(t){return e.createElement(o,{key:"".concat(m,"-").concat(t.value),"data-selected":p&&p.value===t.value||void 0,onClick:function(){return"upload"===t.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+m+"-"+t.value):void((e=t.url)&&window.open(e,"_blank"));var e}},e.createElement(c,null,t.icon||"download"===t.type?g:M),t.label)}))),e.createElement(e.Fragment,null,y.current))};export{i as FileDropdown};

package/build/esm/components/atoms/fileDropdown/index.styled.js

@@ -0,0 +1 @@
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r,i,e,t,p,a=o.div(r||(r=n(["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      vertical-align: middle;\n      display: inline-block;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n    }\n    > div::after {\n      content: '';\n      right: 12px;\n      top: 50%;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      width: 10px;\n      height: 8px;\n      position: absolute;\n      background-repeat: no-repeat;\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200})),d=o.div(i||(i=n(["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  padding: 12px 18px 12px 16px;\n  cursor: pointer;\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),x=o.ul(e||(e=n(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    background: white;\n    box-shadow: none;\n    border: 1px solid ",";\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),s=o.li(t||(t=n(["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  margin: 8px;\n  padding: 12px 18px 12px 16px;\n  border-radius: 6px;\n  display: flex;\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),g=o.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  margin-right: 8px;\n\n  & > svg {\n    height: 16px;\n    width: 16px;\n  }\n"])));export{a as StyledDropdown,x as StyledDropdownList,d as StyledDropdownName,s as StyledDropdownOption,g as StyledIcon};