@strapi/admin 4.10.4 → 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 (94) 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.2b58bc1a.chunk.js → 3816.60f858cf.chunk.js} +19 -22
  35. package/build/{5542.5328b662.chunk.js → 5542.002522eb.chunk.js} +13 -13
  36. package/build/{5563.44e0ef15.chunk.js → 5563.2c8334ef.chunk.js} +1 -1
  37. package/build/617.87b2fe96.chunk.js +155 -0
  38. package/build/{6970.e8422af3.chunk.js → 6970.36d3ffff.chunk.js} +1 -1
  39. package/build/7259.116a9960.chunk.js +1 -0
  40. package/build/Admin-authenticatedApp.0318dfb3.chunk.js +79 -0
  41. package/build/{Admin_marketplace.87f51b29.chunk.js → Admin_marketplace.f446ba2b.chunk.js} +10 -10
  42. package/build/Admin_settingsPage.f8c46a9a.chunk.js +79 -0
  43. package/build/admin-app.6d48536c.chunk.js +63 -0
  44. package/build/{admin-edit-roles-page.6fe9de49.chunk.js → admin-edit-roles-page.02c3b136.chunk.js} +3 -3
  45. package/build/{admin-users.16bb6e77.chunk.js → admin-users.69f4900a.chunk.js} +11 -11
  46. package/build/audit-logs-settings-page.482909d7.chunk.js +129 -0
  47. package/build/{content-manager.a837bfcd.chunk.js → content-manager.cd71cb6e.chunk.js} +95 -95
  48. package/build/content-type-builder-translation-en-json.af293c9e.chunk.js +1 -0
  49. package/build/content-type-builder.b10576e7.chunk.js +126 -0
  50. package/build/{email-settings-page.5bc22e5a.chunk.js → email-settings-page.dba83275.chunk.js} +4 -4
  51. package/build/en-json.d965e364.chunk.js +1 -0
  52. package/build/i18n-settings-page.55628f74.chunk.js +114 -0
  53. package/build/index.html +1 -1
  54. package/build/main.adab8b96.js +2630 -0
  55. package/build/{runtime~main.a096f3d0.js → runtime~main.0201a49b.js} +2 -2
  56. package/build/upload-settings.63d99bf5.chunk.js +14 -0
  57. package/build/upload.c50d8c7a.chunk.js +34 -0
  58. package/build/{users-advanced-settings-page.dd2a4954.chunk.js → users-advanced-settings-page.4f49ca57.chunk.js} +3 -3
  59. package/build/users-email-settings-page.d2429d0a.chunk.js +24 -0
  60. package/build/users-providers-settings-page.50c5ba27.chunk.js +29 -0
  61. package/build/{users-roles-settings-page.eeb3a339.chunk.js → users-roles-settings-page.2549794b.chunk.js} +2 -2
  62. package/build/webhook-edit-page.cb2cf1a5.chunk.js +128 -0
  63. package/build/webhook-list-page.e2fca9f8.chunk.js +71 -0
  64. package/ee/LICENSE +1 -21
  65. package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js +6 -1
  66. package/ee/admin/pages/AuthPage/components/Login/index.js +1 -1
  67. package/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js +1 -1
  68. package/ee/admin/pages/AuthPage/components/Providers/index.js +1 -1
  69. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/ModalForm/utils/formDataModel.js +1 -1
  70. package/ee/admin/pages/SettingsPage/pages/Users/ListPage/ModalForm/utils/roleSettingsForm.js +1 -1
  71. package/package.json +13 -15
  72. package/webpack.alias.js +0 -1
  73. package/admin/src/hooks/useFetchMarketplacePlugins/utils/api.js +0 -18
  74. package/admin/src/hooks/useFetchMarketplaceProviders/utils/api.js +0 -18
  75. package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/utils/formatValue.js +0 -13
  76. package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/reducer.js +0 -72
  77. package/build/1387.437eb420.chunk.js +0 -1
  78. package/build/617.ce23dea8.chunk.js +0 -155
  79. package/build/7259.3ed2b60e.chunk.js +0 -1
  80. package/build/Admin-authenticatedApp.dbb99d34.chunk.js +0 -79
  81. package/build/Admin_settingsPage.20884a40.chunk.js +0 -79
  82. package/build/admin-app.d4fd9379.chunk.js +0 -63
  83. package/build/audit-logs-settings-page.48b921f9.chunk.js +0 -129
  84. package/build/content-type-builder-translation-en-json.5e5f8607.chunk.js +0 -1
  85. package/build/content-type-builder.51c64fe5.chunk.js +0 -126
  86. package/build/en-json.1f6af924.chunk.js +0 -1
  87. package/build/i18n-settings-page.1581894e.chunk.js +0 -114
  88. package/build/main.31bdf27e.js +0 -2679
  89. package/build/upload-settings.4d962053.chunk.js +0 -14
  90. package/build/upload.4dcd513f.chunk.js +0 -34
  91. package/build/users-email-settings-page.510648ab.chunk.js +0 -24
  92. package/build/users-providers-settings-page.0ee7d54f.chunk.js +0 -29
  93. package/build/webhook-edit-page.36c9f20d.chunk.js +0 -128
  94. package/build/webhook-list-page.0983d83f.chunk.js +0 -71
