@hhgtech/hhg-components 1.23.55 → 1.23.56

package/build/{types-b6021319.js → types-5270acc9.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-12cb6a82.js"),t=require("react"),n=require("./constants-e68ab4bf.js"),a=require("./index-e24f310c.js"),i=require("./cookieHelper-42ffb6a3.js"),o=require("./useTranslations-dff13f6c.js"),r=require("lodash/debounce"),l=require("./index-a6f1ec91.js"),s=require("styled-components"),c=require("./index-8868f846.js"),u=require("./theme-7f4f2614.js"),d=require("react-loading-skeleton"),p=require("./utils-1da403cf.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-1b1cf232.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),b=m(g);var y,w,L,k,S,T,O,A,I,R,M,N,P=_.default.div(y||(y=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 be(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 ye,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(ye||(ye=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),b=i.focused,y=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"===b?"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:""!==y?"shown":""}),onActionClick:function(){r({type:pe.ClearInputLocation}),l.cancel(),c()},value:y,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"===b?"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,b=_.locale,y=r.selectedLocation,w=r.searchKeywords,L=t.useMemo((function(){return n.LOCALIZED_SLUGS[b]}),[b]),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(y.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(y.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[b]&&C.default.createElement(gt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(y.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[b]&&C.default.createElement("button",{onClick:function(){var e=k[a].slug,t="/".concat(y.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})})))},bt={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}"},yt=function(t,n,i){return b.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,b=r.gaTrackingSearchBar,y=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(be,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(yt(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(bt.GET_CITY_BY_IP,a)];return"zh-TW"===l&&o.push(s(bt.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(bt.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(bt.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(yt(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]),ye=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:ye,debouncedFetchSearchResults:we,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Ie,renderSearchResults:Re,trackingAttributes:b,locationTrackingAttributes:y,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:b,inputSearchPlaceholder:S}))):C.default.createElement(P,{id:"booking-search-bar",ref:F},Ne())},exports.types=Lt;
+"use strict";var e=require("./tslib.es6-f8d08d57.js"),t=require("react"),n=require("./constants-64ce10f6.js"),a=require("./index-b61df390.js"),i=require("./cookieHelper-a8617b9c.js"),o=require("./useTranslations-cfaed0f2.js"),r=require("lodash/debounce"),l=require("./index-b661c881.js"),s=require("styled-components"),c=require("./index-2c9554de.js"),u=require("./theme-8729d581.js"),d=require("react-loading-skeleton"),p=require("./utils-0a3054d8.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-1b62bf5c.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),b=m(g);var y,w,L,k,S,T,O,A,I,R,M,N,P=_.default.div(y||(y=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 be(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 ye,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(ye||(ye=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),b=i.focused,y=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"===b?"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:""!==y?"shown":""}),onActionClick:function(){r({type:pe.ClearInputLocation}),l.cancel(),c()},value:y,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"===b?"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,b=_.locale,y=r.selectedLocation,w=r.searchKeywords,L=t.useMemo((function(){return n.LOCALIZED_SLUGS[b]}),[b]),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(y.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(y.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[b]&&C.default.createElement(gt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(y.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[b]&&C.default.createElement("button",{onClick:function(){var e=k[a].slug,t="/".concat(y.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})})))},bt={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}"},yt=function(t,n,i){return b.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,b=r.gaTrackingSearchBar,y=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(be,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(yt(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(bt.GET_CITY_BY_IP,a)];return"zh-TW"===l&&o.push(s(bt.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(bt.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(bt.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(yt(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]),ye=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:ye,debouncedFetchSearchResults:we,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Ie,renderSearchResults:Re,trackingAttributes:b,locationTrackingAttributes:y,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,{passive:!0}),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:b,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-32c3b208.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-322b4e43.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/unifyEnv.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setupUnifyEnv=function(I){var _=I.DISCOVER_API,e=I.INTERNAL_DISCOVER_API,s=I.TOGETHER_API,A=I.CARE_API,E=I.SIDIS_TEMPLATE_API,P=I.SIDIS_API,S=I.SIDIS_API_GET,N=I.SSO_API,U=I.LOCALE,r=I.DEPLOY_ENV,T=I.LEAD_API,n=I.SUBOT_API,o=I.INTERNAL_SUBOT_API,O=I.SUBOT_URL;process.env.UNIFY_DISCOVER_API=_,process.env.UNIFY_INTERNAL_DISCOVER_API=e,process.env.UNIFY_TOGETHER_API=s,process.env.UNIFY_CARE_API=A,process.env.UNIFY_SIDIS_TEMPLATE_API=E,process.env.UNIFY_SIDIS_API=P,process.env.UNIFY_SIDIS_API_GET=S,process.env.UNIFY_SSO_API=N,process.env.UNIFY_LOCALE=U,process.env.UNIFY_DEPLOY_ENV=r,process.env.UNIFY_LEAD_API=T,process.env.UNIFY_SUBOT_API=n,process.env.UNIFY_INTERNAL_SUBOT_API=o,process.env.UNIFY_SUBOT_URL=O};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setupUnifyEnv=function(I){var _=I.DISCOVER_API,e=I.INTERNAL_DISCOVER_API,s=I.TOGETHER_API,A=I.CARE_API,E=I.SIDIS_TEMPLATE_API,P=I.SIDIS_API,S=I.SIDIS_API_GET,N=I.SSO_API,U=I.LOCALE,r=I.DEPLOY_ENV,O=I.LEAD_API,n=I.SUBOT_API,o=I.INTERNAL_SUBOT_API,L=I.SUBOT_URL,T=I.LEAD_LOG;process.env.UNIFY_DISCOVER_API=_,process.env.UNIFY_INTERNAL_DISCOVER_API=e,process.env.UNIFY_TOGETHER_API=s,process.env.UNIFY_CARE_API=A,process.env.UNIFY_SIDIS_TEMPLATE_API=E,process.env.UNIFY_SIDIS_API=P,process.env.UNIFY_SIDIS_API_GET=S,process.env.UNIFY_SSO_API=N,process.env.UNIFY_LOCALE=U,process.env.UNIFY_DEPLOY_ENV=r,process.env.UNIFY_LEAD_API=O,process.env.UNIFY_SUBOT_API=n,process.env.UNIFY_INTERNAL_SUBOT_API=o,process.env.UNIFY_SUBOT_URL=L,process.env.UNIFY_LEAD_LOG=T};

package/build/{useFbDataLayer-7b4679f1.js → useFbDataLayer-67635345.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-12cb6a82.js"),t=require("react"),n=require("./cookieHelper-42ffb6a3.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])};
+"use strict";var e=require("./tslib.es6-f8d08d57.js"),t=require("react"),n=require("./cookieHelper-a8617b9c.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,d,f,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],d=o[4],f=o[5],p={fbc:n.getCookie("_fbc")||"",fbp:n.getCookie("_fbp")||""},b={user_id:i.id},f&&(b.fn=f),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),d&&(p.ct=d,b.ct=d),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-88d0419c.js → useHealthToolCache-09f75e93.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-12cb6a82.js"),t=require("react"),a=require("./getDynamicHealthTool-ab7d490b.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}};
+"use strict";var e=require("./tslib.es6-f8d08d57.js"),t=require("react"),a=require("./getDynamicHealthTool-a3e7d345.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/{useOutsideClick-1b1cf232.js → useOutsideClick-1b62bf5c.js}

@@ -1 +1 @@
-"use strict";var e=require("react");exports.useOutsideClick=function(t,n){var r=e.useCallback((function(e){t.current&&!t.current.contains(e.target)&&n(e.target)}),[]);e.useEffect((function(){return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}))};
+"use strict";var e=require("react");exports.useOutsideClick=function(t,n){var r=e.useCallback((function(e){t.current&&!t.current.contains(e.target)&&n(e.target)}),[]);e.useEffect((function(){return document.addEventListener("mousedown",r,{passive:!0}),function(){document.removeEventListener("mousedown",r)}}))};

package/build/{useScrollbarSize-d379bcca.js → useScrollbarSize-6d940136.js}

@@ -1 +1 @@
-"use strict";var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("lodash/debounce")),n="measure-scrollbar-size";exports.MEASURE_ELEMENT_CLASS=n,exports.useScrollbarSize=function(t){void 0===t&&(t=!0);var i=e.useState({height:0,width:0}),u=i[0],o=i[1],c=e.useRef(null);return e.useEffect((function(){if(t&&"undefined"!=typeof window){var e=function(){return c.current||(c.current=document.createElement("div"),c.current.classList.add(n),c.current.style.width="99px",c.current.style.height="99px",c.current.style.overflow="scroll",c.current.style.position="absolute",c.current.style.top="-9999px",c.current.setAttribute("aria-hidden","true"),c.current.setAttribute("role","presentation")),c.current},i=function(){var t=e(),r=t.offsetHeight,n=t.clientHeight,i=t.offsetWidth,u=t.clientWidth,c=r-n,d=i-u;o((function(e){var t=e.height,r=e.width;return t!==c||r!==d?{height:c,width:d}:e}))},u=r.default(i,100);window.addEventListener("resize",u),document.body.appendChild(e()),i();var d=e();return function(){u.cancel(),window.removeEventListener("resize",u),document.body.removeChild(d)}}}),[t]),u};
+"use strict";var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("lodash/debounce")),n="measure-scrollbar-size";exports.MEASURE_ELEMENT_CLASS=n,exports.useScrollbarSize=function(t){void 0===t&&(t=!0);var i=e.useState({height:0,width:0}),u=i[0],o=i[1],c=e.useRef(null);return e.useEffect((function(){if(t&&"undefined"!=typeof window){var e=function(){return c.current||(c.current=document.createElement("div"),c.current.classList.add(n),c.current.style.width="99px",c.current.style.height="99px",c.current.style.overflow="scroll",c.current.style.position="absolute",c.current.style.top="-9999px",c.current.setAttribute("aria-hidden","true"),c.current.setAttribute("role","presentation")),c.current},i=function(){var t=e(),r=t.offsetHeight,n=t.clientHeight,i=t.offsetWidth,u=t.clientWidth,c=r-n,s=i-u;o((function(e){var t=e.height,r=e.width;return t!==c||r!==s?{height:c,width:s}:e}))},u=r.default(i,100);window.addEventListener("resize",u,{passive:!0}),document.body.appendChild(e()),i();var s=e();return function(){u.cancel(),window.removeEventListener("resize",u),document.body.removeChild(s)}}}),[t]),u};

package/build/useTranslations-cfaed0f2.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./translationsContext-a47969fe.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(require("string-format"));exports.useTranslations=function(){var a=e.useContext(t.TranslationsContext)||{locale:"en-PH"},r=a.values,o=a.locale;return e.useMemo((function(){return{t:function(e,a){return r?r[e]?a?n.default(r[e]||e,a):r[e]||e:(console.warn("[useTranslations] Missing translation for key ".concat(e," and locale ").concat(o)),a?n.default(t.defaultTranslations[e]||e,a):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.55",
+  "version": "1.23.56",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/defaultClassWrapper-df6eb1f9.js

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

package/build/esm/index-2e0a88c2.js

@@ -1 +0,0 @@
-import{c as e,_ as t}from"./tslib.es6-35559a01.js";import a from"react";import{S as r,a as o}from"./index.styled-21e1a169.js";var l=function(o){var l=o.type,s=o.color,y=o.style,n=e(o,["type","color","style"]);return a.createElement(r,t({type:l,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[l],style:t(t({},s&&{"--text-color":s}),y)},n))},s=function(r){var l=r.type,s=r.color,y=r.style,n=e(r,["type","color","style"]);return a.createElement(o,t({"data-type":l,style:t(t({},y),s&&{"--text-color":s})},n))};export{s as M,l as a};

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

@@ -1,6 +0,0 @@
-import{c as n,d as e,e as t,_ as r,b as a}from"./tslib.es6-35559a01.js";import o,{forwardRef as i,useState as l,useEffect as c,useRef as s,useCallback as u,useImperativeHandle as d}from"react";import{P as m,a as p,I as f,b as g,c as h,M as v,d as b,T as y,V as x,C}from"./Vietnam-79ea7fd6.js";import{s as w,I as k}from"./index-103a41c7.js";import{Image as j,Textarea as S,Modal as E,Accordion as I,Indicator as A,Avatar as P,Checkbox as M,Slider as D,Radio as N,Flex as T}from"@mantine/core";import{CommonGAssets as z}from"./gAssets.js";import{DatePicker as R,DateRangePicker as V}from"@mantine/dates";import B,{css as L}from"styled-components";import"dayjs";import"./screenSizeContext-20344057.js";import{t as W}from"./theme-96058860.js";import"./utils-9cd9b77f.js";import"./isProduction-01c83152.js";import{L as F}from"./Locale-69a52356.js";import{Carousel as O}from"@mantine/carousel";import{g as G}from"./defaultClassWrapper-df6eb1f9.js";import{c as H}from"./index-b6619b35.js";
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/var U,Y,K,_,Q=H((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}()})),q=Object.values(w).reduce((function(n,e){var t=e.phoneCountry;return n.includes(t)||n.push(t),n}),[]),J={PH:m,KH:p,ID:f,IN:g,MM:h,MY:v,TH:b,TW:y,VN:x},X={phoneInput:"i-9Ibox",error:"YDWHh9b"},Z=i((function(a,i){var s,u=a.isError,d=a.defaultCountry,m=a.countries,p=void 0===m?q:m,f=a.countryCallingCodeEditable,g=void 0!==f&&f,h=a.defaultValue,v=a.value,b=a.onChange,y=a.className,x=n(a,["isError","defaultCountry","countries","countryCallingCodeEditable","defaultValue","value","onChange","className"]),w=l(h||v),k=w[0],j=w[1],S=l(null),E=S[0],I=S[1];return c((function(){j(v)}),[v]),c((function(){e(void 0,void 0,void 0,(function(){var n;return t(this,(function(e){switch(e.label){case 0:return[4,import("react-phone-number-input")];case 1:return n=e.sent(),I(n),[2]}}))}))}),[]),E?o.createElement(E.default,r({ref:i,value:k,onChange:function(n){j(n),null==b||b(n)},countries:p,defaultCountry:d,countryCallingCodeEditable:g,className:Q(X.phoneInput,(s={isError:u},s[X.error]=u,s),y),flagUrl:void 0,flagComponent:function(e){var t=e.country,a=e.countryName;e.flagUrl;var i=n(e,["country","countryName","flagUrl"]),l=J[t],c=t?"(+".concat(E.getCountryCallingCode(t),")"):"";return l?o.createElement(o.Fragment,null,o.createElement(l,r({title:a},i)),o.createElement("span",{className:Q(X.callingCode,"PhoneInputCountryIconCallingCode")},c)):o.createElement(o.Fragment,null)},countrySelectProps:{arrowComponent:function(){return o.createElement("div",{className:Q(X.arrowSelect,"PhoneInputArrowContainer")},o.createElement(C,null))}}},x)):null})),$=B(R)(Y||(Y=a(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(U||(U=a(["\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    "])))})),nn=B(V)(_||(_=a(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&L(K||(K=a(["\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    "])))})),en=function(n){return o.createElement($,r({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(j,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};en.Range=function(n){return o.createElement(nn,r({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(j,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var tn,rn,an,on=B(S)(tn||(tn=a(["\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"])),W.colors.gray200),ln=B(E)(rn||(rn=a(["\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"])),W.colors.neutral100),cn=B(I)(an||(an=a(["\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||z.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||z.getAssetPath("minus-icon.svg")})),sn=function(e){var t=e.children,a=n(e,["children"]);return o.createElement(cn,r({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},a),t)};sn.Control=I.Control,sn.Item=I.Item,sn.Panel=I.Panel;var un=z.getAssetPath("avatar.jpg"),dn=function(e){var t=e.withIndicator,a=void 0!==t&&t,i=e.indicatorConfig,l=void 0===i?null:i,c=e.size,s=void 0===c?56:c,u=e.children,d=e.styles,m=n(e,["withIndicator","indicatorConfig","size","children","styles"]),p=function(){return o.createElement(P,r({size:s,radius:"xl"},m),u||o.createElement("img",{src:un,width:s}))};return a?o.createElement(A,r({inline:!0,position:"bottom-end",offset:9},l,{styles:r({indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent",zIndex:1}},d)}),p()):p()},mn=function(e){var t=e.slidesToShow,a=void 0===t?1:t,i=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(O,r({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),i)};mn.Slide=O.Slide;var pn=function(n){return o.createElement(M,r({},n))};pn.Group=M.Group;var fn,gn,hn,vn,bn,yn="hhgcomp-mantine-slider-slider",xn=G(B(D)(fn||(fn=a(["\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})),yn),Cn=B.div(gn||(gn=a(["\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"])),yn),wn=B(N)(hn||(hn=a(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||W.colors.primaryBase})),kn=function(n){return o.createElement(wn,r({size:"sm"},n))};kn.Group=N.Group;var jn=((vn={})[F.Vietnam]="vi",vn[F.Cambodia]="km",vn[F.India]="hi",vn[F.Indonesia]="id",vn[F.Malaysia]="ms",vn[F.Thailand]="th",vn[F.Taiwan]="zh-tw",vn[F.PhilippinesTagalog]="tl-ph",vn[F.PhilippinesEnglish]="en",vn[F.Myanmar]="my",vn),Sn=((bn={})[F.Vietnam]=function(){return import("dayjs/locale/vi.js")},bn[F.Cambodia]=function(){return import("dayjs/locale/km.js")},bn[F.India]=function(){return import("dayjs/locale/hi.js")},bn[F.Indonesia]=function(){return import("dayjs/locale/id.js")},bn[F.Malaysia]=function(){return import("dayjs/locale/ms.js")},bn[F.Thailand]=function(){return import("dayjs/locale/th.js")},bn[F.Taiwan]=function(){return import("dayjs/locale/zh-tw.js")},bn[F.PhilippinesTagalog]=function(){return import("dayjs/locale/tl-ph.js")},bn[F.PhilippinesEnglish]=function(){return import("dayjs/locale/en.js")},bn[F.Myanmar]=function(){return import("dayjs/locale/my.js")},bn),En=function(n){c((function(){var e;null===(e=Sn[n])||void 0===e||e.call(Sn)}),[n])},In={"&:hover":{borderColor:"".concat(W.colors.blue200),boxShadow:"0 0 2px 2px ".concat(W.colors.blue200)}},An=function(n){return{datesLocale:jn[n],dateFormat:k[n].dateFormat,fontFamily:n===F.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.375rem"},error:{marginTop:"0.375rem"}}},NumberInput:{defaultProps:{decimalSeparator:k[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(W.colors.blue200),boxShadow:"0 0 2px 2px ".concat(W.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:In}},Radio:{styles:{radio:r(r({backgroundColor:"#ffffff"},In),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};function Pn(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 Mn(n){return n.join("")}var Dn="_2iQs0sk",Nn="Ia6IojY",Tn=i((function(e,t){var a=e.maxLength,i=void 0===a?1:a,l=e.placeholder,c=e.className,s=n(e,["maxLength","placeholder","className"]);return o.createElement("input",r({maxLength:i,className:Q(Nn,"otpInput",c),placeholder:l,type:"number"},s,{ref:t}))})),zn=i((function(n,e){var t=n.valueLength,r=void 0===t?6:t,a=n.type,i=void 0===a?"number":a,m=n.value,p=n.defaultValue,f=n.onChange,g=n.onBlur,h=s(new Array(r).fill(null)),v=l(p||m),b=v[0],y=v[1],x=l(-1),C=x[0],w=x[1],k=l((function(){return Pn(b,r)})),j=k[0],S=k[1],E=u((function(){if(-1!==C){var n=h.current[C];if(n){n.value="";var e=j;e[C]="",S(e),y((function(){return Mn(e)})),null==f||f(Mn(e))}}}),[C,f,j]),I=u((function(){if(0!==C){var n=h.current[C];n&&n.blur();var e=h.current[C-1];e&&e.focus()}}),[C]),A=u((function(){if(C!==r-1){var n=h.current[C];n&&n.blur();var e=h.current[C+1];e&&e.focus()}}),[C,r]),P=u((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=j;a[r]=t,S(a),y((function(){return Mn(a)})),null==f||f(Mn(a))}A()}),[A,f,j]),M=u((function(n){var e=n.target,t=h.current.findIndex((function(n){return n===e}));"number"===i?e.select():e.setSelectionRange(0,e.value.length,"backward"),-1!==t&&w(t)}),[]),D=u((function(n){var e=Pn(n.clipboardData.getData("text/plain"),r),t=Mn(e);S(e),y(t),null==f||f(t)}),[f,i,r]),N=u((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),E(),I()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),E()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),I()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),A()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[E,A,I]);return d(e,(function(){return h.current[0]}),[]),c((function(){S((function(){return Pn(m,r)})),y(m)}),[r,m]),o.createElement(T,{justify:"center",columnGap:8,className:Q(Dn,"otpContainer")},j.map((function(n,e){return o.createElement(Tn,{ref:function(n){h.current[e]=n},key:""+e,value:n,type:i,onChange:P,onFocus:M,onKeyDown:N,onPaste:D,onBlur:g})})))}));export{sn as A,mn as C,en as D,jn as M,zn as O,Z as P,kn as R,on as S,ln as a,Cn as b,xn as c,dn as d,pn as e,An as g,En as u};