@hhgtech/hhg-components 1.22.43 → 1.23.1

package/build/{types-2a336826.js → types-5063c249.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-99ec8021.js"),t=require("react"),n=require("./constants-0e97feb5.js"),a=require("./index-7c868d2f.js"),i=require("./cookieHelper-16db0a07.js"),o=require("./useTranslations-5bf35aca.js"),r=require("lodash/debounce"),l=require("./index-aa0e276f.js"),s=require("styled-components"),c=require("./index-d6591806.js"),u=require("./theme-9077eff2.js"),d=require("react-loading-skeleton"),p=require("./utils-37bbdb6b.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-077fdb34.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-1c286715.js"),t=require("react"),n=require("./constants-9efd739d.js"),a=require("./index-2e45da76.js"),i=require("./cookieHelper-813f9cf2.js"),o=require("./useTranslations-8b813168.js"),r=require("lodash/debounce"),l=require("./index-664828a1.js"),s=require("styled-components"),c=require("./index-0902bc14.js"),u=require("./theme-ad4c55d0.js"),d=require("react-loading-skeleton"),p=require("./utils-0b166832.js"),h=require("lodash/shuffle"),f=require("./useOutsideClick-c0cfc69b.js"),g=require("string-format");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=m(t),v=m(r),_=m(s),E=m(d),x=m(h),y=m(g);var b,w,L,k,S,T,O,A,I,R,M,N,P=_.default.div(b||(b=e.__makeTemplateObject([""],[""]))),V=_.default.div(w||(w=e.__makeTemplateObject(["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"],["\n  --searchbar-z-index: 305;\n  &[data-is-modal='true'] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: var(--mobile-care-searchbar-height, 100%);\n    overflow-y: auto;\n    -webkit-overflow-scrolling: touch;\n    background-color: white;\n    z-index: var(--searchbar-z-index);\n  }\n"]))),D=_.default.section(L||(L=e.__makeTemplateObject([""],[""]))),H=_.default.input(k||(k=e.__makeTemplateObject(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),F=_.default(l.Input)(S||(S=e.__makeTemplateObject(["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"],["\n  #booking-search-bar & {\n    input {\n      font-size: 16px;\n    }\n  }\n"]))),z=s.createGlobalStyle(T||(T=e.__makeTemplateObject(["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"],["\n  .care-popup-open {\n    overflow: hidden;\n    position: fixed;\n    &::before {\n      content: '';\n      inset: 0;\n      position: absolute;\n      background-color: white;\n      min-height: 100vh;\n      min-width: 100vw;\n      z-index: 2;\n    }\n  }\n"]))),j=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M18 6L6 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M6 6L18 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},B=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:t},C.default.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:n||"currentColor"}))},G=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:t},C.default.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:n||"currentColor"}))},K=function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),C.default.createElement("path",{d:"M20 20L16 16",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},Z=function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},U=_.default.li(O||(O=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n\n  > :first-child {\n    flex: 1;\n  }\n\n  > :nth-child(2) {\n    flex: 6;\n  }\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n"])),u.theme.colors.neutral100),q=_.default.div(A||(A=e.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 48px;\n  min-width: 100%;\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 6px;\n  background-color: white;\n  z-index: 30;\n\n  "," {\n    position: relative;\n    top: 0;\n    box-shadow: initial;\n  }\n"])),p.MediaQueries.mbDown),Q=_.default.ul(I||(I=e.__makeTemplateObject(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),Y=_.default(B)(R||(R=e.__makeTemplateObject(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),W=_.default.li(M||(M=e.__makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"],["\n  position: relative;\n  cursor: pointer;\n  padding: 12px 18px;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  overflow: hidden;\n\n  ","\n\n  & + li::before {\n    content: '';\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    top: 0;\n    height: 1px;\n    background-color: ",";\n  }\n\n  &:not([data-is-denied='true']):hover {\n    background-color: ",";\n  }\n\n  &:last-child:hover {\n    border-bottom-right-radius: 6px;\n    border-bottom-left-radius: 6px;\n  }\n\n  &:first-child:hover {\n    border-top-right-radius: 6px;\n    border-top-left-radius: 6px;\n  }\n\n  &[data-is-denied='true'] {\n    cursor: not-allowed;\n  }\n"])),(function(e){return e.isSelected&&"\n        &::after {\n            content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n            top: 50%;\n            right: 18px;\n            position: absolute;\n            transform: translateY(-50%);\n        }\n    ")}),u.theme.colors.neutral100,u.theme.colors.neutral50),X=_.default((function(t){var n=t.count,a=t.className;return C.default.createElement(C.default.Fragment,null,e.__spreadArray([],Array(n),!0).map((function(e,t){return C.default.createElement(U,{className:a,key:t},C.default.createElement(E.default,{count:1,height:32}),C.default.createElement(E.default,{count:1,height:24}))})))}))(N||(N=e.__makeTemplateObject(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),J=function(e){var t=e.cities,n=e.isLoading,a=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,l=void 0===r?"unset":r,s=e.isLocationLoading,d=e.selectedLocation,p=o.useTranslations().t,h="denied"===l,f=function(){return C.default.createElement(W,{role:"button",tabIndex:0,onClick:function(e){h||(e.nativeEvent.stopImmediatePropagation(),s||i())},"data-is-denied":h},h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"md"},"x"):s?C.default.createElement(E.default,{height:20,width:20}):C.default.createElement(G,{color:u.theme.colors.primaryBase}),C.default.createElement("div",null,h?C.default.createElement(c.Text,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},p("booking.searchBar.grantLocation")):s?C.default.createElement(E.default,{height:20,style:{width:"calc(100% - 16px)"}}):C.default.createElement(c.Text,{size:"md"},p("booking.searchBar.useCurrentLocation"))))};return C.default.createElement(q,{"data-testid":"location-search-results"},C.default.createElement(Q,null,n?C.default.createElement(X,{count:5}):!t||t.length<1?C.default.createElement(C.default.Fragment,null,f(),C.default.createElement(W,{"data-is-denied":"true"},C.default.createElement(c.Text,{size:"sm",color:"#ccc"},p("booking.searchBar.noResults")))):C.default.createElement(C.default.Fragment,null,f(),t.map((function(e){return C.default.createElement(W,{key:e.id,onClick:function(t){t.nativeEvent.stopImmediatePropagation(),a&&a(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==d?void 0:d.id)===e.id},C.default.createElement(Y,{color:u.theme.colors.neutral400}),C.default.createElement(c.Text,{size:"md"},e.name))})))))},$={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},ee=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},te={TEXT_NODE:"TEXT_NODE"},ne=function(){function t(t){var n=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return n.state.eventLoopPaused=!1,n.runEventLoop(),n},this.pause=function(){return n.state.eventLoopPaused=!0,n},this.stop=function(){return n.state.eventLoop&&(window.cancelAnimationFrame(n.state.eventLoop),n.state.eventLoop=null),n},this.pauseFor=function(e){return n.addEventToQueue($.PAUSE_FOR,{ms:e}),n},this.typeOutAllStrings=function(){return"string"==typeof n.options.strings?(n.typeString(n.options.strings).pauseFor(n.options.pauseFor),n):(n.options.strings.forEach((function(e){n.typeString(e).pauseFor(n.options.pauseFor).deleteAll(n.options.deleteSpeed)})),n)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var a=(n.options||{}).stringSplitter,i="function"==typeof a?a(e):e.split("");n.typeCharacters(i,t)}return n},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&n.addEventToQueue($.PASTE_STRING,{character:e,node:t}),n},this.deleteAll=function(e){return void 0===e&&(e="natural"),n.addEventToQueue($.REMOVE_ALL,{speed:e}),n},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return n.addEventToQueue($.CHANGE_DELETE_SPEED,{speed:e}),n},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return n.addEventToQueue($.CHANGE_DELAY,{delay:e}),n},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)n.addEventToQueue($.REMOVE_CHARACTER);return n},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){n.addEventToQueue($.TYPE_CHARACTER,{character:e,node:t})})),n},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){n.addEventToQueue($.REMOVE_CHARACTER)})),n},this.addEventToQueue=function(e,t,a){return void 0===a&&(a=!1),n.addEventToStateProperty(e,t,a,"eventQueue")},this.addReverseCalledEvent=function(e,t,a){return void 0===a&&(a=!1),n.options.loop?n.addEventToStateProperty(e,t,a,"reverseCalledEvents"):n},this.addEventToStateProperty=function(t,a,i,o){void 0===i&&(i=!1);var r={eventName:t,eventArgs:a||{}};return n.state[o]=i?e.__spreadArray([r],n.state[o],!0):e.__spreadArray(e.__spreadArray([],n.state[o],!0),[r],!1),n},this.runEventLoop=function(){n.state.lastFrameTime||(n.state.lastFrameTime=Date.now());var t=Date.now(),a=t-n.state.lastFrameTime;if(!n.state.eventQueue.length){if(!n.options.loop)return;n.state.eventQueue=e.__spreadArray([],n.state.calledEvents,!0),n.state.calledEvents=[],n.options=e.__assign({},n.state.initialOptions)}if(n.state.eventLoop=window.requestAnimationFrame(n.runEventLoop),!n.state.eventLoopPaused){if(n.state.pauseUntil){if(t<n.state.pauseUntil)return;n.state.pauseUntil=null}var i=e.__spreadArray([],n.state.eventQueue,!0),o=i.shift();if(!(a<=(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventName===$.REMOVE_CHARACTER?"natural"===n.options.deleteSpeed?ee(40,80):n.options.deleteSpeed:"natural"===n.options.delay?ee(120,160):n.options.delay))){var r=o.eventName,l=o.eventArgs;switch(r){case $.PASTE_STRING:case $.TYPE_CHARACTER:var s=l.character,c=document.createTextNode(s),u=c;n.options.onCreateTextNode&&"function"==typeof n.options.onCreateTextNode&&(u=n.options.onCreateTextNode(s,c)),n.state.visibleNodes=e.__spreadArray(e.__spreadArray([],n.state.visibleNodes,!0),[{type:te.TEXT_NODE,character:s,node:u}],!1);break;case $.REMOVE_CHARACTER:i.unshift({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case $.PAUSE_FOR:var d=o.eventArgs.ms;n.state.pauseUntil=Date.now()+parseInt(d);break;case $.REMOVE_ALL:var p=n.state.visibleNodes,h=l.speed,f=[];h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:h,temp:!0}});for(var g=0,m=p.length;g<m;g++)f.push({eventName:$.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});h&&f.push({eventName:$.CHANGE_DELETE_SPEED,eventArgs:{speed:n.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,f);break;case $.REMOVE_LAST_VISIBLE_NODE:if(n.state.visibleNodes.length){var C=n.state.visibleNodes.pop(),v=C.node;s=C.character;n.options.onRemoveNode&&"function"==typeof n.options.onRemoveNode&&n.options.onRemoveNode({node:v,character:s}),v&&v.parentNode.removeChild(v)}break;case $.CHANGE_DELETE_SPEED:n.options.deleteSpeed=o.eventArgs.speed;break;case $.CHANGE_DELAY:n.options.delay=o.eventArgs.delay}n.options.loop&&(o.eventName===$.REMOVE_LAST_VISIBLE_NODE||o.eventArgs&&o.eventArgs.temp||(n.state.calledEvents=e.__spreadArray(e.__spreadArray([],n.state.calledEvents,!0),[o],!1))),n.state.eventQueue=i,n.state.lastFrameTime=t}}},t&&(this.options=e.__assign(e.__assign({},this.options),t)),this.state.initialOptions=e.__assign({},this.options),this.init()}return t.prototype.init=function(){this.addEventToQueue($.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},t}();function ae(e){var n=e.inputRef,a=e.wrapperRef,i=e.disabled,r=o.useTranslations(),l=r.t,s=r.locale,c=t.useMemo((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),x.default(e).map((function(e){return l(e)}))}),[l,s]);function u(e){var t=p();return t&&(t.placeholder=t.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:a&&a.current&&a.current.querySelector("input")||null}t.useEffect((function(){if(!i){var e=p();e&&(e.placeholder="",new ne({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,a])}var ie,oe=_.default.div(ie||(ie=e.__makeTemplateObject(["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"],["\n  user-select: none;\n  input {\n    pointer-events: none;\n    background-color: white;\n  }\n"])));function re(n){var a=n.focused,i=n.value,r=void 0===i?"":i,l=n.onClick,s=n.trackingAttributes,c=n.inputSearchPlaceholder,d=o.useTranslations().t,p=t.useRef(null);ae({wrapperRef:p,disabled:!!c});var h=t.useMemo((function(){return s?{"data-event-category":s.dataEventCategory,"data-event-action":s.dataEventAction,"data-event-label":s.dataEventLabel}:{}}),[s]);return C.default.createElement(oe,e.__assign({onClick:function(){return l&&l()},ref:p},h),C.default.createElement(F,{inputClassName:"location"===a?"focused":void 0,name:"booking-search-placeholder",displayIcon:C.default.createElement(K,{color:u.theme.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:r,size:"md"}))}var le,se,ce,ue,de,pe,he=_.default.header(le||(le=e.__makeTemplateObject(["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"],["\n  display: flex;\n  height: 64px;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  position: sticky;\n  z-index: 99;\n  background-color: white;\n  top: 0;\n  left: 0;\n"]))),fe=_.default.div(se||(se=e.__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"],["\n  display: inline-flex;\n  flex: 1;\n  justify-content: flex-end;\n  cursor: pointer;\n  text-decoration: underline;\n"]))),ge=_.default.div(ce||(ce=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  cursor: pointer;\n"]))),me=_.default.div(ue||(ue=e.__makeTemplateObject(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),Ce=_.default(c.Text)(de||(de=e.__makeTemplateObject(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),u.theme.colors.secondaryDark),ve=function(e){var t=e.className,n=e.onLeftClick,a=e.headingText,i=e.onRightClick,o=e.iconLeft,r=e.textRight;return C.default.createElement(he,{className:t},C.default.createElement(ge,{onClick:n},o||C.default.createElement(j,{color:u.theme.colors.gray800})),C.default.createElement(me,null,C.default.createElement(Ce,{size:"md",type:"bold"},a)),C.default.createElement(fe,{onClick:i},r&&C.default.createElement("p",null,r)))},_e={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ee={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",searchLocationKeywords:"",searchKeywords:"",selectedLocation:null,defaultCity:null,initialCities:[],cities:[],searchResults:[],initialSearchResults:[],isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN"};function xe(t){var n=t.selectedLocation,a=t.searchLocationKeywords;return n&&a!==n.name?e.__assign(e.__assign({},t),{searchLocationKeywords:n.name}):t}function ye(t,a){var i;switch(t.isDebug&&console.log("bookingSearchBar",{action:a,state:t}),a.type){case pe.NavigateTo:return e.__assign(e.__assign({},t),{navigateTo:a.payload,focused:"none",isMobileModalOpened:!1});case pe.ClickOutsideInputLocation:return t.isMobile||"location"!==t.focused?t:xe(e.__assign(e.__assign({},t),{focused:"none"}));case pe.ClickOutsideInputSearch:return t.isMobile||"search"!==t.focused?t:e.__assign(e.__assign({},t),{focused:"none"});case pe.FocusInputLocation:var o=e.__assign(e.__assign({},t),{focused:"location"});return(null===(i=t.selectedLocation)||void 0===i?void 0:i.id)===n.ID_OPTION_CURRENT_LOCATION&&(o.searchLocationKeywords=""),o;case pe.FocusInputSearch:var r=e.__assign(e.__assign({},t),{focused:"search"});return t.isMobile?xe(r):r;case pe.ChangeInputLocation:return e.__assign(e.__assign({},t),{searchLocationKeywords:a.payload});case pe.ChangeInputSearch:var l=a.payload;return e.__assign(e.__assign({},t),{searchKeywords:l,isLoadingSearchResults:l.trim().length>_e[t.locale]});case pe.SelectCurrentLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.ClearInputLocation:return e.__assign(e.__assign({},t),{focused:"location",cities:t.initialCities,searchLocationKeywords:""});case pe.ClearInputSearch:return e.__assign(e.__assign({},t),{focused:"search",searchKeywords:""});case pe.SelectLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case pe.SelectSearchResult:return e.__assign(e.__assign({},t),{searchKeywords:a.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:a.payload.url});case pe.FetchCitiesStart:return e.__assign(e.__assign({},t),{isLoadingCities:!0});case pe.FetchCitiesFinish:return e.__assign(e.__assign({},t),{isLoadingCities:!1});case pe.FetchSearchResultsStart:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!0});case pe.FetchSearchResultsFinish:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!1});case pe.FetchSearchResultsComplete:var s=e.__assign(e.__assign({},t),{searchResults:a.payload});return 0===t.initialSearchResults.length&&(s.initialSearchResults=a.payload),s;case pe.FetchCitiesByGeoIpComplete:var c=a.payload.cities,u=a.payload.default;(c=c.filter((function(e){return e.id!==u.id}))).unshift(u),t.initialSelectedCity&&!c.find((function(e){return e.id===t.initialSelectedCity.id}))&&c.unshift(t.initialSelectedCity);var d=e.__assign(e.__assign({},t),{defaultCity:u,initialCities:c,cities:c});return"denied"!==t.geoLocationPermission||t.initialSelectedCity||(d.selectedLocation=u,d.searchLocationKeywords=u.name),d;case pe.FetchCitiesByKeywordComplete:return e.__assign(e.__assign({},t),{cities:a.payload});case pe.DisplayInitialCities:return e.__assign(e.__assign({},t),{cities:t.initialCities});case pe.DisplayInitialSearchResults:return e.__assign(e.__assign({},t),{searchResults:t.initialSearchResults,isLoadingSearchResults:!1});case pe.GrantGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"granted",geoLocationCoordinates:a.payload});case pe.DenyGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"denied",geoLocationCoordinates:null});case pe.OpenMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!0});case pe.CloseMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!1});case pe.UpdateInitialSearchValue:return e.__assign(e.__assign({},t),{searchKeywords:a.payload});case pe.SetInputSearchPlaceholder:return e.__assign(e.__assign({},t),{inputSearchPlaceholder:a.payload});default:return t}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(pe||(pe={}));var be,we,Le,ke,Se,Te,Oe,Ae=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},Ie=_.default.button(be||(be=e.__makeTemplateObject(["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"],["\n  min-height: 100%;\n  border-radius: 6px;\n  background-color: ",";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  cursor: pointer;\n  flex: 0.3;\n\n  "," {\n    --margin: 16px;\n    min-height: 44px;\n    margin: var(--margin);\n    width: calc(100% - var(--margin) * 2);\n    position: absolute;\n    bottom: 0;\n  }\n\n  &:hover {\n    background-color: ",";\n  }\n\n  &:active {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 1px solid black;\n  }\n"])),(function(e){return e.theme.colors.primaryBase}),p.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Re=_.default(c.Text)(we||(we=e.__makeTemplateObject(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),Me=function(e){var t=e.onClick,n=(0,o.useTranslations().t)("booking.searchBar.searchButton");return C.default.createElement(Ie,{onClick:t,title:n},C.default.createElement(Ae,null),C.default.createElement(Re,{size:"s3",color:"white"},n))},Ne=_.default.div(Le||(Le=e.__makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"],["\n  display: flex;\n  gap: 16px;\n  "," {\n    flex-direction: column;\n    padding: 14px;\n    background-color: ",";\n\n    input {\n      filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n        drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n        drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n    }\n  }\n\n  input {\n    background-color: white;\n  }\n"])),p.MediaQueries.mbDown,u.theme.colors.blue50),Pe=_.default.div(ke||(ke=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Ve=_.default(Pe)(Se||(Se=e.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),De=_.default(Pe)(Te||(Te=e.__makeTemplateObject(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),He=_.default((function(e){var t=e.className,n=e.color;return C.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),C.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:n||"currentColor"}))}))(Oe||(Oe=e.__makeTemplateObject(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function Fe(e){var a=e.isMobile,i=e.state,r=e.dispatch,l=e.debouncedFetchCitiesByKeyword,s=e.debouncedFetchSearchResults,c=e.focusLocationInput,d=e.focusSearchInput,p=e.renderLocationResults,h=e.renderSearchResults,g=e.locationTrackingAttributes,m=e.trackingAttributes,v=e.onSearch,_=e.initalSearchValue,E=t.useRef(null),x=t.useRef(null),y=i.focused,b=i.searchLocationKeywords,w=i.geoLocationPermission,L=i.selectedLocation,k=i.searchKeywords,S=i.inputSearchPlaceholder,T=o.useTranslations().t;ae({wrapperRef:x,disabled:!!S}),f.useOutsideClick(E,(function(){r({type:pe.ClickOutsideInputLocation})})),f.useOutsideClick(x,(function(){r({type:pe.ClickOutsideInputSearch})}));var O=t.useMemo((function(){return"granted"===w&&(null==L?void 0:L.id)===n.ID_OPTION_CURRENT_LOCATION?u.theme.colors.primaryBase:u.theme.colors.gray400}),[w,L]),A=t.useCallback((function(e){r({type:pe.ChangeInputSearch,payload:e}),"function"!=typeof v&&(e.trim().length>_e[i.locale]||_?s(e.trim(),i):(s.cancel(),r({type:pe.DisplayInitialSearchResults})))}),[r,i]),I=t.useCallback((function(e){r({type:pe.ChangeInputLocation,payload:e}),e.trim().length>_e[i.locale]?l(e.trim()):(l.cancel(),r({type:pe.DisplayInitialCities}))}),[l,r]);return C.default.createElement(Ne,null,C.default.createElement(Ve,{ref:E},C.default.createElement(F,{inputClassName:"location"===y?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:C.default.createElement(B,{className:"location-pin-icon",color:O}),actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==b?"shown":""}),onActionClick:function(){r({type:pe.ClearInputLocation}),l.cancel(),c()},value:b,onChange:I,onFocus:function(){return r({type:pe.FocusInputLocation})},size:"md",trackingAttributes:g}),!a&&p()),C.default.createElement(De,{ref:x},C.default.createElement(F,{placeholder:S||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:C.default.createElement(He,{color:u.theme.colors.gray300,className:""!==k?"shown":""}),onActionClick:function(){r({type:pe.ClearInputSearch}),s.cancel(),s("",i),d()},value:k,onChange:A,onFocus:function(){return r({type:pe.FocusInputSearch})},inputClassName:"search"===y?"focused":void 0,size:"md",trackingAttributes:m,onKeyPress:function(e){i.autoCompleteDisabled&&"Enter"===e.key&&v&&v({cityId:i.selectedLocation.id,keyword:k})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!a&&h()),i.autoCompleteDisabled&&!i.isMobile&&C.default.createElement(Me,{onClick:function(){v({cityId:i.selectedLocation.id,keyword:k})}}))}var ze,je,Be,Ge,Ke,Ze,Ue,qe,Qe,Ye,We,Xe,Je,$e,et=_.default.li(ze||(ze=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"],["\n  display: flex;\n  align-items: center;\n  gap: var(--rowGap);\n  cursor: pointer;\n"]))),tt=_.default.div(je||(je=e.__makeTemplateObject(["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"],["\n  --wrapper-size: var(--graphicSize);\n  border-radius: calc(var(--wrapper-size) / 2);\n  background-color: var(--neutral50);\n  width: var(--wrapper-size);\n  height: var(--wrapper-size);\n  aspect-ratio: 1/1;\n  overflow: hidden;\n\n  ","\n\n  img {\n    width: var(--graphicSize);\n    height: var(--graphicSize);\n    ","\n  }\n\n  &:focus-visible {\n    outline: 1px solid ",";\n  }\n"])),(function(e){var t=e.type;return t&&"doctors"===t&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var t=e.type;return t&&"doctors"===t?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),u.theme.colors.gray600),nt=_.default(c.Text)(Be||(Be=e.__makeTemplateObject(["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"],["\n  line-height: 22px;\n  letter-spacing: -0.2px;\n\n  "," {\n    &[data-size='p3'] {\n      font-size: 14px;\n    }\n  }\n"])),p.MediaQueries.tdUp),at=_.default.figure(Ge||(Ge=e.__makeTemplateObject(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),it=_.default.svg(Ke||(Ke=e.__makeTemplateObject(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),ot=_.default.div(Ze||(Ze=e.__makeTemplateObject(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),rt={doctors:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||32,height:n||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("g",{clipPath:"url(#clip0_14712_400114)"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),C.default.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),C.default.createElement("defs",null,C.default.createElement("clipPath",{id:"clip0_14712_400114"},C.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var t=e.width,n=e.height;return C.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),C.default.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},lt=function(e){var n=e.type,a=e.item,i=e.imageUrl,o=e.onClickItem,r=t.useMemo((function(){var e=rt[n]||Z;return C.default.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return C.default.createElement(et,{onClick:function(){return o&&o(a)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||o&&o(a)},tabIndex:0,role:"button"},C.default.createElement(at,null,"hospitals"===n?C.default.createElement(it,{width:"12",height:"16",viewBox:"0 0 12 16"},C.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):C.default.createElement(tt,{type:n},i?C.default.createElement("img",{src:i,width:32,height:"services"===n?32:24}):r)),C.default.createElement(nt,{color:u.theme.colors.gray800,size:"p3"},a.name))},st=function(){return C.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},C.default.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},ct=function(){return C.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},C.default.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},ut=function(){return C.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},C.default.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},dt=function(){return C.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},C.default.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},pt=_.default.header(Ue||(Ue=e.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n  display: flex;\n  justify-content: space-between;\n  padding: 12px 24px;\n  background-color: ",";\n  box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),u.theme.colors.neutral50),ht=_.default.div(qe||(qe=e.__makeTemplateObject(["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"],["\n  display: grid;\n  flex: 2;\n  align-items: center;\n  gap: 16px;\n  grid-template-columns: 16px 1fr;\n"]))),ft=_.default.p(Qe||(Qe=e.__makeTemplateObject(["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"],["\n  color: ",";\n  font-size: 14px;\n  font-weight: ",";\n  letter-spacing: -0.2px;\n  line-height: 22px;\n"])),u.theme.colors.neutral800,u.theme.sizes.fwSemiBold),gt=_.default.button(Ye||(Ye=e.__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),mt=_.default.section(We||(We=e.__makeTemplateObject(["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"],["\n  padding: 12px 16px;\n  --rowGap: 16px;\n  --graphicSize: 32px;\n\n  "," {\n    --rowGap: 8px;\n  }\n"])),p.MediaQueries.tdUp),Ct=_.default.ul(Xe||(Xe=e.__makeTemplateObject(["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"],["\n  --gap: 16px;\n  "," {\n    --gap: 8px;\n  }\n\n  display: grid;\n  overflow: hidden;\n  gap: var(--gap);\n  transition: max-height 0.8s ease-out;\n\n  ","\n\n  ","\n\n@media (prefers-reduced-motion) {\n    transition: none;\n  }\n\n  "," {\n    grid-template-columns: 1fr 1fr;\n  } ;\n"])),p.MediaQueries.tdUp,(function(e){return e.isMore&&"\n     height: auto;\n     max-height: 0;\n     margin-top: var(--gap);\n   "}),(function(e){return e.isShown&&"\n     max-height: 600px;\n    "}),p.MediaQueries.tdUp),vt=_.default(c.Text)(Je||(Je=e.__makeTemplateObject(["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"],["\n  margin-top: 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n  text-align: start;\n  text-transform: capitalize;\n"]))),_t=function(e){var a=e.type,i=e.data,r=e.state,l=e.dispatch,s=e.itemsToShow,d=e.itemsToShowDesktop,p=e.isMobile,h=e.isLoading,f=e.keyword,g=t.useState(!1),m=g[0],v=g[1],_=o.useTranslations(),x=_.t,y=_.locale,b=r.selectedLocation,w=r.searchKeywords,L=t.useMemo((function(){return n.LOCALIZED_SLUGS[y]}),[y]),k=t.useMemo((function(){return{doctors:{name:x("booking.searchPopup.doctors"),icon:C.default.createElement(st,null),slug:L.DOCTOR},services:{name:x("booking.searchPopup.services"),icon:C.default.createElement(ct,null),slug:L.SERVICE},hospitals:{name:x("booking.searchPopup.hospitals"),icon:C.default.createElement(ut,null),slug:L.HOSPITAL},specialties:{name:x("booking.searchPopup.specialties"),icon:C.default.createElement(dt,null),slug:L.SPECIALTIES}}}),[a,L]),S=t.useMemo((function(){return k[a].slug}),[k]),T=p?s:d;function O(e){var t="";switch(a){case"specialties":t="/".concat(b.slug,"/").concat(k.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(S,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(S,"/").concat(e.slug,"-").concat(e.id)}t&&l({type:pe.SelectSearchResult,payload:{name:e.name,url:t}})}function A(e){return C.default.createElement(lt,{key:e.id,item:e,type:a,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:O})}return C.default.createElement("section",null,C.default.createElement(pt,null,C.default.createElement(ht,null,k[a].icon,C.default.createElement(ft,null,k[a].name)),f.trim().length<=_e[y]&&C.default.createElement(gt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(S)}e&&l({type:pe.NavigateTo,payload:e})}},C.default.createElement(c.Text,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.seeAll")))),(h||i&&i.length>0)&&C.default.createElement(mt,null,C.default.createElement(Ct,null,h&&Array(2).fill(void 0).map((function(e,t){return C.default.createElement(et,{key:a+"loading"+t},C.default.createElement(at,null,C.default.createElement(ot,null,C.default.createElement(E.default,{height:14,width:"hospitals"===a?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),C.default.createElement(E.default,{width:120,height:24}))})),!h&&i&&i.length>0&&i.slice(0,T).map(A)),C.default.createElement(Ct,{isShown:m,isMore:!0},i.slice(T,-1).map(A)),"specialties"===a&&T<i.length&&!h&&C.default.createElement("button",{onClick:function(){return v(!m)}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==a&&T<i.length&&!h&&f.trim().length>_e[y]&&C.default.createElement("button",{onClick:function(){var e=k[a].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(w);l({type:pe.NavigateTo,payload:t})}},C.default.createElement(vt,{size:"p3",color:u.theme.colors.primaryBase},x("booking.searchPopup.searchIn.".concat(a),{name:f})))),!h&&0===(null==i?void 0:i.length)&&C.default.createElement(mt,null,C.default.createElement(c.Text,{size:"sm",color:u.theme.colors.gray400},x("booking.searchBar.noResults"))))},Et=_.default.section($e||($e=e.__makeTemplateObject(["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"],["\n  background-color: white;\n  border-radius: 4px;\n  position: absolute;\n  width: 100%;\n  z-index: 30;\n\n  "," {\n    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n      0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n      0px 0px 1px rgba(0, 0, 0, 0.04);\n  }\n"])),p.MediaQueries.tdUp),xt=function(e){var t=e.data,n=e.state,a=e.dispatch,i=e.isMobile,o=e.isLoading,r=e.keyword;return C.default.createElement(Et,null,t&&t.map((function(e){return C.default.createElement(_t,{type:e.type,state:n,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:o,keyword:r})})))},yt={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}"},bt=function(t,n,i){return y.default(t,e.__assign(e.__assign({},n),{domain:a.domainLocales[i||"en-PH"]}))};var wt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(wt||(wt={}));var Lt=Object.freeze({__proto__:null,get RedirectType(){return wt}});exports.BookingSearchBar=function(r){var l=r.isMobile,s=r.careApiDomain,c=r.geoLocationPermission,u=r.geoLocationCoordinates,d=r.initialSelectedCity,p=r.initialSearchValue,h=void 0===p?"":p,f=r.careFrontDomain,g=void 0===f?"/care":f,m=r.isDebug,_=void 0!==m&&m,E=r.askForGeolocationPermission,x=void 0!==E&&E,y=r.gaTrackingSearchBar,b=r.gaTrackingLocationSearch,w=r.autoCompleteDisabled,L=void 0!==w&&w,k=r.inputSearchPlaceholder,S=void 0===k?"":k,T=r.routerPush,O=r.onGeoLocationPermissionChange,A=r.onSearch,I=r.onChangeLocation,R=o.useTranslations(),M=R.t,N=R.locale,F=t.useRef(null),j=t.useRef(null),B=t.useState(void 0),G=B[0],K=B[1],Z=function(){var e=t.useState((function(){if("undefined"==typeof window)return"unset";if(i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],o=e[1],r=t.useState((function(){if("undefined"==typeof window)return null;var e=i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=r[0],s=r[1],c=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var t={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};i.setCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),{minutes:15}),s(t),o("granted")}),(function(){i.deleteCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE),o("denied")}))}),[]);return t.useMemo((function(){return{geoLocationPermission:n,geoLocationCoordinates:l,requestGeoLocation:c}}),[n,l])}(),U=Z.geoLocationPermission,q=Z.geoLocationCoordinates,Q=Z.requestGeoLocation,Y=t.useReducer(ye,Ee,(function(t){return e.__assign(e.__assign({},t),{isDebug:_,isMobile:l,geoLocationPermission:c||U||"unset",geoLocationCoordinates:u||q||null,searchKeywords:h,initialSelectedCity:d||null,selectedLocation:d||t.selectedLocation||null,searchLocationKeywords:(null==d?void 0:d.name)||t.searchLocationKeywords,autoCompleteDisabled:L,inputSearchPlaceholder:S,locale:N})})),W=Y[0],X=Y[1],$=W.navigateTo,ee=W.focused,te=W.isLoadingCities,ne=W.cities,ae=W.searchKeywords,ie=W.geoLocationPermission,oe=W.selectedLocation,le=W.initialSelectedCity,se=W.defaultCity,ce=W.searchResults,ue=W.isLoadingSearchResults,de=W.isMobileModalOpened,he=W.inputSearchPlaceholder,fe=function(a){var i=a.dispatch,o=a.careApiDomain,r=a.locale,l=void 0===r?"vi-VN":r,s=t.useCallback((function(e,t){void 0===t&&(t={});var n="".concat(o).concat(e);return i({type:pe.FetchCitiesStart}),fetch(bt(n,t,l),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return i({type:pe.FetchCitiesFinish})}))}),[l]),c=t.useCallback((function(t){var n=t.coordinates,a={};n&&(a={lat:n.lat,lng:n.lng});var o=[s(yt.GET_CITY_BY_IP,a)];return"zh-TW"===l&&o.push(s(yt.GET_CITIES_LIST,{noPaging:1})),Promise.all(o).then((function(t){var n=t[0],a=t[1],o=e.__assign({},n);if(a){var r=o.cities.map((function(e){return e.id}));o.cities=o.cities.concat(a.cities.filter((function(e){return!r.includes(e.id)})))}i({type:pe.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[l,o,i]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:t.useCallback((function(e){return s(yt.GET_CITIES_LIST,{keyword:e}).then((function(e){i({type:pe.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[l,o,i]),fetchSearchResults:t.useCallback((function(e,t){var a="".concat(o).concat(yt.GET_SEARCH_V2);i({type:pe.FetchSearchResultsStart});var r=t.defaultCity,s=t.selectedLocation,c=t.geoLocationCoordinates,u="";if(s&&r){s.id===n.ID_OPTION_CURRENT_LOCATION?c||(u=r.id):u=s.id;var d=(null==c?void 0:c.lat)||"",p=(null==c?void 0:c.lng)||"";return fetch(bt(a,{domain:o,searchType:"global",keyword:e.trim().length>_e[l]?e.trim():"",city:u===n.ID_OPTION_CURRENT_LOCATION?"":u,lat:d,lng:p},l),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return i({type:pe.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return i({type:pe.FetchSearchResultsFinish})}))}i({type:pe.FetchSearchResultsFinish})}),[l,o,i])}}({dispatch:X,locale:N,careApiDomain:s}),ge=fe.fetchCitiesByLocation,me=fe.fetchCitiesByKeyword,Ce=fe.fetchSearchResults,xe=t.useMemo((function(){var e;return{id:n.ID_OPTION_CURRENT_LOCATION,name:M("booking.searchBar.currentLocation"),slug:null===(e=n.LOCALIZED_SLUGS[N])||void 0===e?void 0:e.CURRENT}}),[M,N]),be=t.useMemo((function(){return v.default(me,400)}),[me]),we=t.useMemo((function(){return v.default(Ce,400)}),[Ce]);t.useEffect((function(){""!==h&&h!==W.searchKeywords&&X({type:pe.UpdateInitialSearchValue,payload:h})}),[h]),t.useEffect((function(){x&&(null==oe?void 0:oe.id)===n.ID_OPTION_CURRENT_LOCATION&&"unset"===ie&&Q()}),[x,oe,ie]),t.useEffect((function(){c||ie===U||("granted"===U&&q?X({type:pe.GrantGeoLocationPermission,payload:q}):"denied"===U&&X({type:pe.DenyGeoLocationPermission}))}),[ie,U,q,c]),t.useEffect((function(){$&&(T?T($):window.location.href="".concat(g).concat($))}),[$]);var Le=t.useCallback((function(){X({type:pe.SelectCurrentLocation,payload:xe})}),[M,X]);t.useEffect((function(){"denied"===ie||le||Le(),O&&O(ie,W.geoLocationCoordinates),l&&"granted"===ie&&oe&&X({type:pe.FocusInputSearch}),ge({coordinates:W.geoLocationCoordinates})}),[ie]),t.useEffect((function(){oe&&se&&Ce(W.searchKeywords,W)}),[oe,se]),t.useEffect((function(){S!==he&&X({type:pe.SetInputSearchPlaceholder,payload:S})}),[S,he]),t.useEffect((function(){de?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[de]);var ke=t.useCallback((function(e){X({type:pe.SelectLocation,payload:e}),Oe(),I&&I(e)}),[M,X]);function Se(){l&&"granted"!==W.geoLocationPermission?Q():(Le(),Oe())}function Te(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function Oe(){var e;F.current&&(null===(e=F.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Ae(){X({type:pe.CloseMobileModal})}function Ie(){return"location"!==ee?null:C.default.createElement(J,{isLoading:te,cities:ne,onLocationClick:ke,onCurrentLocationClick:Se,isLocationLoading:te,geoLocationPermission:ie,selectedLocation:oe})}function Re(){return"search"!==ee?null:W.autoCompleteDisabled?l?C.default.createElement(Me,{onClick:function(){A({cityId:W.selectedLocation.id,keyword:ae}),Ae()}}):null:C.default.createElement(xt,{data:ce,state:W,dispatch:X,isMobile:!1,keyword:ae,isLoading:ue})}function Ne(){return C.default.createElement(Fe,{isMobile:l,state:W,dispatch:X,debouncedFetchCitiesByKeyword:be,debouncedFetchSearchResults:we,focusLocationInput:Te,focusSearchInput:Oe,renderLocationResults:Ie,renderSearchResults:Re,trackingAttributes:y,locationTrackingAttributes:b,onSearch:A,initalSearchValue:h})}return t.useEffect((function(){if(window.visualViewport){var e=function(e){var t=e.target;K(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[K]),l?C.default.createElement(C.default.Fragment,null,C.default.createElement(z,null),C.default.createElement(H,{ref:j}),C.default.createElement(V,{id:"booking-search-bar",ref:F,"data-is-modal":l&&de,style:{"--mobile-care-searchbar-height":de&&G?"".concat(G,"px"):"100%"}},de?C.default.createElement(C.default.Fragment,null,C.default.createElement(D,null,C.default.createElement(ve,{headingText:M("booking.searchBar.searchButton"),onLeftClick:Ae}),Ne()),Ie(),Re()):C.default.createElement(re,{onClick:function(){var t;return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return j.current&&j.current.focus(),X({type:pe.OpenMobileModal}),[4,Promise.resolve()];case 1:return e.sent(),F.current&&(null===(t=F.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus()),[2]}}))}))},focused:ee,value:ae,trackingAttributes:y,inputSearchPlaceholder:S}))):C.default.createElement(P,{id:"booking-search-bar",ref:F},Ne())},exports.types=Lt;

