https://static.apination.com/_next/static/chunks/pages/companies/[teamId]/apps-7f0fc51548a1e1c7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5798],{50444:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/companies/[teamId]/apps",function(){return t(81421)}])},32686:function(e,n,t){"use strict";t.d(n,{Z:function(){return o}});var a=t(85893),r=t(67294),i=t(45697),l=t.n(i),s=t(47284);class o extends r.PureComponent{render(){let{app:e,connected:n,style:t,imgStyle:i={}}=this.props;if(!e)return null;let l=(0,s.Z)(e);return(0,a.jsxs)("span",{className:this.className.join(" "),title:e.display_name||e.full_name,style:t,children:[l&&(0,a.jsx)("img",{src:l,style:i}),r.isValidElement(e.logo)&&e.logo,n&&(0,a.jsx)("span",{className:"app-connected"})]})}constructor(e){super(e);let{className:n}=this.props;this.className=Array.isArray(n)?[...n]:[n],e.app&&e.app.name&&this.className.push("app-logo","app-logo-".concat(e.app.name))}}o.propTypes={app:l().object,connected:l().bool,className:l().oneOfType([l().string,l().arrayOf(l().string)])},o.defaultProps={className:[]}},21630:function(e,n,t){"use strict";t.d(n,{G6:function(){return Z},HK:function(){return w},IW:function(){return x},PS:function(){return y},Y5:function(){return S},Zj:function(){return N},aK:function(){return M},cB:function(){return k},ez:function(){return T},gb:function(){return j},hJ:function(){return I},jS:function(){return A},sN:function(){return g},vB:function(){return $}});var a=t(82729),r=t(44891),i=t(87142);function l(){let e=(0,a._)(["\n	mutation createTeam($team: TeamInput!) {\n		createTeam(team: $team) {\n			_id\n			title\n			email\n			website\n			phone\n		}\n	}\n"]);return l=function(){return e},e}function s(){let e=(0,a._)(["\n	mutation updateTeamInfo($teamInfo: TeamInfoInput!) {\n		updateTeamInfo(teamInfo: $teamInfo) {\n			_id\n			title\n			email\n			website\n			phone\n		}\n	}\n"]);return s=function(){return e},e}function o(){let e=(0,a._)(["\n	mutation shareConnectionWithTeam($connectionId: String!, $teamIds: [String]) {\n		shareConnectionWithTeam(connectionId: $connectionId, teamIds: $teamIds) {\n			full_name\n			label\n			name\n			_id\n			teamTitle\n			sharedWithTeam\n			isOwnConnection\n		}\n	}\n"]);return o=function(){return e},e}function d(){let e=(0,a._)(["\n	mutation toggleAllApps($teamId: String!) {\n		toggleAllApps(teamId: $teamId) {\n			","\n		}\n	}\n"]);return d=function(){return e},e}function c(){let e=(0,a._)(["\n	mutation removeTeamApp($teamId: String!, $appName: String!) {\n		removeTeamApp(teamId: $teamId, appName: $appName) {\n			","\n		}\n	}\n"]);return c=function(){return e},e}function u(){let e=(0,a._)(["\n	mutation addTeamApp($teamId: String!, $appName: String!) {\n		addTeamApp(teamId: $teamId, appName: $appName) {\n			","\n		}\n	}\n"]);return u=function(){return e},e}function m(){let e=(0,a._)(["\n	mutation inviteMembers($teamId: String!, $members: [JSON]!) {\n		inviteMembers(teamId: $teamId, members: $members) {\n			","\n		}\n	}\n"]);return m=function(){return e},e}function p(){let e=(0,a._)(["\n	mutation activateMember($teamId: String!, $memberUuid: String!) {\n		activateMember(teamId: $teamId, memberUuid: $memberUuid) {\n			_id\n			userId\n			email\n			type\n		}\n	}\n"]);return p=function(){return e},e}function f(){let e=(0,a._)(["\n	mutation resendInvitation($teamId: String!, $teamMemberId: String!) {\n		resendInvitation(teamId: $teamId, teamMemberId: $teamMemberId) {\n			_id\n			userId\n			email\n		}\n	}\n"]);return f=function(){return e},e}function h(){let e=(0,a._)(["\n	mutation deactivateMember($teamId: String!, $teamMemberId: String!) {\n		deactivateMember(teamId: $teamId, teamMemberId: $teamMemberId) {\n			_id\n			userId\n			email\n		}\n	}\n"]);return h=function(){return e},e}function _(){let e=(0,a._)(["\n	mutation removeMember($teamId: String!, $teamMemberId: String!) {\n		removeMember(teamId: $teamId, teamMemberId: $teamMemberId) {\n			_id\n			userId\n			email\n		}\n	}\n"]);return _=function(){return e},e}function C(){let e=(0,a._)(["\n	mutation reactivateMember($teamId: String!, $teamMemberId: String!) {\n		reactivateMember(teamId: $teamId, teamMemberId: $teamMemberId) {\n			_id\n			userId\n			email\n		}\n	}\n"]);return C=function(){return e},e}function v(){let e=(0,a._)(["\n	mutation changeMemberRole($teamMemberId: String!, $roleTitle: 

