@strapi/admin 4.11.0-beta.1 → 4.11.0-exp.2

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

@@ -0,0 +1,136 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5162],{5998:function(Q,p,t){t.d(p,{Z:function(){return f}});var e=t(32735),r=t(70958);function d(){return e.createElement(r.Z.Root,null,e.createElement(r.Z.Headers,null),e.createElement(r.Z.Body,null))}var f=d},70958:function(Q,p,t){var e=t(32735),r=t(60216),d=t.n(r),f=t(92802),h=t(67879),W=t(8471),ie=t(29397),u=t(87933),D=t(28847),k=t(23866),de=t(31121),G=t(35197),S=t(38837),w=t(3685),v=t(49372),F=t(40801),ce=t(8284),z=t(82884),J=t(70166);const I=n=>n.reduce((s,i)=>{const M=i.split(".")[0];return s[M]||(s[M]=[]),s[M].push(i),s},{}),Y=(0,W.ZP)(ie.w)`
+  tbody tr:nth-child(odd) {
+    background: ${({theme:n})=>n.colors.neutral100};
+  }
+
+  thead th span {
+    color: ${({theme:n})=>n.colors.neutral500};
+  }
+
+  td,
+  th {
+    padding-block-start: ${({theme:n})=>n.spaces[3]};
+    padding-block-end: ${({theme:n})=>n.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:n})=>n.spaces[2]};
+  }
+`,x=n=>{const s=[{id:"Settings.webhooks.events.create",defaultMessage:"Create"},{id:"Settings.webhooks.events.update",defaultMessage:"Update"},{id:"app.utils.delete",defaultMessage:"Delete"}];return n&&(s.push({id:"app.utils.publish",defaultMessage:"Publish"}),s.push({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),s},ue=n=>{const s=["entry.create","entry.update","entry.delete"];return n&&s.push("entry.publish","entry.unpublish"),{entry:s,media:["media.create","media.update","media.delete"]}},q=e.createContext(),se=({children:n})=>{const{formatMessage:s}=(0,h.Z)(),{collectionTypes:i,isLoading:M}=(0,J.G)(),b=e.useMemo(()=>i.some(B=>B.options.draftAndPublish===!0),[i]),R=s({id:"Settings.webhooks.form.events",defaultMessage:"Events"});return e.createElement(q.Provider,{value:{isDraftAndPublish:b}},e.createElement(u.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(D.Q,{"aria-hidden":!0},R),M&&e.createElement(k.a,null,s({id:"Settings.webhooks.events.isLoading",defaultMessage:"Events loading"})),e.createElement(Y,{"aria-label":R},n)))};se.propTypes={children:d().oneOfType([d().arrayOf(d().node),d().node]).isRequired};const ee=({getHeaders:n=x})=>{const{isDraftAndPublish:s}=e.useContext(q),{formatMessage:i}=(0,h.Z)(),M=n(s);return e.createElement(de.S,null,e.createElement(G.Z,null,e.createElement(S.g,null,e.createElement(w.T,null,i({id:"Settings.webhooks.event.select",defaultMessage:"Select event"}))),M.map(b=>["app.utils.publish","app.utils.unpublish"].includes(b.id)?e.createElement(S.g,{key:b.id,title:i({id:"Settings.webhooks.event.publish-tooltip",defaultMessage:"This event only exists for content with draft & publish enabled"})},e.createElement(v.Z,{variant:"sigma",textColor:"neutral600"},i(b))):e.createElement(S.g,{key:b.id},e.createElement(v.Z,{variant:"sigma",textColor:"neutral600"},i(b))))))};ee.defaultProps={getHeaders:x},ee.propTypes={getHeaders:d().func};const te=({providedEvents:n})=>{const{isDraftAndPublish:s}=e.useContext(q),i=n||ue(s),{values:M,handleChange:b}=(0,f.u6)(),R="events",B=M.events,N=[],X=I(B),y=({target:{name:P,value:m}})=>{let T=new Set(B);m?T.add(P):T.delete(P),b({target:{name:R,value:Array.from(T)}})},Z=({target:{name:P,value:m}})=>{let T=new Set(B);m?i[P].forEach(V=>{N.includes(V)||T.add(V)}):i[P].forEach(V=>T.delete(V)),b({target:{name:R,value:Array.from(T)}})};return e.createElement(F.X,null,Object.entries(i).map(([P,m])=>e.createElement(K,{disabledEvents:N,key:P,name:P,events:m,inputValue:X[P],handleSelect:y,handleSelectAll:Z})))};te.defaultProps={providedEvents:null},te.propTypes={providedEvents:d().object};const ge=n=>n.replace(/-/g," ").split(" ").map(s=>s.charAt(0).toUpperCase()+s.slice(1).toLowerCase()).join(" "),K=({disabledEvents:n,name:s,events:i,inputValue:M,handleSelect:b,handleSelectAll:R})=>{const{formatMessage:B}=(0,h.Z)(),N=i.filter(m=>!n.includes(m)),X=M.length>0,y=M.length===N.length,Z=({target:{name:m}})=>{R({target:{name:m,value:!y}})},P=5;return e.createElement(G.Z,null,e.createElement(S.f,null,e.createElement(ce.X,{indeterminate:X&&!y,"aria-label":B({id:"global.select-all-entries",defaultMessage:"Select all entries"}),name:s,onChange:Z,value:y},ge(s))),i.map(m=>e.createElement(S.f,{key:m},e.createElement(z.C,{disabled:n.includes(m),"aria-label":m,name:m,value:M.includes(m),onValueChange:T=>b({target:{name:m,value:T}})}))),i.length<P&&e.createElement(S.f,{colSpan:`${P-i.length}`}))};K.defaultProps={disabledEvents:[],events:[],inputValue:[],handleSelect(){},handleSelectAll(){}},K.propTypes={disabledEvents:d().array,events:d().array,inputValue:d().array,handleSelect:d().func,handleSelectAll:d().func,name:d().string.isRequired},p.Z={Root:se,Headers:ee,Body:te,EventRow:K}},82167:function(Q,p,t){t.d(p,{Z:function(){return he}});var e=t(32735),r=t(69262),d=t(27649),f=t(20108),h=t(53038),W=t(70166),ie=t(60216),u=t.n(ie),D=t(92802),k=t(67879),de=t(2438),G=t(66456),S=t(29439),w=t(82055),v=t(87933),F=t(41415),ce=t(17e3),z=t(72850),J=t(15335),I=t(5803),Y=t(10369),x=t(24346);const ue=/(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/,q=/(^$)|((https?:\/\/.*)(d*)\/?(.*))/,se=({formatMessage:a})=>x.Ry().shape({name:x.Z_().required(a({id:"Settings.webhooks.validation.name",defaultMessage:"Name is required"})).matches(ue,r.I0.regex),url:x.Z_().required(a({id:"Settings.webhooks.validation.url.required",defaultMessage:"Url is required"})).matches(q,a({id:r.I0.regex,defaultMessage:"The value does not match the regex"})),headers:x.Vo(o=>{let l=x.IX();if(o.length===1){const{key:g,value:E}=o[0];if(!g&&!E)return l}return l.of(x.Ry().shape({key:x.Z_().required(a({id:"Settings.webhooks.validation.key",defaultMessage:"Key is required"})),value:x.Z_().required(a({id:"Settings.webhooks.validation.value",defaultMessage:"Value is required"}))}))}),events:x.IX()});var ee=t(19406),te=t(28847),ge=t(7563),K=t(21428),n=t(90333);const s=["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"],i=({name:a,onChange:o,value:l,...g})=>{const{values:{headers:E}}=(0,D.u6)(),[U,c]=(0,e.useState)(s);(0,e.useEffect)(()=>{c(s.filter(C=>!E?.some(_=>_.key!==l&&_.key===C)))},[E,l]);const O=C=>{o({target:{name:a,value:C}})},ae=C=>{c(_=>[..._,C]),O(C)};return e.createElement(K.XU,{...g,onClear:()=>O(""),onChange:O,onCreateOption:ae,placeholder:"",value:l},U.map(C=>e.createElement(n.O,{value:C,key:C},C)))};i.defaultProps={value:void 0},i.propTypes={name:u().string.isRequired,onChange:u().func.isRequired,value:u().string};var M=i,R=()=>{const{formatMessage:a}=(0,k.Z)(),{values:o,errors:l}=(0,D.u6)();return e.createElement(v.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(te.Q,null,a({id:"Settings.webhooks.form.headers",defaultMessage:"Headers"})),e.createElement(z.x,{padding:8,background:"neutral100",hasRadius:!0},e.createElement(D.F2,{validateOnChange:!1,name:"headers",render:({push:g,remove:E})=>e.createElement(J.r,{gap:4},o.headers.map((U,c)=>e.createElement(e.Fragment,{key:`${c}.${U.key}`},e.createElement(I.P,{col:6},e.createElement(D.gN,{as:M,name:`headers.${c}.key`,"aria-label":`row ${c+1} key`,label:a({id:"Settings.webhooks.key",defaultMessage:"Key"}),error:l.headers?.[c]?.key&&l.headers[c].key})),e.createElement(I.P,{col:6},e.createElement(v.k,{alignItems:"flex-end"},e.createElement(z.x,{style:{flex:1}},e.createElement(D.gN,{as:Y.o,name:`headers.${c}.value`,"aria-label":`row ${c+1} value`,label:a({id:"Settings.webhooks.value",defaultMessage:"Value"}),error:l.headers?.[c]?.value&&l.headers[c].value})),e.createElement(v.k,{paddingLeft:2,style:{alignSelf:"center"},paddingTop:l.headers?.[c]?.value?0:5},e.createElement(r.fG,{disabled:o.headers.length===1,onClick:()=>E(c),label:a({id:"Settings.webhooks.headers.remove",defaultMessage:"Remove header row {number}"},{number:c+1})})))))),e.createElement(I.P,{col:12},e.createElement(ge.A,{type:"button",onClick:()=>{g({key:"",value:""})},startIcon:e.createElement(ee.Z,null)},a({id:"Settings.webhooks.create.header",defaultMessage:"Create new header"}))))})))},B=t(8471),N=t(27169),X=t(35331),y=t(49372);const Z=B.ZP.svg(({theme:a,color:o})=>`
+  width: ${12/16}rem;
+  height: ${12/16}rem;
+
+  path {
+    fill: ${a.colors[o]};
+  }
+`),P=({isPending:a,statusCode:o})=>{const{formatMessage:l}=(0,k.Z)();return a?e.createElement(v.k,{gap:2,alignItems:"center"},e.createElement(Z,{as:N.Z}),e.createElement(y.Z,null,l({id:"Settings.webhooks.trigger.pending",defaultMessage:"pending"}))):o>=200&&o<300?e.createElement(v.k,{gap:2,alignItems:"center"},e.createElement(Z,{as:G.Z,color:"success700"}),e.createElement(y.Z,null,l({id:"Settings.webhooks.trigger.success",defaultMessage:"success"}))):o>=300?e.createElement(v.k,{gap:2,alignItems:"center"},e.createElement(Z,{as:X.Z,color:"danger700"}),e.createElement(y.Z,null,l({id:"Settings.error",defaultMessage:"error"})," ",o)):null};P.propTypes={isPending:u().bool.isRequired,statusCode:u().number},P.defaultProps={statusCode:void 0};const m=({statusCode:a,message:o})=>{const{formatMessage:l}=(0,k.Z)();return a>=200&&a<300?e.createElement(v.k,{justifyContent:"flex-end"},e.createElement(y.Z,{textColor:"neutral600",ellipsis:!0},l({id:"Settings.webhooks.trigger.success.label",defaultMessage:"Trigger succeeded"}))):a>=300?e.createElement(v.k,{justifyContent:"flex-end"},e.createElement(v.k,{maxWidth:(0,r.Q1)(250),justifyContent:"flex-end",title:o},e.createElement(y.Z,{ellipsis:!0,textColor:"neutral600"},o))):null};m.propTypes={statusCode:u().number,message:u().string},m.defaultProps={statusCode:void 0,message:void 0};const T=({onCancel:a})=>{const{formatMessage:o}=(0,k.Z)();return e.createElement(v.k,{justifyContent:"flex-end"},e.createElement("button",{onClick:a,type:"button"},e.createElement(v.k,{gap:2,alignItems:"center"},e.createElement(y.Z,{textColor:"neutral400"},o({id:"Settings.webhooks.trigger.cancel",defaultMessage:"cancel"})),e.createElement(Z,{as:X.Z,color:"neutral400"}))))};T.propTypes={onCancel:u().func.isRequired};const V=({isPending:a,onCancel:o,response:l})=>{const{statusCode:g,message:E}=l,{formatMessage:U}=(0,k.Z)();return e.createElement(z.x,{background:"neutral0",padding:5,shadow:"filterShadow",hasRadius:!0},e.createElement(J.r,{gap:4,style:{alignItems:"center"}},e.createElement(I.P,{col:3},e.createElement(y.Z,null,U({id:"Settings.webhooks.trigger.test",defaultMessage:"Test-trigger"}))),e.createElement(I.P,{col:3},e.createElement(P,{isPending:a,statusCode:g})),e.createElement(I.P,{col:6},a?e.createElement(T,{onCancel:o}):e.createElement(m,{statusCode:g,message:E}))))};V.defaultProps={isPending:!1,onCancel(){},response:{}},V.propTypes={isPending:u().bool,onCancel:u().func,response:u().object};var ve=V;const Me=(()=>window&&window.strapi&&window.strapi.isEE?t(10635).Z:t(5998).Z)(),ne=a=>{let{handleSubmit:o,triggerWebhook:l,isCreating:g,isTriggering:E,triggerResponse:U,data:c}=a;const{formatMessage:O}=(0,k.Z)(),[ae,C]=(0,e.useState)(!1),_=A=>Object.keys(A).length?Object.entries(A).map(re=>{let[me,oe]=re;return{key:me,value:oe}}):[{key:"",value:""}],$=(0,D.TA)({initialValues:{name:c?.name||"",url:c?.url||"",headers:_(c?.headers||{}),events:c?.events||[]},onSubmit:o,validationSchema:se({formatMessage:O}),validateOnChange:!1,validateOnBlur:!1});return e.createElement(D.Hy,{value:$},e.createElement(r.l0,{onSubmit:$.handleSubmit},e.createElement(w.T,{primaryAction:e.createElement(v.k,{gap:2},e.createElement(F.z,{onClick:()=>{l(),C(!0)},variant:"tertiary",startIcon:e.createElement(de.Z,null),disabled:g||E,size:"L"},O({id:"Settings.webhooks.trigger",defaultMessage:"Trigger"})),e.createElement(F.z,{startIcon:e.createElement(G.Z,null),type:"submit",size:"L",disabled:!$.dirty,loading:$.isSubmitting},O({id:"global.save",defaultMessage:"Save"}))),title:g?O({id:"Settings.webhooks.create",defaultMessage:"Create a webhook"}):c?.name,navigationAction:e.createElement(r.rU,{startIcon:e.createElement(S.Z,null),to:"/settings/webhooks"},O({id:"global.back",defaultMessage:"Back"}))}),e.createElement(ce.D,null,e.createElement(v.k,{direction:"column",alignItems:"stretch",gap:4},ae&&e.createElement(ve,{isPending:E,response:U,onCancel:()=>C(!1)}),e.createElement(z.x,{background:"neutral0",padding:8,shadow:"filterShadow",hasRadius:!0},e.createElement(v.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(J.r,{gap:6},e.createElement(I.P,{col:6},e.createElement(D.gN,{as:Y.o,name:"name",error:$?.errors?.name&&$.errors.name,label:O({id:"global.name",defaultMessage:"Name"}),required:!0})),e.createElement(I.P,{col:12},e.createElement(D.gN,{as:Y.o,name:"url",error:$?.errors?.url&&$.errors.url,label:O({id:"Settings.roles.form.input.url",defaultMessage:"Url"}),required:!0}))),e.createElement(R,null),e.createElement(Me,null)))))))};ne.propTypes={data:u().object,handleSubmit:u().func.isRequired,triggerWebhook:u().func.isRequired,isCreating:u().bool.isRequired,isTriggering:u().bool.isRequired,triggerResponse:u().object},ne.defaultProps={data:void 0,triggerResponse:void 0};var Ce=ne;const Ee=a=>({...a,headers:a.headers.reduce((o,{key:l,value:g})=>(l!==""&&(o[l]=g),o),{})});var he=()=>{const{params:{id:a}}=(0,h.$B)("/settings/webhooks/:id"),o=a==="create",{replace:l}=(0,h.k6)(),g=(0,r.lm)(),{formatAPIError:E}=(0,r.So)(),U=(0,f.useQueryClient)(),{isLoading:c}=(0,W.G)(),{put:O,get:ae,post:C}=(0,r.kY)(),{isLoading:_,data:$,error:A}=(0,f.useQuery)(["webhooks",a],async()=>{const{data:{data:j}}=await ae(`/admin/webhooks/${a}`);return j},{enabled:!o});e.useEffect(()=>{A&&g({type:"warning",message:E(A)})},[A,g,E]);const{isLoading:re,data:me,isIdle:oe,mutate:pe}=(0,f.useMutation)(()=>C(`/admin/webhooks/${a}/trigger`)),fe=()=>pe(null,{onError(j){g({type:"warning",message:E(j)})}}),be=(0,f.useMutation)(j=>C("/admin/webhooks",j)),le=(0,f.useMutation)(({id:j,body:H})=>O(`/admin/webhooks/${j}`,H)),ye=async j=>{if(o){be.mutate(Ee(j),{onSuccess({data:H}){g({type:"success",message:{id:"Settings.webhooks.created"}}),l(`/settings/webhooks/${H.data.id}`)},onError(H){g({type:"warning",message:E(H)})}});return}le.mutate({id:a,body:Ee(j)},{onSuccess(){U.invalidateQueries(["webhooks",a]),g({type:"success",message:{id:"notification.form.success.fields"}})},onError(H){g({type:"warning",message:E(H)})}})};return _||c?e.createElement(r.dO,null):e.createElement(d.o,null,e.createElement(r.SL,{name:"Webhooks"}),e.createElement(Ce,{data:$,handleSubmit:ye,triggerWebhook:fe,isCreating:o,isTriggering:re,isTriggerIdle:oe,triggerResponse:me?.data.data}))}},33238:function(Q,p,t){t.r(p);var e=t(32735),r=t(69262),d=t(83983),f=t(82167);const h=()=>e.createElement(r.O4,{permissions:d.Z.settings.webhooks.create},e.createElement(f.Z,null));p.default=h},59021:function(Q,p,t){t.r(p);var e=t(32735),r=t(69262),d=t(83983),f=t(82167);const h=()=>e.createElement(r.O4,{permissions:d.Z.settings.webhooks.update},e.createElement(f.Z,null));p.default=h},10635:function(Q,p,t){t.d(p,{Z:function(){return f}});var e=t(32735),r=t(70958);function d(){return e.createElement(r.Z.Root,null,e.createElement(r.Z.Headers,null),e.createElement(r.Z.Body,null))}var f=d},21428:function(Q,p,t){t.d(p,{Wx:function(){return ge},XU:function(){return Y},hQ:function(){return I}});var e=t(74512),r=t(32735),d=t(35331),f=t(16899),h=t(77840),W=t(8471),ie=t(14268),u=t(95976),D=t(74971),k=t(36971),de=t(30350),G=t(23866),S=t(72850),w=t(49372),v=t(87107),F=t(87933),ce=t(28847),z=t(67014),J=t(47851);const I=({children:n,clearLabel:s="clear",creatable:i=!1,createMessage:M=_=>`Create "${_}"`,defaultFilterValue:b,defaultTextValue:R,defaultOpen:B=!1,open:N,onOpenChange:X,disabled:y=!1,error:Z,filterValue:P,hasMoreItems:m=!1,hint:T,id:V,label:ve,labelAction:Me,loading:ne=!1,loadingMessage:Ce="Loading content...",noOptionsMessage:Ee=()=>"No results found",onChange:Pe,onClear:he,onCreateOption:a,onFilterValueChange:o,onInputChange:l,onTextValueChange:g,onLoadMore:E,placeholder:U="Select or enter a value",required:c=!1,startIcon:O,textValue:ae,value:C})=>{const[_,$]=(0,u.T)({prop:N,defaultProp:B,onChange:X}),[A,re]=(0,u.T)({prop:ae,defaultProp:R,onChange:g}),[me,oe]=(0,u.T)({prop:P,defaultProp:b,onChange:o}),pe=r.useRef(null),fe=r.useRef(null),be=r.useRef(null),le=(0,D.M)(V),ye=L=>{he&&!y&&(re(""),oe(""),he(L),fe.current.focus())},j=L=>{$(L)},H=L=>{re(L)},De=L=>{oe(L)},xe=L=>{l&&l(L)},Ie=L=>{Pe&&Pe(L)},Re=(0,D.M)(),Oe=`intersection-${(0,ie.B)(Re)}`,_e=L=>{E&&m&&!ne&&E(L)},Te=()=>{a&&A&&a(A)};(0,k.s)(pe,_e,{selectorToWatch:`#${Oe}`,skipWhen:!_});const Ae=`${le}-hint`,Le=`${le}-error`;return(0,e.jsx)(v.g,{hint:T,error:Z,id:le,required:c,children:(0,e.jsxs)(F.k,{direction:"column",alignItems:"stretch",gap:1,children:[(0,e.jsx)(ce.Q,{action:Me,children:ve}),(0,e.jsxs)(h.hQ.Root,{autocomplete:i?"list":"both",open:_,onOpenChange:j,onTextValueChange:H,textValue:A,allowCustomValue:!0,disabled:y,required:c,value:C===null?void 0:C,onValueChange:Ie,filterValue:me,onFilterValueChange:De,children:[(0,e.jsxs)(ue,{$hasError:!!Z,children:[(0,e.jsxs)(F.k,{flex:"1",as:"span",gap:3,children:[O?(0,e.jsx)(S.x,{as:"span","aria-hidden":!0,children:O}):null,(0,e.jsx)(q,{placeholder:U,id:le,"aria-invalid":!!Z,"aria-labelledby":`${Ae} ${Le}`,onChange:xe,ref:fe})]}),(0,e.jsxs)(F.k,{as:"span",gap:3,children:[A&&he?(0,e.jsx)(x,{as:"button",hasRadius:!0,background:"transparent",type:"button",onClick:ye,"aria-disabled":y,"aria-label":s,title:s,ref:be,children:(0,e.jsx)(d.Z,{})}):null,(0,e.jsx)(se,{children:(0,e.jsx)(f.Z,{})})]})]}),(0,e.jsx)(h.hQ.Portal,{children:(0,e.jsx)(ee,{sideOffset:4,children:(0,e.jsxs)(te,{ref:pe,children:[n,i?(0,e.jsx)(h.hQ.CreateItem,{onPointerUp:Te,onClick:Te,asChild:!0,children:(0,e.jsx)(K,{children:(0,e.jsx)(w.Z,{children:M(A??"")})})}):null,!i&&!ne?(0,e.jsx)(h.hQ.NoValueFound,{asChild:!0,children:(0,e.jsx)(K,{$hasHover:!1,children:(0,e.jsx)(w.Z,{children:Ee(A??"")})})}):null,ne?(0,e.jsx)(F.k,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2,children:(0,e.jsx)(G.a,{small:!0,children:Ce})}):null,(0,e.jsx)(S.x,{id:Oe,width:"100%",height:"1px"})]})})})]}),(0,e.jsx)(z.J,{}),(0,e.jsx)(J.c,{})]})})},Y=n=>(0,e.jsx)(I,{...n,creatable:!0}),x=(0,W.ZP)(S.x)`
+  border: none;
+
+  svg {
+    height: ${11/16}rem;
+    width: ${11/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:n})=>n.colors.neutral600};
+  }
+`,ue=(0,W.ZP)(h.hQ.Trigger)`
+  position: relative;
+  border: 1px solid ${({theme:n,$hasError:s})=>s?n.colors.danger600:n.colors.neutral200};
+  padding-right: ${({theme:n})=>n.spaces[3]};
+  padding-left: ${({theme:n})=>n.spaces[3]};
+  border-radius: ${({theme:n})=>n.borderRadius};
+  background: ${({theme:n})=>n.colors.neutral0};
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({theme:n})=>n.spaces[4]};
+
+  &[data-disabled] {
+    color: ${({theme:n})=>n.colors.neutral600};
+    background: ${({theme:n})=>n.colors.neutral150};
+    cursor: not-allowed;
+  }
+
+  /* Required to ensure the below inputFocusStyles are adhered too */
+  &:focus-visible {
+    outline: none;
+  }
+
+  ${({theme:n,$hasError:s})=>(0,de.k3)()({theme:n,hasError:s})};
+`,q=(0,W.ZP)(h.hQ.TextInput)`
+  width: 100%;
+  font-size: ${14/16}rem;
+  color: ${({theme:n})=>n.colors.neutral800};
+  min-height: ${40/16}rem;
+  border: none;
+  background-color: transparent;
+
+  &:focus-visible {
+    outline: none;
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`,se=(0,W.ZP)(h.hQ.Icon)`
+  & > svg {
+    width: ${6/16}rem;
+
+    & > path {
+      fill: ${({theme:n})=>n.colors.neutral600};
+    }
+  }
+
+  &[aria-disabled='true'] {
+    cursor: inherit;
+  }
+`,ee=(0,W.ZP)(h.hQ.Content)`
+  background: ${({theme:n})=>n.colors.neutral0};
+  box-shadow: ${({theme:n})=>n.shadows.filterShadow};
+  border: 1px solid ${({theme:n})=>n.colors.neutral150};
+  border-radius: ${({theme:n})=>n.borderRadius};
+  width: var(--radix-combobox-trigger-width);
+  /* This is from the design-system figma file. */
+  max-height: 15rem;
+  z-index: ${({theme:n})=>n.zIndices[1]};
+`,te=(0,W.ZP)(h.hQ.Viewport)`
+  padding: ${({theme:n})=>n.spaces[1]};
+`,ge=r.forwardRef(({children:n,value:s,disabled:i,textValue:M,...b},R)=>(0,e.jsx)(h.hQ.ComboboxItem,{asChild:!0,value:s,disabled:i,textValue:M,children:(0,e.jsx)(K,{ref:R,...b,children:(0,e.jsx)(h.hQ.ItemText,{asChild:!0,children:(0,e.jsx)(w.Z,{children:n})})})})),K=W.ZP.div`
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline-offset: -3px;
+  padding: ${({theme:n})=>n.spaces[2]} ${({theme:n})=>n.spaces[4]};
+  background-color: ${({theme:n})=>n.colors.neutral0};
+  border-radius: ${({theme:n})=>n.borderRadius};
+  user-select: none;
+
+  &[data-selected] {
+    background-color: ${({theme:n})=>n.colors.primary100};
+
+    ${w.Z} {
+      color: ${({theme:n})=>n.colors.primary600};
+      font-weight: bold;
+    }
+  }
+
+  &:hover,
+  &[data-highlighted] {
+    outline: none;
+    background-color: ${({theme:n,$hasHover:s=!0})=>s?n.colors.primary100:n.colors.neutral0};
+  }
+
+  &[data-highlighted] {
+    ${w.Z} {
+      color: ${({theme:n})=>n.colors.primary600};
+      font-weight: bold;
+    }
+  }
+`},90333:function(Q,p,t){t.d(p,{O:function(){return r}});var e=t(21428);const r=e.Wx},29439:function(Q,p,t){t.d(p,{Z:function(){return d}});var e=t(74512);const r=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=r}}]);

