"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3929],{"5w/N":function(e,t,n){n.d(t,{T:function(){return Tabs}});var a=n("FRPj"),l=n("q1tI"),r=n("5Q4Z"),o=n("iZ8j"),i=n("/npG"),s=n("mYVa"),c=n("rlLN"),d=n("vaps"),u=n("8wjV"),m=n("wp0n"),p=(0,i.k)((e,t)=>{let{variant:n}=t,a={content:"none",top:0,bottom:0,zIndex:1,width:(0,s.h)(56)};return Object.assign({},"inline"===n&&{root:{},tabsList:{gap:(0,s.h)(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${(0,s.h)(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:(0,s.h)(2),marginBottom:(0,s.h)(-1),transition:"border 0.2s ease","&:hover":{backgroundColor:"initial",borderColor:"transparent"},"&[data-active='true']":{color:e.fn.primaryColor(),borderColor:e.fn.primaryColor()}},tabRightSection:{},tabLabel:{},tabIcon:{},panel:{},scrollArea:{position:"relative","&.prev-bg":{"&:before":Object.assign(Object.assign({},a),{content:'""',position:"absolute",left:0,background:"linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)"})},"&.next-bg":{"&:after":Object.assign(Object.assign({},a),{content:'""',position:"absolute",right:0,background:"linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)"})}},list:{borderBottom:`1px solid ${e.colors.neutral[1]}`},btn:{position:"absolute",top:"50%",zIndex:2,transform:"translate(0, -50%)",width:(0,s.h)(28),height:(0,s.h)(28),padding:0,background:"white",borderRadius:"50%",cursor:"pointer",filter:"drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))",".mantine-Button-icon":{display:"flex",alignItems:"center",justifyContent:"center"},"&.disabled":{opacity:0,zIndex:0}},prevBtn:{left:0},nextBtn:{right:0}})});let Tabs=e=>{var t,{variant:n="inline",value:i,styles:s,children:g,dataList:h=[],tabProps:b,listProps:v,panelProps:E,TabComponentDisplay:x,startPadding:f=40,defaultValue:y}=e,w=(0,a._)(e,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);let{cx:C,classes:k}=p({variant:n},{name:"Tabs",styles:s}),I=(0,l.useRef)(null),S=(0,l.useRef)([]),[P,N]=(0,l.useState)(y||(null===(t=null==h?void 0:h[0])||void 0===t?void 0:t.value)),[T,L]=(0,l.useState)(0),[$,O]=(0,l.useState)(!1),[j,B]=(0,l.useState)(!0),[F,z]=(0,l.useState)({x:0,y:0}),R=(0,l.useRef)(null),A=Object.assign({defaultValue:y,classNames:k},g?{value:i}:{value:P,onTabChange:e=>N(e)});(0,l.useEffect)(()=>{N(i)},[i]),(0,l.useEffect)(()=>{var e,t,n;null===(e=R.current)||void 0===e||e.scrollTo({left:(null===(n=null===(t=null==S?void 0:S.current)||void 0===t?void 0:t[T])||void 0===n?void 0:n.offsetLeft)-f,behavior:"smooth"})},[T]),(0,l.useEffect)(()=>{L(h.findIndex(e=>e.value==P))},[P]),(0,l.useEffect)(()=>{var e,t;B(0===F.x),O((null===(e=null==R?void 0:R.current)||void 0===e?void 0:e.clientWidth)+F.x===(null===(t=null==R?void 0:R.current)||void 0===t?void 0:t.scrollWidth))},[F]);let TabTextComponent=({text:e,dataEventCategory:t,dataEventAction:n,dataEventLabel:a})=>x?l.createElement(x,null,e):l.createElement(m.T,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":n,"data-event-label":a},e);return l.createElement(c.m,Object.assign({},A,w),g||l.createElement(l.Fragment,null,l.createElement(d.x,{className:C(k.scrollArea,`${j?"":"prev-bg"} ${$?"":"next-bg"}`),scrollbarSize:0,viewportRef:R,onScrollPositionChange:z},l.createElement(c.m.List,Object.assign({className:k.list,ref:I},v),h.map((e,t)=>l.createElement(c.m.Tab,Object.assign({ref:e=>S.current[t]=e,className:k.tab,key:String(e.value),value:String(e.value)},b),l.createElement(TabTextComponent,Object.assign({},e))))),l.createElement(u.B,{className:C(k.btn,k.prevBtn,j?"disabled":""),unstyled:!0,onClick:()=>L(T-1>-1?T-1:0),leftIcon:l.createElement(r.Z,{size:16})}),l.createElement(u.B,{className:C(k.btn,k.nextBtn,$?"disabled":""),unstyled:!0,onClick:()=>L(T+1<h.length-1?T+1:h.length-1),leftIcon:l.createElement(o.Z,{size:16})})),h.map(e=>l.createElement(c.m.Panel,Object.assign({value:String(e.value),key:String(e.value)},E),e.content))))};Tabs.List=c.m.List,Tabs.Tab=c.m.Tab,Tabs.Panel=c.m.Panel},rYNE:function(e,t,n){n.d(t,{C:function(){return Checkbox},I:function(){return ImageWrapV2},P:function(){return Pagination},S:function(){return x},a:function(){return h},b:function(){return SearchInput},c:function(){return Search2}});var a=n("q1tI"),l=n("rBCA"),r=n("uuQu"),o=n("iBNF"),i=n("FRPj"),s=n("l9Yf"),c=n("fdQd");let Search2=e=>a.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 24 25",fill:"none"},e),a.createElement("path",{d:"M11 18.957C14.866 18.957 18 15.823 18 11.957C18 8.09104 14.866 4.95703 11 4.95703C7.13401 4.95703 4 8.09104 4 11.957C4 15.823 7.13401 18.957 11 18.957Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M20 20.957L16 16.957",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),d=l.Z.div`
  display: flex;
  cursor: pointer;

  &[data-theme='marryBaby'] {
    input {
      width: 20px;
      height: 20px;
      border: 1.3px solid ${o.r.mbColors.midGray};
      border-radius: 9px;

      cursor: inherit;
      transition: border-color 0.4s, box-shadow 0.4s;

      &:hover,
      &:active {
        border-color: ${o.r.mbColors.cobalt};
        box-shadow: 0 0 2px 2px ${o.r.mbColors.cobalt};
      }

      &:focus-visible {
        border: 2px solid ${o.r.mbColors.cobalt};
      }

      &:checked {
        border: 0;
        background: ${o.r.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: ${o.r.mbColors.gray};
    }
  }
  input {
    width: 20px;
    height: 20px;
    border: solid 1px ${o.r.colors.gray500};
    border-radius: 2px;

    cursor: inherit;
    transition: border-color 0.4s, box-shadow 0.4s;

    &:hover,
    &:active {
      border-color: ${o.r.colors.primaryBase};
      box-shadow: 0 0 2px 2px ${o.r.colors.primary200};
    }

    &:focus-visible {
      border: 2px solid ${o.r.colors.primaryActive};
    }

    &:checked {
      border: 0;
      background: ${o.r.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: ${o.r.sizes.fwRegular};
    width: calc(100% - 24px);
    cursor: inherit;

    ${r.M.mbDown} {
      font-size: 14px;
      line-height: 24px;
    }

    ${r.M.mbUp} {
      font-size: 16px;
      line-height: 22px;
    }
  }

  &[data-is-rectangle] > input {
    position: relative;
    width: unset;
    height: unset;
    padding: 5px 12px;
    border: 1px solid ${o.r.colors.neutral100};
    border-radius: 32px;

    &::after {
      color: ${o.r.colors.gray800};
      content: attr(data-label-text);
      font-size: 13px;
    }
    &:checked {
      border-color: ${o.r.colors.primary50};
      &::after {
        color: ${o.r.colors.primaryBase};
      }
    }
    &:checked {
      background: ${o.r.colors.primary50};
    }
  }

  &[data-disabled] {
    color: ${o.r.colors.gray300};
    cursor: not-allowed;
    input {
      border-color: ${o.r.colors.gray300};
      &:hover {
        border-color: ${o.r.colors.gray300};
        box-shadow: none;
      }
    }
  }
`,Checkbox=({label:e,name:t,checked:n,className:l,isDisabled:r,onChange:o,value:i,isRectangle:s,inputDataTestId:c,siteType:u})=>a.createElement(d,{className:l,"data-disabled":r||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":u},a.createElement("input",{type:"checkbox",checked:n,name:t,onChange:()=>o(i,!n),disabled:r,value:i,id:`${t}-${i}`,"data-label-text":e,"data-testid":c}),!s&&a.createElement("label",{htmlFor:`${t}-${i}`},e)),u=l.Z.div`
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  li {
    transition: all 0.3s ease;
  }
  [data-page-active] {
    background: ${o.r.colors.primaryBase};
    color: ${o.r.colors.white};

    > a {
      color: ${o.r.colors.white};
    }
  }
`,m=l.Z.div`
  display: flex;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid ${o.r.colors.gray200};
  margin: 0 2px;
  border-radius: 4px;
  color: ${o.r.colors.gray800};
  cursor: pointer;
  font-size: 14px;
  font-weight: ${o.r.sizes.fwBold};

  &[data-last-page] {
    border: none;
    background-color: ${o.r.colors.gray100};
    cursor: not-allowed;
    pointer-events: none;

    svg {
      path {
        stroke: ${o.r.colors.gray300};
      }
    }
  }
`,p=l.Z.li`
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  margin: 0 2px;
  border-radius: 4px;
  color: ${o.r.colors.gray800};
  cursor: pointer;
  font-size: 14px;
  font-weight: ${o.r.sizes.fwBold};

  > a {
    color: ${o.r.colors.gray800};
    text-decoration: unset;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 32px;
    text-align: center;
  }
`,RenderPagiWithDots=({pagesAmount:e,activePage:t,handlePageChange:n,handleClick:l,href:o,queryPageName:i="page"})=>{let s=[...Array(e)].map((e,t)=>t+1),[c,d]=(0,a.useState)(t<=4?s.slice(0,5):t>=s.length-3?s.slice(s.length-5,s.length):s.slice(t-2,t+1));return(0,a.useEffect)(()=>{t<=4?d(s.slice(0,5)):t>=s.length-3?d(s.slice(s.length-5,s.length)):d(s.slice(t-2,t+1))},[t]),a.createElement(a.Fragment,null,t>4&&a.createElement(a.Fragment,null,a.createElement(p,{onClick:()=>n(1)},o?a.createElement("a",{href:o,onClick:l},1):1),a.createElement(p,null,"...")),c.map(e=>a.createElement(p,{key:`pagination+${e}`,"data-page-active":e===t||void 0,onClick:()=>n(e)},o?a.createElement("a",{href:(0,r.f)(o,e,i),onClick:l},e):e)),t<s.length-3&&a.createElement(a.Fragment,null,a.createElement(p,null,"..."),a.createElement(p,{onClick:()=>n(s.length)},o?a.createElement("a",{href:(0,r.f)(o,s.length,i),onClick:l},s.length):s.length)))},Pagination=({className:e,pagesAmount:t,currentPage:n,onChange:l,onClick:o,style:i,href:s,queryPageName:c="page"})=>{let d=[...Array(t)].map((e,t)=>t+1),[g,h]=(0,a.useState)(n),b=(0,a.useMemo)(()=>s&&s.endsWith("&page=")?s.replace("&page=",""):s,[s]),v=t-1,handlePageChange=e=>{e<=t&&e>0&&(h(e),l(e))},handleClick=e=>{o&&o(e)};return(0,a.useEffect)(()=>{h(n)},[n]),a.createElement(u,{className:e,style:i},a.createElement(m,{className:"prev-page",onClick:()=>handlePageChange(g-1),"data-last-page":1===g||void 0},b?a.createElement("a",{href:(0,r.f)(b,g,c),onClick:handleClick},a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),d.length>8?a.createElement(RenderPagiWithDots,{pagesAmount:t,activePage:g,handlePageChange:handlePageChange,handleClick:handleClick,href:b,queryPageName:c}):d.map(e=>a.createElement(p,{key:`pagination+${e}`,"data-page-active":e===g||void 0,onClick:()=>handlePageChange(e)},b?a.createElement("a",{href:(0,r.f)(b,e,c),onClick:handleClick},e):e)),a.createElement(m,{className:"next-page",onClick:()=>handlePageChange(g+1),"data-last-page":g===v+1||void 0},b?a.createElement("a",{href:(0,r.f)(b,g,c),onClick:handleClick},a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):a.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},a.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},g=l.Z.div`
  position: relative;
  width: 100%;

  &[data-has-error] {
    input {
      border-color: ${o.r.colors.red700};
    }
  }

  input {
    width: 100%;
    padding: 12px 16px;
    border: solid 1px ${o.r.colors.gray200};
    border-radius: ${o.r.borderRadius};

    &:active,
    &:focus,
    .focused & {
      border-color: ${o.r.colors.primaryBase};
      box-shadow: 0px 0px 2px 2px ${o.r.colors.primary200};
    }

    &:disabled {
      background-color: ${o.r.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: ${o.r.sizes.fwRegular};
      ${r.M.mbDown} {
        font-size: 22px;
        line-height: 1.2;
      }

      ${r.M.mbUp} {
        font-size: 26px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='md'] {
    input {
      font-weight: ${o.r.sizes.fwRegular};
      ${r.M.mbDown} {
        font-size: 14px;
        line-height: 1.2;
      }

      ${r.M.mbUp} {
        font-size: 16px;
        line-height: 1.2;
      }
    }
  }
  &[data-size='sm'] {
    input {
      font-weight: ${o.r.sizes.fwRegular};
      ${r.M.mbDown} {
        font-size: 13px;
        line-height: 1.5;
      }

      ${r.M.mbUp} {
        font-size: 13px;
        line-height: 1.5;
      }
    }
  }
`,h=a.forwardRef((e,t)=>{var{name:n,errorMessage:l,autoComplete:r="off",defaultValue:o,actionIcon:c,displayIcon:d,isDeleteAction:u,onActionClick:m,label:p,placeholder:h,className:b,onChange:v,onKeyPress:E,isDisabled:x,CustomInput:f,size:y,style:w,autoFocus:C,type:k="text",isNumerousKeyboard:I=!1,onFocus:S,enterKeyHint:P,nativeOnChange:N}=e,T=(0,i._)(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);let[L,$]=(0,a.useState)(o),handleOnChange=e=>{$(e),v(e)};return a.createElement(g,{"data-size":y,className:b,"data-has-action-icon":!!c||void 0,"data-has-display-icon":!!d||void 0,"data-has-error":l&&l.length>0||void 0,style:w},p&&a.createElement(s.L,{size:"label2",htmlFor:n,className:"inputLabel"},p),a.createElement("div",{style:{position:"relative"}},f||a.createElement("input",Object.assign({id:n,name:n,placeholder:h,onChange:null!=N?N:e=>handleOnChange(e.target.value),onKeyPress:E,type:k,"aria-label":k,disabled:x,value:L,autoComplete:r,ref:t,autoFocus:C,inputMode:I||"number"===k?"numeric":k,pattern:I?"[0-9]*":".*",onFocus:S,enterKeyHint:P},T)),d&&a.createElement(s.S,{className:"displayIcon"},d),c&&a.createElement(s.a,{className:"actionIcon",onClick:()=>{var e;u&&($(""),null===(e=t.current)||void 0===e||e.focus()),m&&m()}},c)),l&&l.length>0&&a.createElement(s.b,{className:"errorLabel"},l))});h.displayName="PureInput";let b=[320,420,640,750,828,1080,1200,1440,1920,2048],defaultLoader=({src:e,width:t,quality:n})=>{try{let a=new URL(e,"undefined"!=typeof window?window.location.origin:"http://localhost");return a.searchParams.set("w",String(t)),a.searchParams.set("q",String(null!=n?n:75)),a.toString()}catch(t){return e}},ImageWrapV2=e=>{var{alt:t,backupSrc:n,src:l,placeholderSrc:r,style:o,ref:s,unoptimized:c=!1,quality:d,sizes:u,width:m}=e,p=(0,i._)(e,["alt","backupSrc","src","placeholderSrc","style","ref","unoptimized","quality","sizes","width"]);let[g,h]=(0,a.useState)(!1),E=(0,a.useMemo)(()=>c?[]:function(e){if(e.sizes)return b;if(e.width){let t=Math.max(1,Math.round(e.width));return Array.from(new Set([t,Math.min(2*t,2048)])).sort((e,t)=>e-t)}return b}({sizes:u,width:m}),[u,m,c]),x=(0,a.useMemo)(()=>{if(!c)return E.map(e=>`${defaultLoader({src:l,width:e,quality:d})} ${e}w`).join(", ")},[c,E,l,d]),f=(0,a.useMemo)(()=>{if(c)return l;let e=E.length?E[E.length-1]:null!=m?m:1920;return defaultLoader({src:l,width:e,quality:d})},[c,E,l,d,m]);return a.createElement(v,Object.assign({loading:"lazy",alt:t,srcSet:x,onError:()=>!g&&h(!0),src:g?n||f:f||n,style:Object.assign(Object.assign({},r?{backgroundImage:`url(${r})`}:{}),o),"data-has-placeholder":!!r,sizes:u,ref:s},p))},v=l.Z.img`
  &[data-has-placeholder='true'] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
`,E=(0,l.Z)(c.I)`
  box-shadow: 0px 0px 1px 0px #0000000a, 0px 2px 8px 0px #0000000a,
    0px 10px 16px 0px #0000000a;
  border-radius: 0.75rem;
  overflow: hidden;

  input.mantine-Input-input {
    border: none;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
`,x=(0,l.Z)(Search2)`
  color: ${o.r.colors.primaryBase};
  width: 20px;
  height: 20px;
`,SearchInput=e=>{let{loading:t,disabled:n,placeholder:l,value:r,onChange:o,icon:s=a.createElement(x,null),className:c,style:d}=e,u=(0,i._)(e,["loading","disabled","placeholder","value","onChange","icon","className","style"]);return a.createElement(E,Object.assign({disabled:t||n,size:"lg",value:r,onChangeRaw:e=>{o(e.currentTarget.value)},type:"text",placeholder:l,className:c,icon:s,style:d},u,{"data-event-label":r}))}},"9guM":function(e,t,n){n.d(t,{R:function(){return RadioImageGroup}});var a=n("q1tI"),l=n("iBNF"),r=n("rBCA"),o=n("W5tO"),i=n("MmHG");let s=r.Z.div`
  display: flex;
  width: 100%;

  &[data-direction='vertical'] {
    flex-direction: column;
  }

  &[data-direction='horizontal'] {
    flex-wrap: wrap;
  }
`,c=r.Z.div`
  display: flex;

  padding: 8px;

  border-radius: ${l.r.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 ${l.r.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;
    }
  }
`,RadioImageGroup=({value:e,options:t,className:n,direction:r="horizontal",onChange:d,isDisabled:u,siteType:m})=>{let[p,g]=(0,a.useState)(e),handleOnChange=e=>{!u&&(g(e),d&&d(e))},h="marryBaby"===m;return a.createElement(s,{className:n,"data-direction":r},t.map((t,n)=>a.createElement(c,{"data-selected":(e||p)===t.value,"data-is-mb":h,"data-disabled":u,key:n,onClick:()=>{handleOnChange(t.value)}},a.createElement("div",null,t.content,t.label&&a.createElement(a.Fragment,null,h?a.createElement(o.M,{type:"subtitle-2",color:(e||p)===t.value?l.r.mbColors.dark:l.r.mbColors.midGray},t.label):a.createElement(i.T,{type:"bold",color:(e||p)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}},C8b5:function(e,t,n){n.d(t,{B:function(){return BmiForm},H:function(){return T},N:function(){return NewsletterCheckbox},Q:function(){return Question1Label},a:function(){return Question2Label},b:function(){return Question2Description}});var a=n("FRPj"),l=n("q1tI"),r=n("wUmw"),o=n("1HUI"),i=n("Aqof"),s=n("/npG"),c=n("SPK5"),d=n("Eso5"),u=n("C/sX"),m=n("iuhU"),p=n("mYVa"),g=n("OAL+"),h=n("fdQd"),b=n("wp0n"),v=n("ZLal"),E=n("Gx+P"),x=n("sxbY"),f=n("7dxN"),y=n("r0pl"),w=n("eosF"),C=n("xrdX"),k=n("mx4j");let Question1Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:r}=(0,E.u)(),o=t?{}:Object.assign({size:"p2"},n),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.weightLossSupport"))},Question2Label=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:r}=(0,E.u)(),o=t?{}:Object.assign({size:"p2"},n),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.glp1Awareness"))},Question2Description=e=>{var{LabelWrapper:t}=e,n=(0,a._)(e,["LabelWrapper"]);let{t:r}=(0,E.u)(),o=t?{}:Object.assign({size:"p2"},n),i=t||b.T;return l.createElement(i,Object.assign({},o),r("bmi.question.glp1Awareness.desc"))},I=(0,l.createContext)({});var S=(0,s.k)(()=>({label:{marginTop:2,cursor:"pointer",userSelect:"none"}}));let NewsletterCheckbox=e=>{var{labelTextProps:t,checked:n,LabelWrapper:r,useCollapse:o=!0}=e,i=(0,a._)(e,["labelTextProps","checked","LabelWrapper","useCollapse"]);let{t:s}=(0,E.u)(),[u,m]=(0,l.useState)(!o),[p,g]=(0,l.useState)(!0),[v,x]=(0,l.useState)(n),f=r?{}:Object.assign({size:"p3"},t),y=r||b.T,{classes:w}=S(void 0,{name:"NewsletterCheckbox"});return l.createElement(c.k,{gap:8,align:"flex-start"},l.createElement(h.d,Object.assign({},i,{label:void 0,size:"sm",checked:v,onChange:e=>{p?g(!1):x(e.currentTarget.checked)},styles:{labelWrapper:{display:"none"}}})),l.createElement(d.x,null,l.createElement(y,Object.assign({},f,{onClick:()=>{o&&m(e=>!e)},className:w.label,lineClamp:u?void 0:1}),s("bmi.newsletter.label"))))},DefaultForm=e=>{var t,n,o,i,s,p,g;let{t:b,locale:v}=(0,E.u)(),{classes:y={}}=(0,l.useContext)(f.C),{control:k,bmiGenerated:S,linkTool:P,submitProps:N,withAdditionalQuestion:L,classes:$={}}=(0,l.useContext)(I),O={body:{alignItems:"center"}};return l.createElement(x.H,Object.assign({formLayout:"default"},e),l.createElement(T,{isMobile:e.isMobile,gutter:4},l.createElement(T.Row,{px:16},l.createElement(T.Col,{span:12},l.createElement(r.Qr,{name:"gender",control:k,rules:null===(t=S.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>l.createElement("div",null,l.createElement(T.GenderControl,{LabelWrapper:T.Label,error:void 0,onChange:e,gap:4}),(null==t?void 0:t.message)&&l.createElement(T.Error,{label:t.message}))})),l.createElement(T.Col,{span:12},l.createElement(r.Qr,{name:"age",control:k,rules:null===(n=S.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement("div",null,l.createElement(T.InputNumber,{label:l.createElement(T.Label,null,b("bmi.ageInput")),placeholder:b("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,min:0,rightSection:b("bmi.ageInput.desc"),classNames:{rightSection:$.inputRightSection}}),(null==a?void 0:a.message)&&l.createElement(T.Error,{label:a.message}))})),l.createElement(T.Col,{span:12},l.createElement(r.Qr,{name:"height",control:k,rules:null===(o=S.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement("div",null,l.createElement(T.InputNumber,{label:l.createElement(T.Label,null,b("bmi.heightInput")),rightSection:b("bmi.heightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:v===w.L.Myanmar?6:170}),name:e,value:t,onChange:n,min:0,classNames:{rightSection:$.inputRightSection}}),(null==a?void 0:a.message)&&l.createElement(T.Error,{label:a.message}))})),l.createElement(T.Col,{span:12},l.createElement(r.Qr,{name:"weight",control:k,rules:null===(i=S.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement("div",null,l.createElement(T.InputNumber,{label:l.createElement(T.Label,null,b("bmi.weightInput")),rightSection:b("bmi.weightInput.desc"),placeholder:b("tools.inputPlaceholder",{content:v===w.L.Myanmar?130:60}),name:e,value:t,onChange:n,precision:1,min:0,classNames:{rightSection:$.inputRightSection}}),(null==a?void 0:a.message)&&l.createElement(T.Error,{label:a.message}))}))),L?l.createElement(l.Fragment,null,l.createElement(u.r,{gutter:4,px:16},l.createElement(T.Col,null,l.createElement(r.Qr,{name:"question1",control:k,rules:null===(s=S.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>l.createElement("div",null,l.createElement(h.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:l.createElement(Question1Label,{LabelWrapper:T.Label}),size:"lg"},l.createElement(c.k,{gap:"lg"},l.createElement(h.R,{size:"sm",value:"1",label:l.createElement(T.OptionLabel,null,b("switchBtn.yes")),styles:O}),l.createElement(h.R,{size:"sm",value:"0",label:l.createElement(T.OptionLabel,null,b("switchBtn.no")),styles:O}))),(null==a?void 0:a.message)&&l.createElement(T.Error,{label:a.message}))})),l.createElement(T.Col,null,l.createElement(r.Qr,{name:"question2",control:k,rules:null===(p=S.question2)||void 0===p?void 0:p.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement("div",null,l.createElement(h.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:l.createElement(Question2Label,{LabelWrapper:T.Label}),size:"lg",description:v!==w.L.Malaysia&&l.createElement(Question2Description,{LabelWrapper:T.SubLabel})},l.createElement(c.k,{gap:"lg"},l.createElement(h.R,{size:"sm",value:"1",label:l.createElement(T.OptionLabel,null,b("switchBtn.yes")),styles:O}),l.createElement(h.R,{size:"sm",value:"0",label:l.createElement(T.OptionLabel,null,b("switchBtn.no")),styles:O}))),(null==a?void 0:a.message)&&l.createElement(T.Error,{label:a.message}))}))),l.createElement(d.x,{className:(0,m.default)($.newsletterBlock,y.newsletterBlock)},l.createElement(u.r,{gutter:8,px:16,py:12},l.createElement(T.Col,null,l.createElement(r.Qr,{name:"newsletter",control:k,rules:null===(g=S.newsletter)||void 0===g?void 0:g.rule,render:e=>{var t=e.field,{value:n,onChange:r,name:o}=t,i=(0,a._)(t,["value","onChange","name"]);return l.createElement(NewsletterCheckbox,Object.assign({size:"sm",onChange:e=>r(e.currentTarget.checked),name:o,checked:!!n},i))}})),l.createElement(T.Col,null,l.createElement(x.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[v]}/${P}`,type:"submit",fullWidth:!0},N),b("bmi.submit")))))):l.createElement(d.x,{px:16,sx:{paddingBottom:8}},l.createElement(x.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[v]}/${P}`,type:"submit",fullWidth:!0},N),b("bmi.submit")))))};var P=(0,s.k)(e=>({newsletterBlock:{backgroundColor:e.colors.neutral[0],borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit",".bmi-btn":{marginTop:0}},inputRightSection:{fontSize:(0,p.h)(13),lineHeight:(0,p.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8,whiteSpace:"nowrap"}}));let InlineForm=e=>{var t,n,o,i,s,u,v,k;let{t:S,locale:P}=(0,E.u)(),{control:N,bmiGenerated:T,isTouched:L,linkTool:$,submitProps:O,withAdditionalQuestion:j}=(0,l.useContext)(I),{classes:B={},variant:F}=(0,l.useContext)(f.C),{classes:z={}}=(0,l.useContext)(I);return l.createElement(x.H,Object.assign({formLayout:"inline"},e),l.createElement(r.Qr,{name:"gender",control:N,rules:null===(t=T.gender)||void 0===t?void 0:t.rule,render:({field:{onChange:e},fieldState:{error:t}})=>l.createElement(x.H.FormRow,null,l.createElement(x.H.BorderInlineControl,{label:S("tools.selectGender"),width:"none",errorMess:L&&(null==t?void 0:t.message)},l.createElement(y.G,{type:"radio",hideLabel:!0,error:L?l.createElement(l.Fragment,null):"",onChange:e})))}),l.createElement(r.Qr,{name:"age",control:N,rules:null===(n=T.age)||void 0===n?void 0:n.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement(x.H.FormRow,null,l.createElement(x.H.BorderInlineControl,{label:S("bmi.ageInput"),errorMess:L&&(null==a?void 0:a.message)},l.createElement(h.I.Number,{placeholder:S("tools.inputPlaceholder",{content:"25"}),name:e,value:t,onChange:n,error:L&&(null==a?void 0:a.message)?l.createElement(l.Fragment,null):"",min:0,rightSection:l.createElement(x.H.Unit,null,S("tools.yearsOld")),styles:()=>({rightSection:{width:"auto"}})})))}),l.createElement(r.Qr,{name:"height",control:N,rules:null===(o=T.height)||void 0===o?void 0:o.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement(x.H.FormRow,null,l.createElement(x.H.BorderInlineControl,{label:S("bmi.heightInput"),errorMess:L&&(null==a?void 0:a.message)},l.createElement(h.I.Number,{placeholder:S("tools.inputPlaceholder",{content:P===w.L.Myanmar?6:170}),name:e,value:t,onChange:n,min:0,error:L&&(null==a?void 0:a.message)?l.createElement(l.Fragment,null):"",rightSection:l.createElement(x.H.Unit,null,S("bmi.heightInput.desc"))})))}),l.createElement(r.Qr,{name:"weight",control:N,rules:null===(i=T.weight)||void 0===i?void 0:i.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement(x.H.FormRow,null,l.createElement(x.H.BorderInlineControl,{label:S("bmi.weightInput"),errorMess:L&&(null==a?void 0:a.message)},l.createElement(h.I.Number,{placeholder:S("tools.inputPlaceholder",{content:P===w.L.Myanmar?130:60}),name:e,value:t,onChange:n,error:L&&(null==a?void 0:a.message)?l.createElement(l.Fragment,null):"",precision:1,min:0,rightSection:l.createElement(x.H.Unit,null,S("bmi.weightInput.desc"))})))}),j?l.createElement(l.Fragment,null,l.createElement(r.Qr,{name:"question1",control:N,rules:null===(s=T.question1)||void 0===s?void 0:s.rule,render:({field:{value:e,onChange:t,name:n},fieldState:{error:a}})=>l.createElement(x.H.FormRow,null,l.createElement(h.R.Group,{name:n,value:e,onChange:t,sx:{flex:1},label:l.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},S("bmi.question.weightLossSupport")),size:"lg"},l.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},l.createElement(h.R,{size:"sm",value:"1",label:S("switchBtn.yes")}),l.createElement(h.R,{size:"sm",value:"0",label:S("switchBtn.no")}))),L&&(null==a?void 0:a.message)&&l.createElement(h.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),l.createElement(r.Qr,{name:"question2",control:N,rules:null===(u=T.question2)||void 0===u?void 0:u.rule,render:({field:{name:e,value:t,onChange:n},fieldState:{error:a}})=>l.createElement(x.H.FormRow,null,l.createElement(h.R.Group,{name:e,value:t,onChange:n,sx:{flex:1},label:l.createElement(b.T,{size:"s4",weight:"semiBold",span:!0},S("bmi.question.glp1Awareness")),size:"lg",description:P!==w.L.Malaysia&&l.createElement(b.T,{style:{fontSize:"10px"},span:!0},S("bmi.question.glp1Awareness.desc"))},l.createElement(c.k,{gap:"lg",sx:{paddingTop:(0,p.h)(8)}},l.createElement(h.R,{size:"sm",value:"1",label:S("switchBtn.yes")}),l.createElement(h.R,{size:"sm",value:"0",label:S("switchBtn.no")}))),L&&(null==a?void 0:a.message)&&l.createElement(h.e,{label:a.message,textProps:{size:"p4"},sx:{marginTop:6}}))}),"gray"===F||"violet"===F?l.createElement(l.Fragment,null,l.createElement(r.Qr,{name:"newsletter",control:N,rules:null===(v=T.newsletter)||void 0===v?void 0:v.rule,render:e=>{var t=e.field,{value:n,onChange:r,name:o}=t,i=(0,a._)(t,["value","onChange","name"]);return l.createElement(x.H.FormRow,null,l.createElement(h.d,Object.assign({size:"sm",label:l.createElement(b.T,{size:"p3"},S("bmi.newsletter.label")),onChange:e=>r(e.currentTarget.checked),name:o,checked:!!n},i)))}}),l.createElement(x.H.FormRow,{className:(0,m.default)(B.submitWrapper)},l.createElement(x.H.Submit,Object.assign({className:(0,m.default)("bmi-btn bmi--btn-submit",B.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[P]}/${$}`,type:"submit"},O),S("bmi.submit")))):l.createElement(x.H.FormRow,{py:16,className:(0,m.default)(z.newsletterBlock,B.newsletterBlock)},l.createElement(g.K,{spacing:16},l.createElement(r.Qr,{name:"newsletter",control:N,rules:null===(k=T.newsletter)||void 0===k?void 0:k.rule,render:e=>{var t=e.field,{value:n,onChange:r,name:o}=t,i=(0,a._)(t,["value","onChange","name"]);return l.createElement(NewsletterCheckbox,Object.assign({size:"sm",labelTextProps:{size:"p4"},onChange:e=>r(e.currentTarget.checked),name:o,checked:!!n,useCollapse:!1},i))}}),l.createElement(d.x,{className:(0,m.default)(B.submitWrapper)},l.createElement(x.H.Submit,Object.assign({className:(0,m.default)("bmi-btn bmi--btn-submit",B.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[P]}/${$}`,type:"submit"},O),S("bmi.submit")))))):l.createElement(x.H.FormRow,{className:(0,m.default)(B.submitWrapper)},l.createElement(x.H.Submit,Object.assign({className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${C.v[P]}/${$}`,type:"submit"},O),S("bmi.submit"))))},BmiForm=e=>{var{value:t,onChange:n,onSubmit:s,bmiGenerated:c,bmiUnit:d,formLayout:u="default",submitProps:m,withAdditionalQuestion:p,isMobile:g}=e,h=(0,a._)(e,["value","onChange","onSubmit","bmiGenerated","bmiUnit","formLayout","submitProps","withAdditionalQuestion","isMobile"]);let{classes:b}=P(void 0,{name:"BmiForm"}),[x,f]=(0,l.useState)(!1),{control:y,handleSubmit:w,setValue:C,watch:S}=(0,r.cI)({defaultValues:{question1:void 0,question2:void 0,newsletter:!0}}),N=S(),{locale:T}=(0,E.u)(),{getHealthToolLink:L}=(0,o.u)(T),$=(0,l.useMemo)(()=>L(i.H.OVULATION),[L]),onInValid=()=>{f(!0)};(0,l.useEffect)(()=>{Object.keys(t||{}).forEach(e=>{C(e,null==t?void 0:t[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})})},[t]),(0,l.useEffect)(()=>{n&&n(N)},[N]);let O=Object.assign({onSubmit:w(e=>(0,a.a)(void 0,void 0,void 0,function*(){let t=d.heightConvert(e.height),n=d.weightConvert(e.weight),a=Object.assign(Object.assign({},e),{height:t,weight:n,bmi:(0,k.F)({height:t,weight:n})});onInValid(),s&&s(a)}),onInValid)},h);return l.createElement(v.T,{variant:v.C.LEADGEN},l.createElement(I.Provider,{value:{control:y,bmiGenerated:c,isTouched:x,linkTool:$,submitProps:m,withAdditionalQuestion:p,classes:b}},"inline"===u?l.createElement(InlineForm,Object.assign({},O)):l.createElement(DefaultForm,Object.assign({},O,{isMobile:g}))))},N=(0,l.createContext)({}),Error=e=>{let{errorLabelSize:t}=(0,l.useContext)(N);return l.createElement(h.e,Object.assign({textProps:{size:t},sx:{marginTop:5}},e))};var T=Object.assign(e=>{var t,n,r,o,i,s,{children:c,isMobile:d}=e,u=(0,a._)(e,["children","isMobile"]);let m=Object.assign({isMobile:d,labelSize:null!==(t=u.labelSize)&&void 0!==t?t:d?"p2":"s4",subLabelSize:null!==(n=u.subLabelSize)&&void 0!==n?n:"subText",optionLabelSize:null!==(r=u.optionLabelSize)&&void 0!==r?r:d?"p2":"s4",inputSize:null!==(o=u.inputSize)&&void 0!==o?o:d?"sm":"md",gutter:null!==(i=u.gutter)&&void 0!==i?i:d?4:12,errorLabelSize:null!==(s=u.errorLabelSize)&&void 0!==s?s:"p3"},u);return l.createElement(N.Provider,{value:m},c)},{Row:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{gutter:r}=(0,l.useContext)(N);return l.createElement(u.r,Object.assign({gutter:r},n),t)},Col:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);return l.createElement(u.r.Col,Object.assign({span:12},n),t)},SubLabel:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{subLabelSize:r}=(0,l.useContext)(N);return l.createElement(b.T,Object.assign({size:r},n),t)},Label:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{labelSize:r}=(0,l.useContext)(N);return l.createElement(b.T,Object.assign({size:r,weight:"semiBold"},n,{span:!0}),t)},OptionLabel:e=>{var{children:t}=e,n=(0,a._)(e,["children"]);let{optionLabelSize:r}=(0,l.useContext)(N);return l.createElement(b.T,Object.assign({size:r,weight:"regular"},n,{span:!0}),t)},Input:h.I,InputNumber:e=>{var{error:t}=e,n=(0,a._)(e,["error"]);let{inputSize:r}=(0,l.useContext)(N);return l.createElement("div",null,l.createElement(h.I.Number,Object.assign({size:r},n)),t&&l.createElement(Error,{label:t}))},GenderControl:e=>{let{inputSize:t}=(0,l.useContext)(N);return l.createElement(y.G,Object.assign({size:t},e))},Error})},"/+nd":function(e,t,n){n.d(t,{P:function(){return PWGForm}});var a=n("FRPj"),l=n("q1tI"),r=n("8vDj"),o=n("iuhU"),i=n("cChf"),s=n("ZFu2"),c=n("1HUI"),d=n("Gx+P"),u=n("Aqof"),m=n("fdQd"),p=n("wp0n"),g=n("7dxN"),h=n("sxbY"),b=n("nS/c"),v=n("xrdX");let E=(0,l.createContext)({}),DefaultForm=e=>{var t=(0,a._)(e,[]);let{t:n,locale:i}=(0,d.u)(),{linkTool:s,form:c,submitProps:u}=(0,l.useContext)(E),{classes:x={}}=(0,l.useContext)(g.C),f=(0,r.rZ)(),y="mb"===f.other.template;return l.createElement(h.H,Object.assign({formLayout:"default"},t),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(p.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weekInput")),min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},c.getInputProps("pregnantWeek")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(p.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightBeforeInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("lastWeight")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(p.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.heightInput")),min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"})},c.getInputProps("height")))),l.createElement(h.H.FormRow,null,l.createElement(m.I.Number,Object.assign({label:l.createElement(p.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.weightInput")),min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"})},c.getInputProps("weight")))),l.createElement(h.H.FormRow,null,l.createElement(h.H.Switching,Object.assign({label:l.createElement(p.T,{size:"p2",weight:"semiBold"},n("pregnancyWeightGain.havingTwins"))},c.getInputProps("hasTwin")))),l.createElement(h.H.FormRow,{className:x.submitWrapper},l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[y?"vi-VN_MB":i]}/${s}`,className:(0,o.default)("due-date-calculate-button",x.submitBtn)},u),n("dueDatePage.lastPeriod.calculate"))))},InlineForm=e=>{var t=(0,a._)(e,[]);let{t:n,locale:i}=(0,d.u)(),{classes:s={}}=(0,l.useContext)(g.C),{linkTool:c,form:u,submitProps:p}=(0,l.useContext)(E),x=(0,r.rZ)(),f="mb"===x.other.template;return l.createElement(h.H,Object.assign({formLayout:"inline"},t),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weekInput")},l.createElement(m.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`,rightSection:l.createElement(h.H.Unit,null,n("pwgForm.week"))},u.getInputProps("pregnantWeek"))))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightBeforeInput")},l.createElement(m.I.Number,Object.assign({},u.getInputProps("lastWeight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:l.createElement(h.H.Unit,null,n("babyGrowth.kg"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.heightInput")},l.createElement(m.I.Number,Object.assign({},u.getInputProps("height"),{min:b.I.height.min,max:b.I.height.max,placeholder:n("tools.inputPlaceholder",{content:"160"}),rightSection:l.createElement(h.H.Unit,null,n("babyGrowth.cm"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.weightInput")},l.createElement(m.I.Number,Object.assign({},u.getInputProps("weight"),{min:b.I.weight.min,max:b.I.weight.max,placeholder:n("tools.inputPlaceholder",{content:"50"}),rightSection:l.createElement(h.H.Unit,null,n("babyGrowth.kg"))})))),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderInlineControl,{label:n("pregnancyWeightGain.havingTwins"),width:"none"},l.createElement(h.H.Switching,Object.assign({},u.getInputProps("hasTwin"))))),l.createElement(h.H.FormRow,{className:s.submitWrapper},l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[f?"vi-VN_MB":i]}/${c}`,className:(0,o.default)("due-date-calculate-button",s.submitBtn)},p),n("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:n,locale:o}=(0,d.u)(),{linkTool:i,form:s,submitProps:c}=(0,l.useContext)(E),u=(0,r.rZ)(),p="mb"===u.other.template;return l.createElement(h.H,Object.assign({formLayout:"inline"},t),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weekInput"),rightSection:n("pregnancy.week")},l.createElement(m.I.Number,Object.assign({min:b.I.pregnantWeek.min,max:b.I.pregnantWeek.max,placeholder:`${b.I.pregnantWeek.min} - ${b.I.pregnantWeek.max}`},s.getInputProps("pregnantWeek")))),s.errors.pregnantWeek&&l.createElement(h.H.Error,null,s.errors.pregnantWeek)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightBeforeInput"),rightSection:"kg"},l.createElement(m.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("lastWeight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.lastWeight&&l.createElement(h.H.Error,null,s.errors.lastWeight)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.heightInput"),rightSection:"cm"},l.createElement(m.I.Number,Object.assign({min:b.I.height.min,max:b.I.height.max},s.getInputProps("height"),{placeholder:n("tools.inputPlaceholder",{content:"160"})}))),s.errors.height&&l.createElement(h.H.Error,null,s.errors.height)),l.createElement(h.H.FormRow,null,l.createElement(h.H.BorderBoxControl,{label:n("pregnancyWeightGain.weightInput"),rightSection:"kg"},l.createElement(m.I.Number,Object.assign({min:b.I.weight.min,max:b.I.weight.max},s.getInputProps("weight"),{placeholder:n("tools.inputPlaceholder",{content:"50"})}))),s.errors.weight&&l.createElement(h.H.Error,null,s.errors.weight)),l.createElement(h.H.Switching,Object.assign({label:n("pregnancyWeightGain.havingTwins")},s.getInputProps("hasTwin"))),l.createElement(h.H.Submit,Object.assign({type:"submit",dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${v.v[p?"vi-VN_MB":o]}/${i}`,className:"due-date-calculate-button"},c),n("dueDatePage.lastPeriod.calculate")))},PWGForm=e=>{var{formLayout:t="default",submitProps:n,onSubmit:o}=e,m=(0,a._)(e,["formLayout","submitProps","onSubmit"]);let{t:p,locale:g}=(0,d.u)(),h=(0,r.rZ)(),b="mb"===h.other.template,v=(0,i.c)({validate:{pregnantWeek:(0,s.U)(p("validation.error.requiredField")),height:(0,s.U)(p("validation.error.requiredField")),weight:(e,t)=>e?Number(e)>=Number(t.lastWeight)?null:p("pregnancyWeightGain.weightInput.error"):p("validation.error.requiredField"),lastWeight:(e,t)=>e?Number(e)<Number(t.weight)?null:p("pregnancyWeightGain.weightInput.error"):p("validation.error.requiredField")}}),{getHealthToolLink:x}=(0,c.u)(g),f=(0,l.useMemo)(()=>x(u.H.PWG),[x]),y=Object.assign({onSubmit:v.onSubmit(o)},m);return l.createElement(E.Provider,{value:{linkTool:f,form:v,submitProps:n}},"inline"===t?l.createElement(InlineForm,Object.assign({},y)):b?l.createElement(MbLayout,Object.assign({formLayout:t},y)):l.createElement(DefaultForm,Object.assign({},y)))}},"21Mw":function(e,t,n){n.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return I},u:function(){return g}});var a=n("/npG"),l=n("iuhU"),r=n("Eso5"),o=n("8vDj"),i=n("ZLal"),s=n("FRPj"),c=n("q1tI"),d=n("ChHM"),u=n("AeFk"),m=n("rBCA"),p=n("iBNF"),g=(0,a.k)(e=>(0,i.G)(e)[i.C.LEADGEN]);let h=(0,c.createContext)({}),b=u.iv`
  height: 100% !important;
  min-height: calc(var(--container-height, 56px) * 24 / 56);
  line-height: calc(var(--container-height, 56px) * 24 / 56);
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0;
  cursor: pointer;
  /* opacity: 0; */

  ::placeholder {
    color: ${p.r.colors.gray400};
  }
