@hhgtech/hhg-components 1.21.66 → 1.21.67

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 (66) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/care.js +1 -1
  3. package/build/components/atoms/authorBadge/index.d.ts +11 -0
  4. package/build/components/atoms/authorBadge/index.styled.d.ts +1 -0
  5. package/build/components/atoms/babyGrowthChart/index.d.ts +1 -1
  6. package/build/components/atoms/index.d.ts +2 -0
  7. package/build/components.js +1 -1
  8. package/build/esm/babyGrowth.js +1 -1
  9. package/build/esm/care.js +1 -1
  10. package/build/esm/components.js +1 -1
  11. package/build/esm/index-24a9e671.js +1 -0
  12. package/build/esm/index-71c42246.js +1 -0
  13. package/build/esm/index-788cb7c8.js +1 -0
  14. package/build/esm/index-7e2b8a87.js +1 -0
  15. package/build/esm/index-b6575475.js +1 -0
  16. package/build/esm/index.js +1 -1
  17. package/build/esm/index.styled-48386363.js +1 -0
  18. package/build/esm/index.styled-66f12014.js +1 -0
  19. package/build/esm/mantine.js +1 -1
  20. package/build/esm/navigation.js +1 -1
  21. package/build/esm/theme-2bf6d1d3.js +1 -0
  22. package/build/esm/together.js +1 -1
  23. package/build/esm/types-7b2c62c9.js +1 -0
  24. package/build/esm/types-f9648df4.js +1 -0
  25. package/build/esm/useOutsideClick-3faddcd8.js +1 -0
  26. package/build/index-0ae67c7d.js +1 -0
  27. package/build/index-27945654.js +1 -0
  28. package/build/index-62048f19.js +1 -0
  29. package/build/{index-8b1987d5.js → index-740c6f7b.js} +1 -1
  30. package/build/index-fcf59317.js +1 -0
  31. package/build/index.js +1 -1
  32. package/build/{index.styled-27ff3b4a.js → index.styled-213d989f.js} +1 -1
  33. package/build/index.styled-356306df.js +1 -0
  34. package/build/mantine.js +1 -1
  35. package/build/navigation.js +1 -1
  36. package/build/{theme-6fd790c0.js → theme-f97a1fea.js} +1 -1
  37. package/build/together/components/molecules/cardAuthor/index.d.ts +0 -3
  38. package/build/together/components/molecules/index.d.ts +0 -1
  39. package/build/together.js +1 -1
  40. package/build/types-6873704a.js +1 -0
  41. package/build/types-f52d9375.js +1 -0
  42. package/build/useOutsideClick-9a358ff5.js +1 -0
  43. package/package.json +1 -1
  44. package/build/esm/index-012ca6e1.js +0 -1
  45. package/build/esm/index-588deadc.js +0 -1
  46. package/build/esm/index-610bb13c.js +0 -1
  47. package/build/esm/index-662016a1.js +0 -1
  48. package/build/esm/index-80c700a9.js +0 -1
  49. package/build/esm/index-c351a445.js +0 -1
  50. package/build/esm/index-c4d6f618.js +0 -1
  51. package/build/esm/index-eab6fcc2.js +0 -1
  52. package/build/esm/index.styled-520ccc61.js +0 -1
  53. package/build/esm/theme-508eb8b9.js +0 -1
  54. package/build/esm/types-11f30a38.js +0 -1
  55. package/build/esm/types-46861be0.js +0 -1
  56. package/build/esm/useOutsideClick-6004483a.js +0 -1
  57. package/build/index-1fcdf9ee.js +0 -1
  58. package/build/index-3422cf26.js +0 -1
  59. package/build/index-432eb60f.js +0 -1
  60. package/build/index-47c276bb.js +0 -1
  61. package/build/index-4f1436b1.js +0 -1
  62. package/build/index-8e49874a.js +0 -1
  63. package/build/index-b40a22ab.js +0 -1
  64. package/build/types-7b4a0dbd.js +0 -1
  65. package/build/types-fcbefc53.js +0 -1
  66. package/build/useOutsideClick-528bfd6c.js +0 -1
