https://myablefy.com/bundles/216.5376b5339735c6d0d7cc.js

1(function(){try{var v=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},E=new v.Error().stack;E&&(v._sentryDebugIds=v._sentryDebugIds||{},v._sentryDebugIds[E]="00800658-3533-4357-b744-1e4c6c8e3b43",v._sentryDebugIdIdentifier="sentry-dbid-00800658-3533-4357-b744-1e4c6c8e3b43")}catch{}})(),(self.webpackChunkelopage_web_apps=self.webpackChunkelopage_web_apps||[]).push([[216],{216:(v,E,t)=>{t.r(E),t.d(E,{default:()=>o});var i=t(86070),M=t(30758),h=t(75146),d=t(59394),O=t(94636),P=t(69680),p=t(77917),b=t(39360),g=t(67542),T=t(35684),D=t(86917),I=t(46805),u=t(3882),A=Object.defineProperty,S=Object.getOwnPropertyDescriptor,C=(e,s,r)=>s in e?A(e,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[s]=r,a=(e,s,r,m)=>{for(var _=m>1?void 0:m?S(s,r):s,f=e.length-1,R;f>=0;f--)(R=e[f])&&(_=(m?R(s,r,_):R(_))||_);return m&&_&&A(s,r,_),_},n=(e,s,r)=>C(e,typeof s!="symbol"?s+"":s,r);const c={permissions:"permissions",notifications:"notifications"},l=[{key:c.permissions,label:u.t("react.cabinet.teamProjects.permissions")},{key:c.notifications,label:u.t("react.cabinet.teamProjects.notifications")}];let o=class extends M.Component{constructor(e){super(e),n(this,"activeTab",c.permissions),n(this,"setActiveTab",s=>{this.activeTab=s}),n(this,"handleSubmit",()=>{const{teamMemberRolesStore:s,history:r,match:{params:{id:m}}}=this.props,{form:_,updateItem:f}=s,R={...(0,d.HO)(_),__unsafeOptions:{allowEmptyArray:!0}};f(m,R).then(({success:x})=>{x&&r.push("/cabinet/team_projects/team_member_roles")})}),(0,d.Gn)(this)}componentDidMount(){const{teamMemberRolesStore:{fetchItem:e,setForm:s},match:{params:{id:r}}}=this.props;e(r).then(({data:m,success:_})=>{_&&s(m)})}render(){const{teamMemberRolesStore:{form:e,loading:s},history:{location:{hash:r}}}=this.props;return(0,i.jsxs)(M.Fragment,{children:[(0,i.jsx)(g.V,{backButtonLink:"/cabinet/team_projects/team_member_roles"}),(0,i.jsxs)("div",{className:"content",children:[(0,i.jsxs)(p.A,{title:u.t("react.shared.settings"),children:[(0,i.jsx)(T.A,{}),(0,i.jsx)(b.A,{locationHash:r,tabs:l,activeTab:this.activeTab,setActiveTab:this.setActiveTab}),this.activeTab===c.permissions&&(0,i.jsx)(D.A,{}),this.activeTab===c.notifications&&(0,i.jsx)(I.A,{}),(s||e.loading)&&(0,i.jsx)(P.lL,{})]}),(0,i.jsx)("div",{className:"elo-btn-container elo-btn-container--right",children:(0,i.jsx)(P.Pj,{onClick:this.handleSubmit,disabled:!e.name,children:u.t("react.shared.button.save_close")})})]})]})}};a([d.sH],o.prototype,"activeTab",2),a([d.XI],o.prototype,"setActiveTab",2),o=a([h.y,(0,O.WQ)("teamMemberRolesStore","teamMemberRolePermissionsStore","teamMemberRolePermissionCategoriesStore"),O.PA],o)},30169:(v,E,t)=>{t.d(E,{A:()=>P});var i=t(86070),M=t(97500),h=t.n(M),d=t(74008);const P=({size:p=d.F0.small,className:b,children:g,fullWidth:T})=>{const D=h()(`scroll-container scroll-container--${p}`,b,T&&"scroll-container--full-width");return(0,i.jsx)("div",{className:D,children:g})}},35684:(v,E,t)=>{t.d(E,{A:()=>P});var i=t(86070),M=t(69680),h=t(29938),d=t(3882);const O=({teamMemberRolesStore:{setForm:p,form:b}})=>(0,i.jsx)(M.A_,{value:b.name,onChange:g=>p({name:g}),label:d.t("react.cabinet.common.role"),required:!0}),P=(0,h.Lg)(["teamMemberRolesStore"],O)},46805:(v,E,t)=>{t.d(E,{A:()=>S});var i=t(86070),M=t(30758),h=t(59394),d=t(69680),O=t(30169),P=t(29938),p=t(3882),b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,T=(C,a,n)=>a in C?b(C,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):C[a]=n,D=(C,a,n,c)=>{for(var l=c>1?void 0:c?g(a,n):a,o=C.length-1,e;o>=0;o--)(e=C[o])&&(l=(c?e(a,n,l):e(l))||l);return c&&l&&b(a,n,l),l},I=(C,a,n)=>T(C,typeof a!="symbol"?a+"":a,n);class u extends M.Component{constructor(a){super(a),I(this,"selectNotification",(n,c)=>{const{teamMemberRolesStore:{form:l,setForm:o}}=this.props,{emailTemplateIds:e=[]}=l||{},s=c?[...e,parseInt(n,10)]:[...e.filter(r=>String(r)!==String(n))];o({emailTemplateIds:[...new Set(s)]})}),I(this,"selectAllNotifications",(n,c)=>{const{teamMemberRolesStore:{form:l,setForm:o}}=this.props,{emailTemplateIds:e=[]}=l||{},s=(0,P.df)(n),r=c?e.filter(m=>!s.includes(Number(m))):[...e,...s];o({emailTemplateIds:[...new Set(r)]})}),(0,h.Gn)(this)}componentDidMount(){const{emailTemplateCategoriesStore:a}=this.props;a.setExpands(["email_templates"]),a.fetchFullList({form:"as_team_member",sortDir:"asc",sortKey:"position"})}get areAllNotificationsChecked(){const{teamMemberRolesStore:{form:a={}}}=this.props,n=this.allEmailNotifications||[],{emailTemplateIds:c=[]}=a;return n.every(l=>c.includes(l.id))}get areAllCategoryNotificationsChecked(){const{emailTemplateCategoriesStore:{list:a},teamMemberRolesStore:{form:n={}}}=this.props,{emailTemplateIds:c=[]}=n;return a.map(l=>l.emailTemplates.every(o=>c.includes(o.id)))}get allEmailNotifications(){const{emailTemplateCategoriesStore:{list:a}}=this.props;let n=[];return a.forEach(c=>n=[...n,...c.emailTemplates]),n}render(){const{emailTemplateCategoriesStore:a,teamMemberRolesStore:n}=this.props,{list:c}=a,{form:{emailTemplateIds:l=[]}}=n;return(0,i.jsxs)(O.A,{fullWidth:!0,children:[(0,i.jsx)("div",{className:"page-section__row page-section__row--no-padding",children:(0,i.jsx)("div",{className:"page-section__column fields-container--without-margins",children:(0,i.jsx)(d.Yh,{checked:this.areAllNotificationsChecked,label:p.t("react.cabinet.teamProjects.all_notifications").toUpperCase(),onChange:()=>this.selectAllNotifications(this.allEmailNotifications,this.areAllNotificationsChecked),labelClasses:"checkbox-field__label--without-margin"})})}),c.map((o,e)=>(0,i.jsx)("div",{className:"page-section__row",children:(0,i.jsxs)("div",{className:"page-section__column fields-container--without-margins",children:[(0,i.jsx)(d.Yh,{checked:this.areAllCategoryNotificationsChecked[e],label:o?.name?.toUpperCase(),onChange:()=>this.selectAllNotifications(o.emailTemplates,this.areAllCategoryNotificationsChecked[e]),labelClasses:o?.emailTemplates?.length?"":"checkbox-field__label--without-margin"}),o.emailTemplates.map(s=>(0,i.jsx)(d.Yh,{id:`permission_${s.id}`,className:"checkbox-field--margin-left",checked:!!l.find(r=>String(r)===String(s.id)),onChange:(r,m)=>this.selectNotification(s.id,m),label:s.name},s.id))]})},o.id)),a.loading&&(0,i.jsx)(d.lL,{})]})}}D([h.EW],u.prototype,"areAllNotificationsChecked",1),D([h.EW],u.prototype,"areAllCategoryNotificationsChecked",1),D([h.EW],u.prototype,"allEmailNotifications",1);const A=["teamMemberRolesStore","teamMemberRolePermissionsStore","emailTemplateCategoriesStore"],S=(0,P.Lg)(A,u)},67269:(v,E,t)=>{t.d(E,{Bq:()=>O,J4:()=>i,M5:()=>M,R1:()=>d});const i="view_visa_data",M="export_visa_data",h=[i,M],d=(P=[])=>P.filter(p=>!h.includes(p?.key)),O=({isTeamMember:P,hasPermissions:p})=>!P||!!(p(i)&&p(M))},86917:(v,E,t)=>{t.d(E,{A:()=>c});var i=t(86070),M=t(30758),h=t(59394),d=t(69680),O=t(30169),P=t(29938),p=t(41904),b=t(67269),g=t(3882),T=Object.defineProperty,D=Object.getOwnPropertyDescriptor,I=(l,o,e)=>o in l?T(l,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[o]=e,u=(l,o,e,s)=>{for(var r=s>1?void 0:s?D(o,e):o,m=l.length-1,_;m>=0;m--)(_=l[m])&&(r=(s?_(o,e,r):_(r))||r);return s&&r&&T(o,e,r),r},A=(l,o,e)=>I(l,typeof o!="symbol"?o+"":o,e);const S={sales_teams:p.Di,sales_team:p.Di,metabase_analysis_cockpit:p.fb.cockpit},C=[b.J4,b.M5];class a extends M.Component{constructor(o){super(o),A(this,"isAppActiveForPermission",e=>{const{sellerStore:{isAppActive:s}}=this.props;return S[e]?s(S[e]):!0}),A(this,"visiblePermissions",(e=[])=>e.filter(s=>this.isAppActiveForPermission(s.key)&&this.isPermissionVisible(s))),A(this,"isPermissionVisible",e=>{const{experimentsStore:s}=this.props;return C.includes(e?.key)?!!s?.getFeatureGate("etickets_personalisation")?.value:!0}),A(this,"selectPermission",(e,s)=>{const{teamMemberRolesStore:{form:r,setForm:m}}

1=this.props,{teamMemberRolePermissionIds:_=[]}=r||{},f=s?[..._,parseInt(e,10)]:[..._.filter(R=>R!==parseInt(e,10))];m({teamMemberRolePermissionIds:f})}),A(this,"togglePermissions",(e,s)=>{const{teamMemberRolesStore:{form:r,setForm:m}}=this.props,{teamMemberRolePermissionIds:_=[]}=r||{},f=(0,P.df)(e),R=s?_.filter(x=>!f.includes(x)):[...new Set([..._,...f])];m({teamMemberRolePermissionIds:R})}),A(this,"renderCategoryHeading",(e,s,r)=>{const m=e?.name?.toUpperCase();return r.length?(0,i.jsx)(d.Yh,{testId:`categoryPermissions-${e.key}`,checked:this.areAllCategoryPermissionsChecked[s],label:m,onChange:()=>this.togglePermissions(r,this.areAllCategoryPermissionsChecked[s]),labelClasses:e?.teamMemberRolePermissions?.length?"":"checkbox-field__label--without-margin"}):(0,i.jsx)("div",{className:"field checkbox-field",children:(0,i.jsx)("div",{className:"field__control checkbox-field__control",children:(0,i.jsx)("label",{className:"checkbox-field__label","data-testid":`permissionCategoryHeading-${e.key}`,children:m})})})}),(0,h.Gn)(this)}componentDidMount(){const{teamMemberRolePermissionsStore:o,teamMemberRolePermissionCategoriesStore:e}=this.props;o.fetchFullList(),e.setExpands(["team_member_role_permissions"]),e.fetchFullList({sortDir:"asc",sortKey:"position"})}get areAllPermissionsChecked(){const{teamMemberRolePermissionsStore:{list:o},teamMemberRolesStore:{form:e={}}}=this.props,{teamMemberRolePermissionIds:s=[]}=e;return(0,b.R1)(o).every(r=>s.includes(r.id))}get areAllCategoryPermissionsChecked(){const{teamMemberRolePermissionCategoriesStore:{list:o},teamMemberRolesStore:{form:e={}}}=this.props,{teamMemberRolePermissionIds:s=[]}=e;return o.map(r=>this.visiblePermissions(r.teamMemberRolePermissions).every(m=>s.includes(m.id)))}render(){const{teamMemberRolePermissionCategoriesStore:o,teamMemberRolesStore:e,teamMemberRolePermissionsStore:s}=this.props,{list:r}=o,{form:m}=e,{list:_}=s;return(0,i.jsxs)(O.A,{fullWidth:!0,children:[(0,i.jsx)("div",{className:"page-section__row page-section__row--no-padding",children:(0,i.jsx)("div",{className:"page-section__column fields-container--without-margins",children:(0,i.jsx)(d.Yh,{testId:"allPermissions",checked:this.areAllPermissionsChecked,label:g.t("react.cabinet.teamProjects.all_permissions").toUpperCase(),onChange:()=>this.togglePermissions((0,b.R1)(_),this.areAllPermissionsChecked),labelClasses:"checkbox-field__label--without-margin"})})}),r.map((f,R)=>{const{teamMemberRolePermissions:x=[]}=f,N=this.visiblePermissions(x);return!this.isAppActiveForPermission(f.key)||x.length&&!N.length?null:(0,i.jsx)("div",{className:"page-section__row",children:(0,i.jsxs)("div",{className:"page-section__column fields-container--without-margins",children:[this.renderCategoryHeading(f,R,N),N.map(L=>(0,i.jsx)(d.Yh,{id:`permission_${L.id}`,className:"checkbox-field--margin-left",checked:m.teamMemberRolePermissionIds.indexOf(L.id)>=0,onChange:(K,W)=>this.selectPermission(L.id,W),label:L.name},L.id))]})},f.id)}),s.loading&&(0,i.jsx)(d.lL,{})]})}}u([h.EW],a.prototype,"areAllPermissionsChecked",1),u([h.EW],a.prototype,"areAllCategoryPermissionsChecked",1);const n=["teamMemberRolesStore","teamMemberRolePermissionsStore","teamMemberRolePermissionCategoriesStore","sellerStore","experimentsStore"],c=(0,P.Lg)(n,a)}}]);
2
3//# sourceMappingURL=216.5376b5339735c6d0d7cc.js.map