`,v=u.iv`
  height: auto !important;
  cursor: text;
  opacity: 1;
  transition: 0.1s ease-in-out all;
`,E=u.iv`
  position: absolute;
  top: calc(var(--container-height) / 2);
  left: var(--space-x, 16px);
  margin: 0;
  z-index: 1;
  cursor: pointer;
  transform: translateY(-50%);
  transition: 0.125s ease-in all;

  right: 0; // auto grow width
`,x=u.iv`
  top: var(--space-y-shrink, 6px);
  transform: translateY(0);
  transition: 0.125s ease-out all;
  right: 0; // auto grow width
`,f=u.iv`
  min-height: var(--container-height, 56px);
  display: flex;
  align-items: flex-end;
  border: 1px solid ${p.r.colors.gray200};
  border-radius: 8px;
  background-color: #fff;
  padding-inline: var(--space-x, 16px);
  padding-block: var(--space-y-not-shrink, 16px);
  cursor: pointer;
  pointer-events: none;

  &:has(.mantine-Input-rightSection) {
    padding-right: var(--container-height, 56px);
  }

  .mantine-Input-icon {
    display: none;
  }

  .mantine-NumberInput-control {
    border-color: ${p.r.colors.gray200};
  }
`,y=u.iv`
  height: auto;
  min-height: var(--container-height, 56px);
  padding-block: var(--space-y-shrink, 6px);
  cursor: text;
  pointer-events: auto;
