@hhgtech/hhg-components 1.21.63 → 1.21.65

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 (52) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/care.js +1 -1
  3. package/build/components/molecules/bmiForm/index.styled.d.ts +1 -0
  4. package/build/components/molecules/embeddedHeathToolCards/target-heart-rate/index.d.ts +22 -0
  5. package/build/components/molecules/index.d.ts +1 -0
  6. package/build/components/molecules/radioImageGroupForTool/index.d.ts +17 -0
  7. package/build/components/molecules/radioImageGroupForTool/index.styled.d.ts +2 -0
  8. package/build/components/molecules/thrForm/index.d.ts +15 -0
  9. package/build/components/molecules/thrForm/index.styled.d.ts +6 -0
  10. package/build/components/molecules/weightGainForm/index.styled.d.ts +2 -0
  11. package/build/components.js +1 -1
  12. package/build/esm/babyGrowth.js +1 -1
  13. package/build/esm/care.js +1 -1
  14. package/build/esm/components.js +1 -1
  15. package/build/esm/hooks.js +1 -1
  16. package/build/esm/i18n.js +1 -1
  17. package/build/esm/{index-92adc7a4.js → index-4fc8f83a.js} +1 -1
  18. package/build/esm/{index-68d6f576.js → index-662016a1.js} +1 -1
  19. package/build/esm/index-af3acf24.js +1 -0
  20. package/build/esm/{index-5e50de2e.js → index-eab6fcc2.js} +1 -1
  21. package/build/esm/index.js +1 -1
  22. package/build/esm/mantine.js +1 -1
  23. package/build/esm/navigation.js +1 -1
  24. package/build/esm/together.js +1 -1
  25. package/build/esm/{translationsContext-8d4e8f24.js → translationsContext-17d7ffe4.js} +1 -1
  26. package/build/esm/translationsProvider-a376b358.js +1 -0
  27. package/build/esm/types-11f30a38.js +1 -0
  28. package/build/esm/{types-0f6437df.js → types-46861be0.js} +1 -1
  29. package/build/esm/{useTranslations-17b10175.js → useTranslations-6caddf1f.js} +1 -1
  30. package/build/hooks.js +1 -1
  31. package/build/i18n.js +1 -1
  32. package/build/{index-1c6b88e9.js → index-4f1436b1.js} +1 -1
  33. package/build/index-5816aa6b.js +1 -0
  34. package/build/{index-ac5a01fe.js → index-65a8365f.js} +1 -1
  35. package/build/{index-01a4d9d8.js → index-8e49874a.js} +1 -1
  36. package/build/index.js +1 -1
  37. package/build/mantine.js +1 -1
  38. package/build/navigation.js +1 -1
  39. package/build/together/interfaces/types.d.ts +1 -0
  40. package/build/together.js +1 -1
  41. package/build/{translationsContext-93817784.js → translationsContext-0cab5713.js} +1 -1
  42. package/build/translationsProvider-a3f205b1.js +1 -0
  43. package/build/{types-1eb819ea.js → types-7b4a0dbd.js} +1 -1
  44. package/build/{types-d799298c.js → types-fcbefc53.js} +1 -1
  45. package/build/useTranslations-62f5bf8f.js +1 -0
  46. package/package.json +1 -1
  47. package/build/esm/index-fe64567f.js +0 -1
  48. package/build/esm/translationsProvider-e1348f92.js +0 -1
  49. package/build/esm/types-91faeee9.js +0 -1
  50. package/build/index-991e123d.js +0 -1
  51. package/build/translationsProvider-8f7a2630.js +0 -1
  52. package/build/useTranslations-f5c51dfc.js +0 -1
package/build/index-5816aa6b.js ADDED
@@ -0,0 +1 @@
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-65a8365f.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,{onSubmit:function(e){return e.preventDefault()},"data-is-side":s},A.default.createElement(i.StyledInputForm,null,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(i.StyledInputForm,null,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;