@hhgtech/hhg-components 1.27.133 → 1.27.134

package/build/index.styles-752f2553.js

@@ -0,0 +1,1007 @@
+"use strict";var e=require("styled-components"),t=require("./theme-766d1d1a.js"),r=require("./screenSizeContext-dd848952.js"),o=require("./tslib.es6-9a6fb79a.js"),a=require("react"),i=require("@mantine/core"),l=require("./index-35e529e8.js"),n=require("./index-7e0359e1.js"),s=require("./index-8e49ffc1.js"),d=require("react-keyed-flatten-children"),c=require("./cookieHelper-1e525326.js"),p=require("slugify");require("./index-48112aee.js");var u=require("string-format"),h=require("./isProduction-ee12a612.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=m(e),b=m(a),x=m(d),_=m(p),f=m(u);const E=g.default.div`
+  background-color: var(--background-color, transparent);
+  color: white;
+  cursor: pointer;
+  img {
+    --width: var(--width-prop, 40px);
+    --height: var(--height-prop, 40px);
+    width: var(--width);
+    height: var(--height);
+  }
+  &[data-has-max='true'] {
+    img {
+      max-width: var(--width);
+      max-height: var(--height);
+    }
+  }
+
+  &[data-avatar-type='square'] {
+    img {
+      --width: var(--width-prop, 72px);
+      --height: var(--height-prop, 72px);
+      border-radius: ${e=>e.theme.borderRadius};
+    }
+  }
+
+  &[data-avatar-type='rounded'] {
+    img {
+      border-radius: 50%;
+    }
+  }
+
+  &[data-custom-size='true'] {
+    display: flex;
+    overflow: hidden;
+    overflow: hidden;
+    width: var(--size);
+    height: var(--size);
+    align-items: center;
+    justify-content: center;
+    background-size: cover;
+    font-size: calc(var(--size) / 2);
+    font-weight: bold;
+    &[data-avatar-type='square'] {
+      border-radius: ${e=>e.theme.borderRadius};
+    }
+    &[data-avatar-type='rounded'] {
+      border-radius: 50%;
+      img {
+        --width: 100%;
+        --height: 100%;
+      }
+    }
+    img {
+      object-fit: cover;
+    }
+  }
+`,v=g.default.div`
+  position: relative;
+
+  > div {
+    width: max-content;
+    position: relative;
+  }
+
+  span {
+    font-weight: ${e=>e.theme.sizes.fwBold};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    ${e=>((e,r,o,a)=>{let i="";if("numeric"===e)switch(r){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let l,n="";o&&(n="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),o&&(l=`\n      left: 70%;\n\n      ${"large"===r?"\n        top: -7px;\n      ":"medium"===r?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let s="";switch(a){case"primary":s=`\n      background: ${t.theme.colors.primary50};\n      color: ${t.theme.colors.primary600};  \n    `;break;case"error":s=`\n        background: ${t.theme.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${n}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${s}\n      `;case"numeric":return`\n        ${n}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${l}\n        ${s}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
+  }
+
+  ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
+`,y=g.default.h4`
+  position: relative;
+  line-height: 18px;
+
+  &:after {
+    position: absolute;
+    top: 1px;
+    left: 0;
+    width: 4px;
+    height: 18px;
+    background-color: ${e=>e.theme.colors.primaryBase};
+    content: '';
+  }
+
+  &[data-size='lg'] {
+    font-size: 18px;
+    padding-left: 12px;
+  }
+
+  &[data-size='sm'] {
+    font-size: 14px;
+    padding-left: 8px;
+
+    &::after {
+      width: 2px;
+      height: 15px;
+    }
+  }
+
+  &[data-type='bold'] {
+    font-weight: ${e=>e.theme.sizes.fwBold};
+  }
+  &[data-type='semiBold'] {
+    font-weight: ${e=>e.theme.sizes.fwSemiBold};
+  }
+
+  &[data-uppercase] {
+    text-transform: uppercase;
+  }
+
+  ${r.MediaQueries.mbDown} {
+    &[data-size='lg'] {
+      font-size: 16px;
+    }
+  }
+`,w=g.default.hr`
+  border-width: 1px;
+  border-color: ${e=>e.theme.colors.neutral200};
+  border-style: ${e=>e.dividerType};
+`,T=g.default.div`
+  position: relative;
+  box-sizing: border-box;
+  border: 1px solid ${e=>e.theme.colors.gray200};
+  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;
+  background-position: right 16px center;
+  border-radius: ${e=>e.theme.borderRadius};
+
+  &[data-has-icons='true'] {
+    border: none;
+    background: ${e=>e.theme.colors.gray100};
+
+    img,
+    svg {
+      display: inline-block;
+      max-width: 16px;
+      margin-right: 6px;
+    }
+
+    span {
+      vertical-align: middle;
+      display: inline-block;
+    }
+
+    &:hover {
+      box-shadow: none;
+    }
+    > div {
+      position: relative;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+    }
+    > div::after {
+      content: '';
+      right: 12px;
+      top: 50%;
+      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");
+      width: 10px;
+      height: 8px;
+      position: absolute;
+      background-repeat: no-repeat;
+      transform: translateY(-50%);
+    }
+  }
+
+  &:hover {
+    box-shadow: 0 0 2px 2px
+      ${e=>e.theme.colors.primary200};
+  }
+`,O=g.default.div`
+  padding: 12px 18px 12px 16px;
+  cursor: pointer;
+  &[data-dropdown-open] {
+    padding: 11px 15px 11px 15px;
+    border: 1px solid ${e=>e.theme.colors.primaryBase};
+    border-radius: ${e=>e.theme.borderRadius};
+    box-shadow: 0 0 2px 2px
+      ${e=>e.theme.colors.primary200};
+  }
+
+  & > svg {
+    height: 16px;
+    width: 16px;
+  }
+`,A=g.default.ul`
+  position: absolute;
+  top: 100%;
+  right: 0;
+  left: 0;
+  display: block;
+  margin-top: 4px;
+  background: ${e=>e.theme.colors.white};
+  border-radius: ${e=>e.theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  cursor: pointer;
+
+  &[data-has-icons='true'] {
+    background: white;
+    box-shadow: none;
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
+  }
+`,S=g.default.li`
+  margin: 8px;
+  padding: 12px 18px 12px 16px;
+  border-radius: ${e=>e.theme.borderRadius};
+  display: flex;
+  &:hover,
+  :active {
+    background: ${e=>e.theme.colors.gray100};
+  }
+`,I=g.default.div`
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+
+  & > svg {
+    height: 16px;
+    width: 16px;
+  }
+`,L=g.default.div`
+  --columns-count: ${e=>e.theme.columns};
+  --columns-count-desktop: ${e=>e.theme.columnsDesktop};
+
+  --grid-template-columns: ${e=>e.theme.gridTemplateColumns};
+  --grid-template-columns-desktop: ${e=>e.theme.gridTemplateColumnsDesktop};
+
+  --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));
+  --columns-desktop: var(--grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr));
+
+  --justify-children: ${e=>e.theme.justifyChildren};
+  --grid-gap: ${e=>e.theme.gap};
+  --align-items: ${e=>e.theme.alignItems};
+
+  display: grid;
+  grid-template-columns: var(--columns);
+  grid-gap: var(--grid-gap);
+  align-items: var(--align-items);
+
+  ${r.MediaQueries.tdUp} {
+    grid-template-columns: var(--columns-desktop);
+  }
+
+  > * {
+    justify-self: var(--justify-children);
+  }
+`;var R="xzO2I0N";const $=i.createStyles((()=>({root:{}}))),k=g.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  user-select: none;
+  li {
+    transition: all 0.3s ease;
+  }
+  [data-page-active] {
+    background: ${e=>e.theme.colors.primaryBase};
+    color: ${e=>e.theme.colors.white};
+
+    > a {
+      color: ${e=>e.theme.colors.white};
+    }
+  }
+`,D=g.default.div`
+  display: flex;
+  width: 32px;
+  height: 32px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${e=>e.theme.colors.gray200};
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${e=>e.theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${e=>e.theme.sizes.fwBold};
+
+  &[data-last-page] {
+    border: none;
+    background-color: ${e=>e.theme.colors.gray100};
+    cursor: not-allowed;
+    pointer-events: none;
+
+    svg {
+      path {
+        stroke: ${e=>e.theme.colors.gray300};
+      }
+    }
+  }
+`,C=g.default.li`
+  display: flex;
+  width: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${e=>e.theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${e=>e.theme.sizes.fwBold};
+
+  > a {
+    color: ${e=>e.theme.colors.gray800};
+    text-decoration: unset;
+    display: block;
+    width: 100%;
+    height: 100%;
+    line-height: 32px;
+    text-align: center;
+  }
+`,P=g.default.div`
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${e=>e.theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${e=>e.theme.colors.gray200};
+    border-radius: ${e=>e.theme.borderRadius};
+
+    &:active,
+    &:focus,
+    .focused & {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px
+        ${e=>e.theme.colors.primary200};
+    }
+
+    &:disabled {
+      background-color: ${e=>e.theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      ${r.MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${r.MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      ${r.MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${r.MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      ${r.MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${r.MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;g.default.label`
+  display: inline-block;
+  margin-bottom: 4px;
+  color: ${e=>e.theme.colors.gray600};
+  font-weight: ${e=>e.theme.sizes.fwBold};
+`;const G=g.default.label`
+  color: ${e=>e.theme.colors.red700};
+  font-weight: ${e=>e.theme.sizes.fwRegular};
+`,N=g.default.div`
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  display: inline-flex;
+  cursor: pointer;
+  transform: translateY(-50%);
+`,M=g.default.div`
+  position: absolute;
+  top: 50%;
+  left: 16px;
+  display: inline-flex;
+  cursor: default;
+  transform: translateY(-50%);
+`,U=b.default.forwardRef(((e,t)=>{var{name:r,errorMessage:i,autoComplete:n="off",defaultValue:s,actionIcon:d,displayIcon:c,isDeleteAction:p,onActionClick:u,label:h,placeholder:m,className:g,onChange:x,onKeyPress:_,isDisabled:f,CustomInput:E,size:v,style:y,autoFocus:w,type:T="text",isNumerousKeyboard:O=!1,onFocus:A,enterKeyHint:S,nativeOnChange:I}=e,L=o.__rest(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);const[R,$]=a.useState(s);return b.default.createElement(P,{"data-size":v,className:g,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!c||void 0,"data-has-error":i&&i.length>0||void 0,style:y},h&&b.default.createElement(l.Label,{size:"label2",htmlFor:r,className:"inputLabel"},h),b.default.createElement("div",{style:{position:"relative"}},E||b.default.createElement("input",Object.assign({id:r,name:r,placeholder:m,onChange:null!=I?I:e=>{return t=e.target.value,$(t),void x(t);var t},onKeyPress:_,type:T,"aria-label":T,disabled:f,value:R,autoComplete:n,ref:t,autoFocus:w,inputMode:O||"number"===T?"numeric":T,pattern:O?"[0-9]*":".*",onFocus:A,enterKeyHint:S},L)),c&&b.default.createElement(M,{className:"displayIcon"},c),d&&b.default.createElement(N,{className:"actionIcon",onClick:()=>{var e;p&&($(""),null===(e=t.current)||void 0===e||e.focus()),u&&u()}},d)),i&&i.length>0&&b.default.createElement(G,{className:"errorLabel"},i))}));U.displayName="PureInput";const B=g.default.div`
+  &[data-type='circle'] {
+    position: relative;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    input {
+      position: relative;
+      width: 20px;
+      height: 20px;
+      flex-shrink: 0;
+      border: solid 1px ${e=>e.theme.colors.gray500};
+      margin-right: 8px;
+      border-radius: 100%;
+      cursor: inherit;
+      transition: background 0.4s, border-color 0.4s, box-shadow 0.4s;
+
+      &:hover,
+      &:active {
+        border-color: ${e=>e.theme.colors.primaryBase};
+        box-shadow: 0 0 2px 2px
+          ${e=>e.theme.colors.primary600};
+      }
+
+      &:checked {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-color: ${e=>e.theme.colors.primaryBase};
+        &:after {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          width: 14px;
+          height: 14px;
+          //left: 3px;
+          //position: absolute;
+          //top: 4px;
+          background-color: ${e=>e.theme.colors.primaryBase};
+          border-radius: 50%;
+          content: '';
+          transform: translate(-50%, -50%);
+        }
+      }
+    }
+
+    label {
+      width: calc(100% - 24px);
+      cursor: inherit;
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+    }
+
+    &[data-disabled='true'] {
+      color: ${e=>e.theme.colors.gray300};
+      cursor: not-allowed;
+      input {
+        border-color: ${e=>e.theme.colors.gray300};
+
+        &:hover {
+          border-color: ${e=>e.theme.colors.gray300};
+          box-shadow: none;
+        }
+      }
+    }
+  }
+
+  &[data-type='rectangle'] {
+    input {
+      display: none;
+
+      &:checked ~ label {
+        border-color: ${e=>e.theme.colors.primary600};
+        background-color: ${e=>e.theme.colors.primary600};
+        color: ${e=>e.theme.colors.white};
+        font-weight: ${e=>e.theme.sizes.fwBold};
+      }
+    }
+
+    label {
+      display: inline-block;
+      width: auto;
+      box-sizing: border-box;
+      flex-shrink: 0;
+      border: solid 1px ${e=>e.theme.colors.gray300};
+      border-radius: ${e=>e.theme.borderRadius};
+      color: ${e=>e.theme.colors.gray800};
+      cursor: pointer;
+      font-weight: ${e=>e.theme.sizes.fwRegular};
+      text-align: center;
+
+      &:hover,
+      &:active {
+        border-color: ${e=>e.theme.colors.primary600};
+      }
+    }
+
+    &[data-disabled='true'] {
+      input {
+        cursor: not-allowed;
+      }
+
+      label {
+        color: ${e=>e.theme.colors.gray300};
+        cursor: not-allowed;
+
+        &:hover {
+          border-color: ${e=>e.theme.colors.gray300};
+        }
+      }
+    }
+
+    &[data-size='small'] {
+      label {
+        height: 32px;
+        padding: 6px 12px;
+        font-size: 13px;
+      }
+    }
+
+    &[data-size='large'] {
+      label {
+        height: 48px;
+        padding: 13px 16px;
+        font-size: 14px;
+      }
+    }
+  }
+`,z=g.default.div`
+  --padding-horizontal: 8px;
+  --pading-vertical: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--pading-vertical) var(--padding-horizontal);
+  border-radius: 24px;
+
+  ${e=>"sponsored"===e.tagType&&`\n    --offset-size: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    position: relative;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 0 4px 18px 0;\n    height: 24px;\n    width: 90px;\n    border-left: var(--offset-size) solid ${t.theme.colors.accentLight};\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ${t.theme.sizes.fwBold};\n      color: var(\n        --text-props-color,\n        ${t.theme.colors.secondaryDark}\n      );\n      font-size: 11px;\n      margin-left: calc(var(--offset-size) * -1);\n    }\n\n    &::after {\n      width: calc(var(--offset-size) * 2);\n      height: var(--offset-size);\n      background: ${t.theme.colors.accentMain};\n      position: absolute;\n      left: calc(var(--offset-size) * -1);\n      bottom: calc(var(--offset-size) * -1);\n      clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n      content: '';\n    }\n  `}
+
+  ${e=>e.isInline&&"\n      display: inline-block;\n  "}
+
+  ${e=>e.tagHasMorePadding&&"\n    &[data-has-more-padding] {\n      padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n    }\n  "}
+
+  p {
+    ${e=>e.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":`\n      color: var(--text-props-color, ${t.theme.colors.white});\n        `}
+  }
+
+  ${e=>((e,r)=>{switch(e){case"yellow":return`\n        background: ${r?t.theme.colors.yellow50:t.theme.colors.yellow600};\n        p {\n          color: var(\n            --text-props-color,\n            ${t.theme.colors.gray800}\n          );\n        }\n      `;case"standard":return`\n      background: ${t.theme.colors.white};\n      border: 1px solid ${t.theme.colors.gray200};\n  \n      p {\n        color: var(\n          --text-props-color,\n          ${t.theme.colors.gray800}\n        );\n      }\n  \n      &:hover {\n        background: ${t.theme.colors.gray100};\n      }\n      `;case"red":return`\n         background: ${r?t.theme.colors.red50:t.theme.colors.red500};\n        `;case"green":return`\n         background: ${r?t.theme.colors.green50:t.theme.colors.green500};\n      `;case"blue":return`\n         background: ${r?t.theme.colors.primary50:t.theme.colors.primaryBase};\n      `;case"teal":return`\n         background: ${r?t.theme.colors.teal100:t.theme.colors.teal600};\n      `;case"pink":return`\n         background: ${r?t.theme.colors.pink200:t.theme.colors.pink800};\n      `;case"violet":return`\n          background: ${r?t.theme.colors.violet100:t.theme.colors.violet500};\n      `;case"grey":return`\n          background: ${r?t.theme.colors.gray100:t.theme.colors.gray600};\n      `}})(e.tagType,e.tagIsLight)}
+
+  ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&"\n    border-radius: 4px;\n  "}
+
+  ${e=>e.tagIsALink&&"\n    cursor: pointer;\n  "} 
+
+  &[data-is-selected],
+  &:active {
+    background: ${e=>e.theme.colors.primary50};
+  }
+`,H=(e,t)=>a.forwardRef(((r,a)=>{var{className:i}=r,l=o.__rest(r,["className"]);return b.default.createElement(e,Object.assign({ref:a,className:`${t} ${i||""}`},l))})),j="24px",F="hhgcomp-toggle-icon",K=H(g.default.span`
+  position: relative;
+  display: block;
+  width: 40px;
+  height: ${j};
+  background: #c3cbd4;
+  border-radius: 100px;
+  cursor: pointer;
+
+  &:after {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 20px;
+    height: 20px;
+    background: #fff;
+    border-radius: 90px;
+    content: '';
+    transition: 0.3s;
+  }
+`,F),V=g.default.span`
+  padding-left: 15px;
+`,Y=g.default.div`
+  height: ${j};
+
+  input[type='checkbox'] {
+    width: 0;
+    height: 0;
+    visibility: hidden;
+  }
+
+  label {
+    cursor: pointer;
+    display: inline-flex;
+    color: ${e=>e.theme.colors.gray600};
+  }
+
+  input:checked + label .${F} {
+    background: ${e=>e.theme.colors.primaryBase};
+    &:after {
+      left: calc(100% - 2px);
+      transform: translateX(-100%);
+    }
+  }
+`,W=g.default.div`
+  textarea {
+    width: 100%;
+    height: var(--textarea-height, 116px);
+    padding: 1rem;
+    border: 1px solid ${e=>e.theme.colors.gray200};
+    border-radius: 6px;
+    color: ${e=>e.theme.colors.gray800};
+    font-size: 14px;
+    resize: none;
+
+    &:focus {
+      box-shadow: 0px 0px 2px 2px #91caff;
+    }
+
+    &::placeholder {
+      color: ${e=>e.theme.colors.gray500};
+    }
+
+    &:disabled {
+      background-color: ${e=>e.theme.colors.neutral50};
+      cursor: not-allowed;
+    }
+  }
+`,q=b.default.forwardRef((({height:e,placeholder:t,labelText:r,labelColor:o,id:a,name:i,onChange:n,value:s,className:d,onKeyPress:c,disabled:p=!1},u)=>b.default.createElement(W,{className:d,style:{"--textarea-height":e||"116px"}},r&&b.default.createElement(l.Label,{size:"label2",style:{color:o||"#595959"},htmlFor:a},r),b.default.createElement("textarea",{name:i,ref:u,placeholder:t,id:a,onChange:e=>n&&n(e.target.value),onKeyPress:e=>c&&c(e),value:s,disabled:p})))),X=g.default.div`
+  display: flex;
+  cursor: pointer;
+
+  &[data-theme='marryBaby'] {
+    input {
+      width: 20px;
+      height: 20px;
+      border: 1.3px solid ${e=>e.theme.mbColors.midGray};
+      border-radius: 9px;
+
+      cursor: inherit;
+      transition: border-color 0.4s, box-shadow 0.4s;
+
+      &:hover,
+      &:active {
+        border-color: ${e=>e.theme.mbColors.cobalt};
+        box-shadow: 0 0 2px 2px
+          ${e=>e.theme.mbColors.cobalt};
+      }
+
+      &:focus-visible {
+        border: 2px solid ${e=>e.theme.mbColors.cobalt};
+      }
+
+      &:checked {
+        border: 0;
+        background: ${e=>e.theme.mbColors.cobalt}
+          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")
+          no-repeat center center;
+      }
+    }
+
+    label {
+      max-width: 15rem;
+      margin-left: 8px;
+      width: calc(100% - 24px);
+      cursor: inherit;
+      font-weight: 600;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+      color: ${e=>e.theme.mbColors.gray};
+    }
+  }
+  input {
+    width: 20px;
+    height: 20px;
+    border: solid 1px ${e=>e.theme.colors.gray500};
+    border-radius: 2px;
+
+    cursor: inherit;
+    transition: border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${e=>e.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px
+        ${e=>e.theme.colors.primary200};
+    }
+
+    &:focus-visible {
+      border: 2px solid
+        ${e=>e.theme.colors.primaryActive};
+    }
+
+    &:checked {
+      border: 0;
+      background: ${e=>e.theme.colors.primaryBase}
+        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")
+        no-repeat center center;
+    }
+  }
+
+  label {
+    max-width: 15rem;
+    margin-left: 8px;
+    font-weight: ${e=>e.theme.sizes.fwRegular};
+    width: calc(100% - 24px);
+    cursor: inherit;
+
+    ${r.MediaQueries.mbDown} {
+      font-size: 14px;
+      line-height: 24px;
+    }
+
+    ${r.MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
+
+  &[data-is-rectangle] > input {
+    position: relative;
+    width: unset;
+    height: unset;
+    padding: 5px 12px;
+    border: 1px solid ${e=>e.theme.colors.neutral100};
+    border-radius: 32px;
+
+    &::after {
+      color: ${e=>e.theme.colors.gray800};
+      content: attr(data-label-text);
+      font-size: 13px;
+    }
+    &:checked {
+      border-color: ${e=>e.theme.colors.primary50};
+      &::after {
+        color: ${e=>e.theme.colors.primaryBase};
+      }
+    }
+    &:checked {
+      background: ${e=>e.theme.colors.primary50};
+    }
+  }
+
+  &[data-disabled] {
+    color: ${e=>e.theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${e=>e.theme.colors.gray300};
+      &:hover {
+        border-color: ${e=>e.theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+`,Q=g.default.div`
+  background-color: var(--neutral50);
+  padding: 12px 0;
+  box-shadow: inset 0px 1px 0px #e4e8ec;
+
+  > * {
+    display: grid;
+    grid-template-columns: 32px 1fr;
+    align-content: center;
+
+    p {
+      font-weight: 600;
+    }
+  }
+
+  .icon-wrapper {
+    display: flex;
+    align-items: center;
+  }
+`,Z=g.default.div`
+  display: inline-flex;
+
+  gap: calc(var(--gap) * 1px);
+  > svg {
+    width: calc(var(--star-size) * 1px);
+    height: calc(var(--star-size) * 1px);
+  }
+
+  &[data-selectable='true'] {
+    > svg {
+      cursor: pointer;
+    }
+  }
+`,J="600ms",ee=g.default.div`
+  position: fixed;
+  inset: 0;
+  z-index: ${t.theme.zIndexes.drawer};
+  pointer-events: ${e=>e.open?"auto":"none"};
+`,te=g.default.div`
+  position: fixed;
+  z-index: 300;
+  background: #ffffff;
+  visibility: ${e=>e.open?"visible":"hidden"};
+  max-height: calc(100vh - 100px);
+  display: flex;
+  flex-direction: column;
+  .title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+    ${r=>r.hasTitle?e.css`
+            border-bottom: 1px solid ${t.theme.colors.neutral100};
+          `:null}
+  }
+
+  .close-button {
+    margin-left: auto;
+  }
+
+  ${t=>((t,o)=>{switch(t){case"top":return e.css`
+        top: 0;
+        width: 100%;
+        border-radius: 0px 0px 6px 6px;
+        ${o?e.css`
+              animation: ${r.slideInDown} ${J} ease-in-out forwards;
+            `:null}
+
+        &.slideOut {
+          animation: ${r.slideOutUp} ${J} ease-in-out forwards;
+        }
+      `;case"right":return e.css`
+        right: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 6px 0px 0px 6px;
+
+        ${o?e.css`
+              animation: ${r.slideInRight} ${J} ease-in-out forwards;
+            `:null}
+
+        &.slideOut {
+          animation: ${r.slideOutRight} ${J} ease-in-out forwards;
+        }
+      `;case"bottom":return e.css`
+        bottom: 0;
+        width: 100%;
+        border-radius: 6px 6px 0px 0px;
+        ${o?e.css`
+              animation: ${r.slideInUp} ${J} ease-in-out forwards;
+            `:null}
+
+        &.slideOut {
+          animation: ${r.slideOutDown} ${J} ease-in-out forwards;
+        }
+      `;case"left":return e.css`
+        left: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 0px 6px 6px 0px;
+
+        ${o?e.css`
+              animation: ${r.slideInLeft} ${J} ease-in-out forwards;
+            `:null}
+
+        &.slideOut {
+          animation: ${r.slideOutLeft} ${J} ease-in-out forwards;
+        }
+      `;default:return e.css`
+        left: 0;
+        height: 100%;
+        min-width: 300px;
+        border-radius: 0px 6px 6px 0px;
+
+        ${o?e.css`
+              animation: ${r.slideInUp} ${J} ease-in-out forwards;
+            `:null}
+
+        &.slideOut {
+          animation: ${r.slideOutDown} ${J} ease-in-out forwards;
+        }
+      `}})(t.placement,t.open)}
+`,re=g.default.div`
+  min-height: 200px;
+  padding: 16px;
+  overflow-y: auto;
+`,oe=g.default.div`
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  outline: 0;
+  background-color: rgba(38, 38, 38, 0.3);
+  z-index: 1;
+  &[data-open='false'] {
+    visibility: hidden;
+    pointer-events: none;
+  }
+  &[data-open='true'] {
+    visibility: visible;
+    pointer-events: auto;
+  }
+`,ae=g.default.div`
+  display: flex;
+  width: 100%;
+
+  &[data-direction='vertical'] {
+    flex-direction: column;
+  }
+
+  &[data-direction='horizontal'] {
+    flex-wrap: wrap;
+  }
+`,ie=g.default.div`
+  display: flex;
+
+  padding: 8px;
+
+  border-radius: ${e=>e.theme.borderRadius};
+  cursor: pointer;
+
+  & > div {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+
+  &[data-is-mb='false'] {
+    &[data-selected='true'] {
+      border: 1px solid #2d87f3;
+      background: white;
+    }
+    &[data-selected='false'] {
+      border: 1px solid #f2f2f2;
+      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
+    }
+  }
+
+  &[data-is-mb='true'] {
+    border-radius: 16px;
+    background: white;
+    padding: 16px auto;
+
+    &[data-selected='true'] {
+      border: 1px solid ${e=>e.theme.mbColors.mint};
+      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
+    }
+    &[data-selected='false'] {
+      border: none;
+    }
+  }
+
+  &[data-disabled='true'] {
+    cursor: auto;
+  }
+
+  .radio-group-item-heading {
+    margin-top: 8px;
+    //height: 48px;
+    text-align: center;
+  }
+
+  .gender-image {
+    width: 70px;
+    height: 70px;
+    &[data-is-mobile='true'] {
+      width: 40px;
+      height: 40px;
+    }
+  }
+`;var le=i.createStyles((e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}})));const ne=a.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1});
+/*!
+ * cookie
+ * Copyright(c) 2012-2014 Roman Shtylman
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+var se=function(e,t){if("string"!=typeof e)throw new TypeError("argument str must be a string");var r={},o=(t||{}).decode||ue,a=0;for(;a<e.length;){var i=e.indexOf("=",a);if(-1===i)break;var l=e.indexOf(";",a);if(-1===l)l=e.length;else if(l<i){a=e.lastIndexOf(";",i-1)+1;continue}var n=e.slice(a,i).trim();if(void 0===r[n]){var s=e.slice(i+1,l).trim();34===s.charCodeAt(0)&&(s=s.slice(1,-1)),r[n]=me(s,o)}a=l+1}return r},de=function(e,t,r){var o=r||{},a=o.encode||he;if("function"!=typeof a)throw new TypeError("option encode is invalid");if(!pe.test(e))throw new TypeError("argument name is invalid");var i=a(t);if(i&&!pe.test(i))throw new TypeError("argument val is invalid");var l=e+"="+i;if(null!=o.maxAge){var n=o.maxAge-0;if(isNaN(n)||!isFinite(n))throw new TypeError("option maxAge is invalid");l+="; Max-Age="+Math.floor(n)}if(o.domain){if(!pe.test(o.domain))throw new TypeError("option domain is invalid");l+="; Domain="+o.domain}if(o.path){if(!pe.test(o.path))throw new TypeError("option path is invalid");l+="; Path="+o.path}if(o.expires){var s=o.expires;if(!function(e){return"[object Date]"===ce.call(e)||e instanceof Date}(s)||isNaN(s.valueOf()))throw new TypeError("option expires is invalid");l+="; Expires="+s.toUTCString()}o.httpOnly&&(l+="; HttpOnly");o.secure&&(l+="; Secure");if(o.priority){switch("string"==typeof o.priority?o.priority.toLowerCase():o.priority){case"low":l+="; Priority=Low";break;case"medium":l+="; Priority=Medium";break;case"high":l+="; Priority=High";break;default:throw new TypeError("option priority is invalid")}}if(o.sameSite){switch("string"==typeof o.sameSite?o.sameSite.toLowerCase():o.sameSite){case!0:l+="; SameSite=Strict";break;case"lax":l+="; SameSite=Lax";break;case"strict":l+="; SameSite=Strict";break;case"none":l+="; SameSite=None";break;default:throw new TypeError("option sameSite is invalid")}}return l},ce=Object.prototype.toString,pe=/^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;function ue(e){return-1!==e.indexOf("%")?decodeURIComponent(e):e}function he(e){return encodeURIComponent(e)}function me(e,t){try{return t(e)}catch(t){return e}}var ge={parse:se,serialize:de};const be={BASE_API_PATH:"/",PROFILE:"profile?website_url={website_url}",SEARCH_USER:"profile/search?website_url={website_url}&name={name}",FETCH_PREVIEW:"fetch/preview?website_url={website_url}",FETCH_POST_OR_TOPIC:"fetch/{slug}?website_url={website_url}&community_slug={communitySlug}",POST:{LIST:"post?website_url={website_url}&slug={slug}&pin={pin}&page={page}&community_id={communityId}&topic_id={topicId}&sort_by={sort}&id={id}",DETAIL_BY_ID_OR_SLUG:"post/{idSlug}?website_url={website_url}",CREATE:"post/create?website_url={website_url}",LIKE:"post/{id}/like?website_url={website_url}",DELETE:"post/{id}/delete?website_url={website_url}",REPORT:"post/{id}/report?website_url={website_url}",UPDATE:"post/{id}/update?website_url={website_url}",FOLLOW:"post/{id}/follow?website_url={website_url}",CREATE_ARTICLE_COMMENT:"article-comment/create?website_url={website_url}"},COMMENT:{LIST:"comment?website_url={website_url}&post_id={postId}&page={page}&sort_by={sort}&items_per_page={perPage}&_without_reply={withoutReply}",CREATE:"comment/create?website_url={website_url}",REPLY:"comment/reply?website_url={website_url}",DELETE:"comment/{id}/delete?website_url={website_url}",LIKE:"comment/{id}/like?website_url={website_url}",UNLIKE:"comment/{id}/unlike?website_url={website_url}",IMAGE_UPLOAD:"comment/image/upload?website_url={website_url}"},COMMUNITY:{LIST:"community?website_url={website_url}&page={page}",DETAIL_BY_ID_OR_SLUG:"community/{idSlug}?website_url={website_url}",JOIN:"community/join?website_url={website_url}",LEAVE:"community/leave?website_url={website_url}"},TOPIC:{LIST:"topic?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}&page={page}",DETAIL_BY_ID_OR_SLUG:"topic/{idSlug}?website_url={website_url}&community_slug={communitySlug}&community_id={communityId}",HEALTH_TOOLS:"tools?topic_id={topicId}&website_url={website_url}",SUBOTS:"subots?topic_id={topicId}&website_url={website_url}",SUGGESTED_POSTS:"suggested-posts?topic_id={topicId}&website_url={website_url}&page={page}",JOIN:"topic/join?website_url={website_url}",LEAVE:"topic/leave?website_url={website_url}"},BOOKMARK:{LIST:"bookmark?user_id={userId}&website_url={website_url}",CREATE:"bookmark/create?website_url={website_url}",DELETE:"bookmark/delete?website_url={website_url}"},UPLOAD_IMAGE:"auth/comment/image/upload?website_url={website_url}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",USER:{DETAIL:"profile/user/detail?website_url={website_url}&user_id={id}",COUNT_TABS:"profile/user/counting?website_url={website_url}&user_id={id}&total_post={post}&total_comment={comment}&total_community={community}&total_reply={reply}&total_question={question}",LIST_POST:"profile/user/posts?website_url={website_url}&user_id={id}&is_anonymous={isAnonymous}&paging=none",LIST_QUESTION_NEED_REPLY:"questions/no-reply?website_url={website_url}",LIST_QUESTION:"question/{id}?website_url={website_url}&is_reply={isReply}&is_question={isQuestion}&is_ignore={isIgnore}&group_by={groupBy}",SKIP_QUESTION:"questions/ignore?website_url={website_url}&question_id={id}",LIST_ANSWERS:"replied/{id}?website_url={website_url}&paging=1&items_per_page={pageSize}"},HEALTH_TOOL:{CREATE:"health-profile/{type}/create?website_url={website_url}",GET_STATUS:"health-profile/get-status-for-user?website_url={website_url}"}},xe={locale:"vi-VN",env:{isMarryBaby:!1,togetherBasePath:"/community"},router:{basePath:"",asPath:"/"}},_e=a.createContext({data:xe,action:{pushNotifications:e=>e,sanitizeFunction:e=>e}});exports.GlobalData=xe;const fe="DD/MM/YYYY",Ee="/images/avatar.jpg",ve="/images/default-image.jpg",ye={DUE_DATE:"DUE_DATE",BMI:"BMI",BMR:"BMR",OVULATION:"OVULATION",IFRAME:"IFRAME",PWG:"PWG",THR:"THR",BGC:"BGC"},we={"id-ID":{"kalkulator-bmi":ye.BMI,"kebutuhan-kalori":ye.BMR,"kalkulator-hari-perkiraan-lahir":ye.DUE_DATE,"kalkulator-masa-subur-2":ye.OVULATION,"kalkulator-kenaikan-berat-badan-ibu-hamil":ye.PWG,"kalkulator-detak-jantung-saat-olahraga":ye.THR},"ms-MY":{"kalkulator-bmi":ye.BMI,"kalkulator-bmr":ye.BMR,"kalkulator-tarikh-bersalin":ye.DUE_DATE,"kalkulator-kesuburan":ye.OVULATION,"kalkulator-tambah-berat-badan-hamil":ye.PWG,"target-heart-rate-calculator":ye.THR},"vi-VN":{"cach-tinh-chi-so-bmi":ye.BMI,"tinh-chi-so-bmr":ye.BMR,"cong-cu-tinh-ngay-du-sinh":ye.DUE_DATE,"tinh-ngay-rung-trung":ye.OVULATION,"cong-cu-tinh-can-nang-khi-mang-thai":ye.PWG,"cong-cu-do-nhip-tim":ye.THR},"zh-TW":{"bmi-calculator":ye.BMI,"bmr-calculator":ye.BMR,"due-date-calculator":ye.DUE_DATE,"ovulation-calculator":ye.OVULATION,"pregnancy-weight-gain-calculator":ye.PWG,"target-heart-rate-calculator":ye.THR},"en-PH":{"bmi-calculator":ye.BMI,"bmr-calculator":ye.BMR,"due-date-calculator":ye.DUE_DATE,"ovulation-calculator":ye.OVULATION,"pregnancy-weight-gain-calculator":ye.PWG,"target-heart-rate-calculator":ye.THR},"th-TH":{"เครื่องคำนวณหา-ค่าดัชนี":ye.BMI,"เครื่องคำนวณอัตราการเผาผลาญพลังงาน-bmr":ye.BMR,"เครื่องมือคำนวณกำหนดคลอด":ye.DUE_DATE,"เครื่องคำนวณการตกไข่-ovulation-calculat":ye.OVULATION,"เครื่องคำนวณน้ำหนักตัว":ye.PWG,"เครื่องวัดอัตราการเต้น":ye.THR},"hi-IN":{"bmi-calculator-en":ye.BMI,"bmi-calculator":ye.BMI,"bmr-calculator":ye.BMR,"delivery-date-calculator":ye.DUE_DATE,"ovulation-calculator":ye.OVULATION,"pregnancy-weight-gain-calculator":ye.PWG,"target-heart-rate-calculator":ye.THR},"km-KH":{"គណនា-bmi":ye.BMI,"គណនា-bmr":ye.BMR,"គណនាថ្ងៃសម្រាលកូន":ye.DUE_DATE,"គណនាថ្ងៃមេជីវិតញីទុំធ្លាក់":ye.OVULATION,"គណនាទម្ងន់ស្ត្រីពពោះ":ye.PWG,"គណនារកចង្វាក់បេះដូងល្អ":ye.THR},"my-MM":{"bmi-calculator":ye.BMI,"bmr-calculator":ye.BMR,"due-date-calendar":ye.DUE_DATE,"ovulation-calculator":ye.OVULATION,"pregnaancy-weight-calculator":ye.PWG,"target-heartrate":ye.THR,"pregnancy-weight-calculator":ye.PWG,"target-heart-rate":ye.THR}},Te="hhg_user_token",Oe="together_admin_token",Ae={adBlock:48,articleAdContainer:47,headerContainerHome:99,headerContainerPopup:200,headerContainerPopupSUbLevel:300,menuSearchInputPopup:5,menuSearchInputDisplayIcon:6,menuSearchPopup:200},Se={report_scam:{label:"morePopover.report.scam",reportReasonText:"morePopover.report.scam"},report_sex:{label:"morePopover.report.sex",reportReasonText:"morePopover.report.sex"},report_offensive:{label:"morePopover.report.offensive",reportReasonText:"morePopover.report.offensive"},report_violence:{label:"morePopover.report.violence",reportReasonText:"morePopover.report.violence"},report_prohibited:{label:"morePopover.report.prohibited",reportReasonText:"morePopover.report.prohibited"},report_spam:{label:"morePopover.report.spam",reportReasonText:"morePopover.report.spam"},report_falseNews:{label:"morePopover.report.falseNews",reportReasonText:"morePopover.report.falseNews"},report_other:{label:"morePopover.report.other",reportReasonText:"morePopover.report.other"}},Ie={"en-PH":{ALL:"all",HOSPITAL:"hospital",SERVICE:"service",DOCTOR:"doctor",SEARCH:"search",SPECIALTIES:"specialties",CURRENT:"current-location"},"vi-VN":{ALL:"tat-ca",HOSPITAL:"benh-vien",SERVICE:"dich-vu",DOCTOR:"bac-si",SEARCH:"tim-kiem",SPECIALTIES:"chuyen-khoa",CURRENT:"vi-tri-hien-tai"},"id-ID":{ALL:"semua",HOSPITAL:"rumah-sakit",SERVICE:"layanan",DOCTOR:"dokter",SEARCH:"cari",SPECIALTIES:"spesialisasi",CURRENT:"posisi-saya-saat-ini"}};var Le=Object.freeze({__proto__:null,POST_DATE_FORMAT:"dd/MM/yyyy",NORMAL_DATE_FORMAT:"YYYY-MM-DD",DUE_DATE_FORMAT:fe,DEFAULT_AVATAR_IMG:Ee,DEFAULT_RESULT_IMG:"/images/default.png",DEFAULT_IMG:ve,BMI_LEVELS:["underweight","healthy","overweight","obese_level_1","obese_level_2"],BMR_LEVELS:["low","normal","high"],CORAL_TOKEN_COOKE:"coral_together_user_token",HEALTH_TOOL_TYPE:ye,LOCALE_HEALTH_TOOLS:we,BEARER_TOKEN_COOKIE:Te,TOGETHER_DISCLAIMER_COOKIE:"hhg_together_disclaimer",BEARER_ADMIN_TOKEN_COOKIE:Oe,Z_INDEX:Ae,BmrActiveLevels:[{value:"sedentary",icon:"bmr-sedentary",name:"bmr.activeLevel.sedentary",description:"bmr.activeLevel.sedentary.description"},{value:"lightly-active",icon:"bmr-light",name:"bmr.activeLevel.lightlyActive",description:"bmr.activeLevel.lightlyActive.description"},{value:"moderately-active",icon:"bmr-moderately",name:"bmr.activeLevel.moderatelyActive",description:"bmr.activeLevel.moderatelyActive.description"},{value:"intensely-active",icon:"bmr-intensively",name:"bmr.activeLevel.intenselyActive",description:"bmr.activeLevel.intenselyActive.description"},{value:"extremely-active",icon:"bmr-extremely",name:"bmr.activeLevel.extremelyActive",description:"bmr.activeLevel.extremelyActive.description"}],LEAD_CAMPAIGN_CODE:"lmoct7xfr5sv4fv",LEAD_TOKEN_COOKIE:"hhg-id",GA_TOKEN_COOKIE:"_ga",GOOGLE_CALENDAR_AUTH_CLIENT_ID:"1038242799566-esoq4ij201ve5qfp266nbca44scpo3c6.apps.googleusercontent.com",FIND_CARE_IFRAME_URL:"https://www.appsheet.com/start/4ba34ebe-3cb6-4c16-8dd4-d074025a5bb6#appName=DependentDropdowns-2711103&group=%5B%5D&page=card&sort=%5B%5D&table=Menu&view=Menu",REPORT_REASON_MAP:Se,MB_SOCIAL_LINKS:{LINKEDIN:"https://www.linkedin.com/company/hello-health-group/",FACEBOOK:"https://www.facebook.com/marry.baby.vn",INSTAGRAM:"https://www.instagram.com/marrybaby.vn/",TWITTER:"",YOUTUBE:"https://www.youtube.com/channel/UCeZybTkY1VzJ3N7LvPGdKbg",ZALO:"http://zalo.me/806483414530291942"},INTERNAL_ROLES:["admin","moderator","local-admin"],EXTERNAL_ROLES:["ambassador","expert","sponsor","guide","influencer"],INTERNAL_PROFILE_ROLES:["moderator","local-admin"],EXTERNAL_PROFILE_ROLES:["expert","ambassador","sponsor"],RoleDataMap:{moderator:{text:"Moderator",fid:"cardAuthor.moderator",background:"#fe921d"},admin:{text:"Admin",fid:"cardAuthor.admin",background:"#2b62cd"},"local-admin":{text:"Local admin",fid:"cardAuthor.localAdmin",background:"#2b62cd"},expert:{text:"Expert",fid:"cardAuthor.expert",background:"#ff6f4d"},sponsor:{text:"Sponsor",fid:"cardAuthor.sponsor",background:"#00c7e6"},ambassador:{text:"Ambassador",fid:"cardAuthor.ambassador",background:"#00CB8A"}},MAX_IMAGE_UPLOADS:20,LOCALISED_SLUGS:Ie});const Re={"vi-VN":"hellobacsi.com","id-ID":"hellosehat.com","ms-MY":"hellodoktor.com","km-KH":"hellokrupet.com","en-PH":"hellodoctor.com.ph","th-TH":"hellokhunmor.com","my-MM":"hellosayarwon.com","zh-TW":"helloyishi.com.tw","hi-IN":"helloswasthya.com"},$e={"vi-VN":"marrybaby.vn"},ke=process.env.NEXT_PUBLIC_DEPLOY_LOCALE||"vi-VN",De=e=>{const{env:{isMarryBaby:t}}=exports.GlobalData;return`https://${t?$e[e]:Re[e]}`},Ce=e=>{const t=e.indexOf("?");return t>=0?e.slice(0,t+1)+e.slice(t+1).replace(/[^=&]+=(&|$)/g,"").replace(/&$/,""):e},Pe=(e,t,r)=>{let o="";r&&(o=Object.keys(r).map((e=>e+"="+r[e])).join("&"));const{togetherBaseApiUrl:a=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};let i=f.default(e,Object.assign(Object.assign({},(null==t?void 0:t._locale)?{website_url:De(String(t._locale))}:{}),t));return i+=`${i.includes("?")?"&":"?"}${o}`,a+"api/v1/"+Ce(i)},Ge=e=>((null==e?void 0:e.data)&&(e.data instanceof FormData?e.body=e.data:"object"==typeof e.data&&(e.body=JSON.stringify(e.data)),delete e.data),e),Ne=(e,t,r,a=!1)=>o.__awaiter(void 0,void 0,void 0,(function*(){var o,i,l,n;try{const o=yield fetch(a?e:(n=e,encodeURI(n).replace(/%5B/g,"[").replace(/%5D/g,"]")),Object.assign(Object.assign({method:t},Ge(r)),{headers:Object.assign({},null==r?void 0:r.headers)})).then((e=>e.json()));if(o)return o}catch(t){return console.log(t),console.log({url:e,status:null===(o=null==t?void 0:t.response)||void 0===o?void 0:o.status,statusText:null===(i=null==t?void 0:t.response)||void 0===i?void 0:i.statusText}),(null===(l=null==t?void 0:t.response)||void 0===l?void 0:l.data)||null}return null})),Me=(e,t,r,a)=>o.__awaiter(void 0,void 0,void 0,(function*(){try{const o=ge.parse(a||""),i=o[Te]||c.getCookie(Te);if(i&&i.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},Ge(r)),{headers:Object.assign({Authorization:"Bearer "+i},null==r?void 0:r.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null}));function Ue(e,t,r){const o=new RegExp("([?&])"+t+"=.*?(&|$)","i"),a=-1!==e.indexOf("?")?"&":"?";return e.match(o)?e.replace(o,"$1"+t+"="+r+"$2"):e+a+t+"="+r}const Be=(e,t,r,o)=>r&&t?`${r}-${t}`:`${_.default(e||"",{lower:!0,locale:o||ke})}-${t}`;var ze=i.createStyles((e=>({root:{},wrapper:{gap:i.rem(8)},groupErr:{fontSize:i.rem(14)},itemRoot:{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}},itemLabelWrapper:{padding:0,width:"100%"},itemLabel:{position:"relative",padding:`${i.rem(6)} ${i.rem(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:i.rem(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:i.rem(26)}},itemInner:{display:"none"}})));exports.ADMIN_PATHS={SEARCH_USER:"admin/profile/search?website_url={website_url}&name={name}",COMMENT:{IMAGE_UPLOAD:"admin/comment/image/upload?website_url={website_url}"}},exports.BEARER_TOKEN_COOKIE=Te,exports.CARE_PATHS={GET_DOCTOR_INFO:"api/doctors/{doctorId}?site={website_url}",GET_HOSPITAL_INFO:"api/hospital/branch/{hospital_branch_id}?site={website_url}"},exports.DEFAULT_AVATAR_IMG=Ee,exports.DEFAULT_IMG=ve,exports.DISCOVER_PATHS={BASE_API_PATH:"/",GET_SEARCH_ARTICLES:"search?s={keyword}&page={page}",GET_ALL_CATEGORIES:"categories?type=all",GET_HOMEPAGE_POSTS:"home/trending-post?type={type}",GET_HOMEPAGE_LATEST_POSTS:"articles?page=1&_islatest=1",GET_ARTICLE_DETAIL:"article/{slug}?skip_ids={skipIds}&_isrelated={isRelated}",GET_CATEGORY_DETAIL:"category/{slug}",GET_CATEGORY_OR_ARTICLE_DETAIL:"fetch/{fullSlug}",GET_PREVIEW_ARTICLE:"fetch/{fullSlug}?preview_nonce={nonce}&preview=true",GET_ARTICLE_OF_CATEGORY:"articles?category_id={categoryId}&page={currentPage}",GET_PAGE_STATIC:"page/{slug}",GET_ALL_HEALTH_TOOLS:"healthtools",GET_ALL_MARRYBABY_HEALTH_TOOLS:"health-tools",GET_HEALTH_TOOLS_BY_CATEGORY:"healthtools?_hasgroup=1",GET_AUTHOR:"author/{slug}",GET_ALL_EXPERTS:"experts",GET_ALL_EXPERTS_PAGING:"experts?page={page}",GET_EXPERT:"expert/{slug}",GET_EXPERT_POST:"expert/article?page={page}",POST_ARTICLE_FEEDBACK:"article/feedback/{id}",GET_AZ_DRUGS:"category/a-z/{category}",GET_HOMEPAGE_MEDICAL_REVIEWED:"home/medical-reviewed",GET_ARTICLES_BY_IDS:"articles?ids={ids}",GET_ARTICLE_OF_CATEGORY_NO_EXPLAINERS:"articles?category_id={categoryId}&page={currentPage}&skip_ids={ids}",GET_EXPERT_OF_CATEGORY:"category/expert/?id={id}",GET_DUE_DATE_INFO:"health-tools/due-date-calculator/info",GET_DUE_DATE_ALL_WEEKS:"health-tools/due-date-calculator/all",GET_DUE_DATE_SUGGESTED_ARTICLES:"health-tools/due-date-calculator/result?from_week={from}&to_week={to}",GET_PROFILE:"user/profile",GET_ADMIN_PROFILE:"GET_ADMIN_PROFILE",GET_FEATURE:"feature",POST_NEW_FEATURE:"feature/update",CREATE_BOOKMARK:"bookmark/create",DELETE_BOOKMARK:"bookmark/delete",DELETE_ALL_BOOKMARK:"bookmark/delete-all",GET_ALL_BOOKMARK:"bookmark",SSO_USER_PROFILE:"user",SSO_USER_BOOKMARKS:"user/bookmarks",SSO_USER_PASSWORD:"user/settings/password",SSO_USER_EMAIL:"user/settings/update-email",SSO_CLOSE_ACCOUNT:"user/settings/close-account",SSO_HELP:"user/settings/help",GET_HEALTH_TOOL_OVULATION_INFO:"health-tools/ovulation-calculator/info",GET_HEALTH_TOOL_OVULATION_SUGGESTED_ARTICLES:"health-tools/ovulation-calculator/result?method={method}",GET_HEALTH_TOOL_BMI_INFO:"health-tools/bmi-calculator/info",GET_HEALTH_TOOL_BMI_RESULT:"health-tools/bmi-calculator/result?gender={gender}&bmi={bmi}&age={age}",GET_HEALTH_TOOL_BMR_INFO:"health-tools/bmr-calculator/info",GET_HEALTH_TOOL_BMR_RESULT:"health-tools/bmr-calculator/result?kcals={kcals}&gender={gender}&age={age}",GET_HEALTH_TOOL_PWG_INFO:"health-tools/preweight-gain-calculator/info",GET_HEALTH_TOOL_THR_INFO:"health-tools/target-heart-rate/info",GET_HEALTH_TOOL_BABY_GROWTH_INFO:"health-tools/baby-growth-tracking/info",POST_UPDATE_LOCATION:"tracking/geo/",GET_SIDIS_DUE_DATE:"frontend/tools/due_date",GET_SIDIS_OVULATION:"frontend/tools/ovulation",GET_SIDIS_BMI:"frontend/tools/bmi",GET_SIDIS_BMR:"frontend/tools/bmr",POST_LOGOUT:"user/logout",OVULATION_CREATE_EVENT:"ovulation/event?method={method}&day={day}&cycle={cycle}&period={period}&token={token}&user_id={user_id}",GET_ALL_SPOTLIGHT:"spotlights?per_page={perPage}&order_by={orderBy}",SSO_UPDATE_FIRST_TIME_BOOKMARK:"bookmark/update-first-time",POST_COMMENT_NOTIFICATION:"comment/notification",GET_ABOUT_US_DATA:"about",POST_LEAD_IMPRESSION:"campaign/{campaignCode}/impression",POST_LEAD_POPUP_EXIT:"campaign/{campaignCode}/popup_exit",POST_LEAD_LEAD:"campaign/{campaignCode}/lead",POST_SSO_VERIFY_TOKEN:"verify-id-token",GET_LANDING_PAGE_FIRST_NODE:"landing_page/bot",GET_LANDING_PAGE_NEXT_NODE:"landing_page/messages",POST_LANDING_PAGE_IMPRESSION:"landing_page/impressions",POST_LANDING_PAGE_CLICK:"landing_page/clicks",FETCH_URL_DATA:"preview",GET_SPOTLIGHT_LANDING:"spotlight/{slug}",GET_FOOTER_INFO:"footer",CHECK_SSO_EMAIL:"member/check-email",GET_HOMEPAGE_SITEWIDE_BANNER:"home/sitewide-banner",GET_DYNAMIC_FOOTER:"menu/footer",GET_EXPERTS:"experts?page={page}&number={perPage}&s={search}",GET_EXPERT_BY_ID:"expert/{id}"},exports.DUE_DATE_FORMAT=fe,exports.DefaultComponentGlobalContextData=xe,exports.HEALTH_TOOL_TYPE=ye,exports.Heading=e=>{var t,{as:r,tag:a,className:i,children:l,title:n,color:s,style:d,fontWeight:c,dataEventCategory:p,dataEventAction:u,dataEventLabel:h}=e,m=o.__rest(e,["as","tag","className","children","title","color","style","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const g=r||a,{theme:x}=$(void 0,{name:"Heading"});return b.default.createElement(g,Object.assign({title:n,style:Object.assign({"--custom-heading-color":s||("mb"===(null===(t=null==x?void 0:x.other)||void 0===t?void 0:t.template)?x.colors.gray[9]:x.colors.gray[8])},d),"data-tag":a,"data-font-weight":c||void 0,"data-event-category":p,"data-event-action":u,"data-event-label":h,className:`${R} ${i||""}`},m),l)},exports.MAX_IMAGE_UPLOADS=20,exports.PATHS=be,exports.PureInput=U,exports.REPORT_REASON_MAP=Se,exports.StepRenderer=({children:e,onStepChange:t})=>{const[r,o]=a.useState(0),[i,l]=a.useState(0),n=b.default.Children.count(e);a.useEffect((()=>{l(n-1)}),[n]),a.useEffect((()=>{null==t||t(r)}),[r]);return b.default.createElement(ne.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:l,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1)}},x.default(e).map(((e,t)=>{const o=t===r;return b.default.createElement(a.Fragment,{key:t},b.default.isValidElement(e)?e.props.alwaysRender||o?b.default.cloneElement(e,{isActive:t===r,stepIndex:t}):null:o?e:null)})))},exports.StepRendererContext=ne,exports.StyledAvatar=E,exports.StyledBackdrop=oe,exports.StyledBadge=v,exports.StyledBorderHeading=y,exports.StyledCheckbox=X,exports.StyledDivider=w,exports.StyledDrawer=ee,exports.StyledDrawerContent=re,exports.StyledDrawerPanel=te,exports.StyledDropdown=T,exports.StyledDropdownList=A,exports.StyledDropdownName=O,exports.StyledDropdownOption=S,exports.StyledGrid=L,exports.StyledIcon=I,exports.StyledPageBlock=D,exports.StyledPagination=k,exports.StyledPaginationBlock=C,exports.StyledRadio=B,exports.StyledRadioImageGroup=ae,exports.StyledRadioImageItem=ie,exports.StyledRateStars=Z,exports.StyledTag=z,exports.StyledToggle=Y,exports.StyledToggleIcon=K,exports.StyledToggleLabel=V,exports.TextArea=q,exports.TextDivider=({children:e,icon:t,className:r,style:o})=>b.default.createElement(Q,{style:o,className:r},b.default.createElement(n.Container,null,b.default.createElement("div",{className:"icon-wrapper"},t),b.default.createElement(s.Text,{size:"c1",color:"var(--neutral800)"},e))),exports.TogetherComponentGlobalContext=_e,exports.TogetherComponentGlobalContextProvider=({locale:e="vi-VN",children:t,userInfo:r,router:o,env:i={isMarryBaby:!1,togetherBasePath:"/community"},sanitizeFunction:l=(e=>e),pushNotifications:n=(()=>!1)})=>{const[s,d]=a.useState();return exports.GlobalData={userInfo:r,locale:e,togetherUserId:s,router:o,env:i},a.useEffect((()=>{(null==r?void 0:r.id)&&Me(Pe(be.PROFILE,{_locale:e}),"GET").then((e=>{var t;d(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.id)}))}),[null==r?void 0:r.id]),b.default.createElement(_e.Provider,{value:{data:{userInfo:r,locale:e,togetherUserId:s,router:o,env:i},action:{pushNotifications:n,sanitizeFunction:l}}},t)},exports.Z_INDEX=Ae,exports.callApi=Ne,exports.callApiWithAdminAuth=(e,t,r,a)=>o.__awaiter(void 0,void 0,void 0,(function*(){try{const o=ge.parse(a||""),i=o[Oe]||c.getCookie(Oe);if(i&&i.length){const o=yield fetch(e,Object.assign(Object.assign({method:t},Ge(r)),{headers:Object.assign({Authorization:"Bearer "+i},null==r?void 0:r.headers)})).then((e=>e.json()));if(o)return o}}catch(e){return null}return null})),exports.callApiWithAuth=Me,exports.callApiWithOptionalAuth=(e,t="GET",r,a)=>o.__awaiter(void 0,void 0,void 0,(function*(){var o,i,l,n,s,d;try{const n="string"==typeof e?e:e.url,s="string"==typeof e?e:e.backupUrl,d=ge.parse(a||""),p=d[Te]||c.getCookie(Te);if(!p||!p.length)return Ne(s||n,t,r);try{const e=yield fetch(n,Object.assign(Object.assign({method:t},Ge(r)),{headers:Object.assign({Authorization:"Bearer "+p},null==r?void 0:r.headers)})).then((e=>e.json()));if(null===(o=null==e?void 0:e.messages)||void 0===o?void 0:o.find((e=>"Unauthenticated"===(null==e?void 0:e.toLowerCase()))))return Ne(s||n,t,r);if(e)return e}catch(e){return console.log({status:null===(i=null==e?void 0:e.response)||void 0===i?void 0:i.status,statusText:null===(l=null==e?void 0:e.response)||void 0===l?void 0:l.statusText}),Ne(s||n,t,r)}}catch(e){return console.log({status:null===(n=null==e?void 0:e.response)||void 0===n?void 0:n.status,statusText:null===(s=null==e?void 0:e.response)||void 0===s?void 0:s.statusText}),(null===(d=null==e?void 0:e.response)||void 0===d?void 0:d.data)||null}return null})),exports.constants=Le,exports.domainLocales=Re,exports.domainLocalesMarryBaby=$e,exports.getApiPath=Pe,exports.getCareDoctorUrl=({name:e,id:t,locale:r})=>{var o;return`/care/${null===(o=Ie[r||"vi-VN"])||void 0===o?void 0:o.DOCTOR}/${Be(e,t)}`},exports.getCareHospitalUrl=({name:e,id:t,slug:r,locale:o})=>{var a;return`/care/${null===(a=Ie[o||"vi-VN"])||void 0===a?void 0:a.HOSPITAL}/${Be(e,t,r)}`},exports.getCarePath=(e,t)=>{const{careBaseApiUrl:r=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};return(r||"https://service-health-care.hellohealthgroup.com/")+Ce(f.default(e,Object.assign({},t)))},exports.getCurrentBaseUrl=e=>{const{env:{isMarryBaby:t}}=exports.GlobalData;if("undefined"!=typeof window)return window.location.origin;const r="staging"===process.env.NEXT_PUBLIC_DEPLOY_ENV;return"development"===process.env.NEXT_PUBLIC_DEPLOY_ENV?"http://localhost:3000":`https://${r?t?"fe.":"discover.":t?"www.":""}${Re[e]}`},exports.getDefaultClassWrapper=H,exports.getDiscoverApiPath=(e,t,r)=>{const{discoverBaseApiUrl:o="",discoverBaseProdApiUrl:a=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};return(!h.isProduction&&r?a:o)+"wp-json/api/"+Ce(f.default(e,Object.assign({},t)))},exports.getMarryBabyApiPath=(e,t,r)=>{const{marryBabyApiUrl:o="",marryBabyProdApiUrl:a=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};return(r&&!h.isProduction?a:o)+"wp-json/api/"+Ce(f.default(e,Object.assign({},t)))},exports.getPremiumApiPath=(e,t)=>{const{premiumBaseApiUrl:r=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};return(r||"https://premium-content-stag.hellohealthgroup.com/")+Ce(f.default(e,Object.assign({},t)))},exports.getSsoApiPath=(e,t)=>{const{publicSSO:r=""}=(null===exports.GlobalData||void 0===exports.GlobalData?void 0:exports.GlobalData.env)||{};return(r||"https://staging-id.hellobacsi.com/")+"api/"+Ce(f.default(e,Object.assign({},t)))},exports.getUrlToSignUp=(e,t,r="/community")=>{const o=e||("undefined"!=typeof window?window.location.href:"/");let a="undefined"!=typeof window?window.location.origin:"";a||e&&(e.startsWith("http://")||e.startsWith("https://"))&&(a=e.split("/").slice(0,3).join("/"));return((e,t)=>{const{publicSSO:r}=exports.GlobalData.env,o=e||window.location.href;return t&&Object.keys(t).map((e=>{Ue(o,e,t[e])})),Ue(o,"source","communities"),r?`${r}?returnUrl=${encodeURIComponent(o.toString())}`:o})(`${a}${r}/on-boarding?return=${encodeURIComponent(o)}`,t)},exports.getWebsiteUrlApi=De,exports.useStyles=ze,exports.useStyles$1=le;