@strapi/admin 4.11.1-beta.2 → 4.11.2

package/build/webhook-edit-page.1e8c9382.chunk.js

@@ -0,0 +1,31 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5162],{5998:function(K,h,t){t.d(h,{Z:function(){return f}});var e=t(32735),m=t(70958);function d(){return e.createElement(m.Z.Root,null,e.createElement(m.Z.Headers,null),e.createElement(m.Z.Body,null))}var f=d},70958:function(K,h,t){var e=t(32735),m=t(29397),d=t(87933),f=t(28847),L=t(23866),le=t(31121),ne=t(35197),u=t(38837),ae=t(3685),se=t(49372),V=t(40801),z=t(8284),D=t(82884),G=t(92802),ie=t(60216),M=t.n(ie),X=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},{}),W=(0,S.ZP)(m.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]};
+  }
+`,re=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"]}},Q=e.createContext(),oe=({children:s})=>{const{formatMessage:l}=(0,X.Z)(),{collectionTypes:r,isLoading:y}=(0,de.G)(),C=e.useMemo(()=>r.some(O=>O.options.draftAndPublish===!0),[r]),I=l({id:"Settings.webhooks.form.events",defaultMessage:"Events"});return e.createElement(Q.Provider,{value:{isDraftAndPublish:C}},e.createElement(d.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(f.Q,{"aria-hidden":!0},I),y&&e.createElement(L.a,null,l({id:"Settings.webhooks.events.isLoading",defaultMessage:"Events loading"})),e.createElement(W,{"aria-label":I},s)))};oe.propTypes={children:M().oneOfType([M().arrayOf(M().node),M().node]).isRequired};const Y=({getHeaders:s=re})=>{const{isDraftAndPublish:l}=e.useContext(Q),{formatMessage:r}=(0,X.Z)(),y=s(l);return e.createElement(le.S,null,e.createElement(ne.Z,null,e.createElement(u.g,null,e.createElement(ae.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(u.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(se.Z,{variant:"sigma",textColor:"neutral600"},r(C))):e.createElement(u.g,{key:C.id},e.createElement(se.Z,{variant:"sigma",textColor:"neutral600"},r(C))))))};Y.defaultProps={getHeaders:re},Y.propTypes={getHeaders:M().func};const j=({providedEvents:s})=>{const{isDraftAndPublish:l}=e.useContext(Q),r=s||ce(l),{values:y,handleChange:C}=(0,G.u6)(),I="events",O=y.events,B=[],w=E(O),U=({target:{name:b,value:i}})=>{let T=new Set(O);i?T.add(b):T.delete(b),C({target:{name:I,value:Array.from(T)}})},$=({target:{name:b,value:i}})=>{let T=new Set(O);i?r[b].forEach(N=>{B.includes(N)||T.add(N)}):r[b].forEach(N=>T.delete(N)),C({target:{name:I,value:Array.from(T)}})};return e.createElement(V.X,null,Object.entries(r).map(([b,i])=>e.createElement(F,{disabledEvents:B,key:b,name:b,events:i,inputValue:w[b],handleSelect:U,handleSelectAll:$})))};j.defaultProps={providedEvents:null},j.propTypes={providedEvents:M().object};const J=s=>s.replace(/-/g," ").split(" ").map(l=>l.charAt(0).toUpperCase()+l.slice(1).toLowerCase()).join(" "),F=({disabledEvents:s,name:l,events:r,inputValue:y,handleSelect:C,handleSelectAll:I})=>{const{formatMessage:O}=(0,X.Z)(),B=r.filter(i=>!s.includes(i)),w=y.length>0,U=y.length===B.length,$=({target:{name:i}})=>{I({target:{name:i,value:!U}})},b=5;return e.createElement(ne.Z,null,e.createElement(u.f,null,e.createElement(z.X,{indeterminate:w&&!U,"aria-label":O({id:"global.select-all-entries",defaultMessage:"Select all entries"}),name:l,onChange:$,value:U},J(l))),r.map(i=>e.createElement(u.f,{key:i},e.createElement(D.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(u.f,{colSpan:`${b-r.length}`}))};F.defaultProps={disabledEvents:[],events:[],inputValue:[],handleSelect(){},handleSelectAll(){}},F.propTypes={disabledEvents:M().array,events:M().array,inputValue:M().array,handleSelect:M().func,handleSelectAll:M().func,name:M().string.isRequired},h.Z={Root:oe,Headers:Y,Body:j,EventRow:F}},82167:function(K,h,t){t.d(h,{Z:function(){return fe}});var e=t(32735),m=t(27649),d=t(69262),f=t(20108),L=t(53038),le=t(70166),ne=t(82055),u=t(87933),ae=t(41415),se=t(17e3),V=t(72850),z=t(15335),D=t(5803),G=t(10369),ie=t(2438),M=t(66456),X=t(29439),S=t(92802),de=t(60216),E=t.n(de),W=t(67879),re=t(28847),ce=t(7563),Q=t(19406),oe=t(21428),Y=t(90333);const j=["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"],J=({name:n,onChange:a,value:o,...g})=>{const{values:{headers:p}}=(0,S.u6)(),[Z,c]=(0,e.useState)(j);(0,e.useEffect)(()=>{c(j.filter(v=>!p?.some(x=>x.key!==o&&x.key===v)))},[p,o]);const P=v=>{a({target:{name:n,value:v}})},_=v=>{c(x=>[...x,v]),P(v)};return e.createElement(oe.XU,{...g,onClear:()=>P(""),onChange:P,onCreateOption:_,placeholder:"",value:o},Z.map(v=>e.createElement(Y.O,{value:v,key:v},v)))};J.defaultProps={value:void 0},J.propTypes={name:E().string.isRequired,onChange:E().func.isRequired,value:E().string};var F=J,l=()=>{const{formatMessage:n}=(0,W.Z)(),{values:a,errors:o}=(0,S.u6)();return e.createElement(u.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(re.Q,null,n({id:"Settings.webhooks.form.headers",defaultMessage:"Headers"})),e.createElement(V.x,{padding:8,background:"neutral100",hasRadius:!0},e.createElement(S.F2,{validateOnChange:!1,name:"headers",render:({push:g,remove:p})=>e.createElement(z.r,{gap:4},a.headers.map((Z,c)=>e.createElement(e.Fragment,{key:`${c}.${Z.key}`},e.createElement(D.P,{col:6},e.createElement(S.gN,{as:F,name:`headers.${c}.key`,"aria-label":`row ${c+1} key`,label:n({id:"Settings.webhooks.key",defaultMessage:"Key"}),error:o.headers?.[c]?.key&&o.headers[c].key})),e.createElement(D.P,{col:6},e.createElement(u.k,{alignItems:"flex-end"},e.createElement(V.x,{style:{flex:1}},e.createElement(S.gN,{as:G.o,name:`headers.${c}.value`,"aria-label":`row ${c+1} value`,label:n({id:"Settings.webhooks.value",defaultMessage:"Value"}),error:o.headers?.[c]?.value&&o.headers[c].value})),e.createElement(u.k,{paddingLeft:2,style:{alignSelf:"center"},paddingTop:o.headers?.[c]?.value?0:5},e.createElement(d.fG,{disabled:a.headers.length===1,onClick:()=>p(c),label:n({id:"Settings.webhooks.headers.remove",defaultMessage:"Remove header row {number}"},{number:c+1})})))))),e.createElement(D.P,{col:12},e.createElement(ce.A,{type:"button",onClick:()=>{g({key:"",value:""})},startIcon:e.createElement(Q.Z,null)},n({id:"Settings.webhooks.create.header",defaultMessage:"Create new header"}))))})))},r=t(49372),y=t(27169),C=t(35331),I=t(8471);const O=I.ZP.svg(({theme:n,color:a})=>`
+  width: ${12/16}rem;
+  height: ${12/16}rem;
+
+  path {
+    fill: ${n.colors[a]};
+  }
+`),B=({isPending:n,statusCode:a})=>{const{formatMessage:o}=(0,W.Z)();return n?e.createElement(u.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(u.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(u.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};B.propTypes={isPending:E().bool.isRequired,statusCode:E().number},B.defaultProps={statusCode:void 0};const w=({statusCode:n,message:a})=>{const{formatMessage:o}=(0,W.Z)();return n>=200&&n<300?e.createElement(u.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(u.k,{justifyContent:"flex-end"},e.createElement(u.k,{maxWidth:(0,d.Q1)(250),justifyContent:"flex-end",title:a},e.createElement(r.Z,{ellipsis:!0,textColor:"neutral600"},a))):null};w.propTypes={statusCode:E().number,message:E().string},w.defaultProps={statusCode:void 0,message:void 0};const U=({onCancel:n})=>{const{formatMessage:a}=(0,W.Z)();return e.createElement(u.k,{justifyContent:"flex-end"},e.createElement("button",{onClick:n,type:"button"},e.createElement(u.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"}))))};U.propTypes={onCancel:E().func.isRequired};const $=({isPending:n,onCancel:a,response:o})=>{const{statusCode:g,message:p}=o,{formatMessage:Z}=(0,W.Z)();return e.createElement(V.x,{background:"neutral0",padding:5,shadow:"filterShadow",hasRadius:!0},e.createElement(z.r,{gap:4,style:{alignItems:"center"}},e.createElement(D.P,{col:3},e.createElement(r.Z,null,Z({id:"Settings.webhooks.trigger.test",defaultMessage:"Test-trigger"}))),e.createElement(D.P,{col:3},e.createElement(B,{isPending:n,statusCode:g})),e.createElement(D.P,{col:6},n?e.createElement(U,{onCancel:a}):e.createElement(w,{statusCode:g,message:p}))))};$.defaultProps={isPending:!1,onCancel(){},response:{}},$.propTypes={isPending:E().bool,onCancel:E().func,response:E().object};var b=$,i=t(24346);const T=/(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/,N=/(^$)|((https?:\/\/.*)(d*)\/?(.*))/,me=({formatMessage:n})=>i.Ry().shape({name:i.Z_().required(n({id:"Settings.webhooks.validation.name",defaultMessage:"Name is required"})).matches(T,d.I0.regex),url:i.Z_().required(n({id:"Settings.webhooks.validation.url.required",defaultMessage:"Url is required"})).matches(N,n({id:d.I0.regex,defaultMessage:"The value does not match the regex"})),headers:i.Vo(a=>{let o=i.IX();if(a.length===1){const{key:g,value:p}=a[0];if(!g&&!p)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:g,isTriggering:p,triggerResponse:Z,data:c}=n;const{formatMessage:P}=(0,W.Z)(),[_,v]=(0,e.useState)(!1),x=k=>Object.keys(k).length?Object.entries(k).map(q=>{let[ee,te]=q;return{key:ee,value:te}}):[{key:"",value:""}],R=(0,S.TA)({initialValues:{name:c?.name||"",url:c?.url||"",headers:x(c?.headers||{}),events:c?.events||[]},onSubmit(k,q){let{resetForm:ee,setSubmitting:te}=q;a(k),ee({values:k}),te(!1)},validationSchema:me({formatMessage:P}),validateOnChange:!1,validateOnBlur:!1});return e.createElement(S.Hy,{value:R},e.createElement(d.l0,{onSubmit:R.handleSubmit},e.createElement(ne.T,{primaryAction:e.createElement(u.k,{gap:2},e.createElement(ae.z,{onClick:()=>{o(),v(!0)},variant:"tertiary",startIcon:e.createElement(ie.Z,null),disabled:g||p,size:"L"},P({id:"Settings.webhooks.trigger",defaultMessage:"Trigger"})),e.createElement(ae.z,{startIcon:e.createElement(M.Z,null),type:"submit",size:"L",disabled:!R.dirty,loading:R.isSubmitting},P({id:"global.save",defaultMessage:"Save"}))),title:g?P({id:"Settings.webhooks.create",defaultMessage:"Create a webhook"}):c?.name,navigationAction:e.createElement(d.rU,{startIcon:e.createElement(X.Z,null),to:"/settings/webhooks"},P({id:"global.back",defaultMessage:"Back"}))}),e.createElement(se.D,null,e.createElement(u.k,{direction:"column",alignItems:"stretch",gap:4},_&&e.createElement(b,{isPending:p,response:Z,onCancel:()=>v(!1)}),e.createElement(V.x,{background:"neutral0",padding:8,shadow:"filterShadow",hasRadius:!0},e.createElement(u.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(z.r,{gap:6},e.createElement(D.P,{col:6},e.createElement(S.gN,{as:G.o,name:"name",error:R?.errors?.name&&R.errors.name,label:P({id:"global.name",defaultMessage:"Name"}),required:!0})),e.createElement(D.P,{col:12},e.createElement(S.gN,{as:G.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:g})=>(o!==""&&(a[o]=g),a),{})});var fe=()=>{const{params:{id:n}}=(0,L.$B)("/settings/webhooks/:id"),a=n==="create",{replace:o}=(0,L.k6)(),g=(0,d.lm)(),{formatAPIError:p}=(0,d.So)(),Z=(0,f.useQueryClient)(),{isLoading:c}=(0,le.G)(),{put:P,get:_,post:v}=(0,d.kY)(),{isLoading:x,data:R,error:k}=(0,f.useQuery)(["webhooks",n],async()=>{const{data:{data:A}}=await _(`/admin/webhooks/${n}`);return A},{enabled:!a});e.useEffect(()=>{k&&g({type:"warning",message:p(k)})},[k,g,p]);const{isLoading:q,data:ee,isIdle:te,mutate:pe}=(0,f.useMutation)(()=>v(`/admin/webhooks/${n}/trigger`)),ve=()=>pe(null,{onError(A){g({type:"warning",message:p(A)})}}),Me=(0,f.useMutation)(A=>v("/admin/webhooks",A)),ye=(0,f.useMutation)(({id:A,body:H})=>P(`/admin/webhooks/${A}`,H)),Ce=async A=>{if(a){Me.mutate(ge(A),{onSuccess({data:H}){g({type:"success",message:{id:"Settings.webhooks.created"}}),o(`/settings/webhooks/${H.data.id}`)},onError(H){g({type:"warning",message:p(H)})}});return}ye.mutate({id:n,body:ge(A)},{onSuccess(){Z.invalidateQueries(["webhooks",n]),g({type:"success",message:{id:"notification.form.success.fields"}})},onError(H){g({type:"warning",message:p(H)})}})};return x||c?e.createElement(d.dO,null):e.createElement(m.o,null,e.createElement(d.SL,{name:"Webhooks"}),e.createElement(he,{data:R,handleSubmit:Ce,triggerWebhook:ve,isCreating:a,isTriggering:q,isTriggerIdle:te,triggerResponse:ee?.data.data}))}},33238:function(K,h,t){t.r(h);var e=t(32735),m=t(69262),d=t(83983),f=t(82167);const L=()=>e.createElement(m.O4,{permissions:d.Z.settings.webhooks.create},e.createElement(f.Z,null));h.default=L},59021:function(K,h,t){t.r(h);var e=t(32735),m=t(69262),d=t(83983),f=t(82167);const L=()=>e.createElement(m.O4,{permissions:d.Z.settings.webhooks.update},e.createElement(f.Z,null));h.default=L},10635:function(K,h,t){t.d(h,{Z:function(){return f}});var e=t(32735),m=t(70958);function d(){return e.createElement(m.Z.Root,null,e.createElement(m.Z.Headers,null),e.createElement(m.Z.Body,null))}var f=d},90333:function(K,h,t){t.d(h,{O:function(){return m}});var e=t(21428);const m=e.Wx},29439:function(K,h,t){t.d(h,{Z:function(){return d}});var e=t(74512);const m=f=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...f,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"})}),d=m}}]);

package/build/webhook-list-page.b2bcb3b6.chunk.js

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

package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Box, Flex, Typography } from '@strapi/design-system';
 import { pxToRem } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
 
 import { getStageColorByHex } from '../../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';
 

package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js

@@ -1,11 +1,13 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
+
 import { Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
 
-import ReviewWorkflowsStage from '.';
 import getTrad from '../../../../../../../admin/src/content-manager/utils/getTrad';
 import { STAGE_COLOR_DEFAULT } from '../../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';
 
+import ReviewWorkflowsStage from '.';
+
 export default (layout) => {
   const { formatMessage } = useIntl();
 

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

@@ -1,16 +1,17 @@
 import React from 'react';
+
+import { Flex, Loader, SingleSelect, SingleSelectOption, Typography } from '@strapi/design-system';
 import {
-  useCMEditViewDataManager,
   useAPIErrorHandler,
+  useCMEditViewDataManager,
   useFetchClient,
   useNotification,
 } from '@strapi/helper-plugin';
-import { Flex, Loader, SingleSelect, SingleSelectOption, Typography } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { useMutation } from 'react-query';
 
-import { useReviewWorkflows } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows';
 import Information from '../../../../../../admin/src/content-manager/pages/EditView/Information';
+import { useReviewWorkflows } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows';
 import { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';
 
 const ATTRIBUTE_NAME = 'strapi_reviewWorkflows_stage';

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

@@ -1,7 +1,9 @@
-import { useReducer, useEffect } from 'react';
+import { useEffect, useReducer } from 'react';
+
 import { useFetchClient, useNotification } from '@strapi/helper-plugin';
 
 import { getRequestUrl } from '../../../../admin/src/utils';
+
 import reducer, { initialState } from './reducer';
 
 const useAuthProviders = ({ ssoEnabled }) => {

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

@@ -4,10 +4,12 @@
  *
  */
 import { useEffect } from 'react';
-import { useIntl } from 'react-intl';
-import { useLocation } from 'react-router-dom';
+
 import { useNotification } from '@strapi/helper-plugin';
 import isNil from 'lodash/isNil';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+
 import useLicenseLimits from '../useLicenseLimits';
 
 const STORAGE_KEY_PREFIX = 'strapi-notification-seat-limit';

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

@@ -1,5 +1,6 @@
 import { useFetchClient, useRBAC } from '@strapi/helper-plugin';
 import { useQuery } from 'react-query';
+
 import adminPermissions from '../../../../admin/src/permissions';
 
 const useLicenseLimits = () => {

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

@@ -0,0 +1,43 @@
+import adminPermissions from '../../../../admin/src/permissions';
+
+export const LINKS_EE = {
+  global: [
+    ...(window.strapi.features.isEnabled(window.strapi.features.SSO)
+      ? [
+          {
+            intlLabel: { id: 'Settings.sso.title', defaultMessage: 'Single Sign-On' },
+            to: '/settings/single-sign-on',
+            id: 'sso',
+            permissions: adminPermissions.settings.sso.main,
+          },
+        ]
+      : []),
+
+    ...(window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)
+      ? [
+          {
+            intlLabel: {
+              id: 'Settings.review-workflows.page.title',
+              defaultMessage: 'Review Workflows',
+            },
+            to: '/settings/review-workflows',
+            id: 'review-workflows',
+            permissions: adminPermissions.settings['review-workflows'].main,
+          },
+        ]
+      : []),
+  ],
+
+  admin: [
+    ...(window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS)
+      ? [
+          {
+            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/App/{utils/customRoutes.js → constants.js}

@@ -1,11 +1,9 @@
-import AuthResponse from '../../AuthResponse';
+import { AuthResponse } from '../AuthResponse';
 
-const customRoutes = [
+export const ROUTES_EE = [
   {
     Component: () => ({ default: AuthResponse }),
     to: '/auth/login/:authResponse',
     exact: true,
   },
 ];
-
-export default customRoutes;

package/ee/admin/pages/AuthPage/components/Login/index.js

@@ -1,11 +1,13 @@
 import React from 'react';
+
+import { Box, Divider, Flex, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Box, Flex, Divider, Typography } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import styled from 'styled-components';
+
+import UnauthenticatedLayout from '../../../../../../admin/src/layouts/UnauthenticatedLayout';
 import BaseLogin from '../../../../../../admin/src/pages/AuthPage/components/Login/BaseLogin';
 import { useAuthProviders } from '../../../../hooks';
-import UnauthenticatedLayout from '../../../../../../admin/src/layouts/UnauthenticatedLayout';
 import SSOProviders from '../Providers/SSOProviders';
 
 const DividerFull = styled(Divider)`

