@hhgtech/hhg-components 1.28.39 → 1.28.40

package/build/esm/{types-c5a3b173.js → types-553958a6.js}

@@ -1,4 +1,4 @@
-import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback as a,useMemo as o,useEffect as n,useRef as s,useReducer as l}from"react";import{u as r}from"./useTranslations-51dc4ab8.js";import c from"lodash/debounce";import{I as d,e as p,f as u,M as h,g,C as m}from"./constants-039f36fe.js";import{I as C}from"./index-f1ff7dac.js";import b,{createGlobalStyle as y}from"styled-components";import{T as f,I as v}from"./index-fa32b4d8.js";import{t as x}from"./theme-9d69f1a2.js";import S from"lodash/shuffle";import{a as E}from"./useOutsideClick-78141983.js";import{M as w}from"./screenSizeContext-f9a53919.js";import"dayjs";import{U as L,d as k}from"./index-14839883.js";import"./isProduction-d8d94564.js";import"./Subot-f581f4df.js";import"./gAssets.js";import O from"react-loading-skeleton";import{P as j}from"./paths-80d2b4f2.js";import{Skeleton as I,Input as $,Divider as F,Tabs as M,Flex as R,Button as T}from"@mantine/core";import{g as P,s as N,d as A}from"./cookieHelper-1491c7ea.js";import{C as B}from"./index-bbf78608.js";import{C as V}from"./ChevronDown-38081c52.js";import D from"string-format";function K(){const[e,t]=i((()=>{if("undefined"==typeof window)return"unset";if(P(L))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[n,s]=i((()=>{if("undefined"==typeof window)return null;const e=P(L);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=a((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(L,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{A(L),t("denied")}))}),[]);return o((()=>({geoLocationPermission:e,geoLocationCoordinates:n,requestGeoLocation:l})),[e,n])}const z=b.div``,_=b.div`
+import{a as e}from"./tslib.es6-1a7e483e.js";import t,{useState as i,useCallback as a,useMemo as o,useEffect as n,useRef as s,useReducer as l}from"react";import{u as r}from"./useTranslations-e0f5679c.js";import c from"lodash/debounce";import{I as d,e as p,f as u,M as h,g,C as m}from"./constants-bcabc622.js";import{I as C}from"./index-a5e07868.js";import b,{createGlobalStyle as y}from"styled-components";import{T as f,I as v}from"./index-e751d8c2.js";import{t as x}from"./theme-c254ba9f.js";import S from"lodash/shuffle";import{a as E}from"./useOutsideClick-bfa18062.js";import{M as w}from"./screenSizeContext-8f042934.js";import"dayjs";import{U as L,d as k}from"./index-13feb3ef.js";import"./isProduction-d0d81279.js";import"./Subot-7ea674b0.js";import"./gAssets.js";import O from"react-loading-skeleton";import{P as j}from"./paths-f6ce774b.js";import{Skeleton as I,Input as $,Divider as F,Tabs as M,Flex as R,Button as T}from"@mantine/core";import{g as P,s as N,d as A}from"./cookieHelper-0d554a3d.js";import{C as B}from"./index-e4c49b57.js";import{C as D}from"./ChevronDown-8da7a294.js";import V from"string-format";function K(){const[e,t]=i((()=>{if("undefined"==typeof window)return"unset";if(P(L))return"granted";const e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),[n,s]=i((()=>{if("undefined"==typeof window)return null;const e=P(L);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=a((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(L,JSON.stringify(i),{minutes:15}),s(i),t("granted")}),(()=>{A(L),t("denied")}))}),[]);return o((()=>({geoLocationPermission:e,geoLocationCoordinates:n,requestGeoLocation:l})),[e,n])}const z=b.div``,_=b.div`
   --searchbar-z-index: 305;
   &[data-is-modal='true'] {
     position: fixed;
@@ -220,7 +220,7 @@ import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback
   }
 `,Be=b(f)`
   font-weight: ${x.sizes.fwSemiBold};
-`,Ve=({onClick:e})=>{const{t:i}=r(),a=i("booking.searchBar.searchButton");return t.createElement(Ae,{onClick:e,title:a},t.createElement(Ne,null),t.createElement(Be,{size:"s3",color:"white"},a))};function De({isMobile:e,state:i,dispatch:n,debouncedFetchCitiesByKeyword:l,debouncedFetchSearchResults:c,focusLocationInput:d,focusSearchInput:p,renderLocationResults:h,renderSearchResults:g,locationTrackingAttributes:m,trackingAttributes:C,onSearch:b,initalSearchValue:y}){const f=s(null),v=s(null),{focused:S,searchLocationKeywords:w,geoLocationPermission:L,selectedLocation:k,searchKeywords:O,inputSearchPlaceholder:j}=i,{t:I}=r();be({wrapperRef:v,disabled:!!j}),E(f,(()=>{e||n({type:je.ClickOutsideInputLocation})})),E(v,(()=>{e||n({type:je.ClickOutsideInputSearch})}));const $=o((()=>"granted"===L&&(null==k?void 0:k.id)===u?x.colors.primaryBase:x.colors.gray400),[L,k]),F=a((function(e){n({type:je.ChangeInputSearch,payload:e}),"function"!=typeof b&&(e.trim().length>ke[i.locale]||y?c(e.trim(),i):(c.cancel(),n({type:je.DisplayInitialSearchResults})))}),[n,i]),M=a((function(e){n({type:je.ChangeInputLocation,payload:e}),e.trim().length>ke[i.locale]?l(e.trim()):(l.cancel(),n({type:je.DisplayInitialCities}))}),[l,n]);return t.createElement(Fe,null,t.createElement(Re,{ref:f},t.createElement(Z,{inputClassName:"location"===S?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:t.createElement(W,{className:"location-pin-icon",color:$}),actionIcon:t.createElement(Pe,{color:x.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){n({type:je.ClearInputLocation}),l.cancel(),d()},value:w,onChange:M,onFocus:()=>n({type:je.FocusInputLocation}),size:"md",trackingAttributes:m}),!e&&h()),t.createElement(Te,{ref:v},t.createElement(Z,{placeholder:j||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:t.createElement(Pe,{color:x.colors.gray300,className:""!==O?"shown":""}),onActionClick:function(){n({type:je.ClearInputSearch}),c.cancel(),c("",i),p()},value:O,onChange:F,onFocus:()=>n({type:je.FocusInputSearch}),inputClassName:"search"===S?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:e=>{i.autoCompleteDisabled&&"Enter"===e.key&&b&&b({cityId:i.selectedLocation.id,keyword:O})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!e&&g()),i.autoCompleteDisabled&&!i.isMobile&&t.createElement(Ve,{onClick:()=>{b({cityId:i.selectedLocation.id,keyword:O})}}))}const Ke=()=>t.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},t.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"})),ze=()=>t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.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"})),_e=()=>t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},t.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"})),He=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},t.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"})),Ge=b.header`
+`,De=({onClick:e})=>{const{t:i}=r(),a=i("booking.searchBar.searchButton");return t.createElement(Ae,{onClick:e,title:a},t.createElement(Ne,null),t.createElement(Be,{size:"s3",color:"white"},a))};function Ve({isMobile:e,state:i,dispatch:n,debouncedFetchCitiesByKeyword:l,debouncedFetchSearchResults:c,focusLocationInput:d,focusSearchInput:p,renderLocationResults:h,renderSearchResults:g,locationTrackingAttributes:m,trackingAttributes:C,onSearch:b,initalSearchValue:y}){const f=s(null),v=s(null),{focused:S,searchLocationKeywords:w,geoLocationPermission:L,selectedLocation:k,searchKeywords:O,inputSearchPlaceholder:j}=i,{t:I}=r();be({wrapperRef:v,disabled:!!j}),E(f,(()=>{e||n({type:je.ClickOutsideInputLocation})})),E(v,(()=>{e||n({type:je.ClickOutsideInputSearch})}));const $=o((()=>"granted"===L&&(null==k?void 0:k.id)===u?x.colors.primaryBase:x.colors.gray400),[L,k]),F=a((function(e){n({type:je.ChangeInputSearch,payload:e}),"function"!=typeof b&&(e.trim().length>ke[i.locale]||y?c(e.trim(),i):(c.cancel(),n({type:je.DisplayInitialSearchResults})))}),[n,i]),M=a((function(e){n({type:je.ChangeInputLocation,payload:e}),e.trim().length>ke[i.locale]?l(e.trim()):(l.cancel(),n({type:je.DisplayInitialCities}))}),[l,n]);return t.createElement(Fe,null,t.createElement(Re,{ref:f},t.createElement(Z,{inputClassName:"location"===S?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:t.createElement(W,{className:"location-pin-icon",color:$}),actionIcon:t.createElement(Pe,{color:x.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){n({type:je.ClearInputLocation}),l.cancel(),d()},value:w,onChange:M,onFocus:()=>n({type:je.FocusInputLocation}),size:"md",trackingAttributes:m}),!e&&h()),t.createElement(Te,{ref:v},t.createElement(Z,{placeholder:j||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:t.createElement(Pe,{color:x.colors.gray300,className:""!==O?"shown":""}),onActionClick:function(){n({type:je.ClearInputSearch}),c.cancel(),c("",i),p()},value:O,onChange:F,onFocus:()=>n({type:je.FocusInputSearch}),inputClassName:"search"===S?"focused":void 0,size:"md",trackingAttributes:C,onKeyPress:e=>{i.autoCompleteDisabled&&"Enter"===e.key&&b&&b({cityId:i.selectedLocation.id,keyword:O})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!e&&g()),i.autoCompleteDisabled&&!i.isMobile&&t.createElement(De,{onClick:()=>{b({cityId:i.selectedLocation.id,keyword:O})}}))}const Ke=()=>t.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},t.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"})),ze=()=>t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.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"})),_e=()=>t.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},t.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"})),He=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},t.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"})),Ge=b.header`
   display: flex;
   justify-content: space-between;
   padding: 12px 24px;
@@ -336,7 +336,7 @@ import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback
       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);
   }
-`,rt=({data:e,state:i,dispatch:a,isMobile:o,isLoading:n,keyword:s,hideResults:l,isNavResultItem:r})=>t.createElement(lt,null,e&&e.map((e=>l&&l.includes(e.type)?t.createElement(t.Fragment,null):t.createElement(st,{type:e.type,state:i,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:o,isLoading:n,keyword:s,isNavResultItem:r})))),ct=(e,t,i)=>D(e,Object.assign(Object.assign({},t),{domain:k[i||"en-PH"]}));const dt=({isMobile:h,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:O=[],isNavResultItem:I=!0,routerPush:$,onGeoLocationPermissionChange:F,onSearch:M,onChangeLocation:R})=>{const{t:T,locale:P}=r(),N=s(null),A=s(null),[B,V]=i(void 0),[D,Z]=i(!1),{geoLocationPermission:U,geoLocationCoordinates:W,requestGeoLocation:Q}=K(),[q,J]=l($e,Oe,(e=>Object.assign(Object.assign({},e),{isDebug:v,isMobile:h,geoLocationPermission:m||U||"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:se,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 o=a((function(a,o={}){const n=`${t}${a}`;return e({type:je.FetchCitiesStart}),fetch(ct(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:je.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:a((function({coordinates:t}){let a={};const n={};t&&(a={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(n.noPaging=1);const s=[o(j.GET_CITY_BY_IP,Object.assign(Object.assign({},a),n))];return"zh-TW"===i&&s.push(o(j.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:je.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:a((function(t){return o(j.GET_CITIES_LIST,{keyword:t}).then((t=>{e({type:je.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:a((function(a,o){const n=`${t}${j.GET_SEARCH_V2}`;e({type:je.FetchSearchResultsStart});const{defaultCity:s,selectedLocation:l,geoLocationCoordinates:r}=o;let c="";if(!l||!s)return void e({type:je.FetchSearchResultsFinish});l.id===u?r||(c=s.id):c=l.id===d?"":l.id;const p=(null==r?void 0:r.lat)||"",h=(null==r?void 0:r.lng)||"";return fetch(ct(n,{domain:t,searchType:"global",keyword:a.trim().length>ke[i]?a.trim():"",city:c===u?"":c,lat:p,lng:h},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:je.FetchSearchResultsComplete,payload:t}))).catch((e=>{console.log("error loading search results",{url:n,error:e})})).finally((()=>e({type:je.FetchSearchResultsFinish})))}),[i,t,e])}}({dispatch:J,locale:P,careApiDomain:g}),Ce=o((()=>{var e;return{id:u,name:T("booking.searchBar.currentLocation"),slug:null===(e=p[P])||void 0===e?void 0:e.CURRENT}}),[T,P]),be=o((()=>c(ge,400)),[ge]),ye=o((()=>c(me,400)),[me]);n((()=>{""!==y&&y!==q.searchKeywords&&J({type:je.UpdateInitialSearchValue,payload:y})}),[y]),n((()=>{x&&(null==se?void 0:se.id)===u&&"unset"===oe&&Q()}),[x,se,oe]),n((()=>{m||oe===U||("granted"===U&&W?J({type:je.GrantGeoLocationPermission,payload:W}):"denied"===U&&J({type:je.DenyGeoLocationPermission}))}),[oe,U,W,m]),n((()=>{X&&($?$(X):window.location.href=`${f}${X}`)}),[X]);const ve=a((function(){J({type:je.SelectCurrentLocation,payload:Ce})}),[T,J]);n((()=>{var e;"denied"===oe||le||J({type:je.SelectLocation,payload:{name:T("booking.searchBar.allLocations"),id:d,slug:null===(e=p[P])||void 0===e?void 0:e.ALL}}),F&&F(oe,q.geoLocationCoordinates),h&&"granted"===oe&&se&&J({type:je.FocusInputSearch}),he({coordinates:q.geoLocationCoordinates})}),[oe]),n((()=>{se&&re&&me(q.searchKeywords,q)}),[se,re]),n((()=>{L!==ue&&J({type:je.SetInputSearchPlaceholder,payload:L})}),[L,ue]),n((()=>{pe?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[pe]);const xe=a((function(e){"ms-MY"===P&&Z(!0),J({type:je.SelectLocation,payload:e}),"ms-MY"!==P&&we(),R&&R(e)}),[T,J]);function Se(){"ms-MY"===P&&Z(!0),h&&"granted"!==q.geoLocationPermission?Q():(ve(),"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 Ie(){J({type:je.CloseMobileModal})}function Fe(){return"location"!==ee?null:t.createElement(ne,{isLoading:te,cities:ie,onLocationClick:xe,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:oe,selectedLocation:se,isOptionAllLocation:k})}function Me(){return"search"!==ee?null:q.autoCompleteDisabled?h?t.createElement(Ve,{onClick:()=>{M({cityId:q.selectedLocation.id,keyword:ae}),Ie()}}):null:t.createElement(rt,{data:ce,state:q,dispatch:J,isMobile:!1,keyword:ae,isLoading:de,hideResults:O,isNavResultItem:I})}function Re(){return t.createElement(De,{isMobile:h,state:q,dispatch:J,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:ye,focusLocationInput:Ee,focusSearchInput:we,renderLocationResults:Fe,renderSearchResults:Me,trackingAttributes:S,locationTrackingAttributes:E,onSearch:M,initalSearchValue:y})}return n((()=>{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]),n((()=>{if(se&&D&&"ms-MY"===P){const e=`/${se.slug}/hospital`;J({type:je.NavigateTo,payload:e}),Z(!1)}}),[D,P,se]),h?t.createElement(t.Fragment,null,t.createElement(Y,null),t.createElement(G,{ref:A}),t.createElement(_,{id:"booking-search-bar",ref:N,"data-is-modal":h&&pe,style:{"--mobile-care-searchbar-height":pe&&B?`${B}px`:"100%"}},pe?t.createElement(t.Fragment,null,t.createElement(H,null,t.createElement(Le,{headingText:T("booking.searchBar.searchButton"),onLeftClick:Ie}),Re()),Fe(),Me()):t.createElement(fe,{onClick:function(){var t;return e(this,void 0,void 0,(function*(){A.current&&A.current.focus(),J({type:je.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}))):t.createElement(z,{id:"booking-search-bar",ref:N},Re())},pt=b.div``,ut=b.div`
+`,rt=({data:e,state:i,dispatch:a,isMobile:o,isLoading:n,keyword:s,hideResults:l,isNavResultItem:r})=>t.createElement(lt,null,e&&e.map((e=>l&&l.includes(e.type)?t.createElement(t.Fragment,null):t.createElement(st,{type:e.type,state:i,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:o,isLoading:n,keyword:s,isNavResultItem:r})))),ct=(e,t,i)=>V(e,Object.assign(Object.assign({},t),{domain:k[i||"en-PH"]}));const dt=({isMobile:h,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:O=[],isNavResultItem:I=!0,routerPush:$,onGeoLocationPermissionChange:F,onSearch:M,onChangeLocation:R})=>{const{t:T,locale:P}=r(),N=s(null),A=s(null),[B,D]=i(void 0),[V,Z]=i(!1),{geoLocationPermission:U,geoLocationCoordinates:W,requestGeoLocation:Q}=K(),[q,J]=l($e,Oe,(e=>Object.assign(Object.assign({},e),{isDebug:v,isMobile:h,geoLocationPermission:m||U||"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:se,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 o=a((function(a,o={}){const n=`${t}${a}`;return e({type:je.FetchCitiesStart}),fetch(ct(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:je.FetchCitiesFinish})))}),[i]);return{fetchCitiesByLocation:a((function({coordinates:t}){let a={};const n={};t&&(a={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(n.noPaging=1);const s=[o(j.GET_CITY_BY_IP,Object.assign(Object.assign({},a),n))];return"zh-TW"===i&&s.push(o(j.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:je.FetchCitiesByGeoIpComplete,payload:a})})).catch((e=>console.error("error loading cities by location",e)))}),[i,t,e]),fetchCitiesByKeyword:a((function(t){return o(j.GET_CITIES_LIST,{keyword:t}).then((t=>{e({type:je.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:a((function(a,o){const n=`${t}${j.GET_SEARCH_V2}`;e({type:je.FetchSearchResultsStart});const{defaultCity:s,selectedLocation:l,geoLocationCoordinates:r}=o;let c="";if(!l||!s)return void e({type:je.FetchSearchResultsFinish});l.id===u?r||(c=s.id):c=l.id===d?"":l.id;const p=(null==r?void 0:r.lat)||"",h=(null==r?void 0:r.lng)||"";return fetch(ct(n,{domain:t,searchType:"global",keyword:a.trim().length>ke[i]?a.trim():"",city:c===u?"":c,lat:p,lng:h},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:je.FetchSearchResultsComplete,payload:t}))).catch((e=>{console.log("error loading search results",{url:n,error:e})})).finally((()=>e({type:je.FetchSearchResultsFinish})))}),[i,t,e])}}({dispatch:J,locale:P,careApiDomain:g}),Ce=o((()=>{var e;return{id:u,name:T("booking.searchBar.currentLocation"),slug:null===(e=p[P])||void 0===e?void 0:e.CURRENT}}),[T,P]),be=o((()=>c(ge,400)),[ge]),ye=o((()=>c(me,400)),[me]);n((()=>{""!==y&&y!==q.searchKeywords&&J({type:je.UpdateInitialSearchValue,payload:y})}),[y]),n((()=>{x&&(null==se?void 0:se.id)===u&&"unset"===oe&&Q()}),[x,se,oe]),n((()=>{m||oe===U||("granted"===U&&W?J({type:je.GrantGeoLocationPermission,payload:W}):"denied"===U&&J({type:je.DenyGeoLocationPermission}))}),[oe,U,W,m]),n((()=>{X&&($?$(X):window.location.href=`${f}${X}`)}),[X]);const ve=a((function(){J({type:je.SelectCurrentLocation,payload:Ce})}),[T,J]);n((()=>{var e;"denied"===oe||le||J({type:je.SelectLocation,payload:{name:T("booking.searchBar.allLocations"),id:d,slug:null===(e=p[P])||void 0===e?void 0:e.ALL}}),F&&F(oe,q.geoLocationCoordinates),h&&"granted"===oe&&se&&J({type:je.FocusInputSearch}),he({coordinates:q.geoLocationCoordinates})}),[oe]),n((()=>{se&&re&&me(q.searchKeywords,q)}),[se,re]),n((()=>{L!==ue&&J({type:je.SetInputSearchPlaceholder,payload:L})}),[L,ue]),n((()=>{pe?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[pe]);const xe=a((function(e){"ms-MY"===P&&Z(!0),J({type:je.SelectLocation,payload:e}),"ms-MY"!==P&&we(),R&&R(e)}),[T,J]);function Se(){"ms-MY"===P&&Z(!0),h&&"granted"!==q.geoLocationPermission?Q():(ve(),"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 Ie(){J({type:je.CloseMobileModal})}function Fe(){return"location"!==ee?null:t.createElement(ne,{isLoading:te,cities:ie,onLocationClick:xe,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:oe,selectedLocation:se,isOptionAllLocation:k})}function Me(){return"search"!==ee?null:q.autoCompleteDisabled?h?t.createElement(De,{onClick:()=>{M({cityId:q.selectedLocation.id,keyword:ae}),Ie()}}):null:t.createElement(rt,{data:ce,state:q,dispatch:J,isMobile:!1,keyword:ae,isLoading:de,hideResults:O,isNavResultItem:I})}function Re(){return t.createElement(Ve,{isMobile:h,state:q,dispatch:J,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:ye,focusLocationInput:Ee,focusSearchInput:we,renderLocationResults:Fe,renderSearchResults:Me,trackingAttributes:S,locationTrackingAttributes:E,onSearch:M,initalSearchValue:y})}return n((()=>{if(window.visualViewport){const e=e=>{const t=e.target;D(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e,{passive:!0}),()=>{window.visualViewport.removeEventListener("resize",e)}}}),[D]),n((()=>{if(se&&V&&"ms-MY"===P){const e=`/${se.slug}/hospital`;J({type:je.NavigateTo,payload:e}),Z(!1)}}),[V,P,se]),h?t.createElement(t.Fragment,null,t.createElement(Y,null),t.createElement(G,{ref:A}),t.createElement(_,{id:"booking-search-bar",ref:N,"data-is-modal":h&&pe,style:{"--mobile-care-searchbar-height":pe&&B?`${B}px`:"100%"}},pe?t.createElement(t.Fragment,null,t.createElement(H,null,t.createElement(Le,{headingText:T("booking.searchBar.searchButton"),onLeftClick:Ie}),Re()),Fe(),Me()):t.createElement(fe,{onClick:function(){var t;return e(this,void 0,void 0,(function*(){A.current&&A.current.focus(),J({type:je.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}))):t.createElement(z,{id:"booking-search-bar",ref:N},Re())},pt=b.div``,ut=b.div`
   background-color: ${x.colors.neutral50};
   padding-bottom: 1px;
   ${w.mbDown} {
@@ -563,7 +563,7 @@ import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback
   &[data-is-denied='true'] {
     cursor: not-allowed;
   }
-`,$t=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},t.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:i,debouncedFetchSearchResults:n,selectedLocation:l,onSpecialtyClick:c,dispatch:d})=>{var u;const{t:h,locale:g}=r(),m=s(null),C=o((()=>p[g]),[g]),b=o((()=>({wrapper:{"&:after":{content:'""',width:"1px",height:"20px",backgroundColor:"#E4E8EC",position:"absolute",right:0,top:"13px"}},input:{border:i?"border: 1px solid #d9d9d9":"none",height:i?"40px":"46px !important",paddingRight:"30px","&:focus":{boxShadow:i?"box-shadow: 0px 0px 0px 2px #91caff":"none"}},rightSection:{width:"30px",svg:{fontSize:"20px"}}})),[i]),y=a((function(e){console.log(e)}),[n,d]);return E(m,(()=>{d({type:bt.ClickOutsideInputSpecialty})})),t.createElement(Ot,{ref:m},t.createElement($.Wrapper,null,t.createElement($,{size:i?"md":"lg",placeholder:h("booking.searchPopup.specialties"),value:(null===(u=null==e?void 0:e.selectedSpecialty)||void 0===u?void 0:u.name)||"",rightSection:t.createElement(V,null),styles:b,onFocus:()=>d({type:bt.FocusInputSpecialty}),onChange:e=>{y(e.target.value)}})),"specialty"===e.focused&&t.createElement(jt,null,t.createElement(It,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{c&&c({name:h("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:C.SPECIALTIES})}},t.createElement("div",{className:"image-item"},t.createElement(Rt,null)),t.createElement(f,{size:"md"},h("booking.searchBar.allSpecialties"))),e.allSpecialties.map((e=>t.createElement(It,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),c&&c(Object.assign(Object.assign({},e),{total_doctor:0}))},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==l?void 0:l.id)===e.id},t.createElement("div",{className:"image-item"},t.createElement("img",{src:e.thumbnail,alt:e.name})),t.createElement(f,{size:"md"},e.name))))))},Pt=({state:e,type:i,isMobile:n,isLoading:l,initalSearchValue:c,typeInformation:d,debouncedFetchSearchResults:p,trackingAttributes:u,hideSpecialtySelection:h=!1,clientSlug:g="",focusSearchInput:m,onSearch:C,dispatch:b})=>{var y;const{t:f}=r(),x=s(null),S=o((()=>u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}),[u]),w=o((()=>"doctor"===i?f("booking.searchBar.placeholder.doctor"):"service"===i?f("booking.searchBar.placeholder.service"):"hospital"===i?f("booking.searchBar.placeholder.hospital"):"specialty"===i?f("booking.searchBar.placeholder.specialty"):""),[i]),L=o((()=>({root:{flex:1,"&.hide-specialty-selection":{".mantine-Input-rightSection":{display:"none"},input:{paddingLeft:"48px"},".mantine-Input-icon":{left:"0"}}}})),[]),k=o((()=>({icon:{left:"165px"},input:{color:"#262626",'&[data-with-icon="true"]':{paddingLeft:"205px",paddingRight:"16px"}},rightSection:{left:0,width:"165px",padding:"1px"}})),[]),O=o((()=>({input:{color:"#262626"}})),[]);E(x,(()=>{b({type:bt.ClickOutsideInputSearch})}));const j=a((function(t){b({type:bt.ChangeInputSearch,payload:t}),"function"!=typeof C&&(t.trim().length>mt[e.locale]||c||0===t.trim().length?p(t.trim(),e,i,g):(p.cancel(),b({type:bt.DisplayInitialSearchResults})))}),[b,e,i]),I=a((function(e){b({type:bt.SelectSpecialty,payload:e}),m()}),[b]);return t.createElement(vt,{ref:x},"specialty"===i?t.createElement($.Wrapper,{styles:L},t.createElement($,{icon:t.createElement(v.Search,null),size:n?"md":"lg",placeholder:w,styles:O,value:e.searchKeywords,onFocus:()=>b({type:bt.FocusInputSearchSpecialty}),onChange:e=>{j(e.target.value)}})):t.createElement(t.Fragment,null,"service"===i?t.createElement($.Wrapper,{styles:L},t.createElement($,{icon:t.createElement(v.Search,null),size:n?"md":"lg",name:"search-results",placeholder:w,onFocus:()=>b({type:bt.FocusInputSearch}),value:e.searchKeywords,onChange:e=>{j(e.target.value)}})):t.createElement(t.Fragment,null,n&&!h?t.createElement(t.Fragment,null,t.createElement(Tt,{state:e,isMobile:n,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:I}),t.createElement($.Wrapper,{styles:L},t.createElement($,{icon:t.createElement(v.Search,null),size:"md",placeholder:w,value:e.searchKeywords,name:"search-results",onFocus:()=>b({type:bt.FocusInputSearch}),onChange:e=>{j(e.target.value)}}))):t.createElement($.Wrapper,{styles:L,className:h?"hide-specialty-selection":""},t.createElement($,Object.assign({icon:t.createElement(v.Search,null),size:"lg",placeholder:w,styles:k,name:"search-results",autoComplete:"off",value:e.searchKeywords,onChange:e=>{j(e.target.value)},onFocus:()=>b({type:bt.FocusInputSearch})},S,{rightSection:h?t.createElement(t.Fragment,null):t.createElement(Tt,{state:e,isMobile:n,dispatch:b,debouncedFetchSearchResults:p,onSpecialtyClick:I})})))),"search"===e.focused&&t.createElement(xt,null,t.createElement(kt,{type:i,state:e,results:(null===(y=e.searchResults)||void 0===y?void 0:y[i])||[],location:e.selectedLocation.name,dispatch:b,isLoading:l,typeInformation:d,clientSlug:g}))))},Nt=b.div`
+`,$t=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},t.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=()=>t.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},t.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:i,debouncedFetchSearchResults:n,selectedLocation:l,onSpecialtyClick:c,dispatch:d})=>{var u;const{t:h,locale:g}=r(),m=s(null),C=o((()=>p[g]),[g]),b=o((()=>({wrapper:{"&:after":{content:'""',width:"1px",height:"20px",backgroundColor:"#E4E8EC",position:"absolute",right:0,top:"13px"}},input:{border:i?"border: 1px solid #d9d9d9":"none",height:i?"40px":"46px !important",paddingRight:"30px","&:focus":{boxShadow:i?"box-shadow: 0px 0px 0px 2px #91caff":"none"}},rightSection:{width:"30px",svg:{fontSize:"20px"}}})),[i]),y=a((function(e){console.log(e)}),[n,d]);return E(m,(()=>{d({type:bt.ClickOutsideInputSpecialty})})),t.createElement(Ot,{ref:m},t.createElement($.Wrapper,null,t.createElement($,{size:i?"md":"lg",placeholder:h("booking.searchPopup.specialties"),value:(null===(u=null==e?void 0:e.selectedSpecialty)||void 0===u?void 0:u.name)||"",rightSection:t.createElement(D,null),styles:b,onFocus:()=>d({type:bt.FocusInputSpecialty}),onChange:e=>{y(e.target.value)}})),"specialty"===e.focused&&t.createElement(jt,null,t.createElement(It,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{c&&c({name:h("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:C.SPECIALTIES})}},t.createElement("div",{className:"image-item"},t.createElement(Rt,null)),t.createElement(f,{size:"md"},h("booking.searchBar.allSpecialties"))),e.allSpecialties.map((e=>t.createElement(It,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),c&&c(Object.assign(Object.assign({},e),{total_doctor:0}))},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==l?void 0:l.id)===e.id},t.createElement("div",{className:"image-item"},t.createElement("img",{src:e.thumbnail,alt:e.name})),t.createElement(f,{size:"md"},e.name))))))},Pt=({state:e,type:i,isMobile:n,isLoading:l,initalSearchValue:c,typeInformation:d,debouncedFetchSearchResults:p,trackingAttributes:u,hideSpecialtySelection:h=!1,clientSlug:g="",focusSearchInput:m,onSearch:C,onEnterSearch:b,dispatch:y})=>{var f;const{t:x}=r(),S=s(null),w=o((()=>u?{"data-event-category":u.dataEventCategory,"data-event-action":u.dataEventAction,"data-event-label":u.dataEventLabel}:{}),[u]),L=o((()=>"doctor"===i?x("booking.searchBar.placeholder.doctor"):"service"===i?x("booking.searchBar.placeholder.service"):"hospital"===i?x("booking.searchBar.placeholder.hospital"):"specialty"===i?x("booking.searchBar.placeholder.specialty"):""),[i]),k=o((()=>({root:{flex:1,"&.hide-specialty-selection":{".mantine-Input-rightSection":{display:"none"},input:{paddingLeft:"48px"},".mantine-Input-icon":{left:"0"}}}})),[]),O=o((()=>({icon:{left:"165px"},input:{color:"#262626",'&[data-with-icon="true"]':{paddingLeft:"205px",paddingRight:"16px"}},rightSection:{left:0,width:"165px",padding:"1px"}})),[]),j=o((()=>({input:{color:"#262626"}})),[]);E(S,(()=>{y({type:bt.ClickOutsideInputSearch})}));const I=a((function(t){y({type:bt.ChangeInputSearch,payload:t}),"function"!=typeof C&&(t.trim().length>mt[e.locale]||c||0===t.trim().length?p(t.trim(),e,i,g):(p.cancel(),y({type:bt.DisplayInitialSearchResults})))}),[y,e,i]),F=a((function(e){y({type:bt.SelectSpecialty,payload:e}),m()}),[y]),M=a((e=>{13===e.keyCode&&(e.stopPropagation(),e.preventDefault(),b&&b())}),[b]);return t.createElement(vt,{ref:S},"specialty"===i?t.createElement($.Wrapper,{styles:k},t.createElement($,{icon:t.createElement(v.Search,null),size:n?"md":"lg",placeholder:L,styles:j,value:e.searchKeywords,onFocus:()=>y({type:bt.FocusInputSearchSpecialty}),onChange:e=>{I(e.target.value)},onKeyDown:M})):t.createElement(t.Fragment,null,"service"===i?t.createElement($.Wrapper,{styles:k},t.createElement($,{icon:t.createElement(v.Search,null),size:n?"md":"lg",name:"search-results",placeholder:L,onFocus:()=>y({type:bt.FocusInputSearch}),value:e.searchKeywords,onChange:e=>{I(e.target.value)},onKeyDown:M})):t.createElement(t.Fragment,null,n&&!h?t.createElement(t.Fragment,null,t.createElement(Tt,{state:e,isMobile:n,dispatch:y,debouncedFetchSearchResults:p,onSpecialtyClick:F}),t.createElement($.Wrapper,{styles:k},t.createElement($,{icon:t.createElement(v.Search,null),size:"md",placeholder:L,value:e.searchKeywords,name:"search-results",onFocus:()=>y({type:bt.FocusInputSearch}),onChange:e=>{I(e.target.value)},onKeyDown:M}))):t.createElement($.Wrapper,{styles:k,className:h?"hide-specialty-selection":""},t.createElement($,Object.assign({icon:t.createElement(v.Search,null),size:"lg",placeholder:L,styles:O,name:"search-results",autoComplete:"off",value:e.searchKeywords,onChange:e=>{I(e.target.value)},onFocus:()=>y({type:bt.FocusInputSearch}),onKeyDown:M},w,{rightSection:h?t.createElement(t.Fragment,null):t.createElement(Tt,{state:e,isMobile:n,dispatch:y,debouncedFetchSearchResults:p,onSpecialtyClick:F})})))),"search"===e.focused&&t.createElement(xt,null,t.createElement(kt,{type:i,state:e,results:(null===(f=e.searchResults)||void 0===f?void 0:f[i])||[],location:e.selectedLocation.name,dispatch:y,isLoading:l,typeInformation:d,clientSlug:g}))))},Nt=b.div`
   position: relative;
 
   ${w.mbDown} {
@@ -623,11 +623,11 @@ import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback
   &[data-is-denied='true'] {
     cursor: not-allowed;
   }
-`,Vt=b(W)`
+`,Dt=b(W)`
   width: 12px;
   height: 18px;
   flex: 0 0 12px;
-`,Dt=({state:e,isMobile:i,debouncedFetchCitiesByKeyword:n,selectedLocation:l,trackingAttributes:c,onLocationClick:u,dispatch:h})=>{const{t:g,locale:m}=r(),C=s(null),b=o((()=>c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}),[c]),y=a((function(t){h({type:bt.ChangeInputLocation,payload:t}),t.trim().length>mt[e.locale]?n(t.trim()):(n.cancel(),h({type:bt.DisplayInitialCities}))}),[n,h]);return E(C,(()=>{h({type:bt.ClickOutsideInputLocation})})),t.createElement(Nt,{ref:C},t.createElement($.Wrapper,null,t.createElement($,Object.assign({size:i?"md":"lg",placeholder:"Search location",value:e.searchLocationKeywords,onFocus:()=>h({type:bt.FocusInputLocation}),onChange:e=>{y(e.target.value)}},b))),"location"===e.focused&&t.createElement(At,null,t.createElement(Bt,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{var e;u&&u({name:g("booking.searchBar.allLocations"),id:d,slug:null===(e=p[m])||void 0===e?void 0:e.ALL})}},t.createElement(Vt,{color:x.colors.neutral400}),t.createElement(f,{size:"md"},g("booking.searchBar.allLocations"))),e.cities.map((e=>t.createElement(Bt,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),u&&u(e)},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==l?void 0:l.id)===e.id},t.createElement(Vt,{color:x.colors.neutral400}),t.createElement(f,{size:"md"},e.name))))))},Kt=b.div`
+`,Vt=({state:e,isMobile:i,debouncedFetchCitiesByKeyword:n,selectedLocation:l,trackingAttributes:c,onLocationClick:u,dispatch:h})=>{const{t:g,locale:m}=r(),C=s(null),b=o((()=>c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}),[c]),y=a((function(t){h({type:bt.ChangeInputLocation,payload:t}),t.trim().length>mt[e.locale]?n(t.trim()):(n.cancel(),h({type:bt.DisplayInitialCities}))}),[n,h]);return E(C,(()=>{h({type:bt.ClickOutsideInputLocation})})),t.createElement(Nt,{ref:C},t.createElement($.Wrapper,null,t.createElement($,Object.assign({size:i?"md":"lg",placeholder:"Search location",value:e.searchLocationKeywords,onFocus:()=>h({type:bt.FocusInputLocation}),onChange:e=>{y(e.target.value)}},b))),"location"===e.focused&&t.createElement(At,null,t.createElement(Bt,{key:"all-location",role:"button",tabIndex:0,onClick:()=>{var e;u&&u({name:g("booking.searchBar.allLocations"),id:d,slug:null===(e=p[m])||void 0===e?void 0:e.ALL})}},t.createElement(Dt,{color:x.colors.neutral400}),t.createElement(f,{size:"md"},g("booking.searchBar.allLocations"))),e.cities.map((e=>t.createElement(Bt,{key:e.id,onClick:t=>{t.nativeEvent.stopImmediatePropagation(),u&&u(e)},role:"button",tabIndex:0,"aria-label":`Select ${e.name} as location`,isSelected:(null==l?void 0:l.id)===e.id},t.createElement(Dt,{color:x.colors.neutral400}),t.createElement(f,{size:"md"},e.name))))))},Kt=b.div`
   display: flex;
   flex-wrap: wrap;
   row-gap: 8px;
@@ -763,7 +763,7 @@ import{a as e}from"./tslib.es6-7b491686.js";import t,{useState as i,useCallback
   border-bottom: 1px solid ${x.colors.neutral100};
 `,qt=b(B)`
   padding: 0 16px;
-`,Jt=({currentTab:e,hideTabBookingSearch:i=[],isMobile:a,setCurrentTab:n})=>{const s=o((()=>({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]),l=(()=>{const{t:e}=r();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")}]})(),c=o((()=>l.filter((e=>!i.includes(e.value)))||[]),[i,l]);return t.createElement(Qt,{className:"booking-search-tab"},t.createElement(qt,null,t.createElement(M,{value:e,onTabChange:e=>{n(e)},styles:s},t.createElement(M.List,null,c.map((e=>t.createElement(M.Tab,{value:e.value,key:e.value},e.label)))))))};var Xt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Xt||(Xt={}));const ei=({isMobile:e,careApiDomain:g,geoLocationPermission:C,geoLocationCoordinates:b,initialSelectedCity:y,initialSearchValue:f="",initTypeSearch:v="hospital",initSpecialty:x,careFrontDomain:S="/care",isDebug:w=!1,gaTrackingSearchBar:L,gaTrackingLocationSearch:k,autoCompleteDisabled:O=!1,inputSearchPlaceholder:I="",hideTabBookingSearch:$=[],hideSpecialtySelection:F=!1,hidePopularSearchKeys:M=!1,clientSlug:P="",routerPush:N,onGeoLocationPermissionChange:A,onChangeLocation:B})=>{const{locale:V,t:D}=r(),z=s(null),_=s(null),[H,G]=i(v),{geoLocationPermission:Z,geoLocationCoordinates:Y}=K(),[U,W]=l(ft,Ct,(t=>Object.assign(Object.assign({},t),{isDebug:w,isMobile:e,geoLocationPermission:C||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:O,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:o=""}){const n=a((function(a,o={}){const n=`${t}${a}`;return e({type:bt.FetchCitiesStart}),fetch(ct(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:a((function({coordinates:t}){let a={};const s={};t&&(a={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(s.noPaging=1);const l=[n(j.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},a),s),{client:m.MSD===o?"":o}))];return"zh-TW"===i&&l.push(n(j.GET_CITIES_LIST,{noPaging:1,client:m.MSD===o?"":o})),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:a((function(t){return n(j.GET_CITIES_LIST,{keyword:t,client:o}).then((t=>{e({type:bt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:a((function(a,n,s,l,r){const c="specialty"===s?`${t}${j.GET_SEARCH_SPECIALTY}`:`${t}${j.GET_SEARCH_V2}`;e({type:bt.FetchSearchResultsStart});const{selectedLocation:p,geoLocationCoordinates:h,selectedSpecialty:g}=n;let C="";if(!p)return void e({type:bt.FetchSearchResultsFinish});C=p.id===d?"":p.id;const b=(null==h?void 0:h.lat)||"",y=(null==h?void 0:h.lng)||"",f=(null==g?void 0:g.id)>0?null==g?void 0:g.id:"",v=a.trim().length>mt[i]?a.trim():"";return fetch(ct(c,{domain:t,searchType:s||"global",keyword:v,city:C===u?"":C,lat:b,lng:y,specialty_id:f,client_slug:m.MSD===l?"":l,msd:m.MSD===o?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:a((function(){const a=`${t}${j.GET_SEARCH_SPECIALTY}`;return fetch(ct(a,{domain:t,searchType:"",msd:m.MSD===o?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:a,error:e})}))}),[i,t,e]),fetchPopularKeys:a((function(a){const o=`${t}${j.GET_SEARCH_POPULAR_KEY}`;return fetch(ct(o,{domain:t,searchType:Xt[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:g,client:P}),de=o((()=>p[V]),[V]),pe=o((()=>({doctor:{name:D("booking.searchPopup.doctors"),icon:t.createElement($t,null),slug:de.DOCTOR},service:{name:D("booking.searchPopup.services"),icon:t.createElement(Ft,null),slug:de.SERVICE},hospital:{name:D("booking.searchPopup.hospitals"),icon:t.createElement(Mt,null),slug:de.HOSPITAL},specialty:{name:D("booking.searchPopup.specialties"),icon:t.createElement(Rt,null),slug:de.SPECIALTIES}})),[H]),ue=o((()=>c(se,400)),[se]),he=o((()=>c(le,400)),[le]),ge=a((function(e){W({type:bt.SelectLocation,payload:e}),me(),B&&B(e)}),[D,W]);function me(){var e;z.current&&(null===(e=z.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}return E(_,(()=>{W({type:bt.ClickOutsideInputSearchSpecialty})})),n((()=>{var t;"denied"===X||ie||W({type:bt.SelectLocation,payload:{name:D("booking.searchBar.allLocations"),id:d,slug:null===(t=p[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]),n((()=>{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]),n((()=>{re()}),[]),n((()=>{ce(H)}),[H]),n((()=>{Q&&(N?N(Q):window.location.href=`${S}${Q}`)}),[Q]),n((()=>{le(U.searchKeywords,U,H,P,!0)}),[ee,te,H]),t.createElement(pt,{ref:z},t.createElement(Jt,{currentTab:H,setCurrentTab:G,isMobile:e,hideTabBookingSearch:$}),t.createElement(ut,{className:"booking-search-container"},t.createElement(ht,null,t.createElement(gt,null,t.createElement("div",{ref:_},t.createElement(R,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==H&&t.createElement(Dt,{state:U,isMobile:e,dispatch:W,debouncedFetchCitiesByKeyword:ue,selectedLocation:ee,onLocationClick:ge,trackingAttributes:k}),t.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}),t.createElement(T,{size:e?"md":"lg",color:"#2D87F3",fullWidth:e,variant:"filled",onClick:function(){let e="";const{slug:t}=pe[H];let i="";const a=h[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"))),!M&&"specialty"!==H&&U.popularKeys.length>0&&t.createElement(Wt,{type:H,state:U,typeInformation:pe,dispatch:W}),"specialty"===H&&"search"===q&&t.createElement(Gt,{state:U,isMobile:e,dispatch:W,specialties:(null==ae?void 0:ae.specialty)||[],isLoading:oe}))))))},ti=b.div`
+`,Jt=({currentTab:e,hideTabBookingSearch:i=[],isMobile:a,setCurrentTab:n})=>{const s=o((()=>({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]),l=(()=>{const{t:e}=r();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")}]})(),c=o((()=>l.filter((e=>!i.includes(e.value)))||[]),[i,l]);return t.createElement(Qt,{className:"booking-search-tab"},t.createElement(qt,null,t.createElement(M,{value:e,onTabChange:e=>{n(e)},styles:s},t.createElement(M.List,null,c.map((e=>t.createElement(M.Tab,{value:e.value,key:e.value},e.label)))))))};var Xt;!function(e){e.doctor="doctor",e.service="hospital_service",e.hospital="hospital_branch"}(Xt||(Xt={}));const ei=({isMobile:e,careApiDomain:g,geoLocationPermission:C,geoLocationCoordinates:b,initialSelectedCity:y,initialSearchValue:f="",initTypeSearch:v="hospital",initSpecialty:x,careFrontDomain:S="/care",isDebug:w=!1,gaTrackingSearchBar:L,gaTrackingLocationSearch:k,autoCompleteDisabled:O=!1,inputSearchPlaceholder:I="",hideTabBookingSearch:$=[],hideSpecialtySelection:F=!1,hidePopularSearchKeys:M=!1,clientSlug:P="",routerPush:N,onGeoLocationPermissionChange:A,onChangeLocation:B})=>{const{locale:D,t:V}=r(),z=s(null),_=s(null),[H,G]=i(v),{geoLocationPermission:Z,geoLocationCoordinates:Y}=K(),[U,W]=l(ft,Ct,(t=>Object.assign(Object.assign({},t),{isDebug:w,isMobile:e,geoLocationPermission:C||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:O,inputSearchPlaceholder:I,locale:D}))),{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:o=""}){const n=a((function(a,o={}){const n=`${t}${a}`;return e({type:bt.FetchCitiesStart}),fetch(ct(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:a((function({coordinates:t}){let a={};const s={};t&&(a={lat:t.lat,lng:t.lng}),"ms-MY"===i&&(s.noPaging=1);const l=[n(j.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},a),s),{client:m.MSD===o?"":o}))];return"zh-TW"===i&&l.push(n(j.GET_CITIES_LIST,{noPaging:1,client:m.MSD===o?"":o})),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:a((function(t){return n(j.GET_CITIES_LIST,{keyword:t,client:o}).then((t=>{e({type:bt.FetchCitiesByKeywordComplete,payload:t.cities})})).catch((e=>console.error("error loading cities by keyword",e)))}),[i,t,e]),fetchSearchResults:a((function(a,n,s,l,r){const c="specialty"===s?`${t}${j.GET_SEARCH_SPECIALTY}`:`${t}${j.GET_SEARCH_V2}`;e({type:bt.FetchSearchResultsStart});const{selectedLocation:p,geoLocationCoordinates:h,selectedSpecialty:g}=n;let C="";if(!p)return void e({type:bt.FetchSearchResultsFinish});C=p.id===d?"":p.id;const b=(null==h?void 0:h.lat)||"",y=(null==h?void 0:h.lng)||"",f=(null==g?void 0:g.id)>0?null==g?void 0:g.id:"",v=a.trim().length>mt[i]?a.trim():"";return fetch(ct(c,{domain:t,searchType:s||"global",keyword:v,city:C===u?"":C,lat:b,lng:y,specialty_id:f,client_slug:m.MSD===l?"":l,msd:m.MSD===o?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:a((function(){const a=`${t}${j.GET_SEARCH_SPECIALTY}`;return fetch(ct(a,{domain:t,searchType:"",msd:m.MSD===o?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:a,error:e})}))}),[i,t,e]),fetchPopularKeys:a((function(a){const o=`${t}${j.GET_SEARCH_POPULAR_KEY}`;return fetch(ct(o,{domain:t,searchType:Xt[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:D,careApiDomain:g,client:P}),de=o((()=>p[D]),[D]),pe=o((()=>({doctor:{name:V("booking.searchPopup.doctors"),icon:t.createElement($t,null),slug:de.DOCTOR},service:{name:V("booking.searchPopup.services"),icon:t.createElement(Ft,null),slug:de.SERVICE},hospital:{name:V("booking.searchPopup.hospitals"),icon:t.createElement(Mt,null),slug:de.HOSPITAL},specialty:{name:V("booking.searchPopup.specialties"),icon:t.createElement(Rt,null),slug:de.SPECIALTIES}})),[H]),ue=o((()=>c(se,400)),[se]),he=o((()=>c(le,400)),[le]),ge=a((function(e){W({type:bt.SelectLocation,payload:e}),me(),B&&B(e)}),[V,W]);function me(){var e;z.current&&(null===(e=z.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Ce(){let e="";const{slug:t}=pe[H];let i="";const a=h[D][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})}return E(_,(()=>{W({type:bt.ClickOutsideInputSearchSpecialty})})),n((()=>{var t;"denied"===X||ie||W({type:bt.SelectLocation,payload:{name:V("booking.searchBar.allLocations"),id:d,slug:null===(t=p[D])||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]),n((()=>{const e=x||{name:V("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:de.SPECIALTIES};U.selectedSpecialty||W({type:bt.SelectSpecialty,payload:e})}),[x,U.selectedSpecialty]),n((()=>{re()}),[]),n((()=>{ce(H)}),[H]),n((()=>{Q&&(N?N(Q):window.location.href=`${S}${Q}`)}),[Q]),n((()=>{le(U.searchKeywords,U,H,P,!0)}),[ee,te,H]),t.createElement(pt,{ref:z},t.createElement(Jt,{currentTab:H,setCurrentTab:G,isMobile:e,hideTabBookingSearch:$}),t.createElement(ut,{className:"booking-search-container"},t.createElement(ht,null,t.createElement(gt,null,t.createElement("div",{ref:_},t.createElement(R,{gap:"12px",justify:"space-between",align:"center",direction:e?"column":"row",className:"flex-search-input"},"specialty"!==H&&t.createElement(Vt,{state:U,isMobile:e,dispatch:W,debouncedFetchCitiesByKeyword:ue,selectedLocation:ee,onLocationClick:ge,trackingAttributes:k}),t.createElement(Pt,{type:H,isMobile:e,state:U,dispatch:W,debouncedFetchSearchResults:he,initalSearchValue:f,focusSearchInput:me,onEnterSearch:Ce,typeInformation:pe,trackingAttributes:L,isLoading:oe,hideSpecialtySelection:F,clientSlug:P}),t.createElement(T,{size:e?"md":"lg",color:"#2D87F3",fullWidth:e,variant:"filled",onClick:Ce,styles:{root:{height:e?"40px":"48px"}}},V("booking.searchBar.searchButton"))),!M&&"specialty"!==H&&U.popularKeys.length>0&&t.createElement(Wt,{type:H,state:U,typeInformation:pe,dispatch:W}),"specialty"===H&&"search"===q&&t.createElement(Gt,{state:U,isMobile:e,dispatch:W,specialties:(null==ae?void 0:ae.specialty)||[],isLoading:oe}))))))},ti=b.div`
   background-color: var(--neutral50);
   padding: 12px 0;
   box-shadow: inset 0px 1px 0px #e4e8ec;