"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8261],{fkwy:function(e,t,a){a.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var r=a("q1tI"),n=a("+J3I"),o=a("XBaX"),i=a("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=n.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,r.useState)(getIsMobile()),[a,n]=(0,r.useState)(getIsLargeMobile());return(0,r.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),n(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:a}},ImageWrap=e=>{var{alt:t,backupSrc:a,src:n,placeholderSrc:i,style:s,ref:c}=e,d=(0,o._)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[p,u]=(0,r.useState)(!1);return r.createElement(l,Object.assign({loading:"lazy",alt:t,onError:()=>!p&&u(!0),src:p?a||n:n||a,style:Object.assign(Object.assign({},i?{backgroundImage:`url(${i})`}:{}),s),"data-has-placeholder":!!i,ref:c},d))},l=i.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},tcxg:function(e,t,a){a.d(t,{B:function(){return BtnChoice}});var r=a("q1tI"),n=a("k1Nl"),o=a("rBCA");let i=o.Z.div` display: flex; align-items: center; gap: 8px; button[data-color='tertiary'] { background: white; } `,BtnChoice=({value:e,choices:t,className:a,onChange:o})=>{let[l,s]=(0,r.useState)(e);return(0,r.useEffect)(()=>{s(e)},[e]),r.createElement(i,{className:a},t.map((e,t)=>r.createElement(n.B,{dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel,size:"sm",variant:e.value===l?"primary":"tertiary",className:e.value===l?"btn-choice-selected":"",key:t,onClick:()=>{s(e.value),null==o||o(e.value)}},e.label||"")))}},"5Pdi":function(e,t,a){a.d(t,{T:function(){return Text}});var r=a("XBaX"),n=a("q1tI"),o=a("HalR");let Text=e=>{var{size:t="base",type:a="regular"}=e,i=(0,r._)(e,["size","type"]);return n.createElement(o.T,Object.assign({size:t,weight:"caption"===a?"bold":a,"data-size":t,"data-type":a,"data-word-wrap":i.wordWrap,"data-is-uppercase":i.isUppercase},i))}},YRwx:function(e,t,a){a.d(t,{S:function(){return SocialLinkPreview}});var r=a("XBaX"),n=a("q1tI"),o=a("Eso5"),i=a("8vDj"),l=a("fkwy"),s=a("Czgk"),c=a("rBCA"),d=a("IQVP"),p=a("EnpW"),u=a("FcWh"),m=a("Hoxw");let g=c.Z.div` .link-info-container { padding: 0.5rem 1rem; background: ${e=>e.color||"#f4faff"}; } .link-image-wrapper { position: relative; overflow: hidden; width: 100%; background-color: #000; padding-top: ${e=>{var t;return null!==(t=e.aspectPaddingTop)&&void 0!==t?t:e.isShort?"179.58%":"56.25%"}}; &.fetching { background: lightgray; } .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: ${e=>{var t;return null!==(t=e.posterFit)&&void 0!==t?t:"cover"}}; object-position: center; } } a { text-decoration: none; } &[data-is-marrybaby='true'] { overflow: hidden; border-radius: 1rem; } `,useExternalScript=({url:e,onLoad:t,onError:a})=>{let[r,o]=(0,n.useState)(e?"loading":"idle");return(0,n.useEffect)(()=>{if(!e){o("idle");return}let r=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{o("ready"),null==t||t()},handleErrorScript=()=>{o("error"),null==a||a()};return r||((r=document.createElement("script")).type="application/javascript",r.src=e,r.async=!0,document.body.appendChild(r),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript)),r.addEventListener("load",handleLoadScript),r.addEventListener("error",handleErrorScript),()=>{r.removeEventListener("load",handleLoadScript),r.removeEventListener("error",handleErrorScript)}},[e]),r},YoutubePlyr=({id:e,autoplay:t,posterFit:a="cover"})=>{let r=(0,n.useRef)(null),i=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,n.useEffect)(()=>{var e;if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}let a="ready"===i||"undefined"!=typeof Plyr;if(!a)return;let n=null===(e=r.current)||void 0===e?void 0:e.querySelector('[data-id="player"]');if(!n)return;let o=new Plyr(n,{autoplay:t,muted:!0});return()=>{o.destroy()}},[i,t,e]),n.createElement(o.x,{ref:r,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, & > div":{width:"100%",height:"100%"},"& .plyr":{width:"100%",height:"100%",maxWidth:"none"},"& .plyr__video-wrapper":{height:"100%",width:"100%"},"& .plyr__video-embed":{paddingBottom:"0 !important",height:"100% !important",position:"relative"},"& .plyr__video-embed iframe":{position:"absolute",top:0,left:0,width:"100%",height:"100%"},"& .plyr__poster":{backgroundSize:"cover"===a?"cover !important":"contain !important",backgroundPosition:"center !important",backgroundRepeat:"no-repeat",width:"100% !important",height:"100% !important",top:0,left:0}}},n.createElement("div",{key:e,"data-id":"player",className:"plyr__video-embed"},n.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?mute=1&enablejsapi=1&rel=0`,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"YouTube preview",frameBorder:"0"})))},SocialLinkPreview=({url:e,image:t,className:a,style:o,baseUrl:c="",autoPlay:h=!0,isShort:v=!1,autoScaleByVideoType:f=!1,ratio:b,posterFit:x="cover",onPushStatus:y})=>{let{data:{locale:E}}=(0,n.useContext)(s.T),[w,k]=(0,n.useState)(null);(0,n.useEffect)(()=>{(0,r.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return k(null);k(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.f)(d.yy.FETCH_PREVIEW,{_locale:E},void 0,c),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!c).then(t=>{var a,r;k({url:e,image:(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.image)||(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.logo)})}).catch(()=>{k(null)})}})},[e,t]);let C=t||(null==w?void 0:w.image),$=(null==w?void 0:w.url)||e,z=(0,n.useMemo)(()=>(0,u.y)($),[$]),N=(0,n.useMemo)(()=>$.includes("facebook.com")||$.includes("fb.watch"),[$]),S=(0,n.useMemo)(()=>{let e=($||"").toLowerCase();return e.includes("/reel/")||e.includes("/reels/")},[$]),I=(0,n.useMemo)(()=>!!(z||N),[N,z]),M=(0,n.useMemo)(()=>!!f&&(!!v||$.toLowerCase().includes("/shorts/")||S),[f,$,S,v]),B=(0,n.useMemo)(()=>b?function(e){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(!t)return;let a=Number(t[1]),r=Number(t[2]);if(Number.isFinite(a)&&Number.isFinite(r)&&!(a<=0)&&!(r<=0))return`${r/a*100}%`}(b):void 0,[b]),T=(0,n.useRef)(null),L=(0,n.useRef)(0),A=(0,n.useRef)(0),[P,j]=(0,n.useState)(!1),F=(0,n.useCallback)(e=>{var t;let a=null===(t=T.current)||void 0===t?void 0:t.getBoundingClientRect();if(!(null==a?void 0:a.width))return;let r=Math.floor(a.width),n=Math.floor(a.height),o=!1;e?((!L.current||Math.abs((L.current-r)/a.width)>.2)&&(L.current=r,o=!0),(!A.current||Math.abs((A.current-n)/(a.height||1))>.2)&&(A.current=n,o=!0)):(r!==L.current||n!==A.current)&&(L.current=r,A.current=n,o=!0),o&&j(e=>!e)},[]);(0,n.useLayoutEffect)(()=>{F(!1)},[B,b,M,$,F]),(0,n.useEffect)(()=>{let handleResize=()=>F(!0);return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[F]),(0,n.useEffect)(()=>{(null==w?void 0:w.image)&&(null==w?void 0:w.url)&&(null==y||y(!0))},[w]);let D=(0,i.rZ)();return n.createElement(g,{className:`${a} no-replace-click`,style:o,color:D.colors[D.primaryColor][0],isShort:M,aspectPaddingTop:B,posterFit:x},I&&(!t||S)?n.createElement("div",{ref:T,className:"link-image-wrapper"},z?n.createElement(YoutubePlyr,{key:`${z}-${null!=b?b:"auto"}`,id:z,autoplay:h,isShort:M,ratio:b,posterFit:x}):N?n.createElement("iframe",{key:String(P),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent($)}&autoplay=${h?1:0}&show_text=false&t=0&width=${L.current}&height=${A.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:A.current,width:L.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):n.createElement("a",{href:$,target:"_blank",rel:"noreferrer"},n.createElement("div",{className:`link-image-wrapper ${(null==w?void 0:w.isFetching)?"fetching":""}`},(null==w?void 0:w.isFetching)?n.createElement(m.L,{className:"loading-spinner"}):n.createElement(l.I,{className:"link-image",src:C||p.a,backupSrc:p.a,alt:$}))))}},QTv7:function(e,t,a){a.d(t,{L:function(){return Loading}});var r=a("q1tI"),n=a("rA4w"),o=a("RVQf");let Loading=({className:e,theme:t,hideText:a})=>{let{t:i}=(0,o.u)();return r.createElement("div",{className:`tliWyii ${e}`},r.createElement(n.I.Spinner,{isMarryBaby:"marryBaby"===t}),!a&&i("loading"))}},it6U:function(e,t,a){a.d(t,{C:function(){return n}});var r=a("q1tI");let n=(0,r.forwardRef)(function(e,t){return r.createElement("circle",Object.assign({},e,{ref:t}),r.createElement("animate",{attributeName:"r",values:"4;8;4",dur:"2s",begin:"0s",repeatCount:"indefinite"}))})},"N/s/":function(e,t,a){a.d(t,{A:function(){return Alert},B:function(){return Badge},C:function(){return CardCollapse},D:function(){return DragFreeCarousel},F:function(){return FileDropdown},G:function(){return Grid},H:function(){return HtmlContent},I:function(){return IconHeading},R:function(){return Radio},S:function(){return StepRenderer},T:function(){return Tag},U:function(){return Upload},a:function(){return BorderHeading},b:function(){return RateStars},c:function(){return Toggle},d:function(){return O},e:function(){return J},f:function(){return o},g:function(){return i}});var r,n,o,i,l=a("q1tI"),s=a("HalR"),c=a("rBCA"),d=a("iBNF"),p=a("+J3I"),u=a("4JiQ"),m=a("mYVa"),g=a("iuhU"),h=a("Iblh"),v=a("cI3h"),f=a("NQDR"),b=a("XBaX"),x=a("5Pdi"),y=a("gEnE"),E=a("yVya"),w=a("0mzb"),k=a("3on8"),C=a("RVQf"),$=a("Zdfy");let Upload=e=>l.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none"},e),l.createElement("path",{d:"M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z",fill:"#595959"})),Alert=({style:e,onClose:t,text:a,type:r,contentIcon:n,closeIcon:o,className:i,description:c})=>l.createElement("div",{className:`CHw-fZZ ${i||""}`,style:e,"data-alert-type":r},l.createElement("div",{className:"_03U6VRS"},l.createElement("div",{className:"icon-title"},n,l.createElement(s.T,{weight:"bold",size:"label1"},a)),l.createElement(s.T,{weight:"regular",size:"p3"},c)),l.createElement("div",{className:"EO828Vv",onClick:t},o)),renderNotificationStyles=(e,t,a,r)=>{let n,o="";if("numeric"===e)switch(t){case"medium":o=` height: 16px; font-size: 11px; padding: 1px 6px; `;case"large":o=` height: 24px; font-size: 13px; padding: 1px 10px; `}let i="";a&&(i=` position: absolute; top: 0; left: 75%; `),a&&(n=` left: 70%; ${"large"===t?` top: -7px; `:"medium"===t?` top: -2px; width: 16px; height: 16px; `:""} `);let l="";switch(r){case"primary":l=` background: ${d.r.colors.primary50}; color: ${d.r.colors.primary600}; `;break;case"error":l=` background: ${d.r.colors.error}; color: white; `}switch(e){case"dot":return` ${i} width: 8px; height: 8px; font-size: 0px; border-radius: 50%; ${l} `;case"numeric":return` ${i} width: max-content; border-radius: 32px; ${o} ${n} ${l} `}},z=c.Z.div` position: relative; > div { width: max-content; position: relative; } span { font-weight: ${d.r.sizes.fwBold}; display: flex; justify-content: center; align-items: center; ${e=>renderNotificationStyles(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)} } ${e=>e.hasIcon&&` svg { width: 40px; height: 40px; } `} `,Badge=({amount:e,type:t,size:a="medium",color:r="primary",icon:n,className:o})=>l.createElement(z,{"data-notification-type":t,"data-notification-size":a,"data-notification-color":r,"data-has-icon":!!n||void 0,notificationType:t,notificationSize:a,notificationColor:r,hasIcon:!!n,className:o},l.createElement("div",null,e&&l.createElement("span",null,e)," ",n&&l.createElement("div",null,n))),N=c.Z.h4` position: relative; line-height: 18px; &:after { position: absolute; top: 1px; left: 0; width: 4px; height: 18px; background-color: ${d.r.colors.primaryBase}; content: ''; } &[data-size='lg'] { font-size: 18px; padding-left: 12px; } &[data-size='sm'] { font-size: 14px; padding-left: 8px; &::after { width: 2px; height: 15px; } } &[data-type='bold'] { font-weight: ${d.r.sizes.fwBold}; } &[data-type='semiBold'] { font-weight: ${d.r.sizes.fwSemiBold}; } &[data-uppercase] { text-transform: uppercase; } ${p.M.mbDown} { &[data-size='lg'] { font-size: 16px; } } `,BorderHeading=({style:e,children:t,className:a,size:r="lg",type:n="bold",upperCase:o,as:i="h4",color:s})=>l.createElement(N,{style:Object.assign({color:s},e),className:a,"data-size":r,"data-type":n,"data-uppercase":o,as:i},t),S=(0,c.Z)(v.S)` flex-shrink: 0; color: ${d.r.colors.neutral800}; width: 16px; height: 16px; transition: transform 0.2s ease-in-out; transform: rotate(-180deg); &[data-is-collapsed='true'] { transform: rotate(0deg); } `,I=c.Z.div` background-color: white; .icon { width: 20px; height: 20px; flex-shrink: 0; color: ${d.r.colors.neutral800}; } .title-collapse { color: #111111; font-weight: var(--fwSemiBold); font-size: 1.0625rem; line-height: 1.5rem; flex-grow: 1; } .box-collapse { display: flex; padding: 1.5rem 1rem 1rem 1rem; gap: 0.75rem; align-items: center; } `;function CardCollapse({children:e,title:t,icon:a,defaultOpened:r=!0,haveCollapse:n=!0,id:o,className:i,as:c="h2"}){let[d,{toggle:p}]=(0,h.q)(r);return l.createElement(I,{id:o,className:i},l.createElement("div",{className:"box-collapse",onClick:()=>{n&&p()}},n&&a,l.createElement(s.T,{as:c,className:"title-collapse"},t),n&&l.createElement(S,{"data-is-collapsed":d})),l.createElement(u.U,{in:!n||d,transitionDuration:200,transitionTimingFunction:"ease"},e))}let M=c.Z.div` position: relative; box-sizing: border-box; border: 1px solid ${d.r.colors.gray200}; background: url('../../../public/bgSvg/arrow-down.svg') no-repeat; background-position: right 16px center; border-radius: ${d.r.borderRadius}; &[data-has-icons='true'] { border: none; background: ${d.r.colors.gray100}; img, svg { display: inline-block; max-width: 16px; margin-right: 6px; } span { vertical-align: middle; display: inline-block; } &:hover { box-shadow: none; } > div { position: relative; width: 100%; display: flex; align-items: center; box-sizing: border-box; } > div::after { content: ''; right: 12px; top: 50%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 10px; height: 8px; position: absolute; background-repeat: no-repeat; transform: translateY(-50%); } } &:hover { box-shadow: 0 0 2px 2px ${d.r.colors.primary200}; } `,B=c.Z.div` padding: 12px 18px 12px 16px; cursor: pointer; &[data-dropdown-open] { padding: 11px 15px 11px 15px; border: 1px solid ${d.r.colors.primaryBase}; border-radius: ${d.r.borderRadius}; box-shadow: 0 0 2px 2px ${d.r.colors.primary200}; } & > svg { height: 16px; width: 16px; } `,T=c.Z.ul` position: absolute; top: 100%; right: 0; left: 0; display: block; margin-top: 4px; background: ${d.r.colors.white}; border-radius: ${d.r.borderRadius}; box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689); cursor: pointer; &[data-has-icons='true'] { background: white; box-shadow: none; border: 1px solid ${d.r.colors.gray200}; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)); } `,L=c.Z.li` margin: 8px; padding: 12px 18px 12px 16px; border-radius: ${d.r.borderRadius}; display: flex; &:hover, :active { background: ${d.r.colors.gray100}; } `,A=c.Z.div` display: flex; align-items: center; margin-right: 8px; & > svg { height: 16px; width: 16px; } `,ShareIconPathStyle=()=>l.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),DefaultFileIcon=()=>l.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},l.createElement("defs",null,l.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},l.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),l.createElement("title",null,"File"),l.createElement("g",{clipPath:"url(#prefix__clip-path)"},l.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),l.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),DownloadIcon=()=>l.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},l.createElement("title",null,"download"),l.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),UploadIcon=()=>l.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},l.createElement("title",null,"upload"),l.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),FileDropdown=({className:e,value:t,options:a,onUploadSelected:r,id:n,placeholderIcon:o,placeholder:i,style:s})=>{let[c,d]=(0,l.useState)(!1),showDropdown=()=>d(!c),p=(0,l.useRef)(a.map(e=>"upload"===e.type&&l.createElement("input",{id:"uploader-dropdown-input-"+n+"-"+e.value,key:"uploader-dropdown-input-"+n+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),r(e.target.files)}}))),onUpload=e=>{var t;null===(t=document.querySelector(e))||void 0===t||t.click()},onDownload=e=>{e&&window.open(e,"_blank")};return l.createElement(M,{className:e,"data-dropdown-open":!!c,id:n,"data-has-icons":!0,style:s,onBlur:()=>d(!1),tabIndex:0},l.createElement(ShareIconPathStyle,null),l.createElement(B,{onClick:showDropdown},o||l.createElement(DefaultFileIcon,null)," ",l.createElement("span",null,t&&t.value?t.label:i)),c&&l.createElement(T,{onClick:showDropdown,"data-has-icons":!0},a.map(e=>l.createElement(L,{key:`${n}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>"upload"===e.type?onUpload("#uploader-dropdown-input-"+n+"-"+e.value):onDownload(e.url)},l.createElement(A,null,e.icon||"download"===e.type?l.createElement(DownloadIcon,null):l.createElement(UploadIcon,null)),e.label))),l.createElement(l.Fragment,null,p.current))},P=c.Z.div` --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr)); --columns-desktop: var( --grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr) ); display: grid; grid-template-columns: var(--columns); grid-gap: var(--grid-gap); align-items: var(--align-items); ${p.M.tdUp} { grid-template-columns: var(--columns-desktop); } > * { justify-self: var(--justify-children); } `,Grid=({className:e,columns:t,columnsDesktop:a,gridTemplateColumns:r,gridTemplateColumnsDesktop:n,gap:o,children:i,justifyChildren:s,style:c,alignItems:d})=>l.createElement(P,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":a,"--grid-template-columns":r,"--grid-template-columns-desktop":n,"--justify-children":s,"--grid-gap":o,"--align-items":d},c)},i),Radio=({size:e="small",label:t,name:a,checked:r,value:n,className:o,isDisabled:i=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>{let u=!!d&&!!c&&!!p,m=u?{"data-event-category":c,"data-event-action":d,"data-event-label":p}:{};return l.createElement(f.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:r,value:n,className:o,disabled:i,onChange:e=>null==s?void 0:s(e.target.value)},m))},j=c.Z.div` display: inline-flex; gap: calc(var(--gap) * 1px); > svg { width: calc(var(--star-size) * 1px); height: calc(var(--star-size) * 1px); } &[data-selectable='true'] { > svg { cursor: pointer; } } `,StarHalfIcon=e=>l.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),l.createElement("path",{d:"m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#E4E8EC"}),l.createElement("path",{d:"M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#FFC326"})),StarIcon=e=>{var{isFull:t}=e,a=(0,b._)(e,["isFull"]);return l.createElement("svg",Object.assign({},a,{viewBox:"0 0 32 32",fill:"none"}),l.createElement("path",{d:"m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z",fill:t?"#FFC326":"#D2D6DC"}))},RateStars=({gap:e=2,size:t=24,star:a,totalStars:r=5,onSelect:n,hideEmptyStars:o,style:i,className:s})=>{let c=Math.floor(a),d=a-c>=.5?1:0,[p,u]=(0,l.useState)(null),m=p||c,g=p?0:d;return l.createElement(j,{"data-selectable":!!n,style:Object.assign({"--gap":e,"--star-size":t},i),className:s},Array.from({length:o?c+d:r}).map((e,t)=>{let onMouseOver=()=>!!n&&u(t+1),onMouseLeave=()=>!!n&&u(null);return t+1<=m?l.createElement(StarIcon,{key:t,onClick:()=>null==n?void 0:n(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,isFull:!0}):t+1===m+g?l.createElement(StarHalfIcon,{key:t,onClick:()=>null==n?void 0:n(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave}):l.createElement(StarIcon,{key:t,onClick:()=>null==n?void 0:n(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave})}))},getTag=(e,t)=>{switch(e){case"yellow":{let e=t?d.r.colors.yellow50:d.r.colors.yellow600;return` background: ${e}; p { color: var( --text-props-color, ${d.r.colors.gray800} ); } `}case"standard":return` background: ${d.r.colors.white}; border: 1px solid ${d.r.colors.gray200}; p { color: var( --text-props-color, ${d.r.colors.gray800} ); } &:hover { background: ${d.r.colors.gray100}; } `;case"red":{let e=t?d.r.colors.red50:d.r.colors.red500;return` background: ${e}; `}case"green":{let e=t?d.r.colors.green50:d.r.colors.green500;return` background: ${e}; `}case"blue":{let e=t?d.r.colors.primary50:d.r.colors.primaryBase;return` background: ${e}; `}case"teal":{let e=t?d.r.colors.teal100:d.r.colors.teal600;return` background: ${e}; `}case"pink":{let e=t?d.r.colors.pink200:d.r.colors.pink800;return` background: ${e}; `}case"violet":{let e=t?d.r.colors.violet100:d.r.colors.violet500;return` background: ${e}; `}case"grey":{let e=t?d.r.colors.gray100:d.r.colors.gray600;return` background: ${e}; `}}},F=c.Z.div` --padding-horizontal: 8px; --pading-vertical: 2px; display: flex; align-items: center; justify-content: center; padding: var(--pading-vertical) var(--padding-horizontal); border-radius: 24px; ${e=>"sponsored"===e.tagType&&` --offset-size: 4px; display: flex; align-items: center; justify-content: center; box-sizing: content-box; position: relative; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 0 4px 18px 0; height: 24px; width: 90px; border-left: var(--offset-size) solid ${d.r.colors.accentLight}; padding: 0; margin-left: calc(var(--offset-size) * -1); p { font-weight: ${d.r.sizes.fwBold}; color: var( --text-props-color, ${d.r.colors.secondaryDark} ); font-size: 11px; margin-left: calc(var(--offset-size) * -1); } &::after { width: calc(var(--offset-size) * 2); height: var(--offset-size); background: ${d.r.colors.accentMain}; position: absolute; left: calc(var(--offset-size) * -1); bottom: calc(var(--offset-size) * -1); clip-path: polygon(0 1%, 100% 0%, 100% 100%); content: ''; } `} ${e=>e.isInline&&` display: inline-block; `} ${e=>e.tagHasMorePadding&&` &[data-has-more-padding] { padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal); } `} p { ${e=>e.tagIsLight?` color: var(--text-props-color, #000); `:` color: var(--text-props-color, ${d.r.colors.white}); `} } ${e=>getTag(e.tagType,e.tagIsLight)} ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&` border-radius: 4px; `} ${e=>e.tagIsALink&&` cursor: pointer; `} &[data-is-selected], &:active { background: ${d.r.colors.primary50}; } `,Tag=({type:e,children:t,style:a,isInline:r,isSquared:n=!1,className:o,isLight:i,hasMorePadding:s,isLink:c,isSelected:d,textProps:p={size:"sm"}})=>{let u=p.color?{"--text-props-color":p.color}:{};return l.createElement(F,{"data-is-squared":n||void 0,"data-tag-type":e,"data-is-light":i||void 0,"data-has-more-padding":s||void 0,"data-is-inline":r||void 0,style:Object.assign(Object.assign({},a),u),className:o,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:e,isInline:r,tagHasMorePadding:s,tagIsLight:i,tagIsSquared:n,tagIsALink:c},l.createElement(x.T,Object.assign({},p),t))},D="24px",R=(0,y.Z)(c.Z.span` position: relative; display: block; width: 40px; height: ${D}; background: #c3cbd4; border-radius: 100px; cursor: pointer; &:after { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; content: ''; transition: 0.3s; } `,"hhgcomp-toggle-icon"),_=c.Z.span` padding-left: 15px; `,Z=c.Z.div` height: ${D}; input[type='checkbox'] { width: 0; height: 0; visibility: hidden; } label { cursor: pointer; display: inline-flex; color: ${d.r.colors.gray600}; } input:checked + label ${R.classSelector} { background: ${d.r.colors.primaryBase}; &:after { left: calc(100% - 2px); transform: translateX(-100%); } } `,Toggle=({className:e,id:t,onChange:a,checked:r,style:n,label:o})=>l.createElement(Z,{className:e,style:n},l.createElement("input",{type:"checkbox",id:t,onChange:a,checked:r}),l.createElement("label",{htmlFor:t},l.createElement(R,null),o&&l.createElement(_,null,o))),O=(0,l.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),StepRenderer=({children:e,onStepChange:t})=>{let[a,r]=(0,l.useState)(0),[n,o]=(0,l.useState)(0),i=l.Children.count(e);return(0,l.useEffect)(()=>{o(i-1)},[i]),(0,l.useEffect)(()=>{null==t||t(a)},[a]),l.createElement(O.Provider,{value:{currentStep:a,setCurrentStep:r,setMaxStep:o,nextStep:()=>a+1<=n&&r(a+1),prevStep:()=>a-1>=0&&r(a-1)}},(0,E.Z)(e).map((e,t)=>{let r=t===a;return l.createElement(l.Fragment,{key:t},l.isValidElement(e)?e.props.alwaysRender||r?l.cloneElement(e,{isActive:t===a,stepIndex:t}):null:r?e:null)}))},H=c.Z.div` display: flex; align-items: center; gap: 8px; `,U=(0,c.Z)(w.H)` font-weight: var(--fwBold); `,IconHeading=({icon:e,title:t,className:a,style:r})=>l.createElement(H,{className:a,style:r},e,l.createElement(U,{tag:"h6",color:"var(--secondaryDark)"},t)),sanitizeHtml=e=>{if(!e)return"";let t=e.replace(/\n$/,"").replace(/\n/g,"
");return t},HtmlContent=({htmlContent:e,className:t})=>{let a=sanitizeHtml(e);return l.createElement("div",{className:t,dangerouslySetInnerHTML:{__html:a}})};(r=o||(o={})).ONE_TO_ONE="1:1",r.THREE_TO_ONE="3:1",(n=i||(i={})).PNG=".png",n.JPG=".jpg",n.JPEG=".jpeg";let getBase64=e=>new Promise((t,a)=>{let r=new FileReader;r.onload=()=>t(r.result),r.onerror=a,r.readAsDataURL(e)}),handleMultipleImageFiles=e=>(0,b.a)(void 0,void 0,void 0,function*(){if(0===e.length)return[];let t=yield Promise.all(e.map(e=>getBase64(e)));return t}),V=c.Z.div` display: flex; flex-direction: column; .image-upload-input-error { margin-top: ${(0,m.h)(12)}; display: flex; flex-direction: column; gap: ${(0,m.h)(4)}; } `,W=c.Z.div` display: flex; flex-direction: column; gap: ${(0,m.h)(4)}; margin-top: ${(0,m.h)(4)}; span { color: ${d.r.colors.neutral500}; } `,q=c.Z.div` position: relative; width: fit-content; padding: ${(0,m.h)(8)} ${(0,m.h)(12)}; border-radius: ${(0,m.h)(12)}; border: ${(0,m.h)(1)} solid ${d.r.colors.neutral200}; cursor: pointer; display: flex; align-items: center; gap: ${(0,m.h)(8)}; margin-top: ${(0,m.h)(18)}; &.image-upload-dragover { border-color: ${d.r.colors.primaryBase}; } &.image-upload-error { border-color: ${d.r.colors.error}; } &.image-upload-disabled { cursor: not-allowed; background-color: ${d.r.colors.gray100}; color: ${d.r.colors.gray400}; border-color: ${d.r.colors.gray200}; } svg { width: ${(0,m.h)(18)}; height: ${(0,m.h)(18)}; } input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: -1; } `,X=c.Z.div` position: relative; width: ${(0,m.h)(90)}; height: ${(0,m.h)(90)}; border-radius: ${(0,m.h)(12)}; overflow: hidden; background-color: ${d.r.colors.gray100}; display: flex; align-items: center; justify-content: center; img { width: 100%; height: 100%; object-fit: contain; } svg { width: ${(0,m.h)(14)}; height: ${(0,m.h)(14)}; color: ${d.r.colors.white}; } .image-upload-remove-button { cursor: pointer; position: absolute; top: ${(0,m.h)(6)}; right: ${(0,m.h)(6)}; background: ${d.r.colors.black}; border-radius: ${(0,m.h)(12)}; padding: ${(0,m.h)(2)}; display: flex; &:hover { opacity: 0.8; } } `,G=c.Z.div` display: flex; gap: ${(0,m.h)(8)}; margin-top: ${(0,m.h)(18)}; `,J=(0,l.forwardRef)(({label:e,name:t,error:a,acceptedTypes:r=[i.PNG,i.JPG,i.JPEG],maxSize:n=1,acceptedRatios:o,multiple:c=!1,disabled:p=!1,id:u,className:h,onChange:v,value:f,showValidationRules:x=!1,description:y,useBase64:E=!1,placeholder:w},$)=>{let{t:z}=(0,C.u)(),[N,S]=(0,l.useState)(!1),[I,M]=(0,l.useState)([]),B=(0,l.useRef)(null),T=!!a||I.length>0,L=(0,l.useMemo)(()=>f?Array.isArray(f)?f:[f]:[],[f]),A=(0,l.useCallback)(e=>{var t;let a=[],o="."+(null===(t=e.name.split(".").pop())||void 0===t?void 0:t.toLowerCase());r.includes(o)||a.push(`Unsupported file format. Please upload a ${r.join(", ")} file.`);let i=e.size/1048576;return i>n&&a.push(`File too large. Please upload an image smaller than ${n}MB.`),{file:e,isValid:0===a.length,errors:a}},[r,n]),P=(0,l.useCallback)(e=>new Promise(t=>{if(!o||!o.length||!e.type.startsWith("image/")){t([]);return}let a=new Image;a.onload=()=>{let e=a.width/a.height,r=`${e.toFixed(1)}:1`,n=o.some(t=>{let[a,r]=t.split(":"),n=parseInt(a)/parseInt(r);return .1>Math.abs(e-n)});t(n?[]:[`Image ratio ${r} is not accepted.`])},a.onerror=()=>t(["Invalid image file"]),a.src=URL.createObjectURL(e)}),[o]),j=(0,l.useMemo)(()=>L.map(e=>"string"==typeof e?e:e instanceof File?URL.createObjectURL(e):"").filter(Boolean),[L]),F=(0,l.useCallback)(e=>(0,b.a)(void 0,void 0,void 0,function*(){let a=Array.from(e),r=[],n=[];for(let e of a){let t=A(e),a=yield P(e),o=[...t.errors,...a];0===o.length?n.push(e):r.push(...o)}if(M(r),0===n.length)return;let o=E?yield handleMultipleImageFiles(n):n;v({target:{name:t,value:c?[...L,...o]:o.slice(0,1)}})}),[A,P,c,v,t,L]),removeFile=e=>{let a=L.filter((t,a)=>a!==e);M([]),v({target:{name:t,value:c?a:""}})},D=(0,l.useCallback)(e=>{B.current=e,"function"==typeof $?$(e):$&&($.current=e)},[$]),R=(0,l.useCallback)(()=>{!p&&B.current&&B.current.click()},[p]),_=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),S(!0)},[]),Z=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),S(!1)},[]),O=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),H=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),S(!1);let t=e.dataTransfer.files;t.length>0&&F(t)},[F]);return l.createElement(V,{className:h},l.createElement("label",{htmlFor:u||t},"string"==typeof e?l.createElement(s.T,{size:"title2"},e):e,y&&l.createElement(s.T,{size:"p3",mt:(0,m.h)(4),color:d.r.colors.gray700},y)),x&&l.createElement(W,null,l.createElement(s.T,{size:"p3"},"Formats: ",r.join("/")),o&&l.createElement(s.T,{size:"p3"},"Max size: ",n,"MB - Accepted ratios:"," ",o.join("/"))),(c||0===L.length)&&l.createElement(q,{className:(0,g.default)(N&&"image-upload-dragover",T&&"image-upload-error",p&&"image-upload-disabled"),onDragEnter:_,onDragLeave:Z,onDragOver:O,onDrop:H,onClick:R},l.createElement("input",{ref:D,type:"file",id:u||t,name:t,accept:r.join(","),multiple:c,onChange:e=>{let t=e.target.files;t&&t.length>0&&F(t)},disabled:p}),l.createElement(Upload,null),l.createElement(s.T,{size:"p3",fw:500},w||z("common.btn.uploadPhoto"))),L.length>0&&l.createElement(G,null,j.map((e,t)=>l.createElement(X,{key:t},l.createElement("img",{src:e,alt:`Uploaded file ${t+1}`,className:"image-upload-preview-image"}),l.createElement("button",{onClick:e=>{e.stopPropagation(),removeFile(t)},className:"image-upload-remove-button"},l.createElement(k.C,null))))),T&&l.createElement("div",{className:"image-upload-input-error"},[...I,a].map(e=>l.createElement(s.T,{key:e,className:"error-text",size:"c1",color:d.r.colors.red600},e))))}),Y=(0,c.Z)($.l)` & .mantine-Carousel-control { width: auto; } `,DragFreeCarousel=e=>{var{children:t,gapItem:a=8,slideSize:r="auto",withControls:n=!1,withIndicators:o=!1,dragFree:i=!0,align:s="start"}=e,c=(0,b._)(e,["children","gapItem","slideSize","withControls","withIndicators","dragFree","align"]);return l.createElement(Y,Object.assign({slideSize:r,slideGap:a,withControls:n,withIndicators:o,dragFree:i,align:s,containScroll:"trimSnaps"},c),l.Children.map(t,(e,t)=>l.createElement($.l.Slide,{key:t},e)))}},Of7P:function(e,t,a){a.d(t,{I:function(){return Input},L:function(){return Label},S:function(){return u},a:function(){return p},b:function(){return d}});var r=a("XBaX"),n=a("q1tI"),o=a("8vDj"),i=a("rBCA"),l=a("iBNF"),s=a("+J3I");let c=i.Z.div` position: relative; width: 100%; &[data-has-error] { input { border-color: ${l.r.colors.red700}; } } input { width: 100%; padding: 12px 16px; border: solid 1px ${l.r.colors.gray200}; border-radius: ${l.r.borderRadius}; &:active, &:focus, &.focused { border-color: ${e=>e.color}; box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor}; } &:disabled { background-color: ${l.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: ${l.r.sizes.fwRegular}; ${s.M.mbDown} { font-size: 22px; line-height: 1.2; } ${s.M.mbUp} { font-size: 26px; line-height: 1.2; } } } &[data-size='md'] { input { font-weight: ${l.r.sizes.fwRegular}; line-height: 22px; ${s.M.mbDown} { font-size: 14px; line-height: 1.2; } ${s.M.mbUp} { font-size: 16px; line-height: 1.2; } } } &[data-size='sm'] { input { font-weight: ${l.r.sizes.fwRegular}; line-height: 20px; ${s.M.mbDown} { font-size: 13px; line-height: 1.5; } ${s.M.mbUp} { font-size: 13px; line-height: 1.5; } } } `,d=i.Z.label` color: ${l.r.colors.red700}; font-weight: ${l.r.sizes.fwRegular}; `,p=i.Z.div` position: absolute; top: 50%; right: 16px; cursor: pointer; transform: translateY(-50%); `,u=i.Z.div` position: absolute; top: 50%; left: 16px; display: inline-flex; cursor: default; transform: translateY(-50%); `,Label=({children:e,className:t,style:a,htmlFor:r,size:o})=>n.createElement("label",{"data-size":o,className:`DjBFAbd ${t||""}`,style:a,htmlFor:r},e),Input=e=>{var{name:t,value:a,errorMessage:i,isNumerousKeyboard:l=!1,showErrorMessage:s=!0,actionIcon:m,displayIcon:g,onActionClick:h,label:v,className:f,onChange:b,isDisabled:x,CustomInput:y,size:E,style:w,autoComplete:k="off",type:C="text",inputClassName:$,trackingAttributes:z,enterKeyHint:N}=e,S=(0,r._)(e,["name","value","errorMessage","isNumerousKeyboard","showErrorMessage","actionIcon","displayIcon","onActionClick","label","className","onChange","isDisabled","CustomInput","size","style","autoComplete","type","inputClassName","trackingAttributes","enterKeyHint"]);let I=(0,o.rZ)(),M=(0,n.useMemo)(()=>z?{"data-event-category":z.dataEventCategory,"data-event-action":z.dataEventAction,"data-event-label":z.dataEventLabel}:{},[z]);return n.createElement(c,{"data-size":E,className:f,"data-has-action-icon":!!m||void 0,"data-has-display-icon":!!g||void 0,"data-has-error":i&&i.length>0||void 0,color:I.fn.primaryColor(),shadowColor:I.colors[I.primaryColor][0],style:w},v&&n.createElement(Label,{size:"label2",htmlFor:t,className:"inputLabel"},v),n.createElement("div",{style:{position:"relative"}},y||n.createElement("input",Object.assign({id:t,name:t,onChange:e=>b&&b(e.target.value),type:C,"aria-label":C,value:a,disabled:x,autoComplete:k,inputMode:l||"number"===C?"numeric":C,pattern:l?"[0-9]*":".*",className:$,enterKeyHint:N},M,S)),g&&n.createElement(u,{className:"displayIcon"},g),m&&n.createElement(p,{className:"actionIcon",onClick:h},m)),i&&i.length>0&&s&&n.createElement(d,{className:"errorLabel"},i))}},Fky9:function(e,t,a){a.d(t,{A:function(){return ArrowRightBlue},C:function(){return Clinic},D:function(){return DoctorExpertiseItem},I:function(){return InsuranceList},P:function(){return PaymentList},a:function(){return DoctorInfoExpertise}});var r=a("q1tI"),n=a("rBCA"),o=a("iBNF"),i=a("5Pdi"),l=a("xXM3"),s=a.n(l),c=a("fkwy"),d=a("HalR");let ArrowRightBlue=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 6 10",fill:"none"},e),r.createElement("path",{d:"M1 9L5 5L1 1",stroke:"#2D87F3",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})),Clinic=e=>r.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none"},e),r.createElement("path",{d:"M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M9.96533 9.99996V5.65527",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12.1377 7.82764H7.79297",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),p=n.Z.ul` display: grid; grid-gap: 16px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); list-style: none; `,u=n.Z.li` p { margin-top: 8px; text-align: center; } .insuranceLogo { display: grid; height: 58px; border: 1px solid ${o.r.colors.neutral200}; border-radius: 6px; place-content: center; > img { width: 93px; height: 43px; object-fit: contain; } } `,InsuranceList=({insurances:e,className:t,isName:a=!0})=>e.length?r.createElement(p,{id:"insurance-list",className:t},e.map(e=>r.createElement(u,{className:"insuranceItem",key:e.id},r.createElement("div",{className:"insuranceLogo"},r.createElement("img",{src:e.logo,alt:e.name||"insurance-logo"})),a&&r.createElement(i.T,{size:"base",color:o.r.colors.gray500,type:"bold"},e.name)))):null,m=n.Z.div` display: flex; flex-wrap: wrap; gap: 7px; &.paymentList { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); justify-content: center; } `,g=n.Z.div` border: 1px solid ${o.r.colors.neutral100}; border-radius: 12px; width: 80px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; &.payment-item-mobile { width: 100%; } .logo { position: relative; width: 55px; aspect-ratio: 55 / 32; object-fit: contain; } .txt-caption-1 { font-size: 0.6875rem; line-height: 1rem; color: ${o.r.colors.gray800}; } `,PaymentList=({payments:e,className:t,isName:a=!0,isMobile:n=!1})=>e.length?r.createElement(m,{id:"payment-container",className:s()(t,{paymentList:n&&e.length>=4})},e.map(t=>r.createElement(g,{className:s()("payment-item",{"payment-item-mobile":n&&e.length>=4}),key:t.id},r.createElement(c.I,{className:"logo",src:t.logo,alt:t.name}),a&&r.createElement("div",{className:"txt-caption-1"},t.name)))):null,h=n.Z.div` display: flex; gap: 8px; .icon { width: 1.25rem; height: 1.25rem; color: ${o.r.colors.gray400}; flex-shrink: 0; } .doctor-info-item-content { display: flex; flex-direction: column; gap: 10px; } `;(0,n.Z)(Clinic)` width: 1.25rem; height: 1.25rem; `;let v=n.Z.div` display: flex; flex-direction: column; gap: 4px; `,DoctorExpertiseItem=e=>{let{doctorInfo:t,Icon:a,title:n}=e;return r.createElement(h,null,r.createElement(a,{className:"icon"}),r.createElement(v,null,r.createElement(d.T,{size:"p3",weight:"semiBold",color:"#111111"},n),r.createElement("div",{className:"doctor-info-item-content"},(Array.isArray(t)?t:[t]).map(e=>r.createElement(d.T,{size:"p3",weight:"regular",key:e},e)))))},f=n.Z.div` display: flex; padding: 1rem; width: 100%; justify-content: space-between; `,b=n.Z.div` display: flex; flex-direction: column; gap: 2px; `,DoctorInfoExpertise=e=>{let{name:t,specialty:a,experience:n,profileImage:o}=e;return r.createElement(f,null,r.createElement(b,null,r.createElement(d.T,{size:"title2",weight:"semiBold",color:"#111111"},t),r.createElement("div",null,a&&r.createElement(d.T,{size:"c1",weight:"regular"},a),n&&r.createElement(d.T,{size:"c1",weight:"regular"},n))),r.createElement(c.I,{src:o,alt:t,style:{width:"4.5rem",height:"4.5rem",borderRadius:"50%",objectFit:"cover",flexShrink:0}}))}},cw2P:function(e,t,a){a.d(t,{B:function(){return Button}});var r=a("XBaX"),n=a("q1tI"),o=a("k1Nl");let Button=e=>{var{size:t,color:a="primary",isDisabled:i,isBlock:l,title:s,onClick:c,icon:d,iconPosition:p="left",children:u,isLoading:m=!1,loadingText:g,dataEventCategory:h,dataEventAction:v,dataEventLabel:f,dataProductChannel:b,dataProductSku:x,dataProductBrand:y,dataProductName:E,dataProductPrice:w,dataProductCategory:k,dataProductPosition:C,type:$}=e,z=(0,r._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return n.createElement(o.B,Object.assign({},{"data-event-category":h,"data-event-action":v,"data-event-label":f,"data-product-channel":b,"data-product-sku":x,"data-product-brand":y,"data-product-name":E,"data-product-price":w,"data-product-category":k,"data-product-position":C},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:i,onClick:e=>{m||i||!c||c(e)},title:s,loading:m,type:$||"submit",leftIcon:"left"===p?d:void 0,rightIcon:"right"===p?d:void 0,w:l?"100%":void 0,p:l?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":l,"data-has-icon":!!d||void 0,"data-theme":z.theme,"data-is-loading":m},z),m&&g||u)}},Zzgq:function(e,t,a){a.d(t,{C:function(){return CardAuthor},P:function(){return PopupExpert},a:function(){return PopupDoctor},b:function(){return PopupHospital},c:function(){return ProfileDetailModal},d:function(){return CardAuthor$1}});var r=a("q1tI"),n=a("Frvz"),o=a("daqB"),i=a("/npG"),l=a("Eso5"),s=a("SPK5"),c=a("mAfZ"),d=a("mYVa"),p=a("Wgwc"),u=a.n(p),m=a("QgiU"),g=a.n(m),h=a("RVQf"),v=a("+J3I"),f=a("ziEq"),b=a("rA4w"),x=a("XBaX"),y=a("WMes"),E=a("fkwy"),w=a("0aVn"),k=a("Czgk"),C=a("cw2P"),$=a("HalR"),z=a("iBNF"),N=a("rBCA"),S=a("IQVP"),I=a("Hoxw"),M=a("0mzb"),B=a("if/6"),T=a("xrdX");let MainText=({children:e,className:t=""})=>r.createElement("div",{className:`tMiOKib ${t}`},e),SubText=({children:e,className:t=""})=>r.createElement("div",{className:`uDcqD-2 ${t}`},e);var L={container:"sTU4T4I",info:"tCql9Je",avatarWrapper:"_3j7uYhH",avatarIcon:"PHABgoT"};let CardAuthor$1=({avatarProps:e,title:t,subTitle:a,children:n,className:o="",style:i,onAvatarClick:l,avatarIcon:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>r.createElement("div",{className:`${L.container} ${o}`,style:i},r.createElement("div",{className:L.avatarWrapper,onClick:l,"data-event-category":c,"data-event-action":d,"data-event-label":p},r.createElement(y.U,Object.assign({},e)),s&&r.createElement("div",{className:L.avatarIcon},s)),r.createElement("div",{className:`${L.info} ${o}`,style:{minHeight:`${(null==e?void 0:e.size)||40}px`}},n||r.createElement(r.Fragment,null,t&&r.createElement(MainText,null,t),a&&r.createElement(SubText,null,a))));CardAuthor$1.MainText=MainText,CardAuthor$1.SubText=SubText,CardAuthor$1.SubDivider=({className:e=""})=>r.createElement("span",{className:`m-HVXw1 ${e}`}),CardAuthor$1.Row=({children:e,className:t=""})=>r.createElement("div",{className:`dZWeHns ${t} row`},e),CardAuthor$1.ColLeft=({children:e,className:t=""})=>r.createElement("div",{className:`${t} col-left`},e),CardAuthor$1.ColRight=({children:e,className:t=""})=>r.createElement("div",{className:`${t} col-right`},e),CardAuthor$1.SubTextRow=e=>{var{children:t,className:a=""}=e,n=(0,x._)(e,["children","className"]);return r.createElement("div",Object.assign({className:`pDlsows ${a}`},n),t)};var A=(0,i.k)(()=>({root:{verticalAlign:"bottom"}}));let P=(0,r.createContext)({}),AuthorBadgeItem=({styles:e,className:t,classNames:a})=>{let{role:n,siteType:o,title:i}=(0,r.useContext)(P),{cx:l,classes:s}=A(void 0,{name:"AuthorBadgeItem",styles:e,classNames:a});return n?r.createElement(f.A,{className:l(s.root,t),siteType:o,role:n,title:i}):null};var j=(0,i.k)(()=>({root:{}}));let F=N.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${z.r.colors.white}; border-radius: ${z.r.borderRadius}; box-shadow: 0px 0px 4px ${z.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.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 { ${v.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: ${z.r.colors.primary50}; border-radius: ${z.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,D=N.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; } `,R=N.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; } `,_=N.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; } `,Z=N.Z.ul` padding-left: 18px; li { list-style-type: disc; } `;var O="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",H="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";let PopupDoctor=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,doctorId:n,locale:o,isMobile:i,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{var d,p,u;let{t:m}=(0,h.u)(),[g,v]=(0,r.useState)(null),[f,b]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){b(!0);try{v(null),(0,k.c)((0,k.b)(S.tC.GET_DOCTOR_INFO,{doctorId:n,website_url:k.m[o]}),"get").then(e=>{v(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),l))})}catch(e){console.error(e)}b(!1)}},[e,n,null==g?void 0:g.id]);let x=(null==g?void 0:g.experiences)||[],y=(null==g?void 0:g.specialties)||[],N=y.map(e=>(null==e?void 0:e.name)||e).join(" • "),M=x.map(e=>{try{return JSON.parse(e.description)}catch(t){return e.description}}).filter(e=>e.content),renderExperienceText=e=>(null==e?void 0:e.year)?`${e.year} ${null==e?void 0:e.content}`:(null==e?void 0:e.content)?e.content:"string"==typeof e?e:"";return r.createElement(r.Fragment,null,r.createElement(F,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},f||!g?r.createElement(I.L,null):r.createElement("div",{className:"popup-content"},r.createElement("div",{className:"close-button",onClick:t},r.createElement("img",{src:O,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),r.createElement("div",{className:"main-info"},r.createElement("div",{className:"border-banner"}),r.createElement("div",{className:"avatar-title"},r.createElement(R,null,r.createElement("div",{className:"image-container"},r.createElement("div",{style:{position:"relative"}},r.createElement(E.I,{src:null==g?void 0:g.avatar,backupSrc:s,className:"profile-image",alt:"avatar"}),r.createElement("img",{className:"badge-avatar",src:H,alt:"badge",loading:"lazy"})))),r.createElement(_,null,r.createElement($.T,{size:"s3",weight:"semiBold",className:"full-name"},null==g?void 0:g.name),r.createElement("div",{className:"specialty"},N&&r.createElement(r.Fragment,null,r.createElement($.T,{size:"p4",color:z.r.colors.gray800},N," • ")),r.createElement("a",{href:(0,k.n)({id:null===(d=null==g?void 0:g.organization)||void 0===d?void 0:d.id,name:null===(p=null==g?void 0:g.organization)||void 0===p?void 0:p.name,slug:null===(u=null==g?void 0:g.organization)||void 0===u?void 0:u.slug,locale:o}),className:"organisation",target:"_blank",rel:"noreferrer"},r.createElement($.T,{size:"p4",className:"organisation",color:z.r.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.organization.name))))),!i&&r.createElement("div",{className:"btn-wrapper"},r.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:o})},r.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment"))))),M&&r.createElement(_,null,r.createElement("div",{className:"experience"},r.createElement($.T,{weight:"bold",size:"s3",color:z.r.colors.gray800,style:{paddingBottom:16}},m("expert.content.description").toUpperCase()),r.createElement(Z,null,M.map((e,t)=>r.createElement("li",{key:t},r.createElement($.T,{size:"p2"},renderExperienceText(e))))),i?r.createElement("div",{className:"btn-wrapper"},r.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:o})},r.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment")))):r.createElement("a",{href:(0,k.o)({name:g.name,id:g.id,locale:o})},r.createElement($.T,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":c,"data-event-action":"See Full Doctor Profile","data-event-label":(0,k.l)(o)+(0,k.o)({name:g.name,id:g.id,locale:o})},m("home.seeExpert"))))))),r.createElement(D,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},U=N.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${z.r.colors.white}; border-radius: ${z.r.borderRadius}; box-shadow: 0px 0px 4px ${z.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.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 { ${v.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: ${z.r.colors.primary50}; border-radius: ${z.r.borderRadius}; .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,V=N.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; } `,W=N.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; } `,q=N.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; } `,X=N.Z.div` display: flex; margin-top: 8px; .bullet-point { width: 24px; height: 24px; } `;var G="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";let J={author:G,edtior:G,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:H},PopupExpert=({trackingCategory:e="Together",locale:t,isOpen:a=!0,onClose:n,enableAnimation:o=!0,expertId:i,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg")})=>{let{t:c}=(0,h.u)(),[d,p]=(0,r.useState)(null),[u,m]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{if(a&&i&&String(null==d?void 0:d.user_id)!==String(i)){m(!0);try{p(null),(0,k.c)((0,k.g)(S.D9.GET_EXPERT_BY_ID,{id:i}),"get").then(e=>{p(Object.assign(Object.assign({},null==e?void 0:e.data),l))})}catch(e){console.error(e)}m(!1)}},[a,i,null==d?void 0:d.user_id]),r.createElement(r.Fragment,null,r.createElement(U,{"data-open":a,"data-animation":o,onClick:e=>e.stopPropagation()},u||!d?r.createElement(I.L,null):r.createElement("div",{className:"popup-content"},r.createElement("div",{className:"close-button",onClick:n},r.createElement("img",{src:O,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),r.createElement("div",{className:"main-info"},r.createElement("div",{className:"border-banner"}),r.createElement("div",{className:"avatar-title"},r.createElement(W,null,r.createElement("div",{className:"image-container"},r.createElement("div",{style:{position:"relative"}},r.createElement(E.I,{src:null==d?void 0:d.avatar,className:"profile-image",alt:"avatar",backupSrc:s}),r.createElement("img",{className:"badge-avatar",src:J[null==d?void 0:d.role],alt:"badge",loading:"lazy"})))),r.createElement(q,null,r.createElement($.T,{size:"s3",className:"full-name",weight:"semiBold"},null==d?void 0:d.display_name),r.createElement("div",null,r.createElement($.T,{size:"p4",color:z.r.colors.gray800},null==d?void 0:d.specialty," • "),r.createElement("a",{href:null==d?void 0:d.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},r.createElement($.T,{size:"p4",className:"organisation",color:z.r.colors.gray800,style:{textDecoration:"underline"}},null==d?void 0:d.organisation)))))),r.createElement(q,null,r.createElement("div",{className:"experience"},r.createElement($.T,{weight:"bold",size:"p4",color:z.r.colors.gray800,style:{paddingBottom:16}},c("expert.content.description").toUpperCase()),r.createElement("div",{className:"list-items"},null!=d&&!!d.experiences&&d.experiences.filter(e=>!!(e&&(e.title||e.organization))).slice(0,3).map((e,t)=>r.createElement(X,{key:t},r.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"}),r.createElement("div",{className:"text-contain"},r.createElement(M.H,{tag:"h6",color:z.r.colors.gray800},null==e?void 0:e.title),r.createElement($.T,{size:"p2",color:z.r.colors.gray500},null==e?void 0:e.organization))))),r.createElement("a",{href:null==d?void 0:d.profile_url,style:{display:"inline-block",paddingTop:24}},r.createElement($.T,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":(0,k.l)(t)+(null==d?void 0:d.profile_url)},c("home.seeExpert"))))))),r.createElement(V,{"data-open":a,onClick:e=>{e.stopPropagation(),n()}}))},Y=N.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${z.r.colors.white}; border-radius: ${z.r.borderRadius}; box-shadow: 0px 0px 4px ${z.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; ${v.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 { ${v.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: ${z.r.colors.primary50}; border-radius: ${z.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,K=N.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; } `,Q=N.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=N.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%; } `,PopupHospital=({isOpen:e=!0,onClose:t,enableAnimation:a=!0,hospitalId:n,locale:o,isMobile:i,overwriteProfileProps:l,avatarFallback:s=w.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{let{t:d}=(0,h.u)(),[p,u]=(0,r.useState)(null),[m,g]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(e&&n&&String(null==p?void 0:p.id)!==String(n)){g(!0);try{u(null),(0,k.c)((0,k.b)(S.tC.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:k.m[o]}),"get").then(e=>{u(Object.assign(Object.assign({},null==e?void 0:e._data.branch),l))})}catch(e){console.error(e)}g(!1)}},[e,n,null==p?void 0:p.id]);let v=(null==p?void 0:p.specialties)||[],f=(0,r.useMemo)(()=>v.map(e=>e.name),[v]);return r.createElement(r.Fragment,null,r.createElement(Y,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},m||!p?r.createElement(I.L,null):r.createElement("div",{className:"popup-content"},r.createElement("div",{className:"close-button",onClick:t},r.createElement("img",{src:O,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),r.createElement("div",{className:"main-info"},r.createElement("div",{className:"border-banner"}),r.createElement("div",{className:"avatar-title"},r.createElement(Q,null,r.createElement("div",{className:"image-container"},r.createElement("div",{style:{position:"relative"}},r.createElement(E.I,{src:null==p?void 0:p.logo,className:"profile-image",alt:"avatar",backupSrc:s}),r.createElement("img",{className:"badge-avatar",src:H,alt:"badge",loading:"lazy"})))),r.createElement(ee,null,r.createElement($.T,{size:"s3",weight:"semiBold",className:"full-name"},null==p?void 0:p.name),r.createElement("div",{className:"specialty"},v&&r.createElement($.T,{size:"p4",color:z.r.colors.gray800},f.join(" • "),"•"),r.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:o}),className:"organisation",target:"_blank",rel:"noreferrer"},r.createElement($.T,{size:"p4",className:"organisation",color:z.r.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.name))))),!i&&r.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:o})},r.createElement("div",{className:"btn-wrapper"},r.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment"))))),r.createElement(ee,null,r.createElement("div",{className:"experience"},r.createElement($.T,{weight:"bold",size:"s3",color:z.r.colors.gray800,style:{paddingBottom:16}},d("hospital.content.description").toUpperCase()),r.createElement($.T,{size:"p2",color:z.r.colors.gray500},p.about),i?r.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:o})},r.createElement("div",{className:"btn-wrapper"},r.createElement(C.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment")))):r.createElement("a",{href:(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:o})},r.createElement($.T,{size:"s4",color:"#2D87F3",as:"span","data-event-category":c,"data-event-action":"See Full Hospital Profile","data-event-label":(0,k.l)(o)+(0,k.n)({id:p.id,name:p.name,slug:p.slug,locale:o})},d("home.seeHospital"))))))),r.createElement(K,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},ProfileDetailModal=({open:e,onClose:t,children:a,profileModalProps:n})=>{let{t:o}=(0,h.u)();return r.createElement(B.M,Object.assign({title:o("profilePanel.modal.heading"),titleProps:!0,className:"_2UKyiK1",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)};u().extend(g());let CardAuthor=e=>{let{className:t="",community:i,name:p,username:u,url:m,avatar:g,role:x,title:y,userType:C="user",expertId:$,specialty:N,organisation:S,isMarryBaby:I,doctorId:M,hospitalId:B,hasQuickBooking:L,handleMakeAppointment:A,communityTrackingAttr:F,isAnonymous:D,showDetailPopup:R,showChatbotButton:_=!1,subLine:Z,authActionWrapper:O,profileProps:H,profileModalProps:U,extendEle:V,avatarProps:W,hideInfo:q,timeText:X,onCloseFromPost:G,onChatWithBot:J,avatarIcon:Y,badgeIconSize:K,hideBackground:Q,children:ee,styles:et,dataEventCategory:ea,dataEventAction:er,dataEventLabel:en}=e,{data:{locale:eo,router:ei,env:{isMarryBaby:el,togetherBasePath:es}}}=(0,r.useContext)(k.T),{isMobile:ec}=(0,E.u)(),{t:ed}=(0,h.u)(),{classes:ep}=j(void 0,{name:"CardAuthor",styles:et}),eu="boolean"==typeof I?I:el,em=eu?"marryBaby":"helloSites",eg=D?ed("cardPost.anonymous"):p||u||"",eh=D?w.C.getAssetPath("avatar.jpg"):g,ev=D?void 0:x,[ef,eb]=(0,r.useState)(!1),{asPath:ex}=ei||{},ey=`https://${T.v[eo]}${ex}`,onAuthorClick=()=>{if(D)return!1;R?ew(!0):m&&(window.location.href=m)};(0,r.useEffect)(()=>{(0,v.t)(ef)},[ef]);let[eE,ew]=(0,r.useState)(!1),ek=(null==e?void 0:e.role)==="expert",eC=!!(M||B),e$=["expert"===ev&&S&&r.createElement("span",null,S),"expert"===ev&&N&&r.createElement("span",null,N),!("expert"===ev&&N&&S)&&(null==i?void 0:i.name)&&r.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${es}/${null==i?void 0:i.slug}/`:void 0,className:"author-community-name"},F),`${null==i?void 0:i.name}`),X&&r.createElement("span",null,X)].filter(Boolean),[ez,eN]=(0,r.useState)(null);return(0,r.useEffect)(()=>{eE&&!ez&&("chatbot"===C?Promise.all([a.e(5231),a.e(7797),a.e(5454),a.e(5481),a.e(2354),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(3097),a.e(4190),a.e(4447),a.e(2582),a.e(8261),a.e(8674),a.e(8299),a.e(4125),a.e(7743),a.e(7884),a.e(137),a.e(4414),a.e(1079),a.e(7613),a.e(8098),a.e(3416),a.e(2500),a.e(1570),a.e(3506),a.e(1413)]).then(a.bind(a,"Ivnr")).then(e=>{eN(()=>e.ProfileChatbot)}):Promise.all([a.e(9409),a.e(6259),a.e(1818),a.e(7519),a.e(761),a.e(2189),a.e(5231),a.e(7797),a.e(5454),a.e(5481),a.e(2354),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(3097),a.e(4190),a.e(4447),a.e(2582),a.e(8261),a.e(8674),a.e(8299),a.e(4125),a.e(7743),a.e(7884),a.e(137),a.e(4414),a.e(1079),a.e(7613),a.e(8098),a.e(3416),a.e(2500),a.e(1570),a.e(3506),a.e(1413)]).then(a.bind(a,"aUqw")).then(e=>{eN(()=>e.ProfileDetail)}))},[eE,C]),r.createElement(P.Provider,{value:{displayName:eg,title:y,role:ev,siteType:em,handleMakeAppointment:A,doctorId:M,hospitalId:B,currentUrl:ey}},r.createElement(ProfileDetailModal,{open:eE,onClose:()=>ew(!1),profileModalProps:U},ez&&r.createElement(ez,Object.assign({currentPageUrl:en,authActionWrapper:O,onCloseFromPost:()=>{ew(!1),null==G||G()},onChatWithBot:J},H,{authorProps:Object.assign({userId:null==e?void 0:e.userId,avatar:eh,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title,doctorId:M,hospitalId:B,hasQuickBooking:L,userType:C},null==H?void 0:H.authorProps)}))),"expert"===ev&&$?r.createElement(PopupExpert,{isOpen:ef,onClose:()=>eb(!1),expertId:$}):null,"expert"===ev&&M?r.createElement(PopupDoctor,{isOpen:ef,onClose:()=>eb(!1),doctorId:M,locale:eo}):null,"expert"===ev&&B?r.createElement(PopupHospital,{isOpen:ef,onClose:()=>eb(!1),hospitalId:B,locale:eo}):null,r.createElement("div",{className:`hhg-card-author ${ep.root} ${t} ${ek?"expert-author":""}`,"data-background":!Q&&ek,"data-is-marrybaby":eu},r.createElement(CardAuthor$1,{dataEventCategory:ea,dataEventAction:er,dataEventLabel:en,onAvatarClick:onAuthorClick,avatarProps:Object.assign(Object.assign({avatar:D?w.C.getAssetPath(eu?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):eh,username:eg},W),{style:{cursor:!D&&(m||R)?"pointer":"default"}}),avatarIcon:Y||ek&&r.createElement(n.Z,{size:K||15})},ee?r.createElement("div",{onClick:onAuthorClick},ee):!q&&r.createElement(CardAuthor$1.Row,null,r.createElement(CardAuthor$1.ColLeft,null,r.createElement(s.k,{align:"center",onClick:onAuthorClick},r.createElement(CardAuthor$1.MainText,{onClick:onAuthorClick},eg,"chatbot"===C?r.createElement(r.Fragment,null," ",r.createElement(o.Z,{color:z.r.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}}),_&&r.createElement("div",{style:{marginTop:"8px"}},r.createElement(c.z,{color:"primary",size:"xs",variant:"filled",type:"button",leftIcon:r.createElement(b.I.App,{size:16}),onClick:()=>{null==J||J()}},ed("chatbot.with.me")))):r.createElement(AuthorBadgeItem,null))),Z||r.createElement(CardAuthor$1.SubTextRow,{style:L?{position:"relative"}:{}},e$.map((e,t)=>r.createElement(r.Fragment,null,0!==t&&r.createElement(CardAuthor$1.SubDivider,null),r.createElement(CardAuthor$1.SubText,null,e))),L&&eC&&r.createElement(l.x,{sx:{marginTop:(0,d.h)(5)}},r.createElement(f.B,{bookingId:M||B,bookingType:M?"doctor":B?"hospital":void 0,size:ec?"xs":"sm"})))))),V&&V))};CardAuthor.MainText=CardAuthor$1.MainText,CardAuthor.SubText=CardAuthor$1.SubText,CardAuthor.SubTextRow=CardAuthor$1.SubTextRow,CardAuthor.SubDivider=CardAuthor$1.SubDivider,CardAuthor.AuthorBadge=AuthorBadgeItem,CardAuthor.DisplayName=()=>{let{displayName:e}=(0,r.useContext)(P);return r.createElement(l.x,null,e)}}}]);