"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4447],{wF9L:function(e,t,a){a.d(t,{A:function(){return AddressInput}});var n=a("SwpR"),l=a("q1tI"),r=a("OAL+"),o=a("aDCK"),i=a("Biuj"),s=a("UqOp"),c=a("5DIC"),d=a("vvIs"),p=a("XgXa"),u=a("yNk5");let generateGetAddressDetail=e=>`${s.g}/cities-data-${d.M[e]}.json`,m={provinceByName:{},provinces:[],districts:[],wards:[],selectedProvince:"",selectedDistrict:"",selectedWard:""},reducer=(e,t)=>{switch(t.type){case"SET_DATA":return Object.assign(Object.assign({},e),t.payload);case"SET_DISTRICTS":return Object.assign(Object.assign({},e),{districts:t.payload});case"SET_WARDS":return Object.assign(Object.assign({},e),{wards:t.payload});case"SELECT_PROVINCE":return Object.assign(Object.assign({},e),{selectedProvince:t.payload,selectedDistrict:"",selectedWard:""});case"SELECT_DISTRICT":return Object.assign(Object.assign({},e),{selectedDistrict:t.payload,selectedWard:""});case"SELECT_WARD":return Object.assign(Object.assign({},e),{selectedWard:t.payload});default:return e}},mappingProvinceId=(e,t)=>{let a={};for(let[,e]of Object.entries(t)){let{id:t}=e;t&&(a[t]=e)}let n={};return e.map(e=>{n[e.name]=a[e.id]}),n},useAddress=({provinces:e})=>{let[t,a]=(0,l.useReducer)(reducer,m),{provinceByName:r,provinces:o,districts:i,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:g}=t,[h,v]=(0,l.useState)();return(0,l.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){var t,n,l;try{let r=yield fetch(generateGetAddressDetail(u.env.UNIFY_LOCALE||p.L.Vietnam)).then(e=>e.json());v(r);let{list:o}=r,i=e?mappingProvinceId(e,o):o,s=Object.keys(i),c=Object.keys((null===(t=o[s[0]])||void 0===t?void 0:t.list)||{}),d=Object.keys((null===(l=null===(n=o[s[0]])||void 0===n?void 0:n[c[0]])||void 0===l?void 0:l.list)||{});a({type:"SET_DATA",payload:{provinceByName:i,provinces:s,districts:c,wards:d}})}catch(e){console.error("Error fetching address data:",e)}})},[u.env.UNIFY_LOCALE]),{provinces:o,districts:i,wards:s,selectedProvince:c,selectedDistrict:d,selectedWard:g,handleProvinceChange:e=>{var t;let n=Object.keys((null===(t=r[e])||void 0===t?void 0:t.list)||{});a({type:"SET_DISTRICTS",payload:n}),a({type:"SET_WARDS",payload:[]}),a({type:"SELECT_PROVINCE",payload:e})},handleDistrictChange:e=>{var t,n;let l=Object.keys((null===(n=null===(t=r[c])||void 0===t?void 0:t.list[e])||void 0===n?void 0:n.list)||{});a({type:"SET_WARDS",payload:l}),a({type:"SELECT_DISTRICT",payload:e})},handleWardChange:e=>{a({type:"SELECT_WARD",payload:e})}}},AddressInput=e=>{var{error:t,provinces:a,placeholder:s}=e,d=(0,n._)(e,["error","provinces","placeholder"]);let{t:p}=(0,c.u)(),{provinces:u,districts:m,wards:g,selectedProvince:h,selectedDistrict:v,selectedWard:f,handleProvinceChange:b,handleDistrictChange:x,handleWardChange:E}=useAddress({provinces:a}),[y,C]=(0,l.useState)("");return(0,l.useEffect)(()=>{h&&v&&f&&y?d.onChange({selectedProvince:h,selectedDistrict:v,selectedWard:f,extraInfo:y}):d.onChange(null)},[h,v,f,y]),l.createElement(i.I.Wrapper,Object.assign({withAsterisk:!0},d),l.createElement(r.K,null,l.createElement(i.S,{placeholder:(null==s?void 0:s.province)||p("onboarding.similac.input.city"),data:a?u:u.sort(),searchable:!0,onChange:b,value:h}),l.createElement(i.S,{placeholder:(null==s?void 0:s.district)||p("onboarding.similac.input.district"),data:m.sort(),searchable:!0,onChange:x,value:v,disabled:!h}),l.createElement(i.S,{placeholder:(null==s?void 0:s.ward)||p("onboarding.similac.input.ward"),searchable:!0,data:g.sort(),value:f,onChange:E,disabled:!h||!v}),l.createElement(i.I,{placeholder:(null==s?void 0:s.address)||p("onboarding.similac.input.no"),disabled:!h||!v||!f,value:y,onChange:C,style:{marginBottom:0}})),l.createElement(o.I.Error,{size:"md"},t))}},c5xZ:function(e,t,a){a.d(t,{M:function(){return MarryBabyText},a:function(){return MarryBabyHeading}});var n=a("SwpR"),l=a("q1tI"),r=a("rBCA"),o=a("iBNF");let i=(0,r.Z)(e=>{var{type:t}=e,a=(0,n._)(e,["type"]);return l.createElement(t,a)})` color: var(--text-color, ${o.r.mbColors.dark}); font-family: Krub; font-weight: 600; letter-spacing: -0.2px; &[data-type='headline-1'] { font-size: 40px; line-height: 60px; } &[data-type='headline-2'] { font-size: 32px; line-height: 48px; } &[data-type='headline-3'] { font-size: 24px; line-height: 40px; } &[data-type='headline-4'] { font-size: 18px; line-height: 32px; } `,s=r.Z.p` color: var(--text-color, ${o.r.mbColors.dark}); letter-spacing: -0.2px; &[data-type='subtitle-1'] { font-size: 16px; font-weight: 600; line-height: 26px; } &[data-type='subtitle-2'] { font-size: 14px; font-weight: 500; line-height: 24px; } &[data-type='subtitle-3'] { font-size: 12px; font-weight: 500; line-height: 20px; } &[data-type='bodytext-1'] { font-size: 16px; font-weight: 400; line-height: 28px; } &[data-type='bodytext-2'] { font-size: 14px; font-weight: 400; line-height: 24px; } &[data-type='bodytext-3'] { font-size: 12px; font-weight: 400; line-height: 20px; } &[data-type='caption-1'] { font-size: 10px; font-weight: 500; letter-spacing: -0.1px; line-height: 14px; } &[data-type='caption-2'] { font-size: 10px; font-weight: 400; letter-spacing: -0.1px; line-height: 14px; } `,MarryBabyHeading=e=>{var{type:t,color:a,style:r}=e,o=(0,n._)(e,["type","color","style"]);return l.createElement(i,Object.assign({type:t,"data-type":{h1:"headline-1",h2:"headline-2",h3:"headline-3",h4:"headline-4"}[t],style:Object.assign(Object.assign({},a&&{"--text-color":a}),r)},o))},MarryBabyText=e=>{var{type:t,color:a,style:r}=e,o=(0,n._)(e,["type","color","style"]);return l.createElement(s,Object.assign({"data-type":t,style:Object.assign(Object.assign({},r),a&&{"--text-color":a})},o))}},N0hu:function(e,t,a){a.d(t,{B:function(){return Button}});var n=a("SwpR"),l=a("q1tI"),r=a("4cu0");let Button=e=>{var{size:t,color:a="primary",isDisabled:o,isBlock:i,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:E,dataProductName:y,dataProductPrice:C,dataProductCategory:w,dataProductPosition:k,type:S}=e,A=(0,n._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return l.createElement(r.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":E,"data-product-name":y,"data-product-price":C,"data-product-category":w,"data-product-position":k},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:o,onClick:e=>{m||o||!c||c(e)},title:s,loading:m,type:S||"submit",leftIcon:"left"===p?d:void 0,rightIcon:"right"===p?d:void 0,w:i?"100%":void 0,p:i?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":i,"data-has-icon":!!d||void 0,"data-theme":A.theme,"data-is-loading":m},A),m&&g||u)}},G8oo:function(e,t,a){a.d(t,{D:function(){return Divider}});var n=a("q1tI"),l=a("rBCA"),r=a("iBNF");let o=l.Z.hr` border-width: 1px; border-color: ${r.r.colors.neutral200}; border-style: ${e=>e.dividerType}; `,Divider=({type:e="solid",className:t,style:a})=>n.createElement(o,{style:a,className:t,"data-diver-type":e,dividerType:e})},k9Fv:function(e,t,a){a.d(t,{P:function(){return PostContent},T:function(){return r},U:function(){return o},a:function(){return ProfileDetail},b:function(){return q}});var n,l,r,o,i=a("SwpR"),s=a("q1tI"),c=a("Wgwc"),d=a.n(c),p=a("SK9V"),u=a("FVFe"),m=a("Yhj9"),g=a("IQVP"),h=a("gLxU"),v=a("oTwY"),f=a("/npG"),b=a("eito"),x=a("bpvy"),E=a("SPK5"),y=a("8vDj"),C=a("Ejk3"),w=a("9S3P"),k=a("4mvA"),S=a("x0JV"),A=a("5DIC"),T=a("iBNF"),N=a("rCoo"),$=a("e0pn"),P=a("Biuj"),z=a("2YCo"),I=a("4cu0"),B=a("rBCA"),D=a("aZjv"),F=a("dWwG"),O=a("N0hu");let j=B.Z.div` padding: 0.5rem 1rem 1rem; line-height: 1.5; word-break: break-word; .post-content-replying { margin-right: 5px; cursor: pointer; display: inline-block; &.tag-only { margin-right: 0; } } .post-content { display: inline; white-space: pre-wrap; /* > *:first-child, */ > mention:first-child ~ * { &:not(ul), &:not(ol) { display: inline-block; } } > mention:first-child { margin-right: 5px; } &.has-see-more { *:last-child { &:not(ul), &:not(ol) { display: inline; } } } img { width: 100%; height: unset; } ul, ol { list-style-position: inside; padding-left: 1rem; display: block; } ol { list-style-type: decimal; } ul { list-style-type: disc; } mention { color: ${e=>e.mentionColor||"#1890ff"}; padding-right: 4px; :hover { text-decoration: underline; } } .markdown { white-space: normal; p, ul, ol { margin-top: 1em; &:first-child { margin-top: 0; } } li { margin-top: 0.5em; &:first-child { margin-top: 0; } } } } `,L=B.Z.span` overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: ${e=>e.line||1}; display: -webkit-box; -webkit-box-orient: vertical; &.post-content-show-all { display: block; } `,_=B.Z.span` padding-left: 2px; background-color: ${T.r.colors.white}; bottom: 8px; position: absolute; right: 0; z-index: 10; cursor: pointer; `;var M=(0,f.k)(e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}},".create-post-link":{display:"inline",color:e.fn.primaryColor(),cursor:"pointer"}}}));let PostContent=e=>{var{trackingCategory:t,url:a,className:n,style:l,replyingTo:r,mentionedUser:o,description:c,disableShortenContent:d,mentions:p=[],maxChars:u=1e3,maxLines:m,hideShowAllBtn:g,styles:v,onClickCreatePostLink:f}=e,x=(0,i._)(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","maxLines","hideShowAllBtn","styles","onClickCreatePostLink"]);let{classes:E,theme:y}=M(void 0,{name:"PostContent",styles:v}),[C,w]=(0,s.useState)(!1),[S,T]=(0,s.useState)(!1),{t:N}=(0,A.u)(),{authActionWrapper:$}=(0,D.iV)(),[P,z]=(0,s.useState)(!1),I=(0,F.d)((0,F.b)(c||"","display"),p),{action:{sanitizeFunction:B}}=(0,s.useContext)(h.T),O=(0,s.useMemo)(()=>{let e=B(I||"");if(d||C)return{showContent:e,hasSeeMore:!1};let t=e.slice(0,u),a=u-((t.match(/<\/div>/g)||[]).length-1)*27,n=(t||"").slice(0,a<40?40:a),l=B(n.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),r=l.lengths.createElement(s.Fragment,null,"... ",!g&&s.createElement(b.e,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),$(()=>w(!0))},className:"see-more-text"},t?{"data-event-category":t,"data-event-action":"See More Post Click","data-event-label":a}:{}),N("post.seeMore"))),[g,a,t]),handleCreatePostClick=e=>{e.preventDefault(),null==f||f()},isEllipsisActive=e=>e.scrollHeight>e.clientHeight;return(0,s.useEffect)(()=>{var e;return null===(e=null==Z?void 0:Z.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach(e=>{e.addEventListener("click",handleCreatePostClick,{passive:!0})}),()=>{var e;null===(e=null==Z?void 0:Z.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach(e=>{e.removeEventListener("click",handleCreatePostClick,!1)})}},[d,C,I]),(0,s.useEffect)(()=>{U.current&&I&&m&&(isEllipsisActive(U.current)?T(!0):T(!1))},[I,m]),s.createElement(s.Fragment,null,H&&s.createElement(k.P,{isOpen:P,onClose:()=>z(!1),expertId:String(null==o?void 0:o.partnerId)}),s.createElement(j,Object.assign({ref:Z,className:`${E.root} ${n} no-replace-click`,style:l,mentionColor:y.fn.primaryColor()},x),R&&s.createElement(b.e,{onClick:()=>H&&z(!0),className:"post-content-replying"},"@",R),(null==c?void 0:c.startsWith("[mention+id="))&&s.createElement("span",{className:"post-content-replying tag-only",style:{color:y.fn.primaryColor()}},"@"),m?s.createElement(s.Fragment,null,s.createElement(L,{dangerouslySetInnerHTML:{__html:I},className:`post-content-line ${C?"post-content-show-all":""}`,line:m,ref:U}),S&&!C&&s.createElement(_,null,G())):s.createElement(s.Fragment,null,s.createElement("span",{dangerouslySetInnerHTML:{__html:O.showContent},className:`post-content ${O.hasSeeMore?"has-see-more":""}`}),O.hasSeeMore&&!C&&s.createElement("span",null,G()))))},CategoryText=({children:e,className:t=""})=>s.createElement("div",{className:`l5fL1xL ${t}`},e),Title=({children:e,className:t=""})=>s.createElement("div",{className:`L-aGKo7 ${t}`},e),Thumbnail=({src:e,defaultSrc:t=C.C.getAssetPath("logo/logomark.png"),ratio:a=1,size:n=80,radius:l=8,alt:r,className:o=""})=>s.createElement("div",{className:o},s.createElement("div",{className:"DZmf3s7",style:{width:`${n}px`,height:`${n*a}px`,borderRadius:`${l}px`}},s.createElement(w.I,{src:e,backupSrc:t,alt:r}))),CardArticle=({category:e,title:t,src:a,children:n,className:l=""})=>s.createElement("div",{className:`eaR8ATZ ${l}`},s.createElement(Thumbnail,{src:a}),s.createElement("div",{className:"xM-7K0a"},n||s.createElement("div",null,e&&s.createElement(CategoryText,null,e),t&&s.createElement(Title,null,t))));CardArticle.CategoryText=CategoryText,CardArticle.Title=Title;let ArticleCard=({featureImage:e,postTitle:t,author:a,categories:n,isReview:l,className:r=""})=>{var o;return s.createElement(CardArticle,{src:e,className:r},s.createElement(s.Fragment,null,s.createElement(CardArticle.CategoryText,null,null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.name),s.createElement(CardArticle.Title,null,t),s.createElement(k.d,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:s.createElement(s.Fragment,null,l?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD",s.createElement(k.d.SubDivider,null),"Dec 12, 2022")})))};var R={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};let H=(0,s.createContext)({}),About=({className:e=""})=>{var t,a,n,l,r;let{t:o}=(0,A.u)(),{info:i,isMarryBaby:c,currentPageUrl:d}=(0,s.useContext)(H),p=null==i?void 0:i.data,u=[{type:S.S.LinkedIn,icon:C.C.getAssetPath("linkedin.svg"),url:null===(t=null==i?void 0:i.contact)||void 0===t?void 0:t.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:S.S.Instagram,icon:C.C.getAssetPath("instagram.svg"),url:null===(a=null==i?void 0:i.contact)||void 0===a?void 0:a.instagram,eventAction:"Doctor Profile - Instagram"},{type:S.S.Facebook,icon:C.C.getAssetPath("facebook.svg"),url:null===(n=null==i?void 0:i.contact)||void 0===n?void 0:n.facebook,eventAction:"Doctor Profile - Facebook"},{type:S.S.Youtube,icon:C.C.getAssetPath("youtube.svg"),url:null===(l=null==i?void 0:i.contact)||void 0===l?void 0:l.youtube,eventAction:"Doctor Profile - Youtube"},{type:S.S.Tiktok,icon:C.C.getAssetPath("tiktok.svg"),url:null===(r=null==i?void 0:i.contact)||void 0===r?void 0:r.tiktok,eventAction:"Doctor Profile - TikTok"}],m=[...((null==i?void 0:i.experiences)||[]).length>0?[{key:"experience",heading:o("profilePanel.experience"),iconSrc:C.C.getAssetPath(c?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:s.createElement("div",{className:R.accBodyGroup},null==i?void 0:i.experiences.map((e,t)=>s.createElement("div",{className:R.accBodyGroupItem,key:String(t)},s.createElement("div",{className:R.accBodyGroupTitle},e.title),s.createElement("div",{className:R.accBodyGroupDesc},s.createElement("p",null,e.organization),s.createElement("p",null,e.duration)))))}]:[],...((null==i?void 0:i.educations)||[]).length>0?[{key:"education",heading:o("profilePanel.education"),iconSrc:C.C.getAssetPath(c?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:s.createElement("div",{className:R.accBodyGroup},null==i?void 0:i.educations.map((e,t)=>s.createElement("div",{className:R.accBodyGroupItem,key:String(t)},s.createElement("div",{className:R.accBodyGroupTitle},e.schoolName),s.createElement("div",{className:R.accBodyGroupDesc},s.createElement("p",null,e.study),s.createElement("p",null,e.completedYear)))))}]:[],...((null==i?void 0:i.awards)||[]).length>0?[{key:"awards",heading:o("profilePanel.awards"),iconSrc:C.C.getAssetPath(c?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:s.createElement("div",{className:R.accBodyGroup},null==i?void 0:i.awards.map((e,t)=>s.createElement("div",{className:R.accBodyGroupTitle,key:t},e.title)))}]:[]],g=(null==i?void 0:i.relatedPosts)||[],h=u.filter(e=>e.url);return s.createElement("div",{className:`${R.container} ${e}`,"data-is-marrybaby":c},m.length>0&&s.createElement(x.U,{defaultValue:m[0].key,chevron:c?s.createElement("div",{className:R.mbChevronWrapper},s.createElement(v.Z,{size:12,color:T.r.mbColors.midGray})):s.createElement(v.Z,{color:T.r.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"},"*":{pointerEvents:"none"}}}},m.map(e=>s.createElement(x.U.Item,{key:e.key,value:e.key},s.createElement(x.U.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":d},s.createElement("div",{className:R.header},s.createElement("div",{className:R.headingIcon},s.createElement("img",{src:e.iconSrc,loading:"lazy"})),s.createElement("div",{className:R.heading},e.heading))),s.createElement(x.U.Panel,null,e.panel)))),g.length>0&&s.createElement("div",{className:R.group},s.createElement("div",{className:R.subTitle},s.createElement("img",{className:R.subIcon,src:C.C.getAssetPath(c?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),o("profilePanel.publishedArticles")),s.createElement("div",{className:`${R.relatedList}`},null==i?void 0:i.relatedPosts.map(e=>s.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:R.articleCardLink},s.createElement(ArticleCard,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==p?void 0:p.name,avatar:null==p?void 0:p.avatar}}),{isReview:!0})))))),h.length>0&&s.createElement("div",{className:R.group},s.createElement("div",{className:R.subTitle},s.createElement("img",{className:R.subIcon,src:C.C.getAssetPath(c?"social-mb.svg":"social.svg"),loading:"lazy"}),o("profilePanel.socialLinks")),s.createElement("div",{className:R.groupBody},s.createElement(E.k,null,u.map((e,t)=>e.url&&s.createElement("div",{className:R.socialItem,key:t},s.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},s.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":d}))))))))};var Z={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};let PostCard$1=({post:e,className:t=""})=>{var a,n,l,r,o,i,c,d;let{t:p}=(0,A.u)(),{data:{userInfo:u,env:{togetherBasePath:m}}}=(0,s.useContext)(h.T),{authActionWrapper:g,authorProps:v,currentPageUrl:f}=(0,s.useContext)(H),b=`${window.location.origin}${m}/${null===(a=null==e?void 0:e.community)||void 0===a?void 0:a.slug}/${null==e?void 0:e.slug}/`;return s.createElement("div",{className:`${Z.container} ${t}`},s.createElement("div",{className:Z.header},s.createElement("div",{className:Z.question},p("profilePanel.question")," ",s.createElement(P.b,{className:Z.questionTitle,href:"#",onClick:()=>{(null==u?void 0:u.id)||null==g||g(()=>window.location.href=b,{_location:b})}},"#",null==e?void 0:e.title)),s.createElement("div",{className:Z.community},null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.name," - ",null==e?void 0:e.createdTime)),s.createElement("div",{className:Z.questionCard},s.createElement(k.C,Object.assign({className:"card-author"},v,{role:"user",avatarIcon:s.createElement(N.Z,null),subLine:s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null===(o=null===(r=null===(l=null==e?void 0:e.expertAnswer)||void 0===l?void 0:l.answer)||void 0===r?void 0:r[0])||void 0===o?void 0:o.createdTime))})),s.createElement(PostContent,{className:"post-content-wrapper",description:(null===(d=null===(c=null===(i=null==e?void 0:e.expertAnswer)||void 0===i?void 0:i.answer)||void 0===c?void 0:c[0])||void 0===d?void 0:d.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),s.createElement(I.B,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":f,size:"md",onClick:()=>{(null==u?void 0:u.id)?window.location.href=b:null==g||g(()=>window.location.href=b,{_location:b})}},p("profilePanel.anserwing.viewFull")))};var U={container:"_8fd7YMs",thumb:"DomiQfw",content:"-b2qnfL"};let EmptyMessage=({message:e,buttonTxt:t,imgSrc:a,onBtnClick:n})=>{let{siteType:l,isMarryBaby:r}=(0,s.useContext)(H);return s.createElement("div",{className:U.container},s.createElement("div",{className:U.thumb},s.createElement("img",{src:a||C.C.getAssetPath(r?"comments-mb.svg":"comments.svg"),loading:"lazy"})),e&&s.createElement("div",{className:U.content},e),t&&s.createElement(O.B,{size:"md",theme:l,color:"secondary",onClick:n},t))},Answering=({id:e})=>{let{t}=(0,A.u)(),{data:{locale:a}}=(0,s.useContext)(h.T),{authorProps:n}=(0,s.useContext)(H),[l,r]=(0,s.useState)(null),[o,c]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{e&&(0,i.a)(void 0,void 0,void 0,function*(){var t;c(!0);let n=yield(0,h.c)((0,h.f)(g.yy.USER.LIST_ANSWERS,{_locale:a,id:e}),"GET"),l=((null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.replies)||[]).map(m.a);r(l),c(!1)})},[]),s.createElement("div",{className:"MrdoES3"},o?s.createElement(u.L,null):null!==l&&(l.length>0?l.map(e=>s.createElement(PostCard$1,{className:"post-card",key:e.id,post:e})):s.createElement(EmptyMessage,{message:t("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)})})))},QuestionCard=e=>{var t,a,n,l,{post:r}=e,o=(0,i._)(e,["post"]);let{data:{env:{togetherBasePath:c}}}=(0,s.useContext)(h.T);return s.createElement(s.Fragment,null,s.createElement("div",Object.assign({},o,{className:`toEutn7 ${(null==o?void 0:o.className)||""}`}),s.createElement(k.C,{className:"card-author",avatar:null===(t=null==r?void 0:r.author)||void 0===t?void 0:t.avatar,name:(null===(a=null==r?void 0:r.author)||void 0===a?void 0:a.name)||(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.username),isAnonymous:!!(null==r?void 0:r.isAnonymous),subLine:s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null==r?void 0:r.createdTime))}),s.createElement(P.b,{href:`${window.location.origin}${c}/${null===(l=null==r?void 0:r.community)||void 0===l?void 0:l.slug}/${null==r?void 0:r.slug}/`,className:"drdisHs",rel:"noreferrer"},null==r?void 0:r.title)))};var G={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",chevron:"L2Q9T6m",container:"h-pSmhX"};let Care=()=>{var e,t;let{t:a}=(0,A.u)(),{data:{locale:n,userInfo:l}}=(0,s.useContext)(h.T),{onSkipQuestion:r,countValues:o,setCountValues:c}=(0,s.useContext)(H),[d,p]=(0,s.useState)(),[v,f]=(0,s.useState)([]),[b,E]=(0,s.useState)(!1),y=null==l?void 0:l.id;(0,s.useEffect)(()=>{y&&(0,i.a)(void 0,void 0,void 0,function*(){var e;E(!0);let t=yield(0,h.e)((0,h.f)(g.yy.USER.LIST_QUESTION_NEED_REPLY,{_locale:n}),"GET"),a=[],l=Object.create({});((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.communities)||[]).filter(e=>((null==e?void 0:e.question)||[]).length>0).map(e=>{l[e.id]=e.question.map(m.a),delete e.question,a.push((0,m.f)(e))}),f(a),p(l),E(!1)})},[]);let handleSkipQuestion=({id:e,communityId:t})=>{if(e&&t&&d){let a=Object.assign(Object.assign({},d),{[t]:[...((null==d?void 0:d[t])||[]).filter(t=>t.id!==e)]}),n=0;Object.keys(a).map(e=>n+=a[e].length||0),p(a),c(Object.assign(Object.assign({},o),{total_question:n})),null==r||r(n)}};return s.createElement("div",{className:G.container},b?s.createElement(u.L,null):(null==o?void 0:o.total_question)>0?v.length>0&&s.createElement(x.U,{className:G.accordion,defaultValue:String((null===(t=v[null===(e=Object.keys(v))||void 0===e?void 0:e[0]])||void 0===t?void 0:t.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},label:{padding:0},item:{marginBottom:"16px"}}),chevron:s.createElement("div",{className:G.chevron},s.createElement($.Z,{color:T.r.colors.gray600,size:20}))},v.map(e=>{let t=d&&(null==d?void 0:d[e.id])||[];return t.length>0&&s.createElement(x.U.Item,{key:e.id,value:String(e.id)},s.createElement(x.U.Control,null,s.createElement("div",{className:G.header},s.createElement("div",{className:G.headingIcon},s.createElement("img",{src:e.thumbnail,loading:"lazy"})),s.createElement("div",{className:G.heading},e.name))),s.createElement(x.U.Panel,null,s.createElement("div",{className:G.body},t.map(e=>s.createElement(QuestionCard,{className:"question-card",key:e.id,post:e,onSkip:handleSkipQuestion})))))})):s.createElement(EmptyMessage,{message:a("profilePanel.emptyCareMess.content"),imgSrc:C.C.getAssetPath("questions.svg")}))},PostCard=({post:e,className:t=""})=>{var a;let{data:{userInfo:n,env:{togetherBasePath:l}}}=(0,s.useContext)(h.T),{t:r}=(0,A.u)(),o=(0,y.rZ)(),{authActionWrapper:i,authorProps:c}=(0,s.useContext)(H),d=`${window.location.origin}${l}/${null===(a=null==e?void 0:e.community)||void 0===a?void 0:a.slug}/${null==e?void 0:e.slug}/`;return s.createElement("div",{className:`GA-zc-O ${t}`},s.createElement("div",{className:"IB049vj"},s.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":d,className:"_8I--vEV",href:d,onClick:e=>{(null==n?void 0:n.id)||(e.preventDefault(),null==i||i(()=>window.location.href=d,{_location:d}))}}),s.createElement(k.d,{className:"card-author",avatarProps:{avatar:null==c?void 0:c.avatar,size:32}},s.createElement(k.C.MainText,{className:"A18McWD"},null==e?void 0:e.title),s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,null==e?void 0:e.createdTime))),s.createElement(PostContent,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post",hideShowAllBtn:!0}),s.createElement(z.T,{size:"p3",color:o.fn.primaryColor()},r("post.seeMore"))))},Posts=()=>{let{t:e}=(0,A.u)(),{data:{locale:t}}=(0,s.useContext)(h.T),{authorId:a,authorProps:n,isAuthorLogin:l,onCloseFromPost:r}=(0,s.useContext)(H),[o,c]=(0,s.useState)(null),[d,p]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{a&&(0,i.a)(void 0,void 0,void 0,function*(){var e;p(!0);let n=yield(0,h.c)((0,h.f)(g.yy.USER.LIST_POST,{_locale:t,id:a,isAnonymous:0}),"GET"),l=((null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.posts)||[]).map(m.a);c(l),p(!1)})},[a]),s.createElement("div",{className:"TSMHoEM"},d?s.createElement(u.L,null):null!==o&&(o.length>0?o.map(e=>s.createElement(PostCard,{className:"post-card",key:e.id,post:e})):s.createElement(EmptyMessage,{message:e("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""}),buttonTxt:l&&e("profilePanel.createPost"),onBtnClick:()=>{null==r||r()}})))};var W={container:"_4Vekw96",info:"DIJdGcB",body:"aQSt4-Q"};let formatExperience=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},formatEducation=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};(n=r||(r={}))[n.About=0]="About",n[n.Care=1]="Care",n[n.Answer=2]="Answer",n[n.Posts=3]="Posts",(l=o||(o={}))[l.Expert=0]="Expert",l[l.User=1]="User";let q={experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail=e=>{var t,{authorProps:a,selectedTab:n,authActionWrapper:l,onSkipQuestion:o,onCloseFromPost:c,hideQuestionTab:v,hideAnswerTab:f,showSkipQuestionTag:b,rolesToShowQuestionsTab:x=["expert"],currentPageUrl:E}=e,y=(0,i._)(e,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);let{data:{locale:C,userInfo:w,env:{isMarryBaby:S}}}=(0,s.useContext)(h.T),{t:T}=(0,A.u)(),N=null==a?void 0:a.role,$=null==w?void 0:w.role,P=String(null==a?void 0:a.userId),[z,I]=(0,s.useState)(),[B,D]=(0,s.useState)(!1),[F,O]=(0,s.useState)(),j=(null==w?void 0:w._togetherUserId)===(null==a?void 0:a.userId),L=[...-1!==x.indexOf(N)?[{value:r.About,text:T("profilePanel.tabs.highlight"),content:s.createElement(About,{id:P,info:F}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:E}]:[],{value:r.Posts,text:T("profilePanel.tabs.posts"),content:s.createElement(Posts,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...v||-1===x.indexOf($)||(null==w?void 0:w._togetherUserId)!==(null==a?void 0:a.userId)?[]:[{value:r.Care,text:`${T("profilePanel.tabs.care")}`,content:s.createElement(Care,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:E}],...f||-1===x.indexOf(N)?[]:[{value:r.Answer,text:`${T("profilePanel.tabs.expertAnswer")}`,content:s.createElement(Answering,{id:P}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:E}]],[_,M]=(0,s.useState)(null),[R,Z]=(0,s.useState)(null),U={value:String(R),dataList:_,onTabChange:e=>Z(Number(e))},G=null==L?void 0:L.filter(e=>null==e?void 0:e.hasCountResult);(0,s.useEffect)(()=>{(0,i.a)(void 0,void 0,void 0,function*(){var e,t,a,l,o,i,s,c,d,p;D(!0);let u=yield Promise.all([(0,h.c)((0,h.f)(g.yy.USER.DETAIL,{_locale:C,id:P}),"GET"),...G.map(e=>(0,h.c)((0,h.f)(g.yy.USER.COUNT_TABS,{_locale:C,id:P,[e.keyOfCountApi]:1}),"GET"))]),[v]=u,f={data:null==v?void 0:v.data,experiences:((null===(t=null===(e=null==v?void 0:v.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(formatExperience),relatedPosts:((null===(a=null==v?void 0:v.data)||void 0===a?void 0:a.related_post)||[]).map(e=>(0,m.b)(e.post)),educations:((null===(o=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(formatEducation),awards:(null===(s=null===(i=null==v?void 0:v.data)||void 0===i?void 0:i.fields)||void 0===s?void 0:s.awards_accreditations)||[],contact:(null===(d=null===(c=null==v?void 0:v.data)||void 0===c?void 0:c.fields)||void 0===d?void 0:d.contact)||{}};(null==v?void 0:v.status)===1&&O(f);let b=(null==f?void 0:f.relatedPosts)||[],x=Object.keys(f.contact).map(e=>{var t;return(null===(t=null==f?void 0:f.contact)||void 0===t?void 0:t[e])!==""}),E=[...(null==f?void 0:f.experiences)||[],...(null==f?void 0:f.educations)||[],...(null==f?void 0:f.awards)||[]],y=b.length>0||x.length>0||E.length>0,w={},k=G.map((e,t)=>{var a,n,l;let o=(null===(l=null===(n=null===(a=u[t+1])||void 0===a?void 0:a.data)||void 0===n?void 0:n.counting)||void 0===l?void 0:l[e.keyOfResult])||0;return o>0?(w[e.keyOfResult]=o,e):-1!==[r.Care,r.Posts].indexOf(e.value)?e:void 0}).filter(Boolean).map(e=>e.value),S=L.map(e=>{let t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==w?void 0:w[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==k.indexOf(t.value)?t:void 0:t.value===r.About?y&&t:t}).filter(Boolean);M(S),Z(n||(null===(p=null==S?void 0:S[0])||void 0===p?void 0:p.value)),I(w),D(!1)})},[]);let q=null==F?void 0:F.data;return s.createElement(H.Provider,{value:{isMarryBaby:S,siteType:S?"marryBaby":"helloSites",authorId:String((null==a?void 0:a.userId)||""),authActionWrapper:l,onSkipQuestion:o,info:F,authorProps:a,onCloseFromPost:c,countValues:z,setCountValues:I,isAuthorLogin:j,showSkipQuestionTag:b,currentPageUrl:E}},s.createElement("div",Object.assign({},y,{className:`${W.container} ${(null==y?void 0:y.className)||""}`,"data-is-marrybaby":S}),B?s.createElement(u.L,null):s.createElement(s.Fragment,null,s.createElement(k.C,Object.assign({},a,{className:"card-author",showDetailPopup:!1,subLine:(null==a?void 0:a.role)==="expert"?(null==q?void 0:q.specialty)&&(null==q?void 0:q.organisation)&&s.createElement(k.C.SubTextRow,null,(null==q?void 0:q.specialty)&&s.createElement(s.Fragment,null,s.createElement(k.C.SubText,null,null==q?void 0:q.specialty),s.createElement(k.C.SubDivider,null)),s.createElement(k.C.SubText,null,null==q?void 0:q.organisation)):(null==q?void 0:q.created_at)&&s.createElement(k.C.SubTextRow,null,s.createElement(k.C.SubText,null,T("profilePanel.joined")," ",d()(null==q?void 0:q.created_at).toNow(!0)))})),"expert"===N&&s.createElement("div",{className:W.info,dangerouslySetInnerHTML:{__html:null===(t=null==F?void 0:F.data)||void 0===t?void 0:t.description}}),null!==_&&null!==R&&(_.length>0?s.createElement("div",{className:W.body},s.createElement(p.T,Object.assign({},U))):s.createElement(EmptyMessage,{message:T("profilePanel.emptyPostMess.content",{text:(null==a?void 0:a.name)||(null==a?void 0:a.username)||""})})))))}},"4G47":function(e,t,a){a.d(t,{B:function(){return BabyPoopForm}});var n=a("SwpR"),l=a("q1tI"),r=a("/npG"),o=a("mYVa"),i=a("Eso5"),s=a("iuhU"),c=a("2YCo"),d=a("4cu0"),p=a("5DIC"),u=a("FGWO"),m=a("NgKr"),g=(0,r.k)((e,{hasOnClickFn:t})=>({root:{position:"relative",display:"flex",flexDirection:"column",gap:(0,o.h)(16)},sponsorBox:{display:"flex",gap:(0,o.h)(12),alignItems:"center",backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[1]}`,borderRadius:(0,o.h)(4),padding:"4px 12px",alignSelf:"flex-start"},sponsorLogo:{maxHeight:(0,o.h)(32)},btn:{minWidth:(0,o.h)(180),[e.fn.largerThan("sm")]:{alignSelf:"flex-end"},visibility:t?"visible":"hidden"}}));let BabyPoopForm=e=>{var{babyPoopPage:t,onClickFindOut:a,currentUrl:r,sponsorLogo:o,btnProps:h,styles:v,classNames:f}=e,b=(0,n._)(e,["babyPoopPage","onClickFindOut","currentUrl","sponsorLogo","btnProps","styles","classNames"]);let{t:x}=(0,p.u)(),{classes:E}=g({hasOnClickFn:!!a},{name:"BabyPoopForm",styles:v,classNames:f}),{classes:y={}}=(0,l.useContext)(u.C);return l.createElement(m.H.FormRow,null,l.createElement(i.x,Object.assign({className:E.root},b),o&&l.createElement(i.x,{className:E.sponsorBox},l.createElement(c.T,{size:"p4"},x("common.sponsoredBy")),l.createElement("img",{loading:"lazy",src:o,alt:"sponsor",className:E.sponsorLogo})),l.createElement(c.T,{size:"p3",as:"div",className:"description",dangerouslySetInnerHTML:{__html:t.description}}),l.createElement(d.B,Object.assign({className:(0,s.default)(E.btn,y.submitBtn),onClick:a,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:r},h),x("babyPoop.findOut"))))}},R1Se:function(e,t,a){a.d(t,{C:function(){return ChoiceField},T:function(){return TextField},i:function(){return S},u:function(){return g}});var n=a("/npG"),l=a("iuhU"),r=a("Eso5"),o=a("8vDj"),i=a("pfEW"),s=a("SwpR"),c=a("q1tI"),d=a("ChHM"),p=a("AeFk"),u=a("rBCA"),m=a("iBNF"),g=(0,n.k)(e=>(0,i.G)(e)[i.C.LEADGEN]);let h=(0,c.createContext)({}),v=p.iv` height: 100% !important; min-height: calc(var(--container-height, 56px) * 24 / 56); line-height: calc(var(--container-height, 56px) * 24 / 56); border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; padding: 0; cursor: pointer; /* opacity: 0; */ ::placeholder { color: ${m.r.colors.gray400}; } `,f=p.iv` height: auto !important; cursor: text; opacity: 1; transition: 0.1s ease-in-out all; `,b=p.iv` position: absolute; top: calc(var(--container-height) / 2); left: var(--space-x, 16px); margin: 0; z-index: 1; cursor: pointer; transform: translateY(-50%); transition: 0.125s ease-in all; right: 0; // auto grow width `,x=p.iv` top: var(--space-y-shrink, 6px); transform: translateY(0); transition: 0.125s ease-out all; right: 0; // auto grow width `,E=p.iv` min-height: var(--container-height, 56px); display: flex; align-items: flex-end; border: 1px solid ${m.r.colors.gray200}; border-radius: 8px; background-color: #fff; padding-inline: var(--space-x, 16px); padding-block: var(--space-y-not-shrink, 16px); cursor: pointer; pointer-events: none; &:has(.mantine-Input-rightSection) { padding-right: var(--container-height, 56px); } .mantine-Input-icon { display: none; } .mantine-NumberInput-control { border-color: ${m.r.colors.gray200}; } `,y=p.iv` height: auto; min-height: var(--container-height, 56px); padding-block: var(--space-y-shrink, 6px); cursor: text; pointer-events: auto; `,C=p.iv` color: ${m.r.colors.red800}; font-size: 12px; line-height: 1.5; `,w=u.Z.div` --space-x: 16px; --space-y-not-shrink: 15px; --space-y-shrink: 6px; --container-height: 56px; --label-not-shrink: 16px; --label-shrink: 12px; --input: 15px; position: relative; min-width: 100px; max-width: 100%; display: inline-block; .textField_wrapper { display: inline-block; width: 100%; cursor: pointer; } .mantine-InputWrapper-root { &[data-invalid='true'] { .mantine-Input-wrapper { border-color: ${m.r.colors.red400}; } } .mantine-Input-wrapper { &:has([data-invalid]) { border-color: ${m.r.colors.red400}; } } } .mantine-InputWrapper-label { ${b} } .mantine-Input-wrapper { ${E} + .mantine-Popover-dropdown[data-position="bottom-start"] { left: 0 !important; } + .mantine-Popover-dropdown[data-position='top-start'] { top: unset !important; left: 0 !important; bottom: 100% !important; } } .mantine-Input-input { ${v} } &.textField_shrink { .mantine-InputWrapper-label { ${x} } .mantine-Input-wrapper { ${y} &.mantine-Select-wrapper { .mantine-Select-rightSection { pointer-events: auto !important; } } } .mantine-Input-input { ${f} } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: var(--space-x, 16px); } .PhoneInput { .PhoneInputInput { opacity: 1; } } } } &:focus-within { .mantine-Input-wrapper { transition: 0.25s linear border; border-color: ${m.r.colors.primary600}; box-shadow: 0 0 4px ${m.r.colors.primary200}; } } .PhoneInput { --phone-select: 75px; --phone-input-space-x: 8px; width: 100%; opacity: 1; border: none; .PhoneInputCountry { background-color: transparent; border: none; padding: 0; width: var(--phone-select, 75px); } .PhoneInputInput { flex: 1; min-width: 0; line-height: 1.5; outline: none !important; border: none; box-shadow: none; font-size: var(--input, 15px); padding: 0 var(--phone-input-space-x, 8px); /* opacity: 0; */ color: ${m.r.colors.gray800} !important; :focus { color: ${m.r.colors.gray800} !important; } } } &:has(.PhoneInput) { .mantine-InputWrapper-label { left: calc( var(--space-x, 16px) + var(--phone-select, 75px) + var(--phone-input-space-x, 8px) ); } } .icon { position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); transform: translateY(-50%); transition: 0.125s ease-in all; &.shrink { top: calc(var(--container-height) / 2 - 4px); transform: translateY(0); } } `,k=u.Z.div` &.leadgen-form_checkbox, &.leadgen-form_radio { width: 100%; } &.leadgen-form_dropdown { width: calc(50% - 12px); } .mantine-InputWrapper-root { display: block; } .mantine-InputWrapper-label { margin-bottom: 0.5rem; color: ${m.r.colors.gray800}; font-size: 16px; font-weight: 400; line-height: 1.5; } .mantine-Radio-root, .mantine-Checkbox-root { gap: 8px; min-width: calc(50% - 4px); // input[type='radio'], // input[type='checkbox'] { // border-color: ${m.r.colors.gray600}; // width: 18px; // height: 18px; // } // input[type='checkbox'] { // border-radius: 4px; // } // &[data-checked='true'] { // input[type='radio'], // input[type='checkbox'] { // border-color: ${m.r.colors.primary600}; // } // input[type='radio'] { // background-color: white; // } // } .mantine-Checkbox-input { &:checked { border-color: ${m.r.colors.primary600}; } } } .leadgen-choiceContainer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; } .mantine-InputWrapper-error { ${C} } `;u.Z.div` position: absolute; top: calc(var(--container-height) / 2); right: var(--space-x, 16px); `;let TextField=e=>{let{shrink:t,onChangeShrink:a,children:n,className:r}=e,o=(0,s._)(e,["shrink","onChangeShrink","children","className"]),[i,d]=(0,c.useState)(t),[p,u]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{d(t)},[t]),c.createElement(h.Provider,Object.assign({value:{shrinkProps:t,shrink:i,setShrink:d,onChangeShrink:a,hasIcon:p,setHasIcon:u}},o),c.createElement(w,Object.assign({shrink:i,className:(0,l.default)(r,"textField",{textField_shrink:!!i})},o),n))},TextFieldControl=e=>{let{shrink:t,shrinkProps:a,onChangeShrink:n,setShrink:l,hasIcon:o}=(0,c.useContext)(h),{children:i,htmlFor:s}=e,p=(0,d.O)(()=>{a||(l(!1),null==n||n(!1))}),focusInput=e=>{setTimeout(()=>{let t=e.querySelectorAll('input:not([disabled]):not([type="submit"]),select:not([disabled]),textarea:not([disabled])'),a=t.item(t.length-1);a&&a.focus({preventScroll:!0})},150)},u=(0,c.useCallback)(e=>{if(t){focusInput(e.currentTarget);return}l(!0),null==n||n(!0),focusInput(e.currentTarget)},[t]);return(0,c.useEffect)(()=>{l(a)},[a]),c.createElement(r.x,{ref:p,onClick:u,className:"textField_wrapper",component:s?"label":"div",htmlFor:s},"function"==typeof i?i({shrink:!!t,hasIcon:o}):i)},TextFieldIcon=({Icon:e})=>{let{shrink:t,setHasIcon:a}=(0,c.useContext)(h),n=(0,o.rZ)();return(0,c.useEffect)(()=>{e&&a(!0)},[]),e?c.createElement(e,{className:`icon ${t?"shrink":""}`,shrink:t,size:24,color:n.colors.gray[9]}):null};TextField.Control=TextFieldControl,TextField.Icon=TextFieldIcon;let ChoiceField=e=>{let{children:t,className:a}=e,n=(0,s._)(e,["children","className"]);return c.createElement(k,Object.assign({className:(0,l.default)(a,"choiceField")},n),t)};var S=Object.freeze({__proto__:null,TextField:TextField,TextFieldControl:TextFieldControl,TextFieldIcon:TextFieldIcon,ChoiceField:ChoiceField})},"4mvA":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 n=a("q1tI"),l=a("rCoo"),r=a("dgD7"),o=a("/npG"),i=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("5DIC"),v=a("eePC"),f=a("ehjy"),b=a("e0y4"),x=a("SwpR"),E=a("1Qbb"),y=a("9S3P"),C=a("Ejk3"),w=a("gLxU"),k=a("N0hu"),S=a("2YCo"),A=a("iBNF"),T=a("rBCA"),N=a("IQVP"),$=a("nzWZ"),P=a("nq2p"),z=a("YED8"),I=a("xrdX");let MainText=({children:e,className:t=""})=>n.createElement("div",{className:`tMiOKib ${t}`},e),SubText=({children:e,className:t=""})=>n.createElement("div",{className:`uDcqD-2 ${t}`},e);var B={container:"sTU4T4I",info:"tCql9Je",avatarWrapper:"_3j7uYhH",avatarIcon:"PHABgoT"};let CardAuthor$1=({avatarProps:e,title:t,subTitle:a,children:l,className:r="",style:o,onAvatarClick:i,avatarIcon:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:p})=>n.createElement("div",{className:`${B.container} ${r}`,style:o},n.createElement("div",{className:B.avatarWrapper,onClick:i,"data-event-category":c,"data-event-action":d,"data-event-label":p},n.createElement(E.U,Object.assign({},e)),s&&n.createElement("div",{className:B.avatarIcon},s)),n.createElement("div",{className:`${B.info} ${r}`,style:{minHeight:`${(null==e?void 0:e.size)||40}px`}},l||n.createElement(n.Fragment,null,t&&n.createElement(MainText,null,t),a&&n.createElement(SubText,null,a))));CardAuthor$1.MainText=MainText,CardAuthor$1.SubText=SubText,CardAuthor$1.SubDivider=({className:e=""})=>n.createElement("span",{className:`m-HVXw1 ${e}`}),CardAuthor$1.Row=({children:e,className:t=""})=>n.createElement("div",{className:`dZWeHns ${t} row`},e),CardAuthor$1.ColLeft=({children:e,className:t=""})=>n.createElement("div",{className:`${t} col-left`},e),CardAuthor$1.ColRight=({children:e,className:t=""})=>n.createElement("div",{className:`${t} col-right`},e),CardAuthor$1.SubTextRow=e=>{var{children:t,className:a=""}=e,l=(0,x._)(e,["children","className"]);return n.createElement("div",Object.assign({className:`pDlsows ${a}`},l),t)};var D=(0,o.k)(()=>({root:{verticalAlign:"bottom"}}));let F=(0,n.createContext)({}),AuthorBadgeItem=({styles:e,className:t,classNames:a})=>{let{role:l,siteType:r,title:o}=(0,n.useContext)(F),{cx:i,classes:s}=D(void 0,{name:"AuthorBadgeItem",styles:e,classNames:a});return l?n.createElement(f.A,{className:i(s.root,t),siteType:r,role:l,title:o}):null};var O=(0,o.k)(()=>({root:{}}));let j=T.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.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: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,L=T.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; } `,_=T.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; } `,M=T.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; } `,R=T.Z.ul` padding-left: 18px; li { list-style-type: disc; } `;var H="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",Z="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:l,locale:r,isMobile:o,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{var d,p,u;let{t:m}=(0,h.u)(),[g,v]=(0,n.useState)(null),[f,b]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(e&&l&&String(null==g?void 0:g.id)!==String(l)){b(!0);try{v(null),(0,w.c)((0,w.b)(N.tC.GET_DOCTOR_INFO,{doctorId:l,website_url:w.m[r]}),"get").then(e=>{v(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),i))})}catch(e){console.error(e)}b(!1)}},[e,l,null==g?void 0:g.id]);let x=(null==g?void 0:g.experiences)||[],E=(null==g?void 0:g.specialties)||[],T=E.map(e=>(null==e?void 0:e.name)||e).join(" • "),P=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 n.createElement(n.Fragment,null,n.createElement(j,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},f||!g?n.createElement($.L,null):n.createElement("div",{className:"popup-content"},n.createElement("div",{className:"close-button",onClick:t},n.createElement("img",{src:H,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),n.createElement("div",{className:"main-info"},n.createElement("div",{className:"border-banner"}),n.createElement("div",{className:"avatar-title"},n.createElement(_,null,n.createElement("div",{className:"image-container"},n.createElement("div",{style:{position:"relative"}},n.createElement(y.I,{src:null==g?void 0:g.avatar,backupSrc:s,className:"profile-image",alt:"avatar"}),n.createElement("img",{className:"badge-avatar",src:Z,alt:"badge",loading:"lazy"})))),n.createElement(M,null,n.createElement(S.T,{size:"s3",weight:"semiBold",className:"full-name"},null==g?void 0:g.name),n.createElement("div",{className:"specialty"},T&&n.createElement(n.Fragment,null,n.createElement(S.T,{size:"p4",color:A.r.colors.gray800},T," • ")),n.createElement("a",{href:(0,w.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:r}),className:"organisation",target:"_blank",rel:"noreferrer"},n.createElement(S.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.organization.name))))),!o&&n.createElement("div",{className:"btn-wrapper"},n.createElement("a",{href:(0,w.o)({name:g.name,id:g.id,locale:r})},n.createElement(k.B,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment"))))),P&&n.createElement(M,null,n.createElement("div",{className:"experience"},n.createElement(S.T,{weight:"bold",size:"s3",color:A.r.colors.gray800,style:{paddingBottom:16}},m("expert.content.description").toUpperCase()),n.createElement(R,null,P.map((e,t)=>n.createElement("li",{key:t},n.createElement(S.T,{size:"p2"},renderExperienceText(e))))),o?n.createElement("div",{className:"btn-wrapper"},n.createElement("a",{href:(0,w.o)({name:g.name,id:g.id,locale:r})},n.createElement(k.B,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment")))):n.createElement("a",{href:(0,w.o)({name:g.name,id:g.id,locale:r})},n.createElement(S.T,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":c,"data-event-action":"See Full Doctor Profile","data-event-label":(0,w.l)(r)+(0,w.o)({name:g.name,id:g.id,locale:r})},m("home.seeExpert"))))))),n.createElement(L,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},U=T.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.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: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,G=T.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=T.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=T.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; } `,V=T.Z.div` display: flex; margin-top: 8px; .bullet-point { width: 24px; height: 24px; } `;var Y="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 Q={author:Y,edtior:Y,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:Z},PopupExpert=({trackingCategory:e="Together",locale:t,isOpen:a=!0,onClose:l,enableAnimation:r=!0,expertId:o,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg")})=>{let{t:c}=(0,h.u)(),[d,p]=(0,n.useState)(null),[u,m]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{if(a&&o&&String(null==d?void 0:d.user_id)!==String(o)){m(!0);try{p(null),(0,w.c)((0,w.g)(N.D9.GET_EXPERT_BY_ID,{id:o}),"get").then(e=>{p(Object.assign(Object.assign({},null==e?void 0:e.data),i))})}catch(e){console.error(e)}m(!1)}},[a,o,null==d?void 0:d.user_id]),n.createElement(n.Fragment,null,n.createElement(U,{"data-open":a,"data-animation":r,onClick:e=>e.stopPropagation()},u||!d?n.createElement($.L,null):n.createElement("div",{className:"popup-content"},n.createElement("div",{className:"close-button",onClick:l},n.createElement("img",{src:H,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),n.createElement("div",{className:"main-info"},n.createElement("div",{className:"border-banner"}),n.createElement("div",{className:"avatar-title"},n.createElement(W,null,n.createElement("div",{className:"image-container"},n.createElement("div",{style:{position:"relative"}},n.createElement(y.I,{src:null==d?void 0:d.avatar,className:"profile-image",alt:"avatar",backupSrc:s}),n.createElement("img",{className:"badge-avatar",src:Q[null==d?void 0:d.role],alt:"badge",loading:"lazy"})))),n.createElement(q,null,n.createElement(S.T,{size:"s3",className:"full-name",weight:"semiBold"},null==d?void 0:d.display_name),n.createElement("div",null,n.createElement(S.T,{size:"p4",color:A.r.colors.gray800},null==d?void 0:d.specialty," • "),n.createElement("a",{href:null==d?void 0:d.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},n.createElement(S.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==d?void 0:d.organisation)))))),n.createElement(q,null,n.createElement("div",{className:"experience"},n.createElement(S.T,{weight:"bold",size:"p4",color:A.r.colors.gray800,style:{paddingBottom:16}},c("expert.content.description").toUpperCase()),n.createElement("div",{className:"list-items"},null!=d&&!!d.experiences&&d.experiences.filter(e=>!!(e&&(e.title||e.organization))).slice(0,3).map((e,t)=>n.createElement(V,{key:t},n.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"}),n.createElement("div",{className:"text-contain"},n.createElement(P.H,{tag:"h6",color:A.r.colors.gray800},null==e?void 0:e.title),n.createElement(S.T,{size:"p2",color:A.r.colors.gray500},null==e?void 0:e.organization))))),n.createElement("a",{href:null==d?void 0:d.profile_url,style:{display:"inline-block",paddingTop:24}},n.createElement(S.T,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":(0,w.l)(t)+(null==d?void 0:d.profile_url)},c("home.seeExpert"))))))),n.createElement(G,{"data-open":a,onClick:e=>{e.stopPropagation(),l()}}))},K=T.Z.div` position: fixed; left: 50%; width: 343px; background-color: ${A.r.colors.white}; border-radius: ${A.r.borderRadius}; box-shadow: 0px 0px 4px ${A.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: ${A.r.colors.primary50}; border-radius: ${A.r.borderRadius}; .btn-booking { display: flex; margin: 12px auto; } .avatar-title { position: relative; width: 100%; padding-top: 46px; text-align: center; } } `,X=T.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; } `,J=T.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=T.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:l,locale:r,isMobile:o,overwriteProfileProps:i,avatarFallback:s=C.C.getAssetPath("avatar.jpg"),trackingCategory:c="Together"})=>{let{t:d}=(0,h.u)(),[p,u]=(0,n.useState)(null),[m,g]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(e&&l&&String(null==p?void 0:p.id)!==String(l)){g(!0);try{u(null),(0,w.c)((0,w.b)(N.tC.GET_HOSPITAL_INFO,{hospital_branch_id:l,website_url:w.m[r]}),"get").then(e=>{u(Object.assign(Object.assign({},null==e?void 0:e._data.branch),i))})}catch(e){console.error(e)}g(!1)}},[e,l,null==p?void 0:p.id]);let v=(null==p?void 0:p.specialties)||[],f=(0,n.useMemo)(()=>v.map(e=>e.name),[v]);return n.createElement(n.Fragment,null,n.createElement(K,{"data-open":e,"data-animation":a,onClick:e=>e.stopPropagation()},m||!p?n.createElement($.L,null):n.createElement("div",{className:"popup-content"},n.createElement("div",{className:"close-button",onClick:t},n.createElement("img",{src:H,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),n.createElement("div",{className:"main-info"},n.createElement("div",{className:"border-banner"}),n.createElement("div",{className:"avatar-title"},n.createElement(J,null,n.createElement("div",{className:"image-container"},n.createElement("div",{style:{position:"relative"}},n.createElement(y.I,{src:null==p?void 0:p.logo,className:"profile-image",alt:"avatar",backupSrc:s}),n.createElement("img",{className:"badge-avatar",src:Z,alt:"badge",loading:"lazy"})))),n.createElement(ee,null,n.createElement(S.T,{size:"s3",weight:"semiBold",className:"full-name"},null==p?void 0:p.name),n.createElement("div",{className:"specialty"},v&&n.createElement(S.T,{size:"p4",color:A.r.colors.gray800},f.join(" • "),"•"),n.createElement("a",{href:(0,w.n)({id:p.id,name:p.name,slug:p.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},n.createElement(S.T,{size:"p4",className:"organisation",color:A.r.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.name))))),!o&&n.createElement("a",{href:(0,w.n)({id:p.id,name:p.name,slug:p.slug,locale:r})},n.createElement("div",{className:"btn-wrapper"},n.createElement(k.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment"))))),n.createElement(ee,null,n.createElement("div",{className:"experience"},n.createElement(S.T,{weight:"bold",size:"s3",color:A.r.colors.gray800,style:{paddingBottom:16}},d("hospital.content.description").toUpperCase()),n.createElement(S.T,{size:"p2",color:A.r.colors.gray500},p.about),o?n.createElement("a",{href:(0,w.n)({id:p.id,name:p.name,slug:p.slug,locale:r})},n.createElement("div",{className:"btn-wrapper"},n.createElement(k.B,{color:"primary",size:"md",className:"btn-booking"},d("careBooking.bookAnAppointment")))):n.createElement("a",{href:(0,w.n)({id:p.id,name:p.name,slug:p.slug,locale:r})},n.createElement(S.T,{size:"s4",color:"#2D87F3",as:"span","data-event-category":c,"data-event-action":"See Full Hospital Profile","data-event-label":(0,w.l)(r)+(0,w.n)({id:p.id,name:p.name,slug:p.slug,locale:r})},d("home.seeHospital"))))))),n.createElement(X,{"data-open":e,onClick:e=>{e.stopPropagation(),t()}}))},ProfileDetailModal=({open:e,onClose:t,children:a,profileModalProps:l})=>{let{t:r}=(0,h.u)();return n.createElement(z.M,Object.assign({title:r("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}}},l),a)};u().extend(g());let CardAuthor=e=>{let{className:t="",community:o,name:p,username:u,url:m,avatar:g,role:x,title:E,userType:k="user",expertId:S,specialty:T,organisation:N,isMarryBaby:$,doctorId:P,hospitalId:z,hasQuickBooking:B,handleMakeAppointment:D,communityTrackingAttr:j,isAnonymous:L,showDetailPopup:_,showChatbotButton:M=!1,subLine:R,authActionWrapper:H,profileProps:Z,profileModalProps:U,extendEle:G,avatarProps:W,hideInfo:q,timeText:V,onCloseFromPost:Y,onChatWithBot:Q,avatarIcon:K,badgeIconSize:X,hideBackground:J,children:ee,styles:et,dataEventCategory:ea,dataEventAction:en,dataEventLabel:el}=e,{data:{locale:er,router:eo,env:{isMarryBaby:ei,togetherBasePath:es}}}=(0,n.useContext)(w.T),{isMobile:ec}=(0,y.u)(),{t:ed}=(0,h.u)(),{classes:ep}=O(void 0,{name:"CardAuthor",styles:et}),eu="boolean"==typeof $?$:ei,em=eu?"marryBaby":"helloSites",eg=L?ed("cardPost.anonymous"):p||u||"",eh=L?C.C.getAssetPath("avatar.jpg"):g,ev=L?void 0:x,[ef,eb]=(0,n.useState)(!1),{asPath:ex}=eo||{},eE=`https://${I.v[er]}${ex}`,onAuthorClick=()=>{if(L)return!1;_?eC(!0):m&&(window.location.href=m)};(0,n.useEffect)(()=>{(0,v.t)(ef)},[ef]);let[ey,eC]=(0,n.useState)(!1),ew=(null==e?void 0:e.role)==="expert",ek=!!(P||z),eS=["expert"===ev&&N&&n.createElement("span",null,N),"expert"===ev&&T&&n.createElement("span",null,T),!("expert"===ev&&T&&N)&&(null==o?void 0:o.name)&&n.createElement("a",Object.assign({href:(null==o?void 0:o.slug)&&o.isActive&&!o.isHidden?`${es}/${null==o?void 0:o.slug}/`:void 0,className:"author-community-name"},j),`${null==o?void 0:o.name}`),V&&n.createElement("span",null,V)].filter(Boolean),[eA,eT]=(0,n.useState)(null);return(0,n.useEffect)(()=>{ey&&!eA&&("chatbot"===k?Promise.all([a.e(5231),a.e(7797),a.e(5454),a.e(5481),a.e(140),a.e(1730),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(4190),a.e(4447),a.e(6509),a.e(8674),a.e(3597),a.e(4071),a.e(2405),a.e(9353),a.e(3929),a.e(4106),a.e(1661),a.e(137),a.e(4414),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,"l4eQ")).then(e=>{eT(()=>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(140),a.e(1730),a.e(3684),a.e(5349),a.e(4148),a.e(2509),a.e(1533),a.e(1108),a.e(9124),a.e(4190),a.e(4447),a.e(6509),a.e(8674),a.e(3597),a.e(4071),a.e(2405),a.e(9353),a.e(3929),a.e(4106),a.e(1661),a.e(137),a.e(4414),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=>{eT(()=>e.ProfileDetail)}))},[ey,k]),n.createElement(F.Provider,{value:{displayName:eg,title:E,role:ev,siteType:em,handleMakeAppointment:D,doctorId:P,hospitalId:z,currentUrl:eE}},n.createElement(ProfileDetailModal,{open:ey,onClose:()=>eC(!1),profileModalProps:U},eA&&n.createElement(eA,Object.assign({currentPageUrl:el,authActionWrapper:H,onCloseFromPost:()=>{eC(!1),null==Y||Y()},onChatWithBot:Q},Z,{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:P,hospitalId:z,hasQuickBooking:B,userType:k},null==Z?void 0:Z.authorProps)}))),"expert"===ev&&S?n.createElement(PopupExpert,{isOpen:ef,onClose:()=>eb(!1),expertId:S}):null,"expert"===ev&&P?n.createElement(PopupDoctor,{isOpen:ef,onClose:()=>eb(!1),doctorId:P,locale:er}):null,"expert"===ev&&z?n.createElement(PopupHospital,{isOpen:ef,onClose:()=>eb(!1),hospitalId:z,locale:er}):null,n.createElement("div",{className:`hhg-card-author ${ep.root} ${t} ${ew?"expert-author":""}`,"data-background":!J&&ew,"data-is-marrybaby":eu},n.createElement(CardAuthor$1,{dataEventCategory:ea,dataEventAction:en,dataEventLabel:el,onAvatarClick:onAuthorClick,avatarProps:Object.assign(Object.assign({avatar:L?C.C.getAssetPath(eu?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):eh,username:eg},W),{style:{cursor:!L&&(m||_)?"pointer":"default"}}),avatarIcon:K||ew&&n.createElement(l.Z,{size:X||15})},ee?n.createElement("div",{onClick:onAuthorClick},ee):!q&&n.createElement(CardAuthor$1.Row,null,n.createElement(CardAuthor$1.ColLeft,null,n.createElement(s.k,{align:"center",onClick:onAuthorClick},n.createElement(CardAuthor$1.MainText,{onClick:onAuthorClick},eg,"chatbot"===k?n.createElement(n.Fragment,null," ",n.createElement(r.Z,{color:A.r.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}}),M&&n.createElement("div",{style:{marginTop:"8px"}},n.createElement(c.z,{color:"primary",size:"xs",variant:"filled",type:"button",leftIcon:n.createElement(b.I.App,{size:16}),onClick:()=>{null==Q||Q()}},ed("chatbot.with.me")))):n.createElement(AuthorBadgeItem,null))),R||n.createElement(CardAuthor$1.SubTextRow,{style:B?{position:"relative"}:{}},eS.map((e,t)=>n.createElement(n.Fragment,null,0!==t&&n.createElement(CardAuthor$1.SubDivider,null),n.createElement(CardAuthor$1.SubText,null,e))),B&&ek&&n.createElement(i.x,{sx:{marginTop:(0,d.h)(5)}},n.createElement(f.B,{bookingId:P||z,bookingType:P?"doctor":z?"hospital":void 0,size:ec?"xs":"sm"})))))),G&&G))};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,n.useContext)(F);return n.createElement(i.x,null,e)}},hvaU:function(e,t,a){a.d(t,{L:function(){return Loading}});var n=a("q1tI"),l=a("e0y4"),r=a("5DIC");let Loading=({className:e,theme:t,hideText:a})=>{let{t:o}=(0,r.u)();return n.createElement("div",{className:`tliWyii ${e}`},n.createElement(l.I.Spinner,{isMarryBaby:"marryBaby"===t}),!a&&o("loading"))}},P5Do:function(e,t,a){a.d(t,{P:function(){return PillCarousel}});var n=a("SwpR"),l=a("q1tI"),r=a("rBCA"),o=a("Ejk3"),i=a("iBNF"),s=a("9S3P"),c=a("0Pmq"),d=a("XgXa"),p=a("Biuj");let u=r.Z.div` display: inline-flex; overflow: hidden; width: ${e=>e.size}px; height: ${e=>e.size}px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid #e4e8ec; background-color: ${e=>e.backgroundColor||i.r.colors.white}; border-radius: ${e=>e.borderRadius||"50%"}; & > * { width: ${e=>e.iconSize}px; height: ${e=>e.iconSize}px; } `,m=r.Z.div` display: inline-block; height: 108px; background-color: ${i.r.colors.white}; border-radius: 60px; cursor: pointer; &.selected-week-pill { background-color: ${i.r.colors.pink100}; } & > div:first-child { margin: 4px 4px 0; } & > p { margin-top: 8px; text-align: center; } & > * { pointer-events: none; } `,g=[d.L.Myanmar,d.L.Taiwan],h=(0,r.Z)(e=>{var{icon:t,name:a,className:r,locale:d="en-PH",dataEventCategory:p,dataEventAction:h,dataEventLabel:v,onSelect:f}=e,b=(0,n._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let x=(0,l.useMemo)(()=>null==r?void 0:r.includes("selected-week-pill"),[r]);return l.createElement(m,Object.assign({onClick:f,className:r?"week-pill".concat(" non-pointer-event-child ",r):"week-pill non-pointer-event-child","data-event-category":p,"data-event-action":h,"data-event-label":v},b),l.createElement(u,{size:64,iconSize:40,backgroundColor:i.r.colors.white},l.createElement(s.I,{src:t||o.C.getAssetPath("week_default.png"),alt:`week ${a}`})),x?l.createElement(c.T,Object.assign({type:"semiBold",size:"n1",color:i.r.colors.gray800},g.includes(d)&&{style:{fontSize:"10px"}}),a):l.createElement(c.T,Object.assign({size:"n1",color:i.r.colors.gray600},g.includes(d)&&{style:{fontSize:"10px"}}),a))})` box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); `,v=(0,r.Z)(p.f.Slide)` cursor: pointer; > div * { pointer-events: none; } `,f=(0,r.Z)(p.f)` .centerred-pill-wrapper { padding: 16px 0; } `,PillCarousel=e=>{var{data:t,isMobile:a,onSlideChange:r,pillProps:o,locale:i=d.L.Vietnam,blurFromIndex:s,blurLength:c}=e,p=(0,n._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[u,m]=(0,l.useState)("");return(0,l.useEffect)(()=>{m(window.location.href)},[]),l.createElement(f,Object.assign({},{withControls:!a,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(a?2:4),blurLength:c||(a?1:3),onSlideChange:r},p,{selectSlideWhenClick:!0,previousControlIcon:l.createElement(Arrow,{currentUrl:u}),nextControlIcon:l.createElement(Arrow,{currentUrl:u,isRight:!0})}),e=>t.map((t,a)=>l.createElement(v,Object.assign({key:a,onClick:r,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":u}},o),l.createElement("div",{className:"centerred-pill-wrapper"},l.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":u,locale:i,name:t.name,icon:t.icon,className:a===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>l.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},l.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},q0xG: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 H},e:function(){return Q},f:function(){return r},g:function(){return o}});var n,l,r,o,i=a("q1tI"),s=a("2YCo"),c=a("rBCA"),d=a("iBNF"),p=a("eePC"),u=a("4JiQ"),m=a("mYVa"),g=a("iuhU"),h=a("Iblh"),v=a("VtSX"),f=a("Biuj"),b=a("SwpR"),x=a("0Pmq"),E=a("gEnE"),y=a("yVya"),C=a("nq2p"),w=a("WoTe"),k=a("5DIC"),S=a("Zdfy");let Upload=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none"},e),i.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:n,contentIcon:l,closeIcon:r,className:o,description:c})=>i.createElement("div",{className:`CHw-fZZ ${o||""}`,style:e,"data-alert-type":n},i.createElement("div",{className:"_03U6VRS"},i.createElement("div",{className:"icon-title"},l,i.createElement(s.T,{weight:"bold",size:"label1"},a)),i.createElement(s.T,{weight:"regular",size:"p3"},c)),i.createElement("div",{className:"EO828Vv",onClick:t},r)),renderNotificationStyles=(e,t,a,n)=>{let l,r="";if("numeric"===e)switch(t){case"medium":r=` height: 16px; font-size: 11px; padding: 1px 6px; `;case"large":r=` height: 24px; font-size: 13px; padding: 1px 10px; `}let o="";a&&(o=` position: absolute; top: 0; left: 75%; `),a&&(l=` left: 70%; ${"large"===t?` top: -7px; `:"medium"===t?` top: -2px; width: 16px; height: 16px; `:""} `);let i="";switch(n){case"primary":i=` background: ${d.r.colors.primary50}; color: ${d.r.colors.primary600}; `;break;case"error":i=` background: ${d.r.colors.error}; color: white; `}switch(e){case"dot":return` ${o} width: 8px; height: 8px; font-size: 0px; border-radius: 50%; ${i} `;case"numeric":return` ${o} width: max-content; border-radius: 32px; ${r} ${l} ${i} `}},A=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:n="primary",icon:l,className:r})=>i.createElement(A,{"data-notification-type":t,"data-notification-size":a,"data-notification-color":n,"data-has-icon":!!l||void 0,notificationType:t,notificationSize:a,notificationColor:n,hasIcon:!!l,className:r},i.createElement("div",null,e&&i.createElement("span",null,e)," ",l&&i.createElement("div",null,l))),T=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:n="lg",type:l="bold",upperCase:r,as:o="h4",color:s})=>i.createElement(T,{style:Object.assign({color:s},e),className:a,"data-size":n,"data-type":l,"data-uppercase":r,as:o},t),N=(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); } `,$=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:n=!0,haveCollapse:l=!0,id:r,className:o,as:c="h2"}){let[d,{toggle:p}]=(0,h.q)(n);return i.createElement($,{id:r,className:o},i.createElement("div",{className:"box-collapse",onClick:()=>{l&&p()}},l&&a,i.createElement(s.T,{as:c,className:"title-collapse"},t),l&&i.createElement(N,{"data-is-collapsed":d})),i.createElement(u.U,{in:!l||d,transitionDuration:200,transitionTimingFunction:"ease"},e))}let P=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}; } `,z=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; } `,I=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)); } `,B=c.Z.li` margin: 8px; padding: 12px 18px 12px 16px; border-radius: ${d.r.borderRadius}; display: flex; &:hover, :active { background: ${d.r.colors.gray100}; } `,D=c.Z.div` display: flex; align-items: center; margin-right: 8px; & > svg { height: 16px; width: 16px; } `,ShareIconPathStyle=()=>i.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),DefaultFileIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},i.createElement("defs",null,i.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},i.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),i.createElement("title",null,"File"),i.createElement("g",{clipPath:"url(#prefix__clip-path)"},i.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)"}),i.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),DownloadIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"download"),i.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=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"upload"),i.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:n,id:l,placeholderIcon:r,placeholder:o,style:s})=>{let[c,d]=(0,i.useState)(!1),showDropdown=()=>d(!c),p=(0,i.useRef)(a.map(e=>"upload"===e.type&&i.createElement("input",{id:"uploader-dropdown-input-"+l+"-"+e.value,key:"uploader-dropdown-input-"+l+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),n(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 i.createElement(P,{className:e,"data-dropdown-open":!!c,id:l,"data-has-icons":!0,style:s,onBlur:()=>d(!1),tabIndex:0},i.createElement(ShareIconPathStyle,null),i.createElement(z,{onClick:showDropdown},r||i.createElement(DefaultFileIcon,null)," ",i.createElement("span",null,t&&t.value?t.label:o)),c&&i.createElement(I,{onClick:showDropdown,"data-has-icons":!0},a.map(e=>i.createElement(B,{key:`${l}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>"upload"===e.type?onUpload("#uploader-dropdown-input-"+l+"-"+e.value):onDownload(e.url)},i.createElement(D,null,e.icon||"download"===e.type?i.createElement(DownloadIcon,null):i.createElement(UploadIcon,null)),e.label))),i.createElement(i.Fragment,null,p.current))},F=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:n,gridTemplateColumnsDesktop:l,gap:r,children:o,justifyChildren:s,style:c,alignItems:d})=>i.createElement(F,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":a,"--grid-template-columns":n,"--grid-template-columns-desktop":l,"--justify-children":s,"--grid-gap":r,"--align-items":d},c)},o),Radio=({size:e="small",label:t,name:a,checked:n,value:l,className:r,isDisabled:o=!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 i.createElement(f.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:n,value:l,className:r,disabled:o,onChange:e=>null==s?void 0:s(e.target.value)},m))},O=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=>i.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),i.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"}),i.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 i.createElement("svg",Object.assign({},a,{viewBox:"0 0 32 32",fill:"none"}),i.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:n=5,onSelect:l,hideEmptyStars:r,style:o,className:s})=>{let c=Math.floor(a),d=a-c>=.5?1:0,[p,u]=(0,i.useState)(null),m=p||c,g=p?0:d;return i.createElement(O,{"data-selectable":!!l,style:Object.assign({"--gap":e,"--star-size":t},o),className:s},Array.from({length:r?c+d:n}).map((e,t)=>{let onMouseOver=()=>!!l&&u(t+1),onMouseLeave=()=>!!l&&u(null);return t+1<=m?i.createElement(StarIcon,{key:t,onClick:()=>null==l?void 0:l(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,isFull:!0}):t+1===m+g?i.createElement(StarHalfIcon,{key:t,onClick:()=>null==l?void 0:l(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave}):i.createElement(StarIcon,{key:t,onClick:()=>null==l?void 0:l(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}; `}}},j=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:n,isSquared:l=!1,className:r,isLight:o,hasMorePadding:s,isLink:c,isSelected:d,textProps:p={size:"sm"}})=>{let u=p.color?{"--text-props-color":p.color}:{};return i.createElement(j,{"data-is-squared":l||void 0,"data-tag-type":e,"data-is-light":o||void 0,"data-has-more-padding":s||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},a),u),className:r,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:s,tagIsLight:o,tagIsSquared:l,tagIsALink:c},i.createElement(x.T,Object.assign({},p),t))},L="24px",_=(0,E.Z)(c.Z.span` position: relative; display: block; width: 40px; height: ${L}; 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"),M=c.Z.span` padding-left: 15px; `,R=c.Z.div` height: ${L}; input[type='checkbox'] { width: 0; height: 0; visibility: hidden; } label { cursor: pointer; display: inline-flex; color: ${d.r.colors.gray600}; } input:checked + label ${_.classSelector} { background: ${d.r.colors.primaryBase}; &:after { left: calc(100% - 2px); transform: translateX(-100%); } } `,Toggle=({className:e,id:t,onChange:a,checked:n,style:l,label:r})=>i.createElement(R,{className:e,style:l},i.createElement("input",{type:"checkbox",id:t,onChange:a,checked:n}),i.createElement("label",{htmlFor:t},i.createElement(_,null),r&&i.createElement(M,null,r))),H=(0,i.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),StepRenderer=({children:e,onStepChange:t})=>{let[a,n]=(0,i.useState)(0),[l,r]=(0,i.useState)(0),o=i.Children.count(e);return(0,i.useEffect)(()=>{r(o-1)},[o]),(0,i.useEffect)(()=>{null==t||t(a)},[a]),i.createElement(H.Provider,{value:{currentStep:a,setCurrentStep:n,setMaxStep:r,nextStep:()=>a+1<=l&&n(a+1),prevStep:()=>a-1>=0&&n(a-1)}},(0,y.Z)(e).map((e,t)=>{let n=t===a;return i.createElement(i.Fragment,{key:t},i.isValidElement(e)?e.props.alwaysRender||n?i.cloneElement(e,{isActive:t===a,stepIndex:t}):null:n?e:null)}))},Z=c.Z.div` display: flex; align-items: center; gap: 8px; `,U=(0,c.Z)(C.H)` font-weight: var(--fwBold); `,IconHeading=({icon:e,title:t,className:a,style:n})=>i.createElement(Z,{className:a,style:n},e,i.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 i.createElement("div",{className:t,dangerouslySetInnerHTML:{__html:a}})};(n=r||(r={})).ONE_TO_ONE="1:1",n.THREE_TO_ONE="3:1",(l=o||(o={})).PNG=".png",l.JPG=".jpg",l.JPEG=".jpeg";let getBase64=e=>new Promise((t,a)=>{let n=new FileReader;n.onload=()=>t(n.result),n.onerror=a,n.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}),G=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; } `,V=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; } } `,Y=c.Z.div` display: flex; gap: ${(0,m.h)(8)}; margin-top: ${(0,m.h)(18)}; `,Q=(0,i.forwardRef)(({label:e,name:t,error:a,acceptedTypes:n=[o.PNG,o.JPG,o.JPEG],maxSize:l=1,acceptedRatios:r,multiple:c=!1,disabled:p=!1,id:u,className:h,onChange:v,value:f,showValidationRules:x=!1,description:E,useBase64:y=!1,placeholder:C},S)=>{let{t:A}=(0,k.u)(),[T,N]=(0,i.useState)(!1),[$,P]=(0,i.useState)([]),z=(0,i.useRef)(null),I=!!a||$.length>0,B=(0,i.useMemo)(()=>f?Array.isArray(f)?f:[f]:[],[f]),D=(0,i.useCallback)(e=>{var t;let a=[],r="."+(null===(t=e.name.split(".").pop())||void 0===t?void 0:t.toLowerCase());n.includes(r)||a.push(`Unsupported file format. Please upload a ${n.join(", ")} file.`);let o=e.size/1048576;return o>l&&a.push(`File too large. Please upload an image smaller than ${l}MB.`),{file:e,isValid:0===a.length,errors:a}},[n,l]),F=(0,i.useCallback)(e=>new Promise(t=>{if(!r||!r.length||!e.type.startsWith("image/")){t([]);return}let a=new Image;a.onload=()=>{let e=a.width/a.height,n=`${e.toFixed(1)}:1`,l=r.some(t=>{let[a,n]=t.split(":"),l=parseInt(a)/parseInt(n);return .1>Math.abs(e-l)});t(l?[]:[`Image ratio ${n} is not accepted.`])},a.onerror=()=>t(["Invalid image file"]),a.src=URL.createObjectURL(e)}),[r]),O=(0,i.useMemo)(()=>B.map(e=>"string"==typeof e?e:e instanceof File?URL.createObjectURL(e):"").filter(Boolean),[B]),j=(0,i.useCallback)(e=>(0,b.a)(void 0,void 0,void 0,function*(){let a=Array.from(e),n=[],l=[];for(let e of a){let t=D(e),a=yield F(e),r=[...t.errors,...a];0===r.length?l.push(e):n.push(...r)}if(P(n),0===l.length)return;let r=y?yield handleMultipleImageFiles(l):l;v({target:{name:t,value:c?[...B,...r]:r.slice(0,1)}})}),[D,F,c,v,t,B]),removeFile=e=>{let a=B.filter((t,a)=>a!==e);P([]),v({target:{name:t,value:c?a:""}})},L=(0,i.useCallback)(e=>{z.current=e,"function"==typeof S?S(e):S&&(S.current=e)},[S]),_=(0,i.useCallback)(()=>{!p&&z.current&&z.current.click()},[p]),M=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),N(!0)},[]),R=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),N(!1)},[]),H=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),Z=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),N(!1);let t=e.dataTransfer.files;t.length>0&&j(t)},[j]);return i.createElement(G,{className:h},i.createElement("label",{htmlFor:u||t},"string"==typeof e?i.createElement(s.T,{size:"title2"},e):e,E&&i.createElement(s.T,{size:"p3",mt:(0,m.h)(4),color:d.r.colors.gray700},E)),x&&i.createElement(W,null,i.createElement(s.T,{size:"p3"},"Formats: ",n.join("/")),r&&i.createElement(s.T,{size:"p3"},"Max size: ",l,"MB - Accepted ratios:"," ",r.join("/"))),(c||0===B.length)&&i.createElement(q,{className:(0,g.default)(T&&"image-upload-dragover",I&&"image-upload-error",p&&"image-upload-disabled"),onDragEnter:M,onDragLeave:R,onDragOver:H,onDrop:Z,onClick:_},i.createElement("input",{ref:L,type:"file",id:u||t,name:t,accept:n.join(","),multiple:c,onChange:e=>{let t=e.target.files;t&&t.length>0&&j(t)},disabled:p}),i.createElement(Upload,null),i.createElement(s.T,{size:"p3",fw:500},C||A("common.btn.uploadPhoto"))),B.length>0&&i.createElement(Y,null,O.map((e,t)=>i.createElement(V,{key:t},i.createElement("img",{src:e,alt:`Uploaded file ${t+1}`,className:"image-upload-preview-image"}),i.createElement("button",{onClick:e=>{e.stopPropagation(),removeFile(t)},className:"image-upload-remove-button"},i.createElement(w.C,null))))),I&&i.createElement("div",{className:"image-upload-input-error"},[...$,a].map(e=>i.createElement(s.T,{key:e,className:"error-text",size:"c1",color:d.r.colors.red600},e))))}),K=(0,c.Z)(S.l)` & .mantine-Carousel-control { width: auto; } `,DragFreeCarousel=e=>{var{children:t,gapItem:a=8,slideSize:n="auto",withControls:l=!1,withIndicators:r=!1,dragFree:o=!0,align:s="start"}=e,c=(0,b._)(e,["children","gapItem","slideSize","withControls","withIndicators","dragFree","align"]);return i.createElement(K,Object.assign({slideSize:n,slideGap:a,withControls:l,withIndicators:r,dragFree:o,align:s,containScroll:"trimSnaps"},c),i.Children.map(t,(e,t)=>i.createElement(S.l.Slide,{key:t},e)))}},IAWp:function(e,t,a){a.d(t,{P:function(){return Popup}});var n=a("q1tI"),l=a("rBCA"),r=a("eePC"),o=a("iBNF");let i=l.Z.div` position: fixed; left: 50%; padding: 0 16px 32px; background-color: ${o.r.colors.white}; border-radius: ${o.r.borderRadius}; box-shadow: 0px 4px 8px ${o.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; visibility: hidden; &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } &[data-type='lead'] { width: 332px; height: 460px; div { top: -15px; right: -15px; } } &[data-type='form'] { width: 496px; height: 548px; ${r.M.mbDown} { width: 340px; } } &[data-type='confirm'] { ${r.M.mbDown} { width: calc(100% - 32px); } ${r.M.mbUp} { width: 100%; max-width: 407px; } } .popup-content { position: relative; z-index: 111; height: 100%; padding: 16px; } .close-button { position: absolute; top: 16px; right: 0; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } `,s=l.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; } `,Popup=({type:e="lead",closeIcon:t,isOpen:a=!0,onClose:l,children:r,className:o="",enableAnimation:c=!0,disableClickOutside:d=!1})=>n.createElement(n.Fragment,null,n.createElement(i,{"data-open":a,"data-type":e,"data-animation":c},n.createElement("div",{className:`${o||""} popup-content`},!!t&&n.createElement("div",{className:"close-button",onClick:l},t),r)),n.createElement(s,{"data-open":a,onClick:()=>{d||l()}}))},"9s1y":function(e,t,a){a.d(t,{M:function(){return f},N:function(){return NotificationsHandler},a:function(){return getHeadingStyles},g:function(){return getMantineThemeOverride},s:function(){return showNotification},t:function(){return S},u:function(){return useMantineLocale}});var n=a("SwpR"),l=a("q1tI"),r=a("Wgwc"),o=a.n(r),i=a("XgXa"),s=a("INKa"),c=a("0Woy"),d=a("UqOp"),p=a("mYVa"),u=a("Ejk3"),m=a("iBNF"),g=a("eePC"),h=a("pfEW"),v=a("uvtd");let f={[i.L.Vietnam]:"vi",[i.L.Cambodia]:"km",[i.L.India]:"hi",[i.L.Indonesia]:"id",[i.L.Malaysia]:"ms",[i.L.Thailand]:"th",[i.L.Taiwan]:"zh-tw",[i.L.PhilippinesTagalog]:"tl-ph",[i.L.PhilippinesEnglish]:"en",[i.L.Myanmar]:"my",[i.L.Singapore]:"zh-cn"},b={[i.L.Vietnam]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"EdQk",23)),[i.L.Cambodia]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"9mFM",23)),[i.L.India]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"sjup",23)),[i.L.Indonesia]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"gydT",23)),[i.L.Malaysia]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"KjFU",23)),[i.L.Thailand]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"axPs",23)),[i.L.Taiwan]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"UIeI",23)),[i.L.Singapore]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"pHGr",23)),[i.L.PhilippinesTagalog]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"BmsB",23)),[i.L.PhilippinesEnglish]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"njAx",23)),[i.L.Myanmar]:()=>Promise.all([a.e(2138),a.e(9467),a.e(4467),a.e(6966),a.e(5243),a.e(8132),a.e(1375),a.e(4561),a.e(1448),a.e(5465),a.e(1217),a.e(5480),a.e(731),a.e(2050),a.e(2008),a.e(8469),a.e(8214),a.e(1482),a.e(6817),a.e(467),a.e(5951),a.e(9357),a.e(747),a.e(5675),a.e(6753),a.e(4802),a.e(3046),a.e(5745),a.e(3437),a.e(252),a.e(6839),a.e(9424),a.e(5702),a.e(8922),a.e(6399),a.e(553),a.e(2902),a.e(4969),a.e(3257),a.e(6611),a.e(7538),a.e(6894),a.e(5341)]).then(a.t.bind(a,"5EMu",23))},useMantineLocale=e=>{let[t,a]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{(0,n.a)(void 0,void 0,void 0,function*(){var t;a(!1),yield null===(t=b[e])||void 0===t?void 0:t.call(b),o().locale(f[e]),a(!0)})},[e]),{isLoaded:t}},GlobalButtonStyle=()=>({Button:{defaultProps:{variant:"primary",size:"md"}}}),x={[h.C.NONE]:{hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626","#1a1a1a"],delftGray:["#F3F3F3","#EAEAEC","#D9DAE2","#B9BAC8","#9898A9","#7C7C8F","#5A5A72","#3E3F58","#202135","#0C0C12"],neutral:["#f7f9fc","#e4e8ec","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c","#545E6C"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#ffdce9","#fec7dc","#feb2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#e92d74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffcb37","#ffc326","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],red:["#fae9e8","#feccbf","#FEAA96","#f44d2c","#ff6f4d","#ff5331","#f44d2c","#e64728","#d84023","#bf331b"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]},[h.C.LEADGEN]:{hb:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],mb:["#FFE9F1","#F8CCDC","#F5B4CB","#F29CBA","#EE84AA","#EB6B99","#E85388","#D34C7C","#BE446F","#A93D63"],blue:["#e3f2ff","#bcdeff","#91caff","#65b5ff","#45a4ff","#2b94ff","#2d87f3","#2c74df","#2b62cd","#2743ad"],gray:["#fafafa","#f2f2f2","#d9d9d9","#bfbfbf","#8c8c8c","#737373","#595959","#404040","#262626","#111111"],delftGray:["#F3F3F3","#EAEAEC","#D9DAE2","#B9BAC8","#9898A9","#7C7C8F","#5A5A72","#3E3F58","#202135","#0C0C12"],neutral:["#f7f9fc","#e4e8ec","#d2d6dc","#bfc5cc","#adb3bc","#9aa2ac","#87909c","#757f8c","#626d7c","#545E6C"],green:["#e0f8ee","#b3eed5","#7ce2b9","#2ed69e","#00CB8A","#00C076","#00B16A","#009E5C","#008C50","#006C39"],pink:["#fff1f6","#ffdce9","#fec7dc","#feb2cf","#fe9dc2","#fd87b4","#fd72a7","#fc5d9a","#fc488d","#e92d74"],violet:["#F5EDFF","#E7D2F7","#D8B7F0","#CA9CE8","#BB82E1","#AD67D9","#9E4CD1","#9031CA","#8116C2","#63059D"],yellow:["#fff8e2","#ffecb6","#ffe187","#ffd658","#ffcb37","#ffc326","#ffb521","#fea21e","#fe921d","#fc7419"],teal:["#e0f7fc","#b1ebf8","#7ddff3","#44d1ec","#00c7e6","#00bee0","#00aecd","#0099b2","#008599","#00626c"],indigol:["#CEDDF0","#ACC5E6","#95B3DA","#85A6CF","#6D91BE","#5F85B5","#4C77AC","#35639C","#284A75","#1B3250"],red:["#fae9e8","#feccbf","#FEAA96","#f44d2c","#ff6f4d","#ff5331","#f44d2c","#e64728","#d84023","#bf331b"],redViolet:["#F3EAEB","#E8D5D7","#DDC1C4","#D1ACB0","#C5979C","#BA8288","#AF6D74","#A35961","#97444D","#8C2F39"]}};function NotificationsHandler(){return l.createElement(s.T,{position:"top-right",zIndex:d.Z+5,autoClose:5e3})}let E={success:"green",danger:"red",warning:"yellow",info:"blue",firebase:"gray"},y={success:l.createElement(()=>l.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M10 18.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666",fill:"#00B16A"}),l.createElement("path",{d:"m13.833 7.5-5.5 5-2.5-2.273",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),null),danger:l.createElement(()=>l.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10",fill:"#262626"}),l.createElement("path",{d:"m14.829 9.172-5.657 5.656m-.001-5.656 5.657 5.656",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),null),warning:l.createElement(()=>l.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.66666C5.4 1.66666 1.66667 5.39999 1.66667 9.99999C1.66667 14.6 5.4 18.3333 10 18.3333C14.6 18.3333 18.3333 14.6 18.3333 9.99999C18.3333 5.39999 14.6 1.66666 10 1.66666ZM10 10.8333C9.54167 10.8333 9.16667 10.4583 9.16667 9.99999V6.66666C9.16667 6.20832 9.54167 5.83332 10 5.83332C10.4583 5.83332 10.8333 6.20832 10.8333 6.66666V9.99999C10.8333 10.4583 10.4583 10.8333 10 10.8333ZM9.16667 12.5V14.1667H10.8333V12.5H9.16667Z",fill:"#FE921D"})),null),info:l.createElement(()=>l.createElement("svg",{width:"20",height:"20",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("path",{d:"M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12",fill:"#2D87F3"}),l.createElement("path",{d:"M8 11V8m0-3h.01",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})),null),firebase:""},showNotification=e=>{var{type:t,title:a}=e,r=(0,n._)(e,["type","title"]);let o=y[t];c.N9.show(Object.assign(Object.assign({title:l.createElement("b",null,a),icon:o,withCloseButton:!0,closeButtonProps:{label:"Close alert"}},r),{styles:e=>{let a=E[t]||"blue";return{root:{backgroundColor:e.colors[a][0],borderColor:e.colors[a][0],"&::before":{backgroundColor:e.white}},title:{color:e.colors[a][8]},description:{color:e.black},closeButton:{color:e.black,"&:hover":{backgroundColor:e.colors[a][0]}},icon:{backgroundColor:"transparent",padding:0}}}}))},C={Container:{defaultProps:{sizes:{lg:(0,p.em)(g.S.LG)}}}},w={none:{default:[{size:"40px",lineHeight:"52px",letterSpacing:"-1.2px"},{size:"32px",lineHeight:"42px",letterSpacing:"-1px"},{size:"26px",lineHeight:"36px",letterSpacing:"-0.8px"},{size:"22px",lineHeight:"32px",letterSpacing:"-0.6px"},{size:"18px",lineHeight:"28px",letterSpacing:"-0.2px"},{size:"16px",lineHeight:"24px",letterSpacing:0}],mbDown:[{size:"26px",lineHeight:"34px",letterSpacing:"-0.9px"},{size:"24px",lineHeight:"32px",letterSpacing:"-0.8px"},{size:"20px",lineHeight:"26px",letterSpacing:"-0.7px"},{size:"18px",lineHeight:"26px",letterSpacing:"-0.6px"},{size:"16px",lineHeight:"24px",letterSpacing:"-0.2px"},{size:"14px",lineHeight:"22px",letterSpacing:"-0.2px"}]},leadgen:{default:[{size:"40px",lineHeight:"48px",letterSpacing:"-1.2px"},{size:"32px",lineHeight:"40px",letterSpacing:"-1px"},{size:"26px",lineHeight:"32px",letterSpacing:"-0.6px"},{size:"20px",lineHeight:"28px",letterSpacing:"-0.4px"},{size:"17px",lineHeight:"24px",letterSpacing:"-0.4px"},{size:"15px",lineHeight:"24px",letterSpacing:"-0.3px"}],mbDown:[{size:"26px",lineHeight:"34px",letterSpacing:"-0.9px"},{size:"24px",lineHeight:"32px",letterSpacing:"-0.8px"},{size:"20px",lineHeight:"26px",letterSpacing:"-0.7px"},{size:"18px",lineHeight:"26px",letterSpacing:"-0.6px"},{size:"16px",lineHeight:"24px",letterSpacing:"-0.2px"},{size:"14px",lineHeight:"22px",letterSpacing:"-0.2px"}]}},getHeadingStyles=e=>{let{version:t=h.C.NONE,mbDown:a}=e||{},n=w[t]||{};return Object.fromEntries((n[a?"mbDown":"default"]||[]).map((e,t)=>[`h${t+1}`,{fontSize:e.size,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing}]))},GlobalHeadingStyle=(e=h.C.NONE)=>({Title:{styles:{root:Object.assign(Object.assign({fontWeight:h.F.bold},getHeadingStyles({version:e})),{[`&${g.M.mbDown}`]:Object.assign({},getHeadingStyles({version:e,mbDown:!0}))})}}}),GlobalInputStyle=e=>{var t;return{InputWrapper:{styles:{label:{display:"inline-flex",gap:4,marginBottom:"0.25rem",fontWeight:600,fontSize:(0,p.h)(14),lineHeight:"22px",color:m.r.colors.gray600},description:{fontWeight:400,fontSize:"12px",lineHeight:"18px",color:m.r.colors.gray600,marginBottom:"0.25rem"},error:{marginTop:"0.25rem"}}},NumberInput:{defaultProps:{decimalSeparator:null===(t=d.I[e])||void 0===t?void 0:t.separator}},Input:{styles:(e,t,{size:a})=>({input:{border:`1px solid ${m.r.colors.gray200}`,transition:`all ${v.A} ease-in-out`,"&:not(.mantine-Textarea-input)":Object.assign({},(()=>{switch(a){case"lg":return{height:48,minHeight:"unset",fontSize:16,lineHeight:"24px"};case"md":return{height:40,minHeight:"unset",fontSize:(0,p.h)(14),lineHeight:"22px"};case"sm":return{height:32,minHeight:"unset",fontSize:(0,p.h)(14),lineHeight:"22px"}}})()),"&:hover":{border:`1px solid ${e.primaryColor}`},"&:focus":{boxShadow:`0px 0px 0px 2px ${e.colors[e.primaryColor][2]}`}},'&[data-invalid="true"]':{border:`1px solid ${m.r.colors.red600}`,color:"#000"}})}}},k={Radio:{defaultProps:{size:"sm",color:"blue.6"},styles:{radio:{backgroundColor:"transparent","&:checked":{backgroundColor:"transparent"}}}}},S=x[h.C.NONE],getMantineThemeOverride=(e,t="hb",a)=>{var n;return{defaultRadius:"hb"===t?8:16,cursorType:"pointer",colors:Object.assign(Object.assign(Object.assign({},null!==(n=x[a])&&void 0!==n?n:x[h.C.NONE]),m.r.colors),{toneYellow:"#fff9eb",toneGreen:"#f2fcf7",toneBlue:"#e0e9fb",tonePink:"#ffeaf1"}),primaryColor:t,primaryShade:6,fontFamily:(e===i.L.Cambodia?"Battambang":e===i.L.Thailand?"Noto Sans Thai":"Inter")+", -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",breakpoints:{xs:(0,p.em)(g.B.BREAK_POINT_SMALL_MOBILE),sm:(0,p.em)(g.B.BREAK_POINT_MOBILE),md:(0,p.em)(g.B.BREAK_POINT_TABLET),lg:(0,p.em)(g.B.BREAK_POINT_PC),xl:(0,p.em)(g.B.BREAK_POINT_LGPC)},components:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},GlobalInputStyle(e)),k),GlobalButtonStyle()),GlobalHeadingStyle(a)),C),other:{template:t,customStyleType:a,defaultImage:u.C.getAssetPath("mb"===t?"default-image-mb.jpg":"default-image.jpg")}}}},FfFn:function(e,t,a){a.d(t,{S:function(){return Spoiler}});var n=a("SwpR"),l=a("q1tI"),r=a("uCoU"),o=a("2YCo"),i=a("5DIC"),s=a("iBNF");let Spoiler=e=>{var{children:t,line:a,lineHeight:c,trackingAttributes:d,maxHeight:p,customExpandFn:u}=e,m=(0,n._)(e,["children","line","lineHeight","trackingAttributes","maxHeight","customExpandFn"]);let{t:g}=(0,i.u)(),h=(0,l.useMemo)(()=>p||(a&&c?a*c:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0)),[]);t||console.error("[HHG-Comp]:[Spoiler] Please provide children");let v=(0,l.useMemo)(()=>d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{},[d]);return l.createElement(r.o,Object.assign({showLabel:l.createElement(o.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v,{onClick:u}),g("articlePage.readMore")),hideLabel:l.createElement(o.T,Object.assign({size:"p3",color:s.r.colors.primaryBase},v),g("articlePage.showLess"))},m,{maxHeight:h}),t)}}}]);