@strapi/admin 4.9.0 → 4.10.0-beta.0

package/build/Admin_homePage.1411fb7c.chunk.js

@@ -0,0 +1,68 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[3981],{83119:function(M,E){const o=()=>null;E.Z=o},12016:function(M,E,o){o.r(E),o.d(E,{default:function(){return ce}});var e=o(32735),f=o(5636),c=o(83292),L=o(99357),H=o(5141),l=o(13478),n=o(39161),P=o.p+"7e9af4fb7e723fcebf1f.svg",w=o(8888),I=t=>Object.entries(t).every(([,r])=>Object.entries(r).every(([,a])=>a)),d=o(57269),R=o(60216),i=o.n(R),G=o(14317),F=o(78024),p=o(23678);const b=({type:t,title:r,number:a,content:s,hasLine:m})=>{const{formatMessage:h}=(0,f.useIntl)();return e.createElement(n.Box,null,e.createElement(n.Flex,null,e.createElement(n.Box,{minWidth:(0,l.pxToRem)(30),marginRight:5},e.createElement(G.Z,{type:t,number:a})),e.createElement(n.Typography,{variant:"delta",as:"h3"},h(r))),e.createElement(n.Flex,{alignItems:"flex-start"},e.createElement(n.Flex,{justifyContent:"center",minWidth:(0,l.pxToRem)(30),marginBottom:3,marginTop:3,marginRight:5},m&&e.createElement(F.Z,{type:t,minHeight:t===p.lW?(0,l.pxToRem)(85):(0,l.pxToRem)(65)})),e.createElement(n.Box,{marginTop:2},t===p.lW&&s)))};b.defaultProps={content:void 0,number:void 0,type:p.VM,hasLine:!0},b.propTypes={content:i().node,number:i().number,title:i().shape({id:i().string,defaultMessage:i().string}).isRequired,type:i().oneOf([p.lW,p.hx,p.VM]),hasLine:i().bool};var j=b;const W=(t,r)=>t===-1||r<t?p.hx:r>t?p.VM:p.lW,C=({sections:t,currentSectionKey:r})=>{const a=t.findIndex(s=>s.key===r);return e.createElement(n.Box,null,t.map((s,m)=>e.createElement(j,{key:s.key,title:s.title,content:s.content,number:m+1,type:W(a,m),hasLine:m!==t.length-1})))};C.defaultProps={currentSectionKey:void 0},C.propTypes={sections:i().arrayOf(i().shape({key:i().string.isRequired,title:i().shape({id:i().string,defaultMessage:i().string}).isRequired,content:i().node})).isRequired,currentSectionKey:i().string};var D=C,O=o(58107),A=()=>{const{guidedTourState:t,setSkipped:r}=(0,l.useGuidedTour)(),{formatMessage:a}=(0,f.useIntl)(),{trackUsage:s}=(0,l.useTracking)(),m=Object.entries(O.Z).map(([u,g])=>({key:u,title:g.home.title,content:e.createElement(l.LinkButton,{onClick:()=>s(g.home.trackingEvent),to:g.home.cta.target,endIcon:e.createElement(d.ArrowRight,null)},a(g.home.cta.title))})),T=m.map(u=>({isDone:Object.entries(t[u.key]).every(([,g])=>g),...u})).find(u=>!u.isDone)?.key,x=()=>{r(!0),s("didSkipGuidedtour")};return e.createElement(n.Box,{hasRadius:!0,shadow:"tableShadow",paddingTop:7,paddingRight:4,paddingLeft:7,paddingBottom:4,background:"neutral0"},e.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:6},e.createElement(n.Typography,{variant:"beta",as:"h2"},a({id:"app.components.GuidedTour.title",defaultMessage:"3 steps to get started"})),e.createElement(D,{sections:m,currentSectionKey:T})),e.createElement(n.Flex,{justifyContent:"flex-end"},e.createElement(n.Button,{variant:"tertiary",onClick:x},a({id:"app.components.GuidedTour.skip",defaultMessage:"Skip the tour"}))))},Z=o(95489),S=o(41502);const z=(0,c.default)(d.Discord)`
+  path {
+    fill: #7289da !important;
+  }
+`,$=(0,c.default)(d.Reddit)`
+  > path:first-child {
+    fill: #ff4500;
+  }
+`,v=(0,c.default)(d.Strapi)`
+  > path:first-child {
+    fill: #4945ff;
+  }
+  > path:nth-child(2) {
+    fill: #fff;
+  }
+  > path:nth-child(4) {
+    fill: #9593ff;
+  }
+`,N=(0,c.default)(d.Twitter)`
+  path {
+    fill: #1da1f2 !important;
+  }
+`,V=(0,c.default)(d.Discourse)`
+  > path:first-child {
+    fill: #231f20;
+  }
+  > path:nth-child(2) {
+    fill: #fff9ae;
+  }
+  > path:nth-child(3) {
+    fill: #00aeef;
+  }
+  > path:nth-child(4) {
+    fill: #00a94f;
+  }
+  > path:nth-child(5) {
+    fill: #f15d22;
+  }
+  > path:nth-child(6) {
+    fill: #e31b23;
+  }
+`,K=[{name:{id:"app.components.HomePage.community.links.github",defaultMessage:"Github"},link:"https://github.com/strapi/strapi/",icon:e.createElement(d.Github,{fill:"#7289DA"}),alt:"github"},{name:{id:"app.components.HomePage.community.links.discord",defaultMessage:"Discord"},link:"https://discord.strapi.io/",icon:e.createElement(z,null),alt:"discord"},{name:{id:"app.components.HomePage.community.links.reddit",defaultMessage:"Reddit"},link:"https://www.reddit.com/r/Strapi/",icon:e.createElement($,null),alt:"reddit"},{name:{id:"app.components.HomePage.community.links.twitter",defaultMessage:"Twitter"},link:"https://twitter.com/strapijs",icon:e.createElement(N,null),alt:"twitter"},{name:{id:"app.components.HomePage.community.links.forum",defaultMessage:"Forum"},link:"https://forum.strapi.io",icon:e.createElement(V,null),alt:"forum"},{name:{id:"app.components.HomePage.community.links.blog",defaultMessage:"Blog"},link:"https://strapi.io/blog?utm_source=referral&utm_medium=admin&utm_campaign=career%20page",icon:e.createElement(v,null),alt:"blog"},{name:{id:"app.components.HomePage.community.links.career",defaultMessage:"We are hiring!"},link:"https://strapi.io/careers?utm_source=referral&utm_medium=admin&utm_campaign=blog",icon:e.createElement(v,null),alt:"career"}],U=(0,c.default)(Z.Q)`
+  display: flex;
+  align-items: center;
+  border: none;
+
+  svg {
+    width: ${({theme:t})=>t.spaces[6]};
+    height: ${({theme:t})=>t.spaces[6]};
+  }
+
+  span {
+    word-break: keep-all;
+  }
+`,J=(0,c.default)(n.Grid)`
+  row-gap: ${({theme:t})=>t.spaces[2]};
+  column-gap: ${({theme:t})=>t.spaces[4]};
+`;var Q=()=>{const{formatMessage:t}=(0,f.useIntl)(),{communityEdition:r}=(0,l.useAppInfos)(),a=[...K,{icon:e.createElement(v,null),link:r?"https://discord.strapi.io":"https://support.strapi.io/support/home",name:{id:"Settings.application.get-help",defaultMessage:"Get help"}}];return e.createElement(n.Box,{as:"aside","aria-labelledby":"join-the-community",background:"neutral0",hasRadius:!0,paddingRight:5,paddingLeft:5,paddingTop:6,paddingBottom:6,shadow:"tableShadow"},e.createElement(n.Box,{paddingBottom:7},e.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:5},e.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:3},e.createElement(n.Typography,{variant:"delta",as:"h2",id:"join-the-community"},t({id:"app.components.HomePage.community",defaultMessage:"Join the community"})),e.createElement(n.Typography,{textColor:"neutral600"},t({id:"app.components.HomePage.community.content",defaultMessage:"Discuss with team members, contributors and developers on different channels"}))),e.createElement(S.r,{href:"https://feedback.strapi.io/",isExternal:!0,endIcon:e.createElement(d.ExternalLink,null)},t({id:"app.components.HomePage.roadmap",defaultMessage:"See our road map"})))),e.createElement(J,null,a.map(({icon:s,link:m,name:h})=>e.createElement(n.GridItem,{col:6,s:12,key:h},e.createElement(U,{size:"L",startIcon:s,variant:"tertiary",href:m,isExternal:!0},t(h))))))};const Y=(0,c.default)(n.Typography)`
+  word-break: break-word;
+`,B=({hasCreatedContentType:t,onCreateCT:r})=>{const{formatMessage:a}=(0,f.useIntl)();return e.createElement("div",null,e.createElement(n.Box,{paddingLeft:6,paddingBottom:10},e.createElement(n.Flex,{direction:"column",alignItems:"flex-start",gap:5},e.createElement(n.Typography,{as:"h1",variant:"alpha"},a(t?{id:"app.components.HomePage.welcome.again",defaultMessage:"Welcome \u{1F44B}"}:{id:"app.components.HomePage.welcome",defaultMessage:"Welcome on board!"})),e.createElement(Y,{textColor:"neutral600",variant:"epsilon"},a(t?{id:"app.components.HomePage.welcomeBlock.content.again",defaultMessage:"We hope you are making progress on your project! Feel free to read the latest news about Strapi. We are giving our best to improve the product based on your feedback."}:{id:"app.components.HomePage.welcomeBlock.content",defaultMessage:"Congrats! You are logged as the first administrator. To discover the powerful features provided by Strapi, we recommend you to create your first Content type!"})),t?e.createElement(S.r,{isExternal:!0,href:"https://strapi.io/blog"},a({id:"app.components.HomePage.button.blog",defaultMessage:"See more on the blog"})):e.createElement(n.Button,{size:"L",onClick:r,endIcon:e.createElement(d.ArrowRight,null)},a({id:"app.components.HomePage.create",defaultMessage:"Create your first Content type"})))))};B.defaultProps={hasCreatedContentType:void 0,onCreateCT:void 0},B.propTypes={hasCreatedContentType:i().bool,onCreateCT:i().func};var X=B,q=o.p+"27d16aefee06412db90a.png",_=o.p+"bb3108f7fd1e6179bde1.svg",ee=o.p+"bb4d0d527bdfb161bc5a.svg";const te=c.default.a`
+  text-decoration: none;
+`,ne=(0,c.default)(n.Box)`
+  background-image: url(${({backgroundImage:t})=>t});
+`,oe=(0,c.default)(n.Flex)`
+  background: rgba(255, 255, 255, 0.3);
+`;var ae=()=>{const{formatMessage:t}=(0,f.useIntl)(),{trackUsage:r}=(0,l.useTracking)();return e.createElement(te,{href:"https://cloud.strapi.io",target:"_blank",rel:"noopener noreferrer nofollow",onClick:()=>{r("didClickOnTryStrapiCloudSection")}},e.createElement(n.Flex,{shadow:"tableShadow",hasRadius:!0,padding:6,background:"neutral0",position:"relative",gap:6},e.createElement(ne,{backgroundImage:q,hasRadius:!0,padding:3},e.createElement(oe,{width:(0,l.pxToRem)(32),height:(0,l.pxToRem)(32),justifyContent:"center",hasRadius:!0,alignItems:"center"},e.createElement("img",{src:_,alt:t({id:"app.components.BlockLink.cloud",defaultMessage:"Strapi Cloud"})}))),e.createElement(n.Flex,{gap:1,direction:"column",alignItems:"start"},e.createElement(n.Flex,null,e.createElement(n.Typography,{fontWeight:"semiBold",variant:"pi"},t({id:"app.components.BlockLink.cloud",defaultMessage:"Strapi Cloud"}))),e.createElement(n.Typography,{textColor:"neutral600"},t({id:"app.components.BlockLink.cloud.content",defaultMessage:"A fully composable, and collaborative platform to boost your team velocity."})),e.createElement(n.Box,{src:ee,position:"absolute",top:0,right:0,as:"img"}))))};const k=c.default.a`
+  text-decoration: none;
+`;var re=()=>{const{formatMessage:t}=(0,f.useIntl)(),{trackUsage:r}=(0,l.useTracking)(),a=s=>{r(s)};return e.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:5},e.createElement(ae,null),e.createElement(k,{href:"https://strapi.io/resource-center",target:"_blank",rel:"noopener noreferrer nofollow",onClick:()=>a("didClickonReadTheDocumentationSection")},e.createElement(l.ContentBox,{title:t({id:"global.documentation",defaultMessage:"Documentation"}),subtitle:t({id:"app.components.BlockLink.documentation.content",defaultMessage:"Discover the essential concepts, guides and instructions."}),icon:e.createElement(d.InformationSquare,null),iconBackground:"primary100"})),e.createElement(k,{href:"https://strapi.io/starters",target:"_blank",rel:"noopener noreferrer nofollow",onClick:()=>a("didClickonCodeExampleSection")},e.createElement(l.ContentBox,{title:t({id:"app.components.BlockLink.code",defaultMessage:"Code example"}),subtitle:t({id:"app.components.BlockLink.code.content",defaultMessage:"Learn by using ready-made starters for your projects."}),icon:e.createElement(d.CodeSquare,null),iconBackground:"warning100"})),e.createElement(k,{href:"https://strapi.io/blog/categories/tutorials",target:"_blank",rel:"noopener noreferrer nofollow",onClick:()=>a("didClickonTutorialSection")},e.createElement(l.ContentBox,{title:t({id:"app.components.BlockLink.tutorial",defaultMessage:"Tutorials"}),subtitle:t({id:"app.components.BlockLink.tutorial.content",defaultMessage:"Follow step-by-step instructions to use and customize Strapi."}),icon:e.createElement(d.PlaySquare,null),iconBackground:"secondary100"})),e.createElement(k,{href:"https://strapi.io/blog",target:"_blank",rel:"noopener noreferrer nofollow",onClick:()=>a("didClickonBlogSection")},e.createElement(l.ContentBox,{title:t({id:"app.components.BlockLink.blog",defaultMessage:"Blog"}),subtitle:t({id:"app.components.BlockLink.blog.content",defaultMessage:"Read the latest news about Strapi and the ecosystem."}),icon:e.createElement(d.FeatherSquare,null),iconBackground:"alternative100"})))};const le=(()=>window&&window.strapi&&window.strapi.isEE?o(21306).Z:o(83119).Z)(),ie=(0,c.default)(n.Box).withConfig({displayName:"HomePage__LogoContainer",componentId:"sc-1md9zz4-0"})(["position:absolute;top:0;right:0;img{width:","rem;}"],150/16),se=()=>{const{collectionTypes:t,singleTypes:r,isLoading:a}=(0,w.bP)(),{guidedTourState:s,isGuidedTourVisible:m,isSkipped:h}=(0,l.useGuidedTour)();le();const T=!I(s)&&m&&!h,{push:x}=(0,H.useHistory)(),u=y=>{y.preventDefault(),x("/plugins/content-type-builder/content-types/create-content-type")},g=(0,e.useMemo)(()=>{const y=de=>de.filter(me=>me.isDisplayed);return y(t).length>1||y(r).length>0},[t,r]);return a?e.createElement(l.LoadingIndicatorPage,null):e.createElement(n.Layout,null,e.createElement(f.FormattedMessage,{id:"HomePage.helmet.title",defaultMessage:"Homepage"},y=>e.createElement(L.Helmet,{title:y[0]})),e.createElement(n.Main,null,e.createElement(ie,null,e.createElement("img",{alt:"","aria-hidden":!0,src:P})),e.createElement(n.Box,{padding:10},e.createElement(n.Grid,null,e.createElement(n.GridItem,{col:8,s:12},e.createElement(X,{onCreateCT:u,hasCreatedContentType:g}))),e.createElement(n.Grid,{gap:6},e.createElement(n.GridItem,{col:8,s:12},T?e.createElement(A,null):e.createElement(re,null)),e.createElement(n.GridItem,{col:4,s:12},e.createElement(Q,null))))))};var ce=(0,e.memo)(se)}}]);