package/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js

@@ -1,9 +1,10 @@
 import React from 'react';
+
+import { Flex, Grid, GridItem, Tooltip, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
-import { Grid, GridItem, Flex, Typography, Tooltip } from '@strapi/design-system';
-import styled from 'styled-components';
 import { useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
+import styled from 'styled-components';
 
 const SSOButton = styled.a`
   width: ${136 / 16}rem;

package/ee/admin/pages/AuthPage/components/Providers/index.js

@@ -1,16 +1,19 @@
 import React from 'react';
-import { Redirect, useHistory } from 'react-router-dom';
-import styled from 'styled-components';
+
+import { Box, Button, Divider, Flex, Loader, Main, Typography } from '@strapi/design-system';
 import { Link } from '@strapi/helper-plugin';
-import { Divider, Flex, Box, Button, Loader, Typography, Main } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
-import { useAuthProviders } from '../../../../hooks';
+import { Redirect, useHistory } from 'react-router-dom';
+import styled from 'styled-components';
+
+import Logo from '../../../../../../admin/src/components/UnauthenticatedLogo';
 import UnauthenticatedLayout, {
   Column,
   LayoutContent,
 } from '../../../../../../admin/src/layouts/UnauthenticatedLayout';
+import { useAuthProviders } from '../../../../hooks';
+
 import SSOProviders from './SSOProviders';
-import Logo from '../../../../../../admin/src/components/UnauthenticatedLogo';
 
 const DividerFull = styled(Divider)`
   flex: 1;

package/ee/admin/pages/AuthPage/utils/forms.js

@@ -1,5 +1,5 @@
-import Providers from '../components/Providers';
 import baseForms from '../../../../../admin/src/pages/AuthPage/utils/forms';
+import Providers from '../components/Providers';
 
 const forms = {
   ...baseForms,

package/ee/admin/pages/AuthResponse/index.js

@@ -1,11 +1,13 @@
-import React, { useEffect, useRef, useCallback } from 'react';
-import { useHistory, useRouteMatch } from 'react-router-dom';
-import { useIntl } from 'react-intl';
-import Cookies from 'js-cookie';
+import React, { useCallback, useEffect, useRef } from 'react';
+
 import { auth, LoadingIndicatorPage, useFetchClient } from '@strapi/helper-plugin';
+import Cookies from 'js-cookie';
+import { useIntl } from 'react-intl';
+import { useHistory, useRouteMatch } from 'react-router-dom';
+
 import { getRequestUrl } from '../../../../admin/src/utils';
 
-const AuthResponse = () => {
+export const AuthResponse = () => {
   const {
     params: { authResponse },
   } = useRouteMatch('/auth/login/:authResponse');

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

@@ -0,0 +1,49 @@
+export const ROUTES_EE = [
+  ...(window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS)
+    ? [
+        {
+          async Component() {
+            const component = await import(
+              /* webpackChunkName: "audit-logs-settings-page" */ './pages/AuditLogs/ProtectedListPage'
+            );
+
+            return component;
+          },
+          to: '/settings/audit-logs',
+          exact: true,
+        },
+      ]
+    : []),
+
+  ...(window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)
+    ? [
+        {
+          async Component() {
+            const component = await import(
+              /* webpackChunkName: "review-workflows-settings" */ './pages/ReviewWorkflows'
+            );
+
+            return component;
+          },
+          to: '/settings/review-workflows',
+          exact: true,
+        },
+      ]
+    : []),
+
+  ...(window.strapi.features.isEnabled(window.strapi.features.SSO)
+    ? [
+        {
+          async Component() {
+            const component = await import(
+              /* webpackChunkName: "sso-settings-page" */ './pages/SingleSignOn'
+            );
+
+            return component;
+          },
+          to: '/settings/single-sign-on',
+          exact: true,
+        },
+      ]
+    : []),
+];

package/ee/admin/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
-import { Flex, Tooltip, Icon, GridItem, Typography } from '@strapi/design-system';
+
+import { Flex, GridItem, Icon, Tooltip, Typography } from '@strapi/design-system';
 import { Link } from '@strapi/design-system/v2';
-import { ExternalLink, ExclamationMarkCircle } from '@strapi/icons';
 import { pxToRem } from '@strapi/helper-plugin';
+import { ExclamationMarkCircle, ExternalLink } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+
 import { useLicenseLimits } from '../../../../../../hooks';
 
 const BILLING_STRAPI_CLOUD_URL = 'https://cloud.strapi.io/profile/billing';

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

@@ -1,7 +1,8 @@
 import React from 'react';
+
+import { Combobox, ComboboxOption } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Combobox, ComboboxOption } from '@strapi/design-system';
 
 const ComboboxFilter = ({ value, options, onChange }) => {
   const { formatMessage } = useIntl();

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/Modal/ActionBody.js

@@ -1,8 +1,11 @@
 import React from 'react';
+
+import { Box, Flex, Grid, JSONInput, Loader, Typography } from '@strapi/design-system';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Loader, Grid, Box, Flex, Typography, JSONInput } from '@strapi/design-system';
+
 import { getDefaultMessage } from '../utils/getActionTypesDefaultMessages';
+
 import ActionItem from './ActionItem';
 
 const ActionBody = ({ status, data, formattedDate }) => {

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/Modal/ActionItem.js

@@ -1,6 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Flex, Typography } from '@strapi/design-system';
+import PropTypes from 'prop-types';
 
 const ActionItem = ({ actionLabel, actionName }) => {
   return (

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

@@ -1,9 +1,13 @@
 import React from 'react';
+
+import { ModalBody, ModalHeader, ModalLayout } from '@strapi/design-system';
+import { Breadcrumbs, Crumb } from '@strapi/design-system/v2';
+import { useFetchClient, useNotification } from '@strapi/helper-plugin';
 import PropTypes from 'prop-types';
 import { useQuery } from 'react-query';
-import { ModalLayout, ModalHeader, ModalBody, Breadcrumbs, Crumb } from '@strapi/design-system';
-import { useNotification, useFetchClient } from '@strapi/helper-plugin';
+
 import useFormatTimeStamp from '../hooks/useFormatTimeStamp';
+
 import ActionBody from './ActionBody';
 
 const Modal = ({ handleClose, logId }) => {
@@ -36,8 +40,11 @@ const Modal = ({ handleClose, logId }) => {
   return (
     <ModalLayout onClose={handleClose} labelledBy="title">
       <ModalHeader>
+        {/**
+         * TODO: this is not semantically correct and should be amended.
+         */}
         <Breadcrumbs label={formattedDate} id="title">
-          <Crumb>{formattedDate}</Crumb>
+          <Crumb isCurrent>{formattedDate}</Crumb>
         </Breadcrumbs>
       </ModalHeader>
       <ModalBody>

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

@@ -1,7 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import { Box, Flex } from '@strapi/design-system';
-import { PaginationURLQuery, PageSizeURLQuery } from '@strapi/helper-plugin';
+import { PageSizeURLQuery, PaginationURLQuery } from '@strapi/helper-plugin';
+import PropTypes from 'prop-types';
 
 const PaginationFooter = ({ pagination }) => {
   return (

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

@@ -1,9 +1,11 @@
 import React from 'react';
+
+import { Flex, IconButton, Tbody, Td, Tr, Typography } from '@strapi/design-system';
+import { onRowClick, stopPropagation } from '@strapi/helper-plugin';
+import { Eye } from '@strapi/icons';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { IconButton, Flex, Typography, Tbody, Td, Tr } from '@strapi/design-system';
-import { Eye } from '@strapi/icons';
-import { onRowClick, stopPropagation } from '@strapi/helper-plugin';
+
 import useFormatTimeStamp from '../hooks/useFormatTimeStamp';
 import { getDefaultMessage } from '../utils/getActionTypesDefaultMessages';
 

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/hooks/useAuditLogsData.js

@@ -1,5 +1,5 @@
+import { useFetchClient, useNotification } from '@strapi/helper-plugin';
 import { useQuery } from 'react-query';
-import { useNotification, useFetchClient } from '@strapi/helper-plugin';
 import { useLocation } from 'react-router-dom';
 
 import { useAdminUsers } from '../../../../../../../../admin/src/hooks/useAdminUsers';

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/hooks/useFormatTimeStamp.js

@@ -1,5 +1,5 @@
-import { useIntl } from 'react-intl';
 import parseISO from 'date-fns/parseISO';
+import { useIntl } from 'react-intl';
 
 const useFormatTimeStamp = () => {
   const { formatDate } = useIntl();

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

@@ -1,29 +1,32 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
-import {
-  SettingsPageTitle,
-  DynamicTable,
-  useRBAC,
-  useFocusWhenNavigate,
-  useQueryParams,
-  AnErrorOccurred,
-} from '@strapi/helper-plugin';
+
 import {
+  ActionLayout,
   Box,
-  HeaderLayout,
   ContentLayout,
-  ActionLayout,
+  HeaderLayout,
   Layout,
   Main,
 } from '@strapi/design-system';
+import {
+  AnErrorOccurred,
+  DynamicTable,
+  SettingsPageTitle,
+  useFocusWhenNavigate,
+  useQueryParams,
+  useRBAC,
+} from '@strapi/helper-plugin';
+import { useIntl } from 'react-intl';
+
+import Filters from '../../../../../../../admin/src/pages/SettingsPage/components/Filters';
 import adminPermissions from '../../../../../../../admin/src/permissions';
-import TableRows from './TableRows';
-import tableHeaders from './utils/tableHeaders';
-import PaginationFooter from './PaginationFooter';
+
+import useAuditLogsData from './hooks/useAuditLogsData';
 import Modal from './Modal';
-import Filters from '../../../../../../../admin/src/pages/SettingsPage/components/Filters';
+import PaginationFooter from './PaginationFooter';
+import TableRows from './TableRows';
 import getDisplayedFilters from './utils/getDisplayedFilters';
-import useAuditLogsData from './hooks/useAuditLogsData';
+import tableHeaders from './utils/tableHeaders';
 
 const auditLogsPermissions = {
   ...adminPermissions.settings.auditLogs,

package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/utils/getDisplayedFilters.js

@@ -1,5 +1,6 @@
 import ComboboxFilter from '../ComboboxFilter';
-import { getDefaultMessage, actionTypes } from './getActionTypesDefaultMessages';
+
+import { actionTypes, getDefaultMessage } from './getActionTypesDefaultMessages';
 
 const customOperators = [
   {

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

@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { CheckPagePermissions } from '@strapi/helper-plugin';
+
 import adminPermissions from '../../../../../../../admin/src/permissions';
 import ListView from '../ListView';