@hhgtech/hhg-components 1.23.88 → 1.23.89

package/build/esm/index-1afec854.js

@@ -1 +0,0 @@
-import r from"react";import{a as e,d as t,_ as a}from"./tslib.es6-8afd0786.js";import o from"styled-components";import{u as n}from"./useTranslations-0253a7a8.js";var d,s=o.hr(d||(d=e(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(r){return r.theme.colors.neutral200}),(function(r){return r.dividerType})),i=function(e){var t=e.type,a=void 0===t?"solid":t,o=e.className,n=e.style;return r.createElement(s,{style:n,className:o,"data-diver-type":a,dividerType:a})},u="U9NRDG6",l={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},c=function(e){var o=e.siteType,d=e.role,s=e.title,i=t(e,["siteType","role","title"]),c=n().t,m=d?function(r){return["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((function(e){return e===r}))}(d):"";return m&&l[m]?r.createElement("div",a({className:u,"data-label-type":m,"data-is-marrybaby":"marryBaby"===o},i),s||c(l[m])):null};export{c as A,i as D};

package/build/esm/index-2317466d.js

@@ -1 +0,0 @@
-import{a as n,_ as e}from"./tslib.es6-8afd0786.js";import o,{useState as t,useEffect as a}from"react";import i from"styled-components";import{T as r}from"./index-6e945ca0.js";import{M as d}from"./utils-c4fbd283.js";import{t as l}from"./theme-f92bf7cf.js";var s,p,c,x,b,g,u,h,v,m,f=i.div(s||(s=n(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: 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    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\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      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\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      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),w=i.div(p||(p=n(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\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"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),k=i.ul(c||(c=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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\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    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),y=i.li(x||(x=n(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),E=i.div(b||(b=n(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),C=i.div(g||(g=n(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),z=function(n){var t=n.className,a=n.value,i=n.options,r=n.onChange,d=void 0===r?function(){}:r,l=n.id,s=n.placeholderIcon,p=n.placeholder,c=n.style,x=n.size,b=void 0===x?"lg":x,g=n.groupedWithLabel,u=n.disabled,h=n.dropdownLabelTrackingAttributes,v=void 0===h?{}:h,m=n.isNativeSelect,z=void 0!==m&&m,L=o.useState(!1),A=L[0],j=L[1],B=function(){return!u&&j(!A)};return z?o.createElement(f,{as:"select","data-is-native":"true",value:(null==a?void 0:a.value)||void 0,disabled:u,onChange:function(n){if("string"==typeof n.target.value){var e=i.find((function(e){return e.value===n.target.value}));e&&d(e)}}},p&&o.createElement("option",{value:p,disabled:!0,selected:!0},p),i.map((function(n){return o.createElement("option",{key:"".concat(l,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):o.createElement(f,{className:t,"data-dropdown-open":A||void 0,"data-size":b,id:l,"data-has-icons":!!s,style:c,onBlur:function(){return j(!1)},tabIndex:0,"data-disabled":u},!!g&&o.createElement(C,null,g),o.createElement(w,e({onClick:B,className:g&&"with-label"},v),s," ",o.createElement("span",null,a&&a.value?a.label:p)),A&&o.createElement(k,{onClick:B,"data-has-icons":!!s},i.map((function(n){return o.createElement(y,{key:"".concat(l,"-").concat(n.value),"data-selected":a&&a.value===n.value||void 0,onClick:function(){return!n.disabled&&!u&&(null==d?void 0:d(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&o.createElement(E,null,n.icon),n.label)}))))},L=i.ul(u||(u=n(["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"],["\n  display: inline-flex;\n  max-width: 100%;\n  border-bottom: 1px solid\n    ",";\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  overflow-y: scroll;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100})),A=i.li(h||(h=n(["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: 4px;\n\n  "," {\n    height: 37px;\n  }\n\n  "," {\n    height: 35px;\n  }\n\n  p {\n    color: ",";\n    white-space: nowrap;\n  }\n\n  &:not(:last-child) {\n    margin-right: 24px;\n  }\n\n  &[data-is-tab-active] {\n    p {\n      color: ",";\n    }\n    border-bottom: 3px solid\n      ",";\n    bottom: -1px;\n    position: relative;\n  }\n\n  &:not([data-is-tab-active]) {\n    cursor: pointer;\n  }\n\n  &:focus-visible {\n    border: 2px solid ",";\n  }\n"])),d.mbDown,d.mbUp,(function(n){return n.theme.colors.gray400}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.gray600})),j=i.div(v||(v=n(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),B=i.div(m||(m=n(["\n  margin-right: 8px;\n"],["\n  margin-right: 8px;\n"]))),N=function(n){var e=n.style,i=n.initialTab,d=n.tabContent,s=n.onChange,p=n.className,c=n.dataEventCategory,x=n.dataEventAction,b=n.dataEventLabel,g=n.id,u=t(i||0),h=u[0],v=u[1];return a((function(){v(i)}),[i]),o.createElement(L,{style:e,className:p,role:"tablist",id:g},d.map((function(n,e){return o.createElement(A,{"data-is-tab-active":h===e||void 0,"aria-selected":h===e,role:"tab",onClick:function(){v(e),s&&s(e)},onKeyDown:function(n){"Enter"===n.key&&(v(e),s&&s(e))},key:e,"data-event-category":n.dataEventCategory||c,"data-event-action":n.dataEventAction||x,"data-event-label":n.dataEventLabel||b,tabIndex:0,"data-testid":n.dataTestid},o.createElement(j,null,n.icon&&o.createElement(B,null,n.icon),o.createElement(r,{size:n.textSize||"sm",type:n.textType||"bold",color:n.textColor||l.colors.gray800,dataEventCategory:n.dataEventCategory,dataEventAction:n.dataEventAction,dataEventLabel:n.dataEventLabel},n.name)))})))};export{z as D,N as T};

package/build/esm/index-23c1b7db.js

@@ -1 +0,0 @@
-import{_ as e}from"./tslib.es6-8afd0786.js";import a from"react";import{U as c}from"./index-a9bd8a62.js";var t="dZWeHns",n="tMiOKib",r="uDcqD-2",l="pDlsows",s="m-HVXw1",o=function(e){var c=e.children,t=e.className,r=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," ").concat(r)},c)},i=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(r," ").concat(n)},c)},m="sTU4T4I",v="tCql9Je",d="_3j7uYhH",u="PHABgoT",N=function(t){var n=t.avatarProps,r=t.title,l=t.subTitle,s=t.children,N=t.className,E=void 0===N?"":N,f=t.style,h=t.onAvatarClick,b=t.avatarIcon;return a.createElement("div",{className:"".concat(m," ").concat(E),style:f},a.createElement("div",{className:d,onClick:h},a.createElement(c,e({},n)),b&&a.createElement("div",{className:u},b)),a.createElement("div",{className:"".concat(v," ").concat(E)},s||a.createElement(a.Fragment,null,r&&a.createElement(o,null,r),l&&a.createElement(i,null,l))))};N.MainText=o,N.SubText=i,N.SubDivider=function(e){var c=e.className,t=void 0===c?"":c;return a.createElement("span",{className:"".concat(s," ").concat(t)})},N.Row=function(e){var c=e.children,n=e.className,r=void 0===n?"":n;return a.createElement("div",{className:"".concat(t," ").concat(r," row")},c)},N.ColLeft=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-left")},c)},N.ColRight=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(n," col-right")},c)},N.SubTextRow=function(e){var c=e.children,t=e.className,n=void 0===t?"":t;return a.createElement("div",{className:"".concat(l," ").concat(n)},c)};export{N as C};

package/build/esm/index-24235128.js

@@ -1 +0,0 @@
-import n,{useMemo as e}from"react";import{CommonGAssets as a}from"./gAssets.js";import{a as t}from"./tslib.es6-8afd0786.js";import{M as o}from"./utils-c4fbd283.js";import s from"styled-components";import{L as i}from"./logoIcon-998ff0ad.js";import{L as l}from"./Locale-ea1f656d.js";var r,g,m=s.div(r||(r=t(["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"],["\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  z-index: 1;\n  .main-logo-icon {\n    object-fit: contain;\n  }\n  &[data-logo-is-light] {\n    > svg path {\n      fill: #fff;\n    }\n    img {\n      filter: brightness(0) invert(1);\n    }\n  }\n\n  &[data-has-badge] {\n    @supports (display: flex) and (gap: 1em) {\n      gap: 0.5rem;\n    }\n\n    @supports not ((display: flex) and (gap: 1em)) {\n      > img {\n        margin-left: 0.25rem;\n      }\n    }\n  }\n\n  .common-logo-seasonal-left,\n  .common-logo-seasonal-right {\n    z-index: -1;\n  }\n  .common-logo-seasonal-left {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n  .common-logo-seasonal-right {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n  &[data-christmas='true'] {\n    padding-left: 37px;\n    padding-right: 22px;\n    .common-logo-seasonal-left {\n      width: 125px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 23px;\n      height: 17px;\n    }\n  }\n  &[data-new-year='true'] {\n    padding-right: 85px;\n    .common-logo-seasonal-left {\n      top: 35%;\n      width: 100px;\n      height: 56px;\n    }\n    .common-logo-seasonal-right {\n      width: 85px;\n      height: 54px;\n    }\n    "," {\n      padding-right: 0;\n      .common-logo-seasonal-right {\n        display: none;\n      }\n    }\n  }\n  &[data-lunar-new-year='true'] {\n    padding-left: 30px;\n    padding-right: 35px;\n    .common-logo-seasonal-left {\n      width: 33px;\n      height: 41px;\n    }\n    .common-logo-seasonal-right {\n      width: 37px;\n      height: 54px;\n    }\n  }\n"])),o.mbDown),p=s.img(g||(g=t(["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"],["\n  height: 16px;\n  width: unset;\n  margin-bottom: 4px;\n  margin-left: -3px;\n"]))),h={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},d=[l.Vietnam,l.Taiwan,l.Indonesia,l.Malaysia],c=function(t){var o=t.type,s=t.className,l=t.style,r=t.isLightLogo,g=t.customSize,c=t.badge,f=t.locale,x=t.dateForSeasonal,u=t.isPro,w=e((function(){if(!x||isNaN(new Date(x).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var n,e,a=new Date(x),t=(e=(n=a).getDate(),11===n.getMonth()&&e>=16&&e<=25),o=d.includes(f)&&function(n){var e=n.getFullYear(),a=h[e];if(!a)return!1;var t=new Date(e,a[1],a[0]),o=new Date(t);o.setDate(t.getDate()-7);var s=new Date(t);return s.setDate(t.getDate()+5),o<=n&&n<=s}(a),s=!o&&function(n){var e=n.getDate(),a=n.getMonth();return 11===a&&e>=26||0===a&&e<=15}(a);return{isChristmas:t,isLunarNewYear:o,isNewYear:s}}),[f,new Date(x).getDate()]);return n.createElement(m,{className:s,style:l,"data-logo-is-light":r||void 0,"data-has-badge":!!c,"data-christmas":w.isChristmas,"data-new-year":w.isNewYear,"data-lunar-new-year":w.isLunarNewYear},w.isChristmas?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):w.isNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):w.isLunarNewYear?n.createElement(n.Fragment,null,n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),n.createElement("img",{loading:"lazy",src:a.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,n.createElement(i,{type:o,width:null==g?void 0:g.width,height:null==g?void 0:g.height}),u?n.createElement(p,{src:a.getAssetPath("logo/pro-suffix.svg")}):null,c)},f="d76E4SH",x=function(e){var a=e.children,t=e.className,o=e.style,s=e.type;return n.createElement("div",{className:"".concat(f," ").concat(t||""),style:o,"data-type":s},a)};export{x as C,c as L};

package/build/esm/index-2dbc25e6.js

@@ -1 +0,0 @@
-import{a as n,_ as e}from"./tslib.es6-8afd0786.js";import r from"react";import o from"styled-components";import{L as t}from"./index-68390e33.js";import{M as i}from"./utils-c4fbd283.js";var a,l,s,c=o.div(a||(a=n(["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"],["\n  &[data-type='circle'] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    input {\n      position: relative;\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      margin-right: 8px;\n      border-radius: 100%;\n      cursor: inherit;\n      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px ",";\n      }\n\n      &:checked {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-color: ",";\n        &:after {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 14px;\n          height: 14px;\n          //left: 3px;\n          //position: absolute;\n          //top: 4px;\n          background-color: ",";\n          border-radius: 50%;\n          content: '';\n          transform: translate(-50%, -50%);\n        }\n      }\n    }\n\n    label {\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: ",";\n    }\n\n    &[data-disabled='true'] {\n      color: ",";\n      cursor: not-allowed;\n      input {\n        border-color: ",";\n\n        &:hover {\n          border-color: ",";\n          box-shadow: none;\n        }\n      }\n    }\n  }\n\n  &[data-type='rectangle'] {\n    input {\n      display: none;\n\n      &:checked ~ label {\n        border-color: ",";\n        background-color: ",";\n        color: ",";\n        font-weight: ",";\n      }\n    }\n\n    label {\n      display: inline-block;\n      width: auto;\n      box-sizing: border-box;\n      flex-shrink: 0;\n      border: solid 1px ",";\n      border-radius: 6px;\n      color: ",";\n      cursor: pointer;\n      font-weight: ",";\n      text-align: center;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n      }\n    }\n\n    &[data-disabled='true'] {\n      input {\n        cursor: not-allowed;\n      }\n\n      label {\n        color: ",";\n        cursor: not-allowed;\n\n        &:hover {\n          border-color: ",";\n        }\n      }\n    }\n\n    &[data-size='small'] {\n      label {\n        height: 32px;\n        padding: 6px 12px;\n        font-size: 13px;\n      }\n    }\n\n    &[data-size='large'] {\n      label {\n        height: 48px;\n        padding: 13px 16px;\n        font-size: 14px;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.blue600}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),d=function(n){var o=n.type,t=n.size,i=void 0===t?"small":t,a=n.label,l=n.name,s=n.checked,d=n.value,h=n.className,u=n.isDisabled,p=void 0!==u&&u,x=n.onChange,b=n.dataEventCategory,g=n.dataEventAction,m=n.dataEventLabel,f=!!g&&!!b&&!!m?{"data-event-category":b,"data-event-action":g,"data-event-label":m}:{};return r.createElement(c,{"data-disabled":p,className:h,"data-type":o,"data-size":i},r.createElement("label",e({style:{display:"flex",alignItems:"center"}},f),r.createElement("input",e({type:"radio",checked:s,name:l,value:d,onChange:function(){return x(d)}},f)),a))},h=o.div(l||(l=n(["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"],["\n  textarea {\n    width: 100%;\n    height: var(--textarea-height, 116px);\n    padding: 1rem;\n    border: 1px solid ",";\n    border-radius: 6px;\n    color: ",";\n    font-size: 14px;\n    resize: none;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px #91caff;\n    }\n\n    &::placeholder {\n      color: ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.neutral50})),u=r.forwardRef((function(n,e){var o,i=n.height,a=n.placeholder,l=n.labelText,s=n.labelColor,c=n.id,d=n.name,u=n.onChange,p=n.value,x=n.className,b=n.onKeyPress,g=n.disabled,m=void 0!==g&&g;return r.createElement(h,{className:x,style:(o={},o["--textarea-height"]=i||"116px",o)},l&&r.createElement(t,{size:"label2",style:{color:s||"#595959"},htmlFor:c},l),r.createElement("textarea",{name:d,ref:e,placeholder:a,id:c,onChange:function(n){return u&&u(n.target.value)},onKeyPress:function(n){return b&&b(n)},value:p,disabled:m}))})),p=o.div(s||(s=n(["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  cursor: pointer;\n\n  &[data-theme='marryBaby'] {\n    input {\n      width: 20px;\n      height: 20px;\n      border: 1.3px solid ",";\n      border-radius: 9px;\n\n      cursor: inherit;\n      transition: border-color 0.4s, box-shadow 0.4s;\n\n      &:hover,\n      &:active {\n        border-color: ",";\n        box-shadow: 0 0 2px 2px\n          ",";\n      }\n\n      &:focus-visible {\n        border: 2px solid ",";\n      }\n\n      &:checked {\n        border: 0;\n        background: ","\n          url(\"data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n          no-repeat center center;\n      }\n    }\n\n    label {\n      max-width: 15rem;\n      margin-left: 8px;\n      width: calc(100% - 24px);\n      cursor: inherit;\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      letter-spacing: -0.2px;\n      color: ",";\n    }\n  }\n  input {\n    width: 20px;\n    height: 20px;\n    border: solid 1px ",";\n    border-radius: 2px;\n\n    cursor: inherit;\n    transition: border-color 0.4s, box-shadow 0.4s;\n\n    &:hover,\n    &:active {\n      border-color: ",";\n      box-shadow: 0 0 2px 2px\n        ",";\n    }\n\n    &:focus-visible {\n      border: 2px solid\n        ",";\n    }\n\n    &:checked {\n      border: 0;\n      background: ","\n        url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n        no-repeat center center;\n    }\n  }\n\n  label {\n    max-width: 15rem;\n    margin-left: 8px;\n    font-weight: ",";\n    width: calc(100% - 24px);\n    cursor: inherit;\n\n    "," {\n      font-size: 14px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 22px;\n    }\n  }\n\n  &[data-is-rectangle] > input {\n    position: relative;\n    width: unset;\n    height: unset;\n    padding: 5px 12px;\n    border: 1px solid ",";\n    border-radius: 32px;\n\n    &::after {\n      color: ",";\n      content: attr(data-label-text);\n      font-size: 13px;\n    }\n    &:checked {\n      border-color: ",";\n      &::after {\n        color: ",";\n      }\n    }\n    &:checked {\n      background: ",";\n    }\n  }\n\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    input {\n      border-color: ",";\n      &:hover {\n        border-color: ",";\n        box-shadow: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.mbColors.midGray}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.cobalt}),(function(n){return n.theme.mbColors.gray}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fwRegular}),i.mbDown,i.mbUp,(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue50}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300}),(function(n){return n.theme.colors.gray300})),x=function(n){var e=n.label,o=n.name,t=n.checked,i=n.className,a=n.isDisabled,l=n.onChange,s=n.value,c=n.isRectangle,d=n.inputDataTestId,h=n.siteType;return r.createElement(p,{className:i,"data-disabled":a||void 0,"data-is-rectangle":c||void 0,"data-label-text":e,"data-theme":h},r.createElement("input",{type:"checkbox",checked:t,name:o,onChange:function(){return l(s,!t)},disabled:a,value:s,id:"".concat(o,"-").concat(s),"data-label-text":e,"data-testid":d}),!c&&r.createElement("label",{htmlFor:"".concat(o,"-").concat(s)},e))};export{x as C,d as R,c as S,u as T};

package/build/esm/index-4001ddab.js

@@ -1 +0,0 @@
-import e,{useRef as t,useState as l}from"react";import{_ as n,d as i,a}from"./tslib.es6-8afd0786.js";import{CommonGAssets as r}from"./gAssets.js";import{L as c}from"./index-68390e33.js";import{M as h}from"./utils-c4fbd283.js";import s from"styled-components";var d=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},o=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/cambodiaSquare.png")},t))},m=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("path",{d:"M7.49953 0.327881C5.47199 0.850891 3.69346 1.98591 2.37793 3.53444L7.49953 6.6655V0.327881Z",fill:"#3F51B5"}),e.createElement("path",{d:"M2.30273 16.3824C3.62476 17.9749 5.4353 19.1399 7.50034 19.6729V13.2053L2.30273 16.3824Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.328125 12.5C0.334625 12.526 0.341125 12.5515 0.348125 12.5775L0.474128 12.5H0.328125Z",fill:"white"}),e.createElement("path",{d:"M17.7871 3.73445C16.4571 2.08391 14.6131 0.872891 12.499 0.327881V6.96651L17.7871 3.73445Z",fill:"#3F51B5"}),e.createElement("path",{d:"M12.499 19.6722C14.6506 19.1172 16.5196 17.8707 17.8546 16.1752L12.499 12.9021V19.6722Z",fill:"#3F51B5"}),e.createElement("path",{d:"M0.376626 7.31055C0.359125 7.37305 0.344125 7.43705 0.328125 7.50005H0.686632L0.376626 7.31055Z",fill:"white"}),e.createElement("path",{d:"M19.8745 8.50006C19.827 8.18506 19.7655 7.87555 19.6895 7.57104L18.1699 8.50006H19.8745Z",fill:"white"}),e.createElement("path",{d:"M0.686034 7.50024H0.327527C0.243026 7.82775 0.175524 8.16076 0.124023 8.50026H2.32207L0.686034 7.50024Z",fill:"white"}),e.createElement("path",{d:"M19.7197 12.3148C19.7832 12.0473 19.8337 11.7752 19.8752 11.5002H18.3867L19.7197 12.3148Z",fill:"white"}),e.createElement("path",{d:"M2.10956 11.5002H0.124023C0.175024 11.8398 0.243026 12.1728 0.327527 12.5003H0.47403L2.10956 11.5002Z",fill:"white"}),e.createElement("path",{d:"M8.50002 7.27665V0.124512C8.16051 0.175513 7.82751 0.243514 7.5 0.328016V6.66564L8.50002 7.27665Z",fill:"white"}),e.createElement("path",{d:"M11.5 12.2913V19.8759C11.8395 19.8249 12.1725 19.7569 12.5 19.6724V12.9023L11.5 12.2913Z",fill:"white"}),e.createElement("path",{d:"M7.5 13.205V19.6721C7.82751 19.7566 8.16051 19.8241 8.50002 19.8756V12.594L7.5 13.205Z",fill:"white"}),e.createElement("path",{d:"M11.5925 7.34715L11.7345 7.43415L12.5 6.96614V0.328016C12.1725 0.243514 11.8395 0.176013 11.5 0.124512V7.49865L11.5925 7.34715Z",fill:"white"}),e.createElement("path",{d:"M2.32251 8.50002H7.01761L8.50014 7.594V7.277L7.50011 6.66548L2.37852 3.53442C1.95151 4.03743 1.572 4.58144 1.24949 5.16296L5.02507 7.5H2.29701L0.650482 6.47648C0.54748 6.74949 0.455478 7.02699 0.375977 7.3105L0.686483 7.5L2.32251 8.50002Z",fill:"white"}),e.createElement("path",{d:"M11.7344 7.43419L13.4784 8.50021H18.171L19.6905 7.57119C19.528 6.92118 19.303 6.29767 19.02 5.70516L16.139 7.50019H13.4109L18.317 4.45013C18.1515 4.20313 17.9735 3.96562 17.7875 3.73462L12.4999 6.96618L11.7344 7.43419Z",fill:"white"}),e.createElement("path",{d:"M5.02448 7.50013L1.2494 5.16309C1.0169 5.58259 0.821394 6.0231 0.650391 6.47661L2.29642 7.50013H5.02448Z",fill:"#E53935"}),e.createElement("path",{d:"M16.1392 7.50024L19.0207 5.70521C18.8132 5.2702 18.5837 4.84819 18.3177 4.45068L13.4111 7.50024H16.1392Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5 11.5002V12.2913L12.5 12.9023L17.8556 16.1758C18.2416 15.6853 18.5836 15.1593 18.8736 14.6008L15.4856 12.5003H18.2136L19.4432 13.2673C19.5507 12.9563 19.6432 12.6393 19.7197 12.3153L18.3871 11.5002H11.5Z",fill:"white"}),e.createElement("path",{d:"M13.4785 8.50019L11.7345 7.43417L11.5925 7.34717L11.5 7.49867V8.50019H13.4785Z",fill:"white"}),e.createElement("path",{d:"M8.49934 12.5943V11.5002H2.10921L0.473182 12.5003L0.34668 12.5778C0.522683 13.2383 0.762688 13.8713 1.06319 14.4708L4.16375 12.5003H6.89181L1.80071 15.7168C1.95971 15.9448 2.12471 16.1688 2.30172 16.3823L7.49932 13.2053L8.49934 12.5943Z",fill:"white"}),e.createElement("path",{d:"M7.01758 8.50026H8.50011V7.59424L7.01758 8.50026Z",fill:"white"}),e.createElement("path",{d:"M15.4854 12.5L18.8729 14.6C19.0949 14.173 19.2834 13.727 19.4429 13.2665L18.2134 12.5H15.4854Z",fill:"#E53935"}),e.createElement("path",{d:"M4.16501 12.5L1.06445 14.4705C1.28196 14.9045 1.52596 15.3216 1.80197 15.7166L6.89307 12.5H4.16501Z",fill:"#E53935"}),e.createElement("path",{d:"M13.4785 8.5H11.5V11.5001H18.3871H19.8757C19.9497 11.0095 20.0002 10.511 20.0002 10C20.0002 9.48902 19.9497 8.99051 19.8757 8.5H18.1711H13.4785Z",fill:"#E53935"}),e.createElement("path",{d:"M8.50017 11.5001V8.5H7.01764H2.32255H0.124502C0.050501 8.99051 0 9.48902 0 10C0 10.511 0.050501 11.0095 0.124502 11.5001H2.11004H8.50017Z",fill:"#E53935"}),e.createElement("path",{d:"M11.5001 19.8759V12.2912V11.5002V8.50016V7.49865V0.124502C11.0095 0.050501 10.511 0 10 0C9.48902 0 8.99051 0.050501 8.5 0.124502V7.27664V7.59365V8.50016V11.5002V12.5942V19.8759C8.99051 19.9499 9.48902 20.0004 10 20.0004C10.511 20.0004 11.0095 19.9499 11.5001 19.8759Z",fill:"#E53935"})))},p=function(t){return e.createElement("svg",n({viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"1",y:"5",width:"24",height:"16"},e.createElement("path",{d:"M1.08301 7.41675C1.08301 6.31218 1.97844 5.41675 3.08301 5.41675H22.9163C24.0209 5.41675 24.9163 6.31218 24.9163 7.41675V18.5834C24.9163 19.688 24.0209 20.5834 22.9163 20.5834H3.08301C1.97844 20.5834 1.08301 19.688 1.08301 18.5834V7.41675Z",fill:"#3F51B5"})),e.createElement("path",{d:"M1.08301 5.41675H24.9163V20.5834H1.08301V5.41675Z",fill:"#3F51B5"}),e.createElement("path",{d:"M1.08301 7.70041L12.3551 14.5899L14.05 11.8165L3.57901 5.41675H1.08301V7.70041Z",fill:"white"}),e.createElement("path",{d:"M24.9165 5.41675H22.9616L12.4912 11.816L14.1855 14.5899L24.9165 8.03083V5.41675Z",fill:"white"}),e.createElement("path",{d:"M14.1855 10.9802L12.4912 13.7536L23.6658 20.5834H24.9165V17.5387L14.1855 10.9802Z",fill:"white"}),e.createElement("path",{d:"M1.08301 17.8702V20.5834H2.87592L14.05 13.7541L12.3556 10.9802L1.08301 17.8702Z",fill:"white"}),e.createElement("path",{d:"M1.08301 10.8333H24.9163V15.1666H1.08301V10.8333Z",fill:"white"}),e.createElement("path",{d:"M10.833 5.41675H15.1663V20.5834H10.833V5.41675Z",fill:"white"}),e.createElement("path",{d:"M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z",fill:"#E53935"}),e.createElement("path",{d:"M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z",fill:"#E53935"})))},f=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaRound.png"),style:n({borderRadius:"50%"},t.style)},t))},u=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/indiaSquare.png")},t))},E=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-round-mask-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("mask",{id:c.current,style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("g",{mask:"url(#".concat(c.current,")")},e.createElement("rect",{width:"20",height:"10",fill:"#CE1126"}),e.createElement("rect",{y:"10",width:"20",height:"10",fill:"white"})))},w=function(l){var a=l.isTesting,r=i(l,["isTesting"]),c=t("id-flag-clip-"+(a?1:Math.random()));return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#".concat(c.current,")")},e.createElement("rect",{y:"0.0166016",width:"24",height:"8",fill:"#CE1126"}),e.createElement("rect",{y:"8.0166",width:"24",height:"8",fill:"white"})),e.createElement("defs",null,e.createElement("clipPath",{id:c.current},e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"white"}))))},L=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{y:"1",width:"20",height:"20",fill:"#CC0001"}),e.createElement("rect",{y:"16.106",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"16",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"18",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"14.0652",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"12.0242",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"9.9834",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"7.94263",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"5.90186",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"3.86084",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"2",width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{width:"20",height:"1.02041",fill:"white"}),e.createElement("rect",{y:"-1",width:"10",height:"12",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.11387 3.86084C2.92711 3.86084 1.96387 5.23232 1.96387 6.92206C1.96387 8.6118 2.92711 9.98329 4.11387 9.98329C4.54263 9.98329 4.94211 9.80406 5.27763 9.4957C5.08225 9.59203 4.87256 9.64471 4.65427 9.64471C3.60193 9.64471 2.74786 8.42866 2.74786 6.93032C2.74786 5.43198 3.60193 4.21594 4.65427 4.21594C4.88682 4.21594 5.10959 4.27527 5.31571 4.38397C4.97256 4.0538 4.5589 3.86084 4.11387 3.86084Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.67935 8.51573L6.7737 7.8407L7.04147 9.22221L6.43573 8.06657L6.24676 9.47313L6.0609 8.06576L5.4526 9.2188L5.72343 7.83844L4.81629 8.50957L5.49017 7.42963L4.46387 7.48593L5.40732 6.9203L4.46512 6.35062L5.4913 6.41133L4.81981 5.3285L5.72546 6.00353L5.45769 4.62202L6.06343 5.77766L6.25241 4.37109L6.43827 5.77847L7.04656 4.62543L6.77574 6.00579L7.68287 5.33466L7.00899 6.4146L8.0353 6.3583L7.09184 6.92392L8.03404 7.49361L7.00786 7.43289L7.67935 8.51573Z",fill:"#FFCC00"})))},g=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#CC0001"}),e.createElement("rect",{y:"12.2712",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"12.1904",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"13.7144",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"10.7161",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"9.16138",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"7.60645",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"6.05127",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"4.49658",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"2.94141",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{y:"1.52393",width:"24",height:"0.777454",fill:"white"}),e.createElement("rect",{width:"24",height:"0.777454",fill:"white"}),e.createElement("path",{d:"M0 2C0 0.895431 0.895431 0 2 0H12V8.38095H0V2Z",fill:"#010066"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.93644 1.52393C3.51233 1.52393 2.35645 2.56887 2.35645 3.85629C2.35645 5.14371 3.51233 6.18865 4.93644 6.18865C5.45096 6.18865 5.93034 6.05209 6.33296 5.81716C6.09851 5.89054 5.84688 5.93068 5.58492 5.93068C4.32212 5.93068 3.29724 5.00417 3.29724 3.86258C3.29724 2.72099 4.32212 1.79448 5.58492 1.79448C5.86399 1.79448 6.13132 1.83968 6.37865 1.9225C5.96688 1.67094 5.47049 1.52393 4.93644 1.52393Z",fill:"#FFCC00"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.216 5.07041L8.12923 4.55611L8.45055 5.60869L7.72366 4.72819L7.49689 5.79987L7.27386 4.72758L6.5439 5.60609L6.86889 4.55439L5.78033 5.06572L6.58899 4.24291L5.35742 4.28581L6.48957 3.85485L5.35893 3.42081L6.59034 3.46707L5.78456 2.64205L6.87133 3.15636L6.55001 2.10378L7.2769 2.98427L7.50367 1.9126L7.7267 2.98488L8.45666 2.10638L8.13166 3.15808L9.22022 2.64674L8.41157 3.46955L9.64314 3.42666L8.51099 3.85761L9.64163 4.29165L8.41022 4.2454L9.216 5.07041Z",fill:"#FFCC00"}))},C=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-1",width:"28",height:"11",fill:"#FECB00"}),e.createElement("rect",{x:"-4",y:"10",width:"28",height:"10",fill:"#EA2839"}),e.createElement("rect",{x:"-4",y:"6.7041",width:"28",height:"6.47773",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.56543 10.3272L10.1796 5.15527L11.7938 10.3272H8.56543Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.5292 11.2775L7.18336 14.5129L8.91745 9.37991L11.5292 11.2775Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.75181 11.8648L5.33182 8.73143L10.7494 8.79447L9.75181 11.8648Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.6105 8.78962L15.0281 8.72658L10.6081 11.86L9.6105 8.78962Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4424 9.37686L13.1765 14.5098L8.83064 11.2744L11.4424 9.37686Z",fill:"white"})))},y=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#FECB00"}),e.createElement("rect",{y:"8.3811",width:"24",height:"7.61905",rx:"2",fill:"#EA2839"}),e.createElement("rect",{y:"5.86987",width:"24",height:"4.93542",fill:"#34B233"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.7705 8.63046L12.1541 4.68994L13.5377 8.63046H10.7705Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3108 9.35502L9.58574 11.8201L11.0721 7.90925L13.3108 9.35502Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7874 9.80216L7.99884 7.41482L12.6425 7.46285L11.7874 9.80216Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z",fill:"white"}))},x=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineRound.png"),style:n({borderRadius:"50%"},t.style)},t))},v=function(t){return e.createElement("img",n({src:r.getAssetPath("flags/philippineSquare.png")},t))},M=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#D8D8D8"}),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"white"})),e.createElement("rect",{width:"30",height:"20",fill:"#ED1E24"}),e.createElement("rect",{width:"15",height:"10",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))))},Z=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{width:"24",height:"16",rx:"2",fill:"#ED1E24"}),e.createElement("path",{d:"M0 2C0 0.89543 0.895431 0 2 0H15V10H0V2Z",fill:"#2B2F84"}),e.createElement("circle",{cx:"7.49791",cy:"4.99913",r:"1.869",fill:"white"}),e.createElement("path",{d:"M7.93582 2.89402L7.49722 1.25732L7.05762 2.89812C7.28902 2.84212 7.64062 2.82912 7.93582 2.89402Z",fill:"white"}),e.createElement("path",{d:"M6.82515 2.95674L5.62695 1.75854L6.06655 3.39934C6.23895 3.23514 6.53695 3.04814 6.82515 2.95674Z",fill:"white"}),e.createElement("path",{d:"M5.89364 3.56677L4.25684 3.12817L5.45794 4.32927C5.52514 4.10107 5.68964 3.79007 5.89364 3.56677Z",fill:"white"}),e.createElement("path",{d:"M5.39266 4.56055L3.75586 4.99915L5.39666 5.43885C5.34066 5.20745 5.32756 4.85585 5.39266 4.56055Z",fill:"white"}),e.createElement("path",{d:"M5.45504 5.67188L4.25684 6.87007L5.89764 6.43047C5.73344 6.25807 5.54634 5.96007 5.45504 5.67188Z",fill:"white"}),e.createElement("path",{d:"M6.06555 6.60278L5.62695 8.23958L6.82815 7.03838C6.59975 6.97128 6.28875 6.80678 6.06555 6.60278Z",fill:"white"}),e.createElement("path",{d:"M7.05859 7.1041L7.49719 8.7409L7.93679 7.1001C7.70549 7.1561 7.35399 7.1692 7.05859 7.1041Z",fill:"white"}),e.createElement("path",{d:"M8.16992 7.04148L9.36812 8.23968L8.92852 6.59888C8.75622 6.76308 8.45822 6.95018 8.16992 7.04148Z",fill:"white"}),e.createElement("path",{d:"M9.10156 6.43145L10.7384 6.87005L9.53726 5.66895C9.47006 5.89725 9.30556 6.20825 9.10156 6.43145Z",fill:"white"}),e.createElement("path",{d:"M9.60263 5.43763L11.2394 4.99903L9.59863 4.55933C9.65463 4.79073 9.66763 5.14223 9.60263 5.43763Z",fill:"white"}),e.createElement("path",{d:"M9.54026 4.32637L10.7385 3.12817L9.09766 3.56777C9.26196 3.74007 9.44896 4.03807 9.54026 4.32637Z",fill:"white"}),e.createElement("path",{d:"M8.92959 3.39534L9.36819 1.75854L8.16699 2.95964C8.39529 3.02674 8.70629 3.19124 8.92959 3.39534Z",fill:"white"}))},b=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#ED1C24"}),e.createElement("rect",{x:"-4",y:"3.31665",width:"28",height:"13.3333",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M-4 6.65015H24V13.3168H-4V6.65015Z",fill:"#241D4F"})))},H=function(t){return e.createElement("svg",n({viewBox:"0 0 24 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("rect",{y:"0.983398",width:"24",height:"16",rx:"2",fill:"#ED1C24"}),e.createElement("rect",{y:"3.65039",width:"24",height:"10.6667",fill:"white"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 6.31689H24V11.6502H0V6.31689Z",fill:"#241D4F"}))},V=function(t){return e.createElement("svg",n({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n({borderRadius:"50%"},t.style)},t),e.createElement("g",null,e.createElement("mask",{style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},e.createElement("circle",{cx:"10",cy:"10",r:"10",fill:"#C4C4C4"})),e.createElement("rect",{x:"-4",y:"-0.0166016",width:"28",height:"20",fill:"#DA251D"}),e.createElement("path",{d:"M11.7228 10.8677L14.2819 9.00839L11.1187 9.00839L10.1409 6L9.16316 9.00839L6 9.00839L8.5591 10.8677L7.58184 13.8766L10.1409 12.0168L12.7 13.8766L11.7228 10.8677Z",fill:"#FFEB3B"})))},k=function(t){return e.createElement("svg",n({viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),e.createElement("g",null,e.createElement("clipPath",null,e.createElement("rect",{width:"24",height:"16",fill:"white"})),e.createElement("path",{d:"M2.01386e-10 2C0 0.895431 0.895431 -7.50368e-10 2 -1.67599e-09L22 -1.84359e-08C23.1046 -1.93615e-08 24 0.895431 24 2L24 14C24 15.1046 23.1046 16 22 16L2 16C0.89543 16 1.52092e-09 15.1046 1.4097e-09 14L2.01386e-10 2Z",fill:"#DA251D"}),e.createElement("path",{d:"M13.7823 8.92854L16.6663 6.8332L13.1016 6.8332L11.9997 3.44287L10.8978 6.8332L7.33301 6.8332L10.217 8.92854L9.11567 12.3195L11.9997 10.2235L14.8837 12.3195L13.7823 8.92854Z",fill:"#FFEB3B"})))},R="pfaLGRK",B=function(t){var l,n,i=t.country,a=t.language,r=t.rounded,c=t.height,h=t.width,s=t.isTesting;switch(a){case"en":l=e.createElement(p,null),n=e.createElement(m,null);break;case"vi":l=e.createElement(k,null),n=e.createElement(V,null);break;case"id":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"th":l=e.createElement(H,null),n=e.createElement(b,null);break;case"km":l=e.createElement(o,null),n=e.createElement(d,null);break;case"ms":l=e.createElement(g,null),n=e.createElement(L,null);break;case"my":l=e.createElement(y,null),n=e.createElement(C,null);break;case"tl":l=e.createElement(v,null),n=e.createElement(x,null);break;case"hi":l=e.createElement(u,null),n=e.createElement(f,null);break;case"zh":l=e.createElement(Z,null),n=e.createElement(M,null)}if(!l&&!n)switch(i){case"VN":l=e.createElement(k,null),n=e.createElement(V,null);break;case"ID":l=e.createElement(w,{isTesting:s}),n=e.createElement(E,{isTesting:s});break;case"TH":l=e.createElement(H,null),n=e.createElement(b,null);break;case"KH":l=e.createElement(o,null),n=e.createElement(d,null);break;case"MY":l=e.createElement(g,null),n=e.createElement(L,null);break;case"MM":l=e.createElement(y,null),n=e.createElement(C,null);break;case"PH":l=e.createElement(v,null),n=e.createElement(x,null);break;case"IN":l=e.createElement(u,null),n=e.createElement(f,null);break;case"TW":l=e.createElement(Z,null),n=e.createElement(M,null)}return e.createElement("div",{className:R,style:{"--width":h||20,"--height":c||20}},r?n:l)},F=s.div(z||(z=a(["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"],["\n  position: relative;\n  width: 100%;\n\n  &[data-has-error] {\n    input {\n      border-color: ",";\n    }\n  }\n\n  input {\n    width: 100%;\n    padding: 12px 16px;\n    border: solid 1px ",";\n    border-radius: 6px;\n\n    &:active,\n    &:focus,\n    .focused & {\n      border-color: ",";\n      box-shadow: 0px 0px 2px 2px ",";\n    }\n\n    &:disabled {\n      background-color: ",";\n      cursor: not-allowed;\n    }\n  }\n\n  &[data-has-action-icon] {\n    input {\n      padding: 12px 48px 12px 16px;\n    }\n  }\n  &[data-has-display-icon] {\n    input {\n      padding: 12px 16px 12px 48px;\n    }\n  }\n\n  &[data-has-action-icon][data-has-display-icon] {\n    input {\n      padding: 12px 48px;\n    }\n  }\n\n  &[data-size='lg'] {\n    input {\n      font-size: 16px;\n      font-weight: ",";\n      "," {\n        font-size: 22px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 26px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='md'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      "," {\n        font-size: 16px;\n        line-height: 1.2;\n      }\n    }\n  }\n  &[data-size='sm'] {\n    input {\n      font-weight: ",";\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n\n      "," {\n        font-size: 13px;\n        line-height: 1.5;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.colors.gray200}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue200}),(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp,(function(e){return e.theme.sizes.fwRegular}),h.mbDown,h.mbUp);s.label(D||(D=a(["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"],["\n  display: inline-block;\n  margin-bottom: 4px;\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.gray600}),(function(e){return e.theme.sizes.fwBold}));var z,D,U,T,A,P=s.label(U||(U=a(["\n  color: ",";\n  font-weight: ",";\n"],["\n  color: ",";\n  font-weight: ",";\n"])),(function(e){return e.theme.colors.red700}),(function(e){return e.theme.sizes.fwRegular})),N=s.div(T||(T=a(["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  right: 16px;\n  display: inline-flex;\n  cursor: pointer;\n  transform: translateY(-50%);\n"]))),S=s.div(A||(A=a(["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"],["\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  display: inline-flex;\n  cursor: default;\n  transform: translateY(-50%);\n"]))),I=e.forwardRef((function(t,a){var r=t.name,h=t.errorMessage,s=t.autoComplete,d=void 0===s?"off":s,o=t.defaultValue,m=t.actionIcon,p=t.displayIcon,f=t.isDeleteAction,u=t.onActionClick,E=t.label,w=t.placeholder,L=t.className,g=t.onChange,C=t.onKeyPress,y=t.isDisabled,x=t.CustomInput,v=t.size,M=t.style,Z=t.autoFocus,b=t.type,H=void 0===b?"text":b,V=t.isNumerousKeyboard,k=void 0!==V&&V,R=t.onFocus,B=t.enterKeyHint,z=t.nativeOnChange,D=i(t,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]),U=l(o),T=U[0],A=U[1];return e.createElement(F,{"data-size":v,className:L,"data-has-action-icon":!!m||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":h&&h.length>0||void 0,style:M},E&&e.createElement(c,{size:"label2",htmlFor:r,className:"inputLabel"},E),e.createElement("div",{style:{position:"relative"}},x||e.createElement("input",n({id:r,name:r,placeholder:w,onChange:null!=z?z:function(e){return t=e.target.value,A(t),void g(t);var t},onKeyPress:C,type:H,"aria-label":H,disabled:y,value:T,autoComplete:d,ref:a,autoFocus:Z,inputMode:k||"number"===H?"numeric":H,pattern:k?"[0-9]*":".*",onFocus:R,enterKeyHint:B},D)),p&&e.createElement(S,{className:"displayIcon"},p),m&&e.createElement(N,{className:"actionIcon",onClick:function(){var e;f&&(A(""),null===(e=a.current)||void 0===e||e.focus()),u&&u()}},m)),h&&h.length>0&&e.createElement(P,{className:"errorLabel"},h))}));I.displayName="PureInput";export{B as F,I as P};

package/build/esm/index-513c5730.js

@@ -1 +0,0 @@
-import{a as n,_ as e,b as t,c as i,d as o}from"./tslib.es6-8afd0786.js";import a,{useMemo as r,useRef as l,useEffect as s,useState as d,memo as p,useContext as c,useCallback as m}from"react";import{L as u}from"./index-f13d4a39.js";import{d as g,C as h,a as f,T as x,L as v,S as y,U as b}from"./index-bcc2cddc.js";import{g as w,a as E,b as k,c as C,d as P}from"./routing-cf42971a.js";import{P as B,c as N,a as _}from"./dataTransform-58ac3ce5.js";import{C as z,L as A}from"./index-24235128.js";import{u as T}from"./useTranslations-0253a7a8.js";import M from"lodash/throttle";import{g as H,M as L}from"./utils-c4fbd283.js";import S from"styled-components";import{A as U}from"./index-bfdc725f.js";import{B as D}from"./index-ec1c2e79.js";import{T as j}from"./index-6e945ca0.js";import{CommonGAssets as R}from"./gAssets.js";import{t as I}from"./theme-f92bf7cf.js";import{Portal as O}from"@mantine/core";import{g as F}from"./defaultClassWrapper-86053461.js";import{g as G}from"./cookieHelper-b11e8976.js";import{L as V}from"./constants-f80ded03.js";import W from"string-format";import{o as Y,U as Z}from"./index-a9bd8a62.js";import{P as Q}from"./index-4001ddab.js";import{H as K}from"./index-f8471417.js";import q from"dayjs";import J from"dayjs/plugin/relativeTime";import X from"lodash/debounce";import{g as $}from"./core-14054788.js";var nn,en,tn,on=S.div(nn||(nn=n(["\n  ","\n"],["\n  ","\n"])),(function(n){return"\n    ".concat(0!==n.lowerBound?"@media (max-width: ".concat(n.lowerBound-1,"px) { display: none; }"):"","\n    ").concat(0!==n.upperBound?"@media (min-width: ".concat(n.upperBound,"px) { display: none; }"):"","\n  ")})),an=function(n){var e=n.forceDisplay,t=n.mediaQueryKey,i=n.children,o=n.className,l=n.style,s=r((function(){return H(t)}),[t]),d=s[0],p=s[1];return a.createElement(on,{lowerBound:e?0:d,upperBound:e?0:p,className:o,style:l},i)},rn=function(n){var e=(n||{}).allowBgScroll,t=l();return{containerRef:t,onContainerFocus:function(){e||(document.documentElement.style.overflow="hidden")},onContainerBlur:function(){e||(document.documentElement.style.overflow="")},onButtonMouseDown:function(n){t.current&&(document.activeElement===t.current||t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur(),n.preventDefault())},onClose:function(){t.current&&(document.activeElement===t.current||t.current.contains(document.activeElement))&&(t.current.blur(),document.activeElement.blur())}}},ln=S.div(en||(en=n(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),L.mbDown,L.mbUp,(function(n){return n.theme.colors.gray800}),L.mbDown,L.mbUp,(function(n){return n.theme.colors.gray600}),L.mbDown,L.mbUp),sn=S.div(tn||(tn=n(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),L.mbDown,L.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""})),dn=function(n){var e=n.openLogoutPopup,t=n.onCloseHandler,i=n.onLogoutHandler,o=n.siteType,r=void 0===o?"helloSites":o,l=T().t;return s((function(){document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(O,null,a.createElement(B,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:R.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon"}),onClose:t},a.createElement(ln,null,"helloSites"===r&&a.createElement("img",{src:R.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account"}),a.createElement("h2",null,l("helloSites"===r?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,l("logout.popup.ask2")),a.createElement(sn,{siteType:r},a.createElement(D,{className:"logout-button",color:"tertiary",size:"lg",onClick:i},l("logout.popup.button.logout")),a.createElement(D,{className:"cancel-button",color:"primary",size:"lg",onClick:t},l("logout.popup.button.cancel"))))))},pn="hhgcomp-navprofilebutton-popup",cn=F(S.div(un||(un=n(["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"],["\n  position: absolute;\n  right: 0;\n  background-color: ",";\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 120%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n\n  &[data-type='lead'] {\n    width: 332px;\n    height: 460px;\n\n    div {\n      top: -15px;\n      right: -15px;\n    }\n  }\n\n  &[data-type='welcome'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 424px;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100%;\n      min-height: 445px;\n      max-width: 407px;\n    }\n  }\n\n  &[data-type='due-date'] {\n    position: fixed;\n    "," {\n      width: 100%;\n      height: 100%;\n      overflow-y: scroll;\n      bottom: 0;\n      top: unset;\n    }\n    "," {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 100vw;\n      height: 55vw;\n      max-height: 598px;\n      max-width: 1080px;\n    }\n  }\n\n  .popup-content {\n    z-index: 111;\n    height: 100%;\n    "," {\n      max-height: calc(100vh - var(--header-bottom, 64px));\n    }\n    overflow: auto;\n  }\n\n  &[data-type='form'] {\n    width: 496px;\n    height: 548px;\n  }\n\n  &[data-type='confirm'] {\n    width: 380px;\n    height: 252px;\n  }\n\n  &[data-type='profile'] {\n    /* min-height: 415px; */\n    "," {\n      border-radius: 6px;\n      box-shadow: 0px 4px 8px ",";\n      &:before {\n        position: absolute;\n        right: 11px;\n        bottom: 100%;\n        width: 0;\n        height: 0;\n        border: 0.5rem solid transparent;\n        border-top: none;\n        border-bottom-color: #fff;\n        content: '';\n        filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));\n      }\n    }\n    "," {\n      position: fixed;\n      left: 0;\n      width: 100%;\n      border-top: 1px solid ",";\n    }\n    "," {\n      width: 368px;\n    }\n  }\n\n  .close-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 32px;\n    height: 32px;\n    cursor: pointer;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),L.mbDown,L.mbUp,L.mbDown,L.mbUp,L.mbDown,L.mbUp,(function(n){return n.theme.colors.gray200}),L.mbDown,I.colors.neutral100,L.mbUp),pn),mn="hhgcomp-navprofilebutton-popupwrapper";F(S.div(gn||(gn=n(["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 150;\n  top: var(--header-bottom, 69px);\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n\n  "," {\n    background-color: transparent;\n    &[data-type='welcome'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n    &[data-type='due-date'] {\n      background: rgba(38, 38, 38, 0.3);\n    }\n  }\n\n  "," {\n    background: rgba(38, 38, 38, 0.3);\n  }\n\n  &[data-type='welcome'] {\n    top: 0;\n  }\n\n  &[data-open='false'] {\n    display: none;\n  }\n"])),L.mbUp,L.mbDown),mn);var un,gn,hn,fn,xn,vn=S.div(hn||(hn=n(["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 20px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.theme.colors.secondaryBase})),yn=S.a(fn||(fn=n(["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"],["\n  display: inline-flex;\n  position: relative;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  flex-shrink: 0;\n\n  .user-close-icon {\n    display: none;\n  }\n  &:focus-within {\n    .user-close-icon {\n      display: block;\n    }\n    .user-avatar {\n      display: none;\n    }\n    ."," {\n      z-index: 200;\n      top: 120%;\n      opacity: 1;\n      visibility: visible;\n      display: initial;\n      &[data-type='profile'] {\n        "," {\n          top: 100%;\n        }\n      }\n    }\n    ."," {\n      display: initial;\n    }\n  }\n"])),pn,L.mbDown,mn),bn=S.a(xn||(xn=n(["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"],["\n  display: inline-flex;\n  .login-btn[data-color='tertiary'][data-size='md'] {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .login-btn {\n    padding-left: 10px;\n    padding-right: 10px;\n    display: none;\n    "," {\n      display: block;\n    }\n  }\n"])),L.mbUp,L.mbUp),wn="profile/posts?website_url={websiteUrl}",En=99,kn=300,Cn=400,Pn=210,Bn=function(n){var e,t,i,o;return n?{termId:n.term_id||null,sponsor:n.sponsor?(o=n.sponsor,o?{title:o.title,logo:o.logo,link:o.link}:{}):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||n.name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.thumbnail||n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return Bn(n)})))||[],thumnailColor:n.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?(i=n.reviewed_by,{postTitle:i.post_title,permalink:i.permalink}):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return function(n){return{title:n.title,content:n.content}}(n)})):null}:{}},Nn=function(n){var e,t;if(!n)return{};var i=null===(e=n.link)||void 0===e?void 0:e.includes("/bot/"),o=null===(t=n.link)||void 0===t?void 0:t.startsWith("/fil/"),a=n.link?n.link.startsWith("http")||i?n.link:o?n.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):"/health-tools".concat(n.link.replace("/health-tools/","/")):void 0;return{icon:n.icon,link:a,subtitle:n.subtitle,title:n.title}},_n=function(n){return n?{thumbnail:n.thumbnail,link:null==n?void 0:n.slug,subtitle:n.name,name:n.name,slug:n.slug}:{}},zn=function(n){return n?{id:n.id,name:n.name,logo:null==n?void 0:n.logo,description:n.about,slug:n.slug}:{}},An=function(n){var e,t,i=n.type,o=n.specialtySlug,a=n.locale;return"".concat(null===(e=V[a])||void 0===e?void 0:e.ALL,"/").concat((null===(t=V[a])||void 0===t?void 0:t[i])||"doctor","/").concat(null!=o?o:"")},Tn=function(n){return n?{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image)||"",imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}:{}},Mn=function(n){var e=new Date;if(null==n?void 0:n.startDate){var t=new Date(n.startDate);if(e.getTime()<t.getTime())return!1}if(null==n?void 0:n.endDate){var i=new Date(n.endDate);if(e.getTime()>i.getTime())return!1}return!0},Hn={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"shop"},Ln={navHeader:"uJQBNNg",navAvatar:"TfG3dM5",navHeaderUserInfos:"aMtjFNf",navHeaderUserName:"cSz2RR-",navHeaderMyProfileButton:"GyFm00F"};function Sn(n){var e=n.userInfo,t=n.onClickMyProfileButton,i=n.themeName,o=void 0===i?"helloSites":i,l=T().t,s=r((function(){var n=(null==e?void 0:e.name)||(null==e?void 0:e.username);return n&&n.length?n[0].toUpperCase():"A"}),[null==e?void 0:e.username,null==e?void 0:e.name]);return a.createElement("div",{className:Ln.navHeader,onClick:function(){t&&t()}},a.createElement(U,{className:Ln.navAvatar,type:"rounded",size:"xl",avatarUrl:null==e?void 0:e.avatar,firstLetter:s,backgroundColor:"marryBaby"===o?I.mbColors.pink:I.colors.secondaryBase}),a.createElement("div",{className:Ln.navHeaderUserInfos},a.createElement("div",{className:Ln.navHeaderUserName},(null==e?void 0:e.name)||(null==e?void 0:e.username)),a.createElement("div",{className:Ln.navHeaderMyProfileButton,style:{"--bg-hellosites":"url(".concat(R.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg"),")"),"--bg-marrybaby":"url(".concat(R.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg"),")")}},l("userProfile.nav.header.viewProfile"))))}var Un,Dn,jn,Rn,In,On,Fn,Gn,Vn,Wn,Yn,Zn,Qn,Kn,qn,Jn="fVk18fq",Xn="v8TCvUb",$n="mx7T4V3",ne={myHealth:I.mbColors.toneYellow,myCommunity:I.mbColors.toneBlue,mySaved:I.mbColors.toneGreen},ee={helloSites:{myBooking:function(){return R.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg")},myCommunity:function(){return R.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg")},myFamily:function(){return R.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg")},myHealth:function(){return R.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg")},mySaved:function(){return R.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg")},eCom:function(){return R.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")}},marryBaby:{mySaved:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg")},myCommunity:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg")},myHealth:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}}},te=function(n){var e=n.type,t=n.themeName,i=n.className,o=n.onClick,l=void 0===o?function(){}:o,s=T().t,d=r((function(){var n,i;return(null===(i=null===(n=ee[t])||void 0===n?void 0:n[e])||void 0===i?void 0:i.call(n))||""}),[e,t]),p=r((function(){return"marryBaby"!==t?"transparent":ne[e]}),[e,t]);return a.createElement("div",{onClick:function(){l(e)},className:"".concat(Jn," ").concat(i)},a.createElement("div",{className:$n,style:{backgroundColor:p,backgroundImage:'url("'.concat(d,'")')}}),a.createElement("h3",{className:Xn},s("userProfile.nav.card.".concat(e))))},ie="gn6HmGG",oe="FCx8FEM",ae="zMiRxaE",re="lZ2Z9MQ",le="rwm-agG",se="qMOscoq",de=function(n){var e=n.themeName,t=n.locale,i=n.onClickItem,o=d(""),l=o[0],s=o[1],p=r((function(){return"marryBaby"===e?[{key:"userProfile.nav.menu.password",icon:R.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:R.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:R.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:R.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]}),[e]);function c(n){n.subMenu?s((function(e){return e?"":n.key})):i&&i(n)}return a.createElement("div",{className:ie},p.map((function(n){return a.createElement(pe,{key:n.key,item:n,openKey:l,onClickItem:c,locale:t})})))},pe=function(n){var e,t=n.item,i=n.openKey,o=n.onClickItem,r=n.locale,l=T().t;return(null===(e=t.disableLocale)||void 0===e?void 0:e.includes(r))?null:a.createElement("div",{className:"".concat(oe," nav-menu-item"),"data-is-open":i===t.key,key:t.key,"data-has-submenu":!!t.subMenu},a.createElement("div",{className:ae,onClick:function(){return o(t)}},t.icon&&a.createElement("div",{className:re,style:{backgroundImage:'url("'.concat(t.icon,'")')}}),l(t.key),t.subMenu&&a.createElement("div",{className:le,style:{"--after-bg":"url(".concat(R.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg"),")")}})),t.subMenu&&a.createElement("div",{className:se},t.subMenu.map((function(n){return a.createElement(pe,{key:n.key,item:n,openKey:i,onClickItem:o,locale:r})}))))},ce="-AZt1au",me="IvSIfCI",ue="eahCJov",ge="XIyViFs",he="_4y-O0w3",fe="kO8iNgD",xe="a1d4E10",ve="Tdguxxf",ye="-mOxsaU",be="yPeDBNZ",we={helloSites:{member:function(){return R.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg")},ambassador:function(){return R.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg")},doctor:function(){return R.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg")},expert:function(){return R.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg")},influencer:function(){return R.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")}},marryBaby:{member:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg")},ambassador:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg")},doctor:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg")},expert:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg")},influencer:function(){return R.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}}},Ee=function(n){var e=n.themeName,t=n.rank,i=void 0===t?"member":t,o=n.numberOfPosts,l=void 0===o?0:o,s=T().t,d=r((function(){var n,t;return(null===(t=null===(n=we[e])||void 0===n?void 0:n[i])||void 0===t?void 0:t.call(n))||""}),[i,e]);return a.createElement("div",{className:he,"data-user-rank":i},a.createElement("div",{className:fe},a.createElement("div",{className:xe},a.createElement("div",{className:ve,style:{backgroundImage:'url("'.concat(d,'")')}}),a.createElement("h3",{className:ye},s("userProfile.userRank.".concat(i))),l>0&&a.createElement("p",{className:be},l," ",s("userProfile.nav.header.count.posts")))))},ke=function(n){var t=n.SSO_URL,i=n.UP_BASEPATH,o=void 0===i?"user":i,l=n.themeName,p=void 0===l?"helloSites":l,c=n.cardUrls,m=void 0===c?Hn:c,u=n.enableCare,h=n.enableTogether,f=n.enableEcom,x=n.userInfo,v=n.togetherApiDomain,y=n.userPostsNumber,b=n.onClickNavigationCard,w=n.onClickMyProfileButton,E=n.onClickMenuItem,k=n.onClickLogout,C=n.isUserProfileNavigatorMenuHidden,P=void 0!==C&&C,B=n.isMyHealthEnabled,N=void 0!==B&&B,_=n.locale,z=T().t,A=d(y||0),M=A[0],H=A[1],L="marryBaby"===p;s((function(){if(x&&void 0===y){var n=G("hhg_user_token");n&&fetch(function(n,t,i,o){return(i||"https://together.hellohealthgroup.com/")+"api/v1/"+W(wn,e(e({},o),{websiteUrl:t?"https://marrybaby.vn":"https://".concat(g[n])}))}(_,L,v),{headers:{Authorization:"Bearer ".concat(n)}}).then((function(n){return n.json()})).then((function(n){var e,t,i;1===(null==n?void 0:n.status)&&(null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.pagination)&&H((null===(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.pagination)||void 0===i?void 0:i.total_items)||0)})).catch((function(n){return console.error("Error fetching post number",n)}))}}),[_,null!==x,y,v,L]);var S=r((function(){return(L?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"]).filter((function(n){return"myBooking"===n?u:"myCommunity"===n?h:"myHealth"===n?N:"eCom"!==n||f}))}),[L,N]),U=r((function(){return"marryBaby"===p?null:a.createElement(D,{color:"tertiary",icon:a.createElement("img",{src:R.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15}),size:"md",onClick:k,className:ge},z("userProfile.nav.menu.logout"))}),[p]),j=function(n){window.location.href="".concat(t).concat(o,"/").concat(n)},I=function(n){var e=m[n];b?b(e):j(e)};return x?a.createElement("div",{className:ce,"data-theme":p},a.createElement(Sn,{userInfo:x,themeName:p,onClickMyProfileButton:function(){w?w():j("profile")}}),a.createElement(Ee,{themeName:p,rank:"member",numberOfPosts:M}),a.createElement("div",{className:me},S.map((function(n){return a.createElement(te,{className:ue,key:n,themeName:p,type:n,onClick:I})}))),!P&&a.createElement(a.Fragment,null,a.createElement(de,{themeName:p,locale:_,onClickItem:function(n){"logout"===n.link&&k?k():n.link&&!n.subMenu&&(E?E(n.link):j(n.link))}}),U)):null},Ce=function(n){var e=n.type,t=void 0===e?"lead":e,i=n.closeIcon,o=n.isOpen,r=void 0===o||o,l=n.onClose,s=n.children,d=n.enableAnimation,p=void 0===d||d,c=n.targetAvatar,m=n.id,u=n.className;return a.createElement(cn,{"data-open":r,"data-type":t,"data-animation":p,"data-target":c,id:m,className:u},a.createElement("div",{className:"popup-content"},!!i&&a.createElement("div",{className:"close-button",onClick:l},i),s))},Pe=function(n){var e=n.SSO_URL,t=n.UP_BASEPATH,i=n.isOpen,o=n.targetAvatar,r=n.userInfo,l=n.enableCare,s=n.enableTogether,d=n.enableEcom,p=n.closePopup,c=n.siteType,m=void 0===c?"helloSites":c,u=n.dispatchLogout,g=n.userProfileRouterPush,h=n.isUserProfileNavigatorMenuHidden,f=n.isMyHealthEnabled,x=void 0!==f&&f,v=n.togetherApiDomain,y=n.locale,b=function(n){g?g("/".concat(n)):e&&(window.location.href="".concat(e).concat(t,"/").concat(n))},w=function(n){b(n),p()};return a.createElement(Ce,{isOpen:i,type:"profile",enableAnimation:!0,targetAvatar:o,onClose:p},a.createElement(ke,{SSO_URL:e,UP_BASEPATH:t,themeName:m,userInfo:r,enableCare:l,enableTogether:s,enableEcom:d,onClickLogout:function(){u&&(u(),p())},onClickMenuItem:w,onClickNavigationCard:w,onClickMyProfileButton:function(){b("profile"),p()},isUserProfileNavigatorMenuHidden:h,isMyHealthEnabled:x,togetherApiDomain:v,locale:y}))},Be=function(n){var o=n.userInfo,r=n.siteType,l=n.onLoginClick,p=n.SSO_URL,c=n.currentUrl,m=n.isMinifyLogin,u=n.enableCare,g=n.enableTogether,h=n.enableEcom,f=n.isUserProfileNavigatorMenuHidden,x=n.UP_BASEPATH,v=n.isMyHealthEnabled,y=n.togetherApiDomain,b=n.onLogout,w=n.style,E=n.userProfileRouterPush,k=n.isLoading,C=n.locale,P=T().t,B=d(!1),N=B[0],_=B[1],z=(null==o?void 0:o.name)||(null==o?void 0:o.username),A=d(!1),M=A[0],H=A[1];s((function(){H(!0)}),[]);var L=rn(),S=L.containerRef,O=L.onContainerFocus,F=L.onContainerBlur,G=L.onButtonMouseDown,V=L.onClose;return k?a.createElement(D,{size:"sm",color:"transparent",isLoading:!0}):(null==o?void 0:o.id)?a.createElement(a.Fragment,null,a.createElement(yn,{ref:S,style:w,tabIndex:0,onBlur:F,onFocus:O},a.createElement("div",{onMouseDown:G},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(U,{type:"rounded",size:"medium",className:"user-avatar",avatarUrl:null==o?void 0:o.avatar,firstLetter:z&&z.length?z[0].toUpperCase():"A",backgroundColor:"marryBaby"===r?I.mbColors.pink:I.colors.secondaryBase})),a.createElement(Pe,{UP_BASEPATH:x,SSO_URL:p,dispatchLogout:function(){V(),_(!0)},isOpen:!1,isMyHealthEnabled:v,enableCare:u,enableTogether:g,enableEcom:h,closePopup:V,userInfo:o,siteType:r,isUserProfileNavigatorMenuHidden:f,togetherApiDomain:y,userProfileRouterPush:E,locale:C})),a.createElement(dn,{openLogoutPopup:N,onCloseHandler:function(){document.body.classList.toggle("noscroll",!1),_(!1)},siteType:r,onLogoutHandler:function(){return t(void 0,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return _(!1),document.body.classList.toggle("noscroll",!1),[4,b()];case 1:return n.sent(),[2]}}))}))}})):a.createElement(bn,{style:e({textDecoration:"none"},w),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":c,href:M?void 0:"".concat(p,"?returnUrl=").concat(c),"data-site-type":r},m?a.createElement(vn,{onClick:l},a.createElement("img",{src:R.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===r&&a.createElement("img",{className:"mobile-only",src:R.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:l}),"marryBaby"===r&&a.createElement("div",{className:"mobile-only",onClick:l,style:{paddingLeft:16}},a.createElement(j,{size:"p3",color:I.mbColors.pink},P("navigation.loginJoin"))),a.createElement(D,{className:"login-btn",size:"md",color:"tertiary",onClick:l,icon:a.createElement("img",{src:R.getAssetPath("login.svg"),width:18,height:18}),theme:r},P("navigation.loginJoin"))))},Ne=function(n){return n.replace(/([^:]\/)\/+/g,"$1")},_e=function(n){return Ne(function(n){return n.replace(/\/?$/,"/")}(n))},ze=a.createContext({}),Ae=function(n){var t=n.children,i=o(n,["children"]),l=a.useState((function(){return i.currentUrl||"https://".concat("marryBaby"===i.siteType?Y[i.locale||"en-PH"]:g[i.locale||"en-PH"]).concat("together"===i.projectType?"/community":"ecom"===i.projectType?"/ecom":"care"===i.projectType?"/care":"","/")})),d=l[0],p=l[1];s((function(){var n=function(){p(window.location.href)};return window.addEventListener("popstate",n),n(),function(){window.removeEventListener("popstate",n)}}),[]);var c=function(n){var e=n.locale,t=n.projectType,i=n.isMobile,o=n.siteType;return r((function(){var n=!(!i&&"profile"===t),a="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===o,r="marryBaby"!==o&&"marryBaby"!==t&&h.includes(e),l="marryBaby"!==t&&"discover"===t&&"marryBaby"!==o&&f.includes(e),s="marryBaby"===t||x.includes(e),d="ecom"===t,p="ecom"===t,c=w(e,"marryBaby"===o),m=E(e,"marryBaby"===o);return{enableProfileNavigatorMenu:n,enableSearchBar:a,enableNavCare:r,enableNavCareBooking:l,enableNavTogether:s,enableNavEcom:d,enableProfileEcom:p,enableProfileMyHealth:!0,statics:{HOME_PAGE_URL:c,CARE_URL_FE:"".concat(c,"/care"),TOGETHER_URL_FE:"".concat(c,"/community"),SSO_URL:m,TOGETHER_API:k(),DISCOVER_API:C(e)}}}),[e,t,i])}({locale:i.locale,projectType:i.projectType,isMobile:i.isMobile,siteType:i.siteType});return a.createElement(ze.Provider,{value:e(e({},i),{configs:c,currentUrl:i.currentUrl||d})},t)},Te="-XmTq5-",Me="V-oxu20",He=function(n){var e=n.item,t=n.menu,i=rn({allowBgScroll:!0}),o=i.containerRef,r=i.onContainerFocus,l=i.onContainerBlur,p=i.onButtonMouseDown,c=i.onClose,m=function(){var n=d(!0),e=n[0],t=n[1];return s((function(){t(!1)}),[]),e}();return!e.popupType&&e.link?a.createElement("a",{className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Me},e.name)):a.createElement("div",{ref:o,className:"hhgcomp-navigation-itemnav-headeritem ".concat(m?"":"menu-handler-".concat(e.id)),tabIndex:0,key:e.id,onBlur:l,onFocus:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:p,className:Me},e.name,e.popupType&&a.createElement("div",{className:Te},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),a.isValidElement(t)?a.cloneElement(t,{onClose:c}):null)},Le=p((function(){return a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"}))})),Se=function(){var n=c(ze),e=n.locale,t=n.configs.statics,i=n.siteType,o=T().t;return a.createElement(Q,{className:"fake-search-input",name:"search-input-menu-service",size:"md",placeholder:"marryBaby"===i?o("navigation.search.input.placeholder"):o("home.search",{site:v[e||"en-PH"]?v[e||"en-PH"].SITE_NAME:""}),onChange:function(){},onKeyDown:function(n){return"Enter"===n.key&&(window.location.href="".concat(t.HOME_PAGE_URL,"/search/?s=").concat(n.target.value))},type:"search",onFocus:function(n){n.preventDefault()},displayIcon:a.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},a.createElement(Le,null))})},Ue="eJS8-if",De="EuQrB-3",je="_0JtBh8L",Re=function(n){var e=n.onClosePopup;return a.createElement("div",{className:"".concat(je," close-btn"),onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))},Ie=function(n){var e=n.onClosePopup,t=n.isDisplay,i=n.children,o=n.isNavMenu,r=n.hideCloseBtn;return a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!o},a.createElement(z,null,!r&&a.createElement("div",{className:De},a.createElement(Re,{onClosePopup:e})),a.createElement(z,{className:Ue},i)))},Oe=S.div(Un||(Un=n(["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  padding-right: 1rem;\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  "," {\n    border-right: 1px solid #e4e8ec;\n  }\n"])),L.mbUp),Fe=S.a(Dn||(Dn=n(["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"],["\n  padding: 10px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  color: ",";\n  * {\n    pointer-events: none;\n  }\n  p {\n    font-size: 16px;\n    font-weight: 400;\n    padding: 0 0.4rem;\n  }\n\n  &[data-theme='marryBaby']:hover {\n    p {\n      color: ",";\n    }\n    .icon {\n      background-color: ",";\n    }\n  }\n  &[data-theme='helloSite']:hover {\n    p {\n      color: ",";\n    }\n  }\n  a {\n  }\n\n  &[data-theme='marryBaby'] {\n    .icon {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 40px;\n      width: 100%;\n      height: 40px;\n      border-radius: 50%;\n      background-color: ",";\n      img {\n        border-radius: 50%;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.lightPink}),(function(n){return n.theme.colors.primaryActive}),(function(n){return n.theme.mbColors.lightGray})),Ge=S.div(jn||(jn=n(["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"],["\n  margin: 15px 0;\n  "," {\n    display: none;\n  }\n"])),L.mbDown),Ve=S.div(Rn||(Rn=n(["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  right: 0;\n  "," {\n    display: none;\n  }\n"])),L.mbUp),We=S.div(In||(In=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n  font-size: 14px;\n  font-weight: 600;\n  &[data-event-category] * {\n    pointer-events: none;\n  }\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),Ye=S.div(On||(On=n(["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n"]))),Ze=S.a(Fn||(Fn=n(["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"],["\n  border: 1px solid ",";\n  &[data-theme='marryBaby'] {\n    border: 1px solid ",";\n\n    svg path {\n      stroke: ",";\n    }\n  }\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6px;\n  border-radius: 5px;\n  margin-top: 20px;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),(function(n){return n.theme.mbColors.pink}),L.mbDown),Qe=function(n){var e=n.hrefViewMore,t=n.titleBtnViewMore,i=n.UrlFE,o=n.onClosePopup,r=n.menuItems,l=n.headingTitle,s=c(ze).siteType;return a.createElement(Oe,null,a.createElement(Ge,null,a.createElement(K,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},l)),null==r?void 0:r.slice(0,6).map((function(n,e){var t=(null==n?void 0:n.link)?(null==n?void 0:n.link.startsWith("http"))?null==n?void 0:n.link:"".concat(i,"/").concat(null==n?void 0:n.link.split("/").filter(Boolean).join("/"),"/"):"/";return a.createElement(Fe,{className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":t,"data-is-heading-category":!1,href:t,"data-theme":s,key:e,onClick:o},a.createElement("div",{className:"icon"},a.createElement("img",{loading:"lazy",alt:n.name,src:n.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32}})),a.createElement("p",null,n.name),a.createElement(Ve,null,a.createElement("img",{src:R.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"}})))})),t&&a.createElement(Ze,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},a.createElement(We,{onClick:o,"data-theme":s,"data-is-heading-category":!1},t,a.createElement(Ye,null,a.createElement("img",{className:"svg",src:"marryBaby"===s?R.getAssetPath("chevronRightPink.svg"):R.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}})))))},Ke=S.div(Gn||(Gn=n(["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"],["\n  padding: 16px;\n  border-radius: 8px;\n  position: relative;\n  z-index: 1;\n  overflow: hidden;\n  a {\n    text-decoration: none;\n  }\n\n  .bg-svg {\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n  }\n  "," {\n    display: block;\n    .bg-svg {\n      right: -24px;\n      left: unset;\n      top: 0;\n      transform: rotateY(180deg);\n    }\n  }\n\n  "," {\n    display: grid;\n    grid-gap: 10px;\n    grid-template-columns: 1fr 3fr;\n  }\n"])),L.mbDown,L.mbUp),qe=S.div(Vn||(Vn=n(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"],["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ",";\n  margin-bottom: 15px;\n"])),(function(n){return n.theme.colors.gray600})),Je=S.div(Wn||(Wn=n(["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"],["\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 26px;\n  color: #000000;\n  margin-bottom: 4px;\n"]))),Xe=S.div(Yn||(Yn=n(["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"],["\n  background: #fff;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n"]))),$e=S.div(Zn||(Zn=n(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  "," {\n    justify-content: end;\n    min-height: 100px;\n  }\n"])),L.mbDown),nt=function(n){var e=n.title,t=n.link,i=n.description,o=n.cta,r=n.icon,l=c(ze).siteType;return a.createElement(Ke,{"data-theme":l},a.createElement($e,null,a.createElement("img",{src:"marryBaby"===l?R.getAssetPath("navMBSpotlightBgNoData.svg"):R.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(Xe,null,r&&a.createElement("img",{src:r,width:64,height:64}))),a.createElement("div",null,e&&a.createElement(Je,null,e),i&&a.createElement(qe,null,i),o&&a.createElement("div",null,a.createElement("a",{href:t},a.createElement(D,{theme:l,className:"survey-contact-submit",size:"md"},o)))))},et=S.div(Qn||(Qn=n(["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"],["\n  margin-top: 10px;\n  background: #ffffff;\n  padding: 5px 15px;\n  position: relative;\n  "," {\n    &:after {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background-color: ",";\n      content: '';\n    }\n  }\n"])),L.mbDown,(function(n){return n.theme.colors.neutral100})),tt=S.div(Kn||(Kn=n(["\n  margin: 15px 0;\n  display: flex;\n"],["\n  margin: 15px 0;\n  display: flex;\n"]))),it=S.a(qn||(qn=n(["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"],["\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 400;\n  font-size: 14px;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n  img {\n    padding-left: 5px;\n  }\n  "," {\n    margin-left: auto;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.mbColors.pink}),L.mbDown),ot=function(n){var e=n.title,t=n.viewMore,i=n.children,o=n.link,r=n.dataEventAction,l=void 0===r?"":r,s=c(ze).siteType;return a.createElement(et,null,a.createElement(tt,null,a.createElement(K,{tag:"marryBaby"===s?"h5":"h6",as:"h2",fontWeight:"semibold"},e),t&&a.createElement(it,{"data-event-category":"Hamburger Navigation","data-event-action":l,"data-event-label":o,href:o,"data-theme":s},t,a.createElement("img",{src:"marryBaby"===s?R.getAssetPath("chevronRightPink.svg"):R.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"}}))),i)};S.div(at||(at=n(["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > a:not(:last-child) > div {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}));var at,rt,lt,st,dt,pt,ct,mt,ut,gt=S.div(rt||(rt=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n\n  "," {\n    grid-template-columns: repeat(1, 1fr);\n  }\n"])),L.tdDown),ht=S.div(lt||(lt=n(["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"],["\n  height: 152px; // 120 + 16 * 2\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 3;\n  overflow: hidden;\n  border-radius: 4px;\n  padding: 16px;\n  width: 100%;\n\n  .img-container {\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: contain;\n  }\n  "," {\n    margin-bottom: 0;\n    padding: 0;\n    height: 100%;\n    position: unset;\n    width: 150px;\n  }\n  "," {\n    width: 80px;\n  }\n"])),L.tdDown,L.mbDown),ft=S.div(st||(st=n(["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"],["\n  background-color: #ffffff;\n  border-radius: 4px;\n  width: 100%;\n  height: 100%;\n"]))),xt=S.div(dt||(dt=n(["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"],["\n  display: flex;\n  margin-top: 1rem;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),L.tdDown),vt=S.p(pt||(pt=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.6;\n  color: ",";\n  "," {\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray800}),L.tdDown),yt=S.p(ct||(ct=n(["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    height: unset;\n    padding: 0;\n  }\n"])),(function(n){return n.theme.colors.gray600}),L.tdDown),bt="hhgcomp-navigation-menucareitem-contentwrapper",wt=F(S.div(mt||(mt=n(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 4px;\n  }\n"])),L.tdDown),bt),Et=S.a(ut||(ut=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: ",";\n  position: relative;\n  overflow: hidden;\n  padding: 16px;\n  display: flex;\n  padding-top: 166px;\n  * {\n    pointer-events: none;\n  }\n  "," {\n    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    gap: 30px;\n    flex-direction: column;\n    a {\n      display: flex;\n      width: 100%;\n    }\n  }\n  "," {\n    padding-top: 16px;\n    a {\n      display: none;\n    }\n    grid-template-columns: 2fr 1fr;\n    gap: 10px;\n    display: grid;\n    max-height: 110px;\n    display: flex;\n    flex-direction: row-reverse;\n    > ."," {\n      flex: 1;\n    }\n    img {\n      width: 150px;\n    }\n  }\n  "," {\n    box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    display: flex;\n    flex-direction: row-reverse;\n    img {\n      width: 80px;\n      height: 80px;\n    }\n  }\n  "," {\n    border: 1px solid ",";\n  }\n  .bg-svg {\n    width: 100%;\n    max-width: 245px;\n    height: 100%;\n    top: 0;\n    right: -40px;\n    position: absolute;\n    display: inline-block;\n  }\n"])),I.colors.white,L.tdUp,L.tdDown,bt,L.mbDown,L.tdOnly,I.colors.neutral100),kt=function(n){var e,t=n.item,i=n.index,o=void 0===i?0:i,r=T().t,l=c(ze),s=l.locale,d=l.configs.statics;if(!t)return null;var p="".concat(d.CARE_URL_FE,"/").concat(null===(e=V[s])||void 0===e?void 0:e.HOSPITAL,"/").concat(t.slug,"-").concat(t.id);return a.createElement(Et,{key:t.id,href:p,"data-event-category":"Hamburger Navigation","data-event-action":"Care Click ".concat(o+1),"data-event-label":p},a.createElement("img",{src:R.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),a.createElement(ht,null,a.createElement(ft,null,a.createElement("img",{loading:"lazy",alt:t.name,src:t.logo||"/images/avatar.jpg"}))),a.createElement(wt,null,a.createElement(vt,null,t.name),a.createElement(yt,null,t.description),a.createElement(xt,null,r("home.seeMore"),a.createElement("img",{src:R.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))))},Ct=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=n.hrefViewMore,o=T().t;return a.createElement(ot,{title:o("home.navigator.menu.spotlightHospitals")},0!==t.length?a.createElement(gt,null,null==t?void 0:t.slice(0,3).map((function(n,e){return a.createElement(kt,{key:e,index:e,item:n})}))):a.createElement(nt,{title:o("home.navigator.menu.care.noDatas.title"),description:o("home.navigator.menu.care.noDatas.description"),link:i,cta:o("home.navigator.menu.care.noDatas.cta"),icon:R.getAssetPath("community.svg")}))},Pt=function(n){var e,t=n.careSpecialties,i=void 0===t?[]:t,o=n.isOpen,r=n.onClose,l=n.spotlights,s=void 0===l?[]:l,d=T().t,p=c(ze),m=p.locale,u=p.configs.statics,g="".concat(u.CARE_URL_FE,"/").concat(null===(e=V[m])||void 0===e?void 0:e.SPECIALTIES);return a.createElement(Ie,{onClosePopup:r,isDisplay:o,isNavMenu:!0},a.createElement(Qe,{headingTitle:d("home.navigator.menuItem.specialties"),hrefViewMore:g,UrlFE:u.CARE_URL_FE,onClosePopup:r,titleBtnViewMore:d("home.navigator.menuItem.allSpecialties"),menuItems:(null==i?void 0:i.map((function(n){return n?{name:String(n.name)||"",link:An({type:"DOCTOR",specialtySlug:n.slug,locale:m}),thumbnail:(null==n?void 0:n.thumbnail)||""}:{}})))||[]}),a.createElement(Ct,{spotlights:s,hrefViewMore:g}))};S.div(Bt||(Bt=n(["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"]))),S.div(Nt||(Nt=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var Bt,Nt,_t,zt,At,Tt,Mt=S.div(_t||(_t=n(["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  "," {\n    gap: 12px;\n    grid-template-columns: 1fr;\n  }\n"])),L.tdDown),Ht=S.a(zt||(zt=n(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  text-decoration: none;\n  * {\n    pointer-events: none;\n  }\n"]))),Lt=S.div(At||(At=n(["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"],["\n  border-radius: 5px;\n  display: block;\n  overflow: hidden;\n  padding-top: 140%;\n  width: 100%;\n  position: relative;\n  height: 0;\n  img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n    top: 0;\n    left: 0;\n  }\n  "," {\n    width: 72px;\n    padding-top: 100px;\n  }\n"])),L.tdDown),St=S.p(Tt||(Tt=n(["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 16px;\n  font-weight: 400;\n  padding: 4px 15px;\n  line-height: 1.4;\n  color: ",";\n  flex: 1;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray800}),L.tdUp),Ut=function(n){var e=n.item,t=n.index,i=void 0===t?0:t;return e?a.createElement(Ht,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Spotlight Click ".concat(i+1),"data-event-label":e.link},a.createElement(Lt,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),a.createElement(St,null,e.title)):null},Dt=function(n){var e=n.spotlightsList,t=void 0===e?[]:e,i=n.hrefViewMore,o=T().t,r=c(ze).configs.statics;return a.createElement(ot,{title:o("home.navigator.menu.spotlights"),viewMore:o("home.navigator.menu.spotlights.seeAll"),link:i,dataEventAction:"Spotlight See More Click"},0!==t.length?a.createElement(Mt,null,null==t?void 0:t.slice(0,4).map((function(n,e){return a.createElement(Ut,{key:e,index:e,item:{id:n.id,link:r.HOME_PAGE_URL+n.permalink,title:n.name,banner:n.image}})}))):a.createElement(nt,{title:o("home.navigator.menu.category.noDatas.title"),description:o("home.navigator.menu.category.noDatas.description"),link:i,cta:o("home.navigator.menu.category.noDatas.cta"),icon:R.getAssetPath("Spotlight.svg")}))},jt=function(n){var e=n.categories,t=void 0===e?[]:e,i=n.spotlightsList,o=void 0===i?[]:i,r=n.onClose,l=n.isOpen,s=T().t,d=c(ze),p=d.locale,m=d.configs.statics;return a.createElement(Ie,{onClosePopup:r,isDisplay:l,isNavMenu:!0},a.createElement(Qe,{hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/categories/"),UrlFE:m.HOME_PAGE_URL,onClosePopup:r,titleBtnViewMore:s("home.navigator.menuItem.allCategories"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.displayName||null,link:(null==n?void 0:n.permalink)||"/",thumbnail:n.iconUrl||null}:{}})))||[],headingTitle:s("home.navigator.menuItem.healthCategories")}),a.createElement(Dt,{spotlightsList:o,hrefViewMore:"".concat(m.HOME_PAGE_URL).concat("tl-PH"===p?"/fil":"","/spotlight/")}))};S.div(Rt||(Rt=n(["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"],["\n  & > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  & > div > :not(:last-child) {\n    border-bottom: 1px solid ",";\n  }\n\n  &[data-category-list-type='sub'] {\n    padding-bottom: 72px;\n  }\n\n  &[data-is-displayed='false'] {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.neutral100})),S.div(It||(It=n(["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"],["\n  & > div {\n    width: 100%;\n    margin-bottom: 8px;\n  }\n"])));var Rt,It,Ot,Ft,Gt,Vt,Wt,Yt,Zt,Qt,Kt,qt,Jt,Xt,$t=S.div(Ot||(Ot=n(["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"],["\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-gap: 48px;\n  "," {\n    grid-template-columns: 1fr;\n    grid-gap: 32px;\n  }\n  "," {\n    grid-gap: 24px;\n  }\n"])),L.tdDown,L.mbDown),ni=S.div(Ft||(Ft=n(["\n  padding: 5px;\n  flex: 1;\n"],["\n  padding: 5px;\n  flex: 1;\n"]))),ei=S.img(Gt||(Gt=n(["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"],["\n  width: 88px;\n  height: 88px;\n  border-radius: 4px;\n  object-fit: cover;\n"]))),ti=S.div(Vt||(Vt=n(["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  font-size: 12px;\n  font-weight: 600;\n  color: ",";\n  text-decoration: none;\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),ii=S.div(Wt||(Wt=n(["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"],["\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    font-weight: 400;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.primaryBase})),oi=S.div(Yt||(Yt=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),ai=S.div(Zt||(Zt=n(["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"],["\n  font-size: 12px;\n  font-weight: 400;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray600})),ri=S.a(Qt||(Qt=n(["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 10px;\n  text-decoration: none;\n  position: relative;\n  &::after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 1px;\n    border-top: 1px dashed ",";\n    position: absolute;\n    bottom: -24px;\n    "," {\n      bottom: -16px;\n    }\n    "," {\n      bottom: -12px;\n    }\n  }\n  &:last-child {\n    &::after {\n      display: none;\n    }\n  }\n  "," {\n    &:nth-last-child(2) {\n      &::after {\n        display: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.neutral100}),L.tdOnly,L.mbDown,L.tdUp),li=S.div(Kt||(Kt=n(["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"],["\n  display: flex;\n  gap: 10px;\n  vertical-align: middle;\n  align-items: center;\n"]))),si=S.div(qt||(qt=n(["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"],["\n  margin-top: 8px;\n  font-size: 16px;\n  font-weight: 600;\n  color: ",";\n  &[data-theme='marryBaby'] {\n    margin-top: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n  }\n"])),(function(n){return n.theme.colors.gray800})),di=S.div(Jt||(Jt=n(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  column-gap: 5px;\n"]))),pi=S.div(Xt||(Xt=n(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"],["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n"])));q.extend(J);var ci=function(n){var e,t,i,o,r,l,s,d=n.post,p=n.index,m=void 0===p?0:p,u=c(ze),g=u.siteType,h=u.configs.statics;if(!d)return null;var f=[h.TOGETHER_URL_FE,null===(e=d.community)||void 0===e?void 0:e.slug].join("/"),x=[f,d.slug].join("/"),v=d.createdAt,y=v?isNaN(new Date(v).getTime())?null:new Date(v):null,b=y?q(y).toNow(!0):v;return a.createElement(ri,{href:x,"data-event-category":"Hamburger Navigation","data-event-action":"Together Click ".concat(m+1),"data-event-label":x},a.createElement(ni,null,a.createElement(li,null,a.createElement(Z,{avatar:null===(t=d.author)||void 0===t?void 0:t.avatar,username:(null===(i=d.author)||void 0===i?void 0:i.name)||(null===(o=d.author)||void 0===o?void 0:o.username)}),a.createElement(pi,null,a.createElement(ti,{"data-theme":g},null===(r=d.author)||void 0===r?void 0:r.name),a.createElement(di,null,a.createElement(ii,{"data-event-category":"Hamburger Navigation","data-event-action":"Topic Click ".concat(m+1),"data-event-label":f,onClick:function(n){n.preventDefault(),location.href=f},"data-theme":g},null===(l=d.community)||void 0===l?void 0:l.name),a.createElement(ai,null,"•"),a.createElement(oi,{"data-theme":g},b)))),a.createElement(si,null,d.title)),!!(null===(s=d.photos)||void 0===s?void 0:s.length)&&a.createElement(ei,{loading:"lazy",src:d.photos[0]}))},mi=function(n){var e=n.spotlights,t=void 0===e?[]:e,i=c(ze).configs.statics,o=T().t;return a.createElement(ot,{title:o("home.navigator.menu.trendingPosts"),viewMore:o("home.navigator.menu.trendingPosts.seeMore"),link:_e(i.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==t.length?a.createElement($t,null,null==t?void 0:t.slice(0,4).map((function(n,e){return a.createElement(ci,{index:e,post:n,key:n.id})}))):a.createElement(nt,{title:o("home.navigator.menu.together.noPosts.title"),description:o("home.navigator.menu.together.noPosts.description"),link:"".concat(i.HOME_PAGE_URL,"/community/"),cta:o("home.navigator.menu.together.noPosts.cta"),icon:R.getAssetPath("community.svg")}))},ui=function(n){var e=n.communities,t=void 0===e?[]:e,i=n.onClose,o=n.isOpen,r=n.spotlights,l=void 0===r?[]:r,s=T().t,d=c(ze).configs.statics;return a.createElement(Ie,{onClosePopup:i,isDisplay:o,isNavMenu:!0},a.createElement(Qe,{hrefViewMore:_e(d.TOGETHER_URL_FE),UrlFE:Ne(d.TOGETHER_URL_FE),onClosePopup:i,titleBtnViewMore:s("home.navigator.menuItem.allCommunities"),menuItems:(null==t?void 0:t.map((function(n){return n?{name:n.name||"",link:n.slug||"/",thumbnail:n.thumbnail||""}:{}})))||[],headingTitle:s("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(mi,{spotlights:l}))};S.div(gi||(gi=n(["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"],["\n  &[data-is-display='false'] {\n    display: none;\n  }\n"])));var gi,hi,fi,xi,vi,yi,bi,wi,Ei,ki,Ci,Pi,Bi,Ni,_i,zi,Ai=S.div(hi||(hi=n(["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"],["\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  "," {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n"])),L.tdDown),Ti=S.a(fi||(fi=n(["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"],["\n  text-decoration: none;\n  border-radius: 4px;\n  background: #e3f2ff;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    width: 245px;\n    top: 0;\n    right: 0;\n    height: 100%;\n    position: absolute;\n    "," {\n      top: calc(51% - 68px);\n      right: -8px;\n    }\n  }\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: center;\n  }\n"])),L.tdDown,L.tdDown),Mi=S.div(xi||(xi=n(["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"],["\n  width: 64px;\n  height: 64px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n"])),L.tdDown),Hi=S.div(vi||(vi=n(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"],["\n  display: flex;\n  align-items: center;\n  color: ",";\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n"])),(function(n){return n.theme.colors.primaryBase})),Li=S.p(yi||(yi=n(["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"],["\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Si=S.p(bi||(bi=n(["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-size: 14px;\n  line-height: 1.4;\n  font-weight: 400;\n  color: ",";\n  height: 40px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),L.tdDown),Ui=S.div(wi||(wi=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n  }\n"])),L.tdUp,L.tdDown),Di=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,o=T().t,r=c(ze).configs.statics;if(!e)return null;var l=e.link?e.link.startsWith("http")?e.link:"".concat(r.HOME_PAGE_URL).concat(e.link):void 0;return a.createElement(Ti,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":l},a.createElement("img",{src:R.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(Ui,null,a.createElement(Li,null,e.title),a.createElement(Si,null,e.subtitle),a.createElement(Hi,null,o("home.seeMore"),a.createElement("img",{src:R.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"}}))),a.createElement(Mi,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},ji=S.a(Ei||(Ei=n(["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"],["\n  text-decoration: none;\n  border-radius: 12px;\n\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  * {\n    pointer-events: none;\n  }\n  .bg-svg {\n    top: 0;\n    left: 0;\n    position: absolute;\n  }\n\n  .dot-svg {\n    width: 40px;\n    height: 30px;\n    top: 36px;\n    left: 16px;\n    position: absolute;\n    stroke-width: 0;\n  }\n\n  &[data-color='pink'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='orange'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n  &[data-color='green'] {\n    background: ",";\n    .bg-svg {\n      fill: ",";\n    }\n  }\n\n  padding: 180px 24px 16px;\n  a {\n    display: flex;\n    width: 100%;\n  }\n  "," {\n    padding-top: 16px;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-start;\n  }\n  "," {\n    padding-top: 0;\n    padding-left: 80px;\n    height: 96px;\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    .dot-svg {\n      top: 22px;\n      left: 16px;\n    }\n  }\n  "," {\n    min-height: 296px;\n  }\n  .mobile-only {\n    "," {\n      display: none;\n    }\n  }\n  .desktop-only {\n    "," {\n      display: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.tonePink}),(function(n){return n.theme.mbColors.peach}),(function(n){return n.theme.mbColors.toneYellow}),(function(n){return n.theme.mbColors.orange}),(function(n){return n.theme.mbColors.toneGreen}),(function(n){return n.theme.mbColors.mint}),L.tdDown,L.mbDown,L.tdUp,L.tdUp,L.tdDown),Ri=S.div(ki||(ki=n(["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"],["\n  width: 48px;\n  height: 48px;\n  background: white;\n  position: absolute;\n  right: 25px;\n  top: 35px;\n  z-index: 3;\n  border-radius: 50%;\n  img {\n    position: absolute;\n    width: 36px;\n    height: 36px;\n    top: 50%;\n    left: 50%;\n    display: block;\n    transform: translate(-50%, -50%);\n  }\n  "," {\n    position: relative;\n    top: unset;\n    right: unset;\n  }\n  "," {\n    position: absolute;\n    left: 32px;\n    top: 28px;\n  }\n"])),L.tdDown,L.mbDown),Ii=S.div(Ci||(Ci=n(["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  background: white;\n  font-weight: 400;\n  font-size: 14px;\n  text-decoration: none;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n\n  svg path {\n    fill: ",";\n  }\n\n  "," {\n    background: none;\n    width: 100%;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 18px;\n    color: ",";\n    padding-left: 16px;\n  }\n"])),(function(n){return n.theme.mbColors.gray}),L.tdDown,(function(n){return n.theme.mbColors.pink})),Oi=S.p(Pi||(Pi=n(["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"],["\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n  color: ",";\n"])),(function(n){return n.theme.colors.gray800})),Fi=S.p(Bi||(Bi=n(["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"],["\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: -0.2px;\n  color: ",";\n  height: 54px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  margin-bottom: auto;\n  "," {\n    display: none;\n  }\n"])),(function(n){return n.theme.colors.gray600}),L.tdDown),Gi=S.div(Ni||(Ni=n(["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"],["\n  display: flex;\n  flex: 1;\n  z-index: 1;\n  align-items: flex-end;\n  justify-content: flex-end;\n  "," {\n    gap: 8px;\n    flex-direction: row;\n  }\n\n  "," {\n    align-items: flex-start;\n    justify-content: flex-start;\n    gap: 4px;\n  }\n"])),L.tdUp,L.tdDown),Vi=S.div(_i||(_i=n(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n  }\n  "," {\n    gap: 4px;\n    flex: 1;\n    padding-left: 16px;\n  }\n"])),L.tdUp,L.tdDown),Wi=S.div(zi||(zi=n(["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  z-index: 1;\n  "," {\n    gap: 8px;\n    justify-content: flex-end;\n    align-items: flex-end;\n  }\n  "," {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n  }\n"])),L.tdUp,L.tdDown),Yi=function(n){var e=n.item,t=n.index,i=void 0===t?0:t,o=n.color,r=T().t,l=c(ze).configs.statics;if(!e)return null;var s=e.link?e.link.startsWith("http")?e.link:"".concat(l.HOME_PAGE_URL).concat(e.link):void 0,d=function(){return a.createElement(Ri,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"}))},p=function(){return a.createElement(Wi,null,a.createElement(Vi,null,a.createElement(Oi,null,e.title),a.createElement(Fi,null,e.subtitle)),a.createElement(Ii,null,a.createElement("div",{className:"mobile-only"},r("home.seeMore")),a.createElement("img",{src:R.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"}})))};return a.createElement(ji,{href:s,"data-event-category":"Hamburger Navigation","data-event-action":"Engage Click ".concat(i+1),"data-event-label":s,"data-color":o},a.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),a.createElement("img",{src:R.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),a.createElement(Gi,null,a.createElement("div",{className:"mobile-only"},d()),a.createElement("div",{className:"desktop-only"},p())),a.createElement("div",{className:"mobile-only"},p()),a.createElement("div",{className:"desktop-only"},d()))},Zi=function(n){var e=n.hrefViewMore,t=n.spotlightHealthTools,i=void 0===t?[]:t,o=T().t,r=["pink","orange","green"],l=c(ze).siteType;return a.createElement(ot,{title:o("home.navigator.menu.spotlightTools")},0!==i.length&&a.createElement(Ai,null,null==i?void 0:i.slice(0,3).map((function(n,e){return"marryBaby"===l?a.createElement(Yi,{key:e,index:e,item:n,color:r[e]}):a.createElement(Di,{key:e,index:e,item:n})}))),0===i.length&&a.createElement(nt,{title:o("home.navigator.menu.healthTools.noDatas.title"),description:o("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:o("home.navigator.menu.healthTools.noDatas.cta"),icon:R.getAssetPath("community.svg")}))},Qi=function(n){var e,t=n.locale,i=n.onClose,o=n.isOpen,r=n.spotlightHealthTools,l=void 0===r?[]:r,s=n.healthTools,d=void 0===s?[]:s,p=T().t,m=c(ze).configs.statics,u="".concat(m.HOME_PAGE_URL).concat("tl-PH"===t?"/fil":"").concat((null===(e=y[t])||void 0===e?void 0:e.HEALTH_TOOLS)||"");return a.createElement(Ie,{onClosePopup:i,isDisplay:o,isNavMenu:!0},a.createElement(Qe,{hrefViewMore:u,UrlFE:m.HOME_PAGE_URL,onClosePopup:i,headingTitle:p("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:p("home.navigator.menuItem.allHealthTools"),menuItems:d.map((function(n){return{name:n.title,link:n.link?n.link.startsWith("http")?n.link:"".concat(m.HOME_PAGE_URL).concat(n.link):void 0,thumbnail:n.icon}}))}),a.createElement(Zi,{spotlightHealthTools:l,hrefViewMore:u}))},Ki="_6gGCHV-",qi="YDzfyQU",Ji=function(n){var e=n.onCareHeaderClick,t=n.currentUrl,i=n.careUrlFe,o=n.btnName;return e?a.createElement(D,{className:Ki,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:function(n){return e(n)}},o):a.createElement("a",{href:i,className:"".concat(qi," care-button no-replace-click")},a.createElement(D,{className:Ki,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},o))};function Xi(n){var e=n.className;return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function $i(n){var e=n.siteType,t=n.type,i=n.enableSearch,o=n.className;return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:i?R.getAssetPath("hamburgerMenuNewWithSearch.svg"):R.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:t,className:o})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}var no=S.div(eo||(eo=n(["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"],["\n  position: fixed;\n  z-index: 201;\n  top: calc(100% + 1px); // border 1px\n  width: 100%;\n  height: calc(100vh - var(--header-bottom));\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 0;\n  left: 0;\n  .hhgcomp-navigation-popupwrapper-menuwrapper {\n    position: unset;\n  }\n"])));S.div(to||(to=n(["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"],["\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  height: 72px;\n  align-items: flex-start;\n  justify-content: center;\n\n  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);\n\n  .button-image {\n    stroke-color: blue;\n  }\n\n  &[data-site-type='marryBaby'] {\n    padding: 0 16px;\n    .category-button {\n      width: 100%;\n      height: 48px;\n    }\n  }\n"]))),S.div(io||(io=n(["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"],["\n  display: flex;\n\n  &[data-card-array-no-margin-style='true'] {\n    margin: 8px 0;\n\n    & > div {\n      width: 0;\n      flex: 1;\n      margin: 0 -1px;\n    }\n  }\n\n  &[data-card-array-no-margin-style='false'] {\n    margin: 8px -4px;\n\n    & > div {\n      flex: 1;\n      margin: 0 4px;\n    }\n  }\n"]))),S.div(oo||(oo=n(["\n  margin-top: 64px;\n"],["\n  margin-top: 64px;\n"]))),S.div(ao||(ao=n(["\n  padding: 24px 0;\n"],["\n  padding: 24px 0;\n"]))),S.div(ro||(ro=n(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n\n  & > div:first-child {\n    margin-right: 8px;\n  }\n"]))),S.div(lo||(lo=n(["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"],["\n  z-index: ",";\n  align-items: center;\n\n  border: 1px solid ",";\n  background-color: ",";\n  box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04),\n    0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n"])),Pn,(function(n){return n.theme.colors.neutral50}),(function(n){return n.theme.colors.white})),S.div(so||(so=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  padding: 48px 0;\n"]))),S.div(po||(po=n(["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  justify-content: flex-start;\n  &[data-disabled-divider='false'] {\n    border-right: 1px solid #e4e8ec;\n  }\n"]))),S.div(co||(co=n(["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"],["\n  width: 20%;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n  }\n\n  & > a:hover {\n    color: ",";\n  }\n\n  .iconMenu {\n    display: flex;\n    align-items: center;\n\n    > .imageContainer {\n      display: flex;\n      width: 32px;\n      min-width: 32px;\n      align-items: center;\n      margin-right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),S.div(mo||(mo=n(["\n  display: none;\n"],["\n  display: none;\n"]))),S.div(uo||(uo=n(["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"],["\n  width: 33%;\n  height: 48px;\n  padding-right: 16px;\n  margin-bottom: 12px;\n\n  & > a {\n    display: flex;\n    align-items: center;\n    color: ",";\n    font-size: ",";\n    font-weight: ",";\n    line-height: 22px;\n\n    & > :first-child {\n      margin-right: 16px;\n    }\n  }\n\n  & > a > p:hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.gray800}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwRegular}),(function(n){return n.theme.colors.primaryBase})),S.div(go||(go=n(["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-right: 16px;\n  margin-bottom: 12px;\n  color: ",";\n  font-size: ",";\n  font-weight: ",";\n  line-height: 24px;\n\n  &[data-theme='marryBaby'] {\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.sizes.fsParagraph4}),(function(n){return n.theme.sizes.fwBold}),(function(n){return n.theme.mbColors.pink})),S.div(ho||(ho=n(["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"],["\n  display: flex;\n  align-items: center;\n\n  margin-left: 10px;\n"]))),S.div(fo||(fo=n(["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"],["\n  position: absolute;\n  top: 16px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n"]))),S.div(xo||(xo=n(["\n  display: block;\n"],["\n  display: block;\n"]))),S.div(vo||(vo=n(["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"],["\n  .categories__spotlight {\n    display: grid;\n    margin: 16px;\n    margin-bottom: 32px;\n    grid-gap: 8px;\n    grid-template-columns: 1fr 1fr;\n\n    a {\n      text-decoration: none;\n    }\n  }\n\n  .categoryCard {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    align-items: center;\n    padding: 16px;\n    border-radius: 6px;\n    color: ",";\n\n    svg {\n      margin-bottom: 4px;\n    }\n\n    &.active {\n      background: ",";\n      box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06),\n        0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);\n      color: white;\n    }\n\n    &:not(.active) {\n      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04),\n        0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);\n    }\n  }\n\n  .amp__menu-header {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    > div {\n      align-self: center;\n\n      &:nth-child(2) {\n        justify-self: center;\n      }\n    }\n  }\n\n  .logo {\n    margin: 22px 0;\n  }\n\n  .categories {\n    margin: 0 16px;\n\n    li {\n      display: block;\n      width: 100%;\n\n      + li {\n        border-top: 1px solid\n          ",";\n      }\n\n      a {\n        display: block;\n        margin: 12px 0;\n        color: ",";\n        text-decoration: none;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.colors.gray800})),S.div(yo||(yo=n(["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"],["\n  width: 20%;\n  height: 2px;\n\n  background-color: ",";\n  border-radius: 2px;\n"])),(function(n){return n.theme.mbColors.pink}));var eo,to,io,oo,ao,ro,lo,so,po,co,mo,uo,go,ho,fo,xo,vo,yo,bo,wo,Eo=S.div(bo||(bo=n(["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"],["\n  padding: 16px;\n  padding-bottom: 12px;\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n  &[data-theme='marryBaby'] {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray})),ko=S.div(wo||(wo=n(["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"],["\n  display: block;\n  overflow-y: auto;\n  flex: 1;\n  padding-bottom: 16px;\n  &::-webkit-scrollbar {\n    width: 0;\n    display: none;\n  }\n"]))),Co=function(n){var e,t,i=n.closePopup,o=n.menuItems,r=void 0===o?[]:o,l=c(ze),s=l.siteType,d=l.ssrMenuContent,p=d.categories,m=d.healthTools,u=d.care,g=d.together,h=l.activeMenuService,f=l.configs,x=f.statics,v=f.enableSearchBar,b=l.locale,w=T().t;return a.createElement(no,{id:"categories-menu"},v?a.createElement(Eo,{"data-theme":s,onClick:function(){window.location.href="".concat(x.HOME_PAGE_URL,"/search")}},a.createElement(Se,null)):null,a.createElement(ko,null,a.createElement(Qe,{UrlFE:x.HOME_PAGE_URL,titleBtnViewMore:w("home.navigator.menuItem.allCategories"),menuItems:r,headingTitle:w("home.navigator.menuItem.healthCategories"),onClosePopup:i}),"categories"===h&&a.createElement(Dt,{spotlightsList:(null==p?void 0:p.spotlights)||[],hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"","/spotlight/")}),"tools"===h&&a.createElement(Zi,{spotlightHealthTools:null==m?void 0:m.spotlights,hrefViewMore:"".concat(x.HOME_PAGE_URL).concat("tl-PH"===b?"/fil":"").concat((null===(e=y[b])||void 0===e?void 0:e.HEALTH_TOOLS)||"")}),"care"===h&&a.createElement(Ct,{spotlights:null==u?void 0:u.spotlights,hrefViewMore:"".concat(x.CARE_URL_FE,"/").concat(null===(t=V[b])||void 0===t?void 0:t.SPECIALTIES)}),"together"===h&&a.createElement(mi,{spotlights:null==g?void 0:g.spotlights})))},Po="IQdn7tn",Bo="_1jX3mGY",No="arD755Y",_o=function(n){var e=n.type,t=void 0===e?"home":e,i=n.menuItems,o=c(ze),r=o.siteType,l=o.configs.enableSearchBar,s=rn(),d=s.containerRef,p=s.onContainerFocus,m=s.onContainerBlur,u=s.onButtonMouseDown,g=s.onClose;return a.createElement(an,{mediaQueryKey:"mbDown"},a.createElement("header",{className:Po},a.createElement("div",{className:Bo,ref:d,role:"button",tabIndex:0,onBlur:m,onFocus:p},a.createElement("div",{className:No,onMouseDown:u,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},a.createElement(Xi,{className:"mobile-close-icon"}),a.createElement($i,{siteType:r,type:t,enableSearch:l,className:"mobile-hamburger-icon"})),a.createElement(Co,{menuItems:i,closePopup:g}))))},zo=S.div(Lo||(Lo=n(["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"],["\n  z-index: 201;\n  width: 100%;\n  align-items: center;\n\n  background-color: ",";\n\n  transition: height 0.3s, transform 0.3s;\n\n  &[data-site-type='helloSites'] {\n    border-bottom: 1px solid\n      ",";\n  }\n\n  &[data-marry-baby-tone='pink'] {\n    background-color: ",";\n  }\n\n  "," {\n    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {\n      transform: translateY(-64px);\n    }\n  }\n  "," {\n    &[data-site-type='marryBaby'] {\n      border-bottom: none;\n    }\n\n    &[data-fixed-bar='true'] {\n      position: fixed;\n      transform: translateY(0);\n    }\n\n    &[data-fixed-bar='false'] {\n      position: absolute;\n    }\n\n    &[data-collapsed='true'] {\n      transform: translateY(-100%);\n      transition: transform 0.5s;\n    }\n    &[data-collapsed='false'] {\n      transform: translateY(0);\n      transition: transform 0.5s;\n    }\n\n    .top-bar-header {\n      line-height: normal;\n    }\n\n    &[data-header-type='home'] {\n      z-index: ",";\n    }\n\n    &[data-header-type='popup'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-header-type='popup-sub-level'] {\n      position: absolute;\n      z-index: ",";\n    }\n\n    &[data-is-displayed='false'] {\n      //display: none;\n      visibility: hidden;\n    }\n  }\n\n  .marry-baby {\n    input {\n      background: ",";\n      border-radius: 16px;\n      border: none;\n    }\n    max-width: 172px;\n  }\n  &[data-site-type='marryBaby'] {\n    .close-btn {\n      top: 16px;\n      right: 16px;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral100}),(function(n){return n.theme.mbColors.lightPink}),L.mbUp,L.mbDown,En,kn,Cn,(function(n){return n.theme.mbColors.lightGray})),Ao=S.div(So||(So=n(["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"],["\n  display: flex;\n  height: 100%;\n  align-items: center;\n\n  justify-content: space-between;\n  padding: 0 2rem;\n  height: 69px;\n  "," {\n    padding: 0 1rem;\n  }\n\n  "," {\n    position: relative;\n    height: 64px;\n    background: white;\n    gap: 1rem;\n  }\n\n  &[data-site-type='marryBaby'] {\n    width: 100%;\n    margin: 0 auto;\n    padding: 0 16px;\n    "," {\n      max-width: 1064px;\n    }\n  }\n"])),L.pcDown,L.mbDown,L.tdUp),To=S.div(Uo||(Uo=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  gap: 24px;\n  "," {\n    gap: 16px;\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),L.pcDown),Mo=S.div(Do||(Do=n([""],[""]))),Ho=S.div(jo||(jo=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  flex-shrink: 0.6;\n  .hhgcomp-navigation-itemnav-headeritem {\n    gap: 2px;\n    "," {\n      padding: 0 12px;\n    }\n    "," {\n      padding: 0 6px;\n    }\n    "," {\n      display: none;\n    }\n    a {\n      text-decoration: none;\n    }\n  }\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"])),L.pcUp,L.pcDown,L.mbDown);S.div(Ro||(Ro=n(["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"],["\n  .fake-search-input {\n    pointer-events: none;\n    input {\n      line-height: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n    }\n  }\n"])));var Lo,So,Uo,Do,jo,Ro,Io,Oo,Fo,Go,Vo,Wo=S.div(Io||(Io=n(["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"],["\n  margin-left: 16px;\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  flex-shrink: 0;\n  "," {\n    margin-left: 8px;\n    gap: 8px;\n  }\n  "," {\n    margin-left: 12px;\n    gap: 10px;\n  }\n"])),L.pcDown,L.mbDown),Yo=S.div(Oo||(Oo=n(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  &[data-site-type='marryBaby'] {\n    gap: 26px;\n  }\n"]))),Zo=function(n){var e,t=n.onTopBarAppears,i=n.type,o=void 0===i?"home":i,r=n.languageMenu,p=n.menuItems,u=n.setSitewideBannerClosed,g=n.sitewideBannerClosed,h=c(ze),f=h.siteType,x=h.isMobile,y=void 0!==x&&x,w=h.locale,E=h.sitewideBanner,k=h.sitewideBannerShown,C=void 0===k||k,P=h.sponsorComponent,B=h.onBookingClick,N=h.currentUrl,_=h.onLoginClick,z=h.configs,H=z.statics,L=z.enableNavCareBooking,S=z.enableSearchBar,U=z.enableNavCare,D=z.enableProfileMyHealth,j=z.enableNavTogether,I=z.enableProfileEcom,O=z.enableProfileNavigatorMenu,F=h.userState.userInfo,G=h.onLogout,V=h.userProfileRouterPush,W=h.isUserLoading,Y=T().t,Z=H.SSO_URL,Q=H.HOME_PAGE_URL,K=!!P,q=d(!1),J=q[0],X=q[1],$=l(47),nn=l(null),en=l(!1),tn="helloSites"===f?null===(e=v[w])||void 0===e?void 0:e.LOGO_TYPE:f,on="undefined"!=typeof window,rn=m(M((function(){if("home"===o&&on){if(!nn.current)return;var n=nn.current.getBoundingClientRect();n.top<=0&&window.scrollY>$.current&&window.scrollY>n.height+20&&!en.current&&(en.current=!0,X(!0)),window.scrollY<$.current&&en.current&&(en.current=!1,X(!1)),window.scrollY>=0&&($.current=window.scrollY)}}),200),[]);s((function(){null==t||t(!J)}),[J]),s((function(){return window.addEventListener("scroll",rn,{passive:!0}),function(){window.removeEventListener("scroll",rn)}}),[]),s((function(){y&&rn()}),[y]);var ln=C&&!!E&&!g;return a.createElement(zo,{"data-site-type":f,"data-sponsored":K,"data-sitewide-banner-shown":ln,"data-header-type":o,"data-collapsed":J,"data-with-search-input":"popup-sub-level"!==o,"data-is-displayed":!0,id:"site-header",ref:nn},E?a.isValidElement(E)?a.cloneElement(E,{isCollapsed:J,setBannerClosed:u,isMobile:y}):E:null,a.createElement(Ao,{"data-site-type":f},a.createElement(To,{"data-site-type":f},a.createElement(_o,{menuItems:p,type:o}),a.createElement("a",{href:Q},a.createElement(Mo,null,a.createElement(A,{style:{display:"flex"},type:tn,badge:"id-ID"===w&&a.createElement("img",{src:R.getAssetPath("sehat-badge.png"),width:"56",height:"23"}),dateForSeasonal:new Date,locale:w,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===f?a.createElement(Ko,{menuItems:p}):S&&a.createElement(Qo,{siteType:f})),a.createElement(Ho,{"data-site-type":f},"marryBaby"===f?S&&a.createElement(Qo,{siteType:f}):a.createElement(Ko,{menuItems:p}),a.createElement(Wo,null,L&&a.createElement(an,{mediaQueryKey:"mbUp"},a.createElement(Ji,{careUrlFe:H.CARE_URL_FE,currentUrl:N,btnName:Y("login.booking"),onCareHeaderClick:B})),r,a.createElement(Be,{userInfo:F,siteType:f,onLoginClick:_||function(){var n=window.location.href;window.location.href=Z?"".concat(Z,"?returnUrl=").concat(n):n},SSO_URL:_e(H.SSO_URL),currentUrl:N,onLogout:G,UP_BASEPATH:b,isMyHealthEnabled:D,enableCare:U,enableTogether:j,enableEcom:I,togetherApiDomain:_e(H.TOGETHER_API),isUserProfileNavigatorMenuHidden:!O,userProfileRouterPush:V,isLoading:W,locale:w})))),P?a.isValidElement(P)?a.cloneElement(P,{isCollapsed:J,locale:w,isMobile:y}):P:null)},Qo=function(n){var e=n.siteType;return a.createElement(an,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(Se,null))},Ko=function(n){var e=n.menuItems,t=c(ze),i=t.siteType,o=t.locale,r=t.ssrMenuContent,l=r.categories,s=r.healthTools,d=r.care,p=r.together;return a.createElement(an,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(Yo,{"data-site-type":i},null==e?void 0:e.map((function(n,e){return a.createElement(He,{key:e,item:n,menu:"categories"===n.popupType?a.createElement(jt,{categories:null==l?void 0:l.items,spotlightsList:null==l?void 0:l.spotlights}):"tools"===n.popupType?a.createElement(Qi,{locale:o,healthTools:null==s?void 0:s.items,spotlightHealthTools:null==s?void 0:s.spotlights}):"together"===n.popupType?a.createElement(ui,{communities:null==p?void 0:p.items,spotlights:null==p?void 0:p.spotlights}):"care"===n.popupType?a.createElement(Pt,{careSpecialties:null==d?void 0:d.items,spotlights:null==d?void 0:d.spotlights}):null})}))))},qo=S.div(Fo||(Fo=n(["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"],["\n  --header-z-index: 305;\n  top: 0;\n  z-index: var(--header-z-index);\n\n  "," {\n    width: 100vw;\n    max-width: 100%;\n  }\n  --amp-site-wide-closed: 2px;\n\n  -webkit-transform: translateZ(0);\n  position: sticky;\n\n  &.nav-open {\n    margin-top: 64px;\n  }\n\n  &:not(.nav-open) {\n    --amp-site-wide-closed: 66px;\n  }\n  pointer-events: none;\n  > section * {\n    pointer-events: auto;\n  }\n"])),L.mbDown);S.div(Go||(Go=n(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"],["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"]))),S.a(Vo||(Vo=n(["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"],["\n  &[data-is-active='true'] {\n    color: unset;\n  }\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 22px;\n  text-decoration: none;\n"])));var Jo=function(n){var t,i,o=n.isMobile,p=n.locale,g=n.onTopBarAppears,h=n.languageOptions,f=n.sponsorComponent,x=n.sitewideBanner,v=n.sitewideBannerShown,b=n.className,w=d(!1),E=w[0],k=w[1],C=function(){var n=T().t,e=c(ze),t=e.siteType,i=e.locale,o=e.configs,a=o.enableNavCare,l=o.enableNavTogether,s=o.enableNavEcom,d=o.statics,p="marryBaby"===t,m=r((function(){var e,t=[{name:n("home.navigator.menuItem.discover"),id:"categories",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"","/categories"),niceName:"",thumbnail:p?R.getAssetPath("categories-mb.svg"):R.getAssetPath("discover.png"),popupType:"categories"},{name:n("home.navigator.menuItem.healthTools"),id:"tools",link:"".concat(d.HOME_PAGE_URL).concat("tl-PH"===i?"/fil":"").concat((null===(e=y[i])||void 0===e?void 0:e.HEALTH_TOOLS)||""),thumbnail:p?R.getAssetPath("healthtools-mb.svg"):R.getAssetPath("healthTools.png"),popupType:"tools"}];return a&&t.push({name:n("home.navigator.menuItem.helloCare"),id:"care",link:Ne(d.HOME_PAGE_URL+"/care"),thumbnail:R.getAssetPath("helloCare-thumbnail.png"),popupType:"zh-TW"===i?null:"care"}),l&&t.push({name:n("home.navigator.menuItem.helloTogether"),id:"together",link:Ne(d.TOGETHER_URL_FE+"/"),thumbnail:p?R.getAssetPath("community-mb.svg"):R.getAssetPath("together.png"),popupType:"together"}),s&&t.push({name:n("home.navigator.menuItem.helloEcom"),id:"ecom",link:Ne(d.HOME_PAGE_URL+"/ecom"),thumbnail:R.getAssetPath("helloCare-thumbnail.png"),popupType:"shop"}),t}),[i,a,l,s]);return m}();!function(){var n=c(ze),t=n.isFirstLogin,i=n.userState.userInfo;s((function(){(null==i?void 0:i.id)&&(t?(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:e({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:e({uuid:null==i?void 0:i.id,sign_up:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:(null==i?void 0:i.email)&&""!==(null==i?void 0:i.email)?window.insider_object={user:e({uuid:null==i?void 0:i.id,email:null==i?void 0:i.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})}:window.insider_object={user:e({uuid:null==i?void 0:i.id,log_in:!0},(null==i?void 0:i.name)?{name:null==i?void 0:i.name}:{})})}),[])}();var P=function(n){var e=n.hasSponsoredBanners,t=n.isSiteWide,i=n.isSponsored,o=n.isShowingSiteWideBanner,a=n.isMobile,p=l(null),c=d(0),u=c[0],g=c[1],h=d(64),f=h[0],x=h[1],v=m(X((function(){var n,e,t,i,o=(null===(n=p.current)||void 0===n?void 0:n.clientHeight)||(null===(t=null===(e=p.current)||void 0===e?void 0:e.children[0])||void 0===t?void 0:t.clientHeight)||0;window.scrollY<=o+200&&(g(o),x((null===(i=p.current)||void 0===i?void 0:i.getBoundingClientRect().bottom)||u))}),200),[]);s((function(){return window.addEventListener("resize",v,{passive:!0}),window.addEventListener("scroll",v,{passive:!0}),v(),function(){window.removeEventListener("resize",v),window.removeEventListener("scroll",v)}}),[]),s((function(){v()}),[a,t,o,i,e,p.current]);var y=r((function(){var n=a?64:69;return o&&(n+=64),i&&(n+=40,e&&(n+=57)),n}),[a,o,e,i]);return{defaultHeaderHeight:y,headerHeight:u||y,headerBottom:f,headerRef:p}}({isSiteWide:!!x&&!E,isShowingSiteWideBanner:v&&!!x&&!E,isSponsored:!!f,hasSponsoredBanners:!!(null===(i=null===(t=null==f?void 0:f.props)||void 0===t?void 0:t.sponsoredBy)||void 0===i?void 0:i.length),isMobile:o}),B=P.headerRef,N=P.defaultHeaderHeight,_=P.headerHeight,z=P.headerBottom;return a.createElement(qo,{id:"navigation-v2",style:{"--default-header-height":N+"px","--header-height":"calc(".concat(_,"px - var(--amp-site-wide-closed), 64px)"),"--header-bottom":z+"px"},className:b},a.createElement("section",{ref:B},a.createElement(Zo,{menuItems:C,type:"home",onTopBarAppears:o?function(n){g&&g(n)}:void 0,languageMenu:a.createElement(u,{languageOptions:h,locale:p}),setSitewideBannerClosed:k,sitewideBannerClosed:E})))},Xo=function(n){var t=e({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},n);return a.createElement(Ae,e({},t),a.createElement(Jo,e({},t)))},$o=function(n){return t(void 0,void 0,void 0,(function(){var e,t,o,a,r,l,s,d,p,c,m,u,f,v,y,b,w,E,B,z,A,T,M,H,L,S,U,D,j,R,I,O,F,G,V,W;return i(this,(function(i){switch(i.label){case 0:e={},t="vi-VN_MB"===n,i.label=1;case 1:i.trys.push([1,14,,15]),o="tl-PH"===n?"lang=fil":"",i.label=2;case 2:return i.trys.push([2,4,,5]),[4,Promise.all([fetch("".concat(C(n),"/wp-json/api/categories").concat(o?"?"+o:"")).then((function(n){return n.json()})),fetch("".concat(C(n),"/wp-json/api/spotlights?per_page=10").concat(o?"&"+o:"")).then((function(n){return n.json()})),fetch("".concat(C(n),"/wp-json/api/").concat(t?"health-tools":"healthtools").concat(o?"?"+o:"")).then((function(n){return n.json()})),fetch("".concat(C(n),"/wp-json/api/").concat(t?"health-tools":"healthtools","/favorites").concat(o?"?"+o:"")).then((function(n){return n.json()}))])];case 3:return a=i.sent(),r=a[0],l=a[1],s=a[2],d=a[3],e.categories={items:(null===(w=null===(b=null==r?void 0:r.data)||void 0===b?void 0:b.map)||void 0===w?void 0:w.call(b,Bn))||[],spotlights:(null===(A=null===(z=null===(B=null===(E=null==l?void 0:l.data)||void 0===E?void 0:E.articles)||void 0===B?void 0:B.map)||void 0===z?void 0:z.call(B,Tn))||void 0===A?void 0:A.filter(Mn))||[]},e.healthTools={items:(null===(M=null===(T=null==s?void 0:s.data)||void 0===T?void 0:T.map)||void 0===M?void 0:M.call(T,Nn))||[],spotlights:(null===(L=null===(H=null==d?void 0:d.data)||void 0===H?void 0:H.map)||void 0===L?void 0:L.call(H,Nn))||[]},[3,5];case 4:return i.sent(),[3,5];case 5:if(!t&&!x.includes(n))return[3,9];i.label=6;case 6:return i.trys.push([6,8,,9]),[4,Promise.all([fetch("".concat(k(),"/api/v1/community?website_url=https://").concat(g[n])).then((function(n){return n.json()})),fetch("".concat(k(),"/api/v1/options?website_url=https://").concat(g[n],"&meta_key=popular_post")).then((function(n){return n.json()}))])];case 7:return p=i.sent(),c=p[0],m=p[1],e.together={items:(null===(D=null===(U=null===(S=null==c?void 0:c.data)||void 0===S?void 0:S.communities)||void 0===U?void 0:U.map)||void 0===D?void 0:D.call(U,N))||[],spotlights:(null===(I=null===(R=null===(j=null==m?void 0:m.data)||void 0===j?void 0:j.posts)||void 0===R?void 0:R.map)||void 0===I?void 0:I.call(R,_))||[]},[3,9];case 8:return i.sent(),[3,9];case 9:if(!h.includes(n))return[3,13];i.label=10;case 10:return i.trys.push([10,12,,13]),[4,Promise.all([fetch(P()+"/api/specialties?_ishome=1&site=".concat(g[n])).then((function(n){return n.json()})),fetch(P()+"/api/search/?site=".concat(g[n],"&type=hospital&order_by=total_doctor")).then((function(n){return n.json()}))])];case 11:return u=i.sent(),f=u[0],v=u[1],e.care={items:(null===(G=null===(F=null===(O=null==f?void 0:f._data)||void 0===O?void 0:O.specialties)||void 0===F?void 0:F.map)||void 0===G?void 0:G.call(F,_n))||[],spotlights:(null===(W=null===(V=null==v?void 0:v._data.searches)||void 0===V?void 0:V.map)||void 0===W?void 0:W.call(V,zn))||[]},[3,13];case 12:return i.sent(),[3,13];case 13:return[3,15];case 14:return y=i.sent(),console.error(y),[3,15];case 15:return[2,e]}}))}))},na=function(n){return t(void 0,void 0,void 0,(function(){return i(this,(function(e){switch(e.label){case 0:return[4,$("nav-menu-content",(function(){return $o(n||"en-PH")}),(function(n){var e,t;return!!(null===(t=null===(e=null==n?void 0:n.categories)||void 0===e?void 0:e.items)||void 0===t?void 0:t.length)}))];case 1:return[2,e.sent()||{}]}}))}))};export{Xo as N,Pe as P,ke as U,na as a,Sn as b,Ee as c,dn as d,Be as e,$o as g};

package/build/esm/index-68390e33.js

@@ -1 +0,0 @@
-import e from"react";var a="DjBFAbd",t=function(t){var r=t.children,c=t.className,l=t.style,s=t.htmlFor,o=t.size;return e.createElement("label",{"data-size":o,className:"".concat(a," ").concat(c||""),style:l,htmlFor:s},r)};export{t as L};

package/build/esm/index-73e2c0ab.js

@@ -1 +0,0 @@
-import{d as e,_ as n}from"./tslib.es6-8afd0786.js";import r,{forwardRef as t,useRef as a,useState as u,useCallback as o,useImperativeHandle as c,useEffect as i}from"react";import{Flex as l}from"@mantine/core";import{c as f}from"./index-9c085c54.js";function v(e,n){void 0===n&&(n=6);var r=new Array(n).fill("");if(e){var t=e.toString().split("");r.map((function(e,n){t[n]&&(r[n]=t[n]||"")}))}return r}function p(e){return e.join("")}var s="_2iQs0sk",m="Ia6IojY",d=t((function(t,a){var u=t.maxLength,o=void 0===u?1:u,c=t.placeholder,i=t.className,l=e(t,["maxLength","placeholder","className"]);return r.createElement("input",n({maxLength:o,className:f(m,"otpInput",i),placeholder:c,type:"number"},l,{ref:a}))})),y=t((function(e,n){var t=e.valueLength,m=void 0===t?6:t,y=e.type,k=void 0===y?"number":y,g=e.value,h=e.defaultValue,b=e.onChange,D=e.onBlur,x=a(new Array(m).fill(null)),C=u(h||g),w=C[0],j=C[1],I=u(-1),L=I[0],S=I[1],A=u((function(){return v(w,m)})),N=A[0],B=A[1],E=o((function(){if(-1!==L){var e=x.current[L];if(e){e.value="";var n=N;n[L]="",B(n),j((function(){return p(n)})),null==b||b(p(n))}}}),[L,b,N]),R=o((function(){if(0!==L){var e=x.current[L];e&&e.blur();var n=x.current[L-1];n&&n.focus()}}),[L]),_=o((function(){if(L!==m-1){var e=x.current[L];e&&e.blur();var n=x.current[L+1];n&&n.focus()}}),[L,m]),F=o((function(e){var n=e.target,r=n.value.toString().slice(0,1),t=x.current.findIndex((function(e){return e===n}));if(-1!==t){var a=N;a[t]=r,B(a),j((function(){return p(a)})),null==b||b(p(a))}_()}),[_,b,N]),G=o((function(e){var n=e.target,r=x.current.findIndex((function(e){return e===n}));"number"===k?n.select():n.setSelectionRange(0,n.value.length,"backward"),-1!==r&&S(r)}),[]),K=o((function(e){var n=v(e.clipboardData.getData("text/plain"),m),r=p(n);B(n),j(r),null==b||b(r)}),[b,k,m]),O=o((function(e){8===e.keyCode||"Backspace"===e.key?(e.preventDefault(),E(),R()):46===e.keyCode||"Delete"===e.key?(e.preventDefault(),E()):37===e.keyCode||"ArrowLeft"===e.key?(e.preventDefault(),R()):39===e.keyCode||"ArrowRight"===e.key?(e.preventDefault(),_()):32!==e.keyCode&&" "!==e.key&&"Spacebar"!==e.key&&"Space"!==e.key||e.preventDefault()}),[E,_,R]);return c(n,(function(){return x.current[0]}),[]),i((function(){B((function(){return v(g,m)})),j(g)}),[m,g]),r.createElement(l,{justify:"center",columnGap:8,className:f(s,"otpContainer")},N.map((function(e,n){return r.createElement(d,{ref:function(e){x.current[n]=e},key:""+n,value:e,type:k,onChange:F,onFocus:G,onKeyDown:O,onPaste:K,onBlur:D})})))}));export{y as O};

package/build/esm/index-7c5d9e88.js

@@ -1 +0,0 @@
-import n,{useState as e,useRef as t,useEffect as o}from"react";import{u as a}from"./useScrollbarSize-23355889.js";import{createPortal as i}from"react-dom";import{a as r}from"./tslib.es6-8afd0786.js";import{M as d}from"./utils-c4fbd283.js";import{g as l}from"./defaultClassWrapper-86053461.js";import s from"styled-components";import{u as c}from"./useTranslations-0253a7a8.js";import{t as h}from"./theme-f92bf7cf.js";import{I as p}from"./index-9a1e70a2.js";import{a as m}from"./index-b5f56aea.js";import{T as u}from"./index-6e945ca0.js";import{R as g}from"./index-8ade36a0.js";import{G as x}from"./BabyGrowth-9c6121b7.js";var f,y,v,b,w,_="hhgcomp-modal-modal",j=l(s.div(f||(f=r(["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"],["\n  position: relative;\n  z-index: 200;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 4px 8px ",";\n  &[data-site-type='marryBaby'] {\n    border-radius: 16px;\n    .hhg-modal__content {\n      position: relative;\n      z-index: 111;\n      height: 100%;\n\n      padding: 24px;\n    }\n  }\n  .hhg-modal__content {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    padding: 16px;\n  }\n  .hhg-modal__video {\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    background-color: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),_),E=s.div(y||(y=r(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 201;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  visibility: hidden;\n  background-color: rgba(38, 38, 38, 0.3);\n\n  .hhg-modal__close {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    cursor: pointer;\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n  }\n  &[data-type='video'] {\n    z-index: 1001;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n  }\n\n  &.slideTop {\n    ."," {\n      transform: translate(0, -100vh);\n      transition: all 0.5s ease;\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transform: translate(0);\n      }\n    }\n  }\n\n  &.scaleUp {\n    ."," {\n      transform: scale(0.9);\n    }\n\n    &[data-open='true'] {\n      ."," {\n        transition: all 0.3s ease-out;\n        transform: scale(1);\n      }\n    }\n  }\n\n  &[data-type='tail'] {\n    justify-content: flex-end;\n    ."," {\n      width: 420px;\n      height: 100%;\n      border-radius: 0;\n      overflow: hidden auto;\n    }\n  }\n  &[data-type='form'] {\n    ."," {\n      width: 496px;\n      height: 548px;\n      max-height: 100%;\n      overflow-y: auto;\n      "," {\n        width: 340px;\n      }\n    }\n  }\n  &[data-type='video'] {\n    ."," {\n      height: 100%;\n      max-height: 539px;\n      "," {\n        height: 192px;\n        width: 100%;\n        height: 100%;\n        border-radius: 6px;\n        max-height: 192px;\n      }\n    }\n  }\n  &[data-type='confirm'] {\n    ."," {\n      width: 100%;\n      max-width: 407px;\n      "," {\n        width: calc(100% - 32px);\n        max-width: calc(100% - 32px);\n      }\n    }\n  }\n"])),_,_,_,_,_,_,d.mbDown,_,d.mbDown,_,d.mbDown),k=s.div(v||(v=r(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"],["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  align-items: center;\n\n  &[data-open='false'] {\n    display: none;\n  }\n  &[data-type='video'] {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.colors.secondaryDark})),B="hhg-modals",z=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&document.body.classList.remove("hhc-modal-show")},C=function(){document.querySelectorAll('.hhg-modal[data-open="true"]').length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},T=function(r){var d=r.type,l=void 0===d?"lead":d,s=r.closeIcon,c=r.isOpen,h=void 0===c||c,p=r.onClose,m=r.children,u=r.className,g=void 0===u?"":u,x=r.animationType,f=void 0===x?"slideTop":x,y=r.isStaticBackdrop,v=void 0!==y&&y,b=r.siteType;r.style;var w=e(!1),_=w[0],T=w[1],G=t(null),N=a().width;if(!G.current&&_&&(G.current=document.createElement("div")),o((function(){return T(!0),function(){T(!1),z(),C()}}),[]),o((function(){if(_){var n=((e=document.getElementById(B))||((e=document.createElement("div")).setAttribute("id",B),document.body.append(e)),e);return n.appendChild(G.current),function(){n.removeChild(G.current)}}var e}),[_]),o((function(){h?document.body.classList.add("hhc-modal-show"):z()}),[h]),o((function(){h?(document.body.style.overflow="hidden",document.body.style.paddingRight=N+"px",document.body.classList.add("hhc-disabled-scroll")):C()}),[h,N]),!_)return null;var S=["hhg-modal__wrapper",g,f].filter((function(n){return n})).join(" ");return i(n.createElement(E,{className:S,"data-open":h,"data-type":l},!v&&n.createElement(k,{"data-open":h,onClick:p,"data-type":l}),!v&&"video"===l&&!!s&&n.createElement("div",{className:"hhg-modal__close",onClick:p},s),n.createElement(j,{className:"hhg-modal","data-open":h,"data-site-type":b},n.createElement("div",{className:"video"===l?"hhg-modal__video":"hhg-modal__content"},!!s&&"video"!==l&&n.createElement("div",{className:"hhg-modal__close",onClick:p},s),m))),G.current)},G=s.div(b||(b=r(["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        justify-self: left;\n      }\n    }\n  }\n"],["\n  & > :not(:last-child) {\n    margin-bottom: 8px;\n  }\n\n  .gender-selector {\n    & > :not(:last-child) {\n      margin-right: 16px;\n    }\n\n    & > div {\n      width: calc(50% - 8px);\n\n      "," {\n        justify-self: left;\n      }\n    }\n  }\n"])),d.mbUp),N=s(g)(w||(w=r(["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"],["\n  & > div > div {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-content: center;\n    gap: 8px;\n    padding-block: 5px;\n  }\n  .radio-group-item-heading {\n    margin-top: 0;\n  }\n"]))),S=function(e){var t=e.value,o=e.onChange,a=e.siteType,i=c().t,r="marryBaby"==a;return n.createElement(G,{"data-is-marryBaby":r},r?n.createElement(m,{type:"h4",color:h.mbColors.dark},i("babyVaccineTool.selectGender")):n.createElement(u,{size:"label2",type:"bold",style:{marginBottom:"0.5rem"}},i("babyVaccineTool.selectGender")),n.createElement(N,{siteType:a,options:[{value:x.Boy,label:i("gender.male"),content:r?n.createElement(p.BabyBoyMB,null):n.createElement(p.GenderChooseBoy,null)},{value:x.Girl,label:i("gender.female"),content:r?n.createElement(p.BabyGirlMB,null):n.createElement(p.GenderChooseGirl,null)}],value:t,onChange:o,className:"gender-selector"}))};export{S as B,T as M};

package/build/esm/index-8ade36a0.js

@@ -1 +0,0 @@
-import n,{useRef as e,useEffect as t,useState as i}from"react";import{Portal as a}from"@mantine/core";import{t as o}from"./utils-c4fbd283.js";import{a as r}from"./tslib.es6-8afd0786.js";import d,{css as s}from"styled-components";import{T as l}from"./index-6e945ca0.js";import{t as p}from"./theme-f92bf7cf.js";import{s as u,e as x,b as c,f,c as m,g as h,a as b,d as g}from"./animation-16ef2a19.js";import{M as w}from"./index-b5f56aea.js";var v,C,y,k,E,O,j,z,L,N,T,B,D,F,M,G,I,P=d.div(v||(v=r(["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  &[data-open='false'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n    pointer-events: auto;\n  }\n"],["\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n  background-color: rgba(38, 38, 38, 0.3);\n  z-index: 1;\n  &[data-open='false'] {\n    visibility: hidden;\n    pointer-events: none;\n  }\n  &[data-open='true'] {\n    visibility: visible;\n    pointer-events: auto;\n  }\n"]))),R=function(e){var t=e.open,i=void 0!==t&&t,a=e.onClickOutside;return n.createElement(P,{"data-open":i,onClick:a})},V="600ms",Z=d.div(B||(B=r(["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"],["\n  position: fixed;\n  inset: 0;\n  z-index: ",";\n  pointer-events: ",";\n"])),p.zIndexes.drawer,(function(n){return n.open?"auto":"none"})),q=d.div(F||(F=r(["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"],["\n  position: fixed;\n  z-index: 300;\n  background: #ffffff;\n  visibility: ",";\n  max-height: calc(100vh - 100px);\n  display: flex;\n  flex-direction: column;\n  .title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    ","\n  }\n\n  .close-button {\n    margin-left: auto;\n  }\n\n  ","\n"])),(function(n){return n.open?"visible":"hidden"}),(function(n){return n.hasTitle?s(D||(D=r(["\n            border-bottom: 1px solid ",";\n          "],["\n            border-bottom: 1px solid ",";\n          "])),p.colors.neutral100):null}),(function(n){return function(n,e){switch(n){case"top":return s(y||(y=r(["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        top: 0;\n        width: 100%;\n        border-radius: 0px 0px 6px 6px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?s(C||(C=r(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),b,V):null,g,V);case"right":return s(E||(E=r(["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        right: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 6px 0px 0px 6px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?s(k||(k=r(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),m,V):null,h,V);case"bottom":return s(j||(j=r(["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        bottom: 0;\n        width: 100%;\n        border-radius: 6px 6px 0px 0px;\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?s(O||(O=r(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),u,V):null,x,V);case"left":return s(L||(L=r(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?s(z||(z=r(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),c,V):null,f,V);default:return s(T||(T=r(["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "],["\n        left: 0;\n        height: 100%;\n        min-width: 300px;\n        border-radius: 0px 6px 6px 0px;\n\n        ","\n\n        &.slideOut {\n          animation: "," "," ease-in-out forwards;\n        }\n      "])),e?s(N||(N=r(["\n              animation: "," "," ease-in-out forwards;\n            "],["\n              animation: "," "," ease-in-out forwards;\n            "])),u,V):null,x,V)}}(n.placement,n.open)})),A=d.div(M||(M=r(["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"],["\n  min-height: 200px;\n  padding: 16px;\n  overflow-y: auto;\n"]))),H=function(i){var r=i.children,d=i.title,s=i.onClose,p=i.open,u=void 0!==p&&p,x=i.placement,c=void 0===x?"left":x,f=i.destroyOnClose,m=void 0!==f&&f,h=i.className,b=e();t((function(){return o(u),function(){return o(!1)}}),[u]);var g=function(){b.current.classList.add("slideOut"),setTimeout((function(){s()}),800)};return!u&&m?null:n.createElement(a,null,n.createElement(Z,{className:h,open:u},n.createElement(R,{open:u,onClickOutside:g}),n.createElement(q,{open:u,placement:c,ref:b,hasTitle:Boolean(d)},n.createElement("div",{className:"title"},d&&n.createElement(l,{size:"s2",type:"semiBold"},d),n.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"close-button",onClick:g},n.createElement("path",{d:"M5.99007 4.99067C5.79114 4.99072 5.59674 5.0501 5.43173 5.16121C5.26672 5.27233 5.1386 5.43013 5.06374 5.61444C4.98889 5.79875 4.9707 6.0012 5.0115 6.1959C5.05231 6.39061 5.15025 6.56872 5.29281 6.70747L10.5858 12.0004L5.29281 17.2934C5.19684 17.3855 5.12021 17.4959 5.06743 17.618C5.01464 17.7402 4.98676 17.8716 4.9854 18.0046C4.98405 18.1377 5.00926 18.2697 5.05954 18.3928C5.10983 18.516 5.1842 18.6279 5.27827 18.722C5.37235 18.8161 5.48426 18.8904 5.60743 18.9407C5.73061 18.991 5.86259 19.0162 5.99563 19.0149C6.12867 19.0135 6.2601 18.9856 6.38223 18.9328C6.50436 18.8801 6.61473 18.8034 6.70687 18.7075L11.9998 13.4145L17.2928 18.7075C17.385 18.8034 17.4953 18.8801 17.6175 18.9328C17.7396 18.9856 17.871 19.0135 18.0041 19.0149C18.1371 19.0162 18.2691 18.991 18.3922 18.9407C18.5154 18.8904 18.6273 18.8161 18.7214 18.722C18.8155 18.6279 18.8899 18.516 18.9401 18.3928C18.9904 18.2697 19.0156 18.1377 19.0143 18.0047C19.0129 17.8716 18.985 17.7402 18.9323 17.618C18.8795 17.4959 18.8028 17.3855 18.7069 17.2934L13.4139 12.0004L18.7069 6.70747C18.8514 6.567 18.9501 6.38616 18.99 6.18864C19.03 5.99112 19.0093 5.78614 18.9308 5.60055C18.8523 5.41497 18.7195 5.25744 18.5499 5.14861C18.3803 5.03978 18.1817 4.98473 17.9803 4.99067C17.7205 4.99841 17.4739 5.10699 17.2928 5.2934L11.9998 10.5864L6.70687 5.2934C6.61368 5.19761 6.50224 5.12146 6.37912 5.06947C6.25601 5.01747 6.12372 4.99068 5.99007 4.99067Z",fill:"#595959"}))),n.createElement(A,{onClick:function(n){return n.stopPropagation()}},r&&(n.isValidElement(r)?r:"function"==typeof r?r({internalClose:g}):null)))))},J=d.div(G||(G=r(["\n  display: flex;\n  width: 100%;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n  }\n"],["\n  display: flex;\n  width: 100%;\n\n  &[data-direction='vertical'] {\n    flex-direction: column;\n  }\n\n  &[data-direction='horizontal'] {\n    flex-wrap: wrap;\n  }\n"]))),K=d.div(I||(I=r(["\n  display: flex;\n\n  padding: 8px;\n\n  border-radius: 6px;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-is-mb='false'] {\n    &[data-selected='true'] {\n      border: 1px solid #2d87f3;\n      background: white;\n    }\n    &[data-selected='false'] {\n      border: 1px solid #f2f2f2;\n      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n    }\n  }\n\n  &[data-is-mb='true'] {\n    border-radius: 16px;\n    background: white;\n    padding: 16px auto;\n\n    &[data-selected='true'] {\n      border: 1px solid ",";\n      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n    }\n    &[data-selected='false'] {\n      border: none;\n    }\n  }\n\n  &[data-disabled='true'] {\n    cursor: auto;\n  }\n\n  .radio-group-item-heading {\n    margin-top: 8px;\n    //height: 48px;\n    text-align: center;\n  }\n\n  .gender-image {\n    width: 70px;\n    height: 70px;\n    &[data-is-mobile='true'] {\n      width: 40px;\n      height: 40px;\n    }\n  }\n"],["\n  display: flex;\n\n  padding: 8px;\n\n  border-radius: 6px;\n  cursor: pointer;\n\n  & > div {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  &[data-is-mb='false'] {\n    &[data-selected='true'] {\n      border: 1px solid #2d87f3;\n      background: white;\n    }\n    &[data-selected='false'] {\n      border: 1px solid #f2f2f2;\n      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);\n    }\n  }\n\n  &[data-is-mb='true'] {\n    border-radius: 16px;\n    background: white;\n    padding: 16px auto;\n\n    &[data-selected='true'] {\n      border: 1px solid ",";\n      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);\n    }\n    &[data-selected='false'] {\n      border: none;\n    }\n  }\n\n  &[data-disabled='true'] {\n    cursor: auto;\n  }\n\n  .radio-group-item-heading {\n    margin-top: 8px;\n    //height: 48px;\n    text-align: center;\n  }\n\n  .gender-image {\n    width: 70px;\n    height: 70px;\n    &[data-is-mobile='true'] {\n      width: 40px;\n      height: 40px;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.mint})),Q=function(e){var t=e.value,a=e.options,o=e.className,r=e.direction,d=void 0===r?"horizontal":r,s=e.onChange,u=e.isDisabled,x=e.siteType,c=i(t),f=c[0],m=c[1],h="marryBaby"===x;return n.createElement(J,{className:o,"data-direction":d},a.map((function(e,i){return n.createElement(K,{"data-selected":(t||f)===e.value,"data-is-mb":h,"data-disabled":u,key:i,onClick:function(){var n;n=e.value,u||(m(n),s&&s(n))}},n.createElement("div",null,e.content,e.label&&n.createElement(n.Fragment,null,h?n.createElement(w,{type:"subtitle-2",color:(t||f)===e.value?p.mbColors.dark:p.mbColors.midGray},e.label):n.createElement(l,{type:"bold",color:(t||f)===e.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},e.label))))})))};export{H as D,Q as R};