@apolitical/component-library 8.7.15 → 8.7.16

package/index.js

@@ -567,6 +567,6 @@ and limitations under the License.
   .Toastify__toast-body {
     padding: 0px;
   }
-`]))),Nre={storeData:{},unseenCount:0,hasNext:!1,initialLoading:!1,fetchMoreLoading:!1};E.createContext({notificationsData:Nre});function Ire(e){var t=e.workspaceKey,n=t===void 0?"":t,r=e.tenantId,i=r===void 0?"":r,a=e.distinctId,s=a===void 0?"":a,o=e.subscriberId,l=o===void 0?"":o,u=e.inboxId,c=u===void 0?"":u,d=e.stores,f=e.toastProps,p=e.notificationClickHandler,g=e.primaryActionClickHandler,m=e.secondaryActionClickHandler,y=e.bellComponent,v=e.badgeComponent,b=e.notificationComponent,T=e.noNotificationsComponent,C=e.loaderComponent,_=e.tabBadgeComponent,x=e.headerRightComponent,S=e.hideAvatar,P=S===void 0?!1:S,F=e.hideInbox,L=e.hideToast,R=e.theme,N=e.themeType,k=N===void 0?"light":N,B=e.pagination,H=B===void 0?!0:B,z=e.pageSize,I=e.popperPosition,Z=I===void 0?"bottom":I,J=e.showUnreadCountOnTabs,D=J===void 0?!0:J,w=e.host;c&&(l=c);var Y=E.useState(!1),M=Y[0],$=Y[1],q=E.useState(),U=q[0],j=q[1],se=E.useState({storeData:{},count:0}),X=se[0],re=se[1],te=E.useState(""),ie=te[0],xe=te[1],Se=E.useState(!1),_e=Se[0],ue=Se[1];E.useEffect(function(){var ke=new vB(n,{pageSize:z,tenantID:i,stores:d,host:w});return j(ke),ke.emitter.on("sync_notif_store",function(){var Fe=ke.feed.data;re({storeData:(Fe==null?void 0:Fe.stores)||{},count:(Fe==null?void 0:Fe.unseenCount)||0,hasNext:Fe==null?void 0:Fe.hasNext,initialLoading:Fe==null?void 0:Fe.initialLoading,activeStoreId:Fe==null?void 0:Fe.activeStoreId}),xe(Fe==null?void 0:Fe.activeStoreId)}),ke.emitter.on("new_notification",function(Fe){Dre({notificationsData:Fe,toastProps:f})}),function(){ke.emitter.all.clear()}},[]),E.useEffect(function(){M&&l&&U&&U.feed.markAllSeen()},[M,l,U]),E.useEffect(function(){if(!(!l||!U))return re({storeData:{},count:0}),U.identifyUser(s,l),U.feed.fetchNotifications(),function(){U.resetUser()}},[l,U]);var me=k==="dark"?A3(cne,R):R||{};return E.createElement(x3.Provider,{value:me},E.createElement(C3.Provider,{value:{workspaceKey:n,notificationsData:X,setNotificationsData:re,notificationClickHandler:p,primaryActionClickHandler:g,secondaryActionClickHandler:m,bellComponent:y,badgeComponent:v,notificationComponent:b,noNotificationsComponent:T,tabBadgeComponent:_,headerRightComponent:x,toggleInbox:$,inbox:U,loaderComponent:C,pagination:H,hideAvatar:P,activeStore:ie,setActiveStore:xe,changingActiveStore:_e,setChangingActiveStore:ue,showUnreadCountOnTabs:D,themeType:k}},!F&&E.createElement(Ere,{openInbox:M,toggleInbox:$,popperPosition:Z}),!L&&E.createElement(kre,f)))}const bt={timeouts:{},handlerCalled:{},getIsDesktopVersion:(e,t)=>{const n={navigation:{loggedIn:769,loggedOut:881},search:{loggedIn:961,loggedOut:1121}},r=a=>{const s=`logged${e?"In":"Out"}`;return t>=n[a][s]};let i={};return["navigation","search"].forEach(a=>{i[a]=r(a)}),i},shouldChangeHeaderIsVisible:(e,t,n)=>{Object.values(t).filter(i=>i===!0).length||n([{type:"headerIsVisible",value:e}])},handleMenus:({id:e,value:t,menus:n,dispatch:r,forceHandle:i=!1})=>{if(!i&&n[e]===t||!i&&e===Mn.ACCOUNT&&t===!1&&n[Mn.SITE]===!0)return;const a=Date.now();if(!i&&!t&&bt.handlerCalled[e]&&a-bt.handlerCalled[e]<500)return;bt.handlerCalled[e]=a;let s=[{type:`menus.${e}`,value:t}];if(t===!0)Object.keys(n).forEach(o=>{o===e||n[o]===!1||s.push({type:`menus.${o}`,value:!1})});else{let o=null;switch(e){case Mn.SITE:o=document.querySelector("#header .menu-button"),o||(o=document.querySelector("#navigation .navigation-button"));break;case Mn.SEARCH:o=document.querySelector("#header .toggle-search-button");break;case Mn.ACCOUNT:o=document.querySelector("#header .account-button");break;default:return}o&&o.focus()}r(s)},findFirstChild:(e,t,n=!1)=>{if(!e||!e[0])return!1;for(let r=0;r<=e.length;r++){if(!e[r])continue;if(e[r][t]&&(!n||e[r][t].includes(n)))return e[r];if(!t.includes("."))continue;const i=GE(e[r],t);if(!(typeof i>"u")&&(!n||i[t]&&i[t].includes(n)||i.value&&i.value.includes(n)||i.toString().includes(n)))return e[r]}return e[0].children?bt.findFirstChild(e[0].children,t,n):!1},autoFocus:({menu:e,navigationRef:t,isDesktopVersion:n,focusElements:r,dispatch:i})=>{var l;if(!t.current||!t.current.children)return;const a=n?"desktop":"default";if(r[e][a]){(l=document.querySelector(`#header ul a[href="${r[e][a]}"]:last-child`))==null||l.focus();return}let s,o;switch(e){case Mn.SITE:if(n){const u=bt.findFirstChild(t.current.children,"className","has-submenu parent"),c=bt.findFirstChild(u.children,"id",Mn.SITE);s=bt.findFirstChild(c.children,"href")}else s=bt.findFirstChild(t.current.children,"href");break;case Mn.ACCOUNT:if(o=bt.findFirstChild(t.current.children,"className","account"),!o||!o.children)return;s=bt.findFirstChild(o.children,"href");break;default:return}s&&(i([{type:`focusElements.${e}.${a}`,value:s.attributes.href.value}]),s.focus())},events:{onClick:(e,{id:t,callback:n,isOpen:r})=>{e.target&&e.target.attributes&&e.target.attributes.href||(e.preventDefault(),e.stopPropagation(),clearTimeout(bt.timeouts[t]),n(t,!r))},onFocus:({id:e})=>{clearTimeout(bt.timeouts[e])},onMouseEnter:({id:e,callback:t})=>{clearTimeout(bt.timeouts[e]),t(e,!0)},onBlur:({id:e,callback:t})=>{bt.timeouts[e]=setTimeout(()=>{t(e,!1)},250)}},readLocaleFromCookie:()=>{if(!document||!document.cookie||!document.cookie.length)return null;const e=document.cookie.match(new RegExp("(^|;\\s*)apolitical_locale=([^;]*)"));return e?decodeURIComponent(e[2]):null}},Ds={order:["home","communities","topics","partners","account"],home:{href:"/home/",hasVariantText:!0,gtmType:"homepage-click"},communities:{href:"/communities/",gtmType:"communities-click",onlyShow:"logged-in"},topics:{onlyShow:"logged-in",order:["explore","topics"],menuId:"site-navigation",explore:{order:["events","courses","articles","communities"],events:{href:"/events/",className:"icon events"},courses:{href:"/microcourses/",gtmType:"microcourses-click",className:"icon courses"},articles:{href:"/solution-articles/",gtmType:"articles-click",className:"icon articles"},communities:{href:"/communities/",gtmType:"communities-click",className:"icon communities"}},topics:{order:["cities-and-local-government","digital-and-data","education","climate","health-and-social-care","equity-justice-and-inclusion","innovation","leadership-and-skills","life-in-government","policymaking","transport-and-infrastructure","work-and-the-economy"],className:"columns",climate:{href:"/topics/climate/"},"cities-and-local-government":{href:"/topics/cities-and-local-government/"},"digital-and-data":{href:"/topics/digital-and-data/"},education:{href:"/topics/education/"},"equity-justice-and-inclusion":{href:"/topics/equity-justice-and-inclusion/"},"health-and-social-care":{href:"/topics/health-and-social-care/"},innovation:{href:"/topics/innovation/"},"leadership-and-skills":{href:"/topics/leadership-and-skills/"},"life-in-government":{href:"/topics/life-in-government/"},policymaking:{href:"/topics/policymaking/"},"transport-and-infrastructure":{href:"/topics/transport-and-infrastructure/"},"work-and-the-economy":{href:"/topics/work-and-the-economy/"}}},partners:{href:"/partnerships/",onlyShow:"logged-out"},account:{menuId:"account-navigation",order:["profile","settings","log-out"],className:"account",onlyShow:"logged-in",doTrack:!1,profile:{href:"/profiles/me"},settings:{href:"/profiles/me/manage-account"},"log-out":{href:"/logout",className:"divider"}},buttons:{order:["login","signup"],login:{href:"/login",withReturnTo:!0},signup:{href:"/signup?ref=header-banner",props:{variant:"primary"}}}},Yc=({id:e,isLoggedIn:t=!1,isDesktopVersion:n=!1,menus:r={},callback:i=()=>{},doTrack:a=null,getHref:s})=>{const o=de.useIntl(),l=GE(Ds,e);if(!l||l.onlyShow&&(l.onlyShow==="logged-in"&&!t||l.onlyShow==="logged-out"&&t))return null;const u="doTrack"in l,c=a===null?u?l.doTrack:!0:a,d=e.includes("buttons.");let f=`header_${e.replaceAll(".","_")}`;l.hasVariantText&&(f+=`_logged${t?"In":"Out"}`);let p=!1;if(l.href){let C=l.gtmType||`${e}-click`;if(C.includes(".")){const _=C.split("."),x=_[_.length-2];C=`${x==="topics"?`${x}-`:""}${_[_.length-1]}`}p={href:s?s(l.href):l.withReturnTo?`${l.href}?returnTo=${window.location.pathname+window.location.search}`:l.href},c&&(p={...p,className:"gtm-trackable","data-gtm-event-type":C,"data-gtm-event-context":"HeaderButtons"}),d&&(p={...p,variant:"secondary",size:{mobile:"small",881:"large"},...l.props||{}})}const g=l.order&&l.order[0]&&l[l.order[0]],m=g&&l[l.order[0]].order,y=p&&window.location.pathname===l.href;let v={},b={},T={};if(y&&(v={...v,"aria-current":"page"}),g){const C=l.menuId||e,_={onClick:x=>bt.events.onClick(x,{id:C,callback:i,isOpen:r[C]}),onFocus:()=>bt.events.onFocus({id:C}),onBlur:()=>bt.events.onBlur({id:C,callback:i}),onMouseLeave:()=>bt.events.onBlur({id:C,callback:i}),onMouseEnter:()=>bt.events.onMouseEnter({id:C,callback:i})};b={..._,id:C===Mn.SITE?Mn.SITE:Mn.ACCOUNT},n&&(m&&(T={..._,className:"navigation-button",onKeyPress:x=>{x.key==="Enter"&&bt.events.onClick(x,{id:C,callback:i,isOpen:r[C]})},"aria-haspopup":!0,"aria-expanded":r[C],"aria-controls":C}),b={...b,hidden:C in r?!r[C]:!0}),m||(b={...b})}return h.jsxs("li",{className:ee({[l.className]:l.className,"has-submenu":g,parent:m,active:y}),...v,children:[p?E.createElement(d?Me:"a",p,o.formatMessage({id:f})):n&&l.order&&m?h.jsxs("button",{...T,children:[o.formatMessage({id:f}),h.jsx(ut,{children:o.formatMessage({id:`header_menu_${r[Mn.SITE]?"hide":"show"}`})})]}):o.formatMessage({id:f}),l.order&&h.jsx("ul",{...b,children:l.order.map(C=>{if(!l[C])return null;const _={isLoggedIn:t,isDesktopVersion:n,menus:r,callback:i,doTrack:u?c:null};return l[C].order?h.jsxs("li",{className:ee({[l[C].className]:l[C].className}),children:[o.formatMessage({id:`${f}_${C}`}),h.jsx("ul",{children:l[C].order.map(x=>h.jsx(Yc,{id:`${e}.${C}.${x}`,..._},x))})]},C):h.jsx(Yc,{id:`${e}.${C}`,..._},C)})})]},e)};const Pre=({headerIsVisible:e,locale:t})=>{const n=de.useIntl();return h.jsx("div",{id:"language-unavailable-message",className:ee({visible:e}),children:h.jsx("p",{className:"text",children:n.formatMessage({id:`header_language_unavailable_${t}`},{link:r=>h.jsx("a",{href:"/pages/multilingual-transition",children:r})})})})},Rre={colors:{primary:"#4F43BA",primaryHover:"#7C72E1",error:"#C34141",icon:"#000000",text:{primary:"#151921",secondary:"#64748B"},background:{primary:"#FFFFFF",hover:"#F8FAFC"},border:"#E2E8F0"},typography:{fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"24px"},fontWeights:{medium:"medium",bold:"bold"}},spacing:{xs:"8px",sm:"12px",md:"16px"},borderRadius:{sm:"8px",md:"12px",full:"9999px"},shadows:{sm:"0px 4px 6px rgba(0, 0, 0, 0.1)"},circleSizes:{avatar:"40px",dot:"10px"}},{colors:{primary:ko,primaryHover:Fre,error:HE,text:li,background:ui,border:Yf,icon:Bre},typography:{fontSizes:ci,fontWeights:ga},spacing:va,borderRadius:Vu,shadows:UE,circleSizes:zE}=Rre,Mre={bell:{color:Bre},badge:{backgroundColor:HE,color:ui.primary},header:{container:{backgroundColor:ui.primary,borderBottom:`1px solid ${Yf}`},headerText:{color:li.primary,fontSize:ci.lg,fontWeight:ga.bold},markAllReadText:{color:ko,fontWeight:ga.medium,fontSize:ci.sm}},notificationsContainer:{container:{borderRadius:Vu.md,overflow:"auto",backgroundColor:ui.primary,boxShadow:UE.sm,border:"none"},loader:{color:ko},noNotificationsText:{color:li.primary,fontSize:ci.md,fontWeight:ga.medium},noNotificationsSubtext:{color:li.secondary,fontSize:ci.sm}},notification:{unseenDot:{backgroundColor:HE,width:zE.dot,height:zE.dot,right:va.md,top:va.md},container:{unreadBackgroundColor:ui.primary,readBackgroundColor:ui.primary,hoverBackgroundColor:ui.hover,borderBottom:`1px solid ${Yf}`,padding:va.md},headerText:{color:li.primary,fontSize:ci.md,fontWeight:ga.medium},bodyText:{color:li.primary,fontSize:ci.md},subtext:{color:li.secondary,fontSize:ci.sm},actions:[{container:{backgroundColor:ko,color:ui.primary,borderRadius:Vu.full,padding:`${va.xs} ${va.md}`,fontSize:ci.sm,fontWeight:ga.medium,hoverBackgroundColor:Fre}},{container:{borderColor:ko,color:li.secondary,backgroundColor:ui.primary,borderRadius:Vu.full,padding:`${va.xs} ${va.md}`,fontSize:ci.sm,fontWeight:ga.medium},text:{color:ko}}]},toast:{container:{backgroundColor:ui.primary,borderRadius:Vu.sm,boxShadow:UE.sm,border:`1px solid ${Yf}`},headerText:{color:li.primary,fontWeight:ga.medium},bodyText:{color:li.secondary}}};const Zf={height:67,height_desktop:83,additional_message_height:40};var Mn=(e=>(e.NAVIGATION="navigation",e.SEARCH="search",e.ACCOUNT="account-navigation",e.SITE="site-navigation",e))(Mn||{});const _0=({showNavigation:e=!0,showLanguageUnavailableMessage:t=!0,showLanguageSwitcher:n=!0,onLanguageSwitcherClick:r,suprSendWorkspaceKey:i})=>{var z,I;const a=de.useIntl(),s=E.useContext(Mt),o=Qc();o&&(Ds.home.href=o);const l=Qi(!0,!0),u=s&&typeof s.id=="string",c=E.useMemo(()=>bt.getIsDesktopVersion(u,l),[u,l]),d=z0("suprsend-notifications")&&i,f=(I=(z=s==null?void 0:s.externalsMetadata)==null?void 0:z.suprsend)==null?void 0:I.subscriberId,p=t&&!u,g=z0("language-switcher")&&n&&!p,[m,y]=E.useState(!1);E.useEffect(()=>{let Z=null;try{Z=bt.readLocaleFromCookie()}catch{Z=null}t&&g&&(Z!==null&&Z!==ul)&&y(!0)},[t,g,s]);const[v,b]=E.useReducer(zs,{headerIsVisible:!0,menus:{"site-navigation":!1,search:!1,"account-navigation":!1},focusElements:{"site-navigation":{desktop:!1,default:!1},"account-navigation":{desktop:!1,default:!1}}}),{headerIsVisible:T,menus:C,focusElements:_}=v,x=E.useRef(v);E.useEffect(()=>{x.current=v},[v]),t4({scrollPosition:m?Zf[`height${c.navigation?"_desktop":""}`]+Zf.additional_message_height:Zf[`height${c.navigation?"_desktop":""}`],callbacks:{scrollUp:()=>{const Z=x.current.menus;!c&&Z["site-navigation"]||bt.shouldChangeHeaderIsVisible(!0,Z,b)},scrollDown:()=>{const Z=x.current.menus;!c&&Z["site-navigation"]||bt.shouldChangeHeaderIsVisible(!1,Z,b)}}});const S=(Z,J,D=!1)=>{bt.handleMenus({id:Z,value:J,menus:x.current.menus,dispatch:b,forceHandle:D})},P=E.useRef(null),F=Z=>{Z.key==="Escape"&&["site-navigation","search","account-navigation"].forEach(J=>{x.current.menus[J]&&S(J,!1,!0)})};E.useEffect(()=>{var Z;return(Z=document.getElementById("header"))==null||Z.addEventListener("keydown",F),()=>{var J;(J=document.getElementById("header"))==null||J.removeEventListener("keydown",F)}},[]),Os(()=>{C["site-navigation"]&&bt.autoFocus({menu:"site-navigation",navigationRef:P,isDesktopVersion:c.navigation,focusElements:_,dispatch:b})},[C["site-navigation"]]),Os(()=>{C["account-navigation"]&&bt.autoFocus({menu:"account-navigation",navigationRef:P,isDesktopVersion:c.navigation,focusElements:_,dispatch:b})},[C["account-navigation"]]);const L=u&&h.jsxs(h.Fragment,{children:[!c.search&&h.jsx("button",{className:"search toggle-search-button",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),S("search",!C.search)},children:h.jsx(ut,{children:a.formatMessage({id:`header_search_${C.search?"hide":"show"}`})})}),h.jsx(HT,{id:"global-search",handleToggle:{searchIsOpen:C.search,isDesktopVersion:c.search},gtmContext:"search-bar-header",gtmEvent:"form-submission"})]}),R=h.jsx("button",{className:"language icon language-switcher-button","aria-label":"Language switcher",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),r?r():y(!m)},children:h.jsx(ut,{children:a.formatMessage({id:"header_language_switcher"})})}),N=[d&&f&&h.jsx("div",{id:"suprsend-notifications",children:h.jsx(Ire,{workspaceKey:i,distinctId:(s==null?void 0:s.id)??"",subscriberId:f,theme:Mre,bellComponent:()=>h.jsx("button",{className:"bell icon bell-button"})})})],k=h.jsxs(h.Fragment,{children:[!c.navigation&&h.jsx("button",{className:"menu-button gtm-trackable",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),S("site-navigation",!C["site-navigation"])},"data-gtm-event-type":"open-tab-menu-click","data-gtm-event-context":"HeaderLeft-Chevron","aria-haspopup":"true","aria-expanded":C["site-navigation"],"aria-controls":"site-navigation",children:h.jsx(ut,{children:a.formatMessage({id:`header_menu_${C["site-navigation"]?"hide":"show"}`})})}),h.jsx("ul",{ref:P,id:"navigation",hidden:c.navigation||C["account-navigation"]?!1:!C["site-navigation"],"data-showing":!c.navigation&&C["account-navigation"]?"account":"default",children:Ds.order.map(Z=>h.jsx(Yc,{id:Z,isLoggedIn:u,isDesktopVersion:c.navigation,menus:{"site-navigation":C["site-navigation"],"account-navigation":C["account-navigation"]},callback:S},Z))})]}),B=window.location.pathname.match(new RegExp("(courses/[^/]+/[^/]+|microcourses/[^/]+/[^/]+)")),H=Z=>{var U;const[J,D]=Z.split("?"),w=new URLSearchParams(D||""),M=new URLSearchParams(window.location.search).get("ref");if(w.set("ref",M||"course-overview"),window.location.pathname){const j=window.location.pathname.match(new RegExp("(courses/([^/]+)/([^/]+)|microcourses/[^/]+/([^/]+))"));if(j){const[,,se,X,re]=j;re?w.set("courseSlug",re):(w.set("courseSlug",se),w.set("journeySlug",X)),w.set("signupRedirectUrl",window.location.pathname+(window.location.search||""))}}const $=((U=window.location.pathname.match(/^\/([^/]+)\/courses/))==null?void 0:U[1])||"";return`${$?`/${$}`:""}${J}?${w.toString()}`};return s&&s.isLoading?null:h.jsxs(h.Fragment,{children:[h.jsxs("nav",{id:"header",className:ee({"logged-in":u,"logged-out":!u,visible:T}),children:[h.jsx(ut,{element:"a",href:"#content-of-page",children:a.formatMessage({id:"header_skip"})}),h.jsx(fm,{variant:"monochrome"}),e?h.jsxs(h.Fragment,{children:[c.navigation?h.jsxs(h.Fragment,{children:[k,L,g&&R,N]}):h.jsxs(h.Fragment,{children:[L,g&&R,N,k]}),u?h.jsxs("button",{className:"account-button",onClick:Z=>bt.events.onClick(Z,{id:"account-navigation",callback:S,isOpen:C["account-navigation"]}),onMouseEnter:()=>bt.events.onMouseEnter({id:"account-navigation",callback:S}),onMouseLeave:()=>bt.events.onBlur({id:"account-navigation",callback:S}),"aria-haspopup":"true","aria-expanded":C["account-navigation"],"aria-controls":"account-navigation",children:[h.jsx(ut,{children:a.formatMessage({id:`header_account_${C["account-navigation"]?"hide":"show"}`})}),h.jsx(_i,{name:s&&s.name||"",src:s&&s.image&&s.image.thumbnail||""})]}):h.jsx("ul",{className:"sign-in-buttons",children:Ds.buttons.order.map(Z=>h.jsx(Yc,{id:`buttons.${Z}`,getHref:Z==="signup"&&B?H:void 0},Z))})]}):g&&R]}),m&&h.jsx(Pre,{headerIsVisible:T,locale:(s==null?void 0:s.locale)||ul}),h.jsx("hr",{id:"content-of-page"}),h.jsx("div",{className:ee("overlay",{open:C["site-navigation"]||C["account-navigation"]||!c.search&&C.search})})]})};const Lre=()=>{const e=de.useIntl();return h.jsxs(h.Fragment,{children:[h.jsx(_0,{}),h.jsx("div",{id:"content",children:h.jsx(Vr,{variant:"error",text:e.formatMessage({id:"pageLayout_error"})})}),h.jsx(hm,{})]})},O3=({children:e,additionalContent:{prepended:t,appended:n}={},reportError:r,forceShow:i={},styling:a={},className:s="",locale:o="en",suprSendWorkspaceKey:l})=>{const u=de.useIntl(),{navigation:c=!0,footer:d=!0}=i,{background:f="default",variant:p="default",circle:g="default",modal:m="default"}=a,y=JE(),[v,b]=E.useState(""),T=P=>{const{detail:{message:F}}=P;b(F)};E.useEffect(()=>(window.scrollTo(0,0),document.addEventListener("ariaLive",T),()=>{document.removeEventListener("ariaLive",T)}),[y]);const C=Qu(e,{locale:o}),_=Qu(t,{locale:o}),x=Qu(n,{locale:o}),S={};return f!=="default"&&(S[f]=!0),p!=="default"&&(S[p]=!0),g!=="default"&&(S[g]=!0),h.jsx(nx.ErrorBoundary,{onError:r,fallback:h.jsx(Lre,{}),children:h.jsxs(E.Suspense,{fallback:null,children:[h.jsxs("div",{id:"wrapper",className:ee(s,S,{"has-footer":d}),"data-too-small":u.formatMessage({id:"pageLayout_browserTooSmall"}),children:[h.jsx(_0,{suprSendWorkspaceKey:l,showNavigation:c}),h.jsxs("main",{id:"content-wrapper",children:[_&&h.jsx("div",{className:ee("additional-content prepended",{"large-modal":m==="large"}),children:_}),E.createElement(f==="bold"?Cp:"div",{id:"content",children:C,className:ee({"large-modal":m==="large"})})]}),x&&h.jsx("div",{className:"additional-content appended",children:x}),d&&h.jsx(hm,{}),h.jsx(XT,{})]}),v&&h.jsx(ut,{"aria-live":"polite",showOnFocus:!1,"data-testid":"layout-aria-live",children:v})]})})},qE={default:"tags_",headerTopics:"header_topics_topics_"},Qf={topic:{Climate:"climate",CitiesAndLocalGovernment:"cities-and-local-government",DigitalAndData:"digital-and-data",Education:"education",EquityJusticeAndInclusion:"equity-justice-and-inclusion",HealthAndSocialCare:"health-and-social-care",Innovation:"innovation",LeadershipAndSkills:"leadership-and-skills",LifeInGovernment:"life-in-government",Policymaking:"policymaking",TransportAndInfrastructure:"transport-and-infrastructure",WorkAndTheEconomy:"work-and-the-economy"},"from the community":"community"},$re={getTagDetails:e=>{if(e.includes("topic_")){if(e=Qf.topic[e.replace("topic_","")],e){const t=Ds.topics.topics[e].href;return t?{id:e,href:t,text:`${qE.headerTopics}${e}`}:null}return null}return Qf[e]?(e=Qf[e],{id:e,text:`${qE.default}${e}`}):null}};const jre=({tags:e=[],color:t="default",forceOneLine:n=!1,canHaveLinks:r=!0,className:i="",gtmType:a="tag-click",gtmContext:s="tags"})=>{const o=de.useIntl();if(!e||e.length<1)return null;const l=[];return e.forEach(u=>{if(!u)return;const c=$re.getTagDetails(u);c&&l.push(c)}),l.length<1?null:h.jsx("ul",{className:ee("tags text-small",t,i,{"one-line":n}),children:l.map(u=>{const c=o.formatMessage({id:u.text});return h.jsx("li",{children:u.href&&r?h.jsx("a",{href:u.href,className:"gtm-trackable","data-gtm-event-type":a,"data-gtm-event-context":s,children:c}):c},u.id)})})};const N3=25,Hre=({members:{data:e=[],total:t=e.length},communitySlug:n,isMember:r=!1,hasNextPage:i=!1,loadNextPage:a=()=>{},profile:s,gtmContext:o="member",gtmType:l="member-click",showHeader:u=!0,showPlaceholders:c=!1,className:d=""})=>{const f=de.useIntl(),p="membersList",g=E.useContext(Mt),[m,y]=E.useState(!1);return e.length===0&&!c?null:h.jsxs("div",{className:ee("members-list",d),children:[u?h.jsxs("h1",{children:[f.formatMessage({id:p}),h.jsx("span",{className:"count",children:t})]}):h.jsx(h.Fragment,{}),h.jsxs("ul",{children:[r?h.jsxs("li",{children:[h.jsx(mi,{member:g,gtmContext:o,gtmType:l,badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:n||""},{scope:cn.Platform,area:"all"}]}}),h.jsx(Ji,{href:"/profiles/me",className:"text-small",onClick:v=>{v==null||v.preventDefault(),v==null||v.stopPropagation(),y(!0)},children:f.formatMessage({id:`${p}_profile`})})]}):h.jsx(h.Fragment,{}),e.map((v,b)=>g&&v.id===g.id?h.jsx(h.Fragment,{}):h.jsxs("li",{children:[h.jsx(mi,{member:v,gtmContext:o,gtmType:l,badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:n||""},{scope:cn.Platform,area:"all"}]}}),v.isAdmin&&h.jsx(jr,{children:f.formatMessage({id:`${p}_admin`})})]},b)),c&&e.length===0&&t>0?[...new Array(Math.min(t,N3))].map((v,b)=>h.jsx("li",{children:h.jsx(t1,{layout:"member"})},b)):h.jsx(h.Fragment,{})]}),i&&h.jsx(kl,{hasNextPage:i,loadNextPage:a,icon:{icon:"arrow-down",position:"right"},messages:{button:f.formatMessage({id:"loadMore_button"}),error:f.formatMessage({id:"loadMore_error"})},gtmContext:o}),s?h.jsx(H1,{form:s,showModal:m,content:{title:f.formatMessage({id:`${p}_modal_title`})},functions:{onClose:()=>{y(!1)}}}):h.jsx(h.Fragment,{})]})},I3=Hre,Ure=({intlPath:e,showGuidelines:t,type:n,gtmContext:r})=>{const i=de.useIntl();return t?h.jsx("small",{children:yr(i.formatMessage,`${e}explainer`,n,"action",{a:a=>h.jsx("a",{href:"https://about.apolitical.co/q-and-a-community-guidelines",target:"_blank",className:"gtm-trackable","data-gtm-event-context":r,"data-gtm-event-type":"community-guidelines-link",rel:"noreferrer",children:a})})}):h.jsx(h.Fragment,{})},zre=({intlPath:e,type:t,...n})=>{const r=de.useIntl();return h.jsx(Fc,{label:{visible:r.formatMessage({id:`${e}label`}),screenreader:yr(r.formatMessage,`${e}label_action`,t,"action")},...n})},WE=5,VE=2,qre=e=>{var r;let t=0;const n=[];return(r=e==null?void 0:e["poll-options"])==null||r.forEach((i,a)=>{i!==""&&(t++,n.push({position:t,description:{en:i}}))}),{title:{en:e.title},options:n,settings:{allow_multiple_votes:e["multiple-answers"]||!1}}};const Ft="discussion_form_",Hl=({id:e,parentId:t,content:n={type:Ye.Response,slugs:{}},userHasPermissions:r=!0,meta:i,placeholder:a,maxLength:s=0,buttons:o,forceShow:l={cancel:!1,error:!1},functions:u,data:c={},gtmContext:d="DiscussionForm"})=>{var ae,he,Ne;const f=de.useIntl(),p=E.useContext(Mt),[g,m]=E.useState(n.type),[y,v]=E.useState(""),{isLoading:b=!1,isInWrapper:T=!1,isInOverlay:C=!1,isAutoFocused:_=!1,isEditing:x=!1,hasTitleField:S=!1,canBePrepopulated:P=!1,isPrepopulated:F=!1,showTitle:L=!1,showGuidelines:R=!0,showDivider:N=!1,showSuccessMessage:k=!0,showPostType:B=!1,postCategories:H=[]}=i||{},{onChange:z=()=>{},create:I=()=>{},createPoll:Z=()=>Promise,handleSaveEdit:J=()=>{},handleCancel:D=()=>{},callback:w=()=>{},onMention:Y=()=>{},listMembers:M=()=>Promise.resolve([]),clickMentionFallback:$=()=>{},getLinkPreview:q=()=>Promise.resolve({}),props:U={create:{projectNames:["questions-answers"]}}}=u,[j,se]=E.useState({body:x&&x.text||F&&F.text||"",data:c!=null&&c.link?{link:c==null?void 0:c.link}:{}}),[X,re]=E.useState(l.error||!1),te={status:!1,title:S&&S.text||"",polls:0},[ie,xe]=E.useState(te);E.useEffect(()=>{P&&!x&&F&&F!==j.body&&se(pe=>({...pe,body:F.text||""}))},[F]),E.useEffect(()=>{m(n.type)},[n.type]);const Se=sl((pe,Q)=>{se(De=>({...De,body:pe,data:{link:Q}})),z({body:pe});let be;!p||!p.id?be=yr(f.formatMessage,`${Ft}error_loggedOut`,g,"action"):r?s>0&&pe.length>=s&&(be=`${Ft}error_tooLong`):be=yr(f.formatMessage,`${Ft}error_noPermission`,g,"action"),be?re(be):X&&re(!1)},50);let _e=`${g}-form`;if(g===Ye.Response||g===Ye.Reply){const pe=((ae=n.slugs)==null?void 0:ae.reply)||((he=n.slugs)==null?void 0:he.answer)||((Ne=n.slugs)==null?void 0:Ne.question)||"";pe&&(_e=`${_e}-${pe.slice(-15)}`)}e&&(_e=`${e}-${_e}`);const ue=async pe=>{if(!p||!p.id||!r||ft)throw new Error("You do not have permission to post.");xe(be=>({...be,status:"submitting"}));const Q=window.location.pathname;try{let be;switch(g){case Ye.Post:be=await I({title:pe.title,content:pe.body,categories:pe.postType,data:pe.data});break;case Ye.Poll:be=await Z(qre(pe));break;case Ye.Question:be=await I({title:pe.body,authorId:p&&p.id,data:pe.data,...U==null?void 0:U.create});break;case Ye.Response:be=await I({questionSlug:n.slugs.question},{body:pe.body,authorId:p&&p.id,contentPath:Q,data:pe.data});break;case Ye.Reply:be=await I({questionSlug:n.slugs.question,answerSlug:n.slugs.answer},{body:pe.body,authorId:p&&p.id,contentPath:Q,data:pe.data});break;default:break}await M0(1e3),w&&await w(be),se({body:"",data:{}}),m(n.type),xe(Ce=>({...Ce,status:"submitted"})),v(yr(f.formatMessage,`${Ft}success`,g,"action"));const De=new Event(Yt.DISCUSSION_FORM_SUBMITTED);return document.dispatchEvent(De),await me(),be}catch(be){const De=be;let Ce=`${Ft}error`;De!=null&&De.message.includes("entry already exists")&&(Ce=yr(f.formatMessage,`${Ft}error_alreadyExists`,g,"action")),De!=null&&De.message.includes("429")?Ce=yr(f.formatMessage,`${Ft}error_tooMany`,g,"action"):De!=null&&De.message.includes("400")&&(Ce=`${Ft}error`),re(Ce),await me()}},me=async()=>{await M0(5e3),re(!1),xe(te),v("")},ke=sl(async pe=>{const Q={...j,...pe};if(x){xe(be=>({...be,status:"submitting"})),J(Q);return}try{if(!await ue(Q))throw Error("No response from handleSubmit")}catch{}},100);if(b)return h.jsx(or,{className:"discussion-card discussion-form","data-testid":"loading-placeholder"});const Fe=!j.body||!ll(j.body),tt=!ie.title||!ll(ie.title);let ft=!1;g!==Ye.Poll&&(ft=Fe),S&&(ft=ft&&tt);const Ke=ie.status==="submitting",st=[];g===Ye.Poll?st.push({id:"poll-options",label:f.formatMessage({id:`${Ft}option_label`}),type:"multiple-inputs",element:"textarea",placeholder:f.formatMessage({id:`${Ft}option_placeholder`}),limit:100,multipleInputs:{showCount:!0,defaultInputs:VE,maxInputs:WE,hasButton:{variant:"secondary",size:"small",styling:{muted:!0},icon:"plus",children:f.formatMessage({id:`${Ft}option_cta`})}},styling:{autosizeToFit:!0},functions:{onChange:pe=>{var be;let Q=0;pe&&Array.isArray(pe)&&(Q=((be=pe==null?void 0:pe.filter(De=>De!==""))==null?void 0:be.length)||0),ie.polls!==Q&&xe(De=>({...De,polls:Q})),z({polls:pe})}},validation:[{condition:"required"}]},{type:"checkbox",id:"multiple-answers",label:f.formatMessage({id:`${Ft}multiplePollAnswers`}),className:"text-medium"}):st.push({component:zre,props:{formID:_e,intlPath:Ft,showLabel:S!==!1,type:g}},{component:cm,props:{id:`${_e}-input`,value:ie.status==="submitting"&&!X?"":j.body,placeholder:a||yr(f.formatMessage,`${Ft}placeholder`,g,"action"),maxLength:s,meta:{isInOverlay:C},functions:{onChange:Se,onChangeData:pe=>{se(Q=>({...Q,data:pe}))},onMention:Y,listMembers:M,clickMentionFallback:$,getLinkPreview:q},data:c,autoFocus:x!==!1||_&&!S,"aria-invalid":!!X,"aria-errormessage":"error-message"}},{component:Ure,props:{intlPath:Ft,showGuidelines:R,type:g,gtmContext:d}}),N&&st.push({component:_r}),S&&st.unshift({id:"title",type:"textarea",value:S.text,limit:250,label:f.formatMessage({id:`${Ft}${g===Ye.Poll?"question":"titleField"}_label`}),styling:{autosizeToFit:!0},placeholder:f.formatMessage({id:`${Ft}${g===Ye.Poll?"question":"titleField"}_placeholder`}),functions:{onChange:pe=>{xe(Q=>({...Q,title:pe})),z({title:pe})}},validation:g===Ye.Poll?[{condition:"required"}]:[]}),B&&st.unshift({id:"postType",type:"radio",value:"no-category",accessibilityOptions:{checkboxes:{navigateWithArrowKeys:!0}},styling:{displayOptionsAsPills:!0},label:f.formatMessage({id:`${Ft}postType_label`}),options:H.map(pe=>({id:pe.slug,label:pe.name})),validation:[{condition:"required"}],functions:{onChange:pe=>{z({postType:pe}),pe.includes(Ye.Poll)?m(Ye.Poll):g!==Ye.Post&&m(Ye.Post)}}});let qe=!p||!p.id||!r||Ke;if(g===Ye.Poll){const pe=ie.polls;qe=qe||tt||pe<VE||pe>WE}else qe=qe||ft,x&&(S?qe=qe||j.body===x.text&&ie.title===S.text:qe=qe||j.body===x.text);return h.jsxs(h.Fragment,{children:[h.jsxs(xr,{id:_e,className:ee("discussion-card discussion-form",{"no-styling":T&&x}),meta:{shouldReset:!0,shouldHide:!1,showRequiredLabels:!1,shouldShowCancelButton:x&&!Ke||l.cancel},functions:{onSuccess:async pe=>{await ke(pe)},onCancel:D},fields:st,intlPath:Ft,button:{variant:"primary",size:{mobile:"small",600:"medium"},"data-gtm-event-context":d,"data-gtm-event-type":`${x?"save":"submit"}-${g}-click`,"data-testid":"save-button",disabled:qe,text:{default:!x&&(o!=null&&o.submit)?o==null?void 0:o.submit:f.formatMessage({id:`${Ft}${x?"save":"post"}`}),submitting:f.formatMessage({id:`${Ft}${x?"saving":"posting"}`})}},secondaryActionButton:{variant:"secondary",size:{mobile:"small",600:"medium"},"data-gtm-event-context":d,"data-gtm-event-type":`cancel-${g}-click`,disabled:!l.cancel&&(!p||!p.id||!j.body),text:o!=null&&o.cancel?o==null?void 0:o.cancel:f.formatMessage({id:`${Ft}cancel`})},gtm:{context:d,event:`${g}-form`},"data-testid":`discussion-${g}-form`,children:[L&&!x&&g===Ye.Question&&h.jsx("h2",{children:yr(f.formatMessage,`${Ft}title`,g,"action")}),h.jsx(mi,{member:p?{...p,link:!1}:"community",gtmContext:d,gtmType:"profile-click",badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:t||""},{scope:cn.Platform,area:"all"}]}})]}),ie.status==="submitted"&&k&&h.jsx(Ns,{className:"success","data-testid":"success",children:yr(f.formatMessage,`${Ft}success`,g,"action")}),X&&h.jsx(Ns,{id:"error-message",className:"error","data-testid":"error",children:l.error?l.error:typeof X=="string"?X.includes(" ")?X:f.formatMessage({id:X},{action:f.formatMessage({id:`discussion_action_${g}`}),maxLength:s}):X}),y&&h.jsx(ut,{"aria-live":"polite",showOnFocus:!1,children:y})]})},Wre=Object.freeze(Object.defineProperty({__proto__:null,default:Hl},Symbol.toStringTag,{value:"Module"}));function P3(e,t){let n=t;const r=e.matchAll(Oa),i=e.matchAll(/\[([^\]]+)\]\(([^)]+)\)/g);for(const a of[r,i])for(const s of a)if(s.index!==void 0){if(s.index>=n)break;if(s.index+s[0].length<=n)continue;n=s.index}return e.length>n?e.slice(0,n).trim()+"…":e}const R3=280,Vre=(e,t,n)=>{let r=t?P3(e,typeof t=="number"?t:R3):e;return r=r.trim(),r=r.replaceAll(Oa,(i,a)=>{var s,o;return`[@${((o=(s=n==null?void 0:n[a])==null?void 0:s.data)==null?void 0:o.name)||a}](/profiles/${a})`}),r},C0=async(e,t,n,r=()=>Promise.resolve([]))=>{let i=t?P3(e,typeof t=="number"?t:R3):e;i=i.trim();const a=`<br>
+`]))),Nre={storeData:{},unseenCount:0,hasNext:!1,initialLoading:!1,fetchMoreLoading:!1};E.createContext({notificationsData:Nre});function Ire(e){var t=e.workspaceKey,n=t===void 0?"":t,r=e.tenantId,i=r===void 0?"":r,a=e.distinctId,s=a===void 0?"":a,o=e.subscriberId,l=o===void 0?"":o,u=e.inboxId,c=u===void 0?"":u,d=e.stores,f=e.toastProps,p=e.notificationClickHandler,g=e.primaryActionClickHandler,m=e.secondaryActionClickHandler,y=e.bellComponent,v=e.badgeComponent,b=e.notificationComponent,T=e.noNotificationsComponent,C=e.loaderComponent,_=e.tabBadgeComponent,x=e.headerRightComponent,S=e.hideAvatar,P=S===void 0?!1:S,F=e.hideInbox,L=e.hideToast,R=e.theme,N=e.themeType,k=N===void 0?"light":N,B=e.pagination,H=B===void 0?!0:B,z=e.pageSize,I=e.popperPosition,Z=I===void 0?"bottom":I,J=e.showUnreadCountOnTabs,D=J===void 0?!0:J,w=e.host;c&&(l=c);var Y=E.useState(!1),M=Y[0],$=Y[1],q=E.useState(),U=q[0],j=q[1],se=E.useState({storeData:{},count:0}),X=se[0],re=se[1],te=E.useState(""),ie=te[0],xe=te[1],Se=E.useState(!1),_e=Se[0],ue=Se[1];E.useEffect(function(){var ke=new vB(n,{pageSize:z,tenantID:i,stores:d,host:w});return j(ke),ke.emitter.on("sync_notif_store",function(){var Fe=ke.feed.data;re({storeData:(Fe==null?void 0:Fe.stores)||{},count:(Fe==null?void 0:Fe.unseenCount)||0,hasNext:Fe==null?void 0:Fe.hasNext,initialLoading:Fe==null?void 0:Fe.initialLoading,activeStoreId:Fe==null?void 0:Fe.activeStoreId}),xe(Fe==null?void 0:Fe.activeStoreId)}),ke.emitter.on("new_notification",function(Fe){Dre({notificationsData:Fe,toastProps:f})}),function(){ke.emitter.all.clear()}},[]),E.useEffect(function(){M&&l&&U&&U.feed.markAllSeen()},[M,l,U]),E.useEffect(function(){if(!(!l||!U))return re({storeData:{},count:0}),U.identifyUser(s,l),U.feed.fetchNotifications(),function(){U.resetUser()}},[l,U]);var me=k==="dark"?A3(cne,R):R||{};return E.createElement(x3.Provider,{value:me},E.createElement(C3.Provider,{value:{workspaceKey:n,notificationsData:X,setNotificationsData:re,notificationClickHandler:p,primaryActionClickHandler:g,secondaryActionClickHandler:m,bellComponent:y,badgeComponent:v,notificationComponent:b,noNotificationsComponent:T,tabBadgeComponent:_,headerRightComponent:x,toggleInbox:$,inbox:U,loaderComponent:C,pagination:H,hideAvatar:P,activeStore:ie,setActiveStore:xe,changingActiveStore:_e,setChangingActiveStore:ue,showUnreadCountOnTabs:D,themeType:k}},!F&&E.createElement(Ere,{openInbox:M,toggleInbox:$,popperPosition:Z}),!L&&E.createElement(kre,f)))}const bt={timeouts:{},handlerCalled:{},getIsDesktopVersion:(e,t)=>{const n={navigation:{loggedIn:769,loggedOut:881},search:{loggedIn:961,loggedOut:1121}},r=a=>{const s=`logged${e?"In":"Out"}`;return t>=n[a][s]};let i={};return["navigation","search"].forEach(a=>{i[a]=r(a)}),i},shouldChangeHeaderIsVisible:(e,t,n)=>{Object.values(t).filter(i=>i===!0).length||n([{type:"headerIsVisible",value:e}])},handleMenus:({id:e,value:t,menus:n,dispatch:r,forceHandle:i=!1})=>{if(!i&&n[e]===t||!i&&e===Mn.ACCOUNT&&t===!1&&n[Mn.SITE]===!0)return;const a=Date.now();if(!i&&!t&&bt.handlerCalled[e]&&a-bt.handlerCalled[e]<500)return;bt.handlerCalled[e]=a;let s=[{type:`menus.${e}`,value:t}];if(t===!0)Object.keys(n).forEach(o=>{o===e||n[o]===!1||s.push({type:`menus.${o}`,value:!1})});else{let o=null;switch(e){case Mn.SITE:o=document.querySelector("#header .menu-button"),o||(o=document.querySelector("#navigation .navigation-button"));break;case Mn.SEARCH:o=document.querySelector("#header .toggle-search-button");break;case Mn.ACCOUNT:o=document.querySelector("#header .account-button");break;default:return}o&&o.focus()}r(s)},findFirstChild:(e,t,n=!1)=>{if(!e||!e[0])return!1;for(let r=0;r<=e.length;r++){if(!e[r])continue;if(e[r][t]&&(!n||e[r][t].includes(n)))return e[r];if(!t.includes("."))continue;const i=GE(e[r],t);if(!(typeof i>"u")&&(!n||i[t]&&i[t].includes(n)||i.value&&i.value.includes(n)||i.toString().includes(n)))return e[r]}return e[0].children?bt.findFirstChild(e[0].children,t,n):!1},autoFocus:({menu:e,navigationRef:t,isDesktopVersion:n,focusElements:r,dispatch:i})=>{var l;if(!t.current||!t.current.children)return;const a=n?"desktop":"default";if(r[e][a]){(l=document.querySelector(`#header ul a[href="${r[e][a]}"]:last-child`))==null||l.focus();return}let s,o;switch(e){case Mn.SITE:if(n){const u=bt.findFirstChild(t.current.children,"className","has-submenu parent"),c=bt.findFirstChild(u.children,"id",Mn.SITE);s=bt.findFirstChild(c.children,"href")}else s=bt.findFirstChild(t.current.children,"href");break;case Mn.ACCOUNT:if(o=bt.findFirstChild(t.current.children,"className","account"),!o||!o.children)return;s=bt.findFirstChild(o.children,"href");break;default:return}s&&(i([{type:`focusElements.${e}.${a}`,value:s.attributes.href.value}]),s.focus())},events:{onClick:(e,{id:t,callback:n,isOpen:r})=>{e.target&&e.target.attributes&&e.target.attributes.href||(e.preventDefault(),e.stopPropagation(),clearTimeout(bt.timeouts[t]),n(t,!r))},onFocus:({id:e})=>{clearTimeout(bt.timeouts[e])},onMouseEnter:({id:e,callback:t})=>{clearTimeout(bt.timeouts[e]),t(e,!0)},onBlur:({id:e,callback:t})=>{bt.timeouts[e]=setTimeout(()=>{t(e,!1)},250)}},readLocaleFromCookie:()=>{if(!document||!document.cookie||!document.cookie.length)return null;const e=document.cookie.match(new RegExp("(^|;\\s*)apolitical_locale=([^;]*)"));return e?decodeURIComponent(e[2]):null}},Ds={order:["home","communities","topics","partners","account"],home:{href:"/home/",hasVariantText:!0,gtmType:"homepage-click"},communities:{href:"/communities/",gtmType:"communities-click",onlyShow:"logged-in"},topics:{onlyShow:"logged-in",order:["explore","topics"],menuId:"site-navigation",explore:{order:["events","courses","articles","communities"],events:{href:"/events/",className:"icon events"},courses:{href:"/microcourses/",gtmType:"microcourses-click",className:"icon courses"},articles:{href:"/solution-articles/",gtmType:"articles-click",className:"icon articles"},communities:{href:"/communities/",gtmType:"communities-click",className:"icon communities"}},topics:{order:["cities-and-local-government","digital-and-data","education","climate","health-and-social-care","equity-justice-and-inclusion","innovation","leadership-and-skills","life-in-government","policymaking","transport-and-infrastructure","work-and-the-economy"],className:"columns",climate:{href:"/topics/climate/"},"cities-and-local-government":{href:"/topics/cities-and-local-government/"},"digital-and-data":{href:"/topics/digital-and-data/"},education:{href:"/topics/education/"},"equity-justice-and-inclusion":{href:"/topics/equity-justice-and-inclusion/"},"health-and-social-care":{href:"/topics/health-and-social-care/"},innovation:{href:"/topics/innovation/"},"leadership-and-skills":{href:"/topics/leadership-and-skills/"},"life-in-government":{href:"/topics/life-in-government/"},policymaking:{href:"/topics/policymaking/"},"transport-and-infrastructure":{href:"/topics/transport-and-infrastructure/"},"work-and-the-economy":{href:"/topics/work-and-the-economy/"}}},partners:{href:"/partnerships/",onlyShow:"logged-out"},account:{menuId:"account-navigation",order:["profile","settings","log-out"],className:"account",onlyShow:"logged-in",doTrack:!1,profile:{href:"/profiles/me"},settings:{href:"/profiles/me/manage-account"},"log-out":{href:"/logout",className:"divider"}},buttons:{order:["login","signup"],login:{href:"/login",withReturnTo:!0},signup:{href:"/signup?ref=header-banner",props:{variant:"primary"}}}},Yc=({id:e,isLoggedIn:t=!1,isDesktopVersion:n=!1,menus:r={},callback:i=()=>{},doTrack:a=null,getHref:s})=>{const o=de.useIntl(),l=GE(Ds,e);if(!l||l.onlyShow&&(l.onlyShow==="logged-in"&&!t||l.onlyShow==="logged-out"&&t))return null;const u="doTrack"in l,c=a===null?u?l.doTrack:!0:a,d=e.includes("buttons.");let f=`header_${e.replaceAll(".","_")}`;l.hasVariantText&&(f+=`_logged${t?"In":"Out"}`);let p=!1;if(l.href){let C=l.gtmType||`${e}-click`;if(C.includes(".")){const _=C.split("."),x=_[_.length-2];C=`${x==="topics"?`${x}-`:""}${_[_.length-1]}`}p={href:s?s(l.href):l.withReturnTo?`${l.href}?returnTo=${window.location.pathname+window.location.search}`:l.href},c&&(p={...p,className:"gtm-trackable","data-gtm-event-type":C,"data-gtm-event-context":"HeaderButtons"}),d&&(p={...p,variant:"secondary",size:{mobile:"small",881:"large"},...l.props||{}})}const g=l.order&&l.order[0]&&l[l.order[0]],m=g&&l[l.order[0]].order,y=p&&window.location.pathname===l.href;let v={},b={},T={};if(y&&(v={...v,"aria-current":"page"}),g){const C=l.menuId||e,_={onClick:x=>bt.events.onClick(x,{id:C,callback:i,isOpen:r[C]}),onFocus:()=>bt.events.onFocus({id:C}),onBlur:()=>bt.events.onBlur({id:C,callback:i}),onMouseLeave:()=>bt.events.onBlur({id:C,callback:i}),onMouseEnter:()=>bt.events.onMouseEnter({id:C,callback:i})};b={..._,id:C===Mn.SITE?Mn.SITE:Mn.ACCOUNT},n&&(m&&(T={..._,className:"navigation-button",onKeyPress:x=>{x.key==="Enter"&&bt.events.onClick(x,{id:C,callback:i,isOpen:r[C]})},"aria-haspopup":!0,"aria-expanded":r[C],"aria-controls":C}),b={...b,hidden:C in r?!r[C]:!0}),m||(b={...b})}return h.jsxs("li",{className:ee({[l.className]:l.className,"has-submenu":g,parent:m,active:y}),...v,children:[p?E.createElement(d?Me:"a",p,o.formatMessage({id:f})):n&&l.order&&m?h.jsxs("button",{...T,children:[o.formatMessage({id:f}),h.jsx(ut,{children:o.formatMessage({id:`header_menu_${r[Mn.SITE]?"hide":"show"}`})})]}):o.formatMessage({id:f}),l.order&&h.jsx("ul",{...b,children:l.order.map(C=>{if(!l[C])return null;const _={isLoggedIn:t,isDesktopVersion:n,menus:r,callback:i,doTrack:u?c:null};return l[C].order?h.jsxs("li",{className:ee({[l[C].className]:l[C].className}),children:[o.formatMessage({id:`${f}_${C}`}),h.jsx("ul",{children:l[C].order.map(x=>h.jsx(Yc,{id:`${e}.${C}.${x}`,..._},x))})]},C):h.jsx(Yc,{id:`${e}.${C}`,..._},C)})})]},e)};const Pre=({headerIsVisible:e,locale:t})=>{const n=de.useIntl();return h.jsx("div",{id:"language-unavailable-message",className:ee({visible:e}),children:h.jsx("p",{className:"text",children:n.formatMessage({id:`header_language_unavailable_${t}`},{link:r=>h.jsx("a",{href:"/pages/multilingual-transition",children:r})})})})},Rre={colors:{primary:"#4F43BA",primaryHover:"#7C72E1",error:"#C34141",icon:"#000000",text:{primary:"#151921",secondary:"#64748B"},background:{primary:"#FFFFFF",hover:"#F8FAFC"},border:"#E2E8F0"},typography:{fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"24px"},fontWeights:{medium:"medium",bold:"bold"}},spacing:{xs:"8px",sm:"12px",md:"16px"},borderRadius:{sm:"8px",md:"12px",full:"9999px"},shadows:{sm:"0px 4px 6px rgba(0, 0, 0, 0.1)"},circleSizes:{avatar:"40px",dot:"10px"}},{colors:{primary:ko,primaryHover:Fre,error:HE,text:li,background:ui,border:Yf,icon:Bre},typography:{fontSizes:ci,fontWeights:ga},spacing:va,borderRadius:Vu,shadows:UE,circleSizes:zE}=Rre,Mre={bell:{color:Bre},badge:{backgroundColor:HE,color:ui.primary},header:{container:{backgroundColor:ui.primary,borderBottom:`1px solid ${Yf}`},headerText:{color:li.primary,fontSize:ci.lg,fontWeight:ga.bold},markAllReadText:{color:ko,fontWeight:ga.medium,fontSize:ci.sm}},notificationsContainer:{container:{borderRadius:Vu.md,overflow:"auto",backgroundColor:ui.primary,boxShadow:UE.sm,border:"none"},loader:{color:ko},noNotificationsText:{color:li.primary,fontSize:ci.md,fontWeight:ga.medium},noNotificationsSubtext:{color:li.secondary,fontSize:ci.sm}},notification:{unseenDot:{backgroundColor:HE,width:zE.dot,height:zE.dot,right:va.md,top:va.md},container:{unreadBackgroundColor:ui.primary,readBackgroundColor:ui.primary,hoverBackgroundColor:ui.hover,borderBottom:`1px solid ${Yf}`,padding:va.md},headerText:{color:li.primary,fontSize:ci.md,fontWeight:ga.medium},bodyText:{color:li.primary,fontSize:ci.md},subtext:{color:li.secondary,fontSize:ci.sm},actions:[{container:{backgroundColor:ko,color:ui.primary,borderRadius:Vu.full,padding:`${va.xs} ${va.md}`,fontSize:ci.sm,fontWeight:ga.medium,hoverBackgroundColor:Fre}},{container:{borderColor:ko,color:li.secondary,backgroundColor:ui.primary,borderRadius:Vu.full,padding:`${va.xs} ${va.md}`,fontSize:ci.sm,fontWeight:ga.medium},text:{color:ko}}]},toast:{container:{backgroundColor:ui.primary,borderRadius:Vu.sm,boxShadow:UE.sm,border:`1px solid ${Yf}`},headerText:{color:li.primary,fontWeight:ga.medium},bodyText:{color:li.secondary}}};const Zf={height:67,height_desktop:83,additional_message_height:40};var Mn=(e=>(e.NAVIGATION="navigation",e.SEARCH="search",e.ACCOUNT="account-navigation",e.SITE="site-navigation",e))(Mn||{});const _0=({showNavigation:e=!0,showLanguageUnavailableMessage:t=!0,showLanguageSwitcher:n=!0,onLanguageSwitcherClick:r,suprSendWorkspaceKey:i})=>{var z,I;const a=de.useIntl(),s=E.useContext(Mt),o=Qc();o&&(Ds.home.href=o);const l=Qi(!0,!0),u=s&&typeof s.id=="string",c=E.useMemo(()=>bt.getIsDesktopVersion(u,l),[u,l]),d=z0("suprsend-notifications")&&i,f=(I=(z=s==null?void 0:s.externalsMetadata)==null?void 0:z.suprsend)==null?void 0:I.subscriberId,p=t&&!u,g=z0("language-switcher")&&n&&!p,[m,y]=E.useState(!1);E.useEffect(()=>{let Z=null;try{Z=bt.readLocaleFromCookie()}catch{Z=null}t&&g&&(Z!==null&&Z!==ul)&&y(!0)},[t,g,s]);const[v,b]=E.useReducer(zs,{headerIsVisible:!0,menus:{"site-navigation":!1,search:!1,"account-navigation":!1},focusElements:{"site-navigation":{desktop:!1,default:!1},"account-navigation":{desktop:!1,default:!1}}}),{headerIsVisible:T,menus:C,focusElements:_}=v,x=E.useRef(v);E.useEffect(()=>{x.current=v},[v]),t4({scrollPosition:m?Zf[`height${c.navigation?"_desktop":""}`]+Zf.additional_message_height:Zf[`height${c.navigation?"_desktop":""}`],callbacks:{scrollUp:()=>{const Z=x.current.menus;!c&&Z["site-navigation"]||bt.shouldChangeHeaderIsVisible(!0,Z,b)},scrollDown:()=>{const Z=x.current.menus;!c&&Z["site-navigation"]||bt.shouldChangeHeaderIsVisible(!1,Z,b)}}});const S=(Z,J,D=!1)=>{bt.handleMenus({id:Z,value:J,menus:x.current.menus,dispatch:b,forceHandle:D})},P=E.useRef(null),F=Z=>{Z.key==="Escape"&&["site-navigation","search","account-navigation"].forEach(J=>{x.current.menus[J]&&S(J,!1,!0)})};E.useEffect(()=>{var Z;return(Z=document.getElementById("header"))==null||Z.addEventListener("keydown",F),()=>{var J;(J=document.getElementById("header"))==null||J.removeEventListener("keydown",F)}},[]),Os(()=>{C["site-navigation"]&&bt.autoFocus({menu:"site-navigation",navigationRef:P,isDesktopVersion:c.navigation,focusElements:_,dispatch:b})},[C["site-navigation"]]),Os(()=>{C["account-navigation"]&&bt.autoFocus({menu:"account-navigation",navigationRef:P,isDesktopVersion:c.navigation,focusElements:_,dispatch:b})},[C["account-navigation"]]);const L=u&&h.jsxs(h.Fragment,{children:[!c.search&&h.jsx("button",{className:"search toggle-search-button",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),S("search",!C.search)},children:h.jsx(ut,{children:a.formatMessage({id:`header_search_${C.search?"hide":"show"}`})})}),h.jsx(HT,{id:"global-search",handleToggle:{searchIsOpen:C.search,isDesktopVersion:c.search},gtmContext:"search-bar-header",gtmEvent:"form-submission"})]}),R=h.jsx("button",{className:"language icon language-switcher-button gtm-trackable","data-gtm-event-type":"open-language-switcher-click","data-gtm-event-context":"HeaderLeft-LanguageSwitcher","aria-label":"Language switcher",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),r?r():y(!m)},children:h.jsx(ut,{children:a.formatMessage({id:"header_language_switcher"})})}),N=[d&&f&&h.jsx("div",{id:"suprsend-notifications",children:h.jsx(Ire,{workspaceKey:i,distinctId:(s==null?void 0:s.id)??"",subscriberId:f,theme:Mre,bellComponent:()=>h.jsx("button",{className:"bell icon bell-button gtm-trackable","data-gtm-event-type":"open-bell-click","data-gtm-event-context":"HeaderLeft-Bell"})})})],k=h.jsxs(h.Fragment,{children:[!c.navigation&&h.jsx("button",{className:"menu-button gtm-trackable",onClick:Z=>{Z.preventDefault(),Z.stopPropagation(),S("site-navigation",!C["site-navigation"])},"data-gtm-event-type":"open-tab-menu-click","data-gtm-event-context":"HeaderLeft-Chevron","aria-haspopup":"true","aria-expanded":C["site-navigation"],"aria-controls":"site-navigation",children:h.jsx(ut,{children:a.formatMessage({id:`header_menu_${C["site-navigation"]?"hide":"show"}`})})}),h.jsx("ul",{ref:P,id:"navigation",hidden:c.navigation||C["account-navigation"]?!1:!C["site-navigation"],"data-showing":!c.navigation&&C["account-navigation"]?"account":"default",children:Ds.order.map(Z=>h.jsx(Yc,{id:Z,isLoggedIn:u,isDesktopVersion:c.navigation,menus:{"site-navigation":C["site-navigation"],"account-navigation":C["account-navigation"]},callback:S},Z))})]}),B=window.location.pathname.match(new RegExp("(courses/[^/]+/[^/]+|microcourses/[^/]+/[^/]+)")),H=Z=>{var U;const[J,D]=Z.split("?"),w=new URLSearchParams(D||""),M=new URLSearchParams(window.location.search).get("ref");if(w.set("ref",M||"course-overview"),window.location.pathname){const j=window.location.pathname.match(new RegExp("(courses/([^/]+)/([^/]+)|microcourses/[^/]+/([^/]+))"));if(j){const[,,se,X,re]=j;re?w.set("courseSlug",re):(w.set("courseSlug",se),w.set("journeySlug",X)),w.set("signupRedirectUrl",window.location.pathname+(window.location.search||""))}}const $=((U=window.location.pathname.match(/^\/([^/]+)\/courses/))==null?void 0:U[1])||"";return`${$?`/${$}`:""}${J}?${w.toString()}`};return s&&s.isLoading?null:h.jsxs(h.Fragment,{children:[h.jsxs("nav",{id:"header",className:ee({"logged-in":u,"logged-out":!u,visible:T}),children:[h.jsx(ut,{element:"a",href:"#content-of-page",children:a.formatMessage({id:"header_skip"})}),h.jsx(fm,{variant:"monochrome"}),e?h.jsxs(h.Fragment,{children:[c.navigation?h.jsxs(h.Fragment,{children:[k,L,g&&R,N]}):h.jsxs(h.Fragment,{children:[L,g&&R,N,k]}),u?h.jsxs("button",{className:"account-button",onClick:Z=>bt.events.onClick(Z,{id:"account-navigation",callback:S,isOpen:C["account-navigation"]}),onMouseEnter:()=>bt.events.onMouseEnter({id:"account-navigation",callback:S}),onMouseLeave:()=>bt.events.onBlur({id:"account-navigation",callback:S}),"aria-haspopup":"true","aria-expanded":C["account-navigation"],"aria-controls":"account-navigation",children:[h.jsx(ut,{children:a.formatMessage({id:`header_account_${C["account-navigation"]?"hide":"show"}`})}),h.jsx(_i,{name:s&&s.name||"",src:s&&s.image&&s.image.thumbnail||""})]}):h.jsx("ul",{className:"sign-in-buttons",children:Ds.buttons.order.map(Z=>h.jsx(Yc,{id:`buttons.${Z}`,getHref:Z==="signup"&&B?H:void 0},Z))})]}):g&&R]}),m&&h.jsx(Pre,{headerIsVisible:T,locale:(s==null?void 0:s.locale)||ul}),h.jsx("hr",{id:"content-of-page"}),h.jsx("div",{className:ee("overlay",{open:C["site-navigation"]||C["account-navigation"]||!c.search&&C.search})})]})};const Lre=()=>{const e=de.useIntl();return h.jsxs(h.Fragment,{children:[h.jsx(_0,{}),h.jsx("div",{id:"content",children:h.jsx(Vr,{variant:"error",text:e.formatMessage({id:"pageLayout_error"})})}),h.jsx(hm,{})]})},O3=({children:e,additionalContent:{prepended:t,appended:n}={},reportError:r,forceShow:i={},styling:a={},className:s="",locale:o="en",suprSendWorkspaceKey:l})=>{const u=de.useIntl(),{navigation:c=!0,footer:d=!0}=i,{background:f="default",variant:p="default",circle:g="default",modal:m="default"}=a,y=JE(),[v,b]=E.useState(""),T=P=>{const{detail:{message:F}}=P;b(F)};E.useEffect(()=>(window.scrollTo(0,0),document.addEventListener("ariaLive",T),()=>{document.removeEventListener("ariaLive",T)}),[y]);const C=Qu(e,{locale:o}),_=Qu(t,{locale:o}),x=Qu(n,{locale:o}),S={};return f!=="default"&&(S[f]=!0),p!=="default"&&(S[p]=!0),g!=="default"&&(S[g]=!0),h.jsx(nx.ErrorBoundary,{onError:r,fallback:h.jsx(Lre,{}),children:h.jsxs(E.Suspense,{fallback:null,children:[h.jsxs("div",{id:"wrapper",className:ee(s,S,{"has-footer":d}),"data-too-small":u.formatMessage({id:"pageLayout_browserTooSmall"}),children:[h.jsx(_0,{suprSendWorkspaceKey:l,showNavigation:c}),h.jsxs("main",{id:"content-wrapper",children:[_&&h.jsx("div",{className:ee("additional-content prepended",{"large-modal":m==="large"}),children:_}),E.createElement(f==="bold"?Cp:"div",{id:"content",children:C,className:ee({"large-modal":m==="large"})})]}),x&&h.jsx("div",{className:"additional-content appended",children:x}),d&&h.jsx(hm,{}),h.jsx(XT,{})]}),v&&h.jsx(ut,{"aria-live":"polite",showOnFocus:!1,"data-testid":"layout-aria-live",children:v})]})})},qE={default:"tags_",headerTopics:"header_topics_topics_"},Qf={topic:{Climate:"climate",CitiesAndLocalGovernment:"cities-and-local-government",DigitalAndData:"digital-and-data",Education:"education",EquityJusticeAndInclusion:"equity-justice-and-inclusion",HealthAndSocialCare:"health-and-social-care",Innovation:"innovation",LeadershipAndSkills:"leadership-and-skills",LifeInGovernment:"life-in-government",Policymaking:"policymaking",TransportAndInfrastructure:"transport-and-infrastructure",WorkAndTheEconomy:"work-and-the-economy"},"from the community":"community"},$re={getTagDetails:e=>{if(e.includes("topic_")){if(e=Qf.topic[e.replace("topic_","")],e){const t=Ds.topics.topics[e].href;return t?{id:e,href:t,text:`${qE.headerTopics}${e}`}:null}return null}return Qf[e]?(e=Qf[e],{id:e,text:`${qE.default}${e}`}):null}};const jre=({tags:e=[],color:t="default",forceOneLine:n=!1,canHaveLinks:r=!0,className:i="",gtmType:a="tag-click",gtmContext:s="tags"})=>{const o=de.useIntl();if(!e||e.length<1)return null;const l=[];return e.forEach(u=>{if(!u)return;const c=$re.getTagDetails(u);c&&l.push(c)}),l.length<1?null:h.jsx("ul",{className:ee("tags text-small",t,i,{"one-line":n}),children:l.map(u=>{const c=o.formatMessage({id:u.text});return h.jsx("li",{children:u.href&&r?h.jsx("a",{href:u.href,className:"gtm-trackable","data-gtm-event-type":a,"data-gtm-event-context":s,children:c}):c},u.id)})})};const N3=25,Hre=({members:{data:e=[],total:t=e.length},communitySlug:n,isMember:r=!1,hasNextPage:i=!1,loadNextPage:a=()=>{},profile:s,gtmContext:o="member",gtmType:l="member-click",showHeader:u=!0,showPlaceholders:c=!1,className:d=""})=>{const f=de.useIntl(),p="membersList",g=E.useContext(Mt),[m,y]=E.useState(!1);return e.length===0&&!c?null:h.jsxs("div",{className:ee("members-list",d),children:[u?h.jsxs("h1",{children:[f.formatMessage({id:p}),h.jsx("span",{className:"count",children:t})]}):h.jsx(h.Fragment,{}),h.jsxs("ul",{children:[r?h.jsxs("li",{children:[h.jsx(mi,{member:g,gtmContext:o,gtmType:l,badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:n||""},{scope:cn.Platform,area:"all"}]}}),h.jsx(Ji,{href:"/profiles/me",className:"text-small",onClick:v=>{v==null||v.preventDefault(),v==null||v.stopPropagation(),y(!0)},children:f.formatMessage({id:`${p}_profile`})})]}):h.jsx(h.Fragment,{}),e.map((v,b)=>g&&v.id===g.id?h.jsx(h.Fragment,{}):h.jsxs("li",{children:[h.jsx(mi,{member:v,gtmContext:o,gtmType:l,badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:n||""},{scope:cn.Platform,area:"all"}]}}),v.isAdmin&&h.jsx(jr,{children:f.formatMessage({id:`${p}_admin`})})]},b)),c&&e.length===0&&t>0?[...new Array(Math.min(t,N3))].map((v,b)=>h.jsx("li",{children:h.jsx(t1,{layout:"member"})},b)):h.jsx(h.Fragment,{})]}),i&&h.jsx(kl,{hasNextPage:i,loadNextPage:a,icon:{icon:"arrow-down",position:"right"},messages:{button:f.formatMessage({id:"loadMore_button"}),error:f.formatMessage({id:"loadMore_error"})},gtmContext:o}),s?h.jsx(H1,{form:s,showModal:m,content:{title:f.formatMessage({id:`${p}_modal_title`})},functions:{onClose:()=>{y(!1)}}}):h.jsx(h.Fragment,{})]})},I3=Hre,Ure=({intlPath:e,showGuidelines:t,type:n,gtmContext:r})=>{const i=de.useIntl();return t?h.jsx("small",{children:yr(i.formatMessage,`${e}explainer`,n,"action",{a:a=>h.jsx("a",{href:"https://about.apolitical.co/q-and-a-community-guidelines",target:"_blank",className:"gtm-trackable","data-gtm-event-context":r,"data-gtm-event-type":"community-guidelines-link",rel:"noreferrer",children:a})})}):h.jsx(h.Fragment,{})},zre=({intlPath:e,type:t,...n})=>{const r=de.useIntl();return h.jsx(Fc,{label:{visible:r.formatMessage({id:`${e}label`}),screenreader:yr(r.formatMessage,`${e}label_action`,t,"action")},...n})},WE=5,VE=2,qre=e=>{var r;let t=0;const n=[];return(r=e==null?void 0:e["poll-options"])==null||r.forEach((i,a)=>{i!==""&&(t++,n.push({position:t,description:{en:i}}))}),{title:{en:e.title},options:n,settings:{allow_multiple_votes:e["multiple-answers"]||!1}}};const Ft="discussion_form_",Hl=({id:e,parentId:t,content:n={type:Ye.Response,slugs:{}},userHasPermissions:r=!0,meta:i,placeholder:a,maxLength:s=0,buttons:o,forceShow:l={cancel:!1,error:!1},functions:u,data:c={},gtmContext:d="DiscussionForm"})=>{var ae,he,Ne;const f=de.useIntl(),p=E.useContext(Mt),[g,m]=E.useState(n.type),[y,v]=E.useState(""),{isLoading:b=!1,isInWrapper:T=!1,isInOverlay:C=!1,isAutoFocused:_=!1,isEditing:x=!1,hasTitleField:S=!1,canBePrepopulated:P=!1,isPrepopulated:F=!1,showTitle:L=!1,showGuidelines:R=!0,showDivider:N=!1,showSuccessMessage:k=!0,showPostType:B=!1,postCategories:H=[]}=i||{},{onChange:z=()=>{},create:I=()=>{},createPoll:Z=()=>Promise,handleSaveEdit:J=()=>{},handleCancel:D=()=>{},callback:w=()=>{},onMention:Y=()=>{},listMembers:M=()=>Promise.resolve([]),clickMentionFallback:$=()=>{},getLinkPreview:q=()=>Promise.resolve({}),props:U={create:{projectNames:["questions-answers"]}}}=u,[j,se]=E.useState({body:x&&x.text||F&&F.text||"",data:c!=null&&c.link?{link:c==null?void 0:c.link}:{}}),[X,re]=E.useState(l.error||!1),te={status:!1,title:S&&S.text||"",polls:0},[ie,xe]=E.useState(te);E.useEffect(()=>{P&&!x&&F&&F!==j.body&&se(pe=>({...pe,body:F.text||""}))},[F]),E.useEffect(()=>{m(n.type)},[n.type]);const Se=sl((pe,Q)=>{se(De=>({...De,body:pe,data:{link:Q}})),z({body:pe});let be;!p||!p.id?be=yr(f.formatMessage,`${Ft}error_loggedOut`,g,"action"):r?s>0&&pe.length>=s&&(be=`${Ft}error_tooLong`):be=yr(f.formatMessage,`${Ft}error_noPermission`,g,"action"),be?re(be):X&&re(!1)},50);let _e=`${g}-form`;if(g===Ye.Response||g===Ye.Reply){const pe=((ae=n.slugs)==null?void 0:ae.reply)||((he=n.slugs)==null?void 0:he.answer)||((Ne=n.slugs)==null?void 0:Ne.question)||"";pe&&(_e=`${_e}-${pe.slice(-15)}`)}e&&(_e=`${e}-${_e}`);const ue=async pe=>{if(!p||!p.id||!r||ft)throw new Error("You do not have permission to post.");xe(be=>({...be,status:"submitting"}));const Q=window.location.pathname;try{let be;switch(g){case Ye.Post:be=await I({title:pe.title,content:pe.body,categories:pe.postType,data:pe.data});break;case Ye.Poll:be=await Z(qre(pe));break;case Ye.Question:be=await I({title:pe.body,authorId:p&&p.id,data:pe.data,...U==null?void 0:U.create});break;case Ye.Response:be=await I({questionSlug:n.slugs.question},{body:pe.body,authorId:p&&p.id,contentPath:Q,data:pe.data});break;case Ye.Reply:be=await I({questionSlug:n.slugs.question,answerSlug:n.slugs.answer},{body:pe.body,authorId:p&&p.id,contentPath:Q,data:pe.data});break;default:break}await M0(1e3),w&&await w(be),se({body:"",data:{}}),m(n.type),xe(Ce=>({...Ce,status:"submitted"})),v(yr(f.formatMessage,`${Ft}success`,g,"action"));const De=new Event(Yt.DISCUSSION_FORM_SUBMITTED);return document.dispatchEvent(De),await me(),be}catch(be){const De=be;let Ce=`${Ft}error`;De!=null&&De.message.includes("entry already exists")&&(Ce=yr(f.formatMessage,`${Ft}error_alreadyExists`,g,"action")),De!=null&&De.message.includes("429")?Ce=yr(f.formatMessage,`${Ft}error_tooMany`,g,"action"):De!=null&&De.message.includes("400")&&(Ce=`${Ft}error`),re(Ce),await me()}},me=async()=>{await M0(5e3),re(!1),xe(te),v("")},ke=sl(async pe=>{const Q={...j,...pe};if(x){xe(be=>({...be,status:"submitting"})),J(Q);return}try{if(!await ue(Q))throw Error("No response from handleSubmit")}catch{}},100);if(b)return h.jsx(or,{className:"discussion-card discussion-form","data-testid":"loading-placeholder"});const Fe=!j.body||!ll(j.body),tt=!ie.title||!ll(ie.title);let ft=!1;g!==Ye.Poll&&(ft=Fe),S&&(ft=ft&&tt);const Ke=ie.status==="submitting",st=[];g===Ye.Poll?st.push({id:"poll-options",label:f.formatMessage({id:`${Ft}option_label`}),type:"multiple-inputs",element:"textarea",placeholder:f.formatMessage({id:`${Ft}option_placeholder`}),limit:100,multipleInputs:{showCount:!0,defaultInputs:VE,maxInputs:WE,hasButton:{variant:"secondary",size:"small",styling:{muted:!0},icon:"plus",children:f.formatMessage({id:`${Ft}option_cta`})}},styling:{autosizeToFit:!0},functions:{onChange:pe=>{var be;let Q=0;pe&&Array.isArray(pe)&&(Q=((be=pe==null?void 0:pe.filter(De=>De!==""))==null?void 0:be.length)||0),ie.polls!==Q&&xe(De=>({...De,polls:Q})),z({polls:pe})}},validation:[{condition:"required"}]},{type:"checkbox",id:"multiple-answers",label:f.formatMessage({id:`${Ft}multiplePollAnswers`}),className:"text-medium"}):st.push({component:zre,props:{formID:_e,intlPath:Ft,showLabel:S!==!1,type:g}},{component:cm,props:{id:`${_e}-input`,value:ie.status==="submitting"&&!X?"":j.body,placeholder:a||yr(f.formatMessage,`${Ft}placeholder`,g,"action"),maxLength:s,meta:{isInOverlay:C},functions:{onChange:Se,onChangeData:pe=>{se(Q=>({...Q,data:pe}))},onMention:Y,listMembers:M,clickMentionFallback:$,getLinkPreview:q},data:c,autoFocus:x!==!1||_&&!S,"aria-invalid":!!X,"aria-errormessage":"error-message"}},{component:Ure,props:{intlPath:Ft,showGuidelines:R,type:g,gtmContext:d}}),N&&st.push({component:_r}),S&&st.unshift({id:"title",type:"textarea",value:S.text,limit:250,label:f.formatMessage({id:`${Ft}${g===Ye.Poll?"question":"titleField"}_label`}),styling:{autosizeToFit:!0},placeholder:f.formatMessage({id:`${Ft}${g===Ye.Poll?"question":"titleField"}_placeholder`}),functions:{onChange:pe=>{xe(Q=>({...Q,title:pe})),z({title:pe})}},validation:g===Ye.Poll?[{condition:"required"}]:[]}),B&&st.unshift({id:"postType",type:"radio",value:"no-category",accessibilityOptions:{checkboxes:{navigateWithArrowKeys:!0}},styling:{displayOptionsAsPills:!0},label:f.formatMessage({id:`${Ft}postType_label`}),options:H.map(pe=>({id:pe.slug,label:pe.name})),validation:[{condition:"required"}],functions:{onChange:pe=>{z({postType:pe}),pe.includes(Ye.Poll)?m(Ye.Poll):g!==Ye.Post&&m(Ye.Post)}}});let qe=!p||!p.id||!r||Ke;if(g===Ye.Poll){const pe=ie.polls;qe=qe||tt||pe<VE||pe>WE}else qe=qe||ft,x&&(S?qe=qe||j.body===x.text&&ie.title===S.text:qe=qe||j.body===x.text);return h.jsxs(h.Fragment,{children:[h.jsxs(xr,{id:_e,className:ee("discussion-card discussion-form",{"no-styling":T&&x}),meta:{shouldReset:!0,shouldHide:!1,showRequiredLabels:!1,shouldShowCancelButton:x&&!Ke||l.cancel},functions:{onSuccess:async pe=>{await ke(pe)},onCancel:D},fields:st,intlPath:Ft,button:{variant:"primary",size:{mobile:"small",600:"medium"},"data-gtm-event-context":d,"data-gtm-event-type":`${x?"save":"submit"}-${g}-click`,"data-testid":"save-button",disabled:qe,text:{default:!x&&(o!=null&&o.submit)?o==null?void 0:o.submit:f.formatMessage({id:`${Ft}${x?"save":"post"}`}),submitting:f.formatMessage({id:`${Ft}${x?"saving":"posting"}`})}},secondaryActionButton:{variant:"secondary",size:{mobile:"small",600:"medium"},"data-gtm-event-context":d,"data-gtm-event-type":`cancel-${g}-click`,disabled:!l.cancel&&(!p||!p.id||!j.body),text:o!=null&&o.cancel?o==null?void 0:o.cancel:f.formatMessage({id:`${Ft}cancel`})},gtm:{context:d,event:`${g}-form`},"data-testid":`discussion-${g}-form`,children:[L&&!x&&g===Ye.Question&&h.jsx("h2",{children:yr(f.formatMessage,`${Ft}title`,g,"action")}),h.jsx(mi,{member:p?{...p,link:!1}:"community",gtmContext:d,gtmType:"profile-click",badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:t||""},{scope:cn.Platform,area:"all"}]}})]}),ie.status==="submitted"&&k&&h.jsx(Ns,{className:"success","data-testid":"success",children:yr(f.formatMessage,`${Ft}success`,g,"action")}),X&&h.jsx(Ns,{id:"error-message",className:"error","data-testid":"error",children:l.error?l.error:typeof X=="string"?X.includes(" ")?X:f.formatMessage({id:X},{action:f.formatMessage({id:`discussion_action_${g}`}),maxLength:s}):X}),y&&h.jsx(ut,{"aria-live":"polite",showOnFocus:!1,children:y})]})},Wre=Object.freeze(Object.defineProperty({__proto__:null,default:Hl},Symbol.toStringTag,{value:"Module"}));function P3(e,t){let n=t;const r=e.matchAll(Oa),i=e.matchAll(/\[([^\]]+)\]\(([^)]+)\)/g);for(const a of[r,i])for(const s of a)if(s.index!==void 0){if(s.index>=n)break;if(s.index+s[0].length<=n)continue;n=s.index}return e.length>n?e.slice(0,n).trim()+"…":e}const R3=280,Vre=(e,t,n)=>{let r=t?P3(e,typeof t=="number"?t:R3):e;return r=r.trim(),r=r.replaceAll(Oa,(i,a)=>{var s,o;return`[@${((o=(s=n==null?void 0:n[a])==null?void 0:s.data)==null?void 0:o.name)||a}](/profiles/${a})`}),r},C0=async(e,t,n,r=()=>Promise.resolve([]))=>{let i=t?P3(e,typeof t=="number"?t:R3):e;i=i.trim();const a=`<br>
 
 `;return i.slice(0,a.length)===a&&(i=i.slice(a.length)),n?await d4({text:i,template:"[@{{name}}](/profiles/{{id}})",mentions:n,listMembers:r}):i},F3=(e,t)=>t.length===0||e.length===0?[]:e.map(n=>t.find(r=>r.slug===n)).filter(n=>n!==void 0),Kre=(e,t,n)=>{let r=!1;function i(a){let s=30;for(;a||s<=0;){if(t.some(o=>Array.from(a==null?void 0:a.classList).includes(o))){r=!0;break}if(Array.from(a==null?void 0:a.classList).includes(n))break;a=a.parentElement,s--}}return i(e.target),r},Gre=(e,t)=>e?typeof e=="string"?e:e[t]:"";const Yre={showForm:!1},j1=E.createContext(Yre),B3=({children:e})=>{const[t,n]=E.useState({showForm:!1});return h.jsx(j1.Provider,{value:{...t,updateConversation:n},children:e})};function Zre({author:e,originalAuthorId:t,createdAt:n,contentData:r,content:i,gtmContext:a,badges:s}){var d;const o="discussion_",l=de.useIntl(),u=(d=i==null?void 0:i.componentProps)==null?void 0:d.member.additionalContent,c=u?u.customMessage:void 0;return h.jsxs("div",{className:"author-section",children:[h.jsx(mi,{member:e,additionalContent:{createdAt:n,didEdit:r.didEdit,customMessage:c},className:ee({highlighted:typeof e!="string"&&e.id===t}),styling:{additionalContentNewLine:!!c},gtmContext:a,gtmType:"profile-click",badges:s}),i.pinned&&h.jsx(jr,{variant:"naked",size:"xlarge",icon:"pin",children:h.jsx(ut,{children:l.formatMessage({id:`${o}pinned_post`})})})]})}const Xf=({children:e,class:t,...n})=>{const r={...n,class:ee("subtle",t)};return h.jsx("blockquote",{...r,children:e})};function Qre({content:e}){var t;return!e||!((t=e.categories)!=null&&t.length)?h.jsx(h.Fragment,{}):h.jsx("ul",{className:"categories-list",children:e.categories.map(n=>!n.slug||!n.name?h.jsx(h.Fragment,{}):h.jsx(jr,{size:"small",element:"li",children:n.name},n.slug))})}var x0=(e=>(e.Always="always",e.AfterVoting="after-voting",e))(x0||{});const Xre=(e,t,n)=>n===void 0?0:e.some(i=>i.hasUserVoted)?t?e.findIndex(i=>!i.hasUserVoted):e.findIndex(i=>i.hasUserVoted):0,Jre=(e,t,n,r=0)=>{if(!e)return{nextElement:null,nextIndex:0};let i=n==="next"?e.nextElementSibling:e.previousElementSibling,a=r+(n==="next"?1:-1);for(;i;){if(!i.classList.contains(t))return{nextElement:i,nextIndex:a};i=n==="next"?i.nextElementSibling:i.previousElementSibling,a=a+(n==="next"?1:-1)}const s=e.parentElement;if(s)for(i=n==="next"?s.firstElementChild:s.lastElementChild,a=n==="next"?0:s.childElementCount-1;i&&i!==e;){if(!i.classList.contains(t))return{nextElement:i,nextIndex:a};i=n==="next"?i.nextElementSibling:i.previousElementSibling,a=a+(n==="next"?1:-1)}return{nextElement:null,nextIndex:0}};const eie=({user:e,option:t,optionIndex:n,totalPollVotes:r=0,allowMultipleVotes:i=!1,showResults:a=!1,hasVotedOnPoll:s=!1,isTabbable:o=!1,functions:l})=>{var y;const[u,c]=E.useState(t.hasUserVoted);let d=0,f={};const p=(i||!s)&&!t.hasUserVoted;a&&(d=Math.round(t.numVotes/r*100)||0,f={"--vote-perc":`${d}%`});const g=v=>{v.stopPropagation(),p&&(l==null||l.createVote(t),c(!0))},m={htmlFor:t.id,className:ee({"can-vote":p}),tabIndex:o&&p?0:-1,"data-testid":"poll-option-label","data-gtm-event-type":"poll-option-click","data-gtm-event-context":"PollOption","aria-selected":t.hasUserVoted,onClick:g,onKeyDown:v=>{var b;if(v.code!=="Tab")switch(v.code){case"Enter":case"Space":v.preventDefault(),v.stopPropagation(),g(v),c(!0);break;case"ArrowUp":case"ArrowDown":v.stopPropagation(),v.preventDefault();const T=v.code==="ArrowUp"?"prev":"next",{nextElement:C,nextIndex:_}=Jre(v.currentTarget.parentElement,"selected",T,n);C&&((b=C.querySelector("label"))==null||b.focus(),l==null||l.setTabbableOption(_));break}}};return h.jsxs("li",{"data-testid":"poll-option",style:f,className:ee("poll-option text-small",{selected:t.hasUserVoted}),children:[h.jsx("label",{...m,children:h.jsx("span",{children:t.label})}),a&&h.jsxs("div",{className:"vote-details",children:[t.hasUserVoted&&h.jsx(_i,{className:"author-profile-picture",name:e.name,src:(y=e==null?void 0:e.image)==null?void 0:y.thumbnail}),h.jsxs("p",{className:"vote-perc text-medium","data-testid":"vote-perc",children:[d,"%"]})]}),h.jsx("input",{type:i?"radio":"checkbox",id:t.id,name:t.id,checked:u,tabIndex:-1})]})};const M3=({title:e,options:t,settings:n,functions:r})=>{const i="poll_",a=de.useIntl(),s=E.useContext(Mt),{showRemoveVote:o=!1,allowMultipleVotes:l=!1,resultsVisibility:u=x0.AfterVoting}=n||{},[c,d]=E.useState(Xre(t,l,s==null?void 0:s.id)),f=t.reduce((v,b)=>v+b.numVotes,0),p=t.filter(v=>v.hasUserVoted).length,g=t.filter(v=>v.hasUserVoted),m=E.useCallback(async v=>{await r.createVote({reactionId:v.id})},[]),y=E.useCallback(async()=>{t.forEach(async v=>{v.hasUserVoted&&v.userVote&&r.removeVote({reactionId:v.userVote.id})})},[t]);return h.jsxs("div",{className:"poll-wrapper",children:[h.jsx("p",{className:"poll-title",children:e}),h.jsxs("aside",{className:"poll-info",children:[h.jsx("p",{className:"poll-instructions","data-testid":"poll-instructions",children:h.jsx("small",{children:a.formatMessage({id:`${i}instructions`},{allowMultipleVotes:l})})}),h.jsx("p",{className:"poll-num-votes",children:h.jsx("small",{"data-testid":"poll-total-votes",children:a.formatMessage({id:`${i}num_votes`},{number:f})})}),o&&h.jsx("p",{className:"poll-remove-vote",children:h.jsx(Me,{variant:"tertiary",onClick:y,"data-testid":"remove-votes-button",disabled:p===0,children:h.jsx("small",{children:a.formatMessage({id:`${i}remove_vote_button`},{number:p})})})})]}),t&&h.jsx("form",{children:h.jsx("fieldset",{children:h.jsx("ul",{className:"poll-options",children:t==null?void 0:t.map((v,b)=>h.jsx(eie,{isTabbable:c===b,user:s,option:v,optionIndex:b,totalPollVotes:f,showResults:u==il.EResultsVisibility.Always||!!p,allowMultipleVotes:l,hasVotedOnPoll:!!p,functions:{createVote:m,setTabbableOption:d}},v.id))})})}),h.jsxs(ut,{"aria-live":"polite",children:[a.formatMessage({id:`${i}aria_votes`},{number:p}),!!p&&h.jsx("ul",{children:g.map(v=>h.jsx("li",{children:v.label}))})]})]})};function tie({content:e,contentData:t,functions:n}){return h.jsx(M3,{title:t.title,options:(e==null?void 0:e.pollOptions)||[],settings:(e==null?void 0:e.pollSettings)||{},functions:{createVote:n.createVote,removeVote:n.removeVote}})}function nie({links:e={},contentData:t,postCutOff:n,content:r,gtmContext:i}){var a;return h.jsxs(h.Fragment,{children:[e.post?h.jsxs("a",{href:e.post,className:"gtm-trackable gtm-visible","data-gtm-event-type":`discussion-${r.type}`,"data-gtm-event-context":i,children:[(t==null?void 0:t.title)&&h.jsx("p",{className:"content-title",children:t==null?void 0:t.title}),t.postBody.length>n?h.jsx(v4,{text:t.postBody,markdownOptions:{overrides:{a:oh,blockquote:{component:Xf}}}}):h.jsx(Na,{options:{overrides:{a:oh,blockquote:{component:Xf}}},children:t.postBody})]}):h.jsxs(h.Fragment,{children:[(t==null?void 0:t.title)&&h.jsx("p",{className:"content-title",children:t==null?void 0:t.title}),h.jsx(Na,{options:{wrapper:r.type===Ye.Question?"h1":E.Fragment,forceWrapper:r.type===Ye.Question,forceInline:r.type===Ye.Question,forceBlock:r.type!==Ye.Question,overrides:{blockquote:{component:Xf}}},children:t.postBody})]}),(a=t.data)!=null&&a.link?h.jsx(dm,{data:t.data.link}):h.jsx(h.Fragment,{})]})}const mr="discussion_",rie=195;let Ku=null;const Ul=({element:e="div",content:t,userHasPermissions:n=!0,userHasOwnerPermissions:r=!1,isLoading:i=!1,originalAuthorId:a,forceHide:s,functions:o,links:l={},className:u,gtmContext:c="DiscussionAnswer",children:d,isTruncated:f=!1,setFocus:p=!1,isCommunity:g=!1,badges:m,basePath:y,parentId:v,locale:b="en",disableMentions:T,onClick:C})=>{var ae,he,Ne,pe,Q,be,De;const _=de.useIntl(),x=E.useContext(j1),S=E.useContext(Mt),{createContent:P=async()=>{},deleteContent:F=async()=>{},updateContent:L=async()=>{}}=o.content||{},{createLike:R=()=>{},deleteLike:N=()=>{},listLikes:k=async()=>({})}=o.likes||{},{openComments:B=()=>{}}=o.comments||{},{listMembers:H=()=>Promise.resolve([]),clickMentionFallback:z=()=>{}}=o.form||{},{createVote:I=()=>{},removeVote:Z=()=>{},removePoll:J=()=>{}}=o.polls||{},{author:D,createdAt:w,id:Y,likes:M=0,userLiked:$,comments:q=0,data:U}=t,j=Gre(t.title,b),se=S&&S.id&&typeof D!="string"&&D.id&&D.id===S.id||!1,X=se&&(!t.createdAt||yx(t.createdAt,10,"seconds")),re=E.useRef(null),[te,ie]=E.useState({title:t.body!==j&&j||"",body:t&&t.body||"",isEditing:!1,didEdit:t&&t.isEdited||!1,postBody:t&&t.body?Vre(t.body,f,(ae=t.data)==null?void 0:ae.mentions):"",data:t&&t.data||{}}),[xe,Se]=E.useState(!1),[_e,ue]=E.useState(X?"highlighted":"default"),[me,ke]=E.useState("");E.useEffect(()=>{const Ce=re.current;if(!(!Ce||_e==="default"))return document.addEventListener(Yt.DISCUSSION_FORM_SUBMITTED,Fe),Ce.addEventListener("transitionend",tt),()=>{document.removeEventListener(Yt.DISCUSSION_FORM_SUBMITTED,Fe),Ce.removeEventListener("transitionend",tt)}},[]),E.useEffect(()=>{ie(Ce=>({...Ce,title:t&&j||"",body:t&&t.body||"",didEdit:t&&t.isEdited||!1,data:t&&t.data||{}}))},[t.isEdited]),E.useEffect(()=>{(async()=>{const He=await C0(te.body,f,U==null?void 0:U.mentions,H);ie(Ge=>({...Ge,postBody:He}))})()},[te.body,U==null?void 0:U.mentions]);const Fe=()=>{setTimeout(()=>{ue("fading")},1e3)},tt=({propertyName:Ce})=>{Ce==="background-color"&&ue(He=>(He==="default"&&(document.removeEventListener(Yt.DISCUSSION_FORM_SUBMITTED,Fe),re.current&&re.current.removeEventListener("transitionend",tt)),He==="fading"?"default":He))};if(i||!t||t.type===Ye.Answer&&(!t.slugs||!t.slugs.question)||te.postBody===""&&t.title==="")return h.jsx(or,{className:"discussion-card"});const ft=async({title:Ce,body:He,data:Ge})=>{Ce||(Ce=""),He||(He=""),ke("");try{if(!bc(Ce,te.title)||!bc(He,te.body)){const Je=t.type===Ye.Question?{title:He}:{title:Ce,body:He,data:Ge};await L(fh(t.slugs),Je)}ie(Je=>({...Je,title:Ce||"",body:He||"",data:{...Je.data,...Ge},isEditing:!1,didEdit:!0}))}catch{ke(`${mr}form_error`)}},Ke=()=>{if(x&&x.updateConversation){const Ce={showForm:!0},He=t.author;He&&He.id&&!T&&(g&&(Ce.prepopulateForm=`@{{${He.id}}}`),Ce.mentionData={id:He.id,name:He.name}),x.updateConversation(Ce)}setTimeout(()=>{var $t,Tt,Jt;const He=`reply-form-${(t.type===Ye.Answer?t.slug:(($t=t.slugs)==null?void 0:$t.reply)||((Tt=t.slugs)==null?void 0:Tt.answer)||((Jt=t.slugs)==null?void 0:Jt.question)||"").toLowerCase().slice(-15)}`,Ge=document.getElementById(He),Je=document.getElementById(`${He}-input`);Je&&Je.focus(),Ge&&Ge.scrollIntoView({behavior:"smooth"})},0)},st=async()=>{Se(!1);try{t.type===Ye.Poll?(await J(),C?C(`${y}/${v}`):window.location.href=`${y}/${v}`):await F(fh(t.slugs))}catch{ke("delete-error")}},qe=[];return n&&se&&(t.type!==Ye.Poll&&qe.push({text:_.formatMessage({id:`${mr}moreMenu_edit`}),onClick:()=>ie(Ce=>({...Ce,isEditing:!0})),icon:"pencil-paper",className:"gtm-trackable","data-gtm-event-context":c,"data-gtm-event-type":`edit-${t.type}-click`}),qe.push({text:_.formatMessage({id:`${mr}moreMenu_delete`}),onClick:Ce=>{Ce.preventDefault(),Ce.stopPropagation(),Se(!0)},icon:"trash",className:"gtm-trackable","data-gtm-event-context":c,"data-gtm-event-type":`delete-${t.type}-click`,...V4(`delete-${t.slug}-modal`,xe)})),r&&o.pins&&qe.push({text:_.formatMessage({id:`${mr}moreMenu_${t.pinned?"unpin":"pin"}`}),onClick:t.pinned?o.pins.deletePin:o.pins.createPin,icon:t.pinned?"unpin":"pin",className:"gtm-trackable","data-gtm-event-context":c,"data-gtm-event-type":`edit-${t.type}-click`}),p&&((he=re==null?void 0:re.current)==null||he.focus(),(Ne=re==null?void 0:re.current)==null||Ne.scrollIntoView({behavior:"smooth"})),E.createElement(e,{className:ee("discussion-post",u,{[_e]:!u||!u.includes("highlighted-text-box"),"has-link":l.post&&!te.isEditing,"is-pinned":(t==null?void 0:t.pinned)||!1}),ref:re,tabIndex:p?0:null,"data-testid":`discussion-${t.type}-thread`,"data-gtm-event-context":`${c}-post-click`,onClick:Ce=>{if(!l.post||te.isEditing||t.type===Ye.Poll&&Kre(Ce,["poll-options","poll-info"],"discussion-post"))return;Ce.preventDefault(),Ce.stopPropagation(),Ku&&clearTimeout(Ku),Ku=setTimeout(()=>{C?C(l.post):window.location.href=l.post},150);const He=new CustomEvent(Yt.DISCUSSION_POST_CLICKED,{detail:{link:l.post,timeout:Ku}});document.dispatchEvent(He)},children:h.jsxs(h.Fragment,{children:[h.jsxs("div",{id:Y||t.slug,className:ee("discussion-card text-medium",t.type,{editing:te.isEditing,"has-link":l.post&&!te.isEditing}),children:[!te.isEditing&&h.jsx(Zre,{author:D,originalAuthorId:a,createdAt:w,contentData:{didEdit:te.didEdit},content:t,gtmContext:c,badges:m}),te.isEditing?h.jsx(Hl,{id:`editing-${t.slug}`,content:{type:t.type,slugs:t.slugs},userHasPermissions:n,meta:{isLoading:i,isInWrapper:!0,hasTitleField:te.title!==""?{text:te.title}:!1,isEditing:{text:te.body,categories:[]},canBePrepopulated:g,isPrepopulated:!1},maxLength:t.type===Ye.Question?250:5e4,forceShow:{error:me!==""&&me!=="delete-error"?_.formatMessage({id:me},{action:_.formatMessage({id:`${mr}action_${t.type}`})}):!1},functions:{create:P,handleSaveEdit:ft,handleCancel:()=>{ke(""),ie(Ce=>({...Ce,isEditing:!1}))},listMembers:H,clickMentionFallback:z},gtmContext:`${c}Form`,data:U}):h.jsxs(h.Fragment,{children:[t.type===Ye.Poll?h.jsx(tie,{content:t,contentData:te,functions:{createVote:I,removeVote:Z}}):h.jsx(nie,{links:l,contentData:te,postCutOff:rie,content:t,gtmContext:c}),h.jsx(Qre,{content:t})]}),!te.isEditing&&!(s!=null&&s.actionBar)&&h.jsx(KT,{className:t.type,gtmContext:c,contentType:t.type,likes:s!=null&&s.likes?!1:{count:M||0,userLiked:$||!1,canLike:n??!0,peopleWhoLiked:t.peopleWhoLiked,activityId:t.id||t.slug,content:{slugs:t.slugs||{},slug:t.slug},functions:{createLike:R,deleteLike:N,listLikes:k},basePath:y,parentId:v},comments:!(s!=null&&s.comments)&&([Ye.Question,Ye.Post].includes(t.type)||l.comments)?{count:q||0,functions:{onClick:()=>{l!=null&&l.comments&&(C?C(l.comments):window.location.href=l.comments),typeof B=="function"&&B()}}}:!1,replies:t.type==="answer"||t.type==="reply"?{canReply:n??!0,functions:{onClick:Ke}}:!1,shareLink:!(s!=null&&s.shareLink)&&{url:`${window.location.origin}${(pe=t.slugs)==null?void 0:pe.question}/${(Q=t.slugs)==null?void 0:Q.answer}${(be=t.slugs)!=null&&be.reply?`#${(De=t.slugs)==null?void 0:De.reply}`:""}`},moreMenu:!(s!=null&&s.moreMenu)&&{options:qe,contentSlug:t.slug,reportData:{contentUrl:`${window.origin}${typeof process<"u"&&process.env.PUBLIC_URL||""}/${t.slugs.question||""}`}}})]}),d,h.jsx(Ci,{id:`delete-${t.slug}-modal`,isOpen:xe,functions:{onOpen:()=>{},onClose:()=>Se(!1)},forceShow:{error:me==="delete-error"?_.formatMessage({id:"${intlPath}delete_error"},{action:_.formatMessage({id:`${mr}action_${t.type}`})}):!1},title:_.formatMessage({id:`${mr}delete_title`},{action:_.formatMessage({id:`${mr}action_${t.type}`})}),buttons:[{variant:"secondary",onClick:()=>Se(!1),children:_.formatMessage({id:`${mr}delete_cancel`})},{variant:"primary",className:"destructive",onClick:st,children:_.formatMessage({id:`${mr}delete_delete`})}],gtmContext:`${(t.type||"").charAt(0).toUpperCase()}${(t.type||"").slice(1)}:${t.slug}`,children:h.jsx(de.FormattedMessage,{id:"discussion_delete_text",values:{p:Ce=>h.jsx("p",{children:Ce}),action:_.formatMessage({id:`${mr}action_${t.type}`})}})})]})})};const iie=E.lazy(()=>Promise.resolve().then(()=>vie)),aie=65,L3=({forceShow:e,form:t,className:n})=>{const r=de.useIntl(),i="discussionFormCard_",a="DiscardDraftModal",o=E.useContext(Mt)||"community",l=n1(o);l.name||(l.name=r.formatMessage({id:`member_${typeof o=="string"?o:"community"}`}));const u=Qi(!0,!1),c=u?u<768:0,{modal:d=!1}=e||{},[f,p]=E.useState({form:d||f4("showPost")==="true"||!1,warning:!1}),[g,m]=E.useState({showCachedText:!1});E.useEffect(()=>{if(!g.showCachedText)return;(async()=>{const T=await C0(g.title||g.body||"",aie,g.mentions);m(C=>({...C,prettifiedText:T}))})()},[g.showCachedText,g.title,g.body]);const y=b=>{if(!g.showCachedText||typeof f.warning=="string")return;let T;if("detail"in b&&b.detail.link)b.detail.timeout&&clearTimeout(b.detail.timeout),T=b.detail.link;else{const C=b;C.preventDefault(),C.stopPropagation();const x=C.target.closest("a");T=x&&x.getAttribute("href")}p(C=>({...C,warning:T||!1}))};E.useEffect(()=>{if(!g.showCachedText){document.removeEventListener(Yt.DISCUSSION_POST_CLICKED,y),document.removeEventListener(Yt.MEMBER_CLICKED,y),document.removeEventListener("click",y);return}return document.addEventListener(Yt.DISCUSSION_POST_CLICKED,y),document.addEventListener(Yt.MEMBER_CLICKED,y),document.addEventListener("click",y),()=>{document.removeEventListener(Yt.DISCUSSION_POST_CLICKED,y),document.removeEventListener(Yt.MEMBER_CLICKED,y),document.removeEventListener("click",y)}},[g.showCachedText]),E.useEffect(()=>{const b=T=>{if(!(!g.showCachedText||f.warning!==!1))return T.preventDefault(),T.returnValue=""};return window.addEventListener("beforeunload",b,{capture:!0}),()=>{window.removeEventListener("beforeunload",b,{capture:!0})}},[g.showCachedText,f.warning]);let v=r.formatMessage({id:`${i}placeholder${c?"":"_long"}`});return g.showCachedText&&(g.title||g.body)&&(v=g.prettifiedText||v),h.jsxs(h.Fragment,{children:[h.jsxs("button",{className:ee("discussion-form-card",n),onClick:b=>{b.preventDefault(),b.stopPropagation(),p(T=>({...T,form:!0}))},"data-testid":"discussion-form-card",children:[h.jsx(_i,{name:l.name,src:l.image,alt:""}),h.jsx(Na,{className:ee("input",{placeholder:!g.showCachedText}),element:"span",options:{forceInline:!0,overrides:{a:Zn,blockquote:Zn,br:Zn,em:Zn,li:Zn,ol:Zn,p:Zn,s:Zn,span:Zn,strong:Zn,ul:Zn}},children:v})]}),h.jsxs(Ws,{children:[h.jsx(iie,{showModal:f.form,functions:{cacheText:m,onClose:()=>{p(b=>({...b,form:!1}))}},form:t,cachedText:g,className:"in-portal"}),h.jsx(Ci,{id:t.id?`${t.id}-warning`:"discussion-form-card-warning",className:"in-portal",isOpen:f.warning!==!1,functions:{onClose:()=>{p(b=>({...b,warning:!1}))}},title:r.formatMessage({id:`${i}overlay_title`}),buttons:[{variant:"secondary",children:r.formatMessage({id:`${i}overlay_cta_discard`}),onClick:b=>{b.preventDefault(),b.stopPropagation(),typeof f.warning=="string"&&(window.location.href=f.warning)},"data-gtm-event-type":"discard-click","data-gtm-event-context":a},{variant:"primary",children:r.formatMessage({id:`${i}overlay_cta_continue`}),onClick:()=>{p({form:!0,warning:!1})},"data-gtm-event-type":"continue-editing-click","data-gtm-event-context":a}],withFocusTrap:t.withFocusTrap,children:h.jsx("p",{children:r.formatMessage({id:`${i}overlay_text`})})})]})]})},sie=E.lazy(()=>Promise.resolve().then(()=>Wre)),w0=({isCard:e=!1,form:t,parentId:n,categories:r,membershipRequiredToPost:{isMember:i,required:a,join:s,leave:o,notMemberStateText:l},locale:u=ul})=>{const c=de.useIntl();if(a&&!i)return h.jsx(Vr,{text:l,button:{breakpoints:{mobile:!0,901:!1},component:h.jsx(Sp,{isShort:!0,functions:{join:s,leave:o}})}});const{content:d,functions:f,meta:p,...g}=t,m={content:{type:(d==null?void 0:d.type)||"reply",slugs:(d==null?void 0:d.slugs)||{}},functions:{...f,create:(f==null?void 0:f.create)||(()=>{})},parentId:n,meta:{...p,isEditing:(p==null?void 0:p.isEditing)||!1,isPrepopulated:!1,showSuccessMessage:!1,postCategories:[{name:c.formatMessage({id:"discussion_form__postType_no-category",defaultMessage:"Post"}),slug:"no-category"},...r||[]]},...g,id:`add-post-${g.id||""}`};return e?h.jsx(L3,{form:m}):h.jsx(sie,{...m})},A0=({form:e})=>{const t=E.useContext(Mt),n=de.useIntl(),[r,i]=E.useState(!1),a=()=>{Bx(t)||i(!0)};E.useEffect(()=>{if(e&&!(e!=null&&e.isDisabled)||(e==null?void 0:e.isDisabled)===void 0)return document.addEventListener(Yt.DISCUSSION_POST_ADDED,a),()=>{document.removeEventListener(Yt.DISCUSSION_POST_ADDED,a)}});const s={};return["successMessage","title","text"].forEach(o=>{s[o]=n.formatMessage({id:`profileModalLauncher_${o}`})}),h.jsx(H1,{form:e,showModal:r,functions:{onClose:()=>{i(!1)}},content:s})};const Jf="discussion_responses_",$3=({type:e="answer",responses:t=0,isLoading:n=!1})=>{const r=de.useIntl();return t=parseInt(t),h.jsxs("div",{className:"responses-heading",children:[h.jsx("h4",{children:r.formatMessage({id:`${Jf}title`},{action:r.formatMessage({id:`${Jf}${e}`}),count:t})}),!n&&t===0&&h.jsx("p",{children:yr(r.formatMessage,`${Jf}empty`,e,e)})]})};const j3=({loadMore:{isLoading:e,hasNextPage:t,loadNextPage:n}={isLoading:!1,hasNextPage:!1,loadNextPage:()=>{}},form:r,children:i})=>{const a=de.useIntl(),s=E.useContext(j1),o=Qu(i,{element:"li"});if(s.prepopulateForm&&(r!=null&&r.meta)&&(r.meta.isPrepopulated={text:s.prepopulateForm},s.mentionData)){const l=r.data||{};l.mentions||(l.mentions={});const u=s.mentionData.id||"1";l.mentions[u]={created_at:"",updated_at:"",id:u,data:s.mentionData},r.data=l,r.meta.isAutoFocused=!0}return h.jsxs("div",{className:ee("thread-wrapper",{"empty-thread":!o}),children:[!Object.is(o,null)&&h.jsx("ul",{className:"thread",children:o}),!e&&h.jsx(kl,{hasNextPage:t,loadNextPage:n,size:"small",styling:{muted:!0},icon:{icon:"arrow_corner-down_right",position:"left"},messages:{button:a.formatMessage({id:"discussion_thread_loadMore"}),error:a.formatMessage({id:"loadMore_error"})}}),r&&s.showForm&&h.jsx(Hl,{...r})]})};function oie(e){var n,r;let t=!1;return(r=(n=e.latest_reactions)==null?void 0:n["poll-option"])==null||r.forEach(i=>{var a,s;(s=(a=i.own_children)==null?void 0:a["poll-vote"])!=null&&s.length&&(t=!0)}),t}function lie({mutationFn:e,mutationHandlers:{mutate:t,error:n},queryClient:r,queryKey:i,user:a}){const{mutate:s}=vt.useMutation({mutationFn:e,onMutate:({reactionId:o})=>t(l=>(G4({activity:l,reactionId:o,user:a}),l)),onError:n,onSuccess:(o,{reactionId:l},u)=>{u&&Y4({activity:u,reactionId:l,correctReactionId:o.body.id,user:a}),r.setQueryData(i,u)}});return s}function uie({mutationFn:e,mutationHandlers:{mutate:t,error:n}}){const{mutate:r}=vt.useMutation({mutationFn:e,onMutate:({content:i,title:a})=>t(s=>(s&&(i!=null&&(s.content=i),a!=null&&(s.title=a)),s)),onError:n});return r}function cie({mutationFn:e,mutationHandlers:{mutate:t,error:n},queryClient:r,queryKey:i}){const{mutate:a}=vt.useMutation({mutationFn:e,onMutate:s=>t(o=>(o&&Sc({activity:o}),o)),onError:n,onSuccess:(s,o,l)=>{l&&Sc({activity:l,reaction:s}),r.setQueryData(i,l)}});return a}function die({mutationFn:e,mutationHandlers:{mutate:t,error:n},queryClient:r,queryKey:i}){const{mutate:a}=vt.useMutation({mutationFn:e,onMutate:s=>t(o=>(o&&kc({activity:o}),o)),onError:n,onSuccess:(s,o,l)=>{l&&kc({activity:l,reaction:s}),r.setQueryData(i,l)}});return a}function fie({queryFn:e,queryKey:t}){const{data:n,error:r,isLoading:i,isFetching:a}=vt.useQuery({queryFn:e,queryKey:t});return{activity:n,error:r,isLoading:i,isFetching:a}}function hie({mutationFn:e,mutationHandlers:{mutate:t,error:n},user:r}){const{mutate:i}=vt.useMutation({mutationFn:e,onMutate:({reactionId:a})=>t(s=>(Z4({activity:s,reactionId:a}),s)),onError:n});return i}function H3({queryFns:{read:e,edit:t,like:n,unlike:r,pin:i,unpin:a,createVote:s,removeVote:o},queryKey:l}){const u=vt.useQueryClient(),c=e1(),d={queryClient:u,queryKey:l},f={mutationHandlers:{error:kp(d),mutate:Dp(d)},user:c,...d},p=uie({...f,mutationFn:t}),g=cie({...f,mutationFn:n}),m=pie({...f,mutationFn:r}),y=die({...f,mutationFn:i}),v=mie({...f,mutationFn:a}),b=lie({...f,mutationFn:s}),T=hie({...f,mutationFn:o}),{activity:C,..._}=fie({queryKey:l,queryFn:e});return{activity:C,mutations:{edit:p,like:g,unlike:m,pin:y,unpin:v,createVote:b,removeVote:T},user:c,..._}}function pie({mutationFn:e,mutationHandlers:{mutate:t,error:n},user:r}){const{mutate:i}=vt.useMutation({mutationFn:e,onMutate:a=>t(s=>(s&&Q4({activity:s,user:r}),s)),onError:n});return i}function mie({mutationFn:e,mutationHandlers:{mutate:t,error:n},user:r}){const{mutate:i}=vt.useMutation({mutationFn:e,onMutate:a=>(console.log("unpin"),t(s=>(s&&X4({activity:s,user:r}),s))),onError:n});return i}const gie=({basePath:e,parentId:t,activityId:n,isMember:r,isOwner:i,functions:{activities:{remove:a,...s},likes:o,reactions:l,form:u,join:c,leave:d,polls:f},profile:p,categories:g,locale:m=ul,type:y=Ut.Communities,repliesFilters:v})=>{var Y,M;const b=de.useIntl(),T=E.useContext(Mt),C={...s,...f},{activity:_,error:x,isLoading:S,mutations:{edit:P,like:F,unlike:L,pin:R,unpin:N,createVote:k,removeVote:B}}=H3({queryFns:C,queryKey:[e,t,n]});if(S)return h.jsx(or,{style:{height:"400px",width:y===Ut.Courses?"100%":"initial"}});if(x||!_)return h.jsx(Vr,{variant:"error",text:b.formatMessage({id:"activitySection_notFoundError"})});const{own_reactions:H,verb:z,latest_reactions:I}=_,J=!!((Y=H==null?void 0:H.like)!=null&&Y.find($=>{var q;return((q=$.user)==null?void 0:q.id)===(T==null?void 0:T.id)}))?H==null?void 0:H.like[0].id:"",D=_==null?void 0:_.actor,w=Np(_,g);return h.jsxs("section",{className:"activity-section",children:[h.jsx(Ul,{className:"highlighted-text-box subtle",isCommunity:!0,content:{...w,body:y===Ut.Courses?eb({payload:(M=_==null?void 0:_.payload)==null?void 0:M.data,locale:m}):_==null?void 0:_.content,slugs:{question:`${e}/${t}`,answer:_==null?void 0:_.id}},originalAuthorId:D==null?void 0:D.id,forceHide:{comments:!0,shareLink:y===Ut.Courses},functions:{content:{createContent:()=>null,deleteContent:a,updateContent:($,{title:q,body:U})=>P({title:q,content:U})},likes:{createLike:()=>F({activityId:n}),deleteLike:()=>L({activityId:n,reactionId:J}),listLikes:$=>o.list({activityId:n,...$})},comments:{openComments:()=>{}},pins:{createPin:()=>R({activityId:n}),deletePin:()=>{var $;return N({activityId:n,reactionId:($=I==null?void 0:I.pin)==null?void 0:$[0].id})}},polls:{createVote:({reactionId:$})=>k({reactionId:$}),removeVote:({reactionId:$})=>B({reactionId:$}),removePoll:()=>f.removePoll({activityId:n})},form:u},styling:{showShareLinkButton:!0},userHasPermissions:r,userHasOwnerPermissions:i,badges:{showBadges:!0,scopes:[{scope:cn.Communities,area:t||""},{scope:cn.Platform,area:"all"}]},basePath:e,parentId:t},n),h.jsx(zT,{basePath:e,parentId:t,activityId:n,showReplies:z===Ye.Poll?oie(_):!0,activityTotalReplies:(_==null?void 0:_.total_replies)||0,isMember:r,functions:{reactions:l,likes:o,form:u,join:c,leave:d},profile:p,type:y,repliesFilters:v})]})};const U3=({showModal:e=!0,functions:t,form:n,cachedText:r,className:i})=>{const a=de.useIntl(),s="discussionFormModal_",{onClose:o=()=>{},cacheText:l=()=>{}}=t,{data:u,meta:c,functions:d}=n,{title:f="",body:p="",mentions:g}=r||{},m="discussion-form-modal";return h.jsx(Ci,{id:m,title:a.formatMessage({id:`${s}title`}),isOpen:e,functions:{onClose:()=>{(f!==""||p!=="")&&l(y=>({...y,showCachedText:!0})),o()}},className:ee("discussion-form-modal",i),withFocusTrap:n.withFocusTrap,children:h.jsx(Hl,{...n,data:{...u,mentions:g||(u==null?void 0:u.mentions)},meta:{...c,isAutoFocused:!0,isInOverlay:`${m}-overlay`,hasTitleField:{text:f},isPrepopulated:{text:p||(c==null?void 0:c.isPrepopulated)!==!1&&(c==null?void 0:c.isPrepopulated.text)||""},showGuidelines:!1,showDivider:!0,showPostType:!0},buttons:{submit:a.formatMessage({id:`${s}cta`})},functions:{...d,onChange:y=>{l(v=>({...v,...y}))},onMention:({id:y,name:v}={})=>{if(!y||!v)return;const b=g||{};b[y]={created_at:"",updated_at:"",id:y,data:{name:v}},l(T=>({...T,mentions:b}))},create:async y=>{o(),d.create&&await d.create(y),l({showCachedText:!1})},createPoll:async y=>{const v=()=>{o(),l({showCachedText:!1})};if(d.createPoll)try{const b=await d.createPoll(y);return new Promise(T=>(v(),T(b)))}catch{return new Promise((T,C)=>C())}else return v(),new Promise(b=>b({}))},handleSaveEdit:async y=>{o(),d.handleSaveEdit&&await d.handleSaveEdit(y),l({showCachedText:!1})}}})})},vie=Object.freeze(Object.defineProperty({__proto__:null,default:U3},Symbol.toStringTag,{value:"Module"}));const yie=({className:e,showModal:t=!0,title:n,messagePlaceholder:r,formTitle:i,formLabel:a,ctaMessage:s,showIcon:o,onClose:l,reportError:u=()=>{},sendInvites:c})=>{const d=de.useIntl();return i||(i=d.formatMessage({id:"inviteModal_formTitle"})),a||(a=d.formatMessage({id:"inviteModal_formLabel"})),s||(s=d.formatMessage({id:"inviteModal_cta"})),h.jsx(Ci,{id:"invite-user-modal",title:n,isOpen:t,showDivider:!1,showIcon:o,functions:{onClose:l},className:ee("invite-modal",e,{success:!!n}),children:h.jsx(LT,{title:i,label:a,messagePlaceholder:r,ctaMessage:s,onClose:l,sendInvites:c,reportError:u})})};const Eie=({showModal:e=!0,content:{successMessage:t,title:n,text:r}={},functions:i,form:a,className:s})=>{const o=de.useIntl(),[l,u]=E.useState(f4("showProfile")==="true"||e);E.useEffect(()=>{u(e)},[e]);const{onClose:c=()=>{}}=i;return h.jsx(Ci,{id:"profile-form-modal",title:t||n||o.formatMessage({id:"profileModal_title"}),isOpen:l,showDivider:!t,functions:{onClose:c},className:ee("profile-modal",s,{success:!!t}),maxWidth:700,children:h.jsxs(h.Fragment,{children:[t&&n||r?h.jsxs("div",{className:"intro",children:[t&&n?h.jsx("h3",{children:n}):"",r?h.jsx("p",{children:r}):""]}):null,h.jsx($T,{...a,meta:{shouldShowCancelButton:!1},functions:{...(a==null?void 0:a.functions)||{},onSuccess:async d=>{var f;try{(f=a==null?void 0:a.functions)!=null&&f.onSuccess&&await a.functions.onSuccess(d)}finally{c()}}}})]})})},H1=Eie,bie=Object.freeze(Object.defineProperty({__proto__:null,default:H1},Symbol.toStringTag,{value:"Module"}));const Tie=({members:e})=>{const[t,n]=E.useState(!1),r=i=>{const{fullName:a,jobTitle:s,organisation:o,photo:l}=i||{};return h.jsxs(h.Fragment,{children:[h.jsx(_i,{name:a,src:l}),h.jsx("p",{children:a}),h.jsx("small",{className:"text-medium",children:o?`${s}, ${o}`:s})]})};return h.jsxs("div",{className:"directory-wrapper",children:[h.jsx("ul",{className:"directory",children:e.map(i=>h.jsx("li",{children:h.jsx("button",{onClick:a=>{a.preventDefault(),a.stopPropagation(),n(i)},children:r(i)})},i.fullName))}),h.jsx(Ci,{isOpen:t!==!1,children:t===!1?"":h.jsxs(h.Fragment,{children:[r(t),h.jsx(Na,{children:t.text})]}),buttons:[{size:"small",variant:"tertiary",onClick:()=>n(!1),children:"Close"}],functions:{onClose:()=>n(!1)}})]})};const _ie=({email:e,settings:t={}})=>{const{formatMessage:n}=de.useIntl(),r=E.useContext(Mt),{myProfile:i,isConnected:a,cannotConnect:s}=t,[o,l]=E.useState(!1),[u,c]=E.useState(!1);return r?e&&i?h.jsx(Me,{icon:{icon:"info-inside-circle",position:"right"},size:"small",variant:"secondary",styling:{muted:!0},tooltip:n({id:"member_show_email_tooltip_mine"}),forceTooltip:!0,className:"show-email fake-button",children:e}):s?h.jsx(Me,{icon:"email",size:"small",variant:"secondary",styling:{muted:!0},tooltip:n({id:"member_show_email_tooltip_private"}),forceTooltip:!0,className:"show-email fake-button",children:n({id:"member_show_email_private"})}):a?e&&a?h.jsx(h.Fragment,{children:o?h.jsx(Me,{icon:{icon:"copy",position:"right"},size:"small",variant:"secondary",styling:{muted:!0},className:"show-email copy-button",tooltip:n({id:`member_show_email_tooltip${u?"_copied":""}`}),forceTooltip:!0,"data-gtm-event-context":"connections-email-address-button","data-gtm-event-type":"copy-email-click",onClick:()=>{navigator.clipboard.writeText(e).then(()=>{c(!0),setTimeout(()=>{c(!1)},2e3)})},children:e}):h.jsx(Me,{icon:"email",size:"small","data-gtm-event-context":"connections-email-address-button","data-gtm-event-type":"show-email-click",onClick:()=>l(!0),children:n({id:"member_show_email_show"})})}):h.jsx(h.Fragment,{}):h.jsx(Me,{icon:"email",size:"small",variant:"secondary",styling:{muted:!0},className:"show-email fake-button",children:n({id:"member_show_email_hide"})}):h.jsx(h.Fragment,{})};const Cie=({author:e,authorCite:t,content:n,member:r,className:i=""})=>h.jsxs("blockquote",{className:ee("testimonial-block",i),children:[h.jsx($r,{className:"testimonial",children:n}),r?h.jsx(mi,{member:r,styling:{size:"large"}}):h.jsxs(h.Fragment,{children:[e&&h.jsx("p",{className:ee("author",{"text-small":!i.includes("new")}),children:e}),t&&h.jsx("p",{className:ee("author-cite",{"text-small":!i.includes("new")}),children:h.jsx("cite",{children:t})})]})]}),xie=E.memo(Cie);const wie=({items:e=[],selector:t="",className:n=""})=>{const r=de.useIntl(),[i,a]=E.useState(e);return E.useEffect(()=>{if(e.length)return;let s="";Array(6).fill(0).forEach((u,c)=>{s+=`${c>0?", ":""}${t} h${c+1}`});const l=Array.from(document.querySelectorAll(s)).filter(u=>u.id).map(u=>({id:u.id,text:u.textContent||""}));a(l)},[]),i&&i.length>0&&h.jsxs($n,{variant:"subtle",className:ee("table-of-contents",n),children:[h.jsx("h2",{children:r.formatMessage({id:"tableOfContents"})}),h.jsx("nav",{children:h.jsx("ul",{children:i.map(({id:s,text:o})=>h.jsx("li",{children:h.jsx("a",{href:`#${s}`,children:o})},s))})})]})};const U1=({time:e,rangeTime:t,prependedText:n,appendedText:r,className:i=""})=>{const a=de.useIntl(),s="timeToComplete_";if(!e||typeof e!="number")return null;const o=c=>{const d=c/60,f=Math.floor(d),p=(d-f)*60,g=Math.round(p),m=`${a.formatMessage({id:`${s}hours`},{time:f})}${f>0&&g>0?", ":""}${a.formatMessage({id:`${s}minutes`},{time:g})}`;return{text:`${f>0?`${a.formatMessage({id:`${s}hours_short`},{time:f})} `:""}${g>0?a.formatMessage({id:`${s}minutes_short`},{time:g}):""}`,ariaText:m}};let{text:l,ariaText:u}=o(e);if(t){const{text:c,ariaText:d}=o(e+t);l=a.formatMessage({id:`${s}range`},{early:l,late:c}),u=a.formatMessage({id:`${s}range_aria`},{early:u,late:d})}return n&&(u=`${n} ${u}`,l=`${n} ${l}`),r&&(u=`${u} ${r}`,l=`${l} ${r}`),h.jsx("span",{className:ee("time-to-complete",i),"aria-label":u,children:l})};const Aie=({className:e="",image:t,...n})=>t?(typeof t=="string"&&(t={width:1080,height:200,type:"image/png",url:t}),t.range=[{height:124,width:425},{height:200,width:768},{height:200,width:1368}],t.query="fit=thumb&f=center",h.jsx(Xi,{...n,className:ee("banner",e),image:{...t,aspect:"banner"}})):null;const Sie=["small","span","strong","em","p","h1","h2","h3","h4","h5","h6","blockquote","q"],kie=({className:e="",content:t,image:n,variant:r,spacing:i="normal",styling:a,hideElements:s={eyebrow:!1,title:!1,text:!1},cta:o,children:l})=>{var g,m;const u={imageFullWidth:!0,...a};r||(r=u.imageFullWidth?"default":"light");const c=["eyebrow","title","text"],d={eyebrow:"small",title:"h1",text:"p"},f={};c.forEach(y=>{if(!t[y]){f[y]=!1;return}if(!s[y]){if(typeof t[y]=="object"){f[y]=t[y];const{text:v,element:b}=t[y];if(b&&Sie.includes(b.toLowerCase()))return;f[y]={text:v,element:d[y]};return}f[y]={text:t[y],element:d[y]}}});const p=o&&o.text&&o.link;return p&&o.link[0]==="#"&&(o.props||(o.props={}),o.props.onClick=y=>{y.preventDefault(),y.stopPropagation();const v=document.getElementById(o.link.substring(1));v&&v.scrollIntoView({behavior:"smooth"})}),h.jsx(na,{className:ee("banner-section",r,i,e,{"has-image":n,"image-full-width":n&&u.imageFullWidth,"image-inline":n&&!u.imageFullWidth,"has-cta":p,"has-extra-spacing":r!=="subtle"&&i==="normal"&&f.eyebrow&&f.title}),children:h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:"content-wrapper",children:[c.map(y=>{if(f[y]&&typeof f[y]=="object"){const{text:v,element:b=""}=f[y];return y==="text"?h.jsx(Na,{overrideType:"text-only",className:"text",children:v},y):E.createElement(b,{key:y,className:y},v)}return null}),l,p&&h.jsx(Me,{variant:n||["light","subtle"].includes(r)?"primary":"secondary",size:{mobile:"medium",768:"large"},href:o.link,...o.props,className:ee({new:r==="subtle",[(g=o.props)==null?void 0:g.className]:(m=o.props)==null?void 0:m.className}),children:o.text})]}),n&&h.jsx(Xi,{image:{...n,aspect:u.imageFullWidth?"banner":n.aspect||void 0}})]})})},Die=E.memo(kie);const Oie=({image:e,variant:t="default",children:n,className:r=""})=>{const i={};return e&&(i["--image"]=`url(${e})`),h.jsx(na,{className:ee("custom-content-banner",t,r,{"has-image":e}),style:i,children:h.jsx("div",{className:"content-slim",children:n})})};const Nie=({alignImage:e="left",className:t,content:n,image:r})=>{const i=typeof n=="string"?h.jsx(Na,{children:n}):n;return h.jsxs(na,{className:ee("highlight-section",t),children:[r&&h.jsx("div",{className:ee("highlight-container highlight-image",{[`highlight-image-${e}`]:e==="right"}),children:h.jsx(Xi,{image:{...r,description:"",query:"q=85",aspect:"highlightSection"}})}),h.jsx("div",{className:ee("highlight-container highlight-content-wrapper",{"no-image":!r}),children:h.jsx("div",{className:ee("highlight-content",{"highlight-content-right":e==="left"}),children:r?i:h.jsx("div",{className:"content-default",children:i})})})]})},Iie=E.memo(Nie);const Pie=({variant:e="primary",button:t=null,title:n,text:r,gtmContext:i})=>!n&&!r?null:h.jsxs("aside",{className:ee("marketing-block",e),children:[n&&h.jsx("p",{className:"title",children:n}),r&&h.jsx("p",{children:r}),t&&h.jsx(Me,{variant:t.variant||"secondary",size:"medium",href:t.link,className:"gtm-trackable","data-gtm-event-context":i,"data-gtm-event-type":"learn-more-click",children:t.text})]}),Rie=({type:e,data:t})=>{const n=de.useIntl(),{answers:r,createdAt:i,dateHasPassed:a,isOngoingEvent:s,pill:o,readingTime:l,publishedDate:u,startDate:c}=t;if(e==="question"){const d=i&&ih(i);return h.jsxs("p",{className:"details answers","data-testid":"question-answers",children:[n.formatMessage({id:"card_answers"},{number:r}),i&&h.jsxs("span",{"data-testid":"question-created-at",children:[" ","·"," ",n.formatMessage({id:"card_time_ago"},{time:d?n.formatMessage({id:`dates_${d.path}`},{number:d.number}):0})]})]})}if(c&&!a||s)return h.jsx("p",{className:"details",children:s?n.formatMessage({id:"card_bootcamp"}):pp(c)});if(o)return h.jsx(jr,{variant:o==="free"?"subtle":"highlighted",className:o,"data-testid":"course-type",children:o});if(l||u){const d=u&&ih(u);return h.jsxs("ul",{className:"details",children:[l&&h.jsx("li",{"data-testid":"reading-time",children:n.formatMessage({id:"card_time_read"},{time:l})}),u&&h.jsx("li",{"data-testid":"published-date",children:n.formatMessage({id:"card_time_ago"},{time:d?n.formatMessage({id:`dates_${d.path}`},{number:d.number}):0})})]})}return null},Fie={title:66,text:3e3,secondaryText:1e3,partner:34},rl={communityPage:{basePath:"/communities/",className:"communityPage",gtmEvent:"community"},customCard:{className:"custom",gtmEvent:"custom",length:{text:335,secondaryText:150}},event:{basePath:"/events/",className:"event",gtmEvent:"event"},microcourse:{basePath:"/microcourses/en/",className:"course",gtmEvent:"microcourse-overview"},courseJourney:{basePath:"/courses/",className:"course",gtmEvent:"microcourse-overview"},solutionArticle:{basePath:"/solution-articles/en/",className:"article",length:{title:60},gtmEvent:"article"},qaQuestion:{basePath:"/questions-answers/",className:"question",length:{title:190},gtmEvent:"q-and-a-question"},listPage:{basePath:"/list/en/",className:"list",gtmEvent:"list"},people:{basePath:"/profiles/",className:"people",length:{people:1e3},gtmEvent:"person"},learningHub:{basePath:"/learning-hub/",className:"learning-hub",length:{title:190},gtmEvent:"learning-hub"}},Bie=({data:e,cta:t,link:n,gtmContext:r})=>{var m,y;const i=de.useIntl(),[a,s]=E.useState({loading:!1,registered:e.registered||!1});E.useEffect(()=>{e.registered&&s(v=>({...v,registered:!0}))},[e.registered]);const{customLinkText:o,startDate:l,dateHasPassed:u,pill:c,slug:d}=e,f=e.contentType;let p="";if((m=rl[f])!=null&&m.gtmEvent&&(p=rl[f].gtmEvent),l&&u)return n?h.jsx("a",{href:n,className:"details additional-link gtm-trackable","data-gtm-event-context":`${r}-CarouselCard`,"data-gtm-event-type":`${p}-click`,children:o||i.formatMessage({id:"card_watch"})}):null;if(f==="people")return n?h.jsx(Me,{variant:"tertiary",size:"small",href:n,className:"gtm-trackable","data-gtm-event-context":`${r}-Card-Button`,"data-gtm-event-type":`${p}-click`,children:o||i.formatMessage({id:"card_cta_people"})}):null;const g=["communityPage","microcourse","event"];if(t&&t.onClick&&g.includes(f)&&c!=="premium"){const v=a.loading||a.registered||((y=e==null?void 0:e.members)==null?void 0:y.isMember),b=async T=>{var C;if(T.preventDefault(),T.stopPropagation(),window&&((C=window.dataLayer)==null||C.push({event:"gtm.click","gtm.element":n,"gtm.elementClasses":"gtm-trackable","gtm.elementUrl":n,EventType:`${r}-${f}-register-click`,EventContext:`${r}Page-${f}: ${d}`})),!(v||!t||!t.onClick)){s(_=>({..._,loading:!0}));try{const _=await t.onClick(e);s(_==="success"?()=>({registered:!0,loading:!1}):x=>({...x,loading:!1}))}catch{s(x=>({...x,loading:!1}))}}};return h.jsx("p",{className:ee("cta-wrapper",{"has-member-section":e==null?void 0:e.members}),children:h.jsx(Me,{onClick:b,className:"gtm-trackable",size:"small",styling:{fullWidth:!0},disabled:v,"data-gtm-event-context":`${r}Page-${f}: ${d}`,"data-gtm-event-type":`${r}-${f}-register-click`,"data-testid":"in-card-button",children:o||i.formatMessage({id:`card_cta_${f}${v?`_${a.loading?"loading":"done"}`:""}`})})})}return null};function Mie({buildMemberData:e,communitySlug:t}){const n=de.useIntl(),r=E.useContext(Mt),[i,a]=E.useState({count:"...",isMember:!1,memberType:""});return E.useEffect(()=>{e(t,typeof(r==null?void 0:r.id)<"u").then(s=>{if(!s)return;const{membersCount:o,role:l="",pagination:u}=s;let c=0;o?c=o:u!=null&&u.total&&(c=u==null?void 0:u.total),a({count:c.toString(),isMember:!!l,memberType:l})})},[t,e]),h.jsxs("span",{className:"member-information",children:[i.isMember&&h.jsx(jr,{size:"small",variant:"registered",icon:(i==null?void 0:i.memberType)==="owner"?"user":"tick",children:n.formatMessage({id:`card_member_type_${i.memberType}`})}),h.jsx("span",{className:"label member-count",children:n.formatMessage({id:"card_member_count"},{count:i.count})})]})}const S0=({id:e="",className:t="",buildCardData:n,buildMemberData:r,card:i,cta:a,gtmContext:s="Carousel",handleCardClick:o,meta:l})=>{var k,B;const u=de.useIntl(),c=E.useContext(Mt),d=!!(c!=null&&c.id),{isTabbable:f=!0,setFocus:p=!1}=l||{},g=E.useRef(null),[m,y]=E.useState({data:null,isLoading:!0});E.useEffect(()=>{n(i,d).then(H=>{y({data:H,isLoading:!1})}).catch(()=>y(H=>({...H,isLoading:!1})))},[i,d,n]);const{data:v,isLoading:b}=m;if(b||!v)return h.jsx(or,{element:"li",className:"card-wrapper","data-testid":"card-placeholder"});o&&!a&&(a={text:u.formatMessage({id:`card_cta_${i.contentType}`}),onClick:o});const{contentType:T}=v;if(!T||!rl[T])return h.jsx(or,{element:"li",className:"card-wrapper"});const{basePath:C="",className:_,length:x,gtmEvent:S}=rl[T];let P=f&&v.slug?`${C}${v.slug}`:!1;if(i.courseV2){const{basePath:H}=rl.courseJourney;P=`${H}${v.slug}`}f&&v.slug&&(v.slug.slice(0,4)==="http"||v.slug.slice(0,2)==="//"||v.slug.slice(0,6)==="mailto"||v.slug.slice(0,3)==="tel")&&(P=v.slug);const F=H=>{if(P){H.preventDefault(),H.stopPropagation();const z=H.currentTarget.getAttribute("data-url");window&&window.dataLayer.push({event:"gtm.click","gtm.element":z,"gtm.elementClasses":"gtm-trackable","gtm.elementUrl":z,EventType:`${s}-CarouselCard`,EventContext:`${S}-click`}),window.location.href=z}},L={...Fie,...x};let R={className:"card"},N={};return P&&(N={href:P,className:"gtm-trackable","data-gtm-event-context":`${s}-CarouselCard`,"data-gtm-event-type":`${S}-click`,"data-testid":"link"},v.openInNewTab&&(N.target="_blank"),R={onClick:F,className:"card gtm-trackable","data-gtm-event-context":`${s}-CarouselCard`,"data-gtm-event-type":`${S}-click`}),p&&(R={...R,tabIndex:"0"},(k=g==null?void 0:g.current)==null||k.focus(),(B=g==null?void 0:g.current)==null||B.scrollIntoView({behavior:"smooth"})),h.jsx("li",{className:ee("card-wrapper text-medium",_,t,{"has-link":P,"no-link":!P,"has-image":v.banner}),"data-testid":`${T}-card`,children:h.jsxs("div",{...R,ref:g,"data-url":P,children:[h.jsx(p4,{className:"card-label",contentType:T,customIcon:v.isPrivate?"lock-locked":v.customIcon,customLabel:v.customLabel}),T==="communityPage"&&(v==null?void 0:v.createdAt)&&Ex(v==null?void 0:v.createdAt,60)&&h.jsx(jr,{size:"small",variant:"information","data-testid":"new-community",children:u.formatMessage({id:"card_new"})}),v.startDate&&!v.isOngoingEvent&&h.jsx(jr,{size:"small",variant:v.dateHasPassed?"default":"information","data-testid":"date",children:v.dateHasPassed?u.formatMessage({id:"card_ended"}):u4(v.startDate)}),v.banner?h.jsxs("p",{className:"img",children:[v.registered&&h.jsx(jr,{size:"small",variant:"registered",children:u.formatMessage({id:"card_registered"})}),h.jsx(Xi,{image:{...v.banner,description:""}})]}):_==="people"?h.jsx(_i,{name:v.title||"",src:v.profile,"data-testid":"people-profile-picture"}):null,v.contributors&&h.jsx(_p,{contributors:{data:v.contributors},styling:{size:"small",showGap:_!=="question",showText:!0},multipleText:["event","solutionArticle"].includes(T)?u.formatMessage({id:`card_contributors_${T}`}):void 0,"data-testid":"contributors"}),v.partner&&h.jsx("p",{className:"partners","data-testid":"partners",children:v.partner.length>1?u.formatMessage({id:"card_partner"},{partner:v.partner[0],number:v.partner.length-1}):al(v.partner[0],L.partner)}),["title","text","secondaryText"].map(H=>{const z=v[H];if(!z)return null;const I=i4(H),Z={key:H,className:I,"data-testid":I},J={wrapper:"p",forceWrapper:!0,forceInline:!0},D=al(z,L[H]);return["title","text"].includes(H)&&P?(J.wrapper="a",h.jsx("p",{...Z,children:h.jsx($r,{options:J,...N,children:D})})):h.jsx($r,{options:J,...Z,children:D})}),i.contentType==="communityPage"&&(i.slug||v.slug)&&r&&h.jsx(Mie,{communitySlug:i.slug||v.slug,buildMemberData:r}),h.jsx(Rie,{type:_||"",data:v}),h.jsx(Bie,{data:v,cta:a,link:P||"",gtmContext:s})]})})};const z3=({cards:e,cardTypes:t,className:n="",gtmContext:r="",...i})=>h.jsx("ul",{className:ee("card-block",n),children:e.map((a,s)=>{const o=a.slug?`${a.slug}-${t[s]}`:`${t[s]}-${s}`;return h.jsx(S0,{id:o,card:{...a,contentType:t[s]},meta:{setFocus:s===(i==null?void 0:i.focusCardIndex)},...i},`${o}-${r}-${a.title}`)})}),Lie=(e,t,n,r)=>{const i=t*n<=e,a=e<t*(n+1),s=r.includes(Math.floor(e/t));return{inView:i&&a,isLoaded:s}},$ie=({id:e,title:t})=>{const n=de.useIntl();if(!t||!t.text)return null;const{text:r,element:i="h2",variant:a="default",size:s="medium",link:o}=t;return E.createElement(i,{className:ee("title",a,s,{"highlighted-title":a==="highlighted"}),children:h.jsxs(h.Fragment,{children:[r,o&&h.jsx("a",{href:o,className:"text-medium gtm-trackable","data-gtm-event-context":"CarouselViewAll","data-gtm-event-type":`${e||Ti(r)}-view-all-click`,children:n.formatMessage({id:"card_carousel_viewAll"})})]})})};const eh={fourCards:1024,threeCards:769,twoCards:480};let Gu=null,th=null;const jie=({id:e,cards:t,cardTypes:n,buildCardData:r,title:i,className:a,gtmContext:s,...o})=>{const l=de.useIntl(),u="carousel_pagination_",[c,d]=E.useState({cardsPerPage:4,isLoading:!0}),{cardsPerPage:f,isLoading:p}=c,[g,m]=E.useState({currentPage:0,loadedPages:[0]}),{currentPage:y,loadedPages:v}=g,[b,T]=E.useState(""),C=t.length,_=Math.ceil(C/f),x=E.useRef(null),S=Qi(!0,!0,x==null?void 0:x.current);E.useEffect(()=>{let k=1;S&&(S>=eh.fourCards?k=4:S>=eh.threeCards?k=3:S>=eh.twoCards&&(k=2),k>C&&(k=C)),d(B=>({...B,cardsPerPage:k,isLoading:!1}))},[S,C]);const P=(k="next")=>{th&&clearTimeout(th);let B=y;if(typeof k=="string")if(k==="next")if(y<_-1)B=y+1;else return;else if(y>0)B=y-1;else return;else B=k;T(""),m(z=>({...z,currentPage:B,loadedPages:[...new Set([...v,B])]}));const H=()=>{const z=B*c.cardsPerPage,I=z+c.cardsPerPage;return t.slice(z,I).length};th=setTimeout(()=>{T(l.formatMessage({id:`${u}ariaLive${typeof k=="string"?"":"_slide"}`},{direction:l.formatMessage({id:`${u}${typeof k=="string"?k:"next"}`}),slide:typeof k=="string"?1:k+1,count:H()}))},500)},F=k=>{Gu=k.touches[0].clientX},L=k=>{if(Gu===null)return;const B=k.touches[0].clientX,H=Gu-B;H>5?P("next"):H<-5&&P("previous"),Gu=null},R={"--width":`${S||0}px`,"--total-cards":C,"--cards-per-page":f,"--page":y};if(p)return h.jsx(t1,{layout:`carousel${i?"-with-title":""}`});const N=(k,B)=>{var z;let H=null;return(z=k==null?void 0:k.sys)!=null&&z.id?H=`card-${k.sys.id}`:k!=null&&k.slug?H=`card-${k.slug}`:[n[B],k.contentType].includes("customCard")&&(H=`card-${Ti(`${k.title} ${k.createdAt}`)}-${B}`),H};return h.jsxs("section",{ref:x,className:ee("carousel-wrapper",a),"data-testid":"carousel",children:[h.jsx($ie,{id:e,title:i}),h.jsx("ul",{className:"carousel",onTouchStart:F,onTouchMove:L,style:R,"data-testid":"carousel-list",children:t.map((k,B)=>{let H=N(k,B);const{inView:z,isLoaded:I}=Lie(B,f,y,v);return H&&(z||I)?h.jsx(S0,{id:H,card:{...k,contentType:n[B]},buildCardData:r,gtmContext:s,meta:{isTabbable:z},...o},H):(H=H||`${e}-card-${B}`,h.jsx(or,{element:"li",className:"card-wrapper","data-testid":"card-placeholder"},H))})}),_<=1?null:h.jsxs(h.Fragment,{children:[h.jsxs("ul",{className:"controls","data-testid":"carousel-controls",children:[h.jsx("li",{className:"arrow previous",children:h.jsx(Me,{variant:"secondary",size:"large",icon:{icon:"chevron_left"},onClick:k=>{k.preventDefault(),k.stopPropagation(),P("previous")},screenreaderText:l.formatMessage({id:`${u}previousSlide`}),disabled:y<=0})}),[...Array(_)].map((k,B)=>h.jsx("li",{"data-testid":"carousel-controls-button",children:h.jsx("button",{className:ee("page-indicator",{selected:B===y}),onClick:H=>{H.preventDefault(),H.stopPropagation(),P(B)},children:h.jsx(ut,{showOnFocus:!1,children:l.formatMessage({id:`${u}slide`},{number:B+1,total:_})})})},`page-indicator-${B}`)),h.jsx("li",{className:"arrow next",children:h.jsx(Me,{variant:"secondary",size:"large",icon:{icon:"chevron_right"},onClick:k=>{k.preventDefault(),k.stopPropagation(),P("next")},screenreaderText:l.formatMessage({id:`${u}nextSlide`}),disabled:y>=_-1})})]}),h.jsx(ut,{"aria-live":"polite",showOnFocus:!1,children:b})]})]})},Hie=({carousels:e=[],isLoading:t,title:n,className:r="",...i})=>!e||!e.length?null:e.map(({title:a,viewAllUrl:s,cards:o,cardsTypes:l},u)=>{const c=a?Ti(a):`carousel-${u}`,d=u===e.length-1;return t?h.jsxs(E.Fragment,{children:[h.jsx(t1,{layout:`carousel${a?"-with-title":""}`,"data-testid":"carousel-placeholder"}),d?null:h.jsx(_r,{})]},`placeholder-${c}`):h.jsxs(E.Fragment,{children:[h.jsx(jie,{cards:o,cardTypes:l,title:n!=null&&n.hidden?{}:{...n,text:a,link:s},...i}),d?null:h.jsx(_r,{})]},`carousel-${c}`)});const Uie=({element:e="div",className:t="",card:n,gtmContext:r="NarrowCard"})=>{const{banner:i,title:a,text:s,isPrivate:o,slug:l}=n;let u={};return l&&(u={onClick:d=>{l&&(d.preventDefault(),d.stopPropagation(),window.location.href=l)},tabIndex:"0","data-gtm-event-context":`${r}-NarrowCard`,"data-gtm-event-type":`${r}-click`}),E.createElement(e,{className:ee("narrow-card",t,{"has-link":l,"gtm-trackable":l,"no-link":!l}),...u,children:h.jsxs(h.Fragment,{children:[h.jsx("div",{className:ee("img",{private:o,"no-image":!i}),children:i&&h.jsx(Xi,{image:i})}),h.jsxs("div",{className:"content",children:[a&&h.jsx("p",{className:"title text-medium",children:a}),s&&h.jsx("p",{className:"text text-medium",children:s})]})]})})};const zie=({element:e="p",data:{timeLeftToFinish:t,percentageCompleted:{inTime:n=0,inLessons:r=0},shouldShowTimes:i=!0},graph:a,styling:s={},className:o=""})=>{const l=de.useIntl();let u=i?n:r;u>99?u=100:u<1&&(u=0);const{highlightPercentage:c=!1}=s;return E.createElement(e,{className:ee("course-progression",o,{"highlight-percentage":c,"has-circle-graph":a==="circle"}),children:h.jsxs(h.Fragment,{children:[h.jsx(Tp,{progress:u,styling:{layout:a||"bar",size:a&&a==="circle"?"small":"default"}}),h.jsx("span",{className:"percentage",children:l.formatMessage({id:"courseProgression_done"},{percent:d=>h.jsx("strong",{children:d}),number:u})}),u<100&&i&&h.jsx(U1,{time:t,appendedText:l.formatMessage({id:"courseProgression_timeLeft"})})]})})};const q3=({element:e="span",sectionId:t,subsectionId:n,title:r,className:i=""})=>E.createElement(e,{className:ee("lesson-name",i),"data-number":`${t}.${n}`,children:r});const W3=({size:e="default",completionTime:t,icon:n,optional:r,type:i,children:a})=>{const s=de.useIntl(),o=Xc(`lessonType_${i}`)?s.formatMessage({id:`lessonType_${i}`}):s4(i||"");return h.jsxs("small",{className:ee("content-type",{[e]:e!=="default"}),children:[h.jsx("span",{className:ee("type",n),children:o})," ",t>0&&!r&&h.jsx(U1,{time:t})," ",a?h.jsx("span",{className:"additional",children:a}):null]})};const qie=({course:{articles:e,canAccessCourse:t,description:n,hideTimes:r,isEnrolled:i,sectionId:a,sectionTime:s,slug:o,timeLeft:l,title:u},quizScores:c})=>{const d=de.useIntl(),f="courseStructure_",p=u.toLowerCase().includes("course conclusion");return h.jsxs(Jc,{className:"course-structure",label:h.jsxs(h.Fragment,{children:[h.jsxs("small",{children:[d.formatMessage({id:`${f}section${p?"_end":""}`},{number:a})," ",!r&&s>=0&&h.jsx("span",{className:"time",children:i&&l===0?d.formatMessage({id:`${f}time_completed`}):h.jsx(U1,{time:s,appendedText:i?d.formatMessage({id:`${f}time_left`}):""})})]}),h.jsx("h3",{children:u})]}),shouldAnimate:!0,children:[h.jsx("p",{children:n}),h.jsx("ol",{children:e&&e.length>0&&e.map(({completed:g,completionTime:m,contentType:y,icon:v,image:b,isIntroduction:T,optional:C,slug:_,subsectionId:x,title:S,type:P})=>{const F=i&&t||T,L={};return b&&(L.style={"--image":`url(${b})`}),h.jsx("li",{className:ee({article:y===Do.ARTICLE,discussion:y===Do.DISCUSSION,quiz:y===Do.QUIZ,completed:g&&y===Do.ARTICLE,locked:!F}),...L,children:h.jsx(Ji,{href:F?`/microcourses/en/${o}/${_}`:void 0,fallbackElement:"span",className:"inner",gtmContext:`MicrocourseOutline${a4(S)}`,gtmType:"article-click",children:h.jsxs(h.Fragment,{children:[h.jsx(q3,{sectionId:a,subsectionId:x,title:S,className:"course-title"})," ",h.jsx(W3,{completionTime:m,icon:v,optional:C,type:P,children:c&&c[_]&&h.jsx("span",{className:"quiz-score",children:`${c[_]}%`})})]})})},_)})})]})};const Wie=({isComplete:e=!1,onClick:t,...n})=>{const r=de.useIntl();return n["data-gtm-event-context"]||(n["data-gtm-event-context"]="LessonIntroduction"),h.jsx(Me,{...n,variant:"tertiary",icon:e?{icon:"check-inside-circle_no-overlap_inverted"}:{icon:"check-inside-circle_no-overlap",hover:"check-inside-circle_no-overlap_inverted"},onClick:t,className:ee("mark-complete-button center gtm-trackable",{completed:e}),"data-gtm-event-type":"mark-as-complete",disabled:e,children:r.formatMessage({id:`markCompleteButton${e?"_completed":""}`})})},Vie=({id:e,data:{jobTitle:t,name:n,organization:r,thumbnail:i}})=>({id:e,name:n,jobTitle:t,organization:r,image:{thumbnail:i}}),KE=[{contentType:"solutionArticle",banner:{description:"",url:"//images.ctfassets.net/txbhe1wabmyx/kCcBdXurt3uOKu6NdTPm0/1b6d19179b21f98dbdadf2477c03d267/devin-avery-7gwqj0yyrhm-unsplash.jpg",width:295,height:180,type:"image/jpeg",aspect:"responsiveCard",query:"w=295&h=180&fit=thumb&f=center"},slug:"why-public-servants-must-learn-to-fail",contributors:["community"]},{contentType:"solutionArticle",banner:{description:"",url:"//images.ctfassets.net/txbhe1wabmyx/12Y0W1K0zVcDKzgLZlbfyC/6eb0757a02cbeea19b1b42d7da04d553/ashkan-forouzani-m0l9nbcivuk-unsplash.jpg",width:295,height:180,type:"image/jpeg",aspect:"responsiveCard",query:"w=295&h=180&fit=thumb&f=center"},slug:"organisational-culture-change-and-failure",contributors:[{name:"Mari-Liis",id:"bdb7509c-89ed-4633-8bc0-dbf11f5d9be1"}]},{contentType:"solutionArticle",banner:{description:"",url:"//images.ctfassets.net/txbhe1wabmyx/26TEwu0xVkbQDguuW89fY6/d54ce406cdd652d68979770d526398ab/nik-shuliahin-bunwp1bl0nc-unsplash.jpg",width:295,height:180,type:"image/jpeg",aspect:"responsiveCard",query:"w=295&h=180&fit=thumb&f=center"},slug:"how-to-learn-from-failure-without-causing-a-scandal",contributors:["community"]}];const Yu="notFoundError_",Kie=()=>{const e=de.useIntl(),t=[];return KE.forEach((n,r)=>{n.title=e.formatMessage({id:`${Yu}post_${r+1}`}),t.push("solutionArticle")}),h.jsxs(O3,{styling:{background:"bold",circle:"small",variant:"alt-2"},additionalContent:{appended:h.jsxs(na,{children:[h.jsx(z3,{cards:KE,cardTypes:t,buildCardData:n=>new Promise((r,i)=>{r(n)})}),h.jsx(Me,{href:"/solution-articles/",children:e.formatMessage({id:`${Yu}cta`})})]})},reportError:()=>{},className:"not-found-error",children:[h.jsx("h1",{children:e.formatMessage({id:`${Yu}title`})}),h.jsx("p",{children:e.formatMessage({id:`${Yu}text`})})]})};exports.ASSETS_URL=Wr;exports.ActionBar=KT;exports.ActionButton=Ts;exports.ActivitiesFeed=W6;exports.ActivitySection=gie;exports.ActivityType=Vs;exports.AddPost=w0;exports.Badge=D4;exports.BadgeScope=cn;exports.Badges=O4;exports.BadgesContext=gp;exports.BadgesProvider=E4;exports.Banner=Aie;exports.BannerSection=Die;exports.Breadcrumbs=iF;exports.Buckets=qx;exports.Button=Me;exports.ButtonWrapper=qs;exports.COURSE_CONTENT_TYPES=Do;exports.CacheProvider=b4;exports.Card=S0;exports.CardBlock=z3;exports.Carousel=Hie;exports.CharacterLimit=Bp;exports.Checkbox=Mp;exports.CollapsibleSection=Jc;exports.Columns=ZT;exports.CommunityDetails=p6;exports.ConnectionCta=N4;exports.ConnectionDirectionType=bp;exports.ConnectionStatusType=Ep;exports.ContactFooter=yF;exports.ContactForm=MT;exports.ContentTypeLabel=p4;exports.Contributors=_p;exports.ConversationContext=j1;exports.CookieBanner=XT;exports.CourseProgression=zie;exports.CourseStructure=qie;exports.CustomContentBanner=Oie;exports.CustomEvents=Yt;exports.DELETED_USER_ID=ol;exports.Directory=Tie;exports.DiscussionContentType=Ye;exports.DiscussionConversation=B3;exports.DiscussionForm=Hl;exports.DiscussionFormCard=L3;exports.DiscussionFormModal=U3;exports.DiscussionPost=Ul;exports.DiscussionThread=j3;exports.DiscussionType=Ut;exports.Divider=_r;exports.DownloadSection=pF;exports.EMAILS=fs;exports.EditSection=gF;exports.EmailHelperTextBox=ab;exports.EmptyStateBox=Vr;exports.EnrichedUrl=dm;exports.FeatureFlags=C4;exports.Filters=GT;exports.FlagsProvider=_4;exports.Footer=hm;exports.Form=xr;exports.Formatting=ne;exports.Fragment=Zn;exports.FullWidthSection=na;exports.GET_STREAM_USER_PREFIX=rh;exports.GlobalProviders=n7;exports.Header=_0;exports.HelperTextBox=g4;exports.HiddenFromScreenReaders=Zc;exports.HideShowTextBox=v4;exports.HighlightSection=Iie;exports.HighlightedTextBox=$n;exports.INVALID_TOKEN=o4;exports.IconBulletedList=Kx;exports.ImageContainer=jx;exports.IntlProvider=x4;exports.InviteForm=LT;exports.InviteModal=yie;exports.JoinButton=Sp;exports.Label=Fc;exports.LanguageContext=vp;exports.LanguageSwitcher=sF;exports.LessonName=q3;exports.LessonType=W3;exports.LikesButton=nb;exports.LikesFeed=qT;exports.LikesModal=WT;exports.Link=Ji;exports.LoadMore=kl;exports.LoadingBlock=I4;exports.LoadingPlaceholder=or;exports.LoadingState=t1;exports.Logo=fm;exports.LogoSection=vF;exports.MEMBERS_PER_PAGE=N3;exports.MENTION_REGEX=l4;exports.MarkCompleteButton=Wie;exports.MarkdownText=Na;exports.MarketingBlock=Pie;exports.Marks=Lr;exports.Member=mi;exports.MembersList=I3;exports.Modal=Cp;exports.MoreMenu=Mc;exports.NUMBER_OF_COUNTRIES=gx;exports.NUMBER_OF_USERS=mx;exports.NarrowCard=Uie;exports.NavigationMenu=YT;exports.NotFoundError=Kie;exports.Overlay=Ci;exports.OverlayContext=yp;exports.OverlayProvider=S4;exports.PageHeading=k4;exports.PageLayout=O3;exports.Password=sb;exports.PasswordForm=SR;exports.PasswordRules=db;exports.Pill=jr;exports.Poll=M3;exports.Popover=h4;exports.Portal=Ws;exports.ProfileForm=$T;exports.ProfileImageChange=BT;exports.ProfileModal=H1;exports.ProfileModalLauncher=A0;exports.ProfilePicture=_i;exports.ProgressBar=Tp;exports.ProgressTracker=Ux;exports.PublishArticleForm=OR;exports.Rating=nw;exports.RepliesFeed=zT;exports.ResponsesHeading=$3;exports.ResponsiveImage=Xi;exports.ResultsVisibility=x0;exports.ReturnToNavButton=zx;exports.RichTextEditor=cm;exports.STORAGE_KEYS=hp;exports.SearchForm=HT;exports.ShareLink=VT;exports.ShareLinks=dF;exports.ShowEmail=_ie;exports.SignupForm=$R;exports.Span=oh;exports.StatusBanner=Ns;exports.TableOfContents=wie;exports.Tabs=fF;exports.Tags=jre;exports.TestimonialBlock=xie;exports.TimeToComplete=U1;exports.Toggle=wR;exports.Tooltip=La;exports.TopLevelPage=EF;exports.UUID_V4_REGEX=Oa;exports.UserContext=Mt;exports.UserProvider=w4;exports.VisuallyHidden=ut;exports.addAriaProps=V4;exports.basicReducer=zs;exports.camelCaseToDashCase=i4;exports.checkIntlPathExists=Xc;exports.constructActivityContent=Np;exports.courseDiscussionRepliesFeedMock=K6;exports.enrichPostCategories=F3;exports.generateConditions=ac;exports.generateCssIcon=vx;exports.getActivityPollOptions=K4;exports.getAuthorData=wl;exports.getCharacterLimitProps=ib;exports.getLocalisedActivityContent=eb;exports.getLocalisedReactionContent=tb;exports.getLongDate=pp;exports.getMember=n1;exports.getPostBody=C0;exports.getShortDate=u4;exports.getValueLength=r1;exports.headerData=Ds;exports.likesResponseMock=nF;exports.mapGetStreamData=Vie;exports.pageReady=c4;exports.passwordValidator=ah;exports.repliesFeedMock=V6;exports.safeBase64Encode=Ti;exports.toCamelCase=a4;exports.toCapitalisedCase=px;exports.toSentenceCase=s4;exports.transformSlugs=fh;exports.useActivitiesFeed=rb;exports.useActivitySection=H3;exports.useAutoResize=XE;exports.useBadges=y4;exports.useCurrentPath=JE;exports.useEffectAfterMount=Os;exports.useElementWidth=Qi;exports.useHomepagePath=Qc;exports.useOverlay=A4;exports.useScrollListener=t4;exports.useScrollToHash=dp;exports.useScrollToPost=Rp;exports.useTooltips=fp;exports.useUser=e1;

