@hhgtech/hhg-components 1.23.35 → 1.23.37

package/build/{types-0badb8ab.js → types-a579a183.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-2c02c5e0.js"),t=require("react"),n=require("./constants-5f18eb22.js"),a=require("./index-03cd8fe7.js"),i=require("./cookieHelper-5effdf79.js"),o=require("./useTranslations-1c0fd75d.js"),r=require("lodash/debounce"),l=require("./index-1e4f8713.js"),s=require("styled-components"),c=require("./index-134ceae1.js"),u=require("./theme-feb8472e.js"),d=require("react-loading-skeleton"),p=require("./utils-41ab8db3.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-fa0f9f86.js"),g=require("string-format");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=m(t),v=m(r),_=m(s),E=m(d),x=m(h),y=m(g);var b,w,L,k,S,T,O,A,I,R,M,N,P=_.default.div(b||(b=e.__makeTemplateObject([""],[""]))),V=_.default.div(w||(w=e.__makeTemplateObject(["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"],["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"]))),D=_.default.section(L||(L=e.__makeTemplateObject([""],[""]))),H=_.default.input(k||(k=e.__makeTemplateObject(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),F=_.default(l.Input)(S||(S=e.__makeTemplateObject(["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"],["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"]))),z=s.createGlobalStyle(T||(T=e.__makeTemplateObject(["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"],["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"]))),j=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M18 6L6 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M6 6L18 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},B=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:t},C.default.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:n||"currentColor"}))},G=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:t},C.default.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:n||"currentColor"}))},K=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M20 20L16 16",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Z=function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},U=_.default.li(O||(O=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"])),u.theme.colors.neutral100),q=_.default.div(A||(A=e.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"])),p.MediaQueries.mbDown),Q=_.default.ul(I||(I=e.__makeTemplateObject(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),Y=_.default(B)(R||(R=e.__makeTemplateObject(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),W=_.default.li(M||(M=e.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"])),(function(e){return e.isSelected&&"\n        &::after {\n            content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\n        }\n    ")}),u.theme.colors.neutral100,u.theme.colors.neutral50),X=_.default((function(t){var n=t.count,a=t.className;return C.default.createElement(C.default.Fragment,null,e.__spreadArray([],Array(n),!0).map((function(e,t){return C.default.createElement(U,{className:a,key:t},C.default.createElement(E.default,{count:1,height:32}),C.default.createElement(E.default,{count:1,height:24}))})))}))(N||(N=e.__makeTemplateObject(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),J=function(e){var t=e.cities,n=e.isLoading,a=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,l=void 0===r?"unset":r,s=e.isLocationLoading,d=e.selectedLocation,p=o.useTranslations().t,h="denied"===l,f=function(){return C.default.createElement(W,{role:"button",tabIndex:0,onClick:function(e){h||(e.nativeEvent.stopImmediatePropagation(),s||i())},"data-is-denied":h},h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"md"},"x"):s?C.default.createElement(E.default,{height:20,width:20}):C.default.createElement(G,{color:u.theme.colors.primaryBase}),C.default.createElement("div",null,h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},p("booking.searchBar.grantLocation")):s?C.default.createElement(E.default,{height:20,style:{width:"calc(100% - 16px)"}}):C.default.createElement(c.Text,{size:"md"},p("booking.searchBar.useCurrentLocation"))))};return C.default.createElement(q,{"data-testid":"location-search-results"},C.default.createElement(Q,null,n?C.default.createElement(X,{count:5}):!t||t.length<1?C.default.createElement(C.default.Fragment,null,f(),C.default.createElement(W,{"data-is-denied":"true"},C.default.createElement(c.Text,{size:"sm",color:"#ccc"},p("booking.searchBar.noResults")))):C.default.createElement(C.default.Fragment,null,f(),t.map((function(e){return C.default.createElement(W,{key:e.id,onClick:function(t){t.nativeEvent.stopImmediatePropagation(),a&&a(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==d?void 0:d.id)===e.id},C.default.createElement(Y,{color:u.theme.colors.neutral400}),C.default.createElement(c.Text,{size:"md"},e.name))})))))},$={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},ee=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},te={TEXT_NODE:"TEXT_NODE"},ne=function(){function t(t){var n=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return n.state.eventLoopPaused=!1,n.runEventLoop(),n},this.pause=function(){return n.state.eventLoopPaused=!0,n},this.stop=function(){return n.state.eventLoop&&(window.cancelAnimationFrame(n.state.eventLoop),n.state.eventLoop=null),n},this.pauseFor=function(e){return n.addEventToQueue($.PAUSE_FOR,{ms:e}),n},this.typeOutAllStrings=function(){return"string"==typeof n.options.strings?(n.typeString(n.options.strings).pauseFor(n.options.pauseFor),n):(n.options.strings.forEach((function(e){n.typeString(e).pauseFor(n.options.pauseFor).deleteAll(n.options.deleteSpeed)})),n)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var a=(n.options||{}).stringSplitter,i="function"==typeof a?a(e):e.split("");n.typeCharacters(i,t)}return n},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&n.addEventToQueue($.PASTE_STRING,{character:e,node:t}),n},this.deleteAll=function(e){return void 0===e&&(e="natural"),n.addEventToQueue($.REMOVE_ALL,{speed:e}),n},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return n.addEventToQueue($.CHANGE_DELETE_SPEED,{speed:e}),n},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return n.addEventToQueue($.CHANGE_DELAY,{delay:e}),n},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)n.addEventToQueue($.REMOVE_CHARACTER);return n},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){n.addEventToQueue($.TYPE_CHARACTER,{character:e,node:t})})),n},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){n.addEventToQueue($.REMOVE_CHARACTER)})),n},this.addEventToQueue=function(e,t,a){return void 0===a&&(a=!1),n.addEventToStateProperty(e,t,a,"eventQueue")},this.addReverseCalledEvent=function(e,t,a){return void 0===a&&(a=!1),n.options.loop?n.addEventToStateProperty(e,t,a,"reverseCalledEvents"):n},this.addEventToStateProperty=function(t,a,i,o){void 0===i&&(i=!1);var r={eventName:t,eventArgs:a||{}};return n.state[o]=i?e.__spreadArray([r],n.state[o],!0):e.__spreadArray(e.__spreadArray([],n.state[o],!0),[r],!1),n},this.runEventLoop=function(){n.state.lastFrameTime||(n.state.lastFrameTime=Date.now());var t=Date.now(),a=t-n.state.lastFrameTime;if(!n.state.eventQueue.length){if(!n.options.loop)return;n.state.eventQueue=e.__spreadArray([],n.state.calledEvents,!0),n.state.calledEvents=[],n.options=e.__assign({},n.state.initialOptions)}if(n.state.eventLoop=window.requestAnimationFrame(n.runEventLoop),!n.state.eventLoopPaused){if(n.state.pauseUntil){if(t<n.state.pauseUntil)return;n.state.pauseUntil=null}var i=e.__spreadArray([],n.state.eventQueue,!0),o=i.shift();if(!(a<=(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventName===$.REMOVE_CHARACTER?"natural"===n.options.deleteSpeed?ee(40,80):n.options.deleteSpeed:"natural"===n.options.delay?ee(120,160):n.options.delay))){var r=o.eventName,l=o.eventArgs;switch(r){case $.PASTE_STRING:case $.TYPE_CHARACTER:var s=l.character,c=document.createTextNode(s),u=c;n.options.onCreateTextNode&&"function"==typeof n.options.onCreateTextNode&&(u=n.options.onCreateTextNode(s,c)),n.state.visibleNodes=e.__spreadArray(e.__spreadArray([],n.state.visibleNodes,!0),[{type:te.TEXT_NODE,character:s,node:u}],!1);break;case $.REMOVE_CHARACTER:i.unshift({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case $.PAUSE_FOR:var d=o.eventArgs.ms;n.state.pauseUntil=Date.now()+parseInt(d);break;case $.REMOVE_ALL:var p=n.state.visibleNodes,h=l.speed,f=[];h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:h,temp:!0}});for(var g=0,m=p.length;g<m;g++)f.push({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:n.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,f);break;case $.REMOVE_LAST_VISIBLE_NODE:if(n.state.visibleNodes.length){var C=n.state.visibleNodes.pop(),v=C.node;s=C.character;n.options.onRemoveNode&&"function"==typeof n.options.onRemoveNode&&n.options.onRemoveNode({node:v,character:s}),v&&v.parentNode.removeChild(v)}break;case $.CHANGE_DELETE_SPEED:n.options.deleteSpeed=o.eventArgs.speed;break;case $.CHANGE_DELAY:n.options.delay=o.eventArgs.delay}n.options.loop&&(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventArgs&&o.eventArgs.temp||(n.state.calledEvents=e.__spreadArray(e.__spreadArray([],n.state.calledEvents,!0),[o],!1))),n.state.eventQueue=i,n.state.lastFrameTime=t}}},t&&(this.options=e.__assign(e.__assign({},this.options),t)),this.state.initialOptions=e.__assign({},this.options),this.init()}return t.prototype.init=function(){this.addEventToQueue($.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},t}();function ae(e){var n=e.inputRef,a=e.wrapperRef,i=e.disabled,r=o.useTranslations(),l=r.t,s=r.locale,c=t.useMemo((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),x.default(e).map((function(e){return l(e)}))}),[l,s]);function u(e){var t=p();return t&&(t.placeholder=t.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:a&&a.current&&a.current.querySelector("input")||null}t.useEffect((function(){if(!i){var e=p();e&&(e.placeholder="",new ne({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,a])}var ie,oe=_.default.div(ie||(ie=e.__makeTemplateObject(["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"],["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"])));function re(n){var a=n.focused,i=n.value,r=void 0===i?"":i,l=n.onClick,s=n.trackingAttributes,c=n.inputSearchPlaceholder,d=o.useTranslations().t,p=t.useRef(null);ae({wrapperRef:p,disabled:!!c});var h=t.useMemo((function(){return s?{"data-event-category":s.dataEventCategory,"data-event-action":s.dataEventAction,"data-event-label":s.dataEventLabel}:{}}),[s]);return C.default.createElement(oe,e.__assign({onClick:function(){return l&&l()},ref:p},h),C.default.createElement(F,{inputClassName:"location"===a?"focused":void 0,name:"booking-search-placeholder",displayIcon:C.default.createElement(K,{color:u.theme.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:r,size:"md"}))}var le,se,ce,ue,de,pe,he=_.default.header(le||(le=e.__makeTemplateObject(["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"],["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"]))),fe=_.default.div(se||(se=e.__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"],["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),ge=_.default.div(ce||(ce=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"]))),me=_.default.div(ue||(ue=e.__makeTemplateObject(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),Ce=_.default(c.Text)(de||(de=e.__makeTemplateObject(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),u.theme.colors.secondaryDark),ve=function(e){var t=e.className,n=e.onLeftClick,a=e.headingText,i=e.onRightClick,o=e.iconLeft,r=e.textRight;return C.default.createElement(he,{className:t},C.default.createElement(ge,{onClick:n},o||C.default.createElement(j,{color:u.theme.colors.gray800})),C.default.createElement(me,null,C.default.createElement(Ce,{size:"md",type:"bold"},a)),C.default.createElement(fe,{onClick:i},r&&C.default.createElement("p",null,r)))},_e={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ee={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"};function xe(t){var n=t.selectedLocation,a=t.searchLocationKeywords;return n&&a!==n.name?e.__assign(e.__assign({},t),{searchLocationKeywords:n.name}):t}function ye(t,a){var i;switch(t.isDebug&&console.log("bookingSearchBar",{action:a,state:t}),a.type){case pe.NavigateTo:return e.__assign(e.__assign({},t),{navigateTo:a.payload,focused:"none",isMobileModalOpened:!1});case pe.ClickOutsideInputLocation:return t.isMobile||"location"!==t.focused?t:xe(e.__assign(e.__assign({},t),{focused:"none"}));case pe.ClickOutsideInputSearch:return t.isMobile||"search"!==t.focused?t:e.__assign(e.__assign({},t),{focused:"none"});case pe.FocusInputLocation:var o=e.__assign(e.__assign({},t),{focused:"location"});return(null===(i=t.selectedLocation)||void 0===i?void 0:i.id)===n.ID_OPTION_CURRENT_LOCATION&&(o.searchLocationKeywords=""),o;case pe.FocusInputSearch:var r=e.__assign(e.__assign({},t),{focused:"search"});return t.isMobile?xe(r):r;case pe.ChangeInputLocation:return e.__assign(e.__assign({},t),{searchLocationKeywords:a.payload});case pe.ChangeInputSearch:var l=a.payload;return e.__assign(e.__assign({},t),{searchKeywords:l,isLoadingSearchResults:l.trim().length>_e[t.locale]});case pe.SelectCurrentLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.ClearInputLocation:return e.__assign(e.__assign({},t),{focused:"location",cities:t.initialCities,searchLocationKeywords:""});case pe.ClearInputSearch:return e.__assign(e.__assign({},t),{focused:"search",searchKeywords:""});case pe.SelectLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.SelectSearchResult:return e.__assign(e.__assign({},t),{searchKeywords:a.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:a.payload.url});case pe.FetchCitiesStart:return e.__assign(e.__assign({},t),{isLoadingCities:!0});case pe.FetchCitiesFinish:return e.__assign(e.__assign({},t),{isLoadingCities:!1});case pe.FetchSearchResultsStart:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!0});case pe.FetchSearchResultsFinish:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!1});case pe.FetchSearchResultsComplete:var s=e.__assign(e.__assign({},t),{searchResults:a.payload});return 0===t.initialSearchResults.length&&(s.initialSearchResults=a.payload),s;case pe.FetchCitiesByGeoIpComplete:var c=a.payload.cities,u=a.payload.default;(c=c.filter((function(e){return e.id!==u.id}))).unshift(u),t.initialSelectedCity&&!c.find((function(e){return e.id===t.initialSelectedCity.id}))&&c.unshift(t.initialSelectedCity);var d=e.__assign(e.__assign({},t),{defaultCity:u,initialCities:c,cities:c});return"denied"!==t.geoLocationPermission||t.initialSelectedCity||(d.selectedLocation=u,d.searchLocationKeywords=u.name),d;case pe.FetchCitiesByKeywordComplete:return e.__assign(e.__assign({},t),{cities:a.payload});case pe.DisplayInitialCities:return e.__assign(e.__assign({},t),{cities:t.initialCities});case pe.DisplayInitialSearchResults:return e.__assign(e.__assign({},t),{searchResults:t.initialSearchResults,isLoadingSearchResults:!1});case pe.GrantGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"granted",geoLocationCoordinates:a.payload});case pe.DenyGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"denied",geoLocationCoordinates:null});case pe.OpenMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!0});case pe.CloseMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!1});case pe.UpdateInitialSearchValue:return e.__assign(e.__assign({},t),{searchKeywords:a.payload});case pe.SetInputSearchPlaceholder:return e.__assign(e.__assign({},t),{inputSearchPlaceholder:a.payload});default:return t}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(pe||(pe={}));var be,we,Le,ke,Se,Te,Oe,Ae=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.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"}))},Ie=_.default.button(be||(be=e.__makeTemplateObject(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),p.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Re=_.default(c.Text)(we||(we=e.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),Me=function(e){var t=e.onClick,n=(0,o.useTranslations().t)("booking.searchBar.searchButton");return C.default.createElement(Ie,{onClick:t,title:n},C.default.createElement(Ae,null),C.default.createElement(Re,{size:"s3",color:"white"},n))},Ne=_.default.div(Le||(Le=e.__makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),p.MediaQueries.mbDown,u.theme.colors.blue50),Pe=_.default.div(ke||(ke=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Ve=_.default(Pe)(Se||(Se=e.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),De=_.default(Pe)(Te||(Te=e.__makeTemplateObject(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),He=_.default((function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),C.default.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:n||"currentColor"}))}))(Oe||(Oe=e.__makeTemplateObject(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function Fe(e){var a=e.isMobile,i=e.state,r=e.dispatch,l=e.debouncedFetchCitiesByKeyword,s=e.debouncedFetchSearchResults,c=e.focusLocationInput,d=e.focusSearchInput,p=e.renderLocationResults,h=e.renderSearchResults,g=e.locationTrackingAttributes,m=e.trackingAttributes,v=e.onSearch,_=e.initalSearchValue,E=t.useRef(null),x=t.useRef(null),y=i.focused,b=i.searchLocationKeywords,w=i.geoLocationPermission,L=i.selectedLocation,k=i.searchKeywords,S=i.inputSearchPlaceholder,T=o.useTranslations().t;ae({wrapperRef:x,disabled:!!S}),f.useOutsideClick(E,(function(){r({type:pe.ClickOutsideInputLocation})})),f.useOutsideClick(x,(function(){r({type:pe.ClickOutsideInputSearch})}));var O=t.useMemo((function(){return"granted"===w&&(null==L?void 0:L.id)===n.ID_OPTION_CURRENT_LOCATION?u.theme.colors.primaryBase:u.theme.colors.gray400}),[w,L]),A=t.useCallback((function(e){r({type:pe.ChangeInputSearch,payload:e}),"function"!=typeof v&&(e.trim().length>_e[i.locale]||_?s(e.trim(),i):(s.cancel(),r({type:pe.DisplayInitialSearchResults})))}),[r,i]),I=t.useCallback((function(e){r({type:pe.ChangeInputLocation,payload:e}),e.trim().length>_e[i.locale]?l(e.trim()):(l.cancel(),r({type:pe.DisplayInitialCities}))}),[l,r]);return C.default.createElement(Ne,null,C.default.createElement(Ve,{ref:E},C.default.createElement(F,{inputClassName:"location"===y?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:C.default.createElement(B,{className:"location-pin-icon",color:O}),actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==b?"shown":""}),onActionClick:function(){r({type:pe.ClearInputLocation}),l.cancel(),c()},value:b,onChange:I,onFocus:function(){return r({type:pe.FocusInputLocation})},size:"md",trackingAttributes:g}),!a&&p()),C.default.createElement(De,{ref:x},C.default.createElement(F,{placeholder:S||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==k?"shown":""}),onActionClick:function(){r({type:pe.ClearInputSearch}),s.cancel(),s("",i),d()},value:k,onChange:A,onFocus:function(){return r({type:pe.FocusInputSearch})},inputClassName:"search"===y?"focused":void 0,size:"md",trackingAttributes:m,onKeyPress:function(e){i.autoCompleteDisabled&&"Enter"===e.key&&v&&v({cityId:i.selectedLocation.id,keyword:k})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!a&&h()),i.autoCompleteDisabled&&!i.isMobile&&C.default.createElement(Me,{onClick:function(){v({cityId:i.selectedLocation.id,keyword:k})}}))}var ze,je,Be,Ge,Ke,Ze,Ue,qe,Qe,Ye,We,Xe,Je,$e,et=_.default.li(ze||(ze=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),tt=_.default.div(je||(je=e.__makeTemplateObject(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(e){var t=e.type;return t&&"doctors"===t&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var t=e.type;return t&&"doctors"===t?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),u.theme.colors.gray600),nt=_.default(c.Text)(Be||(Be=e.__makeTemplateObject(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),p.MediaQueries.tdUp),at=_.default.figure(Ge||(Ge=e.__makeTemplateObject(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),it=_.default.svg(Ke||(Ke=e.__makeTemplateObject(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),ot=_.default.div(Ze||(Ze=e.__makeTemplateObject(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),rt={doctors:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||32,height:n||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("g",{clipPath:"url(#clip0_14712_400114)"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),C.default.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),C.default.createElement("defs",null,C.default.createElement("clipPath",{id:"clip0_14712_400114"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),C.default.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},lt=function(e){var n=e.type,a=e.item,i=e.imageUrl,o=e.onClickItem,r=t.useMemo((function(){var e=rt[n]||Z;return C.default.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return C.default.createElement(et,{onClick:function(){return o&&o(a)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||o&&o(a)},tabIndex:0,role:"button"},C.default.createElement(at,null,"hospitals"===n?C.default.createElement(it,{width:"12",height:"16",viewBox:"0 0 12 16"},C.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):C.default.createElement(tt,{type:n},i?C.default.createElement("img",{src:i,width:32,height:"services"===n?32:24}):r)),C.default.createElement(nt,{color:u.theme.colors.gray800,size:"p3"},a.name))},st=function(){return C.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},C.default.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"}))},ct=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.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"}))},ut=function(){return C.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},C.default.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"}))},dt=function(){return C.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},C.default.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"}))},pt=_.default.header(Ue||(Ue=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),u.theme.colors.neutral50),ht=_.default.div(qe||(qe=e.__makeTemplateObject(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),ft=_.default.p(Qe||(Qe=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),u.theme.colors.neutral800,u.theme.sizes.fwSemiBold),gt=_.default.button(Ye||(Ye=e.__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),mt=_.default.section(We||(We=e.__makeTemplateObject(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),p.MediaQueries.tdUp),Ct=_.default.ul(Xe||(Xe=e.__makeTemplateObject(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),p.MediaQueries.tdUp,(function(e){return e.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(e){return e.isShown&&"\n     max-height: 600px;\n    "}),p.MediaQueries.tdUp),vt=_.default(c.Text)(Je||(Je=e.__makeTemplateObject(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"]))),_t=function(e){var a=e.type,i=e.data,r=e.state,l=e.dispatch,s=e.itemsToShow,d=e.itemsToShowDesktop,p=e.isMobile,h=e.isLoading,f=e.keyword,g=t.useState(!1),m=g[0],v=g[1],_=o.useTranslations(),x=_.t,y=_.locale,b=r.selectedLocation,w=r.searchKeywords,L=t.useMemo((function(){return n.LOCALIZED_SLUGS[y]}),[y]),k=t.useMemo((function(){return{doctors:{name:x("booking.searchPopup.doctors"),icon:C.default.createElement(st,null),slug:L.DOCTOR},services:{name:x("booking.searchPopup.services"),icon:C.default.createElement(ct,null),slug:L.SERVICE},hospitals:{name:x("booking.searchPopup.hospitals"),icon:C.default.createElement(ut,null),slug:L.HOSPITAL},specialties:{name:x("booking.searchPopup.specialties"),icon:C.default.createElement(dt,null),slug:L.SPECIALTIES}}}),[a,L]),S=t.useMemo((function(){return k[a].slug}),[k]),T=p?s:d;function O(e){var t="";switch(a){case"specialties":t="/".concat(b.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(S,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(S,"/").concat(e.slug,"-").concat(e.id)}t&&l({type:pe.SelectSearchResult,payload:{name:e.name,url:t}})}function A(e){return C.default.createElement(lt,{key:e.id,item:e,type:a,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:O})}return C.default.createElement("section",null,C.default.createElement(pt,null,C.default.createElement(ht,null,k[a].icon,C.default.createElement(ft,null,k[a].name)),f.trim().length<=_e[y]&&C.default.createElement(gt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(S)}e&&l({type:pe.NavigateTo,payload:e})}},C.default.createElement(c.Text,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.seeAll")))),(h||i&&i.length>0)&&C.default.createElement(mt,null,C.default.createElement(Ct,null,h&&Array(2).fill(void 0).map((function(e,t){return C.default.createElement(et,{key:a+"loading"+t},C.default.createElement(at,null,C.default.createElement(ot,null,C.default.createElement(E.default,{height:14,width:"hospitals"===a?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),C.default.createElement(E.default,{width:120,height:24}))})),!h&&i&&i.length>0&&i.slice(0,T).map(A)),C.default.createElement(Ct,{isShown:m,isMore:!0},i.slice(T,-1).map(A)),"specialties"===a&&T<i.length&&!h&&C.default.createElement("button",{onClick:function(){return v(!m)}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==a&&T<i.length&&!h&&f.trim().length>_e[y]&&C.default.createElement("button",{onClick:function(){var e=k[a].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(w);l({type:pe.NavigateTo,payload:t})}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.searchIn.".concat(a),{name:f})))),!h&&0===(null==i?void 0:i.length)&&C.default.createElement(mt,null,C.default.createElement(c.Text,{size:"sm",color:u.theme.colors.gray400},x("booking.searchBar.noResults"))))},Et=_.default.section($e||($e=e.__makeTemplateObject(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),p.MediaQueries.tdUp),xt=function(e){var t=e.data,n=e.state,a=e.dispatch,i=e.isMobile,o=e.isLoading,r=e.keyword;return C.default.createElement(Et,null,t&&t.map((function(e){return C.default.createElement(_t,{type:e.type,state:n,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:o,keyword:r})})))},yt={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}"},bt=function(t,n,i){return y.default(t,e.__assign(e.__assign({},n),{domain:a.domainLocales[i||"en-PH"]}))};var wt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(wt||(wt={}));var Lt=Object.freeze({__proto__:null,get RedirectType(){return wt}});exports.BookingSearchBar=function(r){var l=r.isMobile,s=r.careApiDomain,c=r.geoLocationPermission,u=r.geoLocationCoordinates,d=r.initialSelectedCity,p=r.initialSearchValue,h=void 0===p?"":p,f=r.careFrontDomain,g=void 0===f?"/care":f,m=r.isDebug,_=void 0!==m&&m,E=r.askForGeolocationPermission,x=void 0!==E&&E,y=r.gaTrackingSearchBar,b=r.gaTrackingLocationSearch,w=r.autoCompleteDisabled,L=void 0!==w&&w,k=r.inputSearchPlaceholder,S=void 0===k?"":k,T=r.routerPush,O=r.onGeoLocationPermissionChange,A=r.onSearch,I=r.onChangeLocation,R=o.useTranslations(),M=R.t,N=R.locale,F=t.useRef(null),j=t.useRef(null),B=t.useState(void 0),G=B[0],K=B[1],Z=function(){var e=t.useState((function(){if("undefined"==typeof window)return"unset";if(i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],o=e[1],r=t.useState((function(){if("undefined"==typeof window)return null;var e=i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=r[0],s=r[1],c=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var t={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};i.setCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),{minutes:15}),s(t),o("granted")}),(function(){i.deleteCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE),o("denied")}))}),[]);return t.useMemo((function(){return{geoLocationPermission:n,geoLocationCoordinates:l,requestGeoLocation:c}}),[n,l])}(),U=Z.geoLocationPermission,q=Z.geoLocationCoordinates,Q=Z.requestGeoLocation,Y=t.useReducer(ye,Ee,(function(t){return e.__assign(e.__assign({},t),{isDebug:_,isMobile:l,geoLocationPermission:c||U||"unset",geoLocationCoordinates:u||q||null,searchKeywords:h,initialSelectedCity:d||null,selectedLocation:d||t.selectedLocation||null,searchLocationKeywords:(null==d?void 0:d.name)||t.searchLocationKeywords,autoCompleteDisabled:L,inputSearchPlaceholder:S,locale:N})})),W=Y[0],X=Y[1],$=W.navigateTo,ee=W.focused,te=W.isLoadingCities,ne=W.cities,ae=W.searchKeywords,ie=W.geoLocationPermission,oe=W.selectedLocation,le=W.initialSelectedCity,se=W.defaultCity,ce=W.searchResults,ue=W.isLoadingSearchResults,de=W.isMobileModalOpened,he=W.inputSearchPlaceholder,fe=function(a){var i=a.dispatch,o=a.careApiDomain,r=a.locale,l=void 0===r?"vi-VN":r,s=t.useCallback((function(e,t){void 0===t&&(t={});var n="".concat(o).concat(e);return i({type:pe.FetchCitiesStart}),fetch(bt(n,t,l),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return i({type:pe.FetchCitiesFinish})}))}),[l]),c=t.useCallback((function(t){var n=t.coordinates,a={};n&&(a={lat:n.lat,lng:n.lng});var o=[s(yt.GET_CITY_BY_IP,a)];return"zh-TW"===l&&o.push(s(yt.GET_CITIES_LIST,{noPaging:1})),Promise.all(o).then((function(t){var n=t[0],a=t[1],o=e.__assign({},n);if(a){var r=o.cities.map((function(e){return e.id}));o.cities=o.cities.concat(a.cities.filter((function(e){return!r.includes(e.id)})))}i({type:pe.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[l,o,i]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:t.useCallback((function(e){return s(yt.GET_CITIES_LIST,{keyword:e}).then((function(e){i({type:pe.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[l,o,i]),fetchSearchResults:t.useCallback((function(e,t){var a="".concat(o).concat(yt.GET_SEARCH_V2);i({type:pe.FetchSearchResultsStart});var r=t.defaultCity,s=t.selectedLocation,c=t.geoLocationCoordinates,u="";if(s&&r){s.id===n.ID_OPTION_CURRENT_LOCATION?c||(u=r.id):u=s.id;var d=(null==c?void 0:c.lat)||"",p=(null==c?void 0:c.lng)||"";return fetch(bt(a,{domain:o,searchType:"global",keyword:e.trim().length>_e[l]?e.trim():"",city:u===n.ID_OPTION_CURRENT_LOCATION?"":u,lat:d,lng:p},l),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return i({type:pe.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return i({type:pe.FetchSearchResultsFinish})}))}i({type:pe.FetchSearchResultsFinish})}),[l,o,i])}}({dispatch:X,locale:N,careApiDomain:s}),ge=fe.fetchCitiesByLocation,me=fe.fetchCitiesByKeyword,Ce=fe.fetchSearchResults,xe=t.useMemo((function(){var e;return{id:n.ID_OPTION_CURRENT_LOCATION,name:M("booking.searchBar.currentLocation"),slug:null===(e=n.LOCALIZED_SLUGS[N])||void 0===e?void 0:e.CURRENT}}),[M,N]),be=t.useMemo((function(){return v.default(me,400)}),[me]),we=t.useMemo((function(){return v.default(Ce,400)}),[Ce]);t.useEffect((function(){""!==h&&h!==W.searchKeywords&&X({type:pe.UpdateInitialSearchValue,payload:h})}),[h]),t.useEffect((function(){x&&(null==oe?void 0:oe.id)===n.ID_OPTION_CURRENT_LOCATION&&"unset"===ie&&Q()}),[x,oe,ie]),t.useEffect((function(){c||ie===U||("granted"===U&&q?X({type:pe.GrantGeoLocationPermission,payload:q}):"denied"===U&&X({type:pe.DenyGeoLocationPermission}))}),[ie,U,q,c]),t.useEffect((function(){$&&(T?T($):window.location.href="".concat(g).concat($))}),[$]);var Le=t.useCallback((function(){X({type:pe.SelectCurrentLocation,payload:xe})}),[M,X]);t.useEffect((function(){"denied"===ie||le||Le(),O&&O(ie,W.geoLocationCoordinates),l&&"granted"===ie&&oe&&X({type:pe.FocusInputSearch}),ge({coordinates:W.geoLocationCoordinates})}),[ie]),t.useEffect((function(){oe&&se&&Ce(W.searchKeywords,W)}),[oe,se]),t.useEffect((function(){S!==he&&X({type:pe.SetInputSearchPlaceholder,payload:S})}),[S,he]),t.useEffect((function(){de?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[de]);var ke=t.useCallback((function(e){X({type:pe.SelectLocation,payload:e}),Oe(),I&&I(e)}),[M,X]);function Se(){l&&"granted"!==W.geoLocationPermission?Q():(Le(),Oe())}function Te(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function Oe(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Ae(){X({type:pe.CloseMobileModal})}function Ie(){return"location"!==ee?null:C.default.createElement(J,{isLoading:te,cities:ne,onLocationClick:ke,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:ie,selectedLocation:oe})}function Re(){return"search"!==ee?null:W.autoCompleteDisabled?l?C.default.createElement(Me,{onClick:function(){A({cityId:W.selectedLocation.id,keyword:ae}),Ae()}}):null:C.default.createElement(xt,{data:ce,state:W,dispatch:X,isMobile:!1,keyword:ae,isLoading:ue})}function Ne(){return C.default.createElement(Fe,{isMobile:l,state:W,dispatch:X,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:we,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Ie,renderSearchResults:Re,trackingAttributes:y,locationTrackingAttributes:b,onSearch:A,initalSearchValue:h})}return t.useEffect((function(){if(window.visualViewport){var e=function(e){var t=e.target;K(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[K]),l?C.default.createElement(C.default.Fragment,null,C.default.createElement(z,null),C.default.createElement(H,{ref:j}),C.default.createElement(V,{id:"booking-search-bar",ref:F,"data-is-modal":l&&de,style:{"--mobile-care-searchbar-height":de&&G?"".concat(G,"px"):"100%"}},de?C.default.createElement(C.default.Fragment,null,C.default.createElement(D,null,C.default.createElement(ve,{headingText:M("booking.searchBar.searchButton"),onLeftClick:Ae}),Ne()),Ie(),Re()):C.default.createElement(re,{onClick:function(){var t;return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return j.current&&j.current.focus(),X({type:pe.OpenMobileModal}),[4,Promise.resolve()];case 1:return e.sent(),F.current&&(null===(t=F.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus()),[2]}}))}))},focused:ee,value:ae,trackingAttributes:y,inputSearchPlaceholder:S}))):C.default.createElement(P,{id:"booking-search-bar",ref:F},Ne())},exports.types=Lt;
+"use strict";var e=require("./tslib.es6-157a132b.js"),t=require("react"),n=require("./constants-64179ecf.js"),a=require("./index-7efe6c73.js"),i=require("./cookieHelper-be7206a8.js"),o=require("./useTranslations-fa287bfa.js"),r=require("lodash/debounce"),l=require("./index-f303a21f.js"),s=require("styled-components"),c=require("./index-aab38669.js"),u=require("./theme-a2866866.js"),d=require("react-loading-skeleton"),p=require("./utils-178c581d.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-d5283831.js"),g=require("string-format");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=m(t),v=m(r),_=m(s),E=m(d),x=m(h),y=m(g);var b,w,L,k,S,T,O,A,I,R,M,N,P=_.default.div(b||(b=e.__makeTemplateObject([""],[""]))),V=_.default.div(w||(w=e.__makeTemplateObject(["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"],["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"]))),D=_.default.section(L||(L=e.__makeTemplateObject([""],[""]))),H=_.default.input(k||(k=e.__makeTemplateObject(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),F=_.default(l.Input)(S||(S=e.__makeTemplateObject(["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"],["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"]))),z=s.createGlobalStyle(T||(T=e.__makeTemplateObject(["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"],["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"]))),j=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M18 6L6 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M6 6L18 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},B=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:t},C.default.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:n||"currentColor"}))},G=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:t},C.default.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:n||"currentColor"}))},K=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M20 20L16 16",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Z=function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},U=_.default.li(O||(O=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"])),u.theme.colors.neutral100),q=_.default.div(A||(A=e.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"])),p.MediaQueries.mbDown),Q=_.default.ul(I||(I=e.__makeTemplateObject(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),Y=_.default(B)(R||(R=e.__makeTemplateObject(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),W=_.default.li(M||(M=e.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"])),(function(e){return e.isSelected&&"\n        &::after {\n            content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\n        }\n    ")}),u.theme.colors.neutral100,u.theme.colors.neutral50),X=_.default((function(t){var n=t.count,a=t.className;return C.default.createElement(C.default.Fragment,null,e.__spreadArray([],Array(n),!0).map((function(e,t){return C.default.createElement(U,{className:a,key:t},C.default.createElement(E.default,{count:1,height:32}),C.default.createElement(E.default,{count:1,height:24}))})))}))(N||(N=e.__makeTemplateObject(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),J=function(e){var t=e.cities,n=e.isLoading,a=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,l=void 0===r?"unset":r,s=e.isLocationLoading,d=e.selectedLocation,p=o.useTranslations().t,h="denied"===l,f=function(){return C.default.createElement(W,{role:"button",tabIndex:0,onClick:function(e){h||(e.nativeEvent.stopImmediatePropagation(),s||i())},"data-is-denied":h},h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"md"},"x"):s?C.default.createElement(E.default,{height:20,width:20}):C.default.createElement(G,{color:u.theme.colors.primaryBase}),C.default.createElement("div",null,h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},p("booking.searchBar.grantLocation")):s?C.default.createElement(E.default,{height:20,style:{width:"calc(100% - 16px)"}}):C.default.createElement(c.Text,{size:"md"},p("booking.searchBar.useCurrentLocation"))))};return C.default.createElement(q,{"data-testid":"location-search-results"},C.default.createElement(Q,null,n?C.default.createElement(X,{count:5}):!t||t.length<1?C.default.createElement(C.default.Fragment,null,f(),C.default.createElement(W,{"data-is-denied":"true"},C.default.createElement(c.Text,{size:"sm",color:"#ccc"},p("booking.searchBar.noResults")))):C.default.createElement(C.default.Fragment,null,f(),t.map((function(e){return C.default.createElement(W,{key:e.id,onClick:function(t){t.nativeEvent.stopImmediatePropagation(),a&&a(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==d?void 0:d.id)===e.id},C.default.createElement(Y,{color:u.theme.colors.neutral400}),C.default.createElement(c.Text,{size:"md"},e.name))})))))},$={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},ee=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},te={TEXT_NODE:"TEXT_NODE"},ne=function(){function t(t){var n=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return n.state.eventLoopPaused=!1,n.runEventLoop(),n},this.pause=function(){return n.state.eventLoopPaused=!0,n},this.stop=function(){return n.state.eventLoop&&(window.cancelAnimationFrame(n.state.eventLoop),n.state.eventLoop=null),n},this.pauseFor=function(e){return n.addEventToQueue($.PAUSE_FOR,{ms:e}),n},this.typeOutAllStrings=function(){return"string"==typeof n.options.strings?(n.typeString(n.options.strings).pauseFor(n.options.pauseFor),n):(n.options.strings.forEach((function(e){n.typeString(e).pauseFor(n.options.pauseFor).deleteAll(n.options.deleteSpeed)})),n)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var a=(n.options||{}).stringSplitter,i="function"==typeof a?a(e):e.split("");n.typeCharacters(i,t)}return n},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&n.addEventToQueue($.PASTE_STRING,{character:e,node:t}),n},this.deleteAll=function(e){return void 0===e&&(e="natural"),n.addEventToQueue($.REMOVE_ALL,{speed:e}),n},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return n.addEventToQueue($.CHANGE_DELETE_SPEED,{speed:e}),n},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return n.addEventToQueue($.CHANGE_DELAY,{delay:e}),n},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)n.addEventToQueue($.REMOVE_CHARACTER);return n},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){n.addEventToQueue($.TYPE_CHARACTER,{character:e,node:t})})),n},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){n.addEventToQueue($.REMOVE_CHARACTER)})),n},this.addEventToQueue=function(e,t,a){return void 0===a&&(a=!1),n.addEventToStateProperty(e,t,a,"eventQueue")},this.addReverseCalledEvent=function(e,t,a){return void 0===a&&(a=!1),n.options.loop?n.addEventToStateProperty(e,t,a,"reverseCalledEvents"):n},this.addEventToStateProperty=function(t,a,i,o){void 0===i&&(i=!1);var r={eventName:t,eventArgs:a||{}};return n.state[o]=i?e.__spreadArray([r],n.state[o],!0):e.__spreadArray(e.__spreadArray([],n.state[o],!0),[r],!1),n},this.runEventLoop=function(){n.state.lastFrameTime||(n.state.lastFrameTime=Date.now());var t=Date.now(),a=t-n.state.lastFrameTime;if(!n.state.eventQueue.length){if(!n.options.loop)return;n.state.eventQueue=e.__spreadArray([],n.state.calledEvents,!0),n.state.calledEvents=[],n.options=e.__assign({},n.state.initialOptions)}if(n.state.eventLoop=window.requestAnimationFrame(n.runEventLoop),!n.state.eventLoopPaused){if(n.state.pauseUntil){if(t<n.state.pauseUntil)return;n.state.pauseUntil=null}var i=e.__spreadArray([],n.state.eventQueue,!0),o=i.shift();if(!(a<=(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventName===$.REMOVE_CHARACTER?"natural"===n.options.deleteSpeed?ee(40,80):n.options.deleteSpeed:"natural"===n.options.delay?ee(120,160):n.options.delay))){var r=o.eventName,l=o.eventArgs;switch(r){case $.PASTE_STRING:case $.TYPE_CHARACTER:var s=l.character,c=document.createTextNode(s),u=c;n.options.onCreateTextNode&&"function"==typeof n.options.onCreateTextNode&&(u=n.options.onCreateTextNode(s,c)),n.state.visibleNodes=e.__spreadArray(e.__spreadArray([],n.state.visibleNodes,!0),[{type:te.TEXT_NODE,character:s,node:u}],!1);break;case $.REMOVE_CHARACTER:i.unshift({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case $.PAUSE_FOR:var d=o.eventArgs.ms;n.state.pauseUntil=Date.now()+parseInt(d);break;case $.REMOVE_ALL:var p=n.state.visibleNodes,h=l.speed,f=[];h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:h,temp:!0}});for(var g=0,m=p.length;g<m;g++)f.push({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:n.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,f);break;case $.REMOVE_LAST_VISIBLE_NODE:if(n.state.visibleNodes.length){var C=n.state.visibleNodes.pop(),v=C.node;s=C.character;n.options.onRemoveNode&&"function"==typeof n.options.onRemoveNode&&n.options.onRemoveNode({node:v,character:s}),v&&v.parentNode.removeChild(v)}break;case $.CHANGE_DELETE_SPEED:n.options.deleteSpeed=o.eventArgs.speed;break;case $.CHANGE_DELAY:n.options.delay=o.eventArgs.delay}n.options.loop&&(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventArgs&&o.eventArgs.temp||(n.state.calledEvents=e.__spreadArray(e.__spreadArray([],n.state.calledEvents,!0),[o],!1))),n.state.eventQueue=i,n.state.lastFrameTime=t}}},t&&(this.options=e.__assign(e.__assign({},this.options),t)),this.state.initialOptions=e.__assign({},this.options),this.init()}return t.prototype.init=function(){this.addEventToQueue($.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},t}();function ae(e){var n=e.inputRef,a=e.wrapperRef,i=e.disabled,r=o.useTranslations(),l=r.t,s=r.locale,c=t.useMemo((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),x.default(e).map((function(e){return l(e)}))}),[l,s]);function u(e){var t=p();return t&&(t.placeholder=t.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:a&&a.current&&a.current.querySelector("input")||null}t.useEffect((function(){if(!i){var e=p();e&&(e.placeholder="",new ne({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,a])}var ie,oe=_.default.div(ie||(ie=e.__makeTemplateObject(["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"],["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"])));function re(n){var a=n.focused,i=n.value,r=void 0===i?"":i,l=n.onClick,s=n.trackingAttributes,c=n.inputSearchPlaceholder,d=o.useTranslations().t,p=t.useRef(null);ae({wrapperRef:p,disabled:!!c});var h=t.useMemo((function(){return s?{"data-event-category":s.dataEventCategory,"data-event-action":s.dataEventAction,"data-event-label":s.dataEventLabel}:{}}),[s]);return C.default.createElement(oe,e.__assign({onClick:function(){return l&&l()},ref:p},h),C.default.createElement(F,{inputClassName:"location"===a?"focused":void 0,name:"booking-search-placeholder",displayIcon:C.default.createElement(K,{color:u.theme.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:r,size:"md"}))}var le,se,ce,ue,de,pe,he=_.default.header(le||(le=e.__makeTemplateObject(["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"],["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"]))),fe=_.default.div(se||(se=e.__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"],["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),ge=_.default.div(ce||(ce=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"]))),me=_.default.div(ue||(ue=e.__makeTemplateObject(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),Ce=_.default(c.Text)(de||(de=e.__makeTemplateObject(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),u.theme.colors.secondaryDark),ve=function(e){var t=e.className,n=e.onLeftClick,a=e.headingText,i=e.onRightClick,o=e.iconLeft,r=e.textRight;return C.default.createElement(he,{className:t},C.default.createElement(ge,{onClick:n},o||C.default.createElement(j,{color:u.theme.colors.gray800})),C.default.createElement(me,null,C.default.createElement(Ce,{size:"md",type:"bold"},a)),C.default.createElement(fe,{onClick:i},r&&C.default.createElement("p",null,r)))},_e={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ee={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"};function xe(t){var n=t.selectedLocation,a=t.searchLocationKeywords;return n&&a!==n.name?e.__assign(e.__assign({},t),{searchLocationKeywords:n.name}):t}function ye(t,a){var i;switch(t.isDebug&&console.log("bookingSearchBar",{action:a,state:t}),a.type){case pe.NavigateTo:return e.__assign(e.__assign({},t),{navigateTo:a.payload,focused:"none",isMobileModalOpened:!1});case pe.ClickOutsideInputLocation:return t.isMobile||"location"!==t.focused?t:xe(e.__assign(e.__assign({},t),{focused:"none"}));case pe.ClickOutsideInputSearch:return t.isMobile||"search"!==t.focused?t:e.__assign(e.__assign({},t),{focused:"none"});case pe.FocusInputLocation:var o=e.__assign(e.__assign({},t),{focused:"location"});return(null===(i=t.selectedLocation)||void 0===i?void 0:i.id)===n.ID_OPTION_CURRENT_LOCATION&&(o.searchLocationKeywords=""),o;case pe.FocusInputSearch:var r=e.__assign(e.__assign({},t),{focused:"search"});return t.isMobile?xe(r):r;case pe.ChangeInputLocation:return e.__assign(e.__assign({},t),{searchLocationKeywords:a.payload});case pe.ChangeInputSearch:var l=a.payload;return e.__assign(e.__assign({},t),{searchKeywords:l,isLoadingSearchResults:l.trim().length>_e[t.locale]});case pe.SelectCurrentLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.ClearInputLocation:return e.__assign(e.__assign({},t),{focused:"location",cities:t.initialCities,searchLocationKeywords:""});case pe.ClearInputSearch:return e.__assign(e.__assign({},t),{focused:"search",searchKeywords:""});case pe.SelectLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.SelectSearchResult:return e.__assign(e.__assign({},t),{searchKeywords:a.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:a.payload.url});case pe.FetchCitiesStart:return e.__assign(e.__assign({},t),{isLoadingCities:!0});case pe.FetchCitiesFinish:return e.__assign(e.__assign({},t),{isLoadingCities:!1});case pe.FetchSearchResultsStart:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!0});case pe.FetchSearchResultsFinish:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!1});case pe.FetchSearchResultsComplete:var s=e.__assign(e.__assign({},t),{searchResults:a.payload});return 0===t.initialSearchResults.length&&(s.initialSearchResults=a.payload),s;case pe.FetchCitiesByGeoIpComplete:var c=a.payload.cities,u=a.payload.default;(c=c.filter((function(e){return e.id!==u.id}))).unshift(u),t.initialSelectedCity&&!c.find((function(e){return e.id===t.initialSelectedCity.id}))&&c.unshift(t.initialSelectedCity);var d=e.__assign(e.__assign({},t),{defaultCity:u,initialCities:c,cities:c});return"denied"!==t.geoLocationPermission||t.initialSelectedCity||(d.selectedLocation=u,d.searchLocationKeywords=u.name),d;case pe.FetchCitiesByKeywordComplete:return e.__assign(e.__assign({},t),{cities:a.payload});case pe.DisplayInitialCities:return e.__assign(e.__assign({},t),{cities:t.initialCities});case pe.DisplayInitialSearchResults:return e.__assign(e.__assign({},t),{searchResults:t.initialSearchResults,isLoadingSearchResults:!1});case pe.GrantGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"granted",geoLocationCoordinates:a.payload});case pe.DenyGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"denied",geoLocationCoordinates:null});case pe.OpenMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!0});case pe.CloseMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!1});case pe.UpdateInitialSearchValue:return e.__assign(e.__assign({},t),{searchKeywords:a.payload});case pe.SetInputSearchPlaceholder:return e.__assign(e.__assign({},t),{inputSearchPlaceholder:a.payload});default:return t}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(pe||(pe={}));var be,we,Le,ke,Se,Te,Oe,Ae=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.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"}))},Ie=_.default.button(be||(be=e.__makeTemplateObject(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),p.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Re=_.default(c.Text)(we||(we=e.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),Me=function(e){var t=e.onClick,n=(0,o.useTranslations().t)("booking.searchBar.searchButton");return C.default.createElement(Ie,{onClick:t,title:n},C.default.createElement(Ae,null),C.default.createElement(Re,{size:"s3",color:"white"},n))},Ne=_.default.div(Le||(Le=e.__makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),p.MediaQueries.mbDown,u.theme.colors.blue50),Pe=_.default.div(ke||(ke=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Ve=_.default(Pe)(Se||(Se=e.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),De=_.default(Pe)(Te||(Te=e.__makeTemplateObject(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),He=_.default((function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),C.default.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:n||"currentColor"}))}))(Oe||(Oe=e.__makeTemplateObject(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function Fe(e){var a=e.isMobile,i=e.state,r=e.dispatch,l=e.debouncedFetchCitiesByKeyword,s=e.debouncedFetchSearchResults,c=e.focusLocationInput,d=e.focusSearchInput,p=e.renderLocationResults,h=e.renderSearchResults,g=e.locationTrackingAttributes,m=e.trackingAttributes,v=e.onSearch,_=e.initalSearchValue,E=t.useRef(null),x=t.useRef(null),y=i.focused,b=i.searchLocationKeywords,w=i.geoLocationPermission,L=i.selectedLocation,k=i.searchKeywords,S=i.inputSearchPlaceholder,T=o.useTranslations().t;ae({wrapperRef:x,disabled:!!S}),f.useOutsideClick(E,(function(){r({type:pe.ClickOutsideInputLocation})})),f.useOutsideClick(x,(function(){r({type:pe.ClickOutsideInputSearch})}));var O=t.useMemo((function(){return"granted"===w&&(null==L?void 0:L.id)===n.ID_OPTION_CURRENT_LOCATION?u.theme.colors.primaryBase:u.theme.colors.gray400}),[w,L]),A=t.useCallback((function(e){r({type:pe.ChangeInputSearch,payload:e}),"function"!=typeof v&&(e.trim().length>_e[i.locale]||_?s(e.trim(),i):(s.cancel(),r({type:pe.DisplayInitialSearchResults})))}),[r,i]),I=t.useCallback((function(e){r({type:pe.ChangeInputLocation,payload:e}),e.trim().length>_e[i.locale]?l(e.trim()):(l.cancel(),r({type:pe.DisplayInitialCities}))}),[l,r]);return C.default.createElement(Ne,null,C.default.createElement(Ve,{ref:E},C.default.createElement(F,{inputClassName:"location"===y?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:C.default.createElement(B,{className:"location-pin-icon",color:O}),actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==b?"shown":""}),onActionClick:function(){r({type:pe.ClearInputLocation}),l.cancel(),c()},value:b,onChange:I,onFocus:function(){return r({type:pe.FocusInputLocation})},size:"md",trackingAttributes:g}),!a&&p()),C.default.createElement(De,{ref:x},C.default.createElement(F,{placeholder:S||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==k?"shown":""}),onActionClick:function(){r({type:pe.ClearInputSearch}),s.cancel(),s("",i),d()},value:k,onChange:A,onFocus:function(){return r({type:pe.FocusInputSearch})},inputClassName:"search"===y?"focused":void 0,size:"md",trackingAttributes:m,onKeyPress:function(e){i.autoCompleteDisabled&&"Enter"===e.key&&v&&v({cityId:i.selectedLocation.id,keyword:k})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!a&&h()),i.autoCompleteDisabled&&!i.isMobile&&C.default.createElement(Me,{onClick:function(){v({cityId:i.selectedLocation.id,keyword:k})}}))}var ze,je,Be,Ge,Ke,Ze,Ue,qe,Qe,Ye,We,Xe,Je,$e,et=_.default.li(ze||(ze=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),tt=_.default.div(je||(je=e.__makeTemplateObject(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(e){var t=e.type;return t&&"doctors"===t&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var t=e.type;return t&&"doctors"===t?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),u.theme.colors.gray600),nt=_.default(c.Text)(Be||(Be=e.__makeTemplateObject(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),p.MediaQueries.tdUp),at=_.default.figure(Ge||(Ge=e.__makeTemplateObject(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),it=_.default.svg(Ke||(Ke=e.__makeTemplateObject(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),ot=_.default.div(Ze||(Ze=e.__makeTemplateObject(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),rt={doctors:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||32,height:n||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("g",{clipPath:"url(#clip0_14712_400114)"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),C.default.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),C.default.createElement("defs",null,C.default.createElement("clipPath",{id:"clip0_14712_400114"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),C.default.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},lt=function(e){var n=e.type,a=e.item,i=e.imageUrl,o=e.onClickItem,r=t.useMemo((function(){var e=rt[n]||Z;return C.default.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return C.default.createElement(et,{onClick:function(){return o&&o(a)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||o&&o(a)},tabIndex:0,role:"button"},C.default.createElement(at,null,"hospitals"===n?C.default.createElement(it,{width:"12",height:"16",viewBox:"0 0 12 16"},C.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):C.default.createElement(tt,{type:n},i?C.default.createElement("img",{src:i,width:32,height:"services"===n?32:24}):r)),C.default.createElement(nt,{color:u.theme.colors.gray800,size:"p3"},a.name))},st=function(){return C.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},C.default.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"}))},ct=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.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"}))},ut=function(){return C.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},C.default.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"}))},dt=function(){return C.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},C.default.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"}))},pt=_.default.header(Ue||(Ue=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),u.theme.colors.neutral50),ht=_.default.div(qe||(qe=e.__makeTemplateObject(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),ft=_.default.p(Qe||(Qe=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),u.theme.colors.neutral800,u.theme.sizes.fwSemiBold),gt=_.default.button(Ye||(Ye=e.__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),mt=_.default.section(We||(We=e.__makeTemplateObject(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),p.MediaQueries.tdUp),Ct=_.default.ul(Xe||(Xe=e.__makeTemplateObject(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),p.MediaQueries.tdUp,(function(e){return e.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(e){return e.isShown&&"\n     max-height: 600px;\n    "}),p.MediaQueries.tdUp),vt=_.default(c.Text)(Je||(Je=e.__makeTemplateObject(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"]))),_t=function(e){var a=e.type,i=e.data,r=e.state,l=e.dispatch,s=e.itemsToShow,d=e.itemsToShowDesktop,p=e.isMobile,h=e.isLoading,f=e.keyword,g=t.useState(!1),m=g[0],v=g[1],_=o.useTranslations(),x=_.t,y=_.locale,b=r.selectedLocation,w=r.searchKeywords,L=t.useMemo((function(){return n.LOCALIZED_SLUGS[y]}),[y]),k=t.useMemo((function(){return{doctors:{name:x("booking.searchPopup.doctors"),icon:C.default.createElement(st,null),slug:L.DOCTOR},services:{name:x("booking.searchPopup.services"),icon:C.default.createElement(ct,null),slug:L.SERVICE},hospitals:{name:x("booking.searchPopup.hospitals"),icon:C.default.createElement(ut,null),slug:L.HOSPITAL},specialties:{name:x("booking.searchPopup.specialties"),icon:C.default.createElement(dt,null),slug:L.SPECIALTIES}}}),[a,L]),S=t.useMemo((function(){return k[a].slug}),[k]),T=p?s:d;function O(e){var t="";switch(a){case"specialties":t="/".concat(b.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(S,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(S,"/").concat(e.slug,"-").concat(e.id)}t&&l({type:pe.SelectSearchResult,payload:{name:e.name,url:t}})}function A(e){return C.default.createElement(lt,{key:e.id,item:e,type:a,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:O})}return C.default.createElement("section",null,C.default.createElement(pt,null,C.default.createElement(ht,null,k[a].icon,C.default.createElement(ft,null,k[a].name)),f.trim().length<=_e[y]&&C.default.createElement(gt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(S)}e&&l({type:pe.NavigateTo,payload:e})}},C.default.createElement(c.Text,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.seeAll")))),(h||i&&i.length>0)&&C.default.createElement(mt,null,C.default.createElement(Ct,null,h&&Array(2).fill(void 0).map((function(e,t){return C.default.createElement(et,{key:a+"loading"+t},C.default.createElement(at,null,C.default.createElement(ot,null,C.default.createElement(E.default,{height:14,width:"hospitals"===a?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),C.default.createElement(E.default,{width:120,height:24}))})),!h&&i&&i.length>0&&i.slice(0,T).map(A)),C.default.createElement(Ct,{isShown:m,isMore:!0},i.slice(T,-1).map(A)),"specialties"===a&&T<i.length&&!h&&C.default.createElement("button",{onClick:function(){return v(!m)}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==a&&T<i.length&&!h&&f.trim().length>_e[y]&&C.default.createElement("button",{onClick:function(){var e=k[a].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(w);l({type:pe.NavigateTo,payload:t})}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.searchIn.".concat(a),{name:f})))),!h&&0===(null==i?void 0:i.length)&&C.default.createElement(mt,null,C.default.createElement(c.Text,{size:"sm",color:u.theme.colors.gray400},x("booking.searchBar.noResults"))))},Et=_.default.section($e||($e=e.__makeTemplateObject(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),p.MediaQueries.tdUp),xt=function(e){var t=e.data,n=e.state,a=e.dispatch,i=e.isMobile,o=e.isLoading,r=e.keyword;return C.default.createElement(Et,null,t&&t.map((function(e){return C.default.createElement(_t,{type:e.type,state:n,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:o,keyword:r})})))},yt={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}"},bt=function(t,n,i){return y.default(t,e.__assign(e.__assign({},n),{domain:a.domainLocales[i||"en-PH"]}))};var wt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(wt||(wt={}));var Lt=Object.freeze({__proto__:null,get RedirectType(){return wt}});exports.BookingSearchBar=function(r){var l=r.isMobile,s=r.careApiDomain,c=r.geoLocationPermission,u=r.geoLocationCoordinates,d=r.initialSelectedCity,p=r.initialSearchValue,h=void 0===p?"":p,f=r.careFrontDomain,g=void 0===f?"/care":f,m=r.isDebug,_=void 0!==m&&m,E=r.askForGeolocationPermission,x=void 0!==E&&E,y=r.gaTrackingSearchBar,b=r.gaTrackingLocationSearch,w=r.autoCompleteDisabled,L=void 0!==w&&w,k=r.inputSearchPlaceholder,S=void 0===k?"":k,T=r.routerPush,O=r.onGeoLocationPermissionChange,A=r.onSearch,I=r.onChangeLocation,R=o.useTranslations(),M=R.t,N=R.locale,F=t.useRef(null),j=t.useRef(null),B=t.useState(void 0),G=B[0],K=B[1],Z=function(){var e=t.useState((function(){if("undefined"==typeof window)return"unset";if(i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],o=e[1],r=t.useState((function(){if("undefined"==typeof window)return null;var e=i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=r[0],s=r[1],c=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var t={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};i.setCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),{minutes:15}),s(t),o("granted")}),(function(){i.deleteCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE),o("denied")}))}),[]);return t.useMemo((function(){return{geoLocationPermission:n,geoLocationCoordinates:l,requestGeoLocation:c}}),[n,l])}(),U=Z.geoLocationPermission,q=Z.geoLocationCoordinates,Q=Z.requestGeoLocation,Y=t.useReducer(ye,Ee,(function(t){return e.__assign(e.__assign({},t),{isDebug:_,isMobile:l,geoLocationPermission:c||U||"unset",geoLocationCoordinates:u||q||null,searchKeywords:h,initialSelectedCity:d||null,selectedLocation:d||t.selectedLocation||null,searchLocationKeywords:(null==d?void 0:d.name)||t.searchLocationKeywords,autoCompleteDisabled:L,inputSearchPlaceholder:S,locale:N})})),W=Y[0],X=Y[1],$=W.navigateTo,ee=W.focused,te=W.isLoadingCities,ne=W.cities,ae=W.searchKeywords,ie=W.geoLocationPermission,oe=W.selectedLocation,le=W.initialSelectedCity,se=W.defaultCity,ce=W.searchResults,ue=W.isLoadingSearchResults,de=W.isMobileModalOpened,he=W.inputSearchPlaceholder,fe=function(a){var i=a.dispatch,o=a.careApiDomain,r=a.locale,l=void 0===r?"vi-VN":r,s=t.useCallback((function(e,t){void 0===t&&(t={});var n="".concat(o).concat(e);return i({type:pe.FetchCitiesStart}),fetch(bt(n,t,l),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return i({type:pe.FetchCitiesFinish})}))}),[l]),c=t.useCallback((function(t){var n=t.coordinates,a={};n&&(a={lat:n.lat,lng:n.lng});var o=[s(yt.GET_CITY_BY_IP,a)];return"zh-TW"===l&&o.push(s(yt.GET_CITIES_LIST,{noPaging:1})),Promise.all(o).then((function(t){var n=t[0],a=t[1],o=e.__assign({},n);if(a){var r=o.cities.map((function(e){return e.id}));o.cities=o.cities.concat(a.cities.filter((function(e){return!r.includes(e.id)})))}i({type:pe.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[l,o,i]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:t.useCallback((function(e){return s(yt.GET_CITIES_LIST,{keyword:e}).then((function(e){i({type:pe.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[l,o,i]),fetchSearchResults:t.useCallback((function(e,t){var a="".concat(o).concat(yt.GET_SEARCH_V2);i({type:pe.FetchSearchResultsStart});var r=t.defaultCity,s=t.selectedLocation,c=t.geoLocationCoordinates,u="";if(s&&r){s.id===n.ID_OPTION_CURRENT_LOCATION?c||(u=r.id):u=s.id;var d=(null==c?void 0:c.lat)||"",p=(null==c?void 0:c.lng)||"";return fetch(bt(a,{domain:o,searchType:"global",keyword:e.trim().length>_e[l]?e.trim():"",city:u===n.ID_OPTION_CURRENT_LOCATION?"":u,lat:d,lng:p},l),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return i({type:pe.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return i({type:pe.FetchSearchResultsFinish})}))}i({type:pe.FetchSearchResultsFinish})}),[l,o,i])}}({dispatch:X,locale:N,careApiDomain:s}),ge=fe.fetchCitiesByLocation,me=fe.fetchCitiesByKeyword,Ce=fe.fetchSearchResults,xe=t.useMemo((function(){var e;return{id:n.ID_OPTION_CURRENT_LOCATION,name:M("booking.searchBar.currentLocation"),slug:null===(e=n.LOCALIZED_SLUGS[N])||void 0===e?void 0:e.CURRENT}}),[M,N]),be=t.useMemo((function(){return v.default(me,400)}),[me]),we=t.useMemo((function(){return v.default(Ce,400)}),[Ce]);t.useEffect((function(){""!==h&&h!==W.searchKeywords&&X({type:pe.UpdateInitialSearchValue,payload:h})}),[h]),t.useEffect((function(){x&&(null==oe?void 0:oe.id)===n.ID_OPTION_CURRENT_LOCATION&&"unset"===ie&&Q()}),[x,oe,ie]),t.useEffect((function(){c||ie===U||("granted"===U&&q?X({type:pe.GrantGeoLocationPermission,payload:q}):"denied"===U&&X({type:pe.DenyGeoLocationPermission}))}),[ie,U,q,c]),t.useEffect((function(){$&&(T?T($):window.location.href="".concat(g).concat($))}),[$]);var Le=t.useCallback((function(){X({type:pe.SelectCurrentLocation,payload:xe})}),[M,X]);t.useEffect((function(){"denied"===ie||le||Le(),O&&O(ie,W.geoLocationCoordinates),l&&"granted"===ie&&oe&&X({type:pe.FocusInputSearch}),ge({coordinates:W.geoLocationCoordinates})}),[ie]),t.useEffect((function(){oe&&se&&Ce(W.searchKeywords,W)}),[oe,se]),t.useEffect((function(){S!==he&&X({type:pe.SetInputSearchPlaceholder,payload:S})}),[S,he]),t.useEffect((function(){de?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[de]);var ke=t.useCallback((function(e){X({type:pe.SelectLocation,payload:e}),Oe(),I&&I(e)}),[M,X]);function Se(){l&&"granted"!==W.geoLocationPermission?Q():(Le(),Oe())}function Te(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function Oe(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Ae(){X({type:pe.CloseMobileModal})}function Ie(){return"location"!==ee?null:C.default.createElement(J,{isLoading:te,cities:ne,onLocationClick:ke,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:ie,selectedLocation:oe})}function Re(){return"search"!==ee?null:W.autoCompleteDisabled?l?C.default.createElement(Me,{onClick:function(){A({cityId:W.selectedLocation.id,keyword:ae}),Ae()}}):null:C.default.createElement(xt,{data:ce,state:W,dispatch:X,isMobile:!1,keyword:ae,isLoading:ue})}function Ne(){return C.default.createElement(Fe,{isMobile:l,state:W,dispatch:X,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:we,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Ie,renderSearchResults:Re,trackingAttributes:y,locationTrackingAttributes:b,onSearch:A,initalSearchValue:h})}return t.useEffect((function(){if(window.visualViewport){var e=function(e){var t=e.target;K(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[K]),l?C.default.createElement(C.default.Fragment,null,C.default.createElement(z,null),C.default.createElement(H,{ref:j}),C.default.createElement(V,{id:"booking-search-bar",ref:F,"data-is-modal":l&&de,style:{"--mobile-care-searchbar-height":de&&G?"".concat(G,"px"):"100%"}},de?C.default.createElement(C.default.Fragment,null,C.default.createElement(D,null,C.default.createElement(ve,{headingText:M("booking.searchBar.searchButton"),onLeftClick:Ae}),Ne()),Ie(),Re()):C.default.createElement(re,{onClick:function(){var t;return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return j.current&&j.current.focus(),X({type:pe.OpenMobileModal}),[4,Promise.resolve()];case 1:return e.sent(),F.current&&(null===(t=F.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus()),[2]}}))}))},focused:ee,value:ae,trackingAttributes:y,inputSearchPlaceholder:S}))):C.default.createElement(P,{id:"booking-search-bar",ref:F},Ne())},exports.types=Lt;

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-6dc827b9.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-97560920.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});

