https://himberger.de/static/3975.c6bd11393ef7fe962af6.js

1"use strict";(self.webpackChunkmattermost_webapp=self.webpackChunkmattermost_webapp||[]).push([[3975],{89020(e,t,a){a.d(t,{A:()=>r}),a(15724),a(43617),a(93991);var s=a(36418),n=a(14778),i=a(84943),l=a(70669),o=a(83007);function r(e){const[t,a]=(0,s.useState)([]),[r,c]=(0,s.useState)(0),[d,m]=(0,s.useState)(""),[h,u]=(0,s.useState)(!1),[p,g]=(0,s.useState)(""),[f,v]=(0,s.useState)(!1),[y,_]=(0,s.useState)([]),[E,C]=(0,s.useState)(0),b=(0,n.useIntl)(),M=(0,s.useMemo)((()=>(0,o.J)()),[]);(0,s.useEffect)((()=>{A()}),[]);const A=async function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];u(!0);try{const i=await e.actions.searchPolicies(t,"parent",s,11);if(i.error)return u(!1),v(!0),!1;const l=i.data?.policies||[],o=i.data?.total||0,r=l.length>10?l.slice(0,10):l,d=r.length>0?r[r.length-1].id:"";return n?(a(r),u(!1),m(d),C(o),c(0),_([])):(a(r),u(!1),m(d),C(o)),e.onPoliciesLoaded?.(o),!0}catch(e){return u(!1),v(!0),!1}},S=e=>{const t=e.props?.child_ids;return t&&0!==t.length?s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.resources.channels",defaultMessage:"{count, number} {count, plural, one {channel} other {channels}}",values:{count:t.length}}):s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.resources.none",defaultMessage:"None"})},N=t.map((t=>{const a=`customDescription-${t.id}`,i=`customAppliedTo-${t.id}`;return{cells:{name:s.createElement("div",{id:a,className:"policy-name"},t.name),resources:s.createElement("div",{id:i,className:"policy-resources"},S(t)),actions:s.createElement("div",{className:"policy-actions"},!e.simpleMode&&s.createElement(l.mc,{menuButton:{id:`policy-menu-${t.id}`,class:"policy-menu-button",children:s.createElement("i",{className:"icon icon-dots-vertical"})},menu:{id:`policy-menu-dropdown-${t.id}`,"aria-label":b.formatMessage({id:"admin.access_control.policies.menu.aria_label",defaultMessage:"Policy actions menu"})}},s.createElement(l.q7,{id:`policy-menu-edit-${t.id}`,onClick:()=>{e.onPolicySelected?e.onPolicySelected(t):M.push(`/admin_console/system_attributes/attribute_based_access_control/edit_policy/${t.id}`)},leadingElement:s.createElement("i",{className:"icon icon-pencil-outline"}),labels:s.createElement(n.FormattedMessage,{id:"admin.access_control.edit",defaultMessage:"Edit"})}),!e.hideDeleteAction&&s.createElement(l.q7,{id:`policy-menu-delete-${t.id}`,onClick:()=>(async t=>{await e.actions.deletePolicy(t),A(p)})(t.id),leadingElement:s.createElement("i",{className:"icon icon-trash-can-outline"}),labels:s.createElement(n.FormattedMessage,{id:"admin.access_control.delete",defaultMessage:"Delete"}),isDestructive:!0,disabled:Boolean(t.props?.child_ids?.length)})))},onClick:()=>{e.onPolicySelected?e.onPolicySelected(t):M.push(`/admin_console/system_attributes/membership_policies/edit_policy/${t.id}`)}}})),w=[{name:s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.name",defaultMessage:"Name"}),field:"name",width:5},{name:s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.applies_to",defaultMessage:"Applies to"}),field:"resources",textAlign:"center",width:4},{name:s.createElement("span",null),field:"actions",className:"actions-column",width:1}],{startCount:x,endCount:T}=(()=>{const e=10*r+1;return{startCount:e,endCount:e+t.length-1,total:E}})();let P;P=f?s.createElement(n.FormattedMessage,{id:"admin.user_settings.policy_list.search_policy_errored",defaultMessage:"Something went wrong. Try again"}):p&&0===t.length?s.createElement("div",{className:"PolicyList__no-results"},s.createElement(n.FormattedMessage,{id:"admin.user_settings.policy_list.no_results_for",defaultMessage:'No results for "{term}"',values:{term:p}}),s.createElement("span",{className:"PolicyList__no-results-hint"},s.createElement(n.FormattedMessage,{id:"admin.user_settings.policy_list.no_results_hint",defaultMessage:"Check the spelling or try another search."}))):s.createElement("div",{className:"PolicyList__no-results"},s.createElement(n.FormattedMessage,{id:"admin.user_settings.policy_list.no_policies_found",defaultMessage:"No policies found"}),s.createElement("span",{className:"PolicyList__no-results-hint"},s.createElement(n.FormattedMessage,{id:"admin.user_settings.policy_list.no_policies_hint",defaultMessage:"Add a new policy to get started"})));const k={minHeight:40*N.length+"px"};return s.createElement("div",{className:"PolicyTable"},!e.simpleMode&&!e.hideHeader&&s.createElement("div",{className:"policy-header"},s.createElement("div",{className:"policy-header-text"},s.createElement("h1",null,s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.title",defaultMessage:"Access Control Policies"})),s.createElement("p",null,s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.description",defaultMessage:"Create policies containing attribute based access rules and the resources they apply to."}))),s.createElement("button",{className:"btn btn-primary",onClick:()=>{M.push("/admin_console/system_attributes/membership_policies/edit_policy")}},s.createElement("i",{className:"icon icon-plus"}),s.createElement("span",null,s.createElement(n.FormattedMessage,{id:"admin.access_control.policies.add_policy",defaultMessage:"Add policy"}

1)))),s.createElement(i.A,{columns:w,rows:N,loading:h,startCount:x,endCount:T,total:E,onSearch:async e=>{if(0===e.length)return c(0),m(""),u(!1),v(!1),g(""),void A();u(!0),g(e),await A(e,"",!0)},term:p,placeholderEmpty:P,rowsContainerStyles:k,nextPage:async()=>{await A(p,d)&&(_([...y,d]),c(r+1))},previousPage:async()=>{if(0===y.length)return;const e=[...y];e.pop();const t=e.length>0?e[e.length-1]:"";await A(p,t)&&(_(e),c(r-1))},extraComponent:e.showRefreshButton?s.createElement("button",{className:"style--none policy-refresh-btn",onClick:()=>A(p,"",!0),"aria-label":b.formatMessage({id:"admin.access_control.policies.refresh",defaultMessage:"Refresh list"}),title:b.formatMessage({id:"admin.access_control.policies.refresh",defaultMessage:"Refresh list"})},s.createElement("i",{className:"icon icon-refresh"})):void 0}))}},15369(e,t,a){a.d(t,{A:()=>w});var s=a(10711),n=a(37270),i=a(32446),l=a(87461),o=a(54452),r=a(65952),c=a(16230),d=a(89247),m=(a(15724),a(43617),a(81975),a(73242),a(99930),a(93991),a(46177)),h=a.n(m),u=a(18264),p=a.n(u),g=a(36418),f=a(14778),v=a(84943),y=a(42905),_=a(87131),E=a(78064),C=a(81444);const b=10;class M extends g.PureComponent{mounted=!1;constructor(e){super(e),this.state={after:"",loading:!1,page:0,cursorHistory:[]},this.searchDebounced=h()((async()=>{const{policyId:e,searchTerm:t,filters:a,actions:s}=this.props;e&&await s.searchChannels(e,t,a),this.setState({loading:!1})}),C.YM.SEARCH_TIMEOUT_MILLISECONDS)}componentDidMount=()=>{this.mounted=!0,this.loadPage(0,11)};componentWillUnmount=()=>{this.searchDebounced.cancel(),this.mounted=!1};async componentDidUpdate(e){const{policyId:t,searchTerm:a,filters:s}=this.props,n=!p()(e.filters,s);if(e.searchTerm!==a||n){if(this.setState({loading:!0}),""===a)return n&&t?await e.actions.searchChannels(t,a,s):(this.setState({after:"",page:0,cursorHistory:[]}),await this.loadPage(0,11)),void this.setState({loading:!1});this.searchDebounced()}}loadPage=(()=>{var e=this;return async function(t){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:11;const{policyId:s,searchTerm:n,filters:i,actions:l}=e.props;if(!s||!e.mounted)return;e.setState({loading:!0});const o={...i,page:t,per_page:a};try{const t=(await l.searchChannels(s,n,o)).data.channels||[],a=t.length>b?t.slice(0,b):t,i=a.length>0?a[a.length-1].id:"";e.setState({after:i,loading:!1})}catch(t){e.setState({loading:!1})}}})();nextPage=async()=>{const{after:e,cursorHistory:t,page:a}=this.state,s=[...t,e];this.setState({loading:!0,page:a+1,cursorHistory:s}),await this.loadPage(a+1,b)};previousPage=async()=>{const{cursorHistory:e,page:t}=this.state;if(0===e.length)return;const a=[...e];a.pop(),this.setState({loading:!0,page:t-1,cursorHistory:a}),await this.loadPage(t-1,b)};getVisibleTotalCount=()=>{const{channelsToAdd:e,totalCount:t}=this.props;return t+Object.keys(e).length};getPaginationProps=()=>{const{page:e}=this.state,t=e*b+1,a=this.getVisibleTotalCount();return{startCount:t,endCount:Math.min((e+1)*b,a),total:a}};removeChannel=e=>{const{onRemoveCallback:t}=this.props,{page:a}=this.state;t(e);const{endCount:s}=this.getPaginationProps();s>this.getVisibleTotalCount()&&s%b==1&&a>0&&this.setState({page:a-1})};handleAutoAddToggle=(e,t)=>{const{policyActiveStatusChanges:a=[],onPolicyActiveStatusChange:s,saving:n}=this.props;if(!s||n)return;const i=!t,l=a.findIndex((t=>t.id===e)),o=[...a];l>=0?o[l]={id:e,active:i}:o.push({id:e,active:i}),s(o)};getChannelAutoAddStatus=e=>{const{policyActiveStatusChanges:t=[],channels:a,channelsToAdd:s}=this.props,n=t.find((t=>t.id===e));if(n)return n.active;const i=[...a,...Object.values(s)].find((t=>t.id===e));return i?.policy_is_active??!1};getAllChannelsAutoAddStatus=()=>{const{channels:e,channelsToAdd:t,channelsToRemove:a}=this.props,{startCount:s,endCount:n}=this.getPaginationProps(),i=[...Object.values(t),...e.filter((e=>!a[e.id]))].slice(s-1,n);if(0===i.length)return{allActive:!1,allInactive:!1,mixed:!1};let l=0;i.forEach((e=>{this.getChannelAutoAddStatus(e.id)&&l++}));const o=l===i.length,r=0===l;return{allActive:o,allInactive:r,mixed:!o&&!r}};handleBulkAutoAddToggle=()=>{const{channels:e,channelsToAdd:t,channelsToRemove:a,policyActiveStatusChanges:s=[],onPolicyActiveStatusChange:n,saving:i}=this.props,{startCount:l,endCount:o}=this.getPaginationProps();if(!n||i)return;const r=[...Object.values(t),...e.filter((e=>!a[e.id]))].slice(l-1,o),{allActive:c}=this.getAllChannelsAutoAddStatus(),d=!c,m=[...s];r.forEach((e=>{const t=m.findIndex((t=>t.id===e.id));t>=0?m[t]={id:e.id,active:d}:m.push({id:e.id,active:d})})),n(m)};getColumns=()=>{const e=[{name:g.createElement(f.FormattedMessage,{id:"admin.channel_settings.channel_list.nameHeader",defaultMessage:"Name"}),field:"name",fixed:!0,width:this.props.hideTeamColumn?10:7}];return this.props.hideTeamColumn||e.push({name:g.createElement(f.FormattedMessage,{id:"admin.channel_settings.channel_list.teamHeader",defaultMessage:"Team"}),field:"team",fixed:!0,width:7}),e.push({name:g.createElement("div",{className:"ChannelList__autoAddHeader"},g.createElement("input",{type:"checkbox",id:"auto-add-header-checkbox",className:"header-checkbox","aria-label":this.props.intl.formatMessage({id:"admin.access_control.policy.channel_list.autoAddHeader",defaultMessage:"Auto-add members"}),checked:this.getAllChannelsAutoAddStatus().allActive,disabled:this.props.saving,ref:e=>{if(e){const{mixed:t}=this.getAllChannelsAutoAddStatus();e.indeterminate=t}},onChange:this.handleBulkAutoAddToggle}),g.createElement("span",{className:"header-text"},g.createElement(f.FormattedMessage,{id:"admin.access_control.policy.channel_list.autoAddHeader",defaultMessage:"Auto-add members"})),g.createElement(_.A,{title:this.props.intl.formatMessage({id:"admin.access_control.policy.channel_list.autoAddTooltip.line1",defaultMessage:"Toggle to auto-add members who meet all access requirements"}),hint:this.props.intl.formatMessage({id:"admin.access_control.policy.channel_list.autoAddTooltip.line2",defaultMessage:"Channel administrators can modify this setting"})},g.createElement("i",{className:"icon icon-information-outline ChannelList__autoAddInfoIcon"}))),field:"autoAdd",textAlign:"center",fixed:!0,width:this.props.hideTeamColumn?9:8},{name:"",field:"remove",textAlign:"right",fixed:!0,width:(this.props.hideTeamColumn,3)}),e};getRows=()=>{const{channels:e,channelsToRemove:t,channelsToAdd:a}=this.props,{startCount:s,endCount:n}=this.getPaginationProps();return[...Object.values(a),...e.filter((e=>!t[e.id]))].slice(s-1,n).map((e=>{const t=(0,E.gU)(e),a=g.createElement(t,{className:"channel-icon","data-testid":`${e.name}-archive-icon`}),s=g.createElement(f.FormattedMessage,{id:"admin.access_control.policy.edit_policy.

1channel_selector.remove",defaultMessage:"Remove"}),n=this.getChannelAutoAddStatus(e.id);return{cells:{id:e.id,name:g.createElement("div",{className:"ChannelList__nameColumn",id:`channel-name-${e.id}`},a,g.createElement("div",{className:"ChannelList__nameText"},g.createElement("b",{id:`display-name-channel-${e.id}`},e.display_name))),team:e.team_display_name,autoAdd:g.createElement("div",{className:"ChannelList__autoAddColumn"},g.createElement("input",{type:"checkbox",id:`auto-add-checkbox-${e.id}`,className:"channel-checkbox",checked:n,disabled:this.props.saving,onChange:()=>this.handleAutoAddToggle(e.id,n)}),g.createElement("span",{className:"checkbox-label"},n?g.createElement(f.FormattedMessage,{id:"admin.access_control.policy.channel_list.on",defaultMessage:"On"}):g.createElement(f.FormattedMessage,{id:"admin.access_control.policy.channel_list.off",defaultMessage:"Off"}))),remove:g.createElement("a",{id:`remove-channel-${e.id}`,className:"group-actions TeamList_editText",onClick:t=>{t.preventDefault(),this.removeChannel(e)},href:"#"},s)}}}))};onSearch=e=>{this.props.actions.setChannelListSearch(e)};onFilter=e=>{const t={},{team_ids:a}=e.teams.values;a.value.length&&(t.team_ids=a.value),this.props.actions.setChannelListFilters(t)};render(){const e=this.getRows(),t=this.getColumns(),{startCount:a,endCount:s,total:n}=this.getPaginationProps(),i={teams:{name:"Teams",values:{team_ids:{name:g.createElement(f.FormattedMessage,{id:"admin.team_settings.title",defaultMessage:"Teams"}),value:[]}},keys:["team_ids"],type:y.A}},l=this.props.hideTeamColumn?void 0:{options:i,keys:["teams"],onFilter:this.onFilter};return g.createElement("div",{className:"AccessControlPolicyChannelsList"},g.createElement(v.A,{columns:t,rows:e,loading:this.state.loading,nextPage:this.nextPage,previousPage:this.previousPage,startCount:a,endCount:s,total:n,className:"customTable",onSearch:this.onSearch,term:this.props.searchTerm,filterProps:l}))}}const A=(0,f.injectIntl)(M),S={};function N(e,t,a){const s=(0,c._d)(Object.values(e),t),n=(0,r.GP)(s,a);return(0,c.fv)(n)}const w=(0,n.connect)((function(){const e=(0,o.To)(),t=(0,s.A)(N);return(a,s)=>{const{channelsToAdd:n,policyId:i}=s,l=a.views.search.channelListSearch.term||"",r=a.views.search.channelListSearch?.filters||S;let c=[],d=0;if(l||0!==Object.keys(r).length){c=i?(0,o.Rl)(a,i,l,r):[];const e=t(n,l,r);return d=c.length,{channels:c,totalCount:d,searchTerm:l,channelsToAdd:e,filters:r}}return c=i?e(a,{policyId:i}):[],d=c.length,{channels:c,totalCount:d,searchTerm:l,channelsToAdd:n,filters:r}}}),(function(e,t){return{actions:(0,i.zH)({searchChannels:(e,a,s)=>(0,l.U8)(e,a,s,t.teamId),setChannelListSearch:d.SH,setChannelListFilters:d.l4},e)}}))(A)},84943(e,t,a){a.d(t,{A:()=>N}),a(43617),a(81975),a(93991);var s=a(71633),n=a.n(s),i=a(36418),l=a(14778),o=a(5955),r=a(57891),c=a(53654);const d=e=>{let{col:t}=e;const a={};return t.width&&(a.flexGrow=t.width),i.createElement("div",{key:t.field,className:"DataGrid_cell",style:a},t.name)},m=e=>{let{columns:t}=e;return i.createElement("div",{className:"DataGrid_header"},t.map((e=>i.createElement(d,{col:e,key:e.field}))))},h=e=>{let{row:t,column:a}=e;const s={};return a.width&&(s.flexGrow=a.width),a.textAlign&&(s.textAlign=a.textAlign),a.overflow&&(s.overflow=a.overflow),i.createElement("div",{key:a.field,className:n()("DataGrid_cell",a.className),style:s},t.cells[a.field])},u=e=>{let{row:t,columns:a}=e;const s=a.map(((e,a)=>i.createElement(h,{key:a,row:t,column:e})));return i.createElement("div",{className:"DataGrid_row",onClick:t.onClick},s)},p=i.memo(u);function g(e){let{name:t,checked:a,label:s,updateOption:n}=e;const l=(0,i.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),n(!a,t)}),[t,a,n]);return i.createElement("div",{className:"FilterList_checkbox",onClick:l},i.createElement("label",null,a&&i.createElement("input",{type:"checkbox",id:t,name:t,defaultChecked:!0}),!a&&i.createElement("input",{type:"checkbox",id:t,name:t,defaultChecked:!1}),s))}a(99930);const f=i.memo(g),v=e=>{let{option:t,optionKey:a,updateValues:s}=e;const n=(0,i.useCallback)((async(e,n)=>{const i={...t.values,[n]:{...t.values[n],value:e}};await s(i,a)}),[t.values,a,s]),l=t.keys.map(((e,a)=>{const s=t.values[e],{value:l,name:o}=s,r=t.type||f;return i.createElement("div",{key:a,className:"FilterList_item"},i.createElement(r,{key:a,name:e,checked:l,label:o,updateOption:n}))}));return i.createElement("div",{className:"FilterList"},i.createElement("div",{className:"FilterList_name"},t.name),l)},y=(0,i.memo)(v);class _ extends i.PureComponent{constructor(e){super(e);let t={...e.options},a=[...e.keys],s=!0;a.forEach((e=>{const a=t[e];a&&s?a.keys.forEach((e=>{a.values[e]||(s=!1)})):s=!1})),s||(t={},a=[]),this.state={show:!1,options:t,keys:a,optionsModified:!1,filterCount:0},this.filterRef=i.createRef(),this.buttonRef=i.createRef()}componentDidMount=()=>{document.addEventListener("mousedown",this.handleClickOutside)};componentWillUnmount=()=>{document.removeEventListener("mousedown",this.handleClickOutside)};handleClickOutside=e=>{this.filterRef?.current?.contains(e.target)||this.hidePopover()};hidePopover=()=>{this.setState({show:!1}),this.buttonRef?.current?.blur()};togglePopover=()=>{this.state.show?this.hidePopover():this.setState({show:!0})};updateValues=async(e,t)=>{const a={...this.state.options,[t]:{...this.state.options[t],values:{...e}}};this.setState({options:a,optionsModified:!0})};onFilter=()=>{this.props.onFilter(this.state.options),this.setState({optionsModified:!1,show:!1,filterCount:this.calculateFilterCount()})};calculateFilterCount=()=>{const e=this.state.options;let t=0;return this.props.keys.forEach((a=>{const{values:s,keys:n}=e[a];

1n.forEach((e=>{s[e].value instanceof Array?t+=s[e].value.length:s[e].value&&(t+=1)}))})),t};resetFilters=()=>{this.setState({options:{...this.props.options}},this.onFilter)};renderFilterOptions=()=>{const{keys:e,options:t}=this.state;return e.map((e=>{const a=t[e],s=a.type||y;return i.createElement(s,{option:a,optionKey:e,updateValues:this.updateValues,key:e})}))};render(){const e=this.renderFilterOptions(),{filterCount:t}=this.state;return i.createElement("div",{className:"Filter",ref:this.filterRef},i.createElement("button",{type:"button",className:n()("Filter_button",{Filter__active:this.state.show}),onClick:this.togglePopover,ref:this.buttonRef},i.createElement("i",{className:"Icon icon-filter-variant"}),i.createElement(l.FormattedMessage,{id:"admin.filter.filters",defaultMessage:"Filters"}),t>0&&` (${t})`),i.createElement("div",{className:n()("Filter_content",{Filter__show:this.state.show})},i.createElement("div",{className:"Filter_header"},i.createElement("div",{className:"Filter_title"},i.createElement(l.FormattedMessage,{id:"admin.filter.title",defaultMessage:"Filter by"})),i.createElement("a",{className:"Filter_reset",onClick:this.resetFilters},i.createElement(l.FormattedMessage,{id:"admin.filter.reset",defaultMessage:"Reset filters"}))),i.createElement("hr",null),i.createElement("div",{className:"Filter_lists"},e),i.createElement("button",{type:"button",className:"btn btn-primary btn-sm Filter_apply",disabled:!this.state.optionsModified,onClick:this.onFilter},i.createElement(l.FormattedMessage,{id:"admin.filter.apply",defaultMessage:"Apply"}))))}}const E=_;var C=a(30491),b=a(12082);const M=e=>{let{term:t="",extraComponent:a,filterProps:s,onSearch:n,disabled:o}=e;const r=(0,i.useCallback)((e=>{const t=e.target.value;n(t)}),[n]),c=(0,i.useCallback)((()=>{n("")}),[n]);let d;return s&&(d=i.createElement(E,s)),i.createElement("div",{className:"DataGrid_search"},i.createElement("div",{className:"DataGrid_searchBar"},i.createElement("span",{className:"DataGrid_searchIcon","aria-hidden":"true"},i.createElement(b.A,null)),i.createElement(C.A,{type:"text",placeholder:(0,l.defineMessage)({id:"search_bar.search",defaultMessage:"Search"}),onChange:r,value:t,"data-testid":"searchInput",disabled:o}),i.createElement("i",{className:"DataGrid_clearButton fa fa-times-circle "+(t.length?"":"hidden"),onClick:c,"data-testid":"clear-search"})),d,a)},A=(0,i.memo)(M);class S extends i.PureComponent{static defaultProps={term:""};constructor(e){super(e);const t=e.minimumColumnWidth?e.minimumColumnWidth:100;this.state={visibleColumns:this.props.columns,hiddenColumns:[],fixedColumns:this.props.columns.filter((e=>e.fixed)),minimumColumnWidth:t},this.ref=i.createRef()}componentDidMount(){this.handleResize(),window.addEventListener("resize",this.handleResize)}componentDidUpdate(e){this.props.columns!==e.columns&&this.setState({visibleColumns:this.props.columns})}componentWillUnmount(){window.removeEventListener("resize",this.handleResize)}handleResize=()=>{if(!this.ref?.current)return;const{minimumColumnWidth:e,fixedColumns:t}=this.state,a=t.length*e;let s=this.props.columns,n=this.ref.current.clientWidth-a-50;s=s.filter((t=>n>e?(n-=e,!0):Boolean(t.fixed))),this.setState({visibleColumns:s})};renderRows(){const{rows:e,rowsContainerStyles:t}=this.props,{visibleColumns:a}=this.state;let s=null;if(this.props.loading)s=this.props.loadingIndicator?i.createElement("div",{className:"DataGrid_loading"},this.props.loadingIndicator):i.createElement("div",{className:"DataGrid_loading"},i.createElement(c.A,null),i.createElement(l.FormattedMessage,{id:"admin.data_grid.loading",defaultMessage:"Loading"}));else if(0===e.length){const e=this.props.placeholderEmpty||i.createElement(l.FormattedMessage,{id:"admin.data_grid.empty",defaultMessage:"No items found"});s=i.createElement("div",{className:"DataGrid_empty"},e)}else s=e.map(((e,t)=>i.createElement(p,{key:t,row:e,columns:a})));return i.createElement("div",{className:"DataGrid_rows",style:t||{}},s)}renderHeader(){return i.createElement(m,{columns:this.state.visibleColumns})}renderSearch(){return this.props.onSearch?i.createElement(A,{onSearch:this.search,term:this.props.term,filterProps:this.props.filterProps,extraComponent:this.props.extraComponent,disabled:this.props.disabled}):null}nextPage=()=>{this.props.loading||this.props.nextPage()};previousPage=()=>{this.props.loading||this.props.previousPage()};search=e=>{this.props.onSearch&&this.props.onSearch(e)};renderFooter=()=>{const{startCount:e,endCount:t,total:a}=this.props;let s=null;if(a){const n=e<=1,c=t>=a;let d=this.previousPage;n&&(d=()=>{});let m=this.nextPage;c&&(m=()=>{}),s=i.createElement("div",{className:"DataGrid_footer"},i.createElement("div",{className:"DataGrid_cell"},i.createElement(l.FormattedMessage,{id:"admin.data_grid.paginatorCount",defaultMessage:"{startCount, number} - {endCount, number} of {total, number}",values:{startCount:e,endCount:t,total:a}}),i.createElement("button",{"aria-label":"Previous page",type:"button",className:"btn btn-quaternary btn-icon btn-sm ml-2 prev "+(n?"disabled":""),onClick:d,disabled:n},i.createElement(r.A,null)),i.createElement("button",{"aria-label":"Next page",type:"button",className:"btn btn-quaternary btn-icon btn-sm next "+(c?"disabled":""),onClick:m,disabled:c},i.createElement(o.A,null))))}return s};render(){return i.createElement("div",{className:n()("DataGrid",this.props.className),ref:this.ref},this.renderSearch(),this.renderHeader(),this.renderRows(),this.renderFooter())}}const N=S},42905(e,t,a){a.d(t,{A:()=>d});var s=a(37270),n=a(23739),i=(a(76281),a(43617),a(81975),a(93991),a(36418)),l=a(14778),o=a(7167),r=a(53654);const c={searchTeams:n.Fo,getTeams:n.ZN},d=(0,s.connect)(null,c)((function(e){const{formatMessage:t}=(0,l.useIntl)(),[a,s]=(0,i.useState)([]),[n,c]=(0,i.useState)(0);async function d(t){try{const a=await e.getTeams(t,50,!0);if(a&&a.data&&a.data.teams&&a.data.teams.length>0){const e=a.data.teams.map((e=>({value:e.id,label:e.display_name}))).sort(((e,t)=>e.label.localeCompare(t.label)));s(0===t?e:t=>[...t,...e]),c(t+1)}}catch(e){console.error(e)}}(0,i.useEffect)((()=>{d(0)}),[]);const m=e.option.values?.team_ids?.value,h=Array.isArray(m)?m:[],u=a.filter((e=>h.includes(e.value)));return i.createElement("div",{className:"FilterList FilterList__full"},i.createElement("div",{className:"FilterList_name"},e.option.name),i.createElement(o.A,{inputId:"adminConsoleTeamFilterDropdown",isMulti:!0,isClearable:!0,hideSelectedOptions:!0,classNamePrefix:"filterListSelect",cacheOptions:!1,placeholder:t({id:"admin.channels.filterBy.team.placeholder",defaultMessage:"Search and select teams"}),loadingMessage:()=>t({id:"admin.channels.filterBy.team.loading",defaultMessage:"Loading teams"}),noOptionsMessage:()=>t({id:"admin.channels.filterBy.team.noTeams",defaultMessage:"No teams found"}),loadOptions:async function(t){try{const a=await e.searchTeams(t,{page:0,per_page:50});return a&&a.data&&a.data.teams&&a.data.teams.length>0?a.data.teams.map((e=>({value:e.id,label:e.display_name}))):[]}catch(e){return console.error(e),[]}},defaultOptions:a,value:u,onChange:function(t,a){if(!a.action)return;let s=[];Array.isArray(t)&&t.length>0&&(s=t.map((e=>e.value))),"clear"===a.action?e.updateValues({team_ids:{name:"Teams",value:[]}}

1,"teams"):"select-option"!==a.action&&"remove-value"!==a.action||e.updateValues({team_ids:{name:"Teams",value:s}},"teams")},onMenuScrollToBottom:function(){d(n)},components:{LoadingIndicator:()=>i.createElement(r.A,null)}}))}))},48996(e,t,a){a.d(t,{A:()=>g});var s=a(37270),n=a(32446),i=a(30413),l=a(89247),o=(a(76281),a(15724),a(43617),a(81975),a(99930),a(93991),a(36418)),r=a(14778),c=a(14696),d=a(50375),m=a(81444);class h extends o.PureComponent{searchTimeoutId=0;selectedItemRef=o.createRef();state={values:[],show:!0,search:!1,loadingChannels:!0,channels:[]};componentDidMount(){this.loadInitialChannels()}buildSearchOpts(){const e={};this.props.teamId?(e.team_ids=[this.props.teamId],e.nonAdminSearch=!0):(e.not_associated_to_group=this.props.groupID,e.exclude_access_control_policy_enforced=this.props.excludeAccessControlPolicyEnforced);const t=!this.props.excludeTypes?.includes("O"),a=!this.props.excludeTypes?.includes("P");return t&&!a?e.public=!0:a&&!t&&(e.private=!0),e}loadInitialChannels(){this.props.actions.searchAllChannels("",this.buildSearchOpts()).then((e=>{this.setState({channels:(e.data||[]).sort(u)}),this.setChannelsLoadingState(!1)}))}componentDidUpdate(e){if(e.searchTerm!==this.props.searchTerm){clearTimeout(this.searchTimeoutId);const e=this.props.searchTerm;""===e?this.loadInitialChannels():this.searchTimeoutId=window.setTimeout((async()=>{this.setChannelsLoadingState(!0);const t=await this.props.actions.searchAllChannels(e,this.buildSearchOpts());this.setState({channels:t.data}),this.setChannelsLoadingState(!1)}),m.Ay.SEARCH_TIMEOUT_MILLISECONDS)}}handleHide=()=>{this.props.actions.setModalSearchTerm(""),this.setState({show:!1})};handleExit=()=>{this.props.onModalDismissed&&this.props.onModalDismissed()};handleSubmit=e=>{e&&e.preventDefault(),0!==this.state.values.length&&(this.props.onChannelsSelected&&this.props.onChannelsSelected(this.state.values),this.handleHide())};addValue=e=>{const t=[...this.state.values];e?.id&&!t.some((t=>t.id===e.id))&&t.push(e),this.setState({values:t})};setChannelsLoadingState=e=>{this.setState({loadingChannels:e})};handlePageChange=(e,t)=>

1{e>t&&(this.setChannelsLoadingState(!0),this.props.actions.loadChannels(e,51,this.props.groupID,!1,this.props.excludePolicyConstrained,this.props.excludeAccessControlPolicyEnforced).then((e=>{const t=[...this.state.channels],a=this.state.channels.map((e=>e.id));(e.data||[]).forEach((e=>{a.includes(e.id)||t.push(e)})),this.setState({channels:t.sort(u)}),this.setChannelsLoadingState(!1)})))};handleDelete=e=>{this.setState({values:e})};search=(e,t)=>{0!==t.state.page&&t.setState({page:0}),this.props.actions.setModalSearchTerm(e)};renderOption=(e,t,a,s)=>{let n="";return t&&(n="more-modal__row--selected"),o.createElement("div",{key:e.id,ref:t?this.selectedItemRef:e.id,className:"more-modal__row clickable "+n,onClick:()=>a(e),onMouseMove:()=>s(e)},o.createElement("div",{className:"more-modal__details"},o.createElement("div",{className:"channel-info-block"},e.type===m.Ay.PRIVATE_CHANNEL&&o.createElement("i",{className:"icon icon-lock-outline"}),e.type===m.Ay.OPEN_CHANNEL&&o.createElement("i",{className:"icon icon-globe"}),o.createElement("span",{className:"channel-name"},e.display_name),!this.props.teamId&&e.team_display_name&&o.createElement("span",{className:"team-name"},"("+e.team_display_name+")"))),o.createElement("div",{className:"more-modal__actions"},o.createElement("button",{className:"more-modal__actions--round","aria-label":"Select channel"},o.createElement("i",{className:"icon icon-plus"}))))};renderValue(e){return e.data.team_display_name?e.data.display_name+" ("+e.data.team_display_name+")":e.data.display_name}render(){const e=o.createElement(r.FormattedMessage,{id:"multiselect.selectChannels",defaultMessage:"Use ↑↓ to browse, ↵ to select."}),t=(0,r.defineMessage)({id:"multiselect.add",defaultMessage:"Add"});let a=this.state.channels.map((e=>({...e,label:e.display_name,value:e.id})));this.props.alreadySelected&&(a=a.filter((e=>-1===this.props.alreadySelected?.indexOf(e.id)))),this.props.excludePolicyConstrained&&(a=a.filter((e=>null===e.policy_id))),this.props.excludeGroupConstrained&&(a=a.filter((e=>!e.group_constrained))),this.props.excludeTeamIds&&(a=a.filter((e=>-1===this.props.excludeTeamIds?.indexOf(e.team_id)))),this.props.excludeTypes&&(a=a.filter((e=>-1===this.props.excludeTypes?.indexOf(e.type))));const s=this.state.values.map((e=>({...e,label:e.display_name,value:e.id})));let n;return this.props.customNoOptionsMessage&&!this.props.searchTerm&&(n=this.props.customNoOptionsMessage),o.createElement(c.zW,{className:"a11y__modal more-modal more-direct-channels channel-selector-modal",show:this.state.show,onHide:this.handleHide,onExited:this.handleExit,modalHeaderText:o.createElement(r.FormattedMessage,{id:"channelSelectorModal.title",defaultMessage:"Add Channels to <b>Channel Selection</b> List",values:{b:e=>o.createElement("b",null,e)}}),isStacked:this.props.isStacked,compassDesign:!0,bodyPadding:!1,id:"channelSelectorModal"},o.createElement(d.A,{key:"addChannelsToSchemeKey",options:a,optionRenderer:this.renderOption,intl:this.props.intl,selectedItemRef:this.selectedItemRef,values:s,valueRenderer:this.renderValue,perPage:50,handlePageChange:this.handlePageChange,handleInput:this.search,handleDelete:this.handleDelete,handleAdd:this.addValue,handleSubmit:this.handleSubmit,numRemainingText:e,buttonSubmitText:t,saving:!1,loading:this.state.loadingChannels,placeholderText:(0,r.defineMessage)({id:"multiselect.addChannelsPlaceholder",defaultMessage:"Search and add channels"}),customNoOptionsMessage:n}))}}function u(e,t){const a=e.display_name.toUpperCase(),s=t.display_name.toUpperCase(),n=a.localeCompare(s);if(0!==n)return n;const i=e.name.toUpperCase(),l=t.name.toUpperCase();return i.localeCompare(l)}const p=(0,r.injectIntl)(h),g=(0,s.connect)((function(e){return{searchTerm:e.views.search.modalSearch}}),(function(e){return{actions:(0,n.zH)({loadChannels:i.ou,setModalSearchTerm:l.qv,searchAllChannels:i.Q1},e)}}))(p)},30135(e,t,a){a.d(t,{A:()=>o});var s=a(36418),n=a(11039),i=a(47551);const l=(e,t)=>t?e??Number.MAX_VALUE:Number.MAX_VALUE;function o(){const e=(0,i.A)(),[t,a]=(0,n.A)();return(0,s.useMemo)((()=>({files:{totalStorage:e.files.totalStorage-l(t.files?.total_storage,a),totalStorageLoaded:e.files.totalStorageLoaded},messages:{history:e.messages.history-l(t.messages?.history,a),historyLoaded:e.messages.historyLoaded},teams:{active:e.teams.active-l(t.teams?.active,a),cloudArchived:e.team

1s.cloudArchived,teamsLoaded:e.teams.teamsLoaded}})),[e,t,a])}},36057(e,t,a){a.d(t,{A:()=>n});var s=a(36418);const n=e=>s.createElement("svg",Object.assign({width:140,height:141,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s.createElement("path",{opacity:.4,d:"M37.593 38.008c4.754-4.815 10.754-7.295 17.989-7.428 7.101.133 13.065 2.601 17.892 7.428 4.815 4.827 7.295 10.791 7.428 17.892-.133 7.235-2.601 13.223-7.428 17.99-4.827 4.754-10.791 7.27-17.892 7.512-7.235-.254-13.223-2.758-17.99-7.513-4.754-4.766-7.258-10.766-7.512-18 .254-7.102 2.758-13.066 7.513-17.881Z",fill:"#fff"}),s.createElement("path",{d:"M78.887 51.382c-2.151-6.992-6.225-12.225-12.226-15.69-6.001-3.465-12.57-4.376-19.701-2.743-3.9.995-7.297 2.717-10.22 5.162 3.269-3.567 7.415-6.037 12.428-7.416 7.13-1.633 13.732-.703 19.787 2.793s10.161 8.748 12.313 15.74c1.323 5.037 1.257 9.862-.21 14.47-1.454 4.614-4.066 8.49-7.84 11.611 2.833-3.087 4.783-6.713 5.844-10.894 1.05-4.187.991-8.522-.175-13.033Z",fill:"#000",fillOpacity:.4}),s.createElement("path",{d:"M86.76 53.929c-.508-7.506-3.553-14.097-9.125-19.774-6.346-6.05-13.67-9.08-21.974-9.08-8.303 0-15.616 3.03-21.961 9.08-6.08 6.315-9.126 13.591-9.126 21.855 0 8.262 3.046 15.551 9.126 21.854 5.826 5.556 12.485 8.551 19.967 8.984 7.481.445 14.383-1.611 20.728-6.146l4.75 4.727 6.08-6.05-4.75-4.727c4.69-6.302 6.78-13.218 6.285-20.723Zm-13.126 19.87c-4.823 4.726-10.781 7.228-17.876 7.468-7.228-.252-13.21-2.742-17.973-7.469-4.75-4.727-7.252-10.692-7.506-17.885.254-7.06 2.756-12.99 7.506-17.789 4.75-4.787 10.745-7.252 17.973-7.385 7.095.133 13.053 2.586 17.876 7.385 4.81 4.8 7.288 10.73 7.421 17.79-.133 7.192-2.599 13.157-7.421 17.884Z",fill:"#BABEC9"}),s.createElement("path",{d:"M106.202 114.187c-1.567.449-2.728.291-3.482-.472L78.06 86.651c-.753-.762-1.064-1.743-.945-2.954.12-1.211.874-2.567 2.262-4.093 1.507-1.393 2.847-2.192 4.044-2.385 1.196-.194 2.165.157 2.92 1.053l26.921 24.957c.753.763.873 1.901.37 3.427-.502 1.525-1.447 3.051-2.823 4.577-1.496 1.526-3.039 2.506-4.607 2.954Z",fill:"#FFBC1F"}),s.createElement("path",{d:"m108.007 98.343-10.08 10.164-12.154-13.34 8.914-9.106 13.32 12.282Z",fill:"#7A5600"}))},30491(e,t,a){a.d(t,{A:()=>l});var s=a(36418),n=a(14778);const i=s.forwardRef(((e,t)=>{let{placeholder:a,...i}=e;const l=(0,n.useIntl)();return s.createElement("input",Object.assign({ref:t,placeholder:l.formatMessage(a)},i))}));i.displayName="LocalizedPlaceholderInput";const l=i},90617(e,t,a){a.d(t,{A:()=>i});var s=a(36418);const n=()=>s.createElement("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18"},s.createElement("g",{id:"Developer-Export",stroke:"none",strokeWidth:"1",fillRule:"evenodd"},s.createElement("g",{transform:"translate(-285.000000, -933.000000)",id:"All-Team-Members"},s.createElement("g",{transform:"translate(245.000000, 698.000000)"},s.createElement("g",{id:"Channel-Administrators",transform:"translate(0.000000, 106.000000)"},s.createElement("g",{id:"data-table/column-1",transform:"translate(11.000000, 86.000000)"},s.createElement("g",{id:"row-checkbox---Public-Channels",transform:"translate(12.000000, 35.000000)"},s.createElement("g",{id:"Stacked-Group",transform:"translate(0.000000, 5.000000)"},s.createElement("g",{id:"data-table/1st/row-checkbox-label-base"},s.createElement("g",{id:"check-on-copy-11",transform:"translate(14.000000, 0.000000)"},s.createElement("path",{d:"M19,3 L5,3 C3.9,3 3,3.9 3,5 L3,19 C3,20.1 3.9,21 5,21 L19,21 C20.1,21 21,20.1 21,19 L21,5 C21,3.9 20.1,3 19,3 L19,3 Z M10,17 L5,12.1923077 L6.4,10.8461538 L10,14.3076923 L17.6,7 L19,8.34615385 L10,17 L10,17 Z",id:"checkbox---checked"}))))))))))),i=(0,s.memo)(n)},5955(e,t,a){a.d(t,{A:()=>r});var s=a(71633),n=a.n(s),i=a(36418),l=a(14778);const o=e=>{let{additionalClassName:t}=e;const{formatMessage:a}=(0,l.useIntl)();return i.createElement("i",{className:n()("icon icon-chevron-right",t),title:a({id:"generic_icons.next",defaultMessage:"Next Icon"})})},r=i.memo(o)},57891(e,t,a){a.d(t,{A:()=>r});var s=a(71633),n=a.n(s),i=a(36418),l=a(14778);const o=e=>{let{additionalClassName:t}=e;const{formatMessage:a}=(0,l.useIntl)();return i.createElement("i",{className:n()("icon icon-chevron-left",t),title:a({id:"generic_icons.previous",defaultMessage:"Previous Icon"})})},r=i.memo(o)},12082(e,t,a){a.d(t,{A:()=>i});var s=a(36418),n=a(14778);function i(){const{formatMessage:e}=(0,n.useIntl)();return s.createElement("i",{className:"fa fa-search",title:e({id:"generic_icons.search",defaultMessage:"Search Icon"})})}},83949(e,t,a){function s(e){return"data"in e&&!n(e)}function n(e){return Boolean(e.error)}a.d(t,{b:()=>n,o:()=>s})}}]);
2//# sourceMappingURL=3975.c6bd11393ef7fe962af6.js.map