@hhgtech/hhg-components 1.21.76 → 1.21.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/care.js +1 -1
  3. package/build/components/atoms/icons/ArrowLeft.d.ts +4 -0
  4. package/build/components/atoms/icons/ArrowRight.d.ts +4 -0
  5. package/build/components/atoms/icons/index.d.ts +2 -0
  6. package/build/components/atoms/pill/index.d.ts +9 -0
  7. package/build/components/atoms/pill/index.styled.d.ts +9 -0
  8. package/build/components/mantine/CentralCarousel/index.d.ts +19 -0
  9. package/build/components/mantine/CentralCarousel/index.styled.d.ts +2 -0
  10. package/build/components/mantine/index.d.ts +2 -0
  11. package/build/components/molecules/index.d.ts +2 -0
  12. package/build/components/molecules/pillCarousel/index.d.ts +11 -0
  13. package/build/components/molecules/pillCarousel/index.styled.d.ts +4 -0
  14. package/build/components.js +1 -1
  15. package/build/dataTransform-a27830ef.js +1 -0
  16. package/build/esm/babyGrowth.js +1 -1
  17. package/build/esm/care.js +1 -1
  18. package/build/esm/components.js +1 -1
  19. package/build/esm/dataTransform-28541f72.js +1 -0
  20. package/build/esm/index-3fe43914.js +1 -0
  21. package/build/esm/{index-1e715f4d.js → index-6384e385.js} +1 -1
  22. package/build/esm/index-6d7998c5.js +1 -0
  23. package/build/esm/{index-0873a836.js → index-78201994.js} +1 -1
  24. package/build/esm/index-a80801d6.js +1 -0
  25. package/build/esm/index-ee06d201.js +1 -0
  26. package/build/esm/{index-5c837c85.js → index-f6bb4a07.js} +1 -1
  27. package/build/esm/index.js +1 -1
  28. package/build/esm/index.styled-391579f2.js +1 -0
  29. package/build/esm/mantine.js +1 -1
  30. package/build/esm/misc.js +1 -1
  31. package/build/esm/navigation.js +1 -1
  32. package/build/esm/pwg.js +1 -1
  33. package/build/esm/theme-becc20ce.js +1 -0
  34. package/build/esm/together.js +1 -1
  35. package/build/esm/{types-9c2b96dc.js → types-a0796acc.js} +1 -1
  36. package/build/esm/{types-aa00d8bc.js → types-cbf8da37.js} +1 -1
  37. package/build/{index-7db349ae.js → index-19a49fb7.js} +1 -1
  38. package/build/{index-4fab8fc9.js → index-4383f63e.js} +1 -1
  39. package/build/{index-c0826785.js → index-5ab44f4f.js} +1 -1
  40. package/build/{index-cbf70645.js → index-682c8edb.js} +1 -1
  41. package/build/index-93461684.js +1 -0
  42. package/build/{index-bcd8c032.js → index-ae8c598f.js} +1 -1
  43. package/build/{index-ac032299.js → index-b17129e6.js} +1 -1
  44. package/build/index.js +1 -1
  45. package/build/index.styled-6f65d89d.js +1 -0
  46. package/build/mantine.js +1 -1
  47. package/build/misc/dataTransform.d.ts +2 -0
  48. package/build/misc/index.d.ts +1 -0
  49. package/build/misc.js +1 -1
  50. package/build/navigation.js +1 -1
  51. package/build/pwg.js +1 -1
  52. package/build/theme-bcf0e70b.js +1 -0
  53. package/build/together/interfaces/types.d.ts +10 -0
  54. package/build/together.js +1 -1
  55. package/build/{types-ff7c9d3f.js → types-2f91a6e2.js} +1 -1
  56. package/build/{types-55a7bd4a.js → types-91346cfb.js} +1 -1
  57. package/package.json +1 -1
  58. package/build/esm/index-073d2467.js +0 -1
  59. package/build/esm/index-0943b5c7.js +0 -1
  60. package/build/esm/index-7dfcd4ea.js +0 -1
  61. package/build/esm/index-f454a9e5.js +0 -1
  62. package/build/esm/index.styled-0341bdd0.js +0 -1
  63. package/build/esm/number-3cb24023.js +0 -1
  64. package/build/esm/theme-3e149f81.js +0 -1
  65. package/build/index-78f5940a.js +0 -1
  66. package/build/index.styled-1dc3d975.js +0 -1
  67. package/build/number-87b13133.js +0 -1
  68. package/build/theme-cd1690f9.js +0 -1
