mediacms/static/js/manage-users.js

!function(){"use strict";var e,t={878:function(e,t,n){n.d(t,{c:function(){return c}});var i=n(9471),a=n(8713),r=n.n(a),s=n(6387),l=n(5321),o=n(2828);function c(e){const{thumbnail:t}=(0,s.useUser)(),n={"aria-label":"Account profile photo that opens list of options and settings pages links",className:"thumbnail"};switch(e.isButton?void 0!==e.onClick&&(n.onClick=e.onClick):n.type="span",e.size){case"small":case"large":n.className+=" "+e.size+"-thumb"}return i.createElement(l.i,n,t?i.createElement("img",{src:t,alt:""}):i.createElement(o.Z,{type:"person"}))}c.propTypes={isButton:r().bool,size:r().oneOf(["small","medium","large"]),onClick:r().func},c.defaultProps={isButton:!1,size:"medium"}},1826:function(e,t,n){var i=n(2985),a=n(9471),r=n(8713),s=n.n(r),l=n(8790),o=n(285),c=n(7664),u=n(2855),d=n(7460),m=n(5338);const f={role:[{id:"all",title:"All"},{id:"editor",title:"Editor"},{id:"manager",title:"Manager"}],approved:[{id:"all",title:"All"},{id:"true",title:"Yes"},{id:"false",title:"No"}]};function p(e){const{userCan:t}=(0,m.useUser)(),[n,i]=(0,a.useState)(e.hidden),[r,s]=(0,a.useState)("all"),[l,o]=(0,a.useState)("all"),u=(0,a.useRef)(null),p=(0,a.useRef)(null);function g(){n||(u.current.style.height=24+p.current.offsetHeight+"px")}function h(t){const n={role:r,is_approved:l};switch(t.currentTarget.getAttribute("filter")){case"role":n.role=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),s(n.role);break;case"approved":n.is_approved=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),o(n.is_approved)}}return(0,a.useEffect)((()=>{i(e.hidden),g()}),[e.hidden]),(0,a.useEffect)((()=>(d.PageStore.on("window_resize",g),()=>d.PageStore.removeListener("window_resize",g))),[]),a.createElement("div",{ref:u,className:"mi-filters-row"+(n?" hidden":"")},a.createElement("div",{ref:p,className:"mi-filters-row-inner"},a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"ROLE"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"role",options:f.role,selected:r,onSelect:h}))),t.usersNeedsToBeApproved?a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"APPROVED"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"approved",options:f.approved,selected:l,onSelect:h}))):null))}p.propTypes={hidden:s().bool},p.defaultProps={hidden:!1};var g=n(9835),h=n(9479);function v(e,t,n,i){return e+"?"+t+(""===t?"":"&")+n+(""===n?"":"&")+"page="+i}class b extends h.Y{constructor(e){super(e,"manage-users"),this.state={resultsCount:null,currentPage:1,requestUrl:l.ApiUrlContext._currentValue.manage.users,hiddenFilters:!0,filterArgs:"",sortingArgs:"",sortBy:"add_date",ordering:"desc",refresh:0},this.getCountFunc=this.getCountFunc.bind(this),this.onTablePageChange=this.onTablePageChange.bind(this),this.onToggleFiltersClick=this.onToggleFiltersClick.bind(this),this.onFiltersUpdate=this.onFiltersUpdate.bind(this),this.onColumnSortClick=this.onColumnSortClick.bind(this),this.onItemsRemoval=this.onItemsRemoval.bind(this),this.onItemsRemovalFail=this.onItemsRemovalFail.bind(this)}onTablePageChange(e,t){this.setState({currentPage:t,requestUrl:v(l.ApiUrlContext._currentValue.manage.users,this.state.filterArgs,this.state.sortingArgs,t)})}onToggleFiltersClick(){this.setState({hiddenFilters:!this.state.hiddenFilters})}getCountFunc(e){this.setState({resultsCount:e})}onFiltersUpdate(e){const t=[];for(let n in e)null!==e[n]&&"all"!==e[n]&&t.push(n+"="+e[n]);this.setState({filterArgs:t.join("&"),requestUrl:v(l.ApiUrlContext._currentValue.manage.users,t.join("&"),this.state.sortingArgs,this.state.currentPage)})}onColumnSortClick(e,t){const n="sort_by="+e+"&ordering="+t;this.setState({sortBy:e,ordering:t,sortingArgs:n,requestUrl:v(l.ApiUrlContext._currentValue.manage.users,this.state.filterArgs,n,this.state.currentPage)})}onItemsRemoval(e){this.setState({resultsCount:null,refresh:this.state.refresh+1,requestUrl:l.ApiUrlContext._currentValue.manage.users},(function(){e?o.PageActions.addNotification("The users deleted successfully.","usersRemovalSucceed"):o.PageActions.addNotification("The user deleted successfully.","userRemovalSucceed")}))}onItemsRemovalFail(e){e?o.PageActions.addNotification("The users removal failed. Please try again.","usersRemovalFailed"):o.PageActions.addNotification("The user removal failed. Please try again.","userRemovalFailed")}pageContent(){return[a.createElement(u.MediaListWrapper,{key:"2",title:this.props.title+(null===this.state.resultsCount?"":" ("+this.state.resultsCount+")")},a.createElement(c.FiltersToggleButton,{onClick:this.onToggleFiltersClick}),a.createElement(p,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}),a.createElement(g.D,{pageItems:50,manageType:"users",key:this.state.requestUrl+"["+this.state.refresh+"]",itemsCountCallback:this.getCountFunc,requestUrl:this.state.requestUrl,onPageChange:this.onTablePageChange,sortBy:this.state.sortBy,ordering:this.state.ordering,onRowsDelete:this.onItemsRemoval,onRowsDeleteFail:this.onItemsRemovalFail,onClickColumnSort:this.onColumnSortClick}))]}}b.propTypes={title:s().string.isRequired},b.defaultProps={title:"Manage users"},(0,i.C)("page-manage-users",b)},2828:function(e,t,n){n.d(t,{Z:function(){return a}});var i=n(9471);const a=e=>{let{type:t}=e;return t?i.createElement("i",{className:"material-icons","data-icon":t}):null}},2901:function(e,t,n){n.d(t,{AP:function(){return s},cp:function(){return r}});var i=n(9471);const a=i.forwardRef(((e,t)=>void 0!==e.children?i.createElement("div",{ref:t,className:"popup"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null));function r(e){return void 0!==e.children?i.createElement("div",{className:"popup-top"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}function s(e){return void 0!==e.children?i.createElement("div",{className:"popup-main"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}t.Ay=a},3135:function(e,t,n){n.d(t,{I:function(){return l}});var i=n(9471),a=n(8713),r=n.n(a),s=n(2828);function l(e){const[t,n]=(0,i.useState)(e.active);return i.createElement("div",{className:"mi-filters-toggle"},i.createElement("button",{className:t?"active":"","aria-label":"Filter",onClick:function(){n(!t),void 0!==e.onClick&&e.onClick()}},i.createElement(s.Z,{type:"filter_list"}),i.createElement("span",{className:"filter-button-label"},i.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}l.propTypes={onClick:r().func,active:r().bool},l.defaultProps={active:!1}},5305:function(e,t,n){n.d(t,{V:function(){return l}});var i=n(9471),a=n(9834),r=n(8713),s=n.n(r);function l(e){const t=(0,i.useRef)(null),[n,r]=(0,i.useState)(null);let s=[];function l(t,n){var i;n.preventDefault(),n.stopPropagation(),i=s[t].id,void 0!==e.pages[i]&&r(i)}return(0,i.useEffect)((()=>{void 0!==e.pages[e.initPage]?r(e.initPage):Object.keys(e.pages).length?r(Object.keys(e.pages)[0]):r(null)}),[e.initPage]),(0,i.useEffect)((()=>{!function(){let e=0;for(;e<s.length;)s[e].elem.removeEventListener("click",s[e].listener),e+=1;s=[]}(),n&&(function(){let n,i,r=(0,a.findDOMNode)(t.current),o=r.querySelectorAll(e.pageChangeSelector);if(o.length)for(n=0;n<o.length;)i=o[n].getAttribute(e.pageIdSelectorAttr),i=i?i.trim():i,i&&(s[n]={id:i,elem:o[n]},s[n].listener=(e=>t=>l(e,t))(n),s[n].elem.addEventListener("click",s[n].listener)),n+=1;e.focusFirstItemOnPageChange&&r.focus()}(),"function"==typeof e.pageChangeCallback&&e.pageChangeCallback(n))}),[n]),n?i.createElement("div",{ref:t},i.cloneElement(e.pages[n])):null}l.propTypes={initPage:s().string,pages:s().object.isRequired,pageChangeSelector:s().string.isRequired,pageIdSelectorAttr:s().string.isRequired,focusFirstItemOnPageChange:s().bool,pageChangeCallback:s().func},l.defaultProps={focusFirstItemOnPageChange:!0}},5321:function(e,t,n){n.d(t,{i:function(){return l}});var i=n(9471),a=n(8713),r=n.n(a);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},s.apply(null,arguments)}function l(e){const t=i.createElement("span",null,i.createElement("span",null,e.children)),n={tabIndex:e.tabIndex||null,title:e.title||null,className:"circle-icon-button"+(void 0!==e.className?" "+e.className:"")+(e.buttonShadow?" button-shadow":"")};return void 0!==e["data-page-id"]&&(n["data-page-id"]=e["data-page-id"]),void 0!==e["aria-label"]&&(n["aria-label"]=e["aria-label"]),"link"===e.type?i.createElement("a",s({},n,{href:e.href||null,rel:e.rel||null}),t):"span"===e.type?i.createElement("span",s({},n,{onClick:e.onClick||null}),t):i.createElement("button",s({},n,{onClick:e.onClick||null}),t)}l.propTypes={type:r().oneOf(["button","link","span"]),buttonShadow:r().bool,className:r().string},l.defaultProps={type:"button",buttonShadow:!1}},6089:function(e,t,n){n.d(t,{$:function(){return l}});var i=n(9471),a=n(6371);let r=[];function s(e){const[t,n]=(0,i.useState)(!1),[a,r]=(0,i.useState)(!0);let s=null,l=null;return(0,i.useEffect)((()=>(s=setTimeout((function(){l=setTimeout((function(){r(!1),l=null}),1e3),s=null,n(!0),e.onHide(e.id)}),5e3),()=>{s&&clearTimeout(s),l&&clearTimeout(l)})),[]),a?i.createElement("div",{className:"notification-item"+(t?" hidden":"")},i.createElement("div",null,i.createElement("span",null,e.children||"No message"))):null}function l(){const[e,t]=(0,i.useState)(r.length);function n(){t(a.default.get("notifications-size")+r.length)}function l(e){const t=[];r.map((n=>{n[0]!==e&&t.push(n)})),r=t}return(0,i.useEffect)((()=>(n(),a.default.on("added_notification",n),()=>a.default.removeListener("added_notification",n))),[]),e?i.createElement("div",{className:"notifications"},i.createElement("div",null,function(){const e=a.default.get("notifications");return[...r.map((e=>i.createElement(s,{key:e[0],id:e[0],onHide:l},e[1]))),...e.map((e=>(r.push(e),i.createElement(s,{key:e[0],id:e[0],onHide:l},e[1]))))]}())," "):null}},6371:function(e,t,n){n.r(t);var i=n(9032),a=n.n(i),r=n(7154),s=n(1838),l=n(3997);function o(){let e=new Uint32Array(3);return window.crypto.getRandomValues(e),(performance.now().toString(36)+Array.from(e).map((e=>e.toString(36))).join("")).replace(/./g,""+Math.random()+Intl.DateTimeFormat().resolvedOptions().timeZone+Date.now())}let c,u=null,d=null;class m extends(a()){constructor(e){super(),d=(0,l.$)(window.MediaCMS),c=new r.BrowserCache(d.site.id,86400),u={mediaAutoPlay:c.get("media-auto-play")},u.mediaAutoPlay=null===u.mediaAutoPlay||u.mediaAutoPlay,this.browserEvents=(0,s.BrowserEvents)(),this.browserEvents.doc(this.onDocumentVisibilityChange.bind(this)),this.browserEvents.win(this.onWindowResize.bind(this),this.onWindowScroll.bind(this)),this.notifications=function(e){let t=[];function n(e){"string"==typeof e&&t.push([o(),e])}return e.map(n),{size:function(){return t.length},push:n,clear:function(){t=[]},messages:function(){return[...t]}}}(void 0!==window.MediaCMS&&void 0!==window.MediaCMS.notifications?window.MediaCMS.notifications:[])}onDocumentVisibilityChange(){this.emit("document_visibility_change")}onWindowScroll(){this.emit("window_scroll")}onWindowResize(){this.emit("window_resize")}initPage(e){u.currentPage=e}get(e){let t;switch(e){case"browser-cache":t=c;break;case"media-auto-play":t=u.mediaAutoPlay;break;case"config-contents":t=d.contents;break;case"config-enabled":t=d.enabled;break;case"config-media-item":t=d.media.item;break;case"config-options":t=d.options;break;case"config-site":t=d.site;break;case"api-playlists":n=e.split("-")[1],t=d.api[n]||null;break;case"notifications-size":t=this.notifications.size();break;case"notifications":t=this.notifications.messages(),this.notifications.clear();break;case"current-page":t=u.currentPage}var n;return t}actions_handler(e){switch(e.type){case"INIT_PAGE":this.initPage(e.page),this.emit("page_init");break;case"TOGGLE_AUTO_PLAY":u.mediaAutoPlay=!u.mediaAutoPlay,c.set("media-auto-play",u.mediaAutoPlay),this.emit("switched_media_auto_play");break;case"ADD_NOTIFICATION":this.notifications.push(e.notification),this.emit("added_notification")}}}t.default=(0,s.exportStore)(new m,"actions_handler")},6568:function(e,t,n){n.d(t,{x:function(){return s}});var i=n(9471),a=n(8713),r=n.n(a);function s(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}s.propTypes={size:r().oneOf(["tiny","x-small","small","medium","large","x-large"])},s.defaultProps={size:"medium"}},7201:function(e,t,n){n.d(t,{S:function(){return c}});var i=n(9471),a=n(8713),r=n.n(a),s=n(2828);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l.apply(null,arguments)}function o(e){let t=[];const n=e.itemAttr||{};void 0===n.className?n.className="":n.className&&(n.className+=" ");let a=e.text?e.icon&&"right"!==e.iconPos?1:0:-1,r=e.icon?e.text&&"right"===e.iconPos?1:0:-1;switch(-1<a&&(t[a]=i.createElement("span",{key:"Text"},e.text)),-1<r&&(t[r]=i.createElement("span",{key:"Icon",className:"right"===e.iconPos?"menu-item-icon-right":"menu-item-icon"},i.createElement(s.Z,{type:e.icon}))),e.itemType){case"link":t=i.createElement("a",l({},e.linkAttr||{},{href:e.link,title:e.text||null}),t),n.className+="link-item"+(e.active?" active":"");break;case"button":case"open-subpage":t=i.createElement("button",l({},e.buttonAttr||{},{key:"button"}),t);break;case"label":t=i.createElement("button",l({},e.buttonAttr||{},{key:"button"}),i.createElement("span",null,e.text||null)),n.className="label-item";break;case"div":t=i.createElement("div",l({},e.divAttr||{},{key:"div"}),e.text||null)}return""!==n.className&&(n.className=" "+n.className),n.className=n.className.trim(),i.createElement("li",n,t)}function c(e){const t=e.items.map(((e,t)=>i.createElement(o,l({key:t},e))));return t.length?i.createElement("div",{className:"nav-menu"+(e.removeVerticalPadding?" pv0":"")},i.createElement("nav",null,i.createElement("ul",null,t))):null}o.propTypes={itemType:r().oneOf(["link","open-subpage","button","label","div"]),link:r().string,icon:r().string,iconPos:r().oneOf(["left","right"]),text:r().string,active:r().bool,divAttr:r().object,buttonAttr:r().object,itemAttr:r().object,linkAttr:r().object},o.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:r().bool,items:r().arrayOf(r().shape(o.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,n){n.d(t,{P:function(){return l}});var i=n(9471),a=n(8713),r=n.n(a),s=n(2828);function l(e){return e.options.map((t=>i.createElement("div",{key:t.id,className:t.id===e.selected?"active":""},i.createElement("button",{onClick:e.onSelect,filter:e.id,value:t.id},i.createElement("span",null,t.title),t.id===e.selected?i.createElement(s.Z,{type:"close"}):null))))}l.propTypes={id:r().string.isRequired,selected:r().string.isRequired,onSelect:r().func.isRequired}},7664:function(e,t,n){n.d(t,{CircleIconButton:function(){return i.i},FilterOptions:function(){return a.P},FiltersToggleButton:function(){return r.I},MaterialIcon:function(){return s.Z},NavigationContentApp:function(){return l.V},NavigationMenuList:function(){return o.S},Notifications:function(){return c.$},PopupMain:function(){return u.AP},PopupTop:function(){return u.cp},SpinnerLoader:function(){return d.x},UserThumbnail:function(){return m.c}});var i=n(5321),a=n(7256),r=n(3135),s=n(2828),l=n(5305),o=n(7201),c=n(6089),u=(n(3818),n(2901)),d=n(6568),m=n(878)}},n={};function i(e){var a=n[e];if(void 0!==a)return a.exports;var r=n[e]={exports:{}};return t[e].call(r.exports,r,r.exports,i),r.exports}i.m=t,e=[],i.O=function(t,n,a,r){if(!n){var s=1/0;for(u=0;u<e.length;u++){n=e[u][0],a=e[u][1],r=e[u][2];for(var l=!0,o=0;o<n.length;o++)(!1&r||s>=r)&&Object.keys(i.O).every((function(e){return i.O[e](n[o])}))?n.splice(o--,1):(l=!1,r<s&&(s=r));if(l){e.splice(u--,1);var c=a();void 0!==c&&(t=c)}}return t}r=r||0;for(var u=e.length;u>0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[n,a,r]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=101,function(){var e={101:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,r,s=n[0],l=n[1],o=n[2],c=0;if(s.some((function(t){return 0!==e[t]}))){for(a in l)i.o(l,a)&&(i.m[a]=l[a]);if(o)var u=o(i)}for(t&&t(n);c<s.length;c++)r=s[c],i.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return i.O(u)},n=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var a=i.O(void 0,[276],(function(){return i(1826)}));a=i.O(a)}();