package/build/webhook-list-page.84e5abc9.chunk.js

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

package/ee/admin/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/EventTableEE.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import EventTable from '../../../../../../../../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events';
+
+// const events = {
+//   'review-workflows': ['workflows.updateEntryStage'],
+// };
+
+// TODO: extend this to support review workflow events once the BE logic is ready
+// const getHeaders = () => {
+//   return [{ id: 'review-workflows.updateEntryStage', defaultMessage: 'Stage Change' }];
+// };
+
+export function EventTableEE() {
+  return (
+    <EventTable.Root>
+      <EventTable.Headers />
+      <EventTable.Body />
+      {/* <EventTable.Headers getHeaders={getHeaders} />
+        <EventTable.Body providedEvents={events} /> */}
+    </EventTable.Root>
+  );
+}

package/ee/admin/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/index.js

@@ -0,0 +1,3 @@
+import { EventTableEE } from './EventTableEE';
+
+export default EventTableEE;

package/ee/server/services/review-workflows/review-workflows.js

@@ -108,12 +108,16 @@ function persistStagesJoinTables({ strapi }) {
   };
 }
 
+const registerWebhookEvents = async ({ strapi }) =>
+  strapi.webhookStore.addAllowedEvent('WORKFLOW_UPDATE_STAGE', 'workflow.updateEntryStage');
+
 module.exports = ({ strapi }) => {
   const workflowsService = getService('workflows', { strapi });
   const stagesService = getService('stages', { strapi });
 
   return {
     async bootstrap() {
+      await registerWebhookEvents({ strapi });
       await initDefaultWorkflow({ workflowsService, stagesService, strapi });
     },
     async register() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "4.11.0-beta.1",
+  "version": "4.11.0-exp.2",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -48,15 +48,15 @@
     "@casl/ability": "^5.4.3",
     "@fingerprintjs/fingerprintjs": "3.4.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@strapi/babel-plugin-switch-ee-ce": "4.11.0-beta.1",
-    "@strapi/data-transfer": "4.11.0-beta.1",
-    "@strapi/design-system": "0.0.0-3cf3ff39",
-    "@strapi/helper-plugin": "4.11.0-beta.1",
-    "@strapi/icons": "0.0.0-3cf3ff39",
-    "@strapi/permissions": "4.11.0-beta.1",
-    "@strapi/provider-audit-logs-local": "4.11.0-beta.1",
-    "@strapi/typescript-utils": "4.11.0-beta.1",
-    "@strapi/utils": "4.11.0-beta.1",
+    "@strapi/babel-plugin-switch-ee-ce": "4.11.0-exp.2",
+    "@strapi/data-transfer": "4.11.0-exp.2",
+    "@strapi/design-system": "1.8.0",
+    "@strapi/helper-plugin": "4.11.0-exp.2",
+    "@strapi/icons": "1.8.0",
+    "@strapi/permissions": "4.11.0-exp.2",
+    "@strapi/provider-audit-logs-local": "4.11.0-exp.2",
+    "@strapi/typescript-utils": "4.11.0-exp.2",
+    "@strapi/utils": "4.11.0-exp.2",
     "axios": "1.4.0",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "2.1.1",
@@ -67,7 +67,7 @@
     "chokidar": "^3.5.1",
     "codemirror5": "npm:codemirror@^5.65.11",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
+    "css-loader": "^6.8.1",
     "date-fns": "2.30.0",
     "dotenv": "8.5.1",
     "esbuild-loader": "^2.21.0",
@@ -80,7 +80,6 @@
     "fs-extra": "10.0.0",
     "highlight.js": "^10.4.1",
     "history": "^4.9.0",
-    "hoist-non-react-statics": "^3.3.0",
     "html-loader": "^4.2.0",
     "html-webpack-plugin": "5.5.0",
     "immer": "9.0.19",
@@ -107,16 +106,16 @@
     "p-map": "4.0.0",
     "passport-local": "1.0.0",
     "pluralize": "8.0.0",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "qs": "6.11.1",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-dnd": "15.1.2",
     "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-error-boundary": "3.1.4",
     "react-helmet": "^6.1.0",
     "react-intl": "6.4.1",
-    "react-is": "^17.0.2",
+    "react-is": "^18.2.0",
     "react-query": "3.39.3",
     "react-redux": "8.0.5",
     "react-refresh": "0.14.0",
@@ -131,7 +130,7 @@
     "sift": "16.0.1",
     "style-loader": "3.3.1",
     "styled-components": "5.3.3",
-    "typescript": "5.0.4",
+    "typescript": "5.1.3",
     "webpack": "^5.82.0",
     "webpack-cli": "^5.1.0",
     "webpack-dev-server": "^4.15.0",
@@ -139,9 +138,8 @@
     "yup": "^0.32.9"
   },
   "devDependencies": {
-    "@testing-library/dom": "8.20.0",
-    "@testing-library/react": "12.1.4",
-    "@testing-library/react-hooks": "8.0.1",
+    "@testing-library/dom": "9.2.0",
+    "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "duplicate-dependencies-webpack-plugin": "^1.0.2",
     "glob": "8.0.3",
@@ -165,5 +163,5 @@
       }
     }
   },