@@ -1 +1 @@
1
- import{b as t,_ as o}from"./tslib.es6-dcf36680.js";import r,{useMemo as n,useState as a,useEffect as i}from"react";import{Autocomplete as s,Image as l,Select as m,Badge as h,Spoiler as p,LoadingOverlay as v,MantineProvider as w}from"@mantine/core";import{CommonGAssets as x}from"./gAssets.js";import{D as E,S,a as k,u as j,g as y}from"./theme-3e149f81.js";export{A as Accordion,c as Avatar,C as Carousel,d as Checkbox,b as DatePicker,I as Input,M as MAPPED_LOCALE,R as Radio,e as Switch,f as emotionCache,g as getMantineThemeOverride,u as useMantineLocale}from"./theme-3e149f81.js";import"date-fns";import"./screenSizeContext-1852eabc.js";import"styled-components";import{t as H}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import{T as L}from"./index-1e715f4d.js";import"react-range";import{u as P}from"./useTranslations-b3eb31ef.js";import"lodash/debounce";import{useDebouncedValue as z}from"@mantine/hooks";import{B}from"./index-073d2467.js";import"./translationsContext-e7808c8f.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"vanilla-lazyload";import"lodash";var D=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?r.createElement(s,o({rightSection:r.createElement(l,{src:x.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):r.createElement(m,o({rightSection:r.createElement(l,{src:x.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},O=function(e){var n=e.color,a=void 0===n?H.colors.primaryBase:n,i=t(e,["color"]);return r.createElement(h,o({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},T=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.maxHeight,c=t(e,["children","line","lineHeight","maxHeight"]),m=P().t,h=n((function(){return l||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);return a||console.error("[HHG-Comp]:[Spoiler] Please provide children"),r.createElement(p,o({showLabel:r.createElement(L,{size:"p3",color:H.colors.primaryBase},m("articlePage.readMore")),hideLabel:r.createElement(L,{size:"p3",color:H.colors.primaryBase},m("articlePage.showLess"))},c,{maxHeight:h}),a)},G=function(e){return r.createElement(v,o({loaderProps:{color:H.colors.primaryBase}},e))},W=function(e){var n=e.color,s=void 0===n?H.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,h=e.min,d=e.max,p=e.isStatic,u=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||h||0),g=f[0],v=f[1],w=z(g,E)[0];return i((function(){null==c||c(w)}),[w]),r.createElement(S,null,l&&r.createElement(B,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return h&&e===h?e:e-1}))}},r.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},r.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),r.createElement(k,o({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:g,onChange:p?function(){return null}:v,min:h,max:d},u)),l&&r.createElement(B,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return d&&e===d?e:e+1}))}},r.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},_=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return j(a),r.createElement(w,o({theme:y(a),withGlobalStyles:!0,withNormalizeCSS:!0},i),n)};export{O as Badge,G as LoadingOverlay,_ as MantineProvider,D as Select,W as Slider,T as Spoiler};
1
+ import{b as t,_ as r}from"./tslib.es6-dcf36680.js";import o,{useMemo as n,useState as a,useEffect as i}from"react";import{Autocomplete as s,Image as l,Select as m,Badge as p,Spoiler as v,LoadingOverlay as x,MantineProvider as w}from"@mantine/core";import{CommonGAssets as E}from"./gAssets.js";import{D as k,S as j,a as S,u as H,g as y}from"./theme-becc20ce.js";export{A as Accordion,c as Avatar,d as Carousel,C as CentralCarousel,e as Checkbox,b as DatePicker,I as Input,M as MAPPED_LOCALE,R as Radio,f as Switch,h as emotionCache,g as getMantineThemeOverride,u as useMantineLocale}from"./theme-becc20ce.js";import"date-fns";import"./screenSizeContext-1852eabc.js";import"styled-components";import{t as L}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import{T as P}from"./index-6384e385.js";import"react-range";import{u as z}from"./useTranslations-b3eb31ef.js";import"lodash/debounce";import{useDebouncedValue as B}from"@mantine/hooks";import{B as D}from"./index-3fe43914.js";import"./translationsContext-e7808c8f.js";import"string-format";import"@mantine/dates";import"@mantine/carousel";import"vanilla-lazyload";import"lodash";var O=function(e){var n=e.keepSearch,a=void 0!==n&&n,i=t(e,["keepSearch"]);return a?o.createElement(s,r({rightSection:o.createElement(l,{src:E.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(m,r({rightSection:o.createElement(l,{src:E.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},T=function(e){var n=e.color,a=void 0===n?L.colors.primaryBase:n,i=t(e,["color"]);return o.createElement(p,r({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},G=function(e){var a=e.children,i=e.line,s=e.lineHeight,l=e.maxHeight,c=t(e,["children","line","lineHeight","maxHeight"]),m=z().t,h=n((function(){return l||(i&&s?i*s:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);return a||console.error("[HHG-Comp]:[Spoiler] Please provide children"),o.createElement(v,r({showLabel:o.createElement(P,{size:"p3",color:L.colors.primaryBase},m("articlePage.readMore")),hideLabel:o.createElement(P,{size:"p3",color:L.colors.primaryBase},m("articlePage.showLess"))},c,{maxHeight:h}),a)},W=function(e){return o.createElement(x,r({loaderProps:{color:L.colors.primaryBase}},e))},_=function(e){var n=e.color,s=void 0===n?L.colors.primaryBase:n,l=e.withControl,c=e.onChange,m=e.value,h=e.min,p=e.max,d=e.isStatic,u=t(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(m||h||0),g=f[0],v=f[1],x=B(g,k)[0];return i((function(){null==c||c(x)}),[x]),o.createElement(j,null,l&&o.createElement(D,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return h&&e===h?e:e-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(S,r({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:s,value:g,onChange:d?function(){return null}:v,min:h,max:p},u)),l&&o.createElement(D,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(e){return p&&e===p?e:e+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:s,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},q=function(e){var n=e.children,a=e.locale,i=t(e,["children","locale"]);return H(a),o.createElement(w,r({theme:y(a)},i),n)};export{T as Badge,W as LoadingOverlay,q as MantineProvider,O as Select,_ as Slider,G as Spoiler};
package/build/esm/misc.js CHANGED
@@ -1 +1 @@
1
- export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,q as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,p as getWindowSizeGroups,l as lazyLoadInstance,m as makeParams,o as safeEncodeURI,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-1852eabc.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber}from"./number-3cb24023.js";export{f as formatHealthTool,d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,e as getDynamicHealthTool,h as getDynamicHealthToolWithCache,b as getTogetherApiDomain}from"./getDynamicHealthTool-831ea86d.js";export{g as getSocialList}from"./getSocialList-e91ed860.js";import"date-fns";import"./tslib.es6-dcf36680.js";import"vanilla-lazyload";import"lodash";import"./core-3b861395.js";import"./isProduction-6fc0946c.js";import"./index-9dd60ba6.js";import"./Locale-69030fff.js";import"./gAssets.js";
1
+ export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-77c129ef.js";export{B as Breakpoints,M as MediaQueries,S as ScreenSizeContext,q as ScreenSizeContextProvider,h as fadeIn,i as formatUrlWithPageParam,j as getBoundariesFromMediaQueryKey,k as getPopupWrapperDom,p as getWindowSizeGroups,l as lazyLoadInstance,m as makeParams,o as safeEncodeURI,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp,n as startCase,t as toggleNoScroll}from"./screenSizeContext-1852eabc.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-0e8521c3.js";import"react";import"styled-components";export{t as theme}from"./theme-a50a1aa5.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{f as formatHealthTool,d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,e as getDynamicHealthTool,h as getDynamicHealthToolWithCache,b as getTogetherApiDomain}from"./getDynamicHealthTool-831ea86d.js";export{g as getSocialList}from"./getSocialList-e91ed860.js";import"date-fns";import"./tslib.es6-dcf36680.js";import"vanilla-lazyload";import"lodash";import"./core-3b861395.js";import"./isProduction-6fc0946c.js";import"./index-9dd60ba6.js";import"./Locale-69030fff.js";import"./gAssets.js";
@@ -1 +1 @@
1
- import"./tslib.es6-dcf36680.js";import"react";import"./core-3b861395.js";import"./index-1e715f4d.js";import"./index.styled-0341bdd0.js";import"react-id-generator";import"date-fns";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"react-dom";import"./index-7dfcd4ea.js";import"lodash";import"keen-slider/react";import"./gAssets.js";import"./screenSizeContext-1852eabc.js";import"react-range";import"styled-components";import"./getDynamicHealthTool-831ea86d.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-9dd60ba6.js";import"react-hook-form";import"./theme-3e149f81.js";import"@mantine/hooks";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-5c837c85.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./isProduction-6fc0946c.js";import"./theme-a50a1aa5.js";import"./index-073d2467.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"./useTranslations-b3eb31ef.js";import"smoothscroll-polyfill";import"./index-0873a836.js";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"@hookform/resolvers/yup";import"./useScrollbarSize-99db33e1.js";import"recharts";import"./useOutsideClick-6004483a.js";import"vanilla-lazyload";import"@mantine/dates";import"@mantine/carousel";import"./constants-a0a981fa.js";
1
+ import"./tslib.es6-dcf36680.js";import"react";import"./core-3b861395.js";import"./index-6384e385.js";import"./index.styled-391579f2.js";import"react-id-generator";import"date-fns";import"react-day-picker/DayPickerInput";import"lodash/debounce";import"react-dom";import"./index-ee06d201.js";import"lodash";import"keen-slider/react";import"./gAssets.js";import"./screenSizeContext-1852eabc.js";import"react-range";import"styled-components";import"./getDynamicHealthTool-831ea86d.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-9dd60ba6.js";import"react-hook-form";import"./theme-becc20ce.js";import"@mantine/hooks";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-f6bb4a07.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./isProduction-6fc0946c.js";import"./theme-a50a1aa5.js";import"./index-3fe43914.js";import"date-fns/locale/hi";import"date-fns/locale/ms";import"date-fns/locale/th";import"./useTranslations-b3eb31ef.js";import"smoothscroll-polyfill";import"./index-78201994.js";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./cookieHelper-0e8521c3.js";import"slugify";import"@hookform/resolvers/yup";import"./useScrollbarSize-99db33e1.js";import"recharts";import"./useOutsideClick-6004483a.js";import"vanilla-lazyload";import"@mantine/dates";import"@mantine/carousel";import"./constants-a0a981fa.js";
package/build/esm/pwg.js CHANGED
@@ -1 +1 @@
1
- import{e,_ as t,b as n}from"./tslib.es6-dcf36680.js";import r,{useMemo as a,useState as i,useRef as l}from"react";import{T as o,c}from"./index-1e715f4d.js";import"./gAssets.js";import"./screenSizeContext-1852eabc.js";import"react-range";import"date-fns";import s from"styled-components";import{t as d}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"@mantine/core";import{u as p}from"./useTranslations-b3eb31ef.js";import"lodash/debounce";import"./translationsContext-e7808c8f.js";import"string-format";import{ResponsiveContainer as m,AreaChart as u,CartesianGrid as g,Tooltip as f,XAxis as x,YAxis as h,Area as y,ReferenceDot as b}from"recharts";import{u as v}from"./useOutsideClick-6004483a.js";import"vanilla-lazyload";import"lodash";var w,E,k,j,W=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},B=s.div(w||(w=e(["\n /* position: absolute; */\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n padding: 8px;\n gap: 14px;\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 .tooltip {\n text-align: left;\n }\n"],["\n /* position: absolute; */\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n padding: 8px;\n gap: 14px;\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 .tooltip {\n text-align: left;\n }\n"])),d.colors.yellow600),z=s.div(E||(E=e(["\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"]))),L=s.div(k||(k=e(["\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"]))),S=[{name:"overweight",color:d.colors.red600},{name:"underweight",color:d.colors.yellow600},{name:"healthy",color:d.colors.green600}],T=function(e){var t,n=e.payload,i=e.active,l=null===(t=null==n?void 0:n[0])||void 0===t?void 0:t.payload;if(!l||!l.toolTipLabel||!i)return null;var c=a((function(){var e;return null===(e=S.find((function(e){return e.name===l.status})))||void 0===e?void 0:e.color}),[null==l?void 0:l.status]);return r.createElement(B,null,r.createElement("div",{className:"risk",style:{backgroundColor:c}},r.createElement(o,{size:"s3",color:d.colors.white,type:"semiBold"},l.status)),r.createElement("div",{className:"tooltip"},(l.toolTipLabel||[]).map((function(e){return e}))))},N=function(e){var n=e.weightByWeek,r=e.weightBefore,a=e.toolTipLabel,i=e.status,l=e.activeWeek,o=(0,e.t)("bmi.result.".concat(i));return n.map((function(e){return t({name:e.week,min:r+e.min,difference:e.max-e.min,max:r+e.max},e.week===l?{toolTipLabel:a,status:o}:{})}))},C=function(e){var n=e.weightBefore,s=e.weightByWeek,w=e.activeWeek,E=e.currentWeight,k=e.toolTipLabel,j=void 0===k?[]:k,B=e.status,L=e.withLine,S=void 0!==L&&L,C=p().t,I=a((function(){return N({weightByWeek:s,weightBefore:n,toolTipLabel:j,status:B,activeWeek:w,t:C})}),[s,n,j,B,w]),M=i(!1),A=M[0],F=M[1],K=l(null);return v(K,(function(){return F(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(m,{height:388,className:"chart"},r.createElement(u,{data:I,margin:{top:16,right:0,left:0}},r.createElement(g,{stroke:d.colors.neutral100}),r.createElement(f,{trigger:"click",content:function(e){return r.createElement(T,t({active:!S&&A&&void 0!==w&&void 0!==E},e))}}),r.createElement(x,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(e){return r.createElement(W,t({},e,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(h,{domain:[function(e){return Math.max(e,n-10||e)},function(e){return Math.max(e,n+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:d.colors.gray600}}),r.createElement(y,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(y,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==E&&r.createElement(b,{onClick:function(){return F(!0)},x:0===w?1:w,y:E,r:4,shape:r.createElement(c,{ref:K,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},C("pregnancy.week")))))},I=function(e){var a=e.color,i=n(e,["color"]);return r.createElement("svg",t({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},M=function(e){var t=e.idealWeight,n=p().t;return r.createElement(L,null,r.createElement("div",null,r.createElement(I,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},n("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},t))),r.createElement("div",null,r.createElement(I,null),r.createElement(o,{size:"n1",color:d.colors.gray600},n("pwg.placeholder.weight"))))},A=s.div(j||(j=e(["\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"])),d.colors.neutral100),F=function(e){var n=e.chartProps,a=e.idealWeight,i=e.description,l=p().t;return r.createElement(A,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},l("pregnancyTool.weightSuggested")),i&&i),r.createElement("div",null,r.createElement(M,{idealWeight:a}),r.createElement(C,t({},n))))};export{F as PregnancyWeightGainChart};
1
+ import{e,_ as t,b as n}from"./tslib.es6-dcf36680.js";import r,{useMemo as a,useState as i,useRef as l}from"react";import{T as o,c}from"./index-6384e385.js";import"./gAssets.js";import"./screenSizeContext-1852eabc.js";import"react-range";import"date-fns";import s from"styled-components";import{t as d}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"@mantine/core";import{u as p}from"./useTranslations-b3eb31ef.js";import"lodash/debounce";import"./translationsContext-e7808c8f.js";import"string-format";import{ResponsiveContainer as m,AreaChart as u,CartesianGrid as g,Tooltip as f,XAxis as x,YAxis as h,Area as y,ReferenceDot as b}from"recharts";import{u as v}from"./useOutsideClick-6004483a.js";import"vanilla-lazyload";import"lodash";var w,E,k,j,W=function(e){var t=e.x,n=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("circle",{r:12,fill:d.colors.primaryBase}),r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},a.value)):r.createElement("g",{transform:"translate(".concat(t,",").concat(n,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},B=s.div(w||(w=e(["\n /* position: absolute; */\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n padding: 8px;\n gap: 14px;\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 .tooltip {\n text-align: left;\n }\n"],["\n /* position: absolute; */\n display: flex;\n align-items: stretch;\n justify-content: space-around;\n padding: 8px;\n gap: 14px;\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 .tooltip {\n text-align: left;\n }\n"])),d.colors.yellow600),z=s.div(E||(E=e(["\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"]))),L=s.div(k||(k=e(["\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"]))),S=[{name:"overweight",color:d.colors.red600},{name:"underweight",color:d.colors.yellow600},{name:"healthy",color:d.colors.green600}],T=function(e){var t,n=e.payload,i=e.active,l=null===(t=null==n?void 0:n[0])||void 0===t?void 0:t.payload;if(!l||!l.toolTipLabel||!i)return null;var c=a((function(){var e;return null===(e=S.find((function(e){return e.name===l.status})))||void 0===e?void 0:e.color}),[null==l?void 0:l.status]);return r.createElement(B,null,r.createElement("div",{className:"risk",style:{backgroundColor:c}},r.createElement(o,{size:"s3",color:d.colors.white,type:"semiBold"},l.status)),r.createElement("div",{className:"tooltip"},(l.toolTipLabel||[]).map((function(e){return e}))))},N=function(e){var n=e.weightByWeek,r=e.weightBefore,a=e.toolTipLabel,i=e.status,l=e.activeWeek,o=(0,e.t)("bmi.result.".concat(i));return n.map((function(e){return t({name:e.week,min:r+e.min,difference:e.max-e.min,max:r+e.max},e.week===l?{toolTipLabel:a,status:o}:{})}))},C=function(e){var n=e.weightBefore,s=e.weightByWeek,w=e.activeWeek,E=e.currentWeight,k=e.toolTipLabel,j=void 0===k?[]:k,B=e.status,L=e.withLine,S=void 0!==L&&L,C=p().t,I=a((function(){return N({weightByWeek:s,weightBefore:n,toolTipLabel:j,status:B,activeWeek:w,t:C})}),[s,n,j,B,w]),M=i(!1),A=M[0],F=M[1],K=l(null);return v(K,(function(){return F(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},C("babyGrowth.weight")," ",C("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(m,{height:388,className:"chart"},r.createElement(u,{data:I,margin:{top:16,right:0,left:0}},r.createElement(g,{stroke:d.colors.neutral100}),r.createElement(f,{trigger:"click",content:function(e){return r.createElement(T,t({active:!S&&A&&void 0!==w&&void 0!==E},e))}}),r.createElement(x,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,t){return t+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(e){return r.createElement(W,t({},e,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(h,{domain:[function(e){return Math.max(e,n-10||e)},function(e){return Math.max(e,n+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:d.colors.gray600}}),r.createElement(y,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(y,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==E&&r.createElement(b,{onClick:function(){return F(!0)},x:0===w?1:w,y:E,r:4,shape:r.createElement(c,{ref:K,r:4}),fill:d.colors.primaryBase,stroke:d.colors.primaryBase}))),r.createElement("div",{className:"custom-chart-label"},r.createElement("i",null),r.createElement(o,{size:"n1",color:d.colors.gray500},C("pregnancy.week")))))},I=function(e){var a=e.color,i=n(e,["color"]);return r.createElement("svg",t({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},M=function(e){var t=e.idealWeight,n=p().t;return r.createElement(L,null,r.createElement("div",null,r.createElement(I,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},n("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},t))),r.createElement("div",null,r.createElement(I,null),r.createElement(o,{size:"n1",color:d.colors.gray600},n("pwg.placeholder.weight"))))},A=s.div(j||(j=e(["\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"])),d.colors.neutral100),F=function(e){var n=e.chartProps,a=e.idealWeight,i=e.description,l=p().t;return r.createElement(A,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},l("pregnancyTool.weightSuggested")),i&&i),r.createElement("div",null,r.createElement(M,{idealWeight:a}),r.createElement(C,t({},n))))};export{F as PregnancyWeightGainChart};
@@ -0,0 +1 @@
1
+ import{e as n,_ as e,b as t}from"./tslib.es6-dcf36680.js";import r,{useState as a,useEffect as o,createContext as i,useContext as l,useRef as c}from"react";import{Image as s,Accordion as d,Indicator as u,Avatar as m,createEmotionCache as p,FileInput as f,NumberInput as h,PasswordInput as g,TextInput as v,Checkbox as b,Slider as y,Radio as S,Switch as w}from"@mantine/core";import{CommonGAssets as C}from"./gAssets.js";import{DatePicker as k,DateRangePicker as Y}from"@mantine/dates";import x,{css as M}from"styled-components";import{useDebouncedValue as E,useResizeObserver as D}from"@mantine/hooks";import{Carousel as A}from"@mantine/carousel";import{Z as P}from"./index-6384e385.js";import"date-fns";import"./screenSizeContext-1852eabc.js";import{t as I}from"./theme-a50a1aa5.js";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import{L as F}from"./Locale-69030fff.js";var z,j,T,R,B=x(k)(j||(j=n(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&M(z||(z=n(["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DatePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),L=x(Y)(R||(R=n(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(e){return e.fullWidth&&M(T||(T=n(["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "],["\n .mantine-DateRangePicker-dropdown {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n "])))})),N=function(n){return r.createElement(B,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(s,{src:C.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};N.Range=function(n){return r.createElement(L,e({size:"md",clearable:!1,fullWidth:!0,rightSection:r.createElement(s,{src:C.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var O,V=x(d)(O||(O=n(["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"],["\n .mantine-Accordion-control {\n &:hover {\n background-color: transparent;\n }\n }\n .mantine-Accordion-item {\n .mantine-Accordion-chevron {\n > div {\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n background-position: center;\n background-image: url(",");\n }\n }\n &[data-active='true'] {\n .mantine-Accordion-chevron {\n > div {\n background-image: url(",");\n }\n }\n }\n }\n .mantine-Accordion-panel {\n border-radius: 6px;\n }\n .mantine-Accordion-content {\n white-space: pre-wrap;\n }\n"])),(function(n){return n.closeChevron||C.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||C.getAssetPath("minus-icon.svg")})),W=function(n){var a=n.children,o=t(n,["children"]);return r.createElement(V,e({chevron:r.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},o),a)};W.Control=d.Control,W.Item=d.Item,W.Panel=d.Panel;var G,H=C.getAssetPath("avatar.jpg"),U=function(n){var a=n.withIndicator,o=void 0!==a&&a,i=n.indicatorConfig,l=void 0===i?null:i,c=n.size,s=void 0===c?56:c,d=n.children,p=t(n,["withIndicator","indicatorConfig","size","children"]),f=function(){return r.createElement(m,e({size:s,radius:"xl"},p),d||r.createElement("img",{src:H,width:s}))};return o?r.createElement(u,e({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:r.isValidElement(l.label)&&"transparent"}}}),f()):f()},Z=300,q=p({key:"mantine",prepend:!1}),_=((G={})[F.Vietnam]={dateFormat:"DD/MM/YYYY",separator:","},G[F.Cambodia]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.India]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Indonesia]={dateFormat:"DD/MM/YYYY",separator:","},G[F.Malaysia]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Thailand]={dateFormat:"DD/MM/YYYY",separator:"."},G[F.Taiwan]={dateFormat:"YYYY/MM/DD",separator:","},G[F.PhilippinesTagalog]={dateFormat:"MM/DD/YYYY",separator:"."},G[F.PhilippinesEnglish]={dateFormat:"MM/DD/YYYY",separator:"."},G[F.Myanmar]={dateFormat:"DD/MM/YYYY",separator:","},G),J=C.getAssetPath("EyeVisible.svg"),K=C.getAssetPath("EyeHidden.svg"),Q=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||""),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(v,e({size:"md",onChange:function(n){return u(n.currentTarget.value)},value:d},c))};Q.File=function(n){return r.createElement(f,e({size:"md"},n))},Q.Password=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||""),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(g,e({size:"md",onChange:function(n){return u(n.currentTarget.value)},visibilityToggleIcon:function(n){var e=n.reveal,t=n.size;return e?r.createElement("img",{src:J,width:t}):r.createElement("img",{src:K,width:t})},styles:{rightSection:{pointerEvents:"initial"}},value:d},c))},Q.Number=function(n){var i=n.value,l=n.onChange,c=t(n,["value","onChange"]),s=a(i||0),d=s[0],u=s[1],m=E(d,Z)[0];return o((function(){null==l||l(m)}),[m]),o((function(){u(i)}),[i]),r.createElement(h,e({size:"md",stepHoldDelay:500,stepHoldInterval:function(n){return Math.max(1e3/Math.pow(n,2),25)},onChange:u,hideControls:!0,min:0,formatter:function(n){return 0===Number(n)?"":n||""},removeTrailingZeros:!0,value:d},c))};var X=function(n){var a=n.slidesToShow,o=void 0===a?1:a,i=n.children,l=t(n,["slidesToShow","children"]);return r.createElement(A,e({slideSize:String(Math.floor(1/o*100))+"%",containScroll:"trimSnaps"},l),i)};X.Slide=A.Slide;var $,nn=x(A.Slide)($||($=n([""],[""]))),en=i({}),tn=function(n,e){return n>=e?n-e:n},rn=function(n){var i=n.slidesToShow,l=n.children,s=n.blurFromCenter,d=n.blurFromIndex,u=n.blurLength,m=void 0===u?3:u,p=n.maxBlurOpacity,f=void 0===p?.5:p,h=n.onSlideChange,g=t(n,["slidesToShow","children","blurFromCenter","blurFromIndex","blurLength","maxBlurOpacity","onSlideChange"]),v=D(),b=v[0],y=v[1],S=c(null),w=a(0),C=w[0],k=w[1],Y=function(){var n,e,t,r=null===(n=null==S?void 0:S.current)||void 0===n?void 0:n.selectedScrollSnap();k(r);var a=(null===(e=null==S?void 0:S.current)||void 0===e?void 0:e.slideNodes())||[],o=a.length,i=(null===(t=null==S?void 0:S.current)||void 0===t?void 0:t.slidesInView()).length,l=Math.floor(i/2),c=s?d+m-1:l,u=r+c,p=u===o?0:u>o?u-o:u,h=r-c,g=h<0?o+h:h>0?r-c:0,v=Array(2*c+1).fill("").map((function(n,e){return tn(g+e,o)}));a.map((function(n,e){if(e===r?n.classList.add("center-slide"):n.classList.remove("center-slide"),-1!==v.indexOf(e))for(var t=f/m,a=0;a<m;a++){if(e===tn(g+a,o)||e===(l=o,(i=p-a)<0?l+i:i)){n.style.opacity=String((a+1)*t);break}n.style.opacity="1"}else n.style.opacity="0";var i,l}))},x={getEmblaApi:function(n){S.current=n},onSlideChange:function(n){Y(),null==h||h(n)}};return o((function(){(null==S?void 0:S.current)&&Y()}),[y]),r.createElement(en.Provider,{value:{slider:null==S?void 0:S.current,centerSlide:C}},r.createElement(A,e({ref:b,slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},x,g,{loop:!0}),"function"==typeof l?l(C):l))};rn.Slide=function(n){var i=n.children,s=n.onClick,d=t(n,["children","onClick"]),u=l(en).slider,m=c(),p=c(""),f=a(0),h=f[0],g=f[1];return o((function(){p.current=String(Math.round(1e4*Math.random()))}),[]),o((function(){var n=(null==u?void 0:u.slideNodes())||[];g(n.findIndex((function(n){return n.dataset.key===p.current})))}),[u]),r.createElement(nn,e({ref:m,"data-key":p.current,"data-index":h},d),r.createElement("div",{onClick:function(){null==u||u.scrollTo(h),null==s||s(h)}},i))};var an=function(n){return r.createElement(b,e({},n))};an.Group=b.Group;var on,ln,cn,sn="hhgcomp-mantine-slider-slider",dn=P(x(y)(on||(on=n(["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"],["\n .mantine-Slider-track {\n background-color: ",";\n }\n\n .mantine-Slider-label {\n background-color: transparent;\n color: #000;\n font-size: 14px;\n font-weight: bold;\n }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),sn),un=x.div(ln||(ln=n(["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"],["\n display: flex;\n align-items: center;\n ."," {\n flex-grow: 1;\n }\n"])),sn),mn=x(S)(cn||(cn=n(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||I.colors.primaryBase})),pn=function(n){return r.createElement(mn,e({size:"sm"},n))};pn.Group=S.Group;var fn,hn,gn=x(w)(fn||(fn=n(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),vn=((hn={})[F.Vietnam]="vi",hn[F.Cambodia]="km",hn[F.India]="hi",hn[F.Indonesia]="id",hn[F.Malaysia]="ms",hn[F.Thailand]="th",hn[F.Taiwan]="zh-tw",hn[F.PhilippinesTagalog]="tl-ph",hn[F.PhilippinesEnglish]="en",hn[F.Myanmar]="my",hn),bn=function(n){o((function(){vn[n]&&require("dayjs/locale/".concat(vn[n],".js"))}),[n])},yn={"&:hover":{borderColor:"".concat(I.colors.blue200),boxShadow:"0 0 2px 2px ".concat(I.colors.blue200)}},Sn=function(n){return{datesLocale:vn[n],dateFormat:_[n].dateFormat,fontFamily:n===F.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:_[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(I.colors.blue200),boxShadow:"0 0 2px 2px ".concat(I.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:yn}},Radio:{styles:{radio:e(e({backgroundColor:"#ffffff"},yn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}};export{W as A,rn as C,Z as D,Q as I,vn as M,pn as R,un as S,dn as a,N as b,U as c,X as d,an as e,gn as f,Sn as g,q as h,bn as u};
@@ -1 +1 @@
1
- export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-aa00d8bc.js";export{C as CardAuthor,n as DefaultComponentGlobalContextData,G as GlobalData,j as Loading,l as PopupDoctor,k as PopupExpert,m as PopupHospital,o as TogetherComponentGlobalContext,p as TogetherComponentGlobalContextProvider,i as TogetherConstants,h as TogetherDataTransforms,U as UserAvatar}from"./index.styled-0341bdd0.js";import"react";import"./index-1e715f4d.js";import"./tslib.es6-dcf36680.js";import"styled-components";import"./theme-a50a1aa5.js";import"./screenSizeContext-1852eabc.js";import"vanilla-lazyload";import"lodash";import"date-fns";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"./gAssets.js";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-073d2467.js";import"./useTranslations-b3eb31ef.js";import"innertext";import"react-range";import"@mantine/core";import"lodash/debounce";import"./index-0873a836.js";import"react-contenteditable";import"./index-7dfcd4ea.js";import"./useScrollbarSize-99db33e1.js";import"react-dom";import"recharts";import"./useOutsideClick-6004483a.js";import"./cookieHelper-0e8521c3.js";import"./index-0943b5c7.js";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"react-id-generator";import"react-day-picker/DayPickerInput";import"smoothscroll-polyfill";import"keen-slider/react";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./getDynamicHealthTool-831ea86d.js";import"./core-3b861395.js";import"react-hook-form";import"./theme-3e149f81.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"slugify";import"@hookform/resolvers/yup";
1
+ export{C as CardLink,r as CardPost,s as CardPostPopoverMore,b as CardReactions,v as CardReply,w as CardReplyPopover,f as CreateNewPostContent,g as CreatePostDescription,h as CreatePostTitle,n as ImagePreviewPopup,I as InputCommentBar,d as LabelPin,L as LabelSortPin,e as LabelSorting,x as PopoverMenu,P as PopupDanger,j as PopupFrame,m as PostContent,p as PostImagePreview,o as PostSingleImageViewPopup,l as ShareBox,S as SharePopup,q as SocialLinkPreview,k as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,i as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-cbf8da37.js";export{C as CardAuthor,n as DefaultComponentGlobalContextData,G as GlobalData,j as Loading,l as PopupDoctor,k as PopupExpert,m as PopupHospital,o as TogetherComponentGlobalContext,p as TogetherComponentGlobalContextProvider,i as TogetherConstants,h as TogetherDataTransforms,U as UserAvatar}from"./index.styled-391579f2.js";import"react";import"./index-6384e385.js";import"./tslib.es6-dcf36680.js";import"styled-components";import"./theme-a50a1aa5.js";import"./screenSizeContext-1852eabc.js";import"vanilla-lazyload";import"lodash";import"date-fns";import"./index-9dd60ba6.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"./gAssets.js";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-3fe43914.js";import"./useTranslations-b3eb31ef.js";import"innertext";import"react-range";import"@mantine/core";import"lodash/debounce";import"./index-78201994.js";import"react-contenteditable";import"./index-ee06d201.js";import"./useScrollbarSize-99db33e1.js";import"react-dom";import"recharts";import"./useOutsideClick-6004483a.js";import"./cookieHelper-0e8521c3.js";import"./index-6d7998c5.js";import"date-fns/locale/en-US";import"date-fns/locale/hi";import"date-fns/locale/id";import"date-fns/locale/ms";import"date-fns/locale/th";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"react-id-generator";import"react-day-picker/DayPickerInput";import"smoothscroll-polyfill";import"keen-slider/react";import"./types-f57c9932.js";import"./useHealthToolCache-74a46d69.js";import"./getDynamicHealthTool-831ea86d.js";import"./core-3b861395.js";import"react-hook-form";import"./theme-becc20ce.js";import"@mantine/dates";import"@mantine/hooks";import"@mantine/carousel";import"slugify";import"@hookform/resolvers/yup";
@@ -1 +1 @@
1
- import{e,a as n,_ as t,c as o,d as i}from"./tslib.es6-dcf36680.js";import r,{useState as a,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-a0a981fa.js";import{b as g,d as m}from"./index-9dd60ba6.js";import{g as f,s as C,d as v}from"./cookieHelper-0e8521c3.js";import{u as x}from"./useTranslations-b3eb31ef.js";import y from"lodash/debounce";import{T as b}from"./index-1e715f4d.js";import"./gAssets.js";import{I as w}from"./index-0873a836.js";import{M as E}from"./screenSizeContext-1852eabc.js";import"react-range";import"date-fns";import L,{createGlobalStyle as k}from"styled-components";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-e7808c8f.js";import S from"string-format";import{t as M}from"./theme-a50a1aa5.js";import I from"react-loading-skeleton";import{useId as R}from"react-id-generator";import P from"lodash/shuffle";import{u as F}from"./useOutsideClick-6004483a.js";var z,A,T,N,B,H,V,D,O,j,K,Z,_=L.div(z||(z=e([""],[""]))),G=L.div(A||(A=e(["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"],["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"]))),U=L.section(T||(T=e([""],[""]))),Q=L.input(N||(N=e(["\n position: fixed;\n left: -100%;\n top: -100%;\n"],["\n position: fixed;\n left: -100%;\n top: -100%;\n"]))),q=L(w)(B||(B=e(["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"],["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"]))),W=k(H||(H=e(["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"],["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"]))),Y=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},J=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},r.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},r.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:t||"currentColor"}))},$=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},ee=function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ne=L.li(V||(V=e(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"])),M.colors.neutral100),te=L.div(D||(D=e(["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"],["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"])),E.mbDown),oe=L.ul(O||(O=e(["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"],["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"]))),ie=L(J)(j||(j=e(["\n width: 12px;\n height: 18px;\n"],["\n width: 12px;\n height: 18px;\n"]))),re=L.li(K||(K=e(["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"],["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"])),(function(e){return e.isSelected&&"\n &::after {\n content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n top: 50%;\n right: 18px;\n position: absolute;\n transform: translateY(-50%);\n }\n ")}),M.colors.neutral100,M.colors.neutral50),ae=L((function(e){var t=e.count,o=e.className,i=R(t);return r.createElement(r.Fragment,null,n([],Array(t),!0).map((function(e,n){return r.createElement(ne,{className:o,key:i[n]},r.createElement(I,{count:1,height:32}),r.createElement(I,{count:1,height:24}))})))}))(Z||(Z=e(["\n &:first-child {\n padding-top: 18px;\n }\n"],["\n &:first-child {\n padding-top: 18px;\n }\n"]))),ce=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,a=e.geoLocationPermission,c=void 0===a?"unset":a,l=e.isLocationLoading,s=e.selectedLocation,u=x().t,d="denied"===c,p=function(){return r.createElement(re,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?r.createElement(b,{color:"var(--gray600)",size:"md"},"x"):l?r.createElement(I,{height:20,width:20}):r.createElement(X,{color:M.colors.primaryBase}),r.createElement("div",null,d?r.createElement(b,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?r.createElement(I,{height:20,style:{width:"calc(100% - 16px)"}}):r.createElement(b,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return r.createElement(te,{"data-testid":"location-search-results"},r.createElement(oe,null,t?r.createElement(ae,{count:5}):!n||n.length<1?r.createElement(r.Fragment,null,p(),r.createElement(re,{"data-is-denied":"true"},r.createElement(b,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):r.createElement(r.Fragment,null,p(),n.map((function(e){return r.createElement(re,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},r.createElement(ie,{color:M.colors.neutral400}),r.createElement(b,{size:"md"},e.name))})))))},le="TYPE_CHARACTER",se="REMOVE_CHARACTER",ue="REMOVE_ALL",de="REMOVE_LAST_VISIBLE_NODE",pe="PAUSE_FOR",he="CHANGE_DELETE_SPEED",ge="CHANGE_DELAY",me="PASTE_STRING",fe=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},Ce="TEXT_NODE",ve=function(){function e(e){var o=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return o.state.eventLoopPaused=!1,o.runEventLoop(),o},this.pause=function(){return o.state.eventLoopPaused=!0,o},this.stop=function(){return o.state.eventLoop&&(window.cancelAnimationFrame(o.state.eventLoop),o.state.eventLoop=null),o},this.pauseFor=function(e){return o.addEventToQueue(pe,{ms:e}),o},this.typeOutAllStrings=function(){return"string"==typeof o.options.strings?(o.typeString(o.options.strings).pauseFor(o.options.pauseFor),o):(o.options.strings.forEach((function(e){o.typeString(e).pauseFor(o.options.pauseFor).deleteAll(o.options.deleteSpeed)})),o)},this.typeString=function(e,n){if(void 0===n&&(n=null),e){var t=(o.options||{}).stringSplitter,i="function"==typeof t?t(e):e.split("");o.typeCharacters(i,n)}return o},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&o.addEventToQueue(me,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(ue,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(he,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(ge,{delay:e}),o},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)o.addEventToQueue(se);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(le,{character:e,node:n})})),o},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){o.addEventToQueue(se)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,r){void 0===i&&(i=!1);var a={eventName:e,eventArgs:t||{}};return o.state[r]=i?n([a],o.state[r],!0):n(n([],o.state[r],!0),[a],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var r=n([],o.state.eventQueue,!0),a=r.shift();if(!(i<=(a.eventName===de||a.eventName===se?"natural"===o.options.deleteSpeed?fe(40,80):o.options.deleteSpeed:"natural"===o.options.delay?fe(120,160):o.options.delay))){var c=a.eventName,l=a.eventArgs;switch(c){case me:case le:var s=l.character,u=document.createTextNode(s),d=u;o.options.onCreateTextNode&&"function"==typeof o.options.onCreateTextNode&&(d=o.options.onCreateTextNode(s,u)),o.state.visibleNodes=n(n([],o.state.visibleNodes,!0),[{type:Ce,character:s,node:d}],!1);break;case se:r.unshift({eventName:de,eventArgs:{removingCharacterNode:!0}});break;case pe:var p=a.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case ue:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:he,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:de,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:he,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),r.unshift.apply(r,m);break;case de:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),x=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:x,character:s}),x&&x.parentNode.removeChild(x)}break;case he:o.options.deleteSpeed=a.eventArgs.speed;break;case ge:o.options.delay=a.eventArgs.delay}o.options.loop&&(a.eventName===de||a.eventArgs&&a.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[a],!1))),o.state.eventQueue=r,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(ue,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function xe(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=x(),r=i.t,a=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==a&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),P(e).map((function(e){return r(e)}))}),[r,a]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new ve({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var ye,be=L.div(ye||(ye=e(["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"],["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"])));function we(e){var n=e.focused,o=e.value,i=void 0===o?"":o,a=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=x().t,p=u(null);xe({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return r.createElement(be,t({onClick:function(){return a&&a()},ref:p},h),r.createElement(q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:r.createElement($,{color:M.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var Ee,Le,ke,Se,Me,Ie,Re=L.header(Ee||(Ee=e(["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"],["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"]))),Pe=L.div(Le||(Le=e(["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"],["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"]))),Fe=L.div(ke||(ke=e(["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"]))),ze=L.div(Se||(Se=e(["\n width: 100%;\n margin-left: 24px;\n"],["\n width: 100%;\n margin-left: 24px;\n"]))),Ae=L(b)(Me||(Me=e(["\n color: ",";\n text-align: start;\n"],["\n color: ",";\n text-align: start;\n"])),M.colors.secondaryDark),Te=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,a=e.iconLeft,c=e.textRight;return r.createElement(Re,{className:n},r.createElement(Fe,{onClick:t},a||r.createElement(Y,{color:M.colors.gray800})),r.createElement(ze,null,r.createElement(Ae,{size:"md",type:"bold"},o)),r.createElement(Pe,{onClick:i},c&&r.createElement("p",null,c)))},Ne={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Be={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 He(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function Ve(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case Ie.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Ie.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:He(t(t({},e),{focused:"none"}));case Ie.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Ie.FocusInputLocation:var i=t(t({},e),{focused:"location"});return(null===(o=e.selectedLocation)||void 0===o?void 0:o.id)===p&&(i.searchLocationKeywords=""),i;case Ie.FocusInputSearch:var r=t(t({},e),{focused:"search"});return e.isMobile?He(r):r;case Ie.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Ie.ChangeInputSearch:var a=n.payload;return t(t({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>Ne[e.locale]});case Ie.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Ie.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Ie.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Ie.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Ie.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Ie.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Ie.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Ie.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Ie.FetchCitiesByGeoIpComplete:var l=n.payload.cities,s=n.payload.default;(l=l.filter((function(e){return e.id!==s.id}))).unshift(s),e.initialSelectedCity&&!l.find((function(n){return n.id===e.initialSelectedCity.id}))&&l.unshift(e.initialSelectedCity);var u=t(t({},e),{defaultCity:s,initialCities:l,cities:l});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(u.selectedLocation=s,u.searchLocationKeywords=s.name),u;case Ie.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Ie.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Ie.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Ie.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Ie.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Ie.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Ie.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Ie.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Ie.SetInputSearchPlaceholder:return t(t({},e),{inputSearchPlaceholder:n.payload});default:return e}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(Ie||(Ie={}));var De,Oe,je,Ke,Ze,_e,Ge,Ue=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},Qe=L.button(De||(De=e(["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"],["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),E.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),qe=L(b)(Oe||(Oe=e(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),We=function(e){var n=e.onClick,t=(0,x().t)("booking.searchBar.searchButton");return r.createElement(Qe,{onClick:n,title:t},r.createElement(Ue,null),r.createElement(qe,{size:"s3",color:"white"},t))},Ye=L.div(je||(je=e(["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"],["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"])),E.mbDown,M.colors.blue50),Je=L.div(Ke||(Ke=e(["\n position: relative;\n"],["\n position: relative;\n"]))),Xe=L(Je)(Ze||(Ze=e(["\n flex: 1;\n"],["\n flex: 1;\n"]))),$e=L(Je)(_e||(_e=e(["\n flex: 2;\n"],["\n flex: 2;\n"]))),en=L((function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))}))(Ge||(Ge=e(["\n display: none;\n &.shown {\n display: block;\n }\n"],["\n display: none;\n &.shown {\n display: block;\n }\n"])));function nn(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,a=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,y=u(null),b=u(null),w=t.focused,E=t.searchLocationKeywords,L=t.geoLocationPermission,k=t.selectedLocation,S=t.searchKeywords,I=t.inputSearchPlaceholder,R=x().t;xe({wrapperRef:b,disabled:!!I}),F(y,(function(){o({type:Ie.ClickOutsideInputLocation})})),F(b,(function(){o({type:Ie.ClickOutsideInputSearch})}));var P=l((function(){return"granted"===L&&(null==k?void 0:k.id)===p?M.colors.primaryBase:M.colors.gray400}),[L,k]),z=c((function(e){o({type:Ie.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Ne[t.locale]||v?a(e.trim(),t):(a.cancel(),o({type:Ie.DisplayInitialSearchResults})))}),[o,t]),A=c((function(e){o({type:Ie.ChangeInputLocation,payload:e}),e.trim().length>Ne[t.locale]?i(e.trim()):(i.cancel(),o({type:Ie.DisplayInitialCities}))}),[i,o]);return r.createElement(Ye,null,r.createElement(Xe,{ref:y},r.createElement(q,{inputClassName:"location"===w?"focused":void 0,placeholder:R("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:r.createElement(J,{className:"location-pin-icon",color:P}),actionIcon:r.createElement(en,{color:M.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputLocation}),i.cancel(),s()},value:E,onChange:A,onFocus:function(){return o({type:Ie.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),r.createElement($e,{ref:b},r.createElement(q,{placeholder:I||R("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:r.createElement(en,{color:M.colors.gray300,className:""!==S?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputSearch}),a.cancel(),a("",t),d()},value:S,onChange:z,onFocus:function(){return o({type:Ie.FocusInputSearch})},inputClassName:"search"===w?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:S})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&r.createElement(We,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:S})}}))}var tn,on,rn,an,cn,ln,sn,un,dn,pn,hn,gn,mn,fn,Cn=L.li(tn||(tn=e(["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"]))),vn=L.div(on||(on=e(["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"],["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"])),(function(e){var n=e.type;return n&&"doctors"===n&&"\n border-radius: calc(var(--graphicSize) / 2);\n "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n object-fit: cover; \n ":"\n object-fit: contain;\n "}),M.colors.gray600),xn=L(b)(rn||(rn=e(["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"],["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"])),E.tdUp),yn=L.figure(an||(an=e(["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"],["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"]))),bn=L.svg(cn||(cn=e(["\n margin: 0 auto;\n display: block;\n"],["\n margin: 0 auto;\n display: block;\n"]))),wn=L.div(ln||(ln=e(["\n display: grid;\n place-items: center;\n"],["\n display: grid;\n place-items: center;\n"]))),En={doctors:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_14712_400114)"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),r.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_14712_400114"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),r.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},Ln=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,a=l((function(){var e=En[n]||ee;return r.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return r.createElement(Cn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},r.createElement(yn,null,"hospitals"===n?r.createElement(bn,{width:"12",height:"16",viewBox:"0 0 12 16"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):r.createElement(vn,{type:n},o?r.createElement("img",{src:o,width:32,height:"services"===n?32:24}):a)),r.createElement(xn,{color:M.colors.gray800,size:"p3"},t.name))},kn=function(){return r.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},r.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},Sn=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},Mn=function(){return r.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},r.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},In=function(){return r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},r.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},Rn=L.header(sn||(sn=e(["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),M.colors.neutral50),Pn=L.div(un||(un=e(["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"],["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"]))),Fn=L.p(dn||(dn=e(["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"],["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"])),M.colors.neutral800,M.sizes.fwSemiBold),zn=L.button(pn||(pn=e(["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"],["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"]))),An=L.section(hn||(hn=e(["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"],["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"])),E.tdUp),Tn=L.ul(gn||(gn=e(["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"],["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"])),E.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 "}),E.tdUp),Nn=L(b)(mn||(mn=e(["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"],["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"]))),Bn=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=a(!1),m=g[0],f=g[1],C=x(),v=C.t,y=C.locale,w=o.selectedLocation,E=o.searchKeywords,L=l((function(){return h[y]}),[y]),k=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:r.createElement(kn,null),slug:L.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:r.createElement(Sn,null),slug:L.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:r.createElement(Mn,null),slug:L.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:r.createElement(In,null),slug:L.SPECIALTIES}}}),[n,L]),S=l((function(){return k[n].slug}),[k]),R=u?c:s;function P(e){var t="";switch(n){case"specialties":t="/".concat(w.slug,"/").concat(k.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&&i({type:Ie.SelectSearchResult,payload:{name:e.name,url:t}})}function F(e){return r.createElement(Ln,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:P})}return r.createElement("section",null,r.createElement(Rn,null,r.createElement(Pn,null,k[n].icon,r.createElement(Fn,null,k[n].name)),p.trim().length<=Ne[y]&&r.createElement(zn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(w.slug,"/").concat(S)}e&&i({type:Ie.NavigateTo,payload:e})}},r.createElement(b,{size:"p3",color:M.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&r.createElement(An,null,r.createElement(Tn,null,d&&Array(2).fill(void 0).map((function(e,t){return r.createElement(Cn,{key:n+"loading"+t},r.createElement(yn,null,r.createElement(wn,null,r.createElement(I,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),r.createElement(I,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(F)),r.createElement(Tn,{isShown:m,isMore:!0},t.slice(R,-1).map(F)),"specialties"===n&&R<t.length&&!d&&r.createElement("button",{onClick:function(){return f(!m)}},r.createElement(Nn,{size:"p3",color:M.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Ne[y]&&r.createElement("button",{onClick:function(){var e=k[n].slug,t="/".concat(w.slug,"/").concat(e,"?q=").concat(E);i({type:Ie.NavigateTo,payload:t})}},r.createElement(Nn,{size:"p3",color:M.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&r.createElement(An,null,r.createElement(b,{size:"sm",color:M.colors.gray400},v("booking.searchBar.noResults"))))},Hn=L.section(fn||(fn=e(["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"],["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"])),E.tdUp),Vn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,a=e.isLoading,c=e.keyword;return r.createElement(Hn,null,n&&n.map((function(e){return r.createElement(Bn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:a,keyword:c})})))},Dn="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",On="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",jn="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",Kn=function(e,n,o){return S(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Zn,_n=function(e){var n=e.isMobile,m=e.careApiDomain,b=e.geoLocationPermission,w=e.geoLocationCoordinates,E=e.initialSelectedCity,L=e.initialSearchValue,k=void 0===L?"":L,S=e.careFrontDomain,M=void 0===S?"/care":S,I=e.isDebug,R=void 0!==I&&I,P=e.askForGeolocationPermission,F=void 0!==P&&P,z=e.gaTrackingSearchBar,A=e.gaTrackingLocationSearch,T=e.autoCompleteDisabled,N=void 0!==T&&T,B=e.inputSearchPlaceholder,H=void 0===B?"":B,V=e.routerPush,D=e.onGeoLocationPermissionChange,O=e.onSearch,j=e.onChangeLocation,K=x(),Z=K.t,q=K.locale,Y=u(null),J=u(null),X=a(void 0),$=X[0],ee=X[1],ne=function(){var e=a((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=a((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],r=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),0,15),r(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,re=d(Ve,Be,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:b||te||"unset",geoLocationCoordinates:w||oe||null,searchKeywords:k,initialSelectedCity:E||null,selectedLocation:E||e.selectedLocation||null,searchLocationKeywords:(null==E?void 0:E.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:q})})),ae=re[0],le=re[1],se=ae.navigateTo,ue=ae.focused,de=ae.isLoadingCities,pe=ae.cities,he=ae.searchKeywords,ge=ae.geoLocationPermission,me=ae.selectedLocation,fe=ae.initialSelectedCity,Ce=ae.defaultCity,ve=ae.searchResults,xe=ae.isLoadingSearchResults,ye=ae.isMobileModalOpened,be=ae.inputSearchPlaceholder,Ee=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,r=void 0===i?"vi-VN":i,a=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:Ie.FetchCitiesStart}),fetch(Kn(i,t,r),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return n({type:Ie.FetchCitiesFinish})}))}),[r]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[a(jn,i)];return"zh-TW"===r&&c.push(a(Dn,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],r=t({},o);if(i){var a=r.cities.map((function(e){return e.id}));r.cities=r.cities.concat(i.cities.filter((function(e){return!a.includes(e.id)})))}n({type:Ie.FetchCitiesByGeoIpComplete,payload:r})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[r,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return a(Dn,{keyword:e}).then((function(e){n({type:Ie.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[r,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(On);n({type:Ie.FetchSearchResultsStart});var a=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&a){c.id===p?l||(s=a.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Kn(i,{domain:o,searchType:"global",keyword:e.trim().length>Ne[r]?e.trim():"",city:s===p?"":s,lat:u,lng:d},r),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return n({type:Ie.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:Ie.FetchSearchResultsFinish})}))}n({type:Ie.FetchSearchResultsFinish})}),[r,o,n])}}({dispatch:le,locale:q,careApiDomain:m}),Le=Ee.fetchCitiesByLocation,ke=Ee.fetchCitiesByKeyword,Se=Ee.fetchSearchResults,Me=l((function(){var e;return{id:p,name:Z("booking.searchBar.currentLocation"),slug:null===(e=h[q])||void 0===e?void 0:e.CURRENT}}),[Z,q]),Re=l((function(){return y(ke,400)}),[ke]),Pe=l((function(){return y(Se,400)}),[Se]);s((function(){""!==k&&k!==ae.searchKeywords&&le({type:Ie.UpdateInitialSearchValue,payload:k})}),[k]),s((function(){F&&(null==me?void 0:me.id)===p&&"unset"===ge&&ie()}),[F,me,ge]),s((function(){b||ge===te||("granted"===te&&oe?le({type:Ie.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:Ie.DenyGeoLocationPermission}))}),[ge,te,oe,b]),s((function(){se&&(V?V(se):window.location.href="".concat(M).concat(se))}),[se]);var Fe=c((function(){le({type:Ie.SelectCurrentLocation,payload:Me})}),[Z,le]);s((function(){"denied"===ge||fe||Fe(),D&&D(ge,ae.geoLocationCoordinates),n&&"granted"===ge&&me&&le({type:Ie.FocusInputSearch}),Le({coordinates:ae.geoLocationCoordinates})}),[ge]),s((function(){me&&Ce&&Se(ae.searchKeywords,ae)}),[me,Ce]),s((function(){H!==be&&le({type:Ie.SetInputSearchPlaceholder,payload:H})}),[H,be]),s((function(){ye?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ye]);var ze=c((function(e){le({type:Ie.SelectLocation,payload:e}),De(),j&&j(e)}),[Z,le]);function Ae(){n&&"granted"!==ae.geoLocationPermission?ie():(Fe(),De())}function He(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){le({type:Ie.CloseMobileModal})}function je(){return"location"!==ue?null:r.createElement(ce,{isLoading:de,cities:pe,onLocationClick:ze,onCurrentLocationClick:Ae,isLocationLoading:de,geoLocationPermission:ge,selectedLocation:me})}function Ke(){return"search"!==ue?null:ae.autoCompleteDisabled?n?r.createElement(We,{onClick:function(){O({cityId:ae.selectedLocation.id,keyword:he}),Oe()}}):null:r.createElement(Vn,{data:ve,state:ae,dispatch:le,isMobile:!1,keyword:he,isLoading:xe})}function Ze(){return r.createElement(nn,{isMobile:n,state:ae,dispatch:le,debouncedFetchCitiesByKeyword:Re,debouncedFetchSearchResults:Pe,focusLocationInput:He,focusSearchInput:De,renderLocationResults:je,renderSearchResults:Ke,trackingAttributes:z,locationTrackingAttributes:A,onSearch:O,initalSearchValue:k})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?r.createElement(r.Fragment,null,r.createElement(W,null),r.createElement(Q,{ref:J}),r.createElement(G,{id:"booking-search-bar",ref:Y,"data-is-modal":n&&ye,style:{"--mobile-care-searchbar-height":ye&&$?"".concat($,"px"):"100%"}},ye?r.createElement(r.Fragment,null,r.createElement(U,null,r.createElement(Te,{headingText:Z("booking.searchBar.searchButton"),onLeftClick:Oe}),Ze()),je(),Ke()):r.createElement(we,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return J.current&&J.current.focus(),le({type:Ie.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:z,inputSearchPlaceholder:H}))):r.createElement(_,{id:"booking-search-bar",ref:Y},Ze())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Zn||(Zn={}));var Gn=Object.freeze({__proto__:null,get RedirectType(){return Zn}});export{_n as B,Gn as t};
1
+ import{e,a as n,_ as t,c as o,d as i}from"./tslib.es6-dcf36680.js";import r,{useState as a,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-a0a981fa.js";import{b as g,d as m}from"./index-9dd60ba6.js";import{g as f,s as C,d as v}from"./cookieHelper-0e8521c3.js";import{u as x}from"./useTranslations-b3eb31ef.js";import y from"lodash/debounce";import{T as b}from"./index-6384e385.js";import"./gAssets.js";import{I as w}from"./index-78201994.js";import{M as E}from"./screenSizeContext-1852eabc.js";import"react-range";import"date-fns";import L,{createGlobalStyle as k}from"styled-components";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"@mantine/core";import"./translationsContext-e7808c8f.js";import S from"string-format";import{t as M}from"./theme-a50a1aa5.js";import I from"react-loading-skeleton";import{useId as R}from"react-id-generator";import P from"lodash/shuffle";import{u as F}from"./useOutsideClick-6004483a.js";var z,A,T,N,B,H,V,D,O,j,K,Z,_=L.div(z||(z=e([""],[""]))),G=L.div(A||(A=e(["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"],["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"]))),U=L.section(T||(T=e([""],[""]))),Q=L.input(N||(N=e(["\n position: fixed;\n left: -100%;\n top: -100%;\n"],["\n position: fixed;\n left: -100%;\n top: -100%;\n"]))),q=L(w)(B||(B=e(["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"],["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"]))),W=k(H||(H=e(["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"],["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"]))),Y=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},J=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},r.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return r.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},r.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:t||"currentColor"}))},$=function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},ee=function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ne=L.li(V||(V=e(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"])),M.colors.neutral100),te=L.div(D||(D=e(["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"],["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"])),E.mbDown),oe=L.ul(O||(O=e(["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"],["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"]))),ie=L(J)(j||(j=e(["\n width: 12px;\n height: 18px;\n"],["\n width: 12px;\n height: 18px;\n"]))),re=L.li(K||(K=e(["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"],["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"])),(function(e){return e.isSelected&&"\n &::after {\n content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n top: 50%;\n right: 18px;\n position: absolute;\n transform: translateY(-50%);\n }\n ")}),M.colors.neutral100,M.colors.neutral50),ae=L((function(e){var t=e.count,o=e.className,i=R(t);return r.createElement(r.Fragment,null,n([],Array(t),!0).map((function(e,n){return r.createElement(ne,{className:o,key:i[n]},r.createElement(I,{count:1,height:32}),r.createElement(I,{count:1,height:24}))})))}))(Z||(Z=e(["\n &:first-child {\n padding-top: 18px;\n }\n"],["\n &:first-child {\n padding-top: 18px;\n }\n"]))),ce=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,a=e.geoLocationPermission,c=void 0===a?"unset":a,l=e.isLocationLoading,s=e.selectedLocation,u=x().t,d="denied"===c,p=function(){return r.createElement(re,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?r.createElement(b,{color:"var(--gray600)",size:"md"},"x"):l?r.createElement(I,{height:20,width:20}):r.createElement(X,{color:M.colors.primaryBase}),r.createElement("div",null,d?r.createElement(b,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?r.createElement(I,{height:20,style:{width:"calc(100% - 16px)"}}):r.createElement(b,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return r.createElement(te,{"data-testid":"location-search-results"},r.createElement(oe,null,t?r.createElement(ae,{count:5}):!n||n.length<1?r.createElement(r.Fragment,null,p(),r.createElement(re,{"data-is-denied":"true"},r.createElement(b,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):r.createElement(r.Fragment,null,p(),n.map((function(e){return r.createElement(re,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},r.createElement(ie,{color:M.colors.neutral400}),r.createElement(b,{size:"md"},e.name))})))))},le="TYPE_CHARACTER",se="REMOVE_CHARACTER",ue="REMOVE_ALL",de="REMOVE_LAST_VISIBLE_NODE",pe="PAUSE_FOR",he="CHANGE_DELETE_SPEED",ge="CHANGE_DELAY",me="PASTE_STRING",fe=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},Ce="TEXT_NODE",ve=function(){function e(e){var o=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return o.state.eventLoopPaused=!1,o.runEventLoop(),o},this.pause=function(){return o.state.eventLoopPaused=!0,o},this.stop=function(){return o.state.eventLoop&&(window.cancelAnimationFrame(o.state.eventLoop),o.state.eventLoop=null),o},this.pauseFor=function(e){return o.addEventToQueue(pe,{ms:e}),o},this.typeOutAllStrings=function(){return"string"==typeof o.options.strings?(o.typeString(o.options.strings).pauseFor(o.options.pauseFor),o):(o.options.strings.forEach((function(e){o.typeString(e).pauseFor(o.options.pauseFor).deleteAll(o.options.deleteSpeed)})),o)},this.typeString=function(e,n){if(void 0===n&&(n=null),e){var t=(o.options||{}).stringSplitter,i="function"==typeof t?t(e):e.split("");o.typeCharacters(i,n)}return o},this.pasteString=function(e,n){return void 0===n&&(n=null),e&&o.addEventToQueue(me,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(ue,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(he,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(ge,{delay:e}),o},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var n=0;n<e;n++)o.addEventToQueue(se);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(le,{character:e,node:n})})),o},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){o.addEventToQueue(se)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,r){void 0===i&&(i=!1);var a={eventName:e,eventArgs:t||{}};return o.state[r]=i?n([a],o.state[r],!0):n(n([],o.state[r],!0),[a],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var r=n([],o.state.eventQueue,!0),a=r.shift();if(!(i<=(a.eventName===de||a.eventName===se?"natural"===o.options.deleteSpeed?fe(40,80):o.options.deleteSpeed:"natural"===o.options.delay?fe(120,160):o.options.delay))){var c=a.eventName,l=a.eventArgs;switch(c){case me:case le:var s=l.character,u=document.createTextNode(s),d=u;o.options.onCreateTextNode&&"function"==typeof o.options.onCreateTextNode&&(d=o.options.onCreateTextNode(s,u)),o.state.visibleNodes=n(n([],o.state.visibleNodes,!0),[{type:Ce,character:s,node:d}],!1);break;case se:r.unshift({eventName:de,eventArgs:{removingCharacterNode:!0}});break;case pe:var p=a.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case ue:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:he,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:de,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:he,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),r.unshift.apply(r,m);break;case de:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),x=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:x,character:s}),x&&x.parentNode.removeChild(x)}break;case he:o.options.deleteSpeed=a.eventArgs.speed;break;case ge:o.options.delay=a.eventArgs.delay}o.options.loop&&(a.eventName===de||a.eventArgs&&a.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[a],!1))),o.state.eventQueue=r,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(ue,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function xe(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=x(),r=i.t,a=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==a&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),P(e).map((function(e){return r(e)}))}),[r,a]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new ve({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var ye,be=L.div(ye||(ye=e(["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"],["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"])));function we(e){var n=e.focused,o=e.value,i=void 0===o?"":o,a=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=x().t,p=u(null);xe({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return r.createElement(be,t({onClick:function(){return a&&a()},ref:p},h),r.createElement(q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:r.createElement($,{color:M.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var Ee,Le,ke,Se,Me,Ie,Re=L.header(Ee||(Ee=e(["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"],["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"]))),Pe=L.div(Le||(Le=e(["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"],["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"]))),Fe=L.div(ke||(ke=e(["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"]))),ze=L.div(Se||(Se=e(["\n width: 100%;\n margin-left: 24px;\n"],["\n width: 100%;\n margin-left: 24px;\n"]))),Ae=L(b)(Me||(Me=e(["\n color: ",";\n text-align: start;\n"],["\n color: ",";\n text-align: start;\n"])),M.colors.secondaryDark),Te=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,a=e.iconLeft,c=e.textRight;return r.createElement(Re,{className:n},r.createElement(Fe,{onClick:t},a||r.createElement(Y,{color:M.colors.gray800})),r.createElement(ze,null,r.createElement(Ae,{size:"md",type:"bold"},o)),r.createElement(Pe,{onClick:i},c&&r.createElement("p",null,c)))},Ne={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Be={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 He(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function Ve(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case Ie.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case Ie.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:He(t(t({},e),{focused:"none"}));case Ie.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case Ie.FocusInputLocation:var i=t(t({},e),{focused:"location"});return(null===(o=e.selectedLocation)||void 0===o?void 0:o.id)===p&&(i.searchLocationKeywords=""),i;case Ie.FocusInputSearch:var r=t(t({},e),{focused:"search"});return e.isMobile?He(r):r;case Ie.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case Ie.ChangeInputSearch:var a=n.payload;return t(t({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>Ne[e.locale]});case Ie.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case Ie.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case Ie.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case Ie.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case Ie.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case Ie.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case Ie.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case Ie.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case Ie.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case Ie.FetchCitiesByGeoIpComplete:var l=n.payload.cities,s=n.payload.default;(l=l.filter((function(e){return e.id!==s.id}))).unshift(s),e.initialSelectedCity&&!l.find((function(n){return n.id===e.initialSelectedCity.id}))&&l.unshift(e.initialSelectedCity);var u=t(t({},e),{defaultCity:s,initialCities:l,cities:l});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(u.selectedLocation=s,u.searchLocationKeywords=s.name),u;case Ie.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case Ie.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case Ie.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case Ie.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case Ie.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case Ie.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case Ie.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case Ie.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case Ie.SetInputSearchPlaceholder:return t(t({},e),{inputSearchPlaceholder:n.payload});default:return e}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(Ie||(Ie={}));var De,Oe,je,Ke,Ze,_e,Ge,Ue=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},Qe=L.button(De||(De=e(["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"],["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),E.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),qe=L(b)(Oe||(Oe=e(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),We=function(e){var n=e.onClick,t=(0,x().t)("booking.searchBar.searchButton");return r.createElement(Qe,{onClick:n,title:t},r.createElement(Ue,null),r.createElement(qe,{size:"s3",color:"white"},t))},Ye=L.div(je||(je=e(["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"],["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"])),E.mbDown,M.colors.blue50),Je=L.div(Ke||(Ke=e(["\n position: relative;\n"],["\n position: relative;\n"]))),Xe=L(Je)(Ze||(Ze=e(["\n flex: 1;\n"],["\n flex: 1;\n"]))),$e=L(Je)(_e||(_e=e(["\n flex: 2;\n"],["\n flex: 2;\n"]))),en=L((function(e){var n=e.className,t=e.color;return r.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))}))(Ge||(Ge=e(["\n display: none;\n &.shown {\n display: block;\n }\n"],["\n display: none;\n &.shown {\n display: block;\n }\n"])));function nn(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,a=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,y=u(null),b=u(null),w=t.focused,E=t.searchLocationKeywords,L=t.geoLocationPermission,k=t.selectedLocation,S=t.searchKeywords,I=t.inputSearchPlaceholder,R=x().t;xe({wrapperRef:b,disabled:!!I}),F(y,(function(){o({type:Ie.ClickOutsideInputLocation})})),F(b,(function(){o({type:Ie.ClickOutsideInputSearch})}));var P=l((function(){return"granted"===L&&(null==k?void 0:k.id)===p?M.colors.primaryBase:M.colors.gray400}),[L,k]),z=c((function(e){o({type:Ie.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Ne[t.locale]||v?a(e.trim(),t):(a.cancel(),o({type:Ie.DisplayInitialSearchResults})))}),[o,t]),A=c((function(e){o({type:Ie.ChangeInputLocation,payload:e}),e.trim().length>Ne[t.locale]?i(e.trim()):(i.cancel(),o({type:Ie.DisplayInitialCities}))}),[i,o]);return r.createElement(Ye,null,r.createElement(Xe,{ref:y},r.createElement(q,{inputClassName:"location"===w?"focused":void 0,placeholder:R("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:r.createElement(J,{className:"location-pin-icon",color:P}),actionIcon:r.createElement(en,{color:M.colors.gray300,className:""!==E?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputLocation}),i.cancel(),s()},value:E,onChange:A,onFocus:function(){return o({type:Ie.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),r.createElement($e,{ref:b},r.createElement(q,{placeholder:I||R("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:r.createElement(en,{color:M.colors.gray300,className:""!==S?"shown":""}),onActionClick:function(){o({type:Ie.ClearInputSearch}),a.cancel(),a("",t),d()},value:S,onChange:z,onFocus:function(){return o({type:Ie.FocusInputSearch})},inputClassName:"search"===w?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:S})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&r.createElement(We,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:S})}}))}var tn,on,rn,an,cn,ln,sn,un,dn,pn,hn,gn,mn,fn,Cn=L.li(tn||(tn=e(["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"]))),vn=L.div(on||(on=e(["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"],["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"])),(function(e){var n=e.type;return n&&"doctors"===n&&"\n border-radius: calc(var(--graphicSize) / 2);\n "}),(function(e){var n=e.type;return n&&"doctors"===n?"\n\n object-fit: cover; \n ":"\n object-fit: contain;\n "}),M.colors.gray600),xn=L(b)(rn||(rn=e(["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"],["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"])),E.tdUp),yn=L.figure(an||(an=e(["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"],["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"]))),bn=L.svg(cn||(cn=e(["\n margin: 0 auto;\n display: block;\n"],["\n margin: 0 auto;\n display: block;\n"]))),wn=L.div(ln||(ln=e(["\n display: grid;\n place-items: center;\n"],["\n display: grid;\n place-items: center;\n"]))),En={doctors:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",{clipPath:"url(#clip0_14712_400114)"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),r.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_14712_400114"},r.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return r.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),r.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},Ln=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,a=l((function(){var e=En[n]||ee;return r.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return r.createElement(Cn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},r.createElement(yn,null,"hospitals"===n?r.createElement(bn,{width:"12",height:"16",viewBox:"0 0 12 16"},r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):r.createElement(vn,{type:n},o?r.createElement("img",{src:o,width:32,height:"services"===n?32:24}):a)),r.createElement(xn,{color:M.colors.gray800,size:"p3"},t.name))},kn=function(){return r.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},r.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},Sn=function(){return r.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},r.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},Mn=function(){return r.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},r.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},In=function(){return r.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},r.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},Rn=L.header(sn||(sn=e(["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),M.colors.neutral50),Pn=L.div(un||(un=e(["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"],["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"]))),Fn=L.p(dn||(dn=e(["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"],["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"])),M.colors.neutral800,M.sizes.fwSemiBold),zn=L.button(pn||(pn=e(["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"],["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"]))),An=L.section(hn||(hn=e(["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"],["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"])),E.tdUp),Tn=L.ul(gn||(gn=e(["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"],["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"])),E.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 "}),E.tdUp),Nn=L(b)(mn||(mn=e(["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"],["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"]))),Bn=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=a(!1),m=g[0],f=g[1],C=x(),v=C.t,y=C.locale,w=o.selectedLocation,E=o.searchKeywords,L=l((function(){return h[y]}),[y]),k=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:r.createElement(kn,null),slug:L.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:r.createElement(Sn,null),slug:L.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:r.createElement(Mn,null),slug:L.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:r.createElement(In,null),slug:L.SPECIALTIES}}}),[n,L]),S=l((function(){return k[n].slug}),[k]),R=u?c:s;function P(e){var t="";switch(n){case"specialties":t="/".concat(w.slug,"/").concat(k.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&&i({type:Ie.SelectSearchResult,payload:{name:e.name,url:t}})}function F(e){return r.createElement(Ln,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:P})}return r.createElement("section",null,r.createElement(Rn,null,r.createElement(Pn,null,k[n].icon,r.createElement(Fn,null,k[n].name)),p.trim().length<=Ne[y]&&r.createElement(zn,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(w.slug,"/").concat(S)}e&&i({type:Ie.NavigateTo,payload:e})}},r.createElement(b,{size:"p3",color:M.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&r.createElement(An,null,r.createElement(Tn,null,d&&Array(2).fill(void 0).map((function(e,t){return r.createElement(Cn,{key:n+"loading"+t},r.createElement(yn,null,r.createElement(wn,null,r.createElement(I,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),r.createElement(I,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(F)),r.createElement(Tn,{isShown:m,isMore:!0},t.slice(R,-1).map(F)),"specialties"===n&&R<t.length&&!d&&r.createElement("button",{onClick:function(){return f(!m)}},r.createElement(Nn,{size:"p3",color:M.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Ne[y]&&r.createElement("button",{onClick:function(){var e=k[n].slug,t="/".concat(w.slug,"/").concat(e,"?q=").concat(E);i({type:Ie.NavigateTo,payload:t})}},r.createElement(Nn,{size:"p3",color:M.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&r.createElement(An,null,r.createElement(b,{size:"sm",color:M.colors.gray400},v("booking.searchBar.noResults"))))},Hn=L.section(fn||(fn=e(["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"],["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"])),E.tdUp),Vn=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,a=e.isLoading,c=e.keyword;return r.createElement(Hn,null,n&&n.map((function(e){return r.createElement(Bn,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:a,keyword:c})})))},Dn="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",On="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",jn="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",Kn=function(e,n,o){return S(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Zn,_n=function(e){var n=e.isMobile,m=e.careApiDomain,b=e.geoLocationPermission,w=e.geoLocationCoordinates,E=e.initialSelectedCity,L=e.initialSearchValue,k=void 0===L?"":L,S=e.careFrontDomain,M=void 0===S?"/care":S,I=e.isDebug,R=void 0!==I&&I,P=e.askForGeolocationPermission,F=void 0!==P&&P,z=e.gaTrackingSearchBar,A=e.gaTrackingLocationSearch,T=e.autoCompleteDisabled,N=void 0!==T&&T,B=e.inputSearchPlaceholder,H=void 0===B?"":B,V=e.routerPush,D=e.onGeoLocationPermissionChange,O=e.onSearch,j=e.onChangeLocation,K=x(),Z=K.t,q=K.locale,Y=u(null),J=u(null),X=a(void 0),$=X[0],ee=X[1],ne=function(){var e=a((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=a((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],r=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),0,15),r(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,re=d(Ve,Be,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:b||te||"unset",geoLocationCoordinates:w||oe||null,searchKeywords:k,initialSelectedCity:E||null,selectedLocation:E||e.selectedLocation||null,searchLocationKeywords:(null==E?void 0:E.name)||e.searchLocationKeywords,autoCompleteDisabled:N,inputSearchPlaceholder:H,locale:q})})),ae=re[0],le=re[1],se=ae.navigateTo,ue=ae.focused,de=ae.isLoadingCities,pe=ae.cities,he=ae.searchKeywords,ge=ae.geoLocationPermission,me=ae.selectedLocation,fe=ae.initialSelectedCity,Ce=ae.defaultCity,ve=ae.searchResults,xe=ae.isLoadingSearchResults,ye=ae.isMobileModalOpened,be=ae.inputSearchPlaceholder,Ee=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,r=void 0===i?"vi-VN":i,a=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:Ie.FetchCitiesStart}),fetch(Kn(i,t,r),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return n({type:Ie.FetchCitiesFinish})}))}),[r]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[a(jn,i)];return"zh-TW"===r&&c.push(a(Dn,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],r=t({},o);if(i){var a=r.cities.map((function(e){return e.id}));r.cities=r.cities.concat(i.cities.filter((function(e){return!a.includes(e.id)})))}n({type:Ie.FetchCitiesByGeoIpComplete,payload:r})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[r,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return a(Dn,{keyword:e}).then((function(e){n({type:Ie.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[r,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(On);n({type:Ie.FetchSearchResultsStart});var a=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&a){c.id===p?l||(s=a.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(Kn(i,{domain:o,searchType:"global",keyword:e.trim().length>Ne[r]?e.trim():"",city:s===p?"":s,lat:u,lng:d},r),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return n({type:Ie.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:Ie.FetchSearchResultsFinish})}))}n({type:Ie.FetchSearchResultsFinish})}),[r,o,n])}}({dispatch:le,locale:q,careApiDomain:m}),Le=Ee.fetchCitiesByLocation,ke=Ee.fetchCitiesByKeyword,Se=Ee.fetchSearchResults,Me=l((function(){var e;return{id:p,name:Z("booking.searchBar.currentLocation"),slug:null===(e=h[q])||void 0===e?void 0:e.CURRENT}}),[Z,q]),Re=l((function(){return y(ke,400)}),[ke]),Pe=l((function(){return y(Se,400)}),[Se]);s((function(){""!==k&&k!==ae.searchKeywords&&le({type:Ie.UpdateInitialSearchValue,payload:k})}),[k]),s((function(){F&&(null==me?void 0:me.id)===p&&"unset"===ge&&ie()}),[F,me,ge]),s((function(){b||ge===te||("granted"===te&&oe?le({type:Ie.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:Ie.DenyGeoLocationPermission}))}),[ge,te,oe,b]),s((function(){se&&(V?V(se):window.location.href="".concat(M).concat(se))}),[se]);var Fe=c((function(){le({type:Ie.SelectCurrentLocation,payload:Me})}),[Z,le]);s((function(){"denied"===ge||fe||Fe(),D&&D(ge,ae.geoLocationCoordinates),n&&"granted"===ge&&me&&le({type:Ie.FocusInputSearch}),Le({coordinates:ae.geoLocationCoordinates})}),[ge]),s((function(){me&&Ce&&Se(ae.searchKeywords,ae)}),[me,Ce]),s((function(){H!==be&&le({type:Ie.SetInputSearchPlaceholder,payload:H})}),[H,be]),s((function(){ye?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ye]);var ze=c((function(e){le({type:Ie.SelectLocation,payload:e}),De(),j&&j(e)}),[Z,le]);function Ae(){n&&"granted"!==ae.geoLocationPermission?ie():(Fe(),De())}function He(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;Y.current&&(null===(e=Y.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){le({type:Ie.CloseMobileModal})}function je(){return"location"!==ue?null:r.createElement(ce,{isLoading:de,cities:pe,onLocationClick:ze,onCurrentLocationClick:Ae,isLocationLoading:de,geoLocationPermission:ge,selectedLocation:me})}function Ke(){return"search"!==ue?null:ae.autoCompleteDisabled?n?r.createElement(We,{onClick:function(){O({cityId:ae.selectedLocation.id,keyword:he}),Oe()}}):null:r.createElement(Vn,{data:ve,state:ae,dispatch:le,isMobile:!1,keyword:he,isLoading:xe})}function Ze(){return r.createElement(nn,{isMobile:n,state:ae,dispatch:le,debouncedFetchCitiesByKeyword:Re,debouncedFetchSearchResults:Pe,focusLocationInput:He,focusSearchInput:De,renderLocationResults:je,renderSearchResults:Ke,trackingAttributes:z,locationTrackingAttributes:A,onSearch:O,initalSearchValue:k})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?r.createElement(r.Fragment,null,r.createElement(W,null),r.createElement(Q,{ref:J}),r.createElement(G,{id:"booking-search-bar",ref:Y,"data-is-modal":n&&ye,style:{"--mobile-care-searchbar-height":ye&&$?"".concat($,"px"):"100%"}},ye?r.createElement(r.Fragment,null,r.createElement(U,null,r.createElement(Te,{headingText:Z("booking.searchBar.searchButton"),onLeftClick:Oe}),Ze()),je(),Ke()):r.createElement(we,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return J.current&&J.current.focus(),le({type:Ie.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),Y.current&&(null===(e=Y.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:z,inputSearchPlaceholder:H}))):r.createElement(_,{id:"booking-search-bar",ref:Y},Ze())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Zn||(Zn={}));var Gn=Object.freeze({__proto__:null,get RedirectType(){return Zn}});export{_n as B,Gn as t};