`,w=u.iv`
  color: ${p.r.colors.red800};
  font-size: 12px;
  line-height: 1.5;
`,C=m.Z.div`
  --space-x: 16px;
  --space-y-not-shrink: 15px;
  --space-y-shrink: 6px;
  --container-height: 56px;
  --label-not-shrink: 16px;
  --label-shrink: 12px;
  --input: 15px;

  position: relative;
  min-width: 100px;
  max-width: 100%;
  display: inline-block;

  .textField_wrapper {
    display: inline-block;
    width: 100%;
    cursor: pointer;
  }

  .mantine-InputWrapper-root {
    &[data-invalid='true'] {
      .mantine-Input-wrapper {
        border-color: ${p.r.colors.red400};
      }
    }

    .mantine-Input-wrapper {
      &:has([data-invalid]) {
        border-color: ${p.r.colors.red400};
      }
    }
  }

  .mantine-InputWrapper-label {
    ${E}
  }

  .mantine-Input-wrapper {
    ${f}

    + .mantine-Popover-dropdown[data-position="bottom-start"] {
      left: 0 !important;
    }
    + .mantine-Popover-dropdown[data-position='top-start'] {
      top: unset !important;
      left: 0 !important;
      bottom: 100% !important;
    }
  }

  .mantine-Input-input {
    ${b}
  }

  &.textField_shrink {
    .mantine-InputWrapper-label {
      ${x}
    }

    .mantine-Input-wrapper {
      ${y}
      &.mantine-Select-wrapper {
        .mantine-Select-rightSection {
          pointer-events: auto !important;
        }
      }
    }

    .mantine-Input-input {
      ${v}
    }

    &:has(.PhoneInput) {
      .mantine-InputWrapper-label {
        left: var(--space-x, 16px);
      }
      .PhoneInput {
        .PhoneInputInput {
          opacity: 1;
        }
      }
    }
  }

  &:focus-within {
    .mantine-Input-wrapper {
      transition: 0.25s linear border;
      border-color: ${p.r.colors.primary600};
      box-shadow: 0 0 4px ${p.r.colors.primary200};
    }
  }

  .PhoneInput {
    --phone-select: 75px;
    --phone-input-space-x: 8px;
    width: 100%;
    opacity: 1;
    border: none;
    .PhoneInputCountry {
      background-color: transparent;
      border: none;
      padding: 0;
      width: var(--phone-select, 75px);
    }
    .PhoneInputInput {
      flex: 1;
      min-width: 0;
      line-height: 1.5;
      outline: none !important;
      border: none;
      box-shadow: none;
      font-size: var(--input, 15px);
      padding: 0 var(--phone-input-space-x, 8px);
      /* opacity: 0; */
      color: ${p.r.colors.gray800} !important;
      :focus {
        color: ${p.r.colors.gray800} !important;
      }
    }
  }

  &:has(.PhoneInput) {
    .mantine-InputWrapper-label {
      left: calc(
        var(--space-x, 16px) + var(--phone-select, 75px) +
          var(--phone-input-space-x, 8px)
      );
    }
  }

  .icon {
    position: absolute;
    top: calc(var(--container-height) / 2);
    right: var(--space-x, 16px);
    transform: translateY(-50%);
    transition: 0.125s ease-in all;
    &.shrink {
      top: calc(var(--container-height) / 2 - 4px);
      transform: translateY(0);
    }
  }