package/build/Admin_marketplace.02608d56.chunk.js

@@ -0,0 +1,22 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5516],{92698:function(Qe,O,p){p.r(O),p.d(O,{MarketPlacePage:function(){return _},default:function(){return Ae}});var e=p(32735),E=p(5636),oe=p(99357),C=p(58469),u=p(13478),t=p(39161),ce=p(60216),a=p.n(ce),f=p(57269),T=p(83292);const de=(0,T.default)(t.Box)`
+  background: ${({theme:n})=>`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${n.colors.neutral150} 100%)`};
+  opacity: 0.33;
+`,ue=()=>e.createElement(t.GridLayout,null,Array(12).fill(null).map((n,s)=>e.createElement(de,{key:`empty-plugin-card-${s}`,height:"234px",hasRadius:!0}))),$=({content:n})=>e.createElement(t.Box,{position:"relative"},e.createElement(ue,null),e.createElement(t.Box,{position:"absolute",top:11,width:"100%"},e.createElement(t.Flex,{alignItems:"center",justifyContent:"center",direction:"column"},e.createElement(t.Icon,{as:f.EmptyStateDocument,color:"",width:"160px",height:"88px"}),e.createElement(t.Box,{paddingTop:6},e.createElement(t.Typography,{variant:"delta",as:"p",textColor:"neutral600"},n)))));$.propTypes={content:a().string.isRequired};var V=$,j=p(95489);const x=({isOnline:n,npmPackageType:s})=>{const{formatMessage:r}=(0,E.useIntl)(),{trackUsage:i}=(0,u.useTracking)(),o=s==="provider"?"didSubmitProvider":"didSubmitPlugin";return e.createElement(t.HeaderLayout,{title:r({id:"global.marketplace",defaultMessage:"Marketplace"}),subtitle:r({id:"admin.pages.MarketPlacePage.subtitle",defaultMessage:"Get more out of Strapi"}),primaryAction:n&&e.createElement(j.Q,{startIcon:e.createElement(f.Upload,null),variant:"tertiary",href:`https://market.strapi.io/submit-${s}`,onClick:()=>i(o),isExternal:!0},r({id:`admin.pages.MarketPlacePage.submit.${s}.link`,defaultMessage:`Submit ${s}`}))})};var z=x;x.defaultProps={npmPackageType:"plugin"},x.propTypes={isOnline:a().bool.isRequired,npmPackageType:a().string};var G=p(84968),H=p(84306);const pe="https://market-api.strapi.io",ge=async(n={})=>{const{data:s}=await H.Z.get(`${pe}/providers`,{params:n});return s};var me=(n,s)=>{const r=(0,u.useNotification)();return(0,G.useQuery)(["list-marketplace-providers",s],()=>ge(s),{onSuccess(){n&&n()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})};const fe="https://market-api.strapi.io",he=async(n={})=>{const{data:s}=await H.Z.get(`${fe}/plugins`,{params:n});return{...s,data:s.data.filter(i=>i.attributes.strapiCompatibility==="v4")}};var Pe=(n,s)=>{const r=(0,u.useNotification)();return(0,G.useQuery)(["list-marketplace-plugins",s],()=>he(s),{onSuccess(){n&&n()},onError(){r({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})},Ee=p(72041),ke=p.p+"9d5d788027e86620c234.svg",ye=()=>{const n=typeof navigator<"u"&&typeof navigator.onLine=="boolean"?navigator.onLine:!0,[s,r]=(0,e.useState)(n),i=()=>r(!0),o=()=>r(!1);return(0,e.useEffect)(()=>(window.addEventListener("online",i),window.addEventListener("offline",o),()=>{window.removeEventListener("online",i),window.removeEventListener("offline",o)}),[]),s},ve=()=>{const{formatMessage:n}=(0,E.useIntl)(),{trackUsage:s}=(0,u.useTracking)();return e.createElement("a",{href:"https://strapi.canny.io/plugin-requests",target:"_blank",rel:"noopener noreferrer nofollow",style:{textDecoration:"none"},onClick:()=>s("didMissMarketplacePlugin")},e.createElement(u.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:e.createElement(f.GlassesSquare,null),iconBackground:"alternative100",endAction:e.createElement(t.Icon,{as:f.ExternalLink,color:"neutral600",width:3,height:3,marginLeft:2})}))},Me=p(24443),be=p.n(Me),Re=p(47750),Te=p(54770),U=p.n(Te);const S=({description:n,installMessage:s,disabled:r,handleCopy:i,pluginName:o})=>e.createElement(t.Tooltip,{"data-testid":`tooltip-${o}`,description:n},e.createElement(t.Box,null,e.createElement(t.Button,{size:"S",startIcon:e.createElement(f.Duplicate,null),variant:"secondary",disabled:r,onClick:i},s))),I=({strapiPeerDepVersion:n,strapiAppVersion:s,handleCopy:r,pluginName:i})=>{const{formatMessage:o}=(0,E.useIntl)(),d=U().validRange(n),c=U().satisfies(s,d),l=o({id:"admin.pages.MarketPlacePage.plugin.copy",defaultMessage:"Copy install command"});if(s){if(!d)return e.createElement(S,{installMessage:l,pluginName:i,description:o({id:"admin.pages.MarketPlacePage.plugin.version.null",defaultMessage:'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"'},{strapiAppVersion:s}),handleCopy:r});if(!c)return e.createElement(S,{installMessage:l,pluginName:i,description:o({id:"admin.pages.MarketPlacePage.plugin.version",defaultMessage:'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"'},{strapiAppVersion:s,versionRange:d}),disabled:!0})}return e.createElement(t.Button,{size:"S",startIcon:e.createElement(f.Duplicate,null),variant:"secondary",onClick:r},l)};S.defaultProps={disabled:!1,handleCopy:null},S.propTypes={description:a().string.isRequired,installMessage:a().string.isRequired,disabled:a().bool,handleCopy:a().func,pluginName:a().string.isRequired},I.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},I.propTypes={strapiAppVersion:a().string,strapiPeerDepVersion:a().string,handleCopy:a().func.isRequired,pluginName:a().string.isRequired};var Se=I;const B=({isInstalled:n,isInDevelopmentMode:s,commandToCopy:r,strapiAppVersion:i,strapiPeerDepVersion:o,pluginName:d})=>{const c=(0,u.useNotification)(),{formatMessage:l}=(0,E.useIntl)(),{trackUsage:g}=(0,u.useTracking)(),m=()=>{navigator.clipboard.writeText(r),g("willInstallPlugin"),c({type:"success",message:{id:"admin.pages.MarketPlacePage.plugin.copy.success"}})};return n?e.createElement(t.Box,{paddingLeft:4},e.createElement(t.Icon,{as:f.Check,marginRight:2,width:12,height:12,color:"success600"}),e.createElement(t.Typography,{variant:"omega",textColor:"success600",fontWeight:"bold"},l({id:"admin.pages.MarketPlacePage.plugin.installed",defaultMessage:"Installed"}))):s?e.createElement(Se,{strapiAppVersion:i,strapiPeerDepVersion:o,handleCopy:m,pluginName:d}):null};B.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},B.propTypes={isInstalled:a().bool.isRequired,isInDevelopmentMode:a().bool.isRequired,commandToCopy:a().string.isRequired,strapiAppVersion:a().string,strapiPeerDepVersion:a().string,pluginName:a().string.isRequired};var Ce=B;const xe=(0,T.default)(t.Divider)`
+  width: ${(0,u.pxToRem)(12)};
+  transform: rotate(90deg);
+`,w=({githubStars:n,npmDownloads:s,npmPackageType:r})=>{const{formatMessage:i}=(0,E.useIntl)();return e.createElement(t.Flex,{gap:1},!!n&&e.createElement(e.Fragment,null,e.createElement(t.Icon,{as:f.Github,height:(0,u.pxToRem)(12),width:(0,u.pxToRem)(12),"aria-hidden":!0}),e.createElement(t.Icon,{as:f.Star,height:(0,u.pxToRem)(12),width:(0,u.pxToRem)(12),color:"warning500","aria-hidden":!0}),e.createElement("p",{"aria-label":i({id:`admin.pages.MarketPlacePage.${r}.githubStars`,defaultMessage:"This {package} was starred {starsCount} on GitHub"},{starsCount:n,package:r})},e.createElement(t.Typography,{variant:"pi",textColor:"neutral800",lineHeight:16},n)),e.createElement(xe,{unsetMargin:!1,background:"neutral200"})),e.createElement(t.Icon,{as:f.Download,height:(0,u.pxToRem)(12),width:(0,u.pxToRem)(12),"aria-hidden":!0}),e.createElement("p",{"aria-label":i({id:`admin.pages.MarketPlacePage.${r}.downloads`,defaultMessage:"This {package} has {downloadsCount} weekly downloads"},{downloadsCount:s,package:r})},e.createElement(t.Typography,{variant:"pi",textColor:"neutral800",lineHeight:16},s)))};w.defaultProps={githubStars:0,npmDownloads:0},w.propTypes={githubStars:a().number,npmDownloads:a().number,npmPackageType:a().string.isRequired};var Ie=w;const Be=(0,T.default)(t.Typography)`
+  /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  /* stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix */
+  overflow: hidden;
+`,N=({npmPackage:n,isInstalled:s,useYarn:r,isInDevelopmentMode:i,npmPackageType:o,strapiAppVersion:d})=>{const{attributes:c}=n,{formatMessage:l}=(0,E.useIntl)(),{trackUsage:g}=(0,u.useTracking)(),m=r?`yarn add ${c.npmPackageName}`:`npm install ${c.npmPackageName}`,y=l({id:"admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi",defaultMessage:"Made by Strapi"}),M=`https://market.strapi.io/${be().plural(o)}/${c.slug}`;return e.createElement(t.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"},e.createElement(t.Box,null,e.createElement(t.Flex,{direction:"row",justifyContent:"space-between",alignItems:"flex-start"},e.createElement(t.Box,{as:"img",src:c.logo.url,alt:`${c.name} logo`,hasRadius:!0,width:11,height:11}),e.createElement(Ie,{githubStars:c.githubStars,npmDownloads:c.npmDownloads,npmPackageType:o})),e.createElement(t.Box,{paddingTop:4},e.createElement(t.Typography,{as:"h3",variant:"delta"},e.createElement(t.Flex,{alignItems:"center"},c.name,c.validated&&!c.madeByStrapi&&e.createElement(t.Tooltip,{description:l({id:"admin.pages.MarketPlacePage.plugin.tooltip.verified",defaultMessage:"Plugin verified by Strapi"})},e.createElement(t.Flex,null,e.createElement(t.Icon,{as:f.CheckCircle,marginLeft:2,color:"success600"}))),c.madeByStrapi&&e.createElement(t.Tooltip,{description:y},e.createElement(t.Flex,null,e.createElement(t.Box,{as:"img",src:Re,alt:y,marginLeft:1,width:6,height:"auto"})))))),e.createElement(t.Box,{paddingTop:2},e.createElement(Be,{as:"p",variant:"omega",textColor:"neutral600"},c.description))),e.createElement(t.Flex,{gap:2,style:{alignSelf:"flex-end"},paddingTop:6},e.createElement(j.Q,{size:"S",href:M,isExternal:!0,endIcon:e.createElement(f.ExternalLink,null),"aria-label":l({id:"admin.pages.MarketPlacePage.plugin.info.label",defaultMessage:"Learn more about {pluginName}"},{pluginName:c.name}),variant:"tertiary",onClick:()=>g("didPluginLearnMore")},l({id:"admin.pages.MarketPlacePage.plugin.info.text",defaultMessage:"More"})),e.createElement(Ce,{isInstalled:s,isInDevelopmentMode:i,commandToCopy:m,strapiAppVersion:d,strapiPeerDepVersion:c.strapiVersion,pluginName:c.name})))};N.defaultProps={isInDevelopmentMode:!1,strapiAppVersion:null},N.propTypes={npmPackage:a().shape({id:a().string.isRequired,attributes:a().shape({name:a().string.isRequired,description:a().string.isRequired,slug:a().string.isRequired,npmPackageName:a().string.isRequired,npmPackageUrl:a().string.isRequired,repositoryUrl:a().string.isRequired,logo:a().object.isRequired,developerName:a().string.isRequired,validated:a().bool.isRequired,madeByStrapi:a().bool.isRequired,strapiCompatibility:a().oneOf(["v3","v4"]),strapiVersion:a().string,githubStars:a().number,npmDownloads:a().number}).isRequired}).isRequired,isInstalled:a().bool.isRequired,useYarn:a().bool.isRequired,isInDevelopmentMode:a().bool,npmPackageType:a().string.isRequired,strapiAppVersion:a().string};var we=N;const q=({npmPackages:n,installedPackageNames:s,useYarn:r,isInDevelopmentMode:i,npmPackageType:o,strapiAppVersion:d})=>{const c=(0,e.useCallback)(l=>s.includes(l),[s]);return e.createElement(t.Grid,{gap:4},n.map(l=>e.createElement(t.GridItem,{col:4,s:6,xs:12,style:{height:"100%"},key:l.id},e.createElement(we,{npmPackage:l,isInstalled:c(l.attributes.npmPackageName),useYarn:r,isInDevelopmentMode:i,npmPackageType:o,strapiAppVersion:d}))))};q.defaultProps={installedPackageNames:[],strapiAppVersion:null},q.propTypes={npmPackages:a().array.isRequired,installedPackageNames:a().arrayOf(a().string),useYarn:a().bool.isRequired,isInDevelopmentMode:a().bool.isRequired,npmPackageType:a().string.isRequired,strapiAppVersion:a().string};var Q=q;const Ne=(0,T.default)(t.Box)`
+  font-weight: ${({theme:n})=>n.fontWeights.semiBold};
+
+  span {
+    font-size: ${({theme:n})=>n.fontSizes[1]};
+  }
+`,W=({sortQuery:n,handleSelectChange:s})=>{const{formatMessage:r}=(0,E.useIntl)(),i={"name:asc":{selected:{id:"admin.pages.MarketPlacePage.sort.alphabetical.selected",defaultMessage:"Sort by alphabetical order"},option:{id:"admin.pages.MarketPlacePage.sort.alphabetical",defaultMessage:"Alphabetical order"}},"submissionDate:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.newest.selected",defaultMessage:"Sort by newest"},option:{id:"admin.pages.MarketPlacePage.sort.newest",defaultMessage:"Newest"}},"githubStars:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.githubStars.selected",defaultMessage:"Sort by GitHub stars"},option:{id:"admin.pages.MarketPlacePage.sort.githubStars",defaultMessage:"Number of GitHub stars"}},"npmDownloads:desc":{selected:{id:"admin.pages.MarketPlacePage.sort.npmDownloads.selected",defaultMessage:"Sort by npm downloads"},option:{id:"admin.pages.MarketPlacePage.sort.npmDownloads",defaultMessage:"Number of downloads"}}};return e.createElement(Ne,null,e.createElement(t.Select,{size:"S",id:"sort-by-select",value:n,customizeContent:()=>r(i[n].selected),onChange:o=>{s({sort:o})}},Object.entries(i).map(([o,d])=>e.createElement(t.Option,{key:o,value:o},r(d.option)))))};W.propTypes={sortQuery:a().string.isRequired,handleSelectChange:a().func.isRequired};var qe=W;const Z=({message:n,value:s,onChange:r,possibleFilters:i,onClear:o,customizeContent:d})=>{const c=(l,g)=>`${l} (${g})`;return e.createElement(t.Select,{"data-testid":`${n}-button`,"aria-label":n,placeholder:n,size:"M",onChange:r,onClear:o,value:s,customizeContent:d,multi:!0},Object.entries(i).map(([l,g])=>e.createElement(t.Option,{"data-testid":`${l}-${g}`,key:l,value:l},c(l,g))))};Z.propTypes={message:a().string.isRequired,value:a().array.isRequired,onChange:a().func.isRequired,possibleFilters:a().object.isRequired,onClear:a().func.isRequired,customizeContent:a().func.isRequired};var Y=Z;const K=({source:n,onToggle:s,query:r,npmPackageType:i,possibleCategories:o,possibleCollections:d,handleSelectChange:c,handleSelectClear:l})=>{const{formatMessage:g}=(0,E.useIntl)();return e.createElement(t.Popover,{source:n,padding:3,spacing:4,onBlur:()=>{}},e.createElement(t.FocusTrap,{onEscape:s},e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:1},e.createElement(t.Box,null,e.createElement(Y,{message:g({id:"admin.pages.MarketPlacePage.filters.collections",defaultMessage:"Collections"}),value:r?.collections||[],onChange:m=>{c({collections:m})},onClear:()=>l("collections"),possibleFilters:d,customizeContent:m=>g({id:"admin.pages.MarketPlacePage.filters.collectionsSelected",defaultMessage:"{count, plural, =0 {No collections} one {# collection} other {# collections}} selected"},{count:m.length})})),i==="plugin"&&e.createElement(t.Box,null,e.createElement(Y,{message:g({id:"admin.pages.MarketPlacePage.filters.categories",defaultMessage:"Categories"}),value:r?.categories||[],onChange:m=>{c({categories:m})},onClear:()=>l("categories"),possibleFilters:o,customizeContent:m=>g({id:"admin.pages.MarketPlacePage.filters.categoriesSelected",defaultMessage:"{count, plural, =0 {No categories} one {# category} other {# categories}} selected"},{count:m.length}),name:"categories"})))))};K.propTypes={onToggle:a().func.isRequired,source:a().shape({current:a().instanceOf(Element)}).isRequired,query:a().object.isRequired,npmPackageType:a().oneOf(["plugin","provider"]).isRequired,possibleCollections:a().object.isRequired,possibleCategories:a().object.isRequired,handleSelectChange:a().func.isRequired,handleSelectClear:a().func.isRequired};var Fe=K;const F=({name:n,handleRemove:s})=>e.createElement(t.Box,{padding:1},e.createElement(t.Tag,{icon:e.createElement(f.Cross,null),onClick:s},n)),Le=(0,T.default)(t.Button)`
+  height: ${({theme:n})=>n.sizes.input.S};
+`,J=({possibleCollections:n,possibleCategories:s,npmPackageType:r,query:i,handleSelectClear:o,handleSelectChange:d})=>{const[c,l]=(0,e.useState)(!1),g=(0,e.useRef)(),{formatMessage:m}=(0,E.useIntl)(),y=()=>l(h=>!h),M=(h,R)=>{const P={[R]:i[R].filter(b=>b!==h)};d(P)};return e.createElement(e.Fragment,null,e.createElement(t.Box,{paddingTop:1,paddingBottom:1},e.createElement(Le,{variant:"tertiary",ref:g,"data-testid":"filters-button",startIcon:e.createElement(f.Filter,null),onClick:y,size:"S"},m({id:"app.utils.filters",defaultMessage:"Filters"})),c&&e.createElement(Fe,{onToggle:y,source:g,query:i,handleSelectClear:o,handleSelectChange:d,possibleCollections:n,possibleCategories:s,npmPackageType:r})),i.collections?.map(h=>e.createElement(F,{name:h,key:h,handleRemove:()=>M(h,"collections")})),r==="plugin"&&i.categories?.map(h=>e.createElement(F,{name:h,key:h,handleRemove:()=>M(h,"categories")})))};F.propTypes={name:a().string.isRequired,handleRemove:a().func.isRequired},J.propTypes={npmPackageType:a().oneOf(["plugin","provider"]).isRequired,possibleCollections:a().object.isRequired,possibleCategories:a().object.isRequired,query:a().object.isRequired,handleSelectChange:a().func.isRequired,handleSelectClear:a().func.isRequired};var De=J;const X=(n,s)=>(0,C.ZP)(n,s,{keys:[{threshold:C.ZP.rankings.WORD_STARTS_WITH,key:"attributes.name"},{threshold:C.ZP.rankings.WORD_STARTS_WITH,key:"attributes.description"}],baseSort:(r,i)=>r.index<i.index?-1:1}),_=()=>{const{formatMessage:n}=(0,E.useIntl)(),{trackUsage:s}=(0,u.useTracking)(),{notifyStatus:r}=(0,t.useNotifyAT)(),i=(0,e.useRef)(s),o=(0,u.useNotification)(),[d,c]=(0,e.useState)(""),[{query:l},g]=(0,u.useQueryParams)(),{autoReload:m,dependencies:y,useYarn:M,strapiVersion:h}=(0,u.useAppInfos)(),R=ye(),P=l?.npmPackageType||"plugin",[b,ee]=(0,e.useState)({plugin:P==="plugin"?{...l}:{},provider:P==="provider"?{...l}:{}});(0,u.useFocusWhenNavigate)();const Oe=n({id:"global.marketplace",defaultMessage:"Marketplace"}),te=()=>{r(n({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:Oe}))},{status:ae,data:ne}=me(te,b.provider),{status:se,data:L}=Pe(te,b.plugin),$e=[se,ae].includes("loading"),Ve=[se,ae].includes("error");if((0,e.useEffect)(()=>{i.current("didGoToMarketplace")},[]),(0,e.useEffect)(()=>{m||o({type:"info",message:{id:"admin.pages.MarketPlacePage.production",defaultMessage:"Manage plugins from the development environment"},blockTransition:!0})},[o,m]),!R)return e.createElement(t.Layout,null,e.createElement(t.Main,null,e.createElement(z,{isOnline:R}),e.createElement(t.Flex,{width:"100%",direction:"column",alignItems:"center",justifyContent:"center",style:{paddingTop:"120px"}},e.createElement(t.Box,{paddingBottom:2},e.createElement(t.Typography,{textColor:"neutral700",variant:"alpha"},n({id:"admin.pages.MarketPlacePage.offline.title",defaultMessage:"You are offline"}))),e.createElement(t.Box,{paddingBottom:6},e.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."}))),e.createElement("img",{src:ke,alt:"offline",style:{width:"88px",height:"88px"}}))));if(Ve)return e.createElement(t.Layout,null,e.createElement(t.ContentLayout,null,e.createElement(t.Box,{paddingTop:8},e.createElement(u.AnErrorOccurred,null))));if($e)return e.createElement(t.Layout,null,e.createElement(t.Main,{"aria-busy":!0},e.createElement(u.LoadingIndicatorPage,null)));const D=X(L.data,d),A=X(ne.data,d),re=n({id:"admin.pages.MarketPlacePage.search.empty",defaultMessage:'No result for "{target}"'},{target:d}),je=v=>{const k=v===0?"plugin":"provider",Ue=b[k]&&Object.keys(b[k]).length;g(Ue?{...b[k],npmPackageType:k}:{npmPackageType:k,collections:[],categories:[],sort:"name:asc"})},ie=v=>{g(v),ee(k=>({...k,[P]:{...k[P],...v}}))},ze=v=>{g({[v]:[]},"remove"),ee(k=>({...k,[P]:{}}))},le=Object.keys(y),Ge=P==="plugin"?L.meta.collections:ne.meta.collections,He=L.meta.categories;return e.createElement(t.Layout,null,e.createElement(t.Main,null,e.createElement(oe.Helmet,{title:n({id:"admin.pages.MarketPlacePage.helmet",defaultMessage:"Marketplace - Plugins"})}),e.createElement(z,{isOnline:R,npmPackageType:P}),e.createElement(t.ContentLayout,null,e.createElement(t.Box,{width:"25%",paddingBottom:4},e.createElement(t.Searchbar,{name:"searchbar",onClear:()=>c(""),value:d,onChange:v=>c(v.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"}))),e.createElement(t.TabGroup,{label:n({id:"admin.pages.MarketPlacePage.tab-group.label",defaultMessage:"Plugins and Providers for Strapi"}),id:"tabs",variant:"simple",initialSelectedTabIndex:["plugin","provider"].indexOf(P),onTabChange:je},e.createElement(t.Box,{paddingBottom:4},e.createElement(t.Tabs,null,e.createElement(t.Tab,null,n({id:"admin.pages.MarketPlacePage.plugins",defaultMessage:"Plugins"})," ","(",D.length,")"),e.createElement(t.Tab,null,n({id:"admin.pages.MarketPlacePage.providers",defaultMessage:"Providers"})," ","(",A.length,")"))),e.createElement(t.Flex,{paddingBottom:4,gap:2},e.createElement(qe,{sortQuery:l?.sort||"name:asc",handleSelectChange:ie}),e.createElement(De,{npmPackageType:P,possibleCollections:Ge,possibleCategories:He,query:l||{},handleSelectChange:ie,handleSelectClear:ze})),e.createElement(t.TabPanels,null,e.createElement(t.TabPanel,null,d.length>0&&!D.length?e.createElement(V,{content:re}):e.createElement(Q,{npmPackages:D,installedPackageNames:le,useYarn:M,isInDevelopmentMode:m,npmPackageType:"plugin",strapiAppVersion:h})),e.createElement(t.TabPanel,null,d.length>0&&!A.length?e.createElement(V,{content:re}):e.createElement(Q,{npmPackages:A,installedPackageNames:le,useYarn:M,isInDevelopmentMode:m,npmPackageType:"provider"})))),e.createElement(t.Box,{paddingTop:7},e.createElement(ve,null)))))};var Ae=()=>e.createElement(u.CheckPagePermissions,{permissions:Ee.Z.marketplace.main},e.createElement(_,null))}}]);

package/build/Admin_pluginsPage.15e3b0fd.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[3677],{15415:function(M,o,a){a.r(o),a.d(o,{default:function(){return P}});var e=a(32735),s=a(13478),d=a(99357),r=a(5636),m=a(72041),t=a(39161),p=a(84968);const E=async()=>{const{get:n}=(0,s.getFetchClient)(),{data:l}=await n("/admin/plugins");return l};var f=n=>{const l=(0,s.useNotification)();return(0,p.useQuery)("list-enabled-plugins",()=>E(),{onSuccess(){n&&n()},onError(){l({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})},h=()=>{const{formatMessage:n}=(0,r.useIntl)(),{notifyStatus:l}=(0,t.useNotifyAT)();(0,s.useFocusWhenNavigate)();const u=n({id:"global.plugins",defaultMessage:"Plugins"}),y=()=>{l(n({id:"app.utils.notify.data-loaded",defaultMessage:"The {target} has loaded"},{target:u}))},{status:g,data:c}=f(y);return g!=="success"&&g!=="error"?e.createElement(t.Layout,null,e.createElement(t.Main,{"aria-busy":!0},e.createElement(s.LoadingIndicatorPage,null))):e.createElement(t.Layout,null,e.createElement(t.Main,null,e.createElement(t.HeaderLayout,{title:u,subtitle:n({id:"app.components.ListPluginsPage.description",defaultMessage:"List of the installed plugins in the project."})}),e.createElement(t.ContentLayout,null,e.createElement(t.Table,{colCount:2,rowCount:c?.plugins?.length??0+1},e.createElement(t.Thead,null,e.createElement(t.Tr,null,e.createElement(t.Th,null,e.createElement(t.Typography,{variant:"sigma",textColor:"neutral600"},n({id:"global.name",defaultMessage:"Name"}))),e.createElement(t.Th,null,e.createElement(t.Typography,{variant:"sigma",textColor:"neutral600"},n({id:"global.description",defaultMessage:"description"}))))),e.createElement(t.Tbody,null,c.plugins.map(({name:i,displayName:T,description:v})=>e.createElement(t.Tr,{key:i},e.createElement(t.Td,null,e.createElement(t.Typography,{textColor:"neutral800",variant:"omega",fontWeight:"bold"},n({id:`global.plugins.${i}`,defaultMessage:T}))),e.createElement(t.Td,null,e.createElement(t.Typography,{textColor:"neutral800"},n({id:`global.plugins.${i}.description`,defaultMessage:v}))))))))))},P=()=>{const{formatMessage:n}=(0,r.useIntl)(),l=n({id:"global.plugins",defaultMessage:"Plugins"});return e.createElement(s.CheckPagePermissions,{permissions:m.Z.marketplace.main},e.createElement(d.Helmet,{title:l}),e.createElement(h,null))}}}]);

package/build/Admin_profilePage.76afeca0.chunk.js

@@ -0,0 +1,15 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[9497],{9972:function(H,w,n){n.r(w),n.d(w,{default:function(){return X}});var e=n(32735),l=n(83292),o=n(13478),T=n(5636),v=n(83281),C=n(23940),M=n.n(C),E=n(84968),S=n(88423),f=n.n(S),m=n(99357),t=n(39161),u=n(57269),Z=n(20139),U=n(8888),k=n(9086),N=n.n(k);const O=async()=>{const{get:d}=(0,o.getFetchClient)(),{data:g}=await d("/admin/users/me");return g.data},D=async d=>{const g=N()(d,["confirmPassword","currentTheme"]),{put:h}=(0,o.getFetchClient)(),{data:L}=await h("/admin/users/me",g);return{...L.data,currentTheme:d.currentTheme}};var z=n(5173),Q=n(1057),j=z.Ry().shape(Q.Rw),G=n(8997);const W=l.default.a`
+  color: ${({theme:d})=>d.colors.primary600};
+`,P=(0,l.default)(t.TextInput)`
+  ::-ms-reveal {
+    display: none;
+  }
+`,I=(0,l.default)(t.FieldAction)`
+  svg {
+    height: 1rem;
+    width: 1rem;
+    path {
+      fill: ${({theme:d})=>d.colors.neutral600};
+    }
+  }
+`;var X=()=>{const[d,g]=(0,e.useState)(!1),[h,L]=(0,e.useState)(!1),[A,Y]=(0,e.useState)(!1),{changeLocale:$,localeNames:F}=(0,Z.Z)(),{setUserDisplayName:V}=(0,o.useAppInfos)(),J=(0,E.useQueryClient)(),{formatMessage:a}=(0,T.useIntl)(),{trackUsage:K}=(0,o.useTracking)(),b=(0,o.useNotification)(),{lockApp:q,unlockApp:_}=(0,o.useOverlayBlocker)(),{notifyStatus:ee}=(0,t.useNotifyAT)(),{currentTheme:te,themes:R,onChangeTheme:ae}=(0,U.M1)();(0,o.useFocusWhenNavigate)();const{status:re,data:y}=(0,E.useQuery)("user",()=>O(),{onSuccess(){ee(a({id:"Settings.profile.form.notify.data.loaded",defaultMessage:"Your profile data has been loaded"}))},onError(){b({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}}),ne=re!=="success",B=(0,E.useMutation)(r=>D(r),{async onSuccess(r){await J.invalidateQueries("user"),o.auth.setUserInfo(f()(r,["email","firstname","lastname","username","preferedLanguage"]));const i=r.username||(0,G.Pp)(r.firstname,r.lastname);V(i),$(r.preferedLanguage),ae(r.currentTheme),K("didChangeMode",{newMode:r.currentTheme}),b({type:"success",message:{id:"notification.success.saved",defaultMessage:"Saved"}})},onSettled(){_()},refetchActive:!0}),{isLoading:se}=B,oe=async(r,{setErrors:i})=>{q();const c=r.username||null;B.mutate({...r,username:c},{onError(x){const s=x?.response?.data;return s?.data?i(s.data):b({type:"warning",message:{id:"notification.error",defaultMessage:"An error occured"}})}})},le=["currentTheme","email","firstname","lastname","username","preferedLanguage"],ie=f()({...y,currentTheme:te},le);if(ne)return e.createElement(t.Main,{"aria-busy":"true"},e.createElement(m.Helmet,{title:a({id:"Settings.profile.form.section.helmet.title",defaultMessage:"User profile"})}),e.createElement(t.HeaderLayout,{title:a({id:"Settings.profile.form.section.profile.page.title",defaultMessage:"Profile page"})}),e.createElement(t.ContentLayout,null,e.createElement(o.LoadingIndicatorPage,null)));const de=Object.keys(R).filter(r=>R[r]);return e.createElement(t.Main,{"aria-busy":se},e.createElement(m.Helmet,{title:a({id:"Settings.profile.form.section.helmet.title",defaultMessage:"User profile"})}),e.createElement(v.Formik,{onSubmit:oe,initialValues:ie,validateOnChange:!1,validationSchema:j,enableReinitialize:!0},({errors:r,values:i,handleChange:c,isSubmitting:x})=>e.createElement(o.Form,null,e.createElement(t.HeaderLayout,{title:y.username||(0,G.Pp)(y.firstname,y.lastname),primaryAction:e.createElement(t.Button,{startIcon:e.createElement(u.Check,null),loading:x,type:"submit"},a({id:"global.save",defaultMessage:"Save"}))}),e.createElement(t.Box,{paddingBottom:10},e.createElement(t.ContentLayout,null,e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:6},e.createElement(t.Box,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:4},e.createElement(t.Typography,{variant:"delta",as:"h2"},a({id:"global.profile",defaultMessage:"Profile"})),e.createElement(t.Grid,{gap:5},e.createElement(t.GridItem,{s:12,col:6},e.createElement(o.GenericInput,{intlLabel:{id:"Auth.form.firstname.label",defaultMessage:"First name"},error:r.firstname,onChange:c,value:i.firstname||"",type:"text",name:"firstname",required:!0})),e.createElement(t.GridItem,{s:12,col:6},e.createElement(o.GenericInput,{intlLabel:{id:"Auth.form.lastname.label",defaultMessage:"Last name"},error:r.lastname,onChange:c,value:i.lastname||"",type:"text",name:"lastname"})),e.createElement(t.GridItem,{s:12,col:6},e.createElement(o.GenericInput,{intlLabel:{id:"Auth.form.email.label",defaultMessage:"Email"},error:r.email,onChange:c,value:i.email||"",type:"email",name:"email",required:!0})),e.createElement(t.GridItem,{s:12,col:6},e.createElement(o.GenericInput,{intlLabel:{id:"Auth.form.username.label",defaultMessage:"Username"},error:r.username,onChange:c,value:i.username||"",type:"text",name:"username"}))))),e.createElement(t.Box,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:4},e.createElement(t.Typography,{variant:"delta",as:"h2"},a({id:"global.change-password",defaultMessage:"Change password"})),e.createElement(t.Grid,{gap:5},e.createElement(t.GridItem,{s:12,col:6},e.createElement(P,{error:r.currentPassword?a({id:r.currentPassword,defaultMessage:r.currentPassword}):"",onChange:c,value:i.currentPassword||"",label:a({id:"Auth.form.currentPassword.label",defaultMessage:"Current Password"}),name:"currentPassword",type:A?"text":"password",endAction:e.createElement(I,{onClick:s=>{s.stopPropagation(),Y(p=>!p)},label:a(A?{id:"Auth.form.password.show-password",defaultMessage:"Show password"}:{id:"Auth.form.password.hide-password",defaultMessage:"Hide password"})},A?e.createElement(u.Eye,null):e.createElement(u.EyeStriked,null))}))),e.createElement(t.Grid,{gap:5},e.createElement(t.GridItem,{s:12,col:6},e.createElement(P,{error:r.password?a({id:r.password,defaultMessage:r.password}):"",onChange:c,value:i.password||"",label:a({id:"global.password",defaultMessage:"Password"}),name:"password",type:d?"text":"password",autoComplete:"new-password",endAction:e.createElement(I,{onClick:s=>{s.stopPropagation(),g(p=>!p)},label:a(d?{id:"Auth.form.password.show-password",defaultMessage:"Show password"}:{id:"Auth.form.password.hide-password",defaultMessage:"Hide password"})},d?e.createElement(u.Eye,null):e.createElement(u.EyeStriked,null))})),e.createElement(t.GridItem,{s:12,col:6},e.createElement(P,{error:r.confirmPassword?a({id:r.confirmPassword,defaultMessage:r.confirmPassword}):"",onChange:c,value:i.confirmPassword||"",label:a({id:"Auth.form.confirmPassword.label",defaultMessage:"Password confirmation"}),name:"confirmPassword",type:h?"text":"password",autoComplete:"new-password",endAction:e.createElement(I,{onClick:s=>{s.stopPropagation(),L(p=>!p)},label:a(h?{id:"Auth.form.password.show-password",defaultMessage:"Show password"}:{id:"Auth.form.password.hide-password",defaultMessage:"Hide password"})},h?e.createElement(u.Eye,null):e.createElement(u.EyeStriked,null))}))))),e.createElement(t.Box,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:4},e.createElement(t.Flex,{direction:"column",alignItems:"stretch",gap:1},e.createElement(t.Typography,{variant:"delta",as:"h2"},a({id:"Settings.profile.form.section.experience.title",defaultMessage:"Experience"})),e.createElement(t.Typography,null,a({id:"Settings.profile.form.section.experience.interfaceLanguageHelp",defaultMessage:"Preference changes will apply only to you. More information is available {here}."},{here:e.createElement(W,{target:"_blank",rel:"noopener noreferrer",href:"https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#locales"},a({id:"Settings.profile.form.section.experience.here",defaultMessage:"here"}))}))),e.createElement(t.Grid,{gap:5},e.createElement(t.GridItem,{s:12,col:6},e.createElement(t.Select,{label:a({id:"Settings.profile.form.section.experience.interfaceLanguage",defaultMessage:"Interface language"}),placeholder:a({id:"global.select",defaultMessage:"Select"}),hint:a({id:"Settings.profile.form.section.experience.interfaceLanguage.hint",defaultMessage:"This will only display your own interface in the chosen language."}),onClear:()=>{c({target:{name:"preferedLanguage",value:null}})},clearLabel:a({id:"Settings.profile.form.section.experience.clear.select",defaultMessage:"Clear the interface language selected"}),value:i.preferedLanguage,onChange:s=>{c({target:{name:"preferedLanguage",value:s}})}},Object.keys(F).map(s=>{const p=F[s];return e.createElement(t.Option,{value:s,key:s},p)}))),e.createElement(t.GridItem,{s:12,col:6},e.createElement(t.Select,{label:a({id:"Settings.profile.form.section.experience.mode.label",defaultMessage:"Interface mode"}),placeholder:a({id:"components.Select.placeholder",defaultMessage:"Select"}),hint:a({id:"Settings.profile.form.section.experience.mode.hint",defaultMessage:"Displays your interface in the chosen mode."}),value:i.currentTheme,onChange:s=>{c({target:{name:"currentTheme",value:s}})}},de.map(s=>e.createElement(t.Option,{value:s,key:s},a({id:"Settings.profile.form.section.experience.mode.option-label",defaultMessage:"{name} mode"},{name:a({id:s,defaultMessage:M()(s)})}))))))))))))))}},1057:function(H,w,n){n.d(w,{YM:function(){return S},Rw:function(){return v}});var e=n(5173),l=n(13478);const o={firstname:e.Z_().trim().required(l.translatedErrors.required),lastname:e.Z_(),email:e.Z_().email(l.translatedErrors.email).lowercase().required(l.translatedErrors.required),username:e.Z_().nullable(),password:e.Z_().min(8,l.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"),confirmPassword:e.Z_().min(8,l.translatedErrors.minLength).oneOf([e.iH("password"),null],"components.Input.error.password.noMatch").when("password",(f,m)=>f?m.required(l.translatedErrors.required):m)};var v={...o,currentPassword:e.Z_().when(["password","confirmPassword"],(f,m,t)=>f||m?t.required(l.translatedErrors.required):t),preferedLanguage:e.Z_().nullable()},M={roles:e.IX().min(1,l.translatedErrors.required).required(l.translatedErrors.required)},S=e.Ry().shape({...o,isActive:e.Xg(),...M})}}]);

package/build/Admin_settingsPage.147755cd.chunk.js

@@ -0,0 +1,9 @@
+(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[5895],{61056:function(R,S,e){"use strict";e.r(S),e.d(S,{SettingsPage:function(){return ot},default:function(){return Kt}});var t=e(32735),g=e(13478),f=e(5141),n=e(39161),E=e(5636),I=e(99357),z=e(8888),x=e(8997),P=e(84968),F=e(57269),G=e(72041),N=e(60216),i=e.n(N);const v=750,A=100,B=["image/jpeg","image/png","image/svg+xml"];var U=e(97889);const D={localImage:void 0};var j=(a=D,o)=>(0,U.default)(a,s=>{switch(o.type){case"SET_LOCAL_IMAGE":{s.localImage=o.value;break}default:return s}});const H=({onChangeLogo:a,customLogo:o,goTo:s,Component:l,modalTitle:d,next:u,prev:h,currentStep:m})=>{const[{localImage:c},r]=(0,t.useReducer)(j,D),{formatMessage:y}=(0,E.useIntl)(),p=M=>{r({type:"SET_LOCAL_IMAGE",value:M})},L=()=>{s(null)};return m?t.createElement(n.ModalLayout,{labelledBy:"modal",onClose:L},t.createElement(n.ModalHeader,null,t.createElement(n.Typography,{fontWeight:"bold",as:"h2",id:"modal"},y(d))),t.createElement(l,{setLocalImage:p,goTo:s,next:u,prev:h,onClose:L,asset:c||o,onChangeLogo:a})):null};H.defaultProps={Component:void 0,currentStep:void 0,customLogo:void 0,modalTitle:void 0,next:null,prev:null},H.propTypes={Component:i().elementType,currentStep:i().string,customLogo:i().shape({name:i().string,url:i().string,width:i().number,height:i().number,ext:i().string}),goTo:i().func.isRequired,modalTitle:i().shape({id:i().string,defaultMessage:i().string}),next:i().string,onChangeLogo:i().func.isRequired,prev:i().string};var at=H;const Y={currentStep:void 0};var st=(a=Y,o)=>(0,U.default)(a,s=>{switch(o.type){case"GO_TO":{s.currentStep=o.to;break}default:return s}}),it=e(83292);const lt={id:"Settings.application.customization.modal.upload.error-format",defaultMessage:"Wrong format uploaded (accepted formats only: jpeg, jpg, png, svg)."},k={id:"Settings.application.customization.modal.upload.error-size",defaultMessage:"The file uploaded is too large (max dimension: {dimension}x{dimension}, max file size: {size}KB)"},rt=a=>new Promise(o=>{const s=new FileReader;s.onload=()=>{const l=new Image;l.onload=function(){o({width:l.width,height:l.height})},l.src=s.result},s.readAsDataURL(a)}),dt=(a,o)=>({ext:a.name.split(".").pop(),size:a.size/1e3,name:a.name,url:URL.createObjectURL(a),rawFile:a,width:o.width,height:o.height}),q=async a=>{let o;if(!B.includes(a.type))throw o=new Error("File format"),o.displayMessage=lt,o;const l=await rt(a);if(!(l.width<=v&&l.height<=v))throw o=new Error("File sizing"),o.displayMessage=k,o;const u=dt(a,l);if(!(u.size<=A))throw o=new Error("File sizing"),o.displayMessage=k,o;return u},ct=(0,it.default)(n.FieldInput)`
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+`,w=({setLocalImage:a,goTo:o,next:s,onClose:l})=>{const{formatMessage:d}=(0,E.useIntl)(),[u,h]=(0,t.useState)(!1),[m,c]=(0,t.useState)(void 0),r=(0,t.useRef)(null),y=()=>h(!0),p=()=>h(!1),L=O=>{O.preventDefault(),r.current.click()},M=async()=>{p();const O=r.current.files[0];if(O)try{const C=await q(O);a(C),o(s)}catch(C){if(C.displayMessage)c(d(C.displayMessage,{size:A,dimension:v})),r.current.focus();else throw C}},T=()=>u?"primary500":m?"danger600":"neutral300";return t.createElement(t.Fragment,null,t.createElement("form",null,t.createElement(n.Box,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},t.createElement(n.Field,{name:"logo-upload",error:m},t.createElement("label",{htmlFor:"logo-upload"},t.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(n.Flex,{paddingTop:9,paddingBottom:7,hasRadius:!0,justifyContent:"center",direction:"column",background:u?"primary100":"neutral100",borderColor:T(),borderStyle:"dashed",borderWidth:"1px",position:"relative",onDragEnter:y,onDragLeave:p},t.createElement(n.Icon,{color:"primary600",width:`${60/16}rem`,height:`${60/16}rem`,as:F.PicturePlus,"aria-hidden":!0}),t.createElement(n.Box,{paddingTop:3,paddingBottom:5},t.createElement(n.Typography,{variant:"delta",as:"span"},d({id:"Settings.application.customization.modal.upload.drag-drop",defaultMessage:"Drag and Drop here or"}))),t.createElement(ct,{accept:B,cursor:"pointer",as:"input",type:"file",name:"files",tabIndex:-1,zIndex:1,onChange:M,ref:r,id:"logo-upload"}),t.createElement(n.Button,{type:"button",onClick:L},d({id:"Settings.application.customization.modal.upload.cta.browse",defaultMessage:"Browse files"})),t.createElement(n.Box,{paddingTop:6},t.createElement(n.Typography,{variant:"pi",textColor:"neutral600"},d({id:"Settings.application.customization.modal.upload.file-validation",defaultMessage:"Max dimension: {dimension}x{dimension}, Max size: {size}KB"},{size:A,dimension:v})))),t.createElement(n.FieldError,null)))))),t.createElement(n.ModalFooter,{startActions:t.createElement(n.Button,{onClick:l,variant:"tertiary"},d({id:"Settings.application.customization.modal.cancel",defaultMessage:"Cancel"}))}))};w.defaultProps={next:null},w.propTypes={goTo:i().func.isRequired,next:i().string,onClose:i().func.isRequired,setLocalImage:i().func.isRequired};var ut=w,mt=e(84306),gt=async a=>{try{const o=await mt.Z.get(a,{responseType:"blob",timeout:8e3});return new File([o.data],o.config.url,{type:o.headers["content-type"]})}catch(o){throw o.displayMessage={id:"Settings.application.customization.modal.upload.error-network",defaultMessage:"Network error"},o}};const K=({goTo:a,next:o,onClose:s,setLocalImage:l})=>{const{formatMessage:d}=(0,E.useIntl)(),[u,h]=(0,t.useState)(""),[m,c]=(0,t.useState)(null),r=p=>{h(p.target.value)},y=async()=>{try{const p=await gt(u),L=await q(p);l(L),a(o)}catch(p){if(p.displayMessage)c(d(p.displayMessage,{size:A,dimension:v}));else throw p}};return t.createElement("form",{onSubmit:p=>{p.preventDefault(),y()}},t.createElement(n.Box,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},t.createElement(n.TextInput,{label:d({id:"Settings.application.customization.modal.upload.from-url.input-label",defaultMessage:"URL"}),error:m,onChange:r,value:u,name:"logo-url"})),t.createElement(n.ModalFooter,{startActions:t.createElement(n.Button,{onClick:s,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:t.createElement(n.Button,{type:"submit"},d({id:"Settings.application.customization.modal.upload.next",defaultMessage:"Next"}))}))};K.defaultProps={next:null},K.propTypes={goTo:i().func.isRequired,next:i().string,onClose:i().func.isRequired,setLocalImage:i().func.isRequired};var pt=K;const Z=({setLocalImage:a,goTo:o,next:s,onClose:l})=>{const{formatMessage:d}=(0,E.useIntl)();return t.createElement(n.TabGroup,{label:d({id:"Settings.application.customization.modal.tab.label",defaultMessage:"How do you want to upload your assets?"}),variant:"simple"},t.createElement(n.Box,{paddingLeft:8,paddingRight:8},t.createElement(n.Tabs,null,t.createElement(n.Tab,null,d({id:"Settings.application.customization.modal.upload.from-computer",defaultMessage:"From computer"})),t.createElement(n.Tab,null,d({id:"Settings.application.customization.modal.upload.from-url",defaultMessage:"From url"}))),t.createElement(n.Divider,null)),t.createElement(n.TabPanels,null,t.createElement(n.TabPanel,null,t.createElement(ut,{onClose:l,setLocalImage:a,goTo:o,next:s})),t.createElement(n.TabPanel,null,t.createElement(pt,{onClose:l,setLocalImage:a,goTo:o,next:s}))))};Z.defaultProps={next:null},Z.propTypes={goTo:i().func.isRequired,next:i().string,onClose:i().func.isRequired,setLocalImage:i().func.isRequired};var ft=Z;const _=({asset:a})=>{const{formatMessage:o}=(0,E.useIntl)();return t.createElement(n.Card,null,t.createElement(n.CardHeader,null,t.createElement(n.CardAsset,{size:"S",src:a.url})),t.createElement(n.CardBody,null,t.createElement(n.CardContent,null,t.createElement(n.CardTitle,null,a.name),t.createElement(n.CardSubtitle,null,`${a.ext.toUpperCase()} - ${a.width}\u2715${a.height}`)),t.createElement(n.CardBadge,null,o({id:"Settings.application.customization.modal.pending.card-badge",defaultMessage:"image"}))))};_.propTypes={asset:i().shape({name:i().string,url:i().string,width:i().number,height:i().number,ext:i().string}).isRequired};var ht=_;const V=({onClose:a,asset:o,prev:s,next:l,goTo:d,setLocalImage:u,onChangeLogo:h})=>{const{formatMessage:m}=(0,E.useIntl)(),c=()=>{u(void 0),d(s)},r=()=>{h(o),d(l)};return t.createElement(t.Fragment,null,t.createElement(n.Box,{paddingLeft:8,paddingRight:8,paddingTop:6,paddingBottom:6},t.createElement(n.Flex,{justifyContent:"space-between",paddingBottom:6},t.createElement(n.Flex,{direction:"column",alignItems:"flex-start"},t.createElement(n.Typography,{variant:"pi",fontWeight:"bold"},m({id:"Settings.application.customization.modal.pending.title",defaultMessage:"Logo ready to upload"})),t.createElement(n.Typography,{variant:"pi",textColor:"neutral500"},m({id:"Settings.application.customization.modal.pending.subtitle",defaultMessage:"Manage the chosen logo before uploading it"}))),t.createElement(n.Button,{onClick:c,variant:"secondary"},m({id:"Settings.application.customization.modal.pending.choose-another",defaultMessage:"Choose another logo"}))),t.createElement(n.Box,{maxWidth:(0,g.pxToRem)(180)},t.createElement(ht,{asset:o}))),t.createElement(n.ModalFooter,{startActions:t.createElement(n.Button,{onClick:a,variant:"tertiary"},m({id:"Settings.application.customization.modal.cancel",defaultMessage:"Cancel"})),endActions:t.createElement(n.Button,{onClick:r},m({id:"Settings.application.customization.modal.pending.upload",defaultMessage:"Upload logo"}))}))};V.defaultProps={next:null,prev:null},V.propTypes={goTo:i().func.isRequired,asset:i().shape({name:i().string,url:i().string,width:i().number,height:i().number,ext:i().string}).isRequired,next:i().string,onClose:i().func.isRequired,onChangeLogo:i().func.isRequired,prev:i().string,setLocalImage:i().func.isRequired};var Et=V,yt={upload:{Component:ft,modalTitle:{id:"Settings.application.customization.modal.upload",defaultMessage:"Upload logo"},next:"pending",prev:null},pending:{Component:Et,modalTitle:{id:"Settings.application.customization.modal.pending",defaultMessage:"Pending logo"},next:null,prev:"upload"}};const $=({canUpdate:a,customLogo:o,defaultLogo:s,hint:l,label:d,onChangeLogo:u,onResetLogo:h})=>{const[{currentStep:m},c]=(0,t.useReducer)(st,Y),{Component:r,next:y,prev:p,modalTitle:L}=yt[m]||{},{formatMessage:M}=(0,E.useIntl)(),T=O=>{c({type:"GO_TO",to:O})};return t.createElement(t.Fragment,null,t.createElement(n.CarouselInput,{label:d,selectedSlide:0,hint:l,previousLabel:"",nextLabel:"",onNext:()=>{},onPrevious:()=>{},secondaryLabel:o?.name||"logo.png",actions:t.createElement(n.CarouselActions,null,t.createElement(n.IconButton,{disabled:!a,onClick:()=>T(o?"pending":"upload"),label:M({id:"Settings.application.customization.carousel.change-action",defaultMessage:"Change logo"}),icon:t.createElement(F.Plus,null)}),o&&t.createElement(n.IconButton,{disabled:!a,onClick:h,label:M({id:"Settings.application.customization.carousel.reset-action",defaultMessage:"Reset logo"}),icon:t.createElement(F.Refresh,null)}))},t.createElement(n.CarouselSlide,{label:M({id:"Settings.application.customization.carousel-slide.label",defaultMessage:"Logo slide"})},t.createElement(n.Box,{maxHeight:"40%",maxWidth:"40%",as:"img",src:o?.url||s,alt:M({id:"Settings.application.customization.carousel.title",defaultMessage:"Logo"})}))),t.createElement(at,{Component:r,currentStep:m,onChangeLogo:u,customLogo:o,goTo:T,next:y,prev:p,modalTitle:L}))};$.defaultProps={canUpdate:!1,customLogo:null,hint:null},$.propTypes={canUpdate:i().bool,customLogo:i().shape({url:i().string,name:i().string}),label:i().string.isRequired,hint:i().string,defaultLogo:i().string.isRequired,onChangeLogo:i().func.isRequired,onResetLogo:i().func.isRequired};var tt=$;const Q={menuLogo:{display:null,submit:{rawFile:null,isReset:!1}},authLogo:{display:null,submit:{rawFile:null,isReset:!1}}};var Mt=(a=Q,o)=>(0,U.default)(a,s=>{switch(o.type){case"SET_CUSTOM_MENU_LOGO":{s.menuLogo.display=o.value,s.menuLogo.submit.rawFile=o.value.rawFile;break}case"SET_CUSTOM_AUTH_LOGO":{s.authLogo.display=o.value,s.authLogo.submit.rawFile=o.value.rawFile;break}case"RESET_CUSTOM_MENU_LOGO":{s.menuLogo.display=null,s.menuLogo.submit={rawFile:null,isReset:!0};break}case"RESET_CUSTOM_AUTH_LOGO":{s.authLogo.display=null,s.authLogo.submit={rawFile:null,isReset:!0};break}default:return s}}),St=e(86349),Lt=e.n(St),vt=(a,o)=>Lt()(a,{menuLogo:{display:o.menuLogo},authLogo:{display:o.authLogo}});const J=(0,t.forwardRef)(({canUpdate:a,projectSettingsStored:o},s)=>{const{formatMessage:l}=(0,E.useIntl)(),{trackUsage:d}=(0,g.useTracking)(),{logos:{menu:u,auth:h}}=(0,z.um)(),[{menuLogo:m,authLogo:c},r]=(0,t.useReducer)(Mt,Q,()=>vt(Q,o)),y=T=>{r({type:"SET_CUSTOM_MENU_LOGO",value:T})},p=()=>{d("didClickResetLogo",{logo:"menu"}),r({type:"RESET_CUSTOM_MENU_LOGO"})},L=T=>{r({type:"SET_CUSTOM_AUTH_LOGO",value:T})},M=()=>{d("didClickResetLogo",{logo:"auth"}),r({type:"RESET_CUSTOM_AUTH_LOGO"})};return(0,t.useImperativeHandle)(s,()=>({getValues:()=>({menuLogo:m.submit,authLogo:c.submit})})),t.createElement(n.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingRight:7,paddingLeft:7},t.createElement(n.Typography,{variant:"delta",as:"h3"},l({id:"Settings.application.customization",defaultMessage:"Customization"})),t.createElement(n.Typography,{variant:"pi",textColor:"neutral600"},l({id:"Settings.application.customization.size-details",defaultMessage:"Max dimension: {dimension}\xD7{dimension}, Max file size: {size}KB"},{dimension:v,size:A})),t.createElement(n.Grid,{paddingTop:4,gap:4},t.createElement(n.GridItem,{col:6,s:12},t.createElement(tt,{canUpdate:a,customLogo:m.display,defaultLogo:u.default,hint:l({id:"Settings.application.customization.menu-logo.carousel-hint",defaultMessage:"Replace the logo in the main navigation"}),label:l({id:"Settings.application.customization.carousel.menu-logo.title",defaultMessage:"Menu logo"}),onChangeLogo:y,onResetLogo:p})),t.createElement(n.GridItem,{col:6,s:12},t.createElement(tt,{canUpdate:a,customLogo:c.display,defaultLogo:h.default,hint:l({id:"Settings.application.customization.auth-logo.carousel-hint",defaultMessage:"Replace the logo in the authentication pages"}),label:l({id:"Settings.application.customization.carousel.auth-logo.title",defaultMessage:"Auth logo"}),onChangeLogo:L,onResetLogo:M}))))});J.defaultProps={canUpdate:!1,projectSettingsStored:null},J.propTypes={canUpdate:i().bool,projectSettingsStored:i().shape({menuLogo:i().shape({url:i().string,name:i().string})})};var Ct=J,Tt=e(48344),xt=e.n(Tt),et=a=>xt()(a,(o,s,l)=>{s&&s.url?o[l]={...s,url:(0,g.prefixFileUrlWithBackendUrl)(s.url)}:o[l]=s},{});const Rt=async()=>{const{get:a}=(0,g.getFetchClient)(),{data:o}=await a("/admin/project-settings");return et(o)},It=async a=>{const{post:o}=(0,g.getFetchClient)(),{data:s}=await o("/admin/project-settings",a,{headers:{"Content-Type":"multipart/form-data"}});return et(s)};var Ft=a=>{const o=new FormData;return Object.entries(a).forEach(([s,l])=>{l&&l.rawFile instanceof File&&o.append(s,l.rawFile),l&&l.isReset&&o.append(s,null)}),o};const Ot=(()=>window&&window.strapi&&window.strapi.isEE?e(78999).Z:e(17891).Z)();var At=()=>{const a=(0,t.useRef)(),o=(0,g.useNotification)(),{trackUsage:s}=(0,g.useTracking)(),{formatMessage:l}=(0,E.useIntl)(),d=(0,P.useQueryClient)();(0,g.useFocusWhenNavigate)();const u=(0,g.useAppInfos)(),{latestStrapiReleaseTag:h,shouldUpdateStrapi:m,strapiVersion:c}=u,{updateProjectSettings:r}=(0,z.um)(),{allowedActions:{canRead:y,canUpdate:p}}=(0,g.useRBAC)(G.Z.settings["project-settings"]),L=y&&p,{data:M}=(0,P.useQuery)("project-settings",Rt,{enabled:y}),T=(0,P.useMutation)(C=>It(C),{async onSuccess(C){let{menuLogo:b,authLogo:X}=C;await d.invalidateQueries("project-settings",{refetchActive:!0}),r({menuLogo:b?.url,authLogo:X?.url})}}),O=C=>{if(C.preventDefault(),!p)return;const b=a.current.getValues(),X=Ft(b);T.mutate(X,{onSuccess(){const{menuLogo:Zt,authLogo:Vt}=b;Zt.rawFile&&s("didChangeLogo",{logo:"menu"}),Vt.rawFile&&s("didChangeLogo",{logo:"auth"}),o({type:"success",message:l({id:"app",defaultMessage:"Saved"})})},onError(){o({type:"warning",message:{id:"notification.error",defaultMessage:"An error occurred"}})}})};return t.createElement(n.Layout,null,t.createElement(g.SettingsPageTitle,{name:"Application"}),t.createElement(n.Main,null,t.createElement("form",{onSubmit:O},t.createElement(n.HeaderLayout,{title:l({id:"Settings.application.title",defaultMessage:"Overview"}),subtitle:l({id:"Settings.application.description",defaultMessage:"Administration panel\u2019s global information"}),primaryAction:L&&t.createElement(n.Button,{type:"submit",startIcon:t.createElement(F.Check,null)},l({id:"global.save",defaultMessage:"Save"}))}),t.createElement(n.ContentLayout,null,t.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:6},t.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:4,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingRight:7,paddingLeft:7},t.createElement(n.Typography,{variant:"delta",as:"h3"},l({id:"global.details",defaultMessage:"Details"})),t.createElement(n.Grid,{gap:5,as:"dl"},t.createElement(n.GridItem,{col:6,s:12},t.createElement(n.Typography,{variant:"sigma",textColor:"neutral600",as:"dt"},l({id:"Settings.application.strapiVersion",defaultMessage:"strapi version"})),t.createElement(n.Flex,{gap:3,direction:"column",alignItems:"start",as:"dd"},t.createElement(n.Typography,null,"v",c),m&&t.createElement(n.Link,{href:`https://github.com/strapi/strapi/releases/tag/${h}`,isExternal:!0,endIcon:t.createElement(F.ExternalLink,null)},l({id:"Settings.application.link-upgrade",defaultMessage:"Upgrade your admin panel"})))),t.createElement(n.GridItem,{col:6,s:12},t.createElement(n.Typography,{variant:"sigma",textColor:"neutral600",as:"dt"},l({id:"Settings.application.edition-title",defaultMessage:"current plan"})),t.createElement(n.Flex,{gap:3,direction:"column",alignItems:"start",as:"dd"},t.createElement(n.Typography,null,l({id:"Settings.application.ee-or-ce",defaultMessage:"{communityEdition, select, true {Community Edition} other {Enterprise Edition}}"},{communityEdition:u.communityEdition})),t.createElement(n.Link,{href:"https://strapi.io/pricing-self-hosted",isExternal:!0,endIcon:t.createElement(F.ExternalLink,null)},l({id:"Settings.application.link-pricing",defaultMessage:"See all pricing plans"})))),t.createElement(n.GridItem,{col:6,s:12},t.createElement(n.Typography,{variant:"sigma",textColor:"neutral600",as:"dt"},l({id:"Settings.application.node-version",defaultMessage:"node version"})),t.createElement(n.Typography,{as:"dd"},u.nodeVersion)),t.createElement(Ot,null))),y&&M&&t.createElement(Ct,{canUpdate:p,ref:a,projectSettingsStored:M}))))))},zt=e(3704),Ut=e.n(zt),Dt=a=>Ut()(a,s=>s.links).map(s=>(0,x.ot)(s.Component,s.to,s.exact||!1)),Pt=a=>a.filter(o=>!o.links.every(s=>s.isDisplayed===!1)),Bt=[{async Component(){return await Promise.all([e.e(8469),e.e(3455)]).then(e.bind(e,67249))},to:"/settings/roles",exact:!0},{async Component(){return await e.e(2544).then(e.bind(e,92034))},to:"/settings/roles/duplicate/:id",exact:!0},{async Component(){return await e.e(2544).then(e.bind(e,92034))},to:"/settings/roles/new",exact:!0},{async Component(){return await e.e(2544).then(e.bind(e,33778))},to:"/settings/roles/:id",exact:!0},{async Component(){return await e.e(5199).then(e.bind(e,54865))},to:"/settings/users",exact:!0},{async Component(){return await e.e(4263).then(e.bind(e,34669))},to:"/settings/users/:id",exact:!0},{async Component(){return await e.e(5162).then(e.bind(e,33238))},to:"/settings/webhooks/create",exact:!0},{async Component(){return await e.e(5162).then(e.bind(e,59021))},to:"/settings/webhooks/:id",exact:!0},{async Component(){return await e.e(4121).then(e.bind(e,70791))},to:"/settings/webhooks",exact:!0},{async Component(){return await e.e(8056).then(e.bind(e,37168))},to:"/settings/api-tokens",exact:!0},{async Component(){return await Promise.all([e.e(4049),e.e(4649),e.e(4299)]).then(e.bind(e,3330))},to:"/settings/api-tokens/create",exact:!0},{async Component(){return await Promise.all([e.e(4049),e.e(4649),e.e(92)]).then(e.bind(e,97841))},to:"/settings/api-tokens/:id",exact:!0},{async Component(){return await Promise.all([e.e(4049),e.e(7259),e.e(4816)]).then(e.bind(e,76411))},to:"/settings/transfer-tokens/create",exact:!0},{async Component(){return await e.e(9600).then(e.bind(e,38286))},to:"/settings/transfer-tokens",exact:!0},{async Component(){return await Promise.all([e.e(4049),e.e(7259),e.e(2492)]).then(e.bind(e,32392))},to:"/settings/transfer-tokens/:id",exact:!0}],bt=[...(()=>window&&window.strapi&&window.strapi.isEE?e(63775).Z:e(75936).Z)(),...Bt],Gt=e(61590),Nt=e(43110),Wt=e(77013),jt=e(79318),Ht=e(66618);const nt=({menu:a})=>{const{formatMessage:o}=(0,E.useIntl)(),{trackUsage:s}=(0,g.useTracking)(),{pathname:l}=(0,f.useLocation)(),u=Pt(a).map(c=>({...c,title:c.intlLabel,links:c.links.map(r=>({...r,title:r.intlLabel,name:r.id}))})),h=o({id:"global.settings",defaultMessage:"Settings"}),m=(c=null)=>{s("willNavigate",{from:l,to:c})};return t.createElement(Gt.m,{ariaLabel:h},t.createElement(Nt.p,{label:h}),t.createElement(Wt.Z,null,u.map(c=>t.createElement(jt.D,{key:c.id,label:o(c.intlLabel)},c.links.map(r=>t.createElement(Ht.E,{as:f.NavLink,withBullet:r.hasNotification,to:r.to,onClick:()=>m(r.to),key:r.id},o(r.intlLabel)))))))};nt.propTypes={menu:i().array.isRequired};var wt=nt;function ot(){const{settingId:a}=(0,f.useParams)(),{settings:o}=(0,g.useStrapiApp)(),{formatMessage:s}=(0,E.useIntl)(),{isLoading:l,menu:d}=(0,z.Te)(),u=(0,t.useMemo)(()=>(0,x.WW)(bt.map(({to:c,Component:r,exact:y})=>(0,x.ot)(r,c,y))),[]),h=Dt(o);if(l)return t.createElement(g.LoadingIndicatorPage,null);if(!a)return t.createElement(f.Redirect,{to:"/settings/application-infos"});const m=s({id:"global.settings",defaultMessage:"Settings"});return t.createElement(n.Layout,{sideNav:t.createElement(wt,{menu:d})},t.createElement(I.Helmet,{title:m}),t.createElement(f.Switch,null,t.createElement(f.Route,{path:"/settings/application-infos",component:At,exact:!0}),u,h))}var Kt=(0,t.memo)(ot)},17891:function(R,S){"use strict";const e=()=>null;S.Z=e},75936:function(R,S){"use strict";const e=[];S.Z=e},78999:function(R,S,e){"use strict";var t=e(32735),g=e(5636),f=e(39161),n=e.n(f),E=e(41502),I=e(57269),z=e.n(I),x=e(13478),P=e.n(x),F=e(58414);const G="https://cloud.strapi.io/profile/billing",N="https://strapi.io/billing/request-seats",i=()=>{const{formatMessage:v}=(0,g.useIntl)(),{license:A}=(0,F.q5)(),{licenseLimitStatus:B,enforcementUserCount:U,permittedSeats:D,isHostedOnStrapiCloud:W}=A?.data??{};return D?t.createElement(f.GridItem,{col:6,s:12},t.createElement(f.Typography,{variant:"sigma",textColor:"neutral600"},v({id:"Settings.application.admin-seats",defaultMessage:"Admin seats"})),t.createElement(f.Flex,{gap:2},t.createElement(f.Flex,null,t.createElement(f.Typography,{as:"p"},v({id:"Settings.application.ee.admin-seats.count",defaultMessage:"<text>{enforcementUserCount}</text>/{permittedSeats}"},{permittedSeats:D,enforcementUserCount:U,text:j=>t.createElement(f.Typography,{fontWeight:"semiBold",textColor:U>D?"danger500":null},j)}))),B==="OVER_LIMIT"&&t.createElement(f.Tooltip,{description:v({id:"Settings.application.ee.admin-seats.at-limit-tooltip",defaultMessage:"At limit: add seats to invite more users"})},t.createElement(f.Icon,{width:`${(0,x.pxToRem)(14)}rem`,height:`${(0,x.pxToRem)(14)}rem`,color:"danger500",as:I.ExclamationMarkCircle}))),t.createElement(E.r,{href:W?G:N,isExternal:!0,endIcon:t.createElement(I.ExternalLink,null)},v({id:"Settings.application.ee.admin-seats.add-seats",defaultMessage:"{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}"},{isHostedOnStrapiCloud:W}))):null};S.Z=i},63775:function(R,S,e){"use strict";const t=[];window.strapi.features.isEnabled(window.strapi.features.SSO)&&t.push({async Component(){return await e.e(302).then(e.bind(e,26930))},to:"/settings/single-sign-on",exact:!0}),window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)&&t.push({async Component(){return await e.e(8155).then(e.bind(e,16633))},to:"/settings/review-workflows",exact:!0}),window.strapi.features.isEnabled(window.strapi.features.AUDIT_LOGS)&&t.push({async Component(){return await e.e(2812).then(e.bind(e,71765))},to:"/settings/audit-logs",exact:!0}),S.Z=t},3704:function(R,S,e){var t=e(40314),g=e(37213);function f(n,E){return t(g(n,E),1)}R.exports=f},37213:function(R,S,e){var t=e(26460),g=e(88904),f=e(52920),n=e(77236);function E(I,z){var x=n(I)?t:f;return x(I,g(z,3))}R.exports=E}}]);

package/build/Upload_ConfigureTheView.34dde278.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[9514],{1372:function(P,p,t){t.r(p),t.d(p,{default:function(){return H}});var e=t(32735),y=t(5636),T=t(89793),A=t.n(T),N=t(60216),r=t.n(N),n=t(39161),u=t(13478),m=t(57269),d=t(20069),E=t(68781);const C=({sort:s="",pageSize:o=10,onChange:i})=>{const{formatMessage:l}=(0,y.useIntl)();return e.createElement(n.Box,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(n.Grid,{gap:4},e.createElement(n.GridItem,{s:12,col:6},e.createElement(n.Select,{label:l({id:(0,d.Z)("config.entries.title"),defaultMessage:"Entries per page"}),hint:l({id:(0,d.Z)("config.entries.note"),defaultMessage:"Number of assets displayed by default in the Media Library"}),onChange:a=>i({target:{name:"pageSize",value:a}}),name:"pageSize",value:o,"test-pageSize":o,"data-testid":"pageSize-select"},E.ay.map(a=>e.createElement(n.Option,{"data-testid":`pageSize-option-${a}`,key:a,value:a},a)))),e.createElement(n.GridItem,{s:12,col:6},e.createElement(n.Select,{label:l({id:(0,d.Z)("config.sort.title"),defaultMessage:"Default sort order"}),hint:l({id:(0,d.Z)("config.note"),defaultMessage:"Note: You can override this value in the media library."}),onChange:a=>i({target:{name:"sort",value:a}}),name:"sort",value:s,"test-sort":s,"data-testid":"sort-select"},E.Fo.map(a=>e.createElement(n.Option,{"data-testid":`sort-option-${a.value}`,key:a.key,value:a.value},l({id:(0,d.Z)(a.key),defaultMessage:`${a.value}`})))))))};C.propTypes={sort:r().string.isRequired,pageSize:r().number.isRequired,onChange:r().func.isRequired};var R=t(97889),I=t(3040),B=t.n(I),O=t(33795),z=t.n(O),f=t(74951);const D=`${f.Z}/ON_CHANGE`,S=`${f.Z}/SET_LOADED`,v={initialData:{},modifiedData:{}},M=s=>({...v,initialData:s,modifiedData:s});var $=(s=v,o)=>(0,R.default)(s,i=>{switch(o.type){case D:{B()(i,["modifiedData",...o.keys.split(".")],o.value);break}case S:{const l=M(z()(i,["modifiedData"],{}));i.initialData=l.initialData,i.modifiedData=l.modifiedData;break}default:return i}});const G=({name:s,value:o})=>({type:D,keys:s,value:o}),W=()=>({type:S});var F=t(68715);const L=({config:s})=>{const{trackUsage:o}=(0,u.useTracking)(),{formatMessage:i}=(0,y.useIntl)(),l=(0,u.useNotification)(),{mutateConfig:a}=(0,F.Z)(),{isLoading:b}=a,[k,U]=(0,e.useState)(!1),h=()=>U(g=>!g),[V,Z]=(0,e.useReducer)($,v,()=>M(s)),{initialData:x,modifiedData:c}=V,Y=g=>{g.preventDefault(),h()},j=async()=>{o("willEditMediaLibraryConfig"),await a.mutateAsync(c),h(),Z(W()),l({type:"success",message:{id:"notification.form.success.fields",defaultMessage:"Changes saved"}})},J=({target:{name:g,value:K}})=>{Z(G({name:g,value:K}))};return(0,u.useFocusWhenNavigate)(),e.createElement(n.Layout,null,e.createElement(n.Main,{"aria-busy":b},e.createElement("form",{onSubmit:Y},e.createElement(n.HeaderLayout,{navigationAction:e.createElement(u.Link,{startIcon:e.createElement(m.ArrowLeft,null),to:`/plugins/${f.Z}`,id:"go-back"},i({id:(0,d.Z)("config.back"),defaultMessage:"Back"})),primaryAction:e.createElement(n.Button,{size:"S",startIcon:e.createElement(m.Check,null),disabled:A()(c,x),type:"submit"},i({id:"global.save",defaultMessage:"Save"})),subtitle:i({id:(0,d.Z)("config.subtitle"),defaultMessage:"Define the view settings of the media library."}),title:i({id:(0,d.Z)("config.title"),defaultMessage:"Configure the view - Media Library"})}),e.createElement(n.ContentLayout,null,e.createElement(C,{"data-testid":"settings",pageSize:c.pageSize||"",sort:c.sort||"",onChange:J})),e.createElement(u.ConfirmDialog,{bodyText:{id:(0,d.Z)("config.popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(m.Check,null),isConfirmButtonLoading:b,isOpen:k,onToggleDialog:h,onConfirm:j,variantRightButton:"success-light"}))))};L.propTypes={config:r().shape({pageSize:r().number,sort:r().string}).isRequired};var H=L}}]);