package/build/types.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Locale-e64a2aab.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-d81097e6.js");Object.defineProperty(exports,"BabyGrowthChartDuration",{enumerable:!0,get:function(){return e.BabyGrowthChartDuration}}),Object.defineProperty(exports,"BabyGrowthChartType",{enumerable:!0,get:function(){return e.BabyGrowthChartType}}),Object.defineProperty(exports,"BabyGrowthResultTab",{enumerable:!0,get:function(){return e.BabyGrowthResultTab}}),Object.defineProperty(exports,"Gender",{enumerable:!0,get:function(){return e.Gender}}),Object.defineProperty(exports,"LOCALE",{enumerable:!0,get:function(){return e.LOCALE}});

package/build/{useFbDataLayer-a2f5daba.js → useFbDataLayer-c87c4a38.js}

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

package/build/{useHealthToolCache-94f95bcc.js → useHealthToolCache-1978424c.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-99ec8021.js"),t=require("react"),r=require("./getDynamicHealthTool-4f5b022e.js");exports.useHealthToolsCache=function(a){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,r.getDynamicHealthToolWithCache(a)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[r.getDynamicHealthToolWithCache,a]);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-1c286715.js"),t=require("react"),r=require("./getDynamicHealthTool-1e9ce182.js");exports.useHealthToolsCache=function(a){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,r.getDynamicHealthToolWithCache(a)];case 1:return t=e.sent(),o(t),[2]}}))}))}),[r.getDynamicHealthToolWithCache,a]);var l=t.useCallback((function(e){var t;return(null===(t=n.find((function(t){return t.template===e})))||void 0===t?void 0:t.link)||""}),[n]);return{allTools:n,getHealthToolLink:l}};

