mediacms-user-docs/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),o=n(5321),l=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(o.i,n,t?i.createElement("img",{src:t,alt:""}):i.createElement(l.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),o=n(8790),l=n(285),c=n(7664),u=n(2855),d=n(7460);const m={role:[{id:"all",title:"All"},{id:"editor",title:"Editor"},{id:"manager",title:"Manager"}]};function f(e){const[t,n]=(0,a.useState)(e.hidden),[i,r]=(0,a.useState)("all"),s=(0,a.useRef)(null),o=(0,a.useRef)(null);function l(){t||(s.current.style.height=24+o.current.offsetHeight+"px")}return(0,a.useEffect)((()=>{n(e.hidden),l()}),[e.hidden]),(0,a.useEffect)((()=>(d.PageStore.on("window_resize",l),()=>d.PageStore.removeListener("window_resize",l))),[]),a.createElement("div",{ref:s,className:"mi-filters-row"+(t?" hidden":"")},a.createElement("div",{ref:o,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:m.role,selected:i,onSelect:function(t){const n={role:i};"role"===t.currentTarget.getAttribute("filter")&&(n.role=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),r(n.role))}})))))}f.propTypes={hidden:s().bool},f.defaultProps={hidden:!1};var p=n(9835),g=n(9479);function h(e,t,n,i){return e+"?"+t+(""===t?"":"&")+n+(""===n?"":"&")+"page="+i}class v extends g.Y{constructor(e){super(e,"manage-users"),this.state={resultsCount:null,currentPage:1,requestUrl:o.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:h(o.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:h(o.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:h(o.ApiUrlContext._currentValue.manage.users,this.state.filterArgs,n,this.state.currentPage)})}onItemsRemoval(e){this.setState({resultsCount:null,refresh:this.state.refresh+1,requestUrl:o.ApiUrlContext._currentValue.manage.users},(function(){e?l.PageActions.addNotification("The users deleted successfully.","usersRemovalSucceed"):l.PageActions.addNotification("The user deleted successfully.","userRemovalSucceed")}))}onItemsRemovalFail(e){e?l.PageActions.addNotification("The users removal failed. Please try again.","usersRemovalFailed"):l.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(f,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}),a.createElement(p.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}))]}}v.propTypes={title:s().string.isRequired},v.defaultProps={title:"Manage users"},(0,i.C)("page-manage-users",v)},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 o}});var i=n(9471),a=n(8713),r=n.n(a),s=n(2828);function o(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"))))}o.propTypes={onClick:r().func,active:r().bool},o.defaultProps={active:!1}},5305:function(e,t,n){n.d(t,{V:function(){return o}});var i=n(9471),a=n(9834),r=n(8713),s=n.n(r);function o(e){const t=(0,i.useRef)(null),[n,r]=(0,i.useState)(null);let s=[];function o(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),l=r.querySelectorAll(e.pageChangeSelector);if(l.length)for(n=0;n<l.length;)i=l[n].getAttribute(e.pageIdSelectorAttr),i=i?i.trim():i,i&&(s[n]={id:i,elem:l[n]},s[n].listener=(e=>t=>o(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}o.propTypes={initPage:s().string,pages:s().object.isRequired,pageChangeSelector:s().string.isRequired,pageIdSelectorAttr:s().string.isRequired,focusFirstItemOnPageChange:s().bool,pageChangeCallback:s().func},o.defaultProps={focusFirstItemOnPageChange:!0}},5321:function(e,t,n){n.d(t,{i:function(){return o}});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 o(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)}o.propTypes={type:r().oneOf(["button","link","span"]),buttonShadow:r().bool,className:r().string},o.defaultProps={type:"button",buttonShadow:!1}},6089:function(e,t,n){n.d(t,{$:function(){return o}});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,o=null;return(0,i.useEffect)((()=>(s=setTimeout((function(){o=setTimeout((function(){r(!1),o=null}),1e3),s=null,n(!0),e.onHide(e.id)}),5e3),()=>{s&&clearTimeout(s),o&&clearTimeout(o)})),[]),a?i.createElement("div",{className:"notification-item"+(t?" hidden":"")},i.createElement("div",null,e.children||null)):null}function o(){const[e,t]=(0,i.useState)(r.length);function n(){t(a.default.get("notifications-size")+r.length)}function o(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:o},e[1]))),...e.map((e=>(r.push(e),i.createElement(s,{key:e[0],id:e[0],onHide:o},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),o=n(3997);function l(){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,o.$)(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([l(),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 o(){return o=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},o.apply(null,arguments)}function l(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",o({},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",o({},e.buttonAttr||{},{key:"button"}),t);break;case"label":t=i.createElement("button",o({},e.buttonAttr||{},{key:"button"}),i.createElement("span",null,e.text||null)),n.className="label-item";break;case"div":t=i.createElement("div",o({},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(l,o({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}l.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},l.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:r().bool,items:r().arrayOf(r().shape(l.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,n){n.d(t,{P:function(){return o}});var i=n(9471),a=n(8713),r=n.n(a),s=n(2828);function o(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))))}o.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 o.V},NavigationMenuList:function(){return l.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),o=n(5305),l=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 o=!0,l=0;l<n.length;l++)(!1&r||s>=r)&&Object.keys(i.O).every((function(e){return i.O[e](n[l])}))?n.splice(l--,1):(o=!1,r<s&&(s=r));if(o){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],o=n[1],l=n[2],c=0;if(s.some((function(t){return 0!==e[t]}))){for(a in o)i.o(o,a)&&(i.m[a]=o[a]);if(l)var u=l(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)}();