https://mindthegraph.com/_next/static/chunks/pages/my-account/team-e33a0884125ca06d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9767],{97892:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});t(67294);var r=t(93365),i=t(34631),a=t(85893);function s(e){var n=e.children,t=e.variant,s=e.type,o=e.marginTop,c=e.marginRight,l=e.marginBottom,u=e.onClick,d=e.isInline,m=e.isLoading,h=e.minWidth,p=e.disabled,x="default"===t?i.gU:"#fff";return(0,a.jsx)(r.W,{onClick:u,variant:t,type:s,marginTop:o,marginRight:c,marginBottom:l,isInline:d,disabled:p||m,disableElevation:!0,minWidth:h,children:m?(0,a.jsx)(r.a,{fillColor:x,size:20,thickness:5}):n})}s.defaultProps={variant:"default",type:"button",onClick:function(){},isInline:!1,isLoading:!1}},93365:function(e,n,t){"use strict";t.d(n,{W:function(){return p},a:function(){return x}});var r=t(59499),i=t(6767),a=t.n(i),s=t(58793),o=t(11057),c=t(98456),l=t(64616),u=t(34631),d=t(85893);function m(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var h={default:{color:u.gU,background:u.Yf,border:"1px solid ".concat(u.PM)},defaultOutline:{color:u.Yf,border:"2px solid rgba(255, 255, 255, 0.8)"},primary:(0,r.Z)({background:u.n6,color:u.Yf},"&:hover",{background:u.iD}),secondary:(0,r.Z)({background:u.C5,color:u.Yf},"&:hover",{background:a()(u.C5).darken(.1).hex()}),facebook:(0,r.Z)({background:u._x,color:u.Yf},"&:hover",{background:a()(u._x).darken(.1).hex()}),link:{color:u.n6},danger:(0,r.Z)({background:u.yg,color:u.Yf,minWidth:150,width:"auto"},"&:hover",{background:a()(u.yg).darken(.1).hex()})},p=(0,s.Z)((function(e){var n=e.children,t=e.className,r=e.type,i=e.disabled,a=e.disableElevation,s=e.onClick;return(0,d.jsx)(o.Z,{children:n,className:t,type:r,disabled:i,disableElevation:a,onClick:s})}))((function(e){var n;return function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({fontFamily:l.u,fontWeight:"bold",width:e.isInline?"initial":"100%",fontSize:16,textTransform:"none",display:e.isInline?"inline-block":"block",lineHeight:0,borderRadius:35,boxShadow:"none",height:40,paddingLeft:30,paddingRight:30,marginTop:e.marginTop,marginRight:e.marginRight,marginBottom:null!==(n=e.marginBottom)&&void 0!==n?n:10,minWidth:e.minWidth},h[e.variant])})),x=(0,s.Z)((function(e){var n=e.className,t=e.size,r=e.thickness;return(0,d.jsx)(c.Z,{className:n,size:t,thickness:r})}))((function(e){return(0,r.Z)({},"& .MuiCircularProgress-svg circle",{stroke:e.fillColor})}))},89359:function(e,n,t){"use strict";t.d(n,{Z:function(){return c}});t(67294);var r=t(14354),i=t(93946),a=t(46901),s=t(95537),o=t(85893);function c(e){var n=e.message,t=e.severity,c=e.onClose;function l(e,n){"clickaway"!==n&&c()}return(0,o.jsx)(r.Z,{open:!!n,autoHideDuration:6e3,onClose:l,anchorOrigin:{vertical:"bottom",horizontal:"center"},action:(0,o.jsx)(i.Z,{size:"small",color:"inherit",onClick:l,children:(0,o.jsx)(s.Z,{fontSize:"small"})}),children:n?(0,o.jsx)(a.Z,{severity:t,elevation:6,variant:"filled",icon:!1,onClose:l,children:n}):null})}},71689:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return ne}});var r=t(67294),i=t(9008),a=t.n(i),s=t(186),o=t(45522),c=t(34631),l=s.default.div.withConfig({displayName:"team__Message",componentId:"sc-1txx4tm-0"})(["max-width:500px;text-align:center;line-height:1.5em;font-size:1.4rem;& p{margin:0 0 30px 0;}"]),u=(0,o.Z)((function(e){return{linkPricing:{textDecoration:"underline",display:"block",color:"#616161",fontSize:16,marginTop:e.spacing(1),"&:hover":{color:c.n6}}}})),d=t(50029),m=t(16835),h=t(87794),p=t.n(h),x=t(41664),f=t.n(x),g=t(53252),v=t(34386),b=t(93946),j=t(94253),Z=t(15861),y=t(50135),C=t(72882),k=t(7906),N=t(53184),w=t(53816),S=t(295),M=t(89359),I=t(17545),z=t(55161),A=s.default.div.withConfig({displayName:"teamCard__Card",componentId:"sc-c3k5s7-0"})(["",";margin:0 0 40px 0;padding:40px;"],z.Z),_=(s.default.h3.withConfig({displayName:"teamCard__Title",componentId:"sc-c3k5s7-1"})(["font-size:1.5rem;font-weight:800;margin:0 0 10px 0;",""],(function(e){return e.margin&&(0,s.css)(["margin:",";"],e.margin)})),s.default.div.withConfig({displayName:"teamCard__Separator",componentId:"sc-c3k5s7-2"})(["border-top:1px solid #eee;"]),t(8239)),O=t(62425),E=t(26925),T=t(64616),D=(0,o.Z)((function(e){return{container:{maxWidth:730,margin:"0 auto"},teamName:{display:"flex",alignItems:"center",gap:e.spacing(1),marginBottom:e.spacing(4),"& h3"

