@strapi/admin 4.5.0 → 4.5.1

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 (70) hide show
  1. package/admin/src/content-manager/components/DynamicZone/components/{AddComponentButton/index.js → AddComponentButton.js} +12 -6
  2. package/admin/src/content-manager/components/DynamicZone/components/{ComponentPicker/Category/ComponentCard/index.js → ComponentCard.js} +8 -19
  3. package/admin/src/content-manager/components/DynamicZone/components/{ComponentPicker/Category/index.js → ComponentCategory.js} +19 -18
  4. package/admin/src/content-manager/components/DynamicZone/components/{ComponentPicker/index.js → ComponentPicker.js} +36 -38
  5. package/admin/src/content-manager/components/DynamicZone/components/DynamicComponent.js +195 -0
  6. package/admin/src/content-manager/components/DynamicZone/components/{DzLabel/index.js → DynamicZoneLabel.js} +13 -5
  7. package/admin/src/content-manager/components/DynamicZone/index.js +33 -118
  8. package/admin/src/pages/HomePage/index.js +1 -1
  9. package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FilterSelect.js +2 -1
  10. package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/index.js +1 -0
  11. package/admin/src/translations/pt-BR.json +14 -14
  12. package/admin/src/translations/sv.json +117 -85
  13. package/build/{1856.172d5fa0.chunk.js → 1856.db9f5782.chunk.js} +22 -22
  14. package/build/{2077.058590f4.chunk.js → 2077.fed8c9c3.chunk.js} +7 -7
  15. package/build/{2912.2c42c07b.chunk.js → 2912.fccb2c43.chunk.js} +11 -11
  16. package/build/{9166.90876521.chunk.js → 4610.7614b003.chunk.js} +13 -13
  17. package/build/{4715.22747b59.chunk.js → 4715.8e33d630.chunk.js} +23 -23
  18. package/build/{4982.1b75ddb1.chunk.js → 4982.9e58ea3f.chunk.js} +12 -12
  19. package/build/6925.bb6dd64d.chunk.js +762 -0
  20. package/build/{7379.d246dd38.chunk.js → 7379.e972985f.chunk.js} +1 -1
  21. package/build/{7692.a36fb2c2.chunk.js → 7692.31e83caa.chunk.js} +79 -79
  22. package/build/{7841.c50e9509.chunk.js → 7841.4804bd98.chunk.js} +11 -11
  23. package/build/{7866.ba215f99.chunk.js → 7866.6db2248d.chunk.js} +14 -14
  24. package/build/{8380.e53e7207.chunk.js → 8380.37126e0d.chunk.js} +10 -10
  25. package/build/{8549.832ed79d.chunk.js → 8549.5e5fb6b6.chunk.js} +6 -6
  26. package/build/{8738.0fe8a61e.chunk.js → 8738.5a02bffb.chunk.js} +35 -35
  27. package/build/{9066.eaf76ff3.chunk.js → 9066.5d980488.chunk.js} +5 -5
  28. package/build/9420.7addc099.chunk.js +505 -0
  29. package/build/{9649.468667d9.chunk.js → 9649.b6afc945.chunk.js} +5 -5
  30. package/build/{Admin-authenticatedApp.c4f68103.chunk.js → Admin-authenticatedApp.c07d2a86.chunk.js} +2 -2
  31. package/build/{Admin_marketplace.32375885.chunk.js → Admin_marketplace.444ff7b8.chunk.js} +5 -5
  32. package/build/{admin-app.9049056c.chunk.js → admin-app.b157c10a.chunk.js} +1 -1
  33. package/build/content-manager.f38edbb6.chunk.js +1202 -0
  34. package/build/content-type-builder-translation-pt-BR-json.6fe3b8d1.chunk.js +1 -0
  35. package/build/{email-settings-page.c3469093.chunk.js → email-settings-page.91c925a5.chunk.js} +5 -5
  36. package/build/email-translation-en-json.ebad8943.chunk.js +1 -0
  37. package/build/{i18n-settings-page.46d894ff.chunk.js → i18n-settings-page.4ef64441.chunk.js} +5 -5
  38. package/build/index.html +1 -1
  39. package/build/{main.91328e7a.js → main.ca8b0ee3.js} +791 -707
  40. package/build/pt-BR-json.2b72b1d6.chunk.js +1 -0
  41. package/build/{runtime~main.c9c319c0.js → runtime~main.ede9da1e.js} +1 -1
  42. package/build/sv-json.fb1081ff.chunk.js +1 -0
  43. package/build/{upload-settings.53b690f3.chunk.js → upload-settings.3f7ad973.chunk.js} +5 -5
  44. package/build/{users-advanced-settings-page.3f4ee86e.chunk.js → users-advanced-settings-page.6a838320.chunk.js} +5 -5
  45. package/build/users-permissions-translation-sv-json.d5d11648.chunk.js +1 -0
  46. package/build/{webhook-list-page.02191138.chunk.js → webhook-list-page.a110c462.chunk.js} +5 -5
  47. package/package.json +15 -15
  48. package/server/content-types/api-token.js +1 -1
  49. package/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js +0 -19
  50. package/admin/src/content-manager/components/DynamicZone/components/Component/index.js +0 -191
  51. package/admin/src/content-manager/icons/Bold/index.js +0 -22
  52. package/admin/src/content-manager/icons/Code/index.js +0 -13
  53. package/admin/src/content-manager/icons/Cross/index.js +0 -28
  54. package/admin/src/content-manager/icons/Italic/index.js +0 -23
  55. package/admin/src/content-manager/icons/Link/index.js +0 -21
  56. package/admin/src/content-manager/icons/Media/index.js +0 -14
  57. package/admin/src/content-manager/icons/Na/index.js +0 -39
  58. package/admin/src/content-manager/icons/Ol/index.js +0 -13
  59. package/admin/src/content-manager/icons/Quote/index.js +0 -13
  60. package/admin/src/content-manager/icons/Striked/index.js +0 -24
  61. package/admin/src/content-manager/icons/Ul/index.js +0 -15
  62. package/admin/src/content-manager/icons/Underline/index.js +0 -22
  63. package/build/6925.f5c8b6fc.chunk.js +0 -761
  64. package/build/9420.5292d1d2.chunk.js +0 -505
  65. package/build/content-manager.ff998bed.chunk.js +0 -1204
  66. package/build/content-type-builder-translation-pt-BR-json.d6c7fcc1.chunk.js +0 -1
  67. package/build/email-translation-en-json.3d74ff95.chunk.js +0 -1
  68. package/build/pt-BR-json.7852f808.chunk.js +0 -1
  69. package/build/sv-json.8e5a7911.chunk.js +0 -1
  70. package/build/users-permissions-translation-sv-json.83c60841.chunk.js +0 -1
@@ -1,4 +1,4 @@
1
- "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.5.0"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
1
+ "use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.5.1"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
2
2
  position: fixed;
3
3
  z-index: 4;
4
4
  inset: 0;
@@ -77,4 +77,4 @@
77
77
  ${[S.Typography]} {
78
78
  color: ${({theme:t})=>t.colors.neutral600};
79
79
  }
