@strapi/admin 4.11.2 → 4.11.4

package/build/{users-roles-settings-page.573a5c3e.chunk.js → users-roles-settings-page.1f505119.chunk.js}

@@ -1,9 +1,9 @@
-"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[8853],{64974:function(Re,F,a){a.r(F),a.d(F,{default:function(){return Lt}});var e=a(32735),l=a(69262),b=a(53038),T=a(88369),y=a(90201),j=a(27649),$=a(82055),G=a(41415),M=a(17e3),f=a(87933),C=a(72850),E=a(49372),x=a(15335),A=a(5803),k=a(10369),J=a(33475),q=a(66456),_=a(92802),S=a(67879),Ce=a(60216),v=a.n(Ce);const ee=(0,e.createContext)({}),te=({children:t,value:n})=>e.createElement(ee.Provider,{value:n},t),Y=()=>(0,e.useContext)(ee);te.propTypes={children:v().node.isRequired,value:v().object.isRequired};var B=a(82069),Te=a(83828),Ae=a(61762),Pe=a(89966),De=a(23940),Le=a.n(De);function be(t){switch(t){case"application":return"Application";case"plugin::content-manager":return"Content manager";case"plugin::content-type-builder":return"Content types builder";case"plugin::documentation":return"Documentation";case"plugin::email":return"Email";case"plugin::i18n":return"i18n";case"plugin::upload":return"Upload";case"plugin::users-permissions":return"Users-permissions";default:return Le()(t.replace("api::","").replace("plugin::",""))}}var Se=be,Ze=(t,n)=>{const s=Object.keys(n).sort().map(r=>({name:r,isOpen:!1}));return{...t,collapses:s}},Me=a(98978),se=a.n(Me),ne=a(8284),ae=a(3685),Oe=a(45112),xe=a(33795),W=a.n(xe),V=a(8471);const re=V.iv`
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[8853],{64974:function(ye,F,a){a.r(F),a.d(F,{default:function(){return Dt}});var e=a(32735),l=a(19565),L=a(53038),T=a(39079),R=a(90201),j=a(27649),$=a(82055),G=a(41415),Z=a(17e3),f=a(87933),C=a(72850),E=a(49372),x=a(15335),A=a(5803),B=a(10369),J=a(33475),q=a(66456),_=a(92802),b=a(67879),Re=a(60216),v=a.n(Re);const ee=(0,e.createContext)({}),te=({children:t,value:n})=>e.createElement(ee.Provider,{value:n},t),w=()=>(0,e.useContext)(ee);te.propTypes={children:v().node.isRequired,value:v().object.isRequired};var N=a(82069),Ce=a(83828),Te=a(61762),Ae=a(89966),Pe=a(23940),De=a.n(Pe);function Le(t){switch(t){case"application":return"Application";case"plugin::content-manager":return"Content manager";case"plugin::content-type-builder":return"Content types builder";case"plugin::documentation":return"Documentation";case"plugin::email":return"Email";case"plugin::i18n":return"i18n";case"plugin::upload":return"Upload";case"plugin::users-permissions":return"Users-permissions";default:return De()(t.replace("api::","").replace("plugin::",""))}}var be=Le,Se=(t,n)=>{const s=Object.keys(n).sort().map(r=>({name:r,isOpen:!1}));return{...t,collapses:s}},Me=a(98978),se=a.n(Me),ne=a(8284),ae=a(3685),Ze=a(45112),Oe=a(33795),W=a.n(Oe),V=a(8471);const re=V.iv`
   background: ${t=>t.theme.colors.primary100};
   svg {
     opacity: 1;
   }
-`;var Ue=(0,V.ZP)(C.x)`
+`;var xe=(0,V.ZP)(C.x)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -20,11 +20,11 @@
   &:hover {
     ${re}
   }
-`;const Ie=V.ZP.div`
+`;const Ue=V.ZP.div`
   flex: 1;
   align-self: center;
   border-top: 1px solid ${({theme:t})=>t.colors.neutral150};
-`,oe=({subCategory:t})=>{const{formatMessage:n}=(0,S.Z)(),{onChange:s,onChangeSelectAll:r,onSelectedAction:c,selectedAction:o,modifiedData:u}=Y(),m=(0,e.useMemo)(()=>W()(u,t.name,{}),[u,t]),g=(0,e.useMemo)(()=>Object.values(m).every(i=>i.enabled===!0),[m]),d=(0,e.useMemo)(()=>Object.values(m).some(i=>i.enabled===!0)&&!g,[m,g]),h=(0,e.useCallback)(({target:{name:i}})=>{r({target:{name:i,value:!g}})},[g,r]),p=(0,e.useCallback)(i=>o===i,[o]);return e.createElement(C.x,null,e.createElement(f.k,{justifyContent:"space-between",alignItems:"center"},e.createElement(C.x,{paddingRight:4},e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},t.label)),e.createElement(Ie,null),e.createElement(C.x,{paddingLeft:4},e.createElement(ne.X,{name:t.name,value:g,onValueChange:i=>h({target:{name:t.name,value:i}}),indeterminate:d},n({id:"app.utils.select-all",defaultMessage:"Select all"})))),e.createElement(f.k,{paddingTop:6,paddingBottom:6},e.createElement(x.r,{gap:2,style:{flex:1}},t.actions.map(i=>{const P=`${i.name}.enabled`;return e.createElement(A.P,{col:6,key:i.name},e.createElement(Ue,{isActive:p(i.name),padding:2,hasRadius:!0},e.createElement(ne.X,{value:W()(u,P,!1),name:P,onValueChange:Z=>s({target:{name:P,value:Z}})},i.label),e.createElement("button",{type:"button",onClick:()=>c(i.name),style:{display:"inline-flex",alignItems:"center"}},e.createElement(ae.T,{as:"span"},n({id:"app.utils.show-bound-route",defaultMessage:"Show bound route for {route}"},{route:i.name})),e.createElement(Oe.Z,null))))}))))};oe.propTypes={subCategory:v().object.isRequired};var ke=oe;const le=({name:t,permissions:n})=>{const s=(0,e.useMemo)(()=>se()(Object.values(n.controllers).reduce((r,c,o)=>{const u=`${t}.controllers.${Object.keys(n.controllers)[o]}`,m=se()(Object.keys(c).reduce((g,d)=>[...g,{...c[d],label:d,name:`${u}.${d}`}],[]),"label");return[...r,{actions:m,label:Object.keys(n.controllers)[o],name:u}]},[]),"label"),[t,n]);return e.createElement(C.x,{padding:6},s.map(r=>e.createElement(ke,{key:r.name,subCategory:r})))};le.propTypes={name:v().string.isRequired,permissions:v().object.isRequired};var Be=le,z=a(97889);const Ne={collapses:[]},$e=(t,n)=>(0,z.ZP)(t,s=>{switch(n.type){case"TOGGLE_COLLAPSE":{s.collapses=t.collapses.map((r,c)=>c===n.index?{...r,isOpen:!r.isOpen}:{...r,isOpen:!1});break}default:return s}});var Ge=()=>{const{modifiedData:t}=Y(),{formatMessage:n}=(0,S.Z)(),[{collapses:s},r]=(0,e.useReducer)($e,Ne,o=>Ze(o,t)),c=o=>r({type:"TOGGLE_COLLAPSE",index:o});return e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:1},s.map((o,u)=>e.createElement(Te.U,{expanded:o.isOpen,onToggle:()=>c(u),key:o.name,variant:u%2===0?"secondary":void 0},e.createElement(Ae.B,{title:Se(o.name),description:n({id:"users-permissions.Plugin.permissions.plugins.description",defaultMessage:"Define all allowed actions for the {name} plugin."},{name:o.name}),variant:u%2?"primary":"secondary"}),e.createElement(Pe.v,null,e.createElement(C.x,null,e.createElement(Be,{permissions:t[o.name],name:o.name}))))))},Fe=a(86834),je=a.n(Fe),We=a(86205),Ve=a.n(We),He=a(37213),we=a.n(He),Ye=a(15738),ze=a.n(Ye),Qe=t=>{switch(t){case"POST":return{text:"success600",border:"success200",background:"success100"};case"GET":return{text:"secondary600",border:"secondary200",background:"secondary100"};case"PUT":return{text:"warning600",border:"warning200",background:"warning100"};case"DELETE":return{text:"danger600",border:"danger200",background:"danger100"};default:return{text:"neutral600",border:"neutral200",background:"neutral100"}}};const Xe=(0,V.ZP)(C.x)`
+`,oe=({subCategory:t})=>{const{formatMessage:n}=(0,b.Z)(),{onChange:s,onChangeSelectAll:r,onSelectedAction:c,selectedAction:o,modifiedData:u}=w(),m=(0,e.useMemo)(()=>W()(u,t.name,{}),[u,t]),g=(0,e.useMemo)(()=>Object.values(m).every(i=>i.enabled===!0),[m]),d=(0,e.useMemo)(()=>Object.values(m).some(i=>i.enabled===!0)&&!g,[m,g]),h=(0,e.useCallback)(({target:{name:i}})=>{r({target:{name:i,value:!g}})},[g,r]),p=(0,e.useCallback)(i=>o===i,[o]);return e.createElement(C.x,null,e.createElement(f.k,{justifyContent:"space-between",alignItems:"center"},e.createElement(C.x,{paddingRight:4},e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},t.label)),e.createElement(Ue,null),e.createElement(C.x,{paddingLeft:4},e.createElement(ne.X,{name:t.name,value:g,onValueChange:i=>h({target:{name:t.name,value:i}}),indeterminate:d},n({id:"app.utils.select-all",defaultMessage:"Select all"})))),e.createElement(f.k,{paddingTop:6,paddingBottom:6},e.createElement(x.r,{gap:2,style:{flex:1}},t.actions.map(i=>{const P=`${i.name}.enabled`;return e.createElement(A.P,{col:6,key:i.name},e.createElement(xe,{isActive:p(i.name),padding:2,hasRadius:!0},e.createElement(ne.X,{value:W()(u,P,!1),name:P,onValueChange:S=>s({target:{name:P,value:S}})},i.label),e.createElement("button",{type:"button",onClick:()=>c(i.name),style:{display:"inline-flex",alignItems:"center"}},e.createElement(ae.T,{as:"span"},n({id:"app.utils.show-bound-route",defaultMessage:"Show bound route for {route}"},{route:i.name})),e.createElement(Ze.Z,null))))}))))};oe.propTypes={subCategory:v().object.isRequired};var Ie=oe;const le=({name:t,permissions:n})=>{const s=(0,e.useMemo)(()=>se()(Object.values(n.controllers).reduce((r,c,o)=>{const u=`${t}.controllers.${Object.keys(n.controllers)[o]}`,m=se()(Object.keys(c).reduce((g,d)=>[...g,{...c[d],label:d,name:`${u}.${d}`}],[]),"label");return[...r,{actions:m,label:Object.keys(n.controllers)[o],name:u}]},[]),"label"),[t,n]);return e.createElement(C.x,{padding:6},s.map(r=>e.createElement(Ie,{key:r.name,subCategory:r})))};le.propTypes={name:v().string.isRequired,permissions:v().object.isRequired};var ke=le,Y=a(97889);const Be={collapses:[]},Ne=(t,n)=>(0,Y.ZP)(t,s=>{switch(n.type){case"TOGGLE_COLLAPSE":{s.collapses=t.collapses.map((r,c)=>c===n.index?{...r,isOpen:!r.isOpen}:{...r,isOpen:!1});break}default:return s}});var $e=()=>{const{modifiedData:t}=w(),{formatMessage:n}=(0,b.Z)(),[{collapses:s},r]=(0,e.useReducer)(Ne,Be,o=>Se(o,t)),c=o=>r({type:"TOGGLE_COLLAPSE",index:o});return e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:1},s.map((o,u)=>e.createElement(Ce.U,{expanded:o.isOpen,onToggle:()=>c(u),key:o.name,variant:u%2===0?"secondary":void 0},e.createElement(Te.B,{title:be(o.name),description:n({id:"users-permissions.Plugin.permissions.plugins.description",defaultMessage:"Define all allowed actions for the {name} plugin."},{name:o.name}),variant:u%2?"primary":"secondary"}),e.createElement(Ae.v,null,e.createElement(C.x,null,e.createElement(ke,{permissions:t[o.name],name:o.name}))))))},Ge=a(86834),Fe=a.n(Ge),je=a(86205),We=a.n(je),Ve=a(37213),He=a.n(Ve),we=a(15738),Ye=a.n(we),ze=t=>{switch(t){case"POST":return{text:"success600",border:"success200",background:"success100"};case"GET":return{text:"secondary600",border:"secondary200",background:"secondary100"};case"PUT":return{text:"warning600",border:"warning200",background:"warning100"};case"DELETE":return{text:"danger600",border:"danger200",background:"danger100"};default:return{text:"neutral600",border:"neutral200",background:"neutral100"}}};const Xe=(0,V.ZP)(C.x)`
   margin: -1px;
   border-radius: ${({theme:t})=>t.spaces[1]} 0 0 ${({theme:t})=>t.spaces[1]};
-`;function Q({route:t}){const{formatMessage:n}=(0,S.Z)(),{method:s,handler:r,path:c}=t,o=c?ze()(c.split("/")):[],[u="",m=""]=r?r.split("."):[],g=Qe(t.method);return e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h3"},n({id:"users-permissions.BoundRoute.title",defaultMessage:"Bound route to"}),"\xA0",e.createElement("span",null,u),e.createElement(E.Z,{variant:"delta",textColor:"primary600"},".",m)),e.createElement(f.k,{hasRadius:!0,background:"neutral0",borderColor:"neutral200",gap:0},e.createElement(Xe,{background:g.background,borderColor:g.border,padding:2},e.createElement(E.Z,{fontWeight:"bold",textColor:g.text},s)),e.createElement(C.x,{paddingLeft:2,paddingRight:2},we()(o,d=>e.createElement(E.Z,{key:d,textColor:d.includes(":")?"neutral600":"neutral900"},"/",d)))))}Q.defaultProps={route:{handler:"Nocontroller.error",method:"GET",path:"/there-is-no-path"}},Q.propTypes={route:v().shape({handler:v().string,method:v().string,path:v().string})};var Ke=Q,Je=()=>{const{formatMessage:t}=(0,S.Z)(),{selectedAction:n,routes:s}=Y(),r=Ve()(n.split("."),"controllers"),c=W()(s,r[0]),o=r.slice(1).join("."),u=je()(c)?[]:c.filter(m=>m.handler.endsWith(o));return e.createElement(A.P,{col:5,background:"neutral150",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7,style:{minHeight:"100%"}},n?e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},u.map((m,g)=>e.createElement(Ke,{key:g,route:m}))):e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h3"},t({id:"users-permissions.Policies.header.title",defaultMessage:"Advanced settings"})),e.createElement(E.Z,{as:"p",textColor:"neutral600"},t({id:"users-permissions.Policies.header.hint",defaultMessage:"Select the application's actions or the plugin's actions and click on the cog icon to display the bound route"}))))},qe=(t,n,s)=>({...t,initialData:n,modifiedData:n,routes:s}),_e=a(3040),ie=a.n(_e),et=a(88708),tt=a.n(et);const st={initialData:{},modifiedData:{},routes:{},selectedAction:"",policies:[]};var nt=(t,n)=>(0,z.ZP)(t,s=>{switch(n.type){case"ON_CHANGE":{const r=n.keys.length,c=n.keys[r-1]==="enabled";if(n.value&&c){const o=tt()(n.keys,r-1).join(".");s.selectedAction=o}ie()(s,["modifiedData",...n.keys],n.value);break}case"ON_CHANGE_SELECT_ALL":{const r=["modifiedData",...n.keys],c=W()(t,r,{}),o=Object.keys(c).reduce((u,m)=>(u[m]={...c[m],enabled:n.value},u),{});ie()(s,r,o);break}case"ON_RESET":{s.modifiedData=t.initialData;break}case"ON_SUBMIT_SUCCEEDED":{s.initialData=t.modifiedData;break}case"SELECT_ACTION":{const{actionToSelect:r}=n;s.selectedAction=r===t.selectedAction?"":r;break}default:return s}});const ce=(0,e.forwardRef)(({permissions:t,routes:n},s)=>{const{formatMessage:r}=(0,S.Z)(),[c,o]=(0,e.useReducer)(nt,st,h=>qe(h,t,n));(0,e.useImperativeHandle)(s,()=>({getPermissions(){return{permissions:c.modifiedData}},resetForm(){o({type:"ON_RESET"})},setFormAfterSubmit(){o({type:"ON_SUBMIT_SUCCEEDED"})}}));const d={...c,onChange:({target:{name:h,value:p}})=>o({type:"ON_CHANGE",keys:h.split("."),value:p==="empty__string_value"?"":p}),onChangeSelectAll:({target:{name:h,value:p}})=>o({type:"ON_CHANGE_SELECT_ALL",keys:h.split("."),value:p}),onSelectedAction:h=>o({type:"SELECT_ACTION",actionToSelect:h})};return e.createElement(te,{value:d},e.createElement(x.r,{gap:0,shadow:"filterShadow",hasRadius:!0,background:"neutral0"},e.createElement(A.P,{col:7,paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h2"},r({id:(0,B.Z)("Plugins.header.title"),defaultMessage:"Permissions"})),e.createElement(E.Z,{as:"p",textColor:"neutral600"},r({id:(0,B.Z)("Plugins.header.description"),defaultMessage:"Only actions bound by a route are listed below."}))),e.createElement(Ge,null))),e.createElement(Je,null)))});ce.propTypes={permissions:v().object.isRequired,routes:v().object.isRequired};var de=(0,e.memo)(ce),U=a(59677);const wt={isLoading:!0,modifiedData:{}},Yt=(t,n)=>produce(t,s=>{switch(n.type){case"GET_DATA":{s.isLoading=!0,s.modifiedData={};break}case"GET_DATA_SUCCEEDED":{s.isLoading=!1,s.modifiedData=n.data;break}case"GET_DATA_ERROR":{s.isLoading=!0;break}case"ON_SUBMIT_SUCCEEDED":{s.modifiedData=n.data;break}default:return s}});var zt=null;const Qt=(t,n)=>{const{isLoading:s,allowedActions:r}=useRBAC(n),[{isLoading:c,modifiedData:o},u]=useReducer(reducer,initialState),m=useNotification(),g=useRef(!0),{get:d}=useFetchClient();useEffect(()=>(s||(async()=>{try{u({type:"GET_DATA"});const{data:i}=await d(getRequestURL(t));u({type:"GET_DATA_SUCCEEDED",data:i})}catch(i){g.current&&(u({type:"GET_DATA_ERROR"}),console.error(i),m({type:"warning",message:{id:"notification.error"}}))}})(),()=>{g.current=!1}),[s,t,d,m]);const h=useCallback(p=>{u({type:"ON_SUBMIT_SUCCEEDED",data:p})},[]);return{allowedActions:r,dispatchSubmitSucceeded:h,isLoading:c,isLoadingForPermissions:s,modifiedData:o}};var Xt=null;const Kt={roles:[],isLoading:!0},Jt=(t,n)=>produce(t,s=>{switch(n.type){case"GET_DATA":{s.isLoading=!0,s.roles=[];break}case"GET_DATA_SUCCEEDED":{s.roles=n.data,s.isLoading=!1;break}case"GET_DATA_ERROR":{s.isLoading=!1;break}default:return s}});var qt=null;const _t=(t=!0)=>{const[{roles:n,isLoading:s},r]=useReducer(reducer,initialState,()=>init(initialState,t)),c=useNotification(),o=useRef(!0),u=useFetchClient(),m=useCallback(async()=>{try{r({type:"GET_DATA"});const{data:{roles:g}}=await u.get(`/${pluginId}/roles`);r({type:"GET_DATA_SUCCEEDED",data:g})}catch(g){const d=get(g,["response","payload","message"],"An error occured");o.current&&(r({type:"GET_DATA_ERROR"}),d!=="Forbidden"&&c({type:"warning",message:d}))}},[u,c]);return useEffect(()=>(t&&m(),()=>{o.current=!1}),[t,m]),{roles:n,isLoading:s,getData:m}};var es=null,H=a(20108);const ue=()=>{const t=(0,l.lm)(),{get:n}=(0,l.kY)(),{formatAPIError:s}=(0,l.So)(U.OB),[{data:r,isLoading:c,error:o,refetch:u},{data:m,isLoading:g,error:d,refetch:h}]=(0,H.useQueries)([{queryKey:[y.Z,"permissions"],async queryFn(){return(await n(`/${y.Z}/permissions`)).data.permissions}},{queryKey:[y.Z,"routes"],async queryFn(){return(await n(`/${y.Z}/routes`)).data.routes}}]),p=async()=>{await Promise.all([u(),h()])};(0,e.useEffect)(()=>{o&&t({type:"warning",message:s(o)})},[t,o,s]),(0,e.useEffect)(()=>{d&&t({type:"warning",message:s(d)})},[t,d,s]);const i=c||g;return{permissions:r?(0,U.YX)(r):{},routes:m??{},getData:p,isLoading:i}},at={role:{},isLoading:!0};var rt=(t,n)=>(0,z.ZP)(t,s=>{switch(n.type){case"GET_DATA_SUCCEEDED":{s.role=n.role,s.isLoading=!1;break}case"GET_DATA_ERROR":{s.isLoading=!1;break}case"ON_SUBMIT_SUCCEEDED":{s.role.name=n.name,s.role.description=n.description;break}default:return s}}),ot=t=>{const[n,s]=(0,e.useReducer)(rt,at),r=(0,l.lm)(),c=(0,e.useRef)(null),{get:o}=(0,l.kY)();(0,e.useEffect)(()=>(c.current=!0,t?u(t):s({type:"GET_DATA_SUCCEEDED",role:{}}),()=>c.current=!1),[t]);const u=async g=>{try{const{data:{role:d}}=await o(`/${y.Z}/roles/${g}`);c.current&&s({type:"GET_DATA_SUCCEEDED",role:d})}catch(d){console.error(d),s({type:"GET_DATA_ERROR"}),r({type:"warning",message:{id:"notification.error"}})}},m=(0,e.useCallback)(g=>{s({type:"ON_SUBMIT_SUCCEEDED",...g})},[]);return{...n,onSubmitSucceeded:m}},X=a(24346);const me=X.Ry().shape({name:X.Z_().required(l.I0.required),description:X.Z_().required(l.I0.required)});var lt=()=>{const{formatMessage:t}=(0,S.Z)(),[n,s]=(0,e.useState)(!1),r=(0,l.lm)(),{goBack:c}=(0,b.k6)(),{lockApp:o,unlockApp:u}=(0,l.o1)(),{isLoading:m,permissions:g,routes:d}=ue(),{trackUsage:h}=(0,l.rS)(),p=(0,e.useRef)(),{post:i}=(0,l.kY)(),P=async Z=>{o(),s(!0);try{const R=p.current.getPermissions();await i(`/${y.Z}/roles`,{...Z,...R,users:[]}),h("didCreateRole"),r({type:"success",message:{id:(0,B.Z)("Settings.roles.created"),defaultMessage:"Role created"}}),c()}catch(R){console.error(R),r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}s(!1),u()};return e.createElement(j.o,null,e.createElement(l.SL,{name:"Roles"}),e.createElement(_.J9,{enableReinitialize:!0,initialValues:{name:"",description:""},onSubmit:P,validationSchema:me},({handleSubmit:Z,values:R,handleChange:D,errors:L})=>e.createElement(l.l0,{noValidate:!0,onSubmit:Z},e.createElement($.T,{primaryAction:!m&&e.createElement(G.z,{type:"submit",loading:n,startIcon:e.createElement(q.Z,null)},t({id:"global.save",defaultMessage:"Save"})),title:t({id:"Settings.roles.create.title",defaultMessage:"Create a role"}),subtitle:t({id:"Settings.roles.create.description",defaultMessage:"Define the rights given to the role"})}),e.createElement(M.D,null,e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:7},e.createElement(C.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(E.Z,{variant:"delta",as:"h2"},t({id:(0,B.Z)("EditPage.form.roles"),defaultMessage:"Role details"})),e.createElement(x.r,{gap:4},e.createElement(A.P,{col:6},e.createElement(k.o,{name:"name",value:R.name||"",onChange:D,label:t({id:"global.name",defaultMessage:"Name"}),error:L.name?t({id:L.name,defaultMessage:"Invalid value"}):null})),e.createElement(A.P,{col:6},e.createElement(J.g,{id:"description",value:R.description||"",onChange:D,label:t({id:"global.description",defaultMessage:"Description"}),error:L.description?t({id:L.description,defaultMessage:"Invalid value"}):null}))))),!m&&e.createElement(de,{ref:p,permissions:g,routes:d}))))))},it=()=>e.createElement(l.O4,{permissions:T.Z.createRole},e.createElement(lt,null)),ct=a(29439),dt=()=>{const{formatMessage:t}=(0,S.Z)(),[n,s]=(0,e.useState)(!1),r=(0,l.lm)(),{lockApp:c,unlockApp:o}=(0,l.o1)(),{params:{id:u}}=(0,b.$B)(`/settings/${y.Z}/roles/:id`),{isLoading:m,routes:g}=ue(),{role:d,onSubmitSucceeded:h,isLoading:p}=ot(u),i=(0,e.useRef)(),{put:P}=(0,l.kY)(),Z=async R=>{c(),s(!0);try{const D=i.current.getPermissions();await P(`/${y.Z}/roles/${u}`,{...R,...D,users:[]}),h({name:R.name,description:R.description}),r({type:"success",message:{id:(0,B.Z)("Settings.roles.edited"),defaultMessage:"Role edited"}})}catch(D){console.error(D),r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}s(!1),o()};return p?e.createElement(l.dO,null):e.createElement(j.o,null,e.createElement(l.SL,{name:"Roles"}),e.createElement(_.J9,{enableReinitialize:!0,initialValues:{name:d.name,description:d.description},onSubmit:Z,validationSchema:me},({handleSubmit:R,values:D,handleChange:L,errors:N})=>e.createElement(l.l0,{noValidate:!0,onSubmit:R},e.createElement($.T,{primaryAction:!m&&e.createElement(G.z,{disabled:d.code==="strapi-super-admin",type:"submit",loading:n,startIcon:e.createElement(q.Z,null)},t({id:"global.save",defaultMessage:"Save"})),title:d.name,subtitle:d.description,navigationAction:e.createElement(l.rU,{startIcon:e.createElement(ct.Z,null),to:"/settings/users-permissions/roles"},t({id:"global.back",defaultMessage:"Back"}))}),e.createElement(M.D,null,e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:7},e.createElement(C.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(E.Z,{variant:"delta",as:"h2"},t({id:(0,B.Z)("EditPage.form.roles"),defaultMessage:"Role details"})),e.createElement(x.r,{gap:4},e.createElement(A.P,{col:6},e.createElement(k.o,{name:"name",value:D.name||"",onChange:L,label:t({id:"global.name",defaultMessage:"Name"}),error:N.name?t({id:N.name,defaultMessage:"Invalid value"}):null})),e.createElement(A.P,{col:6},e.createElement(J.g,{id:"description",value:D.description||"",onChange:L,label:t({id:"global.description",defaultMessage:"Description"}),error:N.description?t({id:N.description,defaultMessage:"Invalid value"}):null}))))),!m&&e.createElement(de,{ref:i,permissions:d.permissions,routes:g}))))))},ut=()=>e.createElement(l.O4,{permissions:T.Z.updateRole},e.createElement(dt,null)),mt=a(94638),gt=a(96709),pt=a(99223),Et=a(56755),ht=a(33827),ge=a(94547),O=a(19786),ft=a(19406),vt=a(35658),pe=a(50563),yt=a(68625),Rt=a(4038);const K=({sortedRoles:t,canDelete:n,permissions:s,setRoleToDelete:r,onDelete:c})=>{const{formatMessage:o}=(0,S.Z)(),{push:u}=(0,b.k6)(),[m,g]=c,d=i=>n&&!["public","authenticated"].includes(i.type),h=i=>{r(i),g(!m)},p=i=>{u(`/settings/${y.Z}/roles/${i}`)};return e.createElement(vt.p,null,t?.map(i=>e.createElement(ge.Tr,{key:i.name,...(0,l.X7)({fn:()=>p(i.id)})},e.createElement(O.Td,{width:"20%"},e.createElement(E.Z,null,i.name)),e.createElement(O.Td,{width:"50%"},e.createElement(E.Z,null,i.description)),e.createElement(O.Td,{width:"30%"},e.createElement(E.Z,null,`${i.nb_users} ${o({id:"global.users",defaultMessage:"users"}).toLowerCase()}`)),e.createElement(O.Td,null,e.createElement(f.k,{justifyContent:"end",...l.UW},e.createElement(l.jW,{permissions:s.updateRole},e.createElement(pe.h,{onClick:()=>p(i.id),noBorder:!0,icon:e.createElement(yt.Z,null),label:o({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:`${i.name}`})})),d(i)&&e.createElement(l.jW,{permissions:s.deleteRole},e.createElement(pe.h,{onClick:()=>h(i.id),noBorder:!0,icon:e.createElement(Rt.Z,null),label:o({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:`${i.name}`})})))))))};var Ct=K;K.defaultProps={canDelete:!1},K.propTypes={onDelete:v().array.isRequired,permissions:v().object.isRequired,setRoleToDelete:v().func.isRequired,sortedRoles:v().array.isRequired,canDelete:v().bool};const Tt=async(t,n)=>{try{const{get:s}=(0,l.tg)(),{data:r}=await s((0,U.Gc)("roles"));return n("The roles have loaded successfully"),r}catch(s){throw t({type:"warning",message:{id:"notification.error"}}),new Error(s)}},At=async(t,n)=>{try{const{del:s}=(0,l.tg)();await s(`${(0,U.Gc)("roles")}/${t}`)}catch{n({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}};var Pt=()=>{const{trackUsage:t}=(0,l.rS)(),{formatMessage:n,locale:s}=(0,S.Z)(),{push:r}=(0,b.k6)(),c=(0,l.lm)(),{notifyStatus:o}=(0,mt.G)(),[{query:u}]=(0,l.Kx)(),m=u?._q||"",[g,d]=(0,e.useState)(!1),[h,p]=(0,e.useState)(!1),[i,P]=(0,e.useState)();(0,l.go)();const Z=(0,H.useQueryClient)(),R=(0,e.useMemo)(()=>({create:T.Z.createRole,read:T.Z.readRoles,update:T.Z.updateRole,delete:T.Z.deleteRole}),[]),{isLoading:D,allowedActions:{canRead:L,canDelete:N}}=(0,l.ss)(R),{isLoading:bt,data:{roles:Ee},isFetching:St}=(0,H.useQuery)("get-roles",()=>Tt(c,o),{initialData:{},enabled:L}),{includes:he}=(0,l.L0)(s,{sensitivity:"base"}),fe=(0,l.Xe)(s,{sensitivity:"base"}),ve=bt||St,Zt=()=>{t("willCreateRole"),r(`/settings/${y.Z}/roles/new`)},Mt=()=>{d(!g)},Ot={roles:{id:(0,U.OB)("Roles.empty"),defaultMessage:"You don't have any roles yet."},search:{id:(0,U.OB)("Roles.empty.search"),defaultMessage:"No roles match the search."}},xt=n({id:"global.roles",defaultMessage:"Roles"}),Ut=(0,H.useMutation)(I=>At(I,c),{async onSuccess(){await Z.invalidateQueries("get-roles")}}),It=async()=>{p(!0),await Ut.mutateAsync(i),d(!g),p(!1)},w=(Ee||[]).filter(I=>he(I.name,m)||he(I.description,m)).sort((I,ye)=>fe.compare(I.name,ye.name)||fe.compare(I.description,ye.description)),kt=m&&!w.length?"search":"roles",Bt=4,Nt=(Ee?.length||0)+1;return e.createElement(gt.A,null,e.createElement(l.SL,{name:xt}),e.createElement(j.o,{"aria-busy":ve},e.createElement($.T,{title:n({id:"global.roles",defaultMessage:"Roles"}),subtitle:n({id:"Settings.roles.list.description",defaultMessage:"List of roles"}),primaryAction:e.createElement(l.jW,{permissions:T.Z.createRole},e.createElement(G.z,{onClick:Zt,startIcon:e.createElement(ft.Z,null),size:"S"},n({id:(0,U.OB)("List.button.roles"),defaultMessage:"Add new role"})))}),e.createElement(pt.Z,{startActions:e.createElement(l.m,{label:n({id:"app.component.search.label",defaultMessage:"Search"})})}),e.createElement(M.D,null,!L&&e.createElement(l.ZF,null),(ve||D)&&e.createElement(l.dO,null),L&&w&&w?.length?e.createElement(Et.i,{colCount:Bt,rowCount:Nt},e.createElement(ht.h,null,e.createElement(ge.Tr,null,e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.name",defaultMessage:"Name"}))),e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.description",defaultMessage:"Description"}))),e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.users",defaultMessage:"Users"}))),e.createElement(O.Th,null,e.createElement(ae.T,null,n({id:"global.actions",defaultMessage:"Actions"}))))),e.createElement(Ct,{sortedRoles:w,canDelete:N,permissions:T.Z,setRoleToDelete:P,onDelete:[g,d]})):e.createElement(l.x7,{content:Ot[kt]})),e.createElement(l.QH,{isConfirmButtonLoading:h,onConfirm:It,onToggleDialog:Mt,isOpen:g})))},Dt=()=>e.createElement(l.O4,{permissions:T.Z.accessRoles},e.createElement(Pt,null)),Lt=()=>e.createElement(l.O4,{permissions:T.Z.accessRoles},e.createElement(b.rs,null,e.createElement(b.AW,{path:`/settings/${y.Z}/roles/new`,component:it,exact:!0}),e.createElement(b.AW,{path:`/settings/${y.Z}/roles/:id`,component:ut,exact:!0}),e.createElement(b.AW,{path:`/settings/${y.Z}/roles`,component:Dt,exact:!0}),e.createElement(b.AW,{path:"",component:l.Hn})))},59677:function(Re,F,a){a.d(F,{YX:function(){return T},Gc:function(){return $},OB:function(){return G.Z}});var e=a(86834),l=a.n(e),T=M=>Object.keys(M).reduce((f,C)=>{const E=M[C].controllers,x=Object.keys(E).reduce((A,k)=>(l()(E[k])||(A[k]=E[k]),A),{});return l()(x)||(f[C]={controllers:x}),f},{}),y=a(90201),$=M=>`/${y.Z}/${M}`,G=a(82069)}}]);
+`;function z({route:t}){const{formatMessage:n}=(0,b.Z)(),{method:s,handler:r,path:c}=t,o=c?Ye()(c.split("/")):[],[u="",m=""]=r?r.split("."):[],g=ze(t.method);return e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h3"},n({id:"users-permissions.BoundRoute.title",defaultMessage:"Bound route to"}),"\xA0",e.createElement("span",null,u),e.createElement(E.Z,{variant:"delta",textColor:"primary600"},".",m)),e.createElement(f.k,{hasRadius:!0,background:"neutral0",borderColor:"neutral200",gap:0},e.createElement(Xe,{background:g.background,borderColor:g.border,padding:2},e.createElement(E.Z,{fontWeight:"bold",textColor:g.text},s)),e.createElement(C.x,{paddingLeft:2,paddingRight:2},He()(o,d=>e.createElement(E.Z,{key:d,textColor:d.includes(":")?"neutral600":"neutral900"},"/",d)))))}z.defaultProps={route:{handler:"Nocontroller.error",method:"GET",path:"/there-is-no-path"}},z.propTypes={route:v().shape({handler:v().string,method:v().string,path:v().string})};var Qe=z,Ke=()=>{const{formatMessage:t}=(0,b.Z)(),{selectedAction:n,routes:s}=w(),r=We()(n.split("."),"controllers"),c=W()(s,r[0]),o=r.slice(1).join("."),u=Fe()(c)?[]:c.filter(m=>m.handler.endsWith(o));return e.createElement(A.P,{col:5,background:"neutral150",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7,style:{minHeight:"100%"}},n?e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},u.map((m,g)=>e.createElement(Qe,{key:g,route:m}))):e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h3"},t({id:"users-permissions.Policies.header.title",defaultMessage:"Advanced settings"})),e.createElement(E.Z,{as:"p",textColor:"neutral600"},t({id:"users-permissions.Policies.header.hint",defaultMessage:"Select the application's actions or the plugin's actions and click on the cog icon to display the bound route"}))))},Je=(t,n,s)=>({...t,initialData:n,modifiedData:n,routes:s}),qe=a(3040),ie=a.n(qe),_e=a(88708),et=a.n(_e);const tt={initialData:{},modifiedData:{},routes:{},selectedAction:"",policies:[]};var st=(t,n)=>(0,Y.ZP)(t,s=>{switch(n.type){case"ON_CHANGE":{const r=n.keys.length,c=n.keys[r-1]==="enabled";if(n.value&&c){const o=et()(n.keys,r-1).join(".");s.selectedAction=o}ie()(s,["modifiedData",...n.keys],n.value);break}case"ON_CHANGE_SELECT_ALL":{const r=["modifiedData",...n.keys],c=W()(t,r,{}),o=Object.keys(c).reduce((u,m)=>(u[m]={...c[m],enabled:n.value},u),{});ie()(s,r,o);break}case"ON_RESET":{s.modifiedData=t.initialData;break}case"ON_SUBMIT_SUCCEEDED":{s.initialData=t.modifiedData;break}case"SELECT_ACTION":{const{actionToSelect:r}=n;s.selectedAction=r===t.selectedAction?"":r;break}default:return s}});const ce=(0,e.forwardRef)(({permissions:t,routes:n},s)=>{const{formatMessage:r}=(0,b.Z)(),[c,o]=(0,e.useReducer)(st,tt,h=>Je(h,t,n));(0,e.useImperativeHandle)(s,()=>({getPermissions(){return{permissions:c.modifiedData}},resetForm(){o({type:"ON_RESET"})},setFormAfterSubmit(){o({type:"ON_SUBMIT_SUCCEEDED"})}}));const d={...c,onChange:({target:{name:h,value:p}})=>o({type:"ON_CHANGE",keys:h.split("."),value:p==="empty__string_value"?"":p}),onChangeSelectAll:({target:{name:h,value:p}})=>o({type:"ON_CHANGE_SELECT_ALL",keys:h.split("."),value:p}),onSelectedAction:h=>o({type:"SELECT_ACTION",actionToSelect:h})};return e.createElement(te,{value:d},e.createElement(x.r,{gap:0,shadow:"filterShadow",hasRadius:!0,background:"neutral0"},e.createElement(A.P,{col:7,paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(E.Z,{variant:"delta",as:"h2"},r({id:(0,N.Z)("Plugins.header.title"),defaultMessage:"Permissions"})),e.createElement(E.Z,{as:"p",textColor:"neutral600"},r({id:(0,N.Z)("Plugins.header.description"),defaultMessage:"Only actions bound by a route are listed below."}))),e.createElement($e,null))),e.createElement(Ke,null)))});ce.propTypes={permissions:v().object.isRequired,routes:v().object.isRequired};var de=(0,e.memo)(ce),U=a(59677);const Ht={isLoading:!0,modifiedData:{}},wt=(t,n)=>produce(t,s=>{switch(n.type){case"GET_DATA":{s.isLoading=!0,s.modifiedData={};break}case"GET_DATA_SUCCEEDED":{s.isLoading=!1,s.modifiedData=n.data;break}case"GET_DATA_ERROR":{s.isLoading=!0;break}case"ON_SUBMIT_SUCCEEDED":{s.modifiedData=n.data;break}default:return s}});var Yt=null;const zt=(t,n)=>{const{isLoading:s,allowedActions:r}=useRBAC(n),[{isLoading:c,modifiedData:o},u]=useReducer(reducer,initialState),m=useNotification(),g=useRef(!0),{get:d}=useFetchClient();useEffect(()=>(s||(async()=>{try{u({type:"GET_DATA"});const{data:i}=await d(getRequestURL(t));u({type:"GET_DATA_SUCCEEDED",data:i})}catch(i){g.current&&(u({type:"GET_DATA_ERROR"}),console.error(i),m({type:"warning",message:{id:"notification.error"}}))}})(),()=>{g.current=!1}),[s,t,d,m]);const h=useCallback(p=>{u({type:"ON_SUBMIT_SUCCEEDED",data:p})},[]);return{allowedActions:r,dispatchSubmitSucceeded:h,isLoading:c,isLoadingForPermissions:s,modifiedData:o}};var Xt=null;const Qt={roles:[],isLoading:!0},Kt=(t,n)=>produce(t,s=>{switch(n.type){case"GET_DATA":{s.isLoading=!0,s.roles=[];break}case"GET_DATA_SUCCEEDED":{s.roles=n.data,s.isLoading=!1;break}case"GET_DATA_ERROR":{s.isLoading=!1;break}default:return s}});var Jt=null;const qt=(t=!0)=>{const[{roles:n,isLoading:s},r]=useReducer(reducer,initialState,()=>init(initialState,t)),c=useNotification(),o=useRef(!0),u=useFetchClient(),m=useCallback(async()=>{try{r({type:"GET_DATA"});const{data:{roles:g}}=await u.get(`/${pluginId}/roles`);r({type:"GET_DATA_SUCCEEDED",data:g})}catch(g){const d=get(g,["response","payload","message"],"An error occured");o.current&&(r({type:"GET_DATA_ERROR"}),d!=="Forbidden"&&c({type:"warning",message:d}))}},[u,c]);return useEffect(()=>(t&&m(),()=>{o.current=!1}),[t,m]),{roles:n,isLoading:s,getData:m}};var _t=null,X=a(20108);const ue=()=>{const t=(0,l.lm)(),{get:n}=(0,l.kY)(),{formatAPIError:s}=(0,l.So)(U.OB),[{data:r,isLoading:c,error:o,refetch:u},{data:m,isLoading:g,error:d,refetch:h}]=(0,X.useQueries)([{queryKey:[R.Z,"permissions"],async queryFn(){return(await n(`/${R.Z}/permissions`)).data.permissions}},{queryKey:[R.Z,"routes"],async queryFn(){return(await n(`/${R.Z}/routes`)).data.routes}}]),p=async()=>{await Promise.all([u(),h()])};(0,e.useEffect)(()=>{o&&t({type:"warning",message:s(o)})},[t,o,s]),(0,e.useEffect)(()=>{d&&t({type:"warning",message:s(d)})},[t,d,s]);const i=c||g;return{permissions:r?(0,U.YX)(r):{},routes:m??{},getData:p,isLoading:i}},nt={role:{},isLoading:!0};var at=(t,n)=>(0,Y.ZP)(t,s=>{switch(n.type){case"GET_DATA_SUCCEEDED":{s.role=n.role,s.isLoading=!1;break}case"GET_DATA_ERROR":{s.isLoading=!1;break}case"ON_SUBMIT_SUCCEEDED":{s.role.name=n.name,s.role.description=n.description;break}default:return s}}),rt=t=>{const[n,s]=(0,e.useReducer)(at,nt),r=(0,l.lm)(),c=(0,e.useRef)(null),{get:o}=(0,l.kY)();(0,e.useEffect)(()=>(c.current=!0,t?u(t):s({type:"GET_DATA_SUCCEEDED",role:{}}),()=>c.current=!1),[t]);const u=async g=>{try{const{data:{role:d}}=await o(`/${R.Z}/roles/${g}`);c.current&&s({type:"GET_DATA_SUCCEEDED",role:d})}catch(d){console.error(d),s({type:"GET_DATA_ERROR"}),r({type:"warning",message:{id:"notification.error"}})}},m=(0,e.useCallback)(g=>{s({type:"ON_SUBMIT_SUCCEEDED",...g})},[]);return{...n,onSubmitSucceeded:m}},Q=a(24346);const me=Q.Ry().shape({name:Q.Z_().required(l.I0.required),description:Q.Z_().required(l.I0.required)});var ot=()=>{const{formatMessage:t}=(0,b.Z)(),[n,s]=(0,e.useState)(!1),r=(0,l.lm)(),{goBack:c}=(0,L.k6)(),{lockApp:o,unlockApp:u}=(0,l.o1)(),{isLoading:m,permissions:g,routes:d}=ue(),{trackUsage:h}=(0,l.rS)(),p=(0,e.useRef)(),{post:i}=(0,l.kY)(),P=async S=>{o(),s(!0);try{const y=p.current.getPermissions();await i(`/${R.Z}/roles`,{...S,...y,users:[]}),h("didCreateRole"),r({type:"success",message:{id:(0,N.Z)("Settings.roles.created"),defaultMessage:"Role created"}}),c()}catch(y){console.error(y),r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}s(!1),u()};return e.createElement(j.o,null,e.createElement(l.SL,{name:"Roles"}),e.createElement(_.J9,{enableReinitialize:!0,initialValues:{name:"",description:""},onSubmit:P,validationSchema:me},({handleSubmit:S,values:y,handleChange:D,errors:M})=>e.createElement(l.l0,{noValidate:!0,onSubmit:S},e.createElement($.T,{primaryAction:!m&&e.createElement(G.z,{type:"submit",loading:n,startIcon:e.createElement(q.Z,null)},t({id:"global.save",defaultMessage:"Save"})),title:t({id:"Settings.roles.create.title",defaultMessage:"Create a role"}),subtitle:t({id:"Settings.roles.create.description",defaultMessage:"Define the rights given to the role"})}),e.createElement(Z.D,null,e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:7},e.createElement(C.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(E.Z,{variant:"delta",as:"h2"},t({id:(0,N.Z)("EditPage.form.roles"),defaultMessage:"Role details"})),e.createElement(x.r,{gap:4},e.createElement(A.P,{col:6},e.createElement(B.o,{name:"name",value:y.name||"",onChange:D,label:t({id:"global.name",defaultMessage:"Name"}),error:M.name?t({id:M.name,defaultMessage:"Invalid value"}):null})),e.createElement(A.P,{col:6},e.createElement(J.g,{id:"description",value:y.description||"",onChange:D,label:t({id:"global.description",defaultMessage:"Description"}),error:M.description?t({id:M.description,defaultMessage:"Invalid value"}):null}))))),!m&&e.createElement(de,{ref:p,permissions:g,routes:d}))))))},lt=()=>e.createElement(l.O4,{permissions:T._.createRole},e.createElement(ot,null)),it=a(29439),ct=()=>{const{formatMessage:t}=(0,b.Z)(),[n,s]=(0,e.useState)(!1),r=(0,l.lm)(),{lockApp:c,unlockApp:o}=(0,l.o1)(),{params:{id:u}}=(0,L.$B)(`/settings/${R.Z}/roles/:id`),{isLoading:m,routes:g}=ue(),{role:d,onSubmitSucceeded:h,isLoading:p}=rt(u),i=(0,e.useRef)(),{put:P}=(0,l.kY)(),S=async y=>{c(),s(!0);try{const D=i.current.getPermissions();await P(`/${R.Z}/roles/${u}`,{...y,...D,users:[]}),h({name:y.name,description:y.description}),r({type:"success",message:{id:(0,N.Z)("Settings.roles.edited"),defaultMessage:"Role edited"}})}catch(D){console.error(D),r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}s(!1),o()};return p?e.createElement(l.dO,null):e.createElement(j.o,null,e.createElement(l.SL,{name:"Roles"}),e.createElement(_.J9,{enableReinitialize:!0,initialValues:{name:d.name,description:d.description},onSubmit:S,validationSchema:me},({handleSubmit:y,values:D,handleChange:M,errors:I})=>e.createElement(l.l0,{noValidate:!0,onSubmit:y},e.createElement($.T,{primaryAction:!m&&e.createElement(G.z,{disabled:d.code==="strapi-super-admin",type:"submit",loading:n,startIcon:e.createElement(q.Z,null)},t({id:"global.save",defaultMessage:"Save"})),title:d.name,subtitle:d.description,navigationAction:e.createElement(l.rU,{startIcon:e.createElement(it.Z,null),to:"/settings/users-permissions/roles"},t({id:"global.back",defaultMessage:"Back"}))}),e.createElement(Z.D,null,e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:7},e.createElement(C.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(f.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(E.Z,{variant:"delta",as:"h2"},t({id:(0,N.Z)("EditPage.form.roles"),defaultMessage:"Role details"})),e.createElement(x.r,{gap:4},e.createElement(A.P,{col:6},e.createElement(B.o,{name:"name",value:D.name||"",onChange:M,label:t({id:"global.name",defaultMessage:"Name"}),error:I.name?t({id:I.name,defaultMessage:"Invalid value"}):null})),e.createElement(A.P,{col:6},e.createElement(J.g,{id:"description",value:D.description||"",onChange:M,label:t({id:"global.description",defaultMessage:"Description"}),error:I.description?t({id:I.description,defaultMessage:"Invalid value"}):null}))))),!m&&e.createElement(de,{ref:i,permissions:d.permissions,routes:g}))))))},dt=()=>e.createElement(l.O4,{permissions:T._.updateRole},e.createElement(ct,null)),ut=a(94638),mt=a(96709),gt=a(99223),pt=a(56755),Et=a(33827),ge=a(94547),O=a(19786),ht=a(19406),ft=a(35658),pe=a(50563),vt=a(68625),yt=a(4038);const K=({sortedRoles:t,canDelete:n,permissions:s,setRoleToDelete:r,onDelete:c})=>{const{formatMessage:o}=(0,b.Z)(),{push:u}=(0,L.k6)(),[m,g]=c,d=i=>n&&!["public","authenticated"].includes(i.type),h=i=>{r(i),g(!m)},p=i=>{u(`/settings/${R.Z}/roles/${i}`)};return e.createElement(ft.p,null,t?.map(i=>e.createElement(ge.Tr,{key:i.name,...(0,l.X7)({fn:()=>p(i.id)})},e.createElement(O.Td,{width:"20%"},e.createElement(E.Z,null,i.name)),e.createElement(O.Td,{width:"50%"},e.createElement(E.Z,null,i.description)),e.createElement(O.Td,{width:"30%"},e.createElement(E.Z,null,`${i.nb_users} ${o({id:"global.users",defaultMessage:"users"}).toLowerCase()}`)),e.createElement(O.Td,null,e.createElement(f.k,{justifyContent:"end",...l.UW},e.createElement(l.jW,{permissions:s.updateRole},e.createElement(pe.h,{onClick:()=>p(i.id),noBorder:!0,icon:e.createElement(vt.Z,null),label:o({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:`${i.name}`})})),d(i)&&e.createElement(l.jW,{permissions:s.deleteRole},e.createElement(pe.h,{onClick:()=>h(i.id),noBorder:!0,icon:e.createElement(yt.Z,null),label:o({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:`${i.name}`})})))))))};var Rt=K;K.defaultProps={canDelete:!1},K.propTypes={onDelete:v().array.isRequired,permissions:v().object.isRequired,setRoleToDelete:v().func.isRequired,sortedRoles:v().array.isRequired,canDelete:v().bool};const Ct=async(t,n)=>{try{const{get:s}=(0,l.tg)(),{data:r}=await s((0,U.Gc)("roles"));return n("The roles have loaded successfully"),r}catch(s){throw t({type:"warning",message:{id:"notification.error"}}),new Error(s)}},Tt=async(t,n)=>{try{const{del:s}=(0,l.tg)();await s(`${(0,U.Gc)("roles")}/${t}`)}catch{n({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}};var At=()=>{const{trackUsage:t}=(0,l.rS)(),{formatMessage:n,locale:s}=(0,b.Z)(),{push:r}=(0,L.k6)(),c=(0,l.lm)(),{notifyStatus:o}=(0,ut.G)(),[{query:u}]=(0,l.Kx)(),m=u?._q||"",[g,d]=(0,e.useState)(!1),[h,p]=(0,e.useState)(!1),[i,P]=(0,e.useState)();(0,l.go)();const{isLoading:S,allowedActions:{canRead:y,canDelete:D}}=(0,l.ss)({create:T._.createRole,read:T._.readRoles,update:T._.updateRole,delete:T._.deleteRole}),{isLoading:M,data:{roles:I},isFetching:Lt,refetch:bt}=(0,X.useQuery)("get-roles",()=>Ct(c,o),{initialData:{},enabled:y}),{includes:Ee}=(0,l.L0)(s,{sensitivity:"base"}),he=(0,l.Xe)(s,{sensitivity:"base"}),fe=M||Lt,St=()=>{t("willCreateRole"),r(`/settings/${R.Z}/roles/new`)},Mt=()=>{d(!g)},Zt={roles:{id:(0,U.OB)("Roles.empty"),defaultMessage:"You don't have any roles yet."},search:{id:(0,U.OB)("Roles.empty.search"),defaultMessage:"No roles match the search."}},Ot=n({id:"global.roles",defaultMessage:"Roles"}),xt=(0,X.useMutation)(k=>Tt(k,c),{async onSuccess(){await bt()}}),Ut=async()=>{p(!0),await xt.mutateAsync(i),d(!g),p(!1)},H=(I||[]).filter(k=>Ee(k.name,m)||Ee(k.description,m)).sort((k,ve)=>he.compare(k.name,ve.name)||he.compare(k.description,ve.description)),It=m&&!H.length?"search":"roles",kt=4,Bt=(I?.length||0)+1;return e.createElement(mt.A,null,e.createElement(l.SL,{name:Ot}),e.createElement(j.o,{"aria-busy":fe},e.createElement($.T,{title:n({id:"global.roles",defaultMessage:"Roles"}),subtitle:n({id:"Settings.roles.list.description",defaultMessage:"List of roles"}),primaryAction:e.createElement(l.jW,{permissions:T._.createRole},e.createElement(G.z,{onClick:St,startIcon:e.createElement(ht.Z,null),size:"S"},n({id:(0,U.OB)("List.button.roles"),defaultMessage:"Add new role"})))}),e.createElement(gt.Z,{startActions:e.createElement(l.m,{label:n({id:"app.component.search.label",defaultMessage:"Search"})})}),e.createElement(Z.D,null,!y&&e.createElement(l.ZF,null),(fe||S)&&e.createElement(l.dO,null),y&&H&&H?.length?e.createElement(pt.i,{colCount:kt,rowCount:Bt},e.createElement(Et.h,null,e.createElement(ge.Tr,null,e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.name",defaultMessage:"Name"}))),e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.description",defaultMessage:"Description"}))),e.createElement(O.Th,null,e.createElement(E.Z,{variant:"sigma",textColor:"neutral600"},n({id:"global.users",defaultMessage:"Users"}))),e.createElement(O.Th,null,e.createElement(ae.T,null,n({id:"global.actions",defaultMessage:"Actions"}))))),e.createElement(Rt,{sortedRoles:H,canDelete:D,permissions:T._,setRoleToDelete:P,onDelete:[g,d]})):e.createElement(l.x7,{content:Zt[It]})),e.createElement(l.QH,{isConfirmButtonLoading:h,onConfirm:Ut,onToggleDialog:Mt,isOpen:g})))},Pt=()=>e.createElement(l.O4,{permissions:T._.accessRoles},e.createElement(At,null)),Dt=()=>e.createElement(l.O4,{permissions:T._.accessRoles},e.createElement(L.rs,null,e.createElement(L.AW,{path:`/settings/${R.Z}/roles/new`,component:lt,exact:!0}),e.createElement(L.AW,{path:`/settings/${R.Z}/roles/:id`,component:dt,exact:!0}),e.createElement(L.AW,{path:`/settings/${R.Z}/roles`,component:Pt,exact:!0}),e.createElement(L.AW,{path:"",component:l.Hn})))},59677:function(ye,F,a){a.d(F,{YX:function(){return T},Gc:function(){return $},OB:function(){return G.Z}});var e=a(86834),l=a.n(e),T=Z=>Object.keys(Z).reduce((f,C)=>{const E=Z[C].controllers,x=Object.keys(E).reduce((A,B)=>(l()(E[B])||(A[B]=E[B]),A),{});return l()(x)||(f[C]={controllers:x}),f},{}),R=a(90201),$=Z=>`/${R.Z}/${Z}`,G=a(82069)}}]);

