npm - @hhgtech/hhg-components - Versions diffs - 1.27.159 → 1.27.161 - Mend

@hhgtech/hhg-components 1.27.159 → 1.27.161

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (283) hide show

package/build/esm/{types-d3f309d9.js → types-6c860ae9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as l,useReducer as r}from"react";import{u as c}from"./useTranslations-d23e5957.js";import d from"lodash/debounce";import{I as p,a as u,f as h,M as g,g as m,C}from"./constants-531169d2.js";import{I as b}from"./index-fa41ceed.js";import y,{createGlobalStyle as f}from"styled-components";import{T as v,I as x}from"./index-5fd57ab2.js";import{t as S}from"./theme-fd087af5.js";import E from"lodash/shuffle";import{a as w}from"./useOutsideClick-dd2aced6.js";import{M as L}from"./screenSizeContext-e2052d31.js";import k from"react-loading-skeleton";import{P as O}from"./paths-00f55271.js";import{Skeleton as j,Input as I,Divider as $,Tabs as F,Flex as M,Button as R}from"@mantine/core";import{e as T,d as P}from"./index-34a8408b.js";import{g as A,s as N,d as B}from"./cookieHelper-87efe0d2.js";import{C as V}from"./index-d9fbb64d.js";import D from"string-format";const K=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function z(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(A(T))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=A(T);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};N(T,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{B(T),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const _=y.div``,H=y.div`
+import{a as e}from"./tslib.es6-d8ba5e0e.js";import*as t from"react";import i,{useState as a,useCallback as o,useMemo as n,useEffect as s,useRef as l,useReducer as r}from"react";import{u as c}from"./useTranslations-8e7471e9.js";import d from"lodash/debounce";import{I as p,a as u,f as h,M as g,g as m,C}from"./constants-4e77772b.js";import{I as b}from"./index-29398213.js";import y,{createGlobalStyle as f}from"styled-components";import{T as v,I as x}from"./index-f41ce453.js";import{t as S}from"./theme-fff94356.js";import E from"lodash/shuffle";import{a as w}from"./useOutsideClick-554f17ac.js";import{M as L}from"./screenSizeContext-662f92d9.js";import k from"react-loading-skeleton";import{P as O}from"./paths-e83a7594.js";import{Skeleton as j,Input as I,Divider as $,Tabs as F,Flex as M,Button as R}from"@mantine/core";import{e as T,d as P}from"./index-50a78483.js";import{g as N,s as A,d as B}from"./cookieHelper-0382f1df.js";import{C as V}from"./index-47ab4704.js";import D from"string-format";const K=e=>t.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),t.createElement("path",{d:"M7.99969 9.38055L5.45236 6.83322C5.17636 6.55722 4.72836 6.55722 4.45236 6.83322C4.17636 7.10922 4.17636 7.55722 4.45236 7.83322L7.52836 10.9092C7.78903 11.1699 8.21103 11.1699 8.47103 10.9092L11.547 7.83322C11.823 7.55722 11.823 7.10922 11.547 6.83322C11.271 6.55722 10.823 6.55722 10.547 6.83322L7.99969 9.38055Z"}));function z(){const[e,t]=a((()=>{if("undefined"==typeof window)return"unset";if(N(T))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[i,s]=a((()=>{if("undefined"==typeof window)return null;const e=N(T);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=o((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((e=>{const i={lat:""+Math.round(1e7*e.coords.latitude)/1e7,lng:""+Math.round(1e7*e.coords.longitude)/1e7};A(T,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{B(T),t("denied")}))}),[]);return n((()=>({geoLocationPermission:e,geoLocationCoordinates:i,requestGeoLocation:l})),[e,i])}const _=y.div``,H=y.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;
@@ -182,12 +182,12 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
   flex: 1;
 `,Pe=y(Re)`
   flex: 2;
-`,Ae=y((({className:e,color:t})=>i.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))))`
+`,Ne=y((({className:e,color:t})=>i.createElement("svg",{className:e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},i.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))))`
   display: none;
   &.shown {
     display: block;
   }
-`,Ne=()=>i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.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"})),Be=y.button`
+`,Ae=()=>i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.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"})),Be=y.button`
   min-height: 100%;
   border-radius: 6px;
   background-color: ${({theme:e})=>e.colors.primaryBase};
@@ -220,7 +220,7 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
   }
 `,Ve=y(v)`
   font-weight: ${({theme:e})=>e.sizes.fwSemiBold};
-`,De=({onClick:e})=>{const{t:t}=c(),a=t("booking.searchBar.searchButton");return i.createElement(Be,{onClick:e,title:a},i.createElement(Ne,null),i.createElement(Ve,{size:"s3",color:"white"},a))};function Ke({isMobile:e,state:t,dispatch:a,debouncedFetchCitiesByKeyword:s,debouncedFetchSearchResults:r,focusLocationInput:d,focusSearchInput:p,renderLocationResults:u,renderSearchResults:g,locationTrackingAttributes:m,trackingAttributes:C,onSearch:b,initalSearchValue:y}){const f=l(null),v=l(null),{focused:x,searchLocationKeywords:E,geoLocationPermission:L,selectedLocation:k,searchKeywords:O,inputSearchPlaceholder:j}=t,{t:I}=c();ye({wrapperRef:v,disabled:!!j}),w(f,(()=>{e||a({type:Ie.ClickOutsideInputLocation})})),w(v,(()=>{e||a({type:Ie.ClickOutsideInputSearch})}));const $=n((()=>"granted"===L&&(null==k?void 0:k.id)===h?S.colors.primaryBase:S.colors.gray400),[L,k]),F=o((function(e){a({type:Ie.ChangeInputSearch,payload:e}),"function"!=typeof b&&(e.trim().length>Oe[t.locale]||y?r(e.trim(),t):(r.cancel(),a({type:Ie.DisplayInitialSearchResults})))}),[a,t]),M=o((function(e){a({type:Ie.ChangeInputLocation,payload:e}),e.trim().length>Oe[t.locale]?s(e.trim()):(s.cancel(),a({type:Ie.DisplayInitialCities}))}),[s,a]);return i.createElement(Me,null,i.createElement(Te,{ref:f},i.createElement(Y,{inputClassName:"location"===x?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:i.createElement(Q,{className:"location-pin-icon",color:$}),actionIcon:i.createElement(Ae,{color:S.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){a({type:Ie.ClearInputLocation}),s.cancel(),d()},value:E,onChange:M,onFocus:()=>a({type:Ie.FocusInputLocation}),size:"md",trackingAttributes:m}),!e&&u()),i.createElement(Pe,{ref:v},i.createElement(Y,{placeholder:j||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:i.createElement(Ae,{color:S.colors.gray300,className:""!==O?"shown":""}),onActionClick:function(){a({type:Ie.ClearInputSearch}),r.cancel(),r("",t),p()},value:O,onChange:F,onFocus:()=>a({type:Ie.FocusInputSearch}),inputClassName:"search"===x?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:e=>{t.autoCompleteDisabled&&"Enter"===e.key&&b&&b({cityId:t.selectedLocation.id,keyword:O})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!e&&g()),t.autoCompleteDisabled&&!t.isMobile&&i.createElement(De,{onClick:()=>{b({cityId:t.selectedLocation.id,keyword:O})}}))}const ze=()=>i.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},i.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"})),_e=()=>i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.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"})),He=()=>i.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},i.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"})),Ge=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},i.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"})),Ze=y.header`
+`,De=({onClick:e})=>{const{t:t}=c(),a=t("booking.searchBar.searchButton");return i.createElement(Be,{onClick:e,title:a},i.createElement(Ae,null),i.createElement(Ve,{size:"s3",color:"white"},a))};function Ke({isMobile:e,state:t,dispatch:a,debouncedFetchCitiesByKeyword:s,debouncedFetchSearchResults:r,focusLocationInput:d,focusSearchInput:p,renderLocationResults:u,renderSearchResults:g,locationTrackingAttributes:m,trackingAttributes:C,onSearch:b,initalSearchValue:y}){const f=l(null),v=l(null),{focused:x,searchLocationKeywords:E,geoLocationPermission:L,selectedLocation:k,searchKeywords:O,inputSearchPlaceholder:j}=t,{t:I}=c();ye({wrapperRef:v,disabled:!!j}),w(f,(()=>{e||a({type:Ie.ClickOutsideInputLocation})})),w(v,(()=>{e||a({type:Ie.ClickOutsideInputSearch})}));const $=n((()=>"granted"===L&&(null==k?void 0:k.id)===h?S.colors.primaryBase:S.colors.gray400),[L,k]),F=o((function(e){a({type:Ie.ChangeInputSearch,payload:e}),"function"!=typeof b&&(e.trim().length>Oe[t.locale]||y?r(e.trim(),t):(r.cancel(),a({type:Ie.DisplayInitialSearchResults})))}),[a,t]),M=o((function(e){a({type:Ie.ChangeInputLocation,payload:e}),e.trim().length>Oe[t.locale]?s(e.trim()):(s.cancel(),a({type:Ie.DisplayInitialCities}))}),[s,a]);return i.createElement(Me,null,i.createElement(Te,{ref:f},i.createElement(Y,{inputClassName:"location"===x?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:i.createElement(Q,{className:"location-pin-icon",color:$}),actionIcon:i.createElement(Ne,{color:S.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){a({type:Ie.ClearInputLocation}),s.cancel(),d()},value:E,onChange:M,onFocus:()=>a({type:Ie.FocusInputLocation}),size:"md",trackingAttributes:m}),!e&&u()),i.createElement(Pe,{ref:v},i.createElement(Y,{placeholder:j||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:i.createElement(Ne,{color:S.colors.gray300,className:""!==O?"shown":""}),onActionClick:function(){a({type:Ie.ClearInputSearch}),r.cancel(),r("",t),p()},value:O,onChange:F,onFocus:()=>a({type:Ie.FocusInputSearch}),inputClassName:"search"===x?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:e=>{t.autoCompleteDisabled&&"Enter"===e.key&&b&&b({cityId:t.selectedLocation.id,keyword:O})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!e&&g()),t.autoCompleteDisabled&&!t.isMobile&&i.createElement(De,{onClick:()=>{b({cityId:t.selectedLocation.id,keyword:O})}}))}const ze=()=>i.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},i.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"})),_e=()=>i.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},i.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"})),He=()=>i.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},i.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"})),Ge=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},i.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"})),Ze=y.header`
   display: flex;
   justify-content: space-between;
   padding: 12px 24px;