package/build/useTranslations-8b813168.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./translationsContext-a2dc598d.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.22.43",
+  "version": "1.23.1",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/components/atoms/button/index.styled.d.ts

@@ -1,9 +0,0 @@
-export declare const StyledSpinerBase: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledSpinerCircle: import("styled-components").StyledComponent<"circle", any, {}, never>;
-export declare const StyledLoader: import("styled-components").StyledComponent<"svg", any, {}, never>;
-export declare const StyledLoaderPath: import("styled-components").StyledComponent<"path", any, {}, never>;
-export declare const StyledSpiner: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButtonInner: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/build/components/atoms/container/index.styled.d.ts

@@ -1 +0,0 @@
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/atoms/flag/index.styled.d.ts

@@ -1 +0,0 @@
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/atoms/heading/index.styled.d.ts

@@ -1,7 +0,0 @@
-import { Props } from '.';
-type CssProps = {
-    headingTag: Props['tag'];
-    headingFontWeight: Props['fontWeight'];
-};
-export declare const StyledHeading: import("styled-components").StyledComponent<"div", any, CssProps, never>;
-export {};

package/build/components/atoms/text/index.styled.d.ts

@@ -1 +0,0 @@
-export declare const StyledText: import("styled-components").StyledComponent<"p", any, {}, never>;