package/build/webhook-edit-page.77ef4f1a.chunk.js

@@ -0,0 +1,33 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5162],{5998:function(H,h,t){t.d(h,{Z:function(){return p}});var e=t(32735),c=t(70958);function u(){return e.createElement(c.Z.Root,null,e.createElement(c.Z.Headers,null),e.createElement(c.Z.Body,null))}var p=u},70958:function(H,h,t){var e=t(32735),c=t(29397),u=t(87933),p=t(76437),D=t(23866),k=t(31121),B=t(35197),g=t(38837),se=t(3685),re=t(49372),F=t(40801),X=t(8284),A=t(82884),Q=t(92802),ie=t(60216),M=t.n(ie),_=t(67879),S=t(8471),de=t(70166);const E=s=>s.reduce((l,r)=>{const y=r.split(".")[0];return l[y]||(l[y]=[]),l[y].push(r),l},{}),U=(0,S.ZP)(c.w)`
+  tbody tr:nth-child(odd) {
+    background: ${({theme:s})=>s.colors.neutral100};
+  }
+
+  thead th span {
+    color: ${({theme:s})=>s.colors.neutral500};
+  }
+
+  td,
+  th {
+    padding-block-start: ${({theme:s})=>s.spaces[3]};
+    padding-block-end: ${({theme:s})=>s.spaces[3]};
+    width: 10%;
+    vertical-align: middle;
+    text-align: center;
+  }
+
+  tbody tr td:first-child {
+    /**
+     * Add padding to the start of the first column to avoid the checkbox appearing
+     * too close to the edge of the table
+     */
+    padding-inline-start: ${({theme:s})=>s.spaces[2]};
+  }
+`,oe=s=>{const l=[{id:"Settings.webhooks.events.create",defaultMessage:"Create"},{id:"Settings.webhooks.events.update",defaultMessage:"Update"},{id:"app.utils.delete",defaultMessage:"Delete"}];return s&&(l.push({id:"app.utils.publish",defaultMessage:"Publish"}),l.push({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),l},ce=s=>{const l=["entry.create","entry.update","entry.delete"];return s&&l.push("entry.publish","entry.unpublish"),{entry:l,media:["media.create","media.update","media.delete"]}},Y=e.createContext(),le=({children:s})=>{const{formatMessage:l}=(0,_.Z)(),{collectionTypes:r,isLoading:y}=(0,de.G)(),C=e.useMemo(()=>r.some(O=>O.options.draftAndPublish===!0),[r]),L=l({id:"Settings.webhooks.form.events",defaultMessage:"Events"});return e.createElement(Y.Provider,{value:{isDraftAndPublish:C}},e.createElement(u.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(p.Q,{"aria-hidden":!0},L),y&&e.createElement(D.a,null,l({id:"Settings.webhooks.events.isLoading",defaultMessage:"Events loading"})),e.createElement(U,{"aria-label":L},s)))};le.propTypes={children:M().oneOfType([M().arrayOf(M().node),M().node]).isRequired};const J=({getHeaders:s=oe})=>{const{isDraftAndPublish:l}=e.useContext(Y),{formatMessage:r}=(0,_.Z)(),y=s(l);return e.createElement(k.S,null,e.createElement(B.Z,null,e.createElement(g.g,null,e.createElement(se.T,null,r({id:"Settings.webhooks.event.select",defaultMessage:"Select event"}))),y.map(C=>["app.utils.publish","app.utils.unpublish"].includes(C.id)?e.createElement(g.g,{key:C.id,title:r({id:"Settings.webhooks.event.publish-tooltip",defaultMessage:"This event only exists for content with draft & publish enabled"})},e.createElement(re.Z,{variant:"sigma",textColor:"neutral600"},r(C))):e.createElement(g.g,{key:C.id},e.createElement(re.Z,{variant:"sigma",textColor:"neutral600"},r(C))))))};J.defaultProps={getHeaders:oe},J.propTypes={getHeaders:M().func};const N=({providedEvents:s})=>{const{isDraftAndPublish:l}=e.useContext(Y),r=s||ce(l),{values:y,handleChange:C}=(0,Q.u6)(),L="events",O=y.events,w=[],$=E(O),x=({target:{name:b,value:i}})=>{let T=new Set(O);i?T.add(b):T.delete(b),C({target:{name:L,value:Array.from(T)}})},V=({target:{name:b,value:i}})=>{let T=new Set(O);i?r[b].forEach(G=>{w.includes(G)||T.add(G)}):r[b].forEach(G=>T.delete(G)),C({target:{name:L,value:Array.from(T)}})};return e.createElement(F.X,null,Object.entries(r).map(([b,i])=>e.createElement(z,{disabledEvents:w,key:b,name:b,events:i,inputValue:$[b],handleSelect:x,handleSelectAll:V})))};N.defaultProps={providedEvents:null},N.propTypes={providedEvents:M().object};const q=s=>s.replace(/-/g," ").split(" ").map(l=>l.charAt(0).toUpperCase()+l.slice(1).toLowerCase()).join(" "),z=({disabledEvents:s,name:l,events:r,inputValue:y,handleSelect:C,handleSelectAll:L})=>{const{formatMessage:O}=(0,_.Z)(),w=r.filter(i=>!s.includes(i)),$=y.length>0,x=y.length===w.length,V=({target:{name:i}})=>{L({target:{name:i,value:!x}})},b=5;return e.createElement(B.Z,null,e.createElement(g.f,null,e.createElement(X.X,{indeterminate:$&&!x,"aria-label":O({id:"global.select-all-entries",defaultMessage:"Select all entries"}),name:l,onChange:V,value:x},q(l))),r.map(i=>e.createElement(g.f,{key:i},e.createElement(A.C,{disabled:s.includes(i),"aria-label":i,name:i,value:y.includes(i),onValueChange:T=>C({target:{name:i,value:T}})}))),r.length<b&&e.createElement(g.f,{colSpan:`${b-r.length}`}))};z.defaultProps={disabledEvents:[],events:[],inputValue:[],handleSelect(){},handleSelectAll(){}},z.propTypes={disabledEvents:M().array,events:M().array,inputValue:M().array,handleSelect:M().func,handleSelectAll:M().func,name:M().string.isRequired},h.Z={Root:le,Headers:J,Body:N,EventRow:z}},82167:function(H,h,t){t.d(h,{Z:function(){return pe}});var e=t(32735),c=t(27649),u=t(19565),p=t(20108),D=t(53038),k=t(70166),B=t(82055),g=t(87933),se=t(41415),re=t(17e3),F=t(72850),X=t(15335),A=t(5803),Q=t(10369),ie=t(2438),M=t(66456),_=t(29439),S=t(92802),de=t(60216),E=t.n(de),U=t(67879),oe=t(76437),ce=t(7563),Y=t(19406),le=t(21428),J=t(90333);const N=["A-IM","Accept","Accept-Charset","Accept-Encoding","Accept-Language","Accept-Datetime","Access-Control-Request-Method","Access-Control-Request-Headers","Authorization","Cache-Control","Connection","Content-Length","Content-Type","Cookie","Date","Expect","Forwarded","From","Host","If-Match","If-Modified-Since","If-None-Match","If-Range","If-Unmodified-Since","Max-Forwards","Origin","Pragma","Proxy-Authorization","Range","Referer","TE","User-Agent","Upgrade","Via","Warning"],q=({name:n,onChange:a,value:o,...m})=>{const{values:{headers:f}}=(0,S.u6)(),[Z,d]=(0,e.useState)(N);(0,e.useEffect)(()=>{d(N.filter(v=>!f?.some(K=>K.key!==o&&K.key===v)))},[f,o]);const P=v=>{a({target:{name:n,value:v}})},ee=v=>{d(K=>[...K,v]),P(v)};return e.createElement(le.XU,{...m,onClear:()=>P(""),onChange:P,onCreateOption:ee,placeholder:"",value:o},Z.map(v=>e.createElement(J.O,{value:v,key:v},v)))};q.defaultProps={value:void 0},q.propTypes={name:E().string.isRequired,onChange:E().func.isRequired,value:E().string};var z=q,l=()=>{const{formatMessage:n}=(0,U.Z)(),{values:a,errors:o}=(0,S.u6)();return e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(oe.Q,null,n({id:"Settings.webhooks.form.headers",defaultMessage:"Headers"})),e.createElement(F.x,{padding:8,background:"neutral100",hasRadius:!0},e.createElement(S.F2,{validateOnChange:!1,name:"headers",render:({push:m,remove:f})=>e.createElement(X.r,{gap:4},a.headers.map((Z,d)=>e.createElement(e.Fragment,{key:`${d}.${Z.key}`},e.createElement(A.P,{col:6},e.createElement(S.gN,{as:z,name:`headers.${d}.key`,"aria-label":`row ${d+1} key`,label:n({id:"Settings.webhooks.key",defaultMessage:"Key"}),error:o.headers?.[d]?.key&&o.headers[d].key})),e.createElement(A.P,{col:6},e.createElement(g.k,{alignItems:"flex-end"},e.createElement(F.x,{style:{flex:1}},e.createElement(S.gN,{as:Q.o,name:`headers.${d}.value`,"aria-label":`row ${d+1} value`,label:n({id:"Settings.webhooks.value",defaultMessage:"Value"}),error:o.headers?.[d]?.value&&o.headers[d].value})),e.createElement(g.k,{paddingLeft:2,style:{alignSelf:"center"},paddingTop:o.headers?.[d]?.value?0:5},e.createElement(u.fG,{disabled:a.headers.length===1,onClick:()=>f(d),label:n({id:"Settings.webhooks.headers.remove",defaultMessage:"Remove header row {number}"},{number:d+1})})))))),e.createElement(A.P,{col:12},e.createElement(ce.A,{type:"button",onClick:()=>{m({key:"",value:""})},startIcon:e.createElement(Y.Z,null)},n({id:"Settings.webhooks.create.header",defaultMessage:"Create new header"}))))})))},r=t(49372),y=t(27169),C=t(35331),L=t(8471);const O=L.ZP.svg(({theme:n,color:a})=>`
+  width: ${12/16}rem;
+  height: ${12/16}rem;
+
+  path {
+    fill: ${n.colors[a]};
+  }
+`),w=({isPending:n,statusCode:a})=>{const{formatMessage:o}=(0,U.Z)();return n?e.createElement(g.k,{gap:2,alignItems:"center"},e.createElement(O,{as:y.Z}),e.createElement(r.Z,null,o({id:"Settings.webhooks.trigger.pending",defaultMessage:"pending"}))):a>=200&&a<300?e.createElement(g.k,{gap:2,alignItems:"center"},e.createElement(O,{as:M.Z,color:"success700"}),e.createElement(r.Z,null,o({id:"Settings.webhooks.trigger.success",defaultMessage:"success"}))):a>=300?e.createElement(g.k,{gap:2,alignItems:"center"},e.createElement(O,{as:C.Z,color:"danger700"}),e.createElement(r.Z,null,o({id:"Settings.error",defaultMessage:"error"})," ",a)):null};w.propTypes={isPending:E().bool.isRequired,statusCode:E().number},w.defaultProps={statusCode:void 0};const $=({statusCode:n,message:a})=>{const{formatMessage:o}=(0,U.Z)();return n>=200&&n<300?e.createElement(g.k,{justifyContent:"flex-end"},e.createElement(r.Z,{textColor:"neutral600",ellipsis:!0},o({id:"Settings.webhooks.trigger.success.label",defaultMessage:"Trigger succeeded"}))):n>=300?e.createElement(g.k,{justifyContent:"flex-end"},e.createElement(g.k,{maxWidth:(0,u.Q1)(250),justifyContent:"flex-end",title:a},e.createElement(r.Z,{ellipsis:!0,textColor:"neutral600"},a))):null};$.propTypes={statusCode:E().number,message:E().string},$.defaultProps={statusCode:void 0,message:void 0};const x=({onCancel:n})=>{const{formatMessage:a}=(0,U.Z)();return e.createElement(g.k,{justifyContent:"flex-end"},e.createElement("button",{onClick:n,type:"button"},e.createElement(g.k,{gap:2,alignItems:"center"},e.createElement(r.Z,{textColor:"neutral400"},a({id:"Settings.webhooks.trigger.cancel",defaultMessage:"cancel"})),e.createElement(O,{as:C.Z,color:"neutral400"}))))};x.propTypes={onCancel:E().func.isRequired};const V=({isPending:n,onCancel:a,response:o})=>{const{statusCode:m,message:f}=o,{formatMessage:Z}=(0,U.Z)();return e.createElement(F.x,{background:"neutral0",padding:5,shadow:"filterShadow",hasRadius:!0},e.createElement(X.r,{gap:4,style:{alignItems:"center"}},e.createElement(A.P,{col:3},e.createElement(r.Z,null,Z({id:"Settings.webhooks.trigger.test",defaultMessage:"Test-trigger"}))),e.createElement(A.P,{col:3},e.createElement(w,{isPending:n,statusCode:m})),e.createElement(A.P,{col:6},n?e.createElement(x,{onCancel:a}):e.createElement($,{statusCode:m,message:f}))))};V.defaultProps={isPending:!1,onCancel(){},response:{}},V.propTypes={isPending:E().bool,onCancel:E().func,response:E().object};var b=V,i=t(24346);const T=/(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/,G=/(^$)|((https?:\/\/.*)(d*)\/?(.*))/,me=({formatMessage:n})=>i.Ry().shape({name:i.Z_().required(n({id:"Settings.webhooks.validation.name.required",defaultMessage:"Name is required"})).matches(T,n({id:"Settings.webhooks.validation.name.regex",defaultMessage:"The name must start with a letter and only contain letters, numbers, spaces and underscores"})),url:i.Z_().required(n({id:"Settings.webhooks.validation.url.required",defaultMessage:"Url is required"})).matches(G,n({id:"Settings.webhooks.validation.url.regex",defaultMessage:"The value must be a valid Url"})),headers:i.Vo(a=>{let o=i.IX();if(a.length===1){const{key:m,value:f}=a[0];if(!m&&!f)return o}return o.of(i.Ry().shape({key:i.Z_().required(n({id:"Settings.webhooks.validation.key",defaultMessage:"Key is required"})),value:i.Z_().required(n({id:"Settings.webhooks.validation.value",defaultMessage:"Value is required"}))}))}),events:i.IX()}),Ee=(()=>window&&window.strapi&&window.strapi.isEE?t(10635).Z:t(5998).Z)(),ue=n=>{let{handleSubmit:a,triggerWebhook:o,isCreating:m,isTriggering:f,triggerResponse:Z,data:d}=n;const{formatMessage:P}=(0,U.Z)(),[ee,v]=(0,e.useState)(!1),K=W=>Object.keys(W).length?Object.entries(W).map(te=>{let[ne,ae]=te;return{key:ne,value:ae}}):[{key:"",value:""}],R=(0,S.TA)({initialValues:{name:d?.name||"",url:d?.url||"",headers:K(d?.headers||{}),events:d?.events||[]},onSubmit(W,te){let{resetForm:ne,setSubmitting:ae}=te;a(W),ne({values:W}),ae(!1)},validationSchema:me({formatMessage:P}),validateOnChange:!1,validateOnBlur:!1});return e.createElement(S.Hy,{value:R},e.createElement(u.l0,{onSubmit:R.handleSubmit},e.createElement(B.T,{primaryAction:e.createElement(g.k,{gap:2},e.createElement(se.z,{onClick:()=>{o(),v(!0)},variant:"tertiary",startIcon:e.createElement(ie.Z,null),disabled:m||f,size:"L"},P({id:"Settings.webhooks.trigger",defaultMessage:"Trigger"})),e.createElement(se.z,{startIcon:e.createElement(M.Z,null),type:"submit",size:"L",disabled:!R.dirty,loading:R.isSubmitting},P({id:"global.save",defaultMessage:"Save"}))),title:m?P({id:"Settings.webhooks.create",defaultMessage:"Create a webhook"}):d?.name,navigationAction:e.createElement(u.rU,{startIcon:e.createElement(_.Z,null),to:"/settings/webhooks"},P({id:"global.back",defaultMessage:"Back"}))}),e.createElement(re.D,null,e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:4},ee&&e.createElement(b,{isPending:f,response:Z,onCancel:()=>v(!1)}),e.createElement(F.x,{background:"neutral0",padding:8,shadow:"filterShadow",hasRadius:!0},e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(X.r,{gap:6},e.createElement(A.P,{col:6},e.createElement(S.gN,{as:Q.o,name:"name",error:R?.errors?.name&&R.errors.name,label:P({id:"global.name",defaultMessage:"Name"}),required:!0})),e.createElement(A.P,{col:12},e.createElement(S.gN,{as:Q.o,name:"url",error:R?.errors?.url&&R.errors.url,label:P({id:"Settings.roles.form.input.url",defaultMessage:"Url"}),required:!0}))),e.createElement(l,null),e.createElement(Ee,null)))))))};ue.propTypes={data:E().object,handleSubmit:E().func.isRequired,triggerWebhook:E().func.isRequired,isCreating:E().bool.isRequired,isTriggering:E().bool.isRequired,triggerResponse:E().object},ue.defaultProps={data:void 0,triggerResponse:void 0};var he=ue;const ge=n=>({...n,headers:n.headers.reduce((a,{key:o,value:m})=>(o!==""&&(a[o]=m),a),{})});var pe=()=>{const{params:{id:n}}=(0,D.$B)("/settings/webhooks/:id"),a=n==="create",{replace:o}=(0,D.k6)(),m=(0,u.lm)(),{formatAPIError:f}=(0,u.So)(),Z=(0,p.useQueryClient)(),{isLoading:d}=(0,k.G)(),{put:P,get:ee,post:v}=(0,u.kY)(),{isLoading:K,data:R,error:W}=(0,p.useQuery)(["webhooks",n],async()=>{const{data:{data:I}}=await ee(`/admin/webhooks/${n}`);return I},{enabled:!a});e.useEffect(()=>{W&&m({type:"warning",message:f(W)})},[W,m,f]);const{isLoading:te,data:ne,isIdle:ae,mutate:fe}=(0,p.useMutation)(()=>v(`/admin/webhooks/${n}/trigger`)),ve=()=>fe(null,{onError(I){m({type:"warning",message:f(I)})}}),Me=(0,p.useMutation)(I=>v("/admin/webhooks",I)),ye=(0,p.useMutation)(({id:I,body:j})=>P(`/admin/webhooks/${I}`,j)),Ce=async I=>{if(a){Me.mutate(ge(I),{onSuccess({data:j}){m({type:"success",message:{id:"Settings.webhooks.created"}}),o(`/settings/webhooks/${j.data.id}`)},onError(j){m({type:"warning",message:f(j)})}});return}ye.mutate({id:n,body:ge(I)},{onSuccess(){Z.invalidateQueries(["webhooks",n]),m({type:"success",message:{id:"notification.form.success.fields"}})},onError(j){m({type:"warning",message:f(j)})}})};return K||d?e.createElement(u.dO,null):e.createElement(c.o,null,e.createElement(u.SL,{name:"Webhooks"}),e.createElement(he,{data:R,handleSubmit:Ce,triggerWebhook:ve,isCreating:a,isTriggering:te,isTriggerIdle:ae,triggerResponse:ne?.data.data}))}},33238:function(H,h,t){t.r(h);var e=t(32735),c=t(19565),u=t(15062),p=t(78125),D=t(82167);const k=()=>{const B=(0,u.v9)(p._);return e.createElement(c.O4,{permissions:B.settings.webhooks.create},e.createElement(D.Z,null))};h.default=k},59021:function(H,h,t){t.r(h);var e=t(32735),c=t(19565),u=t(15062),p=t(78125),D=t(82167);const k=()=>{const B=(0,u.v9)(p._);return e.createElement(c.O4,{permissions:B.settings.webhooks.update},e.createElement(D.Z,null))};h.default=k},10635:function(H,h,t){t.d(h,{Z:function(){return k}});var e=t(32735),c=t(70958);const u={"review-workflows":["review-workflows.updateEntryStage"]},p=()=>[{id:"review-workflows.updateEntryStage",defaultMessage:"Stage Change"}];function D(){return e.createElement(c.Z.Root,null,e.createElement(c.Z.Headers,null),e.createElement(c.Z.Body,null),e.createElement(c.Z.Headers,{getHeaders:p}),e.createElement(c.Z.Body,{providedEvents:u}))}var k=D},90333:function(H,h,t){t.d(h,{O:function(){return c}});var e=t(21428);const c=e.Wx},29439:function(H,h,t){t.d(h,{Z:function(){return u}});var e=t(74512);const c=p=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...p,children:(0,e.jsx)("path",{fill:"#212134",d:"M24 13.3a.2.2 0 0 1-.2.2H5.74l8.239 8.239a.2.2 0 0 1 0 .282L12.14 23.86a.2.2 0 0 1-.282 0L.14 12.14a.2.2 0 0 1 0-.282L11.86.14a.2.2 0 0 1 .282 0L13.98 1.98a.2.2 0 0 1 0 .282L5.74 10.5H23.8c.11 0 .2.09.2.2v2.6Z"})}),u=c}}]);

