@hhgtech/hhg-components 1.23.49 → 1.23.51

package/build/{types-5b19c16a.js → types-b98ec3f8.js}

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

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

package/build/useHealthToolCache-ae60e83f.js

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

package/build/useTranslations-c35f52b2.js

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

package/package.json

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

package/build/FullScreen-c34b593b.js

@@ -1 +0,0 @@
-"use strict";var n=require("./tslib.es6-3df23032.js"),e=require("styled-components"),t=require("react"),r=require("./utils-4788f2eb.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,d,s=o(e),h=o(t),l=s.default.div(i||(i=n.__makeTemplateObject(["\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=s.default.hr(a||(a=n.__makeTemplateObject(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),p="xzO2I0N",u=s.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),g=function(e){var t=e.size,r=e.color,o=e.isExpand,i=n.__rest(e,["size","color","isExpand"]);return o?h.default.createElement("svg",n.__assign({width:t,height:t,viewBox:"0 0 16 16",fill:r,xmlns:"http://www.w3.org/2000/svg"},i),h.default.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),h.default.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):h.default.createElement("svg",n.__assign({width:t,height:t,viewBox:"0 0 14 14",fill:r,xmlns:"http://www.w3.org/2000/svg"},i),h.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};g.defaultProps={size:24,color:"inherit",isExpand:!1},exports.FullScreen=g,exports.Heading=function(e){var t,r=e.as,o=e.tag,i=e.className,a=e.children,d=e.title,s=e.color,l=e.style,c=e.fontWeight,u=e.dataEventCategory,g=e.dataEventAction,x=e.dataEventLabel,b=n.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),w=r||o;return h.default.createElement(w,n.__assign({title:d,style:n.__assign(n.__assign({},s?(t={},t["--custom-heading-color"]=s,t):void 0),l),"data-tag":o,"data-font-weight":c||void 0,"data-event-category":u,"data-event-action":g,"data-event-label":x,className:"".concat(p," ").concat(i||"")},b),a)},exports.StyledAvatar=l,exports.StyledCheckbox=u,exports.StyledDivider=c;

package/build/components/molecules/ampNextPage/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export type AmpNextArticleItem = {
-    title: string;
-    image: string;
-    link: string;
-};
-export type Props = {
-    ampNextArticles?: AmpNextArticleItem[];
-};
-declare const AmpNextPage: ({ ampNextArticles }: Props) => JSX.Element;
-export { AmpNextPage };

package/build/core-e553b94b.js

@@ -1 +0,0 @@
-"use strict";var t=require("./tslib.es6-3df23032.js"),e=require("./isProduction-fc7beeb8.js"),r={},a=function(t){if("undefined"!=typeof window){var a=void 0;try{a=JSON.parse(localStorage.getItem((e.isProduction?"":"staging_")+"hhg-cache-"+t)||"{}")}catch(t){}return a||{}}return r[t]},i=function(t,a){try{"undefined"!=typeof window?localStorage.setItem((e.isProduction?"":"staging_")+"hhg-cache-"+t,JSON.stringify({data:a,time:Date.now()})):r[t]={data:a,time:Date.now()}}catch(t){}};exports.getCachedItem=a,exports.getDataWithCache=function(e,r,n,o){return void 0===o&&(o=9e5),t.__awaiter(void 0,void 0,void 0,(function(){var c,s;return t.__generator(this,(function(t){switch(t.label){case 0:return(c=a(e))&&c.data&&c.time&&Date.now()-c.time<o?[2,c.data]:[3,1];case 1:return r?[4,r()]:[3,3];case 2:return s=t.sent(),n&&!n(s)||i(e,s),[2,s];case 3:return[2,null]}}))}))},exports.setCachedItem=i;

package/build/esm/FullScreen-6567ac4c.js

@@ -1 +0,0 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-4a16ba47.js";import t from"styled-components";import o from"react";import{M as i}from"./utils-99f25ce9.js";var a,d,s,h=t.div(a||(a=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=t.hr(d||(d=n(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),l="xzO2I0N",p=function(n){var t,i=n.as,a=n.tag,d=n.className,s=n.children,h=n.title,c=n.color,p=n.style,u=n.fontWeight,g=n.dataEventCategory,x=n.dataEventAction,b=n.dataEventLabel,w=e(n,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]),m=i||a;return o.createElement(m,r({title:h,style:r(r({},c?(t={},t["--custom-heading-color"]=c,t):void 0),p),"data-tag":a,"data-font-weight":u||void 0,"data-event-category":g,"data-event-action":x,"data-event-label":b,className:"".concat(l," ").concat(d||"")},w),s)},u=t.div(s||(s=n(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),i.mbDown,i.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),g=function(n){var t=n.size,i=n.color,a=n.isExpand,d=e(n,["size","color","isExpand"]);return a?o.createElement("svg",r({width:t,height:t,viewBox:"0 0 16 16",fill:i,xmlns:"http://www.w3.org/2000/svg"},d),o.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),o.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):o.createElement("svg",r({width:t,height:t,viewBox:"0 0 14 14",fill:i,xmlns:"http://www.w3.org/2000/svg"},d),o.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};g.defaultProps={size:24,color:"inherit",isExpand:!1};export{g as F,p as H,h as S,c as a,u as b};

package/build/esm/index-13cd2b55.js

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

package/build/esm/index-29ce6a82.js

@@ -1 +0,0 @@
-import{c as a,_ as t}from"./tslib.es6-4a16ba47.js";import e from"react";var d="P03rcnV",o="LsvykAk",r="S2kaD9B",c="fAwTdkg",n="ITgol3T",i="cD-HMFz",s="oAG2-aJ",l="Y9fGCaj",C=function(C){var m=C.size,u=C.color,p=void 0===u?"primary":u,v=C.theme,h=void 0===v?"helloSites":v,g=C.isDisabled,k=C.isBlock,P=C.title,E=C.className,y=C.onClick,b=C.icon,N=C.children,w=C.isLoading,f=void 0!==w&&w,L=C.loadingText,A=C.dataEventCategory,B=C.dataEventAction,x=C.dataEventLabel,T=C.dataProductChannel,z=C.dataProductSku,D=C.dataProductBrand,S=C.dataProductName,F=C.dataProductPrice,M=C.dataProductCategory,V=C.dataProductPosition,j=C.isAmp,G=C.on,W=C.dataVarsTracking,Z=C.type,H=a(C,["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"]),I=j?{"data-vars-event-category":A,"data-vars-event-action":B,"data-vars-event-label":x,"data-vars-product-channel":T,"data-vars-product-sku":z,"data-vars-product-brand":D,"data-vars-product-name":S,"data-vars-product-price":F,"data-vars-product-category":M,"data-vars-product-position":V,"data-vars-tracking":W,on:G}:{"data-event-category":A,"data-event-action":B,"data-event-label":x,"data-product-channel":T,"data-product-sku":z,"data-product-brand":D,"data-product-name":S,"data-product-price":F,"data-product-category":M,"data-product-position":V},J=e.createElement("span",{className:o},e.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("circle",{className:l,cx:"12",cy:"12",r:"10",stroke:"white",strokeWidth:"4"})),e.createElement("svg",{className:d,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.createElement("mask",{id:"path-1-inside-1",fill:"white"},e.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"})),e.createElement("path",{className:s,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 e.createElement("button",t({},I,{className:"".concat(n," ").concat(E||""),"data-size":m,"data-color":p,"data-block":k,"data-has-icon":!!b||void 0,"data-theme":h,disabled:g,onClick:function(a){!f&&!g&&y&&y(a)},title:P,"data-is-loading":f,type:Z},H),e.createElement("span",{className:c},(b||f)&&e.createElement("span",{className:i},f?J:b," "),N&&e.createElement("span",{className:r},f&&L||N)))};export{C as B};

package/build/esm/index-82348ee8.js

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

package/build/esm/index-b680a281.js

@@ -1 +0,0 @@
-import{b as n,c as t}from"./tslib.es6-4a16ba47.js";import{M as e}from"./utils-99f25ce9.js";import o from"styled-components";import a,{memo as i,useMemo as h}from"react";import{CommonGAssets as l}from"./gAssets.js";import{L as s}from"./Locale-d4f317b5.js";var p,g,r,x,d=o.div(p||(p=n(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img,\n      amp-image {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .amp-logo img {\n    object-fit: contain;\n  }\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),e.mbDown),c=o.img(g||(g=n(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),m=i((function(n){var t=n.type,e=n.width,o=n.height,i=h((function(){switch(t){case"hellobacsi":return{width:e||"107px",height:o||"24px",src:l.getAssetPath("logo/hellobacsi.png")};case"hellodoktor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoktor.png")};case"hellosehat":return{width:e||"121px",height:o||"27px",src:l.getAssetPath("logo/hellosehat.png")};case"hellohealth":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellohealth.png")};case"hellotogether":return{width:e||"150px",height:o||"24px",src:l.getAssetPath("logo/hellotogether.png")};case"hellocare":return{width:e||"99px",height:o||"24px",src:l.getAssetPath("logo/hellocare.png")};case"hellodoctor":return{width:e||"127px",height:o||"24px",src:l.getAssetPath("logo/hellodoctor.png")};case"hellokrupet":return{width:e||"101px",height:o||"24px",src:l.getAssetPath("logo/hellokrupet.png")};case"hellosayarwon":return{width:e||"111px",height:o||"24px",src:l.getAssetPath("logo/hellosayarwon.png")};case"helloyishi":return{width:e||"89px",height:o||"24px",src:l.getAssetPath("logo/helloyishi.png")};case"hellokhunmor":return{width:e||"123px",height:o||"24px",src:l.getAssetPath("logo/hellokhunmor.png")};case"helloswasthya":return{width:e||"105px",height:o||"24px",src:l.getAssetPath("logo/helloswasthya.png")};case"logomark":return{width:e||"60px",height:o||"57px",src:l.getAssetPath("logo/logomark.png")};case"marryBaby":return{width:e||"145px",height:o||"28px",src:l.getAssetPath("logo/marrybaby.png")};default:return null}}),[t,e,o])||{},s=i.src,p=i.width,g=i.height;return a.createElement("img",{className:"main-logo-icon",src:s,style:{width:p,height:g}})})),f=function(n){var t=n.getDate();return 11===n.getMonth()&&t>=16&&t<=25},u={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},y=[s.Vietnam,s.Taiwan,s.Indonesia,s.Malaysia],w=function(n){var t=n.getFullYear(),e=u[t];if(!e)return!1;var o=new Date(t,e[1],e[0]),a=new Date(o);a.setDate(o.getDate()-7);var i=new Date(o);return i.setDate(o.getDate()+5),a<=n&&n<=i},b=function(n){var t=n.getDate(),e=n.getMonth();return 11===e&&t>=26||0===e&&t<=15},z=o((function(n){var e=n.type,o=t(n,["type"]);return a.createElement(e,o)}))(r||(r=n(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),v=o.p(x||(x=n(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(n){return n.theme.mbColors.dark})),A="d76E4SH",P=function(n){var t=n.children,e=n.className,o=n.style,i=n.type;return a.createElement("div",{className:"".concat(A," ").concat(e||""),style:o,"data-type":i},t)};export{P as C,y as L,d as S,w as a,b,m as c,c as d,z as e,v as f,f as i};