@hhgtech/hhg-components 1.21.86 → 1.21.87

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 (22) hide show
  1. package/build/babyGrowth.js +1 -1
  2. package/build/components.js +1 -1
  3. package/build/esm/babyGrowth.js +1 -1
  4. package/build/esm/components.js +1 -1
  5. package/build/esm/index-129f52d4.js +1 -0
  6. package/build/esm/{index-bb3c4bf9.js → index-6e8b940a.js} +1 -1
  7. package/build/esm/{index-2b3240c1.js → index-80bee14c.js} +1 -1
  8. package/build/esm/index-e9896017.js +1 -0
  9. package/build/esm/index.js +1 -1
  10. package/build/esm/mantine.js +1 -1
  11. package/build/esm/pwg.js +1 -1
  12. package/build/{index-b3cdd97f.js → index-1dd7c311.js} +1 -1
  13. package/build/{index-3b731b9b.js → index-6cfb17f6.js} +1 -1
  14. package/build/index-953fc456.js +1 -0
  15. package/build/{index-4ba56aef.js → index-c76c6e27.js} +1 -1
  16. package/build/index.js +1 -1
  17. package/build/mantine.js +1 -1
  18. package/build/pwg.js +1 -1
  19. package/package.json +2 -3
  20. package/build/esm/index-0f2ac9f2.js +0 -1
  21. package/build/esm/index-d447f338.js +0 -1
  22. package/build/index-a8d5c663.js +0 -1
