@strapi/admin 4.4.3 → 4.4.4

package/admin/src/StrapiApp.js

@@ -21,7 +21,7 @@ import {
   MUTATE_SINGLE_TYPES_LINKS,
 } from './exposedHooks';
 import injectionZones from './injectionZones';
-import favicon from './favicon.ico';
+import favicon from './favicon.png';
 import localStorageKey from './components/LanguageProvider/utils/localStorageKey';
 
 class StrapiApp {
@@ -227,7 +227,19 @@ class StrapiApp {
     }
 
     if (this.customConfigurations?.theme) {
-      merge(this.configurations.themes.light, this.customConfigurations.theme);
+      const darkTheme = this.customConfigurations.theme.dark;
+      const lightTheme = this.customConfigurations.theme.light;
+
+      if (!darkTheme && !lightTheme) {
+        console.warn(
+          `[deprecated] In future versions, Strapi will stop supporting this theme customization syntax. The theme configuration accepts a light and a dark key to customize each theme separately. See https://docs.strapi.io/developer-docs/latest/development/admin-customization.html#theme-extension.`
+        );
+        merge(this.configurations.themes.light, this.customConfigurations.theme);
+      }
+
+      if (lightTheme) merge(this.configurations.themes.light, lightTheme);
+
+      if (darkTheme) merge(this.configurations.themes.dark, darkTheme);
     }
 
     if (this.customConfigurations?.notifications?.releases !== undefined) {

package/admin/src/content-manager/components/DynamicTable/CellContent/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import { Typography } from '@strapi/design-system/Typography';
+import { Tooltip } from '@strapi/design-system/Tooltip';
 import Media from './Media';
 import MultipleMedias from './MultipleMedias';
 import RelationMultiple from './RelationMultiple';
@@ -55,6 +56,15 @@ const CellContent = ({ content, fieldSchema, metadatas, name, queryInfos, rowId
 
       return <SingleComponent value={content} metadatas={metadatas} />;
 
+    case 'string':
+      return (
+        <Tooltip description={content}>
+          <TypographyMaxWidth ellipsis textColor="neutral800">
+            <CellValue type={type} value={content} />
+          </TypographyMaxWidth>
+        </Tooltip>
+      );
+
     default:
       return (
         <TypographyMaxWidth ellipsis textColor="neutral800">

package/admin/src/content-manager/components/PreviewWysiwyg/index.js

@@ -13,7 +13,7 @@ import sanitizeHtml from './utils/satinizeHtml';
 import Wrapper from './Wrapper';
 
 const PreviewWysiwyg = ({ data }) => {
-  const html = useMemo(() => sanitizeHtml(md.render(data || '')), [data]);
+  const html = useMemo(() => sanitizeHtml(md.render(data.replaceAll('\\n', '\n') || '')), [data]);
 
   return (
     <Wrapper>

package/admin/src/content-manager/components/SelectOne/SingleValue.js

@@ -9,6 +9,7 @@ import { Typography } from '@strapi/design-system/Typography';
 import get from 'lodash/get';
 import has from 'lodash/has';
 import isEmpty from 'lodash/isEmpty';
+import { Tooltip } from '@strapi/design-system/Tooltip';
 import { getTrad } from '../../utils';
 
 const StyledBullet = styled.div`
@@ -43,7 +44,9 @@ const SingleValue = (props) => {
       <Component {...props}>
         <Flex>
           <StyledBullet title={title} isDraft={isDraft} />
-          <Typography ellipsis>{props.data.label ?? '-'}</Typography>
+          <Tooltip description={props.data.label ?? '-'}>
+            <Typography ellipsis>{props.data.label ?? '-'}</Typography>
+          </Tooltip>
         </Flex>
       </Component>
     );

package/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js

@@ -201,7 +201,7 @@ const DraggableCard = ({
                   id: getTrad('components.DraggableCard.move.field'),
                   defaultMessage: 'Move {item}',
                 },
-                { item: name }
+                { item: labelField }
               )}
               onClick={(e) => e.stopPropagation()}
               ref={refs.dragRef}
@@ -223,7 +223,7 @@ const DraggableCard = ({
                   id: getTrad('components.DraggableCard.edit.field'),
                   defaultMessage: 'Edit {item}',
                 },
-                { item: name }
+                { item: labelField }
               )}
               type="button"
             >
@@ -237,7 +237,7 @@ const DraggableCard = ({
                   id: getTrad('components.DraggableCard.delete.field'),
                   defaultMessage: 'Delete {item}',
                 },
-                { item: name }
+                { item: labelField }
               )}
               type="button"
             >

package/admin/src/content-manager/pages/ListSettingsView/components/Settings.js

@@ -16,7 +16,7 @@ const FlexGap = styled(Flex)`
 
 const Settings = ({ modifiedData, onChange, sortOptions }) => {
   const { formatMessage } = useIntl();
-  const { settings } = modifiedData;
+  const { settings, metadatas } = modifiedData;
 
   return (
     <>
@@ -122,7 +122,7 @@ const Settings = ({ modifiedData, onChange, sortOptions }) => {
           >
             {sortOptions.map((sortBy) => (
               <Option key={sortBy} value={sortBy}>
-                {sortBy}
+                {metadatas[sortBy].list.label || sortBy}
               </Option>
             ))}
           </Select>

package/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js

@@ -104,7 +104,7 @@ const SortDisplayedFields = ({
           >
             {listRemainingFields.map((field) => (
               <MenuItem key={field} onClick={() => handleAddField(field)}>
-                {field}
+                {metadatas[field].list.label || field}
               </MenuItem>
             ))}
           </SimpleMenu>

package/admin/src/core/apis/CustomFields.js

@@ -16,7 +16,6 @@ const ALLOWED_TYPES = [
   'string',
   'text',
   'time',
-  'timestamp',
   'uid',
 ];
 

package/admin/src/core/store/configureStore.js

@@ -1,14 +1,29 @@
-import { createStore, applyMiddleware } from 'redux';
+import { createStore, applyMiddleware, compose } from 'redux';
 import createReducer from './createReducer';
 
 const configureStore = (appMiddlewares, appReducers) => {
+  let composeEnhancers = compose;
+
   const middlewares = [];
 
   appMiddlewares.forEach((middleware) => {
     middlewares.push(middleware());
   });
 
-  return createStore(createReducer(appReducers), {}, applyMiddleware(...middlewares));
+  // If Redux Dev Tools  are installed, enable them
+  if (
+    process.env.NODE_ENV !== 'production' &&
+    typeof window === 'object' &&
+    window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+  ) {
+    composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({});
+  }
+
+  return createStore(
+    createReducer(appReducers),
+    {},
+    composeEnhancers(applyMiddleware(...middlewares))
+  );
 };
 
 export default configureStore;

package/admin/src/pages/App/index.js

@@ -91,7 +91,7 @@ function App() {
           try {
             const deviceId = await getUID();
 
-            fetch('https://analytics.strapi.io/track', {
+            await fetch('https://analytics.strapi.io/track', {
               method: 'POST',
               body: JSON.stringify({
                 event: 'didInitializeAdministration',

package/admin/src/pages/HomePage/SocialLinks.js

@@ -79,7 +79,7 @@ const socialLinks = [
   },
   {
     name: 'Discord',
-    link: 'https://slack.strapi.io/',
+    link: 'https://discord.strapi.io/',
     icon: <StyledDiscord />,
     alt: 'discord',
   },

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/CardButton.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import semver from 'semver';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { Tooltip } from '@strapi/design-system/Tooltip';
+import { Button } from '@strapi/design-system/Button';
+import { Box } from '@strapi/design-system/Box';
+import Duplicate from '@strapi/icons/Duplicate';
+
+const TooltipButton = ({ description, installMessage, disabled, handleCopy, pluginName }) => (
+  <Tooltip data-testid={`tooltip-${pluginName}`} description={description}>
+    <Box>
+      <Button
+        size="S"
+        startIcon={<Duplicate />}
+        variant="secondary"
+        disabled={disabled}
+        onClick={handleCopy}
+      >
+        {installMessage}
+      </Button>
+    </Box>
+  </Tooltip>
+);
+
+const CardButton = ({ strapiPeerDepVersion, strapiAppVersion, handleCopy, pluginName }) => {
+  const { formatMessage } = useIntl();
+  const versionRange = semver.validRange(strapiPeerDepVersion);
+  const isCompatible = semver.satisfies(strapiAppVersion, versionRange);
+
+  const installMessage = formatMessage({
+    id: 'admin.pages.MarketPlacePage.plugin.copy',
+    defaultMessage: 'Copy install command',
+  });
+
+  // Only plugins receive a strapiAppVersion
+  if (strapiAppVersion) {
+    if (!versionRange) {
+      return (
+        <TooltipButton
+          installMessage={installMessage}
+          pluginName={pluginName}
+          description={formatMessage(
+            {
+              id: 'admin.pages.MarketPlacePage.plugin.version.null',
+              defaultMessage:
+                'Unable to verify compatibility with your Strapi version: "{strapiAppVersion}"',
+            },
+            { strapiAppVersion }
+          )}
+          handleCopy={handleCopy}
+        />
+      );
+    }
+
+    if (!isCompatible) {
+      return (
+        <TooltipButton
+          installMessage={installMessage}
+          pluginName={pluginName}
+          description={formatMessage(
+            {
+              id: 'admin.pages.MarketPlacePage.plugin.version',
+              defaultMessage:
+                'Update your Strapi version: "{strapiAppVersion}" to: "{versionRange}"',
+            },
+            {
+              strapiAppVersion,
+              versionRange,
+            }
+          )}
+          disabled
+        />
+      );
+    }
+  }
+
+  return (
+    <Button size="S" startIcon={<Duplicate />} variant="secondary" onClick={handleCopy}>
+      {installMessage}
+    </Button>
+  );
+};
+
+TooltipButton.defaultProps = {
+  disabled: false,
+  handleCopy: null,
+};
+
+TooltipButton.propTypes = {
+  description: PropTypes.string.isRequired,
+  installMessage: PropTypes.string.isRequired,
+  disabled: PropTypes.bool,
+  handleCopy: PropTypes.func,
+  pluginName: PropTypes.string.isRequired,
+};
+
+CardButton.defaultProps = {
+  strapiAppVersion: null,
+  strapiPeerDepVersion: null,
+};
+
+CardButton.propTypes = {
+  strapiAppVersion: PropTypes.string,
+  strapiPeerDepVersion: PropTypes.string,
+  handleCopy: PropTypes.func.isRequired,
+  pluginName: PropTypes.string.isRequired,
+};
+
+export default CardButton;

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/InstallPluginButton.js

@@ -1,20 +1,34 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { useNotification, useTracking } from '@strapi/helper-plugin';
 import { Box } from '@strapi/design-system/Box';
 import { Icon } from '@strapi/design-system/Icon';
 import { Typography } from '@strapi/design-system/Typography';
 import Check from '@strapi/icons/Check';
-import Duplicate from '@strapi/icons/Duplicate';
-import { Button } from '@strapi/design-system/Button';
+import CardButton from './CardButton';
 
-const InstallPluginButton = ({ isInstalled, isInDevelopmentMode, commandToCopy }) => {
+const InstallPluginButton = ({
+  isInstalled,
+  isInDevelopmentMode,
+  commandToCopy,
+  strapiAppVersion,
+  strapiPeerDepVersion,
+  pluginName,
+}) => {
   const toggleNotification = useNotification();
   const { formatMessage } = useIntl();
   const { trackUsage } = useTracking();
 
+  const handleCopy = () => {
+    navigator.clipboard.writeText(commandToCopy);
+    trackUsage('willInstallPlugin');
+    toggleNotification({
+      type: 'success',
+      message: { id: 'admin.pages.MarketPlacePage.plugin.copy.success' },
+    });
+  };
+
   // Already installed
   if (isInstalled) {
     return (
@@ -33,23 +47,12 @@ const InstallPluginButton = ({ isInstalled, isInDevelopmentMode, commandToCopy }
   // In development, show install button
   if (isInDevelopmentMode) {
     return (
-      <CopyToClipboard
-        onCopy={() => {
-          trackUsage('willInstallPlugin');
-          toggleNotification({
-            type: 'success',
-            message: { id: 'admin.pages.MarketPlacePage.plugin.copy.success' },
-          });
-        }}
-        text={commandToCopy}
-      >
-        <Button size="S" startIcon={<Duplicate />} variant="secondary">
-          {formatMessage({
-            id: 'admin.pages.MarketPlacePage.plugin.copy',
-            defaultMessage: 'Copy install command',
-          })}
-        </Button>
-      </CopyToClipboard>
+      <CardButton
+        strapiAppVersion={strapiAppVersion}
+        strapiPeerDepVersion={strapiPeerDepVersion}
+        handleCopy={handleCopy}
+        pluginName={pluginName}
+      />
     );
   }
 
@@ -57,10 +60,18 @@ const InstallPluginButton = ({ isInstalled, isInDevelopmentMode, commandToCopy }
   return null;
 };
 
+InstallPluginButton.defaultProps = {
+  strapiAppVersion: null,
+  strapiPeerDepVersion: null,
+};
+
 InstallPluginButton.propTypes = {
   isInstalled: PropTypes.bool.isRequired,
   isInDevelopmentMode: PropTypes.bool.isRequired,
   commandToCopy: PropTypes.string.isRequired,
+  strapiAppVersion: PropTypes.string,
+  strapiPeerDepVersion: PropTypes.string,
+  pluginName: PropTypes.string.isRequired,
 };
 
 export default InstallPluginButton;

package/admin/src/pages/MarketplacePage/components/NpmPackageCard/index.js

@@ -32,6 +32,7 @@ const NpmPackageCard = ({
   useYarn,
   isInDevelopmentMode,
   npmPackageType,
+  strapiAppVersion,
 }) => {
   const { attributes } = npmPackage;
   const { formatMessage } = useIntl();
@@ -139,6 +140,9 @@ const NpmPackageCard = ({
           isInstalled={isInstalled}
           isInDevelopmentMode={isInDevelopmentMode}
           commandToCopy={commandToCopy}
+          strapiAppVersion={strapiAppVersion}
+          strapiPeerDepVersion={attributes.strapiVersion}
+          pluginName={attributes.name}
         />
       </Stack>
     </Flex>
@@ -147,6 +151,7 @@ const NpmPackageCard = ({
 
 NpmPackageCard.defaultProps = {
   isInDevelopmentMode: false,
+  strapiAppVersion: null,
 };
 
 NpmPackageCard.propTypes = {
@@ -164,12 +169,14 @@ NpmPackageCard.propTypes = {
       validated: PropTypes.bool.isRequired,
       madeByStrapi: PropTypes.bool.isRequired,
       strapiCompatibility: PropTypes.oneOf(['v3', 'v4']),
+      strapiVersion: PropTypes.string,
     }).isRequired,
   }).isRequired,
   isInstalled: PropTypes.bool.isRequired,
   useYarn: PropTypes.bool.isRequired,
   isInDevelopmentMode: PropTypes.bool,
   npmPackageType: PropTypes.string.isRequired,
+  strapiAppVersion: PropTypes.string,
 };
 
 export default NpmPackageCard;

package/admin/src/pages/MarketplacePage/components/NpmPackagesGrid/index.js

@@ -9,6 +9,7 @@ const NpmPackagesGrid = ({
   useYarn,
   isInDevelopmentMode,
   npmPackageType,
+  strapiAppVersion,
 }) => {
   // Check if an individual package is in the dependencies
   const isAlreadyInstalled = useCallback(
@@ -26,6 +27,7 @@ const NpmPackagesGrid = ({
             useYarn={useYarn}
             isInDevelopmentMode={isInDevelopmentMode}
             npmPackageType={npmPackageType}
+            strapiAppVersion={strapiAppVersion}
           />
         </GridItem>
       ))}
@@ -35,6 +37,7 @@ const NpmPackagesGrid = ({
 
 NpmPackagesGrid.defaultProps = {
   installedPackageNames: [],
+  strapiAppVersion: null,
 };
 
 NpmPackagesGrid.propTypes = {
@@ -43,6 +46,7 @@ NpmPackagesGrid.propTypes = {
   useYarn: PropTypes.bool.isRequired,
   isInDevelopmentMode: PropTypes.bool.isRequired,
   npmPackageType: PropTypes.string.isRequired,
+  strapiAppVersion: PropTypes.string,
 };
 
 export default NpmPackagesGrid;

package/admin/src/pages/MarketplacePage/index.js

@@ -50,7 +50,7 @@ const MarketPlacePage = () => {
   const toggleNotification = useNotification();
   const [searchQuery, setSearchQuery] = useState('');
   const [npmPackageType, setNpmPackageType] = useState('plugin');
-  const { autoReload: isInDevelopmentMode, dependencies, useYarn } = useAppInfos();
+  const { autoReload: isInDevelopmentMode, dependencies, useYarn, strapiVersion } = useAppInfos();
   const isOnline = useNavigatorOnLine();
 
   useFocusWhenNavigate();
@@ -247,6 +247,7 @@ const MarketPlacePage = () => {
                     useYarn={useYarn}
                     isInDevelopmentMode={isInDevelopmentMode}
                     npmPackageType="plugin"
+                    strapiAppVersion={strapiVersion}
                   />
                 )}
               </TabPanel>

package/admin/src/translations/en.json

@@ -100,11 +100,11 @@
   "Settings.apiTokens.duration.30-days": "30 days",
   "Settings.apiTokens.duration.90-days": "90 days",
   "Settings.apiTokens.duration.unlimited": "Unlimited",
-  "Settings.apiTokens.form.duration":"Token duration",
-  "Settings.apiTokens.form.type":"Token type",
-  "Settings.apiTokens.duration.expiration-date":"Expiration date",
-  "Settings.apiTokens.createPage.permissions.title":"Permissions",
-  "Settings.apiTokens.createPage.permissions.description":"Only actions bound by a route are listed below.",
+  "Settings.apiTokens.form.duration": "Token duration",
+  "Settings.apiTokens.form.type": "Token type",
+  "Settings.apiTokens.duration.expiration-date": "Expiration date",
+  "Settings.apiTokens.createPage.permissions.title": "Permissions",
+  "Settings.apiTokens.createPage.permissions.description": "Only actions bound by a route are listed below.",
   "Settings.apiTokens.RegenerateDialog.title": "Regenerate token",
   "Settings.apiTokens.popUpWarning.message": "Are you sure you want to regenerate this token?",
   "Settings.apiTokens.Button.cancel": "Cancel",
@@ -270,6 +270,8 @@
   "admin.pages.MarketPlacePage.plugin.installed": "Installed",
   "admin.pages.MarketPlacePage.plugin.tooltip.madeByStrapi": "Made by Strapi",
   "admin.pages.MarketPlacePage.plugin.tooltip.verified": "Plugin verified by Strapi",
+  "admin.pages.MarketPlacePage.plugin.version": "Update your Strapi version: \"{strapiAppVersion}\" to: \"{versionRange}\"",
+  "admin.pages.MarketPlacePage.plugin.version.null": "Unable to verify compatibility with your Strapi version: \"{strapiAppVersion}\"",
   "admin.pages.MarketPlacePage.providers": "Providers",
   "admin.pages.MarketPlacePage.search.clear": "Clear the search",
   "admin.pages.MarketPlacePage.search.empty": "No result for \"{target}\"",

package/build/{Admin-authenticatedApp.88fa40ac.chunk.js → Admin-authenticatedApp.48c67745.chunk.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.4.3"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[801],{19782:(k,M,n)=>{n.r(M),n.d(M,{default:()=>tn});var e=n(32735),i=n(88425),b=n(84968),P=n(33795),X=n.n(P);const C={i8:"4.4.4"};var $=n(775),p=n(5141),N=n(4409),D=n(74506),K=n(51968),F=n(88311),G=n.n(F),O=n(58107),T=n(19615),U=n(60216),r=n.n(U),d=n(5636),v=n(64410),E=n(54742),f=n(19192),R=n(9808),J=n(90662),Ne=n(20763),re=n(44526),Ge=n(94009),Ue=n.n(Ge);const Fe=(0,T.default)(f.Flex)`
   position: fixed;
   z-index: 4;
   inset: 0;
@@ -77,4 +77,4 @@
   ${[S.Typography]} {
     color: ${({theme:t})=>t.colors.neutral600};
   }
-`,vt=()=>{const[t,a]=(0,e.useState)(!1),{formatMessage:o}=(0,d.useIntl)(),{showTutorials:s}=(0,$.um)();if(!s)return null;const u=[{icon:"book",label:o({id:"global.documentation",defaultMessage:"Documentation"}),destination:"https://docs.strapi.io"},{icon:"file",label:o({id:"app.static.links.cheatsheet",defaultMessage:"CheatSheet"}),destination:"https://strapi-showcase.s3-us-west-2.amazonaws.com/CheatSheet.pdf"}],l=()=>{a(h=>!h)};return e.createElement(ft,{as:"aside"},e.createElement(ht,{id:"onboarding","aria-label":o({id:"app.components.Onboarding.help.button",defaultMessage:"Help button"}),onClick:l},!t&&e.createElement(ee.G,{icon:Pe.faQuestion}),t&&e.createElement(ee.G,{icon:Pe.faTimes})),t&&e.createElement(E.FocusTrap,{onEscape:l},e.createElement(Et,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingBottom:2,paddingTop:2},u.map(h=>e.createElement(yt,{key:h.label,rel:"nofollow noreferrer noopener",target:"_blank",href:h.destination},e.createElement(ee.G,{icon:h.icon}),e.createElement(S.Typography,null,h.label))))))},Tt=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(1669),n.e(8773),n.e(994)]).then(n.bind(n,95417))),Pt=(0,e.lazy)(()=>Promise.all([n.e(4800),n.e(3981)]).then(n.bind(n,44762))),Mt=(0,e.lazy)(()=>n.e(3677).then(n.bind(n,15415))),Ct=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(5516)]).then(n.bind(n,71561))),Me=(0,e.lazy)(()=>Promise.resolve().then(n.bind(n,53951))),Ot=(0,e.lazy)(()=>n.e(9501).then(n.bind(n,92336))),Rt=(0,e.lazy)(()=>n.e(9497).then(n.bind(n,9972))),Ce=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(8549),n.e(5895)]).then(n.bind(n,50020))),St=()=>{const{trackUsage:t}=(0,i.useTracking)(),a=(0,N.useDispatch)(),o=(0,N.useSelector)(s=>s.admin_app.status);(0,e.useEffect)(()=>{o==="init"&&(t("didAccessAuthenticatedAdministration"),a({type:gt.e}))},[o])},At=()=>{St();const{isLoading:t,generalSectionLinks:a,pluginsSectionLinks:o}=(0,$.H9)(),{menu:s}=(0,i.useStrapiApp)(),u=(0,e.useMemo)(()=>s.filter(l=>l.Component).map(({to:l,Component:h,exact:y})=>(0,Te.ot)(h,l,y)),[s]);return t?e.createElement(i.LoadingIndicatorPage,null):e.createElement(D.DndProvider,{backend:K.PD},e.createElement(mt,{sideNav:e.createElement(ct,{generalSectionLinks:a,pluginsSectionLinks:o})},e.createElement(e.Suspense,{fallback:e.createElement(i.LoadingIndicatorPage,null)},e.createElement(p.Switch,null,e.createElement(p.Route,{path:"/",component:Pt,exact:!0}),e.createElement(p.Route,{path:"/me",component:Rt,exact:!0}),e.createElement(p.Route,{path:"/content-manager",component:Tt}),u,e.createElement(p.Route,{path:"/settings/:settingId",component:Ce}),e.createElement(p.Route,{path:"/settings",component:Ce,exact:!0}),e.createElement(p.Route,{path:"/marketplace"},e.createElement(Ct,null)),e.createElement(p.Route,{path:"/list-plugins",exact:!0},e.createElement(Mt,null)),e.createElement(p.Route,{path:"/404",component:Me}),e.createElement(p.Route,{path:"/500",component:Ot}),e.createElement(p.Route,{path:"",component:Me}))),e.createElement(nt,null),e.createElement(vt,null)))};var It=Object.defineProperty,Oe=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable,Re=(t,a,o)=>a in t?It(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,Dt=(t,a)=>{for(var o in a||(a={}))xt.call(a,o)&&Re(t,o,a[o]);if(Oe)for(var o of Oe(a))Lt.call(a,o)&&Re(t,o,a[o]);return t};const Bt=t=>({plugins:Object.keys(t).reduce((a,o)=>(a[o]=Dt({},t[o]),a),{})});var bt=n(3040),Nt=n.n(bt);const Se={plugins:null},Gt=(t=Se,a)=>(0,le.default)(t,o=>{switch(a.type){case"SET_PLUGIN_READY":{Nt()(o,["plugins",a.pluginId,"isReady"],!0);break}default:return o}}),Ut=()=>{const{plugins:t}=(0,i.useStrapiApp)(),[{plugins:a},o]=(0,e.useReducer)(Gt,Se,()=>Bt(t)),s=(0,e.useRef)(l=>{o({type:"SET_PLUGIN_READY",pluginId:l})});if(Object.keys(a).some(l=>a[l].isReady===!1)){const l=Object.keys(a).reduce((h,y)=>{const g=a[y].initializer;if(g){const c=a[y].pluginId;h.push(e.createElement(g,{key:c,setPlugin:s.current}))}return h},[]);return e.createElement(e.Fragment,null,l,e.createElement(i.LoadingIndicatorPage,null))}return e.createElement(At,null)};var Ae=n(17367);const Ft=()=>({type:Ae.l}),Wt=t=>({type:Ae.m,permissions:t}),Ie=({children:t,permissions:a,refetchPermissions:o})=>{const{allPermissions:s}=(0,N.useSelector)(l=>l.rbacProvider),u=(0,N.useDispatch)();return(0,e.useEffect)(()=>(u(Wt(a)),()=>{u(Ft())}),[a,u]),s?e.createElement(i.RBACProviderContext.Provider,{value:{allPermissions:s,refetchPermissions:o}},t):e.createElement(i.LoadingIndicatorPage,null)};Ie.propTypes={children:r().element.isRequired,permissions:r().array.isRequired,refetchPermissions:r().func.isRequired};const jt=Ie;var $t=n(43653),Kt=n.n($t),Vt=n(54770),te=n.n(Vt);const xe=(t,a)=>!te().valid(t)||!te().valid(a)?!1:te().lt(t,a);var ne=n(17247),Z=(t,a,o)=>new Promise((s,u)=>{var l=g=>{try{y(o.next(g))}catch(c){u(c)}},h=g=>{try{y(o.throw(g))}catch(c){u(c)}},y=g=>g.done?s(g.value):Promise.resolve(g.value).then(l,h);y((o=o.apply(t,a)).next())});const Le=C.i8,zt=!JSON.parse(localStorage.getItem("STRAPI_UPDATE_NOTIF")),Ht=t=>Z(void 0,null,function*(){try{const{data:{tag_name:a}}=yield Kt().get("https://api.github.com/repos/strapi/strapi/releases/latest");return xe(Le,a)&&zt&&t({type:"info",message:{id:"notification.version.update.message"},link:{url:`https://github.com/strapi/strapi/releases/tag/${a}`,label:{id:"global.see-more"}},blockTransition:!0,onClose:()=>localStorage.setItem("STRAPI_UPDATE_NOTIF",!0)}),a}catch(a){return Le}}),kt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/information");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Zt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/users/me/permissions");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Qt=()=>Z(void 0,null,function*(){try{const{data:{data:{roles:t}}}=yield ne.be.get("/admin/users/me");return t}catch(t){throw new Error(t)}});var Yt=Object.defineProperty,Xt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,De=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,qt=Object.prototype.propertyIsEnumerable,Be=(t,a,o)=>a in t?Yt(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,_t=(t,a)=>{for(var o in a||(a={}))wt.call(a,o)&&Be(t,o,a[o]);if(De)for(var o of De(a))qt.call(a,o)&&Be(t,o,a[o]);return t},en=(t,a)=>Xt(t,Jt(a));const be=C.i8,tn=()=>{const{setGuidedTourVisibility:t}=(0,i.useGuidedTour)(),a=(0,i.useNotification)(),o=(0,e.useRef)(t),s=i.auth.getUserInfo(),u=X()(s,"username")||(0,Te.Pp)(s.firstname,s.lastname),[l,h]=(0,e.useState)(u),{showReleaseNotification:y}=(0,$.um)(),[{data:g,status:c},{data:I,isLoading:B},{data:V,status:z,refetch:j,isFetched:m,isFetching:x},{data:L}]=(0,b.useQueries)([{queryKey:"app-infos",queryFn:kt},{queryKey:"strapi-release",queryFn:()=>Ht(a),enabled:y,initialData:be},{queryKey:"admin-users-permission",queryFn:Zt,initialData:[]},{queryKey:"user-roles",queryFn:Qt}]),H=(0,e.useMemo)(()=>xe(be,I),[I]);(0,e.useEffect)(()=>{L&&L.find(({code:se})=>se==="strapi-super-admin")&&(g==null?void 0:g.autoReload)&&o.current(!0)},[L,g]);const ae=B||(x&&m||c==="loading"||z==="loading"),Y=(0,e.useMemo)(()=>en(_t({},g),{latestStrapiReleaseTag:I,setUserDisplayName:h,shouldUpdateStrapi:H,userDisplayName:l}),[g,I,H,l]);return ae?e.createElement(i.LoadingIndicatorPage,null):c==="error"?e.createElement("div",null,"error..."):e.createElement(i.AppInfosContext.Provider,{value:Y},e.createElement(jt,{permissions:V,refetchPermissions:j},e.createElement(Ut,null)))}},78024:(k,M,n)=>{n.d(M,{Z:()=>r});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(9808),$=n.n(C),p=n(23678),N=Object.defineProperty,D=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(d,v,E)=>v in d?N(d,v,{enumerable:!0,configurable:!0,writable:!0,value:E}):d[v]=E,O=(d,v)=>{for(var E in v||(v={}))K.call(v,E)&&G(d,E,v[E]);if(D)for(var E of D(v))F.call(v,E)&&G(d,E,v[E]);return d},T=(d,v)=>{var E={};for(var f in d)K.call(d,f)&&v.indexOf(f)<0&&(E[f]=d[f]);if(d!=null&&D)for(var f of D(d))v.indexOf(f)<0&&F.call(d,f)&&(E[f]=d[f]);return E};const U=d=>{var v=d,{type:E}=v,f=T(v,["type"]);return e.createElement(C.Box,O({width:(0,P.pxToRem)(2),height:"100%",background:E===p.VM?"neutral300":"primary500",hasRadius:!0},f))};U.defaultProps={type:p.VM},U.propTypes={type:b().oneOf([p.lW,p.hx,p.VM])};const r=U},14317:(k,M,n)=>{n.d(M,{Z:()=>U});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(19192),$=n.n(C),p=n(95602),N=n.n(p),D=n(78752),K=n.n(D),F=n(88677),G=n.n(F),O=n(23678);const T=({type:r,number:d})=>r===O.hx?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(D.Icon,{as:G(),"aria-hidden":!0,width:(0,P.pxToRem)(16),color:"neutral0"})):r===O.lW?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral0"},d)):e.createElement(C.Flex,{borderColor:"neutral500",borderWidth:"1px",borderStyle:"solid",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral600"},d));T.defaultProps={number:void 0,type:O.VM},T.propTypes={number:b().number,type:b().oneOf([O.lW,O.hx,O.VM])};const U=T},23678:(k,M,n)=>{n.d(M,{VM:()=>b,hx:()=>i,lW:()=>e});const e="isActive",i="isDone",b="isNotDone"},58107:(k,M,n)=>{n.d(M,{Z:()=>i});const i={contentTypeBuilder:{home:{title:{id:"app.components.GuidedTour.home.CTB.title",defaultMessage:"\u{1F9E0} Build the content structure"},cta:{title:{id:"app.components.GuidedTour.home.CTB.cta.title",defaultMessage:"Go to the Content type Builder"},type:"REDIRECT",target:"/plugins/content-type-builder"},trackingEvent:"didClickGuidedTourHomepageContentTypeBuilder"},create:{title:{id:"app.components.GuidedTour.CTB.create.title",defaultMessage:"\u{1F9E0} Create a first Collection type"},content:{id:"app.components.GuidedTour.CTB.create.content",defaultMessage:"<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>"},cta:{title:{id:"app.components.GuidedTour.CTB.create.cta.title",defaultMessage:"Build a Collection type"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep1CollectionType"},success:{title:{id:"app.components.GuidedTour.CTB.success.title",defaultMessage:"Step 1: Completed \u2705"},content:{id:"app.components.GuidedTour.CTB.success.content",defaultMessage:"<p>Good going!</p><b>\u26A1\uFE0F What would you like to share with the world?</b>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didCreateGuidedTourCollectionType"}},contentManager:{home:{title:{id:"app.components.GuidedTour.home.CM.title",defaultMessage:"\u26A1\uFE0F What would you like to share with the world?"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didClickGuidedTourHomepageContentManager"},create:{title:{id:"app.components.GuidedTour.CM.create.title",defaultMessage:"\u26A1\uFE0F Create content"},content:{id:"app.components.GuidedTour.CM.create.content",defaultMessage:"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>\u{1F4A1} Quick tip - Don't forget to hit publish on the content you create.</p>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep2ContentManager"},success:{title:{id:"app.components.GuidedTour.CM.success.title",defaultMessage:"Step 2: Completed \u2705"},content:{id:"app.components.GuidedTour.CM.success.content",defaultMessage:"<p>Awesome, one last step to go!</p><b>\u{1F680}  See content in action</b>"},cta:{title:{id:"app.components.GuidedTour.CM.success.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didCreateGuidedTourEntry"}},apiTokens:{home:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},cta:{title:{id:"app.components.GuidedTour.home.apiTokens.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didClickGuidedTourHomepageApiTokens"},create:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},content:{id:"app.components.GuidedTour.apiTokens.create.content",defaultMessage:"<p>Generate an authentication token here and retrieve the content you just created.</p>"},cta:{title:{id:"app.components.GuidedTour.apiTokens.create.cta.title",defaultMessage:"Generate an API Token"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep3ApiTokens"},success:{title:{id:"app.components.GuidedTour.apiTokens.success.title",defaultMessage:"Step 3: Completed \u2705"},content:{id:"app.components.GuidedTour.apiTokens.success.content",defaultMessage:"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>"},trackingEvent:"didGenerateGuidedTourApiTokens"}}}}}]);
+`,vt=()=>{const[t,a]=(0,e.useState)(!1),{formatMessage:o}=(0,d.useIntl)(),{showTutorials:s}=(0,$.um)();if(!s)return null;const u=[{icon:"book",label:o({id:"global.documentation",defaultMessage:"Documentation"}),destination:"https://docs.strapi.io"},{icon:"file",label:o({id:"app.static.links.cheatsheet",defaultMessage:"CheatSheet"}),destination:"https://strapi-showcase.s3-us-west-2.amazonaws.com/CheatSheet.pdf"}],l=()=>{a(h=>!h)};return e.createElement(ft,{as:"aside"},e.createElement(ht,{id:"onboarding","aria-label":o({id:"app.components.Onboarding.help.button",defaultMessage:"Help button"}),onClick:l},!t&&e.createElement(ee.G,{icon:Pe.faQuestion}),t&&e.createElement(ee.G,{icon:Pe.faTimes})),t&&e.createElement(E.FocusTrap,{onEscape:l},e.createElement(Et,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingBottom:2,paddingTop:2},u.map(h=>e.createElement(yt,{key:h.label,rel:"nofollow noreferrer noopener",target:"_blank",href:h.destination},e.createElement(ee.G,{icon:h.icon}),e.createElement(S.Typography,null,h.label))))))},Tt=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(1669),n.e(8773),n.e(994)]).then(n.bind(n,95417))),Pt=(0,e.lazy)(()=>Promise.all([n.e(4800),n.e(3981)]).then(n.bind(n,44762))),Mt=(0,e.lazy)(()=>n.e(3677).then(n.bind(n,15415))),Ct=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(5516)]).then(n.bind(n,4407))),Me=(0,e.lazy)(()=>Promise.resolve().then(n.bind(n,53951))),Ot=(0,e.lazy)(()=>n.e(9501).then(n.bind(n,92336))),Rt=(0,e.lazy)(()=>n.e(9497).then(n.bind(n,9972))),Ce=(0,e.lazy)(()=>Promise.all([n.e(8469),n.e(9420),n.e(4982),n.e(8549),n.e(5895)]).then(n.bind(n,50020))),St=()=>{const{trackUsage:t}=(0,i.useTracking)(),a=(0,N.useDispatch)(),o=(0,N.useSelector)(s=>s.admin_app.status);(0,e.useEffect)(()=>{o==="init"&&(t("didAccessAuthenticatedAdministration"),a({type:gt.e}))},[o])},At=()=>{St();const{isLoading:t,generalSectionLinks:a,pluginsSectionLinks:o}=(0,$.H9)(),{menu:s}=(0,i.useStrapiApp)(),u=(0,e.useMemo)(()=>s.filter(l=>l.Component).map(({to:l,Component:h,exact:y})=>(0,Te.ot)(h,l,y)),[s]);return t?e.createElement(i.LoadingIndicatorPage,null):e.createElement(D.DndProvider,{backend:K.PD},e.createElement(mt,{sideNav:e.createElement(ct,{generalSectionLinks:a,pluginsSectionLinks:o})},e.createElement(e.Suspense,{fallback:e.createElement(i.LoadingIndicatorPage,null)},e.createElement(p.Switch,null,e.createElement(p.Route,{path:"/",component:Pt,exact:!0}),e.createElement(p.Route,{path:"/me",component:Rt,exact:!0}),e.createElement(p.Route,{path:"/content-manager",component:Tt}),u,e.createElement(p.Route,{path:"/settings/:settingId",component:Ce}),e.createElement(p.Route,{path:"/settings",component:Ce,exact:!0}),e.createElement(p.Route,{path:"/marketplace"},e.createElement(Ct,null)),e.createElement(p.Route,{path:"/list-plugins",exact:!0},e.createElement(Mt,null)),e.createElement(p.Route,{path:"/404",component:Me}),e.createElement(p.Route,{path:"/500",component:Ot}),e.createElement(p.Route,{path:"",component:Me}))),e.createElement(nt,null),e.createElement(vt,null)))};var It=Object.defineProperty,Oe=Object.getOwnPropertySymbols,xt=Object.prototype.hasOwnProperty,Lt=Object.prototype.propertyIsEnumerable,Re=(t,a,o)=>a in t?It(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,Dt=(t,a)=>{for(var o in a||(a={}))xt.call(a,o)&&Re(t,o,a[o]);if(Oe)for(var o of Oe(a))Lt.call(a,o)&&Re(t,o,a[o]);return t};const Bt=t=>({plugins:Object.keys(t).reduce((a,o)=>(a[o]=Dt({},t[o]),a),{})});var bt=n(3040),Nt=n.n(bt);const Se={plugins:null},Gt=(t=Se,a)=>(0,le.default)(t,o=>{switch(a.type){case"SET_PLUGIN_READY":{Nt()(o,["plugins",a.pluginId,"isReady"],!0);break}default:return o}}),Ut=()=>{const{plugins:t}=(0,i.useStrapiApp)(),[{plugins:a},o]=(0,e.useReducer)(Gt,Se,()=>Bt(t)),s=(0,e.useRef)(l=>{o({type:"SET_PLUGIN_READY",pluginId:l})});if(Object.keys(a).some(l=>a[l].isReady===!1)){const l=Object.keys(a).reduce((h,y)=>{const g=a[y].initializer;if(g){const c=a[y].pluginId;h.push(e.createElement(g,{key:c,setPlugin:s.current}))}return h},[]);return e.createElement(e.Fragment,null,l,e.createElement(i.LoadingIndicatorPage,null))}return e.createElement(At,null)};var Ae=n(17367);const Ft=()=>({type:Ae.l}),Wt=t=>({type:Ae.m,permissions:t}),Ie=({children:t,permissions:a,refetchPermissions:o})=>{const{allPermissions:s}=(0,N.useSelector)(l=>l.rbacProvider),u=(0,N.useDispatch)();return(0,e.useEffect)(()=>(u(Wt(a)),()=>{u(Ft())}),[a,u]),s?e.createElement(i.RBACProviderContext.Provider,{value:{allPermissions:s,refetchPermissions:o}},t):e.createElement(i.LoadingIndicatorPage,null)};Ie.propTypes={children:r().element.isRequired,permissions:r().array.isRequired,refetchPermissions:r().func.isRequired};const jt=Ie;var $t=n(43653),Kt=n.n($t),Vt=n(54770),te=n.n(Vt);const xe=(t,a)=>!te().valid(t)||!te().valid(a)?!1:te().lt(t,a);var ne=n(17247),Z=(t,a,o)=>new Promise((s,u)=>{var l=g=>{try{y(o.next(g))}catch(c){u(c)}},h=g=>{try{y(o.throw(g))}catch(c){u(c)}},y=g=>g.done?s(g.value):Promise.resolve(g.value).then(l,h);y((o=o.apply(t,a)).next())});const Le=C.i8,zt=!JSON.parse(localStorage.getItem("STRAPI_UPDATE_NOTIF")),Ht=t=>Z(void 0,null,function*(){try{const{data:{tag_name:a}}=yield Kt().get("https://api.github.com/repos/strapi/strapi/releases/latest");return xe(Le,a)&&zt&&t({type:"info",message:{id:"notification.version.update.message"},link:{url:`https://github.com/strapi/strapi/releases/tag/${a}`,label:{id:"global.see-more"}},blockTransition:!0,onClose:()=>localStorage.setItem("STRAPI_UPDATE_NOTIF",!0)}),a}catch(a){return Le}}),kt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/information");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Zt=()=>Z(void 0,null,function*(){try{const{data:t,headers:a}=yield ne.be.get("/admin/users/me/permissions");if(!a["content-type"].includes("application/json"))throw new Error("Not found");return t.data}catch(t){throw new Error(t)}}),Qt=()=>Z(void 0,null,function*(){try{const{data:{data:{roles:t}}}=yield ne.be.get("/admin/users/me");return t}catch(t){throw new Error(t)}});var Yt=Object.defineProperty,Xt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptors,De=Object.getOwnPropertySymbols,wt=Object.prototype.hasOwnProperty,qt=Object.prototype.propertyIsEnumerable,Be=(t,a,o)=>a in t?Yt(t,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[a]=o,_t=(t,a)=>{for(var o in a||(a={}))wt.call(a,o)&&Be(t,o,a[o]);if(De)for(var o of De(a))qt.call(a,o)&&Be(t,o,a[o]);return t},en=(t,a)=>Xt(t,Jt(a));const be=C.i8,tn=()=>{const{setGuidedTourVisibility:t}=(0,i.useGuidedTour)(),a=(0,i.useNotification)(),o=(0,e.useRef)(t),s=i.auth.getUserInfo(),u=X()(s,"username")||(0,Te.Pp)(s.firstname,s.lastname),[l,h]=(0,e.useState)(u),{showReleaseNotification:y}=(0,$.um)(),[{data:g,status:c},{data:I,isLoading:B},{data:V,status:z,refetch:j,isFetched:m,isFetching:x},{data:L}]=(0,b.useQueries)([{queryKey:"app-infos",queryFn:kt},{queryKey:"strapi-release",queryFn:()=>Ht(a),enabled:y,initialData:be},{queryKey:"admin-users-permission",queryFn:Zt,initialData:[]},{queryKey:"user-roles",queryFn:Qt}]),H=(0,e.useMemo)(()=>xe(be,I),[I]);(0,e.useEffect)(()=>{L&&L.find(({code:se})=>se==="strapi-super-admin")&&(g==null?void 0:g.autoReload)&&o.current(!0)},[L,g]);const ae=B||(x&&m||c==="loading"||z==="loading"),Y=(0,e.useMemo)(()=>en(_t({},g),{latestStrapiReleaseTag:I,setUserDisplayName:h,shouldUpdateStrapi:H,userDisplayName:l}),[g,I,H,l]);return ae?e.createElement(i.LoadingIndicatorPage,null):c==="error"?e.createElement("div",null,"error..."):e.createElement(i.AppInfosContext.Provider,{value:Y},e.createElement(jt,{permissions:V,refetchPermissions:j},e.createElement(Ut,null)))}},78024:(k,M,n)=>{n.d(M,{Z:()=>r});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(9808),$=n.n(C),p=n(23678),N=Object.defineProperty,D=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable,G=(d,v,E)=>v in d?N(d,v,{enumerable:!0,configurable:!0,writable:!0,value:E}):d[v]=E,O=(d,v)=>{for(var E in v||(v={}))K.call(v,E)&&G(d,E,v[E]);if(D)for(var E of D(v))F.call(v,E)&&G(d,E,v[E]);return d},T=(d,v)=>{var E={};for(var f in d)K.call(d,f)&&v.indexOf(f)<0&&(E[f]=d[f]);if(d!=null&&D)for(var f of D(d))v.indexOf(f)<0&&F.call(d,f)&&(E[f]=d[f]);return E};const U=d=>{var v=d,{type:E}=v,f=T(v,["type"]);return e.createElement(C.Box,O({width:(0,P.pxToRem)(2),height:"100%",background:E===p.VM?"neutral300":"primary500",hasRadius:!0},f))};U.defaultProps={type:p.VM},U.propTypes={type:b().oneOf([p.lW,p.hx,p.VM])};const r=U},14317:(k,M,n)=>{n.d(M,{Z:()=>U});var e=n(32735),i=n(60216),b=n.n(i),P=n(88425),X=n.n(P),C=n(19192),$=n.n(C),p=n(95602),N=n.n(p),D=n(78752),K=n.n(D),F=n(88677),G=n.n(F),O=n(23678);const T=({type:r,number:d})=>r===O.hx?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(D.Icon,{as:G(),"aria-hidden":!0,width:(0,P.pxToRem)(16),color:"neutral0"})):r===O.lW?e.createElement(C.Flex,{background:"primary600",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral0"},d)):e.createElement(C.Flex,{borderColor:"neutral500",borderWidth:"1px",borderStyle:"solid",padding:2,borderRadius:"50%",width:(0,P.pxToRem)(30),height:(0,P.pxToRem)(30),justifyContent:"center"},e.createElement(p.Typography,{fontWeight:"semiBold",textColor:"neutral600"},d));T.defaultProps={number:void 0,type:O.VM},T.propTypes={number:b().number,type:b().oneOf([O.lW,O.hx,O.VM])};const U=T},23678:(k,M,n)=>{n.d(M,{VM:()=>b,hx:()=>i,lW:()=>e});const e="isActive",i="isDone",b="isNotDone"},58107:(k,M,n)=>{n.d(M,{Z:()=>i});const i={contentTypeBuilder:{home:{title:{id:"app.components.GuidedTour.home.CTB.title",defaultMessage:"\u{1F9E0} Build the content structure"},cta:{title:{id:"app.components.GuidedTour.home.CTB.cta.title",defaultMessage:"Go to the Content type Builder"},type:"REDIRECT",target:"/plugins/content-type-builder"},trackingEvent:"didClickGuidedTourHomepageContentTypeBuilder"},create:{title:{id:"app.components.GuidedTour.CTB.create.title",defaultMessage:"\u{1F9E0} Create a first Collection type"},content:{id:"app.components.GuidedTour.CTB.create.content",defaultMessage:"<p>Collection types help you manage several entries, Single types are suitable to manage only one entry.</p> <p>Ex: For a Blog website, Articles would be a Collection type whereas a Homepage would be a Single type.</p>"},cta:{title:{id:"app.components.GuidedTour.CTB.create.cta.title",defaultMessage:"Build a Collection type"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep1CollectionType"},success:{title:{id:"app.components.GuidedTour.CTB.success.title",defaultMessage:"Step 1: Completed \u2705"},content:{id:"app.components.GuidedTour.CTB.success.content",defaultMessage:"<p>Good going!</p><b>\u26A1\uFE0F What would you like to share with the world?</b>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didCreateGuidedTourCollectionType"}},contentManager:{home:{title:{id:"app.components.GuidedTour.home.CM.title",defaultMessage:"\u26A1\uFE0F What would you like to share with the world?"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"REDIRECT",target:"/content-manager"},trackingEvent:"didClickGuidedTourHomepageContentManager"},create:{title:{id:"app.components.GuidedTour.CM.create.title",defaultMessage:"\u26A1\uFE0F Create content"},content:{id:"app.components.GuidedTour.CM.create.content",defaultMessage:"<p>Create and manage all the content here in the Content Manager.</p><p>Ex: Taking the Blog website example further, one can write an Article, save and publish it as they like.</p><p>\u{1F4A1} Quick tip - Don't forget to hit publish on the content you create.</p>"},cta:{title:{id:"app.components.GuidedTour.create-content",defaultMessage:"Create content"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep2ContentManager"},success:{title:{id:"app.components.GuidedTour.CM.success.title",defaultMessage:"Step 2: Completed \u2705"},content:{id:"app.components.GuidedTour.CM.success.content",defaultMessage:"<p>Awesome, one last step to go!</p><b>\u{1F680}  See content in action</b>"},cta:{title:{id:"app.components.GuidedTour.CM.success.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didCreateGuidedTourEntry"}},apiTokens:{home:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},cta:{title:{id:"app.components.GuidedTour.home.apiTokens.cta.title",defaultMessage:"Test the API"},type:"REDIRECT",target:"/settings/api-tokens"},trackingEvent:"didClickGuidedTourHomepageApiTokens"},create:{title:{id:"app.components.GuidedTour.apiTokens.create.title",defaultMessage:"\u{1F680} See content in action"},content:{id:"app.components.GuidedTour.apiTokens.create.content",defaultMessage:"<p>Generate an authentication token here and retrieve the content you just created.</p>"},cta:{title:{id:"app.components.GuidedTour.apiTokens.create.cta.title",defaultMessage:"Generate an API Token"},type:"CLOSE"},trackingEvent:"didClickGuidedTourStep3ApiTokens"},success:{title:{id:"app.components.GuidedTour.apiTokens.success.title",defaultMessage:"Step 3: Completed \u2705"},content:{id:"app.components.GuidedTour.apiTokens.success.content",defaultMessage:"<p>See content in action by making an HTTP request:</p><ul><li><p>To this URL: <light>https://'<'YOUR_DOMAIN'>'/api/'<'YOUR_CT'>'</light></p></li><li><p>With the header: <light>Authorization: bearer '<'YOUR_API_TOKEN'>'</light></p></li></ul><p>For more ways to interact with content, see the <documentationLink>documentation</documentationLink>.</p>"},trackingEvent:"didGenerateGuidedTourApiTokens"}}}}}]);

package/build/{Admin_homePage.6d5e3236.chunk.js → Admin_homePage.4b2be829.chunk.js}

@@ -39,7 +39,7 @@
   > path:nth-child(6) {
     fill: #e31b23;
   }
-`,ve=[{name:"Github",link:"https://github.com/strapi/strapi/",icon:e.createElement(oe(),{fill:"#7289DA"}),alt:"github"},{name:"Discord",link:"https://slack.strapi.io/",icon:e.createElement(fe,null),alt:"discord"},{name:"Reddit",link:"https://www.reddit.com/r/Strapi/",icon:e.createElement(he,null),alt:"reddit"},{name:"Twitter",link:"https://twitter.com/strapijs",icon:e.createElement(ye,null),alt:"twitter"},{name:"Forum",link:"https://forum.strapi.io",icon:e.createElement(Ee,null),alt:"forum"},{name:"Blog",link:"https://strapi.io/blog?utm_source=referral&utm_medium=admin&utm_campaign=career%20page",icon:e.createElement(R,null),alt:"blog"},{name:"We are hiring!",link:"https://strapi.io/careers?utm_source=referral&utm_medium=admin&utm_campaign=blog",icon:e.createElement(R,null),alt:"career"}],Se=(0,c.default)(ee.LinkButton)`
+`,ve=[{name:"Github",link:"https://github.com/strapi/strapi/",icon:e.createElement(oe(),{fill:"#7289DA"}),alt:"github"},{name:"Discord",link:"https://discord.strapi.io/",icon:e.createElement(fe,null),alt:"discord"},{name:"Reddit",link:"https://www.reddit.com/r/Strapi/",icon:e.createElement(he,null),alt:"reddit"},{name:"Twitter",link:"https://twitter.com/strapijs",icon:e.createElement(ye,null),alt:"twitter"},{name:"Forum",link:"https://forum.strapi.io",icon:e.createElement(Ee,null),alt:"forum"},{name:"Blog",link:"https://strapi.io/blog?utm_source=referral&utm_medium=admin&utm_campaign=career%20page",icon:e.createElement(R,null),alt:"blog"},{name:"We are hiring!",link:"https://strapi.io/careers?utm_source=referral&utm_medium=admin&utm_campaign=blog",icon:e.createElement(R,null),alt:"career"}],Se=(0,c.default)(ee.LinkButton)`
   display: flex;
   align-items: center;
   border: none;