@@ -336,7 +336,7 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
       0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
       0px 0px 1px rgba(0, 0, 0, 0.04);
   }
-`,ct=({data:e,state:t,dispatch:a,isMobile:o,isLoading:n,keyword:s,hideResults:l,isNavResultItem:r})=>i.createElement(rt,null,e&&e.map((e=>l&&l.includes(e.type)?i.createElement(i.Fragment,null):i.createElement(lt,{type:e.type,state:t,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:o,isLoading:n,keyword:s,isNavResultItem:r})))),dt=(e,t,i)=>D(e,Object.assign(Object.assign({},t),{domain:P[i||"en-PH"]}));const pt=({isMobile:t,careApiDomain:g,geoLocationPermission:m,geoLocationCoordinates:C,initialSelectedCity:b,initialSearchValue:y="",careFrontDomain:f="/care",isDebug:v=!1,askForGeolocationPermission:x=!1,gaTrackingSearchBar:S,gaTrackingLocationSearch:E,autoCompleteDisabled:w=!1,inputSearchPlaceholder:L="",isOptionAllLocation:k=!1,hideResults:j=[],isNavResultItem:I=!0,routerPush:$,onGeoLocationPermissionChange:F,onSearch:M,onChangeLocation:R})=>{const{t:T,locale:P}=c(),A=l(null),N=l(null),[B,V]=a(void 0),[D,K]=a(!1),{geoLocationPermission:Y,geoLocationCoordinates:W,requestGeoLocation:Q}=z(),[q,J]=r(Fe,je,(e=>Object.assign(Object.assign({},e),{isDebug:v,isMobile:t,geoLocationPermission:m||Y||"unset",geoLocationCoordinates:C||W||null,searchKeywords:y,initialSelectedCity:b||null,selectedLocation:b||e.selectedLocation||null,searchLocationKeywords:(null==b?void 0:b.name)||e.searchLocationKeywords,autoCompleteDisabled:w,inputSearchPlaceholder:L,locale:P}))),{navigateTo:X,focused:ee,isLoadingCities:te,cities:ie,searchKeywords:ae,geoLocationPermission:oe,selectedLocation:ne,initialSelectedCity:le,defaultCity:re,searchResults:ce,isLoadingSearchResults:de,isMobileModalOpened:pe,inputSearchPlaceholder:ue}=q,{fetchCitiesByLocation:he,fetchCitiesByKeyword:ge,fetchSearchResults:me}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN"}){const a=o((function(a,o={}){const n=`${t}${a}`;return e({type:Ie.FetchCitiesStart}),fetch(dt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:Ie.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const n={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(n.noPaging=1);const s=[a(O.GET_CITY_BY_IP,Object.assign(Object.assign({},o),n))];return"zh-TW"===i&&s.push(a(O.GET_CITIES_LIST,{noPaging:1})),Promise.all(s).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:Ie.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return a(O.GET_CITIES_LIST,{keyword:t}).then((t=>{e({type:Ie.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(a,o){const n=`${t}${O.GET_SEARCH_V2}`;e({type:Ie.FetchSearchResultsStart});const{defaultCity:s,selectedLocation:l,geoLocationCoordinates:r}=o;let c="";if(!l||!s)return void e({type:Ie.FetchSearchResultsFinish});l.id===h?r||(c=s.id):c=l.id===p?"":l.id;const d=(null==r?void 0:r.lat)||"",u=(null==r?void 0:r.lng)||"";return fetch(dt(n,{domain:t,searchType:"global",keyword:a.trim().length>Oe[i]?a.trim():"",city:c===h?"":c,lat:d,lng:u},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>e({type:Ie.FetchSearchResultsComplete,payload:t}))).catch((e=>{console.log("error loading search results",{url:n,error:e})})).finally((()=>e({type:Ie.FetchSearchResultsFinish})))}),[i,t,e])}}({dispatch:J,locale:P,careApiDomain:g}),Ce=n((()=>{var e;return{id:h,name:T("booking.searchBar.currentLocation"),slug:null===(e=u[P])||void 0===e?void 0:e.CURRENT}}),[T,P]),be=n((()=>d(ge,400)),[ge]),ye=n((()=>d(me,400)),[me]);s((()=>{""!==y&&y!==q.searchKeywords&&J({type:Ie.UpdateInitialSearchValue,payload:y})}),[y]),s((()=>{x&&(null==ne?void 0:ne.id)===h&&"unset"===oe&&Q()}),[x,ne,oe]),s((()=>{m||oe===Y||("granted"===Y&&W?J({type:Ie.GrantGeoLocationPermission,payload:W}):"denied"===Y&&J({type:Ie.DenyGeoLocationPermission}))}),[oe,Y,W,m]),s((()=>{X&&($?$(X):window.location.href=`${f}${X}`)}),[X]);const fe=o((function(){J({type:Ie.SelectCurrentLocation,payload:Ce})}),[T,J]);s((()=>{var e;"denied"===oe||le||J({type:Ie.SelectLocation,payload:{name:T("booking.searchBar.allLocations"),id:p,slug:null===(e=u[P])||void 0===e?void 0:e.ALL}}),F&&F(oe,q.geoLocationCoordinates),t&&"granted"===oe&&ne&&J({type:Ie.FocusInputSearch}),he({coordinates:q.geoLocationCoordinates})}),[oe]),s((()=>{ne&&re&&me(q.searchKeywords,q)}),[ne,re]),s((()=>{L!==ue&&J({type:Ie.SetInputSearchPlaceholder,payload:L})}),[L,ue]),s((()=>{pe?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[pe]);const xe=o((function(e){"ms-MY"===P&&K(!0),J({type:Ie.SelectLocation,payload:e}),"ms-MY"!==P&&we(),R&&R(e)}),[T,J]);function Se(){"ms-MY"===P&&K(!0),t&&"granted"!==q.geoLocationPermission?Q():(fe(),"ms-MY"!==P&&we())}function Ee(){var e;A.current&&(null===(e=A.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function we(){var e;A.current&&(null===(e=A.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Le(){J({type:Ie.CloseMobileModal})}function $e(){return"location"!==ee?null:i.createElement(se,{isLoading:te,cities:ie,onLocationClick:xe,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:oe,selectedLocation:ne,isOptionAllLocation:k})}function Me(){return"search"!==ee?null:q.autoCompleteDisabled?t?i.createElement(De,{onClick:()=>{M({cityId:q.selectedLocation.id,keyword:ae}),Le()}}):null:i.createElement(ct,{data:ce,state:q,dispatch:J,isMobile:!1,keyword:ae,isLoading:de,hideResults:j,isNavResultItem:I})}function Re(){return i.createElement(Ke,{isMobile:t,state:q,dispatch:J,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:ye,focusLocationInput:Ee,focusSearchInput:we,renderLocationResults:$e,renderSearchResults:Me,trackingAttributes:S,locationTrackingAttributes:E,onSearch:M,initalSearchValue:y})}return s((()=>{if(window.visualViewport){const e=e=>{const t=e.target;V(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e,{passive:!0}),()=>{window.visualViewport.removeEventListener("resize",e)}}}),[V]),s((()=>{if(ne&&D&&"ms-MY"===P){const e=`/${ne.slug}/hospital`;J({type:Ie.NavigateTo,payload:e}),K(!1)}}),[D,P,ne]),t?i.createElement(i.Fragment,null,i.createElement(U,null),i.createElement(Z,{ref:N}),i.createElement(H,{id:"booking-search-bar",ref:A,"data-is-modal":t&&pe,style:{"--mobile-care-searchbar-height":pe&&B?`${B}px`:"100%"}},pe?i.createElement(i.Fragment,null,i.createElement(G,null,i.createElement(ke,{headingText:T("booking.searchBar.searchButton"),onLeftClick:Le}),Re()),$e(),Me()):i.createElement(ve,{onClick:function(){var t;return e(this,void 0,void 0,(function*(){N.current&&N.current.focus(),J({type:Ie.OpenMobileModal}),yield Promise.resolve(),A.current&&(null===(t=A.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus())}))},focused:ee,value:ae,trackingAttributes:S,inputSearchPlaceholder:L}))):i.createElement(_,{id:"booking-search-bar",ref:A},Re())},ut=y.div``,ht=y.div`
+`,ct=({data:e,state:t,dispatch:a,isMobile:o,isLoading:n,keyword:s,hideResults:l,isNavResultItem:r})=>i.createElement(rt,null,e&&e.map((e=>l&&l.includes(e.type)?i.createElement(i.Fragment,null):i.createElement(lt,{type:e.type,state:t,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:o,isLoading:n,keyword:s,isNavResultItem:r})))),dt=(e,t,i)=>D(e,Object.assign(Object.assign({},t),{domain:P[i||"en-PH"]}));const pt=({isMobile:t,careApiDomain:g,geoLocationPermission:m,geoLocationCoordinates:C,initialSelectedCity:b,initialSearchValue:y="",careFrontDomain:f="/care",isDebug:v=!1,askForGeolocationPermission:x=!1,gaTrackingSearchBar:S,gaTrackingLocationSearch:E,autoCompleteDisabled:w=!1,inputSearchPlaceholder:L="",isOptionAllLocation:k=!1,hideResults:j=[],isNavResultItem:I=!0,routerPush:$,onGeoLocationPermissionChange:F,onSearch:M,onChangeLocation:R})=>{const{t:T,locale:P}=c(),N=l(null),A=l(null),[B,V]=a(void 0),[D,K]=a(!1),{geoLocationPermission:Y,geoLocationCoordinates:W,requestGeoLocation:Q}=z(),[q,J]=r(Fe,je,(e=>Object.assign(Object.assign({},e),{isDebug:v,isMobile:t,geoLocationPermission:m||Y||"unset",geoLocationCoordinates:C||W||null,searchKeywords:y,initialSelectedCity:b||null,selectedLocation:b||e.selectedLocation||null,searchLocationKeywords:(null==b?void 0:b.name)||e.searchLocationKeywords,autoCompleteDisabled:w,inputSearchPlaceholder:L,locale:P}))),{navigateTo:X,focused:ee,isLoadingCities:te,cities:ie,searchKeywords:ae,geoLocationPermission:oe,selectedLocation:ne,initialSelectedCity:le,defaultCity:re,searchResults:ce,isLoadingSearchResults:de,isMobileModalOpened:pe,inputSearchPlaceholder:ue}=q,{fetchCitiesByLocation:he,fetchCitiesByKeyword:ge,fetchSearchResults:me}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN"}){const a=o((function(a,o={}){const n=`${t}${a}`;return e({type:Ie.FetchCitiesStart}),fetch(dt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:Ie.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const n={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(n.noPaging=1);const s=[a(O.GET_CITY_BY_IP,Object.assign(Object.assign({},o),n))];return"zh-TW"===i&&s.push(a(O.GET_CITIES_LIST,{noPaging:1})),Promise.all(s).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:Ie.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return a(O.GET_CITIES_LIST,{keyword:t}).then((t=>{e({type:Ie.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(a,o){const n=`${t}${O.GET_SEARCH_V2}`;e({type:Ie.FetchSearchResultsStart});const{defaultCity:s,selectedLocation:l,geoLocationCoordinates:r}=o;let c="";if(!l||!s)return void e({type:Ie.FetchSearchResultsFinish});l.id===h?r||(c=s.id):c=l.id===p?"":l.id;const d=(null==r?void 0:r.lat)||"",u=(null==r?void 0:r.lng)||"";return fetch(dt(n,{domain:t,searchType:"global",keyword:a.trim().length>Oe[i]?a.trim():"",city:c===h?"":c,lat:d,lng:u},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>e({type:Ie.FetchSearchResultsComplete,payload:t}))).catch((e=>{console.log("error loading search results",{url:n,error:e})})).finally((()=>e({type:Ie.FetchSearchResultsFinish})))}),[i,t,e])}}({dispatch:J,locale:P,careApiDomain:g}),Ce=n((()=>{var e;return{id:h,name:T("booking.searchBar.currentLocation"),slug:null===(e=u[P])||void 0===e?void 0:e.CURRENT}}),[T,P]),be=n((()=>d(ge,400)),[ge]),ye=n((()=>d(me,400)),[me]);s((()=>{""!==y&&y!==q.searchKeywords&&J({type:Ie.UpdateInitialSearchValue,payload:y})}),[y]),s((()=>{x&&(null==ne?void 0:ne.id)===h&&"unset"===oe&&Q()}),[x,ne,oe]),s((()=>{m||oe===Y||("granted"===Y&&W?J({type:Ie.GrantGeoLocationPermission,payload:W}):"denied"===Y&&J({type:Ie.DenyGeoLocationPermission}))}),[oe,Y,W,m]),s((()=>{X&&($?$(X):window.location.href=`${f}${X}`)}),[X]);const fe=o((function(){J({type:Ie.SelectCurrentLocation,payload:Ce})}),[T,J]);s((()=>{var e;"denied"===oe||le||J({type:Ie.SelectLocation,payload:{name:T("booking.searchBar.allLocations"),id:p,slug:null===(e=u[P])||void 0===e?void 0:e.ALL}}),F&&F(oe,q.geoLocationCoordinates),t&&"granted"===oe&&ne&&J({type:Ie.FocusInputSearch}),he({coordinates:q.geoLocationCoordinates})}),[oe]),s((()=>{ne&&re&&me(q.searchKeywords,q)}),[ne,re]),s((()=>{L!==ue&&J({type:Ie.SetInputSearchPlaceholder,payload:L})}),[L,ue]),s((()=>{pe?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[pe]);const xe=o((function(e){"ms-MY"===P&&K(!0),J({type:Ie.SelectLocation,payload:e}),"ms-MY"!==P&&we(),R&&R(e)}),[T,J]);function Se(){"ms-MY"===P&&K(!0),t&&"granted"!==q.geoLocationPermission?Q():(fe(),"ms-MY"!==P&&we())}function Ee(){var e;N.current&&(null===(e=N.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function we(){var e;N.current&&(null===(e=N.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Le(){J({type:Ie.CloseMobileModal})}function $e(){return"location"!==ee?null:i.createElement(se,{isLoading:te,cities:ie,onLocationClick:xe,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:oe,selectedLocation:ne,isOptionAllLocation:k})}function Me(){return"search"!==ee?null:q.autoCompleteDisabled?t?i.createElement(De,{onClick:()=>{M({cityId:q.selectedLocation.id,keyword:ae}),Le()}}):null:i.createElement(ct,{data:ce,state:q,dispatch:J,isMobile:!1,keyword:ae,isLoading:de,hideResults:j,isNavResultItem:I})}function Re(){return i.createElement(Ke,{isMobile:t,state:q,dispatch:J,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:ye,focusLocationInput:Ee,focusSearchInput:we,renderLocationResults:$e,renderSearchResults:Me,trackingAttributes:S,locationTrackingAttributes:E,onSearch:M,initalSearchValue:y})}return s((()=>{if(window.visualViewport){const e=e=>{const t=e.target;V(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e,{passive:!0}),()=>{window.visualViewport.removeEventListener("resize",e)}}}),[V]),s((()=>{if(ne&&D&&"ms-MY"===P){const e=`/${ne.slug}/hospital`;J({type:Ie.NavigateTo,payload:e}),K(!1)}}),[D,P,ne]),t?i.createElement(i.Fragment,null,i.createElement(U,null),i.createElement(Z,{ref:A}),i.createElement(H,{id:"booking-search-bar",ref:N,"data-is-modal":t&&pe,style:{"--mobile-care-searchbar-height":pe&&B?`${B}px`:"100%"}},pe?i.createElement(i.Fragment,null,i.createElement(G,null,i.createElement(ke,{headingText:T("booking.searchBar.searchButton"),onLeftClick:Le}),Re()),$e(),Me()):i.createElement(ve,{onClick:function(){var t;return e(this,void 0,void 0,(function*(){A.current&&A.current.focus(),J({type:Ie.OpenMobileModal}),yield Promise.resolve(),N.current&&(null===(t=N.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus())}))},focused:ee,value:ae,trackingAttributes:S,inputSearchPlaceholder:L}))):i.createElement(_,{id:"booking-search-bar",ref:N},Re())},ut=y.div``,ht=y.div`
   background-color: ${S.colors.neutral50};
   padding-bottom: 1px;
   ${L.mbDown} {
@@ -559,7 +559,7 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
 `;y(Q)`
   width: 12px;
   height: 18px;
-`;const $t=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M8.98307 14.3333C7.87196 14.3333 6.92752 13.9445 6.14974 13.1667C5.37196 12.3889 4.98307 11.4445 4.98307 10.3333V9.96668C4.08307 9.85557 3.33041 9.45557 2.72507 8.76668C2.1193 8.07779 1.81641 7.26668 1.81641 6.33334V3.10001C1.81641 2.93334 1.87463 2.79157 1.99107 2.67468C2.10796 2.55823 2.24974 2.50001 2.41641 2.50001H3.81641V2.33334C3.81641 2.1889 3.86374 2.06934 3.95841 1.97468C4.05263 1.88045 4.17196 1.83334 4.31641 1.83334C4.46085 1.83334 4.58041 1.88045 4.67507 1.97468C4.7693 2.06934 4.81641 2.1889 4.81641 2.33334V3.66668C4.81641 3.81112 4.7693 3.93045 4.67507 4.02468C4.58041 4.11934 4.46085 4.16668 4.31641 4.16668C4.17196 4.16668 4.05263 4.11934 3.95841 4.02468C3.86374 3.93045 3.81641 3.81112 3.81641 3.66668V3.50001H2.81641V6.33334C2.81641 7.06668 3.07752 7.69445 3.59974 8.21668C4.12196 8.7389 4.74974 9.00001 5.48307 9.00001C6.21641 9.00001 6.84418 8.7389 7.36641 8.21668C7.88863 7.69445 8.14974 7.06668 8.14974 6.33334V3.50001H7.14974V3.66668C7.14974 3.81112 7.10263 3.93045 7.00841 4.02468C6.91374 4.11934 6.79418 4.16668 6.64974 4.16668C6.5053 4.16668 6.38596 4.11934 6.29174 4.02468C6.19707 3.93045 6.14974 3.81112 6.14974 3.66668V2.33334C6.14974 2.1889 6.19707 2.06934 6.29174 1.97468C6.38596 1.88045 6.5053 1.83334 6.64974 1.83334C6.79418 1.83334 6.91374 1.88045 7.00841 1.97468C7.10263 2.06934 7.14974 2.1889 7.14974 2.33334V2.50001H8.54974C8.71641 2.50001 8.85818 2.55823 8.97507 2.67468C9.09152 2.79157 9.14974 2.93334 9.14974 3.10001V6.33334C9.14974 7.26668 8.84707 8.07779 8.24174 8.76668C7.63596 9.45557 6.88307 9.85557 5.98307 9.96668V10.3333C5.98307 11.1667 6.27485 11.8751 6.85841 12.4587C7.44152 13.0418 8.14974 13.3333 8.98307 13.3333C9.81641 13.3333 10.5249 13.0418 11.1084 12.4587C11.6915 11.8751 11.9831 11.1667 11.9831 10.3333V9.25001C11.6386 9.1389 11.3526 8.93601 11.1251 8.64134C10.8971 8.34712 10.7831 8.01112 10.7831 7.63334C10.7831 7.15557 10.9497 6.75001 11.2831 6.41668C11.6164 6.08334 12.0164 5.91668 12.4831 5.91668C12.9609 5.91668 13.3664 6.08334 13.6997 6.41668C14.0331 6.75001 14.1997 7.15557 14.1997 7.63334C14.1997 8.01112 14.086 8.34712 13.8584 8.64134C13.6304 8.93601 13.3386 9.1389 12.9831 9.25001V10.3333C12.9831 11.4445 12.5942 12.3889 11.8164 13.1667C11.0386 13.9445 10.0942 14.3333 8.98307 14.3333ZM12.4831 8.33334C12.6831 8.33334 12.8526 8.26401 12.9917 8.12534C13.1304 7.98623 13.1997 7.82223 13.1997 7.63334C13.1997 7.43334 13.1304 7.26401 12.9917 7.12534C12.8526 6.98623 12.6831 6.91668 12.4831 6.91668C12.2831 6.91668 12.1164 6.98623 11.9831 7.12534C11.8497 7.26401 11.7831 7.43334 11.7831 7.63334C11.7831 7.82223 11.8497 7.98623 11.9831 8.12534C12.1164 8.26401 12.2831 8.33334 12.4831 8.33334Z",fill:"#595959"})),Ft=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M6.86836 9.26489V10.2386C6.86836 10.509 6.96294 10.7389 7.15209 10.9283C7.34124 11.1176 7.57093 11.2122 7.84114 11.2122C8.11135 11.2122 8.34133 11.1176 8.53106 10.9283C8.7208 10.7389 8.81567 10.509 8.81567 10.2386V9.26489H9.78936C10.0598 9.26489 10.2897 9.17031 10.479 8.98116C10.6684 8.79201 10.763 8.56233 10.763 8.29211C10.763 8.0219 10.6684 7.79192 10.479 7.60219C10.2897 7.41245 10.0598 7.31758 9.78936 7.31758H8.81567V6.34389C8.81567 6.07343 8.72109 5.84354 8.53194 5.65422C8.34279 5.4649 8.11311 5.37024 7.84289 5.37024C7.57268 5.37024 7.3427 5.4649 7.15297 5.65422C6.96323 5.84354 6.86836 6.07343 6.86836 6.34389V7.31758H5.89467C5.62421 7.31758 5.39432 7.41216 5.205 7.60131C5.01568 7.79046 4.92102 8.02014 4.92102 8.29036C4.92102 8.56057 5.01568 8.79055 5.205 8.98028C5.39432 9.17002 5.62421 9.26489 5.89467 9.26489H6.86836ZM3.40809 14.1333C3.02086 14.1333 2.68938 13.9954 2.41364 13.7196C2.13788 13.4439 2 13.1124 2 12.7252V6.07426C2 5.85132 2.04987 5.64011 2.14961 5.44063C2.24936 5.24116 2.38723 5.07689 2.56323 4.94782L6.99718 1.61486C7.24323 1.42712 7.52444 1.33325 7.84081 1.33325C8.15718 1.33325 8.43919 1.42712 8.68685 1.61486L13.1208 4.94782C13.2968 5.07689 13.4347 5.24116 13.5344 5.44063C13.6342 5.64011 13.684 5.85132 13.684 6.07426V12.7252C13.684 13.1124 13.5462 13.4439 13.2704 13.7196C12.9947 13.9954 12.6632 14.1333 12.2759 14.1333H3.40809ZM3.40809 12.9649H12.2759C12.3459 12.9649 12.4033 12.9424 12.4482 12.8974C12.4932 12.8525 12.5156 12.7951 12.5156 12.7252V6.07426C12.5156 6.03431 12.5069 5.99811 12.4894 5.96566C12.4719 5.9332 12.4482 5.90449 12.4183 5.87953L7.98433 2.55406C7.94438 2.51911 7.89694 2.50164 7.84202 2.50164C7.78709 2.50164 7.73965 2.51911 7.69971 2.55406L3.26576 5.87953C3.2358 5.90449 3.21209 5.9332 3.1946 5.96566C3.17712 5.99811 3.16839 6.03431 3.16839 6.07426V12.7252C3.16839 12.7951 3.19086 12.8525 3.2358 12.8974C3.28075 12.9424 3.33818 12.9649 3.40809 12.9649Z",fill:"#595959"})),Mt=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M7.99984 8.00004C8.3665 8.00004 8.68039 7.86949 8.9415 7.60837C9.20261 7.34726 9.33317 7.03337 9.33317 6.66671C9.33317 6.30004 9.20261 5.98615 8.9415 5.72504C8.68039 5.46393 8.3665 5.33337 7.99984 5.33337C7.63317 5.33337 7.31928 5.46393 7.05817 5.72504C6.79706 5.98615 6.6665 6.30004 6.6665 6.66671C6.6665 7.03337 6.79706 7.34726 7.05817 7.60837C7.31928 7.86949 7.63317 8.00004 7.99984 8.00004ZM7.99984 12.9C9.35539 11.6556 10.3609 10.525 11.0165 9.50837C11.6721 8.49171 11.9998 7.58893 11.9998 6.80004C11.9998 5.58893 11.6137 4.59726 10.8415 3.82504C10.0693 3.05282 9.12206 2.66671 7.99984 2.66671C6.87761 2.66671 5.93039 3.05282 5.15817 3.82504C4.38595 4.59726 3.99984 5.58893 3.99984 6.80004C3.99984 7.58893 4.32761 8.49171 4.98317 9.50837C5.63873 10.525 6.64428 11.6556 7.99984 12.9ZM7.99984 14.4167C7.91095 14.4167 7.82206 14.4 7.73317 14.3667C7.64428 14.3334 7.5665 14.2889 7.49984 14.2334C5.87761 12.8 4.6665 11.4695 3.8665 10.2417C3.0665 9.01393 2.6665 7.86671 2.6665 6.80004C2.6665 5.13337 3.20261 3.8056 4.27484 2.81671C5.34706 1.82782 6.58873 1.33337 7.99984 1.33337C9.41095 1.33337 10.6526 1.82782 11.7248 2.81671C12.7971 3.8056 13.3332 5.13337 13.3332 6.80004C13.3332 7.86671 12.9332 9.01393 12.1332 10.2417C11.3332 11.4695 10.1221 12.8 8.49984 14.2334C8.43317 14.2889 8.35539 14.3334 8.2665 14.3667C8.17761 14.4 8.08873 14.4167 7.99984 14.4167Z",fill:"#8C8C8C"})),Rt=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},i.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"})),Tt=({state:e,isMobile:t,debouncedFetchSearchResults:a,selectedLocation:s,onSpecialtyClick:r,dispatch:d})=>{var p;const{t:h,locale:g}=c(),m=l(null),C=n((()=>u[g]),[g]),b=n((()=>({wrapper:{"&:after":{content:'""',width:"1px",height:"20px",backgroundColor:"#E4E8EC",position:"absolute",right:0,top:"13px"}},input:{border:t?"border: 1px solid #d9d9d9":"none",height:t?"40px":"46px !important",paddingRight:"30px","&:focus":{boxShadow:t?"box-shadow: 0px 0px 0px 2px #91caff":"none"}},rightSection:{width:"30px",svg:{fontSize:"20px"}}})),[t]),y=o((function(e){console.log(e)}),[a,d]);return w(m,(()=>{d({type:bt.ClickOutsideInputSpecialty})})),i.createElement(Ot,{ref:m},i.createElement(I.Wrapper,null,i.createElement(I,{size:t?"md":"lg",placeholder:h("booking.searchPopup.specialties"),value:(null===(p=null==e?void 0:e.selectedSpecialty)||void 0===p?void 0:p.name)||"",rightSection:i.createElement(K,null),styles:b,onFocus:()=>d({type:bt.FocusInputSpecialty}),onChange:e=>{y(e.target.value)}})),"specialty"===e.focused&&i.createElement(jt,null,i.createElement(It,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{r&&r({name:h("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:C.SPECIALTIES})}},i.createElement("div",{className:"image-item"},i.createElement(Rt,null)),i.createElement(v,{size:"md"},h("booking.searchBar.allSpecialties"))),e.allSpecialties.map((e=>i.createElement(It,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),r&&r(Object.assign(Object.assign({},e),{total_doctor:0}))},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==s?void 0:s.id)===e.id},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement(v,{size:"md"},e.name))))))},Pt=({state:e,type:t,isMobile:a,isLoading:s,initalSearchValue:r,typeInformation:d,debouncedFetchSearchResults:p,trackingAttributes:u,hideSpecialtySelection:h=!1,clientSlug:g="",focusSearchInput:m,onSearch:C,dispatch:b})=>{var y;const{t:f}=c(),v=l(null),S=n((()=>u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}),[u]),E=n((()=>"doctor"===t?f("booking.searchBar.placeholder.doctor"):"service"===t?f("booking.searchBar.placeholder.service"):"hospital"===t?f("booking.searchBar.placeholder.hospital"):"specialty"===t?f("booking.searchBar.placeholder.specialty"):""),[t]),L=n((()=>({root:{flex:1,"&.hide-specialty-selection":{".mantine-Input-rightSection":{display:"none"},input:{paddingLeft:"48px"},".mantine-Input-icon":{left:"0"}}}})),[]),k=n((()=>({icon:{left:"165px"},input:{color:"#262626",'&[data-with-icon="true"]':{paddingLeft:"205px",paddingRight:"16px"}},rightSection:{left:0,width:"165px",padding:"1px"}})),[]),O=n((()=>({input:{color:"#262626"}})),[]);w(v,(()=>{b({type:bt.ClickOutsideInputSearch})}));const j=o((function(i){b({type:bt.ChangeInputSearch,payload:i}),"function"!=typeof C&&(i.trim().length>mt[e.locale]||r||0===i.trim().length?p(i.trim(),e,t,g):(p.cancel(),b({type:bt.DisplayInitialSearchResults})))}),[b,e,t]),$=o((function(e){b({type:bt.SelectSpecialty,payload:e}),m()}),[b]);return i.createElement(vt,{ref:v},"specialty"===t?i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:a?"md":"lg",placeholder:E,styles:O,value:e.searchKeywords,onFocus:()=>b({type:bt.FocusInputSearchSpecialty}),onChange:e=>{j(e.target.value)}})):i.createElement(i.Fragment,null,"service"===t?i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:a?"md":"lg",name:"search-results",placeholder:E,onFocus:()=>b({type:bt.FocusInputSearch}),value:e.searchKeywords,onChange:e=>{j(e.target.value)}})):i.createElement(i.Fragment,null,a&&!h?i.createElement(i.Fragment,null,i.createElement(Tt,{state:e,isMobile:a,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:$}),i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:"md",placeholder:E,value:e.searchKeywords,name:"search-results",onFocus:()=>b({type:bt.FocusInputSearch}),onChange:e=>{j(e.target.value)}}))):i.createElement(I.Wrapper,{styles:L,className:h?"hide-specialty-selection":""},i.createElement(I,Object.assign({icon:i.createElement(x.Search,null),size:"lg",placeholder:E,styles:k,name:"search-results",autoComplete:"off",value:e.searchKeywords,onChange:e=>{j(e.target.value)},onFocus:()=>b({type:bt.FocusInputSearch})},S,{rightSection:h?i.createElement(i.Fragment,null):i.createElement(Tt,{state:e,isMobile:a,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:$})})))),"search"===e.focused&&i.createElement(xt,null,i.createElement(kt,{type:t,state:e,results:(null===(y=e.searchResults)||void 0===y?void 0:y[t])||[],location:e.selectedLocation.name,dispatch:b,isLoading:s,typeInformation:d,clientSlug:g}))))},At=y.div`
+`;const $t=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M8.98307 14.3333C7.87196 14.3333 6.92752 13.9445 6.14974 13.1667C5.37196 12.3889 4.98307 11.4445 4.98307 10.3333V9.96668C4.08307 9.85557 3.33041 9.45557 2.72507 8.76668C2.1193 8.07779 1.81641 7.26668 1.81641 6.33334V3.10001C1.81641 2.93334 1.87463 2.79157 1.99107 2.67468C2.10796 2.55823 2.24974 2.50001 2.41641 2.50001H3.81641V2.33334C3.81641 2.1889 3.86374 2.06934 3.95841 1.97468C4.05263 1.88045 4.17196 1.83334 4.31641 1.83334C4.46085 1.83334 4.58041 1.88045 4.67507 1.97468C4.7693 2.06934 4.81641 2.1889 4.81641 2.33334V3.66668C4.81641 3.81112 4.7693 3.93045 4.67507 4.02468C4.58041 4.11934 4.46085 4.16668 4.31641 4.16668C4.17196 4.16668 4.05263 4.11934 3.95841 4.02468C3.86374 3.93045 3.81641 3.81112 3.81641 3.66668V3.50001H2.81641V6.33334C2.81641 7.06668 3.07752 7.69445 3.59974 8.21668C4.12196 8.7389 4.74974 9.00001 5.48307 9.00001C6.21641 9.00001 6.84418 8.7389 7.36641 8.21668C7.88863 7.69445 8.14974 7.06668 8.14974 6.33334V3.50001H7.14974V3.66668C7.14974 3.81112 7.10263 3.93045 7.00841 4.02468C6.91374 4.11934 6.79418 4.16668 6.64974 4.16668C6.5053 4.16668 6.38596 4.11934 6.29174 4.02468C6.19707 3.93045 6.14974 3.81112 6.14974 3.66668V2.33334C6.14974 2.1889 6.19707 2.06934 6.29174 1.97468C6.38596 1.88045 6.5053 1.83334 6.64974 1.83334C6.79418 1.83334 6.91374 1.88045 7.00841 1.97468C7.10263 2.06934 7.14974 2.1889 7.14974 2.33334V2.50001H8.54974C8.71641 2.50001 8.85818 2.55823 8.97507 2.67468C9.09152 2.79157 9.14974 2.93334 9.14974 3.10001V6.33334C9.14974 7.26668 8.84707 8.07779 8.24174 8.76668C7.63596 9.45557 6.88307 9.85557 5.98307 9.96668V10.3333C5.98307 11.1667 6.27485 11.8751 6.85841 12.4587C7.44152 13.0418 8.14974 13.3333 8.98307 13.3333C9.81641 13.3333 10.5249 13.0418 11.1084 12.4587C11.6915 11.8751 11.9831 11.1667 11.9831 10.3333V9.25001C11.6386 9.1389 11.3526 8.93601 11.1251 8.64134C10.8971 8.34712 10.7831 8.01112 10.7831 7.63334C10.7831 7.15557 10.9497 6.75001 11.2831 6.41668C11.6164 6.08334 12.0164 5.91668 12.4831 5.91668C12.9609 5.91668 13.3664 6.08334 13.6997 6.41668C14.0331 6.75001 14.1997 7.15557 14.1997 7.63334C14.1997 8.01112 14.086 8.34712 13.8584 8.64134C13.6304 8.93601 13.3386 9.1389 12.9831 9.25001V10.3333C12.9831 11.4445 12.5942 12.3889 11.8164 13.1667C11.0386 13.9445 10.0942 14.3333 8.98307 14.3333ZM12.4831 8.33334C12.6831 8.33334 12.8526 8.26401 12.9917 8.12534C13.1304 7.98623 13.1997 7.82223 13.1997 7.63334C13.1997 7.43334 13.1304 7.26401 12.9917 7.12534C12.8526 6.98623 12.6831 6.91668 12.4831 6.91668C12.2831 6.91668 12.1164 6.98623 11.9831 7.12534C11.8497 7.26401 11.7831 7.43334 11.7831 7.63334C11.7831 7.82223 11.8497 7.98623 11.9831 8.12534C12.1164 8.26401 12.2831 8.33334 12.4831 8.33334Z",fill:"#595959"})),Ft=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M6.86836 9.26489V10.2386C6.86836 10.509 6.96294 10.7389 7.15209 10.9283C7.34124 11.1176 7.57093 11.2122 7.84114 11.2122C8.11135 11.2122 8.34133 11.1176 8.53106 10.9283C8.7208 10.7389 8.81567 10.509 8.81567 10.2386V9.26489H9.78936C10.0598 9.26489 10.2897 9.17031 10.479 8.98116C10.6684 8.79201 10.763 8.56233 10.763 8.29211C10.763 8.0219 10.6684 7.79192 10.479 7.60219C10.2897 7.41245 10.0598 7.31758 9.78936 7.31758H8.81567V6.34389C8.81567 6.07343 8.72109 5.84354 8.53194 5.65422C8.34279 5.4649 8.11311 5.37024 7.84289 5.37024C7.57268 5.37024 7.3427 5.4649 7.15297 5.65422C6.96323 5.84354 6.86836 6.07343 6.86836 6.34389V7.31758H5.89467C5.62421 7.31758 5.39432 7.41216 5.205 7.60131C5.01568 7.79046 4.92102 8.02014 4.92102 8.29036C4.92102 8.56057 5.01568 8.79055 5.205 8.98028C5.39432 9.17002 5.62421 9.26489 5.89467 9.26489H6.86836ZM3.40809 14.1333C3.02086 14.1333 2.68938 13.9954 2.41364 13.7196C2.13788 13.4439 2 13.1124 2 12.7252V6.07426C2 5.85132 2.04987 5.64011 2.14961 5.44063C2.24936 5.24116 2.38723 5.07689 2.56323 4.94782L6.99718 1.61486C7.24323 1.42712 7.52444 1.33325 7.84081 1.33325C8.15718 1.33325 8.43919 1.42712 8.68685 1.61486L13.1208 4.94782C13.2968 5.07689 13.4347 5.24116 13.5344 5.44063C13.6342 5.64011 13.684 5.85132 13.684 6.07426V12.7252C13.684 13.1124 13.5462 13.4439 13.2704 13.7196C12.9947 13.9954 12.6632 14.1333 12.2759 14.1333H3.40809ZM3.40809 12.9649H12.2759C12.3459 12.9649 12.4033 12.9424 12.4482 12.8974C12.4932 12.8525 12.5156 12.7951 12.5156 12.7252V6.07426C12.5156 6.03431 12.5069 5.99811 12.4894 5.96566C12.4719 5.9332 12.4482 5.90449 12.4183 5.87953L7.98433 2.55406C7.94438 2.51911 7.89694 2.50164 7.84202 2.50164C7.78709 2.50164 7.73965 2.51911 7.69971 2.55406L3.26576 5.87953C3.2358 5.90449 3.21209 5.9332 3.1946 5.96566C3.17712 5.99811 3.16839 6.03431 3.16839 6.07426V12.7252C3.16839 12.7951 3.19086 12.8525 3.2358 12.8974C3.28075 12.9424 3.33818 12.9649 3.40809 12.9649Z",fill:"#595959"})),Mt=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},i.createElement("path",{d:"M7.99984 8.00004C8.3665 8.00004 8.68039 7.86949 8.9415 7.60837C9.20261 7.34726 9.33317 7.03337 9.33317 6.66671C9.33317 6.30004 9.20261 5.98615 8.9415 5.72504C8.68039 5.46393 8.3665 5.33337 7.99984 5.33337C7.63317 5.33337 7.31928 5.46393 7.05817 5.72504C6.79706 5.98615 6.6665 6.30004 6.6665 6.66671C6.6665 7.03337 6.79706 7.34726 7.05817 7.60837C7.31928 7.86949 7.63317 8.00004 7.99984 8.00004ZM7.99984 12.9C9.35539 11.6556 10.3609 10.525 11.0165 9.50837C11.6721 8.49171 11.9998 7.58893 11.9998 6.80004C11.9998 5.58893 11.6137 4.59726 10.8415 3.82504C10.0693 3.05282 9.12206 2.66671 7.99984 2.66671C6.87761 2.66671 5.93039 3.05282 5.15817 3.82504C4.38595 4.59726 3.99984 5.58893 3.99984 6.80004C3.99984 7.58893 4.32761 8.49171 4.98317 9.50837C5.63873 10.525 6.64428 11.6556 7.99984 12.9ZM7.99984 14.4167C7.91095 14.4167 7.82206 14.4 7.73317 14.3667C7.64428 14.3334 7.5665 14.2889 7.49984 14.2334C5.87761 12.8 4.6665 11.4695 3.8665 10.2417C3.0665 9.01393 2.6665 7.86671 2.6665 6.80004C2.6665 5.13337 3.20261 3.8056 4.27484 2.81671C5.34706 1.82782 6.58873 1.33337 7.99984 1.33337C9.41095 1.33337 10.6526 1.82782 11.7248 2.81671C12.7971 3.8056 13.3332 5.13337 13.3332 6.80004C13.3332 7.86671 12.9332 9.01393 12.1332 10.2417C11.3332 11.4695 10.1221 12.8 8.49984 14.2334C8.43317 14.2889 8.35539 14.3334 8.2665 14.3667C8.17761 14.4 8.08873 14.4167 7.99984 14.4167Z",fill:"#8C8C8C"})),Rt=()=>i.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},i.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"})),Tt=({state:e,isMobile:t,debouncedFetchSearchResults:a,selectedLocation:s,onSpecialtyClick:r,dispatch:d})=>{var p;const{t:h,locale:g}=c(),m=l(null),C=n((()=>u[g]),[g]),b=n((()=>({wrapper:{"&:after":{content:'""',width:"1px",height:"20px",backgroundColor:"#E4E8EC",position:"absolute",right:0,top:"13px"}},input:{border:t?"border: 1px solid #d9d9d9":"none",height:t?"40px":"46px !important",paddingRight:"30px","&:focus":{boxShadow:t?"box-shadow: 0px 0px 0px 2px #91caff":"none"}},rightSection:{width:"30px",svg:{fontSize:"20px"}}})),[t]),y=o((function(e){console.log(e)}),[a,d]);return w(m,(()=>{d({type:bt.ClickOutsideInputSpecialty})})),i.createElement(Ot,{ref:m},i.createElement(I.Wrapper,null,i.createElement(I,{size:t?"md":"lg",placeholder:h("booking.searchPopup.specialties"),value:(null===(p=null==e?void 0:e.selectedSpecialty)||void 0===p?void 0:p.name)||"",rightSection:i.createElement(K,null),styles:b,onFocus:()=>d({type:bt.FocusInputSpecialty}),onChange:e=>{y(e.target.value)}})),"specialty"===e.focused&&i.createElement(jt,null,i.createElement(It,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{r&&r({name:h("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:C.SPECIALTIES})}},i.createElement("div",{className:"image-item"},i.createElement(Rt,null)),i.createElement(v,{size:"md"},h("booking.searchBar.allSpecialties"))),e.allSpecialties.map((e=>i.createElement(It,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),r&&r(Object.assign(Object.assign({},e),{total_doctor:0}))},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==s?void 0:s.id)===e.id},i.createElement("div",{className:"image-item"},i.createElement("img",{src:e.thumbnail,alt:e.name})),i.createElement(v,{size:"md"},e.name))))))},Pt=({state:e,type:t,isMobile:a,isLoading:s,initalSearchValue:r,typeInformation:d,debouncedFetchSearchResults:p,trackingAttributes:u,hideSpecialtySelection:h=!1,clientSlug:g="",focusSearchInput:m,onSearch:C,dispatch:b})=>{var y;const{t:f}=c(),v=l(null),S=n((()=>u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}),[u]),E=n((()=>"doctor"===t?f("booking.searchBar.placeholder.doctor"):"service"===t?f("booking.searchBar.placeholder.service"):"hospital"===t?f("booking.searchBar.placeholder.hospital"):"specialty"===t?f("booking.searchBar.placeholder.specialty"):""),[t]),L=n((()=>({root:{flex:1,"&.hide-specialty-selection":{".mantine-Input-rightSection":{display:"none"},input:{paddingLeft:"48px"},".mantine-Input-icon":{left:"0"}}}})),[]),k=n((()=>({icon:{left:"165px"},input:{color:"#262626",'&[data-with-icon="true"]':{paddingLeft:"205px",paddingRight:"16px"}},rightSection:{left:0,width:"165px",padding:"1px"}})),[]),O=n((()=>({input:{color:"#262626"}})),[]);w(v,(()=>{b({type:bt.ClickOutsideInputSearch})}));const j=o((function(i){b({type:bt.ChangeInputSearch,payload:i}),"function"!=typeof C&&(i.trim().length>mt[e.locale]||r||0===i.trim().length?p(i.trim(),e,t,g):(p.cancel(),b({type:bt.DisplayInitialSearchResults})))}),[b,e,t]),$=o((function(e){b({type:bt.SelectSpecialty,payload:e}),m()}),[b]);return i.createElement(vt,{ref:v},"specialty"===t?i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:a?"md":"lg",placeholder:E,styles:O,value:e.searchKeywords,onFocus:()=>b({type:bt.FocusInputSearchSpecialty}),onChange:e=>{j(e.target.value)}})):i.createElement(i.Fragment,null,"service"===t?i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:a?"md":"lg",name:"search-results",placeholder:E,onFocus:()=>b({type:bt.FocusInputSearch}),value:e.searchKeywords,onChange:e=>{j(e.target.value)}})):i.createElement(i.Fragment,null,a&&!h?i.createElement(i.Fragment,null,i.createElement(Tt,{state:e,isMobile:a,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:$}),i.createElement(I.Wrapper,{styles:L},i.createElement(I,{icon:i.createElement(x.Search,null),size:"md",placeholder:E,value:e.searchKeywords,name:"search-results",onFocus:()=>b({type:bt.FocusInputSearch}),onChange:e=>{j(e.target.value)}}))):i.createElement(I.Wrapper,{styles:L,className:h?"hide-specialty-selection":""},i.createElement(I,Object.assign({icon:i.createElement(x.Search,null),size:"lg",placeholder:E,styles:k,name:"search-results",autoComplete:"off",value:e.searchKeywords,onChange:e=>{j(e.target.value)},onFocus:()=>b({type:bt.FocusInputSearch})},S,{rightSection:h?i.createElement(i.Fragment,null):i.createElement(Tt,{state:e,isMobile:a,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:$})})))),"search"===e.focused&&i.createElement(xt,null,i.createElement(kt,{type:t,state:e,results:(null===(y=e.searchResults)||void 0===y?void 0:y[t])||[],location:e.selectedLocation.name,dispatch:b,isLoading:s,typeInformation:d,clientSlug:g}))))},Nt=y.div`
   position: relative;
   ${L.mbDown} {
@@ -568,7 +568,7 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
     flex-direction: column;
     gap: 12px;
   }
-`,Nt=y.div`
+`,At=y.div`
   position: absolute;
   top: calc(100% + 2px);
   width: 100%;
@@ -623,7 +623,7 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
   width: 12px;
   height: 18px;
   flex: 0 0 12px;
-`,Dt=({state:e,isMobile:t,debouncedFetchCitiesByKeyword:a,selectedLocation:s,trackingAttributes:r,onLocationClick:d,dispatch:h})=>{const{t:g,locale:m}=c(),C=l(null),b=n((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]),y=o((function(t){h({type:bt.ChangeInputLocation,payload:t}),t.trim().length>mt[e.locale]?a(t.trim()):(a.cancel(),h({type:bt.DisplayInitialCities}))}),[a,h]);return w(C,(()=>{h({type:bt.ClickOutsideInputLocation})})),i.createElement(At,{ref:C},i.createElement(I.Wrapper,null,i.createElement(I,Object.assign({size:t?"md":"lg",placeholder:"Search location",value:e.searchLocationKeywords,onFocus:()=>h({type:bt.FocusInputLocation}),onChange:e=>{y(e.target.value)}},b))),"location"===e.focused&&i.createElement(Nt,null,i.createElement(Bt,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{var e;d&&d({name:g("booking.searchBar.allLocations"),id:p,slug:null===(e=u[m])||void 0===e?void 0:e.ALL})}},i.createElement(Vt,{color:S.colors.neutral400}),i.createElement(v,{size:"md"},g("booking.searchBar.allLocations"))),e.cities.map((e=>i.createElement(Bt,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),d&&d(e)},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==s?void 0:s.id)===e.id},i.createElement(Vt,{color:S.colors.neutral400}),i.createElement(v,{size:"md"},e.name))))))},Kt=y.div`
+`,Dt=({state:e,isMobile:t,debouncedFetchCitiesByKeyword:a,selectedLocation:s,trackingAttributes:r,onLocationClick:d,dispatch:h})=>{const{t:g,locale:m}=c(),C=l(null),b=n((()=>r?{"data-event-category":r.dataEventCategory,"data-event-action":r.dataEventAction,"data-event-label":r.dataEventLabel}:{}),[r]),y=o((function(t){h({type:bt.ChangeInputLocation,payload:t}),t.trim().length>mt[e.locale]?a(t.trim()):(a.cancel(),h({type:bt.DisplayInitialCities}))}),[a,h]);return w(C,(()=>{h({type:bt.ClickOutsideInputLocation})})),i.createElement(Nt,{ref:C},i.createElement(I.Wrapper,null,i.createElement(I,Object.assign({size:t?"md":"lg",placeholder:"Search location",value:e.searchLocationKeywords,onFocus:()=>h({type:bt.FocusInputLocation}),onChange:e=>{y(e.target.value)}},b))),"location"===e.focused&&i.createElement(At,null,i.createElement(Bt,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{var e;d&&d({name:g("booking.searchBar.allLocations"),id:p,slug:null===(e=u[m])||void 0===e?void 0:e.ALL})}},i.createElement(Vt,{color:S.colors.neutral400}),i.createElement(v,{size:"md"},g("booking.searchBar.allLocations"))),e.cities.map((e=>i.createElement(Bt,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),d&&d(e)},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==s?void 0:s.id)===e.id},i.createElement(Vt,{color:S.colors.neutral400}),i.createElement(v,{size:"md"},e.name))))))},Kt=y.div`
   display: flex;
   flex-wrap: wrap;
   row-gap: 8px;
@@ -757,4 +757,23 @@ import{a as e}from"./tslib.es6-15a12e4d.js";import*as t from"react";import i,{us
   background: rgba(255, 255, 255, 0.64);
   backdrop-filter: blur(12px);
   border-bottom: 1px solid ${S.colors.neutral100};
-`,qt=({currentTab:e,hideTabBookingSearch:t=[],isMobile:a,setCurrentTab:o})=>{const{t:s}=c(),l=n((()=>({root:{overflowY:a?"hidden":"initial",overflowX:a?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:a?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:a?"14px":"16px",fontWeight:600,lineHeight:a?"22px":"24px"}})),[a]),r=(()=>{const{t:e}=c();return[{value:"hospital",label:e("booking.searchPopup.hospitals")},{value:"doctor",label:e("booking.searchPopup.doctors")},{value:"service",label:e("booking.searchPopup.services")},{value:"specialty",label:e("booking.searchPopup.specialties")}]})(),d=n((()=>r.filter((e=>!t.includes(e.value)))||[]),[t,r]);return i.createElement(Qt,{className:"booking-search-tab"},i.createElement(V,null,i.createElement(F,{value:e,onTabChange:e=>{o(e)},styles:l},i.createElement(F.List,null,d.map((e=>i.createElement(F.Tab,{value:e.value,key:e.value},s(e.label))))))))};var Jt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Jt||(Jt={}));const Xt=({isMobile:e,careApiDomain:t,geoLocationPermission:m,geoLocationCoordinates:b,initialSelectedCity:y,initialSearchValue:f="",initTypeSearch:v="hospital",initSpecialty:x,careFrontDomain:S="/care",isDebug:E=!1,gaTrackingSearchBar:L,gaTrackingLocationSearch:k,autoCompleteDisabled:j=!1,inputSearchPlaceholder:I="",hideTabBookingSearch:$=[],hideSpecialtySelection:F=!1,hidePopularSearchKeys:T=!1,clientSlug:P="",routerPush:A,onGeoLocationPermissionChange:N,onChangeLocation:B})=>{const{locale:V,t:D}=c(),K=l(null),_=l(null),[H,G]=a(v),{geoLocationPermission:Z,geoLocationCoordinates:Y}=z(),[U,W]=r(ft,Ct,(t=>Object.assign(Object.assign({},t),{isDebug:E,isMobile:e,geoLocationPermission:m||Z||"unset",geoLocationCoordinates:b||Y||null,searchKeywords:f,initialSelectedCity:y||null,selectedLocation:y||t.selectedLocation||null,searchLocationKeywords:(null==y?void 0:y.name)||t.searchLocationKeywords,autoCompleteDisabled:j,inputSearchPlaceholder:I,locale:V}))),{navigateTo:Q,focusedSpecialty:q,searchKeywords:J,geoLocationPermission:X,selectedLocation:ee,selectedSpecialty:te,initialSelectedCity:ie,searchResults:ae,isLoadingSearchResults:oe}=U,{fetchCitiesByLocation:ne,fetchCitiesByKeyword:se,fetchSearchResults:le,fetchAllSpecialties:re,fetchPopularKeys:ce}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN",client:a=""}){const n=o((function(a,o={}){const n=`${t}${a}`;return e({type:bt.FetchCitiesStart}),fetch(dt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:bt.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const s={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(s.noPaging=1);const l=[n(O.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},o),s),{client:C.MSD===a?"":a}))];return"zh-TW"===i&&l.push(n(O.GET_CITIES_LIST,{noPaging:1,client:C.MSD===a?"":a})),Promise.all(l).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:bt.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return n(O.GET_CITIES_LIST,{keyword:t,client:a}).then((t=>{e({type:bt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(o,n,s,l,r){const c="specialty"===s?`${t}${O.GET_SEARCH_SPECIALTY}`:`${t}${O.GET_SEARCH_V2}`;e({type:bt.FetchSearchResultsStart});const{selectedLocation:d,geoLocationCoordinates:u,selectedSpecialty:g}=n;let m="";if(!d)return void e({type:bt.FetchSearchResultsFinish});m=d.id===p?"":d.id;const b=(null==u?void 0:u.lat)||"",y=(null==u?void 0:u.lng)||"",f=(null==g?void 0:g.id)>0?null==g?void 0:g.id:"",v=o.trim().length>mt[i]?o.trim():"";return fetch(dt(c,{domain:t,searchType:s||"global",keyword:v,city:m===h?"":m,lat:b,lng:y,specialty_id:f,client_slug:C.MSD===l?"":l,msd:C.MSD===a?1:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{let i=[];"specialty"!==s&&(i=t.searches),"specialty"===s&&(i=v?t.specialties:t.default),e({type:bt.FetchSearchResultsComplete,payload:{key:s,searches:i||[]}}),r&&e({type:bt.UpdateInitialSearchResults,payload:{key:s,searches:i||[]}})})).catch((e=>{console.log("error loading search results",{url:c,error:e})})).finally((()=>e({type:bt.FetchSearchResultsFinish})))}),[i,t,e]),fetchAllSpecialties:o((function(){const o=`${t}${O.GET_SEARCH_SPECIALTY}`;return fetch(dt(o,{domain:t,searchType:"",msd:C.MSD===a?1:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:bt.FetchAllSpecialties,payload:t.specialties||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e]),fetchPopularKeys:o((function(a){const o=`${t}${O.GET_SEARCH_POPULAR_KEY}`;return fetch(dt(o,{domain:t,searchType:Jt[a],sort_by:"display_order",sort_order:"asc"},i)).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:bt.FetchPopularKeys,payload:t.popular_searches||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e])}}({dispatch:W,locale:V,careApiDomain:t,client:P}),de=n((()=>u[V]),[V]),pe=n((()=>({doctor:{name:D("booking.searchPopup.doctors"),icon:i.createElement($t,null),slug:de.DOCTOR},service:{name:D("booking.searchPopup.services"),icon:i.createElement(Ft,null),slug:de.SERVICE},hospital:{name:D("booking.searchPopup.hospitals"),icon:i.createElement(Mt,null),slug:de.HOSPITAL},specialty:{name:D("booking.searchPopup.specialties"),icon:i.createElement(Rt,null),slug:de.SPECIALTIES}})),[H]),ue=n((()=>d(se,400)),[se]),he=n((()=>d(le,400)),[le]),ge=o((function(e){W({type:bt.SelectLocation,payload:e}),me(),B&&B(e)}),[D,W]);function me(){var e;K.current&&(null===(e=K.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}return w(_,(()=>{W({type:bt.ClickOutsideInputSearchSpecialty})})),s((()=>{var t;"denied"===X||ie||W({type:bt.SelectLocation,payload:{name:D("booking.searchBar.allLocations"),id:p,slug:null===(t=u[V])||void 0===t?void 0:t.ALL}}),N&&N(X,U.geoLocationCoordinates),e&&"granted"===X&&ee&&W({type:bt.FocusInputSearch}),ne({coordinates:U.geoLocationCoordinates})}),[X]),s((()=>{const e=x||{name:D("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:de.SPECIALTIES};U.selectedSpecialty||W({type:bt.SelectSpecialty,payload:e})}),[x,U.selectedSpecialty]),s((()=>{re()}),[]),s((()=>{ce(H)}),[H]),s((()=>{Q&&(A?A(Q):window.location.href=`${S}${Q}`)}),[Q]),s((()=>{le(U.searchKeywords,U,H,P,!0)}),[ee,te,H]),i.createElement(ut,{ref:K},i.createElement(qt,{currentTab:H,setCurrentTab:G,isMobile:e,hideTabBookingSearch:$}),i.createElement(ht,{className:"booking-search-container"},i.createElement(gt,null,i.createElement("div",{ref:_},i.createElement(M,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==H&&i.createElement(Dt,{state:U,isMobile:e,dispatch:W,debouncedFetchCitiesByKeyword:ue,selectedLocation:ee,onLocationClick:ge,trackingAttributes:k}),i.createElement(Pt,{type:H,isMobile:e,state:U,dispatch:W,debouncedFetchSearchResults:he,initalSearchValue:f,focusSearchInput:me,typeInformation:pe,trackingAttributes:L,isLoading:oe,hideSpecialtySelection:F,clientSlug:P}),i.createElement(R,{size:e?"md":"lg",color:"#2D87F3",fullWidth:e,variant:"filled",onClick:function(){let e="";const{slug:t}=pe[H];let i="";const a=g[V][P];("doctor"===H||"hospital"===H)&&U.selectedSpecialty.id>0&&(i=`&specialtyId=${U.selectedSpecialty.id}`),e="specialty"===H?`/${t}`:`/${ee.slug}/${t}`,a&&(e+=`/${a}`),e+=`?q=${J}${i}`,e&&W({type:bt.NavigateTo,payload:e})},styles:{root:{height:e?"40px":"48px"}}},D("booking.searchBar.searchButton"))),!T&&"specialty"!==H&&U.popularKeys.length>0&&i.createElement(Wt,{type:H,state:U,typeInformation:pe,dispatch:W}),"specialty"===H&&"search"===q&&i.createElement(Gt,{state:U,isMobile:e,dispatch:W,specialties:(null==ae?void 0:ae.specialty)||[],isLoading:oe})))))};var ei;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(ei||(ei={}));var ti=Object.freeze({__proto__:null,get RedirectType(){return ei}});export{pt as B,K as C,Xt as a,ti as t};
+`,qt=({currentTab:e,hideTabBookingSearch:t=[],isMobile:a,setCurrentTab:o})=>{const{t:s}=c(),l=n((()=>({root:{overflowY:a?"hidden":"initial",overflowX:a?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:a?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:a?"14px":"16px",fontWeight:600,lineHeight:a?"22px":"24px"}})),[a]),r=(()=>{const{t:e}=c();return[{value:"hospital",label:e("booking.searchPopup.hospitals")},{value:"doctor",label:e("booking.searchPopup.doctors")},{value:"service",label:e("booking.searchPopup.services")},{value:"specialty",label:e("booking.searchPopup.specialties")}]})(),d=n((()=>r.filter((e=>!t.includes(e.value)))||[]),[t,r]);return i.createElement(Qt,{className:"booking-search-tab"},i.createElement(V,null,i.createElement(F,{value:e,onTabChange:e=>{o(e)},styles:l},i.createElement(F.List,null,d.map((e=>i.createElement(F.Tab,{value:e.value,key:e.value},s(e.label))))))))};var Jt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Jt||(Jt={}));const Xt=({isMobile:e,careApiDomain:t,geoLocationPermission:m,geoLocationCoordinates:b,initialSelectedCity:y,initialSearchValue:f="",initTypeSearch:v="hospital",initSpecialty:x,careFrontDomain:S="/care",isDebug:E=!1,gaTrackingSearchBar:L,gaTrackingLocationSearch:k,autoCompleteDisabled:j=!1,inputSearchPlaceholder:I="",hideTabBookingSearch:$=[],hideSpecialtySelection:F=!1,hidePopularSearchKeys:T=!1,clientSlug:P="",routerPush:N,onGeoLocationPermissionChange:A,onChangeLocation:B})=>{const{locale:V,t:D}=c(),K=l(null),_=l(null),[H,G]=a(v),{geoLocationPermission:Z,geoLocationCoordinates:Y}=z(),[U,W]=r(ft,Ct,(t=>Object.assign(Object.assign({},t),{isDebug:E,isMobile:e,geoLocationPermission:m||Z||"unset",geoLocationCoordinates:b||Y||null,searchKeywords:f,initialSelectedCity:y||null,selectedLocation:y||t.selectedLocation||null,searchLocationKeywords:(null==y?void 0:y.name)||t.searchLocationKeywords,autoCompleteDisabled:j,inputSearchPlaceholder:I,locale:V}))),{navigateTo:Q,focusedSpecialty:q,searchKeywords:J,geoLocationPermission:X,selectedLocation:ee,selectedSpecialty:te,initialSelectedCity:ie,searchResults:ae,isLoadingSearchResults:oe}=U,{fetchCitiesByLocation:ne,fetchCitiesByKeyword:se,fetchSearchResults:le,fetchAllSpecialties:re,fetchPopularKeys:ce}=function({dispatch:e,careApiDomain:t,locale:i="vi-VN",client:a=""}){const n=o((function(a,o={}){const n=`${t}${a}`;return e({type:bt.FetchCitiesStart}),fetch(dt(n,o,i),{method:"GET"}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e)))).finally((()=>e({type:bt.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:o((function({coordinates:t}){let o={};const s={};t&&(o={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(s.noPaging=1);const l=[n(O.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},o),s),{client:C.MSD===a?"":a}))];return"zh-TW"===i&&l.push(n(O.GET_CITIES_LIST,{noPaging:1,client:C.MSD===a?"":a})),Promise.all(l).then((([t,i])=>{const a=Object.assign({},t);if(i){const e=a.cities.map((e=>e.id));a.cities=a.cities.concat(i.cities.filter((t=>!e.includes(t.id))))}e({type:bt.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:o((function(t){return n(O.GET_CITIES_LIST,{keyword:t,client:a}).then((t=>{e({type:bt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:o((function(o,n,s,l,r){const c="specialty"===s?`${t}${O.GET_SEARCH_SPECIALTY}`:`${t}${O.GET_SEARCH_V2}`;e({type:bt.FetchSearchResultsStart});const{selectedLocation:d,geoLocationCoordinates:u,selectedSpecialty:g}=n;let m="";if(!d)return void e({type:bt.FetchSearchResultsFinish});m=d.id===p?"":d.id;const b=(null==u?void 0:u.lat)||"",y=(null==u?void 0:u.lng)||"",f=(null==g?void 0:g.id)>0?null==g?void 0:g.id:"",v=o.trim().length>mt[i]?o.trim():"";return fetch(dt(c,{domain:t,searchType:s||"global",keyword:v,city:m===h?"":m,lat:b,lng:y,specialty_id:f,client_slug:C.MSD===l?"":l,msd:C.MSD===a?1:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{let i=[];"specialty"!==s&&(i=t.searches),"specialty"===s&&(i=v?t.specialties:t.default),e({type:bt.FetchSearchResultsComplete,payload:{key:s,searches:i||[]}}),r&&e({type:bt.UpdateInitialSearchResults,payload:{key:s,searches:i||[]}})})).catch((e=>{console.log("error loading search results",{url:c,error:e})})).finally((()=>e({type:bt.FetchSearchResultsFinish})))}),[i,t,e]),fetchAllSpecialties:o((function(){const o=`${t}${O.GET_SEARCH_SPECIALTY}`;return fetch(dt(o,{domain:t,searchType:"",msd:C.MSD===a?1:""},i),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:bt.FetchAllSpecialties,payload:t.specialties||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e]),fetchPopularKeys:o((function(a){const o=`${t}${O.GET_SEARCH_POPULAR_KEY}`;return fetch(dt(o,{domain:t,searchType:Jt[a],sort_by:"display_order",sort_order:"asc"},i)).then((e=>e.json())).then((e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e))).then((t=>{e({type:bt.FetchPopularKeys,payload:t.popular_searches||[]})})).catch((e=>{console.log("error loading search results",{url:o,error:e})}))}),[i,t,e])}}({dispatch:W,locale:V,careApiDomain:t,client:P}),de=n((()=>u[V]),[V]),pe=n((()=>({doctor:{name:D("booking.searchPopup.doctors"),icon:i.createElement($t,null),slug:de.DOCTOR},service:{name:D("booking.searchPopup.services"),icon:i.createElement(Ft,null),slug:de.SERVICE},hospital:{name:D("booking.searchPopup.hospitals"),icon:i.createElement(Mt,null),slug:de.HOSPITAL},specialty:{name:D("booking.searchPopup.specialties"),icon:i.createElement(Rt,null),slug:de.SPECIALTIES}})),[H]),ue=n((()=>d(se,400)),[se]),he=n((()=>d(le,400)),[le]),ge=o((function(e){W({type:bt.SelectLocation,payload:e}),me(),B&&B(e)}),[D,W]);function me(){var e;K.current&&(null===(e=K.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}return w(_,(()=>{W({type:bt.ClickOutsideInputSearchSpecialty})})),s((()=>{var t;"denied"===X||ie||W({type:bt.SelectLocation,payload:{name:D("booking.searchBar.allLocations"),id:p,slug:null===(t=u[V])||void 0===t?void 0:t.ALL}}),A&&A(X,U.geoLocationCoordinates),e&&"granted"===X&&ee&&W({type:bt.FocusInputSearch}),ne({coordinates:U.geoLocationCoordinates})}),[X]),s((()=>{const e=x||{name:D("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:de.SPECIALTIES};U.selectedSpecialty||W({type:bt.SelectSpecialty,payload:e})}),[x,U.selectedSpecialty]),s((()=>{re()}),[]),s((()=>{ce(H)}),[H]),s((()=>{Q&&(N?N(Q):window.location.href=`${S}${Q}`)}),[Q]),s((()=>{le(U.searchKeywords,U,H,P,!0)}),[ee,te,H]),i.createElement(ut,{ref:K},i.createElement(qt,{currentTab:H,setCurrentTab:G,isMobile:e,hideTabBookingSearch:$}),i.createElement(ht,{className:"booking-search-container"},i.createElement(gt,null,i.createElement("div",{ref:_},i.createElement(M,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==H&&i.createElement(Dt,{state:U,isMobile:e,dispatch:W,debouncedFetchCitiesByKeyword:ue,selectedLocation:ee,onLocationClick:ge,trackingAttributes:k}),i.createElement(Pt,{type:H,isMobile:e,state:U,dispatch:W,debouncedFetchSearchResults:he,initalSearchValue:f,focusSearchInput:me,typeInformation:pe,trackingAttributes:L,isLoading:oe,hideSpecialtySelection:F,clientSlug:P}),i.createElement(R,{size:e?"md":"lg",color:"#2D87F3",fullWidth:e,variant:"filled",onClick:function(){let e="";const{slug:t}=pe[H];let i="";const a=g[V][P];("doctor"===H||"hospital"===H)&&U.selectedSpecialty.id>0&&(i=`&specialtyId=${U.selectedSpecialty.id}`),e="specialty"===H?`/${t}`:`/${ee.slug}/${t}`,a&&(e+=`/${a}`),e+=`?q=${J}${i}`,e&&W({type:bt.NavigateTo,payload:e})},styles:{root:{height:e?"40px":"48px"}}},D("booking.searchBar.searchButton"))),!T&&"specialty"!==H&&U.popularKeys.length>0&&i.createElement(Wt,{type:H,state:U,typeInformation:pe,dispatch:W}),"specialty"===H&&"search"===q&&i.createElement(Gt,{state:U,isMobile:e,dispatch:W,specialties:(null==ae?void 0:ae.specialty)||[],isLoading:oe})))))},ei=y.div`
+  background-color: var(--neutral50);
+  padding: 12px 0;
+  box-shadow: inset 0px 1px 0px #e4e8ec;
+  > * {
+    display: grid;
+    grid-template-columns: 32px 1fr;
+    align-content: center;
+    p {
+      font-weight: 600;
+    }
+  }
+  .icon-wrapper {
+    display: flex;
+    align-items: center;
+  }
+`,ti=({children:e,icon:t,className:a,style:o})=>i.createElement(ei,{style:o,className:a},i.createElement(V,null,i.createElement("div",{className:"icon-wrapper"},t),i.createElement(v,{size:"c1",color:"var(--neutral800)"},e)));var ii;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(ii||(ii={}));var ai=Object.freeze({__proto__:null,get RedirectType(){return ii}});export{pt as B,K as C,ti as T,Xt as a,ai as t};