@hhgtech/hhg-components 1.22.40 → 1.22.41

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/components/mantine/phone/index.d.ts +18 -0
  2. package/build/components/mantine/phone/index.helpers.d.ts +4 -0
  3. package/build/esm/babyGrowth.js +1 -1
  4. package/build/esm/care.js +1 -1
  5. package/build/esm/components.js +1 -1
  6. package/build/esm/footer.js +1 -1
  7. package/build/esm/i18n.js +1 -1
  8. package/build/esm/{index-2a568d50.js → index-04eceb39.js} +1 -1
  9. package/build/esm/{index-d030fe84.js → index-13f475e2.js} +1 -1
  10. package/build/esm/{index-19e90194.js → index-73d7af26.js} +1 -1
  11. package/build/esm/{index-ffcce7c3.js → index-75902eb9.js} +1 -1
  12. package/build/esm/{index-5524f829.js → index-92e53fb4.js} +1 -1
  13. package/build/esm/{index-dd2ab177.js → index-aa5df054.js} +1 -1
  14. package/build/esm/{index-157bc192.js → index-b61e503e.js} +1 -1
  15. package/build/esm/{index-5493d770.js → index-c7edc68c.js} +1 -1
  16. package/build/esm/{index-6016cc60.js → index-d9bd2f42.js} +1 -1
  17. package/build/esm/index.js +1 -1
  18. package/build/esm/lead.js +1 -1
  19. package/build/esm/mantine.js +1 -1
  20. package/build/esm/misc.js +1 -1
  21. package/build/esm/navigation.js +1 -1
  22. package/build/esm/pwg.js +1 -1
  23. package/build/esm/together.js +1 -1
  24. package/build/esm/{types-ca235a9f.js → types-3b3f526a.js} +1 -1
  25. package/build/esm/{types-10ed80c3.js → types-88f5079f.js} +1 -1
  26. package/build/icons/Cambodia.d.ts +3 -0
  27. package/build/icons/CaretDown.d.ts +3 -0
  28. package/build/icons/CheckCircle.d.ts +3 -0
  29. package/build/icons/ChevronDown.d.ts +3 -0
  30. package/build/icons/ChevronLeft.d.ts +3 -0
  31. package/build/icons/ChevronRight.d.ts +3 -0
  32. package/build/icons/ChevronUp.d.ts +3 -0
  33. package/build/icons/Circle.d.ts +3 -0
  34. package/build/icons/Close.d.ts +3 -0
  35. package/build/icons/EmailCheck.d.ts +3 -0
  36. package/build/icons/EmailFail.d.ts +3 -0
  37. package/build/icons/Facebook.d.ts +3 -0
  38. package/build/icons/Google.d.ts +3 -0
  39. package/build/icons/InVisible.d.ts +3 -0
  40. package/build/icons/India.d.ts +3 -0
  41. package/build/icons/Indonesia.d.ts +3 -0
  42. package/build/icons/Malaysia.d.ts +3 -0
  43. package/build/icons/Myanmar.d.ts +3 -0
  44. package/build/icons/Phillipines.d.ts +3 -0
  45. package/build/icons/Spinning.d.ts +3 -0
  46. package/build/icons/Taiwan.d.ts +3 -0
  47. package/build/icons/Thailand.d.ts +3 -0
  48. package/build/icons/Vietnam.d.ts +3 -0
  49. package/build/icons/Visible.d.ts +3 -0
  50. package/build/icons/index.d.ts +25 -0
  51. package/build/index.d.ts +1 -0
  52. package/build/index.js +1 -1
  53. package/build/interfaces/constants/site.d.ts +2 -1
  54. package/package.json +5 -2
  55. /package/build/esm/{defaultClassWrapper-6633ca33.js → defaultClassWrapper-ad33ea69.js} +0 -0
  56. /package/build/esm/{getSocialList-ee24ed8f.js → getSocialList-dee393ac.js} +0 -0
  57. /package/build/esm/{index-5e2a31dc.js → index-047cfb94.js} +0 -0
  58. /package/build/esm/{index-554bd8fd.js → index-0f502107.js} +0 -0
  59. /package/build/esm/{index-3e869ba7.js → index-390a36b7.js} +0 -0
  60. /package/build/esm/{index-cfa9be42.js → index-4ec4cd7d.js} +0 -0
  61. /package/build/esm/{index-872c2b8a.js → index-6f9d952b.js} +0 -0
  62. /package/build/esm/{index-b1ba6da7.js → index-74e6895c.js} +0 -0
  63. /package/build/esm/{index-067ee7ff.js → index-951aa31a.js} +0 -0
  64. /package/build/esm/{index-7c2ef65c.js → index-ccf0de2c.js} +0 -0
  65. /package/build/esm/{index-dc390cde.js → index-de853c6d.js} +0 -0
  66. /package/build/esm/{index.styled-0e8094ed.js → index.styled-d0e35edd.js} +0 -0
  67. /package/build/esm/{screenSizeContext-1a1e93e6.js → screenSizeContext-f76c3981.js} +0 -0
  68. /package/build/esm/{translationsProvider-741f1512.js → translationsProvider-567cb191.js} +0 -0