package/build/webhook-list-page.940a40f1.chunk.js

@@ -0,0 +1,63 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4121],{32393:function(I,h,t){t.r(h),t.d(h,{default:function(){return me}});var e=t(32735),s=t(19565),c=t(15062),m=t(78125),g=t(94638),T=t(96709),D=t(27649),S=t(82055),P=t(99223),l=t(49372),y=t(41415),j=t(17e3),U=t(72850),_=t(56755),ee=t(73269),te=t(33827),K=t(94547),i=t(19786),V=t(82884),ne=t(3685),ae=t(35658),k=t(87933),E=t(74512),F=t(8471);const $=F.ZP.div`
+  background: ${({theme:o})=>o.colors.danger500};
+  border: none;
+  border-radius: 16px;
+  position: relative;
+  height: ${24/16}rem;
+  width: ${40/16}rem;
+
+  & span {
+    font-size: ${({visibleLabels:o})=>o?"1rem":0};
+  }
+
+  &:before {
+    content: '';
+    background: ${({theme:o})=>o.colors.neutral0};
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    position: absolute;
+    transition: all 0.5s;
+    left: ${({theme:o})=>o.spaces[1]};
+    top: ${({theme:o})=>o.spaces[1]};
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &:before {
+      transition: none;
+    }
+  }
+`,se=F.ZP.button`
+  background: transparent;
+  padding: 0;
+  border: none;
+
+  &[aria-checked='true'] ${$} {
+    background: ${({theme:o})=>o.colors.success500};
+  }
+
+  &[aria-checked='true'] ${$}:before {
+    transform: translateX(1rem);
+  }
+`,oe=e.forwardRef(({label:o,onChange:u,onLabel:f="On",offLabel:d="Off",selected:M,visibleLabels:a=!1,...b},v)=>(0,E.jsx)(se,{ref:v,role:"switch","aria-checked":M,"aria-label":o,onClick:u,visibleLabels:a,type:"button",...b,children:(0,E.jsxs)(k.k,{children:[(0,E.jsxs)($,{children:[(0,E.jsx)("span",{children:f}),(0,E.jsx)("span",{children:d})]}),a&&(0,E.jsx)(U.x,{as:"span","aria-hidden":!0,paddingLeft:2,color:M?"success600":"danger600",children:M?f:d})]})}));var z=t(50563),le=t(9695),w=t(19406),H=t(4038),re=t(68625),ie=t(54725),de=t(67879),O=t(20108),N=t(53038),ce=()=>{const[o,u]=(0,e.useState)(!1),[f,d]=(0,e.useState)([]),M=(0,c.v9)(m._),{formatMessage:a}=(0,de.Z)(),{formatAPIError:b}=(0,s.So)(),v=(0,s.lm)();(0,s.go)();const{push:ue}=(0,N.k6)(),{pathname:Q}=(0,N.TH)(),{isLoading:he,allowedActions:{canCreate:Z,canUpdate:Y,canDelete:G}}=(0,s.ss)(M.settings.webhooks),{get:ge,post:Ee,put:fe}=(0,s.kY)(),{notifyStatus:X}=(0,g.G)(),be="webhooks",{isLoading:ve,data:x,error:A,refetch:J}=(0,O.useQuery)(be,async()=>{const{data:{data:n}}=await ge("/admin/webhooks");return n});(0,e.useEffect)(()=>{if(A){v({type:"warning",message:b(A)});return}x&&X(a({id:"Settings.webhooks.list.loading.success",defaultMessage:"Webhooks have been loaded"}))},[x,A,v,a,X,b]);const q=(0,O.useMutation)(async()=>{await Ee("/admin/webhooks/batch-delete",{ids:f})},{onError(n){v({type:"warning",message:b(n)}),u(!1)},onSuccess(){d([]),u(!1),J()}}),xe=(0,O.useMutation)(async({isEnabled:n,id:r})=>{const{id:L,...R}=x.find(Le=>Le.id===r)??{},Ce={...R,isEnabled:n};await fe(`/admin/webhooks/${r}`,Ce)},{onError(n){v({type:"warning",message:b(n)})},onSuccess(){J()}}),Me=()=>q.mutate(),pe=n=>d(n?x.map(r=>r.id):[]),ye=(n,r)=>d(n?L=>[...L,r]:L=>L.filter(R=>R!==r)),B=n=>ue(`${Q}/${n}`),W=he||ve,C=x?.length??0,p=f.length;return e.createElement(T.A,null,e.createElement(s.SL,{name:"Webhooks"}),e.createElement(D.o,{"aria-busy":W},e.createElement(S.T,{title:a({id:"Settings.webhooks.title",defaultMessage:"Webhooks"}),subtitle:a({id:"Settings.webhooks.list.description",defaultMessage:"Get POST changes notifications"}),primaryAction:Z&&!W&&e.createElement(s.Qj,{startIcon:e.createElement(w.Z,null),variant:"default",to:`${Q}/create`,size:"S"},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}),p>0&&G&&e.createElement(P.Z,{startActions:e.createElement(e.Fragment,null,e.createElement(l.Z,{variant:"epsilon",textColor:"neutral600"},a({id:"Settings.webhooks.to.delete",defaultMessage:"{webhooksToDeleteLength, plural, one {# webhook} other {# webhooks}} selected"},{webhooksToDeleteLength:p})),e.createElement(y.z,{onClick:()=>u(!0),startIcon:e.createElement(H.Z,null),size:"L",variant:"danger-light"},a({id:"global.delete",defaultMessage:"Delete"})))}),e.createElement(j.D,null,W?e.createElement(U.x,{background:"neutral0",padding:6,shadow:"filterShadow",hasRadius:!0},e.createElement(s.dO,null)):C>0?e.createElement(_.i,{colCount:5,rowCount:C+1,footer:e.createElement(ee.c,{onClick:()=>Z?B("create"):{},icon:e.createElement(w.Z,null)},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))},e.createElement(te.h,null,e.createElement(K.Tr,null,e.createElement(i.Th,null,e.createElement(V.C,{"aria-label":a({id:"global.select-all-entries",defaultMessage:"Select all entries"}),indeterminate:p>0&&p<C,value:p===C,onValueChange:pe})),e.createElement(i.Th,{width:"20%"},e.createElement(l.Z,{variant:"sigma",textColor:"neutral600"},a({id:"global.name",defaultMessage:"Name"}))),e.createElement(i.Th,{width:"60%"},e.createElement(l.Z,{variant:"sigma",textColor:"neutral600"},a({id:"Settings.webhooks.form.url",defaultMessage:"URL"}))),e.createElement(i.Th,{width:"20%"},e.createElement(l.Z,{variant:"sigma",textColor:"neutral600"},a({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"}))),e.createElement(i.Th,null,e.createElement(ne.T,null,a({id:"Settings.webhooks.list.th.actions",defaultMessage:"Actions"}))))),e.createElement(ae.p,null,x.map(n=>e.createElement(K.Tr,{key:n.id,...(0,s.X7)({fn:()=>B(n.id),condition:Y})},e.createElement(i.Td,{...s.UW},e.createElement(V.C,{"aria-label":`${a({id:"global.select",defaultMessage:"Select"})} ${n.name}`,value:f?.includes(n.id),onValueChange:r=>ye(r,n.id),name:"select"})),e.createElement(i.Td,null,e.createElement(l.Z,{fontWeight:"semiBold",textColor:"neutral800"},n.name)),e.createElement(i.Td,null,e.createElement(l.Z,{textColor:"neutral800"},n.url)),e.createElement(i.Td,null,e.createElement(k.k,null,e.createElement(oe,{onLabel:a({id:"global.enabled",defaultMessage:"Enabled"}),offLabel:a({id:"global.disabled",defaultMessage:"Disabled"}),label:`${n.name} ${a({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"})}`,selected:n.isEnabled,onChange:r=>{r.stopPropagation(),xe.mutate({isEnabled:!n.isEnabled,id:n.id})},visibleLabels:!0}))),e.createElement(i.Td,null,e.createElement(k.k,{gap:1},Y&&e.createElement(z.h,{label:a({id:"Settings.webhooks.events.update",defaultMessage:"Update"}),icon:e.createElement(re.Z,null),noBorder:!0}),G&&e.createElement(z.h,{onClick:r=>{r.stopPropagation(),d([n.id]),u(!0)},label:a({id:"Settings.webhooks.events.delete",defaultMessage:"Delete webhook"}),icon:e.createElement(H.Z,null),noBorder:!0}))))))):e.createElement(le.x,{icon:e.createElement(ie.Z,{width:"160px"}),content:a({id:"Settings.webhooks.list.empty.description",defaultMessage:"No webhooks found"}),action:e.createElement(y.z,{variant:"secondary",startIcon:e.createElement(w.Z,null),onClick:()=>Z?B("create"):{}},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}))),e.createElement(s.QH,{isOpen:o,onToggleDialog:()=>u(n=>!n),onConfirm:Me,isConfirmButtonLoading:q.isLoading}))},me=()=>{const o=(0,c.v9)(m._);return e.createElement(s.O4,{permissions:o.settings.webhooks.main},e.createElement(ce,null))}},99223:function(I,h,t){t.d(h,{Z:function(){return c}});var e=t(74512),s=t(87933);const c=({startActions:m,endActions:g})=>!m&&!g?null:(0,e.jsxs)(s.k,{justifyContent:"space-between",alignItems:"flex-start",paddingBottom:4,paddingLeft:10,paddingRight:10,children:[(0,e.jsx)(s.k,{gap:2,wrap:"wrap",children:m}),(0,e.jsx)(s.k,{gap:2,shrink:0,wrap:"wrap",children:g})]})},73269:function(I,h,t){t.d(h,{c:function(){return P}});var e=t(74512),s=t(8471),c=t(72850),m=t(9026),g=t(87933),T=t(49372);const D=(0,s.ZP)(c.x)`
+  height: ${24/16}rem;
+  width: ${24/16}rem;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    height: ${10/16}rem;
+    width: ${10/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:l})=>l.colors.primary600};
+  }
+`,S=(0,s.ZP)(c.x)`
+  border-radius: 0 0 ${({theme:l})=>l.borderRadius} ${({theme:l})=>l.borderRadius};
+  display: block;
+  width: 100%;
+  border: none;
+`,P=({children:l,icon:y,...j})=>(0,e.jsxs)("div",{children:[(0,e.jsx)(m.i,{}),(0,e.jsx)(S,{as:"button",background:"primary100",padding:5,...j,children:(0,e.jsxs)(g.k,{children:[(0,e.jsx)(D,{"aria-hidden":!0,background:"primary200",children:y}),(0,e.jsx)(c.x,{paddingLeft:3,children:(0,e.jsx)(T.Z,{variant:"pi",fontWeight:"bold",textColor:"primary600",children:l})})]})})]})}}]);

package/ee/admin/constants.js

@@ -0,0 +1,16 @@
+export const ADMIN_PERMISSIONS_EE = {
+    settings: {
+      auditLogs: {
+        main: [{ action: 'admin::audit-logs.read', subject: null }],
+        read: [{ action: 'admin::audit-logs.read', subject: null }],
+      },
+      'review-workflows': {
+        main: [{ action: 'admin::review-workflows.read', subject: null }],
+      },
+      sso: {
+        main: [{ action: 'admin::provider-login.read', subject: null }],
+        read: [{ action: 'admin::provider-login.read', subject: null }],
+        update: [{ action: 'admin::provider-login.update', subject: null }],
+      },
+    },
+  };

package/ee/admin/content-manager/pages/EditView/InformationBox/InformationBoxEE.js

@@ -63,7 +63,7 @@ export function InformationBoxEE() {
           type: 'success',
           message: {
             id: 'content-manager.reviewWorkflows.stage.notification.saved',
-            defaultMessage: 'Success: Review stage updated',
+            defaultMessage: 'Review stage updated',
           },
         });
       },

package/ee/admin/hooks/useLicenseLimits/index.js

@@ -1,10 +1,12 @@
 import { useFetchClient, useRBAC } from '@strapi/helper-plugin';
 import { useQuery } from 'react-query';
+import { useSelector } from 'react-redux';
 
-import adminPermissions from '../../../../admin/src/permissions';
+import { selectAdminPermissions } from '../../../../admin/src/pages/App/selectors';
 
 const useLicenseLimits = () => {
-  const rbac = useRBAC(adminPermissions.settings.users);
+  const permissions = useSelector(selectAdminPermissions);
+  const rbac = useRBAC(permissions.settings.users);
 
   const {
     isLoading: isRBACLoading,

package/ee/admin/hooks/useSettingsMenu/constants.js

@@ -1,5 +1,3 @@
-import adminPermissions from '../../../../admin/src/permissions';
-
 export const LINKS_EE = {
   global: [
     ...(window.strapi.features.isEnabled(window.strapi.features.SSO)
@@ -8,7 +6,6 @@ export const LINKS_EE = {
             intlLabel: { id: 'Settings.sso.title', defaultMessage: 'Single Sign-On' },
             to: '/settings/single-sign-on',
             id: 'sso',
-            permissions: adminPermissions.settings.sso.main,
           },
         ]
       : []),
@@ -22,7 +19,6 @@ export const LINKS_EE = {
             },
             to: '/settings/review-workflows',
             id: 'review-workflows',
-            permissions: adminPermissions.settings['review-workflows'].main,
           },
         ]
       : []),
@@ -35,7 +31,6 @@ export const LINKS_EE = {
             intlLabel: { id: 'global.auditLogs', defaultMessage: 'Audit Logs' },
             to: '/settings/audit-logs?pageSize=50&page=1&sort=date:DESC',
             id: 'auditLogs',
-            permissions: adminPermissions.settings.auditLogs.main,
           },
         ]
       : []),

package/ee/admin/pages/AuthPage/constants.js

@@ -0,0 +1,12 @@
+import Providers from './components/Providers';
+
+export const FORMS = {
+  providers: {
+    Component: Providers,
+    endPoint: null,
+    fieldsToDisable: [],
+    fieldsToOmit: [],
+    schema: null,
+    inputsPrefix: '',
+  },
+};

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/index.js

@@ -17,9 +17,10 @@ import {
   useRBAC,
 } from '@strapi/helper-plugin';
 import { useIntl } from 'react-intl';
+import { useSelector } from 'react-redux';
 
+import { selectAdminPermissions } from '../../../../../../../admin/src/pages/App/selectors';
 import Filters from '../../../../../../../admin/src/pages/SettingsPage/components/Filters';
-import adminPermissions from '../../../../../../../admin/src/permissions';
 
 import useAuditLogsData from './hooks/useAuditLogsData';
 import Modal from './Modal';
@@ -28,17 +29,16 @@ import TableRows from './TableRows';
 import getDisplayedFilters from './utils/getDisplayedFilters';
 import tableHeaders from './utils/tableHeaders';
 
-const auditLogsPermissions = {
-  ...adminPermissions.settings.auditLogs,
-  readUsers: adminPermissions.settings.users.read,
-};
-
 const ListView = () => {
   const { formatMessage } = useIntl();
+  const permissions = useSelector(selectAdminPermissions);
 
   const {
     allowedActions: { canRead: canReadAuditLogs, canReadUsers },
-  } = useRBAC(auditLogsPermissions);
+  } = useRBAC({
+    ...permissions.settings.auditLogs,
+    readUsers: permissions.settings.users.read,
+  });
 
   const [{ query }, setQuery] = useQueryParams();
   const { auditLogs, users, isLoading, hasError } = useAuditLogsData({

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ProtectedListPage/index.js

@@ -1,14 +1,19 @@
 import React from 'react';
 
 import { CheckPagePermissions } from '@strapi/helper-plugin';
+import { useSelector } from 'react-redux';
 
-import adminPermissions from '../../../../../../../admin/src/permissions';
+import { selectAdminPermissions } from '../../../../../../../admin/src/pages/App/selectors';
 import ListView from '../ListView';
 
-const ProtectedListPage = () => (
-  <CheckPagePermissions permissions={adminPermissions.settings.auditLogs.main}>
-    <ListView />
-  </CheckPagePermissions>
-);
+const ProtectedListPage = () => {
+  const permissions = useSelector(selectAdminPermissions);
+
+  return (
+    <CheckPagePermissions permissions={permissions.settings.auditLogs.main}>
+      <ListView />
+    </CheckPagePermissions>
+  );
+};
 
 export default ProtectedListPage;

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ProtectedPage.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import { CheckPagePermissions } from '@strapi/helper-plugin';
+import { useSelector } from 'react-redux';
+
+import { selectAdminPermissions } from '../../../../../../admin/src/pages/App/selectors';
+
+import { ReviewWorkflowsPage } from './ReviewWorkflows';
+
+const ProtectedListPage = () => {
+  const permissions = useSelector(selectAdminPermissions);
+
+  return (
+    <CheckPagePermissions permissions={permissions.settings['review-workflows'].main}>
+      <ReviewWorkflowsPage />
+    </CheckPagePermissions>
+  );
+};
+
+export default ProtectedListPage;

package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ReviewWorkflows.js

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react';
 
 import { Button, ContentLayout, HeaderLayout, Layout, Loader, Main } from '@strapi/design-system';
 import {
-  CheckPagePermissions,
   ConfirmDialog,
   SettingsPageTitle,
   useAPIErrorHandler,
@@ -18,7 +17,6 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { DragLayer } from '../../../../../../admin/src/components/DragLayer';
 import { useInjectReducer } from '../../../../../../admin/src/hooks/useInjectReducer';
-import adminPermissions from '../../../../../../admin/src/permissions';
 
 import { setWorkflows } from './actions';
 import { StageDragPreview } from './components/StageDragPreview';
@@ -57,7 +55,6 @@ export function ReviewWorkflowsPage() {
     },
   } = useSelector((state) => state?.[REDUX_NAMESPACE] ?? initialState);
   const [isConfirmDeleteDialogOpen, setIsConfirmDeleteDialogOpen] = useState(false);
-
   const { mutateAsync, isLoading } = useMutation(
     async ({ workflowId, stages }) => {
       const {
@@ -134,76 +131,74 @@ export function ReviewWorkflowsPage() {
   }, []);
 
   return (
-    <CheckPagePermissions permissions={adminPermissions.settings['review-workflows'].main}>
-      <Layout>
-        <SettingsPageTitle
-          name={formatMessage({
-            id: 'Settings.review-workflows.page.title',
-            defaultMessage: 'Review Workflows',
-          })}
+    <Layout>
+      <SettingsPageTitle
+        name={formatMessage({
+          id: 'Settings.review-workflows.page.title',
+          defaultMessage: 'Review Workflows',
+        })}
+      />
+      <Main tabIndex={-1}>
+        <DragLayer renderItem={renderDragLayerItem} />
+
+        <FormikProvider value={formik}>
+          <Form onSubmit={formik.handleSubmit}>
+            <HeaderLayout
+              primaryAction={
+                <Button
+                  startIcon={<Check />}
+                  type="submit"
+                  size="M"
+                  disabled={!currentWorkflowIsDirty}
+                  // if the confirm dialog is open the loading state is on
+                  // the confirm button already
+                  loading={!isConfirmDeleteDialogOpen && isLoading}
+                >
+                  {formatMessage({
+                    id: 'global.save',
+                    defaultMessage: 'Save',
+                  })}
+                </Button>
+              }
+              title={formatMessage({
+                id: 'Settings.review-workflows.page.title',
+                defaultMessage: 'Review Workflows',
+              })}
+              subtitle={formatMessage(
+                {
+                  id: 'Settings.review-workflows.page.subtitle',
+                  defaultMessage: '{count, plural, one {# stage} other {# stages}}',
+                },
+                { count: currentWorkflow?.stages?.length ?? 0 }
+              )}
+            />
+            <ContentLayout>
+              {status === 'loading' && (
+                <Loader>
+                  {formatMessage({
+                    id: 'Settings.review-workflows.page.isLoading',
+                    defaultMessage: 'Workflow is loading',
+                  })}
+                </Loader>
+              )}
+
+              <Stages stages={formik.values?.stages} />
+            </ContentLayout>
+          </Form>
+        </FormikProvider>
+
+        <ConfirmDialog
+          bodyText={{
+            id: 'Settings.review-workflows.page.delete.confirm.body',
+            defaultMessage:
+              'All entries assigned to deleted stages will be moved to the previous stage. Are you sure you want to save?',
+          }}
+          isConfirmButtonLoading={isLoading}
+          isOpen={isConfirmDeleteDialogOpen}
+          onToggleDialog={toggleConfirmDeleteDialog}
+          onConfirm={handleConfirmDeleteDialog}
         />
-        <Main tabIndex={-1}>
-          <DragLayer renderItem={renderDragLayerItem} />
-
-          <FormikProvider value={formik}>
-            <Form onSubmit={formik.handleSubmit}>
-              <HeaderLayout
-                primaryAction={
-                  <Button
-                    startIcon={<Check />}
-                    type="submit"
-                    size="M"
-                    disabled={!currentWorkflowIsDirty}
-                    // if the confirm dialog is open the loading state is on
-                    // the confirm button already
-                    loading={!isConfirmDeleteDialogOpen && isLoading}
-                  >
-                    {formatMessage({
-                      id: 'global.save',
-                      defaultMessage: 'Save',
-                    })}
-                  </Button>
-                }
-                title={formatMessage({
-                  id: 'Settings.review-workflows.page.title',
-                  defaultMessage: 'Review Workflows',
-                })}
-                subtitle={formatMessage(
-                  {
-                    id: 'Settings.review-workflows.page.subtitle',
-                    defaultMessage: '{count, plural, one {# stage} other {# stages}}',
-                  },
-                  { count: currentWorkflow?.stages?.length ?? 0 }
-                )}
-              />
-              <ContentLayout>
-                {status === 'loading' && (
-                  <Loader>
-                    {formatMessage({
-                      id: 'Settings.review-workflows.page.isLoading',
-                      defaultMessage: 'Workflow is loading',
-                    })}
-                  </Loader>
-                )}
-
-                <Stages stages={formik.values?.stages} />
-              </ContentLayout>
-            </Form>
-          </FormikProvider>
-
-          <ConfirmDialog
-            bodyText={{
-              id: 'Settings.review-workflows.page.delete.confirm.body',
-              defaultMessage:
-                'All entries assigned to deleted stages will be moved to the previous stage. Are you sure you want to save?',
-            }}
-            isConfirmButtonLoading={isLoading}
-            isOpen={isConfirmDeleteDialogOpen}
-            onToggleDialog={toggleConfirmDeleteDialog}
-            onConfirm={handleConfirmDeleteDialog}
-          />
-        </Main>
-      </Layout>
-    </CheckPagePermissions>
+      </Main>
+    </Layout>
   );
 }