package/build/{useFbDataLayer-00fe128f.js → useFbDataLayer-6b3f6708.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-2c02c5e0.js"),t=require("react"),n=require("./cookieHelper-5effdf79.js");function r(e){var t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}exports.useFbDataLayer=function(i){var a=t.useRef("");t.useEffect((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,l,c,u,s,f,d,p,b,g,h,v,m,_;return e.__generator(this,(function(e){switch(e.label){case 0:return a.current?[3,4]:[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(t=e.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:t=e.sent(),e.label=3;case 3:a.current=t,e.label=4;case 4:return null===(h=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===h||h.call(g,"fbClientIp",JSON.stringify({client_ip_address:(null===(v=a.current)||void 0===v?void 0:v.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),(null==i?void 0:i.id)?[4,Promise.all([i.email?r(i.email):null,i.phone?r(i.phone):null,i.birthday?r(i.birthday.split("-").join("")):null,i.gender?"m":"f",i.city_name?r(i.city_name).then((function(e){return e.replace(/\s/g,"")})):null,i.name?r(i.name):null])]:[3,6];case 5:o=e.sent(),l=o[0],c=o[1],u=o[2],s=o[3],f=o[4],d=o[5],p={fbc:n.getCookie("_fbc")||"",fbp:n.getCookie("_fbp")||""},b={user_id:i.id},d&&(b.fn=d),l&&(p.em=l,b.em=l),c&&(p.ph=c,b.ph=c),u&&(p.db=u,b.db=u),s&&(p.ge=s,b.ge=s),f&&(p.ct=f,b.ct=f),null===(_=null===(m=window.localStorage)||void 0===m?void 0:m.setItem)||void 0===_||_.call(m,"fbDataLayer_userInfo",JSON.stringify(b)),e.label=6;case 6:return[2]}}))})),function(){}}),[i])};
+"use strict";var e=require("./tslib.es6-157a132b.js"),t=require("react"),n=require("./cookieHelper-be7206a8.js");function r(e){var t=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",t).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}exports.useFbDataLayer=function(i){var a=t.useRef("");t.useEffect((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,o,l,u,c,s,f,d,p,b,g,h,v,m,_;return e.__generator(this,(function(e){switch(e.label){case 0:return a.current?[3,4]:[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(t=e.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:t=e.sent(),e.label=3;case 3:a.current=t,e.label=4;case 4:return null===(h=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===h||h.call(g,"fbClientIp",JSON.stringify({client_ip_address:(null===(v=a.current)||void 0===v?void 0:v.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),(null==i?void 0:i.id)?[4,Promise.all([i.email?r(i.email):null,i.phone?r(i.phone):null,i.birthday?r(i.birthday.split("-").join("")):null,i.gender?"m":"f",i.city_name?r(i.city_name).then((function(e){return e.replace(/\s/g,"")})):null,i.name?r(i.name):null])]:[3,6];case 5:o=e.sent(),l=o[0],u=o[1],c=o[2],s=o[3],f=o[4],d=o[5],p={fbc:n.getCookie("_fbc")||"",fbp:n.getCookie("_fbp")||""},b={user_id:i.id},d&&(b.fn=d),l&&(p.em=l,b.em=l),u&&(p.ph=u,b.ph=u),c&&(p.db=c,b.db=c),s&&(p.ge=s,b.ge=s),f&&(p.ct=f,b.ct=f),null===(_=null===(m=window.localStorage)||void 0===m?void 0:m.setItem)||void 0===_||_.call(m,"fbDataLayer_userInfo",JSON.stringify(b)),e.label=6;case 6:return[2]}}))})),function(){}}),[i])};

package/build/{useHealthToolCache-c5010f58.js → useHealthToolCache-0ba7fe59.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-2c02c5e0.js"),t=require("react"),a=require("./getDynamicHealthTool-cdcb21a4.js");exports.useHealthToolsCache=function(r){var i=t.useState([]),n=i[0],o=i[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,a.getDynamicHealthToolWithCache(r)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[a.getDynamicHealthToolWithCache,r]);var c=t.useCallback((function(e){var t;return(null===(t=n.find((function(t){return t.template===e})))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:c}};
+"use strict";var e=require("./tslib.es6-157a132b.js"),t=require("react"),a=require("./getDynamicHealthTool-0adbe75a.js");exports.useHealthToolsCache=function(r){var i=t.useState([]),n=i[0],o=i[1];t.useEffect((function(){e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,a.getDynamicHealthToolWithCache(r)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[a.getDynamicHealthToolWithCache,r]);var l=t.useCallback((function(e){var t;return(null===(t=n.find((function(t){return t.template===e})))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:l}};

package/build/{useTranslations-1c0fd75d.js → useTranslations-fa287bfa.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("./translationsContext-ce476693.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(require("string-format"));exports.useTranslations=function(){var n=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=n.values,o=n.locale;return e.useMemo((function(){return{t:function(e,n){return r?r[e]?n?a.default(r[e]||e,n):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),n?a.default(t.defaultTranslations[e]||e,n):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e)},locale:o}}),[r,o])};
+"use strict";var e=require("react"),t=require("./translationsContext-9027f5e9.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(require("string-format"));exports.useTranslations=function(){var n=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=n.values,o=n.locale;return e.useMemo((function(){return{t:function(e,n){return r?r[e]?n?a.default(r[e]||e,n):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),n?a.default(t.defaultTranslations[e]||e,n):t.defaultTranslations[e]||e):(console.error("[useTranslations] t method called before translation values are loaded"),e)},locale:o}}),[r,o])};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.23.35",
+  "version": "1.23.37",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/defaultClassWrapper-617ba97e.js

@@ -1 +0,0 @@
-import{c as a,_ as e}from"./tslib.es6-0949fde4.js";import r,{forwardRef as t}from"react";var c=function(c,s){return t((function(t,n){var o=t.className,m=a(t,["className"]);return r.createElement(c,e({ref:n,className:"".concat(s," ").concat(o||"")},m))}))};export{c as g};

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

@@ -1 +0,0 @@
-import{G as r,B as t,a as e,b as a,L as o}from"./Locale-dd626b74.js";var n=Object.freeze({__proto__:null,get Gender(){return r},get BabyGrowthChartType(){return t},get BabyGrowthChartDuration(){return e},get BabyGrowthResultTab(){return a},get LOCALE(){return o}});export{n as i};

package/build/esm/index-b85073af.js

@@ -1 +0,0 @@
-import{b as n,_ as e,c as t}from"./tslib.es6-0949fde4.js";import r,{useEffect as a,forwardRef as o,useRef as i,useState as l,useCallback as c,useImperativeHandle as s}from"react";import{Image as u,Textarea as d,Modal as m,Accordion as p,Indicator as f,Avatar as g,Checkbox as h,Slider as v,Radio as b,Flex as y}from"@mantine/core";import{CommonGAssets as x}from"./gAssets.js";import{DatePicker as C,DateRangePicker as k}from"@mantine/dates";import w,{css as E}from"styled-components";import"dayjs";import"./screenSizeContext-3f76e476.js";import{t as S}from"./theme-02834240.js";import{s as A}from"./index-bd461d2e.js";import"./utils-ca35d7ac.js";import"./isProduction-32f5042e.js";import{L as j}from"./Locale-dd626b74.js";import{Carousel as I}from"@mantine/carousel";import{g as P}from"./defaultClassWrapper-617ba97e.js";import{b as M,c as D}from"./index-381ed211.js";import*as N from"react-phone-number-input";import R from"react-phone-number-input";import{P as z,a as B,I as T,b as F,c as L,M as V,d as W,T as O,V as G,C as H}from"./Vietnam-01542a63.js";var U,Y,K,_,q=w(C)(Y||(Y=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&E(U||(U=n(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),Q=w(k)(_||(_=n(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(e){return e.fullWidth&&E(K||(K=n(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),J=function(n){return r.createElement(q,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(u,{src:x.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};J.Range=function(n){return r.createElement(Q,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(u,{src:x.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var X,Z,$,nn=w(d)(X||(X=n(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),S.colors.gray200),en=w(m)(Z||(Z=n(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),S.colors.neutral100),tn=function(n){var a=n.title,o=t(n,["title"]);return r.createElement(r.Fragment,null,r.createElement(en,e({centered:!0},o,{withCloseButton:!1,title:o.withCloseButton&&r.createElement(r.Fragment,null,a,r.createElement("img",{className:"mantine-Modal-close",src:x.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=o.onClose)||void 0===n?void 0:n.call(o)}}))})))},rn=w(p)($||($=n(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||x.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||x.getAssetPath("minus-icon.svg")})),an=function(n){var a=n.children,o=t(n,["children"]);return r.createElement(rn,e({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},o),a)};an.Control=p.Control,an.Item=p.Item,an.Panel=p.Panel;var on=x.getAssetPath("avatar.jpg"),ln=function(n){var a=n.withIndicator,o=void 0!==a&&a,i=n.indicatorConfig,l=void 0===i?null:i,c=n.size,s=void 0===c?56:c,u=n.children,d=t(n,["withIndicator","indicatorConfig","size","children"]),m=function(){return r.createElement(g,e({size:s,radius:"xl"},d),u||r.createElement("img",{src:on,width:s}))};return o?r.createElement(f,e({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent",zIndex:1}}}),m()):m()},cn=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(I,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};cn.Slide=I.Slide;var sn=function(n){return r.createElement(h,e({},n))};sn.Group=h.Group;var un,dn,mn,pn,fn="hhgcomp-mantine-slider-slider",gn=P(w(v)(un||(un=n(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),fn),hn=w.div(dn||(dn=n(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),fn),vn=w(b)(mn||(mn=n(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||S.colors.primaryBase})),bn=function(n){return r.createElement(vn,e({size:"sm"},n))};bn.Group=b.Group;var yn=((pn={})[j.Vietnam]="vi",pn[j.Cambodia]="km",pn[j.India]="hi",pn[j.Indonesia]="id",pn[j.Malaysia]="ms",pn[j.Thailand]="th",pn[j.Taiwan]="zh-tw",pn[j.PhilippinesTagalog]="tl-ph",pn[j.PhilippinesEnglish]="en",pn[j.Myanmar]="my",pn),xn=function(n){a((function(){yn[n]&&require("dayjs/locale/".concat(yn[n],".js"))}),[n])},Cn={"&:hover":{borderColor:"".concat(S.colors.blue200),boxShadow:"0 0 2px 2px ".concat(S.colors.blue200)}},kn=function(n){return{datesLocale:yn[n],dateFormat:M[n].dateFormat,fontFamily:n===j.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:M[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(S.colors.blue200),boxShadow:"0 0 2px 2px ".concat(S.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Cn}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},Cn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},wn=D((function(n){!function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var a=arguments[r];if(a){var o=typeof a;if("string"===o||"number"===o)n.push(a);else if(Array.isArray(a)){if(a.length){var i=t.apply(null,a);i&&n.push(i)}}else if("object"===o){if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]")){n.push(a.toString());continue}for(var l in a)e.call(a,l)&&a[l]&&n.push(l)}}}return n.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}()}));function En(n,e){void 0===e&&(e=6);var t=new Array(e).fill("");if(n){var r=n.toString().split("");t.map((function(n,e){r[e]&&(t[e]=r[e]||"")}))}return t}function Sn(n){return n.join("")}var An="_2iQs0sk",jn="Ia6IojY",In=o((function(n,a){var o=n.maxLength,i=void 0===o?1:o,l=n.placeholder,c=n.className,s=t(n,["maxLength","placeholder","className"]);return r.createElement("input",e({maxLength:i,className:wn(jn,"otpInput",c),placeholder:l,type:"number"},s,{ref:a}))})),Pn=o((function(n,e){var t=n.valueLength,o=void 0===t?6:t,u=n.type,d=void 0===u?"number":u,m=n.value,p=n.defaultValue,f=n.onChange,g=n.onBlur,h=i(new Array(o).fill(null)),v=l(p||m),b=v[0],x=v[1],C=l(-1),k=C[0],w=C[1],E=l((function(){return En(b,o)})),S=E[0],A=E[1],j=c((function(){if(-1!==k){var n=h.current[k];if(n){n.value="";var e=S;e[k]="",A(e),x((function(){return Sn(e)})),null==f||f(Sn(e))}}}),[k,f,S]),I=c((function(){if(0!==k){var n=h.current[k];n&&n.blur();var e=h.current[k-1];e&&e.focus()}}),[k]),P=c((function(){if(k!==o-1){var n=h.current[k];n&&n.blur();var e=h.current[k+1];e&&e.focus()}}),[k,o]),M=c((function(n){var e=n.target,t=e.value.toString().slice(0,1),r=h.current.findIndex((function(n){return n===e}));if(-1!==r){var a=S;a[r]=t,A(a),x((function(){return Sn(a)})),null==f||f(Sn(a))}P()}),[P,f,S]),D=c((function(n){var e=n.target,t=h.current.findIndex((function(n){return n===e}));"number"===d?e.select():e.setSelectionRange(0,e.value.length,"backward"),-1!==t&&w(t)}),[]),N=c((function(n){var e=En(n.clipboardData.getData("text/plain"),o),t=Sn(e);A(e),x(t),null==f||f(t)}),[f,d,o]),R=c((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),j(),I()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),j()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),I()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),P()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[j,P,I]);return s(e,(function(){return h.current[0]}),[]),a((function(){A((function(){return En(m,o)})),x(m)}),[o,m]),r.createElement(y,{justify:"center",columnGap:8,className:wn(An,"otpContainer")},S.map((function(n,e){return r.createElement(In,{ref:function(n){h.current[e]=n},key:""+e,value:n,type:d,onChange:M,onFocus:D,onKeyDown:R,onPaste:N,onBlur:g})})))})),Mn=Object.values(A).reduce((function(n,e){var t=e.phoneCountry;return n.includes(t)||n.push(t),n}),[]),Dn={PH:z,KH:B,ID:T,IN:F,MM:L,MY:V,TH:W,TW:O,VN:G},Nn={phoneInput:"i-9Ibox",error:"YDWHh9b"},Rn=o((function(n,o){var i,c=n.isError,s=n.defaultCountry,u=n.countries,d=void 0===u?Mn:u,m=n.countryCallingCodeEditable,p=void 0!==m&&m,f=n.defaultValue,g=n.value,h=n.onChange,v=t(n,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange"]),b=l(f||g),y=b[0],x=b[1];return a((function(){x(g)}),[g]),r.createElement(R,e({ref:o,value:y,onChange:function(n){x(n),null==h||h(n)},countries:d,defaultCountry:s,countryCallingCodeEditable:p,className:wn(Nn.phoneInput,(i={isError:c},i[Nn.error]=c,i)),flagUrl:void 0,flagComponent:function(n){var a=n.country,o=n.countryName;n.flagUrl;var i=t(n,["country","countryName","flagUrl"]),l=Dn[a],c=a?"(+".concat(N.getCountryCallingCode(a),")"):"";return l?r.createElement(r.Fragment,null,r.createElement(l,e({title:o},i)),r.createElement("span",{className:wn(Nn.callingCode,"PhoneInputCountryIconCallingCode")},c)):r.createElement(r.Fragment,null)},countrySelectProps:{arrowComponent:function(){return r.createElement("div",{className:wn(Nn.arrowSelect,"PhoneInputArrowContainer")},r.createElement(H,null))}}},v))}));export{an as A,cn as C,J as D,tn as M,Pn as O,Rn as P,bn as R,nn as S,hn as a,gn as b,ln as c,sn as d,yn as e,kn as g,xn as u};

package/build/esm/routing-a0419f67.js

@@ -1 +0,0 @@
-import{d as t}from"./index-bd461d2e.js";import{i as o}from"./isProduction-32f5042e.js";var c=function(c,e){var n="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return n?"http://localhost:3000":"https://".concat(!n&&!o?e?"fe.":"discover.":e?"www.":"").concat(t[e?"vi-VN_MB":c])},e=function(c,e){return"https://".concat(o?"id.":"staging-id.").concat(t[e?"vi-VN_MB":c])},n=function(){return"https://".concat(o?"together.":"staging-together.","hellohealthgroup.com")},a=function(c){return"https://".concat(o?"wp.":"staging.").concat(t[c])},r=function(){return"https://".concat(o?"health-care.":"service-health-care.","hellohealthgroup.com")};export{e as a,n as b,a as c,r as d,c as g};

package/build/esm/useFbDataLayer-edb5262d.js

@@ -1 +0,0 @@
-import{d as e,e as n}from"./tslib.es6-0949fde4.js";import{useRef as t,useEffect as r}from"react";import{g as i}from"./cookieHelper-ee130159.js";function o(e){var n=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",n).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}var a=function(a){var l=t("");r((function(){return e(void 0,void 0,void 0,(function(){var e,t,r,c,u,s,d,f,p,m,h,v,b,g,y;return n(this,(function(n){switch(n.label){case 0:return l.current?[3,4]:[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(e=n.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:e=n.sent(),n.label=3;case 3:l.current=e,n.label=4;case 4:return null===(v=null===(h=window.localStorage)||void 0===h?void 0:h.setItem)||void 0===v||v.call(h,"fbClientIp",JSON.stringify({client_ip_address:(null===(b=l.current)||void 0===b?void 0:b.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),(null==a?void 0:a.id)?[4,Promise.all([a.email?o(a.email):null,a.phone?o(a.phone):null,a.birthday?o(a.birthday.split("-").join("")):null,a.gender?"m":"f",a.city_name?o(a.city_name).then((function(e){return e.replace(/\s/g,"")})):null,a.name?o(a.name):null])]:[3,6];case 5:t=n.sent(),r=t[0],c=t[1],u=t[2],s=t[3],d=t[4],f=t[5],p={fbc:i("_fbc")||"",fbp:i("_fbp")||""},m={user_id:a.id},f&&(m.fn=f),r&&(p.em=r,m.em=r),c&&(p.ph=c,m.ph=c),u&&(p.db=u,m.db=u),s&&(p.ge=s,m.ge=s),d&&(p.ct=d,m.ct=d),null===(y=null===(g=window.localStorage)||void 0===g?void 0:g.setItem)||void 0===y||y.call(g,"fbDataLayer_userInfo",JSON.stringify(m)),n.label=6;case 6:return[2]}}))})),function(){}}),[a])};export{a as u};

package/build/esm/useHealthToolCache-0671c712.js

@@ -1 +0,0 @@
-import{d as t,e as r}from"./tslib.es6-0949fde4.js";import{useState as n,useEffect as o,useCallback as e}from"react";import{a as i}from"./getDynamicHealthTool-8e8457c7.js";var a=function(a){var l=n([]),s=l[0],u=l[1];o((function(){t(void 0,void 0,void 0,(function(){var t;return r(this,(function(r){switch(r.label){case 0:return[4,i(a)];case 1:return t=r.sent(),u(t),[2]}}))}))}),[i,a]);var c=e((function(t){var r;return(null===(r=s.find((function(r){return r.template===t})))||void 0===r?void 0:r.link)||""}),[s]);return{allTools:s,getHealthToolLink:c}};export{a as u};

package/build/index-134ceae1.js

@@ -1 +0,0 @@
-"use strict";var a=require("./tslib.es6-2c02c5e0.js");function e(a){return a&&"object"==typeof a&&"default"in a?a:{default:a}}var t=e(require("react")),r="wIj6fkD";exports.Text=function(e){var s=e.size,c=void 0===s?"base":s,n=e.type,o=void 0===n?"regular":n,d=e.className,i=e.style,l=e.children,v=e.color,p=e.dataEventCategory,u=e.dataEventAction,y=e.dataEventLabel,_=e.as,f=void 0===_?"p":_,g=e.wordWrap,E=e.isUppercase,b=a.__rest(e,["size","type","className","style","children","color","dataEventCategory","dataEventAction","dataEventLabel","as","wordWrap","isUppercase"]),m=f;return t.default.createElement(m,a.__assign({"data-size":c,"data-type":o,style:a.__assign(a.__assign({},i),v?{"--custom-color":v}:void 0),className:"".concat(r," ").concat(d||""),"data-event-category":p,"data-event-action":u,"data-event-label":y,"data-word-wrap":g,"data-is-uppercase":E},b),l)};