80
- `,vt=()=>{const[t,a]=(0,e.useState)(!1),{formatMessage:o}=(0,d.useIntl)(),{showTutorials:s}=(0,$.um)();if(!s)return null;const u=[{icon:"book",label:o({id:"global.documentation",defaultMessage:"Documentation"}),destination:"https://docs.strapi.io"},{icon:"file",label:o({id:"app.static.links.cheatsheet",defaultMessage:"CheatSheet"}),destination:"https://strapi-showcase.s3-us-west-2.amazonaws.com/CheatSheet.pdf"}],l=()=>{a(h=>!h)};return e.createElement(ft,{as:"aside"},e.createElement(ht,{id:"onboarding","aria-label":o({id:"app.components.Onboarding.help.button",defaultMessage:"Help button"}),onClick:l},!t&&e.createElement(ee.G,{icon:Pe.faQuestion}),t&&e.createElement(ee.G,{icon:Pe.faTimes})),t&&e.createElement(E.FocusTrap,{onEscape:l},e.createElement(Et,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingBottom:2,paddingTop:2},u.map(h=>e.createElement(yt,{key:h.label,rel:"nofollow noreferrer noopener",target:"_blank",href:h.destination},e.createElement(ee.G,{icon:h.icon}),e.createElement(S.Typography,null,h.label))))))},Tt=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(9649),n.e(7692),n.e(994)]).then(n.bind(n,66495))),Pt=(0,e.lazy)(()=>Promise.all([n.e(4800),n.e(3981)]).then(n.bind(n,18178))),Mt=(0,e.lazy)(()=>n.e(3677).then(n.bind(n,15415))),Ct=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(5516)]).then(n.bind(n,92698))),Me=(0,e.lazy)(()=>Promise.resolve().then(n.bind(n,53951))),Ot=(0,e.lazy)(()=>n.e(9501).then(n.bind(n,92336))),Rt=(0,e.lazy)(()=>n.e(9497).then(n.bind(n,9972))),Ce=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(8549),n.e(5895)]).then(n.bind(n,50020))),St=()=>{const{trackUsage:t}=(0,i.useTracking)(),a=(0,N.useDispatch)(),o=(0,N.useSelector)(s=>s.admin_app.status);(0,e.useEffect)(()=>{o==="init"&&(t("didAccessAuthenticatedAdministration"),a({type:gt.e}))},[o])},At=()=>{St();const{isLoading:t,generalSectionLinks:a,pluginsSectionLinks:o}=(0,$.H9)(),{menu:s}=(0,i.useStrapiApp)(),u=(0,e.useMemo)(()=>s.filter(l=>l.Component).map(({to:l,Component:h,exact:y})=>(0,Te.ot)(h,l,y)),[s]);return t?e.createElement(i.LoadingIndicatorPage,null):e.createElement(D.DndProvider,{backend:K.PD},e.createElement(mt,{sideNav:e.createElement(ct,{generalSectionLinks:a,pluginsSectionLinks:o})},e.createElement(e.Suspense,{fallback:e.createElement(i.LoadingIndicatorPage,null)},e.createElement(p.Switch,null,e.createElement(p.Route,{path:"/",component:Pt,exact:!0}),e.createElement(p.Route,{path:"/me",component:Rt,exact:!0}),e.createElement(p.Route,{path:"/content-manager",component:Tt}),u,e.createElement(p.Route,{path:"/settings/:settingId",component:Ce}),e.createElement(p.Route,{path:"/settings",component:Ce,exact:!0}),e.createElement(p.Route,{path:"/marketplace"},e.createElement(Ct,null)),e.createElement(p.Route,{path:"/list-plugins",exact:!0},e.createElement(Mt,null)),e.createElement(p.Route,{path:"/404",component:Me}),e.createElement(p.Route,{path:"/500",component:Ot}),e.createElement(p.Route,{path:"",component:Me}))),e.createElement(nt,null),e.createElement(vt,null)))};var It=Object.defineProperty,Oe=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable,Re=(t,a,o)=>a in t?It(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,Dt=(t,a)=>{for(var o in a||(a={}))xt.call(a,o)&&Re(t,o,a[o]);if(Oe)for(var o of Oe(a))Lt.call(a,o)&&Re(t,o,a[o]);return t};const Bt=t=>({plugins:Object.keys(t).reduce((a,o)=>(a[o]=Dt({},t[o]),a),{})});var bt=n(3040),Nt=n.n(bt);const Se={plugins:null},Gt=(t=Se,a)=>(0,le.default)(t,o=>{switch(a.type){case"SET_PLUGIN_READY":{Nt()(o,["plugins",a.pluginId,"isReady"],!0);break}default:return o}}),Ut=()=>{const{plugins:t}=(0,i.useStrapiApp)(),[{plugins:a},o]=(0,e.useReducer)(Gt,Se,()=>Bt(t)),s=(0,e.useRef)(l=>{o({type:"SET_PLUGIN_READY",pluginId:l})});if(Object.keys(a).some(l=>a[l].isReady===!1)){const l=Object.keys(a).reduce((h,y)=>{const g=a[y].initializer;if(g){const c=a[y].pluginId;h.push(e.createElement(g,{key:c,setPlugin:s.current}))}return h},[]);return e.createElement(e.Fragment,null,l,e.createElement(i.LoadingIndicatorPage,null))}return e.createElement(At,null)};var Ae=n(17367);const Ft=()=>({type:Ae.l}),Wt=t=>({type:Ae.m,permissions:t}),Ie=({children:t,permissions:a,refetchPermissions:o})=>{const{allPermissions:s}=(0,N.useSelector)(l=>l.rbacProvider),u=(0,N.useDispatch)();return(0,e.useEffect)(()=>(u(Wt(a)),()=>{u(Ft())}),[a,u]),s?e.createElement(i.RBACProviderContext.Provider,{value:{allPermissions:s,refetchPermissions:o}},t):e.createElement(i.LoadingIndicatorPage,null)};Ie.propTypes={children:r().element.isRequired,permissions:r().array.isRequired,refetchPermissions:r().func.isRequired};const jt=Ie;var $t=n(43653),Kt=n.n($t),Vt=n(54770),te=n.n(Vt);const xe=(t,a)=>!te().valid(t)||!te().valid(a)?!1:te().lt(t,a);var ne=n(17247),Z=(t,a,o)=>new Promise((s,u)=>{var l=g=>{try{y(o.next(g))}catch(c){u(c)}},h=g=>{try{y(o.throw(g))}catch(c){u(c)}},y=g=>g.done?s(g.value):Promise.resolve(g.value).then(l,h);y((o=o.apply(t,a)).next())});const Le=C.i8,zt=!JSON.parse(localStorage.getItem("STRAPI_UPDATE_NOTIF")),Ht=t=>Z(void 0,null,function*(){try{const{data:{tag_name:a}}=yield Kt().get("https://api.github.com/repos/strapi/strapi/releases/latest");return xe(Le,a)&&zt&&t({type:"info",message:{id:"notification.version.update.message"},link:{url:`https://github.com/strapi/strapi/releases/tag/${a}`,label:{id:"global.see-more"}},blockTransition:!0,onClose:()=>localStorage.setItem("STRAPI_UPDATE_NOTIF",!0)}),a}catch(a){return Le}}),kt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/information");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Zt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/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)}}),Qt=()=>Z(void 0,null,function*(){try{const{data:{data:{roles:t}}}=yield ne.be.get("/admin/users/me");return t}catch(t){throw new Error(t)}});var Yt=Object.defineProperty,Xt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,De=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,qt=Object.prototype.propertyIsEnumerable,Be=(t,a,o)=>a in t?Yt(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,_t=(t,a)=>{for(var o in a||(a={}))wt.call(a,o)&&Be(t,o,a[o]);if(De)for(var o of De(a))qt.call(a,o)&&Be(t,o,a[o]);return t},en=(t,a)=>Xt(t,Jt(a));const be=C.i8,tn=()=>{const{setGuidedTourVisibility:t}=(0,i.useGuidedTour)(),a=(0,i.useNotification)(),o=(0,e.useRef)(t),s=i.auth.getUserInfo(),u=X()(s,"username")||(0,Te.Pp)(s.firstname,s.lastname),[l,h]=(0,e.useState)(u),{showReleaseNotification:y}=(0,$.um)(),[{data:g,status:c},{data:I,isLoading:B},{data:V,status:z,refetch:j,isFetched:m,isFetching:x},{data:L}]=(0,b.useQueries)([{queryKey:"app-infos",queryFn:kt},{queryKey:"strapi-release",queryFn:()=>Ht(a),enabled:y,initialData:be},{queryKey:"admin-users-permission",queryFn:Zt,initialData:[]},{queryKey:"user-roles",queryFn:Qt}]),H=(0,e.useMemo)(()=>xe(be,I),[I]);(0,e.useEffect)(()=>{L&&L.find(({code:se})=>se==="strapi-super-admin")&&(g==null?void 0:g.autoReload)&&o.current(!0)},[L,g]);const ae=B||(x&&m||c==="loading"||z==="loading"),Y=(0,e.useMemo)(()=>en(_t({},g),{latestStrapiReleaseTag:I,setUserDisplayName:h,shouldUpdateStrapi:H,userDisplayName:l}),[g,I,H,l]);return ae?e.createElement(i.LoadingIndicatorPage,null):c==="error"?e.createElement("div",null,"error..."):e.createElement(i.AppInfosContext.Provider,{value:Y},e.createElement(jt,{permissions:V,refetchPermissions:j},e.createElement(Ut,null)))}},78024:(k,M,n)=>{n.d(M,{Z:()=>r});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(9808),$=n.n(C),p=n(23678),N=Object.defineProperty,D=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(d,v,E)=>v in d?N(d,v,{enumerable:!0,configurable:!0,writable:!0,value:E}):d[v]=E,O=(d,v)=>{for(var E in v||(v={}))K.call(v,E)&&G(d,E,v[E]);if(D)for(var E of D(v))F.call(v,E)&&G(d,E,v[E]);return d},T=(d,v)=>{var E={};for(var f in d)K.call(d,f)&&v.indexOf(f)<0&&(E[f]=d[f]);if(d!=null&&D)for(var f of D(d))v.indexOf(f)<0&&F.call(d,f)&&(E[f]=d[f]);return E};const U=d=>{var v=d,{type:E}=v,f=T(v,["type"]);return e.createElement(C.Box,O({width:(0,P.pxToRem)(2),height:"100%",background:E===p.VM?"neutral300":"primary500",hasRadius:!0},f))};U.defaultProps={type:p.VM},U.propTypes={type:b().oneOf([p.lW,p.hx,p.VM])};const r=U},14317:(k,M,n)=>{n.d(M,{Z:()=>U});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(19192),$=n.n(C),p=n(95602),N=n.n(p),D=n(78752),K=n.n(D),F=n(88677),G=n.n(F),O=n(23678);const T=({type:r,number:d})=>r===O.hx?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(D.Icon,{as:G(),"aria-hidden":!0,width:(0,P.pxToRem)(16),color:"neutral0"})):r===O.lW?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral0"},d)):e.createElement(C.Flex,{borderColor:"neutral500",borderWidth:"1px",borderStyle:"solid",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral600"},d));T.defaultProps={number:void 0,type:O.VM},T.propTypes={number:b().number,type:b().oneOf([O.lW,O.hx,O.VM])};const U=T},23678:(k,M,n)=>{n.d(M,{VM:()=>b,hx:()=>i,lW:()=>e});const e="isActive",i="isDone",b="isNotDone"},58107:(k,M,n)=>{n.d(M,{Z:()=>i});const i={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"}}}}}]);
80
+ `,vt=()=>{const[t,a]=(0,e.useState)(!1),{formatMessage:o}=(0,d.useIntl)(),{showTutorials:s}=(0,$.um)();if(!s)return null;const u=[{icon:"book",label:o({id:"global.documentation",defaultMessage:"Documentation"}),destination:"https://docs.strapi.io"},{icon:"file",label:o({id:"app.static.links.cheatsheet",defaultMessage:"CheatSheet"}),destination:"https://strapi-showcase.s3-us-west-2.amazonaws.com/CheatSheet.pdf"}],l=()=>{a(h=>!h)};return e.createElement(ft,{as:"aside"},e.createElement(ht,{id:"onboarding","aria-label":o({id:"app.components.Onboarding.help.button",defaultMessage:"Help button"}),onClick:l},!t&&e.createElement(ee.G,{icon:Pe.faQuestion}),t&&e.createElement(ee.G,{icon:Pe.faTimes})),t&&e.createElement(E.FocusTrap,{onEscape:l},e.createElement(Et,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingBottom:2,paddingTop:2},u.map(h=>e.createElement(yt,{key:h.label,rel:"nofollow noreferrer noopener",target:"_blank",href:h.destination},e.createElement(ee.G,{icon:h.icon}),e.createElement(S.Typography,null,h.label))))))},Tt=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(9649),n.e(7692),n.e(994)]).then(n.bind(n,67846))),Pt=(0,e.lazy)(()=>Promise.all([n.e(4800),n.e(3981)]).then(n.bind(n,18178))),Mt=(0,e.lazy)(()=>n.e(3677).then(n.bind(n,15415))),Ct=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(5516)]).then(n.bind(n,92698))),Me=(0,e.lazy)(()=>Promise.resolve().then(n.bind(n,53951))),Ot=(0,e.lazy)(()=>n.e(9501).then(n.bind(n,92336))),Rt=(0,e.lazy)(()=>n.e(9497).then(n.bind(n,9972))),Ce=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(8549),n.e(5895)]).then(n.bind(n,50020))),St=()=>{const{trackUsage:t}=(0,i.useTracking)(),a=(0,N.useDispatch)(),o=(0,N.useSelector)(s=>s.admin_app.status);(0,e.useEffect)(()=>{o==="init"&&(t("didAccessAuthenticatedAdministration"),a({type:gt.e}))},[o])},At=()=>{St();const{isLoading:t,generalSectionLinks:a,pluginsSectionLinks:o}=(0,$.H9)(),{menu:s}=(0,i.useStrapiApp)(),u=(0,e.useMemo)(()=>s.filter(l=>l.Component).map(({to:l,Component:h,exact:y})=>(0,Te.ot)(h,l,y)),[s]);return t?e.createElement(i.LoadingIndicatorPage,null):e.createElement(D.DndProvider,{backend:K.PD},e.createElement(mt,{sideNav:e.createElement(ct,{generalSectionLinks:a,pluginsSectionLinks:o})},e.createElement(e.Suspense,{fallback:e.createElement(i.LoadingIndicatorPage,null)},e.createElement(p.Switch,null,e.createElement(p.Route,{path:"/",component:Pt,exact:!0}),e.createElement(p.Route,{path:"/me",component:Rt,exact:!0}),e.createElement(p.Route,{path:"/content-manager",component:Tt}),u,e.createElement(p.Route,{path:"/settings/:settingId",component:Ce}),e.createElement(p.Route,{path:"/settings",component:Ce,exact:!0}),e.createElement(p.Route,{path:"/marketplace"},e.createElement(Ct,null)),e.createElement(p.Route,{path:"/list-plugins",exact:!0},e.createElement(Mt,null)),e.createElement(p.Route,{path:"/404",component:Me}),e.createElement(p.Route,{path:"/500",component:Ot}),e.createElement(p.Route,{path:"",component:Me}))),e.createElement(nt,null),e.createElement(vt,null)))};var It=Object.defineProperty,Oe=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable,Re=(t,a,o)=>a in t?It(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,Dt=(t,a)=>{for(var o in a||(a={}))xt.call(a,o)&&Re(t,o,a[o]);if(Oe)for(var o of Oe(a))Lt.call(a,o)&&Re(t,o,a[o]);return t};const Bt=t=>({plugins:Object.keys(t).reduce((a,o)=>(a[o]=Dt({},t[o]),a),{})});var bt=n(3040),Nt=n.n(bt);const Se={plugins:null},Gt=(t=Se,a)=>(0,le.default)(t,o=>{switch(a.type){case"SET_PLUGIN_READY":{Nt()(o,["plugins",a.pluginId,"isReady"],!0);break}default:return o}}),Ut=()=>{const{plugins:t}=(0,i.useStrapiApp)(),[{plugins:a},o]=(0,e.useReducer)(Gt,Se,()=>Bt(t)),s=(0,e.useRef)(l=>{o({type:"SET_PLUGIN_READY",pluginId:l})});if(Object.keys(a).some(l=>a[l].isReady===!1)){const l=Object.keys(a).reduce((h,y)=>{const g=a[y].initializer;if(g){const c=a[y].pluginId;h.push(e.createElement(g,{key:c,setPlugin:s.current}))}return h},[]);return e.createElement(e.Fragment,null,l,e.createElement(i.LoadingIndicatorPage,null))}return e.createElement(At,null)};var Ae=n(17367);const Ft=()=>({type:Ae.l}),Wt=t=>({type:Ae.m,permissions:t}),Ie=({children:t,permissions:a,refetchPermissions:o})=>{const{allPermissions:s}=(0,N.useSelector)(l=>l.rbacProvider),u=(0,N.useDispatch)();return(0,e.useEffect)(()=>(u(Wt(a)),()=>{u(Ft())}),[a,u]),s?e.createElement(i.RBACProviderContext.Provider,{value:{allPermissions:s,refetchPermissions:o}},t):e.createElement(i.LoadingIndicatorPage,null)};Ie.propTypes={children:r().element.isRequired,permissions:r().array.isRequired,refetchPermissions:r().func.isRequired};const jt=Ie;var $t=n(43653),Kt=n.n($t),Vt=n(54678),te=n.n(Vt);const xe=(t,a)=>!te().valid(t)||!te().valid(a)?!1:te().lt(t,a);var ne=n(17247),Z=(t,a,o)=>new Promise((s,u)=>{var l=g=>{try{y(o.next(g))}catch(c){u(c)}},h=g=>{try{y(o.throw(g))}catch(c){u(c)}},y=g=>g.done?s(g.value):Promise.resolve(g.value).then(l,h);y((o=o.apply(t,a)).next())});const Le=C.i8,zt=!JSON.parse(localStorage.getItem("STRAPI_UPDATE_NOTIF")),Ht=t=>Z(void 0,null,function*(){try{const{data:{tag_name:a}}=yield Kt().get("https://api.github.com/repos/strapi/strapi/releases/latest");return xe(Le,a)&&zt&&t({type:"info",message:{id:"notification.version.update.message"},link:{url:`https://github.com/strapi/strapi/releases/tag/${a}`,label:{id:"global.see-more"}},blockTransition:!0,onClose:()=>localStorage.setItem("STRAPI_UPDATE_NOTIF",!0)}),a}catch(a){return Le}}),kt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/information");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Zt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/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)}}),Qt=()=>Z(void 0,null,function*(){try{const{data:{data:{roles:t}}}=yield ne.be.get("/admin/users/me");return t}catch(t){throw new Error(t)}});var Yt=Object.defineProperty,Xt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,De=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,qt=Object.prototype.propertyIsEnumerable,Be=(t,a,o)=>a in t?Yt(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,_t=(t,a)=>{for(var o in a||(a={}))wt.call(a,o)&&Be(t,o,a[o]);if(De)for(var o of De(a))qt.call(a,o)&&Be(t,o,a[o]);return t},en=(t,a)=>Xt(t,Jt(a));const be=C.i8,tn=()=>{const{setGuidedTourVisibility:t}=(0,i.useGuidedTour)(),a=(0,i.useNotification)(),o=(0,e.useRef)(t),s=i.auth.getUserInfo(),u=X()(s,"username")||(0,Te.Pp)(s.firstname,s.lastname),[l,h]=(0,e.useState)(u),{showReleaseNotification:y}=(0,$.um)(),[{data:g,status:c},{data:I,isLoading:B},{data:V,status:z,refetch:j,isFetched:m,isFetching:x},{data:L}]=(0,b.useQueries)([{queryKey:"app-infos",queryFn:kt},{queryKey:"strapi-release",queryFn:()=>Ht(a),enabled:y,initialData:be},{queryKey:"admin-users-permission",queryFn:Zt,initialData:[]},{queryKey:"user-roles",queryFn:Qt}]),H=(0,e.useMemo)(()=>xe(be,I),[I]);(0,e.useEffect)(()=>{L&&L.find(({code:se})=>se==="strapi-super-admin")&&(g==null?void 0:g.autoReload)&&o.current(!0)},[L,g]);const ae=B||(x&&m||c==="loading"||z==="loading"),Y=(0,e.useMemo)(()=>en(_t({},g),{latestStrapiReleaseTag:I,setUserDisplayName:h,shouldUpdateStrapi:H,userDisplayName:l}),[g,I,H,l]);return ae?e.createElement(i.LoadingIndicatorPage,null):c==="error"?e.createElement("div",null,"error..."):e.createElement(i.AppInfosContext.Provider,{value:Y},e.createElement(jt,{permissions:V,refetchPermissions:j},e.createElement(Ut,null)))}},78024:(k,M,n)=>{n.d(M,{Z:()=>r});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(9808),$=n.n(C),p=n(23678),N=Object.defineProperty,D=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(d,v,E)=>v in d?N(d,v,{enumerable:!0,configurable:!0,writable:!0,value:E}):d[v]=E,O=(d,v)=>{for(var E in v||(v={}))K.call(v,E)&&G(d,E,v[E]);if(D)for(var E of D(v))F.call(v,E)&&G(d,E,v[E]);return d},T=(d,v)=>{var E={};for(var f in d)K.call(d,f)&&v.indexOf(f)<0&&(E[f]=d[f]);if(d!=null&&D)for(var f of D(d))v.indexOf(f)<0&&F.call(d,f)&&(E[f]=d[f]);return E};const U=d=>{var v=d,{type:E}=v,f=T(v,["type"]);return e.createElement(C.Box,O({width:(0,P.pxToRem)(2),height:"100%",background:E===p.VM?"neutral300":"primary500",hasRadius:!0},f))};U.defaultProps={type:p.VM},U.propTypes={type:b().oneOf([p.lW,p.hx,p.VM])};const r=U},14317:(k,M,n)=>{n.d(M,{Z:()=>U});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(19192),$=n.n(C),p=n(95602),N=n.n(p),D=n(78752),K=n.n(D),F=n(88677),G=n.n(F),O=n(23678);const T=({type:r,number:d})=>r===O.hx?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(D.Icon,{as:G(),"aria-hidden":!0,width:(0,P.pxToRem)(16),color:"neutral0"})):r===O.lW?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral0"},d)):e.createElement(C.Flex,{borderColor:"neutral500",borderWidth:"1px",borderStyle:"solid",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral600"},d));T.defaultProps={number:void 0,type:O.VM},T.propTypes={number:b().number,type:b().oneOf([O.lW,O.hx,O.VM])};const U=T},23678:(k,M,n)=>{n.d(M,{VM:()=>b,hx:()=>i,lW:()=>e});const e="isActive",i="isDone",b="isNotDone"},58107:(k,M,n)=>{n.d(M,{Z:()=>i});const i={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"}}}}}]);
@@ -1,7 +1,7 @@
1
- (self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5516],{62030:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=86)}({0:function(p,f){p.exports=t},86:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{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 0112 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",fill:"#161614"}))}}})})},28992:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=87)}({0:function(p,f){p.exports=t},87:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{d:"M0 4a4 4 0 014-4h24a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4V4z",fill:"#AC73E6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"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",fill:"#fff"}))}}})})},49833:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=174)}({0:function(p,f){p.exports=t},174:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{d:"M12 18.26l-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",fill:"#212134"}))}}})})},75152:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=189)}({0:function(p,f){p.exports=t},189:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.571 18.272H10.43v-8.47H2.487a.2.2 0 01-.14-.343L11.858.058a.2.2 0 01.282 0l9.513 9.4a.2.2 0 01-.14.343H13.57v8.47zM2.2 21.095a.2.2 0 00-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 00.2-.2v-2.424a.2.2 0 00-.2-.2H2.2z",fill:"#212134"}))}}})})},92698:(S,w,i)=>{"use strict";i.r(w),i.d(w,{MarketPlacePage:()=>ke,default:()=>Wt});var t=i(32735),p=i(5636),f=i(99357),r=i(58469),e=i(88425),a=i(11856),c=i(16540),P=i(89978),u=i(9808),b=i(29270),T=i(95602),R=i(19192),j=i(81700),Be=i(60216),l=i.n(Be),B=i(78752),Ie=i(97042),we=i.n(Ie),F=i(19615);const Ne=(0,F.default)(u.Box)`
1
+ (self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5516],{62030:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=86)}({0:function(p,f){p.exports=t},86:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{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 0112 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",fill:"#161614"}))}}})})},28992:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=87)}({0:function(p,f){p.exports=t},87:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{d:"M0 4a4 4 0 014-4h24a4 4 0 014 4v24a4 4 0 01-4 4H4a4 4 0 01-4-4V4z",fill:"#AC73E6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"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",fill:"#fff"}))}}})})},49833:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=174)}({0:function(p,f){p.exports=t},174:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{d:"M12 18.26l-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",fill:"#212134"}))}}})})},75152:function(S,w,i){(function(t,p){S.exports=p(i(32735))})(this,function(t){return function(p){var f={};function r(e){if(f[e])return f[e].exports;var a=f[e]={i:e,l:!1,exports:{}};return p[e].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=p,r.c=f,r.d=function(e,a,c){r.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:c})},r.r=function(e){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,a){if(1&a&&(e=r(e)),8&a||4&a&&typeof e=="object"&&e&&e.__esModule)return e;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:e}),2&a&&typeof e!="string")for(var P in e)r.d(c,P,function(u){return e[u]}.bind(null,P));return c},r.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(a,"a",a),a},r.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},r.p="",r(r.s=189)}({0:function(p,f){p.exports=t},189:function(p,f,r){"use strict";r.r(f);var e=r(0);function a(){return(a=Object.assign||function(c){for(var P=1;P<arguments.length;P++){var u=arguments[P];for(var b in u)Object.prototype.hasOwnProperty.call(u,b)&&(c[b]=u[b])}return c}).apply(this,arguments)}f.default=function(c){return e.createElement("svg",a({width:"1em",height:"1em",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.571 18.272H10.43v-8.47H2.487a.2.2 0 01-.14-.343L11.858.058a.2.2 0 01.282 0l9.513 9.4a.2.2 0 01-.14.343H13.57v8.47zM2.2 21.095a.2.2 0 00-.2.2v2.424c0 .11.09.2.2.2h19.6a.2.2 0 00.2-.2v-2.424a.2.2 0 00-.2-.2H2.2z",fill:"#212134"}))}}})})},92698:(S,w,i)=>{"use strict";i.r(w),i.d(w,{MarketPlacePage:()=>ke,default:()=>Wt});var t=i(32735),p=i(5636),f=i(99357),r=i(58469),e=i(88425),a=i(11856),c=i(16540),P=i(89978),u=i(9808),b=i(29270),T=i(95602),R=i(19192),j=i(81700),Be=i(60216),l=i.n(Be),B=i(78752),Ie=i(97042),we=i.n(Ie),F=i(19615);const Le=(0,F.default)(u.Box)`
2
2
  background: ${({theme:n})=>`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${n.colors.neutral150} 100%)`};
3
3
  opacity: 0.33;
4
- `,Le=()=>t.createElement(a.GridLayout,null,Array(12).fill(null).map((n,o)=>t.createElement(Ne,{key:`empty-plugin-card-${o}`,height:"234px",hasRadius:!0}))),ae=({content:n})=>t.createElement(u.Box,{position:"relative"},t.createElement(Le,null),t.createElement(u.Box,{position:"absolute",top:11,width:"100%"},t.createElement(R.Flex,{alignItems:"center",justifyContent:"center",direction:"column"},t.createElement(B.Icon,{as:we(),color:"",width:"160px",height:"88px"}),t.createElement(u.Box,{paddingTop:6},t.createElement(T.Typography,{variant:"delta",as:"p",textColor:"neutral600"},n)))));ae.propTypes={content:l().string.isRequired};const ne=ae;var re=i(61541),Fe=i(75152),De=i.n(Fe);const $=({isOnline:n,npmPackageType:o})=>{const{formatMessage:s}=(0,p.useIntl)(),{trackUsage:g}=(0,e.useTracking)(),m=o==="provider"?"didSubmitProvider":"didSubmitPlugin";return t.createElement(a.HeaderLayout,{title:s({id:"global.marketplace",defaultMessage:"Marketplace"}),subtitle:s({id:"admin.pages.MarketPlacePage.subtitle",defaultMessage:"Get more out of Strapi"}),primaryAction:n&&t.createElement(re.LinkButton,{startIcon:t.createElement(De(),null),variant:"tertiary",href:`https://market.strapi.io/submit-${o}`,onClick:()=>g(m),isExternal:!0},s({id:`admin.pages.MarketPlacePage.submit.${o}.link`,defaultMessage:`Submit ${o}`}))})},oe=$;$.defaultProps={npmPackageType:"plugin"},$.propTypes={isOnline:l().bool.isRequired,npmPackageType:l().string};var se=i(84968),Ae=i(43653),le=i.n(Ae),ze=(n,o,s)=>new Promise((g,m)=>{var y=h=>{try{d(s.next(h))}catch(E){m(E)}},v=h=>{try{d(s.throw(h))}catch(E){m(E)}},d=h=>h.done?g(h.value):Promise.resolve(h.value).then(y,v);d((s=s.apply(n,o)).next())});const Ve="https://market-api.strapi.io",$e=(...n)=>ze(void 0,[...n],function*(o={}){const{data:s}=yield le().get(`${Ve}/providers`,{params:o});return s}),He=(n,o)=>{const s=(0,e.useNotification)();return(0,se.useQuery)(["list-marketplace-providers",o],()=>$e(o),{onSuccess(){n&&n()},onError(){s({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};var Ge=Object.defineProperty,Ue=Object.defineProperties,Qe=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertySymbols,We=Object.prototype.hasOwnProperty,Ye=Object.prototype.propertyIsEnumerable,ce=(n,o,s)=>o in n?Ge(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,Ze=(n,o)=>{for(var s in o||(o={}))We.call(o,s)&&ce(n,s,o[s]);if(ie)for(var s of ie(o))Ye.call(o,s)&&ce(n,s,o[s]);return n},Ke=(n,o)=>Ue(n,Qe(o)),Je=(n,o,s)=>new Promise((g,m)=>{var y=h=>{try{d(s.next(h))}catch(E){m(E)}},v=h=>{try{d(s.throw(h))}catch(E){m(E)}},d=h=>h.done?g(h.value):Promise.resolve(h.value).then(y,v);d((s=s.apply(n,o)).next())});const Xe="https://market-api.strapi.io",qe=(...n)=>Je(void 0,[...n],function*(o={}){const{data:s}=yield le().get(`${Xe}/plugins`,{params:o});return Ke(Ze({},s),{data:s.data.filter(m=>m.attributes.strapiCompatibility==="v4")})}),_e=(n,o)=>{const s=(0,e.useNotification)();return(0,se.useQuery)(["list-marketplace-plugins",o],()=>qe(o),{onSuccess(){n&&n()},onError(){s({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};var et=i(83983);const tt=i.p+"9d5d788027e86620c234.svg",at=()=>{const n=typeof navigator!="undefined"&&typeof navigator.onLine=="boolean"?navigator.onLine:!0,[o,s]=(0,t.useState)(n),g=()=>s(!0),m=()=>s(!1);return(0,t.useEffect)(()=>(window.addEventListener("online",g),window.addEventListener("offline",m),()=>{window.removeEventListener("online",g),window.removeEventListener("offline",m)}),[]),o};var nt=i(28992),rt=i.n(nt),ot=i(82372),ue=i.n(ot);const st=()=>{const{formatMessage:n}=(0,p.useIntl)(),{trackUsage:o}=(0,e.useTracking)();return t.createElement("a",{href:"https://strapi.canny.io/plugin-requests",target:"_blank",rel:"noopener noreferrer nofollow",style:{textDecoration:"none"},onClick:()=>o("didMissMarketplacePlugin")},t.createElement(e.ContentBox,{title:n({id:"admin.pages.MarketPlacePage.missingPlugin.title",defaultMessage:"Documentation"}),subtitle:n({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:t.createElement(rt(),null),iconBackground:"alternative100",endAction:t.createElement(B.Icon,{as:ue(),color:"neutral600",width:3,height:3,marginLeft:2})}))};var de=i(78330),lt=i(24443),it=i.n(lt),H=i(90662),G=i(44826),ct=i(14356),ut=i.n(ct),dt=i(47750),pt=i(88677),gt=i.n(pt),mt=i(54770),pe=i.n(mt),U=i(44526),ft=i(68192),ge=i.n(ft);const D=({description:n,installMessage:o,disabled:s,handleCopy:g,pluginName:m})=>t.createElement(G.Tooltip,{"data-testid":`tooltip-${m}`,description:n},t.createElement(u.Box,null,t.createElement(U.Button,{size:"S",startIcon:t.createElement(ge(),null),variant:"secondary",disabled:s,onClick:g},o))),Q=({strapiPeerDepVersion:n,strapiAppVersion:o,handleCopy:s,pluginName:g})=>{const{formatMessage:m}=(0,p.useIntl)(),y=pe().validRange(n),v=pe().satisfies(o,y),d=m({id:"admin.pages.MarketPlacePage.plugin.copy",defaultMessage:"Copy install command"});if(o){if(!y)return t.createElement(D,{installMessage:d,pluginName:g,description:m({id:"admin.pages.MarketPlacePage.plugin.version.null",defaultMessage:'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"'},{strapiAppVersion:o}),handleCopy:s});if(!v)return t.createElement(D,{installMessage:d,pluginName:g,description:m({id:"admin.pages.MarketPlacePage.plugin.version",defaultMessage:'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'},{strapiAppVersion:o,versionRange:y}),disabled:!0})}return t.createElement(U.Button,{size:"S",startIcon:t.createElement(ge(),null),variant:"secondary",onClick:s},d)};D.defaultProps={disabled:!1,handleCopy:null},D.propTypes={description:l().string.isRequired,installMessage:l().string.isRequired,disabled:l().bool,handleCopy:l().func,pluginName:l().string.isRequired},Q.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},Q.propTypes={strapiAppVersion:l().string,strapiPeerDepVersion:l().string,handleCopy:l().func.isRequired,pluginName:l().string.isRequired};const vt=Q,W=({isInstalled:n,isInDevelopmentMode:o,commandToCopy:s,strapiAppVersion:g,strapiPeerDepVersion:m,pluginName:y})=>{const v=(0,e.useNotification)(),{formatMessage:d}=(0,p.useIntl)(),{trackUsage:h}=(0,e.useTracking)(),E=()=>{navigator.clipboard.writeText(s),h("willInstallPlugin"),v({type:"success",message:{id:"admin.pages.MarketPlacePage.plugin.copy.success"}})};return n?t.createElement(u.Box,{paddingLeft:4},t.createElement(B.Icon,{as:gt(),marginRight:2,width:12,height:12,color:"success600"}),t.createElement(T.Typography,{variant:"omega",textColor:"success600",fontWeight:"bold"},d({id:"admin.pages.MarketPlacePage.plugin.installed",defaultMessage:"Installed"}))):o?t.createElement(vt,{strapiAppVersion:g,strapiPeerDepVersion:m,handleCopy:E,pluginName:y}):null};W.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},W.propTypes={isInstalled:l().bool.isRequired,isInDevelopmentMode:l().bool.isRequired,commandToCopy:l().string.isRequired,strapiAppVersion:l().string,strapiPeerDepVersion:l().string,pluginName:l().string.isRequired};const ht=W;var Pt=i(27635),yt=i(62030),Et=i.n(yt),Mt=i(7650),bt=i.n(Mt),kt=i(49833),xt=i.n(kt);const St=(0,F.default)(Pt.Divider)`
4
+ `,Ne=()=>t.createElement(a.GridLayout,null,Array(12).fill(null).map((n,o)=>t.createElement(Le,{key:`empty-plugin-card-${o}`,height:"234px",hasRadius:!0}))),ae=({content:n})=>t.createElement(u.Box,{position:"relative"},t.createElement(Ne,null),t.createElement(u.Box,{position:"absolute",top:11,width:"100%"},t.createElement(R.Flex,{alignItems:"center",justifyContent:"center",direction:"column"},t.createElement(B.Icon,{as:we(),color:"",width:"160px",height:"88px"}),t.createElement(u.Box,{paddingTop:6},t.createElement(T.Typography,{variant:"delta",as:"p",textColor:"neutral600"},n)))));ae.propTypes={content:l().string.isRequired};const ne=ae;var re=i(61541),Fe=i(75152),De=i.n(Fe);const V=({isOnline:n,npmPackageType:o})=>{const{formatMessage:s}=(0,p.useIntl)(),{trackUsage:g}=(0,e.useTracking)(),m=o==="provider"?"didSubmitProvider":"didSubmitPlugin";return t.createElement(a.HeaderLayout,{title:s({id:"global.marketplace",defaultMessage:"Marketplace"}),subtitle:s({id:"admin.pages.MarketPlacePage.subtitle",defaultMessage:"Get more out of Strapi"}),primaryAction:n&&t.createElement(re.LinkButton,{startIcon:t.createElement(De(),null),variant:"tertiary",href:`https://market.strapi.io/submit-${o}`,onClick:()=>g(m),isExternal:!0},s({id:`admin.pages.MarketPlacePage.submit.${o}.link`,defaultMessage:`Submit ${o}`}))})},oe=V;V.defaultProps={npmPackageType:"plugin"},V.propTypes={isOnline:l().bool.isRequired,npmPackageType:l().string};var se=i(84968),Ae=i(43653),le=i.n(Ae),$e=(n,o,s)=>new Promise((g,m)=>{var y=h=>{try{d(s.next(h))}catch(E){m(E)}},v=h=>{try{d(s.throw(h))}catch(E){m(E)}},d=h=>h.done?g(h.value):Promise.resolve(h.value).then(y,v);d((s=s.apply(n,o)).next())});const ze="https://market-api.strapi.io",Ve=(...n)=>$e(void 0,[...n],function*(o={}){const{data:s}=yield le().get(`${ze}/providers`,{params:o});return s}),He=(n,o)=>{const s=(0,e.useNotification)();return(0,se.useQuery)(["list-marketplace-providers",o],()=>Ve(o),{onSuccess(){n&&n()},onError(){s({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};var Ge=Object.defineProperty,Ue=Object.defineProperties,Qe=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertySymbols,We=Object.prototype.hasOwnProperty,Ye=Object.prototype.propertyIsEnumerable,ce=(n,o,s)=>o in n?Ge(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,Ze=(n,o)=>{for(var s in o||(o={}))We.call(o,s)&&ce(n,s,o[s]);if(ie)for(var s of ie(o))Ye.call(o,s)&&ce(n,s,o[s]);return n},Ke=(n,o)=>Ue(n,Qe(o)),Je=(n,o,s)=>new Promise((g,m)=>{var y=h=>{try{d(s.next(h))}catch(E){m(E)}},v=h=>{try{d(s.throw(h))}catch(E){m(E)}},d=h=>h.done?g(h.value):Promise.resolve(h.value).then(y,v);d((s=s.apply(n,o)).next())});const Xe="https://market-api.strapi.io",qe=(...n)=>Je(void 0,[...n],function*(o={}){const{data:s}=yield le().get(`${Xe}/plugins`,{params:o});return Ke(Ze({},s),{data:s.data.filter(m=>m.attributes.strapiCompatibility==="v4")})}),_e=(n,o)=>{const s=(0,e.useNotification)();return(0,se.useQuery)(["list-marketplace-plugins",o],()=>qe(o),{onSuccess(){n&&n()},onError(){s({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};var et=i(83983);const tt=i.p+"9d5d788027e86620c234.svg",at=()=>{const n=typeof navigator!="undefined"&&typeof navigator.onLine=="boolean"?navigator.onLine:!0,[o,s]=(0,t.useState)(n),g=()=>s(!0),m=()=>s(!1);return(0,t.useEffect)(()=>(window.addEventListener("online",g),window.addEventListener("offline",m),()=>{window.removeEventListener("online",g),window.removeEventListener("offline",m)}),[]),o};var nt=i(28992),rt=i.n(nt),ot=i(82372),ue=i.n(ot);const st=()=>{const{formatMessage:n}=(0,p.useIntl)(),{trackUsage:o}=(0,e.useTracking)();return t.createElement("a",{href:"https://strapi.canny.io/plugin-requests",target:"_blank",rel:"noopener noreferrer nofollow",style:{textDecoration:"none"},onClick:()=>o("didMissMarketplacePlugin")},t.createElement(e.ContentBox,{title:n({id:"admin.pages.MarketPlacePage.missingPlugin.title",defaultMessage:"Documentation"}),subtitle:n({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:t.createElement(rt(),null),iconBackground:"alternative100",endAction:t.createElement(B.Icon,{as:ue(),color:"neutral600",width:3,height:3,marginLeft:2})}))};var de=i(78330),lt=i(24443),it=i.n(lt),H=i(90662),G=i(44826),ct=i(14356),ut=i.n(ct),dt=i(47750),pt=i(88677),gt=i.n(pt),mt=i(54678),pe=i.n(mt),U=i(44526),ft=i(68192),ge=i.n(ft);const D=({description:n,installMessage:o,disabled:s,handleCopy:g,pluginName:m})=>t.createElement(G.Tooltip,{"data-testid":`tooltip-${m}`,description:n},t.createElement(u.Box,null,t.createElement(U.Button,{size:"S",startIcon:t.createElement(ge(),null),variant:"secondary",disabled:s,onClick:g},o))),Q=({strapiPeerDepVersion:n,strapiAppVersion:o,handleCopy:s,pluginName:g})=>{const{formatMessage:m}=(0,p.useIntl)(),y=pe().validRange(n),v=pe().satisfies(o,y),d=m({id:"admin.pages.MarketPlacePage.plugin.copy",defaultMessage:"Copy install command"});if(o){if(!y)return t.createElement(D,{installMessage:d,pluginName:g,description:m({id:"admin.pages.MarketPlacePage.plugin.version.null",defaultMessage:'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"'},{strapiAppVersion:o}),handleCopy:s});if(!v)return t.createElement(D,{installMessage:d,pluginName:g,description:m({id:"admin.pages.MarketPlacePage.plugin.version",defaultMessage:'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'},{strapiAppVersion:o,versionRange:y}),disabled:!0})}return t.createElement(U.Button,{size:"S",startIcon:t.createElement(ge(),null),variant:"secondary",onClick:s},d)};D.defaultProps={disabled:!1,handleCopy:null},D.propTypes={description:l().string.isRequired,installMessage:l().string.isRequired,disabled:l().bool,handleCopy:l().func,pluginName:l().string.isRequired},Q.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},Q.propTypes={strapiAppVersion:l().string,strapiPeerDepVersion:l().string,handleCopy:l().func.isRequired,pluginName:l().string.isRequired};const vt=Q,W=({isInstalled:n,isInDevelopmentMode:o,commandToCopy:s,strapiAppVersion:g,strapiPeerDepVersion:m,pluginName:y})=>{const v=(0,e.useNotification)(),{formatMessage:d}=(0,p.useIntl)(),{trackUsage:h}=(0,e.useTracking)(),E=()=>{navigator.clipboard.writeText(s),h("willInstallPlugin"),v({type:"success",message:{id:"admin.pages.MarketPlacePage.plugin.copy.success"}})};return n?t.createElement(u.Box,{paddingLeft:4},t.createElement(B.Icon,{as:gt(),marginRight:2,width:12,height:12,color:"success600"}),t.createElement(T.Typography,{variant:"omega",textColor:"success600",fontWeight:"bold"},d({id:"admin.pages.MarketPlacePage.plugin.installed",defaultMessage:"Installed"}))):o?t.createElement(vt,{strapiAppVersion:g,strapiPeerDepVersion:m,handleCopy:E,pluginName:y}):null};W.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},W.propTypes={isInstalled:l().bool.isRequired,isInDevelopmentMode:l().bool.isRequired,commandToCopy:l().string.isRequired,strapiAppVersion:l().string,strapiPeerDepVersion:l().string,pluginName:l().string.isRequired};const ht=W;var Pt=i(27635),yt=i(62030),Et=i.n(yt),Mt=i(7650),bt=i.n(Mt),kt=i(49833),xt=i.n(kt);const St=(0,F.default)(Pt.Divider)`
5
5
  width: ${(0,e.pxToRem)(12)};
6
6
  transform: rotate(90deg);
7
7
  `,Y=({githubStars:n,npmDownloads:o,npmPackageType:s})=>{const{formatMessage:g}=(0,p.useIntl)();return t.createElement(H.Stack,{horizontal:!0,spacing:1},!!n&&t.createElement(t.Fragment,null,t.createElement(B.Icon,{as:Et(),height:(0,e.pxToRem)(12),width:(0,e.pxToRem)(12),"aria-hidden":!0}),t.createElement(B.Icon,{as:xt(),height:(0,e.pxToRem)(12),width:(0,e.pxToRem)(12),color:"warning500","aria-hidden":!0}),t.createElement("p",{"aria-label":g({id:`admin.pages.MarketPlacePage.${s}.githubStars`,defaultMessage:"This {package} was starred {starsCount} on GitHub"},{starsCount:n,package:s})},t.createElement(T.Typography,{variant:"pi",textColor:"neutral800",lineHeight:16},n)),t.createElement(St,{unsetMargin:!1,background:"neutral200"})),t.createElement(B.Icon,{as:bt(),height:(0,e.pxToRem)(12),width:(0,e.pxToRem)(12),"aria-hidden":!0}),t.createElement("p",{"aria-label":g({id:`admin.pages.MarketPlacePage.${s}.downloads`,defaultMessage:"This {package} has {downloadsCount} weekly downloads"},{downloadsCount:o,package:s})},t.createElement(T.Typography,{variant:"pi",textColor:"neutral800",lineHeight:16},o)))};Y.defaultProps={githubStars:0,npmDownloads:0},Y.propTypes={githubStars:l().number,npmDownloads:l().number,npmPackageType:l().string.isRequired};const Tt=Y,Rt=(0,F.default)(T.Typography)`
@@ -11,12 +11,12 @@
11
11
  -webkit-line-clamp: 2;
12
12
  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
13
13
  overflow: hidden;
14
- `,Z=({npmPackage:n,isInstalled:o,useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y})=>{const{attributes:v}=n,{formatMessage:d}=(0,p.useIntl)(),{trackUsage:h}=(0,e.useTracking)(),E=s?`yarn add ${v.npmPackageName}`:`npm install ${v.npmPackageName}`,x=d({id:"admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",defaultMessage:"Made by Strapi"}),N=`https://market.strapi.io/${it().plural(m)}/${v.slug}`;return t.createElement(R.Flex,{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"},t.createElement(u.Box,null,t.createElement(R.Flex,{direction:"row",justifyContent:"space-between",alignItems:"flex-start"},t.createElement(u.Box,{as:"img",src:v.logo.url,alt:`${v.name} logo`,hasRadius:!0,width:11,height:11}),t.createElement(Tt,{githubStars:v.githubStars,npmDownloads:v.npmDownloads,npmPackageType:m})),t.createElement(u.Box,{paddingTop:4},t.createElement(T.Typography,{as:"h3",variant:"delta"},t.createElement(R.Flex,{alignItems:"center"},v.name,v.validated&&!v.madeByStrapi&&t.createElement(G.Tooltip,{description:d({id:"admin.pages.MarketPlacePage.plugin.tooltip.verified",defaultMessage:"Plugin verified by Strapi"})},t.createElement(R.Flex,null,t.createElement(B.Icon,{as:ut(),marginLeft:2,color:"success600"}))),v.madeByStrapi&&t.createElement(G.Tooltip,{description:x},t.createElement(R.Flex,null,t.createElement(u.Box,{as:"img",src:dt,alt:x,marginLeft:1,width:6,height:"auto"})))))),t.createElement(u.Box,{paddingTop:2},t.createElement(Rt,{as:"p",variant:"omega",textColor:"neutral600"},v.description))),t.createElement(H.Stack,{horizontal:!0,spacing:2,style:{alignSelf:"flex-end"},paddingTop:6},t.createElement(re.LinkButton,{size:"S",href:N,isExternal:!0,endIcon:t.createElement(ue(),null),"aria-label":d({id:"admin.pages.MarketPlacePage.plugin.info.label",defaultMessage:"Learn more about {pluginName}"},{pluginName:v.name}),variant:"tertiary",onClick:()=>h("didPluginLearnMore")},d({id:"admin.pages.MarketPlacePage.plugin.info.text",defaultMessage:"More"})),t.createElement(ht,{isInstalled:o,isInDevelopmentMode:g,commandToCopy:E,strapiAppVersion:y,strapiPeerDepVersion:v.strapiVersion,pluginName:v.name})))};Z.defaultProps={isInDevelopmentMode:!1,strapiAppVersion:null},Z.propTypes={npmPackage:l().shape({id:l().string.isRequired,attributes:l().shape({name:l().string.isRequired,description:l().string.isRequired,slug:l().string.isRequired,npmPackageName:l().string.isRequired,npmPackageUrl:l().string.isRequired,repositoryUrl:l().string.isRequired,logo:l().object.isRequired,developerName:l().string.isRequired,validated:l().bool.isRequired,madeByStrapi:l().bool.isRequired,strapiCompatibility:l().oneOf(["v3","v4"]),strapiVersion:l().string,githubStars:l().number,npmDownloads:l().number}).isRequired}).isRequired,isInstalled:l().bool.isRequired,useYarn:l().bool.isRequired,isInDevelopmentMode:l().bool,npmPackageType:l().string.isRequired,strapiAppVersion:l().string};const Ot=Z,K=({npmPackages:n,installedPackageNames:o,useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y})=>{const v=(0,t.useCallback)(d=>o.includes(d),[o]);return t.createElement(de.Grid,{gap:4},n.map(d=>t.createElement(de.GridItem,{col:4,s:6,xs:12,style:{height:"100%"},key:d.id},t.createElement(Ot,{npmPackage:d,isInstalled:v(d.attributes.npmPackageName),useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y}))))};K.defaultProps={installedPackageNames:[],strapiAppVersion:null},K.propTypes={npmPackages:l().array.isRequired,installedPackageNames:l().arrayOf(l().string),useYarn:l().bool.isRequired,isInDevelopmentMode:l().bool.isRequired,npmPackageType:l().string.isRequired,strapiAppVersion:l().string};const me=K;var A=i(25716);const Ct=(0,F.default)(u.Box)`
14
+ `,Z=({npmPackage:n,isInstalled:o,useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y})=>{const{attributes:v}=n,{formatMessage:d}=(0,p.useIntl)(),{trackUsage:h}=(0,e.useTracking)(),E=s?`yarn add ${v.npmPackageName}`:`npm install ${v.npmPackageName}`,x=d({id:"admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",defaultMessage:"Made by Strapi"}),L=`https://market.strapi.io/${it().plural(m)}/${v.slug}`;return t.createElement(R.Flex,{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"},t.createElement(u.Box,null,t.createElement(R.Flex,{direction:"row",justifyContent:"space-between",alignItems:"flex-start"},t.createElement(u.Box,{as:"img",src:v.logo.url,alt:`${v.name} logo`,hasRadius:!0,width:11,height:11}),t.createElement(Tt,{githubStars:v.githubStars,npmDownloads:v.npmDownloads,npmPackageType:m})),t.createElement(u.Box,{paddingTop:4},t.createElement(T.Typography,{as:"h3",variant:"delta"},t.createElement(R.Flex,{alignItems:"center"},v.name,v.validated&&!v.madeByStrapi&&t.createElement(G.Tooltip,{description:d({id:"admin.pages.MarketPlacePage.plugin.tooltip.verified",defaultMessage:"Plugin verified by Strapi"})},t.createElement(R.Flex,null,t.createElement(B.Icon,{as:ut(),marginLeft:2,color:"success600"}))),v.madeByStrapi&&t.createElement(G.Tooltip,{description:x},t.createElement(R.Flex,null,t.createElement(u.Box,{as:"img",src:dt,alt:x,marginLeft:1,width:6,height:"auto"})))))),t.createElement(u.Box,{paddingTop:2},t.createElement(Rt,{as:"p",variant:"omega",textColor:"neutral600"},v.description))),t.createElement(H.Stack,{horizontal:!0,spacing:2,style:{alignSelf:"flex-end"},paddingTop:6},t.createElement(re.LinkButton,{size:"S",href:L,isExternal:!0,endIcon:t.createElement(ue(),null),"aria-label":d({id:"admin.pages.MarketPlacePage.plugin.info.label",defaultMessage:"Learn more about {pluginName}"},{pluginName:v.name}),variant:"tertiary",onClick:()=>h("didPluginLearnMore")},d({id:"admin.pages.MarketPlacePage.plugin.info.text",defaultMessage:"More"})),t.createElement(ht,{isInstalled:o,isInDevelopmentMode:g,commandToCopy:E,strapiAppVersion:y,strapiPeerDepVersion:v.strapiVersion,pluginName:v.name})))};Z.defaultProps={isInDevelopmentMode:!1,strapiAppVersion:null},Z.propTypes={npmPackage:l().shape({id:l().string.isRequired,attributes:l().shape({name:l().string.isRequired,description:l().string.isRequired,slug:l().string.isRequired,npmPackageName:l().string.isRequired,npmPackageUrl:l().string.isRequired,repositoryUrl:l().string.isRequired,logo:l().object.isRequired,developerName:l().string.isRequired,validated:l().bool.isRequired,madeByStrapi:l().bool.isRequired,strapiCompatibility:l().oneOf(["v3","v4"]),strapiVersion:l().string,githubStars:l().number,npmDownloads:l().number}).isRequired}).isRequired,isInstalled:l().bool.isRequired,useYarn:l().bool.isRequired,isInDevelopmentMode:l().bool,npmPackageType:l().string.isRequired,strapiAppVersion:l().string};const Ot=Z,K=({npmPackages:n,installedPackageNames:o,useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y})=>{const v=(0,t.useCallback)(d=>o.includes(d),[o]);return t.createElement(de.Grid,{gap:4},n.map(d=>t.createElement(de.GridItem,{col:4,s:6,xs:12,style:{height:"100%"},key:d.id},t.createElement(Ot,{npmPackage:d,isInstalled:v(d.attributes.npmPackageName),useYarn:s,isInDevelopmentMode:g,npmPackageType:m,strapiAppVersion:y}))))};K.defaultProps={installedPackageNames:[],strapiAppVersion:null},K.propTypes={npmPackages:l().array.isRequired,installedPackageNames:l().arrayOf(l().string),useYarn:l().bool.isRequired,isInDevelopmentMode:l().bool.isRequired,npmPackageType:l().string.isRequired,strapiAppVersion:l().string};const me=K;var A=i(25716);const Ct=(0,F.default)(u.Box)`
15
15
  font-weight: ${({theme:n})=>n.fontWeights.semiBold};
16
16
 
17
17
  span {
18
18
  font-size: ${({theme:n})=>n.fontSizes[1]};
19
19
  }
20
- `,fe=({sortQuery:n,handleSelectChange:o})=>{const{formatMessage:s}=(0,p.useIntl)(),g={"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"}}};return t.createElement(Ct,null,t.createElement(A.Select,{size:"S",id:"sort-by-select",value:n,customizeContent:()=>s(g[n].selected),onChange:m=>{o({sort:m})}},Object.entries(g).map(([m,y])=>t.createElement(A.Option,{key:m,value:m},s(y.option)))))};fe.propTypes={sortQuery:l().string.isRequired,handleSelectChange:l().func.isRequired};const jt=fe;var Bt=i(14982),It=i(94009),wt=i.n(It),Nt=i(23899),Lt=i.n(Nt),Ft=i(37853),Dt=i(54742);const ve=({message:n,value:o,onChange:s,possibleFilters:g,onClear:m,customizeContent:y})=>{const v=(d,h)=>`${d} (${h})`;return t.createElement(A.Select,{"aria-label":n,placeholder:n,size:"M",onChange:s,onClear:m,value:o,customizeContent:y,multi:!0},Object.entries(g).map(([d,h])=>t.createElement(A.Option,{key:d,value:d},v(d,h))))};ve.propTypes={message:l().string.isRequired,value:l().array.isRequired,onChange:l().func.isRequired,possibleFilters:l().object.isRequired,onClear:l().func.isRequired,customizeContent:l().func.isRequired};const he=ve,Pe=({source:n,onToggle:o,query:s,npmPackageType:g,possibleCategories:m,possibleCollections:y,handleSelectChange:v,handleSelectClear:d})=>{const{formatMessage:h}=(0,p.useIntl)();return t.createElement(Ft.Popover,{source:n,padding:3,spacing:4,onBlur:()=>{}},t.createElement(Dt.FocusTrap,{onEscape:o},t.createElement(H.Stack,{spacing:1},t.createElement(u.Box,null,t.createElement(he,{message:h({id:"admin.pages.MarketPlacePage.filters.collections",defaultMessage:"Collections"}),value:(s==null?void 0:s.collections)||[],onChange:E=>{v({collections:E})},onClear:()=>d("collections"),possibleFilters:y,customizeContent:E=>h({id:"admin.pages.MarketPlacePage.filters.collectionsSelected",defaultMessage:"{count, plural, =0 {No collections} one {# collection} other {# collections}} selected"},{count:E.length})})),g==="plugin"&&t.createElement(u.Box,null,t.createElement(he,{message:h({id:"admin.pages.MarketPlacePage.filters.categories",defaultMessage:"Categories"}),value:(s==null?void 0:s.categories)||[],onChange:E=>{v({categories:E})},onClear:()=>d("categories"),possibleFilters:m,customizeContent:E=>h({id:"admin.pages.MarketPlacePage.filters.categoriesSelected",defaultMessage:"{count, plural, =0 {No categories} one {# category} other {# categories}} selected"},{count:E.length}),name:"categories"})))))};Pe.propTypes={onToggle:l().func.isRequired,source:l().shape({current:l().instanceOf(Element)}).isRequired,query:l().object.isRequired,npmPackageType:l().oneOf(["plugin","provider"]).isRequired,possibleCollections:l().object.isRequired,possibleCategories:l().object.isRequired,handleSelectChange:l().func.isRequired,handleSelectClear:l().func.isRequired};const At=Pe,J=({name:n,handleRemove:o})=>t.createElement(u.Box,{padding:1},t.createElement(Bt.Tag,{icon:t.createElement(wt(),null),onClick:o},n)),zt=(0,F.default)(U.Button)`
20
+ `,fe=({sortQuery:n,handleSelectChange:o})=>{const{formatMessage:s}=(0,p.useIntl)(),g={"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"}}};return t.createElement(Ct,null,t.createElement(A.Select,{size:"S",id:"sort-by-select",value:n,customizeContent:()=>s(g[n].selected),onChange:m=>{o({sort:m})}},Object.entries(g).map(([m,y])=>t.createElement(A.Option,{key:m,value:m},s(y.option)))))};fe.propTypes={sortQuery:l().string.isRequired,handleSelectChange:l().func.isRequired};const jt=fe;var Bt=i(14982),It=i(94009),wt=i.n(It),Lt=i(23899),Nt=i.n(Lt),Ft=i(37853),Dt=i(54742);const ve=({message:n,value:o,onChange:s,possibleFilters:g,onClear:m,customizeContent:y})=>{const v=(d,h)=>`${d} (${h})`;return t.createElement(A.Select,{"data-testid":`${n}-button`,"aria-label":n,placeholder:n,size:"M",onChange:s,onClear:m,value:o,customizeContent:y,multi:!0},Object.entries(g).map(([d,h])=>t.createElement(A.Option,{"data-testid":`${d}-${h}`,key:d,value:d},v(d,h))))};ve.propTypes={message:l().string.isRequired,value:l().array.isRequired,onChange:l().func.isRequired,possibleFilters:l().object.isRequired,onClear:l().func.isRequired,customizeContent:l().func.isRequired};const he=ve,Pe=({source:n,onToggle:o,query:s,npmPackageType:g,possibleCategories:m,possibleCollections:y,handleSelectChange:v,handleSelectClear:d})=>{const{formatMessage:h}=(0,p.useIntl)();return t.createElement(Ft.Popover,{source:n,padding:3,spacing:4,onBlur:()=>{}},t.createElement(Dt.FocusTrap,{onEscape:o},t.createElement(H.Stack,{spacing:1},t.createElement(u.Box,null,t.createElement(he,{message:h({id:"admin.pages.MarketPlacePage.filters.collections",defaultMessage:"Collections"}),value:(s==null?void 0:s.collections)||[],onChange:E=>{v({collections:E})},onClear:()=>d("collections"),possibleFilters:y,customizeContent:E=>h({id:"admin.pages.MarketPlacePage.filters.collectionsSelected",defaultMessage:"{count, plural, =0 {No collections} one {# collection} other {# collections}} selected"},{count:E.length})})),g==="plugin"&&t.createElement(u.Box,null,t.createElement(he,{message:h({id:"admin.pages.MarketPlacePage.filters.categories",defaultMessage:"Categories"}),value:(s==null?void 0:s.categories)||[],onChange:E=>{v({categories:E})},onClear:()=>d("categories"),possibleFilters:m,customizeContent:E=>h({id:"admin.pages.MarketPlacePage.filters.categoriesSelected",defaultMessage:"{count, plural, =0 {No categories} one {# category} other {# categories}} selected"},{count:E.length}),name:"categories"})))))};Pe.propTypes={onToggle:l().func.isRequired,source:l().shape({current:l().instanceOf(Element)}).isRequired,query:l().object.isRequired,npmPackageType:l().oneOf(["plugin","provider"]).isRequired,possibleCollections:l().object.isRequired,possibleCategories:l().object.isRequired,handleSelectChange:l().func.isRequired,handleSelectClear:l().func.isRequired};const At=Pe,J=({name:n,handleRemove:o})=>t.createElement(u.Box,{padding:1},t.createElement(Bt.Tag,{icon:t.createElement(wt(),null),onClick:o},n)),$t=(0,F.default)(U.Button)`
21
21
  height: ${({theme:n})=>n.sizes.input.S};
22
- `,ye=({possibleCollections:n,possibleCategories:o,npmPackageType:s,query:g,handleSelectClear:m,handleSelectChange:y})=>{var v,d;const[h,E]=(0,t.useState)(!1),x=(0,t.useRef)(),{formatMessage:N}=(0,p.useIntl)(),z=()=>E(M=>!M),L=(M,O)=>{const V={[O]:g[O].filter(q=>q!==M)};y(V)};return t.createElement(t.Fragment,null,t.createElement(u.Box,{paddingTop:1,paddingBottom:1},t.createElement(zt,{variant:"tertiary",ref:x,startIcon:t.createElement(Lt(),null),onClick:z,size:"S"},N({id:"app.utils.filters",defaultMessage:"Filters"})),h&&t.createElement(At,{onToggle:z,source:x,query:g,handleSelectClear:m,handleSelectChange:y,possibleCollections:n,possibleCategories:o,npmPackageType:s})),(v=g.collections)==null?void 0:v.map(M=>t.createElement(J,{name:M,key:M,handleRemove:()=>L(M,"collections")})),s==="plugin"&&((d=g.categories)==null?void 0:d.map(M=>t.createElement(J,{name:M,key:M,handleRemove:()=>L(M,"categories")}))))};J.propTypes={name:l().string.isRequired,handleRemove:l().func.isRequired},ye.propTypes={npmPackageType:l().oneOf(["plugin","provider"]).isRequired,possibleCollections:l().object.isRequired,possibleCategories:l().object.isRequired,query:l().object.isRequired,handleSelectChange:l().func.isRequired,handleSelectClear:l().func.isRequired};const Vt=ye;var $t=Object.defineProperty,Ht=Object.defineProperties,Gt=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertySymbols,Ut=Object.prototype.hasOwnProperty,Qt=Object.prototype.propertyIsEnumerable,Me=(n,o,s)=>o in n?$t(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,I=(n,o)=>{for(var s in o||(o={}))Ut.call(o,s)&&Me(n,s,o[s]);if(Ee)for(var s of Ee(o))Qt.call(o,s)&&Me(n,s,o[s]);return n},X=(n,o)=>Ht(n,Gt(o));const be=(n,o)=>(0,r.ZP)(n,o,{keys:[{threshold:r.ZP.rankings.WORD_STARTS_WITH,key:"attributes.name"},{threshold:r.ZP.rankings.WORD_STARTS_WITH,key:"attributes.description"}],baseSort:(s,g)=>s.index<g.index?-1:1}),ke=()=>{const{formatMessage:n}=(0,p.useIntl)(),{trackUsage:o}=(0,e.useTracking)(),{notifyStatus:s}=(0,b.useNotifyAT)(),g=(0,t.useRef)(o),m=(0,e.useNotification)(),[y,v]=(0,t.useState)(""),[{query:d},h]=(0,e.useQueryParams)(),{autoReload:E,dependencies:x,useYarn:N,strapiVersion:z}=(0,e.useAppInfos)(),L=at(),M=(d==null?void 0:d.npmPackageType)||"plugin",[O,V]=(0,t.useState)({plugin:M==="plugin"?I({},d):{},provider:M==="provider"?I({},d):{}});(0,e.useFocusWhenNavigate)();const q=n({id:"global.marketplace",defaultMessage:"Marketplace"}),xe=()=>{s(n({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:q}))},{status:Se,data:Te}=He(xe,O.provider),{status:Re,data:_}=_e(xe,O.plugin),Yt=[Re,Se].includes("loading"),Zt=[Re,Se].includes("error");if((0,t.useEffect)(()=>{g.current("didGoToMarketplace")},[]),(0,t.useEffect)(()=>{E||m({type:"info",message:{id:"admin.pages.MarketPlacePage.production",defaultMessage:"Manage plugins from the development environment"},blockTransition:!0})},[m,E]),!L)return t.createElement(a.Layout,null,t.createElement(c.Main,null,t.createElement(oe,{isOnline:L}),t.createElement(R.Flex,{width:"100%",direction:"column",alignItems:"center",justifyContent:"center",style:{paddingTop:"120px"}},t.createElement(u.Box,{paddingBottom:2},t.createElement(T.Typography,{textColor:"neutral700",variant:"alpha"},n({id:"admin.pages.MarketPlacePage.offline.title",defaultMessage:"You are offline"}))),t.createElement(u.Box,{paddingBottom:6},t.createElement(T.Typography,{textColor:"neutral700",variant:"epsilon"},n({id:"admin.pages.MarketPlacePage.offline.subtitle",defaultMessage:"You need to be connected to the Internet to access Strapi Market."}))),t.createElement("img",{src:tt,alt:"offline",style:{width:"88px",height:"88px"}}))));if(Zt)return t.createElement(a.Layout,null,t.createElement(a.ContentLayout,null,t.createElement(u.Box,{paddingTop:8},t.createElement(e.AnErrorOccurred,null))));if(Yt)return t.createElement(a.Layout,null,t.createElement(c.Main,{"aria-busy":!0},t.createElement(e.LoadingIndicatorPage,null)));const ee=be(_.data,y),te=be(Te.data,y),Oe=n({id:"admin.pages.MarketPlacePage.search.empty",defaultMessage:'No result for "{target}"'},{target:y}),Kt=C=>{const k=C===0?"plugin":"provider",_t=O[k]&&Object.keys(O[k]).length;h(_t?X(I({},O[k]),{npmPackageType:k}):{npmPackageType:k,collections:[],categories:[],sort:"name:asc"})},Ce=C=>{h(C),V(k=>X(I({},k),{[M]:I(I({},k[M]),C)}))},Jt=C=>{h({[C]:[]},"remove"),V(k=>X(I({},k),{[M]:{}}))},je=Object.keys(x),Xt=M==="plugin"?_.meta.collections:Te.meta.collections,qt=_.meta.categories;return t.createElement(a.Layout,null,t.createElement(c.Main,null,t.createElement(f.Helmet,{title:n({id:"admin.pages.MarketPlacePage.helmet",defaultMessage:"Marketplace - Plugins"})}),t.createElement(oe,{isOnline:L,npmPackageType:M}),t.createElement(a.ContentLayout,null,t.createElement(u.Box,{width:"25%",paddingBottom:4},t.createElement(P.Searchbar,{name:"searchbar",onClear:()=>v(""),value:y,onChange:C=>v(C.target.value),clearLabel:n({id:"admin.pages.MarketPlacePage.search.clear",defaultMessage:"Clear the search"}),placeholder:n({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})},n({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"}))),t.createElement(j.TabGroup,{label:n({id:"admin.pages.MarketPlacePage.tab-group.label",defaultMessage:"Plugins and Providers for Strapi"}),id:"tabs",variant:"simple",initialSelectedTabIndex:["plugin","provider"].indexOf(M),onTabChange:Kt},t.createElement(u.Box,{paddingBottom:4},t.createElement(j.Tabs,null,t.createElement(j.Tab,null,n({id:"admin.pages.MarketPlacePage.plugins",defaultMessage:"Plugins"})," ","(",ee.length,")"),t.createElement(j.Tab,null,n({id:"admin.pages.MarketPlacePage.providers",defaultMessage:"Providers"})," ","(",te.length,")"))),t.createElement(R.Flex,{paddingBottom:4,gap:2},t.createElement(jt,{sortQuery:(d==null?void 0:d.sort)||"name:asc",handleSelectChange:Ce}),t.createElement(Vt,{npmPackageType:M,possibleCollections:Xt,possibleCategories:qt,query:d||{},handleSelectChange:Ce,handleSelectClear:Jt})),t.createElement(j.TabPanels,null,t.createElement(j.TabPanel,null,y.length>0&&!ee.length?t.createElement(ne,{content:Oe}):t.createElement(me,{npmPackages:ee,installedPackageNames:je,useYarn:N,isInDevelopmentMode:E,npmPackageType:"plugin",strapiAppVersion:z})),t.createElement(j.TabPanel,null,y.length>0&&!te.length?t.createElement(ne,{content:Oe}):t.createElement(me,{npmPackages:te,installedPackageNames:je,useYarn:N,isInDevelopmentMode:E,npmPackageType:"provider"})))),t.createElement(u.Box,{paddingTop:7},t.createElement(st,null)))))},Wt=()=>t.createElement(e.CheckPagePermissions,{permissions:et.Z.marketplace.main},t.createElement(ke,null))}}]);
22
+ `,ye=({possibleCollections:n,possibleCategories:o,npmPackageType:s,query:g,handleSelectClear:m,handleSelectChange:y})=>{var v,d;const[h,E]=(0,t.useState)(!1),x=(0,t.useRef)(),{formatMessage:L}=(0,p.useIntl)(),$=()=>E(M=>!M),N=(M,O)=>{const z={[O]:g[O].filter(q=>q!==M)};y(z)};return t.createElement(t.Fragment,null,t.createElement(u.Box,{paddingTop:1,paddingBottom:1},t.createElement($t,{variant:"tertiary",ref:x,"data-testid":"filters-button",startIcon:t.createElement(Nt(),null),onClick:$,size:"S"},L({id:"app.utils.filters",defaultMessage:"Filters"})),h&&t.createElement(At,{onToggle:$,source:x,query:g,handleSelectClear:m,handleSelectChange:y,possibleCollections:n,possibleCategories:o,npmPackageType:s})),(v=g.collections)==null?void 0:v.map(M=>t.createElement(J,{name:M,key:M,handleRemove:()=>N(M,"collections")})),s==="plugin"&&((d=g.categories)==null?void 0:d.map(M=>t.createElement(J,{name:M,key:M,handleRemove:()=>N(M,"categories")}))))};J.propTypes={name:l().string.isRequired,handleRemove:l().func.isRequired},ye.propTypes={npmPackageType:l().oneOf(["plugin","provider"]).isRequired,possibleCollections:l().object.isRequired,possibleCategories:l().object.isRequired,query:l().object.isRequired,handleSelectChange:l().func.isRequired,handleSelectClear:l().func.isRequired};const zt=ye;var Vt=Object.defineProperty,Ht=Object.defineProperties,Gt=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertySymbols,Ut=Object.prototype.hasOwnProperty,Qt=Object.prototype.propertyIsEnumerable,Me=(n,o,s)=>o in n?Vt(n,o,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[o]=s,I=(n,o)=>{for(var s in o||(o={}))Ut.call(o,s)&&Me(n,s,o[s]);if(Ee)for(var s of Ee(o))Qt.call(o,s)&&Me(n,s,o[s]);return n},X=(n,o)=>Ht(n,Gt(o));const be=(n,o)=>(0,r.ZP)(n,o,{keys:[{threshold:r.ZP.rankings.WORD_STARTS_WITH,key:"attributes.name"},{threshold:r.ZP.rankings.WORD_STARTS_WITH,key:"attributes.description"}],baseSort:(s,g)=>s.index<g.index?-1:1}),ke=()=>{const{formatMessage:n}=(0,p.useIntl)(),{trackUsage:o}=(0,e.useTracking)(),{notifyStatus:s}=(0,b.useNotifyAT)(),g=(0,t.useRef)(o),m=(0,e.useNotification)(),[y,v]=(0,t.useState)(""),[{query:d},h]=(0,e.useQueryParams)(),{autoReload:E,dependencies:x,useYarn:L,strapiVersion:$}=(0,e.useAppInfos)(),N=at(),M=(d==null?void 0:d.npmPackageType)||"plugin",[O,z]=(0,t.useState)({plugin:M==="plugin"?I({},d):{},provider:M==="provider"?I({},d):{}});(0,e.useFocusWhenNavigate)();const q=n({id:"global.marketplace",defaultMessage:"Marketplace"}),xe=()=>{s(n({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:q}))},{status:Se,data:Te}=He(xe,O.provider),{status:Re,data:_}=_e(xe,O.plugin),Yt=[Re,Se].includes("loading"),Zt=[Re,Se].includes("error");if((0,t.useEffect)(()=>{g.current("didGoToMarketplace")},[]),(0,t.useEffect)(()=>{E||m({type:"info",message:{id:"admin.pages.MarketPlacePage.production",defaultMessage:"Manage plugins from the development environment"},blockTransition:!0})},[m,E]),!N)return t.createElement(a.Layout,null,t.createElement(c.Main,null,t.createElement(oe,{isOnline:N}),t.createElement(R.Flex,{width:"100%",direction:"column",alignItems:"center",justifyContent:"center",style:{paddingTop:"120px"}},t.createElement(u.Box,{paddingBottom:2},t.createElement(T.Typography,{textColor:"neutral700",variant:"alpha"},n({id:"admin.pages.MarketPlacePage.offline.title",defaultMessage:"You are offline"}))),t.createElement(u.Box,{paddingBottom:6},t.createElement(T.Typography,{textColor:"neutral700",variant:"epsilon"},n({id:"admin.pages.MarketPlacePage.offline.subtitle",defaultMessage:"You need to be connected to the Internet to access Strapi Market."}))),t.createElement("img",{src:tt,alt:"offline",style:{width:"88px",height:"88px"}}))));if(Zt)return t.createElement(a.Layout,null,t.createElement(a.ContentLayout,null,t.createElement(u.Box,{paddingTop:8},t.createElement(e.AnErrorOccurred,null))));if(Yt)return t.createElement(a.Layout,null,t.createElement(c.Main,{"aria-busy":!0},t.createElement(e.LoadingIndicatorPage,null)));const ee=be(_.data,y),te=be(Te.data,y),Oe=n({id:"admin.pages.MarketPlacePage.search.empty",defaultMessage:'No result for "{target}"'},{target:y}),Kt=C=>{const k=C===0?"plugin":"provider",_t=O[k]&&Object.keys(O[k]).length;h(_t?X(I({},O[k]),{npmPackageType:k}):{npmPackageType:k,collections:[],categories:[],sort:"name:asc"})},Ce=C=>{h(C),z(k=>X(I({},k),{[M]:I(I({},k[M]),C)}))},Jt=C=>{h({[C]:[]},"remove"),z(k=>X(I({},k),{[M]:{}}))},je=Object.keys(x),Xt=M==="plugin"?_.meta.collections:Te.meta.collections,qt=_.meta.categories;return t.createElement(a.Layout,null,t.createElement(c.Main,null,t.createElement(f.Helmet,{title:n({id:"admin.pages.MarketPlacePage.helmet",defaultMessage:"Marketplace - Plugins"})}),t.createElement(oe,{isOnline:N,npmPackageType:M}),t.createElement(a.ContentLayout,null,t.createElement(u.Box,{width:"25%",paddingBottom:4},t.createElement(P.Searchbar,{name:"searchbar",onClear:()=>v(""),value:y,onChange:C=>v(C.target.value),clearLabel:n({id:"admin.pages.MarketPlacePage.search.clear",defaultMessage:"Clear the search"}),placeholder:n({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"})},n({id:"admin.pages.MarketPlacePage.search.placeholder",defaultMessage:"Search"}))),t.createElement(j.TabGroup,{label:n({id:"admin.pages.MarketPlacePage.tab-group.label",defaultMessage:"Plugins and Providers for Strapi"}),id:"tabs",variant:"simple",initialSelectedTabIndex:["plugin","provider"].indexOf(M),onTabChange:Kt},t.createElement(u.Box,{paddingBottom:4},t.createElement(j.Tabs,null,t.createElement(j.Tab,null,n({id:"admin.pages.MarketPlacePage.plugins",defaultMessage:"Plugins"})," ","(",ee.length,")"),t.createElement(j.Tab,null,n({id:"admin.pages.MarketPlacePage.providers",defaultMessage:"Providers"})," ","(",te.length,")"))),t.createElement(R.Flex,{paddingBottom:4,gap:2},t.createElement(jt,{sortQuery:(d==null?void 0:d.sort)||"name:asc",handleSelectChange:Ce}),t.createElement(zt,{npmPackageType:M,possibleCollections:Xt,possibleCategories:qt,query:d||{},handleSelectChange:Ce,handleSelectClear:Jt})),t.createElement(j.TabPanels,null,t.createElement(j.TabPanel,null,y.length>0&&!ee.length?t.createElement(ne,{content:Oe}):t.createElement(me,{npmPackages:ee,installedPackageNames:je,useYarn:L,isInDevelopmentMode:E,npmPackageType:"plugin",strapiAppVersion:$})),t.createElement(j.TabPanel,null,y.length>0&&!te.length?t.createElement(ne,{content:Oe}):t.createElement(me,{npmPackages:te,installedPackageNames:je,useYarn:L,isInDevelopmentMode:E,npmPackageType:"provider"})))),t.createElement(u.Box,{paddingTop:7},t.createElement(st,null)))))},Wt=()=>t.createElement(e.CheckPagePermissions,{permissions:et.Z.marketplace.main},t.createElement(ke,null))}}]);
@@ -12,7 +12,7 @@
12
12
  }
13
13
  `,xe=({onSubmit:Y,schema:Ke})=>{const[ce,qe]=(0,a.useState)(!1),[De,it]=(0,a.useState)(!1),{formatMessage:re}=(0,P.useIntl)();return a.createElement(A.ZP,null,a.createElement(te.Main,null,a.createElement(A.bU,null,a.createElement(D.Formik,{enableReinitialize:!0,initialValues:{password:"",confirmPassword:""},onSubmit:Y,validationSchema:Ke,validateOnChange:!1},({values:$e,errors:fe,handleChange:ze})=>a.createElement(c.Form,{noValidate:!0},a.createElement(A.sg,null,a.createElement(k.Z,null),a.createElement(x.Box,{paddingTop:6,paddingBottom:7},a.createElement(w.Typography,{as:"h1",variant:"alpha"},re({id:"global.reset-password",defaultMessage:"Reset password"}))),fe.errorMessage&&a.createElement(w.Typography,{id:"global-form-error",role:"alert",tabIndex:-1,textColor:"danger600"},re({id:fe.errorMessage,defaultMessage:"An error occurred"}))),a.createElement(Z.Stack,{spacing:6},a.createElement(de,{name:"password",onChange:ze,value:$e.password,error:fe.password?re({id:fe.password,defaultMessage:"This field is required."}):void 0,endAction:a.createElement(I.Z,{onClick:pt=>{pt.preventDefault(),qe(Ve=>!Ve)},label:re(ce?{id:"Auth.form.password.show-password",defaultMessage:"Show password"}:{id:"Auth.form.password.hide-password",defaultMessage:"Hide password"})},ce?a.createElement(_(),null):a.createElement(q(),null)),hint:re({id:"Auth.form.password.hint",defaultMessage:"Password must contain at least 8 characters, 1 uppercase, 1 lowercase and 1 number"}),required:!0,label:re({id:"global.password",defaultMessage:"Password"}),type:ce?"text":"password"}),a.createElement(de,{name:"confirmPassword",onChange:ze,value:$e.confirmPassword,error:fe.confirmPassword?re({id:fe.confirmPassword,defaultMessage:"This value is required."}):void 0,endAction:a.createElement(I.Z,{onClick:pt=>{pt.preventDefault(),it(Ve=>!Ve)},label:re(ce?{id:"Auth.form.password.show-password",defaultMessage:"Show password"}:{id:"Auth.form.password.hide-password",defaultMessage:"Hide password"})},De?a.createElement(_(),null):a.createElement(q(),null)),required:!0,label:re({id:"Auth.form.confirmPassword.label",defaultMessage:"Confirmation Password"}),type:De?"text":"password"}),a.createElement(L.Button,{fullwidth:!0,type:"submit"},re({id:"global.change-password",defaultMessage:"Change password"})))))),a.createElement(X.Flex,{justifyContent:"center"},a.createElement(x.Box,{paddingTop:4},a.createElement(c.Link,{to:"/auth/login"},re({id:"Auth.link.ready",defaultMessage:"Ready to sign in?"}))))))};xe.defaultProps={onSubmit:Y=>Y.preventDefault()},xe.propTypes={onSubmit:C().func,schema:C().shape({type:C().string.isRequired}).isRequired};const Dt=xe;var Ne=function(){return window&&window.strapi&&window.strapi.isEE?e(98768).Z:e(5365).Z}(),Lt={"forgot-password":{Component:H,endPoint:"forgot-password",fieldsToDisable:[],fieldsToOmit:[],schema:t.Ry().shape({email:t.Z_().email(c.translatedErrors.email).required(c.translatedErrors.required)}),inputsPrefix:""},"forgot-password-success":{Component:g,endPoint:"",fieldsToDisable:[],fieldsToOmit:[],schema:null,inputsPrefix:""},login:{Component:Ne,endPoint:"login",fieldsToDisable:[],fieldsToOmit:["rememberMe"],schema:t.Ry().shape({email:t.Z_().email(c.translatedErrors.email).required(c.translatedErrors.required),password:t.Z_().required(c.translatedErrors.required),rememberMe:t.Xg().nullable()}),inputsPrefix:""},oops:{Component:Q,endPoint:null,fieldsToDisable:[],fieldsToOmit:[],schema:null,inputsPrefix:""},register:{Component:N,endPoint:"register",fieldsToDisable:["email"],fieldsToOmit:["userInfo.confirmPassword","userInfo.news","userInfo.email"],schema:t.Ry().shape({firstname:t.Z_().trim().required(c.translatedErrors.required),lastname:t.Z_(),password:t.Z_().min(8,c.translatedErrors.minLength).matches(/[a-z]/,"components.Input.error.contain.lowercase").matches(/[A-Z]/,"components.Input.error.contain.uppercase").matches(/\d/,"components.Input.error.contain.number").required(c.translatedErrors.required),confirmPassword:t.Z_().oneOf([t.iH("password"),null],"components.Input.error.password.noMatch").required(c.translatedErrors.required),registrationToken:t.Z_().required(c.translatedErrors.required)}),inputsPrefix:"userInfo."},"register-admin":{Component:N,endPoint:"register-admin",noSignin:!0,fieldsToDisable:[],fieldsToOmit:["confirmPassword","news"],schema:t.Ry().shape({firstname:t.Z_().trim().required(c.translatedErrors.required),lastname:t.Z_(),password:t.Z_().min(8,c.translatedErrors.minLength).matches(/[a-z]/,"components.Input.error.contain.lowercase").matches(/[A-Z]/,"components.Input.error.contain.uppercase").matches(/\d/,"components.Input.error.contain.number").required(c.translatedErrors.required),email:t.Z_().email(c.translatedErrors.email).strict().lowercase(c.translatedErrors.lowercase).required(c.translatedErrors.required),confirmPassword:t.Z_().oneOf([t.iH("password"),null],"components.Input.error.password.noMatch").required(c.translatedErrors.required)}),inputsPrefix:""},"reset-password":{Component:Dt,endPoint:"reset-password",fieldsToDisable:[],fieldsToOmit:["confirmPassword"],schema:t.Ry().shape({password:t.Z_().min(8,c.translatedErrors.minLength).matches(/[a-z]/,"components.Input.error.contain.lowercase").matches(/[A-Z]/,"components.Input.error.contain.uppercase").matches(/\d/,"components.Input.error.contain.number").required(c.translatedErrors.required),confirmPassword:t.Z_().oneOf([t.iH("password"),null],"components.Input.error.password.noMatch").required(c.translatedErrors.required)})}};const gt=Lt},83983:(V,S,e)=>{"use strict";e.d(S,{Z:()=>C});var t=e(92891);const a={contentManager:{main:[],collectionTypesConfigurations:[{action:"plugin::content-manager.collection-types.configure-view",subject:null}],componentsConfigurations:[{action:"plugin::content-manager.components.configure-layout",subject:null}],singleTypesConfigurations:[{action:"plugin::content-manager.single-types.configure-view",subject:null}]},marketplace:{main:[{action:"admin::marketplace.read",subject:null},{action:"admin::marketplace.plugins.install",subject:null},{action:"admin::marketplace.plugins.uninstall",subject:null}],install:[{action:"admin::marketplace.plugins.install",subject:null}],read:[{action:"admin::marketplace.read",subject:null},{action:"admin::marketplace.plugins.uninstall",subject:null}],uninstall:[{action:"admin::marketplace.plugins.uninstall",subject:null}]},settings:{roles:{main:[{action:"admin::roles.create",subject:null},{action:"admin::roles.update",subject:null},{action:"admin::roles.read",subject:null},{action:"admin::roles.delete",subject:null}],create:[{action:"admin::roles.create",subject:null}],delete:[{action:"admin::roles.delete",subject:null}],read:[{action:"admin::roles.read",subject:null}],update:[{action:"admin::roles.update",subject:null}]},users:{main:[{action:"admin::users.create",subject:null},{action:"admin::users.read",subject:null},{action:"admin::users.update",subject:null},{action:"admin::users.delete",subject:null}],create:[{action:"admin::users.create",subject:null}],delete:[{action:"admin::users.delete",subject:null}],read:[{action:"admin::users.read",subject:null}],update:[{action:"admin::users.update",subject:null}]},webhooks:{main:[{action:"admin::webhooks.create",subject:null},{action:"admin::webhooks.read",subject:null},{action:"admin::webhooks.update",subject:null},{action:"admin::webhooks.delete",subject:null}],create:[{action:"admin::webhooks.create",subject:null}],delete:[{action:"admin::webhooks.delete",subject:null}],read:[{action:"admin::webhooks.read",subject:null},{action:"admin::webhooks.update",subject:null},{action:"admin::webhooks.delete",subject:null}],update:[{action:"admin::webhooks.update",subject:null}]},"api-tokens":{main:[{action:"admin::api-tokens.access",subject:null}],create:[{action:"admin::api-tokens.create",subject:null}],delete:[{action:"admin::api-tokens.delete",subject:null}],read:[{action:"admin::api-tokens.read",subject:null}],update:[{action:"admin::api-tokens.update",subject:null}],regenerate:[{action:"admin::api-tokens.regenerate",subject:null}]}}};var P=function(){return window&&window.strapi&&window.strapi.isEE?e(99568).Z:e(26123).Z}(),M=(0,t.merge)(a,P);const C=M},12490:(V,S,e)=>{"use strict";e.r(S),e.d(S,{default:()=>ar});var t=e(32735),c=e(5141),a=e(10345),P=e(86349),M=e.n(P),C=e(88423),x=e.n(C),Z=e(93839),te=e.n(Z),X=e(56784),L=e.n(X),K=e(99357),w=e(17247),D=e(13055);const k=i=>(0,D.combineReducers)(i),H=(i,n)=>{let r=D.compose;const p=[];return i.forEach(h=>{p.push(h())}),(0,D.createStore)(k(n),{},r((0,D.applyMiddleware)(...p)))};var ae=e(20284),g=e(88425),se=e(43653),Q=e.n(se),me=e(16540),Ie=e(5636),be=e(60216),u=e.n(be),Je=Object.defineProperty,je=Object.getOwnPropertySymbols,pe=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable,ye=(i,n,r)=>n in i?Je(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,we=(i,n)=>{for(var r in n||(n={}))pe.call(n,r)&&ye(i,r,n[r]);if(je)for(var r of je(n))ie.call(n,r)&&ye(i,r,n[r]);return i},le=(i,n)=>{var r={};for(var p in i)pe.call(i,p)&&n.indexOf(p)<0&&(r[p]=i[p]);if(i!=null&&je)for(var p of je(i))n.indexOf(p)<0&&ie.call(i,p)&&(r[p]=i[p]);return r};const q=i=>{var n=i,{component:r,path:p}=n,h=le(n,["component","path"]);const{pathname:v,search:d}=(0,c.useLocation)();return t.createElement(c.Route,{path:p,render:m=>g.auth.getToken()!==null?t.createElement(r,we(we({},h),m)):t.createElement(c.Redirect,{to:{pathname:"/auth/login",search:v!=="/"&&`?redirectTo=${encodeURIComponent(`${v}${d}`)}`}})})};q.propTypes={component:u().any.isRequired,path:u().string.isRequired};const ne=(0,t.memo)(q);var _=e(7602),I=e(20011),B=e(47169),Pe=e(18950),$=e(92577),Ce=e(82726),ue=e(72975),N=e.n(ue),de=e(39935),xe=e.n(de),Dt=e(33795),Ne=e.n(Dt),Lt=e(9086),gt=e.n(Lt);const Y="GUIDED_TOUR_CURRENT_STEP",Ke="GUIDED_TOUR_COMPLETED_STEPS",ce="GUIDED_TOUR_SKIPPED",qe=JSON.parse,De=JSON.stringify,re={clear(){localStorage.removeItem(Y),localStorage.removeItem(Ke)},addCompletedStep(i){var n;const r=((n=qe(localStorage.getItem(Ke)))==null?void 0:n.slice())||[];r.includes(i)||(r.push(i),localStorage.setItem(Ke,De(r)))},addCurrentStep(i){localStorage.setItem(Y,De(i))},setSkipped(i){localStorage.setItem(ce,De(i))},get(i){return qe(localStorage.getItem(i))}};var $e=e(20139),fe=e(41832);const pt=i=>i;var Ve=e(49415),It=e(92891);const ht={formErrors:{},modifiedData:{},requestError:null},bt=(i,n)=>(0,Ve.default)(i,r=>{switch(n.type){case"ON_CHANGE":{(0,It.set)(r.modifiedData,n.keys.split("."),n.value);break}case"RESET_PROPS":return ht;case"SET_DATA":{r.modifiedData=n.data;break}case"SET_ERRORS":{r.formErrors=n.errors;break}case"SET_REQUEST_ERROR":{r.requestError={errorMessage:n.errorMessage,errorStatus:n.errorStatus};break}default:return r}});var jt=e(98399),Te=["Component","endPoint","fieldsToDisable","fieldsToOmit","inputsPrefix","schema"];function yt(i,n){var r=Object.keys(i);if(Object.getOwnPropertySymbols){var p=Object.getOwnPropertySymbols(i);n&&(p=p.filter(function(h){return Object.getOwnPropertyDescriptor(i,h).enumerable})),r.push.apply(r,p)}return r}function st(i){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?yt(Object(r),!0).forEach(function(p){(0,B.Z)(i,p,r[p])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(r)):yt(Object(r)).forEach(function(p){Object.defineProperty(i,p,Object.getOwnPropertyDescriptor(r,p))})}return i}var ke=function(){return window&&window.strapi&&window.strapi.isEE?e(7277).Z:e(78834).Z}(),Oe=function(n){var r=n.hasAdmin,p=n.setHasAdmin,h=(0,c.useHistory)(),v=h.push,d=h.location.search,m=(0,$e.Z)(),E=m.changeLocale,y=(0,g.useGuidedTour)(),ee=y.setSkipped,G=(0,g.useTracking)(),oe=G.trackUsage,z=(0,c.useRouteMatch)("/auth/:authType"),W=z.params.authType,J=(0,g.useQuery)(),Ee=Ne()(ke,W,{}),_e=Ee.Component,tt=Ee.endPoint,vt=Ee.fieldsToDisable,Vs=Ee.fieldsToOmit,ir=Ee.inputsPrefix,lr=Ee.schema,ur=(0,Ce.Z)(Ee,Te),dr=(0,t.useReducer)(bt,ht,pt),An=(0,$.Z)(dr,2),Xs=An[0],cr=Xs.formErrors,mr=Xs.modifiedData,pr=Xs.requestError,gs=An[1],fr=Q().CancelToken,Nt=fr.source();(0,t.useEffect)(function(){return function(){Nt.cancel("Component unmounted")}},[]),(0,t.useEffect)(function(){gs({type:"RESET_PROPS"})},[W]);var gr=function(Me){var ge=Me.target,Be=ge.name,ve=ge.value;gs({type:"ON_CHANGE",keys:Be,value:ve})},hr=function(){var rt=(0,Pe.Z)(N().mark(function Me(ge,Be){var ve,Ue,Ge,He;return N().wrap(function(Se){for(;;)switch(Se.prev=Se.next){case 0:if(ve=Be.setSubmitting,Ue=Be.setErrors,ve(!0),Ge=gt()(ge,Vs),He="/admin/".concat(tt),W!=="login"){Se.next=7;break}return Se.next=7,vr(ge,He,{setSubmitting:ve,setErrors:Ue});case 7:if(!(W==="register"||W==="register-admin")){Se.next=10;break}return Se.next=10,yr(ge,He,{setSubmitting:ve,setErrors:Ue});case 10:if(W!=="forgot-password"){Se.next=13;break}return Se.next=13,Er(Ge,He,{setSubmitting:ve,setErrors:Ue});case 13:if(W!=="reset-password"){Se.next=16;break}return Se.next=16,Pr(Ge,He,{setSubmitting:ve,setErrors:Ue});case 16:case"end":return Se.stop()}},Me)}));return function(ge,Be){return rt.apply(this,arguments)}}(),Er=function(){var rt=(0,Pe.Z)(N().mark(function Me(ge,Be,ve){var Ue,Ge;return N().wrap(function(he){for(;;)switch(he.prev=he.next){case 0:return Ue=ve.setSubmitting,Ge=ve.setErrors,he.prev=1,he.next=4,Q()({method:"POST",url:"".concat(strapi.backendURL).concat(Be),data:ge,cancelToken:Nt.token});case 4:v("/auth/forgot-password-success"),he.next=11;break;case 7:he.prev=7,he.t0=he.catch(1),jt.error(he.t0),Ge({errorMessage:"notification.error"});case 11:return he.prev=11,Ue(!1),he.finish(11);case 14:case"end":return he.stop()}},Me,null,[[1,7,11,14]])}));return function(ge,Be,ve){return rt.apply(this,arguments)}}(),vr=function(){var rt=(0,Pe.Z)(N().mark(function Me(ge,Be,ve){var Ue,Ge,He,he,Se,ot,at;return N().wrap(function(Ae){for(;;)switch(Ae.prev=Ae.next){case 0:return Ue=ve.setSubmitting,Ge=ve.setErrors,Ae.prev=1,Ae.next=4,Q()({method:"POST",url:"".concat(strapi.backendURL).concat(Be),data:gt()(ge,Vs),cancelToken:Nt.token});case 4:He=Ae.sent,he=He.data.data,Se=he.token,ot=he.user,ot.preferedLanguage&&E(ot.preferedLanguage),g.auth.setToken(Se,ge.rememberMe),g.auth.setUserInfo(ot,ge.rememberMe),Sn(),Ae.next=23;break;case 14:if(Ae.prev=14,Ae.t0=Ae.catch(1),!Ae.t0.response){Ae.next=23;break}if(at=Ne()(Ae.t0,["response","data","error","message"],"Something went wrong"),xe()(at).toLowerCase()!=="usernotactive"){Ae.next=22;break}return v("/auth/oops"),gs({type:"RESET_PROPS"}),Ae.abrupt("return");case 22:Ge({errorMessage:at});case 23:return Ae.prev=23,Ue(!1),Ae.finish(23);case 26:case"end":return Ae.stop()}},Me,null,[[1,14,23,26]])}));return function(ge,Be,ve){return rt.apply(this,arguments)}}(),yr=function(){var rt=(0,Pe.Z)(N().mark(function Me(ge,Be,ve){var Ue,Ge,He,he,Se,ot,at,Mt,Ae,Le;return N().wrap(function(Ye){for(;;)switch(Ye.prev=Ye.next){case 0:return Ue=ve.setSubmitting,Ge=ve.setErrors,Ye.prev=1,oe("willCreateFirstAdmin"),Ye.next=5,Q()({method:"POST",url:"".concat(strapi.backendURL).concat(Be),data:gt()(ge,Vs),cancelToken:Nt.token});case 5:if(He=Ye.sent,he=He.data.data,Se=he.token,ot=he.user,g.auth.setToken(Se,!1),g.auth.setUserInfo(ot,!1),Ue(!1),p(!0),at=ot.roles,at&&(Mt=at.find(function(Tr){var Or=Tr.code;return Or==="strapi-super-admin"}),Mt&&(re.setSkipped(!1),ee(!1),oe("didLaunchGuidedtour"))),!(W==="register"&&ge.userInfo.news===!0||W==="register-admin"&&ge.news===!0)){Ye.next=18;break}return v({pathname:"/usecase",search:"?hasAdmin=".concat(r)}),Ye.abrupt("return");case 18:Sn(),Ye.next=25;break;case 21:Ye.prev=21,Ye.t0=Ye.catch(1),oe("didNotCreateFirstAdmin"),Ye.t0.response&&(Ae=Ye.t0.response.data,Le=(0,fe.Z)(Ae),Ge({apiErrors:Le}));case 25:case"end":return Ye.stop()}},Me,null,[[1,21]])}));return function(ge,Be,ve){return rt.apply(this,arguments)}}(),Pr=function(){var rt=(0,Pe.Z)(N().mark(function Me(ge,Be,ve){var Ue,Ge,He,he,Se,ot,at,Mt;return N().wrap(function(Le){for(;;)switch(Le.prev=Le.next){case 0:return Ue=ve.setErrors,Ge=ve.setSubmitting,Le.prev=1,Le.next=4,Q()({method:"POST",url:"".concat(strapi.backendURL).concat(Be),data:st(st({},ge),{},{resetPasswordToken:J.get("code")}),cancelToken:Nt.token});case 4:He=Le.sent,he=He.data.data,Se=he.token,ot=he.user,g.auth.setToken(Se,!1),g.auth.setUserInfo(ot,!1),v("/"),Le.next=16;break;case 13:Le.prev=13,Le.t0=Le.catch(1),Le.t0.response&&(at=Ne()(Le.t0,["response","data","message"],"Something went wrong"),Mt=Ne()(Le.t0,["response","data","statusCode"],400),gs({type:"SET_REQUEST_ERROR",errorMessage:at,errorStatus:Mt}),Ue({errorMessage:at}));case 16:return Le.prev=16,Ge(!1),Le.finish(16);case 19:case"end":return Le.stop()}},Me,null,[[1,13,16,19]])}));return function(ge,Be,ve){return rt.apply(this,arguments)}}(),Sn=function(){if(W==="login"){var Me=J.get("redirectTo"),ge=Me?decodeURIComponent(Me):"/";v(ge)}else v("/")};return!ke[W]||r&&W==="register-admin"||g.auth.getToken()?t.createElement(c.Redirect,{to:"/"}):!r&&W!=="register-admin"?t.createElement(c.Redirect,{to:{pathname:"/auth/register-admin",search:d}}):t.createElement(_e,(0,I.Z)({},ur,{authType:W,fieldsToDisable:vt,formErrors:cr,inputsPrefix:ir,modifiedData:mr,onChange:gr,onSubmit:hr,requestError:pr,schema:lr}))};Oe.defaultProps={hasAdmin:!1},Oe.propTypes={hasAdmin:u().bool,setHasAdmin:u().func.isRequired};const Fe=Oe;var nt=e(53951),Xe=e(19615),Kt=e(77997),ft=e(19192),Et=e(9808),_t=e(90662),Bt=e(95602),Ut=e(25716),Qs=e(37178),hs=e(74201),Es=e(44526),Ys=e(10190),Zt=e(954);const Qe=[{intlLabel:{id:"Usecase.front-end",defaultMessage:"Front-end developer"},value:"front_end_developer"},{intlLabel:{id:"Usecase.back-end",defaultMessage:"Back-end developer"},value:"back_end_developer"},{intlLabel:{id:"Usecase.full-stack",defaultMessage:"Full-stack developer"},value:"full_stack_developer"},{intlLabel:{id:"global.content-manager",defaultMessage:"Content Manager"},value:"content_manager"},{intlLabel:{id:"Usecase.content-creator",defaultMessage:"Content Creator"},value:"content_creator"},{intlLabel:{id:"Usecase.other",defaultMessage:"Other"},value:"other"}],Gt=(0,Xe.default)(Bt.Typography)`
14
14
  text-align: center;
15
- `,vs=()=>{const i=(0,g.useNotification)(),{push:n,location:r}=(0,c.useHistory)(),{formatMessage:p}=(0,Ie.useIntl)(),[h,v]=(0,t.useState)(),[d,m]=(0,t.useState)(""),{firstname:E,email:y}=g.auth.getUserInfo(),{hasAdmin:ee}=(0,Kt.parse)(r==null?void 0:r.search,{ignoreQueryPrefix:!0}),G=h==="other",oe=z=>{try{Q()({method:"POST",url:"https://analytics.strapi.io/register",data:{email:y,username:E,firstAdmin:Boolean(!ee),persona:{role:z?void 0:h,otherRole:z?void 0:d}}}),i({type:"success",message:{id:"Usecase.notification.success.project-created",defaultMessage:"Project has been successfully created"}}),n("/")}catch(W){}};return t.createElement(Zt.ZP,null,t.createElement(me.Main,{labelledBy:"usecase-title"},t.createElement(Zt.bU,null,t.createElement("form",{onSubmit:()=>oe(!1)},t.createElement(ft.Flex,{direction:"column",paddingBottom:7},t.createElement(Ys.Z,null),t.createElement(Et.Box,{paddingTop:6,paddingBottom:1,width:(0,g.pxToRem)(250)},t.createElement(Gt,{variant:"alpha",as:"h1",id:"usecase-title"},p({id:"Usecase.title",defaultMessage:"Tell us a bit more about yourself"})))),t.createElement(_t.Stack,{spacing:6},t.createElement(Ut.Select,{id:"usecase","data-testid":"usecase",label:p({id:"Usecase.input.work-type",defaultMessage:"What type of work do you do?"}),onChange:v,value:h},Qe.map(({intlLabel:z,value:W})=>t.createElement(Ut.Option,{key:W,value:W},p(z)))),G&&t.createElement(Qs.TextInput,{name:"other",label:p({id:"Usecase.other",defaultMessage:"Other"}),value:d,onChange:z=>m(z.target.value),"data-testid":"other"}),t.createElement(Es.Button,{type:"submit",size:"L",fullWidth:!0,disabled:!h},p({id:"global.finish",defaultMessage:"Finish"}))))),t.createElement(ft.Flex,{justifyContent:"center"},t.createElement(Et.Box,{paddingTop:4},t.createElement(hs.TextButton,{onClick:()=>oe(!0)},p({id:"Usecase.button.skip",defaultMessage:"Skip this question"}))))))};var ys=e(61605),Ps=(i,n,r)=>new Promise((p,h)=>{var v=E=>{try{m(r.next(E))}catch(y){h(y)}},d=E=>{try{m(r.throw(E))}catch(y){h(y)}},m=E=>E.done?p(E.value):Promise.resolve(E.value).then(v,d);m((r=r.apply(i,n)).next())});const Ts=()=>Ps(void 0,null,function*(){return`web-fingerprint-${(yield(yield ys.ZP.load()).get()).visitorId}`});var Os=e(21930);const Rs=[];var As=function(){return window&&window.strapi&&window.strapi.isEE?e(68944).Z:e(56761).Z}();const Ss=[].concat((0,Os.Z)(As),(0,Os.Z)(Rs));var wt=e(775),Cs=Object.defineProperty,Ms=Object.defineProperties,Ht=Object.getOwnPropertyDescriptors,xt=Object.getOwnPropertySymbols,$t=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,zt=(i,n,r)=>n in i?Cs(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,Pt=(i,n)=>{for(var r in n||(n={}))$t.call(n,r)&&zt(i,r,n[r]);if(xt)for(var r of xt(n))en.call(n,r)&&zt(i,r,n[r]);return i},Vt=(i,n)=>Ms(i,Ht(n)),Xt=(i,n,r)=>new Promise((p,h)=>{var v=E=>{try{m(r.next(E))}catch(y){h(y)}},d=E=>{try{m(r.throw(E))}catch(y){h(y)}},m=E=>E.done?p(E.value):Promise.resolve(E.value).then(v,d);m((r=r.apply(i,n)).next())});const Ds=(0,t.lazy)(()=>Promise.all([e.e(6925),e.e(9166),e.e(801)]).then(e.bind(e,19782)));function Ls(){const i=(0,g.useNotification)(),{updateProjectSettings:n}=(0,wt.um)(),{formatMessage:r}=(0,Ie.useIntl)(),[{isLoading:p,hasAdmin:h,uuid:v},d]=(0,t.useState)({isLoading:!0,hasAdmin:!1}),m=(0,g.useAppInfos)(),E=(0,t.useMemo)(()=>(0,_.WW)(Ss.map(({to:z,Component:W,exact:J})=>(0,_.ot)(W,z,J))),[]),[y,ee]=(0,t.useState)(null);(0,t.useEffect)(()=>{const z=g.auth.getToken();z&&(()=>Xt(this,null,function*(){try{const{data:{token:J}}=yield(0,g.request)("/admin/renew-token",{method:"POST",body:{token:z}});g.auth.updateToken(J)}catch(J){g.auth.clearAppStorage(),window.location.reload()}}))()},[]),(0,t.useEffect)(()=>{(()=>Xt(this,null,function*(){try{const{data:{data:{hasAdmin:W,uuid:J,menuLogo:Ee}}}=yield Q().get(`${strapi.backendURL}/admin/init`);if(n({menuLogo:(0,g.prefixFileUrlWithBackendUrl)(Ee)}),J){const{data:{data:_e}}=yield Q().get(`${strapi.backendURL}/admin/telemetry-properties`);ee(_e);try{const tt=yield Ts();yield fetch("https://analytics.strapi.io/track",{method:"POST",body:JSON.stringify({event:"didInitializeAdministration",uuid:J,deviceId:tt,properties:Vt(Pt({},_e),{environment:m.currentEnvironment})}),headers:{"Content-Type":"application/json"}})}catch(tt){}}d({isLoading:!1,hasAdmin:W,uuid:J})}catch(W){i({type:"warning",message:{id:"app.containers.App.notification.error.init"}})}}))()},[i,n]);const G=z=>d(W=>Vt(Pt({},W),{hasAdmin:z})),oe=(0,t.useMemo)(()=>({uuid:v,telemetryProperties:y}),[v,y]);return p?t.createElement(g.LoadingIndicatorPage,null):t.createElement(t.Suspense,{fallback:t.createElement(g.LoadingIndicatorPage,null)},t.createElement(me.SkipToContent,null,r({id:"skipToContent"})),t.createElement(g.TrackingProvider,{value:oe},t.createElement(c.Switch,null,E,t.createElement(c.Route,{path:"/auth/:authType",render:z=>t.createElement(Fe,Vt(Pt({},z),{setHasAdmin:G,hasAdmin:h})),exact:!0}),t.createElement(ne,{path:"/usecase",component:vs}),t.createElement(ne,{path:"/",component:Ds}),t.createElement(c.Route,{path:"",component:nt.default}))))}const Is=Ls;var Qt=e(47750),Yt=e(84968),Jt=e(4409),kt=e(66694);const qt={menuLogo:null},Ft=(i=qt,n)=>(0,Ve.default)(i,r=>{switch(n.type){case"UPDATE_PROJECT_SETTINGS":{Object.assign(r,n.values);break}default:return r}}),Tt=({children:i,authLogo:n,menuLogo:r,showReleaseNotification:p,showTutorials:h})=>{const[{menuLogo:v},d]=(0,t.useReducer)(Ft,qt),m=({menuLogo:ee})=>d({type:"UPDATE_PROJECT_SETTINGS",values:{menuLogo:ee||r}}),E=(0,t.useRef)(m),y=(0,t.useMemo)(()=>({logos:{menu:{custom:v,default:r},auth:{custom:null,default:n}},updateProjectSettings:E.current,showReleaseNotification:p,showTutorials:h}),[n,v,p,h,E,r]);return t.createElement(kt._5.Provider,{value:y},i)};Tt.propTypes={authLogo:u().string.isRequired,children:u().element.isRequired,menuLogo:u().string.isRequired,showReleaseNotification:u().bool.isRequired,showTutorials:u().bool.isRequired};const tn=Tt;var js=e(58732),es=e.n(js),sn=e(5985);const ts=({changeLocale:i,children:n,localeNames:r,messages:p})=>t.createElement(sn.Z.Provider,{value:{changeLocale:i,localeNames:r,messages:p}},n);ts.propTypes={changeLocale:u().func.isRequired,children:u().element.isRequired,localeNames:u().object.isRequired,messages:u().object.isRequired};const ss=ts,Wt="strapi-admin-language",Bs=i=>{const n=window.localStorage.getItem(Wt);return{locale:i[n]?n:"en",localeNames:i}};var Us=Object.defineProperty,ns=Object.defineProperties,ws=Object.getOwnPropertyDescriptors,rs=Object.getOwnPropertySymbols,os=Object.prototype.hasOwnProperty,xs=Object.prototype.propertyIsEnumerable,as=(i,n,r)=>n in i?Us(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,rn=(i,n)=>{for(var r in n||(n={}))os.call(n,r)&&as(i,r,n[r]);if(rs)for(var r of rs(n))xs.call(n,r)&&as(i,r,n[r]);return i},ks=(i,n)=>ns(i,ws(n));const is={localeNames:{en:"English"},locale:"en"},on=(i=is,n)=>{switch(n.type){case"CHANGE_LOCALE":{const{locale:r}=n;return i.localeNames[r]?ks(rn({},i),{locale:r}):i}default:return i}},ls=({children:i,localeNames:n,messages:r})=>{const[{locale:p},h]=(0,t.useReducer)(on,is,()=>Bs(n));(0,t.useEffect)(()=>{window.localStorage.setItem(Wt,p),document.documentElement.setAttribute("lang",p)},[p]);const v=m=>{h({type:"CHANGE_LOCALE",locale:m})},d=es()(r[p],r.en);return t.createElement(Ie.IntlProvider,{locale:p,defaultLocale:"en",messages:d,textComponent:"span"},t.createElement(ss,{changeLocale:v,localeNames:n,messages:d},i))};ls.propTypes={children:u().element.isRequired,localeNames:u().objectOf(u().string).isRequired,messages:u().object.isRequired};const us=ls,Ws=(i,n)=>{const r=Object.entries(n),p=r.findIndex(([v])=>v===i);return r.slice(0,p).every(([,v])=>Object.values(v).every(Boolean))},ln=(i,n)=>{const r=i.split("."),p=r[1],h=Object.entries(n[r[0]]),v=h.findIndex(([m])=>m===p);return h.slice(0,v).every(([,m])=>m)},Ns={currentStep:null,guidedTourState:{contentTypeBuilder:{create:!1,success:!1},contentManager:{create:!1,success:!1},apiTokens:{create:!1,success:!1}},isGuidedTourVisible:!1,isSkipped:!0},Ks=(i=Ns,n)=>(0,Ve.default)(i,r=>{switch(n.type){case"SET_CURRENT_STEP":{r.currentStep=n.step;break}case"SET_STEP_STATE":{const[p,h]=n.currentStep.split(".");r.guidedTourState[p][h]=n.value;break}case"SET_SKIPPED":{r.isSkipped=n.value;break}case"SET_GUIDED_TOUR_VISIBILITY":{r.isGuidedTourVisible=n.value;break}default:return r}});var Zs=e(3040),ds=e.n(Zs),Gs=Object.defineProperty,l=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,T=(i,n,r)=>n in i?Gs(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,O=(i,n)=>{for(var r in n||(n={}))o.call(n,r)&&T(i,r,n[r]);if(l)for(var r of l(n))s.call(n,r)&&T(i,r,n[r]);return i};const b=i=>{const n=O({},i),r=re.get(Ke),p=re.get(Y),h=re.get(ce);if(r&&r.forEach(v=>{const[d,m]=v.split(".");ds()(n,["guidedTourState",d,m],!0)}),p){const[v,d]=p.split(".");ds()(n,["guidedTourState",v,d],!0),re.addCompletedStep(p),re.addCurrentStep(null)}return h!==null&&ds()(n,"isSkipped",h),n},R=({children:i})=>{const[{currentStep:n,guidedTourState:r,isGuidedTourVisible:p,isSkipped:h},v]=(0,t.useReducer)(Ks,Ns,b),d=G=>{if(G!==null){const oe=Ne()(r,G),z=ln(G,r);if(oe||h||!z)return null}return re.addCurrentStep(G),v({type:"SET_CURRENT_STEP",step:G})},m=G=>{v({type:"SET_GUIDED_TOUR_VISIBILITY",value:G})},E=(G,oe)=>{re.addCompletedStep(G),v({type:"SET_STEP_STATE",currentStep:G,value:oe})},y=G=>{const oe=r[G];if(oe){const z=Ws(G,r),W=Object.keys(oe)[0],J=oe[W];if(z&&!n&&!J)return d(`${G}.${W}`)}return null},ee=G=>{re.setSkipped(G),v({type:"SET_SKIPPED",value:G})};return t.createElement(g.GuidedTourProvider,{guidedTourState:r,currentStep:n,setCurrentStep:d,setGuidedTourVisibility:m,setSkipped:ee,setStepState:E,startSection:y,isGuidedTourVisible:p,isSkipped:h},i)};R.propTypes={children:u().element.isRequired};const f=R;var j=e(12788),We=e(70324),dt=e.n(We),ct=e(23101),mt=e.n(ct),Ot=e(14983);const cs=(0,Xe.default)(Et.Box)`
15
+ `,vs=()=>{const i=(0,g.useNotification)(),{push:n,location:r}=(0,c.useHistory)(),{formatMessage:p}=(0,Ie.useIntl)(),[h,v]=(0,t.useState)(),[d,m]=(0,t.useState)(""),{firstname:E,email:y}=g.auth.getUserInfo(),{hasAdmin:ee}=(0,Kt.parse)(r==null?void 0:r.search,{ignoreQueryPrefix:!0}),G=h==="other",oe=z=>{try{Q()({method:"POST",url:"https://analytics.strapi.io/register",data:{email:y,username:E,firstAdmin:Boolean(!ee),persona:{role:z?void 0:h,otherRole:z?void 0:d}}}),i({type:"success",message:{id:"Usecase.notification.success.project-created",defaultMessage:"Project has been successfully created"}}),n("/")}catch(W){}};return t.createElement(Zt.ZP,null,t.createElement(me.Main,{labelledBy:"usecase-title"},t.createElement(Zt.bU,null,t.createElement("form",{onSubmit:()=>oe(!1)},t.createElement(ft.Flex,{direction:"column",paddingBottom:7},t.createElement(Ys.Z,null),t.createElement(Et.Box,{paddingTop:6,paddingBottom:1,width:(0,g.pxToRem)(250)},t.createElement(Gt,{variant:"alpha",as:"h1",id:"usecase-title"},p({id:"Usecase.title",defaultMessage:"Tell us a bit more about yourself"})))),t.createElement(_t.Stack,{spacing:6},t.createElement(Ut.Select,{id:"usecase","data-testid":"usecase",label:p({id:"Usecase.input.work-type",defaultMessage:"What type of work do you do?"}),onChange:v,value:h},Qe.map(({intlLabel:z,value:W})=>t.createElement(Ut.Option,{key:W,value:W},p(z)))),G&&t.createElement(Qs.TextInput,{name:"other",label:p({id:"Usecase.other",defaultMessage:"Other"}),value:d,onChange:z=>m(z.target.value),"data-testid":"other"}),t.createElement(Es.Button,{type:"submit",size:"L",fullWidth:!0,disabled:!h},p({id:"global.finish",defaultMessage:"Finish"}))))),t.createElement(ft.Flex,{justifyContent:"center"},t.createElement(Et.Box,{paddingTop:4},t.createElement(hs.TextButton,{onClick:()=>oe(!0)},p({id:"Usecase.button.skip",defaultMessage:"Skip this question"}))))))};var ys=e(61605),Ps=(i,n,r)=>new Promise((p,h)=>{var v=E=>{try{m(r.next(E))}catch(y){h(y)}},d=E=>{try{m(r.throw(E))}catch(y){h(y)}},m=E=>E.done?p(E.value):Promise.resolve(E.value).then(v,d);m((r=r.apply(i,n)).next())});const Ts=()=>Ps(void 0,null,function*(){return`web-fingerprint-${(yield(yield ys.ZP.load()).get()).visitorId}`});var Os=e(21930);const Rs=[];var As=function(){return window&&window.strapi&&window.strapi.isEE?e(68944).Z:e(56761).Z}();const Ss=[].concat((0,Os.Z)(As),(0,Os.Z)(Rs));var wt=e(775),Cs=Object.defineProperty,Ms=Object.defineProperties,Ht=Object.getOwnPropertyDescriptors,xt=Object.getOwnPropertySymbols,$t=Object.prototype.hasOwnProperty,en=Object.prototype.propertyIsEnumerable,zt=(i,n,r)=>n in i?Cs(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,Pt=(i,n)=>{for(var r in n||(n={}))$t.call(n,r)&&zt(i,r,n[r]);if(xt)for(var r of xt(n))en.call(n,r)&&zt(i,r,n[r]);return i},Vt=(i,n)=>Ms(i,Ht(n)),Xt=(i,n,r)=>new Promise((p,h)=>{var v=E=>{try{m(r.next(E))}catch(y){h(y)}},d=E=>{try{m(r.throw(E))}catch(y){h(y)}},m=E=>E.done?p(E.value):Promise.resolve(E.value).then(v,d);m((r=r.apply(i,n)).next())});const Ds=(0,t.lazy)(()=>Promise.all([e.e(6925),e.e(4610),e.e(801)]).then(e.bind(e,19782)));function Ls(){const i=(0,g.useNotification)(),{updateProjectSettings:n}=(0,wt.um)(),{formatMessage:r}=(0,Ie.useIntl)(),[{isLoading:p,hasAdmin:h,uuid:v},d]=(0,t.useState)({isLoading:!0,hasAdmin:!1}),m=(0,g.useAppInfos)(),E=(0,t.useMemo)(()=>(0,_.WW)(Ss.map(({to:z,Component:W,exact:J})=>(0,_.ot)(W,z,J))),[]),[y,ee]=(0,t.useState)(null);(0,t.useEffect)(()=>{const z=g.auth.getToken();z&&(()=>Xt(this,null,function*(){try{const{data:{token:J}}=yield(0,g.request)("/admin/renew-token",{method:"POST",body:{token:z}});g.auth.updateToken(J)}catch(J){g.auth.clearAppStorage(),window.location.reload()}}))()},[]),(0,t.useEffect)(()=>{(()=>Xt(this,null,function*(){try{const{data:{data:{hasAdmin:W,uuid:J,menuLogo:Ee}}}=yield Q().get(`${strapi.backendURL}/admin/init`);if(n({menuLogo:(0,g.prefixFileUrlWithBackendUrl)(Ee)}),J){const{data:{data:_e}}=yield Q().get(`${strapi.backendURL}/admin/telemetry-properties`);ee(_e);try{const tt=yield Ts();yield fetch("https://analytics.strapi.io/track",{method:"POST",body:JSON.stringify({event:"didInitializeAdministration",uuid:J,deviceId:tt,properties:Vt(Pt({},_e),{environment:m.currentEnvironment})}),headers:{"Content-Type":"application/json"}})}catch(tt){}}d({isLoading:!1,hasAdmin:W,uuid:J})}catch(W){i({type:"warning",message:{id:"app.containers.App.notification.error.init"}})}}))()},[i,n]);const G=z=>d(W=>Vt(Pt({},W),{hasAdmin:z})),oe=(0,t.useMemo)(()=>({uuid:v,telemetryProperties:y}),[v,y]);return p?t.createElement(g.LoadingIndicatorPage,null):t.createElement(t.Suspense,{fallback:t.createElement(g.LoadingIndicatorPage,null)},t.createElement(me.SkipToContent,null,r({id:"skipToContent"})),t.createElement(g.TrackingProvider,{value:oe},t.createElement(c.Switch,null,E,t.createElement(c.Route,{path:"/auth/:authType",render:z=>t.createElement(Fe,Vt(Pt({},z),{setHasAdmin:G,hasAdmin:h})),exact:!0}),t.createElement(ne,{path:"/usecase",component:vs}),t.createElement(ne,{path:"/",component:Ds}),t.createElement(c.Route,{path:"",component:nt.default}))))}const Is=Ls;var Qt=e(47750),Yt=e(84968),Jt=e(4409),kt=e(66694);const qt={menuLogo:null},Ft=(i=qt,n)=>(0,Ve.default)(i,r=>{switch(n.type){case"UPDATE_PROJECT_SETTINGS":{Object.assign(r,n.values);break}default:return r}}),Tt=({children:i,authLogo:n,menuLogo:r,showReleaseNotification:p,showTutorials:h})=>{const[{menuLogo:v},d]=(0,t.useReducer)(Ft,qt),m=({menuLogo:ee})=>d({type:"UPDATE_PROJECT_SETTINGS",values:{menuLogo:ee||r}}),E=(0,t.useRef)(m),y=(0,t.useMemo)(()=>({logos:{menu:{custom:v,default:r},auth:{custom:null,default:n}},updateProjectSettings:E.current,showReleaseNotification:p,showTutorials:h}),[n,v,p,h,E,r]);return t.createElement(kt._5.Provider,{value:y},i)};Tt.propTypes={authLogo:u().string.isRequired,children:u().element.isRequired,menuLogo:u().string.isRequired,showReleaseNotification:u().bool.isRequired,showTutorials:u().bool.isRequired};const tn=Tt;var js=e(58732),es=e.n(js),sn=e(5985);const ts=({changeLocale:i,children:n,localeNames:r,messages:p})=>t.createElement(sn.Z.Provider,{value:{changeLocale:i,localeNames:r,messages:p}},n);ts.propTypes={changeLocale:u().func.isRequired,children:u().element.isRequired,localeNames:u().object.isRequired,messages:u().object.isRequired};const ss=ts,Wt="strapi-admin-language",Bs=i=>{const n=window.localStorage.getItem(Wt);return{locale:i[n]?n:"en",localeNames:i}};var Us=Object.defineProperty,ns=Object.defineProperties,ws=Object.getOwnPropertyDescriptors,rs=Object.getOwnPropertySymbols,os=Object.prototype.hasOwnProperty,xs=Object.prototype.propertyIsEnumerable,as=(i,n,r)=>n in i?Us(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,rn=(i,n)=>{for(var r in n||(n={}))os.call(n,r)&&as(i,r,n[r]);if(rs)for(var r of rs(n))xs.call(n,r)&&as(i,r,n[r]);return i},ks=(i,n)=>ns(i,ws(n));const is={localeNames:{en:"English"},locale:"en"},on=(i=is,n)=>{switch(n.type){case"CHANGE_LOCALE":{const{locale:r}=n;return i.localeNames[r]?ks(rn({},i),{locale:r}):i}default:return i}},ls=({children:i,localeNames:n,messages:r})=>{const[{locale:p},h]=(0,t.useReducer)(on,is,()=>Bs(n));(0,t.useEffect)(()=>{window.localStorage.setItem(Wt,p),document.documentElement.setAttribute("lang",p)},[p]);const v=m=>{h({type:"CHANGE_LOCALE",locale:m})},d=es()(r[p],r.en);return t.createElement(Ie.IntlProvider,{locale:p,defaultLocale:"en",messages:d,textComponent:"span"},t.createElement(ss,{changeLocale:v,localeNames:n,messages:d},i))};ls.propTypes={children:u().element.isRequired,localeNames:u().objectOf(u().string).isRequired,messages:u().object.isRequired};const us=ls,Ws=(i,n)=>{const r=Object.entries(n),p=r.findIndex(([v])=>v===i);return r.slice(0,p).every(([,v])=>Object.values(v).every(Boolean))},ln=(i,n)=>{const r=i.split("."),p=r[1],h=Object.entries(n[r[0]]),v=h.findIndex(([m])=>m===p);return h.slice(0,v).every(([,m])=>m)},Ns={currentStep:null,guidedTourState:{contentTypeBuilder:{create:!1,success:!1},contentManager:{create:!1,success:!1},apiTokens:{create:!1,success:!1}},isGuidedTourVisible:!1,isSkipped:!0},Ks=(i=Ns,n)=>(0,Ve.default)(i,r=>{switch(n.type){case"SET_CURRENT_STEP":{r.currentStep=n.step;break}case"SET_STEP_STATE":{const[p,h]=n.currentStep.split(".");r.guidedTourState[p][h]=n.value;break}case"SET_SKIPPED":{r.isSkipped=n.value;break}case"SET_GUIDED_TOUR_VISIBILITY":{r.isGuidedTourVisible=n.value;break}default:return r}});var Zs=e(3040),ds=e.n(Zs),Gs=Object.defineProperty,l=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,T=(i,n,r)=>n in i?Gs(i,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[n]=r,O=(i,n)=>{for(var r in n||(n={}))o.call(n,r)&&T(i,r,n[r]);if(l)for(var r of l(n))s.call(n,r)&&T(i,r,n[r]);return i};const b=i=>{const n=O({},i),r=re.get(Ke),p=re.get(Y),h=re.get(ce);if(r&&r.forEach(v=>{const[d,m]=v.split(".");ds()(n,["guidedTourState",d,m],!0)}),p){const[v,d]=p.split(".");ds()(n,["guidedTourState",v,d],!0),re.addCompletedStep(p),re.addCurrentStep(null)}return h!==null&&ds()(n,"isSkipped",h),n},R=({children:i})=>{const[{currentStep:n,guidedTourState:r,isGuidedTourVisible:p,isSkipped:h},v]=(0,t.useReducer)(Ks,Ns,b),d=G=>{if(G!==null){const oe=Ne()(r,G),z=ln(G,r);if(oe||h||!z)return null}return re.addCurrentStep(G),v({type:"SET_CURRENT_STEP",step:G})},m=G=>{v({type:"SET_GUIDED_TOUR_VISIBILITY",value:G})},E=(G,oe)=>{re.addCompletedStep(G),v({type:"SET_STEP_STATE",currentStep:G,value:oe})},y=G=>{const oe=r[G];if(oe){const z=Ws(G,r),W=Object.keys(oe)[0],J=oe[W];if(z&&!n&&!J)return d(`${G}.${W}`)}return null},ee=G=>{re.setSkipped(G),v({type:"SET_SKIPPED",value:G})};return t.createElement(g.GuidedTourProvider,{guidedTourState:r,currentStep:n,setCurrentStep:d,setGuidedTourVisibility:m,setSkipped:ee,setStepState:E,startSection:y,isGuidedTourVisible:p,isSkipped:h},i)};R.propTypes={children:u().element.isRequired};const f=R;var j=e(12788),We=e(70324),dt=e.n(We),ct=e(23101),mt=e.n(ct),Ot=e(14983);const cs=(0,Xe.default)(Et.Box)`
16
16
  position: fixed;
17
17
  top: 0;
18
18
  right: 0;