package/index.mjs

@@ -46784,7 +46784,9 @@ const KC = ({
   ] }), P = /* @__PURE__ */ h.jsx(
     "button",
     {
-      className: "language icon language-switcher-button",
+      className: "language icon language-switcher-button gtm-trackable",
+      "data-gtm-event-type": "open-language-switcher-click",
+      "data-gtm-event-context": "HeaderLeft-LanguageSwitcher",
       "aria-label": "Language switcher",
       onClick: (Z) => {
         Z.preventDefault(), Z.stopPropagation(), r ? r() : y(!m);
@@ -46806,7 +46808,14 @@ const KC = ({
         distinctId: (o == null ? void 0 : o.id) ?? "",
         subscriberId: f,
         theme: xre,
-        bellComponent: () => /* @__PURE__ */ h.jsx("button", { className: "bell icon bell-button" })
+        bellComponent: () => /* @__PURE__ */ h.jsx(
+          "button",
+          {
+            className: "bell icon bell-button gtm-trackable",
+            "data-gtm-event-type": "open-bell-click",
+            "data-gtm-event-context": "HeaderLeft-Bell"
+          }
+        )
       }
     ) })
   ], S = /* @__PURE__ */ h.jsxs(h.Fragment, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "8.7.15",
+  "version": "8.7.16",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {