@hhgtech/hhg-components 1.22.27 → 1.22.29

package/build/pwg.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-f50d4c63.js"),a=require("./index-b63d6868.js"),r=require("./useTranslations-ef4df454.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-43f2c752.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-5830eec7.js"),require("./isProduction-32e6a55a.js"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-14a025ec.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./index-f50d4c63.js"),a=require("./index-7b99d45f.js"),r=require("./useTranslations-ef4df454.js"),l=require("./theme-b4bf0ca3.js"),i=require("recharts"),o=require("./index-76dc603c.js"),c=require("./useOutsideClick-528bfd6c.js"),s=require("styled-components");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./utils-43f2c752.js"),require("./Locale-11b51016.js"),require("./gAssets.js"),require("./index-5830eec7.js"),require("./isProduction-32e6a55a.js"),require("./index-8ddc0bb9.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-14a025ec.js"),require("string-format");var u,m,f,p,g=d(t),x=d(s),h=function(t){var n=t.weightByWeek,a=t.weightBefore,r=t.toolTipLabel,l=t.status,i=t.activeWeek,o=(0,t.t)("bmi.result.".concat(l));return n.map((function(t){return e.__assign({name:t.week,min:a+t.min,difference:t.max-t.min,max:a+t.max},t.week===i?{toolTipLabel:r,translatedStatus:o,status:l}:{})}))},b=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("circle",{r:12,fill:l.theme.colors.primaryBase}),g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):g.default.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},g.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:l.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},y=x.default.div(u||(u=e.__makeTemplateObject(["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"],["\n  /* position: absolute; */\n  display: flex;\n  flex-direction: column;\n  padding: 8px 12px;\n  gap: 4px;\n\n  min-width: 145px;\n  max-width: 220px;\n  min-height: 50px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.2);\n  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n  backdrop-filter: blur(5px);\n  -webkit-backdrop-filter: blur(5px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  /* .risk {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px;\n    background: ",";\n    border-radius: 3px;\n  } */\n  & > * {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n  .risk {\n    display: inline-flex;\n    padding: 2px 8px;\n    border-radius: 2px;\n    background: #ffffff;\n  }\n"])),l.theme.colors.yellow600),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  width: 100%;\n  .custom-chart-label {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .chart-legend {\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),k=x.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  gap: 40px;\n  justify-content: center;\n  margin-bottom: 8px;\n  & > div {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n"]))),w=[{name:"overweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"underweight",backgroundColor:l.theme.colors.yellow50,color:l.theme.colors.yellow900},{name:"healthy",backgroundColor:l.theme.colors.green50,color:l.theme.colors.green900}],E=function(e){var a,r,i,o,c,s=e.payload,d=e.active,u=null===(a=null==s?void 0:s[0])||void 0===a?void 0:a.payload;if(!u||!u.toolTipLabel||!d)return null;var m=t.useMemo((function(){return w.find((function(e){return e.name===u.status}))}),[null==u?void 0:u.status]),f=m.backgroundColor,p=m.color;return g.default.createElement(y,null,g.default.createElement("div",null,null===(r=u.toolTipLabel)||void 0===r?void 0:r[0]," ",null===(i=u.toolTipLabel)||void 0===i?void 0:i[1]),g.default.createElement("div",null,(null===(o=u.toolTipLabel)||void 0===o?void 0:o[2])&&g.default.createElement(n.Text,{as:"span",size:"s3",color:l.theme.colors.gray800,type:"semiBold"},null===(c=u.toolTipLabel)||void 0===c?void 0:c[2]),g.default.createElement("div",{className:"risk",style:{backgroundColor:f}},g.default.createElement(n.Text,{size:"n1",color:p},u.translatedStatus))))},T=function(a){var s=a.weightBefore,d=a.weightByWeek,u=a.activeWeek,m=a.currentWeight,f=a.toolTipLabel,p=void 0===f?[]:f,x=a.status,y=a.withLine,k=void 0!==y&&y,w=r.useTranslations().t,T=t.useMemo((function(){return h({weightByWeek:d,weightBefore:s,toolTipLabel:p,status:x,activeWeek:u,t:w})}),[d,s,p,x,u]),j=t.useState(!1),_=j[0],q=j[1],C=t.useRef(null);return c.useOutsideClick(C,(function(){return q(!1)})),g.default.createElement(v,null,g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("babyGrowth.weight")," ",w("pregnancyWeightGain.weightInput.desc")),Array.isArray(T)&&T.length>0&&g.default.createElement(v,null,g.default.createElement(i.ResponsiveContainer,{height:388,className:"chart"},g.default.createElement(i.AreaChart,{data:T,margin:{top:16,right:0,left:0}},g.default.createElement(i.CartesianGrid,{stroke:l.theme.colors.neutral100}),g.default.createElement(i.Tooltip,{trigger:"click",content:function(t){return g.default.createElement(E,e.__assign({active:!k&&_&&void 0!==u&&void 0!==m},t))}}),g.default.createElement(i.XAxis,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(t){return g.default.createElement(b,e.__assign({},t,{activeWeek:u}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),g.default.createElement(i.YAxis,{domain:[function(e){return Math.max(e,s-10||e)},function(e){return Math.max(e,s+20||e)}],type:"number",scale:"auto",interval:"preserveStartEnd",tickLine:!1,tickMargin:7,width:45,tickCount:10,allowDecimals:!0,tickFormatter:function(e){return String(Math.round(100*(e+Number.EPSILON))/100)},tick:{fontFamily:"Inter",fontWeight:400,fontSize:12,color:l.theme.colors.gray600}}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),g.default.createElement(i.Area,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:l.theme.colors.blue100}),void 0!==u&&void 0!==m&&g.default.createElement(i.ReferenceDot,{onClick:function(){return q(!0)},x:0===u?1:u,y:m,r:4,shape:g.default.createElement(o.CustomReferenceDot,{ref:C,r:4}),fill:l.theme.colors.primaryBase,stroke:l.theme.colors.primaryBase}))),g.default.createElement("div",{className:"custom-chart-label"},g.default.createElement("i",null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray500},w("pregnancy.week")))))},j=function(t){var n=t.color,a=e.__rest(t,["color"]);return g.default.createElement("svg",e.__assign({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),g.default.createElement("circle",{cx:"4",cy:"4",r:"4",fill:n||l.theme.colors.primaryBase}))},_=function(e){var t=e.idealWeight,a=r.useTranslations().t;return g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(j,{color:l.theme.colors.blue100}),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},g.default.createElement(n.Text,{size:"n1",as:"span"},a("pregnancyTool.weightSuggested")," "),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray800,type:"bold",as:"span"},t))),g.default.createElement("div",null,g.default.createElement(j,null),g.default.createElement(n.Text,{size:"n1",color:l.theme.colors.gray600},a("pwg.placeholder.weight"))))},q=x.default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px;\n  width: 100%;\n  gap: 24px;\n  border: 1px solid ",";\n  border-radius: 8px;\n  .chart-header {\n    text-align: center;\n  }\n  > div {\n    width: 100%;\n  }\n"])),l.theme.colors.neutral100);exports.PregnancyWeightGainChart=function(t){var i=t.chartProps,o=t.pillCarouselProps,c=t.idealWeight,s=t.description,d=r.useTranslations().t;return g.default.createElement(q,null,g.default.createElement("div",{className:"chart-header"},g.default.createElement(n.Text,{size:"s1",type:"semiBold",color:l.theme.colors.gray800},d("pregnancyTool.weightSuggested")),s&&s),g.default.createElement(a.PillCarousel,e.__assign({},o)),g.default.createElement("div",null,g.default.createElement(_,{idealWeight:c}),g.default.createElement(T,e.__assign({},i))))};

package/build/theme.scss

@@ -0,0 +1,217 @@
+$breakpoints: (
+  smallMobile: 480px,
+  mobile: 768px,
+  tablet: 1024px,
+  pc: 1159px,
+  lgPc: 1440px,
+);
+
+$medias: (
+  smbDown: '(max-width: #{map-get($breakpoints, "smallMobile") - 1px})',
+  smbUp: '(min-width: #{map-get($breakpoints, "smallMobile")})',
+
+  mbDown: '(max-width: #{map-get($breakpoints, "mobile") - 1px})',
+  mbOnly:
+    '(min-width: #{map-get($breakpoints, "smallMobile")}) and (max-width: #{map-get($breakpoints, "mobile") - 1px})',
+  mbUp: '(min-width: #{map-get($breakpoints, "mobile")})',
+
+  tdDown: '(max-width: #{map-get($breakpoints, "tablet") - 1px})',
+  tdOnly:
+    '(min-width: #{map-get($breakpoints, "mobile")}) and (max-width: #{map-get($breakpoints, "tablet") - 1px})',
+  tdUp: '(min-width: #{map-get($breakpoints, "tablet")})',
+
+  pcUp: '(min-width: #{map-get($breakpoints, "pc")})',
+  pcOnly:
+    '(min-width: #{map-get($breakpoints, "tablet")}) and (max-width: #{map-get($breakpoints, "pc") - 1px})',
+  pcDown: '(max-width: #{map-get($breakpoints, "pc") - 1px})',
+
+  lgPcUp: '(min-width: #{map-get($breakpoints, "lgPc")})',
+  lgPcOnly:
+    '(min-width: #{map-get($breakpoints, "pc")}) and (max-width: #{map-get($breakpoints, "lgPc") - 1px})',
+  lgPcDown: '(max-width: #{map-get($breakpoints, "lgPc") - 1px})',
+
+  mbToPC:
+    '(min-width: #{map-get($breakpoints, "mobile")}) and (max-width: #{map-get($breakpoints, "pc") - 1px})',
+);
+//  Some colors were renamed due to map-get not recognizing if name is the same as a css color shorthand
+$colors: (
+  defaultColor: #262626,
+  primaryBase: #2d87f3,
+  primaryHover: #2c74df,
+  primaryActive: #2b62cd,
+  primaryVisited: #5e38ba,
+
+  secondaryBase: #284a75,
+  secondaryDark: #1b3250,
+
+  accentLight: #b1ebf8,
+  accentMain: #00aecd,
+
+  success: #00b16a,
+  error: #f71210,
+
+  gray50: #fafafa,
+  gray100: #f2f2f2,
+  gray200: #d9d9d9,
+  gray300: #bfbfbf,
+  gray400: #8c8c8c,
+  gray500: #737373,
+  gray600: #595959,
+  gray700: #404040,
+  gray800: #262626,
+
+  blue50: #e3f2ff,
+  blue100: #bcdeff,
+  blue200: #91caff,
+  blue300: #65b5ff,
+  blue400: #45a4ff,
+  blue500: #2b94ff,
+  blue600: #2d87f3,
+  blue700: #2c74df,
+  blue800: #2b62cd,
+  blue900: #2743ad,
+
+  alertWarning: #fe921d,
+
+  green50: #e0f8ee,
+  green100: #b3eed5,
+  green200: #7ce2b9,
+  green300: #2ed69e,
+  green400: #00cb8a,
+  green500: #00c076,
+  green600: #00b16a,
+  green700: #009e5c,
+  green800: #008c50,
+  green900: #006c39,
+
+  yellow50: #fff8e2,
+  yellow100: #ffecb6,
+  yellow200: #ffe187,
+  yellow300: #ffd658,
+  yellow400: #ffc326,
+  yellow500: #fe921d,
+  yellow600: #ffb521,
+  yellow700: #fea21e,
+  yellow800: #fe921d,
+  yellow900: #fc7419,
+
+  red50: #fae9e8,
+  red100: #feccbf,
+  red200: #feaa96,
+  red300: #f44d2c,
+  red400: #ff6f4d,
+  red500: #ff5331,
+  red600: #f44d2c,
+  red700: #e64728,
+  red800: #d84023,
+  red900: #bf331b,
+
+  neutral50: #f8f9fc,
+  neutral100: #e4e8ec,
+  neutral150: #fafafa,
+  neutral200: #d2d6dc,
+  neutral300: #bfc5cc,
+  neutral400: #adb3bc,
+  neutral500: #9aa2ac,
+  neutral600: #87909c,
+  neutral700: #757f8c,
+  neutral800: #626d7c,
+
+  teal50: #e0f7fc,
+  teal100: #b1ebf8,
+  teal200: #7ddff3,
+  teal300: #44d1ec,
+  teal400: #00c7e6,
+  teal500: #00bee0,
+  teal600: #00aecd,
+  teal700: #0099b2,
+  teal800: #008599,
+  teal900: #00626c,
+
+  pink50: #fff1f6,
+  pink100: #fec7dc,
+  pink200: #fec7dc,
+  pink300: #fec2cf,
+  pink400: #fe9dc2,
+  pink500: #fd87b4,
+  pink600: #fd72a7,
+  pink700: #fc5d9a,
+  pink800: #fc488d,
+
+  violet50: #f5edff,
+  violet100: #e7d2f7,
+  violet200: #d8b7f0,
+  violet300: #ca9ce8,
+  violet400: #bb82e1,
+  violet500: #ad67d9,
+  violet600: #9e4cd1,
+  violet700: #9031ca,
+  violet800: #8116c2,
+
+  indigo700: #35639c,
+  indigo800: #284a75,
+  indigo900: #1b3250,
+
+  brown50: #faecde,
+  brown100: #ecd8c5,
+  brown200: #dec5ab,
+  brown300: #d0b192,
+  brown400: #c39d79,
+  brown500: #b5895f,
+  brown600: #a77646,
+  brown700: #99622c,
+  brown800: #8b4e13,
+
+  cWhite: #fff,
+);
+
+$mbColors: (
+  cPink: #e85388,
+  cobalt: #2661ad,
+
+  dark: #202135,
+  cGray: #3e3f58,
+  midGray: #9495a0,
+  lightGray: #f3f3f3,
+
+  lightMint: #f2fcf8,
+  lightPink: #ffeaf1,
+  lightOrange: #fffaeb,
+  lightBlue: #e0e9fc,
+  mint: #5ec08f,
+  peach: #ffaaa9,
+  cOrange: #fb8c00,
+  ceruleanBlue: #b6ceff,
+
+  cRed: #eb5757,
+  lightRed: #fdeeee,
+  cYellow: #ff8a2b,
+  cGreen: #f2fcf7,
+  cBlue: #4096fe,
+
+  toneYellow: #fff9eb,
+  toneGreen: #f2fcf7,
+  toneBlue: #e0e9fb,
+  tonePink: #ffeaf1,
+);
+
+$sizes: (
+  fwBold: 700,
+  fwSemiBold: 600,
+  fsCaption2: 13px,
+  fsHeading1: 40px,
+  fsHeading2: 28px,
+  fsHeading4: 24px,
+  fsHeading5: 18px,
+  fsHeading6: 16px,
+  fsParagraph3: 16px,
+  fsParagraph4: 14px,
+  fwRegular: 400,
+);
+
+$zIndexes: (
+  belowHeader: 1,
+  zIndex100: 100,
+  onTop: 1000,
+  drawer: 305,
+);

package/build/together.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-961e8898.js"),r=require("./index-9b944f11.js");require("react"),require("./index-f50d4c63.js"),require("./tslib.es6-e6f346c4.js"),require("./theme-b4bf0ca3.js"),require("./utils-43f2c752.js"),require("styled-components"),require("./translationsContext-14a025ec.js"),require("string-format"),require("./index-d632029d.js"),require("./index-5748940b.js"),require("./index.styled-5df734b4.js"),require("./useTranslations-ef4df454.js"),require("innertext"),require("./index-9f3366ff.js"),require("./index-6193a08c.js"),require("lodash/debounce"),require("react-contenteditable"),require("./index-4338f5f7.js"),require("./cookieHelper-3553173d.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./index-5830eec7.js"),require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./gAssets.js"),require("@mantine/core"),require("./lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./defaultClassWrapper-0eac7dff.js"),require("react-dom"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SubmitReportForm=e.SubmitReportForm,exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-eac5c484.js"),r=require("./index-9b944f11.js");require("react"),require("./index-f50d4c63.js"),require("./tslib.es6-e6f346c4.js"),require("./theme-b4bf0ca3.js"),require("./utils-43f2c752.js"),require("styled-components"),require("./translationsContext-14a025ec.js"),require("string-format"),require("./index-d632029d.js"),require("./index-5748940b.js"),require("./index.styled-5df734b4.js"),require("./useTranslations-ef4df454.js"),require("innertext"),require("./index-9f3366ff.js"),require("./index-6193a08c.js"),require("lodash/debounce"),require("react-contenteditable"),require("./index-4338f5f7.js"),require("./cookieHelper-3553173d.js"),require("dayjs"),require("dayjs/plugin/relativeTime"),require("./index-5830eec7.js"),require("./Locale-11b51016.js"),require("./isProduction-32e6a55a.js"),require("./gAssets.js"),require("@mantine/core"),require("./lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./defaultClassWrapper-0eac7dff.js"),require("react-dom"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SubmitReportForm=e.SubmitReportForm,exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.TogetherDataTransforms=r.dataTransform,exports.UserAvatar=r.UserAvatar;

package/build/types-20ce190d.js

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