(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4410],{86496:function(e,t,a){"use strict";a.d(t,{C:function(){return xe},P:function(){return me},c:function(){return ye},d:function(){return K}});var o=a(67294),n=a(76623),r=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a};var l=e=>{var{size:t=24,color:a=n.SQ}=e,l=r(e,["size","color"]);return o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 16 16",fill:"none"},l),o.createElement("path",{d:"M7.29998 8.71005L6.24868 7.64851C6.14527 7.54509 6.02647 7.49338 5.89228 7.49338C5.75811 7.49338 5.63931 7.54509 5.53588 7.64851C5.43247 7.75192 5.38012 7.87179 5.37883 8.00811C5.37756 8.14444 5.42649 8.26217 5.52563 8.36131L6.8782 9.71386C6.99871 9.83437 7.13931 9.89463 7.29998 9.89463C7.46066 9.89463 7.60126 9.83437 7.72177 9.71386L10.4846 6.95105C10.588 6.84764 10.6397 6.72884 10.6397 6.59465C10.6397 6.46047 10.588 6.34167 10.4846 6.23825C10.3812 6.13484 10.2613 6.0842 10.125 6.08633C9.98866 6.08846 9.87093 6.1391 9.77178 6.23825L7.29998 8.71005ZM7.99998 14.2703H7.84293C7.79379 14.2703 7.74913 14.2592 7.70897 14.2369C6.34743 13.7857 5.22222 12.9235 4.33333 11.6504C3.44444 10.3773 3 8.96046 3 7.39978V4.39723C3 4.1451 3.07308 3.91754 3.21923 3.71455C3.36539 3.51155 3.55342 3.36432 3.78333 3.27288L7.5782 1.85621C7.72093 1.80494 7.86153 1.7793 7.99998 1.7793C8.13844 1.7793 8.27903 1.80494 8.42177 1.85621L12.2166 3.27288C12.4465 3.36432 12.6346 3.51155 12.7807 3.71455C12.9269 3.91754 13 4.1451 13 4.39723V7.39978C13 8.96046 12.5555 10.3773 11.6666 11.6504C10.7777 12.9235 9.65253 13.7857 8.291 14.2369C8.23972 14.2592 8.14272 14.2703 7.99998 14.2703Z",fill:a}))},i=a(26792),s=a(44036),c=a(91938),d=a(53515),p=a(22691),m=a(2566),u=a(90411),v=a.n(u),g=a(93912),b=a.n(g),h=a(58499),f=a(36308),y=a(58389),x=a(98198),E=a(22470),w=a(63946),k=a(88125),C=a(43125),O=a(47440),N=a(57849),T=a(83129),P=a(10917),j=a(93867),z=a(22078),S=a(62867),I=a(94044),$=a(35022),B=a(78577),D="dZWeHns",M="tMiOKib",A="uDcqD-2",F="pDlsows",R="m-HVXw1";const L=({children:e,className:t=""})=>o.createElement("div",{className:`${M} ${t}`},e),_=({children:e,className:t=""})=>o.createElement("div",{className:`${A} ${t}`},e);var Z="sTU4T4I",H="tCql9Je",V="_3j7uYhH",W="PHABgoT";const K=({avatarProps:e,title:t,subTitle:a,children:n,className:r="",style:l,onAvatarClick:i,avatarIcon:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>o.createElement("div",{className:`${Z} ${r}`,style:l},o.createElement("div",{className:V,onClick:i,"data-event-category":c,"data-event-action":d,"data-event-label":p},o.createElement(w.U,Object.assign({},e)),s&&o.createElement("div",{className:W},s)),o.createElement("div",{className:`${H} ${r}`,style:{minHeight:`${(null===e||void 0===e?void 0:e.size)||40}px`}},n||o.createElement(o.Fragment,null,t&&o.createElement(L,null,t),a&&o.createElement(_,null,a))));K.MainText=L,K.SubText=_,K.SubDivider=({className:e=""})=>o.createElement("span",{className:`${R} ${e}`}),K.Row=({children:e,className:t=""})=>o.createElement("div",{className:`${D} ${t} row`},e),K.ColLeft=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-left`},e),K.ColRight=({children:e,className:t=""})=>o.createElement("div",{className:`${t} col-right`},e),K.SubTextRow=e=>{var{children:t,className:a=""}=e,n=(0,E._)(e,["children","className"]);return o.createElement("div",Object.assign({className:`${F} ${a}`},n),t)};var U=(0,s.k)((()=>({root:{verticalAlign:"bottom"}})));const Q=(0,o.createContext)({}),G=({styles:e,className:t,classNames:a})=>{const{role:n,siteType:r,title:l}=(0,o.useContext)(Q),{cx:i,classes:s}=U(void 0,{name:"AuthorBadgeItem",styles:e,classNames:a});return n?o.createElement(y.A,{className:i(s.root,t),siteType:r,role:n,title:l}):null};var q=(0,s.k)((()=>({root:{}})));const J=j.Z.div`
  position: fixed;
  left: 50%;
  width: 343px;
  background-color: ${P.r.colors.white};
  border-radius: ${P.r.borderRadius};
  box-shadow: 0px 0px 4px ${P.r.colors.gray200};
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;

  ${f.M.tdUp} {
    width: 750px;
  }

  &[data-animation='true'] {
    transition: all 0.5s ease-in-out;
  }

  &[data-open='true'] {
    z-index: 400;
    top: 50%;
    opacity: 1;
    visibility: visible;
  }

  &[data-open='false'] {
    top: -50%;
  }

  .popup-content {
    ${f.M.mbDown} {
      display: block;
    }
    display: flex;
    position: relative;
    z-index: 111;
    height: 100%;
    .button-see-more {
      margin: 32px 0;
      padding: 0;
      > * {
        display: inline-block;
      }
    }
    .close-button {
      position: absolute;
      z-index: 100;
      top: 10px;
      right: 10px;
      cursor: pointer;
      width: unset;
      height: unset;
      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
  }

  .main-info {
    padding-bottom: 32px;
    background-color: ${P.r.colors.primary50};
    border-radius: ${P.r.borderRadius};
    .btn-booking {
      display: flex;
      margin: 12px auto;
    }
    .avatar-title {
      position: relative;
      width: 100%;
      padding-top: 46px;
      text-align: center;
    }
  }
`,X=j.Z.div`
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: rgba(38, 38, 38, 0.3);

  &[data-open='false'] {
    display: none;
  }
`,Y=j.Z.div`
  .image-container {
    .badge-avatar {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
    }
  }
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  text-align: center;
  .profile-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    border-radius: 50%;
    object-fit: cover;
  }
  .badge-avatar {
    width: 24px;
    height: 24px;
  }
`,ee=j.Z.div`
  position: relative;
  z-index: 9;
  .specialty {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  padding: 0px 16px;
  text-align: center;
  .specialty {
    justify-content: center;
  }

  .experience {
    padding: 16px 0px 32px;
    text-align: left;
    .btn-wrapper {
      margin-top: 24px;
    }
  }
  p {
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
`,te=j.Z.ul`
  padding-left: 18px;
  li {
    list-style-type: disc;
  }
`;var ae="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3e%3c/svg%3e",oe="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3cpath fill='white' stroke='%23E4E8EC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16'/%3e%3cpath fill='%23FF5331' d='M10.333 7.667V5H7.667v2.667H5v2.667h2.667V13h2.666v-2.666H13V7.667z'/%3e%3c/svg%3e";const ne=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,doctorId:n,locale:r,isMobile:l,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{var d,p,m;const{t:u}=(0,h.u)(),[v,g]=(0,o.useState)(null),[b,f]=(0,o.useState)(!1);(0,o.useEffect)((()=>{if(e&&n&&String(null===v||void 0===v?void 0:v.id)!==String(n)){f(!0);try{g(null),(0,O.c)((0,O.g)(z.tC.GET_DOCTOR_INFO,{doctorId:n,website_url:O.l[r]}),"get").then((e=>{g(Object.assign(Object.assign({},null===e||void 0===e?void 0:e._data.doctor),i))}))}catch(t){console.error(t)}f(!1)}}),[e,n,null===v||void 0===v?void 0:v.id]);const y=(null===v||void 0===v?void 0:v.experiences)||[],x=((null===v||void 0===v?void 0:v.specialties)||[]).map((e=>(null===e||void 0===e?void 0:e.name)||e)).join(" \u2022 "),E=y.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return o.createElement(o.Fragment,null,o.createElement(J,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},b||!v?o.createElement(S.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:ae,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(Y,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(k.I,{src:null===v||void 0===v?void 0:v.avatar,backupSrc:s,className:"profile-image",alt:"avatar"}),o.createElement("img",{className:"badge-avatar",src:oe,alt:"badge",loading:"lazy"})))),o.createElement(ee,null,o.createElement(T.T,{size:"s3",weight:"semiBold",className:"full-name"},null===v||void 0===v?void 0:v.name),o.createElement("div",{className:"specialty"},x&&o.createElement(o.Fragment,null,o.createElement(T.T,{size:"p4",color:P.r.colors.gray800},x," \u2022 ")),o.createElement("a",{href:(0,O.m)({id:null===(d=null===v||void 0===v?void 0:v.organization)||void 0===d?void 0:d.id,name:null===(p=null===v||void 0===v?void 0:v.organization)||void 0===p?void 0:p.name,slug:null===(m=null===v||void 0===v?void 0:v.organization)||void 0===m?void 0:m.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(T.T,{size:"p4",className:"organisation",color:P.r.colors.gray800,style:{textDecoration:"underline"}},null===v||void 0===v?void 0:v.organization.name))))),!l&&o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:(0,O.n)({name:v.name,id:v.id,locale:r})},o.createElement(N.B,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment"))))),E&&o.createElement(ee,null,o.createElement("div",{className:"experience"},o.createElement(T.T,{weight:"bold",size:"s3",color:P.r.colors.gray800,style:{paddingBottom:16}},u("expert.content.description").toUpperCase()),o.createElement(te,null,E.map(((e,t)=>o.createElement("li",{key:t},o.createElement(T.T,{size:"p2"},(e=>(null===e||void 0===e?void 0:e.year)?`${e.year} ${null===e||void 0===e?void 0:e.content}`:(null===e||void 0===e?void 0:e.content)?e.content:"string"===typeof e?e:"")(e)))))),l?o.createElement("div",{className:"btn-wrapper"},o.createElement("a",{href:(0,O.n)({name:v.name,id:v.id,locale:r})},o.createElement(N.B,{color:"primary",size:"md",className:"btn-booking"},u("careBooking.bookAnAppointment")))):o.createElement("a",{href:(0,O.n)({name:v.name,id:v.id,locale:r})},o.createElement(T.T,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":c,"data-event-action":"See Full Doctor Profile","data-event-label":(0,O.k)(r)+(0,O.n)({name:v.name,id:v.id,locale:r})},u("home.seeExpert"))))))),o.createElement(X,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},re=j.Z.div`
  position: fixed;
  left: 50%;
  width: 343px;
  background-color: ${P.r.colors.white};
  border-radius: ${P.r.borderRadius};
  box-shadow: 0px 0px 4px ${P.r.colors.gray200};
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;

  ${f.M.tdUp} {
    width: 750px;
  }

  &[data-animation='true'] {
    transition: all 0.5s ease-in-out;
  }

  &[data-open='true'] {
    z-index: 400;
    top: 50%;
    opacity: 1;
    visibility: visible;
  }

  &[data-open='false'] {
    top: -50%;
  }

  .popup-content {
    ${f.M.mbDown} {
      display: block;
    }
    display: flex;
    position: relative;
    z-index: 111;
    height: 100%;
    .button-see-more {
      margin: 32px 0;
      padding: 0;
      > * {
        display: inline-block;
      }
    }
    .close-button {
      position: absolute;
      z-index: 100;
      top: 10px;
      right: 10px;
      cursor: pointer;
      width: unset;
      height: unset;
      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
  }

  .main-info {
    padding-bottom: 32px;
    background-color: ${P.r.colors.primary50};
    border-radius: ${P.r.borderRadius};

    .avatar-title {
      position: relative;
      width: 100%;
      padding-top: 46px;
      text-align: center;
    }
  }
`,le=j.Z.div`
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: rgba(38, 38, 38, 0.3);

  &[data-open='false'] {
    display: none;
  }
`,ie=j.Z.div`
  .image-container {
    .badge-avatar {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
    }
  }
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  text-align: center;
  .profile-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    border-radius: 50%;
    object-fit: cover;
  }
  .badge-avatar {
    width: 24px;
    height: 24px;
  }
`,se=j.Z.div`
  position: relative;
  z-index: 9;
  .specialty {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  padding: 0px 16px;
  text-align: center;
  .specialty {
    justify-content: center;
  }

  .experience {
    padding: 16px 0px 32px;
    text-align: left;
    .btn-wrapper {
      margin-top: 24px;
    }
  }
  p {
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
`,ce=j.Z.div`
  display: flex;
  margin-top: 8px;

  .bullet-point {
    width: 24px;
    height: 24px;
  }
`;var de="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12'/%3e%3cpath fill='%232D87F3' d='M24 12a12 12 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533l-.41 1.427 1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";const pe={author:de,edtior:de,expert:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath fill='white' d='M11.443 5.137a.6.6 0 0 1 1.114 0l1.436 3.577a.6.6 0 0 0 .516.375l3.846.26a.6.6 0 0 1 .344 1.06l-2.958 2.471a.6.6 0 0 0-.197.607l.94 3.738a.6.6 0 0 1-.9.655l-3.265-2.05a.6.6 0 0 0-.638 0l-3.265 2.05a.6.6 0 0 1-.9-.655l.94-3.738a.6.6 0 0 0-.198-.607L5.3 10.41a.6.6 0 0 1 .344-1.06l3.846-.26a.6.6 0 0 0 .517-.375z'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath fill='%2300C076' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='m11.946 5.466-5.28 4.8-2.4-2.182'/%3e%3c/svg%3e",medical:oe},me=({trackingCategory:e="Together",locale:t,isOpen:a=!0,onClose:n,enableAnimation:r=!0,expertId:l,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg")})=>{const{t:c}=(0,h.u)(),[d,p]=(0,o.useState)(null),[m,u]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{if(a&&l&&String(null===d||void 0===d?void 0:d.user_id)!==String(l)){u(!0);try{p(null),(0,O.c)((0,O.o)(z.D9.GET_EXPERT_BY_ID,{id:l}),"get").then((e=>{p(Object.assign(Object.assign({},null===e||void 0===e?void 0:e.data),i))}))}catch(e){console.error(e)}u(!1)}}),[a,l,null===d||void 0===d?void 0:d.user_id]),o.createElement(o.Fragment,null,o.createElement(re,{"data-open":a,"data-animation":r,onClick:e=>e.stopPropagation()},m||!d?o.createElement(S.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:n},o.createElement("img",{src:ae,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(ie,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(k.I,{src:null===d||void 0===d?void 0:d.avatar,className:"profile-image",alt:"avatar",backupSrc:s}),o.createElement("img",{className:"badge-avatar",src:pe[null===d||void 0===d?void 0:d.role],alt:"badge",loading:"lazy"})))),o.createElement(se,null,o.createElement(T.T,{size:"s3",className:"full-name",weight:"semiBold"},null===d||void 0===d?void 0:d.display_name),o.createElement("div",null,o.createElement(T.T,{size:"p4",color:P.r.colors.gray800},null===d||void 0===d?void 0:d.specialty," \u2022 "),o.createElement("a",{href:null===d||void 0===d?void 0:d.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(T.T,{size:"p4",className:"organisation",color:P.r.colors.gray800,style:{textDecoration:"underline"}},null===d||void 0===d?void 0:d.organisation)))))),o.createElement(se,null,o.createElement("div",{className:"experience"},o.createElement(T.T,{weight:"bold",size:"p4",color:P.r.colors.gray800,style:{paddingBottom:16}},c("expert.content.description").toUpperCase()),o.createElement("div",{className:"list-items"},!!(null===d||void 0===d?void 0:d.experiences)&&d.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>o.createElement(ce,{key:t},o.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),o.createElement("div",{className:"text-contain"},o.createElement(I.H,{tag:"h6",color:P.r.colors.gray800},null===e||void 0===e?void 0:e.title),o.createElement(T.T,{size:"p2",color:P.r.colors.gray500},null===e||void 0===e?void 0:e.organization)))))),o.createElement("a",{href:null===d||void 0===d?void 0:d.profile_url,style:{display:"inline-block",paddingTop:24}},o.createElement(T.T,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":(0,O.k)(t)+(null===d||void 0===d?void 0:d.profile_url)},c("home.seeExpert"))))))),o.createElement(le,{"data-open":a,onClick:e=>{e.stopPropagation(),n()}}))},ue=j.Z.div`
  position: fixed;
  left: 50%;
  width: 343px;
  background-color: ${P.r.colors.white};
  border-radius: ${P.r.borderRadius};
  box-shadow: 0px 0px 4px ${P.r.colors.gray200};
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;

  ${f.M.tdUp} {
    width: 750px;
  }

  &[data-animation='true'] {
    transition: all 0.5s ease-in-out;
  }

  &[data-open='true'] {
    z-index: 400;
    top: 50%;
    opacity: 1;
    visibility: visible;
  }

  &[data-open='false'] {
    top: -50%;
  }

  .popup-content {
    ${f.M.mbDown} {
      display: block;
    }
    display: flex;
    position: relative;
    z-index: 111;
    height: 100%;
    .button-see-more {
      margin: 32px 0;
      padding: 0;
      > * {
        display: inline-block;
      }
    }
    .close-button {
      position: absolute;
      z-index: 100;
      top: 10px;
      right: 10px;
      cursor: pointer;
      width: unset;
      height: unset;
      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }
  }

  .main-info {
    padding-bottom: 32px;
    background-color: ${P.r.colors.primary50};
    border-radius: ${P.r.borderRadius};
    .btn-booking {
      display: flex;
      margin: 12px auto;
    }
    .avatar-title {
      position: relative;
      width: 100%;
      padding-top: 46px;
      text-align: center;
    }
  }
`,ve=j.Z.div`
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background: rgba(38, 38, 38, 0.3);

  &[data-open='false'] {
    display: none;
  }
`,ge=j.Z.div`
  .image-container {
    .badge-avatar {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
    }
  }
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  text-align: center;
  .profile-image {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
    border-radius: 50%;
    object-fit: cover;
  }
  .badge-avatar {
    width: 24px;
    height: 24px;
  }
`,be=j.Z.div`
  position: relative;
  z-index: 9;
  .specialty {
    display: block;
    min-width: 240px;
  }

  padding: 0px 16px;
  text-align: center;
  .specialty {
    justify-content: center;
  }

  .experience {
    padding: 16px 0px 32px;
    text-align: left;
    .btn-wrapper {
      margin-top: 24px;
    }
  }
  p {
    max-width: 100%;
  }
`,he=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,hospitalId:n,locale:r,isMobile:l,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{const{t:d}=(0,h.u)(),[p,m]=(0,o.useState)(null),[u,v]=(0,o.useState)(!1);(0,o.useEffect)((()=>{if(e&&n&&String(null===p||void 0===p?void 0:p.id)!==String(n)){v(!0);try{m(null),(0,O.c)((0,O.g)(z.tC.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:O.l[r]}),"get").then((e=>{m(Object.assign(Object.assign({},null===e||void 0===e?void 0:e._data.branch),i))}))}catch(t){console.error(t)}v(!1)}}),[e,n,null===p||void 0===p?void 0:p.id]);const g=(null===p||void 0===p?void 0:p.specialties)||[],b=(0,o.useMemo)((()=>g.map((e=>e.name))),[g]);return o.createElement(o.Fragment,null,o.createElement(ue,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},u||!p?o.createElement(S.L,null):o.createElement("div",{className:"popup-content"},o.createElement("div",{className:"close-button",onClick:t},o.createElement("img",{src:ae,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),o.createElement("div",{className:"main-info"},o.createElement("div",{className:"border-banner"}),o.createElement("div",{className:"avatar-title"},o.createElement(ge,null,o.createElement("div",{className:"image-container"},o.createElement("div",{style:{position:"relative"}},o.createElement(k.I,{src:null===p||void 0===p?void 0:p.logo,className:"profile-image",alt:"avatar",backupSrc:s}),o.createElement("img",{className:"badge-avatar",src:oe,alt:"badge",loading:"lazy"})))),o.createElement(be,null,o.createElement(T.T,{size:"s3",weight:"semiBold",className:"full-name"},null===p||void 0===p?void 0:p.name),o.createElement("div",{className:"specialty"},g&&o.createElement(T.T,{size:"p4",color:P.r.colors.gray800},b.join(" \u2022 "),"\u2022"),o.createElement("a",{href:(0,O.m)({id:p.id,name:p.name,slug:p.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},o.createElement(T.T,{size:"p4",className:"organisation",color:P.r.colors.gray800,style:{textDecoration:"underline"}},null===p||void 0===p?void 0:p.name))))),!l&&o.createElement("a",{href:(0,O.m)({id:p.id,name:p.name,slug:p.slug,locale:r})},o.createElement("div",{className:"btn-wrapper"},o.createElement(N.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment"))))),o.createElement(be,null,o.createElement("div",{className:"experience"},o.createElement(T.T,{weight:"bold",size:"s3",color:P.r.colors.gray800,style:{paddingBottom:16}},d("hospital.content.description").toUpperCase()),o.createElement(T.T,{size:"p2",color:P.r.colors.gray500},p.about),l?o.createElement("a",{href:(0,O.m)({id:p.id,name:p.name,slug:p.slug,locale:r})},o.createElement("div",{className:"btn-wrapper"},o.createElement(N.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment")))):o.createElement("a",{href:(0,O.m)({id:p.id,name:p.name,slug:p.slug,locale:r})},o.createElement(T.T,{size:"s4",color:"#2D87F3",as:"span","data-event-category":c,"data-event-action":"See Full Hospital Profile","data-event-label":(0,O.k)(r)+(0,O.m)({id:p.id,name:p.name,slug:p.slug,locale:r})},d("home.seeHospital"))))))),o.createElement(ve,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))};var fe="_2UKyiK1";const ye=({open:e,onClose:t,children:a,profileModalProps:n})=>{const{t:r}=(0,h.u)();return o.createElement($.M,Object.assign({title:r("profilePanel.modal.heading"),titleProps:!0,className:fe,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",transitionProps:{transition:"slide-left"},styles:{header:{borderBottom:0},inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}}},n),a)};v().extend(b());const xe=e=>{const{className:t="",community:n,name:r,username:s,url:u,avatar:v,role:g,title:b,userType:E="user",expertId:w,specialty:N,organisation:T,isMarryBaby:j,doctorId:z,hospitalId:S,hasQuickBooking:I,handleMakeAppointment:$,communityTrackingAttr:D,isAnonymous:M,showDetailPopup:A,showChatbotButton:F=!1,subLine:R,authActionWrapper:L,profileProps:_,profileModalProps:Z,extendEle:H,avatarProps:V,hideInfo:W,timeText:U,onCloseFromPost:J,onChatWithBot:X,avatarIcon:Y,badgeIconSize:ee,hideBackground:te,children:ae,styles:oe,dataEventCategory:re,dataEventAction:le,dataEventLabel:ie}=e,{data:{locale:se,router:ce,env:{isMarryBaby:de,togetherBasePath:pe}}}=(0,o.useContext)(O.T),{isMobile:ue}=(0,k.u)(),{t:ve}=(0,h.u)(),{classes:ge}=q(void 0,{name:"CardAuthor",styles:oe}),be="boolean"===typeof j?j:de,fe=be?"marryBaby":"helloSites",xe=M?ve("cardPost.anonymous"):r||s||"",Ee=M?C.C.getAssetPath("avatar.jpg"):v,we=M?void 0:g,[ke,Ce]=(0,o.useState)(!1),{asPath:Oe}=ce||{},Ne=`https://${B.v[se]}${Oe}`,Te=()=>{if(M)return!1;A?je(!0):u&&(window.location.href=u)};(0,o.useEffect)((()=>{(0,f.t)(ke)}),[ke]);const[Pe,je]=(0,o.useState)(!1),ze="expert"===(null===e||void 0===e?void 0:e.role),Se=Boolean(z||S),Ie=["expert"===we&&T&&o.createElement("span",null,T),"expert"===we&&N&&o.createElement("span",null,N),!("expert"===we&&N&&T)&&(null===n||void 0===n?void 0:n.name)&&o.createElement("a",Object.assign({href:(null===n||void 0===n?void 0:n.slug)&&n.isActive&&!n.isHidden?`${pe}/${null===n||void 0===n?void 0:n.slug}/`:void 0,className:"author-community-name"},D),`${null===n||void 0===n?void 0:n.name}`),U&&o.createElement("span",null,U)].filter(Boolean),[$e,Be]=(0,o.useState)(null);return(0,o.useEffect)((()=>{Pe&&!$e&&("chatbot"===E?a.e(54).then(a.bind(a,54)).then((e=>{Be((()=>e.ProfileChatbot))})):Promise.all([a.e(7462),a.e(4231)]).then(a.bind(a,34231)).then((e=>{Be((()=>e.ProfileDetail))})))}),[Pe,E]),o.createElement(Q.Provider,{value:{displayName:xe,title:b,role:we,siteType:fe,handleMakeAppointment:$,doctorId:z,hospitalId:S,currentUrl:Ne}},o.createElement(ye,{open:Pe,onClose:()=>je(!1),profileModalProps:Z},$e&&o.createElement($e,Object.assign({currentPageUrl:ie,authActionWrapper:L,onCloseFromPost:()=>{je(!1),null===J||void 0===J||J()},onChatWithBot:X},_,{authorProps:Object.assign({userId:null===e||void 0===e?void 0:e.userId,avatar:Ee,name:null===e||void 0===e?void 0:e.name,role:null===e||void 0===e?void 0:e.role,title:null===e||void 0===e?void 0:e.title,doctorId:z,hospitalId:S,hasQuickBooking:I,userType:E},null===_||void 0===_?void 0:_.authorProps)}))),"expert"===we&&w?o.createElement(me,{isOpen:ke,onClose:()=>Ce(!1),expertId:w}):null,"expert"===we&&z?o.createElement(ne,{isOpen:ke,onClose:()=>Ce(!1),doctorId:z,locale:se}):null,"expert"===we&&S?o.createElement(he,{isOpen:ke,onClose:()=>Ce(!1),hospitalId:S,locale:se}):null,o.createElement("div",{className:`hhg-card-author ${ge.root} ${t} ${ze?"expert-author":""}`,"data-background":!te&&ze,"data-is-marrybaby":be},o.createElement(K,{dataEventCategory:re,dataEventAction:le,dataEventLabel:ie,onAvatarClick:Te,avatarProps:Object.assign(Object.assign({avatar:M?C.C.getAssetPath(be?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):Ee,username:xe},V),{style:{cursor:M||!u&&!A?"default":"pointer"}}),avatarIcon:Y||ze&&o.createElement(i.Z,{size:ee||15})},ae?o.createElement("div",{onClick:Te},ae):!W&&o.createElement(K.Row,null,o.createElement(K.ColLeft,null,o.createElement(d.k,{align:"center",onClick:Te},o.createElement(K.MainText,{onClick:Te},xe,"chatbot"===E?o.createElement(o.Fragment,null," ",o.createElement(l,{color:P.r.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}}),F&&o.createElement("div",{style:{marginTop:"8px"}},o.createElement(p.z,{color:"primary",size:"xs",variant:"filled",type:"button",leftIcon:o.createElement(x.I.App,{size:16}),onClick:()=>{null===X||void 0===X||X()}},ve("chatbot.with.me")))):o.createElement(G,null))),R||o.createElement(K.SubTextRow,{style:I?{position:"relative"}:{}},Ie.map(((e,t)=>o.createElement(o.Fragment,null,0!==t&&o.createElement(K.SubDivider,null),o.createElement(K.SubText,null,e)))),I&&Se&&o.createElement(c.x,{sx:{marginTop:(0,m.h)(5)}},o.createElement(y.B,{bookingId:z||S,bookingType:z?"doctor":S?"hospital":void 0,size:ue?"xs":"sm"})))))),H&&H))};xe.MainText=K.MainText,xe.SubText=K.SubText,xe.SubTextRow=K.SubTextRow,xe.SubDivider=K.SubDivider,xe.AuthorBadge=G,xe.DisplayName=()=>{const{displayName:e}=(0,o.useContext)(Q);return o.createElement(c.x,null,e)}},9496:function(e,t,a){"use strict";a.d(t,{T:function(){return $e}});var o=a(22470),n=a(67294),r=a(76623),l=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a};var i=e=>{var{size:t=24,color:a=r.SQ,useCurrentColor:o,isActive:i,activeColor:s=r.SK}=e,c=l(e,["size","color","useCurrentColor","isActive","activeColor"]);const d=o?"currentColor":i?s:a,p=Object.assign({width:t,height:t},c);return n.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},p),n.createElement("path",{d:"m10.929 12 3.821-3.82a1.061 1.061 0 0 0-1.5-1.5l-4.614 4.613a1 1 0 0 0 0 1.414l4.614 4.614a1.061 1.061 0 0 0 1.5-1.5z",fill:d}))},s=a(95954),c=a(19827),d=a(68216);const p="Tabs component was not found in the tree",m="Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value",[u,v]=(0,d.R)(p);var g=a(2566),b=a(44036),h=a(89893),f=Object.defineProperty,y=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable,w=(e,t,a)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,k=(e,t)=>{for(var a in t||(t={}))x.call(t,a)&&w(e,a,t[a]);if(y)for(var a of y(t))E.call(t,a)&&w(e,a,t[a]);return e};function C({orientation:e,inverted:t,placement:a},o,n){const r="vertical"===e;return"default"===n?{[r?"left"===a?"borderRight":"borderLeft":t?"borderTop":"borderBottom"]:`${(0,g.h)(2)} solid ${"dark"===o.colorScheme?o.colors.dark[4]:o.colors.gray[3]}`}:"outline"===n?{[r?"left"===a?"borderRight":"borderLeft":t?"borderTop":"borderBottom"]:`${(0,g.h)(1)} solid ${"dark"===o.colorScheme?o.colors.dark[4]:o.colors.gray[3]}`}:"pills"===n?{gap:`calc(${o.spacing.sm} / 2)`}:{}}var O=(0,b.k)(((e,t,{variant:a})=>{const o="vertical"===t.orientation;return{tabsList:k({display:"flex",flexWrap:"wrap",flexDirection:o?"column":"row",justifyContent:h.H[t.position],'& [role="tab"]':{flex:t.grow?1:void 0}},C(t,e,a))}})),N=a(91938),T=Object.defineProperty,P=Object.defineProperties,j=Object.getOwnPropertyDescriptors,z=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,$=(e,t,a)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;const B={grow:!1,position:"left"},D=(0,n.forwardRef)(((e,t)=>{const a=(0,c.N4)("TabsList",B,e),{children:o,className:r,grow:l,position:i}=a,s=((e,t)=>{var a={};for(var o in e)S.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&z)for(var o of z(e))t.indexOf(o)<0&&I.call(e,o)&&(a[o]=e[o]);return a})(a,["children","className","grow","position"]),{orientation:d,variant:p,color:m,radius:u,inverted:g,placement:b,classNames:h,styles:f,unstyled:y}=v(),{classes:x,cx:E}=O({orientation:d,grow:l,color:m,position:i,radius:u,inverted:g,placement:b},{name:"Tabs",unstyled:y,classNames:h,styles:f,variant:p});return n.createElement(N.x,(w=((e,t)=>{for(var a in t||(t={}))S.call(t,a)&&$(e,a,t[a]);if(z)for(var a of z(t))I.call(t,a)&&$(e,a,t[a]);return e})({},s),k={className:E(x.tabsList,r),ref:t,role:"tablist","aria-orientation":d},P(w,j(k))),o);var w,k}));D.displayName="@mantine/core/TabsList";var M=a(97818),A=(0,b.k)(((e,{orientation:t})=>({panel:{flex:"vertical"===t?1:void 0}}))),F=Object.defineProperty,R=Object.defineProperties,L=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable,V=(e,t,a)=>t in e?F(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;const W={},K=(0,n.forwardRef)(((e,t)=>{const a=(0,c.N4)("TabsPanel",W,e),{value:o,children:r,sx:l,className:i}=a,s=((e,t)=>{var a={};for(var o in e)Z.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&_)for(var o of _(e))t.indexOf(o)<0&&H.call(e,o)&&(a[o]=e[o]);return a})(a,["value","children","sx","className"]),d=v(),{classes:p,cx:m}=A({orientation:d.orientation,color:d.color,radius:d.radius,inverted:d.inverted,placement:d.placement},{name:"Tabs",unstyled:d.unstyled,classNames:d.classNames,styles:d.styles,variant:d.variant}),u=d.getPanelId(o),g=d.value===o,b=d.keepMounted||g?r:null;return(0,n.useEffect)((()=>(d.setMountedPanelIds((e=>[...e,u])),d.setMountedPanelIds((e=>e.filter((e=>e!==u)))))),[u]),n.createElement(N.x,(h=((e,t)=>{for(var a in t||(t={}))Z.call(t,a)&&V(e,a,t[a]);if(_)for(var a of _(t))H.call(t,a)&&V(e,a,t[a]);return e})({},s),f={ref:t,sx:[{display:g?void 0:"none"},...(0,M.R)(l)],className:m(p.panel,i),role:"tabpanel",id:u,"aria-labelledby":d.getTabId(o)},R(h,L(f))),b);var h,f}));K.displayName="@mantine/core/TabsPanel";var U=a(46052),Q=Object.defineProperty,G=Object.defineProperties,q=Object.getOwnPropertyDescriptors,J=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,ee=(e,t,a)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,te=(e,t)=>{for(var a in t||(t={}))X.call(t,a)&&ee(e,a,t[a]);if(J)for(var a of J(t))Y.call(t,a)&&ee(e,a,t[a]);return e},ae=(e,t)=>G(e,q(t));function oe(e,{orientation:t,color:a,radius:o,inverted:n,placement:r},l){const i="vertical"===t,s=e.fn.variant({color:a,variant:"filled"}),c=(0,g.h)(e.fn.radius(o)),d="vertical"===t?"left"===r?`${c} 0 0 ${c}`:` 0 ${c} ${c} 0`:n?`0 0 ${c} ${c}`:`${c} ${c} 0 0`;return"default"===l?ae(te({[i?"left"===r?"borderRight":"borderLeft":n?"borderTop":"borderBottom"]:`${(0,g.h)(2)} solid transparent`,[i?"left"===r?"marginRight":"marginLeft":n?"marginTop":"marginBottom"]:(0,g.h)(-2),borderRadius:d},e.fn.hover({backgroundColor:"dark"===e.colorScheme?e.colors.dark[6]:e.colors.gray[0],borderColor:"dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3]})),{"&[data-active]":te({borderColor:s.background,color:"dark"===e.colorScheme?e.white:e.black},e.fn.hover({borderColor:s.background}))}):"outline"===l?{borderRadius:d,border:`${(0,g.h)(1)} solid transparent`,[i?"left"===r?"borderRight":"borderLeft":n?"borderTop":"borderBottom"]:"none","&[data-active]":{borderColor:"dark"===e.colorScheme?e.colors.dark[4]:e.colors.gray[3],"&::before":{content:'""',backgroundColor:"dark"===e.colorScheme?e.colors.dark[7]:e.white,position:"absolute",bottom:i?0:n?"unset":(0,g.h)(-1),top:i?0:n?(0,g.h)(-1):"unset",[i?"width":"height"]:(0,g.h)(1),right:i?"left"===r?(0,g.h)(-1):"unset":0,left:i?"left"===r?"unset":(0,g.h)(-1):0}}}:"pills"===l?ae(te({borderRadius:e.fn.radius(o)},e.fn.hover({backgroundColor:"dark"===e.colorScheme?e.colors.dark[6]:e.colors.gray[0]})),{"&[data-active]":te({backgroundColor:s.background,color:e.white},e.fn.hover({backgroundColor:s.background}))}):{}}var ne=(0,b.k)(((e,t,{variant:a})=>({tabLabel:{},tab:te({position:"relative",padding:`${e.spacing.xs} ${e.spacing.md}`,paddingLeft:t.withIcon?e.spacing.xs:void 0,paddingRight:t.withRightSection?e.spacing.xs:void 0,fontSize:e.fontSizes.sm,whiteSpace:"nowrap",zIndex:0,display:"flex",alignItems:"center",justifyContent:"horizontal"===t.orientation?"center":void 0,lineHeight:1,"&:disabled":te({opacity:.5,cursor:"not-allowed"},e.fn.hover({backgroundColor:"transparent"})),"&:focus":{zIndex:1}},oe(e,t,a)),tabRightSection:{display:"flex",justifyContent:"center",alignItems:"center","&:not(:only-child)":{marginLeft:(0,g.h)(7)}},tabIcon:{display:"flex",justifyContent:"center",alignItems:"center","&:not(:only-child)":{marginRight:(0,g.h)(7)}}}))),re=a(74308),le=Object.defineProperty,ie=Object.defineProperties,se=Object.getOwnPropertyDescriptors,ce=Object.getOwnPropertySymbols,de=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable,me=(e,t,a)=>t in e?le(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;const ue={},ve=(0,n.forwardRef)(((e,t)=>{const a=(0,c.N4)("TabsTab",ue,e),{value:o,children:r,onKeyDown:l,onClick:i,className:s,icon:d,rightSection:p,color:m}=a,u=((e,t)=>{var a={};for(var o in e)de.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&ce)for(var o of ce(e))t.indexOf(o)<0&&pe.call(e,o)&&(a[o]=e[o]);return a})(a,["value","children","onKeyDown","onClick","className","icon","rightSection","color"]),g=v(),b=!!d,h=!!p,{theme:f,classes:y,cx:x}=ne({withIcon:b||h&&!r,withRightSection:h||b&&!r,orientation:g.orientation,color:m||g.color,radius:g.radius,inverted:g.inverted,placement:g.placement},{name:"Tabs",unstyled:g.unstyled,classNames:g.classNames,styles:g.styles,variant:g.variant}),E=o===g.value,w=g.getPanelId(o),k=g.mountedPanelIds.includes(o)?w:void 0;return n.createElement(re.k,(C=((e,t)=>{for(var a in t||(t={}))de.call(t,a)&&me(e,a,t[a]);if(ce)for(var a of ce(t))pe.call(t,a)&&me(e,a,t[a]);return e})({},u),O={unstyled:g.unstyled,className:x(y.tab,s),"data-active":E||void 0,ref:t,type:"button",role:"tab",id:g.getTabId(o),"aria-selected":E,tabIndex:E||null===g.value?0:-1,"aria-controls":k,onClick:e=>{g.onTabChange(g.allowTabDeactivation&&o===g.value?null:o),null==i||i(e)},onKeyDown:(0,U.R)({siblingSelector:'[role="tab"]',parentSelector:'[role="tablist"]',activateOnFocus:g.activateTabWithKeyboard,loop:g.loop,dir:f.dir,orientation:g.orientation,onKeyDown:l})},ie(C,se(O))),d&&n.createElement("span",{className:y.tabIcon},d),r&&n.createElement("span",{className:y.tabLabel},r),p&&n.createElement("span",{className:y.tabRightSection},p));var C,O}));ve.displayName="@mantine/core/Tab";var ge=a(31943),be=a(68589),he=a(15851);function fe({defaultValue:e,value:t,onTabChange:a,orientation:o,children:r,loop:l,id:i,activateTabWithKeyboard:s,allowTabDeactivation:c,variant:d,color:p,radius:v,inverted:g,placement:b,keepMounted:h=!0,classNames:f,styles:y,unstyled:x}){const E=(0,be.M)(i),[w,k]=(0,n.useState)([]),[C,O]=(0,he.C)({value:t,defaultValue:e,finalValue:null,onChange:a});return n.createElement(u,{value:{placement:b,value:C,orientation:o,id:E,loop:l,activateTabWithKeyboard:s,getTabId:(0,ge.A)(`${E}-tab`,m),getPanelId:(0,ge.A)(`${E}-panel`,m),onTabChange:O,setMountedPanelIds:k,mountedPanelIds:w,allowTabDeactivation:c,variant:d,color:p,radius:v,inverted:g,keepMounted:h,classNames:f,styles:y,unstyled:x}},r)}fe.displayName="@mantine/core/TabsProvider";var ye=(0,b.k)(((e,{orientation:t,placement:a})=>({root:{display:"vertical"===t?"flex":void 0,flexDirection:"right"===a?"row-reverse":"row"}}))),xe=Object.defineProperty,Ee=Object.defineProperties,we=Object.getOwnPropertyDescriptors,ke=Object.getOwnPropertySymbols,Ce=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,Ne=(e,t,a)=>t in e?xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;const Te={orientation:"horizontal",loop:!0,activateTabWithKeyboard:!0,allowTabDeactivation:!1,unstyled:!1,inverted:!1,variant:"default",placement:"left"},Pe=(0,n.forwardRef)(((e,t)=>{const a=(0,c.N4)("Tabs",Te,e),{defaultValue:o,value:r,orientation:l,loop:i,activateTabWithKeyboard:s,allowTabDeactivation:d,children:p,id:m,onTabChange:u,variant:v,color:g,className:b,unstyled:h,classNames:f,styles:y,radius:x,inverted:E,keepMounted:w,placement:k}=a,C=((e,t)=>{var a={};for(var o in e)Ce.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&ke)for(var o of ke(e))t.indexOf(o)<0&&Oe.call(e,o)&&(a[o]=e[o]);return a})(a,["defaultValue","value","orientation","loop","activateTabWithKeyboard","allowTabDeactivation","children","id","onTabChange","variant","color","className","unstyled","classNames","styles","radius","inverted","keepMounted","placement"]),{classes:O,cx:T}=ye({orientation:l,color:g,radius:x,inverted:E,placement:k},{unstyled:h,name:"Tabs",classNames:f,styles:y,variant:v});return n.createElement(fe,{activateTabWithKeyboard:s,defaultValue:o,orientation:l,onTabChange:u,value:r,id:m,loop:i,allowTabDeactivation:d,color:g,variant:v,radius:x,inverted:E,keepMounted:w,placement:k,classNames:f,styles:y,unstyled:h},n.createElement(N.x,(P=((e,t)=>{for(var a in t||(t={}))Ce.call(t,a)&&Ne(e,a,t[a]);if(ke)for(var a of ke(t))Oe.call(t,a)&&Ne(e,a,t[a]);return e})({},C),j={className:T(O.root,b),id:m,ref:t},Ee(P,we(j))),p));var P,j}));Pe.List=D,Pe.Tab=ve,Pe.Panel=K,Pe.displayName="@mantine/core/Tabs";var je=a(34261),ze=a(32763),Se=a(83129),Ie=(0,b.k)(((e,t)=>{const{variant:a}=t,o={content:"none",top:0,bottom:0,zIndex:1,width:(0,g.h)(56)};return Object.assign({},"inline"===a&&{root:{},tabsList:{gap:(0,g.h)(24),borderBottom:"none",flexWrap:"nowrap"},tab:{padding:`${(0,g.h)(8)} 0`,color:e.colors.gray[4],borderColor:"transparent",borderBottomWidth:(0,g.h)(2),marginBottom:(0,g.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({},o),{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({},o),{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,g.h)(28),height:(0,g.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}})}));const $e=e=>{var t,{variant:a="inline",value:r,styles:l,children:c,dataList:d=[],tabProps:p,listProps:m,panelProps:u,TabComponentDisplay:v,startPadding:g=40,defaultValue:b}=e,h=(0,o._)(e,["variant","value","styles","children","dataList","tabProps","listProps","panelProps","TabComponentDisplay","startPadding","defaultValue"]);const{cx:f,classes:y}=Ie({variant:a},{name:"Tabs",styles:l}),x=(0,n.useRef)(null),E=(0,n.useRef)([]),[w,k]=(0,n.useState)(b||(null===(t=null===d||void 0===d?void 0:d[0])||void 0===t?void 0:t.value)),[C,O]=(0,n.useState)(0),[N,T]=(0,n.useState)(!1),[P,j]=(0,n.useState)(!0),[z,S]=(0,n.useState)({x:0,y:0}),I=(0,n.useRef)(null),$=Object.assign({defaultValue:b,classNames:y},c?{value:r}:{value:w,onTabChange:e=>k(e)});(0,n.useEffect)((()=>{k(r)}),[r]),(0,n.useEffect)((()=>{var e,t,a;null===(e=I.current)||void 0===e||e.scrollTo({left:(null===(a=null===(t=null===E||void 0===E?void 0:E.current)||void 0===t?void 0:t[C])||void 0===a?void 0:a.offsetLeft)-g,behavior:"smooth"})}),[C]),(0,n.useEffect)((()=>{O(d.findIndex((e=>e.value==w)))}),[w]),(0,n.useEffect)((()=>{var e,t;j(0===z.x),T((null===(e=null===I||void 0===I?void 0:I.current)||void 0===e?void 0:e.clientWidth)+z.x===(null===(t=null===I||void 0===I?void 0:I.current)||void 0===t?void 0:t.scrollWidth))}),[z]);const B=({text:e,dataEventCategory:t,dataEventAction:a,dataEventLabel:o})=>v?n.createElement(v,null,e):n.createElement(Se.T,{size:"s3",color:"inherit",weight:"semiBold","data-event-category":t,"data-event-action":a,"data-event-label":o},e);return n.createElement(Pe,Object.assign({},$,h),c||n.createElement(n.Fragment,null,n.createElement(je.x,{className:f(y.scrollArea,`${P?"":"prev-bg"} ${N?"":"next-bg"}`),scrollbarSize:0,viewportRef:I,onScrollPositionChange:S},n.createElement(Pe.List,Object.assign({className:y.list,ref:x},m),d.map(((e,t)=>n.createElement(Pe.Tab,Object.assign({ref:e=>E.current[t]=e,className:y.tab,key:String(e.value),value:String(e.value)},p),n.createElement(B,Object.assign({},e)))))),n.createElement(ze.B,{className:f(y.btn,y.prevBtn,P?"disabled":""),unstyled:!0,onClick:()=>O(C-1>-1?C-1:0),leftIcon:n.createElement(i,{size:16})}),n.createElement(ze.B,{className:f(y.btn,y.nextBtn,N?"disabled":""),unstyled:!0,onClick:()=>O(C+1<d.length-1?C+1:d.length-1),leftIcon:n.createElement(s.Z,{size:16})})),d.map((e=>n.createElement(Pe.Panel,Object.assign({value:String(e.value),key:String(e.value)},u),e.content)))))};$e.List=Pe.List,$e.Tab=Pe.Tab,$e.Panel=Pe.Panel},26792:function(e,t,a){"use strict";var o=a(67294),n=function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a};t.Z=e=>{var{size:t=15}=e,a=n(e,["size"]);return o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 15 15",fill:"none"},a),o.createElement("path",{d:"M7.43701 14C11.0614 14 13.9995 11.0619 13.9995 7.4375C13.9995 3.81313 11.0614 0.875 7.43701 0.875C3.81264 0.875 0.874512 3.81313 0.874512 7.4375C0.874512 11.0619 3.81264 14 7.43701 14Z",fill:"white",stroke:"#E4E8EC",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))}}}]);