@hhgtech/hhg-components 1.22.11 → 1.22.13

package/build/esm/{types-5dc38a6e.js → types-e15564af.js}

@@ -1 +1 @@
-import{b as e,a as n,_ as t,d as o,e as i}from"./tslib.es6-2fa94e2c.js";import r,{useState as a,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-a0a981fa.js";import{b as g,d as m}from"./index-2cf746a8.js";import{g as f,s as C,d as v}from"./cookieHelper-8c12973e.js";import{u as x}from"./useTranslations-b3eb31ef.js";import y from"lodash/debounce";import{I as b}from"./index-8b13ba47.js";import w,{createGlobalStyle as E}from"styled-components";import{T as L}from"./index-b39dee28.js";import{t as k}from"./theme-13d11d67.js";import S from"react-loading-skeleton";import{M}from"./utils-11febb09.js";import I from"lodash/shuffle";import{u as R}from"./useOutsideClick-6004483a.js";import P from"string-format";var F,z,A,T,N,B,H,V,D,O,K,Z,_=w.div(F||(F=e([""],[""]))),j=w.div(z||(z=e(["\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"]))),G=w.section(A||(A=e([""],[""]))),U=w.input(T||(T=e(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),Q=w(b)(N||(N=e(["\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"]))),q=E(B||(B=e(["\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"]))),W=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},Y=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},r.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:t||"currentColor"}))},J=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},r.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:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.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:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},$=function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ee=w.li(H||(H=e(["\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"])),k.colors.neutral100),ne=w.div(V||(V=e(["\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"])),M.mbDown),te=w.ul(D||(D=e(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),oe=w(Y)(O||(O=e(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),ie=w.li(K||(K=e(["\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    ")}),k.colors.neutral100,k.colors.neutral50),re=w((function(e){var t=e.count,o=e.className;return r.createElement(r.Fragment,null,n([],Array(t),!0).map((function(e,n){return r.createElement(ee,{className:o,key:n},r.createElement(S,{count:1,height:32}),r.createElement(S,{count:1,height:24}))})))}))(Z||(Z=e(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),ae=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,a=e.geoLocationPermission,c=void 0===a?"unset":a,l=e.isLocationLoading,s=e.selectedLocation,u=x().t,d="denied"===c,p=function(){return r.createElement(ie,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?r.createElement(L,{color:"var(--gray600)",size:"md"},"x"):l?r.createElement(S,{height:20,width:20}):r.createElement(J,{color:k.colors.primaryBase}),r.createElement("div",null,d?r.createElement(L,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?r.createElement(S,{height:20,style:{width:"calc(100% - 16px)"}}):r.createElement(L,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return r.createElement(ne,{"data-testid":"location-search-results"},r.createElement(te,null,t?r.createElement(re,{count:5}):!n||n.length<1?r.createElement(r.Fragment,null,p(),r.createElement(ie,{"data-is-denied":"true"},r.createElement(L,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):r.createElement(r.Fragment,null,p(),n.map((function(e){return r.createElement(ie,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},r.createElement(oe,{color:k.colors.neutral400}),r.createElement(L,{size:"md"},e.name))})))))},ce="TYPE_CHARACTER",le="REMOVE_CHARACTER",se="REMOVE_ALL",ue="REMOVE_LAST_VISIBLE_NODE",de="PAUSE_FOR",pe="CHANGE_DELETE_SPEED",he="CHANGE_DELAY",ge="PASTE_STRING",me=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},fe="TEXT_NODE",Ce=function(){function e(e){var o=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 o.state.eventLoopPaused=!1,o.runEventLoop(),o},this.pause=function(){return o.state.eventLoopPaused=!0,o},this.stop=function(){return o.state.eventLoop&&(window.cancelAnimationFrame(o.state.eventLoop),o.state.eventLoop=null),o},this.pauseFor=function(e){return o.addEventToQueue(de,{ms:e}),o},this.typeOutAllStrings=function(){return"string"==typeof o.options.strings?(o.typeString(o.options.strings).pauseFor(o.options.pauseFor),o):(o.options.strings.forEach((function(e){o.typeString(e).pauseFor(o.options.pauseFor).deleteAll(o.options.deleteSpeed)})),o)},this.typeString=function(e,n){if(void 0===n&&(n=null),e){var t=(o.options||{}).stringSplitter,i="function"==typeof t?t(e):e.split("");o.typeCharacters(i,n)}return o},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&o.addEventToQueue(ge,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(se,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(pe,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(he,{delay:e}),o},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)o.addEventToQueue(le);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(ce,{character:e,node:n})})),o},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){o.addEventToQueue(le)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,r){void 0===i&&(i=!1);var a={eventName:e,eventArgs:t||{}};return o.state[r]=i?n([a],o.state[r],!0):n(n([],o.state[r],!0),[a],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var r=n([],o.state.eventQueue,!0),a=r.shift();if(!(i<=(a.eventName===ue||a.eventName===le?"natural"===o.options.deleteSpeed?me(40,80):o.options.deleteSpeed:"natural"===o.options.delay?me(120,160):o.options.delay))){var c=a.eventName,l=a.eventArgs;switch(c){case ge:case ce:var s=l.character,u=document.createTextNode(s),d=u;o.options.onCreateTextNode&&"function"==typeof o.options.onCreateTextNode&&(d=o.options.onCreateTextNode(s,u)),o.state.visibleNodes=n(n([],o.state.visibleNodes,!0),[{type:fe,character:s,node:d}],!1);break;case le:r.unshift({eventName:ue,eventArgs:{removingCharacterNode:!0}});break;case de:var p=a.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case se:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:pe,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:ue,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:pe,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),r.unshift.apply(r,m);break;case ue:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),x=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:x,character:s}),x&&x.parentNode.removeChild(x)}break;case pe:o.options.deleteSpeed=a.eventArgs.speed;break;case he:o.options.delay=a.eventArgs.delay}o.options.loop&&(a.eventName===ue||a.eventArgs&&a.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[a],!1))),o.state.eventQueue=r,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(se,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function ve(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=x(),r=i.t,a=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==a&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),I(e).map((function(e){return r(e)}))}),[r,a]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new Ce({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var xe,ye=w.div(xe||(xe=e(["\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 be(e){var n=e.focused,o=e.value,i=void 0===o?"":o,a=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=x().t,p=u(null);ve({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return r.createElement(ye,t({onClick:function(){return a&&a()},ref:p},h),r.createElement(Q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:r.createElement(X,{color:k.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var we,Ee,Le,ke,Se,Me,Ie=w.header(we||(we=e(["\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"]))),Re=w.div(Ee||(Ee=e(["\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"]))),Pe=w.div(Le||(Le=e(["\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"]))),Fe=w.div(ke||(ke=e(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),ze=w(L)(Se||(Se=e(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),k.colors.secondaryDark),Ae=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,a=e.iconLeft,c=e.textRight;return r.createElement(Ie,{className:n},r.createElement(Pe,{onClick:t},a||r.createElement(W,{color:k.colors.gray800})),r.createElement(Fe,null,r.createElement(ze,{size:"md",type:"bold"},o)),r.createElement(Re,{onClick:i},c&&r.createElement("p",null,c)))},Te={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ne={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 Be(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function He(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case Me.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Me.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:Be(t(t({},e),{focused:"none"}));case Me.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Me.FocusInputLocation:var i=t(t({},e),{focused:"location"});return(null===(o=e.selectedLocation)||void 0===o?void 0:o.id)===p&&(i.searchLocationKeywords=""),i;case Me.FocusInputSearch:var r=t(t({},e),{focused:"search"});return e.isMobile?Be(r):r;case Me.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Me.ChangeInputSearch:var a=n.payload;return t(t({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>Te[e.locale]});case Me.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Me.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Me.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Me.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Me.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Me.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Me.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Me.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Me.FetchCitiesByGeoIpComplete:var l=n.payload.cities,s=n.payload.default;(l=l.filter((function(e){return e.id!==s.id}))).unshift(s),e.initialSelectedCity&&!l.find((function(n){return n.id===e.initialSelectedCity.id}))&&l.unshift(e.initialSelectedCity);var u=t(t({},e),{defaultCity:s,initialCities:l,cities:l});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(u.selectedLocation=s,u.searchLocationKeywords=s.name),u;case Me.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Me.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Me.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Me.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Me.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Me.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Me.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Me.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Me.SetInputSearchPlaceholder:return t(t({},e),{inputSearchPlaceholder:n.payload});default:return e}}!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"}(Me||(Me={}));var Ve,De,Oe,Ke,Ze,_e,je,Ge=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.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"}))},Ue=w.button(Ve||(Ve=e(["\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}),M.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Qe=w(L)(De||(De=e(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),qe=function(e){var n=e.onClick,t=(0,x().t)("booking.searchBar.searchButton");return r.createElement(Ue,{onClick:n,title:t},r.createElement(Ge,null),r.createElement(Qe,{size:"s3",color:"white"},t))},We=w.div(Oe||(Oe=e(["\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"])),M.mbDown,k.colors.blue50),Ye=w.div(Ke||(Ke=e(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Je=w(Ye)(Ze||(Ze=e(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),Xe=w(Ye)(_e||(_e=e(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),$e=w((function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),r.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:t||"currentColor"}))}))(je||(je=e(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function en(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,a=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,y=u(null),b=u(null),w=t.focused,E=t.searchLocationKeywords,L=t.geoLocationPermission,S=t.selectedLocation,M=t.searchKeywords,I=t.inputSearchPlaceholder,P=x().t;ve({wrapperRef:b,disabled:!!I}),R(y,(function(){o({type:Me.ClickOutsideInputLocation})})),R(b,(function(){o({type:Me.ClickOutsideInputSearch})}));var F=l((function(){return"granted"===L&&(null==S?void 0:S.id)===p?k.colors.primaryBase:k.colors.gray400}),[L,S]),z=c((function(e){o({type:Me.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Te[t.locale]||v?a(e.trim(),t):(a.cancel(),o({type:Me.DisplayInitialSearchResults})))}),[o,t]),A=c((function(e){o({type:Me.ChangeInputLocation,payload:e}),e.trim().length>Te[t.locale]?i(e.trim()):(i.cancel(),o({type:Me.DisplayInitialCities}))}),[i,o]);return r.createElement(We,null,r.createElement(Je,{ref:y},r.createElement(Q,{inputClassName:"location"===w?"focused":void 0,placeholder:P("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:r.createElement(Y,{className:"location-pin-icon",color:F}),actionIcon:r.createElement($e,{color:k.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){o({type:Me.ClearInputLocation}),i.cancel(),s()},value:E,onChange:A,onFocus:function(){return o({type:Me.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),r.createElement(Xe,{ref:b},r.createElement(Q,{placeholder:I||P("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:r.createElement($e,{color:k.colors.gray300,className:""!==M?"shown":""}),onActionClick:function(){o({type:Me.ClearInputSearch}),a.cancel(),a("",t),d()},value:M,onChange:z,onFocus:function(){return o({type:Me.FocusInputSearch})},inputClassName:"search"===w?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:M})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&r.createElement(qe,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:M})}}))}var nn,tn,on,rn,an,cn,ln,sn,un,dn,pn,hn,gn,mn,fn=w.li(nn||(nn=e(["\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"]))),Cn=w.div(tn||(tn=e(["\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 n=e.type;return n&&"doctors"===n&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),k.colors.gray600),vn=w(L)(on||(on=e(["\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"])),M.tdUp),xn=w.figure(rn||(rn=e(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),yn=w.svg(an||(an=e(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),bn=w.div(cn||(cn=e(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),wn={doctors:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_14712_400114)"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),r.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"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_14712_400114"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),r.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"}))}},En=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,a=l((function(){var e=wn[n]||$;return r.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return r.createElement(fn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},r.createElement(xn,null,"hospitals"===n?r.createElement(yn,{width:"12",height:"16",viewBox:"0 0 12 16"},r.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"})):r.createElement(Cn,{type:n},o?r.createElement("img",{src:o,width:32,height:"services"===n?32:24}):a)),r.createElement(vn,{color:k.colors.gray800,size:"p3"},t.name))},Ln=function(){return r.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},r.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"}))},kn=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.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"}))},Sn=function(){return r.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},r.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"}))},Mn=function(){return r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},r.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"}))},In=w.header(ln||(ln=e(["\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"])),k.colors.neutral50),Rn=w.div(sn||(sn=e(["\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"]))),Pn=w.p(un||(un=e(["\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"])),k.colors.neutral800,k.sizes.fwSemiBold),Fn=w.button(dn||(dn=e(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),zn=w.section(pn||(pn=e(["\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"])),M.tdUp),An=w.ul(hn||(hn=e(["\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"])),M.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    "}),M.tdUp),Tn=w(L)(gn||(gn=e(["\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"]))),Nn=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=a(!1),m=g[0],f=g[1],C=x(),v=C.t,y=C.locale,b=o.selectedLocation,w=o.searchKeywords,E=l((function(){return h[y]}),[y]),M=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:r.createElement(Ln,null),slug:E.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:r.createElement(kn,null),slug:E.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:r.createElement(Sn,null),slug:E.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:r.createElement(Mn,null),slug:E.SPECIALTIES}}}),[n,E]),I=l((function(){return M[n].slug}),[M]),R=u?c:s;function P(e){var t="";switch(n){case"specialties":t="/".concat(b.slug,"/").concat(M.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(I,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(I,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:Me.SelectSearchResult,payload:{name:e.name,url:t}})}function F(e){return r.createElement(En,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:P})}return r.createElement("section",null,r.createElement(In,null,r.createElement(Rn,null,M[n].icon,r.createElement(Pn,null,M[n].name)),p.trim().length<=Te[y]&&r.createElement(Fn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(I);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(I)}e&&i({type:Me.NavigateTo,payload:e})}},r.createElement(L,{size:"p3",color:k.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&r.createElement(zn,null,r.createElement(An,null,d&&Array(2).fill(void 0).map((function(e,t){return r.createElement(fn,{key:n+"loading"+t},r.createElement(xn,null,r.createElement(bn,null,r.createElement(S,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),r.createElement(S,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(F)),r.createElement(An,{isShown:m,isMore:!0},t.slice(R,-1).map(F)),"specialties"===n&&R<t.length&&!d&&r.createElement("button",{onClick:function(){return f(!m)}},r.createElement(Tn,{size:"p3",color:k.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Te[y]&&r.createElement("button",{onClick:function(){var e=M[n].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(w);i({type:Me.NavigateTo,payload:t})}},r.createElement(Tn,{size:"p3",color:k.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&r.createElement(zn,null,r.createElement(L,{size:"sm",color:k.colors.gray400},v("booking.searchBar.noResults"))))},Bn=w.section(mn||(mn=e(["\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"])),M.tdUp),Hn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,a=e.isLoading,c=e.keyword;return r.createElement(Bn,null,n&&n.map((function(e){return r.createElement(Nn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:a,keyword:c})})))},Vn="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",Dn="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",On="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",Kn=function(e,n,o){return P(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Zn,_n=function(e){var n=e.isMobile,m=e.careApiDomain,b=e.geoLocationPermission,w=e.geoLocationCoordinates,E=e.initialSelectedCity,L=e.initialSearchValue,k=void 0===L?"":L,S=e.careFrontDomain,M=void 0===S?"/care":S,I=e.isDebug,R=void 0!==I&&I,P=e.askForGeolocationPermission,F=void 0!==P&&P,z=e.gaTrackingSearchBar,A=e.gaTrackingLocationSearch,T=e.autoCompleteDisabled,N=void 0!==T&&T,B=e.inputSearchPlaceholder,H=void 0===B?"":B,V=e.routerPush,D=e.onGeoLocationPermissionChange,O=e.onSearch,K=e.onChangeLocation,Z=x(),Q=Z.t,W=Z.locale,Y=u(null),J=u(null),X=a(void 0),$=X[0],ee=X[1],ne=function(){var e=a((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=a((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],r=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),{minutes:15}),r(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,re=d(He,Ne,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:b||te||"unset",geoLocationCoordinates:w||oe||null,searchKeywords:k,initialSelectedCity:E||null,selectedLocation:E||e.selectedLocation||null,searchLocationKeywords:(null==E?void 0:E.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:W})})),ce=re[0],le=re[1],se=ce.navigateTo,ue=ce.focused,de=ce.isLoadingCities,pe=ce.cities,he=ce.searchKeywords,ge=ce.geoLocationPermission,me=ce.selectedLocation,fe=ce.initialSelectedCity,Ce=ce.defaultCity,ve=ce.searchResults,xe=ce.isLoadingSearchResults,ye=ce.isMobileModalOpened,we=ce.inputSearchPlaceholder,Ee=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,r=void 0===i?"vi-VN":i,a=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:Me.FetchCitiesStart}),fetch(Kn(i,t,r),{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 n({type:Me.FetchCitiesFinish})}))}),[r]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[a(On,i)];return"zh-TW"===r&&c.push(a(Vn,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],r=t({},o);if(i){var a=r.cities.map((function(e){return e.id}));r.cities=r.cities.concat(i.cities.filter((function(e){return!a.includes(e.id)})))}n({type:Me.FetchCitiesByGeoIpComplete,payload:r})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[r,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return a(Vn,{keyword:e}).then((function(e){n({type:Me.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[r,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(Dn);n({type:Me.FetchSearchResultsStart});var a=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&a){c.id===p?l||(s=a.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Kn(i,{domain:o,searchType:"global",keyword:e.trim().length>Te[r]?e.trim():"",city:s===p?"":s,lat:u,lng:d},r),{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 n({type:Me.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:Me.FetchSearchResultsFinish})}))}n({type:Me.FetchSearchResultsFinish})}),[r,o,n])}}({dispatch:le,locale:W,careApiDomain:m}),Le=Ee.fetchCitiesByLocation,ke=Ee.fetchCitiesByKeyword,Se=Ee.fetchSearchResults,Ie=l((function(){var e;return{id:p,name:Q("booking.searchBar.currentLocation"),slug:null===(e=h[W])||void 0===e?void 0:e.CURRENT}}),[Q,W]),Re=l((function(){return y(ke,400)}),[ke]),Pe=l((function(){return y(Se,400)}),[Se]);s((function(){""!==k&&k!==ce.searchKeywords&&le({type:Me.UpdateInitialSearchValue,payload:k})}),[k]),s((function(){F&&(null==me?void 0:me.id)===p&&"unset"===ge&&ie()}),[F,me,ge]),s((function(){b||ge===te||("granted"===te&&oe?le({type:Me.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:Me.DenyGeoLocationPermission}))}),[ge,te,oe,b]),s((function(){se&&(V?V(se):window.location.href="".concat(M).concat(se))}),[se]);var Fe=c((function(){le({type:Me.SelectCurrentLocation,payload:Ie})}),[Q,le]);s((function(){"denied"===ge||fe||Fe(),D&&D(ge,ce.geoLocationCoordinates),n&&"granted"===ge&&me&&le({type:Me.FocusInputSearch}),Le({coordinates:ce.geoLocationCoordinates})}),[ge]),s((function(){me&&Ce&&Se(ce.searchKeywords,ce)}),[me,Ce]),s((function(){H!==we&&le({type:Me.SetInputSearchPlaceholder,payload:H})}),[H,we]),s((function(){ye?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ye]);var ze=c((function(e){le({type:Me.SelectLocation,payload:e}),De(),K&&K(e)}),[Q,le]);function Be(){n&&"granted"!==ce.geoLocationPermission?ie():(Fe(),De())}function Ve(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){le({type:Me.CloseMobileModal})}function Ke(){return"location"!==ue?null:r.createElement(ae,{isLoading:de,cities:pe,onLocationClick:ze,onCurrentLocationClick:Be,isLocationLoading:de,geoLocationPermission:ge,selectedLocation:me})}function Ze(){return"search"!==ue?null:ce.autoCompleteDisabled?n?r.createElement(qe,{onClick:function(){O({cityId:ce.selectedLocation.id,keyword:he}),Oe()}}):null:r.createElement(Hn,{data:ve,state:ce,dispatch:le,isMobile:!1,keyword:he,isLoading:xe})}function _e(){return r.createElement(en,{isMobile:n,state:ce,dispatch:le,debouncedFetchCitiesByKeyword:Re,debouncedFetchSearchResults:Pe,focusLocationInput:Ve,focusSearchInput:De,renderLocationResults:Ke,renderSearchResults:Ze,trackingAttributes:z,locationTrackingAttributes:A,onSearch:O,initalSearchValue:k})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?r.createElement(r.Fragment,null,r.createElement(q,null),r.createElement(U,{ref:J}),r.createElement(j,{id:"booking-search-bar",ref:Y,"data-is-modal":n&&ye,style:{"--mobile-care-searchbar-height":ye&&$?"".concat($,"px"):"100%"}},ye?r.createElement(r.Fragment,null,r.createElement(G,null,r.createElement(Ae,{headingText:Q("booking.searchBar.searchButton"),onLeftClick:Oe}),_e()),Ke(),Ze()):r.createElement(be,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return J.current&&J.current.focus(),le({type:Me.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:z,inputSearchPlaceholder:H}))):r.createElement(_,{id:"booking-search-bar",ref:Y},_e())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Zn||(Zn={}));var jn=Object.freeze({__proto__:null,get RedirectType(){return Zn}});export{_n as B,jn as t};
+import{b as e,a as n,_ as t,d as o,e as i}from"./tslib.es6-2fa94e2c.js";import a,{useState as r,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-a0a981fa.js";import{b as g,d as m}from"./index-2cf746a8.js";import{g as f,s as C,d as v}from"./cookieHelper-8c12973e.js";import{u as x}from"./useTranslations-b3eb31ef.js";import y from"lodash/debounce";import{I as b}from"./index-c2f532a6.js";import w,{createGlobalStyle as E}from"styled-components";import{T as L}from"./index-a0e2043c.js";import{t as k}from"./theme-13d11d67.js";import S from"react-loading-skeleton";import{M}from"./utils-40d4438f.js";import I from"lodash/shuffle";import{u as R}from"./useOutsideClick-6004483a.js";import P from"string-format";var F,z,A,T,N,B,H,V,D,O,K,Z,_=w.div(F||(F=e([""],[""]))),j=w.div(z||(z=e(["\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"]))),G=w.section(A||(A=e([""],[""]))),U=w.input(T||(T=e(["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"],["\n  position: fixed;\n  left: -100%;\n  top: -100%;\n"]))),Q=w(b)(N||(N=e(["\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"]))),q=E(B||(B=e(["\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"]))),W=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},Y=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},a.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:t||"currentColor"}))},J=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},a.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:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.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:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},$=function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ee=w.li(H||(H=e(["\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"])),k.colors.neutral100),ne=w.div(V||(V=e(["\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"])),M.mbDown),te=w.ul(D||(D=e(["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"],["\n  width: 100%;\n  max-height: 600px;\n  overflow-y: auto;\n"]))),oe=w(Y)(O||(O=e(["\n  width: 12px;\n  height: 18px;\n"],["\n  width: 12px;\n  height: 18px;\n"]))),ie=w.li(K||(K=e(["\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    ")}),k.colors.neutral100,k.colors.neutral50),ae=w((function(e){var t=e.count,o=e.className;return a.createElement(a.Fragment,null,n([],Array(t),!0).map((function(e,n){return a.createElement(ee,{className:o,key:n},a.createElement(S,{count:1,height:32}),a.createElement(S,{count:1,height:24}))})))}))(Z||(Z=e(["\n  &:first-child {\n    padding-top: 18px;\n  }\n"],["\n  &:first-child {\n    padding-top: 18px;\n  }\n"]))),re=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,c=void 0===r?"unset":r,l=e.isLocationLoading,s=e.selectedLocation,u=x().t,d="denied"===c,p=function(){return a.createElement(ie,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?a.createElement(L,{color:"var(--gray600)",size:"md"},"x"):l?a.createElement(S,{height:20,width:20}):a.createElement(J,{color:k.colors.primaryBase}),a.createElement("div",null,d?a.createElement(L,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?a.createElement(S,{height:20,style:{width:"calc(100% - 16px)"}}):a.createElement(L,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return a.createElement(ne,{"data-testid":"location-search-results"},a.createElement(te,null,t?a.createElement(ae,{count:5}):!n||n.length<1?a.createElement(a.Fragment,null,p(),a.createElement(ie,{"data-is-denied":"true"},a.createElement(L,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):a.createElement(a.Fragment,null,p(),n.map((function(e){return a.createElement(ie,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},a.createElement(oe,{color:k.colors.neutral400}),a.createElement(L,{size:"md"},e.name))})))))},ce="TYPE_CHARACTER",le="REMOVE_CHARACTER",se="REMOVE_ALL",ue="REMOVE_LAST_VISIBLE_NODE",de="PAUSE_FOR",pe="CHANGE_DELETE_SPEED",he="CHANGE_DELAY",ge="PASTE_STRING",me=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},fe="TEXT_NODE",Ce=function(){function e(e){var o=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 o.state.eventLoopPaused=!1,o.runEventLoop(),o},this.pause=function(){return o.state.eventLoopPaused=!0,o},this.stop=function(){return o.state.eventLoop&&(window.cancelAnimationFrame(o.state.eventLoop),o.state.eventLoop=null),o},this.pauseFor=function(e){return o.addEventToQueue(de,{ms:e}),o},this.typeOutAllStrings=function(){return"string"==typeof o.options.strings?(o.typeString(o.options.strings).pauseFor(o.options.pauseFor),o):(o.options.strings.forEach((function(e){o.typeString(e).pauseFor(o.options.pauseFor).deleteAll(o.options.deleteSpeed)})),o)},this.typeString=function(e,n){if(void 0===n&&(n=null),e){var t=(o.options||{}).stringSplitter,i="function"==typeof t?t(e):e.split("");o.typeCharacters(i,n)}return o},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&o.addEventToQueue(ge,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(se,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(pe,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(he,{delay:e}),o},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)o.addEventToQueue(le);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(ce,{character:e,node:n})})),o},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){o.addEventToQueue(le)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,a){void 0===i&&(i=!1);var r={eventName:e,eventArgs:t||{}};return o.state[a]=i?n([r],o.state[a],!0):n(n([],o.state[a],!0),[r],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var a=n([],o.state.eventQueue,!0),r=a.shift();if(!(i<=(r.eventName===ue||r.eventName===le?"natural"===o.options.deleteSpeed?me(40,80):o.options.deleteSpeed:"natural"===o.options.delay?me(120,160):o.options.delay))){var c=r.eventName,l=r.eventArgs;switch(c){case ge:case ce:var s=l.character,u=document.createTextNode(s),d=u;o.options.onCreateTextNode&&"function"==typeof o.options.onCreateTextNode&&(d=o.options.onCreateTextNode(s,u)),o.state.visibleNodes=n(n([],o.state.visibleNodes,!0),[{type:fe,character:s,node:d}],!1);break;case le:a.unshift({eventName:ue,eventArgs:{removingCharacterNode:!0}});break;case de:var p=r.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case se:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:pe,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:ue,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:pe,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),a.unshift.apply(a,m);break;case ue:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),x=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:x,character:s}),x&&x.parentNode.removeChild(x)}break;case pe:o.options.deleteSpeed=r.eventArgs.speed;break;case he:o.options.delay=r.eventArgs.delay}o.options.loop&&(r.eventName===ue||r.eventArgs&&r.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[r],!1))),o.state.eventQueue=a,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(se,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function ve(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=x(),a=i.t,r=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==r&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),I(e).map((function(e){return a(e)}))}),[a,r]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new Ce({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var xe,ye=w.div(xe||(xe=e(["\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 be(e){var n=e.focused,o=e.value,i=void 0===o?"":o,r=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=x().t,p=u(null);ve({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return a.createElement(ye,t({onClick:function(){return r&&r()},ref:p},h),a.createElement(Q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:a.createElement(X,{color:k.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var we,Ee,Le,ke,Se,Me,Ie=w.header(we||(we=e(["\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"]))),Re=w.div(Ee||(Ee=e(["\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"]))),Pe=w.div(Le||(Le=e(["\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"]))),Fe=w.div(ke||(ke=e(["\n  width: 100%;\n  margin-left: 24px;\n"],["\n  width: 100%;\n  margin-left: 24px;\n"]))),ze=w(L)(Se||(Se=e(["\n  color: ",";\n  text-align: start;\n"],["\n  color: ",";\n  text-align: start;\n"])),k.colors.secondaryDark),Ae=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,r=e.iconLeft,c=e.textRight;return a.createElement(Ie,{className:n},a.createElement(Pe,{onClick:t},r||a.createElement(W,{color:k.colors.gray800})),a.createElement(Fe,null,a.createElement(ze,{size:"md",type:"bold"},o)),a.createElement(Re,{onClick:i},c&&a.createElement("p",null,c)))},Te={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ne={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 Be(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function He(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case Me.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Me.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:Be(t(t({},e),{focused:"none"}));case Me.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Me.FocusInputLocation:var i=t(t({},e),{focused:"location"});return(null===(o=e.selectedLocation)||void 0===o?void 0:o.id)===p&&(i.searchLocationKeywords=""),i;case Me.FocusInputSearch:var a=t(t({},e),{focused:"search"});return e.isMobile?Be(a):a;case Me.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Me.ChangeInputSearch:var r=n.payload;return t(t({},e),{searchKeywords:r,isLoadingSearchResults:r.trim().length>Te[e.locale]});case Me.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Me.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Me.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Me.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Me.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Me.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Me.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Me.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Me.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Me.FetchCitiesByGeoIpComplete:var l=n.payload.cities,s=n.payload.default;(l=l.filter((function(e){return e.id!==s.id}))).unshift(s),e.initialSelectedCity&&!l.find((function(n){return n.id===e.initialSelectedCity.id}))&&l.unshift(e.initialSelectedCity);var u=t(t({},e),{defaultCity:s,initialCities:l,cities:l});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(u.selectedLocation=s,u.searchLocationKeywords=s.name),u;case Me.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Me.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Me.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Me.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Me.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Me.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Me.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Me.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Me.SetInputSearchPlaceholder:return t(t({},e),{inputSearchPlaceholder:n.payload});default:return e}}!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"}(Me||(Me={}));var Ve,De,Oe,Ke,Ze,_e,je,Ge=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.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"}))},Ue=w.button(Ve||(Ve=e(["\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}),M.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Qe=w(L)(De||(De=e(["\n  font-weight: ",";\n"],["\n  font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),qe=function(e){var n=e.onClick,t=(0,x().t)("booking.searchBar.searchButton");return a.createElement(Ue,{onClick:n,title:t},a.createElement(Ge,null),a.createElement(Qe,{size:"s3",color:"white"},t))},We=w.div(Oe||(Oe=e(["\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"])),M.mbDown,k.colors.blue50),Ye=w.div(Ke||(Ke=e(["\n  position: relative;\n"],["\n  position: relative;\n"]))),Je=w(Ye)(Ze||(Ze=e(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),Xe=w(Ye)(_e||(_e=e(["\n  flex: 2;\n"],["\n  flex: 2;\n"]))),$e=w((function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),a.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:t||"currentColor"}))}))(je||(je=e(["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"],["\n  display: none;\n  &.shown {\n    display: block;\n  }\n"])));function en(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,r=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,y=u(null),b=u(null),w=t.focused,E=t.searchLocationKeywords,L=t.geoLocationPermission,S=t.selectedLocation,M=t.searchKeywords,I=t.inputSearchPlaceholder,P=x().t;ve({wrapperRef:b,disabled:!!I}),R(y,(function(){o({type:Me.ClickOutsideInputLocation})})),R(b,(function(){o({type:Me.ClickOutsideInputSearch})}));var F=l((function(){return"granted"===L&&(null==S?void 0:S.id)===p?k.colors.primaryBase:k.colors.gray400}),[L,S]),z=c((function(e){o({type:Me.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Te[t.locale]||v?r(e.trim(),t):(r.cancel(),o({type:Me.DisplayInitialSearchResults})))}),[o,t]),A=c((function(e){o({type:Me.ChangeInputLocation,payload:e}),e.trim().length>Te[t.locale]?i(e.trim()):(i.cancel(),o({type:Me.DisplayInitialCities}))}),[i,o]);return a.createElement(We,null,a.createElement(Je,{ref:y},a.createElement(Q,{inputClassName:"location"===w?"focused":void 0,placeholder:P("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:a.createElement(Y,{className:"location-pin-icon",color:F}),actionIcon:a.createElement($e,{color:k.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){o({type:Me.ClearInputLocation}),i.cancel(),s()},value:E,onChange:A,onFocus:function(){return o({type:Me.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),a.createElement(Xe,{ref:b},a.createElement(Q,{placeholder:I||P("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:a.createElement($e,{color:k.colors.gray300,className:""!==M?"shown":""}),onActionClick:function(){o({type:Me.ClearInputSearch}),r.cancel(),r("",t),d()},value:M,onChange:z,onFocus:function(){return o({type:Me.FocusInputSearch})},inputClassName:"search"===w?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:M})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&a.createElement(qe,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:M})}}))}var nn,tn,on,an,rn,cn,ln,sn,un,dn,pn,hn,gn,mn,fn=w.li(nn||(nn=e(["\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"]))),Cn=w.div(tn||(tn=e(["\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 n=e.type;return n&&"doctors"===n&&"\n    border-radius: calc(var(--graphicSize) / 2);\n    "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n        object-fit: cover;  \n      ":"\n        object-fit: contain;\n      "}),k.colors.gray600),vn=w(L)(on||(on=e(["\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"])),M.tdUp),xn=w.figure(an||(an=e(["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"],["\n  max-width: var(--graphicSize);\n  min-width: var(--graphicSize);\n"]))),yn=w.svg(rn||(rn=e(["\n  margin: 0 auto;\n  display: block;\n"],["\n  margin: 0 auto;\n  display: block;\n"]))),bn=w.div(cn||(cn=e(["\n  display: grid;\n  place-items: center;\n"],["\n  display: grid;\n  place-items: center;\n"]))),wn={doctors:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("g",{clipPath:"url(#clip0_14712_400114)"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),a.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"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_14712_400114"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),a.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"}))}},En=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,r=l((function(){var e=wn[n]||$;return a.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return a.createElement(fn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},a.createElement(xn,null,"hospitals"===n?a.createElement(yn,{width:"12",height:"16",viewBox:"0 0 12 16"},a.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"})):a.createElement(Cn,{type:n},o?a.createElement("img",{src:o,width:32,height:"services"===n?32:24}):r)),a.createElement(vn,{color:k.colors.gray800,size:"p3"},t.name))},Ln=function(){return a.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},a.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"}))},kn=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.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"}))},Sn=function(){return a.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},a.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"}))},Mn=function(){return a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},a.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"}))},In=w.header(ln||(ln=e(["\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"])),k.colors.neutral50),Rn=w.div(sn||(sn=e(["\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"]))),Pn=w.p(un||(un=e(["\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"])),k.colors.neutral800,k.sizes.fwSemiBold),Fn=w.button(dn||(dn=e(["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"],["\n  flex: 1;\n  cursor: pointer;\n  text-align: end;\n"]))),zn=w.section(pn||(pn=e(["\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"])),M.tdUp),An=w.ul(hn||(hn=e(["\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"])),M.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    "}),M.tdUp),Tn=w(L)(gn||(gn=e(["\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"]))),Nn=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=r(!1),m=g[0],f=g[1],C=x(),v=C.t,y=C.locale,b=o.selectedLocation,w=o.searchKeywords,E=l((function(){return h[y]}),[y]),M=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:a.createElement(Ln,null),slug:E.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:a.createElement(kn,null),slug:E.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:a.createElement(Sn,null),slug:E.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:a.createElement(Mn,null),slug:E.SPECIALTIES}}}),[n,E]),I=l((function(){return M[n].slug}),[M]),R=u?c:s;function P(e){var t="";switch(n){case"specialties":t="/".concat(b.slug,"/").concat(M.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(b.slug,"/").concat(I,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(I,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:Me.SelectSearchResult,payload:{name:e.name,url:t}})}function F(e){return a.createElement(En,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:P})}return a.createElement("section",null,a.createElement(In,null,a.createElement(Rn,null,M[n].icon,a.createElement(Pn,null,M[n].name)),p.trim().length<=Te[y]&&a.createElement(Fn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(I);break;case"services":case"doctors":case"hospitals":e="/".concat(b.slug,"/").concat(I)}e&&i({type:Me.NavigateTo,payload:e})}},a.createElement(L,{size:"p3",color:k.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&a.createElement(zn,null,a.createElement(An,null,d&&Array(2).fill(void 0).map((function(e,t){return a.createElement(fn,{key:n+"loading"+t},a.createElement(xn,null,a.createElement(bn,null,a.createElement(S,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),a.createElement(S,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(F)),a.createElement(An,{isShown:m,isMore:!0},t.slice(R,-1).map(F)),"specialties"===n&&R<t.length&&!d&&a.createElement("button",{onClick:function(){return f(!m)}},a.createElement(Tn,{size:"p3",color:k.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Te[y]&&a.createElement("button",{onClick:function(){var e=M[n].slug,t="/".concat(b.slug,"/").concat(e,"?q=").concat(w);i({type:Me.NavigateTo,payload:t})}},a.createElement(Tn,{size:"p3",color:k.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&a.createElement(zn,null,a.createElement(L,{size:"sm",color:k.colors.gray400},v("booking.searchBar.noResults"))))},Bn=w.section(mn||(mn=e(["\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"])),M.tdUp),Hn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,r=e.isLoading,c=e.keyword;return a.createElement(Bn,null,n&&n.map((function(e){return a.createElement(Nn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:r,keyword:c})})))},Vn="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",Dn="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",On="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",Kn=function(e,n,o){return P(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Zn,_n=function(e){var n=e.isMobile,m=e.careApiDomain,b=e.geoLocationPermission,w=e.geoLocationCoordinates,E=e.initialSelectedCity,L=e.initialSearchValue,k=void 0===L?"":L,S=e.careFrontDomain,M=void 0===S?"/care":S,I=e.isDebug,R=void 0!==I&&I,P=e.askForGeolocationPermission,F=void 0!==P&&P,z=e.gaTrackingSearchBar,A=e.gaTrackingLocationSearch,T=e.autoCompleteDisabled,N=void 0!==T&&T,B=e.inputSearchPlaceholder,H=void 0===B?"":B,V=e.routerPush,D=e.onGeoLocationPermissionChange,O=e.onSearch,K=e.onChangeLocation,Z=x(),Q=Z.t,W=Z.locale,Y=u(null),J=u(null),X=r(void 0),$=X[0],ee=X[1],ne=function(){var e=r((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=r((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],a=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),{minutes:15}),a(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,ae=d(He,Ne,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:b||te||"unset",geoLocationCoordinates:w||oe||null,searchKeywords:k,initialSelectedCity:E||null,selectedLocation:E||e.selectedLocation||null,searchLocationKeywords:(null==E?void 0:E.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:W})})),ce=ae[0],le=ae[1],se=ce.navigateTo,ue=ce.focused,de=ce.isLoadingCities,pe=ce.cities,he=ce.searchKeywords,ge=ce.geoLocationPermission,me=ce.selectedLocation,fe=ce.initialSelectedCity,Ce=ce.defaultCity,ve=ce.searchResults,xe=ce.isLoadingSearchResults,ye=ce.isMobileModalOpened,we=ce.inputSearchPlaceholder,Ee=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,a=void 0===i?"vi-VN":i,r=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:Me.FetchCitiesStart}),fetch(Kn(i,t,a),{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 n({type:Me.FetchCitiesFinish})}))}),[a]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[r(On,i)];return"zh-TW"===a&&c.push(r(Vn,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],a=t({},o);if(i){var r=a.cities.map((function(e){return e.id}));a.cities=a.cities.concat(i.cities.filter((function(e){return!r.includes(e.id)})))}n({type:Me.FetchCitiesByGeoIpComplete,payload:a})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[a,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return r(Vn,{keyword:e}).then((function(e){n({type:Me.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[a,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(Dn);n({type:Me.FetchSearchResultsStart});var r=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&r){c.id===p?l||(s=r.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Kn(i,{domain:o,searchType:"global",keyword:e.trim().length>Te[a]?e.trim():"",city:s===p?"":s,lat:u,lng:d},a),{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 n({type:Me.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:Me.FetchSearchResultsFinish})}))}n({type:Me.FetchSearchResultsFinish})}),[a,o,n])}}({dispatch:le,locale:W,careApiDomain:m}),Le=Ee.fetchCitiesByLocation,ke=Ee.fetchCitiesByKeyword,Se=Ee.fetchSearchResults,Ie=l((function(){var e;return{id:p,name:Q("booking.searchBar.currentLocation"),slug:null===(e=h[W])||void 0===e?void 0:e.CURRENT}}),[Q,W]),Re=l((function(){return y(ke,400)}),[ke]),Pe=l((function(){return y(Se,400)}),[Se]);s((function(){""!==k&&k!==ce.searchKeywords&&le({type:Me.UpdateInitialSearchValue,payload:k})}),[k]),s((function(){F&&(null==me?void 0:me.id)===p&&"unset"===ge&&ie()}),[F,me,ge]),s((function(){b||ge===te||("granted"===te&&oe?le({type:Me.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:Me.DenyGeoLocationPermission}))}),[ge,te,oe,b]),s((function(){se&&(V?V(se):window.location.href="".concat(M).concat(se))}),[se]);var Fe=c((function(){le({type:Me.SelectCurrentLocation,payload:Ie})}),[Q,le]);s((function(){"denied"===ge||fe||Fe(),D&&D(ge,ce.geoLocationCoordinates),n&&"granted"===ge&&me&&le({type:Me.FocusInputSearch}),Le({coordinates:ce.geoLocationCoordinates})}),[ge]),s((function(){me&&Ce&&Se(ce.searchKeywords,ce)}),[me,Ce]),s((function(){H!==we&&le({type:Me.SetInputSearchPlaceholder,payload:H})}),[H,we]),s((function(){ye?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ye]);var ze=c((function(e){le({type:Me.SelectLocation,payload:e}),De(),K&&K(e)}),[Q,le]);function Be(){n&&"granted"!==ce.geoLocationPermission?ie():(Fe(),De())}function Ve(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){le({type:Me.CloseMobileModal})}function Ke(){return"location"!==ue?null:a.createElement(re,{isLoading:de,cities:pe,onLocationClick:ze,onCurrentLocationClick:Be,isLocationLoading:de,geoLocationPermission:ge,selectedLocation:me})}function Ze(){return"search"!==ue?null:ce.autoCompleteDisabled?n?a.createElement(qe,{onClick:function(){O({cityId:ce.selectedLocation.id,keyword:he}),Oe()}}):null:a.createElement(Hn,{data:ve,state:ce,dispatch:le,isMobile:!1,keyword:he,isLoading:xe})}function _e(){return a.createElement(en,{isMobile:n,state:ce,dispatch:le,debouncedFetchCitiesByKeyword:Re,debouncedFetchSearchResults:Pe,focusLocationInput:Ve,focusSearchInput:De,renderLocationResults:Ke,renderSearchResults:Ze,trackingAttributes:z,locationTrackingAttributes:A,onSearch:O,initalSearchValue:k})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?a.createElement(a.Fragment,null,a.createElement(q,null),a.createElement(U,{ref:J}),a.createElement(j,{id:"booking-search-bar",ref:Y,"data-is-modal":n&&ye,style:{"--mobile-care-searchbar-height":ye&&$?"".concat($,"px"):"100%"}},ye?a.createElement(a.Fragment,null,a.createElement(G,null,a.createElement(Ae,{headingText:Q("booking.searchBar.searchButton"),onLeftClick:Oe}),_e()),Ke(),Ze()):a.createElement(be,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return J.current&&J.current.focus(),le({type:Me.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:z,inputSearchPlaceholder:H}))):a.createElement(_,{id:"booking-search-bar",ref:Y},_e())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Zn||(Zn={}));var jn=Object.freeze({__proto__:null,get RedirectType(){return Zn}});export{_n as B,jn as t};

package/build/esm/{utils-11febb09.js → utils-40d4438f.js}

@@ -1 +1 @@
-var n=function(n){var t=Object.keys(n);return t.length?"?"+t.map((function(t){return"".concat(t,"=").concat(n[t])})).join("&"):""},t=function(t,e,c){void 0===e&&(e=1),void 0===c&&(c="page");var _=t.split("?"),a=_[0],E=_[1],B=new URLSearchParams(E||""),O={};return B.forEach((function(n,t){n&&(O[t]=n)})),Number(e)>1?O[c]=String(e):delete O[c],a+n(O)},e=function(n){"undefined"!=typeof window&&(document.documentElement.style.overflow=n?"hidden":"")},c={BREAK_POINT_SMALL_MOBILE:480,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1159,BREAK_POINT_LGPC:1440},_={smbDown:"@media (max-width: ".concat(c.BREAK_POINT_SMALL_MOBILE-1,"px)"),smbUp:"@media (min-width: ".concat(c.BREAK_POINT_SMALL_MOBILE,"px)"),mbDown:"@media (max-width: ".concat(c.BREAK_POINT_MOBILE-1,"px)"),mbOnly:"@media (min-width: ".concat(c.BREAK_POINT_SMALL_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_MOBILE-1,"px)"),mbUp:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px)"),tdDown:"@media (max-width: ".concat(c.BREAK_POINT_TABLET-1,"px)"),tdOnly:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_TABLET-1,"px)"),tdUp:"@media (min-width: ".concat(c.BREAK_POINT_TABLET,"px)"),pcUp:"@media (min-width: ".concat(c.BREAK_POINT_PC,"px)"),pcOnly:"@media (min-width: ".concat(c.BREAK_POINT_TABLET,"px) and (max-width: ").concat(c.BREAK_POINT_PC-1,"px)"),pcDown:"@media (max-width: ".concat(c.BREAK_POINT_PC-1,"px)"),lgPcUp:"@media (min-width: ".concat(c.BREAK_POINT_LGPC,"px)"),lgPcOnly:"@media (min-width: ".concat(c.BREAK_POINT_PC,"px) and (max-width: ").concat(c.BREAK_POINT_LGPC-1,"px)"),lgPcDown:"@media (max-width: ".concat(c.BREAK_POINT_LGPC-1,"px)"),mbToPC:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_PC-1,"px)")},a=function(n){switch(n){case"smbDown":return[0,c.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[c.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,c.BREAK_POINT_MOBILE-1];case"mbOnly":return[c.BREAK_POINT_SMALL_MOBILE,c.BREAK_POINT_MOBILE-1];case"mbUp":return[c.BREAK_POINT_MOBILE,0];case"tdDown":return[0,c.BREAK_POINT_TABLET-1];case"tdOnly":return[c.BREAK_POINT_MOBILE,c.BREAK_POINT_TABLET-1];case"tdUp":return[c.BREAK_POINT_TABLET,0];case"pcUp":return[c.BREAK_POINT_PC,0];case"pcOnly":return[c.BREAK_POINT_TABLET,c.BREAK_POINT_PC-1];case"pcDown":return[0,c.BREAK_POINT_PC-1];case"lgPcUp":return[c.BREAK_POINT_LGPC,0];case"lgPcOnly":return[c.BREAK_POINT_PC,c.BREAK_POINT_LGPC-1];case"lgPcDown":return[0,c.BREAK_POINT_LGPC-1];case"mbToPC":return[c.BREAK_POINT_MOBILE,c.BREAK_POINT_PC-1]}},E=function(){if("undefined"==typeof document)return null;var n="hhg-comp-popup-wrapper";if(!document.querySelector("#"+n)){var t=document.createElement("div");t.id=n,document.body.appendChild(t)}return document.querySelector("#"+n)},B=function(n){return n.replace(/\w\S*/g,(function(n){return n.charAt(0).toUpperCase()+n.substr(1).toLowerCase()}))},O=function(n){return decodeURI(n)!==n?n:encodeURI(n)};export{c as B,_ as M,E as a,O as b,t as f,a as g,n as m,B as s,e as t};
+var e=function(e){var n=Object.keys(e);return n.length?"?"+n.map((function(n){return"".concat(n,"=").concat(e[n])})).join("&"):""},n=function(n,t,c){void 0===t&&(t=1),void 0===c&&(c="page");var a=n.split("?"),_=a[0],r=a[1],o=new URLSearchParams(r||""),d={};return o.forEach((function(e,n){e&&(d[n]=e)})),Number(t)>1?d[c]=String(t):delete d[c],_+e(d)},t=function(e){"undefined"!=typeof window&&(document.documentElement.style.overflow=e?"hidden":"")},c={BREAK_POINT_SMALL_MOBILE:480,BREAK_POINT_MOBILE:768,BREAK_POINT_TABLET:1024,BREAK_POINT_PC:1159,BREAK_POINT_LGPC:1440},a={smbDown:"@media (max-width: ".concat(c.BREAK_POINT_SMALL_MOBILE-1,"px)"),smbUp:"@media (min-width: ".concat(c.BREAK_POINT_SMALL_MOBILE,"px)"),mbDown:"@media (max-width: ".concat(c.BREAK_POINT_MOBILE-1,"px)"),mbOnly:"@media (min-width: ".concat(c.BREAK_POINT_SMALL_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_MOBILE-1,"px)"),mbUp:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px)"),tdDown:"@media (max-width: ".concat(c.BREAK_POINT_TABLET-1,"px)"),tdOnly:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_TABLET-1,"px)"),tdUp:"@media (min-width: ".concat(c.BREAK_POINT_TABLET,"px)"),pcUp:"@media (min-width: ".concat(c.BREAK_POINT_PC,"px)"),pcOnly:"@media (min-width: ".concat(c.BREAK_POINT_TABLET,"px) and (max-width: ").concat(c.BREAK_POINT_PC-1,"px)"),pcDown:"@media (max-width: ".concat(c.BREAK_POINT_PC-1,"px)"),lgPcUp:"@media (min-width: ".concat(c.BREAK_POINT_LGPC,"px)"),lgPcOnly:"@media (min-width: ".concat(c.BREAK_POINT_PC,"px) and (max-width: ").concat(c.BREAK_POINT_LGPC-1,"px)"),lgPcDown:"@media (max-width: ".concat(c.BREAK_POINT_LGPC-1,"px)"),mbToPC:"@media (min-width: ".concat(c.BREAK_POINT_MOBILE,"px) and (max-width: ").concat(c.BREAK_POINT_PC-1,"px)")},_=function(e){switch(e){case"smbDown":return[0,c.BREAK_POINT_SMALL_MOBILE-1];case"smbUp":return[c.BREAK_POINT_SMALL_MOBILE,0];case"mbDown":return[0,c.BREAK_POINT_MOBILE-1];case"mbOnly":return[c.BREAK_POINT_SMALL_MOBILE,c.BREAK_POINT_MOBILE-1];case"mbUp":return[c.BREAK_POINT_MOBILE,0];case"tdDown":return[0,c.BREAK_POINT_TABLET-1];case"tdOnly":return[c.BREAK_POINT_MOBILE,c.BREAK_POINT_TABLET-1];case"tdUp":return[c.BREAK_POINT_TABLET,0];case"pcUp":return[c.BREAK_POINT_PC,0];case"pcOnly":return[c.BREAK_POINT_TABLET,c.BREAK_POINT_PC-1];case"pcDown":return[0,c.BREAK_POINT_PC-1];case"lgPcUp":return[c.BREAK_POINT_LGPC,0];case"lgPcOnly":return[c.BREAK_POINT_PC,c.BREAK_POINT_LGPC-1];case"lgPcDown":return[0,c.BREAK_POINT_LGPC-1];case"mbToPC":return[c.BREAK_POINT_MOBILE,c.BREAK_POINT_PC-1]}},r=function(){if("undefined"==typeof document)return null;var e="hhg-comp-popup-wrapper";if(!document.querySelector("#"+e)){var n=document.createElement("div");n.id=e,document.body.appendChild(n)}return document.querySelector("#"+e)},o=function(e,n){if("undefined"==typeof document)return null;if(!e.querySelector('[data-wrapper-selector="'.concat(n,'"]'))){var t=document.createElement("div");t.setAttribute("data-wrapper-selector",n),document.body.appendChild(t)}return e.querySelector('[data-wrapper-selector="'.concat(n,'"]'))},d=function(e){return e.replace(/\w\S*/g,(function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()}))},i=function(e){return decodeURI(e)!==e?e:encodeURI(e)};export{c as B,a as M,r as a,o as b,i as c,n as f,_ as g,e as m,d as s,t};

package/build/footer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-d632029d.js"),t=require("./index-2bf458c4.js"),a=require("./index-8cf56087.js"),l=require("./index-04b29b8d.js"),i=require("./theme-b4bf0ca3.js"),o=require("./useTranslations-00120db0.js"),r=require("./tslib.es6-e6f346c4.js"),d=require("./utils-df758048.js"),c=require("styled-components"),s=require("./index-4b65b38e.js"),m=require("./index-7d3b086d.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("./translationsContext-9e231a88.js"),require("string-format");var p,f,g,x,h,v,b,y,w,E=u(n),k=u(c),N=k.default.footer(p||(p=r.__makeTemplateObject(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbUp),z=k.default.div(f||(f=r.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),j=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,l=n.dataEventAction,i=n.dataEventLabel,o=n.isAmp;return E.default.createElement(z,{"data-is-mobile":t},o?E.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}):E.default.createElement("img",{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}))},M=function(n){var r,d,c,s,m,u,p,f,g,x,h,v,b,y,w,k,z,M,T,F,_,C,Q,L,D,q,A,B,O,H,S=n.className,U=n.type,I=void 0===U?"main":U,G=n.footerInfo,P=n.isMobile,X=n.locale,V=n.isAmp,J=o.useTranslations().t,K=null==G?void 0:G.menu,R=(null===(d=null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.verified)||void 0===d?void 0:d.filter(Boolean))||[];return E.default.createElement(N,{as:V&&"mini"===I?"div":"footer",className:S,style:"mini"===I?{backgroundColor:i.theme.colors.neutral50}:{},"next-page-hide":!0},E.default.createElement(t.Container,null,E.default.createElement("div",{className:"inner","data-type":I,"next-page-hide":""},"main"===I?E.default.createElement(E.default.Fragment,null,E.default.createElement("a",{href:"/"},V?(null===(s=null==G?void 0:G.general)||void 0===s?void 0:s.logo)?E.default.createElement("amp-img",{src:null===(m=null==G?void 0:G.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:E.default.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(c=null==G?void 0:G.general)||void 0===c?void 0:c.logo,alt:"Logo","data-is-sehat":"id-ID"===X})),E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"newsletter"},E.default.createElement(a.Text,{size:"p1",type:"bold"},null===(u=null==G?void 0:G.general)||void 0===u?void 0:u.content),E.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(p=null==G?void 0:G.social)||void 0===p?void 0:p.title),E.default.createElement("div",{className:"icons"},null===(g=null===(f=null==G?void 0:G.social)||void 0===f?void 0:f.socials)||void 0===g?void 0:g.map((function(n,e){return E.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},V?E.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):E.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",className:"social-icon"}))}))),E.default.createElement("hr",{className:"hrMobile"}))),E.default.createElement("div",null,K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"biglinks"},null===(h=null===(x=K[0])||void 0===x?void 0:x.items)||void 0===h?void 0:h.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=K[1])||void 0===v?void 0:v.menu_title),null===(y=null===(b=K[1])||void 0===b?void 0:b.items)||void 0===y?void 0:y.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url)},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(w=K[2])||void 0===w?void 0:w.menu_title),null===(z=null===(k=K[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(n,e){return n.url&&E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!V&&E.default.createElement(E.default.Fragment,null,E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"otherSites"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==G?void 0:G.branch)||void 0===M?void 0:M.title),E.default.createElement("div",{className:"flags"},null===(F=null===(T=null==G?void 0:G.branch)||void 0===T?void 0:T.branch)||void 0===F?void 0:F.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},E.default.createElement(j,{url:n.flag,isMobile:P,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:V}))}))))))),E.default.createElement("hr",null),E.default.createElement("div",{className:"copyright","data-is-amp":V||void 0},E.default.createElement("div",{className:"copyright-image-wrapper"},R.length?R.map((function(n,e){return E.default.createElement("a",{href:n.url,key:e,className:"copyright-image"},V?E.default.createElement("amp-img",{src:n.image,alt:"DMCA Icon",width:"100",height:"36"}):E.default.createElement("img",{loading:"lazy",src:n.image,alt:"DMCA Icon"}))})):null),E.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(_=null==G?void 0:G.general)||void 0===_?void 0:_.copyright)),"vi-VN"===X&&E.default.createElement(a.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):E.default.createElement(E.default.Fragment,null,(null==G?void 0:G.menu)&&E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==G?void 0:G.menu[1])||void 0===C?void 0:C.menu_title),null===(L=null===(Q=null==G?void 0:G.menu[1])||void 0===Q?void 0:Q.items)||void 0===L?void 0:L.map((function(n){return E.default.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(l.domainLocales[X]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url)},E.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url),size:"sm",type:"regular",style:{color:i.theme.colors.gray800}},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==G?void 0:G.menu[2])||void 0===D?void 0:D.menu_title),null===(A=null===(q=null==G?void 0:G.menu[2])||void 0===q?void 0:q.items)||void 0===A?void 0:A.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},E.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:i.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!V&&"mini"!==I&&E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"newsletter"},E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(B=null==G?void 0:G.social)||void 0===B?void 0:B.title),E.default.createElement("div",{className:"icons"},null===(H=null===(O=null==G?void 0:G.social)||void 0===O?void 0:O.socials)||void 0===H?void 0:H.map((function(n,e){return E.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},V?E.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):E.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))},T=k.default.footer(g||(g=r.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.mbColors.cobalt})),F=k.default.div(x||(x=r.__makeTemplateObject(["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"],["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"])),(function(n){return n.theme.colors.neutral200}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),_=k.default.div(h||(h=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"])),d.MediaQueries.mbDown),C=k.default.div(v||(v=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"]))),Q=k.default.div(b||(b=r.__makeTemplateObject(["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"],["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"])),d.MediaQueries.mbDown),L=k.default.div(y||(y=r.__makeTemplateObject(["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"],["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),D=k.default.div(w||(w=r.__makeTemplateObject(["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"],["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),d.MediaQueries.mbDown),q=function(n){var e,a=n.logoType,l=void 0===a?"marryBaby":a,o=n.footerMenu,r=n.background;if(!o)return null;var d=o.general,c=o.menu,u=o.socials;return E.default.createElement(T,{style:{backgroundColor:r||"none"}},E.default.createElement(D,null,E.default.createElement(t.Container,null,E.default.createElement(F,null,null==c?void 0:c.map((function(n,e){var t=n.menu_title,a=n.items;return E.default.createElement(_,{key:"mbf".concat(e)},E.default.createElement(m.MarryBabyText,{className:"title",type:"subtitle-1",color:i.theme.mbColors.pink},t),null==a?void 0:a.map((function(n,e){var t=n.title,a=n.url;return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},E.default.createElement(C,{key:"mbitem".concat(e)},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},t)))})))})))),E.default.createElement(t.Container,null,E.default.createElement(Q,null,E.default.createElement(s.Logo,{className:"logo",type:l}),E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},null==d?void 0:d.content)),E.default.createElement("div",{className:"social-link"},null==u?void 0:u.map((function(n,e){var t=n.icon,a=n.name,l=n.url;return E.default.createElement("a",{key:"social".concat(e),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(a),"data-content-label":a,href:l},E.default.createElement("img",{loading:"lazy",src:t,alt:a}))}))))),E.default.createElement(L,null,E.default.createElement(t.Container,null,E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-3",color:i.theme.colors.white},null==d?void 0:d.copyright),E.default.createElement("div",{className:"verify"},null===(e=null==d?void 0:d.verified)||void 0===e?void 0:e.map((function(n,e){var t=n.image,a=n.url;return E.default.createElement("img",{loading:"lazy",key:"imgMbFt".concat(e),src:t,alt:a})}))))))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,l=n.locale,i=n.footerInfo,o=n.isAmp,r=n.siteType,d=n.background;return"helloSites"===r?E.default.createElement(M,{isAmp:o,isMobile:a,type:e,locale:l,footerInfo:i||{}}):E.default.createElement(q,{footerMenu:i,background:d})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-d632029d.js"),t=require("./index-91f7a2ab.js"),a=require("./index-f50d4c63.js"),l=require("./index-04b29b8d.js"),i=require("./theme-b4bf0ca3.js"),o=require("./useTranslations-00120db0.js"),r=require("./tslib.es6-e6f346c4.js"),d=require("./utils-43f2c752.js"),c=require("styled-components"),s=require("./index-17990069.js"),m=require("./index-7d3b086d.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("./translationsContext-9e231a88.js"),require("string-format");var p,f,g,x,h,v,b,y,w,E=u(n),k=u(c),N=k.default.footer(p||(p=r.__makeTemplateObject(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbUp),z=k.default.div(f||(f=r.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),j=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,l=n.dataEventAction,i=n.dataEventLabel,o=n.isAmp;return E.default.createElement(z,{"data-is-mobile":t},o?E.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}):E.default.createElement("img",{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}))},M=function(n){var r,d,c,s,m,u,p,f,g,x,h,v,b,y,w,k,z,M,T,F,_,C,Q,L,D,q,A,B,O,H,S=n.className,U=n.type,I=void 0===U?"main":U,G=n.footerInfo,P=n.isMobile,X=n.locale,V=n.isAmp,J=o.useTranslations().t,K=null==G?void 0:G.menu,R=(null===(d=null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.verified)||void 0===d?void 0:d.filter(Boolean))||[];return E.default.createElement(N,{as:V&&"mini"===I?"div":"footer",className:S,style:"mini"===I?{backgroundColor:i.theme.colors.neutral50}:{},"next-page-hide":!0},E.default.createElement(t.Container,null,E.default.createElement("div",{className:"inner","data-type":I,"next-page-hide":""},"main"===I?E.default.createElement(E.default.Fragment,null,E.default.createElement("a",{href:"/"},V?(null===(s=null==G?void 0:G.general)||void 0===s?void 0:s.logo)?E.default.createElement("amp-img",{src:null===(m=null==G?void 0:G.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:E.default.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(c=null==G?void 0:G.general)||void 0===c?void 0:c.logo,alt:"Logo","data-is-sehat":"id-ID"===X})),E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"newsletter"},E.default.createElement(a.Text,{size:"p1",type:"bold"},null===(u=null==G?void 0:G.general)||void 0===u?void 0:u.content),E.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(p=null==G?void 0:G.social)||void 0===p?void 0:p.title),E.default.createElement("div",{className:"icons"},null===(g=null===(f=null==G?void 0:G.social)||void 0===f?void 0:f.socials)||void 0===g?void 0:g.map((function(n,e){return E.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},V?E.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):E.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",className:"social-icon"}))}))),E.default.createElement("hr",{className:"hrMobile"}))),E.default.createElement("div",null,K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"biglinks"},null===(h=null===(x=K[0])||void 0===x?void 0:x.items)||void 0===h?void 0:h.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=K[1])||void 0===v?void 0:v.menu_title),null===(y=null===(b=K[1])||void 0===b?void 0:b.items)||void 0===y?void 0:y.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url)},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(w=K[2])||void 0===w?void 0:w.menu_title),null===(z=null===(k=K[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(n,e){return n.url&&E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!V&&E.default.createElement(E.default.Fragment,null,E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"otherSites"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==G?void 0:G.branch)||void 0===M?void 0:M.title),E.default.createElement("div",{className:"flags"},null===(F=null===(T=null==G?void 0:G.branch)||void 0===T?void 0:T.branch)||void 0===F?void 0:F.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},E.default.createElement(j,{url:n.flag,isMobile:P,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:V}))}))))))),E.default.createElement("hr",null),E.default.createElement("div",{className:"copyright","data-is-amp":V||void 0},E.default.createElement("div",{className:"copyright-image-wrapper"},R.length?R.map((function(n,e){return E.default.createElement("a",{href:n.url,key:e,className:"copyright-image"},V?E.default.createElement("amp-img",{src:n.image,alt:"DMCA Icon",width:"100",height:"36"}):E.default.createElement("img",{loading:"lazy",src:n.image,alt:"DMCA Icon"}))})):null),E.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(_=null==G?void 0:G.general)||void 0===_?void 0:_.copyright)),"vi-VN"===X&&E.default.createElement(a.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):E.default.createElement(E.default.Fragment,null,(null==G?void 0:G.menu)&&E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==G?void 0:G.menu[1])||void 0===C?void 0:C.menu_title),null===(L=null===(Q=null==G?void 0:G.menu[1])||void 0===Q?void 0:Q.items)||void 0===L?void 0:L.map((function(n){return E.default.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(l.domainLocales[X]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url)},E.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url),size:"sm",type:"regular",style:{color:i.theme.colors.gray800}},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==G?void 0:G.menu[2])||void 0===D?void 0:D.menu_title),null===(A=null===(q=null==G?void 0:G.menu[2])||void 0===q?void 0:q.items)||void 0===A?void 0:A.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},E.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:i.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!V&&"mini"!==I&&E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"newsletter"},E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(B=null==G?void 0:G.social)||void 0===B?void 0:B.title),E.default.createElement("div",{className:"icons"},null===(H=null===(O=null==G?void 0:G.social)||void 0===O?void 0:O.socials)||void 0===H?void 0:H.map((function(n,e){return E.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},V?E.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):E.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))},T=k.default.footer(g||(g=r.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.mbColors.cobalt})),F=k.default.div(x||(x=r.__makeTemplateObject(["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"],["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"])),(function(n){return n.theme.colors.neutral200}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),_=k.default.div(h||(h=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"])),d.MediaQueries.mbDown),C=k.default.div(v||(v=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"]))),Q=k.default.div(b||(b=r.__makeTemplateObject(["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"],["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"])),d.MediaQueries.mbDown),L=k.default.div(y||(y=r.__makeTemplateObject(["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"],["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),D=k.default.div(w||(w=r.__makeTemplateObject(["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"],["\n  overflow: hidden;\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: 150%;\n    height: 100%;\n    background-color: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),d.MediaQueries.mbDown),q=function(n){var e,a=n.logoType,l=void 0===a?"marryBaby":a,o=n.footerMenu,r=n.background;if(!o)return null;var d=o.general,c=o.menu,u=o.socials;return E.default.createElement(T,{style:{backgroundColor:r||"none"}},E.default.createElement(D,null,E.default.createElement(t.Container,null,E.default.createElement(F,null,null==c?void 0:c.map((function(n,e){var t=n.menu_title,a=n.items;return E.default.createElement(_,{key:"mbf".concat(e)},E.default.createElement(m.MarryBabyText,{className:"title",type:"subtitle-1",color:i.theme.mbColors.pink},t),null==a?void 0:a.map((function(n,e){var t=n.title,a=n.url;return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},E.default.createElement(C,{key:"mbitem".concat(e)},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},t)))})))})))),E.default.createElement(t.Container,null,E.default.createElement(Q,null,E.default.createElement(s.Logo,{className:"logo",type:l}),E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},null==d?void 0:d.content)),E.default.createElement("div",{className:"social-link"},null==u?void 0:u.map((function(n,e){var t=n.icon,a=n.name,l=n.url;return E.default.createElement("a",{key:"social".concat(e),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(a),"data-content-label":a,href:l},E.default.createElement("img",{loading:"lazy",src:t,alt:a}))}))))),E.default.createElement(L,null,E.default.createElement(t.Container,null,E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-3",color:i.theme.colors.white},null==d?void 0:d.copyright),E.default.createElement("div",{className:"verify"},null===(e=null==d?void 0:d.verified)||void 0===e?void 0:e.map((function(n,e){var t=n.image,a=n.url;return E.default.createElement("img",{loading:"lazy",key:"imgMbFt".concat(e),src:t,alt:a})}))))))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,l=n.locale,i=n.footerInfo,o=n.isAmp,r=n.siteType,d=n.background;return"helloSites"===r?E.default.createElement(M,{isAmp:o,isMobile:a,type:e,locale:l,footerInfo:i||{}}):E.default.createElement(q,{footerMenu:i,background:d})};

package/build/{index-54e59382.js → index-0b8be968.js}

@@ -1 +1 @@
-"use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),r=require("./Locale-11b51016.js"),t=require("./gAssets.js"),i=require("./theme-b4bf0ca3.js"),l=require("./index-8cf56087.js"),o=require("styled-components"),a=require("./index-8ddc0bb9.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),f=x.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),g=x.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};
+"use strict";var e=require("./tslib.es6-e6f346c4.js"),n=require("react"),r=require("./Locale-11b51016.js"),t=require("./gAssets.js"),i=require("./theme-b4bf0ca3.js"),l=require("./index-f50d4c63.js"),o=require("styled-components"),a=require("./index-8ddc0bb9.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,u,p,m,b=c(n),x=c(o),f=x.default.div(s||(s=e.__makeTemplateObject(["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"],["\n  display: inline-flex;\n  overflow: hidden;\n  width: ","px;\n  height: ","px;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid #e4e8ec;\n  background-color: ",";\n  border-radius: ",";\n  & > * {\n    width: ","px;\n    height: ","px;\n  }\n"])),(function(e){return e.size}),(function(e){return e.size}),(function(e){return e.backgroundColor||i.theme.colors.white}),(function(e){return e.borderRadius||"50%"}),(function(e){return e.iconSize}),(function(e){return e.iconSize})),g=x.default.div(d||(d=e.__makeTemplateObject(["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"],["\n  display: inline-block;\n  height: 108px;\n  background-color: ",";\n  border-radius: 60px;\n  cursor: pointer;\n  &.selected-week-pill {\n    background-color: ",";\n  }\n\n  & > div:first-child {\n    margin: 4px 4px 0;\n  }\n\n  & > p {\n    margin-top: 8px;\n    text-align: center;\n  }\n\n  & > * {\n    pointer-events: none;\n  }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.pink100})),h=[r.LOCALE.Myanmar,r.LOCALE.Taiwan],k=x.default((function(r){var o=r.icon,a=r.name,c=r.className,s=r.locale,d=void 0===s?"en-PH":s,u=r.onSelect,p=e.__rest(r,["icon","name","className","locale","onSelect"]),m=n.useMemo((function(){return null==c?void 0:c.includes("selected-week-pill")}),[c]);return b.default.createElement(g,e.__assign({onClick:u,className:c?"week-pill".concat(" non-pointer-event-child ",c):"week-pill non-pointer-event-child"},p),b.default.createElement(f,{size:64,iconSize:40,backgroundColor:i.theme.colors.white},b.default.createElement("img",{src:o||t.CommonGAssets.getAssetPath("week_default.png"),alt:""})),m?b.default.createElement(l.Text,e.__assign({type:"semiBold",size:"n1",color:i.theme.colors.gray800},h.includes(d)&&{style:{fontSize:"10px"}}),a):b.default.createElement(l.Text,e.__assign({size:"n1",color:i.theme.colors.gray600},h.includes(d)&&{style:{fontSize:"10px"}}),a))}))(u||(u=e.__makeTemplateObject(["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"],["\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);\n"]))),_=x.default(a.CentralCarousel.Slide)(p||(p=e.__makeTemplateObject([""],[""]))),w=x.default(a.CentralCarousel)(m||(m=e.__makeTemplateObject(["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"],["\n  .centerred-pill-wrapper {\n    padding: 16px 0;\n  }\n"])));exports.PillCarousel=function(n){var t=n.data,i=n.isMobile,l=n.onSlideChange,o=n.pillProps,a=n.locale,c=void 0===a?r.LOCALE.Vietnam:a,s=n.blurFromIndex,d=n.blurLength,u=e.__rest(n,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]),p={withControls:!i,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(i?2:4),blurLength:d||(i?1:3),onSlideChange:l};return b.default.createElement(w,e.__assign({},p,u),(function(n){return t.map((function(r,t){return b.default.createElement(_,e.__assign({key:t,onClick:l},o),b.default.createElement("div",{className:"centerred-pill-wrapper"},b.default.createElement(k,{locale:c,name:r.name,icon:r.icon,className:t===n?"selected-week-pill":""})))}))}))};

package/build/{index-4b65b38e.js → index-17990069.js}

@@ -1 +1 @@
-"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-2bf458c4.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};
+"use strict";var e=require("react"),a=require("./gAssets.js"),t=require("./index-91f7a2ab.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e);exports.Logo=function(s){var o=s.type,n=s.className,r=s.style,i=s.isLightLogo,m=s.customSize,g=s.badge,u=s.locale,c=s.dateForSeasonal,d=s.isPro,f=e.useMemo((function(){if(!c||isNaN(new Date(c).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(c),a=t.isChristmas(e),s=t.LunarNewYearLocale.includes(u)&&t.isLunarNewYear(e);return{isChristmas:a,isLunarNewYear:s,isNewYear:!s&&t.isNewYear(e)}}),[u,new Date(c).getDate()]);return l.default.createElement(t.StyledLogo,{className:n,style:r,"data-logo-is-light":i||void 0,"data-has-badge":!!g,"data-christmas":f.isChristmas,"data-new-year":f.isNewYear,"data-lunar-new-year":f.isLunarNewYear},f.isChristmas?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):f.isNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):f.isLunarNewYear?l.default.createElement(l.default.Fragment,null,l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.default.createElement("img",{loading:"lazy",src:a.CommonGAssets.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,l.default.createElement(t.LogoIcon,{type:o,width:null==m?void 0:m.width,height:null==m?void 0:m.height}),d?l.default.createElement(t.StyledProLogo,{src:a.CommonGAssets.getAssetPath("logo/pro-suffix.svg")}):null,g)};