@strapi/admin 4.6.0-beta.2 → 4.6.0

package/build/webhook-edit-page.c0080dc1.chunk.js

@@ -0,0 +1,75 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5162],{41513:function(te,M,t){t.d(M,{Z:function(){return Fe}});var e=t(32735),n=t(88425),L=t(27649),P=t(84968),x=t(5141),E=t(67927),p=t(17247),ne=t(60216),d=t.n(ne),h=t(29439),k=t(66456),ce=t(74512);function ve(a){return(0,ce.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a,children:(0,ce.jsx)("path",{d:"M4 20.252V3.748a1 1 0 011.507-.862l14.028 8.252a1 1 0 010 1.724L5.507 21.113A1 1 0 014 20.252z",fill:"#212134"})})}var be=t(28356),Re=t(17e3),ae=t(72850),ue=t(41415),W=t(27677),Q=t(10369),me=t(15335),D=t(5803),Z=t(83281),N=t(5636),Ce=t(76437),F=t(49372),ye=t(83292),Ie=t(44426),G=t(8284),ge=t(23940),i=t.n(ge);const C=({disabledEvents:a,name:r,events:o,inputValue:s,handleChange:c,handleChangeAll:O})=>{const u=o.filter(b=>!a.includes(b)),f=s.length===u.length,m=s.length>0,K=({target:{name:b}})=>{O({target:{name:b,value:!f}})};return e.createElement("tr",null,e.createElement("td",null,e.createElement(G.X,{indeterminate:m&&!f,"aria-label":"Select all entries",name:r,onChange:K,value:f},i()(r))),o.map(b=>e.createElement("td",{key:b},e.createElement(Ie.C,{disabled:a.includes(b),"aria-label":b,name:b,value:s.includes(b),onValueChange:S=>c({target:{name:b,value:S}})}))))};C.defaultProps={disabledEvents:[],events:[],inputValue:[],handleChange(){},handleChangeAll(){}},C.propTypes={disabledEvents:d().array,events:d().array,inputValue:d().array,handleChange:d().func,handleChangeAll:d().func,name:d().string.isRequired};var A=C,R=a=>a.reduce((r,o)=>{const s=o.split(".")[0];return r[s]||(r[s]=[]),r[s].push(o),r},{});const pe=ye.default.table`
+  td {
+    height: ${52/16}rem;
+    width: 10%;
+    vertical-align: middle;
+    text-align: center;
+  }
+
+  tbody tr:nth-child(odd) {
+    background: ${({theme:a})=>a.colors.neutral100};
+  }
+
+  tbody tr td:first-child {
+    padding-left: ${({theme:a})=>a.spaces[7]};
+  }
+`,re={headers:{default:[{id:"Settings.webhooks.events.create",defaultMessage:"Create"},{id:"Settings.webhooks.events.update",defaultMessage:"Update"},{id:"app.utils.delete",defaultMessage:"Delete"}],draftAndPublish:[{id:"Settings.webhooks.events.create",defaultMessage:"Create"},{id:"Settings.webhooks.events.update",defaultMessage:"Update"},{id:"app.utils.delete",defaultMessage:"Delete"},{id:"app.utils.publish",defaultMessage:"Publish"},{id:"app.utils.unpublish",defaultMessage:"Unpublish"}]},events:{default:{entry:["entry.create","entry.update","entry.delete"],media:["media.create","media.update","media.delete"]},draftAndPublish:{entry:["entry.create","entry.update","entry.delete","entry.publish","entry.unpublish"],media:["media.create","media.update","media.delete"]}}},fe=({isDraftAndPublish:a})=>{const r=a?re.headers.draftAndPublish:re.headers.default,o=a?re.events.draftAndPublish:re.events.default,{formatMessage:s}=(0,N.useIntl)(),{values:c,handleChange:O}=(0,Z.useFormikContext)(),u="events",f=c.events,m=[],K=R(f),b=({target:{name:v,value:ee}})=>{let l=new Set(f);ee?l.add(v):l.delete(v),O({target:{name:u,value:Array.from(l)}})},S=({target:{name:v,value:ee}})=>{let l=new Set(f);ee?o[v].forEach(g=>{m.includes(g)||l.add(g)}):o[v].forEach(g=>l.delete(g)),O({target:{name:u,value:Array.from(l)}})};return e.createElement(W.K,{spacing:1},e.createElement(Ce.Q,null,s({id:"Settings.webhooks.form.events",defaultMessage:"Events"})),e.createElement(pe,null,e.createElement("thead",null,e.createElement("tr",null,e.createElement("td",null),r.map(v=>v==="app.utils.publish"||v==="app.utils.unpublish"?e.createElement("td",{key:v.id,title:s({id:"Settings.webhooks.event.publish-tooltip",defaultMessage:"This event only exists for content with draft & publish enabled"})},e.createElement(F.Z,{variant:"sigma",textColor:"neutral600"},s(v))):e.createElement("td",{key:v.id},e.createElement(F.Z,{variant:"sigma",textColor:"neutral600"},s(v)))))),e.createElement("tbody",null,Object.keys(o).map(v=>e.createElement(A,{disabledEvents:m,key:v,name:v,events:o[v],inputValue:K[v],handleChange:b,handleChangeAll:S})))))};fe.propTypes={isDraftAndPublish:d().bool.isRequired};var J=fe,Te=t(19406),z=t(87933),Le=t(7563),Ae=t(21590),Me=t(90333),Pe=["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"];const oe=({name:a,onChange:r,value:o,...s})=>{const[c,O]=(0,e.useState)(o?[...Pe,o]:Pe),u=m=>{r({target:{name:a,value:m}})},f=m=>{O(K=>[...K,m]),r({target:{name:a,value:m}})};return e.createElement(Ae.X,{...s,onChange:u,onCreateOption:f,placeholder:"",value:o},c.map(m=>e.createElement(Me.O,{value:m,key:m},m)))};oe.defaultProps={value:void 0},oe.propTypes={name:d().string.isRequired,onChange:d().func.isRequired,value:d().string};var De=oe,xe=()=>{const{formatMessage:a}=(0,N.useIntl)(),{values:r,errors:o}=(0,Z.useFormikContext)();return e.createElement(W.K,{spacing:1},e.createElement(Ce.Q,null,a({id:"Settings.webhooks.form.headers",defaultMessage:"Headers"})),e.createElement(ae.x,{padding:8,background:"neutral100",hasRadius:!0},e.createElement(Z.FieldArray,{validateOnChange:!1,name:"headers",render:({push:s,remove:c})=>e.createElement(me.r,{gap:4},r.headers?.map((O,u)=>e.createElement(e.Fragment,{key:u},e.createElement(D.P,{col:6},e.createElement(Z.Field,{as:De,name:`headers.${u}.key`,"aria-label":`row ${u+1} key`,label:a({id:"Settings.webhooks.key",defaultMessage:"Key"}),error:o.headers?.[u]?.key&&a({id:o.headers[u]?.key,defaultMessage:o.headers[u]?.key})})),e.createElement(D.P,{col:6},e.createElement(z.k,{alignItems:"flex-end"},e.createElement(ae.x,{style:{flex:1}},e.createElement(Z.Field,{as:Q.o,"aria-label":`row ${u+1} value`,label:a({id:"Settings.webhooks.value",defaultMessage:"Value"}),name:`headers.${u}.value`,error:o.headers?.[u]?.value&&a({id:o.headers[u]?.value,defaultMessage:o.headers[u]?.value})})),e.createElement(z.k,{paddingLeft:2,style:{alignSelf:"center"},paddingTop:o.headers?.[u]?.value?0:5},e.createElement(n.RemoveRoundedButton,{onClick:()=>r.headers.length!==1&&c(u),label:a({id:"Settings.webhooks.headers.remove",defaultMessage:"Remove header row {number}"},{number:u+1})})))))),e.createElement(D.P,{col:12},e.createElement(Le.A,{type:"button",onClick:()=>{s({key:"",value:""})},startIcon:e.createElement(Te.default,null)},a({id:"Settings.webhooks.create.header",defaultMessage:"Create new header"}))))})))},w=t(35331),$e=t(27169);const le=ye.default.svg(({theme:a,color:r})=>`
+  width: ${12/16}rem;
+  height: ${12/16}rem;
+
+  path {
+    fill: ${a.colors[r]};
+  }
+`),y=({isPending:a,statusCode:r})=>{const{formatMessage:o}=(0,N.useIntl)();return a?e.createElement(W.K,{horizontal:!0,spacing:2,style:{alignItems:"center"}},e.createElement(le,{as:$e.Z}),e.createElement(F.Z,null,o({id:"Settings.webhooks.trigger.pending",defaultMessage:"pending"}))):r>=200&&r<300?e.createElement(W.K,{horizontal:!0,spacing:2,style:{alignItems:"center"}},e.createElement(le,{as:k.Z,color:"success700"}),e.createElement(F.Z,null,o({id:"Settings.webhooks.trigger.success",defaultMessage:"success"}))):r>=300?e.createElement(W.K,{horizontal:!0,spacing:2,style:{alignItems:"center"}},e.createElement(le,{as:w.default,color:"danger700"}),e.createElement(F.Z,null,o({id:"Settings.error",defaultMessage:"error"})," ",r)):null};y.propTypes={isPending:d().bool.isRequired,statusCode:d().number},y.defaultProps={statusCode:void 0};const se=({statusCode:a,message:r})=>{const{formatMessage:o}=(0,N.useIntl)();return a>=200&&a<300?e.createElement(z.k,{justifyContent:"flex-end"},e.createElement(F.Z,{textColor:"neutral600",ellipsis:!0},o({id:"Settings.webhooks.trigger.success.label",defaultMessage:"Trigger succeeded"}))):a>=300?e.createElement(z.k,{justifyContent:"flex-end"},e.createElement(z.k,{maxWidth:(0,n.pxToRem)(250),justifyContent:"flex-end",title:r},e.createElement(F.Z,{ellipsis:!0,textColor:"neutral600"},r))):null};se.propTypes={statusCode:d().number,message:d().string},se.defaultProps={statusCode:void 0,message:void 0};const Oe=({onCancel:a})=>{const{formatMessage:r}=(0,N.useIntl)();return e.createElement(z.k,{justifyContent:"flex-end"},e.createElement("button",{onClick:a,type:"button"},e.createElement(W.K,{horizontal:!0,spacing:2,style:{alignItems:"center"}},e.createElement(F.Z,{textColor:"neutral400"},r({id:"Settings.webhooks.trigger.cancel",defaultMessage:"cancel"})),e.createElement(le,{as:w.default,color:"neutral400"}))))};Oe.propTypes={onCancel:d().func.isRequired};const he=({isPending:a,onCancel:r,response:o})=>{const{statusCode:s,message:c}=o,{formatMessage:O}=(0,N.useIntl)();return e.createElement(ae.x,{background:"neutral0",padding:5,shadow:"filterShadow",hasRadius:!0},e.createElement(me.r,{gap:4,style:{alignItems:"center"}},e.createElement(D.P,{col:3},e.createElement(F.Z,null,O({id:"Settings.webhooks.trigger.test",defaultMessage:"Test-trigger"}))),e.createElement(D.P,{col:3},e.createElement(y,{isPending:a,statusCode:s})),e.createElement(D.P,{col:6},a?e.createElement(Oe,{onCancel:r}):e.createElement(se,{statusCode:s,message:c}))))};he.defaultProps={isPending:!1,onCancel(){},response:{}},he.propTypes={isPending:d().bool,onCancel:d().func,response:d().object};var $=he,B=t(5173);const H=/(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/,Be=/(^$)|((https?:\/\/.*)(d*)\/?(.*))/;var ie=B.Ry().shape({name:B.Z_(n.translatedErrors.string).required(n.translatedErrors.required).matches(H,n.translatedErrors.regex),url:B.Z_(n.translatedErrors.string).required(n.translatedErrors.required).matches(Be,n.translatedErrors.regex),headers:B.Vo(a=>{let r=B.IX();if(a.length===1){const{key:o,value:s}=a[0];if(!o&&!s)return r}return r.of(B.Ry().shape({key:B.Z_().required(n.translatedErrors.required),value:B.Z_().required(n.translatedErrors.required)}))}),events:B.IX()});const V=({handleSubmit:a,data:r,triggerWebhook:o,isCreating:s,isTriggering:c,triggerResponse:O,isDraftAndPublishEvents:u})=>{const{formatMessage:f}=(0,N.useIntl)(),[m,K]=(0,e.useState)(!1);return e.createElement(Z.Formik,{onSubmit:a,initialValues:{name:r?.name||"",url:r?.url||"",headers:Object.keys(r?.headers||[]).length?Object.entries(r.headers).map(([b,S])=>({key:b,value:S})):[{key:"",value:""}],events:r?.events||[]},validationSchema:ie,validateOnChange:!1,validateOnBlur:!1},({handleSubmit:b,errors:S})=>e.createElement(n.Form,{noValidate:!0},e.createElement(be.T,{primaryAction:e.createElement(W.K,{horizontal:!0,spacing:2},e.createElement(ue.z,{onClick:()=>{o(),K(!0)},variant:"tertiary",startIcon:e.createElement(ve,null),disabled:s||c,size:"L"},f({id:"Settings.webhooks.trigger",defaultMessage:"Trigger"})),e.createElement(ue.z,{startIcon:e.createElement(k.Z,null),onClick:b,type:"submit",size:"L"},f({id:"global.save",defaultMessage:"Save"}))),title:s?f({id:"Settings.webhooks.create",defaultMessage:"Create a webhook"}):r?.name,navigationAction:e.createElement(n.Link,{startIcon:e.createElement(h.Z,null),to:"/settings/webhooks"},f({id:"global.back",defaultMessage:"Back"}))}),e.createElement(Re.D,null,e.createElement(W.K,{spacing:4},m&&e.createElement("div",{className:"trigger-wrapper"},e.createElement($,{isPending:c,response:O,onCancel:()=>K(!1)})),e.createElement(ae.x,{background:"neutral0",padding:8,shadow:"filterShadow",hasRadius:!0},e.createElement(W.K,{spacing:6},e.createElement(me.r,{gap:6},e.createElement(D.P,{col:6},e.createElement(Z.Field,{as:Q.o,name:"name",error:S.name&&f({id:S.name}),label:f({id:"global.name",defaultMessage:"Name"}),required:!0})),e.createElement(D.P,{col:12},e.createElement(Z.Field,{as:Q.o,name:"url",error:S.url&&f({id:S.url}),label:f({id:"Settings.roles.form.input.url",defaultMessage:"Url"}),required:!0}))),e.createElement(xe,null),e.createElement(J,{isDraftAndPublish:u})))))))};V.propTypes={data:d().object,handleSubmit:d().func.isRequired,triggerWebhook:d().func.isRequired,isCreating:d().bool.isRequired,isDraftAndPublishEvents:d().bool.isRequired,isTriggering:d().bool.isRequired,triggerResponse:d().object},V.defaultProps={data:void 0,triggerResponse:void 0};var de=V,_=t(92891);const Se=a=>{const r={...a};return(0,_.set)(r,"headers",Ke(a.headers)),r},Ke=a=>a.reduce((r,o)=>{const{key:s,value:c}=o;return s!==""?{...r,[s]:c}:r},{});var Ee=Se,T=t(98399),Fe=()=>{const{params:{id:a}}=(0,x.useRouteMatch)("/settings/webhooks/:id"),{replace:r}=(0,x.useHistory)(),{lockApp:o,unlockApp:s}=(0,n.useOverlayBlocker)(),c=(0,n.useNotification)(),O=(0,P.useQueryClient)(),{isLoading:u,collectionTypes:f}=(0,E.bP)(),m=a==="create",K=(0,e.useCallback)(async j=>{const[X,{data:Ve}]=await(0,n.to)((0,n.request)(`/admin/webhooks/${j}`,{method:"GET"}));return X?(c({type:"warning",message:{id:"notification.error"}}),null):Ve},[c]),{isLoading:b,data:S}=(0,P.useQuery)(["get-webhook",a],()=>K(a),{enabled:!m}),{isLoading:v,data:ee,isIdle:l,mutate:g}=(0,P.useMutation)(()=>p.be.post(`/admin/webhooks/${a}/trigger`)),U=()=>g(null,{onError(){c({type:"warning",message:{id:"notification.error"}})}}),Y=(0,P.useMutation)(j=>(0,n.request)("/admin/webhooks",{method:"POST",body:j})),Ue=(0,P.useMutation)(({id:j,body:X})=>(0,n.request)(`/admin/webhooks/${j}`,{method:"PUT",body:X})),Ze=async j=>{m?(o(),Y.mutate(Ee(j),{onSuccess(X){c({type:"success",message:{id:"Settings.webhooks.created"}}),r(`/settings/webhooks/${X.data.id}`),s()},onError(X){c({type:"warning",message:{id:"notification.error"}}),T.log(X),s()}})):(o(),Ue.mutate({id:a,body:Ee(j)},{onSuccess(){O.invalidateQueries(["get-webhook",a]),c({type:"success",message:{id:"notification.form.success.fields"}}),s()},onError(X){c({type:"warning",message:{id:"notification.error"}}),T.log(X),s()}}))},ze=(0,e.useMemo)(()=>f.some(j=>j.options.draftAndPublish===!0),[f]);return b||u?e.createElement(n.LoadingIndicatorPage,null):e.createElement(L.o,null,e.createElement(n.SettingsPageTitle,{name:"Webhooks"}),e.createElement(de,{handleSubmit:Ze,data:S,triggerWebhook:U,isCreating:m,isTriggering:v,isTriggerIdle:l,triggerResponse:ee?.data.data,isDraftAndPublishEvents:ze}))}},33238:function(te,M,t){t.r(M);var e=t(32735),n=t(88425),L=t.n(n),P=t(83983),x=t(41513);const E=()=>e.createElement(n.CheckPagePermissions,{permissions:P.Z.settings.webhooks.create},e.createElement(x.Z,null));M.default=E},59021:function(te,M,t){t.r(M);var e=t(32735),n=t(88425),L=t.n(n),P=t(83983),x=t(41513);const E=()=>e.createElement(n.CheckPagePermissions,{permissions:P.Z.settings.webhooks.update},e.createElement(x.Z,null));M.default=E},21590:function(te,M,t){t.d(M,{h:function(){return G},X:function(){return ge}});var e=t(32735),n=t(60216),L=t(57269),P=t(59002),x=t(96892),E=t(94486);const p={Close:"Close",CloseSelect:"CloseSelect",First:"First",Last:"Last",Next:"Next",Open:"Open",PageDown:"PageDown",PageUp:"PageUp",Previous:"Previous",Select:"Select",Space:"Space",Type:"Type"},ne={Close:"Close",First:"First",Last:"Last",Next:"Next",Open:"Open",Previous:"Previous",Select:"Select",UpLevel:"UpLevel"};function d(i=[],C=null,A=[]){const q=String(C??"").toLowerCase();return q?i.filter(R=>R.props.children.toString().toLowerCase().includes(q)&&A.indexOf(R)<0):i}function h(i,C){if(!C&&i===E.y.DOWN)return p.Open;if(i===E.y.DOWN)return p.Next;if(i===E.y.UP)return p.Previous;if(i===E.y.HOME)return p.First;if(i===E.y.END)return p.Last;if(i===E.y.ESCAPE)return p.Close;if(i===E.y.ENTER)return p.CloseSelect;if(i===E.y.BACKSPACE||i===E.y.CLEAR||i.length===1)return p.Type}function k(i,C,A){switch(A){case p.First:return 0;case p.Last:return C;case p.Previous:return Math.max(0,i-1);case p.Next:return Math.min(C,i+1);default:return i}}function ce(i){x(i,{scrollMode:"if-needed",block:"nearest",inline:"nearest"}).forEach(({el:C,top:A,left:q})=>{C.scrollTop=A,C.scrollLeft=q})}var ve=t(87933),be=t(93958),Re=t(46406),ae=t(72850),ue=t(49372),W=t(97405),Q=t(91225),me=t(90333);const D=({options:i,activeOptionRef:C})=>((0,e.useEffect)(()=>{C.current&&ce(C.current)},[C]),i);D.defaultProps={activeOptionRef:void 0},D.propTypes={options:n.array.isRequired};var Z=t(87107),N=t(76437),Ce=t(67014),F=t(47851),ye=t(27677),Ie=t(3685);const G=({children:i,clearLabel:C,creatable:A,createMessage:q,disabled:R,error:pe,hasMoreItems:re,hint:fe,label:J,labelAction:Te,loading:z,loadingMessage:Le,noOptionsMessage:Ae,onChange:Me,onClear:ke,onCreateOption:Pe,onInputChange:oe,onLoadMore:De,placeholder:we,required:xe,value:w,...$e})=>{const le=()=>i.find(l=>l.props?.value.toLowerCase()===w.toLowerCase()).props?.children,[y,se]=(0,e.useState)(0),[Oe,he]=(0,e.useState)(null),[$,B]=(0,e.useState)(i),[H,Be]=(0,e.useState)(!1),[I,ie]=(0,e.useState)(""),V=(0,e.useRef)(),de=(0,e.useRef)(!1),_=(0,e.useRef)(),Se=(0,e.useRef)(),Ke=(0,e.useRef)(),Ee=(0,e.useRef)(!0),T=(0,P.M)("combobox"),We=`${T}-label`;if(!J&&!$e["aria-label"])throw new Error('The Combobox component needs a "label" or an "aria-label" props');(0,e.useEffect)(()=>{B(d(i,I))},[I,i]),(0,e.useEffect)(()=>{H&&V.current&&ce(V.current)},[y,H]),(0,e.useLayoutEffect)(()=>{Ee.current&&(Ee.current=!1)},[w]);const Fe=H?`${T}-${y}`:"",a=()=>{Me(null),ie("")},r=l=>{oe&&oe(l);const g=_.current.value;B(d(i,g)),se(0),he(null),I!==g&&ie(g),H||m(!0,!1)},o=l=>{const{key:g}=l,U=A&&I?$.length:$.length-1,Y=h(g,H);switch(w&&!I&&g===E.y.BACKSPACE&&a(),Y){case p.Next:{if(y===U){c(0);break}c(k(y,U,Y));break}case p.Previous:{if(y===0){c(U);break}c(k(y,U,Y));break}case p.Last:case p.First:{if(y===U){c(0);break}c(k(y,U,Y));break}case p.CloseSelect:l.preventDefault(),f(y);break;case p.Close:l.preventDefault(),m(!1);break;case p.Open:m(!0);break}},s=l=>{if(l.preventDefault(),w&&!de.current&&ie(""),de.current){de.current=!1;return}m(!1,!1)},c=l=>{se(l)},O=l=>{c(l),f(l)},u=()=>{de.current=!0},f=l=>{const g=$[l];if(ie(""),g){Me(g.props.value),m(!1);return}A&&(Pe(I),m(!1))},m=(l,g=!0)=>{Be(l),g&&_.current.focus()},K=e.Children.toArray($).map((l,g)=>{const U=y===g;return(0,e.cloneElement)(l,{id:`${T}-${g}`,"aria-selected":Oe===g,"aria-posinset":g+1,"aria-setsize":e.Children.toArray($).length,ref(Y){U&&(V.current=Y)},onClick:()=>O(g),onMouseDown:u,isSelected:U})}),b=()=>{_.current.focus(),ke&&ke(),a()},S=()=>{_.current.focus(),m(!0)},v=()=>{const l=$.findIndex(g=>g.props?.children===I);return I&&l===-1},ee=l=>{l.preventDefault(),m(l,!0)};return e.createElement(Z.g,{hint:fe,error:pe,id:T,required:xe},e.createElement(Ie.T,{"aria-live":"polite","aria-atomic":"false","aria-relevant":"additions text"},w),e.createElement(ye.K,{spacing:J||fe||pe?1:0},J&&e.createElement(N.Q,{action:Te},J),e.createElement(Q.d8,{ref:Se,$disabled:R,hasError:pe},e.createElement(Q.fv,{wrap:"wrap"},!I&&w&&e.createElement(Q.K7,{id:`${T}-selected-value`},e.createElement(ue.Z,null,le())),e.createElement(Q.II,{"aria-activedescendant":Fe,"aria-autocomplete":"list","aria-controls":`${T}-listbox`,"aria-disabled":R,"aria-expanded":H,"aria-haspopup":"listbox","aria-labelledby":J?We:void 0,autoComplete:"off",autoCorrect:"off",id:T,onBlur:R?void 0:s,onClick:R?void 0:ee,onInput:R?void 0:r,onKeyDown:R?void 0:o,placeholder:w?"":we,readOnly:R,ref:_,required:xe,role:"combobox",spellCheck:"off",type:"text",value:I})),e.createElement(ve.k,null,(w||I)&&e.createElement(be.zb,{id:`${T}-clear`,"aria-label":C,disabled:R,paddingLeft:3,as:"button",onClick:b,type:"button"},e.createElement(L.Cross,null)),e.createElement(be.AV,{disabled:R,paddingLeft:3,"aria-hidden":!0,as:"button",onClick:S,tabIndex:-1,type:"button"},e.createElement(L.CarretDown,null)))),e.createElement(Ce.J,null),e.createElement(F.c,null)),H&&e.createElement(Re.J,{id:`${T}-popover`,source:Se,spacing:4,fullWidth:!0,intersectionId:`${T}-listbox-popover-intersection`,onReachEnd:re&&!z?De:void 0},e.createElement("div",{role:"listbox",ref:Ke,id:`${T}-listbox`,"aria-labelledby":J?We:void 0},(Boolean($.length)||A)&&e.createElement(e.Fragment,null,e.createElement(D,{activeOptionRef:V,options:K}),v()&&A&&e.createElement(me.O,{isSelected:y===$.length,ref:l=>{y===$.length&&(V.current=l)},onMouseDown:u,onClick:()=>f(),taindex:0},q(I))),!$.length&&!A&&!z&&e.createElement(ae.x,{paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,ref:V},e.createElement(ue.Z,{textColor:"neutral800"},Ae(I))),z&&e.createElement(ve.k,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2},e.createElement(W.a,{small:!0},Le)))))},ge=i=>e.createElement(G,{...i,creatable:!0});G.defaultProps={"aria-label":void 0,clearLabel:"clear",creatable:!1,createMessage:i=>`Create "${i}"`,disabled:!1,error:void 0,hasMoreItems:!1,hint:void 0,label:void 0,loading:!1,loadingMessage:"Loading content...",noOptionsMessage:()=>"No results found",onClear:void 0,onCreateOption:void 0,onInputChange:void 0,onLoadMore:void 0,placeholder:"Select or enter a value",value:void 0},ge.defaultProps=G.defaultProps,G.propTypes={"aria-label":n.string,children:n.oneOfType([n.arrayOf(n.node),n.node]),clearLabel:n.string,creatable:n.bool,createMessage:n.func,disabled:n.bool,error:n.string,hasMoreItems:n.bool,hint:n.oneOfType([n.string,n.node,n.arrayOf(n.node)]),label:n.string,labelAction:n.element,loading:n.bool,loadingMessage:n.string,noOptionsMessage:n.func,onChange:n.func.isRequired,onClear:n.func,onCreateOption:n.func,onInputChange:n.func,onLoadMore:n.func,placeholder:n.string,value:n.string},ge.propTypes={...G.propTypes,onCreateOption:n.func.isRequired}},90333:function(te,M,t){t.d(M,{O:function(){return x}});var e=t(32735),n=t(60216),L=t(49372),P=t(91225);const x=(0,e.forwardRef)(({isSelected:E,children:p,...ne},d)=>e.createElement(P.Zq,{hasRadius:!0,paddingLeft:4,paddingRight:4,paddingTop:2,paddingBottom:2,role:"option",background:"neutral0",isSelected:E,ref:d,...ne},e.createElement(L.Z,{textColor:E?"primary600":"neutral800",fontWeight:E?"bold":null},p)));x.defaultProps={isSelected:!1},x.propTypes={children:n.oneOfType([n.string,n.number]).isRequired,isSelected:n.bool},x.displayName="ComboboxOption"},91225:function(te,M,t){t.d(M,{II:function(){return ne},K7:function(){return E},Zq:function(){return d},d8:function(){return x},fv:function(){return p}});var e=t(83292),n=t(72850),L=t(87933),P=t(30350);const x=(0,e.default)(L.k)`
+  position: relative;
+  border: 1px solid ${({theme:h,hasError:k})=>k?h.colors.danger600:h.colors.neutral200};
+  padding-right: ${({theme:h})=>h.spaces[3]};
+  padding-left: ${({theme:h})=>h.spaces[3]};
+  border-radius: ${({theme:h})=>h.borderRadius};
+  background: ${({theme:h})=>h.colors.neutral0};
+
+  ${({theme:h,$disabled:k})=>k?`
+    color: ${h.colors.neutral600};
+    background: ${h.colors.neutral150};
+  `:void 0}
+
+  ${(0,P.k3)()}
+`,E=e.default.div`
+  padding: 1px 2px;
+  grid-area: 1 / 1 / 2 / 3;
+`,p=(0,e.default)(L.k)`
+  display: grid;
+  flex: 1 1 0%;
+  position: relative;
+`,ne=e.default.input`
+  display: inline-grid;
+  grid-area: 1 / 1 / 2 / 3;
+  grid-template-columns: 0px min-content;
+  background: transparent;
+  min-height: ${40/16}rem;
+  border: none;
+  flex: 1;
+  font-size: ${14/16}rem;
+  color: ${({theme:h})=>h.colors.neutral800};
+  outline: none;
+  &:focus-visible {
+    outline: none;
+    box-shadow: none;
+    outline-offset: 0;
+  }
+  &[aria-disabled='true'] {
+    background: inherit;
+    color: inherit;
+    cursor: not-allowed;
+  }
+`,d=(0,e.default)(n.x)`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  ${({isSelected:h,theme:k})=>h&&`background: ${k.colors.primary100};`}
+
+  &:hover {
+    background: ${({theme:h})=>h.colors.primary100};
+  }
+`},27169:function(te,M,t){t.d(M,{Z:function(){return n}});var e=t(74512);function n(L){return(0,e.jsx)("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...L,children:(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.057 18c.552 0 1 .451 1 .997v4.006a1 1 0 01-.941.995l-.059.002c-.552 0-1-.451-1-.997v-4.006a1 1 0 01.941-.995l.06-.002zm-3.06-.736l.055.03c.478.276.64.89.367 1.364l-2.002 3.468a1 1 0 01-1.31.394l-.055-.03a1.002 1.002 0 01-.368-1.363l2.003-3.469a1 1 0 011.31-.394zm7.42.394l2.002 3.468a1 1 0 01-.314 1.331l-.053.033a1.002 1.002 0 01-1.365-.363l-2.003-3.469a1 1 0 01.314-1.33l.054-.034a1.002 1.002 0 011.364.364zm-9.548-2.66l.033.054c.276.478.11 1.091-.364 1.364L3.07 18.42a1 1 0 01-1.331-.314l-.033-.053a1.001 1.001 0 01.364-1.365l3.468-2.003a1 1 0 011.33.314zm11.79-.313l3.468 2.002a1 1 0 01.393 1.31l-.03.055c-.276.478-.89.64-1.363.367l-3.469-2.003a1 1 0 01-.394-1.309l.03-.055c.276-.479.89-.64 1.364-.367zm4.344-3.628a1 1 0 01.995.941l.002.06c0 .551-.451 1-.997 1h-4.006a1 1 0 01-.995-.942L18 12.057c0-.552.451-1 .997-1h4.006zm-18 0a1 1 0 01.995.941l.002.06c0 .551-.451 1-.998 1H.998a1 1 0 01-.996-.942L0 12.057c0-.552.451-1 .998-1h4.004zm17.454-5.059l.033.054c.277.478.11 1.091-.363 1.365l-3.469 2.002a1 1 0 01-1.33-.314l-.034-.053a1.002 1.002 0 01.364-1.365l3.468-2.003a1 1 0 011.331.314zM3.07 5.684l3.468 2.003a1 1 0 01.394 1.31l-.03.055c-.276.478-.89.64-1.364.367L2.07 7.417a1 1 0 01-.394-1.31l.03-.055c.276-.479.89-.64 1.364-.368zm14.926-4.008l.056.03c.478.276.64.89.367 1.364l-2.003 3.468a1 1 0 01-1.309.394l-.055-.03a1.002 1.002 0 01-.367-1.364l2.002-3.468a1 1 0 011.31-.394zm-10.58.394L9.42 5.538a1 1 0 01-.314 1.33l-.053.034a1.002 1.002 0 01-1.365-.364L5.684 3.07a1 1 0 01.314-1.331l.054-.033a1.002 1.002 0 011.365.364zM12.058 0c.552 0 1 .451 1 .998v4.004a1 1 0 01-.941.996L12.057 6c-.552 0-1-.451-1-.998V.998a1 1 0 01.941-.996l.06-.002z",fill:"#212134"})})}}}]);

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