-  "gitHead": "a5fa3bd7e1c4680dd350580620d383612597d25d"
+  "gitHead": "d0785a2eb7588c1314108a40fee617bdfd3148e2"
 }

package/server/controllers/webhooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const _ = require('lodash');
-const { yup, webhook: webhookUtils, validateYupSchema } = require('@strapi/utils');
+const { yup, validateYupSchema } = require('@strapi/utils');
 
 const urlRegex =
   /^(?:([a-z0-9+.-]+):\/\/)(?:\S+(?::\S*)?@)?(?:(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9_]-*)*[a-z\u00a1-\uffff0-9_]+)(?:\.(?:[a-z\u00a1-\uffff0-9_]-*)*[a-z\u00a1-\uffff0-9_]+)*\.?)(?::\d{2,5})?(?:[/?#]\S*)?$/;
@@ -23,7 +23,7 @@ const webhookValidator = yup
         )
         .required();
     }),
-    events: yup.array().of(yup.string().oneOf(_.values(webhookUtils.webhookEvents)).required()),
+    events: yup.array().of(yup.string()).required(),
   })
   .noUnknown();
 
@@ -111,10 +111,10 @@ module.exports = {
     for (const id of ids) {
       const webhook = await strapi.webhookStore.findWebhook(id);
 
-      if (!webhook) continue;
-
-      await strapi.webhookStore.deleteWebhook(id);
-      strapi.webhookRunner.remove(webhook);
+      if (webhook) {
+        await strapi.webhookStore.deleteWebhook(id);
+        strapi.webhookRunner.remove(webhook);
+      }
     }
 
     ctx.send({ data: ids });

package/admin/src/content-manager/components/DynamicZone/utils/connect.js

@@ -1,12 +0,0 @@
-import React from 'react';
-
-function connect(WrappedComponent, select) {
-  return (props) => {
-    // eslint-disable-next-line react/prop-types
-    const selectors = select(props.name);
-
-    return <WrappedComponent {...props} {...selectors} />;
-  };
-}
-
-export default connect;

package/admin/src/content-manager/components/DynamicZone/utils/select.js

@@ -1,53 +0,0 @@
-import { useMemo } from 'react';
-import get from 'lodash/get';
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-
-function useSelect(name) {
-  const {
-    addComponentToDynamicZone,
-    createActionAllowedFields,
-    isCreatingEntry,
-    formErrors,
-    modifiedData,
-    moveComponentField,
-    removeComponentFromDynamicZone,
-    readActionAllowedFields,
-    updateActionAllowedFields,
-  } = useCMEditViewDataManager();
-
-  const dynamicDisplayedComponents = useMemo(
-    () =>
-      get(modifiedData, [name], []).map((data) => {
-        return {
-          componentUid: data.__component,
-          id: data.id ?? data.__temp_key__,
-        };
-      }),
-    [modifiedData, name]
-  );
-
-  const isFieldAllowed = useMemo(() => {
-    const allowedFields = isCreatingEntry ? createActionAllowedFields : updateActionAllowedFields;
-
-    return allowedFields.includes(name);
-  }, [name, isCreatingEntry, createActionAllowedFields, updateActionAllowedFields]);
-
-  const isFieldReadable = useMemo(() => {
-    const allowedFields = isCreatingEntry ? [] : readActionAllowedFields;
-
-    return allowedFields.includes(name);
-  }, [name, isCreatingEntry, readActionAllowedFields]);
-
-  return {
-    addComponentToDynamicZone,
-    formErrors,
-    isCreatingEntry,
-    isFieldAllowed,
-    isFieldReadable,
-    moveComponentField,
-    removeComponentFromDynamicZone,
-    dynamicDisplayedComponents,
-  };
-}
-
-export default useSelect;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { BaseCheckbox, Checkbox } from '@strapi/design-system';
-import upperFirst from 'lodash/upperFirst';
-
-const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) => {
-  const enabledCheckboxes = events.filter((event) => {
-    return !disabledEvents.includes(event);
-  });
-
-  const areAllCheckboxesSelected = inputValue.length === enabledCheckboxes.length;
-  const hasSomeCheckboxSelected = inputValue.length > 0;
-
-  const onChangeAll = ({ target: { name } }) => {
-    const valueToSet = !areAllCheckboxesSelected;
-
-    handleChangeAll({
-      target: { name, value: valueToSet },
-    });
-  };
-
-  return (
-    <tr>
-      <td>
-        <Checkbox
-          indeterminate={hasSomeCheckboxSelected && !areAllCheckboxesSelected}
-          aria-label="Select all entries"
-          name={name}
-          onChange={onChangeAll}
-          value={areAllCheckboxesSelected}
-        >
-          {upperFirst(name)}
-        </Checkbox>
-      </td>
-
-      {events.map((event) => {
-        return (
-          <td key={event}>
-            <BaseCheckbox
-              disabled={disabledEvents.includes(event)}
-              aria-label={event}
-              name={event}
-              value={inputValue.includes(event)}
-              onValueChange={(value) => handleChange({ target: { name: event, value } })}
-            />
-          </td>
-        );
-      })}
-    </tr>
-  );
-};
-
-EventRow.defaultProps = {
-  disabledEvents: [],
-  events: [],
-  inputValue: [],
-  handleChange() {},
-  handleChangeAll() {},
-};
-
-EventRow.propTypes = {
-  disabledEvents: PropTypes.array,
-  events: PropTypes.array,
-  inputValue: PropTypes.array,
-  handleChange: PropTypes.func,
-  handleChangeAll: PropTypes.func,
-  name: PropTypes.string.isRequired,
-};
-
-export default EventRow;