@strapi/admin 4.7.0 → 4.7.2-exp.24dd7d95972fa822bf43e9b095b51027402c229e

package/build/{Admin_marketplace.a8ea585f.chunk.js → Admin_marketplace.0f6c8ee2.chunk.js}

@@ -1,22 +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(55721);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))),B=({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},B.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},B.propTypes={strapiAppVersion:a().string,strapiPeerDepVersion:a().string,handleCopy:a().func.isRequired,pluginName:a().string.isRequired};var Se=B;const I=({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};I.defaultProps={strapiAppVersion:null,strapiPeerDepVersion:null},I.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=I;const xe=(0,T.default)(t.Divider)`
+`,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(55721);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.Stack,{horizontal:!0,spacing: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 Be=w;const Ie=(0,T.default)(t.Typography)`
+`,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(Be,{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(Ie,{as:"p",variant:"omega",textColor:"neutral600"},c.description))),e.createElement(t.Stack,{horizontal:!0,spacing: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)`
+`,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.Stack,{spacing: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)`
+`,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_profilePage.d2a8f9ab.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(64421);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})}}]);