@@ -0,0 +1,42 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4121],{74767:function(We,S,t){t.r(S),t.d(S,{default:function(){return ge}});var e=t(32735),s=t(88425),W=t(83983),B=t(5141),U=t(5636),F=t(96709),X=t(28356),j=t(99223),J=t(17e3),Q=t(9695),M=t(87933),Y=t(27677),A=t(50563),x=t(44426),q=t(94745),_=t(73269),ee=t(76330),$=t(29005),d=t(66735),te=t(3594),g=t(49372),H=t(41415),ne=t(3685),b=t(60216),P=t(83292),K=t(72850);const y=P.default.div`
+  background: ${({theme:a})=>a.colors.danger500};
+  border: none;
+  border-radius: 16px;
+  position: relative;
+  height: ${24/16}rem;
+  width: ${40/16}rem;
+
+  & span {
+    font-size: ${({visibleLabels:a})=>a?"1rem":0};
+  }
+
+  &:before {
+    content: '';
+    background: ${({theme:a})=>a.colors.neutral0};
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    position: absolute;
+    transition: all 0.5s;
+    left: ${({theme:a})=>a.spaces[1]};
+    top: ${({theme:a})=>a.spaces[1]};
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &:before {
+      transition: none;
+    }
+  }
+`,ae=P.default.button`
+  background: transparent;
+  padding: 0;
+  border: none;
+
+  &[aria-checked='true'] ${y} {
+    background: ${({theme:a})=>a.colors.success500};
+  }
+
+  &[aria-checked='true'] ${y}:before {
+    transform: translateX(1rem);
+  }
+`,T=e.forwardRef(({label:a,onChange:i,onLabel:o,offLabel:r,selected:h,visibleLabels:m,...u},l)=>e.createElement(ae,{ref:l,role:"switch","aria-checked":h,"aria-label":a,onClick:i,visibleLabels:m,type:"button",...u},e.createElement(M.k,null,e.createElement(y,null,e.createElement("span",null,o),e.createElement("span",null,r)),m&&e.createElement(K.x,{as:"span","aria-hidden":!0,paddingLeft:2,color:h?"success600":"danger600"},h?o:r))));T.defaultProps={onLabel:"On",offLabel:"Off",visibleLabels:!1},T.propTypes={label:b.string.isRequired,offLabel:b.string,onChange:b.func.isRequired,onLabel:b.string,selected:b.bool.isRequired,visibleLabels:b.bool},T.displayName="Switch";var le=t(27649),oe=t(94638),C=t(19406),se=t(68625),G=t(4038),ie=t(54725),re=t(97889),de=t(3040),ce=t.n(de);const ue={webhooks:[],webhooksToDelete:[],webhookToDelete:null,loadingWebhooks:!0};var Ee=(a,i)=>(0,re.default)(a,o=>{switch(i.type){case"GET_DATA_SUCCEEDED":{o.webhooks=i.data,o.loadingWebhooks=!1;break}case"TOGGLE_LOADING":{o.loadingWebhooks=!a.loadingWebhooks;break}case"SET_WEBHOOK_ENABLED":{ce()(o,["webhooks",...i.keys],i.value);break}case"SET_WEBHOOK_TO_DELETE":{o.webhookToDelete=i.id;break}case"SET_WEBHOOKS_TO_DELETE":{i.value?o.webhooksToDelete.push(i.id):o.webhooksToDelete=a.webhooksToDelete.filter(r=>r!==i.id);break}case"SET_ALL_WEBHOOKS_TO_DELETE":{a.webhooksToDelete.length===0?o.webhooksToDelete=a.webhooks.map(r=>r.id):o.webhooksToDelete=[];break}case"WEBHOOKS_DELETED":{o.webhooks=a.webhooks.filter(r=>!a.webhooksToDelete.includes(r.id)),o.webhooksToDelete=[];break}case"WEBHOOK_DELETED":{o.webhooks=a.webhooks.filter((r,h)=>h!==i.index),o.webhookToDelete=null;break}default:return o}}),he=t(98399),me=()=>{const{isLoading:a,allowedActions:{canCreate:i,canRead:o,canUpdate:r,canDelete:h}}=(0,s.useRBAC)(W.Z.settings.webhooks),m=(0,s.useNotification)(),u=(0,e.useRef)(!0),{formatMessage:l}=(0,U.useIntl)(),[be,v]=(0,e.useState)(!1),[{webhooks:L,webhooksToDelete:O,webhookToDelete:p,loadingWebhooks:w},E]=(0,e.useReducer)(Ee,ue),{notifyStatus:fe}=(0,oe.G)();(0,s.useFocusWhenNavigate)();const{push:Te}=(0,B.useHistory)(),{pathname:N}=(0,B.useLocation)(),D=L.length,f=O.length,I=n=>L.findIndex(c=>c.id===n);(0,e.useEffect)(()=>(u.current=!0,()=>{u.current=!1}),[]),(0,e.useEffect)(()=>{o&&ve()},[o]);const ve=async()=>{try{const{data:n}=await(0,s.request)("/admin/webhooks",{method:"GET"});u.current&&(E({type:"GET_DATA_SUCCEEDED",data:n}),fe("webhooks have been loaded"))}catch(n){he.log(n),u.current&&(n.code!==20&&m({type:"warning",message:{id:"notification.error"}}),E({type:"TOGGLE_LOADING"}))}},Le=()=>{v(n=>!n)},De=()=>{p?ke():ye()},ke=async()=>{try{await(0,s.request)(`/admin/webhooks/${p}`,{method:"DELETE"}),E({type:"WEBHOOK_DELETED",index:I(p)})}catch(n){n.code!==20&&m({type:"warning",message:{id:"notification.error"}})}v(!1)},ye=async()=>{const n={ids:O};try{await(0,s.request)("/admin/webhooks/batch-delete",{method:"POST",body:n}),u.current&&E({type:"WEBHOOKS_DELETED"})}catch(c){u.current&&c.code!==20&&m({type:"warning",message:{id:"notification.error"}})}v(!1)},R=n=>{v(!0),n!=="all"&&E({type:"SET_WEBHOOK_TO_DELETE",id:n})},Ce=async(n,c)=>{const V=I(c),we=L[V],Z=[V,"isEnabled"],z={...we,isEnabled:n};delete z.id;try{E({type:"SET_WEBHOOK_ENABLED",keys:Z,value:n}),await(0,s.request)(`/admin/webhooks/${c}`,{method:"PUT",body:z})}catch(Se){u.current&&(E({type:"SET_WEBHOOK_ENABLED",keys:Z,value:!n}),Se.code!==20&&m({type:"warning",message:{id:"notification.error"}}))}},Oe=()=>{E({type:"SET_ALL_WEBHOOKS_TO_DELETE"})},pe=(n,c)=>{E({type:"SET_WEBHOOKS_TO_DELETE",value:n,id:c})},k=n=>{Te(`${N}/${n}`)};return e.createElement(F.A,null,e.createElement(s.SettingsPageTitle,{name:"Webhooks"}),e.createElement(le.o,{"aria-busy":a||w},e.createElement(X.T,{title:l({id:"Settings.webhooks.title",defaultMessage:"Webhooks"}),subtitle:l({id:"Settings.webhooks.list.description",defaultMessage:"Get POST changes notifications"}),primaryAction:i&&!w&&e.createElement(s.LinkButton,{startIcon:e.createElement(C.default,null),variant:"default",to:`${N}/create`,size:"S"},l({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}),f>0&&h&&e.createElement(j.Z,{startActions:e.createElement(e.Fragment,null,e.createElement(g.Z,{variant:"epsilon",textColor:"neutral600"},l({id:"Settings.webhooks.to.delete",defaultMessage:"{webhooksToDeleteLength, plural, one {# asset} other {# assets}} selected"},{webhooksToDeleteLength:f})),e.createElement(H.z,{onClick:()=>R("all"),startIcon:e.createElement(G.default,null),size:"L",variant:"danger-light"},l({id:"global.delete",defaultMessage:"Delete"})))}),e.createElement(J.D,null,a||w?e.createElement(K.x,{background:"neutral0",padding:6,shadow:"filterShadow",hasRadius:!0},e.createElement(s.LoadingIndicatorPage,null)):e.createElement(e.Fragment,null,D>0?e.createElement(q.i,{colCount:5,rowCount:D+1,footer:e.createElement(_.c,{onClick:()=>i?k("create"):{},icon:e.createElement(C.default,null)},l({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))},e.createElement(ee.h,null,e.createElement($.Tr,null,e.createElement(d.Th,null,e.createElement(x.C,{"aria-label":l({id:"global.select-all-entries",defaultMessage:"Select all entries"}),indeterminate:f>0&&f<D,value:f===D,onValueChange:Oe})),e.createElement(d.Th,{width:"20%"},e.createElement(g.Z,{variant:"sigma",textColor:"neutral600"},l({id:"global.name",defaultMessage:"Name"}))),e.createElement(d.Th,{width:"60%"},e.createElement(g.Z,{variant:"sigma",textColor:"neutral600"},l({id:"Settings.webhooks.form.url",defaultMessage:"URL"}))),e.createElement(d.Th,{width:"20%"},e.createElement(g.Z,{variant:"sigma",textColor:"neutral600"},l({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"}))),e.createElement(d.Th,null,e.createElement(ne.T,null,l({id:"Settings.webhooks.list.th.actions",defaultMessage:"Actions"}))))),e.createElement(te.p,null,L.map(n=>e.createElement($.Tr,{key:n.id,...(0,s.onRowClick)({fn:()=>k(n.id),condition:r})},e.createElement(d.Td,{...s.stopPropagation},e.createElement(x.C,{"aria-label":`${l({id:"global.select",defaultMessage:"Select"})} ${n.name}`,value:O?.includes(n.id),onValueChange:c=>pe(c,n.id),id:"select",name:"select"})),e.createElement(d.Td,null,e.createElement(g.Z,{fontWeight:"semiBold",textColor:"neutral800"},n.name)),e.createElement(d.Td,null,e.createElement(g.Z,{textColor:"neutral800"},n.url)),e.createElement(d.Td,null,e.createElement(M.k,{...s.stopPropagation},e.createElement(T,{onLabel:l({id:"global.enabled",defaultMessage:"Enabled"}),offLabel:l({id:"global.disabled",defaultMessage:"Disabled"}),label:`${n.name} ${l({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"})}`,selected:n.isEnabled,onChange:()=>Ce(!n.isEnabled,n.id),visibleLabels:!0}))),e.createElement(d.Td,null,e.createElement(Y.K,{horizontal:!0,spacing:1,...s.stopPropagation},r&&e.createElement(A.h,{onClick:()=>{k(n.id)},label:l({id:"Settings.webhooks.events.update",defaultMessage:"Update"}),icon:e.createElement(se.Z,null),noBorder:!0}),h&&e.createElement(A.h,{onClick:()=>R(n.id),label:l({id:"global.delete",defaultMessage:"Delete"}),icon:e.createElement(G.default,null),noBorder:!0,id:`delete-${n.id}`}))))))):e.createElement(Q.x,{icon:e.createElement(ie.default,{width:"160px"}),content:l({id:"Settings.webhooks.list.empty.description",defaultMessage:"No webhooks found"}),action:e.createElement(H.z,{variant:"secondary",startIcon:e.createElement(C.default,null),onClick:()=>i?k("create"):{}},l({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))})))),e.createElement(s.ConfirmDialog,{isOpen:be,onToggleDialog:Le,onConfirm:De}))},ge=()=>e.createElement(s.CheckPagePermissions,{permissions:W.Z.settings.webhooks.main},e.createElement(me,null))}}]);

package/ee/admin/hooks/useSettingsMenu/utils/customAdminLinks.js

@@ -0,0 +1,17 @@
+import adminPermissions from '../../../../../admin/src/permissions';
+
+const auditLogsRoutes = strapi.features.isEnabled(strapi.features.AUDIT_LOGS)
+  ? [
+      {
+        intlLabel: { id: 'global.auditLogs', defaultMessage: 'Audit Logs' },
+        to: '/settings/audit-logs?pageSize=50&page=1&sort=date:DESC',
+        id: 'auditLogs',
+        isDisplayed: false,
+        permissions: adminPermissions.settings.auditLogs.main,
+      },
+    ]
+  : [];
+
+const customAdminLinks = [...auditLogsRoutes];
+
+export default customAdminLinks;

package/{admin/src → ee/admin}/pages/SettingsPage/pages/AuditLogs/ListView/Modal/index.js

@@ -14,6 +14,10 @@ const Modal = ({ handleClose, logId }) => {
   const fetchAuditLog = async (id) => {
     const { data } = await get(`/admin/audit-logs/${id}`);
 
+    if (!data) {
+      throw new Error('Audit log not found');
+    }
+
     return data;
   };
 
@@ -46,7 +50,7 @@ const Modal = ({ handleClose, logId }) => {
 
 Modal.propTypes = {
   handleClose: PropTypes.func.isRequired,
-  logId: PropTypes.number.isRequired,
+  logId: PropTypes.string.isRequired,
 };
 
 export default Modal;

package/{admin/src → ee/admin}/pages/SettingsPage/pages/AuditLogs/ListView/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useIntl } from 'react-intl';
 import {
   SettingsPageTitle,
@@ -7,12 +7,13 @@ import {
   useNotification,
   useFocusWhenNavigate,
   useFetchClient,
+  useQueryParams,
 } from '@strapi/helper-plugin';
 import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout';
 import { Main } from '@strapi/design-system/Main';
 import { useLocation } from 'react-router-dom';
 import { useQuery } from 'react-query';
-import adminPermissions from '../../../../../permissions';
+import adminPermissions from '../../../../../../../admin/src/permissions';
 import TableRows from './TableRows';
 import tableHeaders from './utils/tableHeaders';
 import PaginationFooter from './PaginationFooter';
@@ -26,6 +27,7 @@ const ListView = () => {
   } = useRBAC(adminPermissions.settings.auditLogs);
   const { get } = useFetchClient();
   const { search } = useLocation();
+  const [{ query }, setQuery] = useQueryParams();
 
   useFocusWhenNavigate();
 
@@ -40,7 +42,7 @@ const ListView = () => {
     enabled: canRead,
     keepPreviousData: true,
     retry: false,
-    staleTime: 1000 * 20,
+    staleTime: 1000 * 10,
     onError() {
       toggleNotification({
         type: 'warning',
@@ -62,8 +64,6 @@ const ListView = () => {
     },
   }));
 
-  const [modalLogId, setModalLogId] = useState(null);
-
   return (
     <Main aria-busy={isLoading}>
       <SettingsPageTitle name={title} />
@@ -85,12 +85,12 @@ const ListView = () => {
           <TableRows
             headers={headers}
             rows={data?.results || []}
-            onOpenModal={(id) => setModalLogId(id)}
+            onOpenModal={(id) => setQuery({ id })}
           />
         </DynamicTable>
         <PaginationFooter pagination={data?.pagination} />
       </ContentLayout>
-      {modalLogId && <Modal handleClose={() => setModalLogId(null)} logId={modalLogId} />}
+      {query?.id && <Modal handleClose={() => setQuery({ id: null }, 'remove')} logId={query.id} />}
     </Main>
   );
 };

package/{admin/src → ee/admin}/pages/SettingsPage/pages/AuditLogs/ListView/utils/getActionTypesDefaultMessages.js

@@ -7,6 +7,9 @@ const actionTypes = {
   'media.create': 'Create media',
   'media.update': 'Update media',
   'media.delete': 'Delete media',
+  'media-folder.create': 'Create media folder',
+  'media-folder.update': 'Update media folder',
+  'media-folder.delete': 'Delete media folder',
   'user.create': 'Create user',
   'user.update': 'Update user',
   'user.delete': 'Delete user',

package/{admin/src → ee/admin}/pages/SettingsPage/pages/AuditLogs/ProtectedListPage/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CheckPagePermissions } from '@strapi/helper-plugin';
-import adminPermissions from '../../../../../permissions';
+import adminPermissions from '../../../../../../../admin/src/permissions';
 import ListView from '../ListView';
 
 const ProtectedListPage = () => (

package/ee/admin/pages/SettingsPage/{SingleSignOn → pages/SingleSignOn}/index.js

@@ -17,9 +17,9 @@ import { Select, Option } from '@strapi/design-system/Select';
 import { Grid, GridItem } from '@strapi/design-system/Grid';
 import { useIntl } from 'react-intl';
 import isEqual from 'lodash/isEqual';
-import { getRequestUrl } from '../../../../../admin/src/utils';
-import { useRolesList, useSettingsForm } from '../../../../../admin/src/hooks';
-import adminPermissions from '../../../../../admin/src/permissions';
+import { getRequestUrl } from '../../../../../../admin/src/utils';
+import { useRolesList, useSettingsForm } from '../../../../../../admin/src/hooks';
+import adminPermissions from '../../../../../../admin/src/permissions';
 import schema from './utils/schema';
 
 const ssoPermissions = {

package/ee/admin/pages/SettingsPage/utils/customRoutes.js

@@ -1,19 +1,31 @@
-const ssoRoutes = strapi.features.isEnabled(strapi.features.SSO)
-  ? [
-      {
-        async Component() {
-          const component = await import(
-            /* webpackChunkName: "sso-settings-page" */ '../SingleSignOn'
-          );
+const routes = [];
 
-          return component;
-        },
-        to: '/settings/single-sign-on',
-        exact: true,
-      },
-    ]
-  : [];
+if (strapi.features.isEnabled(strapi.features.SSO)) {
+  routes.push({
+    async Component() {
+      const component = await import(
+        /* webpackChunkName: "sso-settings-page" */ '../pages/SingleSignOn'
+      );
 
-const customRoutes = [...ssoRoutes];
+      return component;
+    },
+    to: '/settings/single-sign-on',
+    exact: true,
+  });
+}
 
-export default customRoutes;
+if (strapi.features.isEnabled(strapi.features.AUDIT_LOGS)) {
+  routes.push({
+    async Component() {
+      const component = await import(
+        /* webpackChunkName: "audit-logs-settings-page" */ '../pages/AuditLogs/ProtectedListPage'
+      );
+
+      return component;
+    },
+    to: '/settings/audit-logs',
+    exact: true,
+  });
+}
+
+export default routes;

package/ee/server/bootstrap.js

@@ -17,5 +17,7 @@ module.exports = async () => {
     await actionProvider.registerMany(actions.auditLogs);
   }
 
+  // TODO: check admin seats
+
   await executeCEBootstrap();
 };

package/ee/server/routes/index.js

@@ -1,17 +1,13 @@
 'use strict';
 
-// eslint-disable-next-line node/no-extraneous-require
 const { features } = require('@strapi/strapi/lib/utils/ee');
-const featuresRoutes = require('./features-routes');
 
-const getFeaturesRoutes = () => {
-  return Object.entries(featuresRoutes).flatMap(([featureName, featureRoutes]) => {
-    if (features.isEnabled(featureName)) {
-      return featureRoutes;
-    }
+const enableFeatureMiddleware = (featureName) => (ctx, next) => {
+  if (features.isEnabled(featureName)) {
+    return next();
+  }
 
-    return [];
-  });
+  ctx.status = 404;
 };
 
 module.exports = [
@@ -63,5 +59,93 @@ module.exports = [
       ],
     },
   },
-  ...getFeaturesRoutes(),
+
+  // SSO
+  {
+    method: 'GET',
+    path: '/providers',
+    handler: 'authentication.getProviders',
+    config: {
+      middlewares: [enableFeatureMiddleware('sso')],
+      auth: false,
+    },
+  },
+  {
+    method: 'GET',
+    path: '/connect/:provider',
+    handler: 'authentication.providerLogin',
+    config: {
+      middlewares: [enableFeatureMiddleware('sso')],
+      auth: false,
+    },
+  },
+  {
+    method: 'POST',
+    path: '/connect/:provider',
+    handler: 'authentication.providerLogin',
+    config: {
+      middlewares: [enableFeatureMiddleware('sso')],
+      auth: false,
+    },
+  },
+  {
+    method: 'GET',
+    path: '/providers/options',
+    handler: 'authentication.getProviderLoginOptions',
+    config: {
+      middlewares: [enableFeatureMiddleware('sso')],
+      policies: [
+        'admin::isAuthenticatedAdmin',
+        { name: 'admin::hasPermissions', config: { actions: ['admin::provider-login.read'] } },
+      ],
+    },
+  },
+  {
+    method: 'PUT',
+    path: '/providers/options',
+    handler: 'authentication.updateProviderLoginOptions',
+    config: {
+      middlewares: [enableFeatureMiddleware('sso')],
+      policies: [
+        'admin::isAuthenticatedAdmin',
+        { name: 'admin::hasPermissions', config: { actions: ['admin::provider-login.update'] } },
+      ],
+    },
+  },
+
+  // Audit logs
+  {
+    method: 'GET',
+    path: '/audit-logs',
+    handler: 'auditLogs.findMany',
+    config: {
+      middlewares: [enableFeatureMiddleware('audit-logs')],
+      policies: [
+        'admin::isAuthenticatedAdmin',
+        {
+          name: 'admin::hasPermissions',
+          config: {
+            actions: ['admin::audit-logs.read'],
+          },
+        },
+      ],
+    },
+  },
+  {
+    method: 'GET',
+    path: '/audit-logs/:id',
+    handler: 'auditLogs.findOne',
+    config: {
+      middlewares: [enableFeatureMiddleware('audit-logs')],
+      policies: [
+        'admin::isAuthenticatedAdmin',
+        {
+          name: 'admin::hasPermissions',
+          config: {
+            actions: ['admin::audit-logs.read'],
+          },
+        },
+      ],
+    },
+  },
 ];

package/ee/server/services/audit-logs.js

@@ -2,6 +2,9 @@
 
 const localProvider = require('@strapi/provider-audit-logs-local');
 const { scheduleJob } = require('node-schedule');
+const { features } = require('@strapi/strapi/lib/utils/ee');
+
+const DEFAULT_RETENTION_DAYS = 90;
 
 const defaultEvents = [
   'entry.create',
@@ -12,6 +15,9 @@ const defaultEvents = [
   'media.create',
   'media.update',
   'media.delete',
+  'media-folder.create',
+  'media-folder.update',
+  'media-folder.delete',
   'user.create',
   'user.update',
   'user.delete',
@@ -59,6 +65,12 @@ const createAuditLogsService = (strapi) => {
       return null;
     }
 
+    // Ignore some events based on payload
+    const ignoredUids = ['plugin::upload.file', 'plugin::upload.folder'];
+    if (ignoredUids.includes(args[0]?.uid)) {
+      return null;
+    }
+
     return {
       action: name,
       date: new Date().toISOString(),
@@ -77,9 +89,15 @@ const createAuditLogsService = (strapi) => {
 
   return {
     async register() {
+      const retentionDays =
+        features.get('audit-logs')?.options.retentionDays ?? DEFAULT_RETENTION_DAYS;
       this._provider = await localProvider.register({ strapi });
       this._eventHubUnsubscribe = strapi.eventHub.subscribe(handleEvent.bind(this));
-      this._deleteExpiredJob = scheduleJob('0 0 * * *', this._provider.deleteExpiredEvents);
+      this._deleteExpiredJob = scheduleJob('0 0 * * *', () => {
+        const expirationDate = new Date(Date.now() - retentionDays * 24 * 60 * 60 * 1000);
+        this._provider.deleteExpiredEvents(expirationDate);
+      });
+
       return this;
     },
 

package/ee/server/services/passport/sso.js

@@ -1,13 +1,25 @@
 'use strict';
 
+const ee = require('@strapi/strapi/ee');
 const { authEventsMapper } = require('../../../../server/services/passport');
 const createProviderRegistry = require('./provider-registry');
 
 const providerRegistry = createProviderRegistry();
+const errorMessage = 'SSO is disabled. Its functionnalities cannot be accessed.';
 
-const getStrategyCallbackURL = (providerName) => `/admin/connect/${providerName}`;
+const getStrategyCallbackURL = (providerName) => {
+  if (!ee.features.isEnabled('sso')) {
+    throw new Error(errorMessage);
+  }
+
+  return `/admin/connect/${providerName}`;
+};
 
 const syncProviderRegistryWithConfig = () => {
+  if (!ee.features.isEnabled('sso')) {
+    throw new Error(errorMessage);
+  }
+
   const { providers = [] } = strapi.config.get('admin.auth', {});
 
   providerRegistry.registerMany(providers);

package/ee/server/services/passport.js

@@ -25,8 +25,5 @@ const getPassportStrategies = () => {
 
 module.exports = {
   getPassportStrategies,
+  ...sso,
 };
-
-if (features.isEnabled('sso')) {
-  Object.assign(module.exports, sso);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "4.6.0-beta.2",
+  "version": "4.6.0",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -45,21 +45,16 @@
     "@babel/runtime": "7.18.9",
     "@casl/ability": "^5.4.3",
     "@fingerprintjs/fingerprintjs": "3.3.6",
-    "@fortawesome/fontawesome-free": "^5.15.3",
-    "@fortawesome/fontawesome-svg-core": "6.2.0",
-    "@fortawesome/free-brands-svg-icons": "^5.15.3",
-    "@fortawesome/free-solid-svg-icons": "^5.15.3",
-    "@fortawesome/react-fontawesome": "^0.2.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@strapi/babel-plugin-switch-ee-ce": "4.6.0-beta.2",
-    "@strapi/data-transfer": "4.6.0-beta.2",
-    "@strapi/design-system": "0.0.0-jsoninput.0",
-    "@strapi/helper-plugin": "4.6.0-beta.2",
-    "@strapi/icons": "1.4.2",
-    "@strapi/permissions": "4.6.0-beta.2",
-    "@strapi/provider-audit-logs-local": "4.6.0-beta.2",
-    "@strapi/typescript-utils": "4.6.0-beta.2",
-    "@strapi/utils": "4.6.0-beta.2",
+    "@strapi/babel-plugin-switch-ee-ce": "4.6.0",
+    "@strapi/data-transfer": "4.6.0",
+    "@strapi/design-system": "1.6.1",
+    "@strapi/helper-plugin": "4.6.0",
+    "@strapi/icons": "1.6.1",
+    "@strapi/permissions": "4.6.0",
+    "@strapi/provider-audit-logs-local": "4.6.0",
+    "@strapi/typescript-utils": "4.6.0",
+    "@strapi/utils": "4.6.0",
     "axios": "1.2.2",
     "babel-loader": "8.2.5",
     "babel-plugin-styled-components": "2.0.2",
@@ -170,5 +165,5 @@
       }
     }
   },
-  "gitHead": "b852090f931cd21868c4016f24db2f9fdfc7a7ab"
+  "gitHead": "a9e55435c489f3379d88565bf3f729deb29bfb45"
 }