1:{fontSize:18,fontWeight:700,fontFamily:T.u,color:c.l$}},title:{fontSize:18,fontWeight:700,fontFamily:T.u,color:c.gU},teamNameContainer:{display:"flex",flexDirection:"column",gap:e.spacing(2),marginBottom:e.spacing(5)},inputContainer:{display:"flex",alignItems:"center",gap:e.spacing(1.5)},input:{width:400,backgroundColor:"#FFF"},teamMembersContainer:{display:"flex",flexDirection:"column",padding:e.spacing(4),"& h3":{marginBottom:e.spacing(3)}},teamMembersInput:{padding:e.spacing(4),borderRadius:12,backgroundColor:c.ZP,marginBottom:e.spacing(4),"& p + p":{marginTop:e.spacing(1),marginBottom:e.spacing(2)}},teamMembersInputLabel:{display:"flex",flexDirection:"column",gap:e.spacing(1),marginBottom:e.spacing(2)},teamMembersTable:{"& th":{fontWeight:700,fontFamily:T.u,padding:e.spacing(1.5)}},teamMembersNameCell:{"& b":{fontWeight:600,marginBottom:e.spacing(.25)},"& span":{fontSize:14,color:c.lH}},teamMembersStatusCell:{display:"flex",alignItems:"center","& div":{width:8,height:8,borderRadius:"50%",marginRight:e.spacing(.75)},"& .active":{backgroundColor:"#55A30B"},"& .inactive":{backgroundColor:c.zD}},teamMembersLastActivityCell:{fontSize:14,color:c.lH}}})),P=t(60666),W=t(95537),B=t(64666),R=t(23795),F=t(42806),L=t(97892),Y=t(85893),U=(0,o.Z)((function(e){return{dialog:{},iconBox:{display:"flex",alignItems:"center",justifyContent:"center",width:72,height:72,borderRadius:"50%",backgroundColor:"#F1F1F1",margin:"0 auto 16px auto"},text:{fontFamily:T.u,fontSize:16,textAlign:"center",marginBottom:e.spacing(3),"& b":{fontWeight:700}},button:{textTransform:"none",fontWeight:e.typography.fontWeightBold}}}));function H(e){var n=e.open,t=e.team,i=e.invite,a=e.onRemove,s=e.onError,o=e.onClose,l=e.addedByMtgAdmin,u=e.activeUser,m=U(),h=(0,r.useState)(!1),x=h[0],f=h[1],g=new I.Z;function v(){return(v=(0,d.Z)(p().mark((function e(){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,f(!0),!l){e.next=7;break}return e.next=5,g.removeMember(t.id,u.id);case 5:e.next=9;break;case 7:return e.next=9,g.removeInvite(t.id,i.id);case 9:a(),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),console.error(e.t0),s(e.t0);case 16:return e.prev=16,f(!1),e.finish(16);case 19:case"end":return e.stop()}}),e,null,[[0,12,16,19]])})))).apply(this,arguments)}return(0,Y.jsx)(B.Z,{maxWidth:"xs",fullWidth:!0,open:n,onClose:o,className:m.dialog,children:(0,Y.jsxs)(j.Z,{p:3,textAlign:"center",children:[(0,Y.jsx)(j.Z,{className:m.iconBox,children:(0,Y.jsx)(F.Z,{style:{fontSize:36,color:c.n6}})}),(0,Y.jsxs)(Z.Z,{component:"h2",className:m.text,children:["You will remove ",(0,Y.jsx)("br",{})," ",(0,Y.jsx)("b",{children:(null===i||void 0===i?void 0:i.name)||(null===i||void 0===i?void 0:i.email)||(null===u||void 0===u?void 0:u.email)})," ",(0,Y.jsx)("br",{})," ","from the team."]}),(0,Y.jsx)(L.Z,{className:m.button,variant:"primary",disabled:x,onClick:function(){return v.apply(this,arguments)},children:"Remove"}),(0,Y.jsx)(j.Z,{mt:3,children:(0,Y.jsx)(R.Z,{onClick:o,underline:"hover",children:"Cancel"})})]})})}var q=t(97839),$=t(31085),G=t(57972),X=t(61897),J=t(74069),K=t(11163),Q=t(39666);function V(){var e,n,t,i=D(),a=(0,q.fC)().user,s=new I.Z,o=(0,_.D)(),l=(0,m.Z)(o,2),u=l[0],h=l[1],x=(0,r.useState)(u.name||""),z=x[0],T=x[1],B=(0,r.useState)(""),R=B[0],F=B[1],L=(0,r.useState)(!1),U=L[0],V=L[1],ee=(0,r.useState)(!1),ne=ee[0],te=ee[1],re=(0,r.useState)(!1),ie=re[0],ae=re[1],se=(0,r.useState)({message:"",severity:""}),oe=se[0],ce=se[1],le=(0,r.useState)(),ue=le[0],de=le[1],me=(0,r.useState)(!1),he=me[0],pe=me[1],xe=(0,r.useState)(),fe=xe[0],ge=xe[1],ve=u.id&&1!==u.id,be=(0,r.useState)(!1),je=be[0],Ze=be[1],ye=(0,r.useState)([]),Ce=ye[0],ke=ye[1],Ne=(0,K.useRouter)(),we=(0,X.a)({queryKey:["creations","shared",a.id],queryFn:function(){var e=(0,d.Z)(p().mark((function e(){var n;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,G.Z.findAll({status:"shared",page:1,perPage:9999,orderDirection:"DESC",orderField:"edited"});case 3:return n=e.sent,ke(n.data),e.abrupt("return",n.data);case 8:throw e.prev=8,e.t0=e.catch(0),console.error("Error fetching in shared creations:",e.t0),e.t0;case 12:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(){return e.apply(this,arguments)}}()}),Se=we.data;function Me(){return(Me=(0,d.Z)(p().mark((function e(n){var t;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,n.preventDefault(),z&&!(z.length<2)){e.next=5;break}return ce({message:"Name must be longer than or equal to 2 characters",severity:"error"}),e.abrupt("return");case 5:if(te(!0),ve){e.next=12;break}return e.next=9,s.create({name:z});case 9:e.t0=e.sent,e.next=15;break;case 12:return e.next=14,s.update(u.id,{name:z});case 14:e.t0=e.sent;case 15:t=e.t0,t.data,ce({message:ve?"Team updated successfully":"Team created successfully",severity:"success"}),h(),e.next=26;break;case 22:e.prev=22,e.t1=e.catch(0),console.error(e.t1),ce({message:(0,O.e$)(e.t1),severity:"error"});case 26:return e.prev=26,te(!1),ze(),e.finish(26);case 30:case"end":return e.stop()}}),e,null,[[0,22,26,30]])})))).apply(this,arguments)}function Ie(){return(Ie=(0,d.Z)(p().mark((function e(n){return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.preventDefault(),(0,Q.Jh)(R)){e.next=4;break}

1return ce({message:"Email is not valid",severity:"error"}),e.abrupt("return");case 4:return e.prev=4,ae(!0),e.next=8,s.createInvite(a.team,{email:R.toLowerCase(),applicationContext:{acceptUrl:"".concat($.z.sso.mainDomain,"/login?continue=").concat(window.location.origin,"/my-account/overview?teamInviteAccept=1")}});case 8:F(""),h(),ce({message:"Invite sent successfully.",severity:"success"}),ze(),e.next=18;break;case 14:e.prev=14,e.t0=e.catch(4),console.error(e.t0),ce({message:(0,O.e$)(e.t0),severity:"error"});case 18:return e.prev=18,ae(!1),e.finish(18);case 21:case"end":return e.stop()}}),e,null,[[4,14,18,21]])})))).apply(this,arguments)}function ze(){V(!U)}function Ae(e){var n,t=null===Ce||void 0===Ce||null===(n=Ce.data)||void 0===n?void 0:n.find((function(n){return n.user===e.id}));return t?(0,Y.jsx)(g.Z,{children:(0,Y.jsx)(v.Z,{title:"View creation",placement:"top",classes:{tooltip:i.tooltip},children:(0,Y.jsx)(b.Z,{size:"small",onClick:function(){Ne.push("/workspace/".concat(t.id))},sx:{textAlign:"center"},children:(0,Y.jsx)(J.P.image,{})})})}):(0,Y.jsx)(g.Z,{sx:{textAlign:"center"},children:" - "})}return(0,r.useEffect)((function(){T(u.name)}),[u.name]),(0,r.useEffect)((function(){Se&&ke(Se)}),[Se]),(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{open:he,team:u.id?u:void 0,invite:ue,onRemove:function(){h(),de(),pe(!1),ce({message:"Member removed successfully.",severity:"success"})},onError:function(e){return ce({message:(0,O.e$)(e),severity:"error"})},onClose:function(){de(),pe(!1)},addedByMtgAdmin:je,activeUser:fe}),(0,Y.jsxs)(j.Z,{className:i.container,children:[u.name&&!U?(0,Y.jsxs)(j.Z,{className:i.teamName,children:[(0,Y.jsxs)(Z.Z,{component:"h3",children:["Team ",u.name]}),(0,Y.jsx)(b.Z,{size:"small",onClick:ze,disabled:u.journal,children:(0,Y.jsx)(P.Z,{color:c.lH})})]}):(0,Y.jsxs)(j.Z,{component:"form",autoComplete:"off",mt:4,className:i.teamNameContainer,onSubmit:function(e){return Me.apply(this,arguments)},children:[(0,Y.jsx)(Z.Z,{component:"h3",className:i.title,children:"Name your team"}),(0,Y.jsxs)("div",{className:i.inputContainer,children:[(0,Y.jsx)(y.Z,{variant:"outlined",className:i.input,fullWidth:!0,value:z,onChange:function(e){var n=e.target.value;return T(n)}}),(0,Y.jsx)(E.Z,{disabled:ne,type:"submit",children:"Save changes"})]})]}),(0,Y.jsxs)(A,{className:i.teamMembersContainer,children:[(0,Y.jsx)(M.Z,{message:oe.message,severity:oe.severity,onClose:function(){return ce({message:"",severity:""})},anchorOrigin:{vertical:"bottom",horizontal:"center"}}),(0,Y.jsx)(Z.Z,{component:"h3",className:i.title,children:"Team Members"}),!u.journal&&(0,Y.jsxs)(j.Z,{className:i.teamMembersInput,children:[u.maxMembers-u.invites.length>0?(0,Y.jsxs)(j.Z,{className:i.teamMembersInputLabel,children:[(0,Y.jsx)(Z.Z,{children:"Enter the email address you want to be included in the team."}),(0,Y.jsxs)(Z.Z,{children:["You have"," ",(0,Y.jsxs)("b",{children:[u.maxMembers-(u.invites.length+u.users.length)," of"," ",u.maxMembers," seats available"]}),". Invite new members!"]})]}):(0,Y.jsx)(j.Z,{className:i.teamMembersInputLabel,children:(0,Y.jsxs)(Z.Z,{children:["You already have ",(0,Y.jsxs)("b",{children:[u.maxMembers," members"]})," on your team. ",(0,Y.jsx)("br",{})," Do you need more seats?"," ",(0,Y.jsx)(f(),{href:"/pricing/contact-us",passHref:!0,children:(0,Y.jsx)("a",{children:"Upgrade your plan"})})]})}),(0,Y.jsxs)(j.Z,{component:"form",autoComplete:"off",className:i.inputContainer,onSubmit:function(e){return Ie.apply(this,arguments)},children:[(0,Y.jsx)(y.Z,{className:i.input,variant:"outlined",placeholder:"E-mail",fullWidth:!0,value:R,onChange:function(e){var n=e.target.value;return F(n)}}),(0,Y.jsx)(E.Z,{disabled:ie||u.maxMembers-((null===u||void 0===u||null===(e=u.invites)||void 0===e?void 0:e.length)+(null===u||void 0===u||null===(n=u.users)||void 0===n?void 0:n.length))===0,type:"submit",children:"Send Invite"})]})]}),(0,Y.jsx)(C.Z,{children:(0,Y.jsxs)(k.Z,{className:i.teamMembersTable,children:[(0,Y.jsx)(N.Z,{children:(0,Y.jsxs)(w.Z,{children:[(0,Y.jsx)(g.Z,{children:"Name"}),(0,Y.jsx)(g.Z,{children:"Status"}),(0,Y.jsx)(g.Z,{children:"Expiry Date"}),(0,Y.jsx)(g.Z,{children:"Last Activity"}),(0,Y.jsx)(g.Z,{}),(0,Y.jsx)(g.Z,{})]})}),(0,Y.jsx)(S.Z,{children:u.invites.map((function(e,n){return(0,Y.jsxs)(w.Z,{children:[(0,Y.jsxs)(g.Z,{className:i.teamMembersNameCell,children:[(0,Y.jsx)("b",{children:e.name}),(0,Y.jsx)("br",{}),(0,Y.jsx)("span",{children:e.email})]}),(0,Y.jsx)(g.Z,{children:e.name?(0,Y.jsxs)(j.Z,{className:i.teamMembersStatusCell,children:[(0,Y.jsx)("div",{className:"active"}),(0,Y.jsx)("span",{children:"Active"})]}):(0,Y.jsxs)(j.Z,{className:i.teamMembersStatusCell,children:[(0,Y.jsx)("div",{className:"inactive"}),(0,Y.jsx)("span",{children:"Pending"})]})}),(0,Y.jsx)(g.Z,{children:(0,Y.jsx)(j.Z,{className:i.teamMembersStatusCell,children:(0,Y.jsx)("span",{children:e.expiresAt?(0,O.p6)(e.expiresAt):"-"})})}),(0,Y.jsx)(g.Z,{className:i.teamMembersLastActivityCell,children:e.updatedAt?(0,O.p6)(e.updatedAt):"-"}),(0,Y.jsx)(g.Z,{children:(0,Y.jsx)(v.Z,{classes:{tooltip:i.tooltip},title:"Remove",placement:"top",children:(0,Y.jsx)(b.Z,{size:"small",onClick:function(){return function(e){de(e),pe(!0)}(e)},children:(0,Y.jsx)(W.Z,{style:{color:c.n6}})})})})]},n)}))}),(0,Y.jsx)(S.Z,{children:null===u||void 0===u||null===(t=u.users)||void 0===t?void 0:t.map((function(e,n){return(0,Y.jsxs)(w.Z,{children:[(0,Y.jsxs)(g.Z,{className:i.teamMembersNameCell,children:[(0,Y.jsx)("b",{children:e.name}),(0,Y.jsx)("br",{}),(0,Y.jsx)("span",{children:e.email}),(0,Y.jsx)("br",{}),(0,Y.jsx)("span",{children:null===e||void 0===e?void 0:e.activationCode})]}),(0,Y.jsx)(g.Z,{children:(0,Y.jsxs)(j.Z,{className:i.teamMembersStatusCell,children:[(0,Y.jsx)("div",{className:"active"===e.status?"active":"inactive"}),(0,Y.jsx)("span",{children:"active"===e.status?"Active":"Expired"})]})}),(0,Y.jsx)(g.Z,{children:(0,Y.jsx)(j.Z,{className:i.teamMembersStatusCell,children:(0,Y.jsx)("span",{children:e.expiresAt?(0,O.p6)(e.expiresAt):"-"})})}),(0,Y.jsx)(g.Z,{className:i.teamMembersLastActivityCell,children:e.updatedAt?(0,O.p6)(e.updatedAt):"-"}),u.journal&&Ae(e),(0,Y.jsx)(g.Z,{children:(0,Y.jsx)(v.Z,{classes:{tooltip:i.tooltip},title:"Remove",placement:"top",children:(0,Y.jsx)(b.Z,{size:"small",onClick:function(){return function(e){Ze(!0),ge(e),pe(!0)}(e)},children:(0,Y.jsx)(W.Z,{style:{color:c.n6}})})})})]},n)}))})]})})]})]})]})}var ee=t(65484);var ne=(0,t(27134).Q)((function(){var e=(0,q.fC)().user,n=u();return(0,Y.jsxs)(ee.Z,{children:[(0,Y.jsx)(a(),{children:(0,Y.jsx)("title",{children:"Team Profile - My Account - Mind The Graph"})}),"L"===e.tp_user?(0,Y.jsx)(V,{}):(0,Y.jsxs)(l,{children:[(0,Y.jsx)("p",{children:"Check out our Teams & Labs subscription on the pricing page, you can demand up to 50 custom icons monthly and include your colleagues on the same subscription!"}),(0,Y.jsx)(E.Z,{href:"https://content.mindthegraph.com/leaders-custom-service-qualification",children:"Get in Touch"}),(0,Y.jsx)(R.Z,{className:n.linkPricing,href:"/my-account/billing/checkout?billingInterval=year&plan=L",underline:"hover",children:(0,Y.jsx)("b",{children:"or Subscribe"})})]})]})}))},55161:function(e,n,t){"use strict";var r=t(186),i=t(34631);n.Z=(0,r.css)(["background:white;border:1px solid ",";border-radius:4px;"],i.zD)},46732:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-account/team",function(){return t(71689)}])}},function(e){e.O(0,[4789,9043,5464,5675,5522,6269,5928,2395,8760,2893,6502,4354,3862,7381,8431,7714,7498,9249,7134,8359,9774,2888,179],(function(){return n=46732,e(e.s=n);var n}));var n=e.O();_N_E=n}]);
2//# sourceMappingURL=team-e33a0884125ca06d.js.map