@strapi/admin 4.10.5 → 4.10.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/admin/src/components/AuthenticatedApp/utils/api.js +5 -4
  2. package/admin/src/content-manager/components/CollectionTypeFormWrapper/index.js +1 -2
  3. package/admin/src/content-manager/components/DynamicZone/index.js +1 -1
  4. package/admin/src/content-manager/components/FieldComponent/index.js +1 -1
  5. package/admin/src/content-manager/components/Inputs/index.js +1 -1
  6. package/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js +67 -71
  7. package/admin/src/content-manager/hooks/useFetchContentTypeLayout/index.js +3 -5
  8. package/admin/src/content-manager/pages/App/useContentManagerInitData.js +2 -3
  9. package/admin/src/content-manager/pages/ComponentSetttingsView/index.js +2 -5
  10. package/admin/src/content-manager/pages/EditView/DeleteLink/index.js +1 -1
  11. package/admin/src/content-manager/pages/EditView/Header/index.js +1 -1
  12. package/admin/src/content-manager/pages/EditViewLayoutManager/Permissions.js +1 -1
  13. package/admin/src/content-manager/pages/ListView/index.js +1 -2
  14. package/admin/src/hooks/marketplace/constants.js +1 -0
  15. package/admin/src/hooks/{useFetchMarketplacePlugins → marketplace/useFetchMarketplacePlugins}/index.js +21 -1
  16. package/admin/src/hooks/{useFetchMarketplaceProviders → marketplace/useFetchMarketplaceProviders}/index.js +21 -1
  17. package/admin/src/hooks/useReleaseNotification/utils/api.js +6 -5
  18. package/admin/src/pages/Admin/Onboarding/index.js +89 -91
  19. package/admin/src/pages/App/index.js +1 -5
  20. package/admin/src/pages/AuthPage/components/Register/index.js +3 -4
  21. package/admin/src/pages/AuthPage/index.js +11 -26
  22. package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FiltersPopover.js +39 -41
  23. package/admin/src/pages/MarketplacePage/utils/useMarketplaceData.js +2 -2
  24. package/admin/src/pages/SettingsPage/components/Tokens/TokenDescription/index.js +1 -1
  25. package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/urlToFile.js +3 -2
  26. package/admin/src/pages/SettingsPage/pages/Roles/CreatePage/index.js +1 -1
  27. package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js +1 -1
  28. package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js +12 -1
  29. package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js +120 -205
  30. package/admin/src/pages/UseCasePage/index.js +13 -15
  31. package/admin/src/translations/en.json +11 -9
  32. package/build/1387.a86ac314.chunk.js +1 -0
  33. package/build/{1657.85034334.chunk.js → 1657.ca8562dd.chunk.js} +46 -46
  34. package/build/{3816.1a828046.chunk.js → 3816.60f858cf.chunk.js} +12 -12
  35. package/build/{5563.44e0ef15.chunk.js → 5563.2c8334ef.chunk.js} +1 -1
  36. package/build/{617.2c8c7183.chunk.js → 617.87b2fe96.chunk.js} +1 -1
  37. package/build/{6970.e8422af3.chunk.js → 6970.36d3ffff.chunk.js} +1 -1
  38. package/build/7259.116a9960.chunk.js +1 -0
  39. package/build/Admin-authenticatedApp.0318dfb3.chunk.js +79 -0
  40. package/build/{Admin_marketplace.87f51b29.chunk.js → Admin_marketplace.f446ba2b.chunk.js} +10 -10
  41. package/build/Admin_settingsPage.f8c46a9a.chunk.js +79 -0
  42. package/build/admin-app.6d48536c.chunk.js +63 -0
  43. package/build/{admin-edit-roles-page.6fe9de49.chunk.js → admin-edit-roles-page.02c3b136.chunk.js} +3 -3
  44. package/build/{admin-users.16bb6e77.chunk.js → admin-users.69f4900a.chunk.js} +11 -11
  45. package/build/{audit-logs-settings-page.7ec976e1.chunk.js → audit-logs-settings-page.482909d7.chunk.js} +1 -1
  46. package/build/{content-manager.a97db8a1.chunk.js → content-manager.cd71cb6e.chunk.js} +95 -95
  47. package/build/content-type-builder-translation-en-json.af293c9e.chunk.js +1 -0
  48. package/build/content-type-builder.b10576e7.chunk.js +126 -0
  49. package/build/en-json.d965e364.chunk.js +1 -0
  50. package/build/{i18n-settings-page.e34ec940.chunk.js → i18n-settings-page.55628f74.chunk.js} +1 -1
  51. package/build/index.html +1 -1
  52. package/build/main.adab8b96.js +2630 -0
  53. package/build/{runtime~main.df78e1c7.js → runtime~main.0201a49b.js} +2 -2
  54. package/build/{upload.bf183c0c.chunk.js → upload.c50d8c7a.chunk.js} +1 -1
  55. package/build/{users-email-settings-page.756aa7ab.chunk.js → users-email-settings-page.d2429d0a.chunk.js} +1 -1
  56. package/build/{users-providers-settings-page.ff9e4c0a.chunk.js → users-providers-settings-page.50c5ba27.chunk.js} +1 -1
  57. package/build/{users-roles-settings-page.eeb3a339.chunk.js → users-roles-settings-page.2549794b.chunk.js} +2 -2
  58. package/build/webhook-edit-page.cb2cf1a5.chunk.js +128 -0
  59. package/build/webhook-list-page.e2fca9f8.chunk.js +71 -0
  60. package/ee/LICENSE +1 -21
  61. package/ee/admin/pages/AuthPage/components/Login/index.js +1 -1
  62. package/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js +1 -1
  63. package/ee/admin/pages/AuthPage/components/Providers/index.js +1 -1
  64. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/ModalForm/utils/formDataModel.js +1 -1
  65. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/ModalForm/utils/roleSettingsForm.js +1 -1
  66. package/package.json +13 -15
  67. package/webpack.alias.js +0 -1
  68. package/admin/src/hooks/useFetchMarketplacePlugins/utils/api.js +0 -18
  69. package/admin/src/hooks/useFetchMarketplaceProviders/utils/api.js +0 -18
  70. package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/utils/formatValue.js +0 -13
  71. package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/reducer.js +0 -72
  72. package/build/1387.437eb420.chunk.js +0 -1
  73. package/build/7259.3ed2b60e.chunk.js +0 -1
  74. package/build/Admin-authenticatedApp.6b74c5fd.chunk.js +0 -79
  75. package/build/Admin_settingsPage.20884a40.chunk.js +0 -79
  76. package/build/admin-app.d4fd9379.chunk.js +0 -63
  77. package/build/content-type-builder-translation-en-json.5e5f8607.chunk.js +0 -1
  78. package/build/content-type-builder.51c64fe5.chunk.js +0 -126
  79. package/build/en-json.1f6af924.chunk.js +0 -1
  80. package/build/main.57970a57.js +0 -2674
  81. package/build/webhook-edit-page.550be445.chunk.js +0 -128
  82. package/build/webhook-list-page.0983d83f.chunk.js +0 -71
