https://sustainchain.world/assets/index-CTWSyj_J.js

1import{q as pe,j as e,bk as lt,a as T,bN as u,c as y,K as Me,_ as le,r as ce,R as xe,J as fe,m as ae,bO as J,A as be,bG as Fn,bx as Rn,aN as Rt,bP as Lt,bQ as Ln,aO as Dt,by as Et,aP as ct,y as q,b3 as Ot,b2 as $t,ba as we,bb as Z,bR as Xe,bS as Dn,g as Ee,f as Oe,v as k,bT as En,bU as On,bV as $n,h as pt,x as Ie,ag as zt,l as mt,V as Ht,bW as Se,bX as zn,bi as Hn,bE as Ut,bY as Ye,b5 as Un,Z as Wt,bZ as Gt,bf as qt,b_ as Jt,b$ as Wn,c0 as Gn,be as qn,c1 as Vt,c2 as _,W as _t,S as Xt,c3 as Yt,bp as ht,af as Jn,c4 as Vn,C as Y,u as _n,i as Bt,E as Qe,B as Xn,aV as Yn,c5 as Tt,bz as Qn,bA as Kn}from"./index-CUinlDde.js";import{b as m,u as Ae,R as F,f as gt}from"./vendor-DN8sUsL6.js";import{m as A,u as me,a7 as De,p as Ke,B as P,S as l,T as j,b as $e,W as He,z as ke,L as xt,d as ft,A as Ne,a4 as Zn,v as ea,ai as ta,aB as na,aC as bt,ao as aa,aD as Qt,av as Kt,E as Ze,c as Zt,aE as ia,e as sa,_ as oa,aF as ra,I as ze,aG as en,C as et,D as ye,a as jt,G as la,aq as ca,K as da,P as dt,a8 as ua,M as Mt,aH as Pt,aI as pa,aJ as ma,aK as ha,aL as ga,as as xa,a2 as fa,az as Ft}from"./mui-CmcDZjb4.js";import{u as N,T as tn}from"./i18n-Dw-ESWbL.js";import{E as nn}from"./EditDetailsModal-BkKB9V1E.js";import{c as oe}from"./monitoring-uH2xoKVM.js";import{R as ba,S as ja}from"./SupplyChainComponentSelector-Cwqcd15m.js";import{b as va,M as Ca,a as Sa}from"./Members-CQvKWd2g.js";import{D as ya}from"./DeletePostModal-BfPtwbFm.js";import{c as vt,a as Ct,u as St}from"./forms-CBOHn0vG.js";import{S as wa,C as ka,P as Ia}from"./PathwayRow-B7mtpC78.js";import{A as Aa}from"./AddAPhoto-BYSdBnzY.js";import{u as Na}from"./react-query-Bb-u1lqv.js";import"./aws-CQGCaO1p.js";import"./PathwayImage-N5q8qCQ-.js";import"./pathways-DlL6h_J2.js";import"./PathwaysSelector-BsPVs4yO.js";const Ba=A(t=>({...y(t),shareIconButton:{textTransform:"capitalize",[t.breakpoints.down(322)]:{margin:"auto"}},shareText:{fontSize:13,letterSpacing:"0.16px",color:t.palette.text.primary,marginTop:-5}})),Ta=()=>{const t=Ba(),{t:a}=N(),[s,n]=m.useState(!1),i=me(pe.breakpoints.down("sm")),o=()=>{const d=document.createElement("input");d.value=window.location.href,document.body.appendChild(d),d.select(),document.execCommand("copy"),document.body.removeChild(d)},r=()=>{n(!1)},c=()=>{n(!0),setTimeout(()=>{r()},3e3)};return e.jsx(De,{onClickAway:r,children:e.jsx(Ke,{PopperProps:{disablePortal:!0},onClose:r,open:s,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,title:a(...u.copyAiLink())||"",placement:"bottom",children:e.jsx(P,{className:t.shareIconButton,onClick:()=>{o(),c()},children:e.jsxs(l,{container:!0,alignItems:"center",justify:"center",children:[e.jsx(lt,{}),e.jsx(T,{when:!i,children:e.jsx(j,{variant:"body1",style:{marginLeft:"5px"},children:a(...u.shareBtn())})})]})})})})},Ma=A(t=>({...y(t)})),Pa=({visibilityLevel:t})=>{const a=Ma(),{t:s}=N(),n=i=>{switch(i){case Me.PrivateToGroup:return s(...u.privacyOption.privateToGroup());case Me.Private:return s(...u.privacyOption.private());case Me.Public:return s(...u.privacyOption.public());default:return s(...u.privacyOption.private())}};return e.jsx($e,{"data-testid":"ai-privacy-badge",children:e.jsx(He,{className:a.saiBadge,label:n(t),variant:"outlined"})})},Fa=A(t=>({root:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},header:{margin:"20px auto 30px",textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,marginTop:100,marginBottom:35,width:"80%"},subHeader:{margin:"20px auto 30px",textAlign:"center",fontSize:16,letterSpacing:1,width:"80%"},cancelButton:{...y(t).button,maxWidth:"312px !important",fontWeight:600,fontSize:"18px",letterSpacing:"1px",lineHeight:1},deleteButton:{...y(t).button,backgroundColor:"transparent !important",borderColor:"white",maxWidth:"312px !important",marginBottom:18,borderRadius:50,fontWeight:600,fontSize:"18px",letterSpacing:"1px",lineHeight:1},...y(t)}));function ut({title:t,description:a,handleClose:s,handleDelete:n,buttonLabel:i,open:o}){const r=Fa(),{t:c}=N(),d=e.jsxs(l,{className:r.root,children:[e.jsxs(j,{id:"alert-dialog-title",className:r.header,children:[t," "]}),e.jsxs(j,{id:"alert-dialog-description",className:r.subHeader,children:[a," "]}),e.jsx(l,{item:!0,className:r.mobileFlexSpacer}),e.jsxs(l,{item:!0,container:!0,className:r.navButtonHolder,children:[e.jsx(P,{onClick:n,variant:"outlined",className:r.deleteButton,children:i}),e.jsx(P,{onClick:s,className:r.cancelButton,children:c(...u.cancelBtn())})]})]});return e.jsx(ke,{open:o,onClose:s,"aria-label":"delete sai",children:d})}const se={headerSection:{header:t=>t===1?le(ce.owners.header):le(ce.owners.headerPlural),addFacilitators:()=>le(ce.owners.addFacilitators),editFacilitators:()=>le(ce.owners.editFacilitators)},editOwnersModal:{header:()=>le(ce.owners.add.header),updateButton:()=>le(ce.owners.add.updateButton),cancelButton:()=>le(ce.owners.add.cancelButton),error:()=>le(ce.owners.add.error),noMembers:()=>le(ce.owners.add.noMembers)},removeOwnersDialog:{demoteButton:()=>le(ce.owners.remove.demoteButton)}},Ra=A(t=>({...y(t),addOwnersRoot:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},addOwnersHeader:{textAlign:"center",textTransform:"uppercase",letterSpacing:"1px",fontSize:20,width:"66%",lineHeight:"28px",margin:"auto",marginTop:72,marginBottom:"40px",fontWeight:600},memberEntry:{height:"fit-content",margin:12,marginBottom:36},memberEntryName:{fontSize:18,marginLeft:24},memberEntryTitle:{fontSize:14,marginLeft:24},promoteButton:{color:t.palette.text.secondary+"!important",fontWeight:600,fontSize:"14px",letterSpacing:.25,marginRight:12},addAvatar:{width:60,height:60,marginRight:12},errorText:{color:t.palette.error.main,margin:"auto",fontWeight:600}})),an=({open:t,members:a,facilitators:s,ownerId:n,handleOwnerChange:i,handleClose:o})=>{const r=Ra(),{t:c}=N(),[d,h]=m.useState(s),[p,x]=m.useState(""),f=g=>{x(""),h(S=>S.includes(g)?S.filter(b=>b!==g):[...S,g])};function v(){return d.map(g=>s.includes(g)).reduce((g,S)=>g&&S,!0)&&d.length===s.length}const I=()=>{const g=d.filter(b=>!s.includes(b)).map(b=>b.id),S=s.filter(b=>!d.includes(b)).map(b=>b.id);s.length+g.length-S.length<1?x(c(...se.editOwnersModal.error())):(i(S,g),o())};return a.length===0?e.jsx(ke,{open:t,className:r.addOwnersRoot,children:e.jsxs(xe,{children:[e.jsx(j,{className:r.addOwnersHeader,children:c(...se.editOwnersModal.header())}),e.jsx(j,{variant:"body1",className:r.errorText,children:c(...se.editOwnersModal.noMembers())}),e.jsx(fe,{backLabel:c(...se.editOwnersModal.cancelButton()),handleBack:o,nextLabel:c(...se.editOwnersModal.updateButton()),handleSubmit:I,disableSubmit:v(),disableSaveButton:!1})]})}):e.jsx(ke,{open:t,className:r.addOwnersRoot,children:e.jsxs(xe,{children:[e.jsx(j,{className:r.addOwnersHeader,children:c(...se.editOwnersModal.header())}),e.jsx(xt,{children:a.map(g=>e.jsx(ft,{className:r.memberEntry,children:e.jsxs(l,{container:!0,children:[e.jsxs(l,{item:!0,container:!0,xs:10,children:[e.jsx(l,{item:!0,container:!0,xs:2,

1justifyContent:"center",alignItems:"center",children:e.jsx(Ne,{src:ae(g.imageURL),alt:g.firstName+" "+g.lastName,className:r.addAvatar})}),e.jsxs(l,{item:!0,container:!0,xs:8,direction:"column",justifyContent:"center",children:[e.jsx(l,{item:!0,children:e.jsx(j,{className:r.memberEntryName,children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:4},children:[g.firstName+" "+g.lastName," ",g.id===n&&e.jsx(Zn,{style:{width:16,height:16}})]})})}),e.jsx(l,{item:!0,children:e.jsx(j,{className:r.memberEntryTitle,children:g.jobTitle})})]})]}),e.jsx(l,{item:!0,container:!0,xs:2,justifyContent:"flex-end",alignItems:"center",children:e.jsx(ea,{checked:d.includes(g),className:r.promoteButton,"data-testid":`add-owner-${g.id}`,onClick:()=>f(g),disabled:g.id===n})})]})}))}),p&&e.jsx(j,{className:r.errorText,children:p}),e.jsx(fe,{backLabel:c(...se.editOwnersModal.cancelButton()),handleBack:o,nextLabel:c(...se.editOwnersModal.updateButton()),handleSubmit:I,disableSubmit:v()})]})})},La=A(t=>Zt({...y(t),actionsExtraStyles:{width:"400px"}})),Da=()=>{const t=La(),{t:a}=N(),{actionInitiativeData:s,updateInitiativeMutation:n,leaveActionInitiative:i,deleteActionInitiative:o,permissions:r,facilitators:c,uploadImage:d,changeOwnersMutation:h}=J(),p=r.isAdmin||r.isFacilitator,[x,f]=m.useState(!1),[v,I]=m.useState(!1),[g,S]=m.useState(!1),[b,L]=m.useState(!1),[R,B]=m.useState(!1),[D,V]=m.useState(!1),[U,W]=m.useState(!1),[ie,H]=m.useState(!1),G=m.useContext(be),E=({title:te,description:X,mentions:M,visibilityLevel:Be})=>{const O={name:te,description:X,mentions:M,visibilityLevel:Be};n.mutate({id:s?.id,payload:O})},Q=(te,X)=>{h.mutate({removeIds:te,addIds:X})},C=te=>{new Dt(te,{quality:.8,convertSize:5e6,width:1024,height:768,success(X){const M=new FormData;M.append("image",X),d.mutate({actionInitiativeId:s?.id,payload:M})},error(X){oe(X)}}),W(!1)},de=[{action:()=>{f(!1),L(!0)},label:a(u.deleteSAIBtn()),icon:e.jsx(ta,{"data-testid":"delete-icon"}),permission:["admin","facilitator"]},{action:()=>{f(!1),S(!0)},label:a(u.leaveBtn()),icon:e.jsx(na,{"data-testid":"leave-icon"}),permission:["member"]},{action:()=>{f(!1),B(!0)},label:a(u.editBtn()),icon:e.jsx(bt,{"data-testid":"edit-icon"}),permission:["admin","facilitator"]},{action:()=>{f(!1),I(!0)},label:a(u.addFacilitators()),icon:e.jsx(aa,{"data-testid":"people-icon"}),permission:["admin"]},{action:()=>{f(!1),H(!0)},label:a(...u.reassignOwnerMenuItem()),icon:e.jsx(Qt,{"data-testid":"reassign-owner-icon"}),permission:["admin"]},{action:()=>{f(!1),W(!0)},label:a(u.uploadImageHeader()),icon:e.jsx(Fn,{"data-testid":"logo-image-icon"}),permission:["admin","facilitator"]},{action:()=>{f(!1),V(!0)},label:a(...u.inviteToClaim()),icon:e.jsx(Kt,{"data-testid":"claim-icon"}),permission:["admin","facilitator"]}],K=()=>{o(s?.id)},ee=()=>{i(s?.id)};return e.jsxs(e.Fragment,{children:[e.jsx(T,{when:p||r.isMember,children:e.jsx(l,{container:!0,style:{justifyContent:"end"},children:e.jsx(Rn,{showOptions:x,handleClose:()=>f(!1),handleOpen:()=>f(!0),options:de,extraStyles:t.actionsExtraStyles,customizedIconClasses:t.groupIconActionButton,currentUserId:G.getAuthenticatedId(),memberRoleCheck:()=>r.isMember,facilitatorRoleCheck:()=>r.isFacilitator})})}),e.jsxs(T,{when:p,children:[e.jsx(ut,{title:a(...u.deleteInitiativeHeader()),description:a(...u.deleteInitiativeBody()),handleClose:()=>L(!1),open:b,handleDelete:K,buttonLabel:a(...u.deleteBtn())}),e.jsx(nn,{handleSave:E,handleClose:()=>B(!1),open:R,title:s?.name,dialogTitle:a(...u.titleDescriptionModalHeader()),description:s?.description??"",visibilityLevel:s?.visibilityLevel,isGroupSai:!!s?.subCommunity}),e.jsx(T,{when:v,children:e.jsx(an,{members:s?.users??[],facilitators:c,ownerId:s?.ownerUserId,handleOwnerChange:Q,handleClose:()=>I(!1),open:v})}),e.jsx(Ze,{fullScreen:!0,open:U,"data-testid":"group-cover-dialog",children:e.jsx(Rt,{handleClose:()=>W(!1),handleSave:C,open:U,previewStyle:"16:9",title:a(u.uploadImageHeader()),currentImage:ae(s?.imageURL),allowFreeCropping:!0,maxFileSizeMB:20})}),e.jsx(Lt,{handleClose:()=>{V(!1)},postId:s?.id,open:D,displayFullscreen:!0,isSai:!0}),e.jsx(Ln,{open:ie,onClose:()=>H(!1)})]}),e.jsx(T,{when:p||r.isMember,children:e.jsx(ut,{title:a(...u.leaveInitiativeHeader()),description:a(...u.leaveInitiativeBody()),handleClose:()=>S(!1),open:g,handleDelete:ee,buttonLabel:a(...u.leave())})})]})},Ea=A(t=>({...y(t),avatar:{height:29,width:29,border:"1px solid white",cursor:"pointer"}})),Oa=()=>{const t=Ea(),{t:a}

1=N(),s=Ae(),n=me(pe.breakpoints.down("sm")),{actionInitiativeData:i,initiativeGroupData:o,permissions:r}=J(),c=r.isAdmin||r.isFacilitator||r.isMember,d=()=>{s(`/groups/${i?.subCommunity}`)};return i?e.jsxs(l,{container:!0,justifyContent:"space-between",alignItems:"center",children:[e.jsxs(l,{item:!0,container:!0,spacing:1,xs:6,md:7,alignItems:"center",children:[e.jsxs(T,{when:!!i?.subCommunity,children:[e.jsx(l,{item:!0,children:e.jsx(j,{variant:"body1",children:a(n?u.partOf():u.actionInitiativeOf())})}),e.jsx(l,{item:!0,children:e.jsx(Ne,{"data-testid":"ai-group-avatar",className:t.avatar,alt:`${i?.subCommunityName}-icon`,src:ae(o?.imageURL),onClick:d})})]}),e.jsx(l,{item:!0,children:e.jsx(Pa,{visibilityLevel:i.visibilityLevel})})]}),e.jsxs(l,{item:!0,container:!0,spacing:2,xs:5,md:5,justifyContent:"flex-end",alignItems:"center",children:[e.jsx(l,{item:!0,children:e.jsx(Et,{target:"initiative",id:i.id})}),e.jsx(T,{when:c,children:e.jsx(l,{item:!0,children:e.jsx(Ta,{"data-testid":"ai-share-button"})})}),e.jsx(l,{item:!0,children:e.jsx(Da,{})})]})]}):null},$a=({title:t})=>e.jsx(l,{children:e.jsx(j,{variant:"h5",children:t})}),za=A(t=>({...y(t),shareIconButton:{textTransform:"capitalize",maxWidth:"fit-content"}})),sn=({handleClick:t,showLabel:a=!1})=>{const s=za(),{t:n}=N();return e.jsx(P,{className:`${s.shareIconButton} ${s.opacity70}`,onClick:()=>{t()},children:e.jsxs(l,{container:!0,alignItems:"center",justify:"center",children:[e.jsx(bt,{fontSize:"small","data-testid":"pencil-edit-icon"}),e.jsx(T,{when:a,children:e.jsx(j,{variant:"body1",style:{marginLeft:"5px"},children:n(...u.editBtn())})})]})})},Ha=A(t=>({...y(t),button:{cursor:"pointer","&:hover":{backgroundColor:t.palette.background.paper,borderRadius:12}},noItemsMessage:{marginLeft:0,marginTop:10}})),yt=({title:t,displayEditButton:a=!1,icon:s,items:n,handleEdit:i,isButton:o=!1,placeholder:r})=>{const c=Ha(),d=e.jsx(j,{variant:"body1",style:{margin:"auto"},children:"•"}),h=p=>{p.url&&window.open(ct(p.url),"_blank")};return e.jsxs(e.Fragment,{children:[e.jsxs(l,{container:!0,spacing:2,alignContent:"center",alignItems:"center",children:[e.jsx(l,{item:!0,children:e.jsx(j,{variant:"h5",className:c.saisSubtitle,children:t})}),e.jsx(T,{when:a,children:e.jsx(sn,{handleClick:i})})]}),e.jsx(T,{when:n?.length==0&&!!r,children:e.jsx(l,{item:!0,children:e.jsx(j,{variant:"body1",className:`${c.defaultMessageText} ${c.noItemsMessage}`,children:r})})}),e.jsx(T,{when:n?.length>0,children:e.jsx(xt,{component:"nav",children:n.map((p,x)=>e.jsxs(ft,{style:{padding:"0 5px"},className:o?c.button:"",onClick:()=>h(p),children:[e.jsx(ia,{style:{minWidth:20},children:s??d}),e.jsx(sa,{primary:p.name??p.label})]},x))})})]})},Ua=A(t=>({root:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},header:{textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,margin:"60px auto 35px",width:"90%"},centerRoles:{margin:"0 auto"},container:{marginBottom:60},...y(t)}));function on({handleClose:t,handleSave:a,open:s,currentRoles:n,roles:i}){const o=Ua(),{t:r}=N(),[c,d]=F.useState(!1),[h,p]=F.useState([...n]),x=()=>{d(!1),t()},f=()=>{h.length===0?d(!0):(d(!1),a(h),t())};F.useEffect(()=>{s&&p([...n])},[n,s]);const v=e.jsxs(l,{className:o.root,children:[e.jsxs(xe,{children:[e.jsx(l,{item:!0,children:e.jsxs(j,{className:o.header,children:[r(...u.supportModalHeader())," "]})}),e.jsx(l,{item:!0,className:o.centerRoles,children:i&&e.jsx(ba,{roles:i??[],isSelectingMultipleRoles:!0,selectedRoles:h,setSelectedRoles:p})}),e.jsx(l,{item:!0,xs:12,children:c&&e.jsx(j,{align:"center",paragraph:!0,className:o.errorMessage,children:r(...u.noRolesSelectedError())})})]}),e.jsx(l,{item:!0,className:o.flexSpacer}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:o.navButtonHolder,children:e.jsx(fe,{handleSubmit:f,handleBack:x,nextLabel:r(...u.saveBtn()),backLabel:r(...u.cancelBtn()),backIcon:!0})})]});return e.jsx(Ze,{open:s,onClose:x,"aria-label":"update initiative support needed",hideBackdrop:!0,fullScreen:!0,children:v})}const Wa=async()=>Ot.getAllRoles(),Ga=({supportNeeded:t})=>{const{t:a}=N(),{updateInitiativeMutation:s,actionInitiativeData:n,permissions:i}=J(),[o,r]=F.useState(!1),[c,d]=F.useState([]),h=i.isAdmin||i.isFacilitator,p=()=>{c.length===0&&f(),r(!0)},{data:x,run:f}=q({deferFn:Wa});F.useEffect(()=>{x&&d($t(x).map(g=>({...g,description:void 0})))},[x]);const v=()=>r(!1),I=g=>{const{added:S,removed:b}=we(Z(n?.supportNeeded),Z(g)),L={add:{supportNeeded:S},remove:{supportNeeded:b}};s.mutate({id:n?.id,payload:L})};return e.jsxs(e.Fragment,{children:[e.jsx(l,{item:!0,children:e.jsx(yt,{title:a(...u.supportNeeded()),items:t,handleEdit:p,displayEditButton:h})}),e.jsx(on,{open:o,handleClose:v,handleSave:I,currentRoles:t,roles:c})]})},qa=A(t=>({root:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},header:{textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,marginTop:60},saveButton:{width:"90vw",left:"50%",transform:"translate(-50%, 0)",padding:"10px 0 10px 0",borderRadius:50,textTransform:"capitalize",backgroundColor:t.palette.primary.main,fontWeight:600,fontSize:16,letterSpacing:1,position:"absolute",bottom:80,"&:hover":{backgroundColor:t.palette.primary.main}},leaveButton:{width:"100%",textAlign:"center",color:t.palette.text.primary,fontSize:18,letterSpacing:1,textTransform:"capitalize",margin:"auto",position:"absolute",bottom:20},container:{marginBottom:20,paddingTop:28},progressBtn:{width:"66%",padding:25,[t.breakpoints.down("md")]:{width:"80%"},margin:"auto",borderRadius:5,marginBottom:20,"&$selected":{backgroundColor:"#000"},"&:hover":{backgroundColor:"#000 !important"}},selected:{backgorundColor:"#000",border:"1px solid #fff"},markId:{fontSize:15,fontWeight:600,color:t.palette.background.default,backgroundColor:t.palette.action.active,padding:"1px 6px 1px 6px",borderRadius:3,marginRight:10},markLabel:{fontSize:16,fontWeight:600,textTransform:"uppercase"},...y(t)}));function Ja({handleSave:t,progress:a,marks:s,open:n,handleClose:i}){const o=qa(),{t:r}=N(),[c,d]=m.useState(a);m.useEffect(()=>{n&&d(a)},[n,a]);const h=(f,v)=>{d(v)},p=()=>{t(c),i()},x=e.jsx(l,{className:o.root,children:e.jsxs(xe,{children:[e.jsx(j,{className:o.header,children:r(...u.projectStageModalHeader())}),e.jsx(xt,{className:o.container,component:"div",children:s.map(f=>e.jsx(ft,{button:!0,alignItems:"center",classes:{root:o.progressBtn,selected:o.selected},selected:c===f.backendValue,onClick:v=>h(v,f.backendValue),children:e.jsxs(j,{children:[e.jsx("span",{className:o.markId,children:f.backendValue})," ",e.jsx("span",{className:o.markLabel,children:f.label})]})},f.backendValue))}),e.jsx(l,{item:!0,className:o.flexSpacer}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:o.navButtonHolder,children:e.jsx(fe,{handleSubmit:p,handleBack:i,nextLabel:r(...u.saveBtn()),backLabel:r(...u.cancelBtn()),backIcon:!0})})]})});return e.jsx(ke,{open:n,onClose:i,"aria-label":"update initiative stage",children:x})}const Va=oa(t=>({thumb:{height:8,width:8,backgroundColor:t.palette.primary.main,marginTop:-2},active:{}

1,track:{height:2,backgroundColor:t.palette.primary.main},rail:{height:2,opacity:.5,backgroundColor:"#19486A",backgroundImage:`linear-gradient(to right, #19486A, 95%, ${t.palette.background.default})`},mark:{backgroundColor:t.palette.text.disabled,height:8,width:1,marginTop:-3,margin:"auto"},markLabel:{fontSize:14,margin:"auto",'&[data-index="0"]':{marginLeft:28},'&[data-index="1"]':{marginLeft:10}},markActive:{opacity:1,backgroundColor:t.palette.primary.main}}))(ra),_a=A(t=>({...y(t),root:{maxWidth:"100%",minHeight:25,overflowX:"hidden",overflowY:"hidden",display:"flex"},headerContainer:{display:"inline-flex",marginBottom:10},redesignHeaderContainer:{alignItems:"center"},defaultHeaderContainer:{justifyContent:"space-between"},editButton:{...y(t).viewModalButton},sliderContainer:{paddingLeft:4,overflowX:"scroll",marginRight:20,...y(t).noScrollBar}}));function rn({handleSave:t,isEditMode:a,progress:s,variant:n="default"}){const i=_a(),{t:o}=N(),[r,c]=m.useState(!1),d=[{backendValue:Xe.Concept,value:0,label:`${o(...u.marks.concept())}`},{value:1,backendValue:Xe.Pilot,label:`${o(...u.marks.pilot())}`},{value:2,backendValue:Xe.Launched,label:`${o(...u.marks.launched())}`},{value:3,backendValue:Xe.ScaleUp,label:`${o(...u.marks.scaleUp())}`}],h=s-1,p=()=>{c(!0)},x=()=>{c(!1)},f=a?e.jsx(P,{color:"primary",onClick:p,className:i.editButton,"data-testid":"project-stage-edit-button",children:o(...u.editBtn())}):null,v=a?e.jsx(sn,{handleClick:p}):null;return e.jsxs(l,{container:!0,item:!0,xs:12,sm:12,md:12,className:i.root,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:`${i.headerContainer}
2          ${n=="redesign"?i.redesignHeaderContainer:i.defaultHeaderContainer}`,children:[e.jsx(j,{className:i.saisSubtitle,variant:n=="redesign"?"h5":void 0,children:o(...u.projectStageHeader())}),n=="default"?f:v]}),e.jsx(l,{item:!0,xs:12,sm:12,md:12,className:i.sliderContainer,children:e.jsx(Va,{"aria-label":"ios slider",max:4,defaultValue:0,value:h,marks:d,disabled:!0})}),e.jsx(Ja,{handleSave:t,progress:s,marks:d,handleClose:x,open:r})]})}const Xa=()=>{const{actionInitiativeData:t,updateInitiativeMutation:a,permissions:s}=J(),n=s.isAdmin||s.isFacilitator,i=o=>{const r={progress:o};a.mutate({id:t?.id,payload:r})};return e.jsx(rn,{handleSave:i,isEditMode:n,progress:t?.progress,variant:"redesign"})},Ya=A(t=>({...y(t),toolContainer:{marginRight:20,flexWrap:"wrap",justifyContent:"center",textAlign:"center",flex:0,width:"100%","&:first-child":{paddingLeft:24},"&:last-child":{paddingRight:14},"& a":{textDecoration:"none",color:t.palette.text.primary},position:"relative",minWidth:"fit-content"},toolIconButton:{padding:18,paddingTop:12,paddingBottom:12},toolName:{fontStyle:"normal",fontWeight:"normal",fontSize:14,textAlign:"center",width:"100%",maxWidth:"150px",

2whiteSpace:"normal"},iconBackground:{width:60,height:60,margin:"auto",backgroundColor:t.palette.background.paper},...y(t)}));function Qa({toolkitElement:t,analyticsCategory:a}){const s=Ya(),{name:n}=Dn(t),{type:i,url:o}=t;return e.jsxs(l,{item:!0,className:s.toolContainer,children:[e.jsx(ze,{edge:"end","aria-label":i,"aria-haspopup":"true",color:"inherit",style:{margin:0},className:s.toolIconButton,href:ct(o),target:"_blank",rel:"noopener noreferrer",onClick:()=>Ee.event(`toolkit_opened_${i}`,Oe.click,a),children:e.jsx(en,{})}),e.jsx("a",{href:ct(o),target:"_blank",rel:"noopener noreferrer",onClick:()=>Ee.event(`toolkit_opened_${i}`,Oe.click,a),children:e.jsx(j,{className:s.toolName,noWrap:!0,children:t.label??n})})]},i)}const Ka=A(t=>({...y(t),root:{},titleContainer:{margin:0,marginLeft:24,display:"inline-flex",justifyContent:"space-between",alignContent:"center",flexDirection:"row",width:"100%"},header:{fontSize:15,letterSpacing:1,textTransform:"uppercase",marginLeft:0,marginBottom:"16px"},editButton:{...y(t).viewModalButton,whiteSpace:"nowrap",marginRight:0,textAlign:"right",marginBottom:16,lineHeight:"150%"},container:{overflowX:"scroll",flexWrap:"nowrap",paddingBottom:5.5},linkIcon:{transform:"rotate(-45deg)",height:16,width:16,margin:"auto"},...y(t)}));function ln({toolkitElements:t,isOwner:a,updateToolkit:s,analyticsCategory:n,variant:i="toolkit"}){const o=Ka(),{t:r}=N(),[c,d]=F.useState(!1),[h,p]=F.useState(!1),[x,f]=F.useState(!1),[v,I]=F.useState(null),g=F.useMemo(()=>{const D=V=>!!V.url;return t.filter(D)},[t]),S=()=>{Ee.event("toolkit_edit_started",Oe.click,n),d(!0)},b=()=>{if(v!==null&&g){const D=[...g];D.splice(v,1),s({elements:D}),Ee.event("toolkit_delete",Oe.click,n)}f(!1)},L=e.jsxs(l,{container:!0,children:[e.jsxs(l,{item:!0,xs:12,container:!0,spacing:2,className:o.titleContainer,children:[e.jsx(j,{className:o.header,children:r(...k.toolkit.header())}),a&&e.jsxs(P,{"data-testid":"toolkit-edit-button",className:o.editButton,onClick:S,color:"primary",children:[r(...k.editBtn())," "]})]}),e.jsx(l,{container:!0,item:!0,xs:12,className:[o.container,o.noScrollBar,o.root].join(" "),children:g?.length===0?e.jsx(j,{className:o.defaultMessageText,children:r(...k.toolkit.defaultMessage())}):g.map((D,V)=>e.jsx(Qa,{toolkitElement:D,analyticsCategory:n},V))})]}),R=e.jsx(yt,{title:r(...k.toolkit.header()),items:g,displayEditButton:!!a,handleEdit:S,placeholder:r(...k.toolkit.defaultMessage()),icon:e.jsx(l,{container:!0,alignItems:"center",style:{padding:5},children:e.jsx(en,{className:o.linkIcon,"data-testid":"toolkit-resources-icon"})}),isButton:!0}),B=()=>{switch(i){case"toolkit":return L;case"resources":return R}};return e.jsxs(e.Fragment,{children:[B(),e.jsxs(T,{when:!!a,children:[e.jsx(En,{setDisplayConfirmation:()=>f(!0),toolkitElements:g??[],onClose:()=>d(!1),handleAddNew:()=>p(!0),handleSelection:D=>{I(D)},open:c}),e.jsx(On,{handleSave:async D=>s(D),toolkitElementIndex:v,toolkitElements:g??[],onClose:()=>{p(!1),I(null)},open:h,groupType:"group"}),e.jsx($n,{handleCancel:()=>f(!1),backButtonLabel:r(k.toolkit.cancel()),mainButtonLabel:r(k.toolkit.delete()),onClose:()=>f(!1),open:x,title:r(...k.toolkit.deleteConfirmationTitle()),wide:!0,description:r(...k.toolkit.deleteConfirmationMessage()),handleAction:b})]})]})}const Za=()=>{const{actionInitiativeData:t,updateToolkitMutation:a,permissions:s}=J(),[n,i]=m.useState([]),o=s.isAdmin||s.isFacilitator,r=c=>{a.mutate({data:c,id:t?.id})};return m.useEffect(()=>{i(t?.toolkits??[])},[t]),e.jsx(ln,{toolkitElements:n,isOwner:o,updateToolkit:r,analyticsCategory:pt.sai,variant:"resources"})},ei=A(t=>({root:{backgroundColor:t.palette.background.default,position:"absolute",top:"10%",left:"10%",overflow:"scroll",height:"100%",display:"block",overflowX:"hidden"},header:{textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,margin:"auto",marginTop:60,marginBottom:35,marginRight:"12.5%",width:"80%"},gridContainer:{display:"flex",flexDirection:"column",margin:"0px 10px 0px 10px"},container:{marginBottom:60},bottom:{...y(t).navButtonHolder,bottom:"0%",position:"absolute",left:"50%",transform:"translate(-50%, 0%)",marginBottom:0},paper:{backgroundColor:t.palette.background.paper},...y(t)}));function cn({handleClose:t,handleSave:a,open:s,currentSCCs:n,supplyChainComponents:i,isLoading:o=!1}){const r=ei(),{t:c}=N(),[d,h]=F.useState([...n]),p=()=>{t()},x=()=>{a(d),t()},f=I=>{d?.length!==I.length&&h(I)};F.useEffect(()=>{s&&h([...n])},[n,s]);const v=e.jsx(e.Fragment,{children:o?e.jsx(Ie,{}):e.jsxs(l,{container:!0,className:r.gridContainer,children:[e.jsxs(j,{className:r.header,children:[c(...k.sccModalHeader())," "]}

2),e.jsx(l,{item:!0,children:i&&e.jsx(ja,{getSelected:f,preSelected:n})}),e.jsx(l,{item:!0,className:r.flexSpacer}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:r.bottom,children:e.jsx(fe,{handleSubmit:x,handleBack:p,nextLabel:c(...k.saveBtn()),backLabel:c(...k.cancelBtn()),backIcon:!1})})]})});return e.jsx(ke,{open:s,onClose:p,"aria-label":"update initiative supply chain components",className:r.root,hideBackdrop:!0,children:v})}const ti=async()=>zt.getSupplyChainComponents(),ni=()=>{const{t}=N(),{actionInitiativeData:a,permissions:s,saiSupplyChainComponentsData:n,saiSupplyChainComponentsError:i,updateSupplyChainComponentsMutation:o}=J(),[r,c]=m.useState(!1),[d,h]=m.useState([]),p=s.isAdmin||s.isFacilitator,{data:x,run:f,isLoading:v}=q({deferFn:ti});m.useEffect(()=>{x&&h(x.map(b=>({...b})))},[x]);const I=()=>c(!1),g=()=>{f(),c(!0)},S=b=>{const{added:L,removed:R}=we(Z(n??[]),Z(b)),B={add:L,remove:R};o.mutate({id:a?.id,payload:B})};return i||!n?.length&&!p?null:e.jsxs(e.Fragment,{children:[e.jsx(l,{item:!0,children:e.jsx(yt,{title:t(...u.supplyChainComponents()),items:n??[],handleEdit:g,placeholder:t(...k.sccDefaultText()),displayEditButton:p})}),e.jsx(cn,{open:r,handleClose:I,handleSave:S,currentSCCs:n??[],supplyChainComponents:d,isLoading:v})]})},ai=A(t=>({...y(t),joinButton:{...y(t).button,color:"#fff",width:170,height:54,textTransform:"none","&:hover":{backgroundColor:t.palette.primary.main},[t.breakpoints.up(322)]:{left:"32px"}}})),ii=()=>{const t=ai(),{t:a}=N(),s=mt.useFlags(),{requestToJoin:n,isJoinRequested:i,actionInitiativeData:o,joinInitiative:r,facilitators:c,setIsAcceptingInvite:d}=J();m.useEffect(()=>{h(o?.id)},[o?.id]);const{run:h,data:p,isLoading:x}=q({deferFn:([S])=>Ht.getAllGroupsByUser(S)}),f=m.useMemo(()=>o?.subCommunity&&p?.length&&p.some(S=>S.id===o?.subCommunity),[o,p]),v=()=>{n?.mutate(o?.id)},I=()=>{d(!0)},g=()=>{r(o?.id)};return x?e.jsx(et,{className:t.joinButton}):o?.isInvited?e.jsx(P,{variant:"contained",className:t.joinButton,onClick:I,disabled:c?.length==0,children:a(...u.acceptInviteBtn())}):f&&s.autoJoinGroupSais?e.jsx(P,{variant:"contained",className:t.joinButton,onClick:g,children:a(...u.autoJoin())}):e.jsx(e.Fragment,{children:i?e.jsx(P,{variant:"contained",className:t.joinButton,disabled:!0,children:a(...u.requestPendingBtn())}):e.jsx(P,{variant:"contained",className:t.joinButton,onClick:v,children:a(...u.requestToJoinBtn())})})},si=A(t=>({...y(t),container:{[t.breakpoints.down("md")]:{justifyContent:"center"}},item:{[t.breakpoints.down("sm")]:{justifyContent:"center",display:"flex"}},divider:{marginTop:16,padding:"1px"},personIcon:{height:"16px",width:"16px",margin:"auto",marginRight:5},button:{textTransform:"capitalize"}})),oi=()=>{const t=si(),{t:a}=N(),{actionInitiativeIsLoading:s,actionInitiativeData:n,permissions:i,facilitators:o,updateInitiativeMutation:r,changeOwnersMutation:c}=J(),[d,h]=m.useState(n?.users??[]),[p,x]=m.useState(!1),[f,v]=m.useState(!1),I=i.isAdmin||i.isFacilitator,g=I||i.isMember,S=o.length==0,b=m.useMemo(()=>n?.users.sort((H,G)=>H.actionInitiativeRole===Se.Facilitator&&G.actionInitiativeRole!==Se.Facilitator?-1:H.actionInitiativeRole!==Se.Facilitator&&G.actionInitiativeRole===Se.Facilitator?1:0),[n?.users]),L=()=>{x(!0)},R=()=>{v(!0)},B=()=>{v(!1)},D=H=>{x(!1)},V=H=>{const{removed:G}=we(Z(n?.users),Z(H)),E={remove:{members:G}};r.mutate({id:n?.id,payload:E})},U=H=>{const G=o.map(C=>C.id),E=H.filter(C=>!G.includes(C)),Q=G.filter(C=>!H.includes(C));c.mutate({removeIds:Q,addIds:E})},W=e.jsxs(l,{container:!0,"align-items":"center",children:[e.jsx(Qt,{className:t.personIcon,"data-testid":"invite-members-icon"}),e.jsx(j,{variant:"body2",children:a(...u.inviteNewMembers())})]}),ie=()=>{const H=d.sort((G,E)=>G.firstName.localeCompare(E.firstName));return e.jsx(va,{members:H??[],ownerId:n?.ownerUserId,facilitatorsIds:Z(o),updateMembersList:h,handleClose:B,open:f,isEditMode:I,handleUpdateFacilitators:U,handleSaveMembers:V,searchPlaceholder:a(...u.searchMembersPlaceholder())})};return s?e.jsx(Ie,{}):e.jsxs(l,{container:!0,alignItems:"center",spacing:2,className:t.container,children:[e.jsx(l,{item:!0,className:t.item,children:e.jsx(P,{onClick:R,className:t.button,children:e.jsxs(l,{container:!0,alignItems:"center",spacing:2,children:[e.jsx(l,{item:!0,children:e.jsx(zn,{users:b??[],size:Hn.small})}),e.jsx(l,{item:!0,children:e.jsx(j,{variant:"body1",children:`${n?.users?.length} members`})})]})})}),e.jsx(T,{when:!g,children:e.jsx(l,{item:!0,className:t.item,children:e.jsx(ii,{})})}),e.jsxs(T,{when:g,children:[e.jsx(T,{when:!S,children:e.jsx(l,{item:!0,className:t.item,children:e.jsx(P,{style:{padding:"0px",borderRadius:"100px"}

2,onClick:L,children:e.jsx(He,{className:t.saiBadge,label:W,variant:"outlined",style:{cursor:"pointer"}})})})}),e.jsx(T,{when:S,children:e.jsx(l,{item:!0,children:e.jsx(j,{variant:"body1",className:t.defaultMessageText,children:a(...u.noFacilitatorPlaceholder())})})}),e.jsx(Ut,{open:p,handleClose:D})]}),e.jsx(T,{when:f,children:ie()})]})},dn=()=>{const{actionInitiativeData:t,permissions:a}=J(),s=a.isAdmin||a.isFacilitator,n=s||a.isMember,i=me(pe.breakpoints.down("md"));return e.jsxs(e.Fragment,{children:[e.jsx(T,{when:!i,children:e.jsx(ye,{})}),e.jsx(l,{item:!0,container:!0,alignContent:"center",children:e.jsx(oi,{})}),e.jsx(ye,{}),e.jsx(l,{item:!0,children:e.jsx(Xa,{})}),e.jsxs(T,{when:n,children:[e.jsx(T,{when:Ye(t,"toolkits")||Ye(t,"supportNeeded"),children:e.jsx(ye,{})}),e.jsxs(l,{item:!0,container:!0,spacing:2,justifyContent:"space-between",children:[e.jsx(T,{when:Ye(t,"toolkits")||s,children:e.jsx(l,{item:!0,md:6,children:e.jsx(Za,{})})}),e.jsx(T,{when:Ye(t,"supportNeeded")||s,children:e.jsx(l,{item:!0,md:6,children:e.jsx(Ga,{supportNeeded:t?.supportNeeded??[]})})})]}),e.jsx(ye,{}),e.jsx(l,{item:!0,children:e.jsx(l,{item:!0,children:e.jsx(ni,{})})})]})]})},ri=A(t=>({...y(t),sdgContainer:{backgroundColor:"transparent",border:"none","& header":{backgroundColor:"transparent !important",marginLeft:"-20px",boxShadow:"none",[t.breakpoints.down("sm")]:{marginLeft:"0px"}},"& button":{padding:"8px"},"& span":{backgroundColor:"transparent"},"& div .MuiTabs-scrollButtons":{color:t.palette.primary.main}},sdgCard:{padding:"0px",margin:"0px"}})),li=({sdgs:t})=>{const a=ri(),{t:s}=N();if(!t||t.length===0)return null;const n=t.sort((i,o)=>i.id-o.id).map((i,o)=>({icon:e.jsx(Un,{sdg:i,size:80,analyticsTag:"sai_page",displayOpacityGradient:!1,index:o,cardCustomClass:a.sdgCard},i.id)}));return e.jsxs(e.Fragment,{children:[e.jsx(j,{variant:"h5",children:s(u.sdgsTitle())}),e.jsx(Wt,{tabNames:n,containerCustomClass:a.sdgContainer})]})},ci=A(t=>({...y(t),container:{padding:t.spacing(2),[t.breakpoints.down("sm")]:{marginTop:"70px",maxWidth:"95%",padding:0}}})),un=()=>{const t=ci(),a=Ae(),{actionInitiativeIsLoading:s,actionInitiativeData:n}=J(),i=me(pe.breakpoints.down("sm")),o=d=>{a(`/members/${d}`)};if(s)return e.jsx(Ie,{});const r=m.useMemo(()=>n&&"mentions"in n&&n.mentions?n.mentions.map(d=>d.mentionedUser).filter(d=>d!=null):[],[n]),c=m.useMemo(()=>Gt(n.description,r),[n,r]);return e.jsxs(l,{container:!0,direction:"column",className:t.container,spacing:i?0:4,"data-testid":"ai-left-section",children:[e.jsxs(l,{container:!0,item:!0,direction:"column",spacing:i?2:4,style:{flexWrap:"nowrap"},children:[e.jsx(l,{item:!0,container:!0,children:e.jsx(Oa,{})}),e.jsx(l,{item:!0,container:!0,children:e.jsx($a,{title:n?.name})}),e.jsx(l,{item:!0,children:e.jsx("div",{onClick:d=>{Jt(d,o)},children:e.jsx(qt,{innerHtml:c})})}),e.jsx(l,{item:!0,xs:10,md:11,children:e.jsx(li,{sdgs:n?.sdgs})})]}),e.jsx(T,{when:!i,children:e.jsx(dn,{"data-testid":"ai-left-section-bottom"})})]})},di=A(t=>({button:{backgroundColor:t.palette.primary.main}})),ui=()=>{const{userProfile:t}=m.useContext(be),{actionInitiativeData:a,actionInitiativeCommentsIsLoading:s,actionInitiativeCommentsError:n,savePostMutation:i}=J(),{t:o}=N(),r=di(),c=()=>{Ee.event("sai_comment_created",Oe.click,pt.sai)},d=(h,p)=>{c();const x={newContent:h.addComment,mentions:p};i?.mutate({aiId:a?.id,posterId:t?.id,mentions:p,payload:x})};return n?e.jsx(l,{container:!0,justifyContent:"center",alignItems:"center",style:{marginTop:20,opacity:.5},children:e.jsx(j,{variant:"body1",children:o(...u.comments.fieldError())})}):e.jsx(Wn,{"data-testid":"comment-field-container",avatarSize:Gn.small,handleSubmit:d,isLoading:s,customButtonLabel:o(...u.comments.buttonLabel()),placeholder:o(...u.comments.placeholder()),customButtonClass:r.button})},pi=A(t=>({root:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},header:{textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,marginTop:60},...y(t)}));function mi({handleSave:t,open:a,handleClose:s,post:n}){const i=pi(),{t:o}=N(),r=vt().shape({postContent:Ct().trim().max(1e3,o(...k.posts.sizeError())).required(o(...k.posts.requiredError()))}),c=St({initialValues:{postContent:n?.postContent??""},validationSchema:r,onSubmit:()=>{t(c.values.postContent)}});m.useEffect(()=>{a&&c.resetForm({values:{postContent:n?.postContent??""}})},[a,n]);async function d(x){c.setTouched({postContent:!0}),c.handleChange(x)}const h=()=>

2{c.submitForm()},p=e.jsxs(l,{className:i.root,children:[e.jsxs(xe,{children:[e.jsx(j,{className:i.header,children:o(...k.posts.editPostHeader())}),e.jsx(jt,{className:[i.textField,i.ninetyPercent].join(" "),style:{marginLeft:"auto",marginRight:"auto",marginTop:50,whiteSpace:"pre",wordBreak:"break-word"},id:"postContent",name:"postContent",multiline:!0,inputProps:{maxLength:1e3,style:{paddingLeft:8},"aria-label":"post content","data-testid":"post-content-input"},type:"text",minRows:10,value:c.values.postContent,autoComplete:"off",variant:"outlined",onChange:d,onBlur:c.handleBlur,error:!!c.errors.postContent&&!!c.touched.postContent,helperText:c.errors.postContent&&c.touched.postContent?c.errors.postContent:c.values.postContent.length+"/1000"})]}),e.jsx(l,{item:!0,className:i.mobileFlexSpacer}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:i.navButtonHolder,children:e.jsx(fe,{handleSubmit:h,handleBack:s,nextLabel:o(...k.saveBtn()),backLabel:o(...k.cancelBtn()),backIcon:!0})})]});return e.jsx(ke,{open:a,onClose:s,"aria-label":"update initiative post",children:p})}const hi=A(t=>({...y(t),cardTitle:{position:"relative",top:10,fontWeight:700,fontSize:"16px",lineHeight:"150%",overflowWrap:"anywhere"},cardTimestamp:{position:"relative",top:18,fontSize:"14px",lineHeight:"150%"},content:{marginTop:8,fontSize:"14px",lineHeight:"150%",wordBreak:"break-word",whiteSpace:"pre-wrap"},paperMenu:{position:"absolute",height:"fit-content",width:94,right:42,top:20,backgroundColor:t.palette.background.paper,border:"2px solid #405262",boxShadow:"0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);"},moreVert:{left:2,top:4},root:{...y(t).aiPostRoot,position:"relative"},saiCommentCards:{backgroundColor:t.palette.background.default,boxShadow:"none"},saiCardTimestamp:{fontSize:"12px",fontWeight:400,lineHeight:"130%"},saiCardContent:{marginLeft:"56px",fontSize:"14px",lineHeight:"150%",wordBreak:"break-word",whiteSpace:"pre-wrap"}}));function pn({post:t,handleUpdate:a,canEdit:s,deletePostFn:n,updatePostFn:i,variant:o="default"}){const r=t.poster,c=hi(),d=Ae(),h=m.useContext(be),{t:p}=N(),[x,f]=F.useState(!1),[v,I]=F.useState(!1),[g,S]=F.useState(!1),b=o==="saiComment",L=()=>(h.userProfile?.id===r.id||h.hasPermission())&&s,R=M=>M.updatedAt-M.createdAt>5,B=()=>Vt(r.firstName),D=()=>{f(!0)},V=()=>{f(!1)},U=()=>{I(!0)},W=()=>{I(!1)},ie=()=>{S(!0)},H=()=>{S(!1)},{run:G}=q({deferFn:n,onResolve:()=>{W(),a()},onReject:M=>{oe(M??"error deleting post")}}),{run:E}=q({deferFn:i,onResolve:()=>{H(),a()},onReject:M=>{oe(M??"error updating post")}}),Q=m.useMemo(()=>t.mentions?t.mentions.map(M=>M.mentionedUser).filter(M=>M!=null):[],[t]),C=m.useMemo(()=>Gt(t.postContent,Q),[t,Q]),de=M=>{d(`/members/${M}`)},K=M=>e.jsx(dt,{className:c.paperMenu,children:e.jsx(De,{onClickAway:V,children:e.jsxs(ua,{style:{padding:0},children:[e.jsx(Mt,{"data-testid":`edit-menu-item-${M}`,onClick:ie,className:c.menuItem,children:p(...u.editBtn())}),e.jsx(Mt,{"data-testid":`delete-menu-item-${M}`,onClick:U,className:c.menuItem,children:p(...u.deleteBtn())})]})})}),ee=e.jsx(j,{variant:"body2",component:"div",className:b?c.saiCardTimestamp:c.cardTimestamp,children:`${qn(t.createdAt)+(R(t)?" · Edited":"")}`}),te=e.jsx(j,{variant:"body2",component:"div",className:b?"":c.cardTitle,"data-testid":"ai-post-card-user-name",children:`${r.firstName} ${r.lastName}`}),X=()=>b?e.jsxs(l,{container:!0,item:!0,alignItems:"center",justifyContent:"space-between",children:[te,ee]}):te;return e.jsxs(e.Fragment,{children:[e.jsx(ya,{open:v,handleClose:W,handleDelete:()=>G(t.id)}),e.jsx(mi,{open:g,handleClose:H,handleSave:M=>E(t.id,M),post:t}),e.jsxs(la,{className:`${c.root} ${b?c.saiCommentCards:""}`,"data-testid":"ai-post-card",children:[e.jsx(ca,{avatar:e.jsx(Ne,{src:ae(r.imageURL),"data-testid":"ai-post-card-avatar",alt:ae(r.imageURL)?"avatar of current user":"",onClick:()=>d(`/members/${r.id}`),children:B()}),title:X(),subheader:b?null:ee,action:L()&&e.jsx(ze,{"aria-label":"actions","data-testid":`ai-postcard-actions-${t.id}`,onClick:D,className:c.moreVert,children:e.jsx(Ca,{})})}),e.jsxs(da,{children:[x?K(t.id):e.jsx(e.Fragment,{children:" "}),e.jsx(j,{variant:"body2",component:"div","data-testid":"ai-post-card-content",className:b?c.saiCardContent:c.content,onClick:M=>Jt(M,de),children:e.jsx(qt,{innerHtml:C})})]})]})]})}const gi=A(t=>({...y(t),commentCards:{backgroundColor:t.palette.background.default}})),xi=()=>{const t=gi(),{t:a}=N(),{actionInitiativeData:s,actionInitiativeComments:n,actionInitiativeCommentsIsLoading:i,actionInitiativeCommentsError:o,permissions:r,invali

2dateCommentsQuery:c}=J(),{userProfile:d}=m.useContext(be),h=r.isAdmin||r.isFacilitator||r.isMember,p=m.useRef(null);return m.useEffect(()=>{p.current&&p.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})},[]),i?e.jsx(l,{item:!0,container:!0,justifyContent:"center",alignItems:"center",style:{height:"100%"},children:e.jsx(et,{})}):o?e.jsx(l,{item:!0,container:!0,className:t.opacity70,children:e.jsx(j,{variant:"body1",style:{margin:"auto"},children:a(u.comments.errorMessage())})}):e.jsxs(l,{item:!0,container:!0,style:{margin:"auto"},spacing:2,justifyContent:"space-between",children:[n?.sort((x,f)=>x.createdAt-f.createdAt).map((x,f)=>e.jsx(l,{item:!0,style:{width:"100%"},children:e.jsx("div",{children:e.jsx(pn,{post:x,handleUpdate:c,canEdit:h,deletePostFn:bi(s?.id),updatePostFn:fi(s?.id,d?.id),variant:"saiComment"})})},f)),e.jsx("div",{ref:p})]})},fi=(t,a,s=[])=>async([i,o])=>await _.editActionInitiativePost({userId:a,postContent:o,mentions:s},t,i),bi=t=>async([s])=>await _.deleteActionInitiativePost(t,s),ji=A(t=>({...y(t),container:{flexWrap:"nowrap",overflow:"visible",backgroundColor:t.palette.background.default,[t.breakpoints.up("md")]:{borderLeft:"1.5px solid #113F48",paddingTop:"20px",width:"100%",height:"100%"}},commentsListSection:{paddingTop:"20px",marginTop:"10px",flexWrap:"nowrap",overflowY:"scroll",overflowX:"hidden","*::-webkit-scrollbar":{width:"8px"},"*::-webkit-scrollbar-track":{background:t.palette.background.default},"*::-webkit-scrollbar-thumb":{backgroundColor:t.palette.background.paper,borderRadius:"100px",border:`3px solid ${t.palette.background.default}`},"*::-webkit-scrollbar-thumb:hover":{backgroundColor:t.palette.grey[500]},height:"40vh",[t.breakpoints.up("md")]:{height:"50vh",marginLeft:"20px"}},placeholderText:{fontSize:"24px",[t.breakpoints.down("md")]:{fontSize:"18px"}},placeholderIcon:{height:60,width:60,[t.breakpoints.down("md")]:{height:"50px",width:"50px"}},containerPlaceholder:{height:"100%",textAlign:"center"},titleContainer:{[t.breakpoints.down("md")]:{marginBottom:"20px"}},bottomAppBar:{backgroundColor:t.palette.background.default,[t.breakpoints.down("sm")]:{"& .MuiToolbar-root":{padding:0}}}})),mn=()=>{const t=ji(),{t:a}=N(),{actionInitiativeIsLoading:s,actionInitiativeComments:n,permissions:i}=J(),o=me(pe.breakpoints.down("sm")),r=i.isAdmin||i.isFacilitator||i.isMember,c=()=>{const h=r?e.jsx(ma,{className:t.placeholderIcon,"data-testid":"message-icon"}):e.jsx(ha,{className:t.placeholderIcon,"data-testid":"locked-icon"}),p=a(r?u.comments.memberPlaceholder():u.comments.nonMemberPlaceholder());return e.jsx(l,{item:!0,container:!0,className:`${t.opacity70} ${t.containerPlaceholder}`,justifyContent:"center",alignItems:"center",children:e.jsxs(l,{item:!0,lg:9,sm:11,children:[h,e.jsx(j,{variant:"h4",className:t.placeholderText,children:p})]})})},d=()=>!r||n?.length===0?c():e.jsx(xi,{});return s?e.jsx(Ie,{}):e.jsxs(l,{container:!0,direction:"column",className:t.container,spacing:1,"data-testid":"right-section",justifyContent:"space-evenly",children:[e.jsxs(T,{when:!o,children:[e.jsx(Pt,{children:e.jsx(l,{item:!0,className:t.titleContainer,children:e.jsx(j,{variant:"h5",children:a(u.rightSectionHeader())})})}),e.jsx(ye,{})]}),e.jsx(l,{item:!0,className:t.commentsListSection,children:d()}),e.jsxs(T,{when:r,children:[e.jsx(ye,{}),e.jsx(pa,{position:"static",className:t.bottomAppBar,children:e.jsx(Pt,{children:e.jsx(l,{item:!0,container:!0,xs:11,style:{margin:"auto"},children:e.jsx(ui,{})})})})]})]})},vi=A(t=>({...y(t),root:{minHeight:"85vh",padding:t.spacing(2),overflowX:"hidden"},imageContainer:{width:"56.5vw",zIndex:-1,position:"relative",[t.breakpoints.down("sm")]:{width:"100%"}},slideContainer:{"& header":{backgroundColor:"transparent !important",marginLeft:"-20px",boxShadow:"none",[t.breakpoints.down("sm")]:{marginLeft:"0px"}},"& .MuiBox-root":{padding:"24px 0"}}})),Ci=()=>{const{actionInitiativeIsLoading:t,actionInitiativeData:a}=J(),s=vi(),{t:n}=N(),i=[{name:n(...u.actionInformation())},{name:n(...u.commentsAndActivity())}];if(t)return e.jsx(Ie,{});const o=e.jsx(l,{container:!0,direction:"column",spacing:4,children:e.jsx(dn,{})});return e.jsxs(l,{container:!0,direction:"column",className:s.root,children:[e.jsx(un,{}),e.jsx(ye,{style:{marginTop:"24px"}}),e.jsx(l,{item:!0,className:s.slideContainer,children:e.jsx(Wt,{tabNames:i,children:[o,e.jsx(mn,{})]})})]})},Si=A(t=>Zt({"@global":{"*::-webkit-scrollbar":{width:"8px"},"*::-webkit-scrollbar-track":{background:t.palette.background.default},"*::-webkit-scrollbar-thumb":{backgroundColor:t.palette.background.paper,borderRadius:"100px",border:`3px solid ${t.palette.background.default}`},"*::-webkit-scrollbar-thumb:hover":{backgroundColor:t.palette.grey[500]}},root:{maxWidth:"90%",justifyContent:"center",margin:"auto",display:"flex",flexDirection:"column",height:"78.5vh",marginTop:70,overflow:"hidden"},content:{display:"flex",flex:1,overflow:"hidden"},section:{flex:1,backgroundColor:"transparent"},scrollableSection:{overflowY:"auto"},leftSection:{padding:t.spacing(1),overflowX:"hidden"},rightSection:{overflowY:"scroll"}})),yi=({leftSectionChildren:t,rightSectionChildren:a,bothScrollable:s=!0})=>{const n=Si(),i=m.useRef(null),o=m.useRef(null),r=c=>{c.current&&c.current.focus()};return e.jsx($e,{className:n.root,"data-testid":"two-scroll-sections-wrapper",children:e.jsxs($e,{className:n.content,children:[e.jsx(dt,{"data-testid":"left-section-paper",ref:i,onMouseEnter:()=>r(i),className:`${n.section} ${n.leftSection} ${n.scrollableSection}`,children:t}),e.jsx(dt,{"data-testid":"right-section-paper",ref:o,onMouseEnter:()=>r(o),className:`
3          ${n.section}
4          ${n.rightSection}
5          ${s?n.scrollableSection:""}
6        `,children:a})]})})},wi=A(t=>({...y(t),root:{maxWidth:"50vw",paddingBottom:0,marginTop:70,[t.breakpoints.down("sm")]:{marginTop:60}},banner:{pointerEvents:"none",top:50},imageContainer:{width:"50vw",zIndex:-1,position:"relative",[t.breakpoints.down("sm")]:{width:"100%"}},image:{opacity:.6}})),ki=()=>{const{actionInitiativeIsLoading:t,actionInitiativeData:a}=J(),s=wi(),n=me(pe.breakpoints.down("sm")),{t:i}=N(),o=m.useMemo(()=>a?.name?`${a.name} - ${i(...u.aiProfilePage())}`:i(...u.aiProfilePage()),[a?.name,i]);if(t)return e.jsx(Ie,{});const r=()=>e.jsx("div",{className:s.imageContainer,children:e.jsxs("div",{className:s.imageAspectRatio,children:[e.jsx("img",{src:ae(a?.imageURL),alt:"Initiative",className:s.image}),e.jsx("div",{className:s.imageOverlay})]})});return e.jsxs(e.Fragment,{children:[e.jsxs(_t,{children:[e.jsx("title",{children:o}),e.jsx("meta",{name:"description",content:"SustainChain Action Initiative Profile Page"})]}),e.jsx(T,{when:!!a?.imageURL,children:e.jsx(l,{className:s.banner,style:{position:"absolute"},children:r()})}),e.jsx(T,{when:!n,children:e.jsx(yi,{leftSectionChildren:e.jsx(un,{}),rightSectionChildren:e.jsx(mn,{}),bothScrollable:!1})}),e.jsx(T,{when:n,children:e.jsx(Ci,{})})]})},hn=A(t=>({avatarContainer:{display:"inline-block",textTransform:"capitalize",marginLeft:4,marginRight:4,textAlign:"center",width:100,cursor:"pointer",verticalAlign:"top"},aiAvatar:{margin:"auto",marginTop:32,width:60,height:60},avatarNameContainer:{width:"100%",whiteSpace:"break-spaces"},addAvatar:{margin:"auto",marginTop:32,width:60,height:60,backgroundColor:"transparent",color:t.palette.text.primary,border:"2px s

6olid "+t.palette.text.primary,cursor:"pointer"}})),Ii=({ownerId:t,ownerFirstName:a,ownerLastName:s,ownerImageURL:n,onClick:i})=>{const o=hn();return e.jsxs("div",{id:`owner-${t}-container`,"data-testid":`owner-${t}-container`,className:o.avatarContainer,onClick:i,children:[e.jsx(Ne,{className:o.aiAvatar,src:ae(n),alt:a+" "+s}),e.jsx("div",{className:o.avatarNameContainer,children:e.jsx(j,{style:{fontWeight:"bold",fontSize:14,lineHeight:"19px",marginTop:16,overflowWrap:"break-word"},children:a+" "+s.charAt(0)+"."})})]},t)},Ai=({onClick:t})=>{const a=hn(),{t:s}=N(),n=me(pe.breakpoints.up("lg"),{defaultMatches:!0});return e.jsxs("div",{id:"owner-add-container","data-testid":"owner-add-container",className:a.avatarContainer,onClick:t,children:[e.jsx(Ne,{className:a.addAvatar,children:n?e.jsx(ga,{}):e.jsx(bt,{})}),e.jsx(j,{style:{fontWeight:"bold",fontSize:14,lineHeight:"19px",marginTop:16},children:s(...n?se.headerSection.addFacilitators():se.headerSection.editFacilitators())})]},-1)},Ni=A(t=>({...y(t),paper:{width:244,backgroundColor:t.palette.background.paper,textAlign:"center",padding:"16px 12px",marginTop:16,borderRadius:"5px",zIndex:3},close:{position:"absolute",right:8,top:8,color:t.palette.text.disabled,cursor:"pointer"},avatar:{margin:"auto",marginBottom:16,height:60,width:60},ownerName:{fontSize:18,fontWeight:400},ownerTitle:{fontSize:14,fontWeight:400},button:{...y(t).button,backgroundColor:t.palette.secondary.main,height:26,marginTop:16,width:"75%"}})),Bi=({owner:t,closeDialog:a,removeOwner:s})=>{const n=Ni(),{t:i}=N();return e.jsxs(xa,{anchorEl:document.getElementById(`owner-${t.id}-container`),open:!0,className:n.paper,placement:"bottom-start",children:[e.jsx(fa,{className:n.close,onClick:a}),e.jsx(Ne,{className:n.avatar,src:ae(t.imageURL),alt:t.firstName+" "+t.lastName}),e.jsx(j,{className:n.ownerName,children:t.firstName+" "+t.lastName}),e.jsx(j,{className:n.ownerTitle,children:t.jobTitle}),e.jsx(P,{className:n.button,"data-testid":"remove-owner-button",onClick:()=>s([t.id]),children:i(...se.removeOwnersDialog.demoteButton())})]})},Ti=A(t=>({ownersContainer:{justifyContent:"center",marginTop:"2rem"},ownersHeader:{textAlign:"center",textTransform:"uppercase",letterSpacing:"1px",fontSize:15,width:"100%"},ownerRow:{textAlign:"center",display:"inline-block",width:"95vw",whiteSpace:"nowrap",overflowX:"auto"},ownerRoot:{zIndex:2},...y(t)})),Mi=({owners:t,members:a,ownerId:s,handleOwnerChange:n})=>{const i=Ti(),{t:o}=N(),r=m.useContext(be),c=Ae(),[d,h]=m.useState(void 0),[p,x]=m.useState(!1),f=me(pe.breakpoints.up("lg"),{defaultMatches:!0}),v=()=>r.hasPermission(),I=()=>v()&&t.length>1,g=()=>{h(void 0),x(!0)},S=()=>{x(!1),h(void 0)},b=B=>{f?h(B):g()},L=()=>e.jsxs("div",{className:i.ownersContainer,children:[e.jsx(j,{className:i.ownersHeader,children:o(...se.headerSection.header(t.length))}),e.jsxs("div",{className:i.ownerRow,children:[t.map(B=>e.jsx(Ii,{ownerId:B.id,ownerFirstName:B.firstName,ownerLastName:B.lastName,ownerImageURL:B.imageURL,onClick:()=>{I()?b(B):c(`/members/${B.id}`)}},B.id)),v()&&e.jsx(Ai,{onClick:g})]}),d!==void 0&&e.jsx(Bi,{owner:d,closeDialog:()=>{h(void 0)},removeOwner:B=>{n(B),h(void 0)}})]}),R=()=>e.jsx(an,{open:p,members:a,facilitators:t,ownerId:s,handleOwnerChange:n,handleClose:S});return e.jsx("div",{className:i.ownerRoot,children:p?R():L()})},Pi=A(t=>({uploadImage:{zIndex:99,marginTop:25,marginLeft:"auto",marginRight:"auto"},dialogPaper:{padding:"40px 0",backgroundColor:t.palette.background.default}}));function Fi({id:t,currentImageURL:a}){const s=Pi(),{t:n}=N(),{uploadImage:i}=J(),[o,r]=m.useState(!1),c=d=>{new Dt(d,{quality:.8,convertSize:5e6,width:1024,height:768,success(h){const p=new FormData;p.append("image",h),i.mutate({actionInitiativeId:t,payload:p})},error(h){oe(h)}})};return e.jsxs(e.Fragment,{children:[e.jsx(ze,{"data-testid":"image-upload",className:s.uploadImage,onClick:()=>r(!0),"aria-label":"upload picture",component:"span",children:e.jsx(Aa,{})}),o&&e.jsx(Ze,{fullScreen:!0,open:!0,classes:{paper:s.dialogPaper},"aria-labelledby":"aiTitle",children:e.jsx(Rt,{handleClose:()=>r(!1),handleSave:c,open:o,previewStyle:"16:9",title:n(...u.uploadImageHeader()),currentImage:ae(a)})})]})}const Ri=A(t=>({cardImage:{position:"relative",minWidth:"100%",objectFit:"cover",objectPosition:"40% 100%",height:423,[t.breakpoints.up("tablet")]:{marginBottom:0}},uploadImage:{zIndex:99,marginTop:25,marginLeft:"auto",marginRight:"auto"},dialogPaper:{padding:"40px 0",backgroundColor:t.palette.background.default},aiInfoOverlay:{display:"flex",justifyContent:"center",position:"relative"},aiInnerHeader:{display:"flex",width:"100%",marginTop:20,flexWrap:"wrap",position:"relative"},aiImageContainer:{display:"flex",alignContent:"center",[t.breakpoints.down("md")]:{width:"100%",position:"absolute"},[t.breakpoints.up("lg")]:{width:"90vw",height:"20vw"},top:0,bottom:0},aiImageAspectRatio:{[t.breakpoints.down("md")]:{position:"relative"},width:"50vw",display:"block",overflow:"hidden",maxHeight:"100%",zIndex:-1,"&::after":{display:"block",content:'""',paddingBottom:"56.25%"},"& img":{position:"absolute",[t.breakpoints.up("lg")]:{position:"revert",width:"50vw"},top:0,left:0,width:"50vw",height:"100%",objectFit:"cover",objectPosition:"50% 50%"}},aiImageOverlay:{[t.breakpoints.down("md")]:{position:"absolute"},[t.breakpoints.up("lg")]:{position:"sticky",bottom:0,width:"50vw"},left:0,top:0,width:"50vw",height:"100%",backgroundImage:`linear-gradient(to top, ${t.palette.background.default}, ${Ft(t.palette.background.default,.1)} 40%), linear-gradient(to bottom, ${t.palette.background.default}, ${Ft(t.palette.background.default,.1)} 40%)`},aiTitleContainer:{width:"100%",[t.breakpoints.down("md")]:{minHeight:"200px"},[t.breakpoints.up("lg")]:{marginBottom:"20px"}},aiTitle:{textAlign:"center",fontWeight:700,fontSize:"32px",width:"100%",paddingLeft:15,paddingRight:15,wordBreak:"break-word"},ownersContainer:{width:"100%",display:"flex",justifyContent:"center",flexDirection:"row",flexWrap:"wrap",marginTop:"2rem"},aiTeamHeader:{textAlign:"center",textTransform:"uppercase",letterSpacing:"1px",fontSize:15,width:"100%"},avatarContainer:{display:"inline-block",textTransform:"capitalize",marginLeft:5,marginRight:5,textAlign:"center"},aiAvatar:{margin:"auto",marginTop:8},descriptionContainer:{textAlign:"center",paddingLeft:24,paddingRight:24,paddingTop:15,textDecoration:"none !important",wordBreak:"break-word"},aiDescription:{fontSize:16,padding:20,marginTop:100,textAlign:"center"},editBtn:{...y(t).viewModalButton,margin:"18px auto"},expandIcon:{color:t.palette.secondary.light,border:"none"},showMore:{width:"100%",fontSize:"16px",paddingTop:20,whiteSpace:"pre-wrap",lineHeight:"150%",textDecoration:"none !important","& a":{textDecoration:"none"}},joinButton:{...y(t).button,color:"#fff",width:170,height:54,textTransform:"none","&:hover":{backgroundColor:t.palette.primary.main},[t.breakpoints.up(322)]:{left:"32px"},marginTop:"42px"},shareButton:{backgroundColor:t.palette.primary.main,color:"#fff",width:170,height:54,borderRadius:"50px",fontSize:"1rem",textTransform:"none",display:"block","&:hover":{backgroundColor:t.palette.primary.main},marginTop:"42px"},inviteButton:{backgroundColor:t.palette.primary.main,color:"#fff",height:54,width:170,borderRadius:"50px",fontSize:18,margin:"auto",fontWeight:600,letterSpacing:1,textTransform:"none",display:"block","&:hover":{backgroundColor:t.palette.primary.main},[t.breakpoints.up(322)]:{left:"32px"}},ownerShareButton:{marginTop:0},nonOwnerDisplay:{display:"contents"},shareIconButton:{color:t.palette.primary.main,textTransform:"capitalize",display:"block",position:"relative",[t.breakpoints.down(322)]:{margin:"auto",marginTop:"42px"},marginTop:"42px"},ownerShareIcon:{marginTop:0},shareText:{fontSize:13,letterSpacing:"0.16px",color:t.palette.text.primary,marginTop:-5},visibilityChip:{color:t.palette.text.primary,borderColor:t.palette.text.primary,marginTop:"1rem",letterSpacing:".2px"},actionsContainer:{[t.breakpoints.down("sm")]:{display:"flex",flexDirection:"column"}},joinButtonAdmin:{[t.breakpoints.up("sm")]:{left:"-70px"},[t.breakpoints.down("sm")]:{left:"0"}},...y(t)}));function Li({handleOwnerChange:t,handleTitleDescriptionSave:a,isGroup:s}){const n=Ri(),{t:i}=N(),o=Ae(),{id:r=""}=gt(),c=mt.useFlags(),d=m.useContext(be),{facilitators:h,permissions:p,setIsAcceptingInvite:x,requestToJoin:f,isJoinRequested:v}=J(),[I,g]=m.useState(!1),[S,b]=m.useState(!1),[L,R]=m.useState(!1),[B,D]=m.useState(!1),[V,U]=m.useState(!1),[W,ie]=m.useState(!1),[H,G]=m.useState(!1),E=p.isAdmin||p.isFacilitator,Q=E?`${n.ownerShareButton} ${n.shareButton}`:n.shareButton,C=me(pe.breakpoints.up("lg"),{defaultMatches:!0}),de=()=>{const $=document.createElement("input");$.value=window.location.href,document.body.appendChild($),$.select(),document.execCommand("copy"),document.body.removeChild($)},K=()=>{b(!1)};F.useEffect(()=>{if(S){const $=setTimeout(()=>b(!1),3e3);return()=>clearTimeout($)}},[S]);const{setSnackBarOptions:ee}=m.useContext(Xt),{run:te,data:X,isLoading:M,error:Be}=q({deferFn:([$])=>Ht.getAllGroupsByUser($),onReject:()=>{oe(Be??"error calling InterchangeApi.getAllPosts")}});m.useEffect(()=>{d.getAuthenticatedId()&&te(d.getAuthenticatedId())},[d]);const{data:O,refetch:Ue}=Yt({actionInitiativeId:parseInt(r)});m.useEffect(()=>{ht(O?.subCommunity)&&G(!0)},[O]);const tt=m.useMemo(()=>O?.subCommunity&&X?.length&&X.some($=>$.id===O.subCommunity),[O,X]);if(!O)return null;const he=()=>g($=>!$),ge=()=>{b(!0),setTimeout(()=>{K()},3e3)},je=()=>{R(!0)},We=()=>{R(!1)},Ge=()=>{D(!0)},Pe=($,Ce)=>{Ce!=="clickaway"&&U(!1)},qe=$=>{D(!1),$&&U(!0)},Je=$=>e.jsx(Mi,{owners:$,members:O.users,ownerId:O.ownerUserId,handleOwnerChange:t}),ve=()=>e.jsx("div",{className:n.aiImageContainer,children:e.jsxs("div",{className:n.aiImageAspectRatio,children:[e.jsx("img",{src:ae(O.imageURL),alt:"Initiative"}),e.jsx("div",{className:n.aiImageOverlay})]})}),Te=()=>{d.isAuthenticated()?f?.mutate(parseInt(r)):o("/signup")},Fe=async()=>{try{switch(await _.autoJoinInitiative(parseInt(r))){case"JoinAccepted":ee({severity:"success",message:i(...u.autoJoinMessages.joinAccepted()),open:!0}),Ue?.();break;case"AlreadyJoined":ee({severity:"info",message:i(...u.autoJoinMessages.alreadyJoined()),open:!0});break;case"NotGroupMember":ee({severity:"warning",message:i(...u.autoJoinMessages.notGroupMember()),open:!0});break;

6default:ee({severity:"error",message:i(...u.autoJoinMessages.networkErrorTitle()),open:!0})}}catch{ee({severity:"error",message:i(...u.autoJoinMessages.networkErrorTitle()),open:!0})}},nt=()=>{function $(){return e.jsx(e.Fragment,{children:v?e.jsx(P,{variant:"contained",className:`${n.joinButton} ${n.disabledButton} ${d.hasPermission(1)?n.joinButtonAdmin:""}`,disabled:!0,children:i(...u.requestPendingBtn())}):e.jsx(P,{variant:"contained",className:`${n.joinButton} ${d.hasPermission(1)&&n.joinButtonAdmin}`,onClick:Te,children:i(...u.requestToJoinBtn())})})}function Ce(){return e.jsx(P,{variant:"contained",className:`${n.joinButton} ${d.hasPermission(1)&&n.joinButtonAdmin}`,onClick:Fe,children:i(...u.autoJoin())})}return e.jsxs(l,{container:!0,item:!0,xs:12,sm:12,md:12,children:[E?e.jsx(Fi,{id:parseInt(r),currentImageURL:O.imageURL}):"",e.jsxs(l,{container:!0,item:!0,className:n.aiInfoOverlay,children:[e.jsx("div",{className:n.aiInnerHeader,children:e.jsxs("div",{className:n.aiTitleContainer,children:[e.jsx(j,{id:"aiTitle",className:n.aiTitle,children:O.name}),e.jsx($e,{display:"flex",justifyContent:"center",children:O.visibilityLevel===Me.Public?null:e.jsx(He,{className:n.visibilityChip,label:O.visibilityLevel===Me.PrivateToGroup?i(...u.privacyOption.privateToGroup()):i(...u.privacyOption.private()),variant:"outlined"})})]})}),C&&e.jsx(l,{item:!0,children:ve()}),Je(h),!C&&ve()]}),e.jsxs(l,{container:!0,item:!0,className:n.descriptionContainer,justifyContent:"center",children:[e.jsx(wa,{lines:4,more:e.jsx(ze,{size:"small","aria-label":"See more",classes:{label:n.expandIcon},children:i(...u.readMore())}),less:e.jsx(ze,{size:"small","aria-label":"See less",children:e.jsx(Jn,{className:n.expandIcon})}),keepNewLines:!0,onClick:he,expanded:I,className:n.showMore,children:O.description}),E&&e.jsx(l,{item:!0,container:!0,xs:12,justifyContent:"center",children:e.jsxs(P,{className:n.editBtn,onClick:je,"data-testid":"ai-edit-button",children:[i(...u.editBtn())," "]})}),e.jsx(e.Fragment,{children:e.jsxs(l,{container:!0,justifyContent:"center",alignContent:"center",alignItems:"center",className:n.actionsContainer,children:[e.jsx(T,{when:d.hasPermission(1),children:e.jsxs(P,{className:n.shareIconButton,onClick:()=>{ie(!0)},children:[e.jsx(Kt,{}),e.jsx(j,{className:n.shareText,children:i(...u.inviteToClaim())})]})}),p.isMember?E?e.jsxs(l,{className:n.nonOwnerDisplay,children:[e.jsx(P,{"data-testid":"invite-button",variant:"contained",className:`${n.inviteButton} ${d.hasPermission(1)&&n.joinButtonAdmin}`,onClick:Ge,children:i(...u.inviteNewMembers())}),e.jsx(De,{onClickAway:K,children:e.jsx(Ke,{PopperProps:{disablePortal:!0},onClose:K,open:S,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,title:i(...u.copyAiLink())||"",placement:"bottom",children:e.jsxs(P,{className:[n.shareIconButton,n.ownerShareIcon].join(" "),onClick:()=>{de(),ge()},children:[e.jsx(lt,{}),e.jsxs(j,{className:n.shareText,children:[i(...u.shareBtn())," "]})]})})})]}):e.jsx(l,{item:!0,container:!0,xs:12,justifyContent:"center",children:e.jsx(De,{onClickAway:K,children:e.jsx(Ke,{PopperProps:{disablePortal:!0},onClose:K,open:S,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,title:i(...u.copyAiLink())||"",placement:"bottom",children:e.jsxs(P,{variant:"contained",className:Q,onClick:()=>{de(),ge()},children:[i(...u.shareBtn())," "]})})})}):e.jsx(l,{className:n.nonOwnerDisplay,children:e.jsxs(T,{when:!H,children:[e.jsx(e.Fragment,{children:O.isInvited?e.jsx(P,{variant:"contained",className:`${n.joinButton} ${d.hasPermission(1)&&n.joinButtonAdmin}`,onClick:()=>x(!0),children:i(...u.acceptInviteBtn())}):M?e.jsx(et,{className:n.joinButton}):tt&&c.autoJoinGroupSais?Ce():$()}),e.jsx(l,{children:e.jsx(De,{onClickAway:K,children:e.jsx(Ke,{PopperProps:{disablePortal:!0},onClose:K,open:S,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,title:i(...u.copyAiLink())||"",placement:"bottom",children:e.jsxs(P,{className:n.shareIconButton,onClick:()=>{de(),ge()},children:[e.jsx(lt,{}),e.jsxs(j,{className:n.shareText,children:[i(...u.shareBtn())," "]})]})})})})]})})]})})]}),e.jsx(Vn,{openSnackBar:V,handleCloseSnackBar:Pe,alertMessage:i(...u.inviteNewMembersSuccess()),severity:"success"}),e.jsx(nn,{handleSave:a,handleClose:We,open:L,title:O.name,dialogTitle:i(...u.titleDescriptionModalHeader()),description:O.description??"",visibilityLevel:O.visibilityLevel,isGroupSai:s}),e.jsx(Lt,{handleClose:()=>{ie(!1)},postId:O.id,open:W&&d.hasPermission(1),displayFullscreen:!0,isSai:!0})]})};function at(){return e.jsx(Ut,{open:B,handleClose:qe})}return e.jsxs(e.Fragment,{children:[nt(),B&&at()]})}const Di=A(t=>({root:{margin:"auto",width:"100%",height:"100vh",backgroundColor:t.palette.background.default,display:"flex",flexDirection:"column",overflowY:"scroll"},header:{textAlign:"center",textTransform:"uppercase",fontSize:16,letterSpacing:1,marginTop:60},...y(t)}));function Ei({handleSave:t,open:a,handleClose:s,goal:n,goalModalHeader:i}){const o=Di(),{t:r}=N(),c=vt().shape({goal:Ct().trim().max(100,r(...k.goal.maxError())).required(r(...k.goal.requiredError()))}),d=St({initialValues:{goal:n??""},validationSchema:c,onSubmit:()=>{t(d.values.goal),s()}});m.useEffect(()=>{a&&d.resetForm({values:{goal:n??""}})},[a,n]);async function h(f){d.setTouched({goal:!0}),d.handleChange(f)}const p=()=>

6{d.submitForm()},x=e.jsx(l,{className:o.root,children:e.jsxs(xe,{children:[e.jsx(j,{className:o.header,children:i}),e.jsx(jt,{className:[o.textField,o.ninetyPercent].join(" "),style:{marginLeft:"auto",marginRight:"auto",marginTop:50},id:"goal",name:"goal",multiline:!0,inputProps:{maxLength:100,style:{paddingLeft:8},"aria-label":"goal","data-testid":"goal-content-input"},type:"text",minRows:10,value:d.values.goal,autoComplete:"off",variant:"outlined",onChange:h,onBlur:d.handleBlur,error:!!d.errors.goal&&!!d.touched.goal,helperText:d.errors.goal&&d.touched.goal?d.errors.goal:d.values.goal.length+"/100"}),e.jsx(l,{item:!0,className:o.flexSpacer}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:o.navButtonHolder,children:e.jsx(fe,{handleSubmit:p,handleBack:s,nextLabel:r(...k.saveBtn()),backLabel:r(...k.cancelBtn()),backIcon:!0})})]})});return e.jsx(ke,{open:a,onClose:s,"aria-label":"update initiative goal",children:x})}const Oi=A(t=>({root:{maxWidth:"100%",minHeight:25,overflowX:"hidden",overflowY:"hidden",display:"flex",marginRight:7},headerContainer:{display:"inline-flex",justifyContent:"space-between",marginBottom:10},title:{fontSize:15,letterSpacing:1,textTransform:"uppercase"},editButton:{...y(t).viewModalButton,marginRight:-7},goalDescription:{fontFamily:"SF Pro Text, Roboto, sans-serif",fontSize:14,lineHeight:"150%",color:"rgba(255, 255, 255, 0.7)"}}));function $i({handleSave:t,isEditMode:a,goal:s,goalModalHeader:n}){const i=Oi(),{t:o}=N(),[r,c]=m.useState(!1),d=()=>{c(!0)},h=()=>{c(!1)},p=s||o(...k.goal.placeHolder());return e.jsxs(l,{container:!0,item:!0,xs:12,sm:12,md:12,className:i.root,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:i.headerContainer,children:[e.jsx(j,{className:i.title,children:o(...k.goalHeader())}),a?e.jsx(P,{color:"primary",onClick:d,className:i.editButton,"data-testid":"goal-edit-button",children:o(...k.editBtn())}):null]}),e.jsx(l,{item:!0,xs:12,sm:12,md:12,children:e.jsx(j,{className:i.goalDescription,children:p})}),e.jsx(Ei,{handleSave:t,handleClose:h,open:r,goal:s,goalModalHeader:n})]})}const zi=A(t=>({root:{overflowX:"hidden",overflowY:"hidden",display:"flex",textAlign:"center"},headerContainer:{display:"inline-flex",justifyContent:"space-between"},title:{fontSize:15,letterSpacing:1,textTransform:"uppercase",marginLeft:20},editButton:{...y(t).viewModalButton},chipContainer:{display:"inline-flex",overflowX:"scroll"},container:{marginTop:10,marginLeft:15,display:"flex",justifyContent:"start",overflowX:"visible",whiteSpace:"break-spaces",borderRadius:5,padding:"35px 10px 35px 10px",backgroundColor:t.palette.secondary.dark,color:t.palette.text.primary,fontSize:16,fontWeight:600,letterSpacing:1,textTransform:"uppercase"},avatarImageBackground:{height:42,width:42,border:"2px solid white",borderRadius:"50%",backgroundColor:"#000000",display:"flex",alignItems:"center",justifyContent:"center",padding:15},noScrollBar:{...y(t).noScrollBar}})),Hi=async()=>Ot.getAllRoles();function Ui({neededRoles:t,isEditMode:a,handleSave:s}){const n=zi(),{t:i}=N(),[o,r]=F.useState(!1),[c,d]=F.useState([]),h=()=>{c.length===0&&x(),r(!0)},{data:p,run:x}=q({deferFn:Hi});F.useEffect(()=>{p&&d($t(p).map(v=>({...v,description:void 0})))},[p]);const f=()=>r(!1);return e.jsx(e.Fragment,{children:e.jsxs(l,{container:!0,spacing:2,className:n.root,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:n.headerContainer,children:[e.jsxs(j,{className:n.title,children:[i(...u.supportHeader())," "]}),a&&e.jsxs(P,{color:"primary",onClick:h,className:n.editButton,"aria-label":"edit","data-testid":"support-needed-edit-button",children:[i(...u.editBtn())," "]})]}),e.jsx(l,{item:!0,xs:12,sm:12,md:12,className:[n.chipContainer,n.noScrollBar].join(" "),children:t.map(({name:v,imageURL:I},g)=>e.jsx(He,{className:n.container,avatar:e.jsx("div",{className:n.avatarImageBackground,children:e.jsx("img",{src:ae(I),alt:v})}),label:v},g))}),e.jsx(on,{open:o,handleClose:f,handleSave:s,currentRoles:t,roles:c})]})})}const Wi=A(t=>({titleContainer:{margin:0,display:"inline-flex",justifyContent:"space-between",alignContent:"center",flexDirection:"row",marginBottom:"18px"},makePostHeader:{textAlign:"center",marginBottom:38,marginTop:60,textTransform:"uppercase",fontWeight:600,letterSpacing:"1px"},makePostSubheader:{textAlign:"center",marginBottom:38},postsRoot:{maxWidth:"100%",overflowX:"hidden",overflowY:"hidden",display:"flex"},header:{fontSize:15,letterSpacing:1,textTransform:"uppercase",marginLeft:24},container:{display:"block",paddingLeft:24,paddingRight:24},postContainer:{flexWrap:"wrap",justifyContent:"center",flex:0,width:"100%",marginBottom:28},postTitle:{fontStyle:"normal",fontWeight:"normal",fontSize:12,textAlign:"center",color:"rgba(255,255,255,0.7)",textTransform:"capitalize",textOverflow:"ellipsis"},postButton:{...y(t).viewModalButton,whiteSpace:"nowrap",margin:"auto",marginBottom:"40px",paddingLeft:24,paddingRight:24},dialogPaper:{padding:"40px 0",backgroundColor:t.palette.background.default},feedButton:{height:"52px",color:t.palette.text.primary+" !important",backgroundColor:t.palette.secondary.main+" !important",padding:"15px",paddingLeft:32,paddingRight:32,width:"215",borderRadius:"50px !important",fontSize:"18px",textAlign:"center",margin:"auto",textTransform:"none"},emptyFeedBlurb:{fontSize:"14px",textAlign:"left",fontStyle:"normal",textTransform:"none",color:t.palette.text.secondary,paddingLeft:24,paddingRight:24},feedEnd:{fontSize:"16px",textAlign:"center",fontWeight:"bold",fontStyle:"normal",letterSpacing:"0.1px",margin:"auto",textTransform:"none",color:t.palette.text.secondary},postBoxPrompt:{borderColor:t.palette.text.primary,color:t.palette.text.primary,borderStyle:"solid",borderRadius:"32px",borderWidth:"2px",textAlign:"left",paddingLeft:20,paddingTop:16,marginLeft:8,width:"100%",height:56,fontSize:"16px",lineHeight:"19px",textTransform:"none"},navigationButtonHolder:{[t.breakpoints.down("md")]:{position:"absolute",bottom:0},paddingLeft:24,paddingRight:24,paddingTop:40},...y(t)}));function Gi({posts:t,handleSavePosts:a,spaceName:s,isEditMode:n,atATime:i=1,showingNumber:o,savePostFn:r,updatePostFn:c,deletePostFn:d}){const h=Wi(),{t:p}=N(),[x,f]=F.useState(!1),[v,I]=F.useState(o??i),g=m.useContext(be),S=vt().shape({postContent:Ct().trim().required(p(...k.posts.requiredError())).max(1e3,p(...k.posts.sizeError()))});m.useEffect(()=>{x&&b.resetForm({values:{postContent:""}})},[x]);const b=St({initialValues:{postContent:""},validationSchema:S,onSubmit:({postContent:E})=>{console.log("wtf hafez"),V(E)}}),L=()=>

6{if(g.isAuthenticated())return Vt(g.userProfile?.firstName)};async function R(E){b.setTouched({postContent:!0}),b.handleChange(E)}const B=()=>{f(!0)},D=()=>{f(!1),b.setErrors({postContent:void 0})},{run:V,status:U}=q({deferFn:r,onResolve:()=>{D(),a(v)},onReject:E=>{oe(E??"error saving post")}});m.useEffect(()=>{(U===Y.Fulfilled||U===Y.Rejected)&&b.setSubmitting(!1)},[U]);const W=()=>{I(Math.min(v+i,t.length))},ie=()=>v<t.length;return x?e.jsx(Ze,{fullScreen:!0,open:!0,classes:{paper:h.dialogPaper},children:e.jsxs("form",{onSubmit:b.handleSubmit,children:[e.jsxs(xe,{children:[e.jsxs(l,{item:!0,children:[e.jsx(j,{className:h.makePostHeader,variant:"h6",children:p(...k.posts.dialogHeader())}),e.jsx(j,{className:h.makePostSubheader,variant:"body2",children:e.jsx(tn,{i18nKey:"posts.dialogSubheader",values:{spaceName:s}})})]}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",children:e.jsx(jt,{className:[h.textField,h.ninetyPercent].join(" "),id:"postContent",name:"postContent",inputProps:{"data-testid":"post-content-input",maxLength:1e3,style:{paddingLeft:8,lineHeight:"150%"}},label:p(...k.posts.placeholderText()),type:"text",multiline:!0,minRows:9,variant:"outlined",autoComplete:"off",value:b.values.postContent,onChange:R,onBlur:b.handleBlur,error:!!b.errors.postContent&&!!b.touched.postContent,helperText:b.errors.postContent&&b.touched.postContent?b.errors.postContent:b.values.postContent.length+"/1000"})})]}),e.jsx(l,{item:!0,container:!0,justifyContent:"center",direction:"column",className:h.navigationButtonHolder,children:e.jsx(fe,{handleSubmit:void 0,handleBack:D,nextLabel:b.isSubmitting?p(...k.posts.postButtonSending()):p(...k.posts.postButton()),backLabel:p(...k.cancelBtn()),backIcon:!0,disableSubmit:b.isSubmitting})})]})}):e.jsxs(e.Fragment,{children:[e.jsx(l,{container:!0,spacing:2,className:h.titleContainer,children:e.jsxs(j,{className:h.header,children:[p(...k.posts.title())," (",t.length,")"]})}),e.jsxs(l,{container:!0,item:!0,xs:12,className:h.postsRoot,children:[n&&e.jsxs(P,{className:h.postButton,onClick:B,color:"primary","data-testid":"make-ai-post",children:[e.jsx(Ne,{src:ae(g?.userProfile?.imageURL),alt:ae(g?.userProfile?.imageURL)?"avatar of current user":"","data-testid":"ai-poster-avatar",style:{height:56,width:56},children:L()}),e.jsx("div",{className:h.postBoxPrompt,children:p(...k.posts.writeAPost())})]}),e.jsx(l,{container:!0,item:!0,xs:12,sm:12,md:12,className:[h.container,h.noScrollBar].join(" "),direction:"column",justifyContent:"center",children:t.slice(0,v).map((E,Q)=>e.jsx(l,{item:!0,children:e.jsx("div",{className:h.postContainer,children:e.jsx(pn,{post:E,handleUpdate:()=>a(v),canEdit:n,updatePostFn:c,deletePostFn:d})},Q)},Q))}),ie()?e.jsx(P,{className:h.feedButton,onClick:W,children:p(...k.posts.seeMoreFeed())}):t.length===0&&n?e.jsx(j,{className:h.emptyFeedBlurb,children:p(...k.posts.emptyFeedBlurb())}):e.jsx(j,{className:h.feedEnd,children:p(...k.posts.noMoreFeed())})]})]})}function qi({isAcceptingInvite:t=!1}){const{id:a=""}=gt(),{run:s,status:n,error:i,data:o}=q({deferFn:Ji,onReject:r=>oe(r)});return m.useEffect(()=>{t&&s(a)},[a,t]),{status:n,response:o,error:i}}const Ji=async([t])=>await _.acceptInvite(t),Vi=A(t=>({root:{overflowX:"hidden",overflowY:"hidden",display:"flex",textAlign:"center"},chipContainer:{display:"flex",flexWrap:"wrap",overflowX:"scroll",marginLeft:24,marginRight:24,padding:"unset !important"},container:{marginTop:10,marginLeft:4,display:"flex",justifyContent:"start",overflowX:"visible",overflowY:"hidden",borderRadius:16,backgroundColor:t.palette.action.selected,color:t.palette.text.primary,fontSize:10,fontWeight:700,letterSpacing:1,lineHeight:15,textTransform:"uppercase",width:"max-content"},editButtonContainer:{right:0},headerContainer:{display:"inline-flex",justifyContent:"space-between",margin:"0px 0px 0px 20px"},title:{fontSize:15,letterSpacing:1,textTransform:"uppercase"},defaultText:{...y(t).defaultMessageText,marginLeft:24,fontWeight:400,textAlign:"initial"},...y(t)})),_i=async()=>zt.getSupplyChainComponents();function Xi({supplyChainComponents:t,isEditMode:a,handleSave:s}){const n=Vi(),{t:i}=N(),[o,r]=F.useState(!1),[c,d]=F.useState([]),h=()=>{c.length===0&&x(),r(!0)},{data:p,run:x}=q({deferFn:_i});F.useEffect(()=>{p&&d(p.map(g=>({...g})))}

6,[p]);const f=()=>r(!1),v=()=>e.jsx(l,{item:!0,className:[n.chipContainer,n.noScrollBar].join(" "),children:t.sort((g,S)=>g.id-S.id).map(({name:g},S)=>e.jsx(He,{className:n.container,label:g},S))}),I=()=>e.jsx(l,{item:!0,children:e.jsx(j,{className:n.defaultText,children:i(...k.sccDefaultText())})});return e.jsx(e.Fragment,{children:e.jsxs(l,{container:!0,spacing:2,className:n.root,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:n.headerContainer,children:[e.jsx($e,{display:"flex",children:e.jsxs(j,{className:n.title,children:[i(...k.sccHeader())," "]})}),a&&e.jsx(P,{color:"primary",onClick:h,className:n.viewModalButton,"aria-label":"edit","data-testid":"scc-edit-button",children:i(...k.editBtn())})]}),t.length!==0?v():I(),e.jsx(cn,{open:o,handleClose:f,handleSave:s,currentSCCs:t,supplyChainComponents:c})]})})}const Yi=A(t=>({sectionDivider:{backgroundColor:"#113F48",height:1,border:"none",width:"100%",marginTop:16,marginBottom:16}})),Qi=async([t,a])=>await _.setActionInitiativeToolkit(t,a);function Ki({initialToolkits:t,actionInitiativeId:a,isOwner:s,isVisible:n}){const[i,o]=F.useState(t),r=Yi(),{run:c,status:d,data:h}=q({deferFn:Qi,onReject:x=>{oe(x)}}),p=F.useCallback(x=>{c(x,a)},[a]);return F.useEffect(()=>{h&&o(h)},[h]),F.useEffect(()=>{d===Y.Fulfilled&&o(h)},[d,h]),n?e.jsxs(e.Fragment,{children:[e.jsx(l,{item:!0,container:!0,xs:12,direction:"column",alignItems:"center",children:e.jsx(ln,{toolkitElements:i,isOwner:s,updateToolkit:p,analyticsCategory:pt.sai})}),e.jsx("hr",{className:r.sectionDivider})]}):e.jsx(e.Fragment,{})}const Zi=t=>t.actionInitiativeRole===Se.Member;function rt(t){return t.map(a=>({...a,isRemovable:Zi(a)}))}function es({members:t,isEditMode:a=!1,actionInitiativeId:s,handleOwnerChange:n}){const i=Ae(),{t:o}=N(),[r,c]=m.useState(rt(t)),{run:d,status:h,error:p,data:x}=q({deferFn:([g,S])=>_.updateActionInitiative(g,S)});m.useEffect(()=>{h===Y.Fulfilled&&c(rt(x?.users)??[])},[h]),m.useEffect(()=>{p&&oe(`${p}`)},[p,i]),m.useEffect(()=>{c(rt(t))},[]);const f=g=>{const{removed:S}=we(Z(t),Z(g));d(s,{remove:{members:S}})},v=g=>{const S=g.filter(L=>L.actionInitiativeRole==Se.Facilitator);return{membersUsers:g.filter(L=>L.actionInitiativeRole==Se.Member),facilitatorsUsers:S}},I=g=>{const{facilitatorsUsers:S}=v(t),b=S.map(B=>B.id),L=g.filter(B=>!b.includes(B)),R=b.filter(B=>!g.includes(B));n(R,L)};return e.jsx(Sa,{members:r,isEditMode:a,handleUpdateFacilitators:I,filterFacilitators:v,handleSaveMembers:f,searchPlaceholder:o(...u.searchMembersPlaceholder())})}const ts=A(t=>({root:{flexGrow:1,marginBottom:20,overflowX:"hidden",overflowY:"hidden",[t.breakpoints.up("tablet")]:{marginTop:"20px",maxHeight:"none"},maxWidth:"500px",margin:"auto"},mainGrid:{[t.breakpoints.up("tablet")]:{margin:"auto",width:"100%"}},fullpage:{minHeight:"100vh"},cardContainer:{display:"flex",justifyContent:"center",alignContent:"center"},sectionDivider:{backgroundColor:"#113F48",height:1,border:"none",width:"100%",marginTop:16,marginBottom:16},justifyStart:{display:"flex",justifyContent:"start",marginLeft:20,paddingTop:"12px !important"},headers:{fontSize:"15px",fontWeight:400,letterSpacing:"1px",textTransform:"uppercase"},sdgContainer:{display:"flex",justifyContent:"start",marginTop:4,overflow:"hidden"},pathwayContainer:{display:"flex",justifyContent:"start",marginTop:4,overflow:"hidden"},goalDescription:{fontFamily:"SF Pro Text, Roboto, sans-serif",fontSize:14,lineHeight:"150%",color:"rgba(255, 255, 255, 0.7)"},pathwayImage:{borderRadius:12},leaveBtn:{...y(t).button,marginTop:40,marginBottom:35,fontSize:16,textTransform:"none",display:"flex",margin:"auto",color:t.palette.error.main,borderColor:t.palette.error.main,backgroundColor:"transparent !important"},bottomSpacer:{marginBottom:40}})),ns=async([t,a])=>await _.approveJoinActionInitiative(t,a);function as({id:t}){const a=ts(),s=Ae(),{t:n}=N(),{getParam:i}=_n(),o=m.useContext(be),{permissions:r,isAcceptingInvite:c,setIsAcceptingInvite:d,requestToJoin:h,uploadImage:p}=J(),x=Na(),[f,v]=m.useState([]),[I,g]=m.useState([]),[S,b]=m.useState([]),[L,R]=m.useState(!0),[B,D]=m.useState(!1),[V,U]=m.useState(""),W=m.useContext(Xt),[ie,H]=m.useState(void 0),[G,E]=m.useState(!1),Q=Yt({actionInitiativeId:t,onError:w=>{oe(w)}}),C=Q.data,de=i("forceAuth"),K=i("userRequestId"),ee=document.getElementById("titleDescriptionImage"),te=document.getElementById("members"),X=document.getElementById("projectStage"),M=document.getElementById("goal"),Be=document.getElementById("supportNeeded"),O=document.getElementById("challenges"),Ue=document.getElementById("supply-chain-components"),tt=()=>i("subCommunity")||!!C?.subCommunity,he=qi({isAcceptingInvite:c}),{run:ge,status:je,data:We}=q({deferFn:([w])=>_.getActionInitiativePosts(w||t)}),{run:Ge,status:Pe,data:qe}=q({deferFn:([w])=>_.getActionInitiativeSupplyChain(w||t)}),{run:Je,data:ve,status:Te,error:Fe}=q({deferFn:ns}),nt=F.useCallback(()=>{C?.visibilityLevel===Me.Public?x.invalidateQueries(["getActionInitiative",t]):s("/")},[C,t,s]),{run:at,status:$,error:Ce}=q({deferFn:([w,z])=>_.leaveActionInitiative(w,z),onResolve:nt}),{run:Re,status:Ve,error:it,data:wt}=q({deferFn:([w,z])=>_.updateActionInitiative(w,z)}),{run:gn,status:Le,error:st,data:kt}=q({deferFn:([w,z])=>_.updateSupplyChainComponents(w,z)}),{run:xn,status:_e,error:ot}=q({deferFn:([w])=>_.deleteActionInitiative(w)});m.useEffect(()=>{de&&s({search:""})}),m.useEffect(()=>{ht(C?.subCommunity)&&E(!0)},[C?.subCommunity]),m.useEffect(()=>{K&&Je(t,K)},[t,Je,K]),m.useEffect(()=>{_e===Y.Fulfilled&&s("/")},[_e,s]),m.useEffect(()=>{je===Y.Fulfilled?v(We):je===Y.Initial&&r.isMember&&ge([t])},[je,v,t,r,o,ge,We]),m.useEffect(()=>{Pe===Y.Fulfilled?Le!==Y.Fulfilled&&g(qe):Pe===Y.Initial&&r.isMember&&Ge([t])},[Pe,g,t,o,r,Ge,qe]),m.useEffect(()=>{Le===Y.Fulfilled&&g(kt)},[kt,Le,g]),m.useEffect(()=>{C&&(b(C.challenges??[]),R(!1))},[C]),m.useEffect(()=>{(Fe||Ce||it||ot||st)&&oe(`${Fe} ,
7      ${Ce} ,
8      ${it} ,
9      ${ot} ,
10      ${st}`)},[Fe,Ce,it,ot,st,c,s]),m.useEffect(()=>{[Ve,$,Te,_e,je,Le,he.status].some(w=>w===Y.Pending)||Q?.isFetching||h?.isLoading||p?.isLoading?R(!0):R(!1)},[t,Q?.isFetching,Ve,$,h?.isLoading,p?.isLoading,Te,_e,je,Le,he.status]),m.useEffect(()=>{Te===Y.Fulfilled&&(ve&&ve.isApproved&&W.setSnackBarOptions({open:!0,message:e.jsx(tn,{i18nKey:"actionInitiative.approvedToJoinSAI",values:{userName:ve?.a

10pprovedUser,aiName:C?.name}}),severity:"success"}),x.invalidateQueries(["getActionInitiative",t]),s({search:window.location.search.replace(/userRequestId=[0-9]+&*/,"")}))},[t,ve,Te]),m.useEffect(()=>{if(Ve===Y.Fulfilled){x.setQueryData(["getActionInitiative",t],()=>wt);const z={"title-description-anchor":ee,members:te,"project-stage":X,goal:M,"support-needed":Be,challenges:O,"supply-chain-components":Ue}[V];z&&z.scrollIntoView({block:"center"})}},[t,wt,Ve,ee,te,X,M,Be,O,Ue,V]);const ne=()=>r.isAdmin||r.isFacilitator,fn=()=>r.isAdmin||r.isFacilitator||r.isMember,bn=w=>{const{added:z,removed:ue}=we(Z(C?.supportNeeded),Z(w)),re={add:{supportNeeded:z},remove:{supportNeeded:ue}};R(!0),Re(C?.id,re),U("support-needed")},jn=w=>{const z={progress:w};R(!0),Re(C?.id,z),U("project-stage")},vn=w=>{const z={goal:w};R(!0),Re(C?.id,z),U("goal")},Cn=({title:w,description:z,visibilityLevel:ue})=>{const re={name:w,description:z,visibilityLevel:ue};R(!0),Re(C?.id,re),U("title-description-image")},Sn=w=>{b(w),yn(w)},yn=w=>{const{added:z,removed:ue}=we(Z(C?.challenges),Z(w)),re={add:{challenges:z},remove:{challenges:ue}};R(!0),Re(C?.id,re),U("challenges")},wn=w=>{const{added:z,removed:ue}=we(Z(I),Z(w)),re={add:z,remove:ue};R(!0),gn(C?.id,re),U("SCCs")};m.useEffect(()=>{function w(){s({search:window.location.search.replace(/isAcceptingInvite=\w+&*/,"")}),s({search:window.location.search.replace(/isExistingUser=\w+&*/,"")})}const{status:z,error:ue,response:re}=he;switch(z){case Y.Fulfilled:{re==="InviteAccepted"?W.setSnackBarOptions({severity:"success",message:n(...u.acceptInvite.inviteAccepted()),open:!0}):re==="AlreadyJoined"&&W.setSnackBarOptions({severity:"info",message:n(...u.acceptInvite.alreadyJoined()),open:!0}),d(!1),x.invalidateQueries(["getActionInitiative",t]),ge(),w();break}case Y.Rejected:{ue?.message.includes("status code 400")?W.setSnackBarOptions({severity:"error",autoHideDuration:12e3,message:n(u.acceptInvite.youAreNotInvited()),open:!0}):W.setSnackBarOptions({severity:"error",autoHideDuration:12e3,title:n(u.acceptInvite.networkErrorTitle()),message:n(u.acceptInvite.networkErrorMessage()),open:!0}),d(!1),w();break}}},[he.status,he.response,he.error]);const kn=w=>{ge(t),H(w)},In=()=>{D(!1),at(t,o.userProfile?.id)},It=()=>{D(!0)},An=()=>{D(!1)},Nn=()=>{xn(t)},At=(w,z)=>{_.updateOwners(C.id,{add:z??[],delete:w??[]}).then(()=>x.invalidateQueries(["getActionInitiative",t])).catch(()=>{W.setSnackBarOptions({severity:"error",message:n(...u.ownerRemoveError()),open:!0})})},Nt=()=>o.isAuthenticated&&o.userProfile?.id,Bn=C?.subCommunity?[{type:Qe.Groups,label:"Groups",url:Bt.groups()},{type:Qe.GroupProfile,label:C?.subCommunityName,url:Bt.groupProfile(C?.subCommunity)},{type:Qe.SAI,label:C?.name}]:[{type:Qe.SAI,label:C?.name}],Tn=()=>e.jsxs(l,{item:!0,xs:12,children:[e.jsx("a",{href:"#members",id:"members",title:"members"}),e.jsx(es,{actionInitiativeId:t,members:C?.users??[],isEditMode:ne(),handleOwnerChange:At})]}),Mn=e.jsxs(e.Fragment,{children:[e.jsx(Xn,{path:Bn}),e.jsxs(xe,{children:[C?e.jsx(e.Fragment,{children:e.jsxs(l,{container:!0,spacing:1,className:a.mainGrid,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:a.cardContainer,children:[e.jsx("a",{href:"#titleDescriptionImage",id:"titleDescriptionImage",title:"titleDescriptionImage"}),e.jsx(Li,{handleOwnerChange:At,handleTitleDescriptionSave:Cn,isGroup:tt()}),e.jsx(l,{container:!0,justifyContent:"flex-end",children:e.jsx(Et,{target:"initiative",id:t})})]}),e.jsx("hr",{className:a.sectionDivider}),Tn(),e.jsx("hr",{className:a.sectionDivider}),e.jsx(Ki,{initialToolkits:C.toolkits,actionInitiativeId:t,isOwner:ne(),isVisible:(ne()||C.toolkits.length!==0)&&o.isAuthenticated()&&C.users.map(w=>w.id).indexOf(o.getAuthenticatedId())!==-1}),e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:a.justifyStart,children:[e.jsx("a",{href:"#projectStage",id:"projectStage",title:"projectStage"}),e.jsx(rn,{handleSave:jn,isEditMode:ne(),progress:C.progress})]}),e.jsx("hr",{className:a.sectionDivider}),e.jsxs(l,{item:!0,xs:12,sm:12,md:12,className:a.justifyStart,children:[e.jsx("a",{href:"#goals",id:"goals",title:"goals"}),e.jsx($i,{handleSave:vn,isEditMode:ne(),goal:C.goal,goalModalHeader:n(...u.aiGoalModalHeader())})]}),e.jsx("hr",{className:a.sectionDivider,style:{marginBottom:20}}),e.jsxs(l,{item:!0,xs:12,sm:12,md:12,children:[e.jsx("a",{href:"#supportNeeded",id:"supportNeeded",title:"supportNeeded"}),e.jsx(Ui,{neededRoles:C.supportNeeded,isEditMode:ne(),handleSave:bn})]}),e.jsx("hr",{className:a.sectionDivider,style:{marginBottom:20}}),e.jsxs(l,{item:!0,xs:12,sm:12,md:12,children:[e.jsx("a",{href:"#challenges",id:"challenges",title:"focus areas"}),e.jsx(ka,{isActionInitiative:!0,isEditMode:ne(),activeChallenges:S,onChallengeChange:Sn})]}),e.jsx("hr",{className:a.sectionDivider}),e.jsxs(T,{when:o.userProfile&&o.isAuthenticated()&&C.users.map(w=>

10w.id).indexOf(o.getAuthenticatedId())!==-1,children:[e.jsxs(l,{item:!0,xs:12,sm:12,md:12,children:[e.jsx("a",{href:"#links",id:"links",title:"links"}),e.jsx(Gi,{posts:f,handleSavePosts:kn,spaceName:C.name,isEditMode:fn(),atATime:5,showingNumber:ie,deletePostFn:ss(C.id),updatePostFn:is(C.id,Nt()),savePostFn:os(C.id,Nt())})]}),e.jsx("hr",{className:a.sectionDivider,style:{marginTop:28}})]}),e.jsx(l,{className:a.sdgContainer,children:e.jsx(Yn,{sdgs:C.sdgs,analyticsTag:"action_initiative_page"})}),e.jsx("hr",{className:a.sectionDivider}),e.jsx(l,{className:a.pathwayContainer,children:e.jsx(Ia,{pathways:C.pathways})}),e.jsxs(e.Fragment,{children:[e.jsx("a",{href:"#supply-chain-components",id:"supply-chain-components",title:"supply-chain-components"}),e.jsx("hr",{className:a.sectionDivider}),e.jsx(l,{xs:12,item:!0,children:e.jsx(Xi,{supplyChainComponents:I,handleSave:wn,isEditMode:ne()})})]}),ne()&&!G?e.jsx(l,{item:!0,xs:12,sm:12,md:12,children:e.jsx(P,{className:a.leaveBtn,onClick:It,variant:"outlined",children:n(...u.deleteSAIBtn())})}):r.isMember&&!G?e.jsx(l,{item:!0,xs:12,sm:12,md:12,children:e.jsx(P,{className:a.leaveBtn,onClick:It,variant:"outlined",children:n(...u.leaveBtn())})}):e.jsx(l,{item:!0,xs:12,className:a.bottomSpacer})]})}):e.jsx(l,{container:!0,spacing:0,direction:"column",alignItems:"center",justifyContent:"center",className:a.fullpage,children:e.jsx(l,{item:!0,xs:3,children:e.jsx(et,{"aria-label":"circular progress"})})}),e.jsx(ut,{title:ne()?n(...u.deleteInitiativeHeader()):n(...u.leaveInitiativeHeader()),description:ne()?n(...u.deleteInitiativeBody()):n(...u.leaveInitiativeBody()),handleClose:An,open:B,handleDelete:ne()?Nn:In,buttonLabel:ne()?n(...u.deleteBtn()):n(...u.leave())})]})]}),Pn=m.useMemo(()=>C?`${C.name} - ${n(...u.aiProfilePage())}`:n(...u.aiProfilePage()),[C,n]);return e.jsxs(e.Fragment,{children:[e.jsxs(_t,{children:[e.jsx("title",{children:Pn}),e.jsx("meta",{name:"description",content:"SustainChain Action Initiative Profile Page"})]}),L?e.jsx(Ie,{}):Mn]})}const is=(t,a,s=[])=>async([i,o])=>await _.editActionInitiativePost({userId:a,postContent:o,mentions:s},t,i),ss=t=>async([s])=>await _.deleteActionInitiativePost(t,s),os=(t,a,s=[])=>async([i])=>await _.uploadActionInitiativePost({userId:a,postContent:i,mentions:s},t);function ws(){const{id:t=""}=gt();return m.useEffect(()=>{if(t){let s=!0;return(async()=>{try{await Qn.sendDavinciSignal(void 0,"sub_communities",Date.now()/1e3,t,Kn.visited,"positive")}catch(i){s&&console.error("Failed to send Davinci signal:",i)}})(),()=>{s=!1}}},[t]),mt.useFlags().saIsPageRedesigned&&!ht(parseInt(t))?e.jsx(Tt,{actionInitiativeId:parseInt(t),children:e.jsx(ki,{})}):e.jsx(Tt,{actionInitiativeId:parseInt(t),children:e.jsx(as,{id:parseInt(t),"data-testid":"single-column-page-design"})})}export{ws as default};