package/build/components/molecules/articleCard/index.styled.d.ts

@@ -1,4 +0,0 @@
-export declare const StyledExpertName: import("styled-components").StyledComponent<"h6", any, {}, never>;
-export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const StyledCard: import("styled-components").StyledComponent<"article", any, {}, never>;
-export declare const StyledAuthor: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/molecules/breadcrumbs/index.styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledBreadcrumb: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTextLink: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/footer/discoverFooter/index.styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
-export declare const StyledFlag: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/footer/maryBabyFooter/index.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledFooterContainer: import("styled-components").StyledComponent<"footer", any, {}, never>;
-export declare const StyledMenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapItems: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapCopyRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/navigationV2/components/atoms/ItemNav/index.styled.d.ts

@@ -1,5 +0,0 @@
-export declare const _StyledHeaderMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeaderMenuItemClass = "hhgcomp-navigation-itemnav-headeritem";
-export declare const StyledHeaderMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMenuIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMenuButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/organisms/navigationV2/components/atoms/PopupWrapper/index.styled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const StyledGridContainer: import("styled-components").StyledComponent<({ children, className, style, type }: import("src/components/atoms/container").Props) => JSX.Element, any, {}, never>;
-export declare const StyledItemGridLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const _StyledMenuPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledMenuPopupWrapperClass = "hhgcomp-navigation-popupwrapper-menuwrapper";
-export declare const StyledMenuPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/defaultClassWrapper-8793fa3b.js

@@ -1 +0,0 @@
-import{c as a,_ as r}from"./tslib.es6-5bf8141f.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-3f3ecc10.js

@@ -1 +0,0 @@
-import{b as n,c as a,_ as o}from"./tslib.es6-5bf8141f.js";import r from"react";import{t}from"./theme-d3d5cc84.js";import e,{keyframes as i}from"styled-components";var d,l,s,c,p,g,h,b,m,u,x=i(d||(d=n(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"]))),y=e.svg(l||(l=n([""],[""]))),v=e.circle(s||(s=n([""],[""]))),f=e.svg(c||(c=n(["\n  animation: "," 1.2s linear infinite;\n"],["\n  animation: "," 1.2s linear infinite;\n"])),x),k=e.path(p||(p=n([""],[""]))),C=e.span(g||(g=n(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"],["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  svg + svg {\n    position: absolute;\n    left: 0;\n  }\n"]))),w=e.span(h||(h=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),z=e.span(b||(b=n([""],[""]))),B=e.span(m||(m=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]))),P=e.button(u||(u=n(["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"],["\n  width: auto;\n  border-radius: 6px;\n\n  &[data-theme='marryBaby'] {\n    border-radius: 16px;\n  }\n  cursor: pointer;\n  font-weight: ",";\n  transition: background-color 0.3s, border-color 0.3s;\n\n  "," {\n    display: flex;\n    align-items: center;\n\n    & + "," {\n      margin-left: 8px;\n    }\n  }\n\n  &[data-size='lg'] {\n    padding: 12px 24px;\n    font-size: 16px;\n    line-height: 24px;\n\n    "," {\n      svg,\n      img {\n        max-height: 24px;\n      }\n    }\n  }\n\n  &[data-size='md'] {\n    padding: 9px 24px;\n    font-size: 14px;\n    line-height: 22px;\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-size='sm'] {\n    padding: 5px 24px;\n    font-size: 14px;\n    line-height: 22px;\n    font-weight: ",";\n\n    "," {\n      svg,\n      img {\n        max-height: 22px;\n      }\n    }\n  }\n\n  &[data-color='primary'] {\n    background-color: ",";\n    border: 1px solid ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border: solid 2px ",";\n      background-color: ",";\n\n      &[data-has-icon='true'] {\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &:hover:not(:disabled)[data-is-loading='false'] {\n      background-color: ",";\n\n      &[data-theme='marryBaby'] {\n        border: solid 2px ",";\n        background-color: ",";\n        color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      background-color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        background-color: ",";\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: white;\n        }\n\n        "," {\n          stroke: transparent;\n        }\n      }\n    }\n  }\n\n  &[data-color='secondary'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n\n      &:hover[data-is-loading='false'] svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      border-color: ",";\n      background-color: transparent;\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n\n      &[data-theme='marryBaby'] {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n\n    &:not(:is([disabled], [data-is-loading='true'])):active {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n    &[data-theme='marryBaby'] {\n      &:not(:is([disabled], [data-is-loading='true'])):active {\n        border-color: ",";\n        background-color: ",";\n      }\n    }\n  }\n\n  &[data-color='tertiary'] {\n    border: solid 2px ",";\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n      font-weight: ",";\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      border-width: 1px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      &[data-theme='marryBaby'] {\n        color: ",";\n        background-color: ",";\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n      border-color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n\n        &:hover[data-is-loading='false'] svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-color='ghost'] {\n    border: 0;\n    background-color: transparent;\n    color: ",";\n\n    &[data-size='sm'] {\n      padding: 5px 12px;\n      font-size: 12px;\n      line-height: 18px;\n    }\n\n    &:disabled {\n      border-color: 0;\n      background-color: transparent;\n      color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-color='transparent'] {\n    border: none;\n    background-color: transparent;\n\n    &[data-size='lg'] {\n      font-size: 16px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='md'] {\n      font-size: 14px;\n      line-height: 24px;\n      padding: 0;\n    }\n\n    &[data-size='sm'] {\n      font-size: 13px;\n      line-height: 20px;\n      padding: 0;\n    }\n  }\n\n  &[data-color='danger'] {\n    border: solid 2px ",";\n    background-color: ",";\n    color: ",";\n\n    &[data-size='md'] {\n      border-width: 1.5px;\n    }\n\n    &[data-size='sm'] {\n      border-width: 1px;\n      font-size: 13px;\n      line-height: 20px;\n    }\n\n    &:hover[data-is-loading='false'] {\n      border-color: ",";\n      background-color: ",";\n      color: ",";\n    }\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: white;\n      }\n\n      "," {\n        stroke: transparent;\n      }\n    }\n  }\n\n  &[data-color='success'] {\n    background-color: ",";\n    color: ",";\n\n    &[data-has-icon='true'] {\n      svg {\n        path {\n          fill: ",";\n        }\n      }\n    }\n\n    &[data-theme='marryBaby'] {\n      color: ",";\n\n      &[data-has-icon='true'] {\n        svg {\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &[data-is-loading='true'] {\n      "," {\n        stroke: ",";\n      }\n\n      "," {\n        stroke: transparent;\n      }\n\n      &[data-theme='marryBaby'] {\n        "," {\n          stroke: ",";\n        }\n      }\n    }\n  }\n\n  &[data-theme='marryBaby']:disabled,\n  &:disabled {\n    border-color: ",";\n    background-color: ",";\n    color: ",";\n    cursor: not-allowed;\n  }\n\n  &[data-block='true'] {\n    width: 100%;\n    padding: 12px auto;\n  }\n\n  &[data-event-category] > * {\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid black;\n  }\n"])),t.sizes.fwBold,z,w,z,z,t.sizes.fwSemiBold,z,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.primaryHover,t.mbColors.pink,t.colors.white,t.mbColors.pink,t.colors.primaryActive,t.mbColors.pink,k,v,t.colors.primaryBase,t.colors.white,t.colors.primaryBase,t.colors.primaryBase,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,t.colors.primaryHover,t.colors.primaryHover,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.primaryActive,t.colors.primaryActive,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.colors.gray300,t.colors.gray800,t.sizes.fwSemiBold,t.colors.white,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.mbColors.pink,t.colors.white,k,t.mbColors.pink,t.colors.primaryBase,t.colors.gray300,t.colors.red600,t.colors.red600,t.colors.white,t.colors.red200,t.colors.red200,t.colors.white,t.colors.white,k,v,t.colors.green50,t.colors.green800,t.colors.green800,t.mbColors.mint,t.mbColors.mint,k,t.colors.green800,v,k,t.mbColors.mint,t.colors.gray300,t.colors.gray300,t.colors.white),E=function(n){var t=n.size,e=n.color,i=void 0===e?"primary":e,d=n.theme,l=void 0===d?"helloSites":d,s=n.isDisabled,c=n.isBlock,p=n.title,g=n.className,h=n.onClick,b=n.icon,m=n.children,u=n.isLoading,x=void 0!==u&&u,E=n.loadingText,A=n.dataEventCategory,L=n.dataEventAction,j=n.dataEventLabel,N=n.dataProductChannel,S=n.dataProductSku,T=n.dataProductBrand,H=n.dataProductName,D=n.dataProductPrice,F=n.dataProductCategory,M=n.dataProductPosition,V=n.isAmp,W=n.on,Z=n.dataVarsTracking,_=n.type,q=a(n,["size","color","theme","isDisabled","isBlock","title","className","onClick","icon","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","isAmp","on","dataVarsTracking","type"]),G=V?{"data-vars-event-category":A,"data-vars-event-action":L,"data-vars-event-label":j,"data-vars-product-channel":N,"data-vars-product-sku":S,"data-vars-product-brand":T,"data-vars-product-name":H,"data-vars-product-price":D,"data-vars-product-category":F,"data-vars-product-position":M,"data-vars-tracking":Z,on:W}:{"data-event-category":A,"data-event-action":L,"data-event-label":j,"data-product-channel":N,"data-product-sku":S,"data-product-brand":T,"data-product-name":H,"data-product-price":D,"data-product-category":F,"data-product-position":M},I=r.createElement(C,null,r.createElement(y,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement(v,{cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),r.createElement(f,{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},r.createElement("mask",{id:"path-1-inside-1",fill:"white"},r.createElement("path",{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z"})),r.createElement(k,{d:"M12 0C14.464 2.93833e-08 16.8683 0.758527 18.8863 2.17253C20.9042 3.58653 22.438 5.58746 23.2791 7.90347C24.1203 10.2195 24.2281 12.7383 23.5879 15.1177C22.9477 17.4971 21.5906 19.6218 19.7009 21.2031C17.8111 22.7843 15.4804 23.7456 13.0254 23.9561C10.5704 24.1667 8.11007 23.6164 5.97869 22.38C3.8473 21.1436 2.14819 19.281 1.1122 17.0454C0.0761991 14.8097 -0.246461 12.3093 0.188053 9.8839L4.09856 10.5845C3.8079 12.2069 4.02374 13.8795 4.71676 15.375C5.40977 16.8705 6.54637 18.1165 7.97213 18.9435C9.39789 19.7706 11.0437 20.1387 12.6859 19.9979C14.3282 19.857 15.8873 19.214 17.1514 18.1563C18.4155 17.0985 19.3233 15.6772 19.7516 14.0856C20.1798 12.4939 20.1077 10.8089 19.545 9.25969C18.9823 7.71042 17.9563 6.37193 16.6065 5.42605C15.2566 4.48017 13.6483 3.97277 12 3.97277L12 0Z",stroke:"#91CAFF",strokeWidth:"8",mask:"url(#path-1-inside-1)"})));return r.createElement(P,o({},G,{className:g,"data-size":t,"data-color":i,"data-block":c,"data-has-icon":!!b||void 0,"data-theme":l,disabled:s,onClick:function(n){!x&&!s&&h&&h(n)},title:p,"data-is-loading":x,type:_},q),r.createElement(B,null,(b||x)&&r.createElement(z,{className:"button-icon"},x?I:b," "),m&&r.createElement(w,null,x&&E||m)))};export{E as B};

package/build/esm/index-59ef3e2a.js

@@ -1 +0,0 @@
-import{b as n,c as e,_ as t}from"./tslib.es6-5bf8141f.js";import i from"styled-components";import o,{useState as a}from"react";import{L as r}from"./index-6763fc4d.js";import{M as s}from"./utils-f8edf610.js";var l,p=i.div(l||(l=n(["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"],["\n  --width: ",";\n  --height: ",";\n\n  width: calc(var(--width) * 1px);\n  height: calc(var(--height) * 1px);\n  img,\n  svg {\n    width: calc(var(--width) * 1px);\n    height: calc(var(--height) * 1px);\n  }\n\n  img {\n    object-fit: contain;\n  }\n"])),(function(n){return n.theme.width||20}),(function(n){return n.theme.height||20})),c=i.div(d||(d=n(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp,(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp,(function(n){return n.theme.sizes.fwRegular}),s.mbDown,s.mbUp);i.label(h||(h=n(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.gray600}),(function(n){return n.theme.sizes.fwBold}));var d,h,u,f,m,x=i.label(u||(u=n(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(n){return n.theme.colors.red700}),(function(n){return n.theme.sizes.fwRegular})),g=i.div(f||(f=n(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),b=i.div(m||(m=n(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),w=o.forwardRef((function(n,i){var s=n.name,l=n.errorMessage,p=n.autoComplete,d=void 0===p?"off":p,h=n.defaultValue,u=n.actionIcon,f=n.displayIcon,m=n.isDeleteAction,w=n.onActionClick,v=n.label,y=n.placeholder,z=n.className,C=n.onChange,N=n.onKeyPress,I=n.isDisabled,K=n.CustomInput,k=n.size,D=n.style,E=n.autoFocus,F=n.type,j=void 0===F?"text":F,P=n.isNumerousKeyboard,R=void 0!==P&&P,A=n.onFocus,M=n.enterKeyHint,Y=n.nativeOnChange,H=e(n,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),L=a(h),U=L[0],B=L[1];return o.createElement(c,{"data-size":k,className:z,"data-has-action-icon":!!u||void 0,"data-has-display-icon":!!f||void 0,"data-has-error":l&&l.length>0||void 0,style:D},v&&o.createElement(r,{size:"label2",htmlFor:s,className:"inputLabel"},v),o.createElement("div",{style:{position:"relative"}},K||o.createElement("input",t({id:s,name:s,placeholder:y,onChange:null!=Y?Y:function(n){return e=n.target.value,B(e),void C(e);var e},onKeyPress:N,type:j,"aria-label":j,disabled:I,value:U,autoComplete:d,ref:i,autoFocus:E,inputMode:R||"number"===j?"numeric":j,pattern:R?"[0-9]*":".*",onFocus:A,enterKeyHint:M},H)),f&&o.createElement(b,{className:"displayIcon"},f),u&&o.createElement(g,{className:"actionIcon",onClick:function(){var n;m&&(B(""),null===(n=i.current)||void 0===n||n.focus()),w&&w()}},u)),l&&l.length>0&&o.createElement(x,{className:"errorLabel"},l))}));w.displayName="PureInput";export{w as P,p as S};

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

@@ -1 +0,0 @@
-import{b as n,c as t,_ as e}from"./tslib.es6-5bf8141f.js";import a from"styled-components";import i from"react";import{t as r}from"./theme-d3d5cc84.js";import{M as o}from"./utils-f8edf610.js";var d,h,s=a.div(d||(d=n(["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"],["\n  background-color: var(--background-color, transparent);\n  color: white;\n  cursor: pointer;\n  img {\n    --width: var(--width-prop, 40px);\n    --height: var(--height-prop, 40px);\n    width: var(--width);\n    height: var(--height);\n  }\n  &[data-has-max='true'] {\n    img {\n      max-width: var(--width);\n      max-height: var(--height);\n    }\n  }\n\n  &[data-avatar-type='square'] {\n    img {\n      --width: var(--width-prop, 72px);\n      --height: var(--height-prop, 72px);\n      border-radius: 6px;\n    }\n  }\n\n  &[data-avatar-type='rounded'] {\n    img {\n      border-radius: 50%;\n    }\n  }\n\n  &[data-is-amp='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: 20px;\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n\n  &[data-custom-size='true'] {\n    display: flex;\n    overflow: hidden;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n    align-items: center;\n    justify-content: center;\n    background-size: cover;\n    font-size: calc(var(--size) / 2);\n    font-weight: bold;\n    &[data-avatar-type='square'] {\n      border-radius: 6px;\n    }\n    &[data-avatar-type='rounded'] {\n      border-radius: 50%;\n      img {\n        --width: 100%;\n        --height: 100%;\n      }\n    }\n    img {\n      object-fit: cover;\n    }\n  }\n"]))),c=a.div(h||(h=n(["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"],["\n  color: ",";\n  ","\n  ","\n\n  /* Base headings sizes and properties */\n  &[data-tag] {\n    color: var(--custom-heading-color, #262626);\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return function(n){switch(n){case"h1":return"\n        font-size: 26px;\n        letter-spacing: -0.9px;\n        line-height: 34px;\n        ".concat(o.tdUp," {\n          font-size: 40px;\n          line-height: 52px;\n          letter-spacing: -1.2px;\n        }\n      ");case"h2":return"\n        font-size: 24px;\n        letter-spacing: -0.8px;\n        line-height: 32px;\n        ".concat(o.tdUp," {\n          font-size: 32px;\n          line-height: 42px;\n          letter-spacing: -1px;\n        }\n      ");case"h3":return"\n        font-size: 20px;\n        letter-spacing: -0.7px;\n        line-height: 26px;\n        ".concat(o.tdUp," {\n          font-size: 26px;\n          line-height: 36px;\n          letter-spacing: -0.8px;\n        }\n      ");case"h4":return"\n        font-size: 18px;\n        letter-spacing: -0.6px;\n        line-height: 26px;\n        ".concat(o.tdUp," {\n          font-size: 22px;\n          line-height: 32px;\n        }\n      ");case"h5":return"\n        font-size: 16px;\n        letter-spacing: -0.2px;\n        line-height: 24px;\n        ".concat(o.tdUp," {\n          font-size: 18px;\n          line-height: 28px;\n        }\n      ");case"h6":return"\n        font-size: 14px;\n        line-height: 22px;\n        letter-spacing: -0.2px;\n          ".concat(o.tdUp," {\n          font-size: 16px;\n          line-height: 24px;\n          letter-spacing: 0;\n        }\n      ")}}(n.headingTag)}),(function(n){return function(n){switch(n){case"bold":return"\n       font-weight: ".concat(r.sizes.fwBold,";\n      ");case"semibold":return"\n       font-weight: ".concat(r.sizes.fwSemiBold,";\n      ");default:return"\n        font-weight: ".concat(r.sizes.fwBold,";\n      ")}}(n.headingFontWeight)})),p=function(n){var a,r=n.as,o=n.tag,d=n.className,h=n.children,s=n.title,p=n.color,g=n.style,l=n.fontWeight,u=n.dataEventCategory,v=n.dataEventAction,f=n.dataEventLabel,x=t(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),m=r||o;return i.createElement(c,e({title:s,style:e(e({},p?(a={},a["--custom-heading-color"]=p,a):void 0),g),"data-tag":o,"data-font-weight":l||void 0,"data-event-category":u,"data-event-action":v,"data-event-label":f,as:m,className:d,headingFontWeight:l,headingTag:o},x),h)};export{p as H,s as S};