package/build/index-b40a22ab.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var e=require("react"),t=require("./index.styled-27ff3b4a.js"),a=require("./tslib.es6-e6f346c4.js"),n=require("./screenSizeContext-8f86eb30.js"),l=require("./index-8b1987d5.js"),o=require("./theme-696d81a9.js"),r=require("./index-3422cf26.js"),i=require("./index-1fcdf9ee.js"),c=require("react-id-generator"),d=require("./index-8e49874a.js"),s=require("lodash"),u=require("keen-slider/react"),m=require("./gAssets.js");require("react-range");var f=require("date-fns"),p=require("styled-components"),g=require("./index-d28c27ca.js"),h=require("./isProduction-32e6a55a.js"),v=require("./Locale-11b51016.js"),y=require("@mantine/core");require("./translationsContext-0cab5713.js"),require("string-format"),require("lodash/debounce");var E=require("./useTranslations-62f5bf8f.js"),b=require("react-hook-form"),x=require("./index-4f1436b1.js"),w=require("./useHealthToolCache-ae750aac.js"),C=require("./theme-6fd790c0.js");require("@mantine/hooks");var k=require("./index-432eb60f.js"),S=require("./useOutsideClick-528bfd6c.js"),_=require("date-fns/locale/en-US"),N=require("date-fns/locale/id"),L=require("date-fns/locale/vi"),T=require("date-fns/locale/zh-TW"),M=require("./getSocialList-19da0f19.js");function B(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=B(e),I=B(p),z=B(_),D=B(N),F=B(L),H=B(T),P=function(l){var o=l.pagesAmount,r=l.activePage,i=l.handlePageChange,c=l.handleClick,d=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=a.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),f=e.useState(r<=4?m.slice(0,5):r>=m.length-3?m.slice(m.length-5,m.length):m.slice(r-2,r+1)),p=f[0],g=f[1];return e.useEffect((function(){r<=4?g(m.slice(0,5)):r>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(r-2,r+1))}),[r]),A.default.createElement(e.Fragment,null,r>4&&A.default.createElement(e.Fragment,null,A.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(1)}},d?A.default.createElement("a",{href:d,onClick:c},1):1),A.default.createElement(t.StyledPaginationBlock,null,"...")),p.map((function(e){return A.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===r||void 0,onClick:function(){return i(e)}},d?A.default.createElement("a",{href:n.formatUrlWithPageParam(d,e,u),onClick:c},e):e)})),r<m.length-3&&A.default.createElement(e.Fragment,null,A.default.createElement(t.StyledPaginationBlock,null,"..."),A.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(m.length)}},d?A.default.createElement("a",{href:n.formatUrlWithPageParam(d,m.length,u),onClick:c},m.length):m.length)))},j=function(e){var a=e.label,n=e.name,l=e.checked,o=e.className,r=e.isDisabled,i=e.onChange,c=e.value,d=e.isRectangle;return A.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":r||void 0,"data-is-rectangle":d||void 0,"data-label-text":a},A.default.createElement("input",{type:"checkbox",checked:l,name:n,onChange:function(){return i(c,!l)},disabled:r,value:c,id:"".concat(n,"-").concat(c),"data-label-text":a}),!d&&A.default.createElement("label",{htmlFor:"".concat(n,"-").concat(c)},a))},G=function(e){return A.default.createElement("svg",a.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),A.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},R=function(e){return A.default.createElement("svg",a.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),A.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},O=function(t){var n=e.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return A.default.createElement("svg",a.__assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),A.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),A.default.createElement("mask",{id:n,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},A.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),A.default.createElement("g",{mask:"url(#".concat(n,")")},A.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},W=function(e){var a=e.avatarImg,n=e.authorName,l=e.authorLink,o=e.uploadTime,r=e.size;return A.default.createElement(i.StyledAuthor,null,A.default.createElement("div",{className:"author"},A.default.createElement("div",{className:"avatar","data-size":r},a),A.default.createElement("div",{className:"poster","data-is-disabled-url":!l},A.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},A.default.createElement("a",{href:l},A.default.createElement("span",{className:"name"},n),"•"," "),A.default.createElement("span",null,o)))))},U=function(e){var a=e.isMobile,n=e.avatarImg,l=e.name,c=e.link,d=e.size,s=void 0===d?"lg":d,u=e.specialty;return A.default.createElement(i.StyledAuthor,null,A.default.createElement("div",{className:"author"},A.default.createElement("div",{className:"expert-avatar","data-size":s},n),A.default.createElement("div",{className:"expert","data-is-disabled-url":!c},a?A.default.createElement("a",{href:c},"lg"===s?A.default.createElement(A.default.Fragment,null,A.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),A.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):A.default.createElement(A.default.Fragment,null,A.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l))):A.default.createElement("a",{href:c},"lg"===s?A.default.createElement(A.default.Fragment,null,A.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),A.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):A.default.createElement(A.default.Fragment,null,A.default.createElement(i.StyledExpertName,{color:o.theme.colors.gray600,className:"expert__name"},l),A.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},q=function(e){var t=e.LinkComponent,a=e.page,n=e.isLast,l=e.onChangePage,o=a.label,r=a.value,c=a.isDropdown,s=a.dropdownItems,u=a.dataEventCategory,m=a.dataEventAction,f=a.dataEventLabel;return c?A.default.createElement(d.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):A.default.createElement(i.StyledTextLink,{title:"string"!=typeof o?r:o,"data-last":n},t&&A.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":f,href:r||"#"},o))},V=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink}),Z=function(e){var t=e.isDisabled,a=e.isLeft,n=e.onClick,l=e.className,o=e.scheme,r=void 0===o?"hellosites":o;return A.default.createElement(i.StyledArrow,{onClick:n,"data-is-disabled":t,"data-is-left":a,className:l},A.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a?A.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"}):A.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===r?"#595959":"#E55C8A"})))},Q=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.Body});function $(e){var t=e.weight,a=e.height/100,n=t;return Math.round(n/(a*a)*10)/10}var K=function(n){var l,r,c,s,u=n.value,m=n.onChange,f=n.onSubmit,p=n.disabled,h=n.bmiGenerated,v=n.bmiUnit,y=n.locale,k=e.useState(!1),S=k[0],_=k[1],N=b.useForm(),L=N.control,T=N.handleSubmit,M=N.setValue,B=(0,N.watch)(),I=E.useTranslations().t,z=p||{},D=z.gender,F=void 0!==D&&D,H=z.age,P=void 0!==H&&H,j=z.height,G=void 0!==j&&j,R=z.weight,O=void 0!==R&&R,W=z.objective,U=void 0===W||W,q=w.useHealthToolsCache(y).getHealthToolLink,V=e.useMemo((function(){return q(d.HEALTH_TOOL_TYPE.OVULATION)}),[q]),Z=e.useMemo((function(){return[{value:"male",label:I("gender.male"),content:A.default.createElement(x.Icon.GenderChooseBoy,null)},{value:"female",label:I("gender.female"),content:A.default.createElement(x.Icon.GenderChooseGirl,null)}]}),[]),Q=e.useMemo((function(){return[{value:"lose-weight",label:I("bmi.objective.loseWeight")},{value:"maintain-weight",label:I("bmi.objective.maintainWeight")},{value:"gain-weight",label:I("bmi.objective.gainWeight")}]}),[]),K=function(){_(!0)};return e.useEffect((function(){Object.keys(u||{}).forEach((function(e){M(e,null==u?void 0:u[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[u]),e.useEffect((function(){m&&m(B)}),[B]),A.default.createElement(i.StyledContainer$1,null,A.default.createElement("form",{onSubmit:T((function(e){return a.__awaiter(void 0,void 0,void 0,(function(){var t,n,l;return a.__generator(this,(function(a){return t=v.heightConvert(e.height),n=v.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:n,bmi:$({height:t,weight:n})},U||(l.objective=e.objective),K(),f&&f(l),[2]}))}))}),K)},!F&&A.default.createElement(i.FormControl,null,A.default.createElement(b.Controller,{name:"gender",control:L,defaultValue:"male",render:function(e){var t=e.field,a=t.name,n=t.value,l=t.onChange,o=e.fieldState.error;return A.default.createElement(i.StyledInput,{size:"md",name:a,label:h.gender.label,CustomInput:A.default.createElement(x.RadioImageGroup,{options:Z,value:n,onChange:function(e){return l(e)},className:"bmi--input-radio_gender"}),errorMessage:S?null==o?void 0:o.message:"",className:"bmi--input bmi--input-gender"})}})),A.default.createElement(i.StyledRow,null,!P&&A.default.createElement(i.FormControl,null,A.default.createElement(b.Controller,{name:"age",control:L,rules:null===(l=h.age)||void 0===l?void 0:l.rule,render:function(e){var a=e.field,n=a.name,l=a.value,r=a.onChange,i=e.fieldState.error;return A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h.age.label),name:n,value:l||0,onChange:r,error:S?null==i?void 0:i.message:"",min:0})}})),!G&&A.default.createElement(i.FormControl,null,A.default.createElement(b.Controller,{name:"height",control:L,rules:null===(r=h.height)||void 0===r?void 0:r.rule,render:function(e){var a=e.field,n=a.name,l=a.value,r=a.onChange,i=e.fieldState.error;return A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h.height.label),name:n,value:l||0,onChange:r,error:S?null==i?void 0:i.message:"",min:0})}})),!O&&A.default.createElement(i.FormControl,null,A.default.createElement(b.Controller,{name:"weight",control:L,rules:null===(c=h.weight)||void 0===c?void 0:c.rule,render:function(e){var a=e.field,n=a.name,l=a.value,r=a.onChange,i=e.fieldState.error;return A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h.weight.label),name:n,value:l||0,onChange:r,error:S?null==i?void 0:i.message:"",precision:1,min:0})}})),!U&&A.default.createElement(i.FormControl,null,A.default.createElement(b.Controller,{name:"objective",control:L,defaultValue:"lose-weight",rules:null===(s=h.objective)||void 0===s?void 0:s.rule,render:function(e){var t=e.field,a=t.name,n=t.value,l=t.onChange,o=e.fieldState.error;return A.default.createElement(i.StyledInput,{size:"md",name:a,label:h.objective.label,CustomInput:A.default.createElement(i.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:Q,value:n,onChange:l}),errorMessage:S?null==o?void 0:o.message:"",className:"bmi--input bmi--input-objective"})}}))),A.default.createElement(i.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(g.domainLocales[y],"/").concat(V)},I("bmi.submit"))))},Y=function(a){var n=a.value,l=a.options,o=a.className,r=a.direction,c=void 0===r?"horizontal":r,d=a.onChange,s=a.isDisabled,u=e.useState(n),m=u[0],f=u[1];return A.default.createElement(i.StyledRadioImageGroup,{className:o,"data-direction":c},l.map((function(e,a){return A.default.createElement(i.StyledRadioImageItem,{"data-selected":(n||m)===e.value,"data-disabled":s,key:"health-tool".concat(a),onClick:function(){var t;t=e.value,s||(f(t),d&&d(t))}},A.default.createElement("div",null,A.default.createElement("img",{src:(n||m)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&A.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label)))})))},X=function(n){var l=n.info,r=n.className,c=n.style,s=n.onChange,u=n.errorMessage,m=void 0===u?{}:u,p=n.locale,g=E.useTranslations().t,h=e.useState(new Date),v=h[0],y=h[1],b=e.useState({age:!1,rate:!1}),x=b[0],w=b[1];return e.useEffect((function(){w({age:!1,rate:!1})}),[m]),A.default.createElement(i.StyledContainer$2,{style:c,className:r},A.default.createElement(k.Input,{className:"input-section due-date-input",label:A.default.createElement(t.Text,{size:"n1",type:"bold",color:o.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},g("targetHeartRate.ageInput")),value:i.DateToInputValue(v),name:"date",size:"md",CustomInput:A.default.createElement(i.DatePicker,{customInput:function(e){return A.default.createElement("input",a.__assign({type:"date",className:"due-date-input"},e,{value:i.DateToInputValue(v)}))},disabledDays:{after:new Date(f.addDays(new Date,-1))},locale:p,pickedDate:v,displayDateFormat:d.DUE_DATE_FORMAT,onChange:function(e){!function(e){y(e),w((function(e){return a.__assign(a.__assign({},e),{age:!0})}));var t=a.__assign(a.__assign({},l),{age:f.format(new Date(e),i.API_DATE_FORMAT)});s&&s(t)}(e)},placeholder:"placeholder"}),errorMessage:x.age?"":m.age}))},J=function(n){var l=n.info,r=n.className,c=n.style,s=n.onChange,u=n.errorMessage,m=void 0===u?{}:u,f=n.locale,p=n.onClick,h=E.useTranslations().t,v=e.useState({age:!1,height:!1,weight:!1}),y=v[0],b=v[1],k=w.useHealthToolsCache(f).getHealthToolLink,S=e.useMemo((function(){return k(d.HEALTH_TOOL_TYPE.OVULATION)}),[k]),_=e.useState("male"),N=_[0],L=_[1],T=e.useMemo((function(){return[{value:"male",label:h("gender.male"),content:A.default.createElement(x.Icon.GenderChooseBoy,null)},{value:"female",label:h("gender.female"),content:A.default.createElement(x.Icon.GenderChooseGirl,null)}]}),[]),M=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},B=function(e){var t,n;n=function(e){b((function(e){return a.__assign(a.__assign({},e),{age:!0})}));var t=a.__assign(a.__assign({},l),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||n(t)};return e.useEffect((function(){s&&s(a.__assign(a.__assign({},l),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((function(){b({age:!1,height:!1,weight:!1})}),[m]),A.default.createElement(i.StyledContainer$3,{style:c,className:r},A.default.createElement(i.FormControl$1,null,A.default.createElement(i.StyledInput$1,{size:"md",name:"gender",label:h("bmi.selectGender"),CustomInput:A.default.createElement(x.RadioImageGroup,{options:T,value:N,onChange:function(e){return L(e)},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"})),A.default.createElement(i.StyledRow$2,null,A.default.createElement(i.FormControl$1,null,A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h("bmi.ageInput")," ",A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray300,as:"span"},h("bmi.ageInput.desc"))),value:Number(l.age)||0,onChange:function(e){return B(String(e))},error:y.age?"":m.age,min:0})),A.default.createElement(i.FormControl$1,null,A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h("bmi.heightInput")," ",A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray300,as:"span"},h("bmi.heightInput.desc"))),value:Number(l.height)||0,onChange:function(e){return t=String(e),void M(t,(function(e){b((function(e){return a.__assign(a.__assign({},e),{height:!0})}));var t=a.__assign(a.__assign({},l),{height:e});s&&s(t)}));var t},error:y.height?"":m.height,min:0})),A.default.createElement(i.FormControl$1,null,A.default.createElement(C.Input.Number,{label:A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray600},h("bmi.weightInput")," ",A.default.createElement(t.Text,{size:"label2",type:"bold",color:o.theme.colors.gray300,as:"span"},h("bmi.weightInput.desc"))),value:Number(l.weight)||0,onChange:function(e){return t=String(e),b((function(e){return a.__assign(a.__assign({},e),{weight:!0})})),void M(t,(function(e){var t=a.__assign(a.__assign({},l),{weight:e});s&&s(t)}));var t},error:y.weight?"":m.weight,min:0,precision:1}))),A.default.createElement(i.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(g.domainLocales[f],"/").concat(S),onClick:function(){p(N)}},h("bmi.submit")))},ee=function(e){var t=e.src,a=e.title,n=e.backgroundSrc,l=e.className,o=e.reviewedSection,c=e.isAmp,d=e.isSide;return A.default.createElement(i.StyledHeroBanner,{className:l},A.default.createElement(i.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(n,'")')}},A.default.createElement(i.StyledHeroContentContainer,{"data-is-side":d},A.default.createElement(i.StyledHeroInfoContainer,{"data-is-side":d},A.default.createElement(r.Heading,{tag:"h4",color:"white"},a),o),A.default.createElement(i.StyledHeroBannerContainer,null,c?A.default.createElement("amp-img",{src:t||"",alt:a,width:"140",height:"140"}):A.default.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:a})))))},te=function(e){var a,n,l,c=e.backgroundDesktopSrc,s=e.backgroundMobileSrc,u=e.title,m=e.className,f=e.isSide,p=e.isAmp,g=e.ovulationContent,h=E.useTranslations().t,v=d.formatUserProfileUrl(null==g?void 0:g.reviewed_by);return A.default.createElement(i.StyledHealthToolHeroContainer,{className:m,"data-is-side":f},A.default.createElement(i.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(s||c,"')")}},A.default.createElement(i.StyledHealthToolBannerTextContainer,null,A.default.createElement(r.Heading,{tag:"h5",color:"white"},u),(null===(a=null==g?void 0:g.reviewed_by)||void 0===a?void 0:a.display_name)?A.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(g.reviewed_by.display_name,"\n </a>")})}}),A.default.createElement("span",null,h("tools.heading.on")),A.default.createElement("span",null,null==g?void 0:g.reviewed_date)):null),A.default.createElement(i.StyledHealthToolBannerIconContainer,{"data-is-side":f},p?A.default.createElement("amp-img",{src:(null==g?void 0:g.featured_image)||"",alt:u,width:"100%",height:"100%"}):A.default.createElement("img",{src:(null==g?void 0:g.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:u}))),A.default.createElement(ee,{className:"desktop-only",src:(null==g?void 0:g.featured_image)||"",backgroundSrc:c||s||"",title:u,reviewedSection:(null===(n=null==g?void 0:g.reviewed_by)||void 0===n?void 0:n.display_name)&&""!==(null===(l=null==g?void 0:g.reviewed_by)||void 0===l?void 0:l.display_name)&&A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white,style:{marginTop:12}},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(g.reviewed_by.display_name,"\n </a>"),date:null==g?void 0:g.reviewed_date})}}),A.default.createElement("span",null)),isSide:f}))},ae=function(n){var l=n.info,r=n.onChange,i=n.errorMessage,c=void 0===i?{}:i,d=E.useTranslations().t,s=e.useState({weightBefore:!1,height:!1,weight:!1}),u=s[0],m=s[1],f=e.useState(0),p=f[0],g=f[1],h=e.useRef(null);e.useEffect((function(){g(h.current.clientHeight)}));var v=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return e.useEffect((function(){r&&r(a.__assign({},l))}),[]),e.useEffect((function(){m({weightBefore:!1,height:!1,weight:!1})}),[c]),A.default.createElement(A.default.Fragment,null,A.default.createElement("div",{className:"input-form-pwg"},A.default.createElement(t.PureInput,{placeholder:d("pwg.placeholder.height"),className:"input-section",label:A.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},d("pregnancyWeightGain.heightInput")," ",A.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},d("bmi.heightInput.desc"))),errorMessage:u.height?"":null==c?void 0:c.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:function(e){v(e,(function(e){m((function(e){return a.__assign(a.__assign({},e),{height:!0})}));var t=a.__assign(a.__assign({},l),{height:e});r&&r(t)}))}})),A.default.createElement("div",{className:"input-form-pwg"},A.default.createElement(t.PureInput,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:A.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:h,className:"label-text"},d("pregnancyWeightGain.weightBeforeInput")," ",A.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weightBefore?"":null==c?void 0:c.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){v(e,(function(e){m((function(e){return a.__assign(a.__assign({},e),{weightBefore:!0})}));var t=a.__assign(a.__assign({},l),{weightBefore:e});r&&r(t)}))},value:null==l?void 0:l.weightBefore})),A.default.createElement("div",{className:"input-form-pwg"},A.default.createElement(t.PureInput,{placeholder:d("pwg.placeholder.weight"),className:"input-section",label:A.default.createElement("span",{style:{color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:p},className:"label-text"},d("pregnancyWeightGain.weightInput")," ",A.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},d("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weight?"":null==c?void 0:c.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:function(e){v(e,(function(e){m((function(e){return a.__assign(a.__assign({},e),{weight:!0})}));var t=a.__assign(a.__assign({},l),{weight:e});r&&r(t)}))}})))},ne=function(){return"undefined"!=typeof window&&window.innerWidth<n.Breakpoints.BREAK_POINT_MOBILE},le=function(){return"undefined"!=typeof window&&window.innerWidth>=n.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<n.Breakpoints.BREAK_POINT_PC};var oe={"en-PH":z.default,"vi-VN":F.default,"zh-TW":H.default,"id-ID":D.default};function re(t){var n=t.value,l=void 0===n?{from:null,to:null}:n,o=e.useState(null),r=o[0],c=o[1],d=function(){var t=e.useState(ne()),a=t[0],n=t[1],l=e.useState(le()),o=l[0],r=l[1];return e.useEffect((function(){var e=function(){n(ne()),r(le())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:a,isLargeMobile:o}}().isMobile,s=e.useState((function(){return l})),u=s[0],m=s[1],p=e.useState((function(){var e;return f.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=p[0],h=p[1],v=e.useMemo((function(){return f.addMonths(g,1)}),[g]);var y=a.__assign(a.__assign({},t),{goToNextMonth:function(){h((function(e){return f.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return f.subMonths(e,1)}))},range:u,setRange:m,hoverDay:r,setHoverDay:c});return A.default.createElement(A.default.Fragment,null,A.default.createElement(ie,a.__assign({},y,{date:g})),!d&&A.default.createElement(i.StyledCalendarMonthSeparator,null),!d&&A.default.createElement(ie,a.__assign({},y,{date:v})))}function ie(t){var n=t.date,o=t.range,r=t.setRange,c=t.onChange,d=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,p=t.maxDate,g=t.close,h=void 0===g?function(){}:g,v=t.autoClose,y=void 0!==v&&v,b=t.hoverDay,x=t.setHoverDay,w=E.useTranslations().locale,C=e.useMemo((function(){var e;return null!==(e=oe[w])&&void 0!==e?e:oe["en-PH"]}),[w]),k=e.useMemo((function(){return f.format(n,"MMMM",{locale:C})}),[n,C]),S=e.useMemo((function(){return C?[1,2,3,4,5,6,0].map((function(e){return C.localize.day(e,{width:"narrow"})})):[]}),[C]);function _(e,t){if(null===e)return A.default.createElement(i.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var n=e.getDate(),l=f.isToday(e),c=!!o.from&&f.isSameDay(o.from,e),d=!!o.to&&f.isSameDay(o.to,e),s=c||d,m=!1;null!==b&&o.from&&f.isBefore(o.from,b)&&!o.to?m=f.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(m=f.isWithinInterval(e,{start:o.from,end:o.to}));var g=!1;return u&&p?g=!f.isWithinInterval(e,{start:u,end:p}):u?g=f.isBefore(e,u):p&&(g=f.isAfter(e,p)),A.default.createElement(i.StyledCalendarDayNumberWrapper,{key:n,"data-is-today":l,"data-is-past":!l&&f.isPast(e),"data-is-selected":s,"data-is-disabled":g,"data-in-range":m,"data-is-from":c,"data-is-to":d,onMouseEnter:function(){x(e)},onMouseLeave:function(){return x(null)},onClick:function(){g||r((function(t){return y&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?f.isBefore(e,t.from)?a.__assign(a.__assign({},t),{from:e}):a.__assign(a.__assign({},t),{to:e}):t:a.__assign(a.__assign({},t),{from:e})}(e,t)}))}},A.default.createElement(i.StyledCalendarDayNumber,{onClick:function(){}},A.default.createElement("p",null,n)))}return e.useEffect((function(){o.from&&o.to&&c(o)}),[o]),A.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},A.default.createElement(i.StyledCalendarHead,null,A.default.createElement(l.Button,{onClick:d,size:"md",color:"ghost",icon:A.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),A.default.createElement("div",{className:"calendar-month"},k,A.default.createElement("strong",null,f.format(n,"yyyy"))),A.default.createElement(l.Button,{onClick:s,size:"md",color:"ghost",icon:A.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),A.default.createElement(i.StyledCalendarCellsWrapper,null,A.default.createElement("div",null,A.default.createElement(i.StyledCalendarDaysOfWeek,null,S.map((function(e,t){return A.default.createElement(i.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),A.default.createElement("div",null,function(){for(var e=n.getFullYear(),t=n.getMonth(),a=f.getDaysInMonth(n),l=[],r=1;r<=a;r++)l.push(new Date(e,t,r));var c=l[0]?l[0].getDay():0;if(1!==c){var d=0===c?6:c-1;for(r=0;r<d;r++)l.unshift(null)}return A.default.createElement(i.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},A.default.createElement(i.StyledCalendarDaysWrapper,null,A.default.createElement(i.StyledCalendarDateGrid,null,l.map(_))))}())))}var ce,de,se,ue,me,fe,pe,ge,he,ve=function(){return A.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},ye=function(){return A.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},A.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},Ee=I.default.footer(ce||(ce=a.__makeTemplateObject(["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image-wrapper {\n flex-shrink: 0;\n flex-wrap: wrap;\n display: flex;\n max-width: 35%;\n justify-content: flex-end;\n "," {\n justify-content: flex-start;\n max-width: unset;\n }\n .copyright-image {\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"],["\n background-color: #1b3250;\n\n .inner {\n padding: 64px 24px 98px 24px;\n "," {\n padding: 64px 0;\n }\n margin: 0 auto;\n //max-width: 1168px;\n\n &[data-type='mini'] {\n padding: 24px 0;\n }\n }\n\n .footer-logo {\n max-width: 132px;\n max-height: 32px;\n margin-bottom: 24px;\n &[data-is-sehat='true'] {\n max-width: 250px;\n }\n\n img {\n object-fit: contain;\n }\n }\n\n .social {\n margin-top: 24px;\n\n "," {\n margin-top: 32px;\n p {\n font-size: 13px;\n }\n }\n\n "," {\n p {\n font-size: 12px;\n }\n }\n\n p {\n color: ",";\n }\n }\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n\n .social-icon {\n width: 32px;\n height: 32px;\n }\n }\n\n .newsletter {\n > p {\n color: ",";\n\n font-size: 14px;\n line-height: 22px;\n\n "," {\n max-width: 380px;\n line-height: 28.5px;\n }\n }\n }\n\n hr {\n height: 1px;\n border: none;\n margin: 16px 0 16px 0;\n "," {\n margin-top: 0px;\n }\n background: ",";\n opacity: 0.1;\n outline: none;\n }\n\n .hrMobile {\n "," {\n display: none;\n }\n }\n\n .copyright {\n padding-top: 8px;\n\n "," {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: space-between;\n }\n\n .copyright-content {\n width: 90%;\n color: ",";\n font-size: 12px;\n }\n\n .copyright-image-wrapper {\n flex-shrink: 0;\n flex-wrap: wrap;\n display: flex;\n max-width: 35%;\n justify-content: flex-end;\n "," {\n justify-content: flex-start;\n max-width: unset;\n }\n .copyright-image {\n &:not(:last-child) {\n margin-right: 0.5rem;\n }\n align-self: flex-start;\n\n img {\n max-width: 100px;\n margin-bottom: 16px;\n }\n }\n }\n\n &[data-is-amp='true'] {\n img {\n margin-bottom: 0;\n }\n }\n }\n\n .copyright-certificate {\n color: ",";\n "," {\n font-size: 11px;\n }\n "," {\n font-size: 12px;\n }\n }\n\n .biglinks {\n margin-bottom: 12px;\n }\n\n .bigLink {\n display: block;\n color: ",";\n font-size: 14px;\n font-weight: ",";\n text-decoration: none;\n word-break: break-word;\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n\n "," {\n display: inline-block;\n width: 50%;\n font-size: 16px;\n }\n }\n\n .mHalf {\n display: inline-block;\n width: 50%;\n padding-right: 24px;\n margin-bottom: 24px;\n vertical-align: top;\n\n p {\n color: ",";\n\n "," {\n margin-bottom: 8px;\n font-size: 13px;\n line-height: 20px;\n }\n "," {\n margin-bottom: 12px;\n font-size: 14px;\n }\n }\n }\n\n .otherSites {\n p {\n margin-bottom: 12px;\n color: ",";\n font-size: 12px;\n "," {\n font-size: 13px;\n }\n "," {\n font-size: 13px;\n }\n }\n\n .flags {\n display: flex;\n margin-bottom: 8px;\n\n div {\n margin-right: 10px;\n }\n }\n }\n\n .link {\n display: block;\n text-decoration: none;\n\n p {\n color: ",";\n font-weight: ",";\n word-break: break-word;\n }\n\n &:not(:last-child) {\n margin-bottom: 12px;\n }\n }\n\n .columns {\n "," {\n display: flex;\n flex-direction: row;\n width: 100%;\n\n > div:nth-child(1) {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-basis: 40%;\n }\n\n > div:nth-child(2) {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-basis: 60%;\n\n > div:nth-child(1) {\n flex-basis: 45%;\n }\n\n > div:not(:last-child) {\n flex-basis: 27.5%;\n }\n\n > div:last-child() {\n flex-basis: 0;\n }\n }\n }\n }\n\n .signupButton {\n display: none;\n border: none;\n margin-top: 16px;\n outline: none;\n text-transform: uppercase;\n }\n"])),n.MediaQueries.mbDown,n.MediaQueries.mbDown,n.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbUp,n.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbUp,n.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbDown,n.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),n.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbDown,n.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),n.MediaQueries.mbDown,n.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),n.MediaQueries.mbUp),be=I.default.div(de||(de=a.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"],["\n width: 32px;\n height: 32px;\n margin-right: 10px;\n\n &[data-is-mobile='true'] {\n width: 24px;\n height: 24px;\n }\n\n .country-flag {\n width: 100%;\n height: 100%;\n }\n"]))),xe=function(e){var t=e.url,a=e.isMobile,n=e.dataEventCategory,l=e.dataEventAction,o=e.dataEventLabel,r=e.isAmp;return A.default.createElement(be,{"data-is-mobile":a},r?A.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":n,"data-event-action":l,"data-content-label":o}):A.default.createElement("img",{className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":n,"data-event-action":l,"data-content-label":o}))},we=function(a){var r,i,c,d,s,u,m,f,p,h,v,y,b,x,w,C,k,S,_,N,L,T,M,B,I,z,D,F,H,P,j=a.className,G=a.type,R=void 0===G?"main":G,O=a.footerInfo,W=a.isMobile,U=a.locale,q=a.isAmp,V=E.useTranslations().t,Z=null==O?void 0:O.menu;e.useEffect((function(){setTimeout((function(){return null===n.lazyLoadInstance||void 0===n.lazyLoadInstance?void 0:n.lazyLoadInstance.update()}),100)}),[]);var Q=(null===(i=null===(r=null==O?void 0:O.general)||void 0===r?void 0:r.verified)||void 0===i?void 0:i.filter(Boolean))||[];return A.default.createElement(Ee,{as:q&&"mini"===R?"div":"footer",className:j,style:"mini"===R?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},A.default.createElement(t.Container,null,A.default.createElement("div",{className:"inner","data-type":R,"next-page-hide":""},"main"===R?A.default.createElement(A.default.Fragment,null,A.default.createElement("a",{href:"/"},q?(null===(d=null==O?void 0:O.general)||void 0===d?void 0:d.logo)?A.default.createElement("amp-img",{src:null===(s=null==O?void 0:O.general)||void 0===s?void 0:s.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:A.default.createElement("img",{className:"footer-logo lazy","data-src":null===(c=null==O?void 0:O.general)||void 0===c?void 0:c.logo,alt:"Logo","data-is-sehat":"id-ID"===U})),A.default.createElement("div",{className:"columns"},A.default.createElement("div",{className:"newsletter"},A.default.createElement(t.Text,{size:"p1",type:"bold"},null===(u=null==O?void 0:O.general)||void 0===u?void 0:u.content),A.default.createElement(l.Button,{className:"signupButton",color:"primary",size:"lg"},V("footer.signUp")),A.default.createElement("div",{className:"social"},A.default.createElement(t.Text,{size:"sm",type:"regular"},null===(m=null==O?void 0:O.social)||void 0===m?void 0:m.title),A.default.createElement("div",{className:"icons"},null===(p=null===(f=null==O?void 0:O.social)||void 0===f?void 0:f.socials)||void 0===p?void 0:p.map((function(e,t){return A.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},q?A.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):A.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),A.default.createElement("hr",{className:"hrMobile"}))),A.default.createElement("div",null,Z&&A.default.createElement(A.default.Fragment,null,A.default.createElement("div",{className:"biglinks"},null===(v=null===(h=Z[0])||void 0===h?void 0:h.items)||void 0===v?void 0:v.map((function(e,t){return A.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[U]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),A.default.createElement("hr",{className:"hrMobile"}),A.default.createElement("div",{className:"mHalf"},A.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(y=Z[1])||void 0===y?void 0:y.menu_title),null===(x=null===(b=Z[1])||void 0===b?void 0:b.items)||void 0===x?void 0:x.map((function(e,a){return A.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[U]).concat(e.url),className:"link",href:e.url,key:a},A.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[U]).concat(e.url)},e.title))}))),A.default.createElement("div",{className:"mHalf"},A.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(w=Z[2])||void 0===w?void 0:w.menu_title),null===(k=null===(C=Z[2])||void 0===C?void 0:C.items)||void 0===k?void 0:k.map((function(e,a){return e.url&&A.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:a},A.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!q&&A.default.createElement(A.default.Fragment,null,A.default.createElement("hr",{className:"hrMobile"}),A.default.createElement("div",{className:"otherSites"},A.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(S=null==O?void 0:O.branch)||void 0===S?void 0:S.title),A.default.createElement("div",{className:"flags"},null===(N=null===(_=null==O?void 0:O.branch)||void 0===_?void 0:_.branch)||void 0===N?void 0:N.map((function(e,t){return A.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},A.default.createElement(xe,{url:e.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:q}))}))))))),A.default.createElement("hr",null),A.default.createElement("div",{className:"copyright","data-is-amp":q||void 0},A.default.createElement("div",{className:"copyright-image-wrapper"},Q.length?Q.map((function(e,t){return A.default.createElement("a",{href:e.url,key:t,className:"copyright-image"},q?A.default.createElement("amp-img",{src:e.image,alt:"DMCA Icon",width:"100",height:"36"}):A.default.createElement("img",{className:"lazy","data-src":e.image,alt:"DMCA Icon"}))})):null),A.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(L=null==O?void 0:O.general)||void 0===L?void 0:L.copyright)),"vi-VN"===U&&A.default.createElement(t.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):A.default.createElement(A.default.Fragment,null,(null==O?void 0:O.menu)&&A.default.createElement("div",{className:"columns"},A.default.createElement("div",{className:"mHalf"},A.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(T=null==O?void 0:O.menu[1])||void 0===T?void 0:T.menu_title),null===(B=null===(M=null==O?void 0:O.menu[1])||void 0===M?void 0:M.items)||void 0===B?void 0:B.map((function(e){return A.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(g.domainLocales[U]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[U]).concat(e.url)},A.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[U]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),A.default.createElement("div",{className:"mHalf"},A.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(I=null==O?void 0:O.menu[2])||void 0===I?void 0:I.menu_title),null===(D=null===(z=null==O?void 0:O.menu[2])||void 0===z?void 0:z.items)||void 0===D?void 0:D.map((function(e,a){return A.default.createElement("a",{className:"link",href:e.url,key:a,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},A.default.createElement(t.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!q&&"mini"!==R&&A.default.createElement("hr",{className:"hrMobile"}),A.default.createElement("div",{className:"newsletter"},A.default.createElement("div",{className:"social"},A.default.createElement(t.Text,{size:"sm",type:"regular"},null===(F=null==O?void 0:O.social)||void 0===F?void 0:F.title),A.default.createElement("div",{className:"icons"},null===(P=null===(H=null==O?void 0:O.social)||void 0===H?void 0:H.socials)||void 0===P?void 0:P.map((function(e,t){return A.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},q?A.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):A.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))},Ce=I.default.footer(se||(se=a.__makeTemplateObject(["\n position: relative;\n overflow: hidden;\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n a {\n text-decoration: none;\n }\n a :hover {\n color: ",";\n }\n"],["\n position: relative;\n overflow: hidden;\n\n .icons {\n margin-top: 12px;\n margin-bottom: 20px;\n > a:not(:last-child) {\n margin-right: 16px;\n }\n }\n\n a {\n text-decoration: none;\n }\n a :hover {\n color: ",";\n }\n"])),(function(e){return e.theme.mbColors.cobalt})),ke=I.default.div(ue||(ue=a.__makeTemplateObject(["\n position: relative;\n padding: 80px 0 40px;\n margin: auto 68px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n\n border-bottom: 1px solid ",";\n\n "," {\n margin: auto 16px;\n flex-wrap: wrap;\n row-gap: 32px;\n column-gap: 16px;\n }\n\n "," {\n margin: auto 0;\n }\n"],["\n position: relative;\n padding: 80px 0 40px;\n margin: auto 68px;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n\n border-bottom: 1px solid ",";\n\n "," {\n margin: auto 16px;\n flex-wrap: wrap;\n row-gap: 32px;\n column-gap: 16px;\n }\n\n "," {\n margin: auto 0;\n }\n"])),(function(e){return e.theme.colors.neutral200}),n.MediaQueries.tdDown,n.MediaQueries.mbDown),Se=I.default.div(me||(me=a.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n\n "," {\n flex: 1 1 160px;\n }\n .title {\n padding-bottom: 4px;\n }\n"],["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n\n "," {\n flex: 1 1 160px;\n }\n .title {\n padding-bottom: 4px;\n }\n"])),n.MediaQueries.mbDown),_e=I.default.div(fe||(fe=a.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n"],["\n display: flex;\n justify-content: space-between;\n gap: 12px;\n flex-direction: column;\n"]))),Ne=I.default.div(pe||(pe=a.__makeTemplateObject(["\n padding: 40px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-direction: column;\n text-align: center;\n\n .content {\n max-width: 680px;\n width: 100%;\n }\n .social-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n\n img {\n width: 32px;\n height: 32px;\n }\n }\n\n "," {\n padding: 32px 0;\n }\n"],["\n padding: 40px 0;\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-direction: column;\n text-align: center;\n\n .content {\n max-width: 680px;\n width: 100%;\n }\n .social-link {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n\n img {\n width: 32px;\n height: 32px;\n }\n }\n\n "," {\n padding: 32px 0;\n }\n"])),n.MediaQueries.mbDown),Le=I.default.div(ge||(ge=a.__makeTemplateObject(["\n background-color: ",";\n padding: 16px 0;\n position: relative;\n\n img {\n width: 89px;\n height: 32px;\n }\n .content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 174px;\n margin: auto 68px;\n\n "," {\n margin: auto 16px;\n }\n\n "," {\n flex-direction: column-reverse;\n gap: 16px;\n align-items: flex-start;\n margin: auto 0;\n }\n }\n\n .verify {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n }\n"],["\n background-color: ",";\n padding: 16px 0;\n position: relative;\n\n img {\n width: 89px;\n height: 32px;\n }\n .content {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 174px;\n margin: auto 68px;\n\n "," {\n margin: auto 16px;\n }\n\n "," {\n flex-direction: column-reverse;\n gap: 16px;\n align-items: flex-start;\n margin: auto 0;\n }\n }\n\n .verify {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n }\n"])),(function(e){return e.theme.mbColors.dark}),n.MediaQueries.tdDown,n.MediaQueries.mbDown),Te=I.default.div(he||(he=a.__makeTemplateObject(["\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: ",";\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n\n "," {\n &:before {\n width: 100%;\n }\n }\n"],["\n overflow: hidden;\n &:before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 150%;\n height: 100%;\n background-color: ",";\n border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n content: '';\n transform: translateX(-50%);\n }\n\n "," {\n &:before {\n width: 100%;\n }\n }\n"])),(function(e){return e.theme.mbColors.lightGray}),n.MediaQueries.mbDown),Me=function(e){var a,n=e.logoType,l=void 0===n?"marryBaby":n,r=e.footerMenu,c=e.background;if(!r)return null;var d=r.general,s=r.menu,u=r.socials;return A.default.createElement(Ce,{style:{backgroundColor:c||"none"}},A.default.createElement(Te,null,A.default.createElement(t.Container,null,A.default.createElement(ke,null,null==s?void 0:s.map((function(e,t){var a=e.menu_title,n=e.items;return A.default.createElement(Se,{key:"mbf".concat(t)},A.default.createElement(x.MarryBabyText,{className:"title",type:"subtitle-1",color:o.theme.mbColors.pink},a),null==n?void 0:n.map((function(e,t){var a=e.title,n=e.url;return A.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(n),className:"link",href:n,key:"footer-links-".concat(t)},A.default.createElement(_e,{key:"mbitem".concat(t)},A.default.createElement(x.MarryBabyText,{type:"bodytext-2",color:o.theme.mbColors.gray},a)))})))})))),A.default.createElement(t.Container,null,A.default.createElement(Ne,null,A.default.createElement(i.Logo,{className:"logo",type:l,width:"127px"}),A.default.createElement("div",{className:"content"},A.default.createElement(x.MarryBabyText,{type:"bodytext-2",color:o.theme.mbColors.gray},null==d?void 0:d.content)),A.default.createElement("div",{className:"social-link"},null==u?void 0:u.map((function(e,t){var a=e.icon,n=e.name,l=e.url;return A.default.createElement("a",{key:"social".concat(t),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n),"data-content-label":n,href:l},A.default.createElement("img",{src:a,alt:n}))}))))),A.default.createElement(Le,null,A.default.createElement(t.Container,null,A.default.createElement("div",{className:"content"},A.default.createElement(x.MarryBabyText,{type:"bodytext-3",color:o.theme.colors.white},null==d?void 0:d.copyright),A.default.createElement("div",{className:"verify"},null===(a=null==d?void 0:d.verified)||void 0===a?void 0:a.map((function(e,t){var a=e.image,n=e.url;return A.default.createElement("img",{key:"imgMbFt".concat(t),src:a,alt:n})}))))))))};exports.Alert=function(e){var a=e.style,n=e.onClose,l=e.text,o=e.type,r=e.contentIcon,i=e.closeIcon,c=e.className,d=e.description;return A.default.createElement(t.StyledAlert,{style:a,"data-alert-type":o,className:c},A.default.createElement(t.StyledContent,null,A.default.createElement("div",{className:"icon-title"},r,A.default.createElement(t.Text,{type:"bold",size:"label1"},l)),A.default.createElement(t.Text,{type:"regular",size:"p3"},d)),A.default.createElement(t.StyledClose,{onClick:n},i))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,n=(null==t?void 0:t.filter(Boolean))||[];if(!(null==n?void 0:n.length))return null;return A.default.createElement("amp-next-page",null,A.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(n.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),A.default.createElement("div",a.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var a=e.articleLink,n=e.authorLink,l=e.authorName,o=e.avatarImg,c=e.banner,d=e.categoryLink,s=e.categoryName,u=e.className,m=e.dataEventActionForBanner,f=e.dataEventActionForBookmark,p=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,v=e.dataEventCategoryForBookmark,y=e.dataEventCategoryForCategory,E=e.dataEventCategoryForTitle,b=e.dataEventLabelForBanner,x=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,C=e.dataEventLabelForTitle,k=e.direction,S=void 0===k?"horizontal":k,_=e.hasAffiliate,N=e.isBookmark,L=void 0!==N&&N,T=e.isBookmarkDisplayed,M=void 0===T||T,B=e.isMobile,I=void 0===B||B,z=e.onBookmark,D=e.onClickCategoryName,F=e.section,H=void 0===F?"normal":F,P=e.size,j=void 0===P?"md":P,G=e.specialty,R=e.style,O=e.styleBanner,q=e.styleLabel,V=e.styleTitle,Z=e.text,Q=e.title,$=e.type,K=void 0===$?"author":$,Y=e.uploadTime,X=e.articleLinkTarget,J=function(e){e.stopPropagation(),z&&z()},ee="lg"===j&&"expert"===K?"h4":"lg"===j&&"home"===H?I?"h4":"h3":"lg"===j?"h4":"h5",te="lg"===j?"p3":"p4",ae=I||"home"!==H||"lg"!==j||"author"!==K?"c2":"c1";return A.default.createElement(i.StyledCard,{className:u,"data-size":j,style:R,"data-direction":S,"data-is-expert":"expert"===K||void 0},A.default.createElement("div",{className:"banner",style:O},A.default.createElement(i.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":b,href:a||"#",target:X},c),_&&A.default.createElement("div",{className:"shoppable"},A.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),A.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),A.default.createElement("div",{className:"content"},A.default.createElement("div",{className:"inner-content"},A.default.createElement(t.Text,{style:q,className:"label",size:ae,type:"caption"},A.default.createElement(i.StyledAnchor,{"data-event-category":y,"data-event-action":p,"data-event-label":w,href:d||"#",onClick:D},s),M&&A.default.createElement("a",{className:"bookmark",onClick:J},L?A.default.createElement("svg",{"data-event-category":v,"data-event-action":f,"data-event-label":x,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):A.default.createElement("svg",{"data-event-category":v,"data-event-action":f,"data-event-label":x,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),A.default.createElement(r.Heading,{tag:ee,style:V,className:"title",as:"lg"===j?"h2":"h3"},A.default.createElement(i.StyledAnchor,{"data-event-category":E,"data-event-action":g,"data-event-label":C,href:a||"#",target:X},Q)),Z&&A.default.createElement("a",{href:a||"#",target:X},A.default.createElement(t.Text,{size:te,className:"text"},Z))),A.default.createElement("div",{className:"footer"},"author"===K?A.default.createElement(W,{size:j,avatarImg:o,authorName:l,authorLink:n,uploadTime:Y,handleClick:J,isBookmarked:L,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:x}):A.default.createElement(U,{size:j,isMobile:I,avatarImg:o,specialty:G,name:l,link:n,handleClick:J,isBookmarked:L,dataEventCategoryForBookmark:v,dataEventActionForBookmark:f,dataEventLabelForBookmark:x}))))},exports.BMICardEmbed=function(e){var a,n,l,r=e.isMobile,c=e.onSubmit,d=e.bmiContent,s=e.isSide,u=e.bmiGenerated,f=e.bmiUnit,p=e.bmiLink,g=e.locale,h=E.useTranslations().t;return A.default.createElement(i.StyledContainer,{"data-is-side":s},A.default.createElement(i.ToolsBannerCard,{isSide:s,bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:A.default.createElement("img",{alt:"health-tool-icon",src:null==d?void 0:d.featured_image,style:{objectFit:"contain",marginLeft:"auto"}}),heading:h("bmi.heading"),medicalReview:(null===(a=null==d?void 0:d.reviewBy)||void 0===a?void 0:a.reviewer)?A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(n=null==d?void 0:d.reviewBy)||void 0===n?void 0:n.link)||"#",'"\n >\n ').concat(d.reviewBy.reviewer,"\n </a>"),date:null===(l=null==d?void 0:d.reviewBy)||void 0===l?void 0:l.date})}}),A.default.createElement("span",null)):void 0,isMobile:r}),A.default.createElement(t.Container,null,A.default.createElement(i.StyledContent,{as:"div","data-is-side":s},p&&A.default.createElement(K,{onSubmit:c,bmiGenerated:u,locale:g,bmiUnit:f}))))},exports.BMRCardEmbed=function(e){var a,n,l,r=e.isSide,c=e.locale,d=e.bmrContent,s=e.isMobile,u=e.info,f=e.inputErrorMessage,p=e.onFormChange,g=e.onSubmit,h=E.useTranslations().t;return A.default.createElement(i.StyledContainer,{"data-is-side":r},A.default.createElement(i.ToolsBannerCard,{isSide:r,bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:A.default.createElement("img",{alt:"health-tool-icon",src:null==d?void 0:d.featured_image,style:{objectFit:"contain",marginLeft:"auto"}}),heading:h("bmr.heading"),medicalReview:(null===(a=null==d?void 0:d.reviewBy)||void 0===a?void 0:a.reviewer)?A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:h("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(n=null==d?void 0:d.reviewBy)||void 0===n?void 0:n.link)||"#",'"\n >\n ').concat(d.reviewBy.reviewer,"\n </a>"),date:null===(l=null==d?void 0:d.reviewBy)||void 0===l?void 0:l.date})}}),A.default.createElement("span",null)):void 0,isMobile:s}),A.default.createElement(y.Container,null,A.default.createElement(i.StyledContent,{onSubmit:function(e){return e.preventDefault()},"data-is-side":r},A.default.createElement(J,{info:u,locale:c,errorMessage:f,onChange:p,onClick:g}))))},exports.BabyGrowthCardEmbed=function(n){var l,r,c=n.isMobile,s=n.className,u=n.onSubmit,f=n.onError,p=n.isLoggedIn,g=n.currentUrl,h=n.onAddMeasurement,v=n.schema,y=n.source,b=n.babyLists,x=E.useTranslations().t,w=e.useState(null),C=w[0],k=w[1],S=e.useCallback((function(){return a.__awaiter(void 0,void 0,void 0,(function(){var e;return a.__generator(this,(function(t){switch(t.label){case 0:return[4,d.callApi(d.getDiscoverApiPath(d.DISCOVER_PATHS.GET_HEALTH_TOOL_BABY_GROWTH_INFO),"GET")];case 1:return e=t.sent(),k((function(){return d.formatBabyGrowthContent(null==e?void 0:e.data)})),[2]}}))}))}),[]);return e.useEffect((function(){S()}),[S]),A.default.createElement(i.StyledContainer,{"data-is-mobile":c},A.default.createElement(i.ToolsBannerCard,{bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:m.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:A.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==C?void 0:C.featuredImage)||""}),heading:(null==C?void 0:C.title)||"",medicalReview:(null===(l=null==C?void 0:C.reviewBy)||void 0===l?void 0:l.reviewer)&&""!==(null===(r=null==C?void 0:C.reviewBy)||void 0===r?void 0:r.reviewer)?A.default.createElement(t.Text,{size:"p4",color:o.theme.colors.white,className:"embedded-review"},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:x("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==C?void 0:C.reviewBy.link)||"#",'"\n >\n ').concat(C.reviewBy.reviewer.trim(),"\n </a>"),date:C.reviewBy.date})}})):void 0,isMobile:c}),A.default.createElement(i.StyledBabyGrowthWrapper,null,A.default.createElement(i.StyleForm,{onAddMeasurement:h,isMobile:c,schema:v,source:y,babyLists:b,className:s,onSubmit:u,onError:f,isLoggedIn:p,currentUrl:g})))},exports.BabyPoopEmbed=function(e){var a=e.babyPoopPage,n=e.onClickFindOut,o=e.locale,c=e.isMobile,d=e.currentUrl,s=E.useTranslations().t,u=a.reviewedBy,f=a.reviewedDate;return A.default.createElement(i.StyledBabyPoopHeader,null,A.default.createElement(y.Container,{className:"px-16",style:{height:"100%"}},c&&A.default.createElement(i.StyledBabyPoopHeaderContentImage,{src:m.CommonGAssets.getAssetPath("babyDiaper.png"),alt:a.title}),A.default.createElement(i.StyledBabyPoopHeaderContent,null,A.default.createElement(i.StyledBabyPoopHeaderContentText,null,A.default.createElement(r.Heading,{tag:"h2",color:"#284A75"},a.title),A.default.createElement(t.Text,{size:"p3",className:"description"},a.description),!!u&&A.default.createElement(i.StyledBabyPoopHeaderReview,{className:"reviewer"},A.default.createElement("img",{src:m.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),A.default.createElement(t.Text,{size:"p3"},s("categoryPage.info.reviewed")," ",A.default.createElement("a",{href:u.profileUrl},u.displayName)," ",s("categoryPage.onDate",{date:f}))),A.default.createElement(l.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:d,style:{visibility:Boolean(n)?"visible":"hidden"}},s("babyPoop.findOut"))),!c&&A.default.createElement(i.StyledBabyPoopHeaderContentImage,{src:m.CommonGAssets.getAssetPath("babyDiaper.png"),alt:a.title,"data-is-vietnam":o===v.LOCALE.Vietnam}))))},exports.Badge=function(e){var a=e.amount,n=e.type,l=e.size,o=void 0===l?"medium":l,r=e.color,i=void 0===r?"primary":r,c=e.icon,d=e.className;return A.default.createElement(t.StyledBadge,{"data-notification-type":n,"data-notification-size":o,"data-notification-color":i,"data-has-icon":!!c||void 0,notificationType:n,notificationSize:o,notificationColor:i,hasIcon:!!c,className:d},A.default.createElement("div",null,a&&A.default.createElement("span",null,a)," ",c&&A.default.createElement("div",null,c)))},exports.BorderHeading=function(e){var n=e.style,l=e.children,o=e.className,r=e.size,i=void 0===r?"lg":r,c=e.type,d=void 0===c?"bold":c,s=e.upperCase,u=e.as,m=void 0===u?"h4":u,f=e.color;return A.default.createElement(t.StyledBorderHeading,{style:a.__assign({color:f},n),className:o,"data-size":i,"data-type":d,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var n=t.className,l=t.pages,o=t.size,r=t.LinkComponent,d=void 0===r?"a":r,s=t.onChangePage,u=t.separator,m=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?a.__assign(a.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]),f=c.useId(m.length);return A.default.createElement(i.StyledBreadcrumb,{"data-size":o,className:n},m.map((function(t,a){var n=a+1===m.length;return A.default.createElement(e.Fragment,{key:f[a]},A.default.createElement(q,{LinkComponent:d,page:t,isLast:n,onChangePage:s}),!n&&(u||A.default.createElement(i.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var n=t.row,l=t.column,o=t.children,r=t.scheme,c=void 0===r?"hellosites":r,d=t.classNameLeftArrow,s=void 0===d?"":d,m=t.classNameRightArrow,f=void 0===m?"":m,p=t.mode,g=void 0===p?"snap":p,h=t.isDotsShown,v=void 0===h||h,y=t.isArrowShown,E=void 0!==y&&y,b=t.dataEventCategory,x=t.dataEventAction,w=t.dataEventLabel,C=t.onChangePage,k=A.default.useState(0),S=k[0],_=k[1],N=e.useState(!1),L=N[0],T=N[1],M=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){_(e.track.details.rel),C&&C(e.track.details.rel)},created:function(){T(!0)},drag:!0,mode:g,slides:{spacing:12}}),B=M[0],I=M[1],z=[],D=n*l,F=0;F<o.length;F+=D){var H=o.slice(F,F+D);z.push(H)}return A.default.createElement(i.StyledCarousel,{row:n,column:l},A.default.createElement("div",{className:"navigation-wrapper"},A.default.createElement("div",{ref:B,className:"keen-slider slides-wrapper"},z.map((function(e,t){return A.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return A.default.createElement("div",{key:t},e)})))}))),L&&I.current&&E&&A.default.createElement(A.default.Fragment,null,A.default.createElement(Z,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=I.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:c,className:"left-arrow ".concat(s),"data-event-category":b,"data-event-action":x,"data-event-label":w}),A.default.createElement(Z,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=I.current)||void 0===t?void 0:t.next())},isDisabled:S===I.current.track.details.slides.length-1,scheme:c,className:"right-arrow ".concat(f),"data-event-category":b,"data-event-action":x,"data-event-label":w}))),L&&I.current&&v&&A.default.createElement("div",{className:"dots"},a.__spreadArray([],Array(I.current.track.details.slides.length),!0).map((function(e,t){return A.default.createElement(i.StyledDot,{key:t,onClick:function(){var e;null===(e=I.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===t,"data-is-hellosites":"hellosites"===c})}))))},exports.CategoryCard=function(e){var a=e.imgBanner,n=e.label,l=e.className,o=e.style,r=e.href,c=void 0===r?"":r,d=e.dataEventCategory,s=e.dataEventAction,u=e.dataEventLabel;return A.default.createElement(i.StyledCategoryCard,{"data-event-category":d,"data-event-action":s,"data-event-label":u,className:l,style:o,href:c,onClick:function(e){""===c&&e.preventDefault()}},A.default.createElement("div",{className:"banner"},a),A.default.createElement("div",{className:"content"},A.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},n)))},exports.Checkbox=j,exports.CheckboxGroup=function(e){var t=e.name,a=e.values,n=void 0===a?[]:a,l=e.onChanges,o=e.options,r=void 0===o?[]:o,c=e.className,d=e.type,s=void 0===d?"vertical":d,u=e.isDisabled,m=e.isRectangle,f=function(e,t){var a=n.slice();if(t)a.push(e);else{var o=a.findIndex((function(t){return t===e}));a.splice(o,1)}l&&l(a)};return A.default.createElement(i.StyledCheckboxGroup,{className:c,"data-type":s,"data-is-rectangle":m||void 0},r.map((function(e,a){return A.default.createElement(j,{label:e.label,name:t,key:"".concat(a,"-").concat(e.value),checked:n.includes(e.value),value:e.value,isDisabled:u||e.disabled,onChange:!u&&f,isRectangle:m})})))},exports.CookieAcceptConfirm=function(e){var t=e.className,a=e.policiesUrl,n=e.onAcceptClick,l=e.translations,o=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,r=e.title,c=void 0===r?"":r,d=e.description,s=void 0===d?"":d,u=e.theme,m=void 0===u?"helloSites":u,f=e.isOpen,p=void 0===f||f,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return A.default.createElement(i.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":p,"data-default-position":h},A.default.createElement(i.StyledTitleSection,{"data-has-content":!!c},c),A.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),A.default.createElement(i.StyledButtonGroup,null,A.default.createElement(i.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:n,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},o.acceptButton),A.default.createElement(i.StyledPoliciesButton,{href:a},o.policiesButton)))},exports.DateRangePicker=function(a){var n=a.inputSize,l=void 0===n?"md":n,o=a.name,r=void 0===o?"date-range-picker":o,c=a.value,d=a.minDate,s=a.maxDate,u=a.onChange,p=a.className,g=a.autoClose,h=void 0!==g&&g;c||(c={from:null,to:null});var v=e.useState(!1),y=v[0],E=v[1];function b(){E(!1)}var x=e.useRef(null);function w(e){u&&u(e)}function C(e){return f.format(e,"dd/MM/yyyy")}S.useOutsideClick(x,(function(){b()}));var k=e.useMemo((function(){return c.from&&c.to?f.isSameDay(c.from,c.to)?C(c.from):"".concat(C(c.from)," - ").concat(C(c.to)):""}),[c.from,c.to]);return A.default.createElement(i.StyledWrapper,{className:[p,y&&"focused"].filter(Boolean).join(" "),ref:x},A.default.createElement("label",{htmlFor:r},A.default.createElement(t.PureInput,{size:l,value:k,name:r,actionIcon:A.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:function(){return E(!0)}})),y?A.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},A.default.createElement(re,{value:c,onChange:w,minDate:d,maxDate:s,close:b,autoClose:h})):null)},exports.DueDateCardEmbed=function(e){var a,n=e.isMobile,l=e.locale,r=e.onSubmitDueDate,c=e.dueDatePageInfo,d=e.expertUrl,s=e.isSide,u=E.useTranslations().t;return A.default.createElement(i.StyledContainer,{"data-is-side":s},A.default.createElement(i.ToolsBannerCard,{isSide:s,bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:A.default.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto"}}),heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(a=null==c?void 0:c.reviewed_by)||void 0===a?void 0:a.display_name)?A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(d,'"\n >\n ').concat(null==c?void 0:c.reviewed_by.display_name,"\n </a>"),date:null==c?void 0:c.reviewed_date})}}),A.default.createElement("span",null)):void 0,isMobile:n}),A.default.createElement(t.Container,null,A.default.createElement(i.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":s},A.default.createElement(i.DueDateCalculator,{locale:l,onSubmitDueDate:r,isSide:s}))))},exports.FileDropdown=function(a){var n=a.className,l=a.value,o=a.options,r=a.onUploadSelected,i=a.id,c=a.placeholderIcon,d=a.placeholder,s=a.style,u=e.useState(!1),m=u[0],f=u[1],p=function(){return f(!m)},g=e.useRef(o.map((function(e){return"upload"===e.type&&A.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+e.value,key:"uploader-dropdown-input-"+i+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),h=A.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},A.default.createElement("defs",null,A.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},A.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),A.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),A.default.createElement("title",null,"File"),A.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},A.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),A.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),v=A.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},A.default.createElement("defs",null,A.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),A.default.createElement("title",null,"download"),A.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),y=A.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},A.default.createElement("defs",null,A.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),A.default.createElement("title",null,"upload"),A.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return A.default.createElement(t.StyledDropdown,{className:n,"data-dropdown-open":!!m,id:i,"data-has-icons":!0,style:s,onBlur:function(){return f(!1)},tabIndex:0},A.default.createElement(t.StyledDropdownName,{onClick:p},c||h," ",A.default.createElement("span",null,l&&l.value?l.label:d)),m&&A.default.createElement(t.StyledDropdownList,{onClick:p,"data-has-icons":!0},o.map((function(e){return A.default.createElement(t.StyledDropdownOption,{key:"".concat(i,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+i+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},A.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:y),e.label)}))),A.default.createElement(A.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(t){var n=t.items,l=t.className,o=t.style,r=t.backgroundPanelStyle,c=t.isOpen,d=t.onOpen,s=t.onClose,u=t.disableBackdropClick,m=t.siteType,f=void 0===m?"hb":m,p=t.animationType,g=void 0===p?"zoom":p,h=t.zIndex,v=void 0===h?300:h,y=e.useState(!!c),E=y[0],b=y[1];e.useEffect((function(){b(!!c)}),[c]);var x=function(){b(!1),s&&s()};return A.default.createElement(i.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":E,"data-site-type":f,"data-animation-type":g},A.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:a.__assign({zIndex:v},r),onClick:u?void 0:x}),A.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},A.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,n.map((function(e,t){return A.default.createElement(i.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:a.__assign(a.__assign({},"zoom"===g&&{bottom:64*(n.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/n.length*(E?n.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(n.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/n.length*(E?t:n.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||b(!1)}},A.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:a.__assign({},"zoom"===g&&{transitionDelay:"".concat(i.TRANSITION_TIMING/n.length*(E?n.length-1-t:t),"ms")})},e.label),A.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:a.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(i.TRANSITION_TIMING/n.length*(E?n.length-1-t:t),"ms")})},e.icon))}))),A.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:E?x:function(){b(!0),d&&d()}})))},exports.Footer=function(t){var a=t.type,l=t.isMobile,o=void 0===l||l,r=t.locale,i=t.footerInfo,c=t.isAmp,d=t.siteType;return e.useEffect((function(){setTimeout((function(){return null===n.lazyLoadInstance||void 0===n.lazyLoadInstance?void 0:n.lazyLoadInstance.update()}),500)}),[]),"helloSites"===d?A.default.createElement(we,{isAmp:c,isMobile:o,type:a,locale:r,footerInfo:i||{}}):A.default.createElement(Me,{footerMenu:i,background:null==t?void 0:t.background})},exports.Grid=function(e){var a=e.className,n=e.columns,l=e.columnsDesktop,o=e.gridTemplateColumns,r=e.gridTemplateColumnsDesktop,i=e.gap,c=e.children,d=e.justifyChildren,s=e.style,u=e.alignItems;return A.default.createElement(t.StyledGrid,{className:a,style:s,theme:{columns:n,columnsDesktop:l,gap:i,justifyChildren:d,gridTemplateColumns:o,gridTemplateColumnsDesktop:r,alignItems:u}},c)},exports.IconText=function(e){var t=e.size,a=e.iconPosition,n=e.className,l=e.children,o=e.icon;return A.default.createElement(i.StyledIconText,{className:n,"data-size":t,"data-icon-position":a},"left"===a&&o,l,"right"===a&&o)},exports.OvulationCardEmbed=function(e){var a=e.onSubmitOvulation,n=e.locale,l=e.ovulationPageInfo,o=e.ovulationContent,r=e.isSide,c=void 0!==r&&r,s=E.useTranslations().t,u=d.formatOvulationInfo(l||null);return A.default.createElement(i.StyledContainer,{"data-is-side":c},A.default.createElement(te,{backgroundDesktopSrc:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:s("healthTools.ovulationCalculator"),reviewedBy:u.reviewedBy,reviewedDate:u.reviewedDate,ovulationContent:o,isSide:c}),A.default.createElement(t.Container,null,A.default.createElement(i.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":c},A.default.createElement(i.OvulationCalculator,{locale:n,onSubmitOvulation:a,isSide:c}))))},exports.PWGCardEmbed=function(n){var r,c,s=n.locale,u=n.onClick,f=n.inputErrorMessage,p=n.pwgContent,h=n.onFormChange,v=n.info,b=n.isMobile,x=n.isSide,C=void 0!==x&&x,k=E.useTranslations().t,S=e.useState(!1),_=S[0],N=S[1],L=e.useState("notwins"),T=L[0],M=L[1],B=e.useState({label:"1",value:1}),I=B[0],z=B[1],D=e.useMemo((function(){return a.__spreadArray([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),F=w.useHealthToolsCache(s).getHealthToolLink,H=e.useMemo((function(){return F(d.HEALTH_TOOL_TYPE.PWG)}),[F]),P=(null===(r=null==p?void 0:p.reviewedBy)||void 0===r?void 0:r.display_name)?A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(d.formatUserProfileUrl(null==p?void 0:p.reviewedBy),'"\n >\n ').concat(null===(c=null==p?void 0:p.reviewedBy)||void 0===c?void 0:c.display_name,"\n </a>"),date:null==p?void 0:p.reviewedDate})}}),A.default.createElement("span",null)):void 0;return A.default.createElement(i.StyledContainer,{"data-is-side":C},A.default.createElement(i.ToolsBannerCard,{bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:A.default.createElement("img",{alt:"health-tool-icon",src:p.featuredImage,style:{objectFit:"contain",marginLeft:"auto"}}),heading:k("pregnancyWeightGain.heading"),medicalReview:P,isMobile:b,isSide:C}),A.default.createElement(t.Container,null,A.default.createElement(i.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":C},A.default.createElement(i.StyledTwins,{className:"hide-asking-mobile","data-is-side":C},A.default.createElement(t.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:o.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},k("pregnancyWeightGain.havingTwins")),A.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:k("switchBtn.yes")},{value:"notwins",label:k("switchBtn.no")}],value:T,onChange:function(e){return M(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),A.default.createElement(i.StyledGender,{"data-is-side":C},A.default.createElement(y.Checkbox,{checked:_,onChange:function(){return N(!_)}}),A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",color:o.theme.colors.gray800,fontSize:"14px"},htmlFor:"gender-selector"},k("tool.askChecking"))),A.default.createElement(i.StyledInputWrapper,null,A.default.createElement(i.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":C},A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},k("pregnancyWeightGain.weekInput")),A.default.createElement(d.Dropdown,{options:D,placeholder:String(I.label),id:"weight-gain-dropdown",size:"md",value:I,onChange:function(e){return z({label:e.label,value:e.value})}})),A.default.createElement(ae,{info:v,errorMessage:f,onChange:h})),A.default.createElement(i.StyledTwins,{className:"hide-asking-desk","data-is-side":C},A.default.createElement(t.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:o.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},k("pregnancyWeightGain.havingTwins")),A.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:k("switchBtn.yes")},{value:"notwins",label:k("switchBtn.no")}],value:T,onChange:function(e){return M(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),A.default.createElement(i.StyledSubmitButton,{"data-is-side":C},A.default.createElement(l.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(g.domainLocales[s],"/").concat(H),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return u(T,I.value)},role:"button"},k("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=function(l){var o=l.className,r=l.pagesAmount,i=l.currentPage,c=l.onChange,d=l.onClick,s=l.style,u=l.href,m=l.queryPageName,f=void 0===m?"page":m,p=a.__spreadArray([],Array(r),!0).map((function(e,t){return t+1})),g=e.useState(i),h=g[0],v=g[1],y=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),E=r-1,b=function(e){e<=r&&e>0&&(v(e),c(e))},x=function(e){d&&d(e)};return e.useEffect((function(){v(i)}),[i]),A.default.createElement(t.StyledPagination,{className:o,style:s},A.default.createElement(t.StyledPageBlock,{className:"prev-page",onClick:function(){return b(h-1)},"data-last-page":1===h||void 0},y?A.default.createElement("a",{href:n.formatUrlWithPageParam(y,h,f),onClick:x},A.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):A.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?A.default.createElement(P,{pagesAmount:r,activePage:h,handlePageChange:b,handleClick:x,href:y,queryPageName:f}):p.map((function(e){return A.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return b(e)}},y?A.default.createElement("a",{href:n.formatUrlWithPageParam(y,e,f),onClick:x},e):e)})),A.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return b(h+1)},"data-last-page":h===E+1||void 0},y?A.default.createElement("a",{href:n.formatUrlWithPageParam(y,h,f),onClick:x},A.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):A.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(e){var n=e.percent,l=e.style;return A.default.createElement(t.StyledProgress,{style:a.__assign({"--progress":n},l)})},exports.ProgressBar=function(t){var n=t.type,l=t.numberOfStep,o=t.activeStep,r=t.labelPrefix,d=t.detailSteps,u=t.className,m=t.onChange,f=e.useState(0),p=f[0],g=f[1],h=function(e){var t=e.trackClassName,n=a.__rest(e,["trackClassName"]);return A.default.createElement(i.StyledTrackContainer,a.__assign({},n,{className:t}),A.default.createElement(i.StyledTrack,null))},v=A.default.createElement(i.StyledSlider,{className:u+" progress-bar"},A.default.createElement(h,null),A.default.createElement((function(e){var t=e.trackLength,a=e.activeStep,n=e.labelPrefix,o=void 0===n?"Step":n,r=e.onChange;return A.default.createElement(A.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,n){return A.default.createElement(i.StyledStep,{"data-is-active":n===a,"data-label":n,style:{left:n*t/(l-1)},onClick:function(){r&&r(n)},key:n},n+1,A.default.createElement(i.StyledStepLabel,{"data-step-passed":n<=a},o+" "+(n+1)))})))}),{trackLength:p,activeStep:o,labelPrefix:r,onChange:m})),y=A.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},A.default.createElement("title",null,"chevron-right"),A.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),E=A.default.createElement(i.StyledBreadcrumbContainer,null,d&&Array.from({length:d.length},(function(e,t){return t})).map((function(e,t){var a;return A.default.createElement(i.StyledBreadcrumbWrapper,{key:t,"data-selected":t===o,onClick:function(){m&&m(t)}},null===(a=d[t])||void 0===a?void 0:a.text," ",t<d.length-1&&y)}))),b=A.default.createElement(i.StyledSlider,{className:u+" progress-bar"},A.default.createElement((function(e){var t=e.detailSteps,a=e.activeStep,n=e.onChange,l=c.useId(t.length);return A.default.createElement(A.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,o){return A.default.createElement(i.StyledDetailStep,{key:l[o],style:{left:100/t.length*o+"%",width:100/t.length+"%"},onClick:function(){n&&n(o)}},t[o].icon?A.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:function(){n&&n(o)}},t[o].icon):A.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":o===a,"data-label":e,onClick:function(){n&&n(o)},key:o},o+1),A.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":o<a+1},t[o].text,A.default.createElement(i.StyledDetailStepDescription,null,t[o].description)),o<t.length-1&&A.default.createElement(h,{"data-step-passed":o<a,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:o,detailSteps:d,onChange:m})),x=e.useCallback(s.throttle((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",x),function(){window.removeEventListener("resize",x)}}),[]),"step-track"===n&&v||"breadcrumb"===n&&E||"detail-track"===n&&b},exports.RateStars=function(n){var l=n.gap,o=void 0===l?2:l,r=n.size,i=void 0===r?24:r,c=n.star,d=n.totalStars,s=void 0===d?5:d,u=n.onSelect,m=n.hideEmptyStars,f=n.style,p=n.className,g=Math.floor(c),h=c-g>=.5?1:0,v=e.useState(null),y=v[0],E=v[1],b=y||g,x=y?0:h;return A.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:a.__assign({"--gap":o,"--star-size":i},f),className:p},Array.from({length:m?g+h:s}).map((function(e,t){var a=function(){return!!u&&E(t+1)},n=function(){return!!u&&E(null)};return t+1<=b?A.default.createElement(R,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:a,onMouseLeave:n}):t+1===b+x?A.default.createElement(O,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:a,onMouseLeave:n}):A.default.createElement(G,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:a,onMouseLeave:n})})))},exports.SeoHead=function(e){var t,n,l,o,r,c,d,s,u,m,f,p,v,y,E,b,x,w,C,k=e.SEOData,S=void 0===k?{}:k,_=e.isAmp,N=void 0!==_&&_,L=e.locale,T=void 0===L?"vi-VN":L,M=e.routerPathname,B=e.routerQuery,I=e.nextHead,z=e.siteType,D=e.seoCustom,F=e.userId,H=e.forcedCanonicalUrl,P=S.totalPages,j=S.currentPage,G=S.SEOTitle,R=void 0===G?"":G,O=S.SEODescription,W=void 0===O?"":O,U=S.SEOImage,q=S.seoType,V=S.SEOImageWidth,Z=S.SEOImageHeight,Q=S.customMetaData,$=void 0===Q?[]:Q,K=S.isIndexable,Y=void 0===K||K,X=S.hasNoCanonical,J=void 0!==X&&X,ee=Y&&h.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",te=process.env.NEXT_PUBLIC_BASE_API_URL,ae=S.canonicalUrl||M;Object.keys(B).forEach((function(e){var t=B[e];t&&Array.isArray(t)&&(ae=ae.replace("[...".concat(e,"]"),t.join("/")))}));var ne,le=T||"en-PH",oe="helloSites"===z?g.domainLocales[le]:"www.marrybaby.vn",re=ae.endsWith("/")?"":"/";if(S.apiMetaData&&"string"==typeof S.apiMetaData){var ie=null===(t=S.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ce=" - Page ".concat(j," of ").concat(P),de=j&&1!==j&&ie?S.apiMetaData.replace(ie[0],ie[0].includes("-")?ie[0].replace("-",ce+" - "):"<title>".concat(ie[1].concat(ce),"</title>")).replace('<link rel="canonical" href="https://'.concat(oe).concat(ae).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(oe).concat(ae).concat(re,"?page=").concat(j,'" />')):S.apiMetaData,se=(ne=i.htmlReactParser(de,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!se){var ue="https://".concat(oe,"/images/").concat(T,".png");ne=a.__spreadArray(a.__spreadArray([],ne,!0),[A.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(n=S.openGraph)||void 0===n?void 0:n.image)||ue||""}),A.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=S.openGraph)||void 0===l?void 0:l.image)||ue}),A.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=S.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(r=S.openGraph)||void 0===r?void 0:r.imageWidth)||"1200"}),A.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(c=S.openGraph)||void 0===c?void 0:c.imageHeight)&&String(null===(d=S.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var me="https://".concat(oe,"/images/").concat(T,".png");return A.default.createElement(I,null,A.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===z&&A.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===T?A.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===T||"ms-MY"===T?A.default.createElement(A.default.Fragment,null):A.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),A.default.createElement("link",{rel:"preconnect",href:te}),A.default.createElement("meta",{charSet:"UTF-8"}),!N&&A.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),A.default.createElement("meta",{name:"google",content:"notranslate"}),A.default.createElement("meta",{name:"robots",content:ee}),A.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),$.map((function(e,t){return A.default.createElement("meta",a.__assign({key:t},e))})),A.default.createElement("meta",{name:"theme-color",content:"helloSites"===z?"#2c87f3":"#e85388"}),A.default.createElement("meta",{name:"page_type",content:"Home"}),A.default.createElement("meta",{name:"page_platform",content:"WEB"}),A.default.createElement("meta",{name:"page_language",content:le}),A.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),N&&A.default.createElement(A.default.Fragment,null,A.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),A.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&A.default.createElement(A.default.Fragment,null,"helloSites"===z?A.default.createElement("title",null,D?R:R+" - "+(null===(s=g.LOCALE_SPECS[T])||void 0===s?void 0:s.SITE_NAME)):A.default.createElement("title",null,R),!J&&A.default.createElement("link",{rel:"canonical",href:"https://".concat(oe).concat(ae)}),A.default.createElement("meta",{name:"description",content:W||(null===(u=S.openGraph)||void 0===u?void 0:u.description)}),S.schemaData&&A.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:S.schemaData}}),A.default.createElement("meta",{property:"og:locale",content:T}),A.default.createElement("meta",{property:"og:type",content:q||"website"}),A.default.createElement("meta",{property:"og:title",content:(null===(m=S.openGraph)||void 0===m?void 0:m.title)||R}),A.default.createElement("meta",{property:"og:description",content:(null===(f=S.openGraph)||void 0===f?void 0:f.description)||W}),A.default.createElement("meta",{property:"og:url",content:"https://".concat(oe).concat(ae)}),A.default.createElement("meta",{property:"og:site_name",content:"https://".concat(oe)}),A.default.createElement("meta",{property:"og:image",content:(null===(p=S.openGraph)||void 0===p?void 0:p.image)||U||me||""}),A.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=S.openGraph)||void 0===v?void 0:v.image)||U||me}),A.default.createElement("meta",{property:"og:image:width",content:(null===(y=S.openGraph)||void 0===y?void 0:y.imageWidth)&&String(null===(E=S.openGraph)||void 0===E?void 0:E.imageWidth)||V&&String(V)||"1200"}),A.default.createElement("meta",{property:"og:image:height",content:(null===(b=S.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(x=S.openGraph)||void 0===x?void 0:x.imageHeight)||Z&&String(Z)||"630"}),A.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),A.default.createElement("meta",{name:"twitter:title",content:(null===(w=S.twitter)||void 0===w?void 0:w.title)||R}),A.default.createElement("meta",{name:"twitter:description",content:W}),A.default.createElement("meta",{name:"twitter:image",content:(null===(C=S.twitter)||void 0===C?void 0:C.image)||U})),("helloSites"===z?g.FAVICONS[le]||[]:g.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?A.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?A.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ne)&&H?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,H&&A.default.createElement("link",{rel:"canonical",href:H}),!S.hasNoAmp&&"vi-VN"!==T&&A.default.createElement("link",{rel:"amphtml",href:"https://".concat(oe).concat(ae).concat(re,"?amp=1")}),F&&"undefined"!=typeof window?A.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(F,"'});")}}):null)},exports.Shadow=function(e){var a=e.size,n=e.children,l=e.style,o=e.className;return A.default.createElement(t.StyledShadow,{style:l,className:o,"data-shadow-size":a},n)},exports.ShareContainer=function(e){var n=e.url,r=e.onCopied,c=e.locale,d=E.useTranslations().t,s=M.getSocialList(n||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(c)}));return A.default.createElement(i.StyledShareContainer,null,A.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},d("shareContainer.title")),A.default.createElement("div",{className:"icon-group"},s.map((function(e,t){return A.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),A.default.createElement(l.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:A.default.createElement(ve,null),onClick:function(){return a.__awaiter(void 0,void 0,void 0,(function(){var e;return a.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(n)];case 1:return t.sent(),null==r||r(),[2]}}))}))}})))},exports.ShareDrawer=function(n){var r=n.open,c=n.title,d=n.onClose,s=n.onCopied,u=n.onShared,m=n.url,f=n.locale,p=a.__rest(n,["open","title","onClose","onCopied","onShared","url","locale"]),g=E.useTranslations().t,h=e.useCallback((function(){return a.__awaiter(void 0,void 0,void 0,(function(){var e;return a.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return t.sent(),null==s||s(),[2]}}))}))}),[m,s]),v=M.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(f)}));return e.useEffect((function(){r&&navigator.share&&navigator.share({title:null!=c?c:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==d||d()}))}),[m,c,u,r]),"undefined"!=typeof navigator&&navigator.share?null:A.default.createElement(i.StyledShareDrawer,a.__assign({title:g("share.title"),onClose:d,open:r,placement:"bottom"},p),A.default.createElement("div",{className:"share-container"},A.default.createElement("div",{className:"icon-container"},A.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.title")),A.default.createElement("div",{className:"icon-group"},v.map((function(e,t){return A.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),A.default.createElement("div",{className:"link-container"},A.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.copyLink")),A.default.createElement("div",{className:"input-group"},A.default.createElement(k.Input,{name:"link",size:"md",value:m,isDisabled:!0}),A.default.createElement(l.Button,{size:"md",type:"button",color:"tertiary",icon:A.default.createElement(ye,null),onClick:h})))))},exports.StatisticCard=function(e){var t=e.type,a=e.description,n=e.value,l=e.withIcon,o=e.isInACard,r=e.cardColor,c=e.className;return A.default.createElement(i.StyledStatisticContainer,{className:c,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":r},A.default.createElement(i.StyledDescriptionWrapper,null,"small"===t&&A.default.createElement(i.StyledDot$1,{"data-color":r}),a),A.default.createElement(i.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,n))},exports.SurveyThankyouCard=function(e){var a=e.thankyou,n=e.thankyouSubtitle,l=e.className,o=e.style;return A.default.createElement(i.StyledSurveyQuestionCard,{className:l,style:o},A.default.createElement("div",{className:"survey-inner-wrapper"},A.default.createElement(i.StyledSurveyThankyouCard,null,A.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},A.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},A.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),A.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),A.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),A.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),A.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),A.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),A.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),A.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),A.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),a&&A.default.createElement(r.Heading,{className:"survey-thankyou-title",tag:"h3"},a),n&&A.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},n)))))},exports.THRCardEmbed=function(n){var l,r,c,s=n.isSide,u=n.locale,f=n.thrContent,p=n.isMobile,h=n.info,v=n.inputErrorMessage,b=n.onFormChange,C=n.onSubmit,k=E.useTranslations().t,S=w.useHealthToolsCache(u).getHealthToolLink,_=e.useMemo((function(){return S(d.HEALTH_TOOL_TYPE.THR)}),[S]),N=e.useState(!1),L=N[0],T=N[1],M=e.useState("low_intensity"),B=M[0],I=M[1],z=e.useState(!1),D=z[0],F=z[1],H=e.useState("male"),P=H[0],j=H[1],G=e.useState([{label:"60",value:60}]),R=G[0],O=G[1],W=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),U=W[0],q=W[1],V=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],Z=[{value:"low_intensity",label:k("targetHeartRate.lowIntensity.title"),image:m.CommonGAssets.getAssetPath("/low.svg"),imageActive:m.CommonGAssets.getAssetPath("/low-active.svg"),content:k("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:k("targetHeartRate.moderateIntensity.title"),image:m.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:m.CommonGAssets.getAssetPath("/moderate-active.svg"),content:k("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:k("targetHeartRate.aerobicZone.title"),image:m.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:m.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:k("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:k("targetHeartRate.vigorousIntensity.title"),image:m.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:m.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:k("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:k("targetHeartRate.maximumIntensity.title"),image:m.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:m.CommonGAssets.getAssetPath("/maximum-active.svg"),content:k("targetHeartRate.maximumIntensity.note")}],Q=e.useMemo((function(){return[{value:"male",label:k("gender.male"),content:A.default.createElement(x.Icon.GenderChooseBoy,null)},{value:"female",label:k("gender.female"),content:A.default.createElement(x.Icon.GenderChooseGirl,null)}]}),[]),$=e.useMemo((function(){return a.__spreadArray([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]);return e.useEffect((function(){var e=((new Date).getTime()-new Date(h.age).getTime())/1e3;T(e>=567648e3);var t=V.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||V[0];q(t),O([{label:"60",value:60}])}),[h.age]),A.default.createElement(i.StyledContainer,{"data-is-side":s},A.default.createElement(i.ToolsBannerCard,{isSide:s,bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:A.default.createElement("img",{alt:"health-tool-icon",src:null==f?void 0:f.featured_image,style:{objectFit:"contain",marginLeft:"auto"}}),heading:k("targetHearRate.heading"),medicalReview:(null===(l=null==f?void 0:f.reviewedBy)||void 0===l?void 0:l.display_name)?A.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},A.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(d.formatUserProfileUrl(null==f?void 0:f.reviewedBy),'"\n >\n ').concat(null===(r=null==f?void 0:f.reviewedBy)||void 0===r?void 0:r.display_name,"\n </a>"),date:null==f?void 0:f.reviewedDate})}}),A.default.createElement("span",null)):void 0,isMobile:p}),A.default.createElement(y.Container,null,A.default.createElement(i.StyledContent,{onSubmit:function(e){return e.preventDefault()},"data-is-side":s},A.default.createElement(i.StyledRow$1,null,p&&A.default.createElement(i.StyledTHRGender,{"data-is-side":s},A.default.createElement(y.Checkbox,{checked:D,onChange:function(){return F(!D)}}),A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",color:o.theme.colors.gray800,fontSize:"14px"},htmlFor:"gender-selector"},k("tool.askChecking"))),A.default.createElement(i.FormControl,null,A.default.createElement(i.StyledInput,{size:"md",name:"gender",label:k("bmi.selectGender"),CustomInput:A.default.createElement(x.RadioImageGroup,{options:Q,value:P,onChange:function(e){j(e),O([{label:"60",value:60}])},className:"gender-option"}),className:"input-label"})),!p&&A.default.createElement(i.StyledTHRGender,{"data-is-side":s},A.default.createElement(y.Checkbox,{checked:D,onChange:function(){return F(!D)}}),A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",color:o.theme.colors.gray800,fontSize:"14px"},htmlFor:"gender-selector"},k("tool.askChecking")))),A.default.createElement(i.StyledRow$1,null,A.default.createElement(X,{info:h,locale:u,errorMessage:v,onChange:b}),A.default.createElement(i.FormDropDown,null,A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},k("targetHeartRate.heartRateInput")),A.default.createElement(d.Dropdown,{options:$,placeholder:String("male"===P?U.rangeMale:U.rangeFemale),id:"thr-dropdown",size:"md",value:R[0],onChange:function(e){return O([{label:e.label,value:e.value}])}}))),L&&A.default.createElement(i.FormControl,null,A.default.createElement(i.StyledActive,null,A.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:o.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},k("targetHeartRate.selectActive")),A.default.createElement("div",{className:"card"},A.default.createElement(Y,{options:Z.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:B,onChange:function(e){I(e)},className:"gender-selector"})),B&&A.default.createElement("div",{className:"note"},A.default.createElement("img",{style:{height:"16px",width:"16px"},src:m.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),A.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(c=Z[Z.findIndex((function(e){return e.value==B}))||0])||void 0===c?void 0:c.content)),!B&&A.default.createElement("span",{style:{color:"#e64728"}},v.intensity)))),A.default.createElement(i.StyledButton$1,{size:"lg",onClick:function(){C(P,B,R)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(g.domainLocales[u],"/").concat(_)},k("bmi.submit"))))},exports.Tabs=function(a){var n=a.style,l=a.initialTab,r=a.tabContent,d=a.onChange,s=a.className,u=a.dataEventCategory,m=a.dataEventAction,f=a.dataEventLabel,p=a.id,g=e.useState(l||0),h=g[0],v=g[1],y=c.useId(r.length);return e.useEffect((function(){v(l)}),[l]),A.default.createElement(i.StyledTabs,{style:n,className:s,role:"tablist",id:p},r.map((function(e,a){return A.default.createElement(i.StyledTab,{"data-is-tab-active":h===a||void 0,"aria-selected":h===a,role:"tab",onClick:function(){v(a),d&&d(a)},onKeyDown:function(e){"Enter"===e.key&&(v(a),d&&d(a))},key:y[a],"data-event-category":u,"data-event-action":m,"data-event-label":f,tabIndex:0},A.default.createElement(i.StyledTabContent,null,e.icon&&A.default.createElement(i.StyledIcon,null,e.icon),A.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||o.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var n=e.type,l=e.children,o=e.style,r=e.isInline,i=e.isSquared,c=void 0!==i&&i,d=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,f=e.isSelected,p=e.textProps,g=void 0===p?{size:"sm"}:p,h=g.color?{"--text-props-color":g.color}:{};return A.default.createElement(t.StyledTag,{"data-is-squared":c||void 0,"data-tag-type":n,"data-is-light":s||void 0,"data-has-more-padding":u||void 0,"data-is-inline":r||void 0,style:a.__assign(a.__assign({},o),h),className:d,"data-is-selected":f||void 0,"data-is-link":m||void 0,tagType:n,isInline:r,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:c,tagIsALink:m},A.default.createElement(t.Text,a.__assign({},g),l))},exports.Toggle=function(e){var a=e.className,n=e.id,l=e.onChange,o=e.checked,r=e.style,i=e.label;return A.default.createElement(t.StyledToggle,{className:a,style:r},A.default.createElement("input",{type:"checkbox",id:n,onChange:l,checked:o}),A.default.createElement("label",{htmlFor:n},A.default.createElement(t.StyledToggleIcon,null),i&&A.default.createElement(t.StyledToggleLabel,null,i)))},exports.UnderlinedLink=function(e){var a=e.size,n=e.isDisabled,l=e.className,o=e.link,r=e.style;return A.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":a,style:r,"data-disabled":n||void 0},o)},exports.Uploader=function(e){var a=e.type,n=e.withIcon,o=e.onFileSelected,r=e.inputId,i=e.withElement,c=e.fileAcceptType,d=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return A.default.createElement(t.StyledUploader,{className:u},"badge"===a?A.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!i},i,A.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!i},n)):i?A.default.createElement("div",{onClick:m},i):A.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:n,onClick:m},A.default.createElement(t.StyledDefaultButtonContent,null,A.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},A.default.createElement("defs",null,A.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),A.default.createElement("title",null,"upload"),A.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),A.default.createElement("input",{id:"uploader-input-"+r,accept:c,multiple:d,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},exports.index=V,exports.index$1=Q;
package/build/types-7b4a0dbd.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-e6f346c4.js"),t=require("react"),n=require("./constants-ca5ea110.js"),a=require("./index-d28c27ca.js"),i=require("./cookieHelper-612b90fa.js"),o=require("./useTranslations-62f5bf8f.js"),r=require("lodash/debounce"),l=require("./index.styled-27ff3b4a.js");require("./gAssets.js");var s=require("./index-432eb60f.js"),c=require("./screenSizeContext-8f86eb30.js");require("react-range"),require("date-fns");var u=require("styled-components");require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("@mantine/core"),require("./translationsContext-0cab5713.js");var d=require("string-format"),p=require("./theme-696d81a9.js"),h=require("react-loading-skeleton"),f=require("react-id-generator"),g=require("lodash/shuffle"),m=require("./useOutsideClick-528bfd6c.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=C(t),x=C(r),b=C(u),y=C(d),_=C(h),w=C(g);var E,k,L,S,T,O,I,M,R,A,N,P,j=b.default.div(E||(E=e.__makeTemplateObject([""],[""]))),F=b.default.div(k||(k=e.__makeTemplateObject(["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"],["\n --searchbar-z-index: 305;\n &[data-is-modal='true'] {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n height: var(--mobile-care-searchbar-height, 100%);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n background-color: white;\n z-index: var(--searchbar-z-index);\n }\n"]))),z=b.default.section(L||(L=e.__makeTemplateObject([""],[""]))),B=b.default.input(S||(S=e.__makeTemplateObject(["\n position: fixed;\n left: -100%;\n top: -100%;\n"],["\n position: fixed;\n left: -100%;\n top: -100%;\n"]))),D=b.default(s.Input)(T||(T=e.__makeTemplateObject(["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"],["\n #booking-search-bar & {\n input {\n font-size: 16px;\n }\n }\n"]))),H=u.createGlobalStyle(O||(O=e.__makeTemplateObject(["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"],["\n .care-popup-open {\n overflow: hidden;\n position: fixed;\n &::before {\n content: '';\n inset: 0;\n position: absolute;\n background-color: white;\n min-height: 100vh;\n min-width: 100vw;\n z-index: 2;\n }\n }\n"]))),V=function(e){var t=e.className,n=e.color;return v.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("path",{d:"M18 6L6 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),v.default.createElement("path",{d:"M6 6L18 18",stroke:n||"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))},K=function(e){var t=e.className,n=e.color;return v.default.createElement("svg",{width:"14",height:"20",viewBox:"0 0 14 20",className:t},v.default.createElement("path",{d:"M7 0C3.134 0 0 3.134 0 7C0 10.966 4.404 16.82 6.226 19.071C6.626 19.565 7.374 19.565 7.774 19.071C9.596 16.82 14 10.966 14 7C14 3.134 10.866 0 7 0ZM7 9.5C5.619 9.5 4.5 8.381 4.5 7C4.5 5.619 5.619 4.5 7 4.5C8.381 4.5 9.5 5.619 9.5 7C9.5 8.381 8.381 9.5 7 9.5Z",fill:n||"currentColor"}))},Z=function(e){var t=e.className,n=e.color;return v.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:t},v.default.createElement("path",{d:"M9.99967 6.66658C8.15801 6.66658 6.66634 8.15825 6.66634 9.99992C6.66634 11.8416 8.15801 13.3333 9.99967 13.3333C11.8413 13.3333 13.333 11.8416 13.333 9.99992C13.333 8.15825 11.8413 6.66658 9.99967 6.66658ZM17.4497 9.16658C17.0663 5.69158 14.308 2.93325 10.833 2.54992V1.66659C10.833 1.20825 10.458 0.833252 9.99967 0.833252C9.54134 0.833252 9.16634 1.20825 9.16634 1.66659V2.54992C5.69134 2.93325 2.93301 5.69158 2.54967 9.16658H1.66634C1.20801 9.16658 0.833008 9.54158 0.833008 9.99992C0.833008 10.4583 1.20801 10.8333 1.66634 10.8333H2.54967C2.93301 14.3083 5.69134 17.0666 9.16634 17.4499V18.3333C9.16634 18.7916 9.54134 19.1666 9.99967 19.1666C10.458 19.1666 10.833 18.7916 10.833 18.3333V17.4499C14.308 17.0666 17.0663 14.3083 17.4497 10.8333H18.333C18.7913 10.8333 19.1663 10.4583 19.1663 9.99992C19.1663 9.54158 18.7913 9.16658 18.333 9.16658H17.4497ZM9.99967 15.8333C6.77467 15.8333 4.16634 13.2249 4.16634 9.99992C4.16634 6.77492 6.77467 4.16658 9.99967 4.16658C13.2247 4.16658 15.833 6.77492 15.833 9.99992C15.833 13.2249 13.2247 15.8333 9.99967 15.8333Z",fill:n||"currentColor"}))},G=function(e){var t=e.className,n=e.color;return v.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("path",{d:"M11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18Z",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),v.default.createElement("path",{d:"M20 20L16 16",stroke:n||"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))},q=function(e){var t=e.width,n=e.height;return v.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}))},U=b.default.li(I||(I=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n\n > :first-child {\n flex: 1;\n }\n\n > :nth-child(2) {\n flex: 6;\n }\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n"])),p.theme.colors.neutral100),Q=b.default.div(M||(M=e.__makeTemplateObject(["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"],["\n display: flex;\n position: absolute;\n top: 48px;\n min-width: 100%;\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n border-radius: 6px;\n background-color: white;\n z-index: 30;\n\n "," {\n position: relative;\n top: 0;\n box-shadow: initial;\n }\n"])),c.MediaQueries.mbDown),W=b.default.ul(R||(R=e.__makeTemplateObject(["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"],["\n width: 100%;\n max-height: 600px;\n overflow-y: auto;\n"]))),Y=b.default(K)(A||(A=e.__makeTemplateObject(["\n width: 12px;\n height: 18px;\n"],["\n width: 12px;\n height: 18px;\n"]))),J=b.default.li(N||(N=e.__makeTemplateObject(["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"],["\n position: relative;\n cursor: pointer;\n padding: 12px 18px;\n display: flex;\n align-items: center;\n gap: 14px;\n overflow: hidden;\n\n ","\n\n & + li::before {\n content: '';\n position: absolute;\n left: 18px;\n right: 18px;\n top: 0;\n height: 1px;\n background-color: ",";\n }\n\n &:not([data-is-denied='true']):hover {\n background-color: ",";\n }\n\n &:last-child:hover {\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n\n &:first-child:hover {\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n\n &[data-is-denied='true'] {\n cursor: not-allowed;\n }\n"])),(function(e){return e.isSelected&&"\n &::after {\n content: ".concat("url(\"data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9803 0.990669C16.7205 0.99841 16.4739 1.10699 16.2928 1.2934L5.99984 11.5864L2.70687 8.2934C2.61473 8.19743 2.50436 8.12081 2.38223 8.06802C2.2601 8.01524 2.12867 7.98735 1.99563 7.986C1.86259 7.98464 1.73061 8.00985 1.60743 8.06014C1.48426 8.11043 1.37235 8.18479 1.27827 8.27887C1.1842 8.37295 1.10983 8.48485 1.05954 8.60803C1.00926 8.73121 0.98405 8.86318 0.985403 8.99622C0.986757 9.12926 1.01464 9.26069 1.06743 9.38282C1.12021 9.50495 1.19684 9.61532 1.29281 9.70747L5.29281 13.7075C5.48035 13.8949 5.73467 14.0002 5.99984 14.0002C6.26501 14.0002 6.51933 13.8949 6.70687 13.7075L17.7069 2.70747C17.8514 2.567 17.9501 2.38616 17.99 2.18864C18.03 1.99112 18.0093 1.78614 17.9308 1.60055C17.8523 1.41497 17.7195 1.25744 17.5499 1.14861C17.3803 1.03978 17.1817 0.984729 16.9803 0.990669Z' fill='%232685F1'/%3E%3C/svg%3E%0A\")",";\n top: 50%;\n right: 18px;\n position: absolute;\n transform: translateY(-50%);\n }\n ")}),p.theme.colors.neutral100,p.theme.colors.neutral50),X=b.default((function(t){var n=t.count,a=t.className,i=f.useId(n);return v.default.createElement(v.default.Fragment,null,e.__spreadArray([],Array(n),!0).map((function(e,t){return v.default.createElement(U,{className:a,key:i[t]},v.default.createElement(_.default,{count:1,height:32}),v.default.createElement(_.default,{count:1,height:24}))})))}))(P||(P=e.__makeTemplateObject(["\n &:first-child {\n padding-top: 18px;\n }\n"],["\n &:first-child {\n padding-top: 18px;\n }\n"]))),$=function(e){var t=e.cities,n=e.isLoading,a=e.onLocationClick,i=e.onCurrentLocationClick,r=e.geoLocationPermission,s=void 0===r?"unset":r,c=e.isLocationLoading,u=e.selectedLocation,d=o.useTranslations().t,h="denied"===s,f=function(){return v.default.createElement(J,{role:"button",tabIndex:0,onClick:function(e){h||(e.nativeEvent.stopImmediatePropagation(),c||i())},"data-is-denied":h},h?v.default.createElement(l.Text,{color:"var(--gray600)",size:"md"},"x"):c?v.default.createElement(_.default,{height:20,width:20}):v.default.createElement(Z,{color:p.theme.colors.primaryBase}),v.default.createElement("div",null,h?v.default.createElement(l.Text,{color:"var(--gray600)",size:"sm",style:{lineHeight:1.5}},d("booking.searchBar.grantLocation")):c?v.default.createElement(_.default,{height:20,style:{width:"calc(100% - 16px)"}}):v.default.createElement(l.Text,{size:"md"},d("booking.searchBar.useCurrentLocation"))))};return v.default.createElement(Q,{"data-testid":"location-search-results"},v.default.createElement(W,null,n?v.default.createElement(X,{count:5}):!t||t.length<1?v.default.createElement(v.default.Fragment,null,f(),v.default.createElement(J,{"data-is-denied":"true"},v.default.createElement(l.Text,{size:"sm",color:"#ccc"},d("booking.searchBar.noResults")))):v.default.createElement(v.default.Fragment,null,f(),t.map((function(e){return v.default.createElement(J,{key:e.id,onClick:function(t){t.nativeEvent.stopImmediatePropagation(),a&&a(e)},role:"button",tabIndex:0,"aria-label":"Select ".concat(e.name," as location"),isSelected:(null==u?void 0:u.id)===e.id},v.default.createElement(Y,{color:p.theme.colors.neutral400}),v.default.createElement(l.Text,{size:"md"},e.name))})))))},ee="TYPE_CHARACTER",te="REMOVE_CHARACTER",ne="REMOVE_ALL",ae="REMOVE_LAST_VISIBLE_NODE",ie="PAUSE_FOR",oe="CHANGE_DELETE_SPEED",re="CHANGE_DELAY",le="PASTE_STRING",se=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},ce="TEXT_NODE",ue=function(){function t(t){var n=this;this.state={lastFrameTime:null,pauseUntil:null,eventQueue:[],eventLoop:null,eventLoopPaused:!1,reverseCalledEvents:[],calledEvents:[],visibleNodes:[],initialOptions:null},this.options={strings:null,delay:"natural",pauseFor:1500,deleteSpeed:"natural",loop:!1,autoStart:!1,stringSplitter:null,onCreateTextNode:null,onRemoveNode:null},this.start=function(){return n.state.eventLoopPaused=!1,n.runEventLoop(),n},this.pause=function(){return n.state.eventLoopPaused=!0,n},this.stop=function(){return n.state.eventLoop&&(window.cancelAnimationFrame(n.state.eventLoop),n.state.eventLoop=null),n},this.pauseFor=function(e){return n.addEventToQueue(ie,{ms:e}),n},this.typeOutAllStrings=function(){return"string"==typeof n.options.strings?(n.typeString(n.options.strings).pauseFor(n.options.pauseFor),n):(n.options.strings.forEach((function(e){n.typeString(e).pauseFor(n.options.pauseFor).deleteAll(n.options.deleteSpeed)})),n)},this.typeString=function(e,t){if(void 0===t&&(t=null),e){var a=(n.options||{}).stringSplitter,i="function"==typeof a?a(e):e.split("");n.typeCharacters(i,t)}return n},this.pasteString=function(e,t){return void 0===t&&(t=null),e&&n.addEventToQueue(le,{character:e,node:t}),n},this.deleteAll=function(e){return void 0===e&&(e="natural"),n.addEventToQueue(ne,{speed:e}),n},this.changeDeleteSpeed=function(e){if(!e)throw new Error("Must provide new delete speed");return n.addEventToQueue(oe,{speed:e}),n},this.changeDelay=function(e){if(!e)throw new Error("Must provide new delay");return n.addEventToQueue(re,{delay:e}),n},this.deleteChars=function(e){if(!e)throw new Error("Must provide amount of characters to delete");for(var t=0;t<e;t++)n.addEventToQueue(te);return n},this.typeCharacters=function(e,t){if(void 0===t&&(t=null),!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(e){n.addEventToQueue(ee,{character:e,node:t})})),n},this.removeCharacters=function(e){if(!e||!Array.isArray(e))throw new Error("Characters must be an array");return e.forEach((function(){n.addEventToQueue(te)})),n},this.addEventToQueue=function(e,t,a){return void 0===a&&(a=!1),n.addEventToStateProperty(e,t,a,"eventQueue")},this.addReverseCalledEvent=function(e,t,a){return void 0===a&&(a=!1),n.options.loop?n.addEventToStateProperty(e,t,a,"reverseCalledEvents"):n},this.addEventToStateProperty=function(t,a,i,o){void 0===i&&(i=!1);var r={eventName:t,eventArgs:a||{}};return n.state[o]=i?e.__spreadArray([r],n.state[o],!0):e.__spreadArray(e.__spreadArray([],n.state[o],!0),[r],!1),n},this.runEventLoop=function(){n.state.lastFrameTime||(n.state.lastFrameTime=Date.now());var t=Date.now(),a=t-n.state.lastFrameTime;if(!n.state.eventQueue.length){if(!n.options.loop)return;n.state.eventQueue=e.__spreadArray([],n.state.calledEvents,!0),n.state.calledEvents=[],n.options=e.__assign({},n.state.initialOptions)}if(n.state.eventLoop=window.requestAnimationFrame(n.runEventLoop),!n.state.eventLoopPaused){if(n.state.pauseUntil){if(t<n.state.pauseUntil)return;n.state.pauseUntil=null}var i=e.__spreadArray([],n.state.eventQueue,!0),o=i.shift();if(!(a<=(o.eventName===ae||o.eventName===te?"natural"===n.options.deleteSpeed?se(40,80):n.options.deleteSpeed:"natural"===n.options.delay?se(120,160):n.options.delay))){var r=o.eventName,l=o.eventArgs;switch(r){case le:case ee:var s=l.character,c=document.createTextNode(s),u=c;n.options.onCreateTextNode&&"function"==typeof n.options.onCreateTextNode&&(u=n.options.onCreateTextNode(s,c)),n.state.visibleNodes=e.__spreadArray(e.__spreadArray([],n.state.visibleNodes,!0),[{type:ce,character:s,node:u}],!1);break;case te:i.unshift({eventName:ae,eventArgs:{removingCharacterNode:!0}});break;case ie:var d=o.eventArgs.ms;n.state.pauseUntil=Date.now()+parseInt(d);break;case ne:var p=n.state.visibleNodes,h=l.speed,f=[];h&&f.push({eventName:oe,eventArgs:{speed:h,temp:!0}});for(var g=0,m=p.length;g<m;g++)f.push({eventName:ae,eventArgs:{removingCharacterNode:!1}});h&&f.push({eventName:oe,eventArgs:{speed:n.options.deleteSpeed,temp:!0}}),i.unshift.apply(i,f);break;case ae:if(n.state.visibleNodes.length){var C=n.state.visibleNodes.pop(),v=C.node;s=C.character;n.options.onRemoveNode&&"function"==typeof n.options.onRemoveNode&&n.options.onRemoveNode({node:v,character:s}),v&&v.parentNode.removeChild(v)}break;case oe:n.options.deleteSpeed=o.eventArgs.speed;break;case re:n.options.delay=o.eventArgs.delay}n.options.loop&&(o.eventName===ae||o.eventArgs&&o.eventArgs.temp||(n.state.calledEvents=e.__spreadArray(e.__spreadArray([],n.state.calledEvents,!0),[o],!1))),n.state.eventQueue=i,n.state.lastFrameTime=t}}},t&&(this.options=e.__assign(e.__assign({},this.options),t)),this.state.initialOptions=e.__assign({},this.options),this.init()}return t.prototype.init=function(){this.addEventToQueue(ne,null,!0),!0===this.options.autoStart&&this.options.strings&&this.typeOutAllStrings().start()},t}();function de(e){var n=e.inputRef,a=e.wrapperRef,i=e.disabled,r=o.useTranslations(),l=r.t,s=r.locale,c=t.useMemo((function(){if(i)return[];var e=["booking.searchBar.placeholder.hospital","booking.searchBar.placeholder.doctor"];return"zh-TW"!==s&&e.push("booking.searchBar.placeholder.specialty","booking.searchBar.placeholder.service"),w.default(e).map((function(e){return l(e)}))}),[l,s]);function u(e){var t=p();return t&&(t.placeholder=t.placeholder+e),null}function d(){var e=p();e&&(e.placeholder=e.placeholder.slice(0,-1))}function p(){return n&&n.current?n.current:a&&a.current&&a.current.querySelector("input")||null}t.useEffect((function(){if(!i){var e=p();e&&(e.placeholder="",new ue({strings:c,autoStart:!0,loop:!0,delay:32,deleteSpeed:32,pauseFor:1500,onCreateTextNode:u,onRemoveNode:d}))}}),[n,a])}var pe,he=b.default.div(pe||(pe=e.__makeTemplateObject(["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"],["\n user-select: none;\n input {\n pointer-events: none;\n background-color: white;\n }\n"])));function fe(n){var a=n.focused,i=n.value,r=void 0===i?"":i,l=n.onClick,s=n.trackingAttributes,c=n.inputSearchPlaceholder,u=o.useTranslations().t,d=t.useRef(null);de({wrapperRef:d,disabled:!!c});var h=t.useMemo((function(){return s?{"data-event-category":s.dataEventCategory,"data-event-action":s.dataEventAction,"data-event-label":s.dataEventLabel}:{}}),[s]);return v.default.createElement(he,e.__assign({onClick:function(){return l&&l()},ref:d},h),v.default.createElement(D,{inputClassName:"location"===a?"focused":void 0,name:"booking-search-placeholder",displayIcon:v.default.createElement(G,{color:p.theme.colors.gray400}),placeholder:u("booking.searchBar.searchInput.placeholder"),value:r,size:"md"}))}var ge,me,Ce,ve,xe,be,ye=b.default.header(ge||(ge=e.__makeTemplateObject(["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"],["\n display: flex;\n height: 64px;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n position: sticky;\n z-index: 99;\n background-color: white;\n top: 0;\n left: 0;\n"]))),_e=b.default.div(me||(me=e.__makeTemplateObject(["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"],["\n display: inline-flex;\n flex: 1;\n justify-content: flex-end;\n cursor: pointer;\n text-decoration: underline;\n"]))),we=b.default.div(Ce||(Ce=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n margin-left: 16px;\n cursor: pointer;\n"]))),Ee=b.default.div(ve||(ve=e.__makeTemplateObject(["\n width: 100%;\n margin-left: 24px;\n"],["\n width: 100%;\n margin-left: 24px;\n"]))),ke=b.default(l.Text)(xe||(xe=e.__makeTemplateObject(["\n color: ",";\n text-align: start;\n"],["\n color: ",";\n text-align: start;\n"])),p.theme.colors.secondaryDark),Le=function(e){var t=e.className,n=e.onLeftClick,a=e.headingText,i=e.onRightClick,o=e.iconLeft,r=e.textRight;return v.default.createElement(ye,{className:t},v.default.createElement(we,{onClick:n},o||v.default.createElement(V,{color:p.theme.colors.gray800})),v.default.createElement(Ee,null,v.default.createElement(ke,{size:"md",type:"bold"},a)),v.default.createElement(_e,{onClick:i},r&&v.default.createElement("p",null,r)))},Se={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0},Te={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 Oe(t){var n=t.selectedLocation,a=t.searchLocationKeywords;return n&&a!==n.name?e.__assign(e.__assign({},t),{searchLocationKeywords:n.name}):t}function Ie(t,a){var i;switch(t.isDebug&&console.log("bookingSearchBar",{action:a,state:t}),a.type){case be.NavigateTo:return e.__assign(e.__assign({},t),{navigateTo:a.payload,focused:"none",isMobileModalOpened:!1});case be.ClickOutsideInputLocation:return t.isMobile||"location"!==t.focused?t:Oe(e.__assign(e.__assign({},t),{focused:"none"}));case be.ClickOutsideInputSearch:return t.isMobile||"search"!==t.focused?t:e.__assign(e.__assign({},t),{focused:"none"});case be.FocusInputLocation:var o=e.__assign(e.__assign({},t),{focused:"location"});return(null===(i=t.selectedLocation)||void 0===i?void 0:i.id)===n.ID_OPTION_CURRENT_LOCATION&&(o.searchLocationKeywords=""),o;case be.FocusInputSearch:var r=e.__assign(e.__assign({},t),{focused:"search"});return t.isMobile?Oe(r):r;case be.ChangeInputLocation:return e.__assign(e.__assign({},t),{searchLocationKeywords:a.payload});case be.ChangeInputSearch:var l=a.payload;return e.__assign(e.__assign({},t),{searchKeywords:l,isLoadingSearchResults:l.trim().length>Se[t.locale]});case be.SelectCurrentLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case be.ClearInputLocation:return e.__assign(e.__assign({},t),{focused:"location",cities:t.initialCities,searchLocationKeywords:""});case be.ClearInputSearch:return e.__assign(e.__assign({},t),{focused:"search",searchKeywords:""});case be.SelectLocation:return e.__assign(e.__assign({},t),{focused:"none",selectedLocation:a.payload,searchLocationKeywords:a.payload.name});case be.SelectSearchResult:return e.__assign(e.__assign({},t),{searchKeywords:a.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:a.payload.url});case be.FetchCitiesStart:return e.__assign(e.__assign({},t),{isLoadingCities:!0});case be.FetchCitiesFinish:return e.__assign(e.__assign({},t),{isLoadingCities:!1});case be.FetchSearchResultsStart:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!0});case be.FetchSearchResultsFinish:return e.__assign(e.__assign({},t),{isLoadingSearchResults:!1});case be.FetchSearchResultsComplete:var s=e.__assign(e.__assign({},t),{searchResults:a.payload});return 0===t.initialSearchResults.length&&(s.initialSearchResults=a.payload),s;case be.FetchCitiesByGeoIpComplete:var c=a.payload.cities,u=a.payload.default;(c=c.filter((function(e){return e.id!==u.id}))).unshift(u),t.initialSelectedCity&&!c.find((function(e){return e.id===t.initialSelectedCity.id}))&&c.unshift(t.initialSelectedCity);var d=e.__assign(e.__assign({},t),{defaultCity:u,initialCities:c,cities:c});return"denied"!==t.geoLocationPermission||t.initialSelectedCity||(d.selectedLocation=u,d.searchLocationKeywords=u.name),d;case be.FetchCitiesByKeywordComplete:return e.__assign(e.__assign({},t),{cities:a.payload});case be.DisplayInitialCities:return e.__assign(e.__assign({},t),{cities:t.initialCities});case be.DisplayInitialSearchResults:return e.__assign(e.__assign({},t),{searchResults:t.initialSearchResults,isLoadingSearchResults:!1});case be.GrantGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"granted",geoLocationCoordinates:a.payload});case be.DenyGeoLocationPermission:return e.__assign(e.__assign({},t),{geoLocationPermission:"denied",geoLocationCoordinates:null});case be.OpenMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!0});case be.CloseMobileModal:return e.__assign(e.__assign({},t),{isMobileModalOpened:!1});case be.UpdateInitialSearchValue:return e.__assign(e.__assign({},t),{searchKeywords:a.payload});case be.SetInputSearchPlaceholder:return e.__assign(e.__assign({},t),{inputSearchPlaceholder:a.payload});default:return t}}!function(e){e.NavigateTo="navigate to url",e.ClickOutsideInputLocation="click outside input location",e.ClickOutsideInputSearch="click outside input search",e.SelectCurrentLocation="select current location",e.FocusInputLocation="focus input location",e.FocusInputSearch="focus input search",e.ChangeInputLocation="change input location",e.ChangeInputSearch="change input search",e.ClearInputLocation="clear input location",e.ClearInputSearch="clear input search",e.SelectLocation="select location",e.FetchCitiesStart="fetch cities start",e.FetchCitiesFinish="fetch cities finish",e.FetchSearchResultsStart="fetch search results start",e.FetchSearchResultsComplete="fetch search results complete",e.FetchSearchResultsFinish="fetch search results finish",e.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",e.FetchCitiesByKeywordComplete="fetch cities by keyword finish",e.DisplayInitialCities="display initial cities",e.DisplayInitialSearchResults="display initial search results",e.GrantGeoLocationPermission="grant geolocation permission",e.DenyGeoLocationPermission="deny geolocation permission",e.OpenMobileModal="open mobile modal",e.CloseMobileModal="close mobile modal",e.UpdateInitialSearchValue="update initial search value",e.SelectSearchResult="select search result",e.SetInputSearchPlaceholder="set input search placeholder"}(be||(be={}));var Me,Re,Ae,Ne,Pe,je,Fe,ze=function(){return v.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72624 14.8099 11.1704 14.2653 12.3089 13.3546L15.2377 16.2834C15.5265 16.5722 15.9947 16.5722 16.2834 16.2834C16.5722 15.9947 16.5722 15.5265 16.2834 15.2377L13.3546 12.3089C14.2653 11.1704 14.8099 9.72624 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"white"}))},Be=b.default.button(Me||(Me=e.__makeTemplateObject(["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"],["\n min-height: 100%;\n border-radius: 6px;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 11px;\n cursor: pointer;\n flex: 0.3;\n\n "," {\n --margin: 16px;\n min-height: 44px;\n margin: var(--margin);\n width: calc(100% - var(--margin) * 2);\n position: absolute;\n bottom: 0;\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus-visible {\n outline: 1px solid black;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),c.MediaQueries.mbDown,(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive})),De=b.default(l.Text)(Re||(Re=e.__makeTemplateObject(["\n font-weight: ",";\n"],["\n font-weight: ",";\n"])),(function(e){return e.theme.sizes.fwSemiBold})),He=function(e){var t=e.onClick,n=(0,o.useTranslations().t)("booking.searchBar.searchButton");return v.default.createElement(Be,{onClick:t,title:n},v.default.createElement(ze,null),v.default.createElement(De,{size:"s3",color:"white"},n))},Ve=b.default.div(Ae||(Ae=e.__makeTemplateObject(["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"],["\n display: flex;\n gap: 16px;\n "," {\n flex-direction: column;\n padding: 14px;\n background-color: ",";\n\n input {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04))\n drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06))\n drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n }\n\n input {\n background-color: white;\n }\n"])),c.MediaQueries.mbDown,p.theme.colors.blue50),Ke=b.default.div(Ne||(Ne=e.__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"]))),Ze=b.default(Ke)(Pe||(Pe=e.__makeTemplateObject(["\n flex: 1;\n"],["\n flex: 1;\n"]))),Ge=b.default(Ke)(je||(je=e.__makeTemplateObject(["\n flex: 2;\n"],["\n flex: 2;\n"]))),qe=b.default((function(e){var t=e.className,n=e.color;return v.default.createElement("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("rect",{x:"4",y:"4",width:"16",height:"16",rx:"8",fill:"white"}),v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z",fill:n||"currentColor"}))}))(Fe||(Fe=e.__makeTemplateObject(["\n display: none;\n &.shown {\n display: block;\n }\n"],["\n display: none;\n &.shown {\n display: block;\n }\n"])));function Ue(e){var a=e.isMobile,i=e.state,r=e.dispatch,l=e.debouncedFetchCitiesByKeyword,s=e.debouncedFetchSearchResults,c=e.focusLocationInput,u=e.focusSearchInput,d=e.renderLocationResults,h=e.renderSearchResults,f=e.locationTrackingAttributes,g=e.trackingAttributes,C=e.onSearch,x=e.initalSearchValue,b=t.useRef(null),y=t.useRef(null),_=i.focused,w=i.searchLocationKeywords,E=i.geoLocationPermission,k=i.selectedLocation,L=i.searchKeywords,S=i.inputSearchPlaceholder,T=o.useTranslations().t;de({wrapperRef:y,disabled:!!S}),m.useOutsideClick(b,(function(){r({type:be.ClickOutsideInputLocation})})),m.useOutsideClick(y,(function(){r({type:be.ClickOutsideInputSearch})}));var O=t.useMemo((function(){return"granted"===E&&(null==k?void 0:k.id)===n.ID_OPTION_CURRENT_LOCATION?p.theme.colors.primaryBase:p.theme.colors.gray400}),[E,k]),I=t.useCallback((function(e){r({type:be.ChangeInputSearch,payload:e}),"function"!=typeof C&&(e.trim().length>Se[i.locale]||x?s(e.trim(),i):(s.cancel(),r({type:be.DisplayInitialSearchResults})))}),[r,i]),M=t.useCallback((function(e){r({type:be.ChangeInputLocation,payload:e}),e.trim().length>Se[i.locale]?l(e.trim()):(l.cancel(),r({type:be.DisplayInitialCities}))}),[l,r]);return v.default.createElement(Ve,null,v.default.createElement(Ze,{ref:b},v.default.createElement(D,{inputClassName:"location"===_?"focused":void 0,placeholder:T("booking.searchBar.locationPlaceholder"),autoComplete:"off",name:"search-location",displayIcon:v.default.createElement(K,{className:"location-pin-icon",color:O}),actionIcon:v.default.createElement(qe,{color:p.theme.colors.gray300,className:""!==w?"shown":""}),onActionClick:function(){r({type:be.ClearInputLocation}),l.cancel(),c()},value:w,onChange:M,onFocus:function(){return r({type:be.FocusInputLocation})},size:"md",trackingAttributes:f}),!a&&d()),v.default.createElement(Ge,{ref:y},v.default.createElement(D,{placeholder:S||T("booking.searchBar.searchInput.placeholder"),autoComplete:"off",name:"search-results",actionIcon:v.default.createElement(qe,{color:p.theme.colors.gray300,className:""!==L?"shown":""}),onActionClick:function(){r({type:be.ClearInputSearch}),s.cancel(),s("",i),u()},value:L,onChange:I,onFocus:function(){return r({type:be.FocusInputSearch})},inputClassName:"search"===_?"focused":void 0,size:"md",trackingAttributes:g,onKeyPress:function(e){i.autoCompleteDisabled&&"Enter"===e.key&&C&&C({cityId:i.selectedLocation.id,keyword:L})},enterKeyHint:i.autoCompleteDisabled?"search":void 0}),!a&&h()),i.autoCompleteDisabled&&!i.isMobile&&v.default.createElement(He,{onClick:function(){C({cityId:i.selectedLocation.id,keyword:L})}}))}var Qe,We,Ye,Je,Xe,$e,et,tt,nt,at,it,ot,rt,lt,st=b.default.li(Qe||(Qe=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"],["\n display: flex;\n align-items: center;\n gap: var(--rowGap);\n cursor: pointer;\n"]))),ct=b.default.div(We||(We=e.__makeTemplateObject(["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"],["\n --wrapper-size: var(--graphicSize);\n border-radius: calc(var(--wrapper-size) / 2);\n background-color: var(--neutral50);\n width: var(--wrapper-size);\n height: var(--wrapper-size);\n aspect-ratio: 1/1;\n overflow: hidden;\n\n ","\n\n img {\n width: var(--graphicSize);\n height: var(--graphicSize);\n ","\n }\n\n &:focus-visible {\n outline: 1px solid ",";\n }\n"])),(function(e){var t=e.type;return t&&"doctors"===t&&"\n border-radius: calc(var(--graphicSize) / 2);\n "}),(function(e){var t=e.type;return t&&"doctors"===t?"\n\n object-fit: cover; \n ":"\n object-fit: contain;\n "}),p.theme.colors.gray600),ut=b.default(l.Text)(Ye||(Ye=e.__makeTemplateObject(["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"],["\n line-height: 22px;\n letter-spacing: -0.2px;\n\n "," {\n &[data-size='p3'] {\n font-size: 14px;\n }\n }\n"])),c.MediaQueries.tdUp),dt=b.default.figure(Je||(Je=e.__makeTemplateObject(["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"],["\n max-width: var(--graphicSize);\n min-width: var(--graphicSize);\n"]))),pt=b.default.svg(Xe||(Xe=e.__makeTemplateObject(["\n margin: 0 auto;\n display: block;\n"],["\n margin: 0 auto;\n display: block;\n"]))),ht=b.default.div($e||($e=e.__makeTemplateObject(["\n display: grid;\n place-items: center;\n"],["\n display: grid;\n place-items: center;\n"]))),ft={doctors:function(e){var t=e.width,n=e.height;return v.default.createElement("svg",{width:t||32,height:n||32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("g",{clipPath:"url(#clip0_14712_400114)"},v.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"#E4E8EC"}),v.default.createElement("path",{d:"M22.065 9.58305C22.1108 9.80952 22.1431 10.0396 22.1614 10.2722C22.3769 13.0522 22.5858 16.1276 22.5727 17.618C22.5306 20.5688 19.708 21.1325 19.4564 21.1769L19.4495 21.5357L19.5228 23.9014C20.8688 23.9341 22.203 24.1759 23.4772 24.6196C24.5264 24.9739 25.4827 25.5591 26.2757 26.332C27.0688 27.105 27.6783 28.0461 28.0594 29.0858L31.9886 39.2068C31.91 39.3048 30.6939 39.6356 29.4888 39.944C30.1695 42.3315 30.4582 44.8142 30.3432 47.2953C30.2991 48.2666 30.1816 49.264 29.7245 50.1211C29.4508 50.6342 29.0319 51.0912 28.5296 51.3753C28.5099 51.4347 28.4864 51.4928 28.4593 51.5495C28.4293 51.6146 28.3908 51.6756 28.3448 51.7307C28.3293 51.7772 28.3232 51.8406 28.3162 51.9135C28.3004 52.0779 28.2799 52.2909 28.1362 52.4685C28.001 52.6373 27.8519 52.7945 27.6905 52.9386C27.6905 52.9386 27.092 52.9667 26.4133 52.9845L26.458 58.4088H5.7492L6.30965 52.9523L5.66093 53.1637C5.07664 53.3528 4.45628 53.4028 3.84925 53.3099C3.24222 53.2169 2.66526 52.9835 2.1643 52.6283C1.61489 52.2388 1.17445 51.715 0.884966 51.1068C0.595484 50.4987 0.46662 49.8266 0.510669 49.1545L0.644528 47.1369L1.41503 38.3366L1.81323 38.4135L-0.914307 37.8437L-0.402886 36.5663C-0.407359 36.5645 -0.411803 36.5627 -0.416214 36.5608C-0.410804 36.56 -0.40538 36.5594 -0.399946 36.5589L2.05995 30.4146C3.00034 28.0825 4.7421 26.1624 6.97187 24.9999C8.56171 24.176 10.3028 23.6861 12.0882 23.5597L11.788 16.5865C11.1882 16.6507 10.0095 16.5266 9.96087 14.954C9.91229 13.3824 11.0457 13.3171 11.6507 13.3961L11.6445 13.2523C11.5785 12.8433 11.5088 12.439 11.4577 12.2132C11.3782 11.8628 11.2611 11.4953 11.1419 11.1207C10.8794 10.2967 10.6061 9.43855 10.697 8.65293C10.697 8.65293 10.6909 8.00438 11.4565 7.24044C11.3707 6.86644 11.3686 6.47786 11.4507 6.10258C11.5366 5.70965 11.7125 5.34199 11.9645 5.02848C12.2165 4.71497 12.5377 4.46414 12.9029 4.29569C13.2682 4.12725 13.6675 4.04577 14.0696 4.05766C14.2277 4.06393 14.3849 4.08493 14.5418 4.10589C14.7932 4.13945 15.0439 4.17294 15.2971 4.14581C15.7708 4.09409 16.177 3.83884 16.5862 3.58167C16.8357 3.42492 17.0863 3.26745 17.354 3.15494C17.9119 2.93744 18.5266 2.91281 19.1002 3.08497C19.6738 3.25713 20.1733 3.61619 20.5192 4.105C20.5943 4.21716 20.6621 4.33678 20.7298 4.45631C20.9035 4.76299 21.077 5.06915 21.373 5.24769C21.5927 5.38236 21.8482 5.42658 22.1057 5.47114C22.2633 5.49842 22.4216 5.52582 22.5728 5.57417C23.0267 5.71015 23.3999 6.0411 23.6319 6.45436C23.6327 6.40753 23.6317 6.36062 23.629 6.31374C23.6502 6.3657 23.6623 6.42092 23.6649 6.47698C23.6661 6.49165 23.667 6.50632 23.6677 6.521C23.8246 6.82609 23.9058 7.17114 23.8885 7.51347C23.8544 7.93447 23.7053 8.33801 23.4574 8.68001C23.2096 9.02201 22.8725 9.28933 22.483 9.45278C22.3469 9.50712 22.2071 9.55061 22.065 9.58305Z",fill:"white"})),v.default.createElement("defs",null,v.default.createElement("clipPath",{id:"clip0_14712_400114"},v.default.createElement("rect",{width:"32",height:"32",rx:"16",fill:"white"}))))},services:function(e){var t=e.width,n=e.height;return v.default.createElement("svg",{width:t||30,height:n||30,viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v.default.createElement("circle",{cx:"15",cy:"15",r:"15",fill:"#F7F9FC"}),v.default.createElement("path",{d:"M14.9998 6.66663C12.2752 6.66663 9.85335 7.97848 8.33317 9.99996H10.5988C11.8 8.94527 13.3625 8.33329 14.9998 8.33329C16.6372 8.33329 18.1997 8.94527 19.4009 9.99996H21.6665C20.1463 7.97848 17.7244 6.66663 14.9998 6.66663ZM7.7863 10.8333C7.07666 13.0403 6.6665 15.5989 6.6665 18.3333C6.6665 20.0846 6.82601 21.7675 7.13525 23.3333H22.8644C23.1737 21.7675 23.3332 20.0846 23.3332 18.3333C23.3332 15.5989 22.923 13.0403 22.2134 10.8333H7.7863ZM14.9998 13.3333C17.3013 13.3333 19.1665 15.1985 19.1665 17.5C19.1665 19.8014 17.3013 21.6666 14.9998 21.6666C12.6984 21.6666 10.8332 19.8014 10.8332 17.5C10.8332 15.1985 12.6984 13.3333 14.9998 13.3333ZM14.1665 15V16.6666H12.4998V18.3333H14.1665V20H15.8332V18.3333H17.4998V16.6666H15.8332V15H14.1665Z",fill:"#BFC5CC"}))}},gt=function(e){var n=e.type,a=e.item,i=e.imageUrl,o=e.onClickItem,r=t.useMemo((function(){var e=ft[n]||q;return v.default.createElement(e,{width:32,height:"services"===n?32:24})}),[n]);return v.default.createElement(st,{onClick:function(){return o&&o(a)},onKeyDown:function(e){"Enter"!==e.key&&"Space"!==e.key||o&&o(a)},tabIndex:0,role:"button"},v.default.createElement(dt,null,"hospitals"===n?v.default.createElement(pt,{width:"12",height:"16",viewBox:"0 0 12 16"},v.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.75 5.94873C0.75 3.04623 3.0975 0.69873 6 0.69873C8.9025 0.69873 11.25 3.04623 11.25 5.94873C11.25 9.07623 7.935 13.3887 6.5775 15.0312C6.2775 15.3912 5.73 15.3912 5.43 15.0312C4.065 13.3887 0.75 9.07623 0.75 5.94873ZM4.125 5.94873C4.125 6.98373 4.965 7.82373 6 7.82373C7.035 7.82373 7.875 6.98373 7.875 5.94873C7.875 4.91373 7.035 4.07373 6 4.07373C4.965 4.07373 4.125 4.91373 4.125 5.94873Z",fill:"#9AA2AC"})):v.default.createElement(ct,{type:n},i?v.default.createElement("img",{src:i,width:32,height:"services"===n?32:24}):r)),v.default.createElement(ut,{color:p.theme.colors.gray800,size:"p3"},a.name))},mt=function(){return v.default.createElement("svg",{width:"14",height:"18",viewBox:"0 0 14 18"},v.default.createElement("path",{d:"M7.00004 0.666992C5.29757 0.666992 3.64067 0.813476 2.52087 1.03158C1.73311 1.18457 1.16671 1.86816 1.16671 2.6722V4.83366C1.16671 5.29264 1.54106 5.66699 2.00004 5.66699H12C12.459 5.66699 12.8334 5.29264 12.8334 4.83366V2.69824C12.8334 1.89421 12.267 1.21061 11.4792 1.05762C10.3562 0.839518 8.69275 0.666992 7.00004 0.666992ZM6.16671 1.50033H7.83337V2.33366H8.66671V4.00033H7.83337V4.83366H6.16671V4.00033H5.33337V2.33366H6.16671V1.50033ZM1.42712 6.50033C1.3197 6.89421 1.24158 7.32389 1.19275 7.77637C1.14718 8.18001 1.05603 9.25423 1.06254 9.36491C0.603556 9.72624 0.333374 10.2861 0.333374 10.9014C0.333374 11.8356 0.977906 12.6364 1.84379 12.8285C2.74548 15.0192 4.55212 17.3337 7.00004 17.3337C9.44796 17.3337 11.2546 14.9964 12.1563 12.8024C13.0222 12.6136 13.6667 11.8356 13.6667 10.9014C13.6667 10.2861 13.3965 9.72624 12.9375 9.36491C12.9441 9.25423 12.8562 8.16048 12.8073 7.75033C12.7552 7.30436 12.6804 6.89095 12.573 6.50033H5.35942C6.52804 8.20606 9.27543 7.18717 11.0365 7.62012C11.5736 8.79199 11.1667 10.4326 11.1667 10.4326L11.8177 10.641C11.9121 10.6702 12 10.7549 12 10.9014C12 11.0576 11.8861 11.1943 11.6875 11.1878L11.0105 11.0837L10.7761 11.7347C9.96554 14.0492 8.4128 15.667 7.00004 15.667C5.58728 15.667 4.03455 14.0492 3.224 11.7347L2.96358 11.0837L2.26046 11.1878C2.11723 11.1878 2.00004 11.0576 2.00004 10.9014C2.00004 10.7549 2.08793 10.6702 2.18233 10.641L2.83337 10.4326C2.73246 10.5531 2.4102 8.7041 2.83337 8.03678C3.59184 7.5127 4.2266 7.87728 5.12504 6.50033H1.42712ZM5.17712 9.05241C4.57166 9.05241 4.08337 9.55371 4.08337 10.1722C4.08337 10.7907 4.57166 11.292 5.17712 11.292C5.78259 11.292 6.27087 10.7907 6.27087 10.1722C6.27087 9.55371 5.78259 9.05241 5.17712 9.05241ZM8.82296 9.05241C8.21749 9.05241 7.72921 9.55371 7.72921 10.1722C7.72921 10.7907 8.21749 11.292 8.82296 11.292C9.42843 11.292 9.91671 10.7907 9.91671 10.1722C9.91671 9.55371 9.42843 9.05241 8.82296 9.05241Z",fill:"#9AA2AC"}))},Ct=function(){return v.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},v.default.createElement("path",{d:"M8.99996 0.666992C6.27535 0.666992 3.85348 1.97884 2.33329 4.00033H4.59892C5.80009 2.94564 7.36259 2.33366 8.99996 2.33366C10.6373 2.33366 12.1998 2.94564 13.401 4.00033H15.6666C14.1464 1.97884 11.7246 0.666992 8.99996 0.666992ZM1.78642 4.83366C1.07678 7.04069 0.666626 9.59928 0.666626 12.3337C0.666626 14.085 0.826131 15.7679 1.13538 17.3337H16.8645C17.1738 15.7679 17.3333 14.085 17.3333 12.3337C17.3333 9.59928 16.9231 7.04069 16.2135 4.83366H1.78642ZM8.99996 7.33366C11.3014 7.33366 13.1666 9.19889 13.1666 11.5003C13.1666 13.8018 11.3014 15.667 8.99996 15.667C6.69853 15.667 4.83329 13.8018 4.83329 11.5003C4.83329 9.19889 6.69853 7.33366 8.99996 7.33366ZM8.16663 9.00033V10.667H6.49996V12.3337H8.16663V14.0003H9.83329V12.3337H11.5V10.667H9.83329V9.00033H8.16663Z",fill:"#9AA2AC"}))},vt=function(){return v.default.createElement("svg",{width:"16",height:"17",viewBox:"0 0 16 17"},v.default.createElement("path",{d:"M8 0.666992L0.5 5.63533V14.8337C0.5 15.7545 1.24583 16.5003 2.16667 16.5003H13.8333C14.7542 16.5003 15.5 15.7545 15.5 14.8337V5.63533L8 0.666992ZM11.3333 10.667H8.83333V13.167H7.16667V10.667H4.66667V9.00033H7.16667V6.50033H8.83333V9.00033H11.3333V10.667Z",fill:"#9AA2AC"}))},xt=function(){return v.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},v.default.createElement("path",{d:"M3.83333 0.5C2.94928 0.5 2.10143 0.851189 1.47631 1.47631C0.851189 2.10143 0.5 2.94928 0.5 3.83333C0.5 4.71739 0.851189 5.56523 1.47631 6.19036C2.10143 6.81548 2.94928 7.16667 3.83333 7.16667C4.71739 7.16667 5.56523 6.81548 6.19036 6.19036C6.81548 5.56523 7.16667 4.71739 7.16667 3.83333C7.16667 2.94928 6.81548 2.10143 6.19036 1.47631C5.56523 0.851189 4.71739 0.5 3.83333 0.5V0.5ZM10.5 0.5C9.57917 0.5 8.83333 1.24583 8.83333 2.16667V5.5C8.83333 6.42083 9.57917 7.16667 10.5 7.16667H13.8333C14.7542 7.16667 15.5 6.42083 15.5 5.5V2.16667C15.5 1.24583 14.7542 0.5 13.8333 0.5H10.5ZM3.83333 8.83333C2.94928 8.83333 2.10143 9.18452 1.47631 9.80964C0.851189 10.4348 0.5 11.2826 0.5 12.1667C0.5 13.0507 0.851189 13.8986 1.47631 14.5237C2.10143 15.1488 2.94928 15.5 3.83333 15.5C4.71739 15.5 5.56523 15.1488 6.19036 14.5237C6.81548 13.8986 7.16667 13.0507 7.16667 12.1667C7.16667 11.2826 6.81548 10.4348 6.19036 9.80964C5.56523 9.18452 4.71739 8.83333 3.83333 8.83333V8.83333ZM12.1667 8.83333C11.2826 8.83333 10.4348 9.18452 9.80964 9.80964C9.18452 10.4348 8.83333 11.2826 8.83333 12.1667C8.83333 13.0507 9.18452 13.8986 9.80964 14.5237C10.4348 15.1488 11.2826 15.5 12.1667 15.5C13.0507 15.5 13.8986 15.1488 14.5237 14.5237C15.1488 13.8986 15.5 13.0507 15.5 12.1667C15.5 11.2826 15.1488 10.4348 14.5237 9.80964C13.8986 9.18452 13.0507 8.83333 12.1667 8.83333V8.83333Z",fill:"#9AA2AC"}))},bt=b.default.header(et||(et=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"],["\n display: flex;\n justify-content: space-between;\n padding: 12px 24px;\n background-color: ",";\n box-shadow: inset 0px 1px 0px #e4e8ec;\n"])),p.theme.colors.neutral50),yt=b.default.div(tt||(tt=e.__makeTemplateObject(["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"],["\n display: grid;\n flex: 2;\n align-items: center;\n gap: 16px;\n grid-template-columns: 16px 1fr;\n"]))),_t=b.default.p(nt||(nt=e.__makeTemplateObject(["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"],["\n color: ",";\n font-size: 14px;\n font-weight: ",";\n letter-spacing: -0.2px;\n line-height: 22px;\n"])),p.theme.colors.neutral800,p.theme.sizes.fwSemiBold),wt=b.default.button(at||(at=e.__makeTemplateObject(["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"],["\n flex: 1;\n cursor: pointer;\n text-align: end;\n"]))),Et=b.default.section(it||(it=e.__makeTemplateObject(["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"],["\n padding: 12px 16px;\n --rowGap: 16px;\n --graphicSize: 32px;\n\n "," {\n --rowGap: 8px;\n }\n"])),c.MediaQueries.tdUp),kt=b.default.ul(ot||(ot=e.__makeTemplateObject(["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"],["\n --gap: 16px;\n "," {\n --gap: 8px;\n }\n\n display: grid;\n overflow: hidden;\n gap: var(--gap);\n transition: max-height 0.8s ease-out;\n\n ","\n\n ","\n\n@media (prefers-reduced-motion) {\n transition: none;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n } ;\n"])),c.MediaQueries.tdUp,(function(e){return e.isMore&&"\n height: auto;\n max-height: 0;\n margin-top: var(--gap);\n "}),(function(e){return e.isShown&&"\n max-height: 600px;\n "}),c.MediaQueries.tdUp),Lt=b.default(l.Text)(rt||(rt=e.__makeTemplateObject(["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"],["\n margin-top: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n text-align: start;\n text-transform: capitalize;\n"]))),St=function(e){var a=e.type,i=e.data,r=e.state,s=e.dispatch,c=e.itemsToShow,u=e.itemsToShowDesktop,d=e.isMobile,h=e.isLoading,f=e.keyword,g=t.useState(!1),m=g[0],C=g[1],x=o.useTranslations(),b=x.t,y=x.locale,w=r.selectedLocation,E=r.searchKeywords,k=t.useMemo((function(){return n.LOCALIZED_SLUGS[y]}),[y]),L=t.useMemo((function(){return{doctors:{name:b("booking.searchPopup.doctors"),icon:v.default.createElement(mt,null),slug:k.DOCTOR},services:{name:b("booking.searchPopup.services"),icon:v.default.createElement(Ct,null),slug:k.SERVICE},hospitals:{name:b("booking.searchPopup.hospitals"),icon:v.default.createElement(vt,null),slug:k.HOSPITAL},specialties:{name:b("booking.searchPopup.specialties"),icon:v.default.createElement(xt,null),slug:k.SPECIALTIES}}}),[a,k]),S=t.useMemo((function(){return L[a].slug}),[L]),T=d?c:u;function O(e){var t="";switch(a){case"specialties":t="/".concat(w.slug,"/").concat(L.doctors.slug,"/").concat(e.slug);break;case"services":t="/".concat(w.slug,"/").concat(S,"/").concat(e.slug);break;case"doctors":case"hospitals":t="/".concat(S,"/").concat(e.slug,"-").concat(e.id)}t&&s({type:be.SelectSearchResult,payload:{name:e.name,url:t}})}function I(e){return v.default.createElement(gt,{key:e.id,item:e,type:a,imageUrl:e.logo||e.avatar||e.thumbnail,onClickItem:O})}return v.default.createElement("section",null,v.default.createElement(bt,null,v.default.createElement(yt,null,L[a].icon,v.default.createElement(_t,null,L[a].name)),f.trim().length<=Se[y]&&v.default.createElement(wt,{onClick:function(){var e="";switch(a){case"specialties":e="/".concat(S);break;case"services":case"doctors":case"hospitals":e="/".concat(w.slug,"/").concat(S)}e&&s({type:be.NavigateTo,payload:e})}},v.default.createElement(l.Text,{size:"p3",color:p.theme.colors.primaryBase},b("booking.searchPopup.seeAll")))),(h||i&&i.length>0)&&v.default.createElement(Et,null,v.default.createElement(kt,null,h&&Array(2).fill(void 0).map((function(e,t){return v.default.createElement(st,{key:a+"loading"+t},v.default.createElement(dt,null,v.default.createElement(ht,null,v.default.createElement(_.default,{height:14,width:"hospitals"===a?12:32,style:{maxWidth:"var(--graphicSize)",minHeight:"var(--graphicSize)"}}))),v.default.createElement(_.default,{width:120,height:24}))})),!h&&i&&i.length>0&&i.slice(0,T).map(I)),v.default.createElement(kt,{isShown:m,isMore:!0},i.slice(T,-1).map(I)),"specialties"===a&&T<i.length&&!h&&v.default.createElement("button",{onClick:function(){return C(!m)}},v.default.createElement(Lt,{size:"p3",color:p.theme.colors.primaryBase},b(m?"booking.searchPopup.seeLessSpecialties":"booking.searchPopup.seeMoreSpecialties"))),"specialties"!==a&&T<i.length&&!h&&f.trim().length>Se[y]&&v.default.createElement("button",{onClick:function(){var e=L[a].slug,t="/".concat(w.slug,"/").concat(e,"?q=").concat(E);s({type:be.NavigateTo,payload:t})}},v.default.createElement(Lt,{size:"p3",color:p.theme.colors.primaryBase},b("booking.searchPopup.searchIn.".concat(a),{name:f})))),!h&&0===(null==i?void 0:i.length)&&v.default.createElement(Et,null,v.default.createElement(l.Text,{size:"sm",color:p.theme.colors.gray400},b("booking.searchBar.noResults"))))},Tt=b.default.section(lt||(lt=e.__makeTemplateObject(["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"],["\n background-color: white;\n border-radius: 4px;\n position: absolute;\n width: 100%;\n z-index: 30;\n\n "," {\n box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n 0px 0px 1px rgba(0, 0, 0, 0.04);\n }\n"])),c.MediaQueries.tdUp),Ot=function(e){var t=e.data,n=e.state,a=e.dispatch,i=e.isMobile,o=e.isLoading,r=e.keyword;return v.default.createElement(Tt,null,t&&t.map((function(e){return v.default.createElement(St,{type:e.type,state:n,dispatch:a,itemsToShow:2,itemsToShowDesktop:4,key:e.type,data:e.results,isMobile:i,isLoading:o,keyword:r})})))},It="api/lists/cities?keyword={keyword}&country_id={countryId}&site={domain}&_nopaging={noPaging}",Mt="api/v2/search/?site={domain}&type={searchType}&keyword={keyword}&city_id={city}&latitude={lat}&longitude={lng}",Rt="api/geobyip?site={domain}&latitude={lat}&longitude={lng}",At=function(t,n,i){return y.default(t,e.__assign(e.__assign({},n),{domain:a.domainLocales[i||"en-PH"]}))};var Nt;!function(e){e[e.SPECIALTY=1]="SPECIALTY",e[e.DOCTOR=2]="DOCTOR",e[e.CLINIC=3]="CLINIC",e[e.SERVICE=4]="SERVICE"}(Nt||(Nt={}));var Pt=Object.freeze({__proto__:null,get RedirectType(){return Nt}});exports.BookingSearchBar=function(r){var l=r.isMobile,s=r.careApiDomain,c=r.geoLocationPermission,u=r.geoLocationCoordinates,d=r.initialSelectedCity,p=r.initialSearchValue,h=void 0===p?"":p,f=r.careFrontDomain,g=void 0===f?"/care":f,m=r.isDebug,C=void 0!==m&&m,b=r.askForGeolocationPermission,y=void 0!==b&&b,_=r.gaTrackingSearchBar,w=r.gaTrackingLocationSearch,E=r.autoCompleteDisabled,k=void 0!==E&&E,L=r.inputSearchPlaceholder,S=void 0===L?"":L,T=r.routerPush,O=r.onGeoLocationPermissionChange,I=r.onSearch,M=r.onChangeLocation,R=o.useTranslations(),A=R.t,N=R.locale,P=t.useRef(null),D=t.useRef(null),V=t.useState(void 0),K=V[0],Z=V[1],G=function(){var e=t.useState((function(){if("undefined"==typeof window)return"unset";if(i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE))return"granted";var e=!location.protocol.includes("https")&&"localhost"!==location.hostname;return!navigator.geolocation||e?"denied":"unset"})),n=e[0],o=e[1],r=t.useState((function(){if("undefined"==typeof window)return null;var e=i.getCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE);if(e)try{return JSON.parse(e)}catch(e){console.log(e)}return null})),l=r[0],s=r[1],c=t.useCallback((function(){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){var t={lat:"".concat(Math.round(1e7*e.coords.latitude)/1e7),lng:"".concat(Math.round(1e7*e.coords.longitude)/1e7)};i.setCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE,JSON.stringify(t),0,15),s(t),o("granted")}),(function(){i.deleteCookie(a.USER_GEOLOCATION_COORDINATES_COOKIE),o("denied")}))}),[]);return t.useMemo((function(){return{geoLocationPermission:n,geoLocationCoordinates:l,requestGeoLocation:c}}),[n,l])}(),q=G.geoLocationPermission,U=G.geoLocationCoordinates,Q=G.requestGeoLocation,W=t.useReducer(Ie,Te,(function(t){return e.__assign(e.__assign({},t),{isDebug:C,isMobile:l,geoLocationPermission:c||q||"unset",geoLocationCoordinates:u||U||null,searchKeywords:h,initialSelectedCity:d||null,selectedLocation:d||t.selectedLocation||null,searchLocationKeywords:(null==d?void 0:d.name)||t.searchLocationKeywords,autoCompleteDisabled:k,inputSearchPlaceholder:S,locale:N})})),Y=W[0],J=W[1],X=Y.navigateTo,ee=Y.focused,te=Y.isLoadingCities,ne=Y.cities,ae=Y.searchKeywords,ie=Y.geoLocationPermission,oe=Y.selectedLocation,re=Y.initialSelectedCity,le=Y.defaultCity,se=Y.searchResults,ce=Y.isLoadingSearchResults,ue=Y.isMobileModalOpened,de=Y.inputSearchPlaceholder,pe=function(a){var i=a.dispatch,o=a.careApiDomain,r=a.locale,l=void 0===r?"vi-VN":r,s=t.useCallback((function(e,t){void 0===t&&(t={});var n="".concat(o).concat(e);return i({type:be.FetchCitiesStart}),fetch(At(n,t,l),{method:"GET"}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))})).finally((function(){return i({type:be.FetchCitiesFinish})}))}),[l]),c=t.useCallback((function(t){var n=t.coordinates,a={};n&&(a={lat:n.lat,lng:n.lng});var o=[s(Rt,a)];return"zh-TW"===l&&o.push(s(It,{noPaging:1})),Promise.all(o).then((function(t){var n=t[0],a=t[1],o=e.__assign({},n);if(a){var r=o.cities.map((function(e){return e.id}));o.cities=o.cities.concat(a.cities.filter((function(e){return!r.includes(e.id)})))}i({type:be.FetchCitiesByGeoIpComplete,payload:o})})).catch((function(e){return console.error("error loading cities by location",e)}))}),[l,o,i]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:t.useCallback((function(e){return s(It,{keyword:e}).then((function(e){i({type:be.FetchCitiesByKeywordComplete,payload:e.cities})})).catch((function(e){return console.error("error loading cities by keyword",e)}))}),[l,o,i]),fetchSearchResults:t.useCallback((function(e,t){var a="".concat(o).concat(Mt);i({type:be.FetchSearchResultsStart});var r=t.defaultCity,s=t.selectedLocation,c=t.geoLocationCoordinates,u="";if(s&&r){s.id===n.ID_OPTION_CURRENT_LOCATION?c||(u=r.id):u=s.id;var d=(null==c?void 0:c.lat)||"",p=(null==c?void 0:c.lng)||"";return fetch(At(a,{domain:o,searchType:"global",keyword:e.trim().length>Se[l]?e.trim():"",city:u===n.ID_OPTION_CURRENT_LOCATION?"":u,lat:d,lng:p},l),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then((function(e){return e.json()})).then((function(e){return 1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)})).then((function(e){return i({type:be.FetchSearchResultsComplete,payload:e})})).catch((function(e){console.log("error loading search results",{url:a,error:e})})).finally((function(){return i({type:be.FetchSearchResultsFinish})}))}i({type:be.FetchSearchResultsFinish})}),[l,o,i])}}({dispatch:J,locale:N,careApiDomain:s}),he=pe.fetchCitiesByLocation,ge=pe.fetchCitiesByKeyword,me=pe.fetchSearchResults,Ce=t.useMemo((function(){var e;return{id:n.ID_OPTION_CURRENT_LOCATION,name:A("booking.searchBar.currentLocation"),slug:null===(e=n.LOCALIZED_SLUGS[N])||void 0===e?void 0:e.CURRENT}}),[A,N]),ve=t.useMemo((function(){return x.default(ge,400)}),[ge]),xe=t.useMemo((function(){return x.default(me,400)}),[me]);t.useEffect((function(){""!==h&&h!==Y.searchKeywords&&J({type:be.UpdateInitialSearchValue,payload:h})}),[h]),t.useEffect((function(){y&&(null==oe?void 0:oe.id)===n.ID_OPTION_CURRENT_LOCATION&&"unset"===ie&&Q()}),[y,oe,ie]),t.useEffect((function(){c||ie===q||("granted"===q&&U?J({type:be.GrantGeoLocationPermission,payload:U}):"denied"===q&&J({type:be.DenyGeoLocationPermission}))}),[ie,q,U,c]),t.useEffect((function(){X&&(T?T(X):window.location.href="".concat(g).concat(X))}),[X]);var ye=t.useCallback((function(){J({type:be.SelectCurrentLocation,payload:Ce})}),[A,J]);t.useEffect((function(){"denied"===ie||re||ye(),O&&O(ie,Y.geoLocationCoordinates),l&&"granted"===ie&&oe&&J({type:be.FocusInputSearch}),he({coordinates:Y.geoLocationCoordinates})}),[ie]),t.useEffect((function(){oe&&le&&me(Y.searchKeywords,Y)}),[oe,le]),t.useEffect((function(){S!==de&&J({type:be.SetInputSearchPlaceholder,payload:S})}),[S,de]),t.useEffect((function(){ue?document.body.classList.add("care-popup-open"):document.body.classList.remove("care-popup-open")}),[ue]);var _e=t.useCallback((function(e){J({type:be.SelectLocation,payload:e}),ke(),M&&M(e)}),[A,J]);function we(){l&&"granted"!==Y.geoLocationPermission?Q():(ye(),ke())}function Ee(){var e;P.current&&(null===(e=P.current.querySelector('input[name="search-location"]'))||void 0===e||e.focus())}function ke(){var e;P.current&&(null===(e=P.current.querySelector('input[name="search-results"]'))||void 0===e||e.focus())}function Oe(){J({type:be.CloseMobileModal})}function Me(){return"location"!==ee?null:v.default.createElement($,{isLoading:te,cities:ne,onLocationClick:_e,onCurrentLocationClick:we,isLocationLoading:te,geoLocationPermission:ie,selectedLocation:oe})}function Re(){return"search"!==ee?null:Y.autoCompleteDisabled?l?v.default.createElement(He,{onClick:function(){I({cityId:Y.selectedLocation.id,keyword:ae}),Oe()}}):null:v.default.createElement(Ot,{data:se,state:Y,dispatch:J,isMobile:!1,keyword:ae,isLoading:ce})}function Ae(){return v.default.createElement(Ue,{isMobile:l,state:Y,dispatch:J,debouncedFetchCitiesByKeyword:ve,debouncedFetchSearchResults:xe,focusLocationInput:Ee,focusSearchInput:ke,renderLocationResults:Me,renderSearchResults:Re,trackingAttributes:_,locationTrackingAttributes:w,onSearch:I,initalSearchValue:h})}return t.useEffect((function(){if(window.visualViewport){var e=function(e){var t=e.target;Z(null==t?void 0:t.height)};return window.visualViewport.addEventListener("resize",e),function(){window.visualViewport.removeEventListener("resize",e)}}}),[Z]),l?v.default.createElement(v.default.Fragment,null,v.default.createElement(H,null),v.default.createElement(B,{ref:D}),v.default.createElement(F,{id:"booking-search-bar",ref:P,"data-is-modal":l&&ue,style:{"--mobile-care-searchbar-height":ue&&K?"".concat(K,"px"):"100%"}},ue?v.default.createElement(v.default.Fragment,null,v.default.createElement(z,null,v.default.createElement(Le,{headingText:A("booking.searchBar.searchButton"),onLeftClick:Oe}),Ae()),Me(),Re()):v.default.createElement(fe,{onClick:function(){var t;return e.__awaiter(this,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return D.current&&D.current.focus(),J({type:be.OpenMobileModal}),[4,Promise.resolve()];case 1:return e.sent(),P.current&&(null===(t=P.current.querySelector('input[name="search-location"]'))||void 0===t||t.focus()),[2]}}))}))},focused:ee,value:ae,trackingAttributes:_,inputSearchPlaceholder:S}))):v.default.createElement(j,{id:"booking-search-bar",ref:P},Ae())},exports.types=Pt;