package/build/{index-3b731b9b.js → index-6cfb17f6.js} RENAMED
@@ -1 +1 @@
1
- "use strict";var e=require("react"),t=require("./index-12476f9c.js"),n=require("./tslib.es6-e6f346c4.js"),a=require("styled-components"),l=require("./theme-696d81a9.js"),r=require("./utils-df758048.js"),o=require("./defaultClassWrapper-0eac7dff.js"),i=require("./index-8ebed99b.js"),s=require("./index-9766e52b.js"),c=require("./index-0ecbbfbd.js"),d=require("./index-4ba56aef.js"),u=require("./index-ae77acec.js"),m=require("lodash/throttle"),p=require("keen-slider/react"),f=require("./index-d28c27ca.js"),g=require("./isProduction-32e6a55a.js"),h=require("./useTranslations-00120db0.js"),v=require("./gAssets.js"),y=require("react-hook-form"),b=require("./index-b3cdd97f.js"),E=require("./index-a8d5c663.js"),x=require("./useHealthToolCache-8b136374.js"),w=require("./utils-ae703992.js"),C=require("./index-88b15787.js"),k=require("@mantine/core"),_=require("./Locale-11b51016.js"),S=require("./index-6193a08c.js"),L=require("date-fns"),N=require("./index-f1d22aeb.js"),T=require("./index.styled-05afa7e7.js"),B=require("./useOutsideClick-528bfd6c.js"),A=require("date-fns/locale/en-US"),z=require("date-fns/locale/id"),M=require("date-fns/locale/vi"),I=require("date-fns/locale/zh-TW"),D=require("./getSocialList-d9421b94.js");function H(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j,P,F,G,O,W,R,V,U,q,Z,$,Y,K,X,Q,J,ee,te,ne,ae,le,re,oe,ie,se,ce,de=H(e),ue=H(a),me=H(m),pe=H(A),fe=H(z),ge=H(M),he=H(I),ve=ue.default.div(j||(j=n.__makeTemplateObject(["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"],["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"])),(function(e){return e.theme.colors.success}),(function(e){return e.theme.colors.green50}),(function(e){return e.theme.colors.red500}),(function(e){return e.theme.colors.red50}),(function(e){return e.theme.colors.yellow500}),(function(e){return e.theme.colors.yellow50}),(function(e){return e.theme.colors.blue500}),(function(e){return e.theme.colors.blue50})),ye=ue.default.div(P||(P=n.__makeTemplateObject(["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"],["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"]))),be=ue.default.div(F||(F=n.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),Ee=ue.default.div(G||(G=n.__makeTemplateObject(["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"],["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"])),(function(e){return e.theme.sizes.fwBold}),(function(e){return function(e,t,n,a){var r="";if("numeric"===e)switch(t){case"medium":r="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":r="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}var o,i="";n&&(i="\n position: absolute;\n top: 0;\n left: 75%;\n "),n&&(o="\n left: 70%;\n\n ".concat("large"===t?"\n top: -7px;\n ":"medium"===t?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":"","\n "));var s="";switch(a){case"primary":s="\n background: ".concat(l.theme.colors.blue50,";\n color: ").concat(l.theme.colors.blue600,"; \n ");break;case"error":s="\n background: ".concat(l.theme.colors.error,";\n color: white;\n ")}switch(e){case"dot":return"\n ".concat(i,"\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ").concat(s,"\n ");case"numeric":return"\n ".concat(i,"\n width: max-content;\n border-radius: 32px;\n ").concat(r,"\n ").concat(o,"\n ").concat(s,"\n ")}}(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}),(function(e){return e.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "})),xe=ue.default.h4(O||(O=n.__makeTemplateObject(["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"],["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwSemiBold}),r.MediaQueries.mbDown),we=ue.default.div(W||(W=n.__makeTemplateObject(["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.blue200})),Ce=ue.default.div(R||(R=n.__makeTemplateObject(["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200})),ke=ue.default.ul(V||(V=n.__makeTemplateObject(["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"],["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.gray200})),_e=ue.default.li(U||(U=n.__makeTemplateObject(["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"],["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),Se=ue.default.div(q||(q=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"]))),Le=ue.default.div(Z||(Z=n.__makeTemplateObject(["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"],["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"])),(function(e){return e.theme.columns}),(function(e){return e.theme.columnsDesktop}),(function(e){return e.theme.gridTemplateColumns}),(function(e){return e.theme.gridTemplateColumnsDesktop}),(function(e){return e.theme.justifyChildren}),(function(e){return e.theme.gap}),(function(e){return e.theme.alignItems}),r.MediaQueries.tdUp),Ne=ue.default.div($||($=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),Te=ue.default.div(Y||(Y=n.__makeTemplateObject(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray300})),Be=ue.default.li(K||(K=n.__makeTemplateObject(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray800})),Ae=function(t){var a=t.pagesAmount,l=t.activePage,o=t.handlePageChange,i=t.handleClick,s=t.href,c=t.queryPageName,d=void 0===c?"page":c,u=n.__spreadArray([],Array(a),!0).map((function(e,t){return t+1})),m=e.useState(l<=4?u.slice(0,5):l>=u.length-3?u.slice(u.length-5,u.length):u.slice(l-2,l+1)),p=m[0],f=m[1];return e.useEffect((function(){l<=4?f(u.slice(0,5)):l>=u.length-3?f(u.slice(u.length-5,u.length)):f(u.slice(l-2,l+1))}),[l]),de.default.createElement(e.Fragment,null,l>4&&de.default.createElement(e.Fragment,null,de.default.createElement(Be,{onClick:function(){return o(1)}},s?de.default.createElement("a",{href:s,onClick:i},1):1),de.default.createElement(Be,null,"...")),p.map((function(e){return de.default.createElement(Be,{key:"".concat("pagination","+").concat(e),"data-page-active":e===l||void 0,onClick:function(){return o(e)}},s?de.default.createElement("a",{href:r.formatUrlWithPageParam(s,e,d),onClick:i},e):e)})),l<u.length-3&&de.default.createElement(e.Fragment,null,de.default.createElement(Be,null,"..."),de.default.createElement(Be,{onClick:function(){return o(u.length)}},s?de.default.createElement("a",{href:r.formatUrlWithPageParam(s,u.length,d),onClick:i},u.length):u.length)))},ze=ue.default.div(X||(X=n.__makeTemplateObject(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"]))),Me=ue.default.div(Q||(Q=n.__makeTemplateObject(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(e){return"sponsored"===e.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(l.theme.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(l.theme.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(l.theme.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(e){return e.isInline&&"\n display: inline-block;\n "}),(function(e){return e.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(e){return e.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(e){return e.theme.colors.white}),");\n ")}),(function(e){return function(e,t){switch(e){case"yellow":var n=t?l.theme.colors.yellow50:l.theme.colors.yellow600;return"\n background: ".concat(n,";\n p {\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(l.theme.colors.white,";\n border: 1px solid ").concat(l.theme.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(l.theme.colors.gray100,";\n }\n ");case"red":return n=t?l.theme.colors.red50:l.theme.colors.red500,"\n background: ".concat(n,";\n ");case"green":return n=t?l.theme.colors.green50:l.theme.colors.green500,"\n background: ".concat(n,";\n ");case"blue":return n=t?l.theme.colors.blue50:l.theme.colors.primaryBase,"\n background: ".concat(n,";\n ");case"teal":return n=t?l.theme.colors.teal100:l.theme.colors.teal600,"\n background: ".concat(n,";\n ");case"pink":return n=t?l.theme.colors.pink200:l.theme.colors.pink800,"\n background: ".concat(n,";\n ");case"violet":return n=t?l.theme.colors.violet100:l.theme.colors.violet500,"\n background: ".concat(n,";\n ");case"grey":return n=t?l.theme.colors.gray100:l.theme.colors.gray600,"\n background: ".concat(n,";\n ")}}(e.tagType,e.tagIsLight)}),(function(e){return e.tagIsSquared&&"sponsored"!==e.tagType&&"\n border-radius: 4px;\n "}),(function(e){return e.tagIsALink&&"\n cursor: pointer;\n "}),(function(e){return e.theme.colors.blue50})),Ie="24px",De=ue.default.span(J||(J=n.__makeTemplateObject(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),Ie),He="hhgcomp-toggle-icon",je=o.getDefaultClassWrapper(De,He),Pe=ue.default.span(ee||(ee=n.__makeTemplateObject(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),Fe=ue.default.div(te||(te=n.__makeTemplateObject(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"])),Ie,(function(e){return e.theme.colors.gray600}),He,(function(e){return e.theme.colors.primaryBase})),Ge=ue.default.div(ne||(ne=n.__makeTemplateObject(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive}),(function(e){return e.theme.colors.primaryVisited}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular})),Oe=ue.default.div(ae||(ae=n.__makeTemplateObject(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),We=ue.default.div(le||(le=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return e["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),Re=ue.default.div(re||(re=n.__makeTemplateObject(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(e){return e.theme.colors.gray100}),(function(e){return e["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),Ve=ue.default.div(oe||(oe=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Ue=function(e){var t=e.label,n=e.name,a=e.checked,l=e.className,r=e.isDisabled,o=e.onChange,i=e.value,s=e.isRectangle;return de.default.createElement(d.StyledCheckbox,{className:l,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},de.default.createElement("input",{type:"checkbox",checked:a,name:n,onChange:function(){return o(i,!a)},disabled:r,value:i,id:"".concat(n,"-").concat(i),"data-label-text":t}),!s&&de.default.createElement("label",{htmlFor:"".concat(n,"-").concat(i)},t))},qe=ue.default.div(ie||(ie=n.__makeTemplateObject(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),Ze=ue.default.div(se||(se=n.__makeTemplateObject(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"]))),$e=function(e){return de.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}))},Ye=function(e){return de.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}))},Ke=function(t){var a=e.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return de.default.createElement("svg",n.__assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}),de.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},de.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),de.default.createElement("g",{mask:"url(#".concat(a,")")},de.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"})))},Xe=ue.default.div(ce||(ce=n.__makeTemplateObject(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(e){return e.theme.colors.yellow400}),(function(e){return e.theme.colors.yellow400})),Qe=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,r=e.uploadTime,o=e.size;return de.default.createElement(d.StyledAuthor,null,de.default.createElement("div",{className:"author"},de.default.createElement("div",{className:"avatar","data-size":o},n),de.default.createElement("div",{className:"poster","data-is-disabled-url":!l},de.default.createElement(t.Text,{size:"lg"===o?"p3":"p4"},de.default.createElement("a",{href:l},de.default.createElement("span",{className:"name"},a),"•"," "),de.default.createElement("span",null,r)))))},Je=function(e){var n=e.isMobile,a=e.avatarImg,r=e.name,o=e.link,i=e.size,s=void 0===i?"lg":i,u=e.specialty;return de.default.createElement(d.StyledAuthor,null,de.default.createElement("div",{className:"author"},de.default.createElement("div",{className:"expert-avatar","data-size":s},a),de.default.createElement("div",{className:"expert","data-is-disabled-url":!o},n?de.default.createElement("a",{href:o},"lg"===s?de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},u)):de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r))):de.default.createElement("a",{href:o},"lg"===s?de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},u)):de.default.createElement(de.default.Fragment,null,de.default.createElement(d.StyledExpertName,{color:l.theme.colors.gray600,className:"expert__name"},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},et=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,r=n.label,o=n.value,i=n.isDropdown,s=n.dropdownItems,c=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return i?de.default.createElement(u.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):de.default.createElement(d.StyledTextLink,{title:"string"!=typeof r?o:r,"data-last":a},t&&de.default.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":p,href:o||"#"},r))},tt=Object.freeze({__proto__:null,SideMenu:d.SideMenu,SideHeader:d.SideHeader,UserInfo:d.UserInfo,MenuLink:d.MenuLink}),nt=function(e){var t=e.status;return"inActive"===t?de.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?de.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),de.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?de.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),de.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):de.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},at=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,r=e.scheme,o=void 0===r?"hellosites":r;return de.default.createElement(d.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},de.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?de.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"===o?"#595959":"#E55C8A"}):de.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"===o?"#595959":"#E55C8A"})))},lt=Object.freeze({__proto__:null,Table:d.Table,Cell:d.Cell,Head:d.Head,Row:d.Row,Body:d.Body});function rt(e){var t=e.weight,n=e.height/100,a=t;return Math.round(a/(n*n)*10)/10}var ot=function(a){var r,o,i,s,c=a.value,u=a.onChange,m=a.onSubmit,p=a.disabled,g=a.bmiGenerated,v=a.bmiUnit,C=a.locale,k=a.isSide,_=e.useState(!1),S=_[0],L=_[1],N=y.useForm(),T=N.control,B=N.handleSubmit,A=N.setValue,z=(0,N.watch)(),M=h.useTranslations().t,I=p||{},D=I.gender,H=void 0!==D&&D,j=I.age,P=void 0!==j&&j,F=I.height,G=void 0!==F&&F,O=I.weight,W=void 0!==O&&O,R=I.objective,V=void 0===R||R,U=x.useHealthToolsCache(C).getHealthToolLink,q=e.useMemo((function(){return U(w.HEALTH_TOOL_TYPE.OVULATION)}),[U]),Z=e.useMemo((function(){return[{value:"male",label:M("gender.male"),content:de.default.createElement(b.Icon.GenderChooseBoy,null)},{value:"female",label:M("gender.female"),content:de.default.createElement(b.Icon.GenderChooseGirl,null)}]}),[]),$=e.useMemo((function(){return[{value:"lose-weight",label:M("bmi.objective.loseWeight")},{value:"maintain-weight",label:M("bmi.objective.maintainWeight")},{value:"gain-weight",label:M("bmi.objective.gainWeight")}]}),[]),Y=function(){L(!0)};return e.useEffect((function(){Object.keys(c||{}).forEach((function(e){A(e,null==c?void 0:c[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[c]),e.useEffect((function(){u&&u(z)}),[z]),de.default.createElement(d.StyledContainer$1,null,de.default.createElement("form",{onSubmit:B((function(e){return n.__awaiter(void 0,void 0,void 0,(function(){var t,a,l;return n.__generator(this,(function(n){return t=v.heightConvert(e.height),a=v.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:rt({height:t,weight:a})},V||(l.objective=e.objective),Y(),m&&m(l),[2]}))}))}),Y)},!H&&de.default.createElement(d.FormControl,{"data-is-side":k},de.default.createElement(y.Controller,{name:"gender",control:T,defaultValue:"male",render:function(e){var t=e.field,n=t.name,a=t.value,l=t.onChange,r=e.fieldState.error;return de.default.createElement(d.StyledInput,{size:"md",name:n,label:g.gender.label,CustomInput:de.default.createElement(b.RadioImageGroup,{options:Z,value:a,onChange:function(e){return l(e)},className:"bmi--input-radio_gender ".concat(k?"bmi-side-embed":"")}),errorMessage:S?null==r?void 0:r.message:"",className:"bmi--input bmi--input-gender"})}})),de.default.createElement(d.StyledRow,{"data-is-side":k},!P&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"age",control:T,rules:null===(r=g.age)||void 0===r?void 0:r.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.age.label),placeholder:M("healthtool.placeholder.age"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",min:0})}})),!G&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"height",control:T,rules:null===(o=g.height)||void 0===o?void 0:o.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.height.label),placeholder:M("pwg.placeholder.height"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",min:0})}})),!W&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"weight",control:T,rules:null===(i=g.weight)||void 0===i?void 0:i.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.weight.label),placeholder:M("pwg.placeholder.weight"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",precision:1,min:0})}})),!V&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"objective",control:T,defaultValue:"lose-weight",rules:null===(s=g.objective)||void 0===s?void 0:s.rule,render:function(e){var t=e.field,n=t.name,a=t.value,l=t.onChange,r=e.fieldState.error;return de.default.createElement(d.StyledInput,{size:"md",name:n,label:g.objective.label,CustomInput:de.default.createElement(d.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:$,value:a,onChange:l}),errorMessage:S?null==r?void 0:r.message:"",className:"bmi--input bmi--input-objective"})}}))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(f.domainLocales[C],"/").concat(q)},M("bmi.submit")))))},it=function(n){var a=n.value,l=n.options,r=n.className,o=n.direction,i=void 0===o?"horizontal":o,s=n.onChange,c=n.isDisabled,u=e.useState(a),m=u[0],p=u[1];return de.default.createElement(d.StyledRadioImageGroup,{className:r,"data-direction":i},l.map((function(e,n){return de.default.createElement(d.StyledRadioImageItem,{"data-selected":(a||m)===e.value,"data-disabled":c,key:"health-tool".concat(n),onClick:function(){var t;t=e.value,c||(p(t),s&&s(t))}},de.default.createElement("div",null,de.default.createElement("img",{src:(a||m)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&de.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label)))})))},st=function(a){var r=a.info,o=a.className,i=a.style,s=a.onChange,c=a.errorMessage,u=void 0===c?{}:c,m=a.locale,p=h.useTranslations().t,f=e.useState(new Date),g=f[0],v=f[1],y=e.useState({age:!1,rate:!1}),b=y[0],E=y[1];return e.useEffect((function(){E({age:!1,rate:!1})}),[u]),de.default.createElement(d.StyledContainer$2,{style:i,className:o},de.default.createElement(N.Input,{className:"input-section due-date-input",label:de.default.createElement(t.Text,{size:"n1",type:"bold",color:l.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},p("targetHeartRate.ageInput")),value:d.DateToInputValue(g),name:"date",size:"md",CustomInput:de.default.createElement(d.DatePicker,{customInput:function(e){return de.default.createElement("input",n.__assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(g)}))},disabledDays:{after:new Date(L.addDays(new Date,0))},locale:m,pickedDate:g,displayDateFormat:w.DUE_DATE_FORMAT,onChange:function(e){!function(e){v(e),E((function(e){return n.__assign(n.__assign({},e),{age:!0})}));var t=n.__assign(n.__assign({},r),{age:L.format(new Date(e),d.API_DATE_FORMAT)});s&&s(t)}(e)},placeholder:"placeholder"}),errorMessage:b.age?"":u.age}))},ct=function(a){var r=a.info,o=a.className,i=a.style,s=a.onChange,c=a.errorMessage,u=void 0===c?{}:c,m=a.locale,p=a.onClick,g=a.isSide,v=h.useTranslations().t,y=e.useState({age:!1,height:!1,weight:!1}),C=y[0],k=y[1],_=x.useHealthToolsCache(m).getHealthToolLink,S=e.useMemo((function(){return _(w.HEALTH_TOOL_TYPE.OVULATION)}),[_]),L=e.useState("male"),N=L[0],T=L[1],B=e.useMemo((function(){return[{value:"male",label:v("gender.male"),content:de.default.createElement(b.Icon.GenderChooseBoy,null)},{value:"female",label:v("gender.female"),content:de.default.createElement(b.Icon.GenderChooseGirl,null)}]}),[]),A=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},z=function(e){var t,a;a=function(e){k((function(e){return n.__assign(n.__assign({},e),{age:!0})}));var t=n.__assign(n.__assign({},r),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((function(){s&&s(n.__assign(n.__assign({},r),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((function(){k({age:!1,height:!1,weight:!1})}),[u]),de.default.createElement(d.StyledContainer$3,{style:i,className:o},de.default.createElement(d.FormControl$2,{"data-is-side":g},de.default.createElement(d.StyledInput$2,{size:"md",name:"gender",label:v("bmi.selectGender"),CustomInput:de.default.createElement(b.RadioImageGroup,{options:B,value:N,onChange:function(e){return T(e)},className:"bmi--input-radio_gender ".concat(g?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),de.default.createElement(d.StyledRow$2,{"data-is-side":g},de.default.createElement(d.FormControl$2,null,de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.ageInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.ageInput.desc"))),placeholder:v("healthtool.placeholder.age"),value:Number(r.age)||0,onChange:function(e){return z(String(e))},error:C.age?"":u.age,min:0})),de.default.createElement(d.FormControl$2,null,de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.heightInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.heightInput.desc"))),placeholder:v("pwg.placeholder.height"),value:Number(r.height)||0,onChange:function(e){return t=String(e),void A(t,(function(e){k((function(e){return n.__assign(n.__assign({},e),{height:!0})}));var t=n.__assign(n.__assign({},r),{height:e});s&&s(t)}));var t},error:C.height?"":u.height,min:0})),de.default.createElement(d.FormControl$2,null,de.default.createElement(E.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.weightInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.weightInput.desc"))),placeholder:v("pwg.placeholder.weight"),value:Number(r.weight)||0,onChange:function(e){return t=String(e),k((function(e){return n.__assign(n.__assign({},e),{weight:!0})})),void A(t,(function(e){var t=n.__assign(n.__assign({},r),{weight:e});s&&s(t)}));var t},error:C.weight?"":u.weight,min:0,precision:1}))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(f.domainLocales[m],"/").concat(S),onClick:function(){p(N)}},v("bmi.submit"))))},dt=function(e){var t=e.src,n=e.title,a=e.backgroundSrc,l=e.className,r=e.reviewedSection,o=e.isAmp,i=e.isSide;return de.default.createElement(d.StyledHeroBanner,{className:l},de.default.createElement(d.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(a,'")')}},de.default.createElement(d.StyledHeroContentContainer,{"data-is-side":i},de.default.createElement(d.StyledHeroInfoContainer,{"data-is-side":i},de.default.createElement(c.Heading,{tag:"h4",color:"white"},n),r),de.default.createElement(d.StyledHeroBannerContainer,null,o?de.default.createElement("amp-img",{src:t||"",alt:n,width:"140",height:"140"}):de.default.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:n})))))},ut=function(e){var n,a,r,o=e.backgroundDesktopSrc,i=e.backgroundMobileSrc,s=e.title,u=e.className,m=e.isSide,p=e.isAmp,f=e.ovulationContent,g=h.useTranslations().t,v=C.formatUserProfileUrl(null==f?void 0:f.reviewed_by);return de.default.createElement(d.StyledHealthToolHeroContainer,{className:u,"data-is-side":m},de.default.createElement(d.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(i||o,"')")}},de.default.createElement(d.StyledHealthToolBannerTextContainer,null,de.default.createElement(c.Heading,{tag:"h5",color:"white"},s),(null===(n=null==f?void 0:f.reviewed_by)||void 0===n?void 0:n.display_name)?de.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(f.reviewed_by.display_name,"\n </a>")})}}),de.default.createElement("span",null,g("tools.heading.on")),de.default.createElement("span",null,null==f?void 0:f.reviewed_date)):null),de.default.createElement(d.StyledHealthToolBannerIconContainer,{"data-is-side":m},p?de.default.createElement("amp-img",{src:(null==f?void 0:f.featured_image)||"",alt:s,width:"100%",height:"100%"}):de.default.createElement("img",{src:(null==f?void 0:f.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:s}))),de.default.createElement(dt,{className:"desktop-only",src:(null==f?void 0:f.featured_image)||"",backgroundSrc:o||i||"",title:s,reviewedSection:(null===(a=null==f?void 0:f.reviewed_by)||void 0===a?void 0:a.display_name)&&""!==(null===(r=null==f?void 0:f.reviewed_by)||void 0===r?void 0:r.display_name)&&de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white,style:{marginTop:12}},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(f.reviewed_by.display_name,"\n </a>"),date:null==f?void 0:f.reviewed_date})}}),de.default.createElement("span",null)),isSide:m}))},mt=function(t){var a=t.info,r=t.onChange,o=t.errorMessage,i=void 0===o?{}:o,s=h.useTranslations().t,c=e.useState({weightBefore:!1,height:!1,weight:!1}),d=c[0],u=c[1],m=e.useState(0),p=m[0],f=m[1],g=e.useRef(null);e.useEffect((function(){f(g.current.clientHeight)}));var v=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return e.useEffect((function(){r&&r(n.__assign({},a))}),[]),e.useEffect((function(){u({weightBefore:!1,height:!1,weight:!1})}),[i]),de.default.createElement(de.default.Fragment,null,de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("bmi.heightInput.desc"))),errorMessage:d.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==a?void 0:a.height,onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{height:!0})}));var t=n.__assign(n.__assign({},a),{height:e});r&&r(t)}))}})),de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:g,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{weightBefore:!0})}));var t=n.__assign(n.__assign({},a),{weightBefore:e});r&&r(t)}))},value:null==a?void 0:a.weightBefore})),de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:p},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==a?void 0:a.weight,onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{weight:!0})}));var t=n.__assign(n.__assign({},a),{weight:e});r&&r(t)}))}})))},pt=function(){return"undefined"!=typeof window&&window.innerWidth<r.Breakpoints.BREAK_POINT_MOBILE},ft=function(){return"undefined"!=typeof window&&window.innerWidth>=r.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<r.Breakpoints.BREAK_POINT_PC};var gt={"en-PH":pe.default,"vi-VN":ge.default,"zh-TW":he.default,"id-ID":fe.default};function ht(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,r=e.useState(null),o=r[0],i=r[1],s=function(){var t=e.useState(pt()),n=t[0],a=t[1],l=e.useState(ft()),r=l[0],o=l[1];return e.useEffect((function(){var e=function(){a(pt()),o(ft())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:r}}().isMobile,c=e.useState((function(){return l})),u=c[0],m=c[1],p=e.useState((function(){var e;return L.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),f=p[0],g=p[1],h=e.useMemo((function(){return L.addMonths(f,1)}),[f]);var v=n.__assign(n.__assign({},t),{goToNextMonth:function(){g((function(e){return L.addMonths(e,1)}))},goToPreviousMonth:function(){g((function(e){return L.subMonths(e,1)}))},range:u,setRange:m,hoverDay:o,setHoverDay:i});return de.default.createElement(de.default.Fragment,null,de.default.createElement(vt,n.__assign({},v,{date:f})),!s&&de.default.createElement(d.StyledCalendarMonthSeparator,null),!s&&de.default.createElement(vt,n.__assign({},v,{date:h})))}function vt(t){var a=t.date,l=t.range,r=t.setRange,o=t.onChange,s=t.goToPreviousMonth,c=t.goToNextMonth,u=t.minDate,m=t.maxDate,p=t.close,f=void 0===p?function(){}:p,g=t.autoClose,y=void 0!==g&&g,b=t.hoverDay,E=t.setHoverDay,x=h.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=gt[x])&&void 0!==e?e:gt["en-PH"]}),[x]),C=e.useMemo((function(){return L.format(a,"MMMM",{locale:w})}),[a,w]),k=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function _(e,t){if(null===e)return de.default.createElement(d.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),o=L.isToday(e),i=!!l.from&&L.isSameDay(l.from,e),s=!!l.to&&L.isSameDay(l.to,e),c=i||s,p=!1;null!==b&&l.from&&L.isBefore(l.from,b)&&!l.to?p=L.isWithinInterval(e,{start:l.from,end:b}):l.from&&l.to&&(p=L.isWithinInterval(e,{start:l.from,end:l.to}));var g=!1;return u&&m?g=!L.isWithinInterval(e,{start:u,end:m}):u?g=L.isBefore(e,u):m&&(g=L.isAfter(e,m)),de.default.createElement(d.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":o,"data-is-past":!o&&L.isPast(e),"data-is-selected":c,"data-is-disabled":g,"data-in-range":p,"data-is-from":i,"data-is-to":s,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){g||r((function(t){return y&&l.from&&!l.to&&f(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?L.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},de.default.createElement(d.StyledCalendarDayNumber,{onClick:function(){}},de.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&o(l)}),[l]),de.default.createElement(d.StyledCalendarWrapper,{className:"calendar-wrapper"},de.default.createElement(d.StyledCalendarHead,null,de.default.createElement(i.Button,{onClick:s,size:"md",color:"ghost",icon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),de.default.createElement("div",{className:"calendar-month"},C,de.default.createElement("strong",null,L.format(a,"yyyy"))),de.default.createElement(i.Button,{onClick:c,size:"md",color:"ghost",icon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),de.default.createElement(d.StyledCalendarCellsWrapper,null,de.default.createElement("div",null,de.default.createElement(d.StyledCalendarDaysOfWeek,null,k.map((function(e,t){return de.default.createElement(d.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),de.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=L.getDaysInMonth(a),r=[],o=1;o<=n;o++)r.push(new Date(e,t,o));var i=r[0]?r[0].getDay():0;if(1!==i){var s=0===i?6:i-1;for(o=0;o<s;o++)r.unshift(null)}return de.default.createElement(d.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(l.from&&l.to)},de.default.createElement(d.StyledCalendarDaysWrapper,null,de.default.createElement(d.StyledCalendarDateGrid,null,r.map(_))))}())))}var yt=function(){return de.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"}),de.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},bt=function(){return de.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},de.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"}))};exports.Alert=function(e){var n=e.style,a=e.onClose,l=e.text,r=e.type,o=e.contentIcon,i=e.closeIcon,s=e.className,c=e.description;return de.default.createElement(ve,{style:n,"data-alert-type":r,className:s},de.default.createElement(ye,null,de.default.createElement("div",{className:"icon-title"},o,de.default.createElement(t.Text,{type:"bold",size:"label1"},l)),de.default.createElement(t.Text,{type:"regular",size:"p3"},c)),de.default.createElement(be,{onClick:a},i))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return de.default.createElement("amp-next-page",null,de.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),de.default.createElement("div",n.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var n=e.articleLink,a=e.authorLink,l=e.authorName,r=e.avatarImg,o=e.banner,i=e.categoryLink,s=e.categoryName,u=e.className,m=e.dataEventActionForBanner,p=e.dataEventActionForBookmark,f=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,v=e.dataEventCategoryForBookmark,y=e.dataEventCategoryForCategory,b=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,x=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,C=e.dataEventLabelForTitle,k=e.direction,_=void 0===k?"horizontal":k,S=e.hasAffiliate,L=e.isBookmark,N=void 0!==L&&L,T=e.isBookmarkDisplayed,B=void 0===T||T,A=e.isMobile,z=void 0===A||A,M=e.onBookmark,I=e.onClickCategoryName,D=e.section,H=void 0===D?"normal":D,j=e.size,P=void 0===j?"md":j,F=e.specialty,G=e.style,O=e.styleBanner,W=e.styleLabel,R=e.styleTitle,V=e.text,U=e.title,q=e.type,Z=void 0===q?"author":q,$=e.uploadTime,Y=e.articleLinkTarget,K=function(e){e.stopPropagation(),M&&M()},X="lg"===P&&"expert"===Z?"h4":"lg"===P&&"home"===H?z?"h4":"h3":"lg"===P?"h4":"h5",Q="lg"===P?"p3":"p4",J=z||"home"!==H||"lg"!==P||"author"!==Z?"c2":"c1";return de.default.createElement(d.StyledCard,{className:u,"data-size":P,style:G,"data-direction":_,"data-is-expert":"expert"===Z||void 0},de.default.createElement("div",{className:"banner",style:O},de.default.createElement(d.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:Y},o),S&&de.default.createElement("div",{className:"shoppable"},de.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),de.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"})))),de.default.createElement("div",{className:"content"},de.default.createElement("div",{className:"inner-content"},de.default.createElement(t.Text,{style:W,className:"label",size:J,type:"caption"},de.default.createElement(d.StyledAnchor,{"data-event-category":y,"data-event-action":f,"data-event-label":w,href:i||"#",onClick:I},s),B&&de.default.createElement("a",{className:"bookmark",onClick:K},N?de.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":x,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"})):de.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":x,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"})))),de.default.createElement(c.Heading,{tag:X,style:R,className:"title",as:"lg"===P?"h2":"h3"},de.default.createElement(d.StyledAnchor,{"data-event-category":b,"data-event-action":g,"data-event-label":C,href:n||"#",target:Y},U)),V&&de.default.createElement("a",{href:n||"#",target:Y},de.default.createElement(t.Text,{size:Q,className:"text"},V))),de.default.createElement("div",{className:"footer"},"author"===Z?de.default.createElement(Qe,{size:P,avatarImg:r,authorName:l,authorLink:a,uploadTime:$,handleClick:K,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:x}):de.default.createElement(Je,{size:P,isMobile:z,avatarImg:r,specialty:F,name:l,link:a,handleClick:K,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:x}))))},exports.BMICardEmbed=function(e){var n,a,r,o=e.isMobile,i=e.onSubmit,c=e.bmiContent,u=e.isSide,m=e.bmiGenerated,p=e.bmiUnit,f=e.bmiLink,g=e.locale,y=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":u},de.default.createElement(d.ToolsBannerCard,{isSide:u,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:y("bmi.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),de.default.createElement("span",null)):void 0,isMobile:o}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{as:"div","data-is-side":u},f&&de.default.createElement(ot,{onSubmit:i,bmiGenerated:m,locale:g,bmiUnit:p,isSide:u}))))},exports.BMRCardEmbed=function(e){var n,a,r,o=e.isSide,i=e.locale,c=e.bmrContent,u=e.isMobile,m=e.info,p=e.inputErrorMessage,f=e.onFormChange,g=e.onSubmit,y=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":o},de.default.createElement(d.ToolsBannerCard,{isSide:o,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:y("bmr.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),de.default.createElement("span",null)):void 0,isMobile:u}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},"data-is-side":o},de.default.createElement(d.StyledInputForm,null,de.default.createElement(ct,{info:m,locale:i,errorMessage:p,onChange:f,onClick:g,isSide:o})))))},exports.BabyGrowthCardEmbed=function(a){var r,o,i=a.isMobile,s=a.className,c=a.onSubmit,u=a.onError,m=a.isLoggedIn,p=a.currentUrl,f=a.onAddMeasurement,g=a.schema,y=a.source,b=a.babyLists,E=h.useTranslations().t,x=e.useState(null),k=x[0],_=x[1],S=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,w.callApi(w.getDiscoverApiPath(w.DISCOVER_PATHS.GET_HEALTH_TOOL_BABY_GROWTH_INFO),"GET")];case 1:return e=t.sent(),_((function(){return C.formatBabyGrowthContent(null==e?void 0:e.data)})),[2]}}))}))}),[]);return e.useEffect((function(){S()}),[S]),de.default.createElement(d.StyledContainer,{"data-is-mobile":i},de.default.createElement(d.ToolsBannerCard,{bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==k?void 0:k.featuredImage)||""}),heading:(null==k?void 0:k.title)||"",medicalReview:(null===(r=null==k?void 0:k.reviewBy)||void 0===r?void 0:r.reviewer)&&""!==(null===(o=null==k?void 0:k.reviewBy)||void 0===o?void 0:o.reviewer)?de.default.createElement(t.Text,{size:"p4",color:l.theme.colors.white,className:"embedded-review"},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==k?void 0:k.reviewBy.link)||"#",'"\n >\n ').concat(k.reviewBy.reviewer.trim(),"\n </a>"),date:k.reviewBy.date})}})):void 0,isMobile:i}),de.default.createElement(d.StyledBabyGrowthWrapper,null,de.default.createElement(d.StyleForm,{onAddMeasurement:f,isMobile:i,schema:g,source:y,babyLists:b,className:s,onSubmit:c,onError:u,isLoggedIn:m,currentUrl:p})))},exports.BabyPoopEmbed=function(e){var n=e.babyPoopPage,a=e.onClickFindOut,r=e.locale,o=e.isMobile,s=e.currentUrl,u=e.isSide,m=h.useTranslations().t,p=n.reviewedBy,f=n.reviewedDate;return de.default.createElement(d.StyledBabyPoopHeader,null,de.default.createElement(k.Container,{className:"px-16",style:{height:"100%",display:"".concat(o?"flex":""),flexDirection:"column"}},o&&de.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:v.CommonGAssets.getAssetPath("babyDiaper.png"),alt:n.title}),de.default.createElement(d.StyledBabyPoopHeaderContent,{"data-is-side":u},de.default.createElement(d.StyledBabyPoopHeaderContentText,{"data-is-side":u},de.default.createElement(c.Heading,{tag:"h2",color:"#284A75"},n.title),de.default.createElement(t.Text,{size:"p3",className:"description"},n.description),!!p&&de.default.createElement(d.StyledBabyPoopHeaderReview,{className:"reviewer"},de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),de.default.createElement(t.Text,{size:"p4",color:l.theme.colors.gray600},m("categoryPage.info.reviewed")," ",de.default.createElement("a",{href:p.profileUrl},p.displayName)," ",m("categoryPage.onDate",{date:f}))),de.default.createElement(i.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:s,style:{visibility:Boolean(a)?"visible":"hidden"}},m("babyPoop.findOut"))),!o&&de.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:v.CommonGAssets.getAssetPath("babyDiaper.png"),alt:n.title,"data-is-vietnam":r===_.LOCALE.Vietnam,className:"banner-img"}))))},exports.Badge=function(e){var t=e.amount,n=e.type,a=e.size,l=void 0===a?"medium":a,r=e.color,o=void 0===r?"primary":r,i=e.icon,s=e.className;return de.default.createElement(Ee,{"data-notification-type":n,"data-notification-size":l,"data-notification-color":o,"data-has-icon":!!i||void 0,notificationType:n,notificationSize:l,notificationColor:o,hasIcon:!!i,className:s},de.default.createElement("div",null,t&&de.default.createElement("span",null,t)," ",i&&de.default.createElement("div",null,i)))},exports.BorderHeading=function(e){var t=e.style,a=e.children,l=e.className,r=e.size,o=void 0===r?"lg":r,i=e.type,s=void 0===i?"bold":i,c=e.upperCase,d=e.as,u=void 0===d?"h4":d,m=e.color;return de.default.createElement(xe,{style:n.__assign({color:m},t),className:l,"data-size":o,"data-type":s,"data-uppercase":c,as:u},a)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,r=t.size,o=t.LinkComponent,i=void 0===o?"a":o,s=t.onChangePage,c=t.separator,u=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]);return de.default.createElement(d.StyledBreadcrumb,{"data-size":r,className:a},u.map((function(t,n){var a=n+1===u.length;return de.default.createElement(e.Fragment,{key:n},de.default.createElement(et,{LinkComponent:i,page:t,isLast:a,onChangePage:s}),!a&&(t.separator||c||de.default.createElement(d.StyledSeparator,{"data-size":r})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,r=t.children,o=t.scheme,i=void 0===o?"hellosites":o,s=t.classNameLeftArrow,c=void 0===s?"":s,u=t.classNameRightArrow,m=void 0===u?"":u,f=t.mode,g=void 0===f?"snap":f,h=t.isDotsShown,v=void 0===h||h,y=t.isArrowShown,b=void 0!==y&&y,E=t.dataEventCategory,x=t.dataEventAction,w=t.dataEventLabel,C=t.onChangePage,k=de.default.useState(0),_=k[0],S=k[1],L=e.useState(!1),N=L[0],T=L[1],B=p.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){S(e.track.details.rel),C&&C(e.track.details.rel)},created:function(){T(!0)},drag:!0,mode:g,slides:{spacing:12}}),A=B[0],z=B[1],M=[],I=a*l,D=0;D<r.length;D+=I){var H=r.slice(D,D+I);M.push(H)}return de.default.createElement(d.StyledCarousel,{row:a,column:l},de.default.createElement("div",{className:"navigation-wrapper"},de.default.createElement("div",{ref:A,className:"keen-slider slides-wrapper"},M.map((function(e,t){return de.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return de.default.createElement("div",{key:t},e)})))}))),N&&z.current&&b&&de.default.createElement(de.default.Fragment,null,de.default.createElement(at,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=z.current)||void 0===t?void 0:t.prev())},isDisabled:0===_,scheme:i,className:"left-arrow ".concat(c),"data-event-category":E,"data-event-action":x,"data-event-label":w}),de.default.createElement(at,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=z.current)||void 0===t?void 0:t.next())},isDisabled:_===z.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(m),"data-event-category":E,"data-event-action":x,"data-event-label":w}))),N&&z.current&&v&&de.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(z.current.track.details.slides.length),!0).map((function(e,t){return de.default.createElement(d.StyledDot,{key:t,onClick:function(){var e;null===(e=z.current)||void 0===e||e.moveToIdx(t)},"data-is-active":_===t,"data-is-hellosites":"hellosites"===i})}))))},exports.CategoryCard=function(e){var n=e.imgBanner,a=e.label,l=e.className,r=e.style,o=e.href,i=void 0===o?"":o,s=e.dataEventCategory,c=e.dataEventAction,u=e.dataEventLabel;return de.default.createElement(d.StyledCategoryCard,{"data-event-category":s,"data-event-action":c,"data-event-label":u,className:l,style:r,href:i,onClick:function(e){""===i&&e.preventDefault()}},de.default.createElement("div",{className:"banner"},n),de.default.createElement("div",{className:"content"},de.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a)))},exports.Checkbox=Ue,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,r=e.options,o=void 0===r?[]:r,i=e.className,s=e.type,c=void 0===s?"vertical":s,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var r=n.findIndex((function(t){return t===e}));n.splice(r,1)}l&&l(n)};return de.default.createElement(d.StyledCheckboxGroup,{className:i,"data-type":c,"data-is-rectangle":m||void 0},o.map((function(e,n){return de.default.createElement(Ue,{label:e.label,name:t,key:"".concat(n,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:u||e.disabled,onChange:!u&&p,isRectangle:m})})))},exports.CookieAcceptConfirm=function(e){var t=e.className,n=e.policiesUrl,a=e.onAcceptClick,l=e.translations,r=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,o=e.title,i=void 0===o?"":o,s=e.description,c=void 0===s?"":s,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return de.default.createElement(d.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},de.default.createElement(d.StyledTitleSection,{"data-has-content":!!i},i),de.default.createElement(d.StyledDescription,{dangerouslySetInnerHTML:{__html:c}}),de.default.createElement(d.StyledButtonGroup,null,de.default.createElement(d.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"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},r.acceptButton),de.default.createElement(d.StyledPoliciesButton,{href:n},r.policiesButton)))},exports.DateRangePicker=function(t){var n=t.inputSize,a=void 0===n?"md":n,l=t.name,r=void 0===l?"date-range-picker":l,o=t.value,i=t.minDate,s=t.maxDate,c=t.onChange,u=t.className,m=t.autoClose,p=void 0!==m&&m;o||(o={from:null,to:null});var f=e.useState(!1),g=f[0],h=f[1];function y(){h(!1)}var b=e.useRef(null);function E(e){c&&c(e)}function x(e){return L.format(e,"dd/MM/yyyy")}B.useOutsideClick(b,(function(){y()}));var w=e.useMemo((function(){return o.from&&o.to?L.isSameDay(o.from,o.to)?x(o.from):"".concat(x(o.from)," - ").concat(x(o.to)):""}),[o.from,o.to]);return de.default.createElement(d.StyledWrapper,{className:[u,g&&"focused"].filter(Boolean).join(" "),ref:b},de.default.createElement("label",{htmlFor:r},de.default.createElement(T.PureInput,{size:a,value:w,name:r,actionIcon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:function(){return h(!0)}})),g?de.default.createElement(d.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},de.default.createElement(ht,{value:o,onChange:E,minDate:i,maxDate:s,close:y,autoClose:p})):null)},exports.DueDateCardEmbed=function(e){var n,a=e.isMobile,r=e.locale,o=e.onSubmitDueDate,i=e.dueDatePageInfo,c=e.expertUrl,u=e.isSide,m=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":u},de.default.createElement(d.ToolsBannerCard,{isSide:u,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==i?void 0:i.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(n=null==i?void 0:i.reviewed_by)||void 0===n?void 0:n.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c,'"\n >\n ').concat(null==i?void 0:i.reviewed_by.display_name,"\n </a>"),date:null==i?void 0:i.reviewed_date})}}),de.default.createElement("span",null)):void 0,isMobile:a}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":u},de.default.createElement(d.DueDateCalculator,{locale:r,onSubmitDueDate:o,isSide:u}))))},exports.FileDropdown=function(t){var n=t.className,a=t.value,l=t.options,r=t.onUploadSelected,o=t.id,i=t.placeholderIcon,s=t.placeholder,c=t.style,d=e.useState(!1),u=d[0],m=d[1],p=function(){return m(!u)},f=e.useRef(l.map((function(e){return"upload"===e.type&&de.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),g=de.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"},de.default.createElement("defs",null,de.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},de.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),de.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"File"),de.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},de.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)"}),de.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),h=de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"download"),de.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)"})),v=de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"upload"),de.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 de.default.createElement(we,{className:n,"data-dropdown-open":!!u,id:o,"data-has-icons":!0,style:c,onBlur:function(){return m(!1)},tabIndex:0},de.default.createElement(Ce,{onClick:p},i||g," ",de.default.createElement("span",null,a&&a.value?a.label:s)),u&&de.default.createElement(ke,{onClick:p,"data-has-icons":!0},l.map((function(e){return de.default.createElement(_e,{key:"".concat(o,"-").concat(e.value),"data-selected":a&&a.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-"+o+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},de.default.createElement(Se,null,e.icon||"download"===e.type?h:v),e.label)}))),de.default.createElement(de.default.Fragment,null,f.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,r=t.style,o=t.backgroundPanelStyle,i=t.isOpen,s=t.onOpen,c=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,y=e.useState(!!i),b=y[0],E=y[1];e.useEffect((function(){E(!!i)}),[i]);var x=function(){E(!1),c&&c()};return de.default.createElement(d.StyledFloatButtonGroup,{style:r,className:l,"data-floatmenu-open":b,"data-site-type":p,"data-animation-type":g},de.default.createElement(d.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},o),onClick:u?void 0:x}),de.default.createElement(d.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},de.default.createElement(d.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return de.default.createElement(d.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(b?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(b?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},de.default.createElement(d.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(b?a.length-1-t:t),"ms")})},e.label),de.default.createElement(d.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(b?a.length-1-t:t),"ms")})},e.icon))}))),de.default.createElement(d.StyledFloatButtonGroupToggleIcon,{onClick:b?x:function(){E(!0),s&&s()}})))},exports.Grid=function(e){var t=e.className,n=e.columns,a=e.columnsDesktop,l=e.gridTemplateColumns,r=e.gridTemplateColumnsDesktop,o=e.gap,i=e.children,s=e.justifyChildren,c=e.style,d=e.alignItems;return de.default.createElement(Le,{className:t,style:c,theme:{columns:n,columnsDesktop:a,gap:o,justifyChildren:s,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,alignItems:d}},i)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,r=e.icon;return de.default.createElement(d.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&r,l,"right"===n&&r)},exports.OvulationCardEmbed=function(e){var t=e.onSubmitOvulation,n=e.locale,a=e.ovulationPageInfo,l=e.ovulationContent,r=e.isSide,o=void 0!==r&&r,i=h.useTranslations().t,c=C.formatOvulationInfo(a||null);return de.default.createElement(d.StyledContainer,{"data-is-side":o},de.default.createElement(ut,{backgroundDesktopSrc:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:i("healthTools.ovulationCalculator"),reviewedBy:c.reviewedBy,reviewedDate:c.reviewedDate,ovulationContent:l,isSide:o}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":o},de.default.createElement(d.OvulationCalculator,{locale:n,onSubmitOvulation:t,isSide:o}))))},exports.PWGCardEmbed=function(a){var r,o,c=a.locale,m=a.onClick,p=a.inputErrorMessage,g=a.pwgContent,y=a.onFormChange,b=a.info,E=a.isMobile,k=a.isSide,_=void 0!==k&&k,L=h.useTranslations().t,N=e.useState("notwins"),T=N[0],B=N[1],A=e.useState({label:"1",value:1}),z=A[0],M=A[1],I=e.useMemo((function(){return n.__spreadArray([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),D=x.useHealthToolsCache(c).getHealthToolLink,H=e.useMemo((function(){return D(w.HEALTH_TOOL_TYPE.PWG)}),[D]),j=(null===(r=null==g?void 0:g.reviewedBy)||void 0===r?void 0:r.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(C.formatUserProfileUrl(null==g?void 0:g.reviewedBy),'"\n >\n ').concat(null===(o=null==g?void 0:g.reviewedBy)||void 0===o?void 0:o.display_name,"\n </a>"),date:null==g?void 0:g.reviewedDate})}}),de.default.createElement("span",null)):void 0;return de.default.createElement(d.StyledContainer,{"data-is-side":_},de.default.createElement(d.ToolsBannerCard,{bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:g.featuredImage,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:L("pregnancyWeightGain.heading"),medicalReview:j,isMobile:E,isSide:_}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":_},de.default.createElement(d.StyledTwins,{className:"hide-asking-mobile","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:l.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},L("pregnancyWeightGain.havingTwins")),de.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:L("switchBtn.yes")},{value:"notwins",label:L("switchBtn.no")}],value:T,onChange:function(e){return B(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),de.default.createElement(d.StyledInputWrapper,null,de.default.createElement(d.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:l.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},L("pregnancyWeightGain.weekInput")),de.default.createElement(u.Dropdown,{options:I,placeholder:String(z.label),id:"weight-gain-dropdown",size:"md",value:z,onChange:function(e){return M({label:e.label,value:e.value})}})),de.default.createElement(mt,{info:b,errorMessage:p,onChange:y})),de.default.createElement(d.StyledTwins,{className:"hide-asking-desk","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:l.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},L("pregnancyWeightGain.havingTwins")),de.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:L("switchBtn.yes")},{value:"notwins",label:L("switchBtn.no")}],value:T,onChange:function(e){return B(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),de.default.createElement(d.StyledSubmitButton,{"data-is-side":_},de.default.createElement(i.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(f.domainLocales[c],"/").concat(H),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return m(T,z.value)},role:"button"},L("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=function(t){var a=t.className,l=t.pagesAmount,o=t.currentPage,i=t.onChange,s=t.onClick,c=t.style,d=t.href,u=t.queryPageName,m=void 0===u?"page":u,p=n.__spreadArray([],Array(l),!0).map((function(e,t){return t+1})),f=e.useState(o),g=f[0],h=f[1],v=e.useMemo((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),y=l-1,b=function(e){e<=l&&e>0&&(h(e),i(e))},E=function(e){s&&s(e)};return e.useEffect((function(){h(o)}),[o]),de.default.createElement(Ne,{className:a,style:c},de.default.createElement(Te,{className:"prev-page",onClick:function(){return b(g-1)},"data-last-page":1===g||void 0},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,g,m),onClick:E},de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?de.default.createElement(Ae,{pagesAmount:l,activePage:g,handlePageChange:b,handleClick:E,href:v,queryPageName:m}):p.map((function(e){return de.default.createElement(Be,{key:"".concat("pagination","+").concat(e),"data-page-active":e===g||void 0,onClick:function(){return b(e)}},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,e,m),onClick:E},e):e)})),de.default.createElement(Te,{className:"next-page",onClick:function(){return b(g+1)},"data-last-page":g===y+1||void 0},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,g,m),onClick:E},de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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 t=e.percent,a=e.style;return de.default.createElement(Xe,{style:n.__assign({"--progress":t},a)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,r=t.activeStep,o=t.labelPrefix,i=t.detailSteps,s=t.className,c=t.onChange,u=e.useState(0),m=u[0],p=u[1],f=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return de.default.createElement(d.StyledTrackContainer,n.__assign({},a,{className:t}),de.default.createElement(d.StyledTrack,null))},g=de.default.createElement(d.StyledSlider,{className:s+" progress-bar"},de.default.createElement(f,null),de.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,r=void 0===a?"Step":a,o=e.onChange;return de.default.createElement(de.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return de.default.createElement(d.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){o&&o(a)},key:a},a+1,de.default.createElement(d.StyledStepLabel,{"data-step-passed":a<=n},r+" "+(a+1)))})))}),{trackLength:m,activeStep:r,labelPrefix:o,onChange:c})),h=de.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},de.default.createElement("title",null,"chevron-right"),de.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),v=de.default.createElement(d.StyledBreadcrumbContainer,null,i&&Array.from({length:i.length},(function(e,t){return t})).map((function(e,t){var n;return de.default.createElement(d.StyledBreadcrumbWrapper,{key:t,"data-selected":t===r,onClick:function(){c&&c(t)}},null===(n=i[t])||void 0===n?void 0:n.text," ",t<i.length-1&&h)}))),y=de.default.createElement(d.StyledSlider,{className:s+" progress-bar"},de.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange;return de.default.createElement(de.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,l){return de.default.createElement(d.StyledDetailStep,{key:l,style:{left:100/t.length*l+"%",width:100/t.length+"%"},onClick:function(){a&&a(l)}},t[l].icon?de.default.createElement(d.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(l)}},t[l].icon):de.default.createElement(d.StyledDetailStepIndicator,{"data-is-active":l===n,"data-label":e,onClick:function(){a&&a(l)},key:l},l+1),de.default.createElement(d.StyledDetailStepLabel,{"data-step-passed":l<n+1},t[l].text,de.default.createElement(d.StyledDetailStepDescription,null,t[l].description)),l<t.length-1&&de.default.createElement(f,{"data-step-passed":l<n,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:r,detailSteps:i,onChange:c})),b=e.useCallback(me.default((function(){var e=document.querySelector(".progress-bar");e&&p(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return p(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b),function(){window.removeEventListener("resize",b)}}),[]),"step-track"===a&&g||"breadcrumb"===a&&v||"detail-track"===a&&y},exports.RateStars=function(t){var a=t.gap,l=void 0===a?2:a,r=t.size,o=void 0===r?24:r,i=t.star,s=t.totalStars,c=void 0===s?5:s,d=t.onSelect,u=t.hideEmptyStars,m=t.style,p=t.className,f=Math.floor(i),g=i-f>=.5?1:0,h=e.useState(null),v=h[0],y=h[1],b=v||f,E=v?0:g;return de.default.createElement(Ze,{"data-selectable":!!d,style:n.__assign({"--gap":l,"--star-size":o},m),className:p},Array.from({length:u?f+g:c}).map((function(e,t){var n=function(){return!!d&&y(t+1)},a=function(){return!!d&&y(null)};return t+1<=b?de.default.createElement(Ye,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===b+E?de.default.createElement(Ke,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a}):de.default.createElement($e,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.ScrollList=function(t){var n=t.row,a=void 0===n?2:n,l=t.column,r=void 0===l?3:l,o=t.isDotsShown,i=void 0===o||o,s=t.isImageGalleryShown,c=void 0!==s&&s,u=t.mode,m=void 0===u?"infinity":u,p=t.type,f=void 0===p?"separated":p,g=t.distanceOverlappedLeft,h=void 0===g?{amount:0,unit:"pixel"}:g,v=t.children,y=t.className,b=t.isProgressShown,E=void 0!==b&&b,x=t.statusChildren,w=t.isArrowShown,C=void 0!==w&&w,k=t.classNameLeftArrow,_=t.classNameRightArrow,S=t.dataEventCategory,L=t.dataEventAction,N=t.dataEventLabel,T=t.onChangePage,B=t.page,A=t.customPageWidth,z=t.scheme,M=void 0===z?"hellosites":z,I=t.arrowType,D=void 0===I?"Discover":I,H="number"==typeof B,j=e.useState(H?B:0),P=j[0],F=j[1],G=[];de.default.Children.map(v,(function(e,t){t%(a*r)==0&&G.push([]),G[G.length-1].push(de.default.cloneElement(e))}));var O=e.useRef(),W=e.useRef(0),R=function(e){if(O.current){var t=O.current.clientWidth,n=A||t,a="intertwined"===f?"percentage"===h.unit?e*n+h.amount/100*n*e:e*n+h.amount*n*e:e*n;O.current.scrollTo({top:0,left:a,behavior:"smooth"}),W.current=e,F(e),T&&T(e)}};e.useEffect((function(){"number"==typeof B&&function(e){if(O.current){var t=O.current.clientWidth,n=A||t,a="intertwined"===f?"percentage"===h.unit?e*n+h.amount/100*n*e:e*n+h.amount*n*e:e*n;O.current.scrollTo({top:0,left:a,behavior:"smooth"}),W.current=e,F(e)}}(B)}),[B]);var V=function(e){if(O.current){var t,n=O.current.clientWidth,a=A||n;t=0===P?0:P*a,"forward"===e&&(t===a*(G.length-1)?(F(G.length-1),t=a*(G.length-1),T&&T(G.length-1)):(F(P+1),t+=a,T&&T(P+1)),O.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(F(0),T&&T(0),t=0):(F(P-1),T&&T(P-1),t-=a),O.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},U=me.default((function(){if("infinity"===m){if(!O.current)return;var e=O.current,t=e.clientWidth,n=e.scrollLeft,a=A||t,l=Math.floor(n/a);F(l),T&&T(l)}}),400);return e.useEffect((function(){if("snapped"===m){var e,t,n,a,l,r,o=!1,i=O.current,s=function(r,s){o=!0,n=!1,a=!1,e=r-i.offsetLeft,t=s-i.offsetTop,l=i.scrollLeft},c=function(e){s(e.pageX,e.pageY)},d=function(e){s(e.touches[0].pageX,e.touches[0].pageY)},u=function(){if(o=!1,n=!1,a=!1,O.current){var e=O.current.clientWidth,t=A||e,l="ltr"===r?0!==W.current?W.current-1:W.current:"rtl"===r&&W.current<G.length-1?W.current+1:W.current,i="intertwined"===f?"percentage"===h.unit?l*t+h.amount/100*t*l:l*t+h.amount*t*l:l*t;O.current.scrollTo({top:0,left:i,behavior:"smooth"}),r="none",W.current!==l&&(W.current=l,F(l),T&&T(l))}},p=function(s,c){if(o){var d=s-i.offsetLeft,u=c-i.offsetTop,m=d-e,p=u-t;n||a||!(p>20||p<-20)||(n=!0),!n&&(m>20||m<-20)&&(a=!0,i.scrollLeft=l-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))}},g=function(e){a&&e.preventDefault(),p(e.pageX,e.pageY)},v=function(e){a&&e.preventDefault(),p(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",c),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",u),window.addEventListener("touchend",u),null==i||i.addEventListener("mousemove",g),null==i||i.addEventListener("touchmove",v),function(){null==i||i.removeEventListener("mousedown",c),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",u),window.removeEventListener("touchend",u),null==i||i.removeEventListener("mousemove",g),null==i||i.removeEventListener("touchmove",v)}}}),[]),de.default.createElement(d.StyledScrollList,{className:y,"data-row":a,onScroll:U},C&&P>0&&de.default.createElement("div",{className:"".concat(k," arrow-left"),onClick:function(){return V("back")},"data-event-category":S,"data-event-action":L,"data-event-label":N},"Care"===D?de.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},de.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},de.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),de.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),de.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),de.default.createElement("defs",null,de.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},de.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-2",dy:"2"}),de.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-1",dy:"1"}),de.default.createElement("feGaussianBlur",{stdDeviation:"1"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),de.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):de.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),de.default.createElement("div",{ref:O,className:"container",style:{overflowX:"snapped"===m||C?"hidden":"scroll"}},G.map((function(e,t){for(var n=0,l=0;l<t;l++)n+=G[l].length;return de.default.createElement("div",{key:t,className:"section",style:{marginLeft:"intertwined"===f&&0!==t?h.amount+""+("percentage"===h.unit?"%":"px"):"0px"}},1===a&&E&&de.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(r,", 1fr)")}},e.map((function(a,l){var r=n+l,o=x.find((function(e){return e.index===r}));return de.default.createElement("div",{className:"items-progress",key:l},0===l&&0===t?de.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):de.default.createElement("div",{className:"line"}),de.default.createElement("div",{className:"icon-status"},de.default.createElement(nt,{status:null==o?void 0:o.status})),t===G.length-1&&l===e.length-1?de.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):de.default.createElement("div",{className:"line"}))}))),de.default.createElement("div",{className:"grid-layout","data-index":t,style:{gridTemplateColumns:"repeat(".concat(r,", 1fr)"),gridTemplateRows:"repeat(".concat(a,", 1fr)")}},e.map((function(e,t){return de.default.createElement(de.default.Fragment,{key:t},de.default.createElement("div",{className:"item-grid",key:t},e))}))))}))),C&&P<G.length-1&&de.default.createElement("div",{className:"".concat(_," arrow-right"),onClick:function(){return V("forward")},"data-event-category":S,"data-event-action":L,"data-event-label":N}," ","Care"===D?de.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},de.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},de.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),de.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),de.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),de.default.createElement("defs",null,de.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},de.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-2",dy:"2"}),de.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-1",dy:"1"}),de.default.createElement("feGaussianBlur",{stdDeviation:"1"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),de.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):de.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),i&&de.default.createElement("ul",{className:"bullet-nav"},G.map((function(e,t){return de.default.createElement("li",{key:t,className:"bullet-nav__item "},de.default.createElement("p",{onClick:function(){return R(t)},className:"bullet-nav__link scroll ".concat(P==t?"active":null),"data-scheme":M}))}))),c&&de.default.createElement("div",{className:"image-gallery-wrapper","data-test":G.length},G.slice(0,3).map((function(e,t){return de.default.createElement("div",{className:"image-block ".concat(P==t?"active":null),key:t,onClick:function(){return R(t)},"data-scheme":M},e)}))))},exports.SeoHead=function(e){var t,a,l,r,o,i,s,c,u,m,p,h,v,y,b,E,x,w,C,k=e.SEOData,_=void 0===k?{}:k,S=e.isAmp,L=void 0!==S&&S,N=e.locale,T=void 0===N?"vi-VN":N,B=e.routerPathname,A=e.routerQuery,z=e.nextHead,M=e.siteType,I=e.seoCustom,D=e.userId,H=e.forcedCanonicalUrl,j=_.totalPages,P=_.currentPage,F=_.SEOTitle,G=void 0===F?"":F,O=_.SEODescription,W=void 0===O?"":O,R=_.SEOImage,V=_.seoType,U=_.SEOImageWidth,q=_.SEOImageHeight,Z=_.customMetaData,$=void 0===Z?[]:Z,Y=_.isIndexable,K=void 0===Y||Y,X=_.hasNoCanonical,Q=void 0!==X&&X,J=K&&g.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=_.canonicalUrl||B;Object.keys(A).forEach((function(e){var t=A[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=T||"en-PH",le="helloSites"===M?f.domainLocales[ae]:"www.marrybaby.vn",re=te.endsWith("/")?"":"/";if(_.apiMetaData&&"string"==typeof _.apiMetaData){var oe=null===(t=_.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(P," of ").concat(j),se=P&&1!==P&&oe?_.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",ie+" - "):"<title>".concat(oe[1].concat(ie),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,"?page=").concat(P,'" />')):_.apiMetaData,ce=(ne=d.htmlReactParser(se,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var ue="https://".concat(le,"/images/").concat(T,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[de.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=_.openGraph)||void 0===a?void 0:a.image)||ue||""}),de.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=_.openGraph)||void 0===l?void 0:l.image)||ue}),de.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=_.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=_.openGraph)||void 0===o?void 0:o.imageWidth)||"1200"}),de.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=_.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(s=_.openGraph)||void 0===s?void 0:s.imageHeight)||"630"})],!1)}}var me="https://".concat(le,"/images/").concat(T,".png");return de.default.createElement(z,null,de.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===M&&de.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===T?de.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===T||"ms-MY"===T?de.default.createElement(de.default.Fragment,null):de.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"}),de.default.createElement("link",{rel:"preconnect",href:ee}),de.default.createElement("meta",{charSet:"UTF-8"}),!L&&de.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),de.default.createElement("meta",{name:"google",content:"notranslate"}),de.default.createElement("meta",{name:"robots",content:J}),de.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),$.map((function(e,t){return de.default.createElement("meta",n.__assign({key:t},e))})),de.default.createElement("meta",{name:"theme-color",content:"helloSites"===M?"#2c87f3":"#e85388"}),de.default.createElement("meta",{name:"page_type",content:"Home"}),de.default.createElement("meta",{name:"page_platform",content:"WEB"}),de.default.createElement("meta",{name:"page_language",content:ae}),de.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),L&&de.default.createElement(de.default.Fragment,null,de.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&de.default.createElement(de.default.Fragment,null,"helloSites"===M?de.default.createElement("title",null,I?G:G+" - "+(null===(c=f.LOCALE_SPECS[T])||void 0===c?void 0:c.SITE_NAME)):de.default.createElement("title",null,G),!Q&&de.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),de.default.createElement("meta",{name:"description",content:W||(null===(u=_.openGraph)||void 0===u?void 0:u.description)}),_.schemaData&&de.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:_.schemaData}}),de.default.createElement("meta",{property:"og:locale",content:T}),de.default.createElement("meta",{property:"og:type",content:V||"website"}),de.default.createElement("meta",{property:"og:title",content:(null===(m=_.openGraph)||void 0===m?void 0:m.title)||G}),de.default.createElement("meta",{property:"og:description",content:(null===(p=_.openGraph)||void 0===p?void 0:p.description)||W}),de.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(te)}),de.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),de.default.createElement("meta",{property:"og:image",content:(null===(h=_.openGraph)||void 0===h?void 0:h.image)||R||me||""}),de.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=_.openGraph)||void 0===v?void 0:v.image)||R||me}),de.default.createElement("meta",{property:"og:image:width",content:(null===(y=_.openGraph)||void 0===y?void 0:y.imageWidth)&&String(null===(b=_.openGraph)||void 0===b?void 0:b.imageWidth)||U&&String(U)||"1200"}),de.default.createElement("meta",{property:"og:image:height",content:(null===(E=_.openGraph)||void 0===E?void 0:E.imageHeight)&&String(null===(x=_.openGraph)||void 0===x?void 0:x.imageHeight)||q&&String(q)||"630"}),de.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),de.default.createElement("meta",{name:"twitter:title",content:(null===(w=_.twitter)||void 0===w?void 0:w.title)||G}),de.default.createElement("meta",{name:"twitter:description",content:W}),de.default.createElement("meta",{name:"twitter:image",content:(null===(C=_.twitter)||void 0===C?void 0:C.image)||R})),("helloSites"===M?f.FAVICONS[ae]||[]:f.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?de.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?de.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&&de.default.createElement("link",{rel:"canonical",href:H}),!_.hasNoAmp&&"vi-VN"!==T&&de.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(te).concat(re,"?amp=1")}),D&&"undefined"!=typeof window?de.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(D,"'});")}}):null)},exports.Shadow=function(e){var t=e.size,n=e.children,a=e.style,l=e.className;return de.default.createElement(ze,{style:a,className:l,"data-shadow-size":t},n)},exports.ShareContainer=function(e){var a=e.url,r=e.onCopied,o=e.locale,s=h.useTranslations().t,c=D.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(o)}));return de.default.createElement(d.StyledShareContainer,null,de.default.createElement(t.Text,{size:"p3",color:l.theme.colors.gray800},s("shareContainer.title")),de.default.createElement("div",{className:"icon-group"},c.map((function(e,t){return de.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),de.default.createElement(i.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:de.default.createElement(yt,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__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(a)];case 1:return t.sent(),null==r||r(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var r=a.open,o=a.title,s=a.onClose,c=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=h.useTranslations().t,v=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__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==c||c(),[2]}}))}))}),[m,c]),y=D.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return e.useEffect((function(){r&&navigator.share&&navigator.share({title:null!=o?o:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==s||s()}))}),[m,o,u,r]),"undefined"!=typeof navigator&&navigator.share?null:de.default.createElement(d.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:s,open:r,placement:"bottom"},f),de.default.createElement("div",{className:"share-container"},de.default.createElement("div",{className:"icon-container"},de.default.createElement(t.Text,{type:"semiBold",size:"s3",color:l.theme.colors.gray600},g("share.title")),de.default.createElement("div",{className:"icon-group"},y.map((function(e,t){return de.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),de.default.createElement("div",{className:"link-container"},de.default.createElement(t.Text,{type:"semiBold",size:"s3",color:l.theme.colors.gray600},g("share.copyLink")),de.default.createElement("div",{className:"input-group"},de.default.createElement(N.Input,{name:"link",size:"md",value:m,isDisabled:!0}),de.default.createElement(i.Button,{size:"md",type:"button",color:"tertiary",icon:de.default.createElement(bt,null),onClick:v})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,r=e.isInACard,o=e.cardColor,i=e.className;return de.default.createElement(d.StyledStatisticContainer,{className:i,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":o},de.default.createElement(d.StyledDescriptionWrapper,null,"small"===t&&de.default.createElement(d.StyledDot$1,{"data-color":o}),n),de.default.createElement(d.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,r=e.style;return de.default.createElement(d.StyledSurveyQuestionCard,{className:l,style:r},de.default.createElement("div",{className:"survey-inner-wrapper"},de.default.createElement(d.StyledSurveyThankyouCard,null,de.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},de.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},de.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"}),de.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),de.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"})),n&&de.default.createElement(c.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&de.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.THRCardEmbed=function(n){var a,r,o,i=n.isSide,c=n.locale,u=n.thrContent,m=n.isMobile,p=n.info,g=n.inputErrorMessage,y=n.onFormChange,E=n.onSubmit,k=h.useTranslations().t,_=x.useHealthToolsCache(c).getHealthToolLink,L=e.useMemo((function(){return _(w.HEALTH_TOOL_TYPE.THR)}),[_]),N=e.useState(!1),T=N[0],B=N[1],A=e.useState("low_intensity"),z=A[0],M=A[1],I=e.useState("male"),D=I[0],H=I[1],j=e.useState([60]),P=j[0],F=j[1],G=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),O=G[0],W=G[1],R=[{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}],V=[{value:"low_intensity",label:k("targetHeartRate.lowIntensity.title"),image:v.CommonGAssets.getAssetPath("/low.svg"),imageActive:v.CommonGAssets.getAssetPath("/low-active.svg"),content:k("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:k("targetHeartRate.moderateIntensity.title"),image:v.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:v.CommonGAssets.getAssetPath("/moderate-active.svg"),content:k("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:k("targetHeartRate.aerobicZone.title"),image:v.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:v.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:k("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:k("targetHeartRate.vigorousIntensity.title"),image:v.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:v.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:k("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:k("targetHeartRate.maximumIntensity.title"),image:v.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:v.CommonGAssets.getAssetPath("/maximum-active.svg"),content:k("targetHeartRate.maximumIntensity.note")}],U=e.useMemo((function(){return[{value:"male",label:k("gender.male"),content:de.default.createElement(b.Icon.GenderChooseBoy,null)},{value:"female",label:k("gender.female"),content:de.default.createElement(b.Icon.GenderChooseGirl,null)}]}),[]);return e.useEffect((function(){var e=((new Date).getTime()-new Date(p.age).getTime())/1e3;B(e>=567648e3);var t=R.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||R[0];W(t),F([60])}),[p.age]),de.default.createElement(d.StyledContainer,{"data-is-side":i},de.default.createElement(d.ToolsBannerCard,{isSide:i,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==u?void 0:u.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:k("targetHearRate.heading"),medicalReview:(null===(a=null==u?void 0:u.reviewedBy)||void 0===a?void 0:a.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(C.formatUserProfileUrl(null==u?void 0:u.reviewedBy),'"\n >\n ').concat(null===(r=null==u?void 0:u.reviewedBy)||void 0===r?void 0:r.display_name,"\n </a>"),date:null==u?void 0:u.reviewedDate})}}),de.default.createElement("span",null)):void 0,isMobile:m}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":i},de.default.createElement(d.StyledRow$1,{"data-is-side":i},de.default.createElement(d.FormControl$1,null,de.default.createElement(d.StyledInput$1,{size:"md",name:"gender",label:k("bmi.selectGender"),CustomInput:de.default.createElement(b.RadioImageGroup,{options:U,value:D,onChange:function(e){H(e),F([60])},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),de.default.createElement(d.StyledRow$1,null,de.default.createElement(st,{info:p,locale:c,errorMessage:g,onChange:y})),de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:l.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},k("targetHeartRate.heartRateInput")),de.default.createElement("div",{style:{width:"100%",marginBottom:"12px"}},de.default.createElement(d.Slider,{className:"slider-heart-rate",min:"male"===D?O.rangeMale:O.rangeFemale,max:200,step:1,value:P,onChange:F})),T&&de.default.createElement(d.FormControl$1,null,de.default.createElement(d.StyledActive,null,de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:l.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},k("targetHeartRate.selectActive")),de.default.createElement("div",{className:"card"},de.default.createElement(it,{options:V.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:z,onChange:function(e){M(e)},className:"gender-selector"})),z&&de.default.createElement("div",{className:"note"},de.default.createElement("img",{style:{height:"16px",width:"16px"},src:v.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),de.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(o=V[V.findIndex((function(e){return e.value==z}))||0])||void 0===o?void 0:o.content)),!z&&de.default.createElement("span",{style:{color:"#e64728"}},g.intensity)))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton$1,{size:"lg",onClick:function(){E(D,z,P)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(f.domainLocales[c],"/").concat(L)},k("bmi.submit")))))},exports.Tabs=function(n){var a=n.style,r=n.initialTab,o=n.tabContent,i=n.onChange,s=n.className,c=n.dataEventCategory,u=n.dataEventAction,m=n.dataEventLabel,p=n.id,f=e.useState(r||0),g=f[0],h=f[1];return e.useEffect((function(){h(r)}),[r]),de.default.createElement(d.StyledTabs,{style:a,className:s,role:"tablist",id:p},o.map((function(e,n){return de.default.createElement(d.StyledTab,{"data-is-tab-active":g===n||void 0,"aria-selected":g===n,role:"tab",onClick:function(){h(n),i&&i(n)},onKeyDown:function(e){"Enter"===e.key&&(h(n),i&&i(n))},key:n,"data-event-category":c,"data-event-action":u,"data-event-label":m,tabIndex:0},de.default.createElement(d.StyledTabContent,null,e.icon&&de.default.createElement(d.StyledIcon,null,e.icon),de.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||l.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,l=e.children,r=e.style,o=e.isInline,i=e.isSquared,s=void 0!==i&&i,c=e.className,d=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return de.default.createElement(Me,{"data-is-squared":s||void 0,"data-tag-type":a,"data-is-light":d||void 0,"data-has-more-padding":u||void 0,"data-is-inline":o||void 0,style:n.__assign(n.__assign({},r),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:o,tagHasMorePadding:u,tagIsLight:d,tagIsSquared:s,tagIsALink:m},de.default.createElement(t.Text,n.__assign({},g),l))},exports.TextDivider=function(e){var n=e.children,a=e.icon,l=e.className,r=e.style;return de.default.createElement(qe,{style:r,className:l},de.default.createElement(s.Container,null,de.default.createElement("div",{className:"icon-wrapper"},a),de.default.createElement(t.Text,{size:"c1",color:"var(--neutral800)"},n)))},exports.Toggle=function(e){var t=e.className,n=e.id,a=e.onChange,l=e.checked,r=e.style,o=e.label;return de.default.createElement(Fe,{className:t,style:r},de.default.createElement("input",{type:"checkbox",id:n,onChange:a,checked:l}),de.default.createElement("label",{htmlFor:n},de.default.createElement(je,null),o&&de.default.createElement(Pe,null,o)))},exports.UnderlinedLink=function(e){var t=e.size,n=e.isDisabled,a=e.className,l=e.link,r=e.style;return de.default.createElement(Ge,{className:a,"data-size":t,style:r,"data-disabled":n||void 0},l)},exports.Uploader=function(e){var t=e.type,n=e.withIcon,a=e.onFileSelected,l=e.inputId,r=e.withElement,o=e.fileAcceptType,s=e.multiple,c=e.value,d=e.className,u=function(){var e;null===(e=document.querySelector("#uploader-input-"+l))||void 0===e||e.click()};return de.default.createElement(Oe,{className:d},"badge"===t?de.default.createElement(We,{onClick:u,"data-is-attached-to-element":!!r},r,de.default.createElement(Re,{"data-is-attached-to-element":!!r},n)):r?de.default.createElement("div",{onClick:u},r):de.default.createElement(i.Button,{size:"md",color:"secondary",className:"default-button",icon:n,onClick:u},de.default.createElement(Ve,null,de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"upload"),de.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")),de.default.createElement("input",{id:"uploader-input-"+l,accept:o,multiple:s,type:"file",style:{display:"none"},onChange:function(e){a(e.target.files)},value:c}))},exports.index=tt,exports.index$1=lt;
1
+ "use strict";var e=require("react"),t=require("./index-12476f9c.js"),n=require("./tslib.es6-e6f346c4.js"),a=require("styled-components"),l=require("./theme-696d81a9.js"),r=require("./utils-df758048.js"),o=require("./defaultClassWrapper-0eac7dff.js"),i=require("./index-8ebed99b.js"),s=require("./index-9766e52b.js"),c=require("./index-0ecbbfbd.js"),d=require("./index-c76c6e27.js"),u=require("./index-ae77acec.js"),m=require("lodash/throttle"),p=require("keen-slider/react"),f=require("./index-d28c27ca.js"),g=require("./isProduction-32e6a55a.js"),h=require("./useTranslations-00120db0.js"),v=require("./gAssets.js"),y=require("react-hook-form"),E=require("./index-1dd7c311.js"),b=require("./index-953fc456.js"),x=require("./useHealthToolCache-8b136374.js"),w=require("./utils-ae703992.js"),C=require("./index-88b15787.js"),k=require("@mantine/core"),_=require("./Locale-11b51016.js"),S=require("./index-6193a08c.js"),L=require("date-fns"),N=require("./index-f1d22aeb.js"),T=require("./index.styled-05afa7e7.js"),B=require("./useOutsideClick-528bfd6c.js"),A=require("date-fns/locale/en-US"),z=require("date-fns/locale/id"),M=require("date-fns/locale/vi"),I=require("date-fns/locale/zh-TW"),D=require("./getSocialList-d9421b94.js");function H(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j,P,F,G,O,W,R,V,U,q,Z,$,Y,K,X,Q,J,ee,te,ne,ae,le,re,oe,ie,se,ce,de=H(e),ue=H(a),me=H(m),pe=H(A),fe=H(z),ge=H(M),he=H(I),ve=ue.default.div(j||(j=n.__makeTemplateObject(["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"],["\n display: flex;\n overflow: auto;\n width: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-left: 4px solid ",";\n background: ",";\n\n &[data-alert-type='danger'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='warning'] {\n border-left-color: ",";\n background: ",";\n }\n\n &[data-alert-type='blue'] {\n border-left-color: ",";\n background: ",";\n }\n"])),(function(e){return e.theme.colors.success}),(function(e){return e.theme.colors.green50}),(function(e){return e.theme.colors.red500}),(function(e){return e.theme.colors.red50}),(function(e){return e.theme.colors.yellow500}),(function(e){return e.theme.colors.yellow50}),(function(e){return e.theme.colors.blue500}),(function(e){return e.theme.colors.blue50})),ye=ue.default.div(P||(P=n.__makeTemplateObject(["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"],["\n .icon-title {\n display: flex;\n align-items: center;\n }\n\n svg,\n img {\n margin-right: 8px;\n }\n"]))),Ee=ue.default.div(F||(F=n.__makeTemplateObject(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"]))),be=ue.default.div(G||(G=n.__makeTemplateObject(["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"],["\n position: relative;\n\n > div {\n width: max-content;\n position: relative;\n }\n\n span {\n font-weight: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n ","\n }\n\n ","\n"])),(function(e){return e.theme.sizes.fwBold}),(function(e){return function(e,t,n,a){var r="";if("numeric"===e)switch(t){case"medium":r="\n height: 16px;\n font-size: 11px;\n padding: 1px 6px;\n ";case"large":r="\n height: 24px;\n font-size: 13px;\n padding: 1px 10px;\n "}var o,i="";n&&(i="\n position: absolute;\n top: 0;\n left: 75%;\n "),n&&(o="\n left: 70%;\n\n ".concat("large"===t?"\n top: -7px;\n ":"medium"===t?"\n top: -2px;\n width: 16px;\n height: 16px;\n ":"","\n "));var s="";switch(a){case"primary":s="\n background: ".concat(l.theme.colors.blue50,";\n color: ").concat(l.theme.colors.blue600,"; \n ");break;case"error":s="\n background: ".concat(l.theme.colors.error,";\n color: white;\n ")}switch(e){case"dot":return"\n ".concat(i,"\n width: 8px;\n height: 8px;\n font-size: 0px;\n border-radius: 50%;\n ").concat(s,"\n ");case"numeric":return"\n ".concat(i,"\n width: max-content;\n border-radius: 32px;\n ").concat(r,"\n ").concat(o,"\n ").concat(s,"\n ")}}(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}),(function(e){return e.hasIcon&&"\n svg {\n width: 40px;\n height: 40px;\n }\n "})),xe=ue.default.h4(O||(O=n.__makeTemplateObject(["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"],["\n position: relative;\n line-height: 18px;\n\n &:after {\n position: absolute;\n top: 1px;\n left: 0;\n width: 4px;\n height: 18px;\n background-color: ",";\n content: '';\n }\n\n &[data-size='lg'] {\n font-size: 18px;\n padding-left: 12px;\n }\n\n &[data-size='sm'] {\n font-size: 14px;\n padding-left: 8px;\n\n &::after {\n width: 2px;\n height: 15px;\n }\n }\n\n &[data-type='bold'] {\n font-weight: ",";\n }\n &[data-type='semiBold'] {\n font-weight: ",";\n }\n\n &[data-uppercase] {\n text-transform: uppercase;\n }\n\n "," {\n &[data-size='lg'] {\n font-size: 16px;\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwSemiBold}),r.MediaQueries.mbDown),we=ue.default.div(W||(W=n.__makeTemplateObject(["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"],["\n position: relative;\n box-sizing: border-box;\n border: 1px solid ",";\n background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;\n background-position: right 16px center;\n border-radius: 6px;\n\n &[data-has-icons='true'] {\n border: none;\n background: ",";\n\n img,\n svg {\n display: inline-block;\n max-width: 16px;\n margin-right: 6px;\n }\n\n span {\n vertical-align: middle;\n display: inline-block;\n }\n\n &:hover {\n box-shadow: none;\n }\n > div {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n }\n > div::after {\n content: '';\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n width: 10px;\n height: 8px;\n position: absolute;\n background-repeat: no-repeat;\n transform: translateY(-50%);\n }\n }\n\n &:hover {\n box-shadow: 0 0 2px 2px ",";\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.blue200})),Ce=ue.default.div(R||(R=n.__makeTemplateObject(["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n padding: 12px 18px 12px 16px;\n cursor: pointer;\n &[data-dropdown-open] {\n padding: 11px 15px 11px 15px;\n border: 1px solid ",";\n border-radius: 6px;\n box-shadow: 0 0 2px 2px ",";\n }\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200})),ke=ue.default.ul(V||(V=n.__makeTemplateObject(["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"],["\n position: absolute;\n top: 100%;\n right: 0;\n left: 0;\n display: block;\n margin-top: 4px;\n background: ",";\n border-radius: 6px;\n box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);\n cursor: pointer;\n\n &[data-has-icons='true'] {\n background: white;\n box-shadow: none;\n border: 1px solid ",";\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n }\n"])),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.gray200})),_e=ue.default.li(U||(U=n.__makeTemplateObject(["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"],["\n margin: 8px;\n padding: 12px 18px 12px 16px;\n border-radius: 6px;\n display: flex;\n &:hover,\n :active {\n background: ",";\n }\n"])),(function(e){return e.theme.colors.gray100})),Se=ue.default.div(q||(q=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"],["\n display: flex;\n align-items: center;\n margin-right: 8px;\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"]))),Le=ue.default.div(Z||(Z=n.__makeTemplateObject(["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"],["\n --columns-count: ",";\n --columns-count-desktop: ",";\n\n --grid-template-columns: ",";\n --grid-template-columns-desktop: ",";\n\n --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));\n --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));\n\n --justify-children: ",";\n --grid-gap: ",";\n --align-items: ",";\n\n display: grid;\n grid-template-columns: var(--columns);\n grid-gap: var(--grid-gap);\n align-items: var(--align-items);\n\n "," {\n grid-template-columns: var(--columns-desktop);\n }\n\n > * {\n justify-self: var(--justify-children);\n }\n"])),(function(e){return e.theme.columns}),(function(e){return e.theme.columnsDesktop}),(function(e){return e.theme.gridTemplateColumns}),(function(e){return e.theme.gridTemplateColumnsDesktop}),(function(e){return e.theme.justifyChildren}),(function(e){return e.theme.gap}),(function(e){return e.theme.alignItems}),r.MediaQueries.tdUp),Ne=ue.default.div($||($=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: space-between;\n user-select: none;\n li {\n transition: all 0.3s ease;\n }\n [data-page-active] {\n background: ",";\n color: ",";\n\n > a {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),Te=ue.default.div(Y||(Y=n.__makeTemplateObject(["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n &[data-last-page] {\n border: none;\n background-color: ",";\n cursor: not-allowed;\n pointer-events: none;\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray300})),Be=ue.default.li(K||(K=n.__makeTemplateObject(["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"],["\n display: flex;\n width: 32px;\n height: 32px;\n align-items: center;\n justify-content: center;\n margin: 0 2px;\n border-radius: 4px;\n color: ",";\n cursor: pointer;\n font-size: 14px;\n font-weight: ",";\n\n > a {\n color: ",";\n text-decoration: unset;\n display: block;\n width: 100%;\n height: 100%;\n line-height: 32px;\n text-align: center;\n }\n"])),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.colors.gray800})),Ae=function(t){var a=t.pagesAmount,l=t.activePage,o=t.handlePageChange,i=t.handleClick,s=t.href,c=t.queryPageName,d=void 0===c?"page":c,u=n.__spreadArray([],Array(a),!0).map((function(e,t){return t+1})),m=e.useState(l<=4?u.slice(0,5):l>=u.length-3?u.slice(u.length-5,u.length):u.slice(l-2,l+1)),p=m[0],f=m[1];return e.useEffect((function(){l<=4?f(u.slice(0,5)):l>=u.length-3?f(u.slice(u.length-5,u.length)):f(u.slice(l-2,l+1))}),[l]),de.default.createElement(e.Fragment,null,l>4&&de.default.createElement(e.Fragment,null,de.default.createElement(Be,{onClick:function(){return o(1)}},s?de.default.createElement("a",{href:s,onClick:i},1):1),de.default.createElement(Be,null,"...")),p.map((function(e){return de.default.createElement(Be,{key:"".concat("pagination","+").concat(e),"data-page-active":e===l||void 0,onClick:function(){return o(e)}},s?de.default.createElement("a",{href:r.formatUrlWithPageParam(s,e,d),onClick:i},e):e)})),l<u.length-3&&de.default.createElement(e.Fragment,null,de.default.createElement(Be,null,"..."),de.default.createElement(Be,{onClick:function(){return o(u.length)}},s?de.default.createElement("a",{href:r.formatUrlWithPageParam(s,u.length,d),onClick:i},u.length):u.length)))},ze=ue.default.div(X||(X=n.__makeTemplateObject(["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"],["\n &[data-shadow-size='small'] {\n filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='normal'] {\n filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='medium'] {\n filter: drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.06)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='large'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n &[data-shadow-size='soft'] {\n filter: drop-shadow(0px 24px 32px rgba(0, 0, 0, 0.04)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.04)) drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n }\n"]))),Me=ue.default.div(Q||(Q=n.__makeTemplateObject(["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"],["\n --padding-horizontal: 8px;\n --pading-vertical: 2px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pading-vertical) var(--padding-horizontal);\n border-radius: 24px;\n\n ","\n\n ","\n\n ","\n\n p {\n ","\n }\n\n ","\n\n ","\n\n "," \n\n &[data-is-selected],\n &:active {\n background: ",";\n }\n"])),(function(e){return"sponsored"===e.tagType&&"\n --offset-size: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n position: relative;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n border-radius: 0 4px 18px 0;\n height: 24px;\n width: 90px;\n border-left: var(--offset-size) solid ".concat(l.theme.colors.accentLight,";\n padding: 0;\n margin-left: calc(var(--offset-size) * -1);\n\n p {\n font-weight: ").concat(l.theme.sizes.fwBold,";\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.secondaryDark,"\n );\n font-size: 11px;\n margin-left: calc(var(--offset-size) * -1);\n }\n\n &::after {\n width: calc(var(--offset-size) * 2);\n height: var(--offset-size);\n background: ").concat(l.theme.colors.accentMain,";\n position: absolute;\n left: calc(var(--offset-size) * -1);\n bottom: calc(var(--offset-size) * -1);\n clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n content: '';\n }\n ")}),(function(e){return e.isInline&&"\n display: inline-block;\n "}),(function(e){return e.tagHasMorePadding&&"\n &[data-has-more-padding] {\n padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n }\n "}),(function(e){return e.tagIsLight?"\n color: var(--text-props-color, #000);\n ":"\n color: var(--text-props-color, ".concat((function(e){return e.theme.colors.white}),");\n ")}),(function(e){return function(e,t){switch(e){case"yellow":var n=t?l.theme.colors.yellow50:l.theme.colors.yellow600;return"\n background: ".concat(n,";\n p {\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.gray800,"\n );\n }\n ");case"standard":return"\n background: ".concat(l.theme.colors.white,";\n border: 1px solid ").concat(l.theme.colors.gray200,";\n \n p {\n color: var(\n --text-props-color,\n ").concat(l.theme.colors.gray800,"\n );\n }\n \n &:hover {\n background: ").concat(l.theme.colors.gray100,";\n }\n ");case"red":return n=t?l.theme.colors.red50:l.theme.colors.red500,"\n background: ".concat(n,";\n ");case"green":return n=t?l.theme.colors.green50:l.theme.colors.green500,"\n background: ".concat(n,";\n ");case"blue":return n=t?l.theme.colors.blue50:l.theme.colors.primaryBase,"\n background: ".concat(n,";\n ");case"teal":return n=t?l.theme.colors.teal100:l.theme.colors.teal600,"\n background: ".concat(n,";\n ");case"pink":return n=t?l.theme.colors.pink200:l.theme.colors.pink800,"\n background: ".concat(n,";\n ");case"violet":return n=t?l.theme.colors.violet100:l.theme.colors.violet500,"\n background: ".concat(n,";\n ");case"grey":return n=t?l.theme.colors.gray100:l.theme.colors.gray600,"\n background: ".concat(n,";\n ")}}(e.tagType,e.tagIsLight)}),(function(e){return e.tagIsSquared&&"sponsored"!==e.tagType&&"\n border-radius: 4px;\n "}),(function(e){return e.tagIsALink&&"\n cursor: pointer;\n "}),(function(e){return e.theme.colors.blue50})),Ie="24px",De=ue.default.span(J||(J=n.__makeTemplateObject(["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"],["\n position: relative;\n display: block;\n width: 40px;\n height: ",";\n background: #c3cbd4;\n border-radius: 100px;\n cursor: pointer;\n\n &:after {\n position: absolute;\n top: 2px;\n left: 2px;\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 90px;\n content: '';\n transition: 0.3s;\n }\n"])),Ie),He="hhgcomp-toggle-icon",je=o.getDefaultClassWrapper(De,He),Pe=ue.default.span(ee||(ee=n.__makeTemplateObject(["\n padding-left: 15px;\n"],["\n padding-left: 15px;\n"]))),Fe=ue.default.div(te||(te=n.__makeTemplateObject(["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"],["\n height: ",";\n\n input[type='checkbox'] {\n width: 0;\n height: 0;\n visibility: hidden;\n }\n\n label {\n cursor: pointer;\n display: inline-flex;\n color: ",";\n }\n\n input:checked + label ."," {\n background: ",";\n &:after {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n }\n }\n"])),Ie,(function(e){return e.theme.colors.gray600}),He,(function(e){return e.theme.colors.primaryBase})),Ge=ue.default.div(ne||(ne=n.__makeTemplateObject(["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"],["\n a {\n color: ",";\n cursor: pointer;\n text-decoration: underline;\n\n &:hover,\n &:focus {\n color: ",";\n outline: none;\n .arrowLeft,\n .arrowRight {\n stroke: ",";\n }\n }\n\n &:active {\n color: ",";\n }\n\n &:visited {\n color: ",";\n }\n }\n\n &[data-disabled] {\n & > a {\n color: ",";\n cursor: not-allowed;\n }\n }\n\n @include layout-sp {\n &[data-size='lg'] {\n & > a {\n font-size: 16px;\n font-weight: ",";\n line-height: 24px;\n }\n }\n &[data-size='md'] {\n & > a {\n font-size: 14px;\n font-weight: ",";\n line-height: 22px;\n }\n }\n &[data-size='sm'] {\n & > a {\n font-size: 13px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n &[data-size='xm'] {\n & > a {\n font-size: 11px;\n font-weight: ",";\n line-height: 20px;\n }\n }\n }\n"])),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryHover}),(function(e){return e.theme.colors.primaryActive}),(function(e){return e.theme.colors.primaryVisited}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.sizes.fwBold}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular}),(function(e){return e.theme.sizes.fwRegular})),Oe=ue.default.div(ae||(ae=n.__makeTemplateObject(["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"],["\n .default-button[data-color='secondary'] {\n border: solid 2px ",";\n color: ",";\n\n &:hover {\n border: solid 2px ",";\n background-color: ",";\n color: ",";\n\n & > svg {\n fill: ",";\n }\n }\n }\n"])),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.gray300}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.white})),We=ue.default.div(le||(le=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return e["data-is-attached-to-element"]&&"display: inline-block;\n position: relative;"})),Re=ue.default.div(re||(re=n.__makeTemplateObject(["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"],["\n --icon-wrapper-size: 32px;\n display: flex;\n width: var(--icon-wrapper-size);\n height: var(--icon-wrapper-size);\n align-items: center;\n justify-content: center;\n background-color: ",";\n border-radius: 50%;\n\n ","\n\n & > svg {\n width: calc(var(--icon-wrapper-size) / 2);\n height: calc(var(--icon-wrapper-size) / 2);\n }\n"])),(function(e){return e.theme.colors.gray100}),(function(e){return e["data-is-attached-to-element"]&&"\n position: absolute;\n bottom: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n right: calc(calc(var(--icon-wrapper-size) / 2) * -1);\n "})),Ve=ue.default.div(oe||(oe=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),Ue=function(e){var t=e.label,n=e.name,a=e.checked,l=e.className,r=e.isDisabled,o=e.onChange,i=e.value,s=e.isRectangle;return de.default.createElement(d.StyledCheckbox,{className:l,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":t},de.default.createElement("input",{type:"checkbox",checked:a,name:n,onChange:function(){return o(i,!a)},disabled:r,value:i,id:"".concat(n,"-").concat(i),"data-label-text":t}),!s&&de.default.createElement("label",{htmlFor:"".concat(n,"-").concat(i)},t))},qe=ue.default.div(ie||(ie=n.__makeTemplateObject(["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"],["\n background-color: var(--neutral50);\n padding: 12px 0;\n box-shadow: inset 0px 1px 0px #e4e8ec;\n\n > * {\n display: grid;\n grid-template-columns: 32px 1fr;\n align-content: center;\n\n p {\n font-weight: 600;\n }\n }\n\n .icon-wrapper {\n display: flex;\n align-items: center;\n }\n"]))),Ze=ue.default.div(se||(se=n.__makeTemplateObject(["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"],["\n display: inline-flex;\n\n gap: calc(var(--gap) * 1px);\n > svg {\n width: calc(var(--star-size) * 1px);\n height: calc(var(--star-size) * 1px);\n }\n\n &[data-selectable='true'] {\n > svg {\n cursor: pointer;\n }\n }\n"]))),$e=function(e){return de.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}))},Ye=function(e){return de.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}))},Ke=function(t){var a=e.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return de.default.createElement("svg",n.__assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),de.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"}),de.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},de.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),de.default.createElement("g",{mask:"url(#".concat(a,")")},de.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"})))},Xe=ue.default.div(ce||(ce=n.__makeTemplateObject(["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"],["\n height: 4px;\n position: relative;\n\n &:before {\n content: '';\n border-radius: 2px;\n background-color: ",";\n opacity: 0.15;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &:after {\n content: '';\n border-radius: 2px;\n background-color: ",";\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: calc(var(--progress) * 1%);\n }\n"])),(function(e){return e.theme.colors.yellow400}),(function(e){return e.theme.colors.yellow400})),Qe=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,r=e.uploadTime,o=e.size;return de.default.createElement(d.StyledAuthor,null,de.default.createElement("div",{className:"author"},de.default.createElement("div",{className:"avatar","data-size":o},n),de.default.createElement("div",{className:"poster","data-is-disabled-url":!l},de.default.createElement(t.Text,{size:"lg"===o?"p3":"p4"},de.default.createElement("a",{href:l},de.default.createElement("span",{className:"name"},a),"•"," "),de.default.createElement("span",null,r)))))},Je=function(e){var n=e.isMobile,a=e.avatarImg,r=e.name,o=e.link,i=e.size,s=void 0===i?"lg":i,u=e.specialty;return de.default.createElement(d.StyledAuthor,null,de.default.createElement("div",{className:"author"},de.default.createElement("div",{className:"expert-avatar","data-size":s},a),de.default.createElement("div",{className:"expert","data-is-disabled-url":!o},n?de.default.createElement("a",{href:o},"lg"===s?de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},u)):de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r))):de.default.createElement("a",{href:o},"lg"===s?de.default.createElement(de.default.Fragment,null,de.default.createElement(c.Heading,{tag:"h6",className:"expert__name",color:l.theme.colors.gray600},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p3",className:"specialty"},u)):de.default.createElement(de.default.Fragment,null,de.default.createElement(d.StyledExpertName,{color:l.theme.colors.gray600,className:"expert__name"},r),de.default.createElement(t.Text,{color:l.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},et=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,r=n.label,o=n.value,i=n.isDropdown,s=n.dropdownItems,c=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return i?de.default.createElement(u.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):de.default.createElement(d.StyledTextLink,{title:"string"!=typeof r?o:r,"data-last":a},t&&de.default.createElement(t,{"data-event-category":c,"data-event-action":m,"data-event-label":p,href:o||"#"},r))},tt=Object.freeze({__proto__:null,SideMenu:d.SideMenu,SideHeader:d.SideHeader,UserInfo:d.UserInfo,MenuLink:d.MenuLink}),nt=function(e){var t=e.status;return"inActive"===t?de.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===t?de.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),de.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===t?de.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),de.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):de.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"}))},at=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,r=e.scheme,o=void 0===r?"hellosites":r;return de.default.createElement(d.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},de.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?de.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"===o?"#595959":"#E55C8A"}):de.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"===o?"#595959":"#E55C8A"})))},lt=Object.freeze({__proto__:null,Table:d.Table,Cell:d.Cell,Head:d.Head,Row:d.Row,Body:d.Body});function rt(e){var t=e.weight,n=e.height/100,a=t;return Math.round(a/(n*n)*10)/10}var ot=function(a){var r,o,i,s,c=a.value,u=a.onChange,m=a.onSubmit,p=a.disabled,g=a.bmiGenerated,v=a.bmiUnit,C=a.locale,k=a.isSide,_=e.useState(!1),S=_[0],L=_[1],N=y.useForm(),T=N.control,B=N.handleSubmit,A=N.setValue,z=(0,N.watch)(),M=h.useTranslations().t,I=p||{},D=I.gender,H=void 0!==D&&D,j=I.age,P=void 0!==j&&j,F=I.height,G=void 0!==F&&F,O=I.weight,W=void 0!==O&&O,R=I.objective,V=void 0===R||R,U=x.useHealthToolsCache(C).getHealthToolLink,q=e.useMemo((function(){return U(w.HEALTH_TOOL_TYPE.OVULATION)}),[U]),Z=e.useMemo((function(){return[{value:"male",label:M("gender.male"),content:de.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:M("gender.female"),content:de.default.createElement(E.Icon.GenderChooseGirl,null)}]}),[]),$=e.useMemo((function(){return[{value:"lose-weight",label:M("bmi.objective.loseWeight")},{value:"maintain-weight",label:M("bmi.objective.maintainWeight")},{value:"gain-weight",label:M("bmi.objective.gainWeight")}]}),[]),Y=function(){L(!0)};return e.useEffect((function(){Object.keys(c||{}).forEach((function(e){A(e,null==c?void 0:c[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[c]),e.useEffect((function(){u&&u(z)}),[z]),de.default.createElement(d.StyledContainer$1,null,de.default.createElement("form",{onSubmit:B((function(e){return n.__awaiter(void 0,void 0,void 0,(function(){var t,a,l;return n.__generator(this,(function(n){return t=v.heightConvert(e.height),a=v.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:rt({height:t,weight:a})},V||(l.objective=e.objective),Y(),m&&m(l),[2]}))}))}),Y)},!H&&de.default.createElement(d.FormControl,{"data-is-side":k},de.default.createElement(y.Controller,{name:"gender",control:T,defaultValue:"male",render:function(e){var t=e.field,n=t.name,a=t.value,l=t.onChange,r=e.fieldState.error;return de.default.createElement(d.StyledInput,{size:"md",name:n,label:g.gender.label,CustomInput:de.default.createElement(E.RadioImageGroup,{options:Z,value:a,onChange:function(e){return l(e)},className:"bmi--input-radio_gender ".concat(k?"bmi-side-embed":"")}),errorMessage:S?null==r?void 0:r.message:"",className:"bmi--input bmi--input-gender"})}})),de.default.createElement(d.StyledRow,{"data-is-side":k},!P&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"age",control:T,rules:null===(r=g.age)||void 0===r?void 0:r.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.age.label),placeholder:M("healthtool.placeholder.age"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",min:0})}})),!G&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"height",control:T,rules:null===(o=g.height)||void 0===o?void 0:o.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.height.label),placeholder:M("pwg.placeholder.height"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",min:0})}})),!W&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"weight",control:T,rules:null===(i=g.weight)||void 0===i?void 0:i.rule,render:function(e){var n=e.field,a=n.name,r=n.value,o=n.onChange,i=e.fieldState.error;return de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},g.weight.label),placeholder:M("pwg.placeholder.weight"),name:a,value:r||0,onChange:o,error:S?null==i?void 0:i.message:"",precision:1,min:0})}})),!V&&de.default.createElement(d.FormControl,null,de.default.createElement(y.Controller,{name:"objective",control:T,defaultValue:"lose-weight",rules:null===(s=g.objective)||void 0===s?void 0:s.rule,render:function(e){var t=e.field,n=t.name,a=t.value,l=t.onChange,r=e.fieldState.error;return de.default.createElement(d.StyledInput,{size:"md",name:n,label:g.objective.label,CustomInput:de.default.createElement(d.RadioGroup,{id:"bmi-objective",className:"bmi-objective",type:"circle",direction:"vertical",size:"small",group:"group1",options:$,value:a,onChange:l}),errorMessage:S?null==r?void 0:r.message:"",className:"bmi--input bmi--input-objective"})}}))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:"https://".concat(f.domainLocales[C],"/").concat(q)},M("bmi.submit")))))},it=function(n){var a=n.value,l=n.options,r=n.className,o=n.direction,i=void 0===o?"horizontal":o,s=n.onChange,c=n.isDisabled,u=e.useState(a),m=u[0],p=u[1];return de.default.createElement(d.StyledRadioImageGroup,{className:r,"data-direction":i},l.map((function(e,n){return de.default.createElement(d.StyledRadioImageItem,{"data-selected":(a||m)===e.value,"data-disabled":c,key:"health-tool".concat(n),onClick:function(){var t;t=e.value,c||(p(t),s&&s(t))}},de.default.createElement("div",null,de.default.createElement("img",{src:(a||m)===e.value?e.imageActive:e.image,className:"gender-image",alt:""}),e.label&&de.default.createElement(t.Text,{type:"bold",className:"radio-group-item-heading",size:"label1"},e.label)))})))},st=function(a){var r=a.info,o=a.className,i=a.style,s=a.onChange,c=a.errorMessage,u=void 0===c?{}:c,m=a.locale,p=h.useTranslations().t,f=e.useState(new Date),g=f[0],v=f[1],y=e.useState({age:!1,rate:!1}),E=y[0],b=y[1];return e.useEffect((function(){b({age:!1,rate:!1})}),[u]),de.default.createElement(d.StyledContainer$2,{style:i,className:o},de.default.createElement(N.Input,{className:"input-section due-date-input",label:de.default.createElement(t.Text,{size:"n1",type:"bold",color:l.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},p("targetHeartRate.ageInput")),value:d.DateToInputValue(g),name:"date",size:"md",CustomInput:de.default.createElement(d.DatePicker,{customInput:function(e){return de.default.createElement("input",n.__assign({type:"date",className:"due-date-input"},e,{value:d.DateToInputValue(g)}))},disabledDays:{after:new Date(L.addDays(new Date,0))},locale:m,pickedDate:g,displayDateFormat:w.DUE_DATE_FORMAT,onChange:function(e){!function(e){v(e),b((function(e){return n.__assign(n.__assign({},e),{age:!0})}));var t=n.__assign(n.__assign({},r),{age:L.format(new Date(e),d.API_DATE_FORMAT)});s&&s(t)}(e)},placeholder:"placeholder"}),errorMessage:E.age?"":u.age}))},ct=function(a){var r=a.info,o=a.className,i=a.style,s=a.onChange,c=a.errorMessage,u=void 0===c?{}:c,m=a.locale,p=a.onClick,g=a.isSide,v=h.useTranslations().t,y=e.useState({age:!1,height:!1,weight:!1}),C=y[0],k=y[1],_=x.useHealthToolsCache(m).getHealthToolLink,S=e.useMemo((function(){return _(w.HEALTH_TOOL_TYPE.OVULATION)}),[_]),L=e.useState("male"),N=L[0],T=L[1],B=e.useMemo((function(){return[{value:"male",label:v("gender.male"),content:de.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:v("gender.female"),content:de.default.createElement(E.Icon.GenderChooseGirl,null)}]}),[]),A=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},z=function(e){var t,a;a=function(e){k((function(e){return n.__assign(n.__assign({},e),{age:!0})}));var t=n.__assign(n.__assign({},r),{age:e});s&&s(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||a(t)};return e.useEffect((function(){s&&s(n.__assign(n.__assign({},r),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((function(){k({age:!1,height:!1,weight:!1})}),[u]),de.default.createElement(d.StyledContainer$3,{style:i,className:o},de.default.createElement(d.FormControl$2,{"data-is-side":g},de.default.createElement(d.StyledInput$2,{size:"md",name:"gender",label:v("bmi.selectGender"),CustomInput:de.default.createElement(E.RadioImageGroup,{options:B,value:N,onChange:function(e){return T(e)},className:"bmi--input-radio_gender ".concat(g?"bmi-side-embed":"")}),className:"bmi--input bmi--input-gender"})),de.default.createElement(d.StyledRow$2,{"data-is-side":g},de.default.createElement(d.FormControl$2,null,de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.ageInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.ageInput.desc"))),placeholder:v("healthtool.placeholder.age"),value:Number(r.age)||0,onChange:function(e){return z(String(e))},error:C.age?"":u.age,min:0})),de.default.createElement(d.FormControl$2,null,de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.heightInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.heightInput.desc"))),placeholder:v("pwg.placeholder.height"),value:Number(r.height)||0,onChange:function(e){return t=String(e),void A(t,(function(e){k((function(e){return n.__assign(n.__assign({},e),{height:!0})}));var t=n.__assign(n.__assign({},r),{height:e});s&&s(t)}));var t},error:C.height?"":u.height,min:0})),de.default.createElement(d.FormControl$2,null,de.default.createElement(b.Input.Number,{label:de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray600},v("bmi.weightInput")," ",de.default.createElement(t.Text,{size:"label2",type:"bold",color:l.theme.colors.gray300,as:"span"},v("bmi.weightInput.desc"))),placeholder:v("pwg.placeholder.weight"),value:Number(r.weight)||0,onChange:function(e){return t=String(e),k((function(e){return n.__assign(n.__assign({},e),{weight:!0})})),void A(t,(function(e){var t=n.__assign(n.__assign({},r),{weight:e});s&&s(t)}));var t},error:C.weight?"":u.weight,min:0,precision:1}))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton$2,{size:"lg",isBlock:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:"https://".concat(f.domainLocales[m],"/").concat(S),onClick:function(){p(N)}},v("bmi.submit"))))},dt=function(e){var t=e.src,n=e.title,a=e.backgroundSrc,l=e.className,r=e.reviewedSection,o=e.isAmp,i=e.isSide;return de.default.createElement(d.StyledHeroBanner,{className:l},de.default.createElement(d.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(a,'")')}},de.default.createElement(d.StyledHeroContentContainer,{"data-is-side":i},de.default.createElement(d.StyledHeroInfoContainer,{"data-is-side":i},de.default.createElement(c.Heading,{tag:"h4",color:"white"},n),r),de.default.createElement(d.StyledHeroBannerContainer,null,o?de.default.createElement("amp-img",{src:t||"",alt:n,width:"140",height:"140"}):de.default.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:n})))))},ut=function(e){var n,a,r,o=e.backgroundDesktopSrc,i=e.backgroundMobileSrc,s=e.title,u=e.className,m=e.isSide,p=e.isAmp,f=e.ovulationContent,g=h.useTranslations().t,v=C.formatUserProfileUrl(null==f?void 0:f.reviewed_by);return de.default.createElement(d.StyledHealthToolHeroContainer,{className:u,"data-is-side":m},de.default.createElement(d.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(i||o,"')")}},de.default.createElement(d.StyledHealthToolBannerTextContainer,null,de.default.createElement(c.Heading,{tag:"h5",color:"white"},s),(null===(n=null==f?void 0:f.reviewed_by)||void 0===n?void 0:n.display_name)?de.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(f.reviewed_by.display_name,"\n </a>")})}}),de.default.createElement("span",null,g("tools.heading.on")),de.default.createElement("span",null,null==f?void 0:f.reviewed_date)):null),de.default.createElement(d.StyledHealthToolBannerIconContainer,{"data-is-side":m},p?de.default.createElement("amp-img",{src:(null==f?void 0:f.featured_image)||"",alt:s,width:"100%",height:"100%"}):de.default.createElement("img",{src:(null==f?void 0:f.featured_image)||"",style:{width:"100%",objectFit:"contain",marginTop:"20px"},alt:s}))),de.default.createElement(dt,{className:"desktop-only",src:(null==f?void 0:f.featured_image)||"",backgroundSrc:o||i||"",title:s,reviewedSection:(null===(a=null==f?void 0:f.reviewed_by)||void 0===a?void 0:a.display_name)&&""!==(null===(r=null==f?void 0:f.reviewed_by)||void 0===r?void 0:r.display_name)&&de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white,style:{marginTop:12}},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:g("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(v,'"\n >\n ').concat(f.reviewed_by.display_name,"\n </a>"),date:null==f?void 0:f.reviewed_date})}}),de.default.createElement("span",null)),isSide:m}))},mt=function(t){var a=t.info,r=t.onChange,o=t.errorMessage,i=void 0===o?{}:o,s=h.useTranslations().t,c=e.useState({weightBefore:!1,height:!1,weight:!1}),d=c[0],u=c[1],m=e.useState(0),p=m[0],f=m[1],g=e.useRef(null);e.useEffect((function(){f(g.current.clientHeight)}));var v=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return e.useEffect((function(){r&&r(n.__assign({},a))}),[]),e.useEffect((function(){u({weightBefore:!1,height:!1,weight:!1})}),[i]),de.default.createElement(de.default.Fragment,null,de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.height"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},className:"label-text"},s("pregnancyWeightGain.heightInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("bmi.heightInput.desc"))),errorMessage:d.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==a?void 0:a.height,onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{height:!0})}));var t=n.__assign(n.__assign({},a),{height:e});r&&r(t)}))}})),de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px"},ref:g,className:"label-text"},s("pregnancyWeightGain.weightBeforeInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{weightBefore:!0})}));var t=n.__assign(n.__assign({},a),{weightBefore:e});r&&r(t)}))},value:null==a?void 0:a.weightBefore})),de.default.createElement("div",{className:"input-form-pwg"},de.default.createElement(T.PureInput,{placeholder:s("pwg.placeholder.weight"),className:"input-section",label:de.default.createElement("span",{style:{color:l.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",fontSize:"12px",minHeight:p},className:"label-text"},s("pregnancyWeightGain.weightInput")," ",de.default.createElement("span",{style:{color:"".concat(l.theme.colors.gray300)}},s("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==a?void 0:a.weight,onChange:function(e){v(e,(function(e){u((function(e){return n.__assign(n.__assign({},e),{weight:!0})}));var t=n.__assign(n.__assign({},a),{weight:e});r&&r(t)}))}})))},pt=function(){return"undefined"!=typeof window&&window.innerWidth<r.Breakpoints.BREAK_POINT_MOBILE},ft=function(){return"undefined"!=typeof window&&window.innerWidth>=r.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<r.Breakpoints.BREAK_POINT_PC};var gt={"en-PH":pe.default,"vi-VN":ge.default,"zh-TW":he.default,"id-ID":fe.default};function ht(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,r=e.useState(null),o=r[0],i=r[1],s=function(){var t=e.useState(pt()),n=t[0],a=t[1],l=e.useState(ft()),r=l[0],o=l[1];return e.useEffect((function(){var e=function(){a(pt()),o(ft())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:r}}().isMobile,c=e.useState((function(){return l})),u=c[0],m=c[1],p=e.useState((function(){var e;return L.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),f=p[0],g=p[1],h=e.useMemo((function(){return L.addMonths(f,1)}),[f]);var v=n.__assign(n.__assign({},t),{goToNextMonth:function(){g((function(e){return L.addMonths(e,1)}))},goToPreviousMonth:function(){g((function(e){return L.subMonths(e,1)}))},range:u,setRange:m,hoverDay:o,setHoverDay:i});return de.default.createElement(de.default.Fragment,null,de.default.createElement(vt,n.__assign({},v,{date:f})),!s&&de.default.createElement(d.StyledCalendarMonthSeparator,null),!s&&de.default.createElement(vt,n.__assign({},v,{date:h})))}function vt(t){var a=t.date,l=t.range,r=t.setRange,o=t.onChange,s=t.goToPreviousMonth,c=t.goToNextMonth,u=t.minDate,m=t.maxDate,p=t.close,f=void 0===p?function(){}:p,g=t.autoClose,y=void 0!==g&&g,E=t.hoverDay,b=t.setHoverDay,x=h.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=gt[x])&&void 0!==e?e:gt["en-PH"]}),[x]),C=e.useMemo((function(){return L.format(a,"MMMM",{locale:w})}),[a,w]),k=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function _(e,t){if(null===e)return de.default.createElement(d.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),o=L.isToday(e),i=!!l.from&&L.isSameDay(l.from,e),s=!!l.to&&L.isSameDay(l.to,e),c=i||s,p=!1;null!==E&&l.from&&L.isBefore(l.from,E)&&!l.to?p=L.isWithinInterval(e,{start:l.from,end:E}):l.from&&l.to&&(p=L.isWithinInterval(e,{start:l.from,end:l.to}));var g=!1;return u&&m?g=!L.isWithinInterval(e,{start:u,end:m}):u?g=L.isBefore(e,u):m&&(g=L.isAfter(e,m)),de.default.createElement(d.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":o,"data-is-past":!o&&L.isPast(e),"data-is-selected":c,"data-is-disabled":g,"data-in-range":p,"data-is-from":i,"data-is-to":s,onMouseEnter:function(){b(e)},onMouseLeave:function(){return b(null)},onClick:function(){g||r((function(t){return y&&l.from&&!l.to&&f(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?L.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},de.default.createElement(d.StyledCalendarDayNumber,{onClick:function(){}},de.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&o(l)}),[l]),de.default.createElement(d.StyledCalendarWrapper,{className:"calendar-wrapper"},de.default.createElement(d.StyledCalendarHead,null,de.default.createElement(i.Button,{onClick:s,size:"md",color:"ghost",icon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),de.default.createElement("div",{className:"calendar-month"},C,de.default.createElement("strong",null,L.format(a,"yyyy"))),de.default.createElement(i.Button,{onClick:c,size:"md",color:"ghost",icon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),de.default.createElement(d.StyledCalendarCellsWrapper,null,de.default.createElement("div",null,de.default.createElement(d.StyledCalendarDaysOfWeek,null,k.map((function(e,t){return de.default.createElement(d.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),de.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=L.getDaysInMonth(a),r=[],o=1;o<=n;o++)r.push(new Date(e,t,o));var i=r[0]?r[0].getDay():0;if(1!==i){var s=0===i?6:i-1;for(o=0;o<s;o++)r.unshift(null)}return de.default.createElement(d.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(l.from&&l.to)},de.default.createElement(d.StyledCalendarDaysWrapper,null,de.default.createElement(d.StyledCalendarDateGrid,null,r.map(_))))}())))}var yt=function(){return de.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"}),de.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},Et=function(){return de.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},de.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"}))};exports.Alert=function(e){var n=e.style,a=e.onClose,l=e.text,r=e.type,o=e.contentIcon,i=e.closeIcon,s=e.className,c=e.description;return de.default.createElement(ve,{style:n,"data-alert-type":r,className:s},de.default.createElement(ye,null,de.default.createElement("div",{className:"icon-title"},o,de.default.createElement(t.Text,{type:"bold",size:"label1"},l)),de.default.createElement(t.Text,{type:"regular",size:"p3"},c)),de.default.createElement(Ee,{onClick:a},i))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return de.default.createElement("amp-next-page",null,de.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),de.default.createElement("div",n.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var n=e.articleLink,a=e.authorLink,l=e.authorName,r=e.avatarImg,o=e.banner,i=e.categoryLink,s=e.categoryName,u=e.className,m=e.dataEventActionForBanner,p=e.dataEventActionForBookmark,f=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,_=void 0===k?"horizontal":k,S=e.hasAffiliate,L=e.isBookmark,N=void 0!==L&&L,T=e.isBookmarkDisplayed,B=void 0===T||T,A=e.isMobile,z=void 0===A||A,M=e.onBookmark,I=e.onClickCategoryName,D=e.section,H=void 0===D?"normal":D,j=e.size,P=void 0===j?"md":j,F=e.specialty,G=e.style,O=e.styleBanner,W=e.styleLabel,R=e.styleTitle,V=e.text,U=e.title,q=e.type,Z=void 0===q?"author":q,$=e.uploadTime,Y=e.articleLinkTarget,K=function(e){e.stopPropagation(),M&&M()},X="lg"===P&&"expert"===Z?"h4":"lg"===P&&"home"===H?z?"h4":"h3":"lg"===P?"h4":"h5",Q="lg"===P?"p3":"p4",J=z||"home"!==H||"lg"!==P||"author"!==Z?"c2":"c1";return de.default.createElement(d.StyledCard,{className:u,"data-size":P,style:G,"data-direction":_,"data-is-expert":"expert"===Z||void 0},de.default.createElement("div",{className:"banner",style:O},de.default.createElement(d.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":b,href:n||"#",target:Y},o),S&&de.default.createElement("div",{className:"shoppable"},de.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),de.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"})))),de.default.createElement("div",{className:"content"},de.default.createElement("div",{className:"inner-content"},de.default.createElement(t.Text,{style:W,className:"label",size:J,type:"caption"},de.default.createElement(d.StyledAnchor,{"data-event-category":y,"data-event-action":f,"data-event-label":w,href:i||"#",onClick:I},s),B&&de.default.createElement("a",{className:"bookmark",onClick:K},N?de.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":x,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"})):de.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":x,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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"})))),de.default.createElement(c.Heading,{tag:X,style:R,className:"title",as:"lg"===P?"h2":"h3"},de.default.createElement(d.StyledAnchor,{"data-event-category":E,"data-event-action":g,"data-event-label":C,href:n||"#",target:Y},U)),V&&de.default.createElement("a",{href:n||"#",target:Y},de.default.createElement(t.Text,{size:Q,className:"text"},V))),de.default.createElement("div",{className:"footer"},"author"===Z?de.default.createElement(Qe,{size:P,avatarImg:r,authorName:l,authorLink:a,uploadTime:$,handleClick:K,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:x}):de.default.createElement(Je,{size:P,isMobile:z,avatarImg:r,specialty:F,name:l,link:a,handleClick:K,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:x}))))},exports.BMICardEmbed=function(e){var n,a,r,o=e.isMobile,i=e.onSubmit,c=e.bmiContent,u=e.isSide,m=e.bmiGenerated,p=e.bmiUnit,f=e.bmiLink,g=e.locale,y=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":u},de.default.createElement(d.ToolsBannerCard,{isSide:u,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:y("bmi.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),de.default.createElement("span",null)):void 0,isMobile:o}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{as:"div","data-is-side":u},f&&de.default.createElement(ot,{onSubmit:i,bmiGenerated:m,locale:g,bmiUnit:p,isSide:u}))))},exports.BMRCardEmbed=function(e){var n,a,r,o=e.isSide,i=e.locale,c=e.bmrContent,u=e.isMobile,m=e.info,p=e.inputErrorMessage,f=e.onFormChange,g=e.onSubmit,y=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":o},de.default.createElement(d.ToolsBannerCard,{isSide:o,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==c?void 0:c.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:y("bmr.heading"),medicalReview:(null===(n=null==c?void 0:c.reviewBy)||void 0===n?void 0:n.reviewer)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:y("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null===(a=null==c?void 0:c.reviewBy)||void 0===a?void 0:a.link)||"#",'"\n >\n ').concat(c.reviewBy.reviewer,"\n </a>"),date:null===(r=null==c?void 0:c.reviewBy)||void 0===r?void 0:r.date})}}),de.default.createElement("span",null)):void 0,isMobile:u}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},"data-is-side":o},de.default.createElement(d.StyledInputForm,null,de.default.createElement(ct,{info:m,locale:i,errorMessage:p,onChange:f,onClick:g,isSide:o})))))},exports.BabyGrowthCardEmbed=function(a){var r,o,i=a.isMobile,s=a.className,c=a.onSubmit,u=a.onError,m=a.isLoggedIn,p=a.currentUrl,f=a.onAddMeasurement,g=a.schema,y=a.source,E=a.babyLists,b=h.useTranslations().t,x=e.useState(null),k=x[0],_=x[1],S=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,w.callApi(w.getDiscoverApiPath(w.DISCOVER_PATHS.GET_HEALTH_TOOL_BABY_GROWTH_INFO),"GET")];case 1:return e=t.sent(),_((function(){return C.formatBabyGrowthContent(null==e?void 0:e.data)})),[2]}}))}))}),[]);return e.useEffect((function(){S()}),[S]),de.default.createElement(d.StyledContainer,{"data-is-mobile":i},de.default.createElement(d.ToolsBannerCard,{bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==k?void 0:k.featuredImage)||""}),heading:(null==k?void 0:k.title)||"",medicalReview:(null===(r=null==k?void 0:k.reviewBy)||void 0===r?void 0:r.reviewer)&&""!==(null===(o=null==k?void 0:k.reviewBy)||void 0===o?void 0:o.reviewer)?de.default.createElement(t.Text,{size:"p4",color:l.theme.colors.white,className:"embedded-review"},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat((null==k?void 0:k.reviewBy.link)||"#",'"\n >\n ').concat(k.reviewBy.reviewer.trim(),"\n </a>"),date:k.reviewBy.date})}})):void 0,isMobile:i}),de.default.createElement(d.StyledBabyGrowthWrapper,null,de.default.createElement(d.StyleForm,{onAddMeasurement:f,isMobile:i,schema:g,source:y,babyLists:E,className:s,onSubmit:c,onError:u,isLoggedIn:m,currentUrl:p})))},exports.BabyPoopEmbed=function(e){var n=e.babyPoopPage,a=e.onClickFindOut,r=e.locale,o=e.isMobile,s=e.currentUrl,u=e.isSide,m=h.useTranslations().t,p=n.reviewedBy,f=n.reviewedDate;return de.default.createElement(d.StyledBabyPoopHeader,null,de.default.createElement(k.Container,{className:"px-16",style:{height:"100%",display:"".concat(o?"flex":""),flexDirection:"column"}},o&&de.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:v.CommonGAssets.getAssetPath("babyDiaper.png"),alt:n.title}),de.default.createElement(d.StyledBabyPoopHeaderContent,{"data-is-side":u},de.default.createElement(d.StyledBabyPoopHeaderContentText,{"data-is-side":u},de.default.createElement(c.Heading,{tag:"h2",color:"#284A75"},n.title),de.default.createElement(t.Text,{size:"p3",className:"description"},n.description),!!p&&de.default.createElement(d.StyledBabyPoopHeaderReview,{className:"reviewer"},de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:"check-icon"}),de.default.createElement(t.Text,{size:"p4",color:l.theme.colors.gray600},m("categoryPage.info.reviewed")," ",de.default.createElement("a",{href:p.profileUrl},p.displayName)," ",m("categoryPage.onDate",{date:f}))),de.default.createElement(i.Button,{color:"primary",size:"md",className:"mt-16 find-out-button",onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:s,style:{visibility:Boolean(a)?"visible":"hidden"}},m("babyPoop.findOut"))),!o&&de.default.createElement(d.StyledBabyPoopHeaderContentImage,{src:v.CommonGAssets.getAssetPath("babyDiaper.png"),alt:n.title,"data-is-vietnam":r===_.LOCALE.Vietnam,className:"banner-img"}))))},exports.Badge=function(e){var t=e.amount,n=e.type,a=e.size,l=void 0===a?"medium":a,r=e.color,o=void 0===r?"primary":r,i=e.icon,s=e.className;return de.default.createElement(be,{"data-notification-type":n,"data-notification-size":l,"data-notification-color":o,"data-has-icon":!!i||void 0,notificationType:n,notificationSize:l,notificationColor:o,hasIcon:!!i,className:s},de.default.createElement("div",null,t&&de.default.createElement("span",null,t)," ",i&&de.default.createElement("div",null,i)))},exports.BorderHeading=function(e){var t=e.style,a=e.children,l=e.className,r=e.size,o=void 0===r?"lg":r,i=e.type,s=void 0===i?"bold":i,c=e.upperCase,d=e.as,u=void 0===d?"h4":d,m=e.color;return de.default.createElement(xe,{style:n.__assign({color:m},t),className:l,"data-size":o,"data-type":s,"data-uppercase":c,as:u},a)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,r=t.size,o=t.LinkComponent,i=void 0===o?"a":o,s=t.onChangePage,c=t.separator,u=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]);return de.default.createElement(d.StyledBreadcrumb,{"data-size":r,className:a},u.map((function(t,n){var a=n+1===u.length;return de.default.createElement(e.Fragment,{key:n},de.default.createElement(et,{LinkComponent:i,page:t,isLast:a,onChangePage:s}),!a&&(t.separator||c||de.default.createElement(d.StyledSeparator,{"data-size":r})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,r=t.children,o=t.scheme,i=void 0===o?"hellosites":o,s=t.classNameLeftArrow,c=void 0===s?"":s,u=t.classNameRightArrow,m=void 0===u?"":u,f=t.mode,g=void 0===f?"snap":f,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=de.default.useState(0),_=k[0],S=k[1],L=e.useState(!1),N=L[0],T=L[1],B=p.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){S(e.track.details.rel),C&&C(e.track.details.rel)},created:function(){T(!0)},drag:!0,mode:g,slides:{spacing:12}}),A=B[0],z=B[1],M=[],I=a*l,D=0;D<r.length;D+=I){var H=r.slice(D,D+I);M.push(H)}return de.default.createElement(d.StyledCarousel,{row:a,column:l},de.default.createElement("div",{className:"navigation-wrapper"},de.default.createElement("div",{ref:A,className:"keen-slider slides-wrapper"},M.map((function(e,t){return de.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return de.default.createElement("div",{key:t},e)})))}))),N&&z.current&&E&&de.default.createElement(de.default.Fragment,null,de.default.createElement(at,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=z.current)||void 0===t?void 0:t.prev())},isDisabled:0===_,scheme:i,className:"left-arrow ".concat(c),"data-event-category":b,"data-event-action":x,"data-event-label":w}),de.default.createElement(at,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=z.current)||void 0===t?void 0:t.next())},isDisabled:_===z.current.track.details.slides.length-1,scheme:i,className:"right-arrow ".concat(m),"data-event-category":b,"data-event-action":x,"data-event-label":w}))),N&&z.current&&v&&de.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(z.current.track.details.slides.length),!0).map((function(e,t){return de.default.createElement(d.StyledDot,{key:t,onClick:function(){var e;null===(e=z.current)||void 0===e||e.moveToIdx(t)},"data-is-active":_===t,"data-is-hellosites":"hellosites"===i})}))))},exports.CategoryCard=function(e){var n=e.imgBanner,a=e.label,l=e.className,r=e.style,o=e.href,i=void 0===o?"":o,s=e.dataEventCategory,c=e.dataEventAction,u=e.dataEventLabel;return de.default.createElement(d.StyledCategoryCard,{"data-event-category":s,"data-event-action":c,"data-event-label":u,className:l,style:r,href:i,onClick:function(e){""===i&&e.preventDefault()}},de.default.createElement("div",{className:"banner"},n),de.default.createElement("div",{className:"content"},de.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a)))},exports.Checkbox=Ue,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,r=e.options,o=void 0===r?[]:r,i=e.className,s=e.type,c=void 0===s?"vertical":s,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var r=n.findIndex((function(t){return t===e}));n.splice(r,1)}l&&l(n)};return de.default.createElement(d.StyledCheckboxGroup,{className:i,"data-type":c,"data-is-rectangle":m||void 0},o.map((function(e,n){return de.default.createElement(Ue,{label:e.label,name:t,key:"".concat(n,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:u||e.disabled,onChange:!u&&p,isRectangle:m})})))},exports.CookieAcceptConfirm=function(e){var t=e.className,n=e.policiesUrl,a=e.onAcceptClick,l=e.translations,r=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,o=e.title,i=void 0===o?"":o,s=e.description,c=void 0===s?"":s,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return de.default.createElement(d.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},de.default.createElement(d.StyledTitleSection,{"data-has-content":!!i},i),de.default.createElement(d.StyledDescription,{dangerouslySetInnerHTML:{__html:c}}),de.default.createElement(d.StyledButtonGroup,null,de.default.createElement(d.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"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},r.acceptButton),de.default.createElement(d.StyledPoliciesButton,{href:n},r.policiesButton)))},exports.DateRangePicker=function(t){var n=t.inputSize,a=void 0===n?"md":n,l=t.name,r=void 0===l?"date-range-picker":l,o=t.value,i=t.minDate,s=t.maxDate,c=t.onChange,u=t.className,m=t.autoClose,p=void 0!==m&&m;o||(o={from:null,to:null});var f=e.useState(!1),g=f[0],h=f[1];function y(){h(!1)}var E=e.useRef(null);function b(e){c&&c(e)}function x(e){return L.format(e,"dd/MM/yyyy")}B.useOutsideClick(E,(function(){y()}));var w=e.useMemo((function(){return o.from&&o.to?L.isSameDay(o.from,o.to)?x(o.from):"".concat(x(o.from)," - ").concat(x(o.to)):""}),[o.from,o.to]);return de.default.createElement(d.StyledWrapper,{className:[u,g&&"focused"].filter(Boolean).join(" "),ref:E},de.default.createElement("label",{htmlFor:r},de.default.createElement(T.PureInput,{size:a,value:w,name:r,actionIcon:de.default.createElement("img",{src:v.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:function(){return h(!0)}})),g?de.default.createElement(d.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},de.default.createElement(ht,{value:o,onChange:b,minDate:i,maxDate:s,close:y,autoClose:p})):null)},exports.DueDateCardEmbed=function(e){var n,a=e.isMobile,r=e.locale,o=e.onSubmitDueDate,i=e.dueDatePageInfo,c=e.expertUrl,u=e.isSide,m=h.useTranslations().t;return de.default.createElement(d.StyledContainer,{"data-is-side":u},de.default.createElement(d.ToolsBannerCard,{isSide:u,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==i?void 0:i.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:m("healthTools.dueDateCalculator"),medicalReview:(null===(n=null==i?void 0:i.reviewed_by)||void 0===n?void 0:n.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:m("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c,'"\n >\n ').concat(null==i?void 0:i.reviewed_by.display_name,"\n </a>"),date:null==i?void 0:i.reviewed_date})}}),de.default.createElement("span",null)):void 0,isMobile:a}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"due-date-cal","data-is-side":u},de.default.createElement(d.DueDateCalculator,{locale:r,onSubmitDueDate:o,isSide:u}))))},exports.FileDropdown=function(t){var n=t.className,a=t.value,l=t.options,r=t.onUploadSelected,o=t.id,i=t.placeholderIcon,s=t.placeholder,c=t.style,d=e.useState(!1),u=d[0],m=d[1],p=function(){return m(!u)},f=e.useRef(l.map((function(e){return"upload"===e.type&&de.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),g=de.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"},de.default.createElement("defs",null,de.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},de.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),de.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"File"),de.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},de.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)"}),de.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),h=de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"download"),de.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)"})),v=de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"upload"),de.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 de.default.createElement(we,{className:n,"data-dropdown-open":!!u,id:o,"data-has-icons":!0,style:c,onBlur:function(){return m(!1)},tabIndex:0},de.default.createElement(Ce,{onClick:p},i||g," ",de.default.createElement("span",null,a&&a.value?a.label:s)),u&&de.default.createElement(ke,{onClick:p,"data-has-icons":!0},l.map((function(e){return de.default.createElement(_e,{key:"".concat(o,"-").concat(e.value),"data-selected":a&&a.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-"+o+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},de.default.createElement(Se,null,e.icon||"download"===e.type?h:v),e.label)}))),de.default.createElement(de.default.Fragment,null,f.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,r=t.style,o=t.backgroundPanelStyle,i=t.isOpen,s=t.onOpen,c=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,y=e.useState(!!i),E=y[0],b=y[1];e.useEffect((function(){b(!!i)}),[i]);var x=function(){b(!1),c&&c()};return de.default.createElement(d.StyledFloatButtonGroup,{style:r,className:l,"data-floatmenu-open":E,"data-site-type":p,"data-animation-type":g},de.default.createElement(d.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},o),onClick:u?void 0:x}),de.default.createElement(d.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},de.default.createElement(d.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return de.default.createElement(d.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(E?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(E?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||b(!1)}},de.default.createElement(d.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(E?a.length-1-t:t),"ms")})},e.label),de.default.createElement(d.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(d.TRANSITION_TIMING/a.length*(E?a.length-1-t:t),"ms")})},e.icon))}))),de.default.createElement(d.StyledFloatButtonGroupToggleIcon,{onClick:E?x:function(){b(!0),s&&s()}})))},exports.Grid=function(e){var t=e.className,n=e.columns,a=e.columnsDesktop,l=e.gridTemplateColumns,r=e.gridTemplateColumnsDesktop,o=e.gap,i=e.children,s=e.justifyChildren,c=e.style,d=e.alignItems;return de.default.createElement(Le,{className:t,style:c,theme:{columns:n,columnsDesktop:a,gap:o,justifyChildren:s,gridTemplateColumns:l,gridTemplateColumnsDesktop:r,alignItems:d}},i)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,r=e.icon;return de.default.createElement(d.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&r,l,"right"===n&&r)},exports.OvulationCardEmbed=function(e){var t=e.onSubmitOvulation,n=e.locale,a=e.ovulationPageInfo,l=e.ovulationContent,r=e.isSide,o=void 0!==r&&r,i=h.useTranslations().t,c=C.formatOvulationInfo(a||null);return de.default.createElement(d.StyledContainer,{"data-is-side":o},de.default.createElement(ut,{backgroundDesktopSrc:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:i("healthTools.ovulationCalculator"),reviewedBy:c.reviewedBy,reviewedDate:c.reviewedDate,ovulationContent:l,isSide:o}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"ovulation-cal","data-is-side":o},de.default.createElement(d.OvulationCalculator,{locale:n,onSubmitOvulation:t,isSide:o}))))},exports.PWGCardEmbed=function(a){var r,o,c=a.locale,m=a.onClick,p=a.inputErrorMessage,g=a.pwgContent,y=a.onFormChange,E=a.info,b=a.isMobile,k=a.isSide,_=void 0!==k&&k,L=h.useTranslations().t,N=e.useState("notwins"),T=N[0],B=N[1],A=e.useState({label:"1",value:1}),z=A[0],M=A[1],I=e.useMemo((function(){return n.__spreadArray([],Array(40),!0).map((function(e,t){return{label:"".concat(t+1),value:"".concat(t+1)}}))}),[]),D=x.useHealthToolsCache(c).getHealthToolLink,H=e.useMemo((function(){return D(w.HEALTH_TOOL_TYPE.PWG)}),[D]),j=(null===(r=null==g?void 0:g.reviewedBy)||void 0===r?void 0:r.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:L("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(C.formatUserProfileUrl(null==g?void 0:g.reviewedBy),'"\n >\n ').concat(null===(o=null==g?void 0:g.reviewedBy)||void 0===o?void 0:o.display_name,"\n </a>"),date:null==g?void 0:g.reviewedDate})}}),de.default.createElement("span",null)):void 0;return de.default.createElement(d.StyledContainer,{"data-is-side":_},de.default.createElement(d.ToolsBannerCard,{bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:g.featuredImage,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:L("pregnancyWeightGain.heading"),medicalReview:j,isMobile:b,isSide:_}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{onSubmit:function(e){return e.preventDefault()},className:"pwg-view-mobile","data-is-side":_},de.default.createElement(d.StyledTwins,{className:"hide-asking-mobile","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:l.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},L("pregnancyWeightGain.havingTwins")),de.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:L("switchBtn.yes")},{value:"notwins",label:L("switchBtn.no")}],value:T,onChange:function(e){return B(e)},className:"gender-selector",id:"twins-check",type:"circle",direction:"horizontal",size:"small",group:"group1"})),de.default.createElement(d.StyledInputWrapper,null,de.default.createElement(d.StyledFormInput,{className:"input-section input-form-pwg","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:l.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},L("pregnancyWeightGain.weekInput")),de.default.createElement(u.Dropdown,{options:I,placeholder:String(z.label),id:"weight-gain-dropdown",size:"md",value:z,onChange:function(e){return M({label:e.label,value:e.value})}})),de.default.createElement(mt,{info:E,errorMessage:p,onChange:y})),de.default.createElement(d.StyledTwins,{className:"hide-asking-desk","data-is-side":_},de.default.createElement(S.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:l.theme.colors.gray600,fontSize:"12px"},className:"label",htmlFor:"gender-selector"},L("pregnancyWeightGain.havingTwins")),de.default.createElement(d.StyledRadioGroup,{options:[{value:"twins",label:L("switchBtn.yes")},{value:"notwins",label:L("switchBtn.no")}],value:T,onChange:function(e){return B(e)},className:"gender-selector",id:"twins-check-mobile",type:"circle",direction:"horizontal",size:"small",group:"group1"})),de.default.createElement(d.StyledSubmitButton,{"data-is-side":_},de.default.createElement(i.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(f.domainLocales[c],"/").concat(H),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return m(T,z.value)},role:"button"},L("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=function(t){var a=t.className,l=t.pagesAmount,o=t.currentPage,i=t.onChange,s=t.onClick,c=t.style,d=t.href,u=t.queryPageName,m=void 0===u?"page":u,p=n.__spreadArray([],Array(l),!0).map((function(e,t){return t+1})),f=e.useState(o),g=f[0],h=f[1],v=e.useMemo((function(){return d&&d.endsWith("&page=")?d.replace("&page=",""):d}),[d]),y=l-1,E=function(e){e<=l&&e>0&&(h(e),i(e))},b=function(e){s&&s(e)};return e.useEffect((function(){h(o)}),[o]),de.default.createElement(Ne,{className:a,style:c},de.default.createElement(Te,{className:"prev-page",onClick:function(){return E(g-1)},"data-last-page":1===g||void 0},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,g,m),onClick:b},de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),p.length>8?de.default.createElement(Ae,{pagesAmount:l,activePage:g,handlePageChange:E,handleClick:b,href:v,queryPageName:m}):p.map((function(e){return de.default.createElement(Be,{key:"".concat("pagination","+").concat(e),"data-page-active":e===g||void 0,onClick:function(){return E(e)}},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,e,m),onClick:b},e):e)})),de.default.createElement(Te,{className:"next-page",onClick:function(){return E(g+1)},"data-last-page":g===y+1||void 0},v?de.default.createElement("a",{href:r.formatUrlWithPageParam(v,g,m),onClick:b},de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):de.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.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 t=e.percent,a=e.style;return de.default.createElement(Xe,{style:n.__assign({"--progress":t},a)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,r=t.activeStep,o=t.labelPrefix,i=t.detailSteps,s=t.className,c=t.onChange,u=e.useState(0),m=u[0],p=u[1],f=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return de.default.createElement(d.StyledTrackContainer,n.__assign({},a,{className:t}),de.default.createElement(d.StyledTrack,null))},g=de.default.createElement(d.StyledSlider,{className:s+" progress-bar"},de.default.createElement(f,null),de.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,r=void 0===a?"Step":a,o=e.onChange;return de.default.createElement(de.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return de.default.createElement(d.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){o&&o(a)},key:a},a+1,de.default.createElement(d.StyledStepLabel,{"data-step-passed":a<=n},r+" "+(a+1)))})))}),{trackLength:m,activeStep:r,labelPrefix:o,onChange:c})),h=de.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},de.default.createElement("title",null,"chevron-right"),de.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),v=de.default.createElement(d.StyledBreadcrumbContainer,null,i&&Array.from({length:i.length},(function(e,t){return t})).map((function(e,t){var n;return de.default.createElement(d.StyledBreadcrumbWrapper,{key:t,"data-selected":t===r,onClick:function(){c&&c(t)}},null===(n=i[t])||void 0===n?void 0:n.text," ",t<i.length-1&&h)}))),y=de.default.createElement(d.StyledSlider,{className:s+" progress-bar"},de.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange;return de.default.createElement(de.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,l){return de.default.createElement(d.StyledDetailStep,{key:l,style:{left:100/t.length*l+"%",width:100/t.length+"%"},onClick:function(){a&&a(l)}},t[l].icon?de.default.createElement(d.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(l)}},t[l].icon):de.default.createElement(d.StyledDetailStepIndicator,{"data-is-active":l===n,"data-label":e,onClick:function(){a&&a(l)},key:l},l+1),de.default.createElement(d.StyledDetailStepLabel,{"data-step-passed":l<n+1},t[l].text,de.default.createElement(d.StyledDetailStepDescription,null,t[l].description)),l<t.length-1&&de.default.createElement(f,{"data-step-passed":l<n,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:r,detailSteps:i,onChange:c})),E=e.useCallback(me.default((function(){var e=document.querySelector(".progress-bar");e&&p(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return p(null==e?void 0:e.offsetWidth),window.addEventListener("resize",E),function(){window.removeEventListener("resize",E)}}),[]),"step-track"===a&&g||"breadcrumb"===a&&v||"detail-track"===a&&y},exports.RateStars=function(t){var a=t.gap,l=void 0===a?2:a,r=t.size,o=void 0===r?24:r,i=t.star,s=t.totalStars,c=void 0===s?5:s,d=t.onSelect,u=t.hideEmptyStars,m=t.style,p=t.className,f=Math.floor(i),g=i-f>=.5?1:0,h=e.useState(null),v=h[0],y=h[1],E=v||f,b=v?0:g;return de.default.createElement(Ze,{"data-selectable":!!d,style:n.__assign({"--gap":l,"--star-size":o},m),className:p},Array.from({length:u?f+g:c}).map((function(e,t){var n=function(){return!!d&&y(t+1)},a=function(){return!!d&&y(null)};return t+1<=E?de.default.createElement(Ye,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?de.default.createElement(Ke,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a}):de.default.createElement($e,{key:t,onClick:function(){return null==d?void 0:d(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.ScrollList=function(t){var n=t.row,a=void 0===n?2:n,l=t.column,r=void 0===l?3:l,o=t.isDotsShown,i=void 0===o||o,s=t.isImageGalleryShown,c=void 0!==s&&s,u=t.mode,m=void 0===u?"infinity":u,p=t.type,f=void 0===p?"separated":p,g=t.distanceOverlappedLeft,h=void 0===g?{amount:0,unit:"pixel"}:g,v=t.children,y=t.className,E=t.isProgressShown,b=void 0!==E&&E,x=t.statusChildren,w=t.isArrowShown,C=void 0!==w&&w,k=t.classNameLeftArrow,_=t.classNameRightArrow,S=t.dataEventCategory,L=t.dataEventAction,N=t.dataEventLabel,T=t.onChangePage,B=t.page,A=t.customPageWidth,z=t.scheme,M=void 0===z?"hellosites":z,I=t.arrowType,D=void 0===I?"Discover":I,H="number"==typeof B,j=e.useState(H?B:0),P=j[0],F=j[1],G=[];de.default.Children.map(v,(function(e,t){t%(a*r)==0&&G.push([]),G[G.length-1].push(de.default.cloneElement(e))}));var O=e.useRef(),W=e.useRef(0),R=function(e){if(O.current){var t=O.current.clientWidth,n=A||t,a="intertwined"===f?"percentage"===h.unit?e*n+h.amount/100*n*e:e*n+h.amount*n*e:e*n;O.current.scrollTo({top:0,left:a,behavior:"smooth"}),W.current=e,F(e),T&&T(e)}};e.useEffect((function(){"number"==typeof B&&function(e){if(O.current){var t=O.current.clientWidth,n=A||t,a="intertwined"===f?"percentage"===h.unit?e*n+h.amount/100*n*e:e*n+h.amount*n*e:e*n;O.current.scrollTo({top:0,left:a,behavior:"smooth"}),W.current=e,F(e)}}(B)}),[B]);var V=function(e){if(O.current){var t,n=O.current.clientWidth,a=A||n;t=0===P?0:P*a,"forward"===e&&(t===a*(G.length-1)?(F(G.length-1),t=a*(G.length-1),T&&T(G.length-1)):(F(P+1),t+=a,T&&T(P+1)),O.current.scrollTo({top:0,left:t,behavior:"smooth"})),"back"===e&&(0===t?(F(0),T&&T(0),t=0):(F(P-1),T&&T(P-1),t-=a),O.current.scrollTo({top:0,left:t,behavior:"smooth"}))}},U=me.default((function(){if("infinity"===m){if(!O.current)return;var e=O.current,t=e.clientWidth,n=e.scrollLeft,a=A||t,l=Math.floor(n/a);F(l),T&&T(l)}}),400);return e.useEffect((function(){if("snapped"===m){var e,t,n,a,l,r,o=!1,i=O.current,s=function(r,s){o=!0,n=!1,a=!1,e=r-i.offsetLeft,t=s-i.offsetTop,l=i.scrollLeft},c=function(e){s(e.pageX,e.pageY)},d=function(e){s(e.touches[0].pageX,e.touches[0].pageY)},u=function(){if(o=!1,n=!1,a=!1,O.current){var e=O.current.clientWidth,t=A||e,l="ltr"===r?0!==W.current?W.current-1:W.current:"rtl"===r&&W.current<G.length-1?W.current+1:W.current,i="intertwined"===f?"percentage"===h.unit?l*t+h.amount/100*t*l:l*t+h.amount*t*l:l*t;O.current.scrollTo({top:0,left:i,behavior:"smooth"}),r="none",W.current!==l&&(W.current=l,F(l),T&&T(l))}},p=function(s,c){if(o){var d=s-i.offsetLeft,u=c-i.offsetTop,m=d-e,p=u-t;n||a||!(p>20||p<-20)||(n=!0),!n&&(m>20||m<-20)&&(a=!0,i.scrollLeft=l-m,m>0&&(r="ltr"),m<0&&(r="rtl"),0===m&&(r="none"))}},g=function(e){a&&e.preventDefault(),p(e.pageX,e.pageY)},v=function(e){a&&e.preventDefault(),p(e.touches[0].pageX,e.touches[0].pageY)};return null==i||i.addEventListener("mousedown",c),null==i||i.addEventListener("touchstart",d),window.addEventListener("mouseup",u),window.addEventListener("touchend",u),null==i||i.addEventListener("mousemove",g),null==i||i.addEventListener("touchmove",v),function(){null==i||i.removeEventListener("mousedown",c),null==i||i.removeEventListener("touchstart",d),window.removeEventListener("mouseup",u),window.removeEventListener("touchend",u),null==i||i.removeEventListener("mousemove",g),null==i||i.removeEventListener("touchmove",v)}}}),[]),de.default.createElement(d.StyledScrollList,{className:y,"data-row":a,onScroll:U},C&&P>0&&de.default.createElement("div",{className:"".concat(k," arrow-left"),onClick:function(){return V("back")},"data-event-category":S,"data-event-action":L,"data-event-label":N},"Care"===D?de.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},de.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},de.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),de.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),de.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),de.default.createElement("defs",null,de.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},de.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-2",dy:"2"}),de.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-1",dy:"1"}),de.default.createElement("feGaussianBlur",{stdDeviation:"1"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),de.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):de.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),de.default.createElement("div",{ref:O,className:"container",style:{overflowX:"snapped"===m||C?"hidden":"scroll"}},G.map((function(e,t){for(var n=0,l=0;l<t;l++)n+=G[l].length;return de.default.createElement("div",{key:t,className:"section",style:{marginLeft:"intertwined"===f&&0!==t?h.amount+""+("percentage"===h.unit?"%":"px"):"0px"}},1===a&&b&&de.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:"repeat(".concat(r,", 1fr)")}},e.map((function(a,l){var r=n+l,o=x.find((function(e){return e.index===r}));return de.default.createElement("div",{className:"items-progress",key:l},0===l&&0===t?de.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):de.default.createElement("div",{className:"line"}),de.default.createElement("div",{className:"icon-status"},de.default.createElement(nt,{status:null==o?void 0:o.status})),t===G.length-1&&l===e.length-1?de.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):de.default.createElement("div",{className:"line"}))}))),de.default.createElement("div",{className:"grid-layout","data-index":t,style:{gridTemplateColumns:"repeat(".concat(r,", 1fr)"),gridTemplateRows:"repeat(".concat(a,", 1fr)")}},e.map((function(e,t){return de.default.createElement(de.default.Fragment,{key:t},de.default.createElement("div",{className:"item-grid",key:t},e))}))))}))),C&&P<G.length-1&&de.default.createElement("div",{className:"".concat(_," arrow-right"),onClick:function(){return V("forward")},"data-event-category":S,"data-event-action":L,"data-event-label":N}," ","Care"===D?de.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},de.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},de.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),de.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),de.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),de.default.createElement("defs",null,de.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},de.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-2",dy:"2"}),de.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),de.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),de.default.createElement("feOffset",{dx:"-1",dy:"1"}),de.default.createElement("feGaussianBlur",{stdDeviation:"1"}),de.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),de.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),de.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):de.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),de.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===M?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),i&&de.default.createElement("ul",{className:"bullet-nav"},G.map((function(e,t){return de.default.createElement("li",{key:t,className:"bullet-nav__item "},de.default.createElement("p",{onClick:function(){return R(t)},className:"bullet-nav__link scroll ".concat(P==t?"active":null),"data-scheme":M}))}))),c&&de.default.createElement("div",{className:"image-gallery-wrapper","data-test":G.length},G.slice(0,3).map((function(e,t){return de.default.createElement("div",{className:"image-block ".concat(P==t?"active":null),key:t,onClick:function(){return R(t)},"data-scheme":M},e)}))))},exports.SeoHead=function(e){var t,a,l,r,o,i,s,c,u,m,p,h,v,y,E,b,x,w,C,k=e.SEOData,_=void 0===k?{}:k,S=e.isAmp,L=void 0!==S&&S,N=e.locale,T=void 0===N?"vi-VN":N,B=e.routerPathname,A=e.routerQuery,z=e.nextHead,M=e.siteType,I=e.seoCustom,D=e.userId,H=e.forcedCanonicalUrl,j=_.totalPages,P=_.currentPage,F=_.SEOTitle,G=void 0===F?"":F,O=_.SEODescription,W=void 0===O?"":O,R=_.SEOImage,V=_.seoType,U=_.SEOImageWidth,q=_.SEOImageHeight,Z=_.customMetaData,$=void 0===Z?[]:Z,Y=_.isIndexable,K=void 0===Y||Y,X=_.hasNoCanonical,Q=void 0!==X&&X,J=K&&g.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=_.canonicalUrl||B;Object.keys(A).forEach((function(e){var t=A[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=T||"en-PH",le="helloSites"===M?f.domainLocales[ae]:"www.marrybaby.vn",re=te.endsWith("/")?"":"/";if(_.apiMetaData&&"string"==typeof _.apiMetaData){var oe=null===(t=_.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(P," of ").concat(j),se=P&&1!==P&&oe?_.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",ie+" - "):"<title>".concat(oe[1].concat(ie),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,"?page=").concat(P,'" />')):_.apiMetaData,ce=(ne=d.htmlReactParser(se,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var ue="https://".concat(le,"/images/").concat(T,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[de.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=_.openGraph)||void 0===a?void 0:a.image)||ue||""}),de.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=_.openGraph)||void 0===l?void 0:l.image)||ue}),de.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=_.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=_.openGraph)||void 0===o?void 0:o.imageWidth)||"1200"}),de.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=_.openGraph)||void 0===i?void 0:i.imageHeight)&&String(null===(s=_.openGraph)||void 0===s?void 0:s.imageHeight)||"630"})],!1)}}var me="https://".concat(le,"/images/").concat(T,".png");return de.default.createElement(z,null,de.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===M&&de.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===T?de.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===T||"ms-MY"===T?de.default.createElement(de.default.Fragment,null):de.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"}),de.default.createElement("link",{rel:"preconnect",href:ee}),de.default.createElement("meta",{charSet:"UTF-8"}),!L&&de.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),de.default.createElement("meta",{name:"google",content:"notranslate"}),de.default.createElement("meta",{name:"robots",content:J}),de.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),$.map((function(e,t){return de.default.createElement("meta",n.__assign({key:t},e))})),de.default.createElement("meta",{name:"theme-color",content:"helloSites"===M?"#2c87f3":"#e85388"}),de.default.createElement("meta",{name:"page_type",content:"Home"}),de.default.createElement("meta",{name:"page_platform",content:"WEB"}),de.default.createElement("meta",{name:"page_language",content:ae}),de.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),L&&de.default.createElement(de.default.Fragment,null,de.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),de.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&de.default.createElement(de.default.Fragment,null,"helloSites"===M?de.default.createElement("title",null,I?G:G+" - "+(null===(c=f.LOCALE_SPECS[T])||void 0===c?void 0:c.SITE_NAME)):de.default.createElement("title",null,G),!Q&&de.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),de.default.createElement("meta",{name:"description",content:W||(null===(u=_.openGraph)||void 0===u?void 0:u.description)}),_.schemaData&&de.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:_.schemaData}}),de.default.createElement("meta",{property:"og:locale",content:T}),de.default.createElement("meta",{property:"og:type",content:V||"website"}),de.default.createElement("meta",{property:"og:title",content:(null===(m=_.openGraph)||void 0===m?void 0:m.title)||G}),de.default.createElement("meta",{property:"og:description",content:(null===(p=_.openGraph)||void 0===p?void 0:p.description)||W}),de.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(te)}),de.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),de.default.createElement("meta",{property:"og:image",content:(null===(h=_.openGraph)||void 0===h?void 0:h.image)||R||me||""}),de.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=_.openGraph)||void 0===v?void 0:v.image)||R||me}),de.default.createElement("meta",{property:"og:image:width",content:(null===(y=_.openGraph)||void 0===y?void 0:y.imageWidth)&&String(null===(E=_.openGraph)||void 0===E?void 0:E.imageWidth)||U&&String(U)||"1200"}),de.default.createElement("meta",{property:"og:image:height",content:(null===(b=_.openGraph)||void 0===b?void 0:b.imageHeight)&&String(null===(x=_.openGraph)||void 0===x?void 0:x.imageHeight)||q&&String(q)||"630"}),de.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),de.default.createElement("meta",{name:"twitter:title",content:(null===(w=_.twitter)||void 0===w?void 0:w.title)||G}),de.default.createElement("meta",{name:"twitter:description",content:W}),de.default.createElement("meta",{name:"twitter:image",content:(null===(C=_.twitter)||void 0===C?void 0:C.image)||R})),("helloSites"===M?f.FAVICONS[ae]||[]:f.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?de.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?de.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&&de.default.createElement("link",{rel:"canonical",href:H}),!_.hasNoAmp&&"vi-VN"!==T&&de.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(te).concat(re,"?amp=1")}),D&&"undefined"!=typeof window?de.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(D,"'});")}}):null)},exports.Shadow=function(e){var t=e.size,n=e.children,a=e.style,l=e.className;return de.default.createElement(ze,{style:a,className:l,"data-shadow-size":t},n)},exports.ShareContainer=function(e){var a=e.url,r=e.onCopied,o=e.locale,s=h.useTranslations().t,c=D.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(o)}));return de.default.createElement(d.StyledShareContainer,null,de.default.createElement(t.Text,{size:"p3",color:l.theme.colors.gray800},s("shareContainer.title")),de.default.createElement("div",{className:"icon-group"},c.map((function(e,t){return de.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),de.default.createElement(i.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:de.default.createElement(yt,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__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(a)];case 1:return t.sent(),null==r||r(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var r=a.open,o=a.title,s=a.onClose,c=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=h.useTranslations().t,v=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__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==c||c(),[2]}}))}))}),[m,c]),y=D.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return e.useEffect((function(){r&&navigator.share&&navigator.share({title:null!=o?o:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==s||s()}))}),[m,o,u,r]),"undefined"!=typeof navigator&&navigator.share?null:de.default.createElement(d.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:s,open:r,placement:"bottom"},f),de.default.createElement("div",{className:"share-container"},de.default.createElement("div",{className:"icon-container"},de.default.createElement(t.Text,{type:"semiBold",size:"s3",color:l.theme.colors.gray600},g("share.title")),de.default.createElement("div",{className:"icon-group"},y.map((function(e,t){return de.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),de.default.createElement("div",{className:"link-container"},de.default.createElement(t.Text,{type:"semiBold",size:"s3",color:l.theme.colors.gray600},g("share.copyLink")),de.default.createElement("div",{className:"input-group"},de.default.createElement(N.Input,{name:"link",size:"md",value:m,isDisabled:!0}),de.default.createElement(i.Button,{size:"md",type:"button",color:"tertiary",icon:de.default.createElement(Et,null),onClick:v})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,r=e.isInACard,o=e.cardColor,i=e.className;return de.default.createElement(d.StyledStatisticContainer,{className:i,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":o},de.default.createElement(d.StyledDescriptionWrapper,null,"small"===t&&de.default.createElement(d.StyledDot$1,{"data-color":o}),n),de.default.createElement(d.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,r=e.style;return de.default.createElement(d.StyledSurveyQuestionCard,{className:l,style:r},de.default.createElement("div",{className:"survey-inner-wrapper"},de.default.createElement(d.StyledSurveyThankyouCard,null,de.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},de.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},de.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"}),de.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),de.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"}),de.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"})),n&&de.default.createElement(c.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&de.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.THRCardEmbed=function(n){var a,r,o,i=n.isSide,c=n.locale,u=n.thrContent,m=n.isMobile,p=n.info,g=n.inputErrorMessage,y=n.onFormChange,b=n.onSubmit,k=h.useTranslations().t,_=x.useHealthToolsCache(c).getHealthToolLink,L=e.useMemo((function(){return _(w.HEALTH_TOOL_TYPE.THR)}),[_]),N=e.useState(!1),T=N[0],B=N[1],A=e.useState("low_intensity"),z=A[0],M=A[1],I=e.useState("male"),D=I[0],H=I[1],j=e.useState([60]),P=j[0],F=j[1],G=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),O=G[0],W=G[1],R=[{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}],V=[{value:"low_intensity",label:k("targetHeartRate.lowIntensity.title"),image:v.CommonGAssets.getAssetPath("/low.svg"),imageActive:v.CommonGAssets.getAssetPath("/low-active.svg"),content:k("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:k("targetHeartRate.moderateIntensity.title"),image:v.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:v.CommonGAssets.getAssetPath("/moderate-active.svg"),content:k("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:k("targetHeartRate.aerobicZone.title"),image:v.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:v.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:k("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:k("targetHeartRate.vigorousIntensity.title"),image:v.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:v.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:k("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:k("targetHeartRate.maximumIntensity.title"),image:v.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:v.CommonGAssets.getAssetPath("/maximum-active.svg"),content:k("targetHeartRate.maximumIntensity.note")}],U=e.useMemo((function(){return[{value:"male",label:k("gender.male"),content:de.default.createElement(E.Icon.GenderChooseBoy,null)},{value:"female",label:k("gender.female"),content:de.default.createElement(E.Icon.GenderChooseGirl,null)}]}),[]);return e.useEffect((function(){var e=((new Date).getTime()-new Date(p.age).getTime())/1e3;B(e>=567648e3);var t=R.find((function(t){return e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60}))||R[0];W(t),F([60])}),[p.age]),de.default.createElement(d.StyledContainer,{"data-is-side":i},de.default.createElement(d.ToolsBannerCard,{isSide:i,bannerUrl:v.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),icon:de.default.createElement("img",{alt:"health-tool-icon",src:null==u?void 0:u.featured_image,style:{objectFit:"contain",marginLeft:"auto",width:"100%"}}),heading:k("targetHearRate.heading"),medicalReview:(null===(a=null==u?void 0:u.reviewedBy)||void 0===a?void 0:a.display_name)?de.default.createElement(t.Text,{size:"n1",color:l.theme.colors.white},de.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(C.formatUserProfileUrl(null==u?void 0:u.reviewedBy),'"\n >\n ').concat(null===(r=null==u?void 0:u.reviewedBy)||void 0===r?void 0:r.display_name,"\n </a>"),date:null==u?void 0:u.reviewedDate})}}),de.default.createElement("span",null)):void 0,isMobile:m}),de.default.createElement(s.Container,null,de.default.createElement(d.StyledContent,{className:"heart-rate-cal",onSubmit:function(e){return e.preventDefault()},"data-is-side":i},de.default.createElement(d.StyledRow$1,{"data-is-side":i},de.default.createElement(d.FormControl$1,null,de.default.createElement(d.StyledInput$1,{size:"md",name:"gender",label:k("bmi.selectGender"),CustomInput:de.default.createElement(E.RadioImageGroup,{options:U,value:D,onChange:function(e){H(e),F([60])},className:"bmi--input-radio_gender"}),className:"bmi--input bmi--input-gender"}))),de.default.createElement(d.StyledRow$1,null,de.default.createElement(st,{info:p,locale:c,errorMessage:g,onChange:y})),de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:l.theme.colors.gray600,fontWeight:"bold",fontSize:"12px"},htmlFor:"gender-selector"},k("targetHeartRate.heartRateInput")),de.default.createElement("div",{style:{width:"100%",marginBottom:"12px"}},de.default.createElement(d.Slider,{className:"slider-heart-rate",min:"male"===D?O.rangeMale:O.rangeFemale,max:200,step:1,value:P,onChange:F})),T&&de.default.createElement(d.FormControl$1,null,de.default.createElement(d.StyledActive,null,de.default.createElement(S.Label,{size:"label2",style:{display:"inline-block",fontWeight:"bold",color:l.theme.colors.gray600,marginBottom:"9px"},htmlFor:"gender-selector"},k("targetHeartRate.selectActive")),de.default.createElement("div",{className:"card"},de.default.createElement(it,{options:V.map((function(e){return{value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}})),value:z,onChange:function(e){M(e)},className:"gender-selector"})),z&&de.default.createElement("div",{className:"note"},de.default.createElement("img",{style:{height:"16px",width:"16px"},src:v.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:""}),de.default.createElement(t.Text,{size:"n1",color:"#595959"},null===(o=V[V.findIndex((function(e){return e.value==z}))||0])||void 0===o?void 0:o.content)),!z&&de.default.createElement("span",{style:{color:"#e64728"}},g.intensity)))),de.default.createElement("div",{style:{display:"flex"}},de.default.createElement(d.StyledButton$1,{size:"lg",onClick:function(){b(D,z,P)},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:"https://".concat(f.domainLocales[c],"/").concat(L)},k("bmi.submit")))))},exports.Tabs=function(n){var a=n.style,r=n.initialTab,o=n.tabContent,i=n.onChange,s=n.className,c=n.dataEventCategory,u=n.dataEventAction,m=n.dataEventLabel,p=n.id,f=e.useState(r||0),g=f[0],h=f[1];return e.useEffect((function(){h(r)}),[r]),de.default.createElement(d.StyledTabs,{style:a,className:s,role:"tablist",id:p},o.map((function(e,n){return de.default.createElement(d.StyledTab,{"data-is-tab-active":g===n||void 0,"aria-selected":g===n,role:"tab",onClick:function(){h(n),i&&i(n)},onKeyDown:function(e){"Enter"===e.key&&(h(n),i&&i(n))},key:n,"data-event-category":c,"data-event-action":u,"data-event-label":m,tabIndex:0},de.default.createElement(d.StyledTabContent,null,e.icon&&de.default.createElement(d.StyledIcon,null,e.icon),de.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||l.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,l=e.children,r=e.style,o=e.isInline,i=e.isSquared,s=void 0!==i&&i,c=e.className,d=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return de.default.createElement(Me,{"data-is-squared":s||void 0,"data-tag-type":a,"data-is-light":d||void 0,"data-has-more-padding":u||void 0,"data-is-inline":o||void 0,style:n.__assign(n.__assign({},r),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:o,tagHasMorePadding:u,tagIsLight:d,tagIsSquared:s,tagIsALink:m},de.default.createElement(t.Text,n.__assign({},g),l))},exports.TextDivider=function(e){var n=e.children,a=e.icon,l=e.className,r=e.style;return de.default.createElement(qe,{style:r,className:l},de.default.createElement(s.Container,null,de.default.createElement("div",{className:"icon-wrapper"},a),de.default.createElement(t.Text,{size:"c1",color:"var(--neutral800)"},n)))},exports.Toggle=function(e){var t=e.className,n=e.id,a=e.onChange,l=e.checked,r=e.style,o=e.label;return de.default.createElement(Fe,{className:t,style:r},de.default.createElement("input",{type:"checkbox",id:n,onChange:a,checked:l}),de.default.createElement("label",{htmlFor:n},de.default.createElement(je,null),o&&de.default.createElement(Pe,null,o)))},exports.UnderlinedLink=function(e){var t=e.size,n=e.isDisabled,a=e.className,l=e.link,r=e.style;return de.default.createElement(Ge,{className:a,"data-size":t,style:r,"data-disabled":n||void 0},l)},exports.Uploader=function(e){var t=e.type,n=e.withIcon,a=e.onFileSelected,l=e.inputId,r=e.withElement,o=e.fileAcceptType,s=e.multiple,c=e.value,d=e.className,u=function(){var e;null===(e=document.querySelector("#uploader-input-"+l))||void 0===e||e.click()};return de.default.createElement(Oe,{className:d},"badge"===t?de.default.createElement(We,{onClick:u,"data-is-attached-to-element":!!r},r,de.default.createElement(Re,{"data-is-attached-to-element":!!r},n)):r?de.default.createElement("div",{onClick:u},r):de.default.createElement(i.Button,{size:"md",color:"secondary",className:"default-button",icon:n,onClick:u},de.default.createElement(Ve,null,de.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"},de.default.createElement("defs",null,de.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),de.default.createElement("title",null,"upload"),de.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")),de.default.createElement("input",{id:"uploader-input-"+l,accept:o,multiple:s,type:"file",style:{display:"none"},onChange:function(e){a(e.target.files)},value:c}))},exports.index=tt,exports.index$1=lt;