1String!) {\n		changeMemberRole(teamMemberId: $teamMemberId, roleTitle: $roleTitle) {\n			","\n		}\n	}\n"]);return v=function(){return e},e}function b(){let e=(0,a._)(["\n	mutation deleteTeam($teamId: String!) {\n		deleteTeam(teamId: $teamId) {\n			","\n		}\n	}\n"]);return b=function(){return e},e}let j=(0,r.ZP)(l()),x=(0,r.ZP)(s()),I=(0,r.ZP)(o()),g=(0,r.ZP)(d(),i.W_),y=(0,r.ZP)(c(),i.W_),Z=(0,r.ZP)(u(),i.W_),$=(0,r.ZP)(m(),i.W_),N=(0,r.ZP)(p()),S=(0,r.ZP)(f()),M=(0,r.ZP)(h()),w=(0,r.ZP)(_()),T=(0,r.ZP)(C()),k=(0,r.ZP)(v(),i.W_),A=(0,r.ZP)(b(),i.W_)},48239:function(e,n,t){"use strict";var a=t(85893),r=t(67294),i=t(96881),l=t(21630),s=t(10616),o=t(13514),d=t(72288),c=t(56233);n.Z=(0,s.Z)((0,i.CG)({ssr:!1}))(function(e){let{action:n="add",team:t,app:i,apolloClient:s,refetchTeam:u,onSuccess:m,children:p}=e;if(!(0,c.Nq)(t))return null;let f=r.useRef(null),h=r.useCallback(()=>{},[]),_=r.useCallback(()=>{var e;return null==f?void 0:null===(e=f.current)||void 0===e?void 0:e.open()},[]),C=r.useCallback(()=>{var e;return null==f?void 0:null===(e=f.current)||void 0===e?void 0:e.close()},[]),[v,b]=r.useState(!1),[j,x]=r.useState(null),I=r.useCallback(()=>{b(!0),x(null),s.mutate({mutation:"add"===n?l.G6:l.PS,variables:{teamId:t._id,appName:i.name}}).then(e=>{m&&m(),C(),u()}).catch(e=>{console.error("ERROR",e),x(e)}).finally(()=>b(!1))},[i]),g="",y="",Z=_;return"add"===n?(g="Do you want to add ".concat((0,o.DJ)(i)," to your company?"),y="Add app",Z=I):(g="Do you want to remove ".concat((0,o.DJ)(i)," from your company?"),y="Remove app"),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{onClick:Z,children:p}),(0,a.jsxs)(d.F,{ref:f,onClose:h,title:y,actionButtonTitle:y,sideEffectUnderWay:v,onConfirmClick:I,children:[g,!!j&&(0,a.jsx)("div",{style:{marginTop:"1rem",color:"red"},children:String(j)})]})]})})},64563:function(e,n,t){"use strict";var a=t(64836);n.Z=void 0;var r=a(t(33651)),i=t(85893);n.Z=(0,r.default)((0,i.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"}),"Add")},54453:function(e,n,t){"use strict";var a=t(64836);n.Z=void 0;var r=a(t(33651)),i=t(85893);n.Z=(0,r.default)((0,i.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete")},81421:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return G}});var a=t(85893),r=t(67294),i=t(96881),l=t(70418),s=t(58130),o=t(89458),d=t(24351),c=t(91500),u=t(30112),m=t(10616),p=t(31956),f=t(60889),h=t(6897),_=t(29267),C=t(21630),v=t(18499),b=t(27361),j=t.n(b),x=t(13514),I=t(40492),g=t(98862),y=t(72288),Z=t(64563),$=t(94184),N=t.n($),S=t(60553),M=t(16468),w=t.n(M);let T=(e,n)=>!1;var k=(0,m.Z)((0,i.CG)({ssr:!1}))(function(e){let{team:n,apolloClient:t,refetchTeam:i}=e,l=(0,v.aM)(_._N),s=j()(l,"data.apps"),o=r.useRef(null),d=r.useCallback(()=>{},[]);r.useCallback(()=>{var e;return null==o?void 0:null===(e=o.current)||void 0===e?void 0:e.open()},[]);let c=r.useCallback(()=>{var e;return null==o?void 0:null===(e=o.current)||void 0===e?void 0:e.close()},[]),[u,m]=r.useState(!1),[p,f]=r.useState(null),[b,$]=r.useState(null),[M,k]=r.useState(!1),A=r.useRef(null);(0,S.Z)(A,e=>{M&&k(!1)});let E=e=>{m(!0),f(null),t.mutate({mutation:C.G6,variables:{teamId:n._id,appName:e.name}}).then(e=>{c(),i()}).catch(e=>{console.error("ERROR",e),f(e)}).finally(()=>m(!1))};if(!j()(s,"length"))return null;let P=s.map(e=>({id:e._id,title:(0,x.DJ)(e)})),L=N()(w().team__apps__manage__add__wr,{[w()["team__apps__manage__add__wr--active"]]:M});return(0,a.jsxs)("div",{style:{position:"relative"},ref:A,children:[(0,a.jsx)("div",{className:w()["team__members-add__toggle"],onClick:()=>k(!M),children:(0,a.jsx)(Z.Z,{fontSize:"inherit"})}),(0,a.jsx)("div",{className:L,children:(0,a.jsx)(h.Z,{style:{background:"white"},children:(0,a.jsx)(g.Z,{isOptionEqualToValue:T,value:[],options:P,getOptionLabel:e=>e.title,style:{width:300},onChange:(e,n)=>{let t=s.find(e=>e._id===n.id);$(t),E(t)},defaultValue:[""],renderInput:e=>(0,a.jsx)(I.Z,{...e,label:"Find app",variant:"outlined"}),renderOption:(e,n)=>(0,r.createElement)("li",{...e,key:n.id},(0,a.jsx)("span",{children:n.title}))})})}),(0,a.jsxs)(y.F,{ref:o,onClose:d,title:"Add app",actionButtonTitle:"Add app",sideEffectUnderWay:u,onConfirmClick:()=>E(b),children:[b&&"Do you want to add ".concat((0,x.DJ)(b)," to your company?"),!!p&&(0,a.jsx)("div",{style:{marginTop:"1rem",color:"red"},children:String(p)})]})]})}),A=t(32686),E=t(54453),P=t(48239),L=(0,m.Z)((0,u.M)("view_team_apps"))(function(e){let{apps:n,team:t,refetchTeam:r,canManage:i=!1}=e,l=N()("subscriptions-table__wr",w()["team__apps__list-wr"]);return(0,a.jsx)("div",{className:l,children:(0,a.jsxs)("table",{className:"subscriptions-table",children:[(0,a.jsx)("thead",{children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{children:"App name"}),i&&(0,a.jsx)("th",{children:"Actions"})]})}),(0,a.jsx)("tbody",{children:n.map(e=>(0,a.jsxs)("tr",{children:[(0,a.jsxs)("td",{className:w().team__apps__list__item__title,children:[(0,a.jsx)(A.Z,{app:e}),(0,a.jsx)("a",{href:(0,x.Gd)(e),target:"_blank",children:(0,x.DJ)(e)})]}),i&&(0,a.jsx)("td",{className:w().team__apps__list__item__remove,children:(0,a.jsx)(P.Z,{action:"remove",app:e,team:t,refetchTeam:r,children:(0,a.jsx)(E.Z,{})})})]},e._id))})]})})}),R=t(31121),W=t(25281),D=t(80068),O=(0,m.Z)((0,i.CG)({ssr:!1}))(function(e){let{team:n,apolloClient:t,refetchTeam:i,canUseAny:l,setCanUseAny:s}=e,o=r.useRef(null),d=r.useCallback(()=>{},[]),c=r.useCallback(()=>{var e;return null==o?void 0:null===(e=o.current)||void 0===e?void 0:e.open()},[]),u=r.useCallback(()=>{var e;return null==o?void 0:null===(e=o.current)||void 0===e?void 0:e.close()},[]),[m,p]=r.useState(!1),[f,_]=r.useState(null),v=r.useCallback(()=>{p(!0),_(null),s(!l),t.mutate({mutation:C.sN,variables:{teamId:n._id}}).then(e=>{u(),i()}).catch(e=>{console.error("ERROR",e),_(e)}).finally(()=>p(!1))},[l]),b=e=>{let{value:n}=e.target;n&&n!==String(l)&&c()};return(0,a.jsxs)("div",{className:w().team__apps__manage,children:[(0,a.jsxs)("div",{className:w()["team__apps__manage__toggle-all"],children:[(0,a.jsx)(h.Z,{component:"fieldset",children:(0,a.jsxs)(W.Z,{row:!0,"aria-label":"position",name:"position",defaultValue:"some",children:[(0,a.jsx)(D.Z,{value:!0,control:(0,a.jsx)(R.Z,{color:"primary",checked:l}),label:"Any",onClick:b}),(0,a.jsx)(D.Z,{value:!1,control:(0,a.jsx)(R.Z,{color:"primary",checked:!l}),label:"Specify manually",onClick:b})]})}),(0,a.jsxs)(y.F,{ref:o,onClose:d,title:"Manage apps",actionButtonTitle:l?"Use specific apps":"Use any app",sideEffectUnderWay:m,onConfirmClick:v,children:[l?"Revert to using specified apps?":"Allow members to use any app?",!!f&&(0,a.jsx)("div",{style:{marginTop:"1rem",color:"red"},children:String(f)})]})]}),l?(0,a.jsx)("div",{style:{width:"4rem"}}):(0,a.jsx)(k,{team:n,refetchTeam:i})]})}),U=t(56233),B=t(37417),G=(0,m.Z)(B.Z,(0,i.CG)({ssr:!1}),(0,u.M)("view_team_apps"))(function(){let[e,n,t]=(0,p.t7)(!0),[i,u]=r.useState(!1);if(r.useEffect(()=>{e&&u(0===e.apps.length)},[j()(e,"_id")]),n||!e)return(0,a.jsx)(l.Z,{children:(0,a.jsx)(s.DW,{})});if(!e)return(0,a.jsxs)(l.Z,{children:[" ",(0,a.jsx)("h1",{children:"404"})," "]});let m=(0,U.Nq)(e),h=0===e.apps.length;return(0,a.jsx)(l.Z,{title:"Company apps",noBootstrap:!0,additionalCssClass:"_with-sidebar _wide _flex-stretch _tall _max-width-1200",children:(0,a.jsxs)("div",{className:"content-with-sidebar subscriptions",children:[(0,a.jsx)(c.YE,{children:(0,a.jsx)(o.Z,{current:(0,d.mJ)(e._id

1)})}),(0,a.jsx)("div",{className:"sidebar-content",children:(0,a.jsxs)("div",{className:"bordered-block _no-padding _small _normal _no-header",children:[(0,a.jsxs)("header",{className:"bordered-block__header",style:{justifyContent:"space-between"},children:[(0,a.jsx)(f.Z,{team:e}),m&&(0,a.jsx)(O,{team:e,canUseAny:i,setCanUseAny:u,refetchTeam:t})]}),(0,a.jsx)("div",{className:"bordered-block__body",children:h?(0,a.jsx)("div",{className:w()["team__apps__can-use-all"],children:(0,a.jsxs)("div",{children:[(0,a.jsxs)("svg",{width:"172",height:"154",viewBox:"0 0 172 154",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M77.8402 12.2635C77.8402 12.2635 71.3728 45.5813 34.1842 46.8976C-3.00429 48.2139 -13.1808 101.854 24.5715 111.818C62.3238 121.781 43.7256 147.567 68.5746 152.789C96.8173 158.725 97.1677 116.942 116.807 116.27C160.152 114.788 182.582 94.9367 166.906 78.8355C139.39 50.572 125.214 55.1279 126.177 32.5413C127.139 9.95471 86.4212 -14.9547 77.8402 12.2635Z",fill:"#EBEEF2"}),(0,a.jsx)("path",{d:"M78.2723 79.9506C77.5742 80.1802 76.8272 80.3013 76.052 80.2949C72.0459 80.2652 68.856 76.8563 69.166 72.7928C68.9174 68.7252 72.1585 65.3649 76.1647 65.3946C76.9398 65.401 77.6849 65.5335 78.3801 65.7729C79.9162 66.3021 81.5057 66.6575 83.1204 66.7748L83.2552 48.9337L101.096 49.0686C100.979 50.6844 100.624 52.2739 100.094 53.8106C99.8544 54.5046 99.7219 55.2497 99.7161 56.0254C99.6858 60.0321 103.047 63.2733 107.116 63.0235C111.181 63.3347 114.591 60.1442 114.622 56.1375C114.627 55.3629 114.506 54.6159 114.277 53.9172C113.771 52.3733 113.44 50.7786 113.347 49.1618L131.188 49.2966L131.053 67.1377C132.67 67.0442 134.264 66.7129 135.808 66.207C136.507 65.9781 137.253 65.8569 138.029 65.8628C142.035 65.8931 145.225 69.3026 144.915 73.3654C145.164 77.4331 141.923 80.7934 137.916 80.7631C137.141 80.7567 136.396 80.6248 135.701 80.3853C134.165 79.8561 132.576 79.5008 130.96 79.3829L130.825 97.2239L112.984 97.0891C113.102 95.4738 113.458 93.8844 113.987 92.3482C114.226 91.6531 114.359 90.9091 114.365 90.1334C114.395 86.1267 111.033 82.885 106.964 83.1347C102.899 82.8235 99.4894 86.0134 99.4591 90.0201C99.4533 90.7959 99.5744 91.5429 99.8034 92.2404C100.31 93.785 100.641 95.3802 100.733 96.9965L82.8924 96.8616L83.0272 79.0206C81.411 79.1134 79.8163 79.4447 78.2723 79.9506Z",fill:"#DADEE3"}),(0,a.jsx)("path",{d:"M86.2423 95.6874C87.5802 96.6002 89.0456 97.3109 90.5774 97.8525C91.2706 98.0975 91.9354 98.4567 92.5464 98.9348C95.7018 101.403 96.1475 106.051 93.4229 109.081C91.1372 112.454 86.5189 113.138 83.3635 110.67C82.7534 110.191 82.244 109.632 81.8395 109.019C80.9455 107.661 79.9033 106.41 78.6957 105.331L67.7005 119.382L59.3551 112.852C59.5813 112.604 59.799 112.347 60.0067 112.082C62.2041 109.273 63.1479 105.641 62.595 102.117C62.0636 98.7284 60.1794 95.6654 57.4018 93.6521C54.7799 91.4409 51.3537 90.3483 47.9368 90.6464C44.3831 90.957 41.0846 92.7463 38.8863 95.5546C38.6787 95.8208 38.4816 96.0931 38.2968 96.3728L29.9505 89.8416L40.9457 75.7907C39.6086 74.8779 38.1432 74.1671 36.6114 73.6256C35.9182 73.3813 35.2525 73.0214 34.6416 72.5433C31.487 70.0748 31.0405 65.4275 33.766 62.3978C36.0515 59.0238 40.6699 58.3399 43.8245 60.8085C44.4354 61.2866 44.9448 61.8462 45.3485 62.4603C46.2425 63.817 47.2847 65.0685 48.4923 66.1477L59.4876 52.0968L73.5384 63.0921C72.4601 64.2996 71.2085 65.3418 69.851 66.2359C69.2377 66.6395 68.6781 67.1489 68.2 67.7598C65.7307 70.9153 66.4155 75.5344 69.7911 77.8197C72.821 80.5468 77.47 80.1009 79.9393 76.9454C80.4166 76.3354 80.7766 75.6697 81.0216 74.9765C81.5631 73.4446 82.2739 71.9792 83.1866 70.6413L97.2375 81.6366L86.2423 95.6874Z",fill:"#6D7580"})]}),(0,a.jsx)("h2",{children:"Your company can use any integration"}),i&&(0,a.jsx)("p",{children:"Since ANY is selected you cannot manage apps. In order to manage which apps are paid for by the company you must SPECIFY MANUALLY."}),!i&&(0,a.jsxs)("p",{children:["If you want to limit/restrict the list of applications, you can specify them here",(0,a.jsx)("div",{style:{marginTop:"2rem",display:"flex",justifyContent:"center"},children:(0,a.jsx)(k,{team:e,refetchTeam:t})})]})]})}):(0,a.jsx)(L,{apps:e.apps,team:e,refetchTeam:t,canManage:m})})]})})]})})})}},function(e){e.O(0,[3401,75777,23919,92888,49774,40179],function(){return e(e.s=50444)}),_N_E=e.O()}]);