`,k=m.Z.div`
  &.leadgen-form_checkbox,
  &.leadgen-form_radio {
    width: 100%;
  }

  &.leadgen-form_dropdown {
    width: calc(50% - 12px);
  }

  .mantine-InputWrapper-root {
    display: block;
  }

  .mantine-InputWrapper-label {
    margin-bottom: 0.5rem;
    color: ${p.r.colors.gray800};
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .mantine-Radio-root,
  .mantine-Checkbox-root {
    gap: 8px;
    min-width: calc(50% - 4px);

    // input[type='radio'],
    // input[type='checkbox'] {
    //   border-color: ${p.r.colors.gray600};
    //   width: 18px;
    //   height: 18px;
    // }
    // input[type='checkbox'] {
    //   border-radius: 4px;
    // }

    // &[data-checked='true'] {
    //   input[type='radio'],
    //   input[type='checkbox'] {
    //     border-color: ${p.r.colors.primary600};
    //   }

    //   input[type='radio'] {
    //     background-color: white;
    //   }
    // }

    .mantine-Checkbox-input {
      &:checked {
        border-color: ${p.r.colors.primary600};
      }
    }
  }

  .leadgen-choiceContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .mantine-InputWrapper-error {
    ${w}
  }
`;m.Z.div`
  position: absolute;
  top: calc(var(--container-height) / 2);
  right: var(--space-x, 16px);
`;let TextField=e=>{let{shrink:t,onChangeShrink:n,children:a,className:r}=e,o=(0,s._)(e,["shrink","onChangeShrink","children","className"]),[i,d]=(0,c.useState)(t),[u,m]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{d(t)},[t]),c.createElement(h.Provider,Object.assign({value:{shrinkProps:t,shrink:i,setShrink:d,onChangeShrink:n,hasIcon:u,setHasIcon:m}},o),c.createElement(C,Object.assign({shrink:i,className:(0,l.default)(r,"textField",{textField_shrink:!!i})},o),a))},TextFieldControl=e=>{let{shrink:t,shrinkProps:n,onChangeShrink:a,setShrink:l,hasIcon:o}=(0,c.useContext)(h),{children:i,htmlFor:s}=e,u=(0,d.O)(()=>{n||(l(!1),null==a||a(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),n=t.item(t.length-1);n&&n.focus({preventScroll:!0})},150)},m=(0,c.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}l(!0),null==a||a(!0),focusInput(e.currentTarget)},[t]);return(0,c.useEffect)(()=>{l(n)},[n]),c.createElement(r.x,{ref:u,onClick:m,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof i?i({shrink:!!t,hasIcon:o}):i)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:n}=(0,c.useContext)(h),a=(0,o.rZ)();return(0,c.useEffect)(()=>{e&&n(!0)},[]),e?c.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:a.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:n}=e,a=(0,s._)(e,["children","className"]);return c.createElement(k,Object.assign({className:(0,l.default)(n,"choiceField")},a),t)};var I=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},Idd8:function(e,t,n){n.d(t,{P:function(){return PostContent},T:function(){return r},U:function(){return o},a:function(){return ProfileDetail},b:function(){return U}});var a,l,r,o,i=n("FRPj"),s=n("q1tI"),c=n("Wgwc"),d=n.n(c),u=n("5w/N"),m=n("SVFg"),p=n("Fo2T"),g=n("IQVP"),h=n("VhOp"),b=n("oTwY"),v=n("/npG"),E=n("eito"),x=n("bpvy"),f=n("SPK5"),y=n("8vDj"),w=n("nGnw"),C=n("R7WV"),k=n("bJUT"),I=n("EoPH"),S=n("Gx+P"),P=n("iBNF"),N=n("rCoo"),T=n("e0pn"),L=n("fdQd"),$=n("wp0n"),O=n("8wjV"),j=n("rBCA"),B=n("aZjv"),F=n("0CvA"),z=n("LgdP");let R=j.Z.div`
  padding: 0.5rem 1rem 1rem;
  line-height: 1.5;
  word-break: break-word;
  .post-content-replying {
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    &.tag-only {
      margin-right: 0;
    }
  }
  .post-content {
    display: inline;
    white-space: pre-wrap;
    /* > *:first-child, */
    > mention:first-child ~ * {
      &:not(ul),
      &:not(ol) {
        display: inline-block;
      }
    }
    > mention:first-child {
      margin-right: 5px;
    }
    &.has-see-more {
      *:last-child {
        &:not(ul),
        &:not(ol) {
          display: inline;
        }
      }
    }
    img {
      width: 100%;
      height: unset;
    }
    ul,
    ol {
      list-style-position: inside;
      padding-left: 1rem;
      display: block;
    }
    ol {
      list-style-type: decimal;
    }
    ul {
      list-style-type: disc;
    }
    mention {
      color: ${e=>e.mentionColor||"#1890ff"};
      padding-right: 4px;
      :hover {
        text-decoration: underline;
      }
    }

    .markdown {
      white-space: normal;
      p,
      ul,
      ol {
        margin-top: 1em;

        &:first-child {
          margin-top: 0;
        }
      }
      li {
        margin-top: 0.5em;

        &:first-child {
          margin-top: 0;
        }
      }
    }
  }
`,A=j.Z.span`
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: ${e=>e.line||1};
  display: -webkit-box;
  -webkit-box-orient: vertical;

  &.post-content-show-all {
    display: block;
  }
`,W=j.Z.span`
  padding-left: 2px;
  background-color: ${P.r.colors.white};
  bottom: 8px;
  position: absolute;
  right: 0;
  z-index: 10;
  cursor: pointer;
`;var H=(0,v.k)(e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}},".create-post-link":{display:"inline",color:e.fn.primaryColor(),cursor:"pointer"}}}));let PostContent=e=>{var{trackingCategory:t,url:n,className:a,style:l,replyingTo:r,mentionedUser:o,description:c,disableShortenContent:d,mentions:u=[],maxChars:m=1e3,maxLines:p,hideShowAllBtn:g,styles:b,onClickCreatePostLink:v}=e,x=(0,i._)(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","maxLines","hideShowAllBtn","styles","onClickCreatePostLink"]);let{classes:f,theme:y}=H(void 0,{name:"PostContent",styles:b}),[w,C]=(0,s.useState)(!1),[I,P]=(0,s.useState)(!1),{t:N}=(0,S.u)(),{authActionWrapper:T}=(0,B.iV)(),[L,$]=(0,s.useState)(!1),O=(0,F.d)((0,F.b)(c||"","display"),u),{action:{sanitizeFunction:j}}=(0,s.useContext)(h.T),z=(0,s.useMemo)(()=>{let e=j(O||"");if(d||w)return{showContent:e,hasSeeMore:!1};let t=e.slice(0,m),n=m-((t.match(/<\/div>/g)||[]).length-1)*27,a=(t||"").slice(0,n<40?40:n),l=j(a.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),r=l.length<e.length-10;return{showContent:r?l:e,hasSeeMore:r}},[d,w,O]),_=(null==o?void 0:o.name)||r,M=(null==o?void 0:o.role)==="expert"&&!!(null==o?void 0:o.partnerId),G=(0,s.useRef)(null),D=(0,s.useRef)(null),q=(0,s.useCallback)(()=>s.createElement(s.Fragment,null,"... ",!g&&s.createElement(E.e,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),T(()=>C(!0))},className:"see-more-text"},t?{"data-event-category":t,"data-event-action":"See More Post Click","data-event-label":n}:{}),N("post.seeMore"))),[g,n,t]),handleCreatePostClick=e=>{e.preventDefault(),null==v||v()},isEllipsisActive=e=>e.scrollHeight>e.clientHeight;return(0,s.useEffect)(()=>{var e;return null===(e=null==G?void 0:G.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach(e=>{e.addEventListener("click",handleCreatePostClick,{passive:!0})}),()=>{var e;null===(e=null==G?void 0:G.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach(e=>{e.removeEventListener("click",handleCreatePostClick,!1)})}},[d,w,O]),(0,s.useEffect)(()=>{D.current&&O&&p&&(isEllipsisActive(D.current)?P(!0):P(!1))},[O,p]),s.createElement(s.Fragment,null,M&&s.createElement(k.P,{isOpen:L,onClose:()=>$(!1),expertId:String(null==o?void 0:o.partnerId)}),s.createElement(R,Object.assign({ref:G,className:`${f.root} ${a} no-replace-click`,style:l,mentionColor:y.fn.primaryColor()},x),_&&s.createElement(E.e,{onClick:()=>M&&$(!0),className:"post-content-replying"},"@",_),(null==c?void 0:c.startsWith("[mention+id="))&&s.createElement("span",{className:"post-content-replying tag-only",style:{color:y.fn.primaryColor()}},"@"),p?s.createElement(s.Fragment,null,s.createElement(A,{dangerouslySetInnerHTML:{__html:O},className:`post-content-line ${w?"post-content-show-all":""}`,line:p,ref:D}),I&&!w&&s.createElement(W,null,q())):s.createElement(s.Fragment,null,s.createElement("span",{dangerouslySetInnerHTML:{__html:z.showContent},className:`post-content ${z.hasSeeMore?"has-see-more":""}`}),z.hasSeeMore&&!w&&s.createElement("span",null,q()))))},CategoryText=({children:e,className:t=""})=>s.createElement("div",{className:`l5fL1xL ${t}`},e),Title=({children:e,className:t=""})=>s.createElement("div",{className:`L-aGKo7 ${t}`},e),Thumbnail=({src:e,defaultSrc:t=w.C.getAssetPath("logo/logomark.png"),ratio:n=1,size:a=80,radius:l=8,alt:r,className:o=""})=>s.createElement("div",{className:o},s.createElement("div",{className:"DZmf3s7",style:{width:`${a}px`,height:`${a*n}px`,borderRadius:`${l}px`}},s.createElement(C.I,{src:e,backupSrc:t,alt:r}))),CardArticle=({category:e,title:t,src:n,children:a,className:l=""})=>s.createElement("div",{className:`eaR8ATZ ${l}`},s.createElement(Thumbnail,{src:n}),s.createElement("div",{className:"xM-7K0a"},a||s.createElement("div",null,e&&s.createElement(CategoryText,null,e),t&&s.createElement(Title,null,t))));CardArticle.CategoryText=CategoryText,CardArticle.Title=Title;let ArticleCard=({featureImage:e,postTitle:t,author:n,categories:a,isReview:l,className:r=""})=>{var o;return s.createElement(CardArticle,{src:e,className:r},s.createElement(s.Fragment,null,s.createElement(CardArticle.CategoryText,null,null===(o=null==a?void 0:a[0])||void 0===o?void 0:o.name),s.createElement(CardArticle.Title,null,t),s.createElement(k.d,{avatarProps:Object.assign(Object.assign({},n),{size:32}),subTitle:s.createElement(s.Fragment,null,l?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD",s.createElement(k.d.SubDivider,null),"Dec 12, 2022")})))};var _={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};let M=(0,s.createContext)({}),About=({className:e=""})=>{var t,n,a,l,r;let{t:o}=(0,S.u)(),{info:i,isMarryBaby:c,currentPageUrl:d}=(0,s.useContext)(M),u=null==i?void 0:i.data,m=[{type:I.S.LinkedIn,icon:w.C.getAssetPath("linkedin.svg"),url:null===(t=null==i?void 0:i.contact)||void 0===t?void 0:t.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:I.S.Instagram,icon:w.C.getAssetPath("instagram.svg"),url:null===(n=null==i?void 0:i.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:I.S.Facebook,icon:w.C.getAssetPath("facebook.svg"),url:null===(a=null==i?void 0:i.contact)||void 0===a?void 0:a.facebook,eventAction:"Doctor Profile  - Facebook"},{type:I.S.Youtube,icon:w.C.getAssetPath("youtube.svg"),url:null===(l=null==i?void 0:i.contact)||void 0===l?void 0:l.youtube,eventAction:"Doctor Profile  - Youtube"},{type:I.S.Tiktok,icon:w.C.getAssetPath("tiktok.svg"),url:null===(r=null==i?void 0:i.contact)||void 0===r?void 0:r.tiktok,eventAction:"Doctor Profile  - TikTok"}],p=[...((null==i?void 0:i.experiences)||[]).length>0?[{key:"experience",heading:o("profilePanel.experience"),iconSrc:w.C.getAssetPath(c?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:s.createElement("div",{className:_.accBodyGroup},null==i?void 0:i.experiences.map((e,t)=>s.createElement("div",{className:_.accBodyGroupItem,key:String(t)},s.createElement("div",{className:_.accBodyGroupTitle},e.title),s.createElement("div",{className:_.accBodyGroupDesc},s.createElement("p",null,e.organization),s.createElement("p",null,e.duration)))))}]:[],...((null==i?void 0:i.educations)||[]).length>0?[{key:"education",heading:o("profilePanel.education"),iconSrc:w.C.getAssetPath(c?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:s.createElement("div",{className:_.accBodyGroup},null==i?void 0:i.educations.map((e,t)=>s.createElement("div",{className:_.accBodyGroupItem,key:String(t)},s.createElement("div",{className:_.accBodyGroupTitle},e.schoolName),s.createElement("div",{className:_.accBodyGroupDesc},s.createElement("p",null,e.study),s.createElement("p",null,e.completedYear)))))}]:[],...((null==i?void 0:i.awards)||[]).length>0?[{key:"awards",heading:o("profilePanel.awards"),iconSrc:w.C.getAssetPath(c?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:s.createElement("div",{className:_.accBodyGroup},null==i?void 0:i.awards.map((e,t)=>s.createElement("div",{className:_.accBodyGroupTitle,key:t},e.title)))}]:[]],g=(null==i?void 0:i.relatedPosts)||[],h=m.filter(e=>e.url);return s.createElement("div",{className:`${_.container} ${e}`,"data-is-marrybaby":c},p.length>0&&s.createElement(x.U,{defaultValue:p[0].key,chevron:c?s.createElement("div",{className:_.mbChevronWrapper},s.createElement(b.Z,{size:12,color:P.r.mbColors.midGray})):s.createElement(b.Z,{color:P.r.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"},"*":{pointerEvents:"none"}}}},p.map(e=>s.createElement(x.U.Item,{key:e.key,value:e.key},s.createElement(x.U.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":d},s.createElement("div",{className:_.header},s.createElement("div",{className:_.headingIcon},s.createElement("img",{src:e.iconSrc,loading:"lazy"})),s.createElement("div",{className:_.heading},e.heading))),s.createElement(x.U.Panel,null,e.panel)))),g.length>0&&s.createElement("div",{className:_.group},s.createElement("div",{className:_.subTitle},s.createElement("img",{className:_.subIcon,src:w.C.getAssetPath(c?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),o("profilePanel.publishedArticles")),s.createElement("div",{className:`${_.relatedList}`},null==i?void 0:i.relatedPosts.map(e=>s.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:_.articleCardLink},s.createElement(ArticleCard,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==u?void 0:u.name,avatar:null==u?void 0:u.avatar}}),{isReview:!0})))))),h.length>0&&s.createElement("div",{className:_.group},s.createElement("div",{className:_.subTitle},s.createElement("img",{className:_.subIcon,src:w.C.getAssetPath(c?"social-mb.svg":"social.svg"),loading:"lazy"}),o("profilePanel.socialLinks")),s.createElement("div",{className:_.groupBody},s.createElement(f.k,null,m.map((e,t)=>e.url&&s.createElement("div",{className:_.socialItem,key:t},s.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},s.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":d}))))))))};var G={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};let PostCard$1=({post:e,className:t=""})=>{var n,a,l,r,o,i,c,d;let{t:u}=(0,S.u)(),{data:{userInfo:m,env:{togetherBasePath:p}}}=(0,s.useContext)(h.T),{authActionWrapper:g,authorProps:b,currentPageUrl:v}=(0,s.useContext)(M),E=`${window.location.origin}${p}/${null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.slug}/${null==e?void 0:e.slug}/`;return s.createElement("div",{className:`${G.container} ${t}`},s.createElement("div",{className:G.header},s.createElement("div",{className:G.question},u("profilePanel.question")," ",s.createElement(L.b,{className:G.questionTitle,href:"#",onClick:()=>{(null==m?void 0:m.id)||null==g||g(()=>window.location.href=E,{_location:E})}},"#",null==e?void 0:e.title)),s.createElement("div",{className:G.community},null===(a=null==e?void 0:e.community)||void 0===a?void 0:a.name," - ",null==e?void 0:e.createdTime)),s.createElement("div",{className:G.questionCard},s.createElement(k.C,Object.assign({className:"card-author"},b,{role:"user",avatarIcon:s.createElement(N.Z,null),subLine:s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null===(o=null===(r=null===(l=null==e?void 0:e.expertAnswer)||void 0===l?void 0:l.answer)||void 0===r?void 0:r[0])||void 0===o?void 0:o.createdTime))})),s.createElement(PostContent,{className:"post-content-wrapper",description:(null===(d=null===(c=null===(i=null==e?void 0:e.expertAnswer)||void 0===i?void 0:i.answer)||void 0===c?void 0:c[0])||void 0===d?void 0:d.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),s.createElement(O.B,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":v,size:"md",onClick:()=>{(null==m?void 0:m.id)?window.location.href=E:null==g||g(()=>window.location.href=E,{_location:E})}},u("profilePanel.anserwing.viewFull")))};var D={container:"_8fd7YMs",thumb:"DomiQfw",content:"-b2qnfL"};let EmptyMessage=({message:e,buttonTxt:t,imgSrc:n,onBtnClick:a})=>{let{siteType:l,isMarryBaby:r}=(0,s.useContext)(M);return s.createElement("div",{className:D.container},s.createElement("div",{className:D.thumb},s.createElement("img",{src:n||w.C.getAssetPath(r?"comments-mb.svg":"comments.svg"),loading:"lazy"})),e&&s.createElement("div",{className:D.content},e),t&&s.createElement(z.B,{size:"md",theme:l,color:"secondary",onClick:a},t))},Answering=({id:e})=>{let{t}=(0,S.u)(),{data:{locale:n}}=(0,s.useContext)(h.T),{authorProps:a}=(0,s.useContext)(M),[l,r]=(0,s.useState)(null),[o,c]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{e&&(0,i.a)(void 0,void 0,void 0,function*(){var t;c(!0);let a=yield(0,h.c)((0,h.e)(g.yy.USER.LIST_ANSWERS,{_locale:n,id:e}),"GET"),l=((null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.replies)||[]).map(p.a);r(l),c(!1)})},[]),s.createElement("div",{className:"MrdoES3"},o?s.createElement(m.L,null):null!==l&&(l.length>0?l.map(e=>s.createElement(PostCard$1,{className:"post-card",key:e.id,post:e})):s.createElement(EmptyMessage,{message:t("profilePanel.emptyPostMess.content",{name:(null==a?void 0:a.name)||(null==a?void 0:a.username)})})))},QuestionCard=e=>{var t,n,a,l,{post:r}=e,o=(0,i._)(e,["post"]);let{data:{env:{togetherBasePath:c}}}=(0,s.useContext)(h.T);return s.createElement(s.Fragment,null,s.createElement("div",Object.assign({},o,{className:`toEutn7 ${(null==o?void 0:o.className)||""}`}),s.createElement(k.C,{className:"card-author",avatar:null===(t=null==r?void 0:r.author)||void 0===t?void 0:t.avatar,name:(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.name)||(null===(a=null==r?void 0:r.author)||void 0===a?void 0:a.username),isAnonymous:!!(null==r?void 0:r.isAnonymous),subLine:s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null==r?void 0:r.createdTime))}),s.createElement(L.b,{href:`${window.location.origin}${c}/${null===(l=null==r?void 0:r.community)||void 0===l?void 0:l.slug}/${null==r?void 0:r.slug}/`,className:"drdisHs",rel:"noreferrer"},null==r?void 0:r.title)))};var q={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",chevron:"L2Q9T6m",container:"h-pSmhX"};let Care=()=>{var e,t;let{t:n}=(0,S.u)(),{data:{locale:a,userInfo:l}}=(0,s.useContext)(h.T),{onSkipQuestion:r,countValues:o,setCountValues:c}=(0,s.useContext)(M),[d,u]=(0,s.useState)(),[b,v]=(0,s.useState)([]),[E,f]=(0,s.useState)(!1),y=null==l?void 0:l.id;(0,s.useEffect)(()=>{y&&(0,i.a)(void 0,void 0,void 0,function*(){var e;f(!0);let t=yield(0,h.b)((0,h.e)(g.yy.USER.LIST_QUESTION_NEED_REPLY,{_locale:a}),"GET"),n=[],l=Object.create({});((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.communities)||[]).filter(e=>((null==e?void 0:e.question)||[]).length>0).map(e=>{l[e.id]=e.question.map(p.a),delete e.question,n.push((0,p.f)(e))}),v(n),u(l),f(!1)})},[]);let handleSkipQuestion=({id:e,communityId:t})=>{if(e&&t&&d){let n=Object.assign(Object.assign({},d),{[t]:[...((null==d?void 0:d[t])||[]).filter(t=>t.id!==e)]}),a=0;Object.keys(n).map(e=>a+=n[e].length||0),u(n),c(Object.assign(Object.assign({},o),{total_question:a})),null==r||r(a)}};return s.createElement("div",{className:q.container},E?s.createElement(m.L,null):(null==o?void 0:o.total_question)>0?b.length>0&&s.createElement(x.U,{className:q.accordion,defaultValue:String((null===(t=b[null===(e=Object.keys(b))||void 0===e?void 0:e[0]])||void 0===t?void 0:t.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},label:{padding:0},item:{marginBottom:"16px"}}),chevron:s.createElement("div",{className:q.chevron},s.createElement(T.Z,{color:P.r.colors.gray600,size:20}))},b.map(e=>{let t=d&&(null==d?void 0:d[e.id])||[];return t.length>0&&s.createElement(x.U.Item,{key:e.id,value:String(e.id)},s.createElement(x.U.Control,null,s.createElement("div",{className:q.header},s.createElement("div",{className:q.headingIcon},s.createElement("img",{src:e.thumbnail,loading:"lazy"})),s.createElement("div",{className:q.heading},e.name))),s.createElement(x.U.Panel,null,s.createElement("div",{className:q.body},t.map(e=>s.createElement(QuestionCard,{className:"question-card",key:e.id,post:e,onSkip:handleSkipQuestion})))))})):s.createElement(EmptyMessage,{message:n("profilePanel.emptyCareMess.content"),imgSrc:w.C.getAssetPath("questions.svg")}))},PostCard=({post:e,className:t=""})=>{var n;let{data:{userInfo:a,env:{togetherBasePath:l}}}=(0,s.useContext)(h.T),{t:r}=(0,S.u)(),o=(0,y.rZ)(),{authActionWrapper:i,authorProps:c}=(0,s.useContext)(M),d=`${window.location.origin}${l}/${null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.slug}/${null==e?void 0:e.slug}/`;return s.createElement("div",{className:`GA-zc-O ${t}`},s.createElement("div",{className:"IB049vj"},s.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":d,className:"_8I--vEV",href:d,onClick:e=>{(null==a?void 0:a.id)||(e.preventDefault(),null==i||i(()=>window.location.href=d,{_location:d}))}}),s.createElement(k.d,{className:"card-author",avatarProps:{avatar:null==c?void 0:c.avatar,size:32}},s.createElement(k.C.MainText,{className:"A18McWD"},null==e?void 0:e.title),s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null==e?void 0:e.createdTime))),s.createElement(PostContent,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post",hideShowAllBtn:!0}),s.createElement($.T,{size:"p3",color:o.fn.primaryColor()},r("post.seeMore"))))},Posts=()=>{let{t:e}=(0,S.u)(),{data:{locale:t}}=(0,s.useContext)(h.T),{authorId:n,authorProps:a,isAuthorLogin:l,onCloseFromPost:r}=(0,s.useContext)(M),[o,c]=(0,s.useState)(null),[d,u]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{n&&(0,i.a)(void 0,void 0,void 0,function*(){var e;u(!0);let a=yield(0,h.c)((0,h.e)(g.yy.USER.LIST_POST,{_locale:t,id:n,isAnonymous:0}),"GET"),l=((null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.posts)||[]).map(p.a);c(l),u(!1)})},[n]),s.createElement("div",{className:"TSMHoEM"},d?s.createElement(m.L,null):null!==o&&(o.length>0?o.map(e=>s.createElement(PostCard,{className:"post-card",key:e.id,post:e})):s.createElement(EmptyMessage,{message:e("profilePanel.emptyPostMess.content",{name:(null==a?void 0:a.name)||(null==a?void 0:a.username)||""}),buttonTxt:l&&e("profilePanel.createPost"),onBtnClick:()=>{null==r||r()}})))};var Q={container:"_4Vekw96",info:"DIJdGcB",body:"aQSt4-Q"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(a=r||(r={}))[a.About=0]="About",a[a.Care=1]="Care",a[a.Answer=2]="Answer",a[a.Posts=3]="Posts",(l=o||(o={}))[l.Expert=0]="Expert",l[l.User=1]="User";let U={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail=e=>{var t,{authorProps:n,selectedTab:a,authActionWrapper:l,onSkipQuestion:o,onCloseFromPost:c,hideQuestionTab:b,hideAnswerTab:v,showSkipQuestionTag:E,rolesToShowQuestionsTab:x=["expert"],currentPageUrl:f}=e,y=(0,i._)(e,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);let{data:{locale:w,userInfo:C,env:{isMarryBaby:I}}}=(0,s.useContext)(h.T),{t:P}=(0,S.u)(),N=null==n?void 0:n.role,T=null==C?void 0:C.role,L=String(null==n?void 0:n.userId),[$,O]=(0,s.useState)(),[j,B]=(0,s.useState)(!1),[F,z]=(0,s.useState)(),R=(null==C?void 0:C._togetherUserId)===(null==n?void 0:n.userId),A=[...-1!==x.indexOf(N)?[{value:r.About,text:P("profilePanel.tabs.highlight"),content:s.createElement(About,{id:L,info:F}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:f}]:[],{value:r.Posts,text:P("profilePanel.tabs.posts"),content:s.createElement(Posts,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...b||-1===x.indexOf(T)||(null==C?void 0:C._togetherUserId)!==(null==n?void 0:n.userId)?[]:[{value:r.Care,text:`${P("profilePanel.tabs.care")}`,content:s.createElement(Care,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:f}],...v||-1===x.indexOf(N)?[]:[{value:r.Answer,text:`${P("profilePanel.tabs.expertAnswer")}`,content:s.createElement(Answering,{id:L}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:f}]],[W,H]=(0,s.useState)(null),[_,G]=(0,s.useState)(null),D={value:String(_),dataList:W,onTabChange:e=>G(Number(e))},q=null==A?void 0:A.filter(e=>null==e?void 0:e.hasCountResult);(0,s.useEffect)(()=>{(0,i.a)(void 0,void 0,void 0,function*(){var e,t,n,l,o,i,s,c,d,u;B(!0);let m=yield Promise.all([(0,h.c)((0,h.e)(g.yy.USER.DETAIL,{_locale:w,id:L}),"GET"),...q.map(e=>(0,h.c)((0,h.e)(g.yy.USER.COUNT_TABS,{_locale:w,id:L,[e.keyOfCountApi]:1}),"GET"))]),[b]=m,v={data:null==b?void 0:b.data,experiences:((null===(t=null===(e=null==b?void 0:b.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(n=null==b?void 0:b.data)||void 0===n?void 0:n.related_post)||[]).map(e=>(0,p.g)(e.post)),educations:((null===(o=null===(l=null==b?void 0:b.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(formatEducation),awards:(null===(s=null===(i=null==b?void 0:b.data)||void 0===i?void 0:i.fields)||void 0===s?void 0:s.awards_accreditations)||[],contact:(null===(d=null===(c=null==b?void 0:b.data)||void 0===c?void 0:c.fields)||void 0===d?void 0:d.contact)||{}};(null==b?void 0:b.status)===1&&z(v);let E=(null==v?void 0:v.relatedPosts)||[],x=Object.keys(v.contact).map(e=>{var t;return(null===(t=null==v?void 0:v.contact)||void 0===t?void 0:t[e])!==""}),f=[...(null==v?void 0:v.experiences)||[],...(null==v?void 0:v.educations)||[],...(null==v?void 0:v.awards)||[]],y=E.length>0||x.length>0||f.length>0,C={},k=q.map((e,t)=>{var n,a,l;let o=(null===(l=null===(a=null===(n=m[t+1])||void 0===n?void 0:n.data)||void 0===a?void 0:a.counting)||void 0===l?void 0:l[e.keyOfResult])||0;return o>0?(C[e.keyOfResult]=o,e):-1!==[r.Care,r.Posts].indexOf(e.value)?e:void 0}).filter(Boolean).map(e=>e.value),I=A.map(e=>{let t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==C?void 0:C[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==k.indexOf(t.value)?t:void 0:t.value===r.About?y&&t:t}).filter(Boolean);H(I),G(a||(null===(u=null==I?void 0:I[0])||void 0===u?void 0:u.value)),O(C),B(!1)})},[]);let U=null==F?void 0:F.data;return s.createElement(M.Provider,{value:{isMarryBaby:I,siteType:I?"marryBaby":"helloSites",authorId:String((null==n?void 0:n.userId)||""),authActionWrapper:l,onSkipQuestion:o,info:F,authorProps:n,onCloseFromPost:c,countValues:$,setCountValues:O,isAuthorLogin:R,showSkipQuestionTag:E,currentPageUrl:f}},s.createElement("div",Object.assign({},y,{className:`${Q.container} ${(null==y?void 0:y.className)||""}`,"data-is-marrybaby":I}),j?s.createElement(m.L,null):s.createElement(s.Fragment,null,s.createElement(k.C,Object.assign({},n,{className:"card-author",showDetailPopup:!1,subLine:(null==n?void 0:n.role)==="expert"?(null==U?void 0:U.specialty)&&(null==U?void 0:U.organisation)&&s.createElement(k.C.SubTextRow,null,(null==U?void 0:U.specialty)&&s.createElement(s.Fragment,null,s.createElement(k.C.SubText,null,null==U?void 0:U.specialty),s.createElement(k.C.SubDivider,null)),s.createElement(k.C.SubText,null,null==U?void 0:U.organisation)):(null==U?void 0:U.created_at)&&s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,P("profilePanel.joined")," ",d()(null==U?void 0:U.created_at).toNow(!0)))})),"expert"===N&&s.createElement("div",{className:Q.info,dangerouslySetInnerHTML:{__html:null===(t=null==F?void 0:F.data)||void 0===t?void 0:t.description}}),null!==W&&null!==_&&(W.length>0?s.createElement("div",{className:Q.body},s.createElement(u.T,Object.assign({},D))):s.createElement(EmptyMessage,{message:P("profilePanel.emptyPostMess.content",{text:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""})})))))}},tQAi:function(e,t,n){n.d(t,{B:function(){return BabyPoopForm}});var a=n("FRPj"),l=n("q1tI"),r=n("/npG"),o=n("mYVa"),i=n("Eso5"),s=n("iuhU"),c=n("wp0n"),d=n("8wjV"),u=n("Gx+P"),m=n("7dxN"),p=n("sxbY"),g=(0,r.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,o.h)(16)},sponsorBox:{display:"flex",gap:(0,o.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,o.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,o.h)(32)},btn:{minWidth:(0,o.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:n,currentUrl:r,sponsorLogo:o,btnProps:h,styles:b,classNames:v}=e,E=(0,a._)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:x}=(0,u.u)(),{classes:f}=g({hasOnClickFn:!!n},{name:"BabyPoopForm",styles:b,classNames:v}),{classes:y={}}=(0,l.useContext)(m.C);return l.createElement(p.H.FormRow,null,l.createElement(i.x,Object.assign({className:f.root},E),o&&l.createElement(i.x,{className:f.sponsorBox},l.createElement(c.T,{size:"p4"},x("common.sponsoredBy")),l.createElement("img",{loading:"lazy",src:o,alt:"sponsor",className:f.sponsorLogo})),l.createElement(c.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),l.createElement(d.B,Object.assign({className:(0,s.default)(f.btn,y.submitBtn),onClick:n,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:r},h),x("babyPoop.findOut"))))}}}]);