@@ -1,128 +0,0 @@
1
- "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5162],{47272:function(z,C,t){t.d(C,{Z:function(){return ke}});var e=t(32735),o=t(24989),A=t(27649),M=t(20108),p=t(53038),k=t(67927),me=t(60216),i=t.n(me),re=t(2438),se=t(66456),Ee=t(29439),pe=t(82055),m=t(87933),S=t(41415),fe=t(17e3),j=t(72850),_=t(15335),D=t(5803),X=t(10369),x=t(92802),$=t(67879),le=t(28847),I=t(49372),oe=t(8471),ve=t(8284),be=t(82884),Ce=t(23940),Me=t.n(Ce);const W=({disabledEvents:n,name:r,events:s,inputValue:l,handleChange:c,handleChangeAll:v})=>{const d=s.filter(g=>!n.includes(g)),u=l.length===d.length,E=l.length>0,P=({target:{name:g}})=>{v({target:{name:g,value:!u}})};return e.createElement("tr",null,e.createElement("td",null,e.createElement(ve.X,{indeterminate:E&&!u,"aria-label":"Select all entries",name:r,onChange:P,value:u},Me()(r))),s.map(g=>e.createElement("td",{key:g},e.createElement(be.C,{disabled:n.includes(g),"aria-label":g,name:g,value:l.includes(g),onValueChange:f=>c({target:{name:g,value:f}})}))))};W.defaultProps={disabledEvents:[],events:[],inputValue:[],handleChange(){},handleChangeAll(){}},W.propTypes={disabledEvents:i().array,events:i().array,inputValue:i().array,handleChange:i().func,handleChangeAll:i().func,name:i().string.isRequired};var a=W,U=n=>n.reduce((r,s)=>{const l=s.split(".")[0];return r[l]||(r[l]=[]),r[l].push(s),r},{});const G=oe.ZP.table`
2
- td {
3
- height: ${52/16}rem;
4
- width: 10%;
5
- vertical-align: middle;
6
- text-align: center;
7
- }
8
-
9
- tbody tr:nth-child(odd) {
10
- background: ${({theme:n})=>n.colors.neutral100};
11
- }
12
-
13
- tbody tr td:first-child {
14
- padding-left: ${({theme:n})=>n.spaces[7]};
15
- }
16
- `,Z={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"]}}},F=({isDraftAndPublish:n})=>{const r=n?Z.headers.draftAndPublish:Z.headers.default,s=n?Z.events.draftAndPublish:Z.events.default,{formatMessage:l}=(0,$.Z)(),{values:c,handleChange:v}=(0,x.u6)(),d="events",u=c.events,E=[],P=U(u),g=({target:{name:h,value:V}})=>{let y=new Set(u);V?y.add(h):y.delete(h),v({target:{name:d,value:Array.from(y)}})},f=({target:{name:h,value:V}})=>{let y=new Set(u);V?s[h].forEach(B=>{E.includes(B)||y.add(B)}):s[h].forEach(B=>y.delete(B)),v({target:{name:d,value:Array.from(y)}})};return e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(le.Q,null,l({id:"Settings.webhooks.form.events",defaultMessage:"Events"})),e.createElement(G,null,e.createElement("thead",null,e.createElement("tr",null,e.createElement("td",null),r.map(h=>h==="app.utils.publish"||h==="app.utils.unpublish"?e.createElement("td",{key:h.id,title:l({id:"Settings.webhooks.event.publish-tooltip",defaultMessage:"This event only exists for content with draft & publish enabled"})},e.createElement(I.Z,{variant:"sigma",textColor:"neutral600"},l(h))):e.createElement("td",{key:h.id},e.createElement(I.Z,{variant:"sigma",textColor:"neutral600"},l(h)))))),e.createElement("tbody",null,Object.keys(s).map(h=>e.createElement(a,{disabledEvents:E,key:h,name:h,events:s[h],inputValue:P[h],handleChange:g,handleChangeAll:f})))))};F.propTypes={isDraftAndPublish:i().bool.isRequired};var Pe=F,ye=t(19406),xe=t(7563),J=t(21428),Y=t(90333),ie=["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 q=({name:n,onChange:r,value:s,...l})=>{const[c,v]=(0,e.useState)(s?[...ie,s]:ie),d=E=>{r({target:{name:n,value:E}})},u=E=>{v(P=>[...P,E]),r({target:{name:n,value:E}})};return e.createElement(J.XU,{...l,onChange:d,onCreateOption:u,placeholder:"",value:s},c.map(E=>e.createElement(Y.O,{value:E,key:E},E)))};q.defaultProps={value:void 0},q.propTypes={name:i().string.isRequired,onChange:i().func.isRequired,value:i().string};var Ie=q,Oe=()=>{const{formatMessage:n}=(0,$.Z)(),{values:r,errors:s}=(0,x.u6)();return e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(le.Q,null,n({id:"Settings.webhooks.form.headers",defaultMessage:"Headers"})),e.createElement(j.x,{padding:8,background:"neutral100",hasRadius:!0},e.createElement(x.F2,{validateOnChange:!1,name:"headers",render:({push:l,remove:c})=>e.createElement(_.r,{gap:4},r.headers?.map((v,d)=>e.createElement(e.Fragment,{key:d},e.createElement(D.P,{col:6},e.createElement(x.gN,{as:Ie,name:`headers.${d}.key`,"aria-label":`row ${d+1} key`,label:n({id:"Settings.webhooks.key",defaultMessage:"Key"}),error:s.headers?.[d]?.key&&n({id:s.headers[d]?.key,defaultMessage:s.headers[d]?.key})})),e.createElement(D.P,{col:6},e.createElement(m.k,{alignItems:"flex-end"},e.createElement(j.x,{style:{flex:1}},e.createElement(x.gN,{as:X.o,"aria-label":`row ${d+1} value`,label:n({id:"Settings.webhooks.value",defaultMessage:"Value"}),name:`headers.${d}.value`,error:s.headers?.[d]?.value&&n({id:s.headers[d]?.value,defaultMessage:s.headers[d]?.value})})),e.createElement(m.k,{paddingLeft:2,style:{alignSelf:"center"},paddingTop:s.headers?.[d]?.value?0:5},e.createElement(o.fG,{onClick:()=>r.headers.length!==1&&c(d),label:n({id:"Settings.webhooks.headers.remove",defaultMessage:"Remove header row {number}"},{number:d+1})})))))),e.createElement(D.P,{col:12},e.createElement(xe.A,{type:"button",onClick:()=>{l({key:"",value:""})},startIcon:e.createElement(ye.Z,null)},n({id:"Settings.webhooks.create.header",defaultMessage:"Create new header"}))))})))},ee=t(27169),de=t(35331);const Q=oe.ZP.svg(({theme:n,color:r})=>`
17
- width: ${12/16}rem;
18
- height: ${12/16}rem;
19
-
20
- path {
21
- fill: ${n.colors[r]};
22
- }
23
- `),H=({isPending:n,statusCode:r})=>{const{formatMessage:s}=(0,$.Z)();return n?e.createElement(m.k,{gap:2,alignItems:"center"},e.createElement(Q,{as:ee.Z}),e.createElement(I.Z,null,s({id:"Settings.webhooks.trigger.pending",defaultMessage:"pending"}))):r>=200&&r<300?e.createElement(m.k,{gap:2,alignItems:"center"},e.createElement(Q,{as:se.Z,color:"success700"}),e.createElement(I.Z,null,s({id:"Settings.webhooks.trigger.success",defaultMessage:"success"}))):r>=300?e.createElement(m.k,{gap:2,alignItems:"center"},e.createElement(Q,{as:de.Z,color:"danger700"}),e.createElement(I.Z,null,s({id:"Settings.error",defaultMessage:"error"})," ",r)):null};H.propTypes={isPending:i().bool.isRequired,statusCode:i().number},H.defaultProps={statusCode:void 0};const w=({statusCode:n,message:r})=>{const{formatMessage:s}=(0,$.Z)();return n>=200&&n<300?e.createElement(m.k,{justifyContent:"flex-end"},e.createElement(I.Z,{textColor:"neutral600",ellipsis:!0},s({id:"Settings.webhooks.trigger.success.label",defaultMessage:"Trigger succeeded"}))):n>=300?e.createElement(m.k,{justifyContent:"flex-end"},e.createElement(m.k,{maxWidth:(0,o.Q1)(250),justifyContent:"flex-end",title:r},e.createElement(I.Z,{ellipsis:!0,textColor:"neutral600"},r))):null};w.propTypes={statusCode:i().number,message:i().string},w.defaultProps={statusCode:void 0,message:void 0};const te=({onCancel:n})=>{const{formatMessage:r}=(0,$.Z)();return e.createElement(m.k,{justifyContent:"flex-end"},e.createElement("button",{onClick:n,type:"button"},e.createElement(m.k,{gap:2,alignItems:"center"},e.createElement(I.Z,{textColor:"neutral400"},r({id:"Settings.webhooks.trigger.cancel",defaultMessage:"cancel"})),e.createElement(Q,{as:de.Z,color:"neutral400"}))))};te.propTypes={onCancel:i().func.isRequired};const ae=({isPending:n,onCancel:r,response:s})=>{const{statusCode:l,message:c}=s,{formatMessage:v}=(0,$.Z)();return e.createElement(j.x,{background:"neutral0",padding:5,shadow:"filterShadow",hasRadius:!0},e.createElement(_.r,{gap:4,style:{alignItems:"center"}},e.createElement(D.P,{col:3},e.createElement(I.Z,null,v({id:"Settings.webhooks.trigger.test",defaultMessage:"Test-trigger"}))),e.createElement(D.P,{col:3},e.createElement(H,{isPending:n,statusCode:l})),e.createElement(D.P,{col:6},n?e.createElement(te,{onCancel:r}):e.createElement(w,{statusCode:l,message:c}))))};ae.defaultProps={isPending:!1,onCancel(){},response:{}},ae.propTypes={isPending:i().bool,onCancel:i().func,response:i().object};var ce=ae,R=t(24346);const ue=/(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/,Re=/(^$)|((https?:\/\/.*)(d*)\/?(.*))/;var he=R.Ry().shape({name:R.Z_(o.I0.string).required(o.I0.required).matches(ue,o.I0.regex),url:R.Z_(o.I0.string).required(o.I0.required).matches(Re,o.I0.regex),headers:R.Vo(n=>{let r=R.IX();if(n.length===1){const{key:s,value:l}=n[0];if(!s&&!l)return r}return r.of(R.Ry().shape({key:R.Z_().required(o.I0.required),value:R.Z_().required(o.I0.required)}))}),events:R.IX()});const ne=({handleSubmit:n,data:r,triggerWebhook:s,isCreating:l,isTriggering:c,triggerResponse:v,isDraftAndPublishEvents:d})=>{const{formatMessage:u}=(0,$.Z)(),[E,P]=(0,e.useState)(!1);return e.createElement(x.J9,{onSubmit:n,initialValues:{name:r?.name||"",url:r?.url||"",headers:Object.keys(r?.headers||[]).length?Object.entries(r.headers).map(([g,f])=>({key:g,value:f})):[{key:"",value:""}],events:r?.events||[]},validationSchema:he,validateOnChange:!1,validateOnBlur:!1},({handleSubmit:g,errors:f})=>e.createElement(o.l0,{noValidate:!0},e.createElement(pe.T,{primaryAction:e.createElement(m.k,{gap:2},e.createElement(S.z,{onClick:()=>{s(),P(!0)},variant:"tertiary",startIcon:e.createElement(re.Z,null),disabled:l||c,size:"L"},u({id:"Settings.webhooks.trigger",defaultMessage:"Trigger"})),e.createElement(S.z,{startIcon:e.createElement(se.Z,null),onClick:g,type:"submit",size:"L"},u({id:"global.save",defaultMessage:"Save"}))),title:l?u({id:"Settings.webhooks.create",defaultMessage:"Create a webhook"}):r?.name,navigationAction:e.createElement(o.rU,{startIcon:e.createElement(Ee.Z,null),to:"/settings/webhooks"},u({id:"global.back",defaultMessage:"Back"}))}),e.createElement(fe.D,null,e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:4},E&&e.createElement("div",{className:"trigger-wrapper"},e.createElement(ce,{isPending:c,response:v,onCancel:()=>P(!1)})),e.createElement(j.x,{background:"neutral0",padding:8,shadow:"filterShadow",hasRadius:!0},e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(_.r,{gap:6},e.createElement(D.P,{col:6},e.createElement(x.gN,{as:X.o,name:"name",error:f.name&&u({id:f.name}),label:u({id:"global.name",defaultMessage:"Name"}),required:!0})),e.createElement(D.P,{col:12},e.createElement(x.gN,{as:X.o,name:"url",error:f.url&&u({id:f.url}),label:u({id:"Settings.roles.form.input.url",defaultMessage:"Url"}),required:!0}))),e.createElement(Oe,null),e.createElement(Pe,{isDraftAndPublish:d})))))))};ne.propTypes={data:i().object,handleSubmit:i().func.isRequired,triggerWebhook:i().func.isRequired,isCreating:i().bool.isRequired,isDraftAndPublishEvents:i().bool.isRequired,isTriggering:i().bool.isRequired,triggerResponse:i().object},ne.defaultProps={data:void 0,triggerResponse:void 0};var ge=ne;const N=n=>({...n,headers:De(n.headers)}),De=n=>n.reduce((r,s)=>{const{key:l,value:c}=s;return l!==""?{...r,[l]:c}:r},{});var L=N,ke=()=>{const{params:{id:n}}=(0,p.$B)("/settings/webhooks/:id"),{replace:r}=(0,p.k6)(),{lockApp:s,unlockApp:l}=(0,o.o1)(),c=(0,o.lm)(),v=(0,M.useQueryClient)(),{isLoading:d,collectionTypes:u}=(0,k.bP)(),{put:E,get:P,post:g}=(0,o.kY)(),f=n==="create",{isLoading:h,data:V}=(0,M.useQuery)(["get-webhook",n],async()=>{try{const{data:{data:T}}=await P(`/admin/webhooks/${n}`);return T}catch{return c({type:"warning",message:{id:"notification.error"}}),null}},{enabled:!f}),{isLoading:y,data:B,isIdle:je,mutate:b}=(0,M.useMutation)(()=>g(`/admin/webhooks/${n}/trigger`)),Se=()=>b(null,{onError(){c({type:"warning",message:{id:"notification.error"}})}}),Ze=(0,M.useMutation)(T=>g("/admin/webhooks",T)),Be=(0,M.useMutation)(({id:T,body:K})=>E(`/admin/webhooks/${T}`,K)),We=async T=>{f?(s(),Ze.mutate(L(T),{onSuccess({data:K}){c({type:"success",message:{id:"Settings.webhooks.created"}}),r(`/settings/webhooks/${K.data.id}`),l()},onError(K){c({type:"warning",message:{id:"notification.error"}}),console.log(K),l()}})):(s(),Be.mutate({id:n,body:L(T)},{onSuccess(){v.invalidateQueries(["get-webhook",n]),c({type:"success",message:{id:"notification.form.success.fields"}}),l()},onError(K){c({type:"warning",message:{id:"notification.error"}}),console.log(K),l()}}))},Ue=e.useMemo(()=>u.some(T=>T.options.draftAndPublish===!0),[u]);return h||d?e.createElement(o.dO,null):e.createElement(A.o,null,e.createElement(o.SL,{name:"Webhooks"}),e.createElement(ge,{handleSubmit:We,data:V,triggerWebhook:Se,isCreating:f,isTriggering:y,isTriggerIdle:je,triggerResponse:B?.data.data,isDraftAndPublishEvents:Ue}))}},33238:function(z,C,t){t.r(C);var e=t(32735),o=t(24989),A=t(83983),M=t(47272);const p=()=>e.createElement(o.O4,{permissions:A.Z.settings.webhooks.create},e.createElement(M.Z,null));C.default=p},59021:function(z,C,t){t.r(C);var e=t(32735),o=t(24989),A=t(83983),M=t(47272);const p=()=>e.createElement(o.O4,{permissions:A.Z.settings.webhooks.update},e.createElement(M.Z,null));C.default=p},21428:function(z,C,t){t.d(C,{Wx:function(){return Me},XU:function(){return $},hQ:function(){return x}});var e=t(74512),o=t(32735),A=t(35331),M=t(16899),p=t(79405),k=t(8471),me=t(14268),i=t(95976),re=t(74971),se=t(36971),Ee=t(30350),pe=t(23866),m=t(72850),S=t(49372),fe=t(87107),j=t(87933),_=t(28847),D=t(67014),X=t(47851);const x=({children:a,clearLabel:O="clear",creatable:U=!1,createMessage:G=N=>`Create "${N}"`,defaultFilterValue:Z,defaultTextValue:F,defaultOpen:Pe=!1,open:ye,onOpenChange:xe,disabled:J=!1,error:Y,filterValue:$e,hasMoreItems:ie=!1,hint:q,id:Ie,label:Le,labelAction:Oe,loading:ee=!1,loadingMessage:de="Loading content...",noOptionsMessage:Q=()=>"No results found",onChange:H,onClear:w,onCreateOption:te,onFilterValueChange:ae,onInputChange:ce,onTextValueChange:R,onLoadMore:ue,placeholder:Re="Select or enter a value",required:Te=!1,startIcon:he,textValue:ne,value:ge})=>{const[N,De]=(0,i.T)({prop:ye,defaultProp:Pe,onChange:xe}),[L,Ae]=(0,i.T)({prop:ne,defaultProp:F,onChange:R}),[ke,n]=(0,i.T)({prop:$e,defaultProp:Z,onChange:ae}),r=o.useRef(null),s=o.useRef(null),l=o.useRef(null),c=(0,re.M)(Ie),v=b=>{w&&!J&&(Ae(""),n(""),w(b),s.current.focus())},d=b=>{De(b)},u=b=>{Ae(b)},E=b=>{n(b)},P=b=>{ce&&ce(b)},g=b=>{H&&H(b)},f=(0,re.M)(),h=`intersection-${(0,me.B)(f)}`,V=b=>{ue&&ie&&!ee&&ue(b)},y=()=>{te&&L&&te(L)};(0,se.s)(r,V,{selectorToWatch:`#${h}`,skipWhen:!N});const B=`${c}-hint`,je=`${c}-error`;return(0,e.jsx)(fe.g,{hint:q,error:Y,id:c,required:Te,children:(0,e.jsxs)(j.k,{direction:"column",alignItems:"stretch",gap:1,children:[(0,e.jsx)(_.Q,{action:Oe,children:Le}),(0,e.jsxs)(p.hQ.Root,{autocomplete:U?"list":"both",open:N,onOpenChange:d,onTextValueChange:u,textValue:L,allowCustomValue:!0,disabled:J,required:Te,value:ge===null?void 0:ge,onValueChange:g,filterValue:ke,onFilterValueChange:E,children:[(0,e.jsxs)(I,{$hasError:!!Y,children:[(0,e.jsxs)(j.k,{flex:"1",as:"span",gap:3,children:[he?(0,e.jsx)(m.x,{as:"span","aria-hidden":!0,children:he}):null,(0,e.jsx)(oe,{placeholder:Re,id:c,"aria-invalid":!!Y,"aria-labelledby":`${B} ${je}`,onChange:P,ref:s})]}),(0,e.jsxs)(j.k,{as:"span",gap:3,children:[L&&w?(0,e.jsx)(le,{as:"button",hasRadius:!0,background:"transparent",type:"button",onClick:v,"aria-disabled":J,"aria-label":O,title:O,ref:l,children:(0,e.jsx)(A.Z,{})}):null,(0,e.jsx)(ve,{children:(0,e.jsx)(M.Z,{})})]})]}),(0,e.jsx)(p.hQ.Portal,{children:(0,e.jsx)(be,{sideOffset:4,children:(0,e.jsxs)(Ce,{ref:r,children:[a,U?(0,e.jsx)(p.hQ.CreateItem,{onPointerUp:y,onClick:y,asChild:!0,children:(0,e.jsx)(W,{children:(0,e.jsx)(S.Z,{children:G(L??"")})})}):null,!U&&!ee?(0,e.jsx)(p.hQ.NoValueFound,{asChild:!0,children:(0,e.jsx)(W,{$hasHover:!1,children:(0,e.jsx)(S.Z,{children:Q(L??"")})})}):null,ee?(0,e.jsx)(j.k,{justifyContent:"center",alignItems:"center",paddingTop:2,paddingBottom:2,children:(0,e.jsx)(pe.a,{small:!0,children:de})}):null,(0,e.jsx)(m.x,{id:h,width:"100%",height:"1px"})]})})})]}),(0,e.jsx)(D.J,{}),(0,e.jsx)(X.c,{})]})})},$=a=>(0,e.jsx)(x,{...a,creatable:!0}),le=(0,k.ZP)(m.x)`
24
- border: none;
25
-
26
- svg {
27
- height: ${11/16}rem;
28
- width: ${11/16}rem;
29
- }
30
-
31
- svg path {
32
- fill: ${({theme:a})=>a.colors.neutral600};
33
- }
34
- `,I=(0,k.ZP)(p.hQ.Trigger)`
35
- position: relative;
36
- border: 1px solid ${({theme:a,$hasError:O})=>O?a.colors.danger600:a.colors.neutral200};
37
- padding-right: ${({theme:a})=>a.spaces[3]};
38
- padding-left: ${({theme:a})=>a.spaces[3]};
39
- border-radius: ${({theme:a})=>a.borderRadius};
40
- background: ${({theme:a})=>a.colors.neutral0};
41
- overflow: hidden;
42
- display: flex;
43
- align-items: center;
44
- justify-content: space-between;
45
- gap: ${({theme:a})=>a.spaces[4]};
46
-
47
- &[data-disabled] {
48
- color: ${({theme:a})=>a.colors.neutral600};
49
- background: ${({theme:a})=>a.colors.neutral150};
50
- cursor: not-allowed;
51
- }
52
-
53
- /* Required to ensure the below inputFocusStyles are adhered too */
54
- &:focus-visible {
55
- outline: none;
56
- }
57
-
58
- ${({theme:a,$hasError:O})=>(0,Ee.k3)()({theme:a,hasError:O})};
59
- `,oe=(0,k.ZP)(p.hQ.TextInput)`
60
- width: 100%;
61
- font-size: ${14/16}rem;
62
- color: ${({theme:a})=>a.colors.neutral800};
63
- min-height: ${40/16}rem;
64
- border: none;
65
- background-color: transparent;
66
-
67
- &:focus-visible {
68
- outline: none;
69
- }
70
-
71
- &[aria-disabled='true'] {
72
- cursor: inherit;
73
- }
74
- `,ve=(0,k.ZP)(p.hQ.Icon)`
75
- & > svg {
76
- width: ${6/16}rem;
77
-
78
- & > path {
79
- fill: ${({theme:a})=>a.colors.neutral600};
80
- }
81
- }
82
-
83
- &[aria-disabled='true'] {
84
- cursor: inherit;
85
- }
86
- `,be=(0,k.ZP)(p.hQ.Content)`
87
- background: ${({theme:a})=>a.colors.neutral0};
88
- box-shadow: ${({theme:a})=>a.shadows.filterShadow};
89
- border: 1px solid ${({theme:a})=>a.colors.neutral150};
90
- border-radius: ${({theme:a})=>a.borderRadius};
91
- width: var(--radix-combobox-trigger-width);
92
- /* This is from the design-system figma file. */
93
- max-height: 15rem;
94
- z-index: ${({theme:a})=>a.zIndices[1]};
95
- `,Ce=(0,k.ZP)(p.hQ.Viewport)`
96
- padding: ${({theme:a})=>a.spaces[1]};
97
- `,Me=o.forwardRef(({children:a,value:O,disabled:U,textValue:G,...Z},F)=>(0,e.jsx)(p.hQ.ComboboxItem,{asChild:!0,value:O,disabled:U,textValue:G,children:(0,e.jsx)(W,{ref:F,...Z,children:(0,e.jsx)(p.hQ.ItemText,{asChild:!0,children:(0,e.jsx)(S.Z,{children:a})})})})),W=k.ZP.div`
98
- width: 100%;
99
- border: none;
100
- text-align: left;
101
- outline-offset: -3px;
102
- padding: ${({theme:a})=>a.spaces[2]} ${({theme:a})=>a.spaces[4]};
103
- background-color: ${({theme:a})=>a.colors.neutral0};
104
- border-radius: ${({theme:a})=>a.borderRadius};
105
- user-select: none;
106
-
107
- &[data-selected] {
108
- background-color: ${({theme:a})=>a.colors.primary100};
109
-
110
- ${S.Z} {
111
- color: ${({theme:a})=>a.colors.primary600};
112
- font-weight: bold;
113
- }
114
- }
115
-
116
- &:hover,
117
- &[data-highlighted] {
118
- outline: none;
119
- background-color: ${({theme:a,$hasHover:O=!0})=>O?a.colors.primary100:a.colors.neutral0};
120
- }
121
-
122
- &[data-highlighted] {
123
- ${S.Z} {
124
- color: ${({theme:a})=>a.colors.primary600};
125
- font-weight: bold;
126
- }
127
- }
128
- `},90333:function(z,C,t){t.d(C,{O:function(){return o}});var e=t(21428);const o=e.Wx},29439:function(z,C,t){t.d(C,{Z:function(){return A}});var e=t(74512);const o=M=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...M,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"})}),A=o}}]);
@@ -1,71 +0,0 @@
1
- "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4121],{74767:function(H,L,t){t.r(L),t.d(L,{default:function(){return be}});var e=t(32735),a=t(24989),f=t(83983),b=t(53038),T=t(67879),y=t(94638),p=t(96709),M=t(27649),O=t(82055),E=t(99223),d=t(49372),h=t(41415),j=t(17e3),W=t(72850),ne=t(56755),oe=t(73269),se=t(33827),G=t(94547),m=t(19786),N=t(82884),le=t(3685),ae=t(35658),R=t(87933),C=t(74512),x=t(60216),V=t(8471);const $=V.ZP.div`
2
- background: ${({theme:o})=>o.colors.danger500};
3
- border: none;
4
- border-radius: 16px;
5
- position: relative;
6
- height: ${24/16}rem;
7
- width: ${40/16}rem;
8
-
9
- & span {
10
- font-size: ${({visibleLabels:o})=>o?"1rem":0};
11
- }
12
-
13
- &:before {
14
- content: '';
15
- background: ${({theme:o})=>o.colors.neutral0};
16
- width: 1rem;
17
- height: 1rem;
18
- border-radius: 50%;
19
- position: absolute;
20
- transition: all 0.5s;
21
- left: ${({theme:o})=>o.spaces[1]};
22
- top: ${({theme:o})=>o.spaces[1]};
23
- }
24
-
25
- @media (prefers-reduced-motion: reduce) {
26
- &:before {
27
- transition: none;
28
- }
29
- }
30
- `,ie=V.ZP.button`
31
- background: transparent;
32
- padding: 0;
33
- border: none;
34
-
35
- &[aria-checked='true'] ${$} {
36
- background: ${({theme:o})=>o.colors.success500};
37
- }
38
-
39
- &[aria-checked='true'] ${$}:before {
40
- transform: translateX(1rem);
41
- }
42
- `,P=e.forwardRef(({label:o,onChange:i,onLabel:l,offLabel:c,selected:D,visibleLabels:v,...u},s)=>(0,C.jsx)(ie,{ref:s,role:"switch","aria-checked":D,"aria-label":o,onClick:i,visibleLabels:v,type:"button",...u,children:(0,C.jsxs)(R.k,{children:[(0,C.jsxs)($,{children:[(0,C.jsx)("span",{children:l}),(0,C.jsx)("span",{children:c})]}),v&&(0,C.jsx)(W.x,{as:"span","aria-hidden":!0,paddingLeft:2,color:D?"success600":"danger600",children:D?l:c})]})}));P.defaultProps={onLabel:"On",offLabel:"Off",visibleLabels:!1},P.propTypes={label:x.string.isRequired,offLabel:x.string,onChange:x.func.isRequired,onLabel:x.string,selected:x.bool.isRequired,visibleLabels:x.bool},P.displayName="Switch";var F=t(50563),re=t(9695),K=t(19406),z=t(4038),de=t(68625),ce=t(54725),Ee=t(97889),he=t(3040),me=t.n(he);const ue={webhooks:[],webhooksToDelete:[],webhookToDelete:null,loadingWebhooks:!0};var ge=(o,i)=>(0,Ee.ZP)(o,l=>{switch(i.type){case"GET_DATA_SUCCEEDED":{l.webhooks=i.data,l.loadingWebhooks=!1;break}case"TOGGLE_LOADING":{l.loadingWebhooks=!o.loadingWebhooks;break}case"SET_WEBHOOK_ENABLED":{me()(l,["webhooks",...i.keys],i.value);break}case"SET_WEBHOOK_TO_DELETE":{l.webhookToDelete=i.id;break}case"SET_WEBHOOKS_TO_DELETE":{i.value?l.webhooksToDelete.push(i.id):l.webhooksToDelete=o.webhooksToDelete.filter(c=>c!==i.id);break}case"SET_ALL_WEBHOOKS_TO_DELETE":{o.webhooksToDelete.length===0?l.webhooksToDelete=o.webhooks.map(c=>c.id):l.webhooksToDelete=[];break}case"WEBHOOKS_DELETED":{l.webhooks=o.webhooks.filter(c=>!o.webhooksToDelete.includes(c.id)),l.webhooksToDelete=[];break}case"WEBHOOK_DELETED":{l.webhooks=o.webhooks.filter((c,D)=>D!==i.index),l.webhookToDelete=null;break}default:return l}}),fe=()=>{const{isLoading:o,allowedActions:{canCreate:i,canRead:l,canUpdate:c,canDelete:D}}=(0,a.ss)(f.Z.settings.webhooks),v=(0,a.lm)(),u=(0,e.useRef)(!0),{formatMessage:s}=(0,T.Z)(),[Te,B]=(0,e.useState)(!1),[{webhooks:A,webhooksToDelete:Z,webhookToDelete:I,loadingWebhooks:U},g]=(0,e.useReducer)(ge,ue),{notifyStatus:Q}=(0,y.G)(),{get:X,del:De,post:ve,put:Oe}=(0,a.kY)();(0,a.go)();const{push:Le}=(0,b.k6)(),{pathname:Y}=(0,b.TH)(),w=A.length,k=Z.length,J=n=>A.findIndex(r=>r.id===n);(0,e.useEffect)(()=>(u.current=!0,()=>{u.current=!1}),[]),(0,e.useEffect)(()=>{l&&(async()=>{try{const{data:{data:r}}=await X("/admin/webhooks");u.current&&(g({type:"GET_DATA_SUCCEEDED",data:r}),Q("webhooks have been loaded"))}catch(r){console.log(r),u.current&&(r.code!==20&&v({type:"warning",message:{id:"notification.error"}}),g({type:"TOGGLE_LOADING"}))}})()},[l,X,Q,v]);const ye=()=>{B(n=>!n)},pe=()=>{I?Ce():xe()},Ce=async()=>{try{await De(`/admin/webhooks/${I}`),g({type:"WEBHOOK_DELETED",index:J(I)})}catch(n){n.code!==20&&v({type:"warning",message:{id:"notification.error"}})}B(!1)},xe=async()=>{const n={ids:Z};try{await ve("/admin/webhooks/batch-delete",n),u.current&&g({type:"WEBHOOKS_DELETED"})}catch(r){u.current&&r.code!==20&&v({type:"warning",message:{id:"notification.error"}})}B(!1)},q=n=>{B(!0),n!=="all"&&g({type:"SET_WEBHOOK_TO_DELETE",id:n})},Me=async(n,r)=>{const _=J(r),Pe=A[_],ee=[_,"isEnabled"],te={...Pe,isEnabled:n};delete te.id;try{g({type:"SET_WEBHOOK_ENABLED",keys:ee,value:n}),await Oe(`/admin/webhooks/${r}`,te)}catch(Be){u.current&&(g({type:"SET_WEBHOOK_ENABLED",keys:ee,value:!n}),Be.code!==20&&v({type:"warning",message:{id:"notification.error"}}))}},ke=()=>{g({type:"SET_ALL_WEBHOOKS_TO_DELETE"})},We=(n,r)=>{g({type:"SET_WEBHOOKS_TO_DELETE",value:n,id:r})},S=n=>{Le(`${Y}/${n}`)};return e.createElement(p.A,null,e.createElement(a.SL,{name:"Webhooks"}),e.createElement(M.o,{"aria-busy":o||U},e.createElement(O.T,{title:s({id:"Settings.webhooks.title",defaultMessage:"Webhooks"}),subtitle:s({id:"Settings.webhooks.list.description",defaultMessage:"Get POST changes notifications"}),primaryAction:i&&!U&&e.createElement(a.Qj,{startIcon:e.createElement(K.Z,null),variant:"default",to:`${Y}/create`,size:"S"},s({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}),k>0&&D&&e.createElement(E.Z,{startActions:e.createElement(e.Fragment,null,e.createElement(d.Z,{variant:"epsilon",textColor:"neutral600"},s({id:"Settings.webhooks.to.delete",defaultMessage:"{webhooksToDeleteLength, plural, one {# asset} other {# assets}} selected"},{webhooksToDeleteLength:k})),e.createElement(h.z,{onClick:()=>q("all"),startIcon:e.createElement(z.Z,null),size:"L",variant:"danger-light"},s({id:"global.delete",defaultMessage:"Delete"})))}),e.createElement(j.D,null,o||U?e.createElement(W.x,{background:"neutral0",padding:6,shadow:"filterShadow",hasRadius:!0},e.createElement(a.dO,null)):w>0?e.createElement(ne.i,{colCount:5,rowCount:w+1,footer:e.createElement(oe.c,{onClick:()=>i?S("create"):{},icon:e.createElement(K.Z,null)},s({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))},e.createElement(se.h,null,e.createElement(G.Tr,null,e.createElement(m.Th,null,e.createElement(N.C,{"aria-label":s({id:"global.select-all-entries",defaultMessage:"Select all entries"}),indeterminate:k>0&&k<w,value:k===w,onValueChange:ke})),e.createElement(m.Th,{width:"20%"},e.createElement(d.Z,{variant:"sigma",textColor:"neutral600"},s({id:"global.name",defaultMessage:"Name"}))),e.createElement(m.Th,{width:"60%"},e.createElement(d.Z,{variant:"sigma",textColor:"neutral600"},s({id:"Settings.webhooks.form.url",defaultMessage:"URL"}))),e.createElement(m.Th,{width:"20%"},e.createElement(d.Z,{variant:"sigma",textColor:"neutral600"},s({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"}))),e.createElement(m.Th,null,e.createElement(le.T,null,s({id:"Settings.webhooks.list.th.actions",defaultMessage:"Actions"}))))),e.createElement(ae.p,null,A.map(n=>e.createElement(G.Tr,{key:n.id,...(0,a.X7)({fn:()=>S(n.id),condition:c})},e.createElement(m.Td,{...a.UW},e.createElement(N.C,{"aria-label":`${s({id:"global.select",defaultMessage:"Select"})} ${n.name}`,value:Z?.includes(n.id),onValueChange:r=>We(r,n.id),id:"select",name:"select"})),e.createElement(m.Td,null,e.createElement(d.Z,{fontWeight:"semiBold",textColor:"neutral800"},n.name)),e.createElement(m.Td,null,e.createElement(d.Z,{textColor:"neutral800"},n.url)),e.createElement(m.Td,null,e.createElement(R.k,{...a.UW},e.createElement(P,{onLabel:s({id:"global.enabled",defaultMessage:"Enabled"}),offLabel:s({id:"global.disabled",defaultMessage:"Disabled"}),label:`${n.name} ${s({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"})}`,selected:n.isEnabled,onChange:()=>Me(!n.isEnabled,n.id),visibleLabels:!0}))),e.createElement(m.Td,null,e.createElement(R.k,{gap:1,...a.UW},c&&e.createElement(F.h,{onClick:()=>{S(n.id)},label:s({id:"Settings.webhooks.events.update",defaultMessage:"Update"}),icon:e.createElement(de.Z,null),noBorder:!0}),D&&e.createElement(F.h,{onClick:()=>q(n.id),label:s({id:"global.delete",defaultMessage:"Delete"}),icon:e.createElement(z.Z,null),noBorder:!0,id:`delete-${n.id}`}))))))):e.createElement(re.x,{icon:e.createElement(ce.Z,{width:"160px"}),content:s({id:"Settings.webhooks.list.empty.description",defaultMessage:"No webhooks found"}),action:e.createElement(h.z,{variant:"secondary",startIcon:e.createElement(K.Z,null),onClick:()=>i?S("create"):{}},s({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}))),e.createElement(a.QH,{isOpen:Te,onToggleDialog:ye,onConfirm:pe}))},be=()=>e.createElement(a.O4,{permissions:f.Z.settings.webhooks.main},e.createElement(fe,null))},99223:function(H,L,t){t.d(L,{Z:function(){return O}});var e=t(74512),a=t(32735),f=t(60216),b=t(8471),T=t(87933),y=t(72850);const p=(0,b.ZP)(T.k)`
43
- & > * + * {
44
- margin-left: ${({theme:E})=>E.spaces[2]};
45
- }
46
-
47
- margin-left: ${({pullRight:E})=>E?"auto":void 0};
48
- `,M=(0,b.ZP)(p)`
49
- flex-shrink: 0;
50
- `,O=({startActions:E,endActions:d})=>E||d?(0,e.jsx)(y.x,{paddingLeft:10,paddingRight:10,children:(0,e.jsx)(y.x,{paddingBottom:4,children:(0,e.jsxs)(T.k,{justifyContent:"space-between",alignItems:"flex-start",children:[E&&(0,e.jsx)(p,{wrap:"wrap",children:E}),d&&(0,e.jsx)(M,{pullRight:!0,children:d})]})})}):null;O.defaultProps={endActions:void 0,startActions:void 0},O.propTypes={endActions:f.node,startActions:f.node}},73269:function(H,L,t){t.d(L,{c:function(){return d}});var e=t(74512),a=t(32735),f=t(60216),b=t(8471),T=t(72850),y=t(9026),p=t(87933),M=t(49372);const O=(0,b.ZP)(T.x)`
51
- height: ${24/16}rem;
52
- width: ${24/16}rem;
53
- border-radius: 50%;
54
- display: flex;
55
- justify-content: center;
56
- align-items: center;
57
-
58
- svg {
59
- height: ${10/16}rem;
60
- width: ${10/16}rem;
61
- }
62
-
63
- svg path {
64
- fill: ${({theme:h})=>h.colors.primary600};
65
- }
66
- `,E=(0,b.ZP)(T.x)`
67
- border-radius: 0 0 ${({theme:h})=>h.borderRadius} ${({theme:h})=>h.borderRadius};
68
- display: block;
69
- width: 100%;
70
- border: none;
71
- `,d=({children:h,icon:j,...W})=>(0,e.jsxs)("div",{children:[(0,e.jsx)(y.i,{}),(0,e.jsx)(E,{as:"button",background:"primary100",padding:5,...W,children:(0,e.jsxs)(p.k,{children:[(0,e.jsx)(O,{"aria-hidden":!0,background:"primary200",children:j}),(0,e.jsx)(T.x,{paddingLeft:3,children:(0,e.jsx)(M.Z,{variant:"pi",fontWeight:"bold",textColor:"primary600",children:h})})]})})]});d.propTypes={children:f.string.isRequired,icon:f.node.isRequired}}}]);