@@ -0,0 +1,79 @@
1
+ "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{29761:function(Q,S,n){n.r(S),n.d(S,{default:function(){return $t}});var e=n(32735),s=n(24989),L=n(20108),v=n(33795),O=n.n(v),P={i8:"4.10.6"},C=n(67927),f=n(53038),y=n(15062),G=n(74506),z=n(51968),K=n(88311),ne=n.n(K),Le=n(58107),T=n(8471),Oe=n(60216),r=n.n(Oe),Z=n(67879),m=n(87933),ae=n(71933),oe=n(67563),xe=n(50563),M=n(72850),V=n(41415),se=n(35331);const be=(0,T.ZP)(m.k)`
2
+ position: fixed;
3
+ z-index: 4;
4
+ inset: 0;
5
+ /* this is theme.colors.neutral800 with opacity */
6
+ background: ${({theme:t})=>`${t.colors.neutral800}1F`};
7
+ `,re=({onClose:t,onSkip:a,children:o,hideSkip:i})=>{const{formatMessage:d}=(0,Z.Z)();return e.createElement(ae.h,null,e.createElement(be,{onClick:t,padding:8,justifyContent:"center"},e.createElement(oe.i,{onEscape:t},e.createElement(m.k,{direction:"column",alignItems:"stretch",background:"neutral0",width:(0,s.Q1)(660),shadow:"popupShadow",hasRadius:!0,padding:4,gap:8,role:"dialog","aria-modal":!0,onClick:u=>u.stopPropagation()},e.createElement(m.k,{justifyContent:"flex-end"},e.createElement(xe.h,{onClick:t,"aria-label":d({id:"app.utils.close-label",defaultMessage:"Close"}),icon:e.createElement(se.Z,null)})),e.createElement(M.x,{paddingLeft:7,paddingRight:7,paddingBottom:i?8:0},o),!i&&e.createElement(m.k,{justifyContent:"flex-end"},e.createElement(V.z,{variant:"tertiary",onClick:a},d({id:"app.components.GuidedTour.skip",defaultMessage:"Skip the tour"})))))))};re.propTypes={children:r().node.isRequired,onClose:r().func.isRequired,onSkip:r().func.isRequired,hideSkip:r().bool.isRequired};var De=re,ie=n(97889);const le={stepContent:null,sectionIndex:null,stepIndex:null,hasSectionAfter:!1,hasStepAfter:!1};var ke=(t=le,a)=>(0,ie.ZP)(t,o=>{switch(a.type){case"UPDATE_MODAL":{o.stepContent=a.content,o.sectionIndex=a.newSectionIndex,o.stepIndex=a.newStepIndex,o.hasSectionAfter=a.newHasSectionAfter,o.hasStepAfter=a.newHasStepAfter;break}default:return o}}),E=n(49372),ce=n(8482);const Ze=T.ZP.li`
8
+ list-style: disc;
9
+ &::marker {
10
+ color: ${({theme:t})=>t.colors.neutral800};
11
+ }
12
+ `,de=({id:t,defaultMessage:a})=>{const{formatMessage:o}=(0,Z.Z)();return e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:4,paddingBottom:6},o({id:t,defaultMessage:a},{documentationLink:Be,b:We,p:Ge,light:Ne,ul:Ue,li:Fe}))},Be=t=>e.createElement(E.Z,{as:"a",textColor:"primary600",target:"_blank",rel:"noopener noreferrer",href:"https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest-api.html#api-parameters"},t),We=t=>e.createElement(E.Z,{fontWeight:"semiBold"},t),Ge=t=>e.createElement(E.Z,null,t),Ne=t=>e.createElement(E.Z,{textColor:"neutral600"},t),Ue=t=>e.createElement(M.x,{paddingLeft:6},e.createElement("ul",null,t)),Fe=t=>e.createElement(Ze,null,t);de.propTypes={id:r().string.isRequired,defaultMessage:r().string.isRequired};var je=de,Y=n(78024),$e=n(14317);const w=({number:t,last:a,type:o})=>e.createElement(M.x,{paddingTop:3,paddingBottom:a?0:3},e.createElement($e.Z,{number:t,type:o}));w.defaultProps={number:void 0,last:!1,type:""},w.propTypes={number:r().number,last:r().bool,type:r().string};var ue=w,B=n(23678);const J=({title:t,content:a,cta:o,onCtaClick:i,sectionIndex:d,stepIndex:u,hasSectionAfter:h})=>{const{formatMessage:p}=(0,Z.Z)(),g=d>0,l=u>0,I=d+1;return e.createElement(e.Fragment,null,e.createElement(m.k,{alignItems:"stretch"},e.createElement(m.k,{marginRight:8,justifyContent:"center",minWidth:(0,s.Q1)(30)},g&&e.createElement(Y.Z,{type:B.hx,minHeight:(0,s.Q1)(24)})),e.createElement(E.Z,{variant:"sigma",textColor:"primary600"},p({id:"app.components.GuidedTour.title",defaultMessage:"3 steps to get started"}))),e.createElement(m.k,null,e.createElement(m.k,{marginRight:8,minWidth:(0,s.Q1)(30)},e.createElement(ue,{number:d+1,type:l?B.hx:B.lW})),e.createElement(E.Z,{variant:"alpha",fontWeight:"bold",textColor:"neutral800",as:"h3",id:"title"},p(t))),e.createElement(m.k,{alignItems:"stretch"},e.createElement(m.k,{marginRight:8,direction:"column",justifyContent:"center",minWidth:(0,s.Q1)(30)},h&&e.createElement(e.Fragment,null,e.createElement(Y.Z,{type:B.hx}),l&&e.createElement(ue,{number:I+1,type:B.lW,last:!0}))),e.createElement(M.x,null,e.createElement(je,{...a}),o&&(o.target?e.createElement(s.Qj,{endIcon:e.createElement(ce.Z,null),onClick:i,to:o.target},p(o.title)):e.createElement(V.z,{endIcon:e.createElement(ce.Z,null),onClick:i},p(o.title))))),l&&h&&e.createElement(M.x,{paddingTop:3},e.createElement(m.k,{marginRight:8,justifyContent:"center",width:(0,s.Q1)(30)},e.createElement(Y.Z,{type:B.hx,minHeight:(0,s.Q1)(24)}))))};J.defaultProps={currentStep:null,cta:void 0},J.propTypes={sectionIndex:r().number.isRequired,stepIndex:r().number.isRequired,hasSectionAfter:r().bool.isRequired,content:r().shape({id:r().string.isRequired,defaultMessage:r().string.isRequired}).isRequired,cta:r().shape({target:r().string,title:r().shape({id:r().string.isRequired,defaultMessage:r().string.isRequired})}),currentStep:r().string,onCtaClick:r().func.isRequired,title:r().shape({id:r().string.isRequired,defaultMessage:r().string.isRequired}).isRequired};var Qe=J,ze=()=>{const{currentStep:t,guidedTourState:a,setCurrentStep:o,setStepState:i,isGuidedTourVisible:d,setSkipped:u}=(0,s.c1)(),[h,p]=(0,e.useState)(t),[{stepContent:g,sectionIndex:l,stepIndex:I,hasSectionAfter:x,hasStepAfter:U},F]=(0,e.useReducer)(ke,le),{trackUsage:W}=(0,s.rS)();(0,e.useEffect)(()=>{if(!t){p(!1);return}const[b]=ne()(a,t);p(!b&&d)},[t,a,d]),(0,e.useEffect)(()=>{if(t){const[b]=ne()(Le.Z,t),R=Object.keys(a),[D,c]=t.split("."),k=R.indexOf(D),H=Object.keys(a[D]).indexOf(c),$=k<R.length-1,Qt=H<Object.keys(a[D]).length-1;F({type:"UPDATE_MODAL",content:b,newSectionIndex:k,newStepIndex:H,newHasSectionAfter:$,newHasStepAfter:Qt})}},[t,a]);const A=()=>{i(t,!0),W(g.trackingEvent),o(null)},j=()=>{u(!0),o(null),W("didSkipGuidedtour")};return h&&g?e.createElement(De,{hideSkip:!U&&!x,onSkip:j,onClose:A},e.createElement(Qe,{...g,onCtaClick:A,currentStep:t,sectionIndex:l,stepIndex:I,hasSectionAfter:x})):null},N=n(14911),pe=n(9026),Ke=n(15300),He=n(61450),Ve=n(1897),X=n(78464),me=n(42889),Ye=n(25390),we=n(64838),Je=n(9371),Xe=n(73165),qe=n(92967);const _e=(0,T.ZP)(M.x)`
13
+ width: ${150/16}rem;
14
+ position: absolute;
15
+ bottom: ${({theme:t})=>t.spaces[9]};
16
+ left: ${({theme:t})=>t.spaces[5]};
17
+ `,ge=(0,T.ZP)(N.OL)`
18
+ display: flex;
19
+ justify-content: space-between;
20
+ align-items: center;
21
+ text-decoration: none;
22
+ padding: ${({theme:t})=>`${t.spaces[2]} ${t.spaces[4]}`};
23
+ border-radius: ${({theme:t})=>t.spaces[1]};
24
+
25
+ &:hover {
26
+ background: ${({theme:t,logout:a})=>a?t.colors.danger100:t.colors.primary100};
27
+ text-decoration: none;
28
+ }
29
+
30
+ svg {
31
+ path {
32
+ fill: ${({theme:t})=>t.colors.danger600};
33
+ }
34
+ }
35
+ `,he=({generalSectionLinks:t,pluginsSectionLinks:a})=>{const o=(0,e.useRef)(),[i,d]=(0,e.useState)(!1),{logos:{menu:u}}=(0,C.um)(),[h,p]=(0,s.Yw)("navbar-condensed",!1),{userDisplayName:g}=(0,s.L7)(),{formatMessage:l}=(0,Z.Z)(),{trackUsage:I}=(0,s.rS)(),{pathname:x}=(0,f.TH)(),U=(0,f.k6)(),{post:F}=(0,s.tg)(),W=g.split(" ").map(c=>c.substring(0,1)).join("").substring(0,2),A=()=>d(c=>!c),j=async()=>{await F("/admin/logout"),s.I8.clearAppStorage(),A(),U.push("/auth/login")},b=c=>{!c.currentTarget.contains(c.relatedTarget)&&c.relatedTarget?.parentElement?.id!=="main-nav-user-button"&&d(!1)},R=(c=null)=>{I("willNavigate",{from:x,to:c})},D=l({id:"app.components.LeftMenu.navbrand.title",defaultMessage:"Strapi Dashboard"});return e.createElement(Ke.$,{condensed:h},e.createElement(He.D,{as:N.OL,workplace:l({id:"app.components.LeftMenu.navbrand.workplace",defaultMessage:"Workplace"}),title:D,icon:e.createElement("img",{src:u.custom||u.default,alt:l({id:"app.components.LeftMenu.logo.alt",defaultMessage:"Application logo"})})}),e.createElement(pe.i,null),e.createElement(Ve._,null,e.createElement(X.O,{as:N.OL,to:"/content-manager",icon:e.createElement(Xe.Z,null),onClick:()=>R("/content-manager")},l({id:"global.content-manager",defaultMessage:"Content manager"})),a.length>0?e.createElement(me.y,{label:l({id:"app.components.LeftMenu.plugins",defaultMessage:"Plugins"})},a.map(c=>{const k=c.icon;return e.createElement(X.O,{as:N.OL,to:c.to,key:c.to,icon:e.createElement(k,null),onClick:()=>R(c.to)},l(c.intlLabel))})):null,t.length>0?e.createElement(me.y,{label:l({id:"app.components.LeftMenu.general",defaultMessage:"General"})},t.map(c=>{const k=c.icon;return e.createElement(X.O,{as:N.OL,badgeContent:c.notificationsCount>0&&c.notificationsCount.toString()||void 0,to:c.to,key:c.to,icon:e.createElement(k,null),onClick:()=>R(c.to)},l(c.intlLabel))})):null),e.createElement(Ye.q,null,e.createElement(we.r,{id:"main-nav-user-button",ref:o,onClick:A,initials:W},g),i&&e.createElement(_e,{onBlur:b,padding:1,shadow:"tableShadow",background:"neutral0",hasRadius:!0},e.createElement(oe.i,{onEscape:A},e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:0},e.createElement(ge,{tabIndex:0,onClick:A,to:"/me"},e.createElement(E.Z,null,l({id:"global.profile",defaultMessage:"Profile"}))),e.createElement(ge,{tabIndex:0,onClick:j,logout:"logout",to:"/auth/login"},e.createElement(E.Z,{textColor:"danger600"},l({id:"app.components.LeftMenu.logout",defaultMessage:"Logout"})),e.createElement(qe.Z,null))))),e.createElement(Je.w,{onClick:()=>p(c=>!c)},l(h?{id:"app.components.LeftMenu.expand",defaultMessage:"Expand the navbar"}:{id:"app.components.LeftMenu.collapse",defaultMessage:"Collapse the navbar"}))))};he.propTypes={generalSectionLinks:r().array.isRequired,pluginsSectionLinks:r().array.isRequired};var et=he,tt=n(10728);const nt=(0,T.ZP)(M.x)`
36
+ flex: 1;
37
+ `,fe=({children:t,sideNav:a})=>{const{formatMessage:o}=(0,Z.Z)();return e.createElement(M.x,{background:"neutral100"},e.createElement(tt.z,null,o({id:"skipToContent",defaultMessage:"Skip to content"})),e.createElement(m.k,{alignItems:"flex-start"},a,e.createElement(nt,null,t)))};fe.propTypes={children:r().node.isRequired,sideNav:r().node.isRequired};var at=fe,q=n(8997),ot=n(26648),_=n(99140),st=n(28351),rt=n(3685),it=n(45323),lt=n(29685),ct=n(2438),dt=n.p+"19eb2dfcf2603eb55733.png",ut=n(37272),pt=n(78429);const mt=[{label:{id:"app.components.Onboarding.link.build-content",defaultMessage:"Build a content architecture"},href:"https://www.youtube.com/watch?v=G9GjN0RxhkE",duration:"5:48"},{label:{id:"app.components.Onboarding.link.manage-content",defaultMessage:"Add & manage content"},href:"https://www.youtube.com/watch?v=DEZw4KbybAI",duration:"3:18"},{label:{id:"app.components.Onboarding.link.manage-media",defaultMessage:"Manage media"},href:"https://www.youtube.com/watch?v=-61MuiMQb38",duration:"3:41"}],Ee={href:"https://www.youtube.com/playlist?list=PL7Q0DQYATmvidz6lEmwE5nIcOAYagxWqq",label:{id:"app.components.Onboarding.link.more-videos",defaultMessage:"Watch more videos"}},gt=[{label:{id:"global.documentation",defaultMessage:"documentation"},href:"https://docs.strapi.io",icon:ut.Z},{label:{id:"app.static.links.cheatsheet",defaultMessage:"cheatsheet"},href:"https://strapi-showcase.s3-us-west-2.amazonaws.com/CheatSheet.pdf",icon:pt.Z}],ht=(0,T.ZP)(V.z)`
38
+ border-radius: 50%;
39
+ padding: ${({theme:t})=>t.spaces[3]};
40
+ /* Resetting 2rem height defined by Button component */
41
+ height: 100%;
42
+ `,ft=(0,T.ZP)(m.k)`
43
+ transform: translate(-50%, -50%);
44
+ `,Et=(0,T.ZP)(m.k)`
45
+ text-decoration: none;
46
+
47
+ :focus-visible {
48
+ outline-offset: ${({theme:t})=>`-${t.spaces[1]}`};
49
+ }
50
+
51
+ :hover {
52
+ background: ${({theme:t})=>t.colors.primary100};
53
+
54
+ /* Hover style for the number displayed */
55
+ ${E.Z}:first-child {
56
+ color: ${({theme:t})=>t.colors.primary500};
57
+ }
58
+
59
+ /* Hover style for the label */
60
+ ${E.Z}:nth-child(1) {
61
+ color: ${({theme:t})=>t.colors.primary600};
62
+ }
63
+ }
64
+ `,yt=T.ZP.img`
65
+ width: ${({theme:t})=>t.spaces[10]};
66
+ height: ${({theme:t})=>t.spaces[8]};
67
+ /* Same overlay used in ModalLayout */
68
+ background: ${({theme:t})=>`${t.colors.neutral800}1F`};
69
+ border-radius: ${({theme:t})=>t.borderRadius};
70
+ `,ye=(0,T.ZP)(E.Z)`
71
+ /* line height of label and watch more to 1 so they can be better aligned visually */
72
+ line-height: 1;
73
+ `,ve=(0,T.ZP)(ye)`
74
+ text-decoration: none;
75
+
76
+ :hover {
77
+ text-decoration: underline;
78
+ }
79
+ `;var vt=()=>{const t=(0,e.useRef)(),[a,o]=(0,e.useState)(!1),{formatMessage:i}=(0,Z.Z)(),{communityEdition:d}=(0,s.L7)(),u=()=>{o(p=>!p)},h=[...gt,{label:{id:"Settings.application.get-help",defaultMessage:"Get help"},icon:it.Z,href:d?"https://discord.strapi.io":"https://support.strapi.io/support/home"}];return e.createElement(M.x,{as:"aside",position:"fixed",bottom:2,right:2},e.createElement(ht,{"aria-label":i(a?{id:"app.components.Onboarding.help.button-close",defaultMessage:"Close help menu"}:{id:"app.components.Onboarding.help.button",defaultMessage:"Open help menu"}),onClick:u,ref:t},e.createElement(_.J,{as:a?se.Z:lt.Z,color:"buttonNeutral0"})),a&&e.createElement(ae.h,null,e.createElement(st.M.Content,{padding:0,onDimiss:u,source:t,placement:"top-end",spacing:12},e.createElement(m.k,{justifyContent:"space-between",paddingBottom:5,paddingRight:6,paddingLeft:6,paddingTop:6},e.createElement(ye,{fontWeight:"bold"},i({id:"app.components.Onboarding.title",defaultMessage:"Get started videos"})),e.createElement(ve,{as:"a",href:Ee.href,target:"_blank",rel:"noreferrer noopener",variant:"pi",textColor:"primary600"},i(Ee.label))),e.createElement(pe.i,null),mt.map(({href:p,duration:g,label:l},I)=>e.createElement(Et,{as:"a",href:p,target:"_blank",rel:"noreferrer noopener",key:p,hasRadius:!0,paddingTop:4,paddingBottom:4,paddingLeft:6,paddingRight:11},e.createElement(M.x,{paddingRight:5},e.createElement(E.Z,{textColor:"neutral200",variant:"alpha"},I+1)),e.createElement(M.x,{position:"relative"},e.createElement(yt,{src:dt,alt:""}),e.createElement(ft,{position:"absolute",top:"50%",left:"50%",background:"primary600",borderRadius:"50%",justifyContent:"center",width:6,height:6},e.createElement(_.J,{as:ct.Z,color:"buttonNeutral0",width:3,height:3}))),e.createElement(m.k,{direction:"column",alignItems:"start",paddingLeft:4},e.createElement(E.Z,{fontWeight:"bold"},i(l)),e.createElement(rt.T,null,":"),e.createElement(E.Z,{textColor:"neutral600",variant:"pi"},g)))),e.createElement(m.k,{direction:"column",alignItems:"stretch",gap:2,paddingLeft:5,paddingTop:2,paddingBottom:5},h.map(({label:p,href:g,icon:l})=>e.createElement(m.k,{gap:3,key:g},e.createElement(_.J,{as:l,color:"primary600"}),e.createElement(ve,{as:"a",href:g,target:"_blank",rel:"noreferrer noopener",variant:"sigma",textColor:"primary700"},i(p))))))))};const Ct=(0,e.lazy)(()=>Promise.all([n.e(462),n.e(1657),n.e(6970),n.e(994)]).then(n.bind(n,82865))),Tt=(0,e.lazy)(()=>n.e(3981).then(n.bind(n,55129))),Mt=(0,e.lazy)(()=>n.e(3677).then(n.bind(n,15415))),St=(0,e.lazy)(()=>n.e(5516).then(n.bind(n,77571))),Ce=(0,e.lazy)(()=>Promise.resolve().then(n.bind(n,53951))),Pt=(0,e.lazy)(()=>n.e(9501).then(n.bind(n,92336))),It=(0,e.lazy)(()=>n.e(9497).then(n.bind(n,9972))),Te=(0,e.lazy)(()=>n.e(5895).then(n.bind(n,74750))),Rt=()=>{const{trackUsage:t}=(0,s.rS)(),a=(0,y.I0)(),o=(0,y.v9)(i=>i.admin_app.status);(0,e.useEffect)(()=>{o==="init"&&(t("didAccessAuthenticatedAdministration"),a({type:ot.e}))},[o])};var At=()=>{Rt();const{isLoading:t,generalSectionLinks:a,pluginsSectionLinks:o}=(0,C.H9)(),{menu:i}=(0,s.j1)(),{showTutorials:d}=(0,C.um)(),u=(0,e.useMemo)(()=>i.filter(h=>h.Component).map(({to:h,Component:p,exact:g})=>(0,q.ot)(p,h,g)),[i]);return t?e.createElement(s.dO,null):e.createElement(G.DndProvider,{backend:z.PD},e.createElement(at,{sideNav:e.createElement(et,{generalSectionLinks:a,pluginsSectionLinks:o})},e.createElement(e.Suspense,{fallback:e.createElement(s.dO,null)},e.createElement(f.rs,null,e.createElement(f.AW,{path:"/",component:Tt,exact:!0}),e.createElement(f.AW,{path:"/me",component:It,exact:!0}),e.createElement(f.AW,{path:"/content-manager",component:Ct}),u,e.createElement(f.AW,{path:"/settings/:settingId",component:Te}),e.createElement(f.AW,{path:"/settings",component:Te,exact:!0}),e.createElement(f.AW,{path:"/marketplace"},e.createElement(St,null)),e.createElement(f.AW,{path:"/list-plugins",exact:!0},e.createElement(Mt,null)),e.createElement(f.AW,{path:"/404",component:Ce}),e.createElement(f.AW,{path:"/500",component:Pt}),e.createElement(f.AW,{path:"",component:Ce}))),e.createElement(ze,null),d&&e.createElement(vt,null)))},Lt=t=>({plugins:Object.keys(t).reduce((a,o)=>(a[o]={...t[o]},a),{})}),Ot=n(3040),xt=n.n(Ot);const Me={plugins:null};var bt=(t=Me,a)=>(0,ie.ZP)(t,o=>{switch(a.type){case"SET_PLUGIN_READY":{xt()(o,["plugins",a.pluginId,"isReady"],!0);break}default:return o}}),Dt=()=>{const{plugins:t}=(0,s.j1)(),[{plugins:a},o]=(0,e.useReducer)(bt,Me,()=>Lt(t)),i=(0,e.useRef)(u=>{o({type:"SET_PLUGIN_READY",pluginId:u})});if(Object.keys(a).some(u=>a[u].isReady===!1)){const u=Object.keys(a).reduce((h,p)=>{const g=a[p].initializer;if(g){const l=a[p].pluginId;h.push(e.createElement(g,{key:l,setPlugin:i.current}))}return h},[]);return e.createElement(e.Fragment,null,u,e.createElement(s.dO,null))}return e.createElement(At,null)},Se=n(17367);const kt=()=>({type:Se.l}),Zt=t=>({type:Se.m,permissions:t}),Pe=({children:t,permissions:a,refetchPermissions:o})=>{const{allPermissions:i}=(0,y.v9)(u=>u.rbacProvider),d=(0,y.I0)();return(0,e.useEffect)(()=>(d(Zt(a)),()=>{d(kt())}),[a,d]),i?e.createElement(s.oL.Provider,{value:{allPermissions:i,refetchPermissions:o}},t):e.createElement(s.dO,null)};Pe.propTypes={children:r().element.isRequired,permissions:r().array.isRequired,refetchPermissions:r().func.isRequired};var Bt=Pe,Wt=n(54770),ee=n.n(Wt),Ie=(t,a)=>!ee().valid(t)||!ee().valid(a)?!1:ee().lt(t,a);const Re=P.i8,Gt=!JSON.parse(localStorage.getItem("STRAPI_UPDATE_NOTIF")),{get:te}=(0,s.tg)(),Nt=async t=>{try{const a=await fetch("https://api.github.com/repos/strapi/strapi/releases/latest");if(!a.ok)throw new Error("Failed to fetch latest Strapi version.");const{tag_name:o}=await a.json();return Ie(Re,o)&&Gt&&t({type:"info",message:{id:"notification.version.update.message"},link:{url:`https://github.com/strapi/strapi/releases/tag/${o}`,label:{id:"global.see-more"}},blockTransition:!0,onClose:()=>localStorage.setItem("STRAPI_UPDATE_NOTIF",!0)}),o}catch{return Re}},Ut=async()=>{try{const{data:t,headers:a}=await te("/admin/information");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}},Ft=async()=>{try{const{data:t,headers:a}=await te("/admin/users/me/permissions");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}},jt=async()=>{try{const{data:{data:{roles:t}}}=await te("/admin/users/me");return t}catch(t){throw new Error(t)}},Ae=P.i8;var $t=()=>{const{setGuidedTourVisibility:t}=(0,s.c1)(),a=(0,s.lm)(),o=s.I8.getUserInfo(),i=O()(o,"username")||(0,q.Pp)(o.firstname,o.lastname),[d,u]=(0,e.useState)(i),[h,p]=(0,e.useState)(null),{showReleaseNotification:g}=(0,C.um)(),[{data:l,status:I},{data:x,isLoading:U},{data:F,status:W,refetch:A,isFetched:j,isFetching:b},{data:R}]=(0,L.useQueries)([{queryKey:"app-infos",queryFn:Ut},{queryKey:"strapi-release",queryFn:()=>Nt(a),enabled:g,initialData:Ae},{queryKey:"admin-users-permission",queryFn:Ft,initialData:[]},{queryKey:"user-roles",queryFn:jt}]),D=Ie(Ae,x);return(0,e.useEffect)(()=>{R&&R.find(({code:$})=>$==="strapi-super-admin")&&l?.autoReload&&t(!0)},[R,l,t]),(0,e.useEffect)(()=>{(async()=>{const $=await(0,q.Qy)(o);p($)})()},[o]),U||(b&&j||I==="loading"||W==="loading")?e.createElement(s.dO,null):I==="error"?e.createElement("div",null,"error..."):e.createElement(s.iq,{...l,userId:h,latestStrapiReleaseTag:x,setUserDisplayName:u,shouldUpdateStrapi:D,userDisplayName:d},e.createElement(Bt,{permissions:F,refetchPermissions:A},e.createElement(Dt,null)))}},78024:function(Q,S,n){var e=n(32735),s=n(60216),L=n.n(s),v=n(24989),O=n(72850),P=n(23678);const C=({type:f,...y})=>e.createElement(O.x,{width:(0,v.Q1)(2),height:"100%",background:f===P.VM?"neutral300":"primary500",hasRadius:!0,...y});C.defaultProps={type:P.VM},C.propTypes={type:L().oneOf([P.lW,P.hx,P.VM])},S.Z=C},14317:function(Q,S,n){var e=n(32735),s=n(60216),L=n.n(s),v=n(24989),O=n(87933),P=n(99140),C=n(49372),f=n(66456),y=n(23678);const G=({type:z,number:K})=>z===y.hx?e.createElement(O.k,{background:"primary600",padding:2,borderRadius:"50%",width:(0,v.Q1)(30),height:(0,v.Q1)(30),justifyContent:"center"},e.createElement(P.J,{as:f.Z,"aria-hidden":!0,width:(0,v.Q1)(16),color:"neutral0"})):z===y.lW?e.createElement(O.k,{background:"primary600",padding:2,borderRadius:"50%",width:(0,v.Q1)(30),height:(0,v.Q1)(30),justifyContent:"center"},e.createElement(C.Z,{fontWeight:"semiBold",textColor:"neutral0"},K)):e.createElement(O.k,{borderColor:"neutral500",borderWidth:"1px",borderStyle:"solid",padding:2,borderRadius:"50%",width:(0,v.Q1)(30),height:(0,v.Q1)(30),justifyContent:"center"},e.createElement(C.Z,{fontWeight:"semiBold",textColor:"neutral600"},K));G.defaultProps={number:void 0,type:y.VM},G.propTypes={number:L().number,type:L().oneOf([y.lW,y.hx,y.VM])},S.Z=G},23678:function(Q,S,n){n.d(S,{VM:function(){return L},hx:function(){return s},lW:function(){return e}});const e="isActive",s="isDone",L="isNotDone"},58107:function(Q,S){const n={contentTypeBuilder:{home:{title:{id:"app.components.GuidedTour.home.CTB.title",defaultMessage:"\u{1F9E0} Build the content structure"},cta:{title:{id:"app.components.GuidedTour.home.CTB.cta.title",defaultMessage:"Go to the Content type Builder"},type:"REDIRECT",target:"/plugins/content-type-builder"},trackingEvent:"didClickGuidedTourHomepageContentTypeBuilder"},create:{title:{id:"app.components.GuidedTour.CTB.create.title",defaultMessage:"\u{1F9E0} Create a first Collection type"},content:{id:"app.components.GuidedTour.CTB.create.content",defaultMessage:"<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>"},cta:{title:{id:"app.components.GuidedTour.CTB.create.cta.title",defaultMessage:"Build a Collection type"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep1CollectionType"},success:{title:{id:"app.components.GuidedTour.CTB.success.title",defaultMessage:"Step 1: Completed \u2705"},content:{id:"app.components.GuidedTour.CTB.success.content",defaultMessage:"<p>Good going!</p><b>\u26A1\uFE0F What would you like to share with the world?</b>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didCreateGuidedTourCollectionType"}},contentManager:{home:{title:{id:"app.components.GuidedTour.home.CM.title",defaultMessage:"\u26A1\uFE0F What would you like to share with the world?"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didClickGuidedTourHomepageContentManager"},create:{title:{id:"app.components.GuidedTour.CM.create.title",defaultMessage:"\u26A1\uFE0F Create content"},content:{id:"app.components.GuidedTour.CM.create.content",defaultMessage:"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>\u{1F4A1} Quick tip - Don't forget to hit publish on the content you create.</p>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep2ContentManager"},success:{title:{id:"app.components.GuidedTour.CM.success.title",defaultMessage:"Step 2: Completed \u2705"},content:{id:"app.components.GuidedTour.CM.success.content",defaultMessage:"<p>Awesome, one last step to go!</p><b>\u{1F680} See content in action</b>"},cta:{title:{id:"app.components.GuidedTour.CM.success.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didCreateGuidedTourEntry"}},apiTokens:{home:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},cta:{title:{id:"app.components.GuidedTour.home.apiTokens.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didClickGuidedTourHomepageApiTokens"},create:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},content:{id:"app.components.GuidedTour.apiTokens.create.content",defaultMessage:"<p>Generate an authentication token here and retrieve the content you just created.</p>"},cta:{title:{id:"app.components.GuidedTour.apiTokens.create.cta.title",defaultMessage:"Generate an API Token"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep3ApiTokens"},success:{title:{id:"app.components.GuidedTour.apiTokens.success.title",defaultMessage:"Step 3: Completed \u2705"},content:{id:"app.components.GuidedTour.apiTokens.success.content",defaultMessage:"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>"},trackingEvent:"didGenerateGuidedTourApiTokens"}}};S.Z=n}}]);
@@ -1,21 +1,21 @@
1
- "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5516],{75536:function(z,b,n){var e=n(32735);const v=(M,c)=>{const[S,N]=(0,e.useState)(M);return(0,e.useEffect)(()=>{const w=setTimeout(()=>{N(M)},c);return()=>{clearTimeout(w)}},[M,c]),S};b.Z=v},84538:function(z,b,n){n.r(b),n.d(b,{MarketPlacePage:function(){return Pe},default:function(){return xt}});var e=n(32735),v=n(67879),M=n(74758),c=n(24989),S=n(96709),N=n(27649),w=n(17e3),O=n(91215),f=n(87933),B=n(39291),h=n(72850),ke=n(61774),V=n(3653),_=n(60216),t=n.n(_),be=n(82055),ee=n(95489),T=n(74512);const Re=a=>(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 25",...a,children:(0,T.jsx)("path",{fill:"#212134",fillRule:"evenodd",d:"M13.571 18.272H10.43v-8.47H2.487a.2.2 0 0 1-.14-.343L11.858.058a.2.2 0 0 1 .282 0l9.513 9.4a.2.2 0 0 1-.14.343H13.57v8.47ZM2.2 21.095a.2.2 0 0 0-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 0 0 .2-.2v-2.424a.2.2 0 0 0-.2-.2H2.2Z",clipRule:"evenodd"})}),Ce=Re,U=({isOnline:a,npmPackageType:s})=>{const{formatMessage:r}=(0,v.Z)(),{trackUsage:l}=(0,c.rS)(),i=s==="provider"?"didSubmitProvider":"didSubmitPlugin";return e.createElement(be.T,{title:r({id:"global.marketplace",defaultMessage:"Marketplace"}),subtitle:r({id:"admin.pages.MarketPlacePage.subtitle",defaultMessage:"Get more out of Strapi"}),primaryAction:a&&e.createElement(ee.Q,{startIcon:e.createElement(Ce,null),variant:"tertiary",href:`https://market.strapi.io/submit-${s}`,onClick:()=>l(i),isExternal:!0},r({id:`admin.pages.MarketPlacePage.submit.${s}.link`,defaultMessage:`Submit ${s}`}))})};var te=U;U.defaultProps={npmPackageType:"plugin"},U.propTypes={isOnline:t().bool.isRequired,npmPackageType:t().string};var xe=n(83983),Se=()=>{const a=typeof navigator<"u"&&typeof navigator.onLine=="boolean"?navigator.onLine:!0,[s,r]=(0,e.useState)(a),l=()=>r(!0),i=()=>r(!1);return(0,e.useEffect)(()=>(window.addEventListener("online",l),window.addEventListener("offline",i),()=>{window.removeEventListener("online",l),window.removeEventListener("offline",i)}),[]),s};const Te=a=>(0,T.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 32 32",...a,children:[(0,T.jsx)("path",{fill:"#AC73E6",d:"M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z"}),(0,T.jsx)("path",{fill:"#fff",fillRule:"evenodd",d:"M15.027 13.839c-3.19-.836-6.305-1.064-10.18-.608-1.215.152-1.063 1.975.076 2.203.304.836.456 2.355.912 3.267.987 2.279 5.622 1.975 7.369.835 1.14-.683 1.443-2.279 1.9-3.494.227-.684 1.595-.684 1.822 0 .38 1.215.76 2.81 1.9 3.494 1.747 1.14 6.381 1.444 7.369-.835.456-.912.607-2.431.911-3.267 1.14-.228 1.216-2.051.076-2.203-3.874-.456-6.989-.228-10.18.608-.455.075-1.519.075-1.975 0Z",clipRule:"evenodd"})]}),Ze=Te;var ae=n(47361),Z=n(99140),De=()=>{const{formatMessage:a}=(0,v.Z)(),{trackUsage:s}=(0,c.rS)();return e.createElement("a",{href:"https://strapi.canny.io/plugin-requests",target:"_blank",rel:"noopener noreferrer nofollow",style:{textDecoration:"none"},onClick:()=>s("didMissMarketplacePlugin")},e.createElement(c.Y_,{title:a({id:"admin.pages.MarketPlacePage.missingPlugin.title",defaultMessage:"Documentation"}),subtitle:a({id:"admin.pages.MarketPlacePage.missingPlugin.description",defaultMessage:"Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration!"}),icon:e.createElement(Ze,null),iconBackground:"alternative100",endAction:e.createElement(Z.J,{as:ae.Z,color:"neutral600",width:3,height:3,marginLeft:2})}))},Ne=n(23866),Le=n(15335),we=n(5803),D=n(8471),Oe=n(24443),Be=n.n(Oe),R=n(49372),H=n(63919),Ie=n(38705),je=n(47750),Ae=n(66456),$e=n(54770),ne=n.n($e),Q=n(41415),se=n(47765);const I=({description:a,installMessage:s,disabled:r,handleCopy:l,pluginName:i})=>e.createElement(H.u,{"data-testid":`tooltip-${i}`,description:a},e.createElement(h.x,null,e.createElement(Q.z,{size:"S",startIcon:e.createElement(se.Z,null),variant:"secondary",disabled:r,onClick:l},s))),G=({strapiPeerDepVersion:a,strapiAppVersion:s,handleCopy:r,pluginName:l})=>{const{formatMessage:i}=(0,v.Z)(),g=ne().validRange(a),o=ne().satisfies(s,g),d=i({id:"admin.pages.MarketPlacePage.plugin.copy",defaultMessage:"Copy install command"});if(s){if(!g)return e.createElement(I,{installMessage:d,pluginName:l,description:i({id:"admin.pages.MarketPlacePage.plugin.version.null",defaultMessage:'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"'},{strapiAppVersion:s}),handleCopy:r});if(!o)return e.createElement(I,{installMessage:d,pluginName:l,description:i({id:"admin.pages.MarketPlacePage.plugin.version",defaultMessage:'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'},{strapiAppVersion:s,versionRange:g}),disabled:!0})}return e.createElement(Q.z,{size:"S",startIcon:e.createElement(se.Z,null),variant:"secondary",onClick:r},d)};I.defaultProps={disabled:!1,handleCopy:null},I.propTypes={description:t().string.isRequired,installMessage:t().string.isRequired,disabled:t().bool,handleCopy:t().func,pluginName:t().string.isRequired},G.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},G.propTypes={strapiAppVersion:t().string,strapiPeerDepVersion:t().string,handleCopy:t().func.isRequired,pluginName:t().string.isRequired};var Fe=G;const W=({isInstalled:a,isInDevelopmentMode:s,commandToCopy:r,strapiAppVersion:l,strapiPeerDepVersion:i,pluginName:g})=>{const o=(0,c.lm)(),{formatMessage:d}=(0,v.Z)(),{trackUsage:u}=(0,c.rS)(),m=()=>{navigator.clipboard.writeText(r),u("willInstallPlugin"),o({type:"success",message:{id:"admin.pages.MarketPlacePage.plugin.copy.success"}})};return a?e.createElement(h.x,{paddingLeft:4},e.createElement(Z.J,{as:Ae.Z,marginRight:2,width:12,height:12,color:"success600"}),e.createElement(R.Z,{variant:"omega",textColor:"success600",fontWeight:"bold"},d({id:"admin.pages.MarketPlacePage.plugin.installed",defaultMessage:"Installed"}))):s?e.createElement(Fe,{strapiAppVersion:l,strapiPeerDepVersion:i,handleCopy:m,pluginName:g}):null};W.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},W.propTypes={isInstalled:t().bool.isRequired,isInDevelopmentMode:t().bool.isRequired,commandToCopy:t().string.isRequired,strapiAppVersion:t().string,strapiPeerDepVersion:t().string,pluginName:t().string.isRequired};var ze=W,Ve=n(9026),Ue=n(33904);const He=a=>(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...a,children:(0,T.jsx)("path",{fill:"#212134",d:"m12 18.26-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26Z"})}),Qe=He;var Ge=n(33844);const We=(0,D.ZP)(Ve.i)`
1
+ "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5516],{75536:function(V,b,n){var e=n(32735);const v=(M,c)=>{const[S,D]=(0,e.useState)(M);return(0,e.useEffect)(()=>{const O=setTimeout(()=>{D(M)},c);return()=>{clearTimeout(O)}},[M,c]),S};b.Z=v},77571:function(V,b,n){n.r(b),n.d(b,{MarketPlacePage:function(){return Pe},default:function(){return bt}});var e=n(32735),v=n(67879),M=n(74758),c=n(24989),S=n(96709),D=n(27649),O=n(17e3),L=n(91215),f=n(87933),B=n(90980),h=n(72850),ke=n(61774),z=n(3653),_=n(60216),t=n.n(_),be=n(82055),ee=n(95489),T=n(74512);const Re=a=>(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 25",...a,children:(0,T.jsx)("path",{fill:"#212134",fillRule:"evenodd",d:"M13.571 18.272H10.43v-8.47H2.487a.2.2 0 0 1-.14-.343L11.858.058a.2.2 0 0 1 .282 0l9.513 9.4a.2.2 0 0 1-.14.343H13.57v8.47ZM2.2 21.095a.2.2 0 0 0-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 0 0 .2-.2v-2.424a.2.2 0 0 0-.2-.2H2.2Z",clipRule:"evenodd"})}),Ce=Re,U=({isOnline:a,npmPackageType:s})=>{const{formatMessage:r}=(0,v.Z)(),{trackUsage:l}=(0,c.rS)(),i=s==="provider"?"didSubmitProvider":"didSubmitPlugin";return e.createElement(be.T,{title:r({id:"global.marketplace",defaultMessage:"Marketplace"}),subtitle:r({id:"admin.pages.MarketPlacePage.subtitle",defaultMessage:"Get more out of Strapi"}),primaryAction:a&&e.createElement(ee.Q,{startIcon:e.createElement(Ce,null),variant:"tertiary",href:`https://market.strapi.io/submit-${s}`,onClick:()=>l(i),isExternal:!0},r({id:`admin.pages.MarketPlacePage.submit.${s}.link`,defaultMessage:`Submit ${s}`}))})};var te=U;U.defaultProps={npmPackageType:"plugin"},U.propTypes={isOnline:t().bool.isRequired,npmPackageType:t().string};var xe=n(83983),Se=()=>{const a=typeof navigator<"u"&&typeof navigator.onLine=="boolean"?navigator.onLine:!0,[s,r]=(0,e.useState)(a),l=()=>r(!0),i=()=>r(!1);return(0,e.useEffect)(()=>(window.addEventListener("online",l),window.addEventListener("offline",i),()=>{window.removeEventListener("online",l),window.removeEventListener("offline",i)}),[]),s};const Te=a=>(0,T.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 32 32",...a,children:[(0,T.jsx)("path",{fill:"#AC73E6",d:"M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z"}),(0,T.jsx)("path",{fill:"#fff",fillRule:"evenodd",d:"M15.027 13.839c-3.19-.836-6.305-1.064-10.18-.608-1.215.152-1.063 1.975.076 2.203.304.836.456 2.355.912 3.267.987 2.279 5.622 1.975 7.369.835 1.14-.683 1.443-2.279 1.9-3.494.227-.684 1.595-.684 1.822 0 .38 1.215.76 2.81 1.9 3.494 1.747 1.14 6.381 1.444 7.369-.835.456-.912.607-2.431.911-3.267 1.14-.228 1.216-2.051.076-2.203-3.874-.456-6.989-.228-10.18.608-.455.075-1.519.075-1.975 0Z",clipRule:"evenodd"})]}),Ze=Te;var ae=n(47361),Z=n(99140),we=()=>{const{formatMessage:a}=(0,v.Z)(),{trackUsage:s}=(0,c.rS)();return e.createElement("a",{href:"https://strapi.canny.io/plugin-requests",target:"_blank",rel:"noopener noreferrer nofollow",style:{textDecoration:"none"},onClick:()=>s("didMissMarketplacePlugin")},e.createElement(c.Y_,{title:a({id:"admin.pages.MarketPlacePage.missingPlugin.title",defaultMessage:"Documentation"}),subtitle:a({id:"admin.pages.MarketPlacePage.missingPlugin.description",defaultMessage:"Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration!"}),icon:e.createElement(Ze,null),iconBackground:"alternative100",endAction:e.createElement(Z.J,{as:ae.Z,color:"neutral600",width:3,height:3,marginLeft:2})}))},De=n(23866),Ne=n(15335),Oe=n(5803),w=n(8471),Le=n(24443),Be=n.n(Le),R=n(49372),H=n(63919),Ie=n(38705),je=n(47750),$e=n(66456),Ae=n(54770),ne=n.n(Ae),Q=n(41415),se=n(47765);const I=({description:a,installMessage:s,disabled:r,handleCopy:l,pluginName:i})=>e.createElement(H.u,{"data-testid":`tooltip-${i}`,description:a},e.createElement(h.x,null,e.createElement(Q.z,{size:"S",startIcon:e.createElement(se.Z,null),variant:"secondary",disabled:r,onClick:l},s))),G=({strapiPeerDepVersion:a,strapiAppVersion:s,handleCopy:r,pluginName:l})=>{const{formatMessage:i}=(0,v.Z)(),g=ne().validRange(a),o=ne().satisfies(s,g),d=i({id:"admin.pages.MarketPlacePage.plugin.copy",defaultMessage:"Copy install command"});if(s){if(!g)return e.createElement(I,{installMessage:d,pluginName:l,description:i({id:"admin.pages.MarketPlacePage.plugin.version.null",defaultMessage:'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"'},{strapiAppVersion:s}),handleCopy:r});if(!o)return e.createElement(I,{installMessage:d,pluginName:l,description:i({id:"admin.pages.MarketPlacePage.plugin.version",defaultMessage:'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'},{strapiAppVersion:s,versionRange:g}),disabled:!0})}return e.createElement(Q.z,{size:"S",startIcon:e.createElement(se.Z,null),variant:"secondary",onClick:r},d)};I.defaultProps={disabled:!1,handleCopy:null},I.propTypes={description:t().string.isRequired,installMessage:t().string.isRequired,disabled:t().bool,handleCopy:t().func,pluginName:t().string.isRequired},G.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},G.propTypes={strapiAppVersion:t().string,strapiPeerDepVersion:t().string,handleCopy:t().func.isRequired,pluginName:t().string.isRequired};var Fe=G;const W=({isInstalled:a,isInDevelopmentMode:s,commandToCopy:r,strapiAppVersion:l,strapiPeerDepVersion:i,pluginName:g})=>{const o=(0,c.lm)(),{formatMessage:d}=(0,v.Z)(),{trackUsage:u}=(0,c.rS)(),m=()=>{navigator.clipboard.writeText(r),u("willInstallPlugin"),o({type:"success",message:{id:"admin.pages.MarketPlacePage.plugin.copy.success"}})};return a?e.createElement(h.x,{paddingLeft:4},e.createElement(Z.J,{as:$e.Z,marginRight:2,width:12,height:12,color:"success600"}),e.createElement(R.Z,{variant:"omega",textColor:"success600",fontWeight:"bold"},d({id:"admin.pages.MarketPlacePage.plugin.installed",defaultMessage:"Installed"}))):s?e.createElement(Fe,{strapiAppVersion:l,strapiPeerDepVersion:i,handleCopy:m,pluginName:g}):null};W.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},W.propTypes={isInstalled:t().bool.isRequired,isInDevelopmentMode:t().bool.isRequired,commandToCopy:t().string.isRequired,strapiAppVersion:t().string,strapiPeerDepVersion:t().string,pluginName:t().string.isRequired};var Ve=W,ze=n(9026),Ue=n(33904);const He=a=>(0,T.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...a,children:(0,T.jsx)("path",{fill:"#212134",d:"m12 18.26-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26Z"})}),Qe=He;var Ge=n(33844);const We=(0,w.ZP)(ze.i)`
2
2
  width: ${(0,c.Q1)(12)};
3
3
  transform: rotate(90deg);
4
- `,K=({githubStars:a,npmDownloads:s,npmPackageType:r})=>{const{formatMessage:l}=(0,v.Z)();return e.createElement(f.k,{gap:1},!!a&&e.createElement(e.Fragment,null,e.createElement(Z.J,{as:Ue.Z,height:(0,c.Q1)(12),width:(0,c.Q1)(12),"aria-hidden":!0}),e.createElement(Z.J,{as:Qe,height:(0,c.Q1)(12),width:(0,c.Q1)(12),color:"warning500","aria-hidden":!0}),e.createElement("p",{"aria-label":l({id:`admin.pages.MarketPlacePage.${r}.githubStars`,defaultMessage:"This {package} was starred {starsCount} on GitHub"},{starsCount:a,package:r})},e.createElement(R.Z,{variant:"pi",textColor:"neutral800",lineHeight:16},a)),e.createElement(We,{unsetMargin:!1,background:"neutral200"})),e.createElement(Z.J,{as:Ge.Z,height:(0,c.Q1)(12),width:(0,c.Q1)(12),"aria-hidden":!0}),e.createElement("p",{"aria-label":l({id:`admin.pages.MarketPlacePage.${r}.downloads`,defaultMessage:"This {package} has {downloadsCount} weekly downloads"},{downloadsCount:s,package:r})},e.createElement(R.Z,{variant:"pi",textColor:"neutral800",lineHeight:16},s)))};K.defaultProps={githubStars:0,npmDownloads:0},K.propTypes={githubStars:t().number,npmDownloads:t().number,npmPackageType:t().string.isRequired};var Ke=K;const Je=(0,D.ZP)(R.Z)`
4
+ `,K=({githubStars:a,npmDownloads:s,npmPackageType:r})=>{const{formatMessage:l}=(0,v.Z)();return e.createElement(f.k,{gap:1},!!a&&e.createElement(e.Fragment,null,e.createElement(Z.J,{as:Ue.Z,height:(0,c.Q1)(12),width:(0,c.Q1)(12),"aria-hidden":!0}),e.createElement(Z.J,{as:Qe,height:(0,c.Q1)(12),width:(0,c.Q1)(12),color:"warning500","aria-hidden":!0}),e.createElement("p",{"aria-label":l({id:`admin.pages.MarketPlacePage.${r}.githubStars`,defaultMessage:"This {package} was starred {starsCount} on GitHub"},{starsCount:a,package:r})},e.createElement(R.Z,{variant:"pi",textColor:"neutral800",lineHeight:16},a)),e.createElement(We,{unsetMargin:!1,background:"neutral200"})),e.createElement(Z.J,{as:Ge.Z,height:(0,c.Q1)(12),width:(0,c.Q1)(12),"aria-hidden":!0}),e.createElement("p",{"aria-label":l({id:`admin.pages.MarketPlacePage.${r}.downloads`,defaultMessage:"This {package} has {downloadsCount} weekly downloads"},{downloadsCount:s,package:r})},e.createElement(R.Z,{variant:"pi",textColor:"neutral800",lineHeight:16},s)))};K.defaultProps={githubStars:0,npmDownloads:0},K.propTypes={githubStars:t().number,npmDownloads:t().number,npmPackageType:t().string.isRequired};var Ke=K;const Je=(0,w.ZP)(R.Z)`
5
5
  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
6
6
  display: -webkit-box;
7
7
  -webkit-box-orient: vertical;
8
8
  -webkit-line-clamp: 2;
9
9
  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
10
10
  overflow: hidden;
11
- `,J=({npmPackage:a,isInstalled:s,useYarn:r,isInDevelopmentMode:l,npmPackageType:i,strapiAppVersion:g})=>{const{attributes:o}=a,{formatMessage:d}=(0,v.Z)(),{trackUsage:u}=(0,c.rS)(),m=r?`yarn add ${o.npmPackageName}`:`npm install ${o.npmPackageName}`,P=d({id:"admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",defaultMessage:"Made by Strapi"}),y=`https://market.strapi.io/${Be().plural(i)}/${o.slug}`;return e.createElement(f.k,{direction:"column",justifyContent:"space-between",paddingTop:4,paddingRight:4,paddingBottom:4,paddingLeft:4,hasRadius:!0,background:"neutral0",shadow:"tableShadow",height:"100%",alignItems:"normal","data-testid":"npm-package-card"},e.createElement(h.x,null,e.createElement(f.k,{direction:"row",justifyContent:"space-between",alignItems:"flex-start"},e.createElement(h.x,{as:"img",src:o.logo.url,alt:`${o.name} logo`,hasRadius:!0,width:11,height:11}),e.createElement(Ke,{githubStars:o.githubStars,npmDownloads:o.npmDownloads,npmPackageType:i})),e.createElement(h.x,{paddingTop:4},e.createElement(R.Z,{as:"h3",variant:"delta"},e.createElement(f.k,{alignItems:"center"},o.name,o.validated&&!o.madeByStrapi&&e.createElement(H.u,{description:d({id:"admin.pages.MarketPlacePage.plugin.tooltip.verified",defaultMessage:"Plugin verified by Strapi"})},e.createElement(f.k,null,e.createElement(Z.J,{as:Ie.Z,marginLeft:2,color:"success600"}))),o.madeByStrapi&&e.createElement(H.u,{description:P},e.createElement(f.k,null,e.createElement(h.x,{as:"img",src:je,alt:P,marginLeft:1,width:6,height:"auto"})))))),e.createElement(h.x,{paddingTop:2},e.createElement(Je,{as:"p",variant:"omega",textColor:"neutral600"},o.description))),e.createElement(f.k,{gap:2,style:{alignSelf:"flex-end"},paddingTop:6},e.createElement(ee.Q,{size:"S",href:y,isExternal:!0,endIcon:e.createElement(ae.Z,null),"aria-label":d({id:"admin.pages.MarketPlacePage.plugin.info.label",defaultMessage:"Learn more about {pluginName}"},{pluginName:o.name}),variant:"tertiary",onClick:()=>u("didPluginLearnMore")},d({id:"admin.pages.MarketPlacePage.plugin.info.text",defaultMessage:"More"})),e.createElement(ze,{isInstalled:s,isInDevelopmentMode:l,commandToCopy:m,strapiAppVersion:g,strapiPeerDepVersion:o.strapiVersion,pluginName:o.name})))};J.defaultProps={isInDevelopmentMode:!1,strapiAppVersion:null},J.propTypes={npmPackage:t().shape({id:t().string.isRequired,attributes:t().shape({name:t().string.isRequired,description:t().string.isRequired,slug:t().string.isRequired,npmPackageName:t().string.isRequired,npmPackageUrl:t().string.isRequired,repositoryUrl:t().string.isRequired,logo:t().object.isRequired,developerName:t().string.isRequired,validated:t().bool.isRequired,madeByStrapi:t().bool.isRequired,strapiCompatibility:t().oneOf(["v3","v4"]),strapiVersion:t().string,githubStars:t().number,npmDownloads:t().number}).isRequired}).isRequired,isInstalled:t().bool.isRequired,useYarn:t().bool.isRequired,isInDevelopmentMode:t().bool,npmPackageType:t().string.isRequired,strapiAppVersion:t().string};var Ye=J,qe=n(54725);const re=D.ZP.div`
11
+ `,J=({npmPackage:a,isInstalled:s,useYarn:r,isInDevelopmentMode:l,npmPackageType:i,strapiAppVersion:g})=>{const{attributes:o}=a,{formatMessage:d}=(0,v.Z)(),{trackUsage:u}=(0,c.rS)(),m=r?`yarn add ${o.npmPackageName}`:`npm install ${o.npmPackageName}`,P=d({id:"admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",defaultMessage:"Made by Strapi"}),y=`https://market.strapi.io/${Be().plural(i)}/${o.slug}`;return e.createElement(f.k,{direction:"column",justifyContent:"space-between",paddingTop:4,paddingRight:4,paddingBottom:4,paddingLeft:4,hasRadius:!0,background:"neutral0",shadow:"tableShadow",height:"100%",alignItems:"normal","data-testid":"npm-package-card"},e.createElement(h.x,null,e.createElement(f.k,{direction:"row",justifyContent:"space-between",alignItems:"flex-start"},e.createElement(h.x,{as:"img",src:o.logo.url,alt:`${o.name} logo`,hasRadius:!0,width:11,height:11}),e.createElement(Ke,{githubStars:o.githubStars,npmDownloads:o.npmDownloads,npmPackageType:i})),e.createElement(h.x,{paddingTop:4},e.createElement(R.Z,{as:"h3",variant:"delta"},e.createElement(f.k,{alignItems:"center"},o.name,o.validated&&!o.madeByStrapi&&e.createElement(H.u,{description:d({id:"admin.pages.MarketPlacePage.plugin.tooltip.verified",defaultMessage:"Plugin verified by Strapi"})},e.createElement(f.k,null,e.createElement(Z.J,{as:Ie.Z,marginLeft:2,color:"success600"}))),o.madeByStrapi&&e.createElement(H.u,{description:P},e.createElement(f.k,null,e.createElement(h.x,{as:"img",src:je,alt:P,marginLeft:1,width:6,height:"auto"})))))),e.createElement(h.x,{paddingTop:2},e.createElement(Je,{as:"p",variant:"omega",textColor:"neutral600"},o.description))),e.createElement(f.k,{gap:2,style:{alignSelf:"flex-end"},paddingTop:6},e.createElement(ee.Q,{size:"S",href:y,isExternal:!0,endIcon:e.createElement(ae.Z,null),"aria-label":d({id:"admin.pages.MarketPlacePage.plugin.info.label",defaultMessage:"Learn more about {pluginName}"},{pluginName:o.name}),variant:"tertiary",onClick:()=>u("didPluginLearnMore")},d({id:"admin.pages.MarketPlacePage.plugin.info.text",defaultMessage:"More"})),e.createElement(Ve,{isInstalled:s,isInDevelopmentMode:l,commandToCopy:m,strapiAppVersion:g,strapiPeerDepVersion:o.strapiVersion,pluginName:o.name})))};J.defaultProps={isInDevelopmentMode:!1,strapiAppVersion:null},J.propTypes={npmPackage:t().shape({id:t().string.isRequired,attributes:t().shape({name:t().string.isRequired,description:t().string.isRequired,slug:t().string.isRequired,npmPackageName:t().string.isRequired,npmPackageUrl:t().string.isRequired,repositoryUrl:t().string.isRequired,logo:t().object.isRequired,developerName:t().string.isRequired,validated:t().bool.isRequired,madeByStrapi:t().bool.isRequired,strapiCompatibility:t().oneOf(["v3","v4"]),strapiVersion:t().string,githubStars:t().number,npmDownloads:t().number}).isRequired}).isRequired,isInstalled:t().bool.isRequired,useYarn:t().bool.isRequired,isInDevelopmentMode:t().bool,npmPackageType:t().string.isRequired,strapiAppVersion:t().string};var qe=J,Ye=n(54725);const re=w.ZP.div`
12
12
  display: grid;
13
13
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
14
14
  grid-gap: ${({theme:a})=>a.spaces[4]};
15
- `;re.propTypes={children:_.node.isRequired};const Xe=(0,D.ZP)(h.x)`
15
+ `;re.propTypes={children:_.node.isRequired};const Xe=(0,w.ZP)(h.x)`
16
16
  background: ${({theme:a})=>`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${a.colors.neutral150} 100%)`};
17
17
  opacity: 0.33;
18
- `,_e=()=>e.createElement(re,null,Array(12).fill(null).map((a,s)=>e.createElement(Xe,{key:`empty-plugin-card-${s}`,height:"234px",hasRadius:!0}))),ie=({content:a})=>e.createElement(h.x,{position:"relative","data-testid":"marketplace-results"},e.createElement(_e,null),e.createElement(h.x,{position:"absolute",top:11,width:"100%"},e.createElement(f.k,{alignItems:"center",justifyContent:"center",direction:"column"},e.createElement(Z.J,{as:qe.Z,color:"",width:"160px",height:"88px"}),e.createElement(h.x,{paddingTop:6},e.createElement(R.Z,{variant:"delta",as:"p",textColor:"neutral600"},a)))));ie.propTypes={content:t().string.isRequired};var et=ie;const Y=({status:a,npmPackages:s,installedPackageNames:r,useYarn:l,isInDevelopmentMode:i,npmPackageType:g,strapiAppVersion:o,debouncedSearch:d})=>{const{formatMessage:u}=(0,v.Z)();if(a==="error")return e.createElement(f.k,{paddingTop:8},e.createElement(c.Hn,null));if(a==="loading")return e.createElement(f.k,{justifyContent:"center",paddingTop:8},e.createElement(Ne.a,null,"Loading content..."));const m=u({id:"admin.pages.MarketPlacePage.search.empty",defaultMessage:'No result for "{target}"'},{target:d});return s.length===0?e.createElement(et,{content:m}):e.createElement(Le.r,{gap:4,"data-testid":"marketplace-results"},s.map(P=>e.createElement(we.P,{col:4,s:6,xs:12,style:{height:"100%"},key:P.id},e.createElement(Ye,{npmPackage:P,isInstalled:r.includes(P.attributes.npmPackageName),useYarn:l,isInDevelopmentMode:i,npmPackageType:g,strapiAppVersion:o}))))};Y.defaultProps={npmPackages:[],installedPackageNames:[],strapiAppVersion:null,debouncedSearch:""},Y.propTypes={status:t().string.isRequired,npmPackages:t().array,installedPackageNames:t().arrayOf(t().string),useYarn:t().bool.isRequired,isInDevelopmentMode:t().bool.isRequired,npmPackageType:t().string.isRequired,strapiAppVersion:t().string,debouncedSearch:t().string};var le=Y,oe=n(68465),ce=n(84967);const tt=(0,D.ZP)(h.x)`
18
+ `,_e=()=>e.createElement(re,null,Array(12).fill(null).map((a,s)=>e.createElement(Xe,{key:`empty-plugin-card-${s}`,height:"234px",hasRadius:!0}))),ie=({content:a})=>e.createElement(h.x,{position:"relative","data-testid":"marketplace-results"},e.createElement(_e,null),e.createElement(h.x,{position:"absolute",top:11,width:"100%"},e.createElement(f.k,{alignItems:"center",justifyContent:"center",direction:"column"},e.createElement(Z.J,{as:Ye.Z,color:"",width:"160px",height:"88px"}),e.createElement(h.x,{paddingTop:6},e.createElement(R.Z,{variant:"delta",as:"p",textColor:"neutral600"},a)))));ie.propTypes={content:t().string.isRequired};var et=ie;const q=({status:a,npmPackages:s,installedPackageNames:r,useYarn:l,isInDevelopmentMode:i,npmPackageType:g,strapiAppVersion:o,debouncedSearch:d})=>{const{formatMessage:u}=(0,v.Z)();if(a==="error")return e.createElement(f.k,{paddingTop:8},e.createElement(c.Hn,null));if(a==="loading")return e.createElement(f.k,{justifyContent:"center",paddingTop:8},e.createElement(De.a,null,"Loading content..."));const m=u({id:"admin.pages.MarketPlacePage.search.empty",defaultMessage:'No result for "{target}"'},{target:d});return s.length===0?e.createElement(et,{content:m}):e.createElement(Ne.r,{gap:4,"data-testid":"marketplace-results"},s.map(P=>e.createElement(Oe.P,{col:4,s:6,xs:12,style:{height:"100%"},key:P.id},e.createElement(qe,{npmPackage:P,isInstalled:r.includes(P.attributes.npmPackageName),useYarn:l,isInDevelopmentMode:i,npmPackageType:g,strapiAppVersion:o}))))};q.defaultProps={npmPackages:[],installedPackageNames:[],strapiAppVersion:null,debouncedSearch:""},q.propTypes={status:t().string.isRequired,npmPackages:t().array,installedPackageNames:t().arrayOf(t().string),useYarn:t().bool.isRequired,isInDevelopmentMode:t().bool.isRequired,npmPackageType:t().string.isRequired,strapiAppVersion:t().string,debouncedSearch:t().string};var le=q,oe=n(68465),ce=n(84967);const tt=(0,w.ZP)(h.x)`
19
19
  font-weight: ${({theme:a})=>a.fontWeights.semiBold};
20
20
 
21
21
  span {
@@ -33,7 +33,7 @@
33
33
  position: absolute;
34
34
  width: 1px;
35
35
  }
36
- `,de=({sortQuery:a,handleSelectChange:s})=>{const{formatMessage:r}=(0,v.Z)(),l={"name:asc":{selected:{id:"admin.pages.MarketPlacePage.sort.alphabetical.selected",defaultMessage:"Sort by alphabetical order"},option:{id:"admin.pages.MarketPlacePage.sort.alphabetical",defaultMessage:"Alphabetical order"}},"submissionDate:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.newest.selected",defaultMessage:"Sort by newest"},option:{id:"admin.pages.MarketPlacePage.sort.newest",defaultMessage:"Newest"}},"githubStars:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.githubStars.selected",defaultMessage:"Sort by GitHub stars"},option:{id:"admin.pages.MarketPlacePage.sort.githubStars",defaultMessage:"Number of GitHub stars"}},"npmDownloads:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.npmDownloads.selected",defaultMessage:"Sort by npm downloads"},option:{id:"admin.pages.MarketPlacePage.sort.npmDownloads",defaultMessage:"Number of downloads"}}};return e.createElement(tt,null,e.createElement(oe.P,{size:"S",id:"sort-by-select",value:a,customizeContent:()=>r(l[a].selected),onChange:i=>{s({sort:i})},label:r({id:"admin.pages.MarketPlacePage.sort.label",defaultMessage:"Sort by"})},Object.entries(l).map(([i,g])=>e.createElement(ce.W,{key:i,value:i},r(g.option)))))};de.propTypes={sortQuery:t().string.isRequired,handleSelectChange:t().func.isRequired};var at=de,nt=n(66995),st=n(35331),rt=n(5644),it=n(54015),lt=n(67563);const ge=({message:a,value:s,onChange:r,possibleFilters:l,onClear:i,customizeContent:g})=>{const o=(d,u)=>`${d} (${u})`;return e.createElement(oe.P,{"data-testid":`${a}-button`,label:a,placeholder:a,size:"M",onChange:r,onClear:i,value:s,customizeContent:g,multi:!0},Object.entries(l).map(([d,u])=>e.createElement(ce.W,{"data-testid":`${d}-${u}`,key:d,value:d},o(d,u))))};ge.propTypes={message:t().string.isRequired,value:t().array.isRequired,onChange:t().func.isRequired,possibleFilters:t().object.isRequired,onClear:t().func.isRequired,customizeContent:t().func.isRequired};var pe=ge;const ue=({source:a,onToggle:s,query:r,npmPackageType:l,possibleCategories:i,possibleCollections:g,handleSelectChange:o,handleSelectClear:d})=>{const{formatMessage:u}=(0,v.Z)();return e.createElement(it.J2,{source:a,padding:3,spacing:4,onBlur:()=>{}},e.createElement(lt.i,{onEscape:s},e.createElement(ct,{direction:"column",alignItems:"stretch",gap:1},e.createElement(pe,{message:u({id:"admin.pages.MarketPlacePage.filters.collections",defaultMessage:"Collections"}),value:r?.collections||[],onChange:m=>{o({collections:m})},onClear:()=>d("collections"),possibleFilters:g,customizeContent:m=>u({id:"admin.pages.MarketPlacePage.filters.collectionsSelected",defaultMessage:"{count, plural, =0 {No collections} one {# collection} other {# collections}} selected"},{count:m.length})}),l==="plugin"&&e.createElement(pe,{message:u({id:"admin.pages.MarketPlacePage.filters.categories",defaultMessage:"Categories"}),value:r?.categories||[],onChange:m=>{o({categories:m})},onClear:()=>d("categories"),possibleFilters:i,customizeContent:m=>u({id:"admin.pages.MarketPlacePage.filters.categoriesSelected",defaultMessage:"{count, plural, =0 {No categories} one {# category} other {# categories}} selected"},{count:m.length}),name:"categories"}))))};ue.propTypes={onToggle:t().func.isRequired,source:t().shape({current:t().instanceOf(Element)}).isRequired,query:t().object.isRequired,npmPackageType:t().oneOf(["plugin","provider"]).isRequired,possibleCollections:t().object.isRequired,possibleCategories:t().object.isRequired,handleSelectChange:t().func.isRequired,handleSelectClear:t().func.isRequired};var ot=ue;const ct=(0,D.ZP)(f.k)`
36
+ `,de=({sortQuery:a,handleSelectChange:s})=>{const{formatMessage:r}=(0,v.Z)(),l={"name:asc":{selected:{id:"admin.pages.MarketPlacePage.sort.alphabetical.selected",defaultMessage:"Sort by alphabetical order"},option:{id:"admin.pages.MarketPlacePage.sort.alphabetical",defaultMessage:"Alphabetical order"}},"submissionDate:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.newest.selected",defaultMessage:"Sort by newest"},option:{id:"admin.pages.MarketPlacePage.sort.newest",defaultMessage:"Newest"}},"githubStars:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.githubStars.selected",defaultMessage:"Sort by GitHub stars"},option:{id:"admin.pages.MarketPlacePage.sort.githubStars",defaultMessage:"Number of GitHub stars"}},"npmDownloads:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.npmDownloads.selected",defaultMessage:"Sort by npm downloads"},option:{id:"admin.pages.MarketPlacePage.sort.npmDownloads",defaultMessage:"Number of downloads"}}};return e.createElement(tt,null,e.createElement(oe.P,{size:"S",id:"sort-by-select",value:a,customizeContent:()=>r(l[a].selected),onChange:i=>{s({sort:i})},label:r({id:"admin.pages.MarketPlacePage.sort.label",defaultMessage:"Sort by"})},Object.entries(l).map(([i,g])=>e.createElement(ce.W,{key:i,value:i},r(g.option)))))};de.propTypes={sortQuery:t().string.isRequired,handleSelectChange:t().func.isRequired};var at=de,nt=n(66995),st=n(35331),rt=n(5644),it=n(54015);const ge=({message:a,value:s,onChange:r,possibleFilters:l,onClear:i,customizeContent:g})=>{const o=(d,u)=>`${d} (${u})`;return e.createElement(oe.P,{"data-testid":`${a}-button`,label:a,placeholder:a,size:"M",onChange:r,onClear:i,value:s,customizeContent:g,multi:!0},Object.entries(l).map(([d,u])=>e.createElement(ce.W,{"data-testid":`${d}-${u}`,key:d,value:d},o(d,u))))};ge.propTypes={message:t().string.isRequired,value:t().array.isRequired,onChange:t().func.isRequired,possibleFilters:t().object.isRequired,onClear:t().func.isRequired,customizeContent:t().func.isRequired};var pe=ge;const ue=({source:a,onToggle:s,query:r,npmPackageType:l,possibleCategories:i,possibleCollections:g,handleSelectChange:o,handleSelectClear:d})=>{const{formatMessage:u}=(0,v.Z)();return e.createElement(it.J2,{source:a,onDismiss:s,padding:3,spacing:4},e.createElement(ot,{direction:"column",alignItems:"stretch",gap:1},e.createElement(pe,{message:u({id:"admin.pages.MarketPlacePage.filters.collections",defaultMessage:"Collections"}),value:r?.collections||[],onChange:m=>{o({collections:m})},onClear:()=>d("collections"),possibleFilters:g,customizeContent:m=>u({id:"admin.pages.MarketPlacePage.filters.collectionsSelected",defaultMessage:"{count, plural, =0 {No collections} one {# collection} other {# collections}} selected"},{count:m.length})}),l==="plugin"&&e.createElement(pe,{message:u({id:"admin.pages.MarketPlacePage.filters.categories",defaultMessage:"Categories"}),value:r?.categories||[],onChange:m=>{o({categories:m})},onClear:()=>d("categories"),possibleFilters:i,customizeContent:m=>u({id:"admin.pages.MarketPlacePage.filters.categoriesSelected",defaultMessage:"{count, plural, =0 {No categories} one {# category} other {# categories}} selected"},{count:m.length}),name:"categories"})))};ue.propTypes={onToggle:t().func.isRequired,source:t().shape({current:t().instanceOf(Element)}).isRequired,query:t().object.isRequired,npmPackageType:t().oneOf(["plugin","provider"]).isRequired,possibleCollections:t().object.isRequired,possibleCategories:t().object.isRequired,handleSelectChange:t().func.isRequired,handleSelectClear:t().func.isRequired};var lt=ue;const ot=(0,w.ZP)(f.k)`
37
37
  /* Hide the label, every input needs a label. */
38
38
  label {
39
39
  border: 0;
@@ -45,11 +45,11 @@
45
45
  position: absolute;
46
46
  width: 1px;
47
47
  }
48
- `,q=({name:a,handleRemove:s})=>e.createElement(h.x,{padding:1},e.createElement(nt.V,{icon:e.createElement(st.Z,null),onClick:s},a)),dt=(0,D.ZP)(Q.z)`
48
+ `,Y=({name:a,handleRemove:s})=>e.createElement(h.x,{padding:1},e.createElement(nt.V,{icon:e.createElement(st.Z,null),onClick:s},a)),ct=(0,w.ZP)(Q.z)`
49
49
  height: ${({theme:a})=>a.sizes.input.S};
50
- `,me=({possibleCollections:a,possibleCategories:s,npmPackageType:r,query:l,handleSelectClear:i,handleSelectChange:g})=>{const[o,d]=(0,e.useState)(!1),u=(0,e.useRef)(),{formatMessage:m}=(0,v.Z)(),P=()=>d(p=>!p),y=(p,E)=>{const C={[E]:l[E].filter(L=>L!==p)};g(C)};return e.createElement(e.Fragment,null,e.createElement(h.x,{paddingTop:1,paddingBottom:1},e.createElement(dt,{variant:"tertiary",ref:u,"data-testid":"filters-button",startIcon:e.createElement(rt.Z,null),onClick:P,size:"S"},m({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(ot,{onToggle:P,source:u,query:l,handleSelectClear:i,handleSelectChange:g,possibleCollections:a,possibleCategories:s,npmPackageType:r})),l.collections?.map(p=>e.createElement(q,{name:p,key:p,handleRemove:()=>y(p,"collections")})),r==="plugin"&&l.categories?.map(p=>e.createElement(q,{name:p,key:p,handleRemove:()=>y(p,"categories")})))};q.propTypes={name:t().string.isRequired,handleRemove:t().func.isRequired},me.propTypes={npmPackageType:t().oneOf(["plugin","provider"]).isRequired,possibleCollections:t().object.isRequired,possibleCategories:t().object.isRequired,query:t().object.isRequired,handleSelectChange:t().func.isRequired,handleSelectClear:t().func.isRequired};var gt=me;const fe=({pagination:a})=>e.createElement(h.x,{paddingTop:4},e.createElement(f.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(c.v4,{options:["12","24","50","100"],defaultValue:"24"}),e.createElement(c.tU,{pagination:a})));fe.propTypes={pagination:t().shape({page:t().number.isRequired,pageCount:t().number.isRequired,pageSize:t().number.isRequired,total:t().number.isRequired}).isRequired};var pt=fe,ut=n(75536),mt=n.p+"9d5d788027e86620c234.svg",ft=()=>{const{formatMessage:a}=(0,v.Z)();return e.createElement(S.A,null,e.createElement(N.o,null,e.createElement(te,{isOnline:!1}),e.createElement(f.k,{width:"100%",direction:"column",alignItems:"center",justifyContent:"center",paddingTop:(0,c.Q1)(120)},e.createElement(h.x,{paddingBottom:2},e.createElement(R.Z,{textColor:"neutral700",variant:"alpha"},a({id:"admin.pages.MarketPlacePage.offline.title",defaultMessage:"You are offline"}))),e.createElement(h.x,{paddingBottom:6},e.createElement(R.Z,{textColor:"neutral700",variant:"epsilon"},a({id:"admin.pages.MarketPlacePage.offline.subtitle",defaultMessage:"You need to be connected to the Internet to access Strapi Market."}))),e.createElement("img",{src:mt,alt:"offline",style:{width:"88px",height:"88px"}}))))},ht=n(94638),he=n(20108),ve=n(84306),vt=n(33348),j=n.n(vt);const Pt="https://market-api.strapi.io",Et=async(a={})=>{const{data:s}=await ve.default.get(`${Pt}/plugins`,{params:a,paramsSerializer:{encode:j().parse,serialize:j().stringify}});return s};var Mt=(a,s)=>{const r=(0,c.lm)();return(0,he.useQuery)(["list-marketplace-plugins",s],()=>Et(s),{onSuccess(){a&&a()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};const yt="https://market-api.strapi.io",kt=async(a={})=>{const{data:s}=await ve.default.get(`${yt}/providers`,{params:a,paramsSerializer:{encode:j().parse,serialize:j().stringify}});return s};var bt=(a,s)=>{const r=(0,c.lm)();return(0,he.useQuery)(["list-marketplace-providers",s],()=>kt(s),{onSuccess(){a&&a()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};function Rt({npmPackageType:a,debouncedSearch:s,query:r,tabQuery:l}){const{notifyStatus:i}=(0,ht.G)(),{formatMessage:g}=(0,v.Z)(),o=g({id:"global.marketplace",defaultMessage:"Marketplace"}),d=()=>{i(g({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:o}))},u={page:r?.page||1,pageSize:r?.pageSize||24},{data:m,status:P}=Mt(d,{...l.plugin,pagination:u,search:s}),{data:y,status:p}=bt(d,{...l.provider,pagination:u,search:s}),E=a==="plugin"?m:y,C=a==="plugin"?P:p,[L,A]=(0,e.useState)({}),[$,F]=(0,e.useState)({});(0,e.useEffect)(()=>{C==="success"&&A(E.meta.collections),P==="success"&&F(m.meta.categories)},[m?.meta.categories,P,E?.meta.collections,C]);const{pagination:X}=C==="success"?E.meta:{};return{pluginsResponse:m,providersResponse:y,pluginsStatus:P,providersStatus:p,possibleCollections:L,possibleCategories:$,pagination:X}}var Ct=Rt;const Pe=()=>{const{formatMessage:a}=(0,v.Z)(),{trackUsage:s}=(0,c.rS)(),r=(0,e.useRef)(s),l=(0,c.lm)(),[{query:i},g]=(0,c.Kx)(),o=(0,ut.Z)(i?.search,500)||"",{autoReload:d,dependencies:u,useYarn:m,strapiVersion:P}=(0,c.L7)(),y=Se(),p=i?.npmPackageType||"plugin",[E,C]=(0,e.useState)({plugin:p==="plugin"?{...i}:{},provider:p==="provider"?{...i}:{}});(0,c.go)(),(0,e.useEffect)(()=>{r.current("didGoToMarketplace")},[]),(0,e.useEffect)(()=>{d||l({type:"info",message:{id:"admin.pages.MarketPlacePage.production",defaultMessage:"Manage plugins from the development environment"},blockTransition:!0})},[l,d]);const{pluginsResponse:L,providersResponse:A,pluginsStatus:$,providersStatus:F,possibleCollections:X,possibleCategories:St,pagination:Ee}=Ct({npmPackageType:p,debouncedSearch:o,query:i,tabQuery:E});if(!y)return e.createElement(ft,null);const Tt=x=>{const k=x===0?"plugin":"provider",Dt=E[k]&&Object.keys(E[k]).length;g(Dt?{...E[k],search:i?.search||"",npmPackageType:k,page:1}:{npmPackageType:k,collections:[],categories:[],sort:"name:asc",page:1,search:i?.search||""})},Me=x=>{g({...x,page:1}),C(k=>({...k,[p]:{...k[p],...x}}))},Zt=x=>{g({[x]:[],page:null},"remove"),C(k=>({...k,[p]:{}}))},ye=Object.keys(u);return e.createElement(S.A,null,e.createElement(N.o,null,e.createElement(M.q,{title:a({id:"admin.pages.MarketPlacePage.helmet",defaultMessage:"Marketplace - Plugins"})}),e.createElement(te,{isOnline:y,npmPackageType:p}),e.createElement(w.D,null,e.createElement(O.v,{label:a({id:"admin.pages.MarketPlacePage.tab-group.label",defaultMessage:"Plugins and Providers for Strapi"}),id:"tabs",variant:"simple",initialSelectedTabIndex:["plugin","provider"].indexOf(p),onTabChange:Tt},e.createElement(f.k,{justifyContent:"space-between",paddingBottom:4},e.createElement(B.m,null,e.createElement(B.O,null,a({id:"admin.pages.MarketPlacePage.plugins",defaultMessage:"Plugins"})," ",$==="success"?`(${L.meta.pagination.total})`:"..."),e.createElement(B.O,null,a({id:"admin.pages.MarketPlacePage.providers",defaultMessage:"Providers"})," ",F==="success"?`(${A.meta.pagination.total})`:"...")),e.createElement(h.x,{width:"25%"},e.createElement(ke.w,{name:"searchbar",onClear:()=>g({search:"",page:1}),value:i?.search,onChange:x=>g({search:x.target.value,page:1}),clearLabel:a({id:"admin.pages.MarketPlacePage.search.clear",defaultMessage:"Clear the search"}),placeholder:a({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})},a({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})))),e.createElement(f.k,{paddingBottom:4,gap:2},e.createElement(at,{sortQuery:i?.sort||"name:asc",handleSelectChange:Me}),e.createElement(gt,{npmPackageType:p,possibleCollections:X,possibleCategories:St,query:i||{},handleSelectChange:Me,handleSelectClear:Zt})),e.createElement(V.n,null,e.createElement(V.x,null,e.createElement(le,{npmPackages:L?.data,status:$,installedPackageNames:ye,useYarn:m,isInDevelopmentMode:d,npmPackageType:"plugin",strapiAppVersion:P,debouncedSearch:o})),e.createElement(V.x,null,e.createElement(le,{npmPackages:A?.data,status:F,installedPackageNames:ye,useYarn:m,isInDevelopmentMode:d,npmPackageType:"provider",debouncedSearch:o})))),Ee&&e.createElement(pt,{pagination:Ee}),e.createElement(h.x,{paddingTop:8},e.createElement(De,null)))))};var xt=()=>e.createElement(c.O4,{permissions:xe.Z.marketplace.main},e.createElement(Pe,null))},96709:function(z,b,n){n.d(b,{A:function(){return O}});var e=n(74512),v=n(32735),M=n(60216),c=n(8471),S=n(72850);const N=(0,c.ZP)(S.x)`
50
+ `,me=({possibleCollections:a,possibleCategories:s,npmPackageType:r,query:l,handleSelectClear:i,handleSelectChange:g})=>{const[o,d]=(0,e.useState)(!1),u=(0,e.useRef)(),{formatMessage:m}=(0,v.Z)(),P=()=>d(p=>!p),y=(p,E)=>{const C={[E]:l[E].filter(N=>N!==p)};g(C)};return e.createElement(e.Fragment,null,e.createElement(h.x,{paddingTop:1,paddingBottom:1},e.createElement(ct,{variant:"tertiary",ref:u,"data-testid":"filters-button",startIcon:e.createElement(rt.Z,null),onClick:P,size:"S"},m({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(lt,{onToggle:P,source:u,query:l,handleSelectClear:i,handleSelectChange:g,possibleCollections:a,possibleCategories:s,npmPackageType:r})),l.collections?.map(p=>e.createElement(Y,{name:p,key:p,handleRemove:()=>y(p,"collections")})),r==="plugin"&&l.categories?.map(p=>e.createElement(Y,{name:p,key:p,handleRemove:()=>y(p,"categories")})))};Y.propTypes={name:t().string.isRequired,handleRemove:t().func.isRequired},me.propTypes={npmPackageType:t().oneOf(["plugin","provider"]).isRequired,possibleCollections:t().object.isRequired,possibleCategories:t().object.isRequired,query:t().object.isRequired,handleSelectChange:t().func.isRequired,handleSelectClear:t().func.isRequired};var dt=me;const fe=({pagination:a})=>e.createElement(h.x,{paddingTop:4},e.createElement(f.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(c.v4,{options:["12","24","50","100"],defaultValue:"24"}),e.createElement(c.tU,{pagination:a})));fe.propTypes={pagination:t().shape({page:t().number.isRequired,pageCount:t().number.isRequired,pageSize:t().number.isRequired,total:t().number.isRequired}).isRequired};var gt=fe,pt=n(75536),ut=n.p+"9d5d788027e86620c234.svg",mt=()=>{const{formatMessage:a}=(0,v.Z)();return e.createElement(S.A,null,e.createElement(D.o,null,e.createElement(te,{isOnline:!1}),e.createElement(f.k,{width:"100%",direction:"column",alignItems:"center",justifyContent:"center",paddingTop:(0,c.Q1)(120)},e.createElement(h.x,{paddingBottom:2},e.createElement(R.Z,{textColor:"neutral700",variant:"alpha"},a({id:"admin.pages.MarketPlacePage.offline.title",defaultMessage:"You are offline"}))),e.createElement(h.x,{paddingBottom:6},e.createElement(R.Z,{textColor:"neutral700",variant:"epsilon"},a({id:"admin.pages.MarketPlacePage.offline.subtitle",defaultMessage:"You need to be connected to the Internet to access Strapi Market."}))),e.createElement("img",{src:ut,alt:"offline",style:{width:"88px",height:"88px"}}))))},ft=n(94638),he=n(20108),ht=n(33348),j=n.n(ht);const ve="https://market-api.strapi.io",vt=async(a={})=>{try{const s=j().stringify(j().parse(a)),r=await fetch(`${ve}/plugins?${s}`);if(!r.ok)throw new Error("Failed to fetch marketplace plugins.");return await r.json()}catch(s){console.error(s)}return null};var Pt=(a,s)=>{const r=(0,c.lm)();return(0,he.useQuery)(["list-marketplace-plugins",s],()=>vt(s),{onSuccess(){a&&a()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};const Et=async(a={})=>{try{const s=j().stringify(j().parse(a)),r=await fetch(`${ve}/providers?${s}`);if(!r.ok)throw new Error("Failed to fetch marketplace providers.");return await r.json()}catch(s){console.error(s)}return null};var Mt=(a,s)=>{const r=(0,c.lm)();return(0,he.useQuery)(["list-marketplace-providers",s],()=>Et(s),{onSuccess(){a&&a()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};function yt({npmPackageType:a,debouncedSearch:s,query:r,tabQuery:l}){const{notifyStatus:i}=(0,ft.G)(),{formatMessage:g}=(0,v.Z)(),o=g({id:"global.marketplace",defaultMessage:"Marketplace"}),d=()=>{i(g({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:o}))},u={page:r?.page||1,pageSize:r?.pageSize||24},{data:m,status:P}=Pt(d,{...l.plugin,pagination:u,search:s}),{data:y,status:p}=Mt(d,{...l.provider,pagination:u,search:s}),E=a==="plugin"?m:y,C=a==="plugin"?P:p,[N,$]=(0,e.useState)({}),[A,F]=(0,e.useState)({});(0,e.useEffect)(()=>{C==="success"&&$(E.meta.collections),P==="success"&&F(m.meta.categories)},[m?.meta.categories,P,E?.meta.collections,C]);const{pagination:X}=C==="success"?E.meta:{};return{pluginsResponse:m,providersResponse:y,pluginsStatus:P,providersStatus:p,possibleCollections:N,possibleCategories:A,pagination:X}}var kt=yt;const Pe=()=>{const{formatMessage:a}=(0,v.Z)(),{trackUsage:s}=(0,c.rS)(),r=(0,e.useRef)(s),l=(0,c.lm)(),[{query:i},g]=(0,c.Kx)(),o=(0,pt.Z)(i?.search,500)||"",{autoReload:d,dependencies:u,useYarn:m,strapiVersion:P}=(0,c.L7)(),y=Se(),p=i?.npmPackageType||"plugin",[E,C]=(0,e.useState)({plugin:p==="plugin"?{...i}:{},provider:p==="provider"?{...i}:{}});(0,c.go)(),(0,e.useEffect)(()=>{r.current("didGoToMarketplace")},[]),(0,e.useEffect)(()=>{d||l({type:"info",message:{id:"admin.pages.MarketPlacePage.production",defaultMessage:"Manage plugins from the development environment"},blockTransition:!0})},[l,d]);const{pluginsResponse:N,providersResponse:$,pluginsStatus:A,providersStatus:F,possibleCollections:X,possibleCategories:Rt,pagination:Ee}=kt({npmPackageType:p,debouncedSearch:o,query:i,tabQuery:E});if(!y)return e.createElement(mt,null);const Ct=x=>{const k=x===0?"plugin":"provider",St=E[k]&&Object.keys(E[k]).length;g(St?{...E[k],search:i?.search||"",npmPackageType:k,page:1}:{npmPackageType:k,collections:[],categories:[],sort:"name:asc",page:1,search:i?.search||""})},Me=x=>{g({...x,page:1}),C(k=>({...k,[p]:{...k[p],...x}}))},xt=x=>{g({[x]:[],page:null},"remove"),C(k=>({...k,[p]:{}}))},ye=Object.keys(u);return e.createElement(S.A,null,e.createElement(D.o,null,e.createElement(M.q,{title:a({id:"admin.pages.MarketPlacePage.helmet",defaultMessage:"Marketplace - Plugins"})}),e.createElement(te,{isOnline:y,npmPackageType:p}),e.createElement(O.D,null,e.createElement(L.v,{label:a({id:"admin.pages.MarketPlacePage.tab-group.label",defaultMessage:"Plugins and Providers for Strapi"}),id:"tabs",variant:"simple",initialSelectedTabIndex:["plugin","provider"].indexOf(p),onTabChange:Ct},e.createElement(f.k,{justifyContent:"space-between",paddingBottom:4},e.createElement(B.m,null,e.createElement(B.O,null,a({id:"admin.pages.MarketPlacePage.plugins",defaultMessage:"Plugins"})," ",A==="success"?`(${N.meta.pagination.total})`:"..."),e.createElement(B.O,null,a({id:"admin.pages.MarketPlacePage.providers",defaultMessage:"Providers"})," ",F==="success"?`(${$.meta.pagination.total})`:"...")),e.createElement(h.x,{width:"25%"},e.createElement(ke.w,{name:"searchbar",onClear:()=>g({search:"",page:1}),value:i?.search,onChange:x=>g({search:x.target.value,page:1}),clearLabel:a({id:"admin.pages.MarketPlacePage.search.clear",defaultMessage:"Clear the search"}),placeholder:a({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})},a({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})))),e.createElement(f.k,{paddingBottom:4,gap:2},e.createElement(at,{sortQuery:i?.sort||"name:asc",handleSelectChange:Me}),e.createElement(dt,{npmPackageType:p,possibleCollections:X,possibleCategories:Rt,query:i||{},handleSelectChange:Me,handleSelectClear:xt})),e.createElement(z.n,null,e.createElement(z.x,null,e.createElement(le,{npmPackages:N?.data,status:A,installedPackageNames:ye,useYarn:m,isInDevelopmentMode:d,npmPackageType:"plugin",strapiAppVersion:P,debouncedSearch:o})),e.createElement(z.x,null,e.createElement(le,{npmPackages:$?.data,status:F,installedPackageNames:ye,useYarn:m,isInDevelopmentMode:d,npmPackageType:"provider",debouncedSearch:o})))),Ee&&e.createElement(gt,{pagination:Ee}),e.createElement(h.x,{paddingTop:8},e.createElement(we,null)))))};var bt=()=>e.createElement(c.O4,{permissions:xe.Z.marketplace.main},e.createElement(Pe,null))},96709:function(V,b,n){n.d(b,{A:function(){return L}});var e=n(74512),v=n(32735),M=n(60216),c=n(8471),S=n(72850);const D=(0,c.ZP)(S.x)`
51
51
  display: grid;
52
52
  grid-template-columns: ${({hasSideNav:f})=>f?"auto 1fr":"1fr"};
53
- `,w=(0,c.ZP)(S.x)`
53
+ `,O=(0,c.ZP)(S.x)`
54
54
  overflow-x: hidden;
55
- `,O=({sideNav:f,children:B})=>(0,e.jsxs)(N,{hasSideNav:!!f,children:[f,(0,e.jsx)(w,{paddingBottom:10,children:B})]});O.defaultProps={sideNav:void 0},O.propTypes={children:M.node.isRequired,sideNav:M.node}},33904:function(z,b,n){n.d(b,{Z:function(){return M}});var e=n(74512);const v=c=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...c,children:(0,e.jsx)("path",{fill:"#161614",d:"M12 0C5.373 0 0 5.501 0 12.288c0 5.43 3.438 10.035 8.206 11.66.6.114.82-.266.82-.59 0-.294-.01-1.262-.016-2.289-3.338.744-4.043-1.45-4.043-1.45-.546-1.42-1.332-1.797-1.332-1.797-1.089-.763.082-.747.082-.747 1.205.086 1.84 1.266 1.84 1.266 1.07 1.878 2.807 1.335 3.491 1.021.108-.794.42-1.336.762-1.643-2.665-.31-5.467-1.364-5.467-6.073 0-1.341.469-2.437 1.236-3.298-.124-.31-.535-1.56.117-3.252 0 0 1.007-.33 3.3 1.26A11.25 11.25 0 0 1 12 5.942c1.02.005 2.047.141 3.006.414 2.29-1.59 3.297-1.26 3.297-1.26.653 1.693.242 2.943.118 3.252.77.86 1.235 1.957 1.235 3.298 0 4.72-2.808 5.76-5.48 6.063.43.382.814 1.13.814 2.276 0 1.644-.014 2.967-.014 3.372 0 .327.216.71.825.59C20.566 22.32 24 17.715 24 12.288 24 5.501 18.627 0 12 0Z"})}),M=v}}]);
55
+ `,L=({sideNav:f,children:B})=>(0,e.jsxs)(D,{hasSideNav:!!f,children:[f,(0,e.jsx)(O,{paddingBottom:10,children:B})]});L.defaultProps={sideNav:void 0},L.propTypes={children:M.node.isRequired,sideNav:M.node}},33904:function(V,b,n){n.d(b,{Z:function(){return M}});var e=n(74512);const v=c=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 24 24",...c,children:(0,e.jsx)("path",{fill:"#161614",d:"M12 0C5.373 0 0 5.501 0 12.288c0 5.43 3.438 10.035 8.206 11.66.6.114.82-.266.82-.59 0-.294-.01-1.262-.016-2.289-3.338.744-4.043-1.45-4.043-1.45-.546-1.42-1.332-1.797-1.332-1.797-1.089-.763.082-.747.082-.747 1.205.086 1.84 1.266 1.84 1.266 1.07 1.878 2.807 1.335 3.491 1.021.108-.794.42-1.336.762-1.643-2.665-.31-5.467-1.364-5.467-6.073 0-1.341.469-2.437 1.236-3.298-.124-.31-.535-1.56.117-3.252 0 0 1.007-.33 3.3 1.26A11.25 11.25 0 0 1 12 5.942c1.02.005 2.047.141 3.006.414 2.29-1.59 3.297-1.26 3.297-1.26.653 1.693.242 2.943.118 3.252.77.86 1.235 1.957 1.235 3.298 0 4.72-2.808 5.76-5.48 6.063.43.382.814 1.13.814 2.276 0 1.644-.014 2.967-.014 3.372 0 .327.216.71.825.59C20.566 22.32 24 17.715 24 12.288 24 5.501 18.627 0 12 0Z"})}),M=v}}]);
@@ -0,0 +1,79 @@
1
+ (self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5895],{74750:function(A,h,t){"use strict";t.r(h),t.d(h,{SettingsPage:function(){return St},default:function(){return Re}});var e=t(32735),l=t(24989),d=t(53038),r=t(96709),c=t(67879),L=t(74758),C=t(67927),v=t(8997),E=t(20108),P=t(27649),B=t(82055),T=t(41415),F=t(17e3),g=t(87933),p=t(49372),y=t(15335),O=t(5803),D=t(50428),I=t(66456),U=t(47361),H=t(83983),Q=t(60216),s=t.n(Q),j=t(72850);const $=750,J=100,b=["image/jpeg","image/png","image/svg+xml"];var Y=t(23272),q=t(68387),_=t(50563),X=t(98779),w=t(19406),et=t(44647),nt=t(85025),ot=t(55225),k=t(97889);const N={localImage:void 0};var Rt=(o=N,n)=>(0,k.ZP)(o,a=>{switch(n.type){case"SET_LOCAL_IMAGE":{a.localImage=n.value;break}default:return a}});const at=({onChangeLogo:o,customLogo:n,goTo:a,Component:i,modalTitle:m,next:M,prev:R,currentStep:x})=>{const[{localImage:f},u]=(0,e.useReducer)(Rt,N),{formatMessage:z}=(0,c.Z)(),S=Z=>{u({type:"SET_LOCAL_IMAGE",value:Z})},W=()=>{a(null)};return x?e.createElement(nt.P,{labelledBy:"modal",onClose:W},e.createElement(ot.x,null,e.createElement(p.Z,{fontWeight:"bold",as:"h2",id:"modal"},z(m))),e.createElement(i,{setLocalImage:S,goTo:a,next:M,prev:R,onClose:W,asset:f||n,onChangeLogo:o})):null};at.defaultProps={Component:void 0,currentStep:void 0,customLogo:void 0,modalTitle:void 0,next:null,prev:null},at.propTypes={Component:s().elementType,currentStep:s().string,customLogo:s().shape({name:s().string,url:s().string,width:s().number,height:s().number,ext:s().string}),goTo:s().func.isRequired,modalTitle:s().shape({id:s().string,defaultMessage:s().string}),next:s().string,onChangeLogo:s().func.isRequired,prev:s().string};var Pt=at;const Et={currentStep:void 0};var Tt=(o=Et,n)=>(0,k.ZP)(o,a=>{switch(n.type){case"GO_TO":{a.currentStep=n.to;break}default:return a}}),Ot=t(91215),st=t(90980),Dt=t(9026),it=t(3653),It=t(8471),At=t(98275),Bt=t(87107),Ut=t(99140),jt=t(47851),lt=t(11406),zt=t(47284);const Zt={id:"Settings.application.customization.modal.upload.error-format",defaultMessage:"Wrong format uploaded (accepted formats only: jpeg, jpg, png, svg)."},ft={id:"Settings.application.customization.modal.upload.error-size",defaultMessage:"The file uploaded is too large (max dimension: {dimension}x{dimension}, max file size: {size}KB)"},Ft=o=>new Promise(n=>{const a=new FileReader;a.onload=()=>{const i=new Image;i.onload=function(){n({width:i.width,height:i.height})},i.src=a.result},a.readAsDataURL(o)}),Wt=(o,n)=>({ext:o.name.split(".").pop(),size:o.size/1e3,name:o.name,url:URL.createObjectURL(o),rawFile:o,width:n.width,height:n.height}),vt=async o=>{let n;if(!b.includes(o.type))throw n=new Error("File format"),n.displayMessage=Zt,n;const i=await Ft(o);if(!(i.width<=$&&i.height<=$))throw n=new Error("File sizing"),n.displayMessage=ft,n;const M=Wt(o,i);if(!(M.size<=J))throw n=new Error("File sizing"),n.displayMessage=ft,n;return M},Kt=(0,It.ZP)(At._)`
2
+ opacity: 0;
3
+ position: absolute;
4
+ top: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ right: 0;
8
+ z-index: 1;
9
+ `,rt=({setLocalImage:o,goTo:n,next:a,onClose:i})=>{const{formatMessage:m}=(0,c.Z)(),[M,R]=(0,e.useState)(!1),[x,f]=(0,e.useState)(void 0),u=(0,e.useRef)(null),z=()=>R(!0),S=()=>R(!1),W=V=>{V.preventDefault(),u.current.click()},Z=async()=>{S();const V=u.current.files[0];if(V)try{const K=await vt(V);o(K),n(a)}catch(K){if(K.displayMessage)f(m(K.displayMessage,{size:J,dimension:$})),u.current.focus();else throw K}},G=()=>M?"primary500":x?"danger600":"neutral300";return e.createElement(e.Fragment,null,e.createElement("form",null,e.createElement(j.x,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},e.createElement(Bt.g,{name:"logo-upload",error:x},e.createElement("label",{htmlFor:"logo-upload"},e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(g.k,{paddingTop:9,paddingBottom:7,hasRadius:!0,justifyContent:"center",direction:"column",background:M?"primary100":"neutral100",borderColor:G(),borderStyle:"dashed",borderWidth:"1px",position:"relative",onDragEnter:z,onDragLeave:S},e.createElement(Ut.J,{color:"primary600",width:`${60/16}rem`,height:`${60/16}rem`,as:zt.Z,"aria-hidden":!0}),e.createElement(j.x,{paddingTop:3,paddingBottom:5},e.createElement(p.Z,{variant:"delta",as:"span"},m({id:"Settings.application.customization.modal.upload.drag-drop",defaultMessage:"Drag and Drop here or"}))),e.createElement(Kt,{accept:b,cursor:"pointer",as:"input",type:"file",name:"files",tabIndex:-1,zIndex:1,onChange:Z,ref:u,id:"logo-upload"}),e.createElement(T.z,{type:"button",onClick:W},m({id:"Settings.application.customization.modal.upload.cta.browse",defaultMessage:"Browse files"})),e.createElement(j.x,{paddingTop:6},e.createElement(p.Z,{variant:"pi",textColor:"neutral600"},m({id:"Settings.application.customization.modal.upload.file-validation",defaultMessage:"Max dimension: {dimension}x{dimension}, Max size: {size}KB"},{size:J,dimension:$})))),e.createElement(jt.c,null)))))),e.createElement(lt.m,{startActions:e.createElement(T.z,{onClick:i,variant:"tertiary"},m({id:"Settings.application.customization.modal.cancel",defaultMessage:"Cancel"}))}))};rt.defaultProps={next:null},rt.propTypes={goTo:s().func.isRequired,next:s().string,onClose:s().func.isRequired,setLocalImage:s().func.isRequired};var $t=rt,Nt=t(10369),Gt=async o=>{try{const{get:n}=(0,l.tg)(),a=await n(o,{responseType:"blob",timeout:8e3});return new File([a.data],a.config.url,{type:a.headers["content-type"]})}catch(n){throw n.displayMessage={id:"Settings.application.customization.modal.upload.error-network",defaultMessage:"Network error"},n}};const dt=({goTo:o,next:n,onClose:a,setLocalImage:i})=>{const{formatMessage:m}=(0,c.Z)(),[M,R]=(0,e.useState)(""),[x,f]=(0,e.useState)(null),u=S=>{R(S.target.value)},z=async()=>{try{const S=await Gt(M),W=await vt(S);i(W),o(n)}catch(S){if(S.displayMessage)f(m(S.displayMessage,{size:J,dimension:$}));else throw S}};return e.createElement("form",{onSubmit:S=>{S.preventDefault(),z()}},e.createElement(j.x,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},e.createElement(Nt.o,{label:m({id:"Settings.application.customization.modal.upload.from-url.input-label",defaultMessage:"URL"}),error:x,onChange:u,value:M,name:"logo-url"})),e.createElement(lt.m,{startActions:e.createElement(T.z,{onClick:a,variant:"tertiary"},m({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(T.z,{type:"submit"},m({id:"Settings.application.customization.modal.upload.next",defaultMessage:"Next"}))}))};dt.defaultProps={next:null},dt.propTypes={goTo:s().func.isRequired,next:s().string,onClose:s().func.isRequired,setLocalImage:s().func.isRequired};var Ht=dt;const ct=({setLocalImage:o,goTo:n,next:a,onClose:i})=>{const{formatMessage:m}=(0,c.Z)();return e.createElement(Ot.v,{label:m({id:"Settings.application.customization.modal.tab.label",defaultMessage:"How do you want to upload your assets?"}),variant:"simple"},e.createElement(j.x,{paddingLeft:8,paddingRight:8},e.createElement(st.m,null,e.createElement(st.O,null,m({id:"Settings.application.customization.modal.upload.from-computer",defaultMessage:"From computer"})),e.createElement(st.O,null,m({id:"Settings.application.customization.modal.upload.from-url",defaultMessage:"From url"}))),e.createElement(Dt.i,null)),e.createElement(it.n,null,e.createElement(it.x,null,e.createElement($t,{onClose:i,setLocalImage:o,goTo:n,next:a})),e.createElement(it.x,null,e.createElement(Ht,{onClose:i,setLocalImage:o,goTo:n,next:a}))))};ct.defaultProps={next:null},ct.propTypes={goTo:s().func.isRequired,next:s().string,onClose:s().func.isRequired,setLocalImage:s().func.isRequired};var bt=ct,Vt=t(42466),Qt=t(20853),Jt=t(2800),Xt=t(26835),Yt=t(41048),Mt=t(37083),wt=t(11505);const xt=({asset:o})=>{const{formatMessage:n}=(0,c.Z)();return e.createElement(Vt.Z,null,e.createElement(Qt.O,null,e.createElement(Jt.H,{size:"S",src:o.url})),e.createElement(Xt.e,null,e.createElement(Yt.a,null,e.createElement(Mt.l,null,o.name),e.createElement(Mt._,null,`${o.ext.toUpperCase()} - ${o.width}\u2715${o.height}`)),e.createElement(wt.E,null,n({id:"Settings.application.customization.modal.pending.card-badge",defaultMessage:"image"}))))};xt.propTypes={asset:s().shape({name:s().string,url:s().string,width:s().number,height:s().number,ext:s().string}).isRequired};var kt=xt;const ut=({onClose:o,asset:n,prev:a,next:i,goTo:m,setLocalImage:M,onChangeLogo:R})=>{const{formatMessage:x}=(0,c.Z)(),f=()=>{M(void 0),m(a)},u=()=>{R(n),m(i)};return e.createElement(e.Fragment,null,e.createElement(j.x,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},e.createElement(g.k,{justifyContent:"space-between",paddingBottom:6},e.createElement(g.k,{direction:"column",alignItems:"flex-start"},e.createElement(p.Z,{variant:"pi",fontWeight:"bold"},x({id:"Settings.application.customization.modal.pending.title",defaultMessage:"Logo ready to upload"})),e.createElement(p.Z,{variant:"pi",textColor:"neutral500"},x({id:"Settings.application.customization.modal.pending.subtitle",defaultMessage:"Manage the chosen logo before uploading it"}))),e.createElement(T.z,{onClick:f,variant:"secondary"},x({id:"Settings.application.customization.modal.pending.choose-another",defaultMessage:"Choose another logo"}))),e.createElement(j.x,{maxWidth:(0,l.Q1)(180)},n.url?e.createElement(kt,{asset:n}):null)),e.createElement(lt.m,{startActions:e.createElement(T.z,{onClick:o,variant:"tertiary"},x({id:"Settings.application.customization.modal.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(T.z,{onClick:u},x({id:"Settings.application.customization.modal.pending.upload",defaultMessage:"Upload logo"}))}))};ut.defaultProps={next:null,prev:null},ut.propTypes={goTo:s().func.isRequired,asset:s().shape({name:s().string,url:s().string,width:s().number,height:s().number,ext:s().string}).isRequired,next:s().string,onClose:s().func.isRequired,onChangeLogo:s().func.isRequired,prev:s().string,setLocalImage:s().func.isRequired};var qt=ut,_t={upload:{Component:bt,modalTitle:{id:"Settings.application.customization.modal.upload",defaultMessage:"Upload logo"},next:"pending",prev:null},pending:{Component:qt,modalTitle:{id:"Settings.application.customization.modal.pending",defaultMessage:"Pending logo"},next:null,prev:"upload"}};const mt=({canUpdate:o,customLogo:n,defaultLogo:a,hint:i,label:m,onChangeLogo:M,onResetLogo:R})=>{const[{currentStep:x},f]=(0,e.useReducer)(Tt,Et),{Component:u,next:z,prev:S,modalTitle:W}=_t[x]||{},{formatMessage:Z}=(0,c.Z)(),G=V=>{f({type:"GO_TO",to:V})};return e.createElement(e.Fragment,null,e.createElement(Y.F,{label:m,selectedSlide:0,hint:i,previousLabel:"",nextLabel:"",onNext:()=>{},onPrevious:()=>{},secondaryLabel:n?.name||"logo.png",actions:e.createElement(q.b,null,e.createElement(_.h,{disabled:!o,onClick:()=>G(n?"pending":"upload"),label:Z({id:"Settings.application.customization.carousel.change-action",defaultMessage:"Change logo"}),icon:e.createElement(w.Z,null)}),n&&e.createElement(_.h,{disabled:!o,onClick:R,label:Z({id:"Settings.application.customization.carousel.reset-action",defaultMessage:"Reset logo"}),icon:e.createElement(et.Z,null)}))},e.createElement(X.q,{label:Z({id:"Settings.application.customization.carousel-slide.label",defaultMessage:"Logo slide"})},e.createElement(j.x,{maxHeight:"40%",maxWidth:"40%",as:"img",src:n?.url||a,alt:Z({id:"Settings.application.customization.carousel.title",defaultMessage:"Logo"})}))),e.createElement(Pt,{Component:u,currentStep:x,onChangeLogo:M,customLogo:n,goTo:G,next:z,prev:S,modalTitle:W}))};mt.defaultProps={canUpdate:!1,customLogo:null,hint:null},mt.propTypes={canUpdate:s().bool,customLogo:s().shape({url:s().string,name:s().string}),label:s().string.isRequired,hint:s().string,defaultLogo:s().string.isRequired,onChangeLogo:s().func.isRequired,onResetLogo:s().func.isRequired};var Ct=mt;const gt={menuLogo:{display:null,submit:{rawFile:null,isReset:!1}},authLogo:{display:null,submit:{rawFile:null,isReset:!1}}};var te=(o=gt,n)=>(0,k.ZP)(o,a=>{switch(n.type){case"SET_CUSTOM_MENU_LOGO":{a.menuLogo.display=n.value,a.menuLogo.submit.rawFile=n.value.rawFile;break}case"SET_CUSTOM_AUTH_LOGO":{a.authLogo.display=n.value,a.authLogo.submit.rawFile=n.value.rawFile;break}case"RESET_CUSTOM_MENU_LOGO":{a.menuLogo.display=null,a.menuLogo.submit={rawFile:null,isReset:!0};break}case"RESET_CUSTOM_AUTH_LOGO":{a.authLogo.display=null,a.authLogo.submit={rawFile:null,isReset:!0};break}default:return a}}),ee=t(86349),ne=t.n(ee),oe=(o,n)=>ne()(o,{menuLogo:{display:n.menuLogo},authLogo:{display:n.authLogo}});const pt=(0,e.forwardRef)(({canUpdate:o,projectSettingsStored:n},a)=>{const{formatMessage:i}=(0,c.Z)(),{trackUsage:m}=(0,l.rS)(),{logos:{menu:M,auth:R}}=(0,C.um)(),[{menuLogo:x,authLogo:f},u]=(0,e.useReducer)(te,gt,()=>oe(gt,n)),z=G=>{u({type:"SET_CUSTOM_MENU_LOGO",value:G})},S=()=>{m("didClickResetLogo",{logo:"menu"}),u({type:"RESET_CUSTOM_MENU_LOGO"})},W=G=>{u({type:"SET_CUSTOM_AUTH_LOGO",value:G})},Z=()=>{m("didClickResetLogo",{logo:"auth"}),u({type:"RESET_CUSTOM_AUTH_LOGO"})};return(0,e.useImperativeHandle)(a,()=>({getValues:()=>({menuLogo:x.submit,authLogo:f.submit})})),e.createElement(j.x,{hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingRight:7,paddingLeft:7},e.createElement(p.Z,{variant:"delta",as:"h3"},i({id:"Settings.application.customization",defaultMessage:"Customization"})),e.createElement(p.Z,{variant:"pi",textColor:"neutral600"},i({id:"Settings.application.customization.size-details",defaultMessage:"Max dimension: {dimension}\xD7{dimension}, Max file size: {size}KB"},{dimension:$,size:J})),e.createElement(y.r,{paddingTop:4,gap:4},e.createElement(O.P,{col:6,s:12},e.createElement(Ct,{canUpdate:o,customLogo:x.display,defaultLogo:M.default,hint:i({id:"Settings.application.customization.menu-logo.carousel-hint",defaultMessage:"Replace the logo in the main navigation"}),label:i({id:"Settings.application.customization.carousel.menu-logo.title",defaultMessage:"Menu logo"}),onChangeLogo:z,onResetLogo:S})),e.createElement(O.P,{col:6,s:12},e.createElement(Ct,{canUpdate:o,customLogo:f.display,defaultLogo:R.default,hint:i({id:"Settings.application.customization.auth-logo.carousel-hint",defaultMessage:"Replace the logo in the authentication pages"}),label:i({id:"Settings.application.customization.carousel.auth-logo.title",defaultMessage:"Auth logo"}),onChangeLogo:W,onResetLogo:Z}))))});pt.defaultProps={canUpdate:!1,projectSettingsStored:null},pt.propTypes={canUpdate:s().bool,projectSettingsStored:s().shape({menuLogo:s().shape({url:s().string,name:s().string})})};var ae=pt,se=t(48344),ie=t.n(se),Lt=o=>ie()(o,(n,a,i)=>{a&&a.url?n[i]={...a,url:(0,l.CR)(a.url)}:n[i]=a},{});const le=async()=>{const{get:o}=(0,l.tg)(),{data:n}=await o("/admin/project-settings");return Lt(n)},re=async o=>{const{post:n}=(0,l.tg)(),{data:a}=await n("/admin/project-settings",o,{headers:{"Content-Type":"multipart/form-data"}});return Lt(a)};var de=o=>{const n=new FormData;return Object.entries(o).forEach(([a,i])=>{i&&i.rawFile instanceof File&&n.append(a,i.rawFile),i&&i.isReset&&n.append(a,null)}),n};const ce=(()=>window&&window.strapi&&window.strapi.isEE?t(78999).Z:t(17891).Z)();var ue=()=>{const o=(0,e.useRef)(),n=(0,l.lm)(),{trackUsage:a}=(0,l.rS)(),{formatMessage:i}=(0,c.Z)(),m=(0,E.useQueryClient)();(0,l.go)();const M=(0,l.L7)(),{latestStrapiReleaseTag:R,shouldUpdateStrapi:x,strapiVersion:f}=M,{updateProjectSettings:u}=(0,C.um)(),{allowedActions:{canRead:z,canUpdate:S}}=(0,l.ss)(H.Z.settings["project-settings"]),W=z&&S,{data:Z}=(0,E.useQuery)("project-settings",le,{enabled:z}),G=(0,E.useMutation)(K=>re(K),{async onSuccess(K){let{menuLogo:tt,authLogo:ht}=K;await m.invalidateQueries("project-settings",{refetchActive:!0}),u({menuLogo:tt?.url,authLogo:ht?.url})}}),V=K=>{if(K.preventDefault(),!S)return;const tt=o.current.getValues(),ht=de(tt);G.mutate(ht,{onSuccess(){const{menuLogo:Pe,authLogo:Te}=tt;Pe.rawFile&&a("didChangeLogo",{logo:"menu"}),Te.rawFile&&a("didChangeLogo",{logo:"auth"}),n({type:"success",message:i({id:"app",defaultMessage:"Saved"})})},onError(){n({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}})};return e.createElement(r.A,null,e.createElement(l.SL,{name:"Application"}),e.createElement(P.o,null,e.createElement("form",{onSubmit:V},e.createElement(B.T,{title:i({id:"Settings.application.title",defaultMessage:"Overview"}),subtitle:i({id:"Settings.application.description",defaultMessage:"Administration panel\u2019s global information"}),primaryAction:W&&e.createElement(T.z,{type:"submit",startIcon:e.createElement(I.Z,null)},i({id:"global.save",defaultMessage:"Save"}))}),e.createElement(F.D,null,e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:6},e.createElement(g.k,{direction:"column",alignItems:"stretch",gap:4,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingRight:7,paddingLeft:7},e.createElement(p.Z,{variant:"delta",as:"h3"},i({id:"global.details",defaultMessage:"Details"})),e.createElement(y.r,{gap:5,as:"dl"},e.createElement(O.P,{col:6,s:12},e.createElement(p.Z,{variant:"sigma",textColor:"neutral600",as:"dt"},i({id:"Settings.application.strapiVersion",defaultMessage:"strapi version"})),e.createElement(g.k,{gap:3,direction:"column",alignItems:"start",as:"dd"},e.createElement(p.Z,null,"v",f),x&&e.createElement(D.r,{href:`https://github.com/strapi/strapi/releases/tag/${R}`,isExternal:!0,endIcon:e.createElement(U.Z,null)},i({id:"Settings.application.link-upgrade",defaultMessage:"Upgrade your admin panel"})))),e.createElement(O.P,{col:6,s:12},e.createElement(p.Z,{variant:"sigma",textColor:"neutral600",as:"dt"},i({id:"Settings.application.edition-title",defaultMessage:"current plan"})),e.createElement(g.k,{gap:3,direction:"column",alignItems:"start",as:"dd"},e.createElement(p.Z,null,i({id:"Settings.application.ee-or-ce",defaultMessage:"{communityEdition, select, true {Community Edition} other {Enterprise Edition}}"},{communityEdition:M.communityEdition})),e.createElement(D.r,{href:"https://strapi.io/pricing-self-hosted",isExternal:!0,endIcon:e.createElement(U.Z,null)},i({id:"Settings.application.link-pricing",defaultMessage:"See all pricing plans"})))),e.createElement(O.P,{col:6,s:12},e.createElement(p.Z,{variant:"sigma",textColor:"neutral600",as:"dt"},i({id:"Settings.application.node-version",defaultMessage:"node version"})),e.createElement(p.Z,{as:"dd"},M.nodeVersion)),e.createElement(ce,null))),z&&Z&&e.createElement(ae,{canUpdate:S,ref:o,projectSettingsStored:Z}))))))},me=t(3704),ge=t.n(me),pe=o=>ge()(o,a=>a.links).map(a=>(0,v.ot)(a.Component,a.to,a.exact||!1)),he=o=>o.filter(n=>!n.links.every(a=>a.isDisplayed===!1)),Ee=[{async Component(){return await t.e(3455).then(t.bind(t,67249))},to:"/settings/roles",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(2544)]).then(t.bind(t,92034))},to:"/settings/roles/duplicate/:id",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(2544)]).then(t.bind(t,92034))},to:"/settings/roles/new",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(2544)]).then(t.bind(t,33778))},to:"/settings/roles/:id",exact:!0},{async Component(){return await t.e(5199).then(t.bind(t,76949))},to:"/settings/users",exact:!0},{async Component(){return await t.e(4263).then(t.bind(t,40874))},to:"/settings/users/:id",exact:!0},{async Component(){return await t.e(5162).then(t.bind(t,33238))},to:"/settings/webhooks/create",exact:!0},{async Component(){return await t.e(5162).then(t.bind(t,59021))},to:"/settings/webhooks/:id",exact:!0},{async Component(){return await t.e(4121).then(t.bind(t,32393))},to:"/settings/webhooks",exact:!0},{async Component(){return await t.e(8056).then(t.bind(t,37168))},to:"/settings/api-tokens",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(4628),t.e(5563),t.e(4299)]).then(t.bind(t,3330))},to:"/settings/api-tokens/create",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(4628),t.e(5563),t.e(92)]).then(t.bind(t,97841))},to:"/settings/api-tokens/:id",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(4628),t.e(7259),t.e(4816)]).then(t.bind(t,76411))},to:"/settings/transfer-tokens/create",exact:!0},{async Component(){return await t.e(9600).then(t.bind(t,38286))},to:"/settings/transfer-tokens",exact:!0},{async Component(){return await Promise.all([t.e(1387),t.e(4628),t.e(7259),t.e(2492)]).then(t.bind(t,73607))},to:"/settings/transfer-tokens/:id",exact:!0}],fe=[...(()=>window&&window.strapi&&window.strapi.isEE?t(63775).Z:t(75936).Z)(),...Ee],ve=t(14911),Me=t(90700),xe=t(78090),Ce=t(77013),Le=t(79318),ye=t(66618);const yt=({menu:o})=>{const{formatMessage:n}=(0,c.Z)(),{trackUsage:a}=(0,l.rS)(),{pathname:i}=(0,d.TH)(),M=he(o).map(f=>({...f,title:f.intlLabel,links:f.links.map(u=>({...u,title:u.intlLabel,name:u.id}))})),R=n({id:"global.settings",defaultMessage:"Settings"}),x=(f=null)=>{a("willNavigate",{from:i,to:f})};return e.createElement(Me.m,{ariaLabel:R},e.createElement(xe.p,{label:R}),e.createElement(Ce.Z,null,M.map(f=>e.createElement(Le.D,{key:f.id,label:n(f.intlLabel)},f.links.map(u=>e.createElement(ye.E,{as:ve.OL,withBullet:u.hasNotification,to:u.to,onClick:()=>x(u.to),key:u.id},n(u.intlLabel)))))))};yt.propTypes={menu:s().array.isRequired};var Se=yt;function St(){const{settingId:o}=(0,d.UO)(),{settings:n}=(0,l.j1)(),{formatMessage:a}=(0,c.Z)(),{isLoading:i,menu:m}=(0,C.Te)(),M=(0,e.useMemo)(()=>(0,v.WW)(fe.map(({to:f,Component:u,exact:z})=>(0,v.ot)(u,f,z))),[]),R=pe(n);if(i)return e.createElement(l.dO,null);if(!o)return e.createElement(d.l_,{to:"/settings/application-infos"});const x=a({id:"global.settings",defaultMessage:"Settings"});return e.createElement(r.A,{sideNav:e.createElement(Se,{menu:m})},e.createElement(L.q,{title:x}),e.createElement(d.rs,null,e.createElement(d.AW,{path:"/settings/application-infos",component:ue,exact:!0}),M,R))}var Re=(0,e.memo)(St)},17891:function(A,h){"use strict";const t=()=>null;h.Z=t},75936:function(A,h){"use strict";const t=[];h.Z=t},78999:function(A,h,t){"use strict";var e=t(32735),l=t(67879),d=t(5803),r=t(49372),c=t(87933),L=t(63919),C=t(99140),v=t(41502),E=t(69932),P=t(47361),B=t(24989),T=t(58414);const F="https://cloud.strapi.io/profile/billing",g="https://strapi.io/billing/request-seats",p=()=>{const{formatMessage:y}=(0,l.Z)(),{license:O}=(0,T.q5)(),{licenseLimitStatus:D,enforcementUserCount:I,permittedSeats:U,isHostedOnStrapiCloud:H}=O?.data??{};return U?e.createElement(d.P,{col:6,s:12},e.createElement(r.Z,{variant:"sigma",textColor:"neutral600"},y({id:"Settings.application.admin-seats",defaultMessage:"Admin seats"})),e.createElement(c.k,{gap:2},e.createElement(c.k,null,e.createElement(r.Z,{as:"p"},y({id:"Settings.application.ee.admin-seats.count",defaultMessage:"<text>{enforcementUserCount}</text>/{permittedSeats}"},{permittedSeats:U,enforcementUserCount:I,text:Q=>e.createElement(r.Z,{fontWeight:"semiBold",textColor:I>U?"danger500":null},Q)}))),D==="OVER_LIMIT"&&e.createElement(L.u,{description:y({id:"Settings.application.ee.admin-seats.at-limit-tooltip",defaultMessage:"At limit: add seats to invite more users"})},e.createElement(C.J,{width:`${(0,B.Q1)(14)}rem`,height:`${(0,B.Q1)(14)}rem`,color:"danger500",as:E.Z}))),e.createElement(v.r,{href:H?F:g,isExternal:!0,endIcon:e.createElement(P.Z,null)},y({id:"Settings.application.ee.admin-seats.add-seats",defaultMessage:"{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}"},{isHostedOnStrapiCloud:H}))):null};h.Z=p},63775:function(A,h,t){"use strict";const e=[];window.strapi.features.isEnabled(window.strapi.features.SSO)&&e.push({async Component(){return await t.e(302).then(t.bind(t,26930))},to:"/settings/single-sign-on",exact:!0}),window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)&&e.push({async Component(){return await Promise.all([t.e(6858),t.e(6970),t.e(8155)]).then(t.bind(t,96594))},to:"/settings/review-workflows",exact:!0}),window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS)&&e.push({async Component(){return await t.e(2812).then(t.bind(t,71765))},to:"/settings/audit-logs",exact:!0}),h.Z=e},3704:function(A,h,t){var e=t(40314),l=t(37213);function d(r,c){return e(l(r,c),1)}A.exports=d},37213:function(A,h,t){var e=t(26460),l=t(88904),d=t(52920),r=t(77236);function c(L,C){var v=r(L)?e:d;return v(L,l(C,3))}A.exports=c},96709:function(A,h,t){"use strict";t.d(h,{A:function(){return v}});var e=t(74512),l=t(32735),d=t(60216),r=t(8471),c=t(72850);const L=(0,r.ZP)(c.x)`
10
+ display: grid;
11
+ grid-template-columns: ${({hasSideNav:E})=>E?"auto 1fr":"1fr"};
12
+ `,C=(0,r.ZP)(c.x)`
13
+ overflow-x: hidden;
14
+ `,v=({sideNav:E,children:P})=>(0,e.jsxs)(L,{hasSideNav:!!E,children:[E,(0,e.jsx)(C,{paddingBottom:10,children:P})]});v.defaultProps={sideNav:void 0},v.propTypes={children:d.node.isRequired,sideNav:d.node}},90700:function(A,h,t){"use strict";t.d(h,{m:function(){return v}});var e=t(74512),l=t(32735),d=t(60216),r=t(8471),c=t(15335);const L=`${232/16}rem`,C=(0,r.ZP)(c.r)`
15
+ width: ${L};
16
+ background: ${({theme:E})=>E.colors.neutral100};
17
+ position: sticky;
18
+ top: 0;
19
+ height: 100vh;
20
+ overflow-y: auto;
21
+ border-right: 1px solid ${({theme:E})=>E.colors.neutral200};
22
+ z-index: 1;
23
+ `,v=({ariaLabel:E,...P})=>(0,e.jsx)(C,{"aria-label":E,as:"nav",...P});v.propTypes={ariaLabel:d.string.isRequired}},78090:function(A,h,t){"use strict";t.d(h,{p:function(){return O}});var e=t(74512),l=t(32735),d=t(6792),r=t(60216),c=t(8471),L=t(94486),C=t(74971);const v=D=>{const I=(0,l.useRef)();return(0,l.useEffect)(()=>{I.current=D}),I.current};var E=t(9026),P=t(72850),B=t(89252),T=t(61774),F=t(87933),g=t(49372),p=t(50563);const y=(0,c.ZP)(E.i)`
24
+ width: ${24/16}rem;
25
+ background-color: ${({theme:D})=>D.colors.neutral200};
26
+ `,O=({as:D,label:I,searchLabel:U,searchable:H,onChange:Q,value:s,onClear:j,onSubmit:$,id:J})=>{const[b,Y]=(0,l.useState)(!1),q=v(b),_=(0,C.M)(J),X=(0,l.useRef)(),w=(0,l.useRef)();(0,l.useEffect)(()=>{b&&X.current&&X.current.focus(),q&&!b&&w.current&&w.current.focus()},[b,q]);const et=()=>{Y(N=>!N)},nt=N=>{j(N),X.current.focus()},ot=N=>{N.relatedTarget?.id!==_&&Y(!1)},k=N=>{N.key===L.y.ESCAPE&&Y(!1)};return b?(0,e.jsxs)(P.x,{paddingLeft:4,paddingTop:5,paddingBottom:2,paddingRight:4,children:[(0,e.jsx)(B.U,{children:(0,e.jsx)(T.w,{name:"searchbar",value:s,onChange:Q,placeholder:"e.g: strapi-plugin-abcd",onKeyDown:k,ref:X,onBlur:ot,onClear:nt,onSubmit:$,clearLabel:"Clear",size:"S",children:U})}),(0,e.jsx)(P.x,{paddingLeft:2,paddingTop:4,children:(0,e.jsx)(y,{})})]}):(0,e.jsxs)(P.x,{paddingLeft:6,paddingTop:6,paddingBottom:2,paddingRight:4,children:[(0,e.jsxs)(F.k,{justifyContent:"space-between",alignItems:"flex-start",children:[(0,e.jsx)(g.Z,{variant:"beta",as:D,children:I}),H&&(0,e.jsx)(p.h,{ref:w,onClick:et,label:U,icon:(0,e.jsx)(d.Z,{})})]}),(0,e.jsx)(P.x,{paddingTop:4,children:(0,e.jsx)(y,{})})]})};O.defaultProps={as:"h2",searchable:!1,onChange(){},onClear(){},onSubmit(){},value:"",searchLabel:"",id:void 0},O.propTypes={as:r.string,id:r.string,label:r.string.isRequired,onChange:r.func,onClear:r.func,onSubmit:r.func,searchLabel:r.string,searchable:r.bool,value:r.string}},66618:function(A,h,t){"use strict";t.d(h,{E:function(){return F}});var e=t(74512),l=t(32735),d=t(56243),r=t(60216),c=t(8471),L=t(72850),C=t(49372),v=t(87933),E=t(62499);const P=(0,c.ZP)(L.x)`
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: space-between;
30
+ text-decoration: none;
31
+ color: ${({theme:g})=>g.colors.neutral800};
32
+ svg > * {
33
+ fill: ${({theme:g})=>g.colors.neutral600};
34
+ }
35
+
36
+ &.active {
37
+ ${({theme:g})=>`
38
+ background-color: ${g.colors.primary100};
39
+ border-right: 2px solid ${g.colors.primary600};
40
+ svg > * {
41
+ fill: ${g.colors.primary700};
42
+ }
43
+ ${C.Z} {
44
+ color: ${g.colors.primary700};
45
+ font-weight: 500;
46
+ }
47
+ `}
48
+ }
49
+
50
+ &:focus-visible {
51
+ outline-offset: -2px;
52
+ }
53
+ `,B=(0,c.ZP)(d.Z)`
54
+ width: ${12/16}rem;
55
+ height: ${4/16}rem;
56
+ * {
57
+ fill: ${({theme:g,$active:p})=>p?g.colors.primary600:g.colors.neutral600};
58
+ }
59
+ `,T=c.ZP.div`
60
+ svg {
61
+ height: ${12/16}rem;
62
+ width: ${12/16}rem;
63
+ }
64
+ `,F=l.forwardRef(({children:g,icon:p,withBullet:y,as:O,isSubSectionChild:D,...I},U)=>(0,e.jsxs)(P,{as:O,icon:p,background:"neutral100",paddingLeft:D?9:7,paddingBottom:2,paddingTop:2,ref:U,...I,children:[(0,e.jsxs)(v.k,{children:[p?(0,e.jsx)(T,{children:p}):(0,e.jsx)(B,{}),(0,e.jsx)(L.x,{paddingLeft:2,children:(0,e.jsx)(C.Z,{as:"span",children:g})})]}),y&&(0,e.jsx)(L.x,{as:v.k,paddingRight:4,children:(0,e.jsx)(B,{$active:!0})})]}));F.displayName="SubNavLink",F.defaultProps={as:E.f,icon:null,isSubSectionChild:!1,withBullet:!1},F.propTypes={as:r.elementType,children:r.node.isRequired,icon:r.element,isSubSectionChild:r.bool,withBullet:r.bool}},79318:function(A,h,t){"use strict";t.d(h,{D:function(){return p}});var e=t(74512),l=t(32735),d=t(60216),r=t(8471),c=t(16899),L=t(87933),C=t(72850),v=t(49372);const E=(0,r.ZP)(L.k)`
65
+ border: none;
66
+ padding: 0;
67
+ background: transparent;
68
+ `,P=r.ZP.div`
69
+ display: flex;
70
+ align-items: center;
71
+ transform: rotateX(${({rotated:y})=>y?"0deg":"180deg"});
72
+ `,B=({collapsable:y,label:O,onClick:D,ariaExpanded:I,ariaControls:U})=>y?(0,e.jsxs)(E,{as:"button",onClick:D,"aria-expanded":I,"aria-controls":U,textAlign:"left",children:[(0,e.jsx)(C.x,{paddingRight:1,children:(0,e.jsx)(v.Z,{variant:"sigma",textColor:"neutral600",children:O})}),y&&(0,e.jsx)(P,{rotated:I,children:(0,e.jsx)(c.Z,{"aria-hidden":!0})})]}):(0,e.jsx)(E,{children:(0,e.jsx)(C.x,{paddingRight:1,children:(0,e.jsx)(v.Z,{variant:"sigma",textColor:"neutral600",children:O})})});B.defaultProps={ariaControls:null,ariaExpanded:null,collapsable:!1,onClick(){}},B.propTypes={ariaControls:d.string,ariaExpanded:d.bool,collapsable:d.bool,label:d.string.isRequired,onClick:d.func};var T=t(74971),F=t(6518);const g=(0,r.ZP)(C.x)`
73
+ svg {
74
+ height: ${4/16}rem;
75
+ path {
76
+ fill: ${({theme:y})=>y.colors.neutral500};
77
+ }
78
+ }
79
+ `,p=({collapsable:y,label:O,badgeLabel:D,children:I,id:U})=>{const[H,Q]=(0,l.useState)(!0),s=(0,T.M)(U);return(0,e.jsxs)(L.k,{direction:"column",alignItems:"stretch",gap:1,children:[(0,e.jsx)(g,{paddingLeft:6,paddingTop:2,paddingBottom:2,paddingRight:4,children:(0,e.jsxs)(C.x,{position:"relative",paddingRight:D?6:0,children:[(0,e.jsx)(B,{onClick:()=>{Q(j=>!j)},ariaExpanded:H,ariaControls:s,collapsable:y,label:O}),D&&(0,e.jsx)(F.C,{backgroundColor:"neutral150",textColor:"neutral600",position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:D})]})}),(!y||H)&&(0,e.jsx)("ol",{id:s,children:l.Children.map(I,(j,$)=>(0,e.jsx)("li",{children:j},$))})]})};p.defaultProps={badgeLabel:null,collapsable:!1,id:void 0},p.propTypes={badgeLabel:d.string,children:d.node.isRequired,collapsable:d.bool,id:d.string,label:d.string.isRequired}},77013:function(A,h,t){"use strict";t.d(h,{Z:function(){return L}});var e=t(74512),l=t(32735),d=t(60216),r=t(72850),c=t(87933);const L=({children:C,spacing:v=2,horizontal:E=!1,...P})=>(0,e.jsx)(r.x,{paddingTop:2,paddingBottom:4,children:(0,e.jsx)(c.k,{as:"ol",gap:v,direction:E?"row":"column",alignItems:E?"center":"stretch",...P,children:l.Children.map(C,(B,T)=>(0,e.jsx)("li",{children:B},T))})});L.propTypes={children:d.node.isRequired}},56243:function(A,h,t){"use strict";t.d(h,{Z:function(){return d}});var e=t(74512);const l=r=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",fill:"none",viewBox:"0 0 4 4",...r,children:(0,e.jsx)("rect",{width:4,height:4,fill:"#A5A5BA",rx:2})}),d=l}}]);