@@ -1 +1 @@
1
- import{c as n,_ as t,b as r}from"./tslib.es6-abcfff55.js";import o,{useMemo as a,useState as i,useEffect as l,forwardRef as c,useRef as s,useCallback as d,useImperativeHandle as u}from"react";import{Autocomplete as m,Image as p,Select as f,Indicator as h,Textarea as g,Modal as v,Badge as b,Spoiler as x,Accordion as y,Avatar as w,LoadingOverlay as k,Checkbox as E,Slider as S,Radio as j,Switch as A,MantineProvider as P,Flex as M}from"@mantine/core";import{CommonGAssets as z}from"./gAssets.js";import{DatePicker as D,DateRangePicker as B}from"@mantine/dates";import L,{css as R}from"styled-components";import"dayjs";import"./screenSizeContext-1a1e93e6.js";import"./lazyLoad-c9bebe94.js";import{t as H}from"./theme-f596577b.js";import"./index-89ee76bc.js";import"./utils-667f629c.js";import"./isProduction-8db7c909.js";import{L as T}from"./Locale-f07ba9ec.js";import{T as F}from"./index-cfa9be42.js";import{u as N}from"./useTranslations-1cfa284c.js";import{D as W,b as G,c as O}from"./index-872c2b8a.js";export{I as Input,e as emotionCache}from"./index-872c2b8a.js";import{Carousel as _}from"@mantine/carousel";export{C as CentralCarousel}from"./index-b1ba6da7.js";import{useDebouncedValue as V}from"@mantine/hooks";import{B as U}from"./index-554bd8fd.js";import{g as q}from"./defaultClassWrapper-6633ca33.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-1c439140.js";import"string-format";var K,Q,J,X,Y=function(e){var r=e.keepSearch,a=void 0!==r&&r,i=n(e,["keepSearch"]);return a?o.createElement(m,t({rightSection:o.createElement(p,{src:z.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(f,t({rightSection:o.createElement(p,{src:z.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},Z=L(D)(Q||(Q=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&R(K||(K=r(["\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(B)(X||(X=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&R(J||(J=r(["\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 "])))})),nn=function(n){return o.createElement(Z,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(p,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};nn.Range=function(n){return o.createElement($,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(p,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var en,tn,rn,on=function(n){return o.createElement(h,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:H.colors.red700}}},n))},an=L(g)(en||(en=r(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),H.colors.gray200),ln=function(n){return o.createElement(an,t({minRows:2,maxRows:4},n))},cn=L(v)(tn||(tn=r(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),H.colors.neutral100),sn=function(e){var r=e.title,a=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(cn,t({centered:!0},a,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:z.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=a.onClose)||void 0===n?void 0:n.call(a)}}))})))},dn=function(e){var r=e.color,a=void 0===r?H.colors.primaryBase:r,i=n(e,["color"]);return o.createElement(b,t({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},un=function(e){var r=e.children,i=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=e.customExpandFn,u=n(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),m=N().t,p=a((function(){return s||(i&&l?i*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=a((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(x,t({showLabel:o.createElement(F,t({size:"p3",color:H.colors.primaryBase},f,{onClick:d}),m("articlePage.readMore")),hideLabel:o.createElement(F,t({size:"p3",color:H.colors.primaryBase},f),m("articlePage.showLess"))},u,{maxHeight:p}),r)},mn=L(y)(rn||(rn=r(["\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||z.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||z.getAssetPath("minus-icon.svg")})),pn=function(e){var r=e.children,a=n(e,["children"]);return o.createElement(mn,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},a),r)};pn.Control=y.Control,pn.Item=y.Item,pn.Panel=y.Panel;var fn=z.getAssetPath("avatar.jpg"),hn=function(e){var r=e.withIndicator,a=void 0!==r&&r,i=e.indicatorConfig,l=void 0===i?null:i,c=e.size,s=void 0===c?56:c,d=e.children,u=n(e,["withIndicator","indicatorConfig","size","children"]),m=function(){return o.createElement(w,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:fn,width:s}))};return a?o.createElement(h,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),m()):m()},gn=function(n){return o.createElement(k,t({loaderProps:{color:H.colors.primaryBase}},n))},vn=function(e){var r=e.slidesToShow,a=void 0===r?1:r,i=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(_,t({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),i)};vn.Slide=_.Slide;var bn=function(n){return o.createElement(E,t({},n))};bn.Group=E.Group;var xn,yn,wn,kn="hhgcomp-mantine-slider-slider",Cn=q(L(S)(xn||(xn=r(["\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})),kn),En=L.div(yn||(yn=r(["\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"])),kn),Sn=function(e){var r=e.color,a=void 0===r?H.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,u=e.min,m=e.max,p=e.isStatic,f=n(e,["color","withControl","onChange","value","min","max","isStatic"]),h=i(d||u||0),g=h[0],v=h[1],b=V(g,W)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(En,null,c&&o.createElement(U,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n-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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(Cn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:g,onChange:p?function(){return null}:v,min:u,max:m},f)),c&&o.createElement(U,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n+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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},jn=L(j)(wn||(wn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||H.colors.primaryBase})),An=function(n){return o.createElement(jn,t({size:"sm"},n))};An.Group=j.Group;var Pn,Mn,zn=L(A)(Pn||(Pn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),In=((Mn={})[T.Vietnam]="vi",Mn[T.Cambodia]="km",Mn[T.India]="hi",Mn[T.Indonesia]="id",Mn[T.Malaysia]="ms",Mn[T.Thailand]="th",Mn[T.Taiwan]="zh-tw",Mn[T.PhilippinesTagalog]="tl-ph",Mn[T.PhilippinesEnglish]="en",Mn[T.Myanmar]="my",Mn),Dn=function(n){l((function(){In[n]&&require("dayjs/locale/".concat(In[n],".js"))}),[n])},Bn={"&:hover":{borderColor:"".concat(H.colors.blue200),boxShadow:"0 0 2px 2px ".concat(H.colors.blue200)}},Ln=function(n){return{datesLocale:In[n],dateFormat:G[n].dateFormat,fontFamily:n===T.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:G[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(H.colors.blue200),boxShadow:"0 0 2px 2px ".concat(H.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Bn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},Bn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Rn=function(e){var r=e.children,a=e.locale,i=n(e,["children","locale"]);return Dn(a),o.createElement(P,t({theme:Ln(a)},i),r)},Hn=O((function(n){!function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)n.push(o);else if(Array.isArray(o)){if(o.length){var i=t.apply(null,o);i&&n.push(i)}}else if("object"===a){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var l in o)e.call(o,l)&&o[l]&&n.push(l)}}}return n.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}()}));function Tn(n,e){void 0===e&&(e=6);var t=new Array(e).fill("");if(n){var r=n.toString().split("");t.map((function(n,e){r[e]&&(t[e]=r[e]||"")}))}return t}function Fn(n,e){return"number"===(void 0===e?"number":e)?Number(n.join(""))||null:n.join("")}var Nn="styles-module_otpContainer__2iQs0",Wn="styles-module_otpInput__Ia6Io",Gn=c((function(e,r){var a=e.maxLength,i=void 0===a?1:a,l=e.placeholder,c=e.className,s=n(e,["maxLength","placeholder","className"]);return o.createElement("input",t({maxLength:i,className:Hn(Wn,"otpInput",c),placeholder:l},s,{ref:r}))})),On=c((function(n,e){var t=n.valueLength,r=void 0===t?6:t,a=n.type,c=void 0===a?"number":a,m=n.value,p=n.defaultValue,f=n.onChange,h=n.onBlur,g=s(new Array(r).fill(null)),v=i(p||m),b=v[0],x=v[1],y=i(-1),w=y[0],k=y[1],C=i((function(){return Tn(b,r)})),E=C[0],S=C[1],j=d((function(){if(-1!==w){var n=g.current[w];if(n){n.value="";var e=E;e[w]="",S(e),x((function(){return Fn(e,c)})),null==f||f(Fn(e,c))}}}),[w,f,E,c]),A=d((function(){if(0!==w){var n=g.current[w];n&&n.blur();var e=g.current[w-1];e&&e.focus()}}),[w]),P=d((function(){if(w!==r-1){var n=g.current[w];n&&n.blur();var e=g.current[w+1];e&&e.focus()}}),[w,r]),z=d((function(n){var e=n.target,t=e.value.toString().slice(0,1),r=g.current.findIndex((function(n){return n===e}));if(-1!==r){var o=E;o[r]=t,S(o),x((function(){return Fn(o,c)})),null==f||f(Fn(o,c))}P()}),[P,f,E,c]),I=d((function(n){var e=n.target,t=g.current.findIndex((function(n){return n===e}));"number"!==c?e.setSelectionRange(0,e.value.length,"backward"):e.select(),-1!==t&&k(t)}),[]),D=d((function(n){var e=Tn(n.clipboardData.getData("text/plain"),r),t=Fn(e,c);S(e),x(t),null==f||f(t)}),[f,c,r]),B=d((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),j(),A()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),j()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),A()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),P()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[j,P,A]);return u(e,(function(){return g.current[0]}),[]),l((function(){S((function(){return Tn(m,r)})),x(m)}),[r,m]),o.createElement(M,{justify:"center",columnGap:8,className:Hn(Nn,"otpContainer")},E.map((function(n,e){return o.createElement(Gn,{ref:function(n){g.current[e]=n},key:""+e,value:n,type:c,onChange:z,onFocus:I,onKeyDown:B,onPaste:D,onBlur:h})})))}));export{pn as Accordion,hn as Avatar,dn as Badge,vn as Carousel,bn as Checkbox,nn as DatePicker,on as Indicator,gn as LoadingOverlay,In as MAPPED_LOCALE,Rn as MantineProvider,sn as Modal,On as OTP,An as Radio,Y as Select,Sn as Slider,un as Spoiler,zn as Switch,ln as TextArea,Ln as getMantineThemeOverride,Dn as useMantineLocale};
1
+ import{c as n,_ as t,b as r}from"./tslib.es6-abcfff55.js";import o,{useMemo as a,useState as i,useEffect as l,forwardRef as c,useRef as s,useCallback as d,useImperativeHandle as u}from"react";import{Autocomplete as m,Image as p,Select as f,Indicator as h,Textarea as g,Modal as v,Badge as b,Spoiler as x,Accordion as y,Avatar as w,LoadingOverlay as k,Checkbox as E,Slider as S,Radio as j,Switch as A,MantineProvider as P,Flex as M}from"@mantine/core";import{CommonGAssets as z}from"./gAssets.js";import{DatePicker as D,DateRangePicker as B}from"@mantine/dates";import L,{css as R}from"styled-components";import"dayjs";import"./screenSizeContext-f76c3981.js";import"./lazyLoad-c9bebe94.js";import{t as H}from"./theme-f596577b.js";import"./index-89ee76bc.js";import"./utils-667f629c.js";import"./isProduction-8db7c909.js";import{L as T}from"./Locale-f07ba9ec.js";import{T as F}from"./index-4ec4cd7d.js";import{u as N}from"./useTranslations-1cfa284c.js";import{D as W,b as G,c as O}from"./index-6f9d952b.js";export{I as Input,e as emotionCache}from"./index-6f9d952b.js";import{Carousel as _}from"@mantine/carousel";export{C as CentralCarousel}from"./index-74e6895c.js";import{useDebouncedValue as V}from"@mantine/hooks";import{B as U}from"./index-0f502107.js";import{g as q}from"./defaultClassWrapper-ad33ea69.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-1c439140.js";import"string-format";var K,Q,J,X,Y=function(e){var r=e.keepSearch,a=void 0!==r&&r,i=n(e,["keepSearch"]);return a?o.createElement(m,t({rightSection:o.createElement(p,{src:z.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i)):o.createElement(f,t({rightSection:o.createElement(p,{src:z.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},i))},Z=L(D)(Q||(Q=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&R(K||(K=r(["\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(B)(X||(X=r(["\n position: relative;\n ","\n"],["\n position: relative;\n ","\n"])),(function(n){return n.fullWidth&&R(J||(J=r(["\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 "])))})),nn=function(n){return o.createElement(Z,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(p,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};nn.Range=function(n){return o.createElement($,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(p,{src:z.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var en,tn,rn,on=function(n){return o.createElement(h,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:H.colors.red700}}},n))},an=L(g)(en||(en=r(["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"],["\n .mantine-Textarea-input {\n padding: 12px 16px;\n background: #ffffff;\n border: 1px solid ",";\n border-radius: 4px;\n }\n"])),H.colors.gray200),ln=function(n){return o.createElement(an,t({minRows:2,maxRows:4},n))},cn=L(v)(tn||(tn=r(["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"],["\n .mantine-Modal-inner {\n border-radius: 6px;\n }\n .mantine-Modal-modal {\n padding: 0;\n }\n .mantine-Modal-header {\n border-bottom: 1px solid ",";\n margin-right: 0;\n margin-bottom: 0;\n padding: 16px;\n }\n .mantine-Modal-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-right: 0;\n }\n .mantine-Modal-close {\n cursor: pointer;\n width: 24px;\n height: 24px;\n }\n .mantine-Modal-body {\n padding: 40px;\n }\n"])),H.colors.neutral100),sn=function(e){var r=e.title,a=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(cn,t({centered:!0},a,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:z.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=a.onClose)||void 0===n?void 0:n.call(a)}}))})))},dn=function(e){var r=e.color,a=void 0===r?H.colors.primaryBase:r,i=n(e,["color"]);return o.createElement(b,t({variant:"filled",color:a,styles:{root:{borderRadius:"2px",background:a,textTransform:"unset"}}},i))},un=function(e){var r=e.children,i=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=e.customExpandFn,u=n(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]),m=N().t,p=a((function(){return s||(i&&l?i*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var f=a((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(x,t({showLabel:o.createElement(F,t({size:"p3",color:H.colors.primaryBase},f,{onClick:d}),m("articlePage.readMore")),hideLabel:o.createElement(F,t({size:"p3",color:H.colors.primaryBase},f),m("articlePage.showLess"))},u,{maxHeight:p}),r)},mn=L(y)(rn||(rn=r(["\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||z.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||z.getAssetPath("minus-icon.svg")})),pn=function(e){var r=e.children,a=n(e,["children"]);return o.createElement(mn,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},a),r)};pn.Control=y.Control,pn.Item=y.Item,pn.Panel=y.Panel;var fn=z.getAssetPath("avatar.jpg"),hn=function(e){var r=e.withIndicator,a=void 0!==r&&r,i=e.indicatorConfig,l=void 0===i?null:i,c=e.size,s=void 0===c?56:c,d=e.children,u=n(e,["withIndicator","indicatorConfig","size","children"]),m=function(){return o.createElement(w,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:fn,width:s}))};return a?o.createElement(h,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),m()):m()},gn=function(n){return o.createElement(k,t({loaderProps:{color:H.colors.primaryBase}},n))},vn=function(e){var r=e.slidesToShow,a=void 0===r?1:r,i=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(_,t({slideSize:String(Math.floor(1/a*100))+"%",containScroll:"trimSnaps"},l),i)};vn.Slide=_.Slide;var bn=function(n){return o.createElement(E,t({},n))};bn.Group=E.Group;var xn,yn,wn,kn="hhgcomp-mantine-slider-slider",Cn=q(L(S)(xn||(xn=r(["\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})),kn),En=L.div(yn||(yn=r(["\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"])),kn),Sn=function(e){var r=e.color,a=void 0===r?H.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,u=e.min,m=e.max,p=e.isStatic,f=n(e,["color","withControl","onChange","value","min","max","isStatic"]),h=i(d||u||0),g=h[0],v=h[1],b=V(g,W)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(En,null,c&&o.createElement(U,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n-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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(Cn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:a,value:g,onChange:p?function(){return null}:v,min:u,max:m},f)),c&&o.createElement(U,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n+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:a,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},jn=L(j)(wn||(wn=r(["\n .mantine-Radio-icon {\n color: ",";\n }\n"],["\n .mantine-Radio-icon {\n color: ",";\n }\n"])),(function(n){return n.color||H.colors.primaryBase})),An=function(n){return o.createElement(jn,t({size:"sm"},n))};An.Group=j.Group;var Pn,Mn,zn=L(A)(Pn||(Pn=r(["\n .mantine-Switch-track {\n }\n"],["\n .mantine-Switch-track {\n }\n"]))),In=((Mn={})[T.Vietnam]="vi",Mn[T.Cambodia]="km",Mn[T.India]="hi",Mn[T.Indonesia]="id",Mn[T.Malaysia]="ms",Mn[T.Thailand]="th",Mn[T.Taiwan]="zh-tw",Mn[T.PhilippinesTagalog]="tl-ph",Mn[T.PhilippinesEnglish]="en",Mn[T.Myanmar]="my",Mn),Dn=function(n){l((function(){In[n]&&require("dayjs/locale/".concat(In[n],".js"))}),[n])},Bn={"&:hover":{borderColor:"".concat(H.colors.blue200),boxShadow:"0 0 2px 2px ".concat(H.colors.blue200)}},Ln=function(n){return{datesLocale:In[n],dateFormat:G[n].dateFormat,fontFamily:n===T.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:G[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(H.colors.blue200),boxShadow:"0 0 2px 2px ".concat(H.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:Bn}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},Bn),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Rn=function(e){var r=e.children,a=e.locale,i=n(e,["children","locale"]);return Dn(a),o.createElement(P,t({theme:Ln(a)},i),r)},Hn=O((function(n){!function(){var e={}.hasOwnProperty;function t(){for(var n=[],r=0;r<arguments.length;r++){var o=arguments[r];if(o){var a=typeof o;if("string"===a||"number"===a)n.push(o);else if(Array.isArray(o)){if(o.length){var i=t.apply(null,o);i&&n.push(i)}}else if("object"===a){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var l in o)e.call(o,l)&&o[l]&&n.push(l)}}}return n.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}()}));function Tn(n,e){void 0===e&&(e=6);var t=new Array(e).fill("");if(n){var r=n.toString().split("");t.map((function(n,e){r[e]&&(t[e]=r[e]||"")}))}return t}function Fn(n,e){return"number"===(void 0===e?"number":e)?Number(n.join(""))||null:n.join("")}var Nn="styles-module_otpContainer__2iQs0",Wn="styles-module_otpInput__Ia6Io",Gn=c((function(e,r){var a=e.maxLength,i=void 0===a?1:a,l=e.placeholder,c=e.className,s=n(e,["maxLength","placeholder","className"]);return o.createElement("input",t({maxLength:i,className:Hn(Wn,"otpInput",c),placeholder:l},s,{ref:r}))})),On=c((function(n,e){var t=n.valueLength,r=void 0===t?6:t,a=n.type,c=void 0===a?"number":a,m=n.value,p=n.defaultValue,f=n.onChange,h=n.onBlur,g=s(new Array(r).fill(null)),v=i(p||m),b=v[0],x=v[1],y=i(-1),w=y[0],k=y[1],C=i((function(){return Tn(b,r)})),E=C[0],S=C[1],j=d((function(){if(-1!==w){var n=g.current[w];if(n){n.value="";var e=E;e[w]="",S(e),x((function(){return Fn(e,c)})),null==f||f(Fn(e,c))}}}),[w,f,E,c]),A=d((function(){if(0!==w){var n=g.current[w];n&&n.blur();var e=g.current[w-1];e&&e.focus()}}),[w]),P=d((function(){if(w!==r-1){var n=g.current[w];n&&n.blur();var e=g.current[w+1];e&&e.focus()}}),[w,r]),z=d((function(n){var e=n.target,t=e.value.toString().slice(0,1),r=g.current.findIndex((function(n){return n===e}));if(-1!==r){var o=E;o[r]=t,S(o),x((function(){return Fn(o,c)})),null==f||f(Fn(o,c))}P()}),[P,f,E,c]),I=d((function(n){var e=n.target,t=g.current.findIndex((function(n){return n===e}));"number"!==c?e.setSelectionRange(0,e.value.length,"backward"):e.select(),-1!==t&&k(t)}),[]),D=d((function(n){var e=Tn(n.clipboardData.getData("text/plain"),r),t=Fn(e,c);S(e),x(t),null==f||f(t)}),[f,c,r]),B=d((function(n){8===n.keyCode||"Backspace"===n.key?(n.preventDefault(),j(),A()):46===n.keyCode||"Delete"===n.key?(n.preventDefault(),j()):37===n.keyCode||"ArrowLeft"===n.key?(n.preventDefault(),A()):39===n.keyCode||"ArrowRight"===n.key?(n.preventDefault(),P()):32!==n.keyCode&&" "!==n.key&&"Spacebar"!==n.key&&"Space"!==n.key||n.preventDefault()}),[j,P,A]);return u(e,(function(){return g.current[0]}),[]),l((function(){S((function(){return Tn(m,r)})),x(m)}),[r,m]),o.createElement(M,{justify:"center",columnGap:8,className:Hn(Nn,"otpContainer")},E.map((function(n,e){return o.createElement(Gn,{ref:function(n){g.current[e]=n},key:""+e,value:n,type:c,onChange:z,onFocus:I,onKeyDown:B,onPaste:D,onBlur:h})})))}));export{pn as Accordion,hn as Avatar,dn as Badge,vn as Carousel,bn as Checkbox,nn as DatePicker,on as Indicator,gn as LoadingOverlay,In as MAPPED_LOCALE,Rn as MantineProvider,sn as Modal,On as OTP,An as Radio,Y as Select,Sn as Slider,un as Spoiler,zn as Switch,ln as TextArea,Ln as getMantineThemeOverride,Dn as useMantineLocale};
package/build/esm/misc.js CHANGED
@@ -1 +1 @@
1
- export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-7062f239.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-1a1e93e6.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-f9ca26bf.js";export{l as lazyLoadInstance}from"./lazyLoad-c9bebe94.js";import"react";import"styled-components";export{t as theme}from"./theme-f596577b.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-05cfae23.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-1ee9be39.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-667f629c.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-c2bcd657.js";export{g as getSocialList}from"./getSocialList-ee24ed8f.js";import"dayjs";import"./tslib.es6-abcfff55.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-89ee76bc.js";import"./Locale-f07ba9ec.js";import"./isProduction-8db7c909.js";import"./core-e7ca91b0.js";import"./gAssets.js";
1
+ export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-7062f239.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-f76c3981.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-f9ca26bf.js";export{l as lazyLoadInstance}from"./lazyLoad-c9bebe94.js";import"react";import"styled-components";export{t as theme}from"./theme-f596577b.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-05cfae23.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-1ee9be39.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-667f629c.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-c2bcd657.js";export{g as getSocialList}from"./getSocialList-dee393ac.js";import"dayjs";import"./tslib.es6-abcfff55.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-89ee76bc.js";import"./Locale-f07ba9ec.js";import"./isProduction-8db7c909.js";import"./core-e7ca91b0.js";import"./gAssets.js";
@@ -1 +1 @@
1
- import"./tslib.es6-abcfff55.js";import"react";import"./core-e7ca91b0.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-dd2ab177.js";import"./index-89ee76bc.js";import"./routing-1ee9be39.js";import"./index-d030fe84.js";import"./isProduction-8db7c909.js";import"./gAssets.js";import"./Locale-f07ba9ec.js";import"./index-5524f829.js";import"styled-components";import"./index-067ee7ff.js";import"./utils-667f629c.js";import"./index-cfa9be42.js";import"./theme-f596577b.js";import"./constants-d5af5cd4.js";import"./useTranslations-1cfa284c.js";import"./translationsContext-1c439140.js";import"string-format";import"./index-dc390cde.js";import"./index-554bd8fd.js";import"./defaultClassWrapper-6633ca33.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-3e869ba7.js";import"./index-2a568d50.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-f9ca26bf.js";import"./lazyLoad-c9bebe94.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";
1
+ import"./tslib.es6-abcfff55.js";import"react";import"./core-e7ca91b0.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-aa5df054.js";import"./index-89ee76bc.js";import"./routing-1ee9be39.js";import"./index-13f475e2.js";import"./isProduction-8db7c909.js";import"./gAssets.js";import"./Locale-f07ba9ec.js";import"./index-92e53fb4.js";import"styled-components";import"./index-951aa31a.js";import"./utils-667f629c.js";import"./index-4ec4cd7d.js";import"./theme-f596577b.js";import"./constants-d5af5cd4.js";import"./useTranslations-1cfa284c.js";import"./translationsContext-1c439140.js";import"string-format";import"./index-de853c6d.js";import"./index-0f502107.js";import"./defaultClassWrapper-ad33ea69.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-390a36b7.js";import"./index-04eceb39.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-f9ca26bf.js";import"./lazyLoad-c9bebe94.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";
package/build/esm/pwg.js CHANGED
@@ -1 +1 @@
1
- import{_ as e,b as n,c as t}from"./tslib.es6-abcfff55.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-cfa9be42.js";import{P as c}from"./index-157bc192.js";import{u as s}from"./useTranslations-1cfa284c.js";import{t as d}from"./theme-f596577b.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as g,XAxis as f,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-5e2a31dc.js";import{u as v}from"./useOutsideClick-cc51715b.js";import w from"styled-components";import"./utils-667f629c.js";import"./Locale-f07ba9ec.js";import"./gAssets.js";import"./index-89ee76bc.js";import"./isProduction-8db7c909.js";import"./index-b1ba6da7.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-1c439140.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},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(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),d.colors.yellow600),z=w.div(E||(E=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"],["\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"]))),C=w.div(j||(j=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"],["\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",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),g=u.backgroundColor,f=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(o,{size:"n1",color:f},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(f,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+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(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,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},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=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"],["\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(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
1
+ import{_ as e,b as n,c as t}from"./tslib.es6-abcfff55.js";import r,{useMemo as a,useState as l,useRef as i}from"react";import{T as o}from"./index-4ec4cd7d.js";import{P as c}from"./index-b61e503e.js";import{u as s}from"./useTranslations-1cfa284c.js";import{t as d}from"./theme-f596577b.js";import{ResponsiveContainer as p,AreaChart as m,CartesianGrid as u,Tooltip as g,XAxis as f,YAxis as x,Area as b,ReferenceDot as h}from"recharts";import{C as y}from"./index-047cfb94.js";import{u as v}from"./useOutsideClick-cc51715b.js";import w from"styled-components";import"./utils-667f629c.js";import"./Locale-f07ba9ec.js";import"./gAssets.js";import"./index-89ee76bc.js";import"./isProduction-8db7c909.js";import"./index-74e6895c.js";import"@mantine/carousel";import"@mantine/hooks";import"./translationsContext-1c439140.js";import"string-format";var k,E,j,W,B=function(n){var t=n.weightByWeek,r=n.weightBefore,a=n.toolTipLabel,l=n.status,i=n.activeWeek,o=(0,n.t)("bmi.result.".concat(l));return t.map((function(n){return e({name:n.week,min:r+n.min,difference:n.max-n.min,max:r+n.max},n.week===i?{toolTipLabel:a,translatedStatus:o,status:l}:{})}))},L=function(e){var n=e.x,t=e.y,a=e.payload;return e.activeWeek===a.value?r.createElement("g",{transform:"translate(".concat(n,",").concat(t,")")},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(n,",").concat(t,")")},r.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:d.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},a.value))},T=w.div(k||(k=n(["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"],["\n /* position: absolute; */\n display: flex;\n flex-direction: column;\n padding: 8px 12px;\n gap: 4px;\n\n min-width: 145px;\n max-width: 220px;\n min-height: 50px;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n /* .risk {\n display: flex;\n align-items: center;\n padding: 4px 8px;\n background: ",";\n border-radius: 3px;\n } */\n & > * {\n display: flex;\n gap: 4px;\n align-items: center;\n }\n .risk {\n display: inline-flex;\n padding: 2px 8px;\n border-radius: 2px;\n background: #ffffff;\n }\n"])),d.colors.yellow600),z=w.div(E||(E=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"],["\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"]))),C=w.div(j||(j=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"],["\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",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"underweight",backgroundColor:d.colors.yellow50,color:d.colors.yellow900},{name:"healthy",backgroundColor:d.colors.green50,color:d.colors.green900}],N=function(e){var n,t,l,i,c,s=e.payload,p=e.active,m=null===(n=null==s?void 0:s[0])||void 0===n?void 0:n.payload;if(!m||!m.toolTipLabel||!p)return null;var u=a((function(){return S.find((function(e){return e.name===m.status}))}),[null==m?void 0:m.status]),g=u.backgroundColor,f=u.color;return r.createElement(T,null,r.createElement("div",null,null===(t=m.toolTipLabel)||void 0===t?void 0:t[0]," ",null===(l=m.toolTipLabel)||void 0===l?void 0:l[1]),r.createElement("div",null,(null===(i=m.toolTipLabel)||void 0===i?void 0:i[2])&&r.createElement(o,{as:"span",size:"s3",color:d.colors.gray800,type:"semiBold"},null===(c=m.toolTipLabel)||void 0===c?void 0:c[2]),r.createElement("div",{className:"risk",style:{backgroundColor:g}},r.createElement(o,{size:"n1",color:f},m.translatedStatus))))},I=function(n){var t=n.weightBefore,c=n.weightByWeek,w=n.activeWeek,k=n.currentWeight,E=n.toolTipLabel,j=void 0===E?[]:E,W=n.status,T=n.withLine,C=void 0!==T&&T,S=s().t,I=a((function(){return B({weightByWeek:c,weightBefore:t,toolTipLabel:j,status:W,activeWeek:w,t:S})}),[c,t,j,W,w]),M=l(!1),A=M[0],P=M[1],F=i(null);return v(F,(function(){return P(!1)})),r.createElement(z,null,r.createElement(o,{size:"n1",color:d.colors.gray500},S("babyGrowth.weight")," ",S("pregnancyWeightGain.weightInput.desc")),Array.isArray(I)&&I.length>0&&r.createElement(z,null,r.createElement(p,{height:388,className:"chart"},r.createElement(m,{data:I,margin:{top:16,right:0,left:0}},r.createElement(u,{stroke:d.colors.neutral100}),r.createElement(g,{trigger:"click",content:function(n){return r.createElement(N,e({active:!C&&A&&void 0!==w&&void 0!==k},n))}}),r.createElement(f,{type:"number",scale:"linear",ticks:Array.from({length:40},(function(e,n){return n+1})),dataKey:"name",tickLine:!1,tickMargin:12,tick:function(n){return r.createElement(L,e({},n,{activeWeek:w}))},domain:["dataMin","dataMax"],interval:"preserveStartEnd",tickCount:1,allowDecimals:!1}),r.createElement(x,{domain:[function(e){return Math.max(e,t-10||e)},function(e){return Math.max(e,t+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(b,{connectNulls:!0,type:"monotone",dataKey:"min",stackId:"1",stroke:"transparent",fill:"transparent"}),r.createElement(b,{connectNulls:!0,type:"monotone",dataKey:"difference",stackId:"1",stroke:"transparent",fill:d.colors.blue100}),void 0!==w&&void 0!==k&&r.createElement(h,{onClick:function(){return P(!0)},x:0===w?1:w,y:k,r:4,shape:r.createElement(y,{ref:F,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},S("pregnancy.week")))))},M=function(n){var a=n.color,l=t(n,["color"]);return r.createElement("svg",e({width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("circle",{cx:"4",cy:"4",r:"4",fill:a||d.colors.primaryBase}))},A=function(e){var n=e.idealWeight,t=s().t;return r.createElement(C,null,r.createElement("div",null,r.createElement(M,{color:d.colors.blue100}),r.createElement(o,{size:"n1",color:d.colors.gray600},r.createElement(o,{size:"n1",as:"span"},t("pregnancyTool.weightSuggested")," "),r.createElement(o,{size:"n1",color:d.colors.gray800,type:"bold",as:"span"},n))),r.createElement("div",null,r.createElement(M,null),r.createElement(o,{size:"n1",color:d.colors.gray600},t("pwg.placeholder.weight"))))},P=w.div(W||(W=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"],["\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(n){var t=n.chartProps,a=n.pillCarouselProps,l=n.idealWeight,i=n.description,p=s().t;return r.createElement(P,null,r.createElement("div",{className:"chart-header"},r.createElement(o,{size:"s1",type:"semiBold",color:d.colors.gray800},p("pregnancyTool.weightSuggested")),i&&i),r.createElement(c,e({},a)),r.createElement("div",null,r.createElement(A,{idealWeight:l}),r.createElement(I,e({},t))))};export{F as PregnancyWeightGainChart};
@@ -1 +1 @@
1
- export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-10ed80c3.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-d030fe84.js";import"react";import"./index-cfa9be42.js";import"./tslib.es6-abcfff55.js";import"./theme-f596577b.js";import"./utils-667f629c.js";import"styled-components";import"./translationsContext-1c439140.js";import"string-format";import"./index-554bd8fd.js";import"./index-5493d770.js";import"./index.styled-0e8094ed.js";import"./useTranslations-1cfa284c.js";import"innertext";import"./index-6016cc60.js";import"./index-067ee7ff.js";import"lodash/debounce";import"react-contenteditable";import"./index-dc390cde.js";import"./gAssets.js";import"./index-89ee76bc.js";import"./Locale-f07ba9ec.js";import"./isProduction-8db7c909.js";import"./cookieHelper-f9ca26bf.js";import"react-dom";import"@mantine/core";import"dayjs";import"dayjs/plugin/relativeTime";import"./lazyLoad-c9bebe94.js";import"vanilla-lazyload";import"./defaultClassWrapper-6633ca33.js";import"slugify";
1
+ export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-88f5079f.js";export{D as DefaultComponentGlobalContextData,G as GlobalData,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-13f475e2.js";import"react";import"./index-4ec4cd7d.js";import"./tslib.es6-abcfff55.js";import"./theme-f596577b.js";import"./utils-667f629c.js";import"styled-components";import"./translationsContext-1c439140.js";import"string-format";import"./index-0f502107.js";import"./index-c7edc68c.js";import"./index.styled-d0e35edd.js";import"./useTranslations-1cfa284c.js";import"innertext";import"./index-d9bd2f42.js";import"./index-951aa31a.js";import"lodash/debounce";import"react-contenteditable";import"./index-de853c6d.js";import"./gAssets.js";import"./index-89ee76bc.js";import"./Locale-f07ba9ec.js";import"./isProduction-8db7c909.js";import"./cookieHelper-f9ca26bf.js";import"react-dom";import"@mantine/core";import"dayjs";import"dayjs/plugin/relativeTime";import"./lazyLoad-c9bebe94.js";import"vanilla-lazyload";import"./defaultClassWrapper-ad33ea69.js";import"slugify";
@@ -1 +1 @@
1
- import{b as e,a as n,_ as t,d as o,e as i}from"./tslib.es6-abcfff55.js";import a,{useState as r,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-d5af5cd4.js";import{b as g,d as m}from"./index-89ee76bc.js";import{g as f,s as C,d as v}from"./cookieHelper-f9ca26bf.js";import{u as E}from"./useTranslations-1cfa284c.js";import x from"lodash/debounce";import{I as y}from"./index-6016cc60.js";import b,{createGlobalStyle as w}from"styled-components";import{T as L}from"./index-cfa9be42.js";import{t as S}from"./theme-f596577b.js";import k from"react-loading-skeleton";import{M as T}from"./utils-667f629c.js";import A from"lodash/shuffle";import{u as R}from"./useOutsideClick-cc51715b.js";import I from"string-format";var M,_,P,N,V,H,F,z,D,B,O,G,K=b.div(M||(M=e([""],[""]))),Z=b.div(_||(_=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"]))),j=b.section(P||(P=e([""],[""]))),U=b.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=b(y)(V||(V=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"]))),Y=w(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"]))),q=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},W=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},a.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},a.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:t||"currentColor"}))},J=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},$=function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ee=b.li(F||(F=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"])),S.colors.neutral100),ne=b.div(z||(z=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"])),T.mbDown),te=b.ul(D||(D=e(["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"],["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"]))),oe=b(W)(B||(B=e(["\n width: 12px;\n height: 18px;\n"],["\n width: 12px;\n height: 18px;\n"]))),ie=b.li(O||(O=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 ")}),S.colors.neutral100,S.colors.neutral50),ae=b((function(e){var t=e.count,o=e.className;return a.createElement(a.Fragment,null,n([],Array(t),!0).map((function(e,n){return a.createElement(ee,{className:o,key:n},a.createElement(k,{count:1,height:32}),a.createElement(k,{count:1,height:24}))})))}))(G||(G=e(["\n &:first-child {\n padding-top: 18px;\n }\n"],["\n &:first-child {\n padding-top: 18px;\n }\n"]))),re=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,c=void 0===r?"unset":r,l=e.isLocationLoading,s=e.selectedLocation,u=E().t,d="denied"===c,p=function(){return a.createElement(ie,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?a.createElement(L,{color:"var(--gray600)",size:"md"},"x"):l?a.createElement(k,{height:20,width:20}):a.createElement(X,{color:S.colors.primaryBase}),a.createElement("div",null,d?a.createElement(L,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?a.createElement(k,{height:20,style:{width:"calc(100% - 16px)"}}):a.createElement(L,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return a.createElement(ne,{"data-testid":"location-search-results"},a.createElement(te,null,t?a.createElement(ae,{count:5}):!n||n.length<1?a.createElement(a.Fragment,null,p(),a.createElement(ie,{"data-is-denied":"true"},a.createElement(L,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):a.createElement(a.Fragment,null,p(),n.map((function(e){return a.createElement(ie,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},a.createElement(oe,{color:S.colors.neutral400}),a.createElement(L,{size:"md"},e.name))})))))},ce={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},le=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},se={TEXT_NODE:"TEXT_NODE"},ue=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(ce.PAUSE_FOR,{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(ce.PASTE_STRING,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(ce.REMOVE_ALL,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(ce.CHANGE_DELETE_SPEED,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(ce.CHANGE_DELAY,{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(ce.REMOVE_CHARACTER);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(ce.TYPE_CHARACTER,{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(ce.REMOVE_CHARACTER)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,a){void 0===i&&(i=!1);var r={eventName:e,eventArgs:t||{}};return o.state[a]=i?n([r],o.state[a],!0):n(n([],o.state[a],!0),[r],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var a=n([],o.state.eventQueue,!0),r=a.shift();if(!(i<=(r.eventName===ce.REMOVE_LAST_VISIBLE_NODE||r.eventName===ce.REMOVE_CHARACTER?"natural"===o.options.deleteSpeed?le(40,80):o.options.deleteSpeed:"natural"===o.options.delay?le(120,160):o.options.delay))){var c=r.eventName,l=r.eventArgs;switch(c){case ce.PASTE_STRING:case ce.TYPE_CHARACTER: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:se.TEXT_NODE,character:s,node:d}],!1);break;case ce.REMOVE_CHARACTER:a.unshift({eventName:ce.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case ce.PAUSE_FOR:var p=r.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case ce.REMOVE_ALL:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:ce.CHANGE_DELETE_SPEED,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:ce.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:ce.CHANGE_DELETE_SPEED,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),a.unshift.apply(a,m);break;case ce.REMOVE_LAST_VISIBLE_NODE:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),E=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:E,character:s}),E&&E.parentNode.removeChild(E)}break;case ce.CHANGE_DELETE_SPEED:o.options.deleteSpeed=r.eventArgs.speed;break;case ce.CHANGE_DELAY:o.options.delay=r.eventArgs.delay}o.options.loop&&(r.eventName===ce.REMOVE_LAST_VISIBLE_NODE||r.eventArgs&&r.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[r],!1))),o.state.eventQueue=a,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(ce.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function de(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=E(),a=i.t,r=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==r&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),A(e).map((function(e){return a(e)}))}),[a,r]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new ue({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var pe,he=b.div(pe||(pe=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 ge(e){var n=e.focused,o=e.value,i=void 0===o?"":o,r=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=E().t,p=u(null);de({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return a.createElement(he,t({onClick:function(){return r&&r()},ref:p},h),a.createElement(Q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:a.createElement(J,{color:S.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var me,fe,Ce,ve,Ee,xe,ye=b.header(me||(me=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"]))),be=b.div(fe||(fe=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"]))),we=b.div(Ce||(Ce=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"]))),Le=b.div(ve||(ve=e(["\n width: 100%;\n margin-left: 24px;\n"],["\n width: 100%;\n margin-left: 24px;\n"]))),Se=b(L)(Ee||(Ee=e(["\n color: ",";\n text-align: start;\n"],["\n color: ",";\n text-align: start;\n"])),S.colors.secondaryDark),ke=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,r=e.iconLeft,c=e.textRight;return a.createElement(ye,{className:n},a.createElement(we,{onClick:t},r||a.createElement(q,{color:S.colors.gray800})),a.createElement(Le,null,a.createElement(Se,{size:"md",type:"bold"},o)),a.createElement(be,{onClick:i},c&&a.createElement("p",null,c)))},Te={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ae={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 Re(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function Ie(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case xe.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case xe.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:Re(t(t({},e),{focused:"none"}));case xe.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case xe.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 xe.FocusInputSearch:var a=t(t({},e),{focused:"search"});return e.isMobile?Re(a):a;case xe.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case xe.ChangeInputSearch:var r=n.payload;return t(t({},e),{searchKeywords:r,isLoadingSearchResults:r.trim().length>Te[e.locale]});case xe.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case xe.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case xe.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case xe.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case xe.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case xe.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case xe.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case xe.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case xe.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case xe.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case xe.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 xe.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case xe.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case xe.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case xe.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case xe.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case xe.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case xe.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case xe.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case xe.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"}(xe||(xe={}));var Me,_e,Pe,Ne,Ve,He,Fe,ze=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},De=b.button(Me||(Me=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}),T.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Be=b(L)(_e||(_e=e(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),Oe=function(e){var n=e.onClick,t=(0,E().t)("booking.searchBar.searchButton");return a.createElement(De,{onClick:n,title:t},a.createElement(ze,null),a.createElement(Be,{size:"s3",color:"white"},t))},Ge=b.div(Pe||(Pe=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"])),T.mbDown,S.colors.blue50),Ke=b.div(Ne||(Ne=e(["\n position: relative;\n"],["\n position: relative;\n"]))),Ze=b(Ke)(Ve||(Ve=e(["\n flex: 1;\n"],["\n flex: 1;\n"]))),je=b(Ke)(He||(He=e(["\n flex: 2;\n"],["\n flex: 2;\n"]))),Ue=b((function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))}))(Fe||(Fe=e(["\n display: none;\n &.shown {\n display: block;\n }\n"],["\n display: none;\n &.shown {\n display: block;\n }\n"])));function Qe(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,r=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,x=u(null),y=u(null),b=t.focused,w=t.searchLocationKeywords,L=t.geoLocationPermission,k=t.selectedLocation,T=t.searchKeywords,A=t.inputSearchPlaceholder,I=E().t;de({wrapperRef:y,disabled:!!A}),R(x,(function(){o({type:xe.ClickOutsideInputLocation})})),R(y,(function(){o({type:xe.ClickOutsideInputSearch})}));var M=l((function(){return"granted"===L&&(null==k?void 0:k.id)===p?S.colors.primaryBase:S.colors.gray400}),[L,k]),_=c((function(e){o({type:xe.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Te[t.locale]||v?r(e.trim(),t):(r.cancel(),o({type:xe.DisplayInitialSearchResults})))}),[o,t]),P=c((function(e){o({type:xe.ChangeInputLocation,payload:e}),e.trim().length>Te[t.locale]?i(e.trim()):(i.cancel(),o({type:xe.DisplayInitialCities}))}),[i,o]);return a.createElement(Ge,null,a.createElement(Ze,{ref:x},a.createElement(Q,{inputClassName:"location"===b?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:a.createElement(W,{className:"location-pin-icon",color:M}),actionIcon:a.createElement(Ue,{color:S.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){o({type:xe.ClearInputLocation}),i.cancel(),s()},value:w,onChange:P,onFocus:function(){return o({type:xe.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),a.createElement(je,{ref:y},a.createElement(Q,{placeholder:A||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:a.createElement(Ue,{color:S.colors.gray300,className:""!==T?"shown":""}),onActionClick:function(){o({type:xe.ClearInputSearch}),r.cancel(),r("",t),d()},value:T,onChange:_,onFocus:function(){return o({type:xe.FocusInputSearch})},inputClassName:"search"===b?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:T})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&a.createElement(Oe,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:T})}}))}var Ye,qe,We,Xe,Je,$e,en,nn,tn,on,an,rn,cn,ln,sn=b.li(Ye||(Ye=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"]))),un=b.div(qe||(qe=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 "}),S.colors.gray600),dn=b(L)(We||(We=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"])),T.tdUp),pn=b.figure(Xe||(Xe=e(["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"],["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"]))),hn=b.svg(Je||(Je=e(["\n margin: 0 auto;\n display: block;\n"],["\n margin: 0 auto;\n display: block;\n"]))),gn=b.div($e||($e=e(["\n display: grid;\n place-items: center;\n"],["\n display: grid;\n place-items: center;\n"]))),mn={doctors:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("g",{clipPath:"url(#clip0_14712_400114)"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),a.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_14712_400114"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),a.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},fn=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,r=l((function(){var e=mn[n]||$;return a.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return a.createElement(sn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},a.createElement(pn,null,"hospitals"===n?a.createElement(hn,{width:"12",height:"16",viewBox:"0 0 12 16"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):a.createElement(un,{type:n},o?a.createElement("img",{src:o,width:32,height:"services"===n?32:24}):r)),a.createElement(dn,{color:S.colors.gray800,size:"p3"},t.name))},Cn=function(){return a.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},a.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},vn=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},En=function(){return a.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},a.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},xn=function(){return a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},a.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},yn=b.header(en||(en=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"])),S.colors.neutral50),bn=b.div(nn||(nn=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"]))),wn=b.p(tn||(tn=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"])),S.colors.neutral800,S.sizes.fwSemiBold),Ln=b.button(on||(on=e(["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"],["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"]))),Sn=b.section(an||(an=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"])),T.tdUp),kn=b.ul(rn||(rn=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"])),T.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 "}),T.tdUp),Tn=b(L)(cn||(cn=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"]))),An=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=r(!1),m=g[0],f=g[1],C=E(),v=C.t,x=C.locale,y=o.selectedLocation,b=o.searchKeywords,w=l((function(){return h[x]}),[x]),T=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:a.createElement(Cn,null),slug:w.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:a.createElement(vn,null),slug:w.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:a.createElement(En,null),slug:w.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:a.createElement(xn,null),slug:w.SPECIALTIES}}}),[n,w]),A=l((function(){return T[n].slug}),[T]),R=u?c:s;function I(e){var t="";switch(n){case"specialties":t="/".concat(y.slug,"/").concat(T.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(y.slug,"/").concat(A,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(A,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:xe.SelectSearchResult,payload:{name:e.name,url:t}})}function M(e){return a.createElement(fn,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:I})}return a.createElement("section",null,a.createElement(yn,null,a.createElement(bn,null,T[n].icon,a.createElement(wn,null,T[n].name)),p.trim().length<=Te[x]&&a.createElement(Ln,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(A);break;case"services":case"doctors":case"hospitals":e="/".concat(y.slug,"/").concat(A)}e&&i({type:xe.NavigateTo,payload:e})}},a.createElement(L,{size:"p3",color:S.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&a.createElement(Sn,null,a.createElement(kn,null,d&&Array(2).fill(void 0).map((function(e,t){return a.createElement(sn,{key:n+"loading"+t},a.createElement(pn,null,a.createElement(gn,null,a.createElement(k,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),a.createElement(k,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(M)),a.createElement(kn,{isShown:m,isMore:!0},t.slice(R,-1).map(M)),"specialties"===n&&R<t.length&&!d&&a.createElement("button",{onClick:function(){return f(!m)}},a.createElement(Tn,{size:"p3",color:S.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Te[x]&&a.createElement("button",{onClick:function(){var e=T[n].slug,t="/".concat(y.slug,"/").concat(e,"?q=").concat(b);i({type:xe.NavigateTo,payload:t})}},a.createElement(Tn,{size:"p3",color:S.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&a.createElement(Sn,null,a.createElement(L,{size:"sm",color:S.colors.gray400},v("booking.searchBar.noResults"))))},Rn=b.section(ln||(ln=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"])),T.tdUp),In=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,r=e.isLoading,c=e.keyword;return a.createElement(Rn,null,n&&n.map((function(e){return a.createElement(An,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:r,keyword:c})})))},Mn={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}"},_n=function(e,n,o){return I(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Pn,Nn=function(e){var n=e.isMobile,m=e.careApiDomain,y=e.geoLocationPermission,b=e.geoLocationCoordinates,w=e.initialSelectedCity,L=e.initialSearchValue,S=void 0===L?"":L,k=e.careFrontDomain,T=void 0===k?"/care":k,A=e.isDebug,R=void 0!==A&&A,I=e.askForGeolocationPermission,M=void 0!==I&&I,_=e.gaTrackingSearchBar,P=e.gaTrackingLocationSearch,N=e.autoCompleteDisabled,V=void 0!==N&&N,H=e.inputSearchPlaceholder,F=void 0===H?"":H,z=e.routerPush,D=e.onGeoLocationPermissionChange,B=e.onSearch,O=e.onChangeLocation,G=E(),Q=G.t,q=G.locale,W=u(null),X=u(null),J=r(void 0),$=J[0],ee=J[1],ne=function(){var e=r((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=r((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],a=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),{minutes:15}),a(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,ae=d(Ie,Ae,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:y||te||"unset",geoLocationCoordinates:b||oe||null,searchKeywords:S,initialSelectedCity:w||null,selectedLocation:w||e.selectedLocation||null,searchLocationKeywords:(null==w?void 0:w.name)||e.searchLocationKeywords,autoCompleteDisabled:V,inputSearchPlaceholder:F,locale:q})})),ce=ae[0],le=ae[1],se=ce.navigateTo,ue=ce.focused,de=ce.isLoadingCities,pe=ce.cities,he=ce.searchKeywords,me=ce.geoLocationPermission,fe=ce.selectedLocation,Ce=ce.initialSelectedCity,ve=ce.defaultCity,Ee=ce.searchResults,ye=ce.isLoadingSearchResults,be=ce.isMobileModalOpened,we=ce.inputSearchPlaceholder,Le=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,a=void 0===i?"vi-VN":i,r=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:xe.FetchCitiesStart}),fetch(_n(i,t,a),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return n({type:xe.FetchCitiesFinish})}))}),[a]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[r(Mn.GET_CITY_BY_IP,i)];return"zh-TW"===a&&c.push(r(Mn.GET_CITIES_LIST,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],a=t({},o);if(i){var r=a.cities.map((function(e){return e.id}));a.cities=a.cities.concat(i.cities.filter((function(e){return!r.includes(e.id)})))}n({type:xe.FetchCitiesByGeoIpComplete,payload:a})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[a,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return r(Mn.GET_CITIES_LIST,{keyword:e}).then((function(e){n({type:xe.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[a,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(Mn.GET_SEARCH_V2);n({type:xe.FetchSearchResultsStart});var r=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&r){c.id===p?l||(s=r.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(_n(i,{domain:o,searchType:"global",keyword:e.trim().length>Te[a]?e.trim():"",city:s===p?"":s,lat:u,lng:d},a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return n({type:xe.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:xe.FetchSearchResultsFinish})}))}n({type:xe.FetchSearchResultsFinish})}),[a,o,n])}}({dispatch:le,locale:q,careApiDomain:m}),Se=Le.fetchCitiesByLocation,Re=Le.fetchCitiesByKeyword,Me=Le.fetchSearchResults,_e=l((function(){var e;return{id:p,name:Q("booking.searchBar.currentLocation"),slug:null===(e=h[q])||void 0===e?void 0:e.CURRENT}}),[Q,q]),Pe=l((function(){return x(Re,400)}),[Re]),Ne=l((function(){return x(Me,400)}),[Me]);s((function(){""!==S&&S!==ce.searchKeywords&&le({type:xe.UpdateInitialSearchValue,payload:S})}),[S]),s((function(){M&&(null==fe?void 0:fe.id)===p&&"unset"===me&&ie()}),[M,fe,me]),s((function(){y||me===te||("granted"===te&&oe?le({type:xe.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:xe.DenyGeoLocationPermission}))}),[me,te,oe,y]),s((function(){se&&(z?z(se):window.location.href="".concat(T).concat(se))}),[se]);var Ve=c((function(){le({type:xe.SelectCurrentLocation,payload:_e})}),[Q,le]);s((function(){"denied"===me||Ce||Ve(),D&&D(me,ce.geoLocationCoordinates),n&&"granted"===me&&fe&&le({type:xe.FocusInputSearch}),Se({coordinates:ce.geoLocationCoordinates})}),[me]),s((function(){fe&&ve&&Me(ce.searchKeywords,ce)}),[fe,ve]),s((function(){F!==we&&le({type:xe.SetInputSearchPlaceholder,payload:F})}),[F,we]),s((function(){be?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[be]);var He=c((function(e){le({type:xe.SelectLocation,payload:e}),De(),O&&O(e)}),[Q,le]);function Fe(){n&&"granted"!==ce.geoLocationPermission?ie():(Ve(),De())}function ze(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Be(){le({type:xe.CloseMobileModal})}function Ge(){return"location"!==ue?null:a.createElement(re,{isLoading:de,cities:pe,onLocationClick:He,onCurrentLocationClick:Fe,isLocationLoading:de,geoLocationPermission:me,selectedLocation:fe})}function Ke(){return"search"!==ue?null:ce.autoCompleteDisabled?n?a.createElement(Oe,{onClick:function(){B({cityId:ce.selectedLocation.id,keyword:he}),Be()}}):null:a.createElement(In,{data:Ee,state:ce,dispatch:le,isMobile:!1,keyword:he,isLoading:ye})}function Ze(){return a.createElement(Qe,{isMobile:n,state:ce,dispatch:le,debouncedFetchCitiesByKeyword:Pe,debouncedFetchSearchResults:Ne,focusLocationInput:ze,focusSearchInput:De,renderLocationResults:Ge,renderSearchResults:Ke,trackingAttributes:_,locationTrackingAttributes:P,onSearch:B,initalSearchValue:S})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?a.createElement(a.Fragment,null,a.createElement(Y,null),a.createElement(U,{ref:X}),a.createElement(Z,{id:"booking-search-bar",ref:W,"data-is-modal":n&&be,style:{"--mobile-care-searchbar-height":be&&$?"".concat($,"px"):"100%"}},be?a.createElement(a.Fragment,null,a.createElement(j,null,a.createElement(ke,{headingText:Q("booking.searchBar.searchButton"),onLeftClick:Be}),Ze()),Ge(),Ke()):a.createElement(ge,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return X.current&&X.current.focus(),le({type:xe.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:_,inputSearchPlaceholder:F}))):a.createElement(K,{id:"booking-search-bar",ref:W},Ze())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Pn||(Pn={}));var Vn=Object.freeze({__proto__:null,get RedirectType(){return Pn}});export{Nn as B,Vn as t};
1
+ import{b as e,a as n,_ as t,d as o,e as i}from"./tslib.es6-abcfff55.js";import a,{useState as r,useCallback as c,useMemo as l,useEffect as s,useRef as u,useReducer as d}from"react";import{I as p,L as h}from"./constants-d5af5cd4.js";import{b as g,d as m}from"./index-89ee76bc.js";import{g as f,s as C,d as v}from"./cookieHelper-f9ca26bf.js";import{u as E}from"./useTranslations-1cfa284c.js";import x from"lodash/debounce";import{I as y}from"./index-d9bd2f42.js";import b,{createGlobalStyle as w}from"styled-components";import{T as L}from"./index-4ec4cd7d.js";import{t as S}from"./theme-f596577b.js";import k from"react-loading-skeleton";import{M as T}from"./utils-667f629c.js";import A from"lodash/shuffle";import{u as R}from"./useOutsideClick-cc51715b.js";import I from"string-format";var M,_,P,N,V,H,F,z,D,B,O,G,K=b.div(M||(M=e([""],[""]))),Z=b.div(_||(_=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"]))),j=b.section(P||(P=e([""],[""]))),U=b.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=b(y)(V||(V=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"]))),Y=w(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"]))),q=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M6 6L18 18",stroke:t||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},W=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:n},a.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:t||"currentColor"}))},X=function(e){var n=e.className,t=e.color;return a.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:n},a.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:t||"currentColor"}))},J=function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20 20L16 16",stroke:t||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},$=function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},ee=b.li(F||(F=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"])),S.colors.neutral100),ne=b.div(z||(z=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"])),T.mbDown),te=b.ul(D||(D=e(["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"],["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"]))),oe=b(W)(B||(B=e(["\n width: 12px;\n height: 18px;\n"],["\n width: 12px;\n height: 18px;\n"]))),ie=b.li(O||(O=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 ")}),S.colors.neutral100,S.colors.neutral50),ae=b((function(e){var t=e.count,o=e.className;return a.createElement(a.Fragment,null,n([],Array(t),!0).map((function(e,n){return a.createElement(ee,{className:o,key:n},a.createElement(k,{count:1,height:32}),a.createElement(k,{count:1,height:24}))})))}))(G||(G=e(["\n &:first-child {\n padding-top: 18px;\n }\n"],["\n &:first-child {\n padding-top: 18px;\n }\n"]))),re=function(e){var n=e.cities,t=e.isLoading,o=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,c=void 0===r?"unset":r,l=e.isLocationLoading,s=e.selectedLocation,u=E().t,d="denied"===c,p=function(){return a.createElement(ie,{role:"button",tabIndex:0,onClick:function(e){d||(e.nativeEvent.stopImmediatePropagation(),l||i())},"data-is-denied":d},d?a.createElement(L,{color:"var(--gray600)",size:"md"},"x"):l?a.createElement(k,{height:20,width:20}):a.createElement(X,{color:S.colors.primaryBase}),a.createElement("div",null,d?a.createElement(L,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},u("booking.searchBar.grantLocation")):l?a.createElement(k,{height:20,style:{width:"calc(100% - 16px)"}}):a.createElement(L,{size:"md"},u("booking.searchBar.useCurrentLocation"))))};return a.createElement(ne,{"data-testid":"location-search-results"},a.createElement(te,null,t?a.createElement(ae,{count:5}):!n||n.length<1?a.createElement(a.Fragment,null,p(),a.createElement(ie,{"data-is-denied":"true"},a.createElement(L,{size:"sm",color:"#ccc"},u("booking.searchBar.noResults")))):a.createElement(a.Fragment,null,p(),n.map((function(e){return a.createElement(ie,{key:e.id,onClick:function(n){n.nativeEvent.stopImmediatePropagation(),o&&o(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==s?void 0:s.id)===e.id},a.createElement(oe,{color:S.colors.neutral400}),a.createElement(L,{size:"md"},e.name))})))))},ce={TYPE_CHARACTER:"TYPE_CHARACTER",REMOVE_CHARACTER:"REMOVE_CHARACTER",REMOVE_ALL:"REMOVE_ALL",REMOVE_LAST_VISIBLE_NODE:"REMOVE_LAST_VISIBLE_NODE",PAUSE_FOR:"PAUSE_FOR",CHANGE_DELETE_SPEED:"CHANGE_DELETE_SPEED",CHANGE_DELAY:"CHANGE_DELAY",PASTE_STRING:"PASTE_STRING"},le=function(e,n){return Math.floor(Math.random()*(n-e+1))+e},se={TEXT_NODE:"TEXT_NODE"},ue=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(ce.PAUSE_FOR,{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(ce.PASTE_STRING,{character:e,node:n}),o},this.deleteAll=function(e){return void 0===e&&(e="natural"),o.addEventToQueue(ce.REMOVE_ALL,{speed:e}),o},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return o.addEventToQueue(ce.CHANGE_DELETE_SPEED,{speed:e}),o},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return o.addEventToQueue(ce.CHANGE_DELAY,{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(ce.REMOVE_CHARACTER);return o},this.typeCharacters=function(e,n){if(void 0===n&&(n=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){o.addEventToQueue(ce.TYPE_CHARACTER,{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(ce.REMOVE_CHARACTER)})),o},this.addEventToQueue=function(e,n,t){return void 0===t&&(t=!1),o.addEventToStateProperty(e,n,t,"eventQueue")},this.addReverseCalledEvent=function(e,n,t){return void 0===t&&(t=!1),o.options.loop?o.addEventToStateProperty(e,n,t,"reverseCalledEvents"):o},this.addEventToStateProperty=function(e,t,i,a){void 0===i&&(i=!1);var r={eventName:e,eventArgs:t||{}};return o.state[a]=i?n([r],o.state[a],!0):n(n([],o.state[a],!0),[r],!1),o},this.runEventLoop=function(){o.state.lastFrameTime||(o.state.lastFrameTime=Date.now());var e=Date.now(),i=e-o.state.lastFrameTime;if(!o.state.eventQueue.length){if(!o.options.loop)return;o.state.eventQueue=n([],o.state.calledEvents,!0),o.state.calledEvents=[],o.options=t({},o.state.initialOptions)}if(o.state.eventLoop=window.requestAnimationFrame(o.runEventLoop),!o.state.eventLoopPaused){if(o.state.pauseUntil){if(e<o.state.pauseUntil)return;o.state.pauseUntil=null}var a=n([],o.state.eventQueue,!0),r=a.shift();if(!(i<=(r.eventName===ce.REMOVE_LAST_VISIBLE_NODE||r.eventName===ce.REMOVE_CHARACTER?"natural"===o.options.deleteSpeed?le(40,80):o.options.deleteSpeed:"natural"===o.options.delay?le(120,160):o.options.delay))){var c=r.eventName,l=r.eventArgs;switch(c){case ce.PASTE_STRING:case ce.TYPE_CHARACTER: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:se.TEXT_NODE,character:s,node:d}],!1);break;case ce.REMOVE_CHARACTER:a.unshift({eventName:ce.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!0}});break;case ce.PAUSE_FOR:var p=r.eventArgs.ms;o.state.pauseUntil=Date.now()+parseInt(p);break;case ce.REMOVE_ALL:var h=o.state.visibleNodes,g=l.speed,m=[];g&&m.push({eventName:ce.CHANGE_DELETE_SPEED,eventArgs:{speed:g,temp:!0}});for(var f=0,C=h.length;f<C;f++)m.push({eventName:ce.REMOVE_LAST_VISIBLE_NODE,eventArgs:{removingCharacterNode:!1}});g&&m.push({eventName:ce.CHANGE_DELETE_SPEED,eventArgs:{speed:o.options.deleteSpeed,temp:!0}}),a.unshift.apply(a,m);break;case ce.REMOVE_LAST_VISIBLE_NODE:if(o.state.visibleNodes.length){var v=o.state.visibleNodes.pop(),E=v.node;s=v.character;o.options.onRemoveNode&&"function"==typeof o.options.onRemoveNode&&o.options.onRemoveNode({node:E,character:s}),E&&E.parentNode.removeChild(E)}break;case ce.CHANGE_DELETE_SPEED:o.options.deleteSpeed=r.eventArgs.speed;break;case ce.CHANGE_DELAY:o.options.delay=r.eventArgs.delay}o.options.loop&&(r.eventName===ce.REMOVE_LAST_VISIBLE_NODE||r.eventArgs&&r.eventArgs.temp||(o.state.calledEvents=n(n([],o.state.calledEvents,!0),[r],!1))),o.state.eventQueue=a,o.state.lastFrameTime=e}}},e&&(this.options=t(t({},this.options),e)),this.state.initialOptions=t({},this.options),this.init()}return e.prototype.init=function(){this.addEventToQueue(ce.REMOVE_ALL,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},e}();function de(e){var n=e.inputRef,t=e.wrapperRef,o=e.disabled,i=E(),a=i.t,r=i.locale,c=l((function(){if(o)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==r&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),A(e).map((function(e){return a(e)}))}),[a,r]);function u(e){var n=p();return n&&(n.placeholder=n.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:t&&t.current&&t.current.querySelector("input")||null}s((function(){if(!o){var e=p();e&&(e.placeholder="",new ue({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,t])}var pe,he=b.div(pe||(pe=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 ge(e){var n=e.focused,o=e.value,i=void 0===o?"":o,r=e.onClick,c=e.trackingAttributes,s=e.inputSearchPlaceholder,d=E().t,p=u(null);de({wrapperRef:p,disabled:!!s});var h=l((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return a.createElement(he,t({onClick:function(){return r&&r()},ref:p},h),a.createElement(Q,{inputClassName:"location"===n?"focused":void 0,name:"booking-search-placeholder",displayIcon:a.createElement(J,{color:S.colors.gray400}),placeholder:d("booking.searchBar.searchInput.placeholder"),value:i,size:"md"}))}var me,fe,Ce,ve,Ee,xe,ye=b.header(me||(me=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"]))),be=b.div(fe||(fe=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"]))),we=b.div(Ce||(Ce=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"]))),Le=b.div(ve||(ve=e(["\n width: 100%;\n margin-left: 24px;\n"],["\n width: 100%;\n margin-left: 24px;\n"]))),Se=b(L)(Ee||(Ee=e(["\n color: ",";\n text-align: start;\n"],["\n color: ",";\n text-align: start;\n"])),S.colors.secondaryDark),ke=function(e){var n=e.className,t=e.onLeftClick,o=e.headingText,i=e.onRightClick,r=e.iconLeft,c=e.textRight;return a.createElement(ye,{className:n},a.createElement(we,{onClick:t},r||a.createElement(q,{color:S.colors.gray800})),a.createElement(Le,null,a.createElement(Se,{size:"md",type:"bold"},o)),a.createElement(be,{onClick:i},c&&a.createElement("p",null,c)))},Te={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Ae={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 Re(e){var n=e.selectedLocation,o=e.searchLocationKeywords;return n&&o!==n.name?t(t({},e),{searchLocationKeywords:n.name}):e}function Ie(e,n){var o;switch(e.isDebug&&console.log("bookingSearchBar",{action:n,state:e}),n.type){case xe.NavigateTo:return t(t({},e),{navigateTo:n.payload,focused:"none",isMobileModalOpened:!1});case xe.ClickOutsideInputLocation:return e.isMobile||"location"!==e.focused?e:Re(t(t({},e),{focused:"none"}));case xe.ClickOutsideInputSearch:return e.isMobile||"search"!==e.focused?e:t(t({},e),{focused:"none"});case xe.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 xe.FocusInputSearch:var a=t(t({},e),{focused:"search"});return e.isMobile?Re(a):a;case xe.ChangeInputLocation:return t(t({},e),{searchLocationKeywords:n.payload});case xe.ChangeInputSearch:var r=n.payload;return t(t({},e),{searchKeywords:r,isLoadingSearchResults:r.trim().length>Te[e.locale]});case xe.SelectCurrentLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case xe.ClearInputLocation:return t(t({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case xe.ClearInputSearch:return t(t({},e),{focused:"search",searchKeywords:""});case xe.SelectLocation:return t(t({},e),{focused:"none",selectedLocation:n.payload,searchLocationKeywords:n.payload.name});case xe.SelectSearchResult:return t(t({},e),{searchKeywords:n.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:n.payload.url});case xe.FetchCitiesStart:return t(t({},e),{isLoadingCities:!0});case xe.FetchCitiesFinish:return t(t({},e),{isLoadingCities:!1});case xe.FetchSearchResultsStart:return t(t({},e),{isLoadingSearchResults:!0});case xe.FetchSearchResultsFinish:return t(t({},e),{isLoadingSearchResults:!1});case xe.FetchSearchResultsComplete:var c=t(t({},e),{searchResults:n.payload});return 0===e.initialSearchResults.length&&(c.initialSearchResults=n.payload),c;case xe.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 xe.FetchCitiesByKeywordComplete:return t(t({},e),{cities:n.payload});case xe.DisplayInitialCities:return t(t({},e),{cities:e.initialCities});case xe.DisplayInitialSearchResults:return t(t({},e),{searchResults:e.initialSearchResults,isLoadingSearchResults:!1});case xe.GrantGeoLocationPermission:return t(t({},e),{geoLocationPermission:"granted",geoLocationCoordinates:n.payload});case xe.DenyGeoLocationPermission:return t(t({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case xe.OpenMobileModal:return t(t({},e),{isMobileModalOpened:!0});case xe.CloseMobileModal:return t(t({},e),{isMobileModalOpened:!1});case xe.UpdateInitialSearchValue:return t(t({},e),{searchKeywords:n.payload});case xe.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"}(xe||(xe={}));var Me,_e,Pe,Ne,Ve,He,Fe,ze=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},De=b.button(Me||(Me=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}),T.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),Be=b(L)(_e||(_e=e(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),Oe=function(e){var n=e.onClick,t=(0,E().t)("booking.searchBar.searchButton");return a.createElement(De,{onClick:n,title:t},a.createElement(ze,null),a.createElement(Be,{size:"s3",color:"white"},t))},Ge=b.div(Pe||(Pe=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"])),T.mbDown,S.colors.blue50),Ke=b.div(Ne||(Ne=e(["\n position: relative;\n"],["\n position: relative;\n"]))),Ze=b(Ke)(Ve||(Ve=e(["\n flex: 1;\n"],["\n flex: 1;\n"]))),je=b(Ke)(He||(He=e(["\n flex: 2;\n"],["\n flex: 2;\n"]))),Ue=b((function(e){var n=e.className,t=e.color;return a.createElement("svg",{className:n,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:t||"currentColor"}))}))(Fe||(Fe=e(["\n display: none;\n &.shown {\n display: block;\n }\n"],["\n display: none;\n &.shown {\n display: block;\n }\n"])));function Qe(e){var n=e.isMobile,t=e.state,o=e.dispatch,i=e.debouncedFetchCitiesByKeyword,r=e.debouncedFetchSearchResults,s=e.focusLocationInput,d=e.focusSearchInput,h=e.renderLocationResults,g=e.renderSearchResults,m=e.locationTrackingAttributes,f=e.trackingAttributes,C=e.onSearch,v=e.initalSearchValue,x=u(null),y=u(null),b=t.focused,w=t.searchLocationKeywords,L=t.geoLocationPermission,k=t.selectedLocation,T=t.searchKeywords,A=t.inputSearchPlaceholder,I=E().t;de({wrapperRef:y,disabled:!!A}),R(x,(function(){o({type:xe.ClickOutsideInputLocation})})),R(y,(function(){o({type:xe.ClickOutsideInputSearch})}));var M=l((function(){return"granted"===L&&(null==k?void 0:k.id)===p?S.colors.primaryBase:S.colors.gray400}),[L,k]),_=c((function(e){o({type:xe.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Te[t.locale]||v?r(e.trim(),t):(r.cancel(),o({type:xe.DisplayInitialSearchResults})))}),[o,t]),P=c((function(e){o({type:xe.ChangeInputLocation,payload:e}),e.trim().length>Te[t.locale]?i(e.trim()):(i.cancel(),o({type:xe.DisplayInitialCities}))}),[i,o]);return a.createElement(Ge,null,a.createElement(Ze,{ref:x},a.createElement(Q,{inputClassName:"location"===b?"focused":void 0,placeholder:I("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:a.createElement(W,{className:"location-pin-icon",color:M}),actionIcon:a.createElement(Ue,{color:S.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){o({type:xe.ClearInputLocation}),i.cancel(),s()},value:w,onChange:P,onFocus:function(){return o({type:xe.FocusInputLocation})},size:"md",trackingAttributes:m}),!n&&h()),a.createElement(je,{ref:y},a.createElement(Q,{placeholder:A||I("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:a.createElement(Ue,{color:S.colors.gray300,className:""!==T?"shown":""}),onActionClick:function(){o({type:xe.ClearInputSearch}),r.cancel(),r("",t),d()},value:T,onChange:_,onFocus:function(){return o({type:xe.FocusInputSearch})},inputClassName:"search"===b?"focused":void 0,size:"md",trackingAttributes:f,onKeyPress:function(e){t.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:t.selectedLocation.id,keyword:T})},enterKeyHint:t.autoCompleteDisabled?"search":void 0}),!n&&g()),t.autoCompleteDisabled&&!t.isMobile&&a.createElement(Oe,{onClick:function(){C({cityId:t.selectedLocation.id,keyword:T})}}))}var Ye,qe,We,Xe,Je,$e,en,nn,tn,on,an,rn,cn,ln,sn=b.li(Ye||(Ye=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"]))),un=b.div(qe||(qe=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 "}),S.colors.gray600),dn=b(L)(We||(We=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"])),T.tdUp),pn=b.figure(Xe||(Xe=e(["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"],["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"]))),hn=b.svg(Je||(Je=e(["\n margin: 0 auto;\n display: block;\n"],["\n margin: 0 auto;\n display: block;\n"]))),gn=b.div($e||($e=e(["\n display: grid;\n place-items: center;\n"],["\n display: grid;\n place-items: center;\n"]))),mn={doctors:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||32,height:t||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("g",{clipPath:"url(#clip0_14712_400114)"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),a.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_14712_400114"},a.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var n=e.width,t=e.height;return a.createElement("svg",{width:n||30,height:t||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),a.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},fn=function(e){var n=e.type,t=e.item,o=e.imageUrl,i=e.onClickItem,r=l((function(){var e=mn[n]||$;return a.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return a.createElement(sn,{onClick:function(){return i&&i(t)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||i&&i(t)},tabIndex:0,role:"button"},a.createElement(pn,null,"hospitals"===n?a.createElement(hn,{width:"12",height:"16",viewBox:"0 0 12 16"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):a.createElement(un,{type:n},o?a.createElement("img",{src:o,width:32,height:"services"===n?32:24}):r)),a.createElement(dn,{color:S.colors.gray800,size:"p3"},t.name))},Cn=function(){return a.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},a.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},vn=function(){return a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},a.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},En=function(){return a.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},a.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},xn=function(){return a.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},a.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},yn=b.header(en||(en=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"])),S.colors.neutral50),bn=b.div(nn||(nn=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"]))),wn=b.p(tn||(tn=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"])),S.colors.neutral800,S.sizes.fwSemiBold),Ln=b.button(on||(on=e(["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"],["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"]))),Sn=b.section(an||(an=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"])),T.tdUp),kn=b.ul(rn||(rn=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"])),T.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 "}),T.tdUp),Tn=b(L)(cn||(cn=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"]))),An=function(e){var n=e.type,t=e.data,o=e.state,i=e.dispatch,c=e.itemsToShow,s=e.itemsToShowDesktop,u=e.isMobile,d=e.isLoading,p=e.keyword,g=r(!1),m=g[0],f=g[1],C=E(),v=C.t,x=C.locale,y=o.selectedLocation,b=o.searchKeywords,w=l((function(){return h[x]}),[x]),T=l((function(){return{doctors:{name:v("booking.searchPopup.doctors"),icon:a.createElement(Cn,null),slug:w.DOCTOR},services:{name:v("booking.searchPopup.services"),icon:a.createElement(vn,null),slug:w.SERVICE},hospitals:{name:v("booking.searchPopup.hospitals"),icon:a.createElement(En,null),slug:w.HOSPITAL},specialties:{name:v("booking.searchPopup.specialties"),icon:a.createElement(xn,null),slug:w.SPECIALTIES}}}),[n,w]),A=l((function(){return T[n].slug}),[T]),R=u?c:s;function I(e){var t="";switch(n){case"specialties":t="/".concat(y.slug,"/").concat(T.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(y.slug,"/").concat(A,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(A,"/").concat(e.slug,"-").concat(e.id)}t&&i({type:xe.SelectSearchResult,payload:{name:e.name,url:t}})}function M(e){return a.createElement(fn,{key:e.id,item:e,type:n,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:I})}return a.createElement("section",null,a.createElement(yn,null,a.createElement(bn,null,T[n].icon,a.createElement(wn,null,T[n].name)),p.trim().length<=Te[x]&&a.createElement(Ln,{onClick:function(){var e="";switch(n){case"specialties":e="/".concat(A);break;case"services":case"doctors":case"hospitals":e="/".concat(y.slug,"/").concat(A)}e&&i({type:xe.NavigateTo,payload:e})}},a.createElement(L,{size:"p3",color:S.colors.primaryBase},v("booking.searchPopup.seeAll")))),(d||t&&t.length>0)&&a.createElement(Sn,null,a.createElement(kn,null,d&&Array(2).fill(void 0).map((function(e,t){return a.createElement(sn,{key:n+"loading"+t},a.createElement(pn,null,a.createElement(gn,null,a.createElement(k,{height:14,width:"hospitals"===n?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),a.createElement(k,{width:120,height:24}))})),!d&&t&&t.length>0&&t.slice(0,R).map(M)),a.createElement(kn,{isShown:m,isMore:!0},t.slice(R,-1).map(M)),"specialties"===n&&R<t.length&&!d&&a.createElement("button",{onClick:function(){return f(!m)}},a.createElement(Tn,{size:"p3",color:S.colors.primaryBase},v(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==n&&R<t.length&&!d&&p.trim().length>Te[x]&&a.createElement("button",{onClick:function(){var e=T[n].slug,t="/".concat(y.slug,"/").concat(e,"?q=").concat(b);i({type:xe.NavigateTo,payload:t})}},a.createElement(Tn,{size:"p3",color:S.colors.primaryBase},v("booking.searchPopup.searchIn.".concat(n),{name:p})))),!d&&0===(null==t?void 0:t.length)&&a.createElement(Sn,null,a.createElement(L,{size:"sm",color:S.colors.gray400},v("booking.searchBar.noResults"))))},Rn=b.section(ln||(ln=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"])),T.tdUp),In=function(e){var n=e.data,t=e.state,o=e.dispatch,i=e.isMobile,r=e.isLoading,c=e.keyword;return a.createElement(Rn,null,n&&n.map((function(e){return a.createElement(An,{type:e.type,state:t,dispatch:o,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:r,keyword:c})})))},Mn={GET_CITIES_LIST:"api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",GET_CITY:"api/lists/cities?ids={ids}&site={domain}&longitude={longitude}&latitude={latitude}",GET_HOME_SEARCH:"api/search/?_home=1&city_id={city}&keyword={keyword}&site={domain}&latitude={lat}&longitude={lng}",GET_SEARCH_V2:"api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",GET_CITY_BY_IP:"api/geobyip?site={domain}&latitude={lat}&longitude={lng}"},_n=function(e,n,o){return I(e,t(t({},n),{domain:m[o||"en-PH"]}))};var Pn,Nn=function(e){var n=e.isMobile,m=e.careApiDomain,y=e.geoLocationPermission,b=e.geoLocationCoordinates,w=e.initialSelectedCity,L=e.initialSearchValue,S=void 0===L?"":L,k=e.careFrontDomain,T=void 0===k?"/care":k,A=e.isDebug,R=void 0!==A&&A,I=e.askForGeolocationPermission,M=void 0!==I&&I,_=e.gaTrackingSearchBar,P=e.gaTrackingLocationSearch,N=e.autoCompleteDisabled,V=void 0!==N&&N,H=e.inputSearchPlaceholder,F=void 0===H?"":H,z=e.routerPush,D=e.onGeoLocationPermissionChange,B=e.onSearch,O=e.onChangeLocation,G=E(),Q=G.t,q=G.locale,W=u(null),X=u(null),J=r(void 0),$=J[0],ee=J[1],ne=function(){var e=r((function(){if("undefined"==typeof window)return"unset";if(f(g))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],t=e[1],o=r((function(){if("undefined"==typeof window)return null;var e=f(g);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),i=o[0],a=o[1],s=c((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var n={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};C(g,JSON.stringify(n),{minutes:15}),a(n),t("granted")}),(function(){v(g),t("denied")}))}),[]);return l((function(){return{geoLocationPermission:n,geoLocationCoordinates:i,requestGeoLocation:s}}),[n,i])}(),te=ne.geoLocationPermission,oe=ne.geoLocationCoordinates,ie=ne.requestGeoLocation,ae=d(Ie,Ae,(function(e){return t(t({},e),{isDebug:R,isMobile:n,geoLocationPermission:y||te||"unset",geoLocationCoordinates:b||oe||null,searchKeywords:S,initialSelectedCity:w||null,selectedLocation:w||e.selectedLocation||null,searchLocationKeywords:(null==w?void 0:w.name)||e.searchLocationKeywords,autoCompleteDisabled:V,inputSearchPlaceholder:F,locale:q})})),ce=ae[0],le=ae[1],se=ce.navigateTo,ue=ce.focused,de=ce.isLoadingCities,pe=ce.cities,he=ce.searchKeywords,me=ce.geoLocationPermission,fe=ce.selectedLocation,Ce=ce.initialSelectedCity,ve=ce.defaultCity,Ee=ce.searchResults,ye=ce.isLoadingSearchResults,be=ce.isMobileModalOpened,we=ce.inputSearchPlaceholder,Le=function(e){var n=e.dispatch,o=e.careApiDomain,i=e.locale,a=void 0===i?"vi-VN":i,r=c((function(e,t){void 0===t&&(t={});var i="".concat(o).concat(e);return n({type:xe.FetchCitiesStart}),fetch(_n(i,t,a),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return n({type:xe.FetchCitiesFinish})}))}),[a]),l=c((function(e){var o=e.coordinates,i={};o&&(i={lat:o.lat,lng:o.lng});var c=[r(Mn.GET_CITY_BY_IP,i)];return"zh-TW"===a&&c.push(r(Mn.GET_CITIES_LIST,{noPaging:1})),Promise.all(c).then((function(e){var o=e[0],i=e[1],a=t({},o);if(i){var r=a.cities.map((function(e){return e.id}));a.cities=a.cities.concat(i.cities.filter((function(e){return!r.includes(e.id)})))}n({type:xe.FetchCitiesByGeoIpComplete,payload:a})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[a,o,n]);return{fetchCitiesByLocation:l,fetchCitiesByKeyword:c((function(e){return r(Mn.GET_CITIES_LIST,{keyword:e}).then((function(e){n({type:xe.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[a,o,n]),fetchSearchResults:c((function(e,t){var i="".concat(o).concat(Mn.GET_SEARCH_V2);n({type:xe.FetchSearchResultsStart});var r=t.defaultCity,c=t.selectedLocation,l=t.geoLocationCoordinates,s="";if(c&&r){c.id===p?l||(s=r.id):s=c.id;var u=(null==l?void 0:l.lat)||"",d=(null==l?void 0:l.lng)||"";return fetch(_n(i,{domain:o,searchType:"global",keyword:e.trim().length>Te[a]?e.trim():"",city:s===p?"":s,lat:u,lng:d},a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return n({type:xe.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:i,error:e})})).finally((function(){return n({type:xe.FetchSearchResultsFinish})}))}n({type:xe.FetchSearchResultsFinish})}),[a,o,n])}}({dispatch:le,locale:q,careApiDomain:m}),Se=Le.fetchCitiesByLocation,Re=Le.fetchCitiesByKeyword,Me=Le.fetchSearchResults,_e=l((function(){var e;return{id:p,name:Q("booking.searchBar.currentLocation"),slug:null===(e=h[q])||void 0===e?void 0:e.CURRENT}}),[Q,q]),Pe=l((function(){return x(Re,400)}),[Re]),Ne=l((function(){return x(Me,400)}),[Me]);s((function(){""!==S&&S!==ce.searchKeywords&&le({type:xe.UpdateInitialSearchValue,payload:S})}),[S]),s((function(){M&&(null==fe?void 0:fe.id)===p&&"unset"===me&&ie()}),[M,fe,me]),s((function(){y||me===te||("granted"===te&&oe?le({type:xe.GrantGeoLocationPermission,payload:oe}):"denied"===te&&le({type:xe.DenyGeoLocationPermission}))}),[me,te,oe,y]),s((function(){se&&(z?z(se):window.location.href="".concat(T).concat(se))}),[se]);var Ve=c((function(){le({type:xe.SelectCurrentLocation,payload:_e})}),[Q,le]);s((function(){"denied"===me||Ce||Ve(),D&&D(me,ce.geoLocationCoordinates),n&&"granted"===me&&fe&&le({type:xe.FocusInputSearch}),Se({coordinates:ce.geoLocationCoordinates})}),[me]),s((function(){fe&&ve&&Me(ce.searchKeywords,ce)}),[fe,ve]),s((function(){F!==we&&le({type:xe.SetInputSearchPlaceholder,payload:F})}),[F,we]),s((function(){be?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[be]);var He=c((function(e){le({type:xe.SelectLocation,payload:e}),De(),O&&O(e)}),[Q,le]);function Fe(){n&&"granted"!==ce.geoLocationPermission?ie():(Ve(),De())}function ze(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function De(){var e;W.current&&(null===(e=W.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Be(){le({type:xe.CloseMobileModal})}function Ge(){return"location"!==ue?null:a.createElement(re,{isLoading:de,cities:pe,onLocationClick:He,onCurrentLocationClick:Fe,isLocationLoading:de,geoLocationPermission:me,selectedLocation:fe})}function Ke(){return"search"!==ue?null:ce.autoCompleteDisabled?n?a.createElement(Oe,{onClick:function(){B({cityId:ce.selectedLocation.id,keyword:he}),Be()}}):null:a.createElement(In,{data:Ee,state:ce,dispatch:le,isMobile:!1,keyword:he,isLoading:ye})}function Ze(){return a.createElement(Qe,{isMobile:n,state:ce,dispatch:le,debouncedFetchCitiesByKeyword:Pe,debouncedFetchSearchResults:Ne,focusLocationInput:ze,focusSearchInput:De,renderLocationResults:Ge,renderSearchResults:Ke,trackingAttributes:_,locationTrackingAttributes:P,onSearch:B,initalSearchValue:S})}return s((function(){if(window.visualViewport){var e=function(e){var n=e.target;ee(null==n?void 0:n.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[ee]),n?a.createElement(a.Fragment,null,a.createElement(Y,null),a.createElement(U,{ref:X}),a.createElement(Z,{id:"booking-search-bar",ref:W,"data-is-modal":n&&be,style:{"--mobile-care-searchbar-height":be&&$?"".concat($,"px"):"100%"}},be?a.createElement(a.Fragment,null,a.createElement(j,null,a.createElement(ke,{headingText:Q("booking.searchBar.searchButton"),onLeftClick:Be}),Ze()),Ge(),Ke()):a.createElement(ge,{onClick:function(){var e;return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return X.current&&X.current.focus(),le({type:xe.OpenMobileModal}),[4,Promise.resolve()];case 1:return n.sent(),W.current&&(null===(e=W.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus()),[2]}}))}))},focused:ue,value:he,trackingAttributes:_,inputSearchPlaceholder:F}))):a.createElement(K,{id:"booking-search-bar",ref:W},Ze())};!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Pn||(Pn={}));var Vn=Object.freeze({__proto__:null,get RedirectType(){return Pn}});export{Nn as B,Vn as t};