@strapi/admin 4.11.4 → 4.12.0-beta.0

package/admin/src/content-manager/pages/ListView/index.js

@@ -10,8 +10,6 @@ import {
   HeaderLayout,
   useNotifyAT,
   Flex,
-  Typography,
-  Status,
 } from '@strapi/design-system';
 import {
   NoPermissions,
@@ -33,7 +31,6 @@ import {
 } from '@strapi/helper-plugin';
 import { ArrowLeft, Cog, Plus } from '@strapi/icons';
 import axios from 'axios';
-import getReviewWorkflowsColumn from 'ee_else_ce/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn';
 import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
 import { stringify } from 'qs';
@@ -45,6 +42,7 @@ import { bindActionCreators, compose } from 'redux';
 import styled from 'styled-components';
 
 import { INJECT_COLUMN_IN_TABLE } from '../../../exposedHooks';
+import { useEnterprise } from '../../../hooks/useEnterprise';
 import { selectAdminPermissions } from '../../../pages/App/selectors';
 import { InjectionZone } from '../../../shared/components';
 import AttributeFilter from '../../components/AttributeFilter';
@@ -57,7 +55,7 @@ import { ConfirmDialogDeleteAll } from './components/ConfirmDialogDeleteAll';
 import { FieldPicker } from './components/FieldPicker';
 import { TableRows } from './components/TableRows';
 import makeSelectListView, { selectDisplayedHeaders } from './selectors';
-import { buildQueryString } from './utils';
+import { buildValidGetParams } from './utils';
 
 const ConfigureLayoutBox = styled(Box)`
   svg {
@@ -67,6 +65,8 @@ const ConfigureLayoutBox = styled(Box)`
   }
 `;
 
+const REVIEW_WORKFLOW_COLUMNS_CE = null;
+
 function ListView({
   canCreate,
   canDelete,
@@ -101,14 +101,30 @@ function ListView({
   useFocusWhenNavigate();
 
   const [{ query }] = useQueryParams();
-  const params = buildQueryString(query);
+  const params = React.useMemo(() => buildValidGetParams(query), [query]);
   const pluginsQueryParams = stringify({ plugins: query.plugins }, { encode: false });
 
   const { pathname } = useLocation();
   const { push } = useHistory();
   const { formatMessage } = useIntl();
-  const hasDraftAndPublish = options?.draftAndPublish || false;
   const fetchClient = useFetchClient();
+
+  const hasDraftAndPublish = options?.draftAndPublish ?? false;
+  const hasReviewWorkflows = options?.reviewWorkflows ?? false;
+
+  const reviewWorkflowColumns = useEnterprise(
+    REVIEW_WORKFLOW_COLUMNS_CE,
+    async () =>
+      (
+        await import(
+          '../../../../../ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn/constants'
+        )
+      ).REVIEW_WORKFLOW_COLUMNS_EE,
+    {
+      enabled: !!options?.reviewWorkflows,
+    }
+  );
+
   const { post, del } = fetchClient;
 
   const bulkPublishMutation = useMutation(
@@ -121,7 +137,7 @@ function ListView({
           message: { id: 'content-manager.success.record.publish', defaultMessage: 'Published' },
         });
 
-        fetchData(`/content-manager/collection-types/${slug}${params}`);
+        fetchData(`/content-manager/collection-types/${slug}`, { params });
       },
       onError(error) {
         toggleNotification({
@@ -144,7 +160,7 @@ function ListView({
           },
         });
 
-        fetchData(`/content-manager/collection-types/${slug}${params}`);
+        fetchData(`/content-manager/collection-types/${slug}`, { params });
       },
       onError(error) {
         toggleNotification({
@@ -159,19 +175,17 @@ function ListView({
   // Using a ref to avoid requests being fired multiple times on slug on change
   // We need it because the hook as mulitple dependencies so it may run before the permissions have checked
   const requestUrlRef = React.useRef('');
-
   /**
    * TODO: re-write all of this, it's a mess.
    */
   const fetchData = React.useCallback(
-    async (endPoint, source) => {
+    async (endPoint, options) => {
       getData();
 
       try {
-        const opts = source ? { cancelToken: source.token } : null;
         const {
           data: { results, pagination: paginationResult },
-        } = await fetchClient.get(endPoint, opts);
+        } = await fetchClient.get(endPoint, options);
 
         notifyStatus(
           formatMessage(
@@ -218,12 +232,12 @@ function ListView({
   const handleConfirmDeleteAllData = React.useCallback(
     async (ids) => {
       try {
-        await post(getRequestUrl(`collection-types/${slug}/actions/bulkDelete`), {
+        await post(`/content-manager/collection-types/${slug}/actions/bulkDelete`, {
           ids,
         });
 
-        const requestUrl = getRequestUrl(`collection-types/${slug}${params}`);
-        fetchData(requestUrl);
+        fetchData(`/content-manager/collection-types/${slug}`, { params });
+
         trackUsageRef.current('didBulkDeleteEntries');
       } catch (err) {
         toggleNotification({
@@ -232,16 +246,16 @@ function ListView({
         });
       }
     },
-    [fetchData, params, slug, toggleNotification, formatAPIError, post]
+    [slug, toggleNotification, formatAPIError, post, fetchData, params]
   );
 
   const handleConfirmDeleteData = React.useCallback(
     async (idToDelete) => {
       try {
-        await del(getRequestUrl(`collection-types/${slug}/${idToDelete}`));
+        await del(`/content-manager/collection-types/${slug}/${idToDelete}`);
 
-        const requestUrl = getRequestUrl(`collection-types/${slug}${params}`);
-        fetchData(requestUrl);
+        const requestUrl = getRequestUrl(`collection-types/${slug}`);
+        fetchData(requestUrl, { params });
 
         toggleNotification({
           type: 'success',
@@ -254,7 +268,7 @@ function ListView({
         });
       }
     },
-    [slug, params, fetchData, toggleNotification, formatAPIError, del]
+    [slug, toggleNotification, formatAPIError, del, fetchData, params]
   );
 
   /**
@@ -326,10 +340,10 @@ function ListView({
     const source = CancelToken.source();
 
     const shouldSendRequest = canRead;
-    const requestUrl = getRequestUrl(`collection-types/${slug}${params}`);
+    const requestUrl = getRequestUrl(`collection-types/${slug}`);
 
     if (shouldSendRequest && requestUrl.includes(requestUrlRef.current)) {
-      fetchData(requestUrl, source);
+      fetchData(requestUrl, { cancelToken: source.token, params });
     }
 
     return () => {
@@ -388,24 +402,8 @@ function ListView({
       };
     });
 
-    if (!hasDraftAndPublish) {
-      return formattedHeaders;
-    }
-
-    // this should not exist. Ideally we would use registerHook() similar to what has been done
-    // in the i18n plugin. In order to do that review-workflows should have been a plugin. In
-    // a future iteration we need to find a better pattern.
-
-    // In CE this will return null - in EE a column definition including the custom formatting component.
-    const reviewWorkflowColumn = getReviewWorkflowsColumn(layout);
-
-    if (reviewWorkflowColumn) {
-      formattedHeaders.push(reviewWorkflowColumn);
-    }
-
-    return [
-      ...formattedHeaders,
-      {
+    if (hasDraftAndPublish) {
+      formattedHeaders.push({
         key: '__published_at_temp_key__',
         name: 'publishedAt',
         fieldSchema: {
@@ -419,25 +417,29 @@ function ListView({
           searchable: false,
           sortable: true,
         },
-        // eslint-disable-next-line react/no-unstable-nested-components
-        cellFormatter(cellData) {
-          const isPublished = cellData.publishedAt;
-          const variant = isPublished ? 'success' : 'secondary';
-
-          return (
-            <Status width="min-content" showBullet={false} variant={variant} size="S">
-              <Typography fontWeight="bold" textColor={`${variant}700`}>
-                {formatMessage({
-                  id: getTrad(`containers.List.${isPublished ? 'published' : 'draft'}`),
-                  defaultMessage: isPublished ? 'Published' : 'Draft',
-                })}
-              </Typography>
-            </Status>
-          );
-        },
-      },
-    ];
-  }, [runHookWaterfall, displayedHeaders, layout, hasDraftAndPublish, formatMessage]);
+      });
+    }
+
+    if (reviewWorkflowColumns) {
+      // Make sure the column header label is translated
+      if (typeof reviewWorkflowColumns.metadatas.label !== 'string') {
+        reviewWorkflowColumns.metadatas.label = formatMessage(
+          reviewWorkflowColumns.metadatas.label
+        );
+      }
+
+      formattedHeaders.push(reviewWorkflowColumns);
+    }
+
+    return formattedHeaders;
+  }, [
+    runHookWaterfall,
+    displayedHeaders,
+    layout,
+    reviewWorkflowColumns,
+    hasDraftAndPublish,
+    formatMessage,
+  ]);
 
   const subtitle = canRead
     ? formatMessage(
@@ -580,6 +582,10 @@ function ListView({
                 canCreate={canCreate}
                 canDelete={canDelete}
                 contentType={contentType}
+                features={{
+                  hasDraftAndPublish,
+                  hasReviewWorkflows,
+                }}
                 headers={tableHeaders}
                 rows={data}
                 withBulkActions

package/admin/src/content-manager/pages/ListView/utils/buildValidGetParams.js

@@ -0,0 +1,30 @@
+const createPluginsFilter = (obj = {}) =>
+  Object.values(obj).reduce((acc, current) => Object.assign(acc, current), {});
+
+/**
+ * @description
+ * Creates a valid query params object for get requests
+ * ie. plugins[18n][locale]=en becomes locale=en
+ * @param {object} [query={}] - The query params
+ * @returns {object} - The modified query params
+ */
+const buildValidGetParams = (query = {}) => {
+  // Extract pluginOptions from the query, they shouldn't be part of the URL
+  const {
+    plugins: _,
+    _q: searchQuery,
+    ...validQueryParams
+  } = {
+    ...query,
+    ...createPluginsFilter(query.plugins),
+  };
+
+  if (searchQuery) {
+    // Encode the search query here since the paramsSerializer will not
+    validQueryParams._q = encodeURIComponent(searchQuery);
+  }
+
+  return validQueryParams;
+};
+
+export default buildValidGetParams;

package/admin/src/content-manager/pages/ListView/utils/index.js

@@ -1 +1 @@
-export { default as buildQueryString } from './buildQueryString';
+export { default as buildValidGetParams } from './buildValidGetParams';

package/admin/src/content-manager/utils/mergeMetasWithSchema.js

@@ -1,3 +1,4 @@
+import merge from 'lodash/merge';
 import set from 'lodash/set';
 
 const mergeMetasWithSchema = (data, schemas, mainSchemaKey) => {
@@ -6,7 +7,10 @@ const mergeMetasWithSchema = (data, schemas, mainSchemaKey) => {
   const mainUID = data[mainSchemaKey].uid;
   const mainSchema = findSchema(mainUID);
 
-  set(merged, [mainSchemaKey], { ...data[mainSchemaKey], ...mainSchema });
+  // TODO
+  // In order to merge all the layers of the schema objects, we used the Lodash function "merge".
+  // If the destructuration is used, it will only merge the first layer of properties and overwrite the nested objects.
+  set(merged, [mainSchemaKey], merge({}, mainSchema, data[mainSchemaKey]));
 
   Object.keys(data.components).forEach((compoUID) => {
     const compoSchema = findSchema(compoUID);

package/admin/src/hooks/index.js

@@ -3,7 +3,6 @@ export { useContentTypes } from './useContentTypes';
 export { default as useFetchPermissionsLayout } from './useFetchPermissionsLayout';
 export { default as useFetchRole } from './useFetchRole';
 export { default as useLicenseLimitNotification } from './useLicenseLimitNotification';
-export { default as useLicenseLimit } from './useLicenseLimits';
 export { default as useMenu } from './useMenu';
 export { default as usePermissionsDataManager } from './usePermissionsDataManager';
 export { default as useRegenerate } from './useRegenerate';

package/admin/src/hooks/useAdminUsers/useAdminUsers.js

@@ -1,10 +1,8 @@
 import { useFetchClient } from '@strapi/helper-plugin';
-import { stringify } from 'qs';
 import { useQuery } from 'react-query';
 
 export function useAdminUsers(params = {}, queryOptions = {}) {
   const { id = '', ...queryParams } = params;
-  const queryString = stringify(queryParams, { encode: false });
 
   const { get } = useFetchClient();
 
@@ -13,7 +11,9 @@ export function useAdminUsers(params = {}, queryOptions = {}) {
     async () => {
       const {
         data: { data },
-      } = await get(`/admin/users/${id}${queryString ? `?${queryString}` : ''}`);
+      } = await get(`/admin/users/${id}`, {
+        params: queryParams,
+      });
 
       return data;
     },

package/admin/src/hooks/useEnterprise/useEnterprise.js

@@ -9,7 +9,7 @@ function isEnterprise() {
 export function useEnterprise(
   ceData,
   eeCallback,
-  { defaultValue = null, combine = (ceData, eeData) => eeData } = {}
+  { defaultValue = null, combine = (ceData, eeData) => eeData, enabled = true } = {}
 ) {
   const eeCallbackRef = useCallbackRef(eeCallback);
   const combineCallbackRef = useCallbackRef(combine);
@@ -17,7 +17,7 @@ export function useEnterprise(
   // We have to use a nested object here, because functions (e.g. Components)
   // can not be stored as value directly
   const [{ data }, setData] = React.useState({
-    data: isEnterprise() ? defaultValue : ceData,
+    data: isEnterprise() && enabled ? defaultValue : ceData,
   });
 
   React.useEffect(() => {
@@ -27,10 +27,10 @@ export function useEnterprise(
       setData({ data: combineCallbackRef(ceData, eeData) });
     }
 
-    if (isEnterprise()) {
+    if (isEnterprise() && enabled) {
       importEE();
     }
-  }, [ceData, eeCallbackRef, combineCallbackRef]);
+  }, [ceData, eeCallbackRef, combineCallbackRef, enabled]);
 
   return data;
 }

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

@@ -31,21 +31,24 @@ import NotFoundPage from '../NotFoundPage';
 import UseCasePage from '../UseCasePage';
 
 import { ROUTES_CE, SET_ADMIN_PERMISSIONS } from './constants';
-import { getUID } from './utils';
 
 const AuthenticatedApp = lazy(() =>
   import(/* webpackChunkName: "Admin-authenticatedApp" */ '../../components/AuthenticatedApp')
 );
 
 function App() {
-  const adminPermissions = useEnterprise(ADMIN_PERMISSIONS_CE, async () => (await import('../../../../ee/admin/constants')).ADMIN_PERMISSIONS_EE, {
-    combine(cePermissions, eePermissions) {
-      // the `settings` NS e.g. are deep nested objects, that need a deep merge
-      return merge({}, cePermissions, eePermissions);
-    },
-
-    defaultValue: ADMIN_PERMISSIONS_CE,
-  })
+  const adminPermissions = useEnterprise(
+    ADMIN_PERMISSIONS_CE,
+    async () => (await import('../../../../ee/admin/constants')).ADMIN_PERMISSIONS_EE,
+    {
+      combine(cePermissions, eePermissions) {
+        // the `settings` NS e.g. are deep nested objects, that need a deep merge
+        return merge({}, cePermissions, eePermissions);
+      },
+
+      defaultValue: ADMIN_PERMISSIONS_CE,
+    }
+  );
   const routes = useEnterprise(
     ROUTES_CE,
     async () => (await import('../../../../ee/admin/pages/App/constants')).ROUTES_EE,
@@ -113,8 +116,6 @@ function App() {
           authLogo: prefixFileUrlWithBackendUrl(authLogo),
         });
 
-        const deviceId = await getUID();
-
         if (uuid) {
           const {
             data: { data: properties },
@@ -127,19 +128,23 @@ function App() {
 
           try {
             const event = 'didInitializeAdministration';
-            await post('https://analytics.strapi.io/api/v2/track', {
-              // This event is anonymous
-              event,
-              userId: '',
-              deviceId,
-              eventPropeties: {},
-              userProperties: { environment: appInfo.currentEnvironment },
-              groupProperties: { ...properties, projectId: uuid },
-            }, {
-              headers: {
-                'X-Strapi-Event': event,
+            await post(
+              'https://analytics.strapi.io/api/v2/track',
+              {
+                // This event is anonymous
+                event,
+                userId: '',
+                deviceId,
+                eventPropeties: {},
+                userProperties: { environment: appInfo.currentEnvironment },
+                groupProperties: { ...properties, projectId: uuid },
+              },
+              {
+                headers: {
+                  'X-Strapi-Event': event,
+                },
               }
-            });
+            );
           } catch (e) {
             // Silent.
           }

package/admin/src/pages/AuthPage/components/Register/index.js

@@ -64,7 +64,11 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
         try {
           const {
             data: { data },
-          } = await get(`/admin/registration-info?registrationToken=${registrationToken}`);
+          } = await get(`/admin/registration-info`, {
+            params: {
+              registrationToken,
+            },
+          });
 
           if (data) {
             setUserInfo(data);

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

@@ -203,7 +203,12 @@ const ProfilePage = () => {
               <HeaderLayout
                 title={data.username || getFullName(data.firstname, data.lastname)}
                 primaryAction={
-                  <Button startIcon={<Check />} loading={isSubmitting} type="submit" disabled={!dirty}>
+                  <Button
+                    startIcon={<Check />}
+                    loading={isSubmitting}
+                    type="submit"
+                    disabled={!dirty}
+                  >
                     {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}
                   </Button>
                 }

package/admin/src/pages/SettingsPage/components/Tokens/TokenBox/index.js

@@ -17,7 +17,7 @@ const TokenBox = ({ token, tokenType }) => {
     const didCopy = await copy(token);
 
     if (didCopy) {
-      trackUsage.current('didCopyTokenKey', {
+      trackUsage('didCopyTokenKey', {
         tokenType,
       });
       toggleNotification({

package/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js

@@ -189,7 +189,7 @@ const EditPage = ({ canUpdate }) => {
               <HeaderLayout
                 primaryAction={
                   <Button
-                    disabled={(isSubmitting || !canUpdate) ? true : !dirty}
+                    disabled={isSubmitting || !canUpdate ? true : !dirty}
                     startIcon={<Check />}
                     loading={isSubmitting}
                     type="submit"

package/admin/src/translations/zh-Hans.json

@@ -799,7 +799,7 @@
     "content-manager.popUpWarning.warning.unpublish-question": "您确定不要发布它吗？",
     "content-manager.popUpWarning.warning.updateAllSettings": "这将修改所有设置",
     "content-manager.popUpwarning.warning.has-draft-relations.button-confirm": "是, 发布",
-    "content-manager.popUpwarning.warning.has-draft-relations.message": "<b>{count, plural, =0 { 个关联的内容} one { 个关联的内容} other { 个关联的内容}}</b> 尚未发布。<br></br>它可能会在你的项目上产生关联失效和错误。",
+    "content-manager.popUpwarning.warning.has-draft-relations.message": "<b>{count, plural, one { 个关联的内容} other { 个关联的内容}}</b> 尚未发布，这可能会导致不可预期的行为。",
     "content-manager.popover.display-relations.label": "显示关联",
     "content-manager.relation.add": "添加关联",
     "content-manager.relation.disconnect": "删除",

package/build/2799.cf9b491f.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[2799],{42799:function(n,a,e){e.r(a),e.d(a,{REVIEW_WORKFLOW_COLUMNS_EE:function(){return t}});var s=e(47510);const t={key:"__strapi_reviewWorkflows_stage_temp_key__",name:"strapi_reviewWorkflows_stage",fieldSchema:{type:"relation"},metadatas:{label:{id:(0,s.Z)("containers.ListPage.table-headers.reviewWorkflows.stage"),defaultMessage:"Review stage"},searchable:!1,sortable:!0,mainField:{name:"name",schema:{type:"string"}}}}}}]);

package/build/4485.d3c6dd1d.chunk.js

@@ -0,0 +1,6 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4485],{55433:function(N,T,t){t.d(T,{r:function(){return L}});var i=t(32735),m=t(72850),h=t(60216),A=t.n(h),M=t(74506);function D(p,y,g){if(!p||!y)return{display:"none"};const{x:O,y:P}=g;return{transform:`translate(${O}px, ${P}px)`}}function L({renderItem:p}){const{itemType:y,isDragging:g,item:O,initialOffset:P,currentOffset:F,mouseOffset:K}=(0,M.useDragLayer)(R=>({item:R.getItem(),itemType:R.getItemType(),initialOffset:R.getInitialSourceClientOffset(),currentOffset:R.getSourceClientOffset(),isDragging:R.isDragging(),mouseOffset:R.getClientOffset()}));return g?i.createElement(m.x,{height:"100%",left:0,position:"fixed",pointerEvents:"none",top:0,zIndex:100,width:"100%"},i.createElement(m.x,{style:D(P,F,K)},p({type:y,item:O}))):null}L.propTypes={renderItem:A().func.isRequired}},73386:function(N,T,t){var i=t(32735);const m=(0,i.createContext)();var h=null},56327:function(N,T,t){t.d(T,{PL:function(){return M},Y9:function(){return D.Y},zE:function(){return se},Ky:function(){return le},fi:function(){return H},zH:function(){return de},r5:function(){return me}});var i=t(32735),m=t(15062),h=t(70031),M=()=>{const e=(0,m.v9)(h.Z),n=(0,i.useCallback)(r=>e?.components?.[r]??{},[e]);return{...e,getComponentLayout:n}},D=t(90553),L=t(19565),p=t(84306),y=t(42882),g=t(97889);const O={error:null,isLoading:!0,layout:{},layouts:{}};var F=(e,n)=>(0,g.ZP)(e,r=>{switch(n.type){case"GET_DATA":{r.isLoading=!0,r.error=null,r.layout={};break}case"GET_DATA_SUCCEEDED":{const s=n.data.contentType.uid;r.layout=n.data,r.layouts[s]=n.data,r.isLoading=!1;break}case"GET_DATA_ERROR":{r.isLoading=!1,r.error=n.error;break}case"SET_LAYOUT_FROM_STATE":{r.error=null,r.layout=e.layouts[n.uid];break}case"UPDATE_LAYOUT":{const s=e.layout;r.layout={...s,contentType:{uid:s.contentType.uid,...n.newLayout.contentType}},r.layouts[s.contentType.uid]={...s,contentType:{uid:s.contentType.uid,...n.newLayout.contentType}};break}default:return r}}),K=t(99381),R=t.n(K),V=t(33795),W=t.n(V),Y=t(3040),U=t.n(Y),_=t(51375);const $=(e,n)=>n.find(r=>r.uid===e),j=(e,n)=>{const r=S(e,n),s=b(r.contentType,n),a=z(r.contentType,r.components);return U()(r,["contentType","layouts","edit"],s),U()(r,["contentType","layouts","list"],a),Object.keys(r.components).forEach(l=>{const c=b(r.components[l],n);U()(r,["components",l,"layouts","edit"],c)}),r},S=(e,n)=>{const r=(0,_.w8)(R()(e),n,"contentType"),{components:s,contentType:a}=r,l=c=>Object.keys(c.metadatas).reduce((f,C)=>{const I=W()(c,["attributes",C],{});let k=c.metadatas[C];if(I.type==="relation"){const x=$(I.targetModel,n),B=k.edit.mainField,J={name:B,schema:W()(x,["attributes",B])};k={list:{...k.list,mainField:J},edit:{...k.edit,mainField:J}}}return f[C]=k,f},{});return U()(r,["contentType","metadatas"],l(a)),Object.keys(s).forEach(c=>{const f=s[c],C=l(f);U()(r,["components",c,"metadatas"],C)}),r},b=(e,n)=>e.layouts.edit.reduce((r,s)=>{const a=s.map(l=>{const c=W()(e,["attributes",l.name],{}),f={...l,fieldSchema:c,metadatas:W()(e,["metadatas",l.name,"edit"],{})};if(c.type==="relation"){const I=$(c.targetModel,n).pluginOptions||{};U()(f,"targetModelPluginOptions",I),U()(f,"queryInfos",{shouldDisplayRelationLink:w(e,l.name,n)})}return f});return r.push(a),r},[]),z=(e,n)=>e.layouts.list.reduce((s,a)=>{const l=W()(e,["attributes",a],{}),c=W()(e,["metadatas",a,"list"],{}),f=l.type;if(f==="relation")return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:c}),s;if(f==="component"){const C=n[l.component],I=C.settings.mainField,k=C.attributes[I];return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:{...c,mainField:{...k,name:I}}}),s}return s.push({key:`__${a}_key__`,name:a,fieldSchema:l,metadatas:c}),s},[]),w=(e,n,r)=>{const s=W()(e,["attributes",n,"targetModel"],"");return Z(r).includes(s)},Z=e=>e.filter(n=>n.isDisplayed).map(({uid:n})=>n);var X=j,se=e=>{const[{error:n,isLoading:r,layout:s,layouts:a},l]=(0,i.useReducer)(F,O),c=(0,i.useMemo)(y.Vo,[]),{schemas:f}=(0,m.v9)(B=>c(B),m.wU),C=(0,i.useRef)(!0),{get:I}=(0,L.kY)(),k=(0,i.useCallback)(async(B,J)=>{if(a[B]){l({type:"SET_LAYOUT_FROM_STATE",uid:B});return}l({type:"GET_DATA"});try{const{data:{data:re}}=await I(`/content-manager/content-types/${B}/configuration`,{cancelToken:J.token});l({type:"GET_DATA_SUCCEEDED",data:X(re,f)})}catch(re){if(p.default.isCancel(re))return;C.current&&console.error(re),C.current&&l({type:"GET_DATA_ERROR",error:re})}},[a,f,I]);(0,i.useEffect)(()=>()=>{C.current=!1},[]),(0,i.useEffect)(()=>{const J=p.default.CancelToken.source();return k(e,J),()=>{J.cancel("Operation canceled by the user.")}},[e,k]);const x=(0,i.useCallback)(B=>{l({type:"UPDATE_LAYOUT",newLayout:X(B,f)})},[f]);return{error:n,isLoading:r,layout:s,updateLayout:x}},oe=e=>e["content-manager_app"].collectionTypeLinks,ae=t(85973),ie=t.n(ae),Q=t(33348);const ue=(e,n)=>Object.keys(e).reduce((r,s)=>{const a=e[s],l=W()(n,[s],a);return ie()(a)?{...r,[s]:ue(a,l)}:(r[s]=l,r)},{});var E=(e,n,r)=>{const s=e.find(({to:k})=>k.includes(n));if(!s)return"/";const{to:a,search:l}=s,c=(0,Q.parse)(l),f=(0,Q.parse)(r.substring(1)),C=ue(c,f);return`${a}?${(0,Q.stringify)(C,{encode:!1})}`},le=e=>{const[{rawQuery:n}]=(0,L.Kx)(),r=(0,m.v9)(oe);return E(r,e,n)},ye=t(18777),ce=t(53038),H=()=>{const{search:e}=(0,ce.TH)(),n=e?(0,Q.parse)(e.substring(1)):{};return n.plugins?(0,Q.stringify)({plugins:n.plugins},{encode:!1}):""};const de=e=>{const n=(0,i.useRef)();return(0,i.useEffect)(()=>{n.current=e},[e]),n.current};var G=t(89334);const v=(e,n,r)=>({type:G.m,permissions:e,__meta__:{plugins:n,containerName:r}}),te=()=>({type:G.Q}),fe=e=>e["content-manager_rbacManager"].permissions,ne=e=>e.rbacProvider.collectionTypesRelatedPermissions;var me=(e,n,r="listView")=>{const s=(0,m.v9)(ne),a=(0,m.v9)(fe),l=(0,m.I0)(),c=s[n];return(0,i.useEffect)(()=>c?(l(v(c,e?e.plugins:null,r)),()=>{l(te())}):()=>{},[c,l,e,r]),a},o=t(73386);const d=()=>useContext(WysiwygContext);var u=null},90553:function(N,T,t){t.d(T,{Y:function(){return M}});var i=t(32735),m=t(74506),h=t.n(m),A=t(18777);const M=(D,{type:L="STRAPI_DND",index:p,item:y={},onStart:g,onEnd:O,onGrabItem:P,onDropItem:F,onCancel:K,onMoveItem:R,dropSensitivity:V="regular"})=>{const W=(0,i.useRef)(null),[{handlerId:Y},U]=(0,m.useDrop)({accept:L,collect(b){return{handlerId:b.getHandlerId()}},hover(b,z){if(!W.current)return;const w=b.index,Z=p;if(w!==Z){if(V==="regular"){const X=W.current.getBoundingClientRect(),q=(X.bottom-X.top)/2,ee=z.getClientOffset().y-X.top;if(w<Z&&ee<q||w>Z&&ee>q)return}R(Z,w),b.index=Z}}}),[{isDragging:_},$,j]=(0,m.useDrag)({type:L,item(){g&&g();const{width:b}=W.current?.getBoundingClientRect()??{};return{index:p,width:b,...y}},end(){O&&O()},canDrag:D,isDragging:y.id?b=>y.id===b.getItem().id:void 0,collect:b=>({isDragging:b.isDragging()})}),S=(0,A.A)(D,p,{onGrabItem:P,onDropItem:F,onCancel:K,onMoveItem:R});return[{handlerId:Y,isDragging:_,handleKeyDown:S},W,U,$,j]}},18777:function(N,T,t){t.d(T,{A:function(){return m}});var i=t(32735);const m=(h,A,{onCancel:M,onDropItem:D,onGrabItem:L,onMoveItem:p})=>{const[y,g]=(0,i.useState)(!1),O=R=>{y&&(R==="UP"?p(A-1,A):R==="DOWN"&&p(A+1,A))},P=()=>{y?(D&&D(A),g(!1)):(L&&L(A),g(!0))},F=()=>{y&&(g(!1),M&&M(A))};return R=>{if(h&&!(R.key==="Tab"&&!y))switch(R.preventDefault(),R.key){case" ":case"Enter":P();break;case"Escape":F();break;case"ArrowDown":case"ArrowRight":O("DOWN");break;case"ArrowUp":case"ArrowLeft":O("UP");break;default:}}}},42882:function(N,T,t){t.d(T,{Jg:function(){return p},KQ:function(){return D},Vo:function(){return L},Yg:function(){return h}});var i=t(98178),m=t(34947);const h=()=>g=>g["content-manager_app"]||m.E,A=()=>createSelector(h(),g=>g),M=()=>createSelector(h(),g=>g.models),D=()=>(0,i.P1)(h(),g=>({collectionTypeLinks:g.collectionTypeLinks,singleTypeLinks:g.singleTypeLinks})),L=()=>(0,i.P1)(h(),({components:g,models:O})=>({schemas:[...g,...O]})),p=(0,i.P1)(h(),g=>g.fieldSizes);var y=null},70031:function(N,T){const t=i=>i["content-manager_editViewLayoutManager"].currentLayout;T.Z=t},25708:function(N,T){T.Z={COMPONENT:"component",EDIT_FIELD:"editField",FIELD:"field",DYNAMIC_ZONE:"dynamicZone",RELATION:"relation"}},47510:function(N,T){const t=i=>`content-manager.${i}`;T.Z=t},51375:function(N,T,t){t.d(T,{_Q:function(){return ee.Z},W3:function(){return A},ko:function(){return p},FE:function(){return g},Di:function(){return K},Ex:function(){return me},du:function(){return Y},TA:function(){return $},Ts:function(){return z},Uo:function(){return Z},IF:function(){return q},OB:function(){return se.Z},w8:function(){return ge},kc:function(){return le}});var i=t(99381),m=t.n(i),A=(o,d,u)=>{if(Array.isArray(o)&&d>=0&&u>=0&&d<=o.length-1&&u<=o.length-1){const e=m()(o),n=e.splice(d,1);return e.splice(u,0,n[0]),e}return o},M=t(59578),D=t.n(M),p=o=>{const d=o.type;return d==="relation"?!D()(o.relationType).includes("morph"):!["json","dynamiczone","richtext","password"].includes(d)&&!!d};const y=(o,d)=>{typeof o=="function"?o(d):o!=null&&(o.current=d)},g=(...o)=>d=>o.forEach(u=>y(u,d));var O=t(33795),P=t.n(O);const F=(o,d)=>Object.keys(o).reduce((u,e)=>{const n=P()(o,[e],{}),{default:r,component:s,type:a,required:l,min:c,repeatable:f}=n;if(r!==void 0&&(u[e]=r),a==="component"){const C=d?.[s]?.attributes??{},I=F(C,d);if(l===!0&&(u[e]=f===!0?[]:I),c&&f===!0&&l){u[e]=[];for(let k=0;k<c;k+=1)u[e].push(I)}}return a==="dynamiczone"&&l===!0&&(u[e]=[]),u},{});var K=F,R=t(9086),V=t.n(R),Y=({layouts:o,metadatas:d,...u})=>{const e=o.list.map(s=>s.name?s.name:s),n=Object.keys(d).reduce((s,a)=>{const l=P()(d,[a],{});let c=l.edit;return c.mainField&&(c={...c,mainField:l.edit.mainField.name}),{...s,[a]:{edit:c,list:V()(l.list,["mainField"])}}},{}),r=o.edit.map(s=>s.map(({name:a,size:l})=>({name:a,size:l})));return{...u,layouts:{edit:r,list:e},metadatas:n}};const U=(o,d)=>o.map(u=>({...u,subject:d}));var $=o=>{const d={create:[{action:"plugin::content-manager.explorer.create",subject:null}],delete:[{action:"plugin::content-manager.explorer.delete",subject:null}],publish:[{action:"plugin::content-manager.explorer.publish",subject:null}],read:[{action:"plugin::content-manager.explorer.read",subject:null}],update:[{action:"plugin::content-manager.explorer.update",subject:null}]};return Object.keys(d).reduce((u,e)=>(u[e]=U(d[e],o),u),{})},j=t(95919),S=t.n(j),z=o=>o.split(".").filter(d=>S()(parseInt(d,10))),Z=o=>{if(o.length===0)return-1;const d=Math.max.apply(Math,o.map(u=>u.__temp_key__??0));return Number.isNaN(d)?-1:d},q=o=>`/content-manager/${o}`,se=t(47510),ee=t(25708),oe=t(86349),ae=t.n(oe),ie=t(3040),Q=t.n(ie),ge=(o,d,u)=>{const e=a=>d.find(l=>l.uid===a),n=Object.assign({},o),r=o[u].uid,s=e(r);return Q()(n,[u],ae()({},s,o[u])),Object.keys(o.components).forEach(a=>{const l=e(a);Q()(n,["components",a],{...o.components[a],...l})}),n},E=t(19565),le=(o,d,u)=>{const e=(n,r)=>Object.keys(n).reduce((s,a)=>{const l=(0,E.UN)(r,a),c=P()(n,a),f=(0,E.k2)(r,[a,"component"]),C=(0,E.k2)(r,[a,"repeatable"]);return l==="dynamiczone"?(s[a]=c.map(I=>e(I,u[I.__component])),s):l==="component"?(C?s[a]=c&&c.map(I=>e(I,u[f])):s[a]=c&&e(c,u[f]),s):(l!=="password"&&(s[a]=c),s)},{});return e(o,d)},ye=t(51355),ce=t.n(ye),pe=t(86834),H=t.n(pe),de=t(78746),G=t.n(de),v=t(24346),te=t(82293);v.kM(v.nK,"defined",function(){return this.test("defined",E.I0.required,o=>o!==void 0)}),v.kM(v.IX,"notEmptyMin",function(o){return this.test("notEmptyMin",E.I0.min,d=>H()(d)?!0:d.length>=o)}),v.kM(v.Z_,"isInferior",function(o,d){return this.test("isInferior",o,function(u){return!u||Number.isNaN(G()(u))?!0:G()(d)>=G()(u)})}),v.kM(v.Z_,"isSuperior",function(o,d){return this.test("isSuperior",o,function(u){return!u||Number.isNaN(G()(u))?!0:G()(u)>=G()(d)})});const fe=o=>P()(o,["attributes"],{}),ne=(o,{components:d},u={isCreatingEntry:!0,isDraft:!0,isFromComponent:!1})=>{const e=fe(o);return v.Ry().shape(Object.keys(e).reduce((n,r)=>{const s=e[r];if(s.type!=="relation"&&s.type!=="component"&&s.type!=="dynamiczone"){const a=Ee(s.type,s,u);n[r]=a}if(s.type==="relation"&&(n[r]=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(s.relationType)?v.Ry().nullable():v.IX().nullable()),s.type==="component"){const a=ne(d[s.component],{components:d},{...u,isFromComponent:!0});if(s.repeatable===!0){const{min:c,max:f,required:C}=s;let I=v.Vo(k=>{let x=v.IX().of(a);return c?C?x=x.min(c,E.I0.min):C!==!0&&H()(k)?x=x.nullable():x=x.min(c,E.I0.min):C&&!u.isDraft&&(x=x.min(1,E.I0.required)),f&&(x=x.max(f,E.I0.max)),x});return n[r]=I,n}const l=v.Vo(c=>c!==void 0?s.required===!0&&!u.isDraft?a.defined():a.nullable():s.required===!0?v.Ry().defined():v.Ry().nullable());return n[r]=l,n}if(s.type==="dynamiczone"){let a=v.IX().of(v.Vo(({__component:f})=>ne(d[f],{components:d},{...u,isFromComponent:!0})));const{max:l,min:c}=s;c?s.required?a=a.test("min",E.I0.min,f=>u.isCreatingEntry?f&&f.length>=c:f===void 0?!0:f!==null&&f.length>=c).test("required",E.I0.required,f=>u.isCreatingEntry?f!==null||f!==void 0:f===void 0?!0:f!==null):a=a.notEmptyMin(c):s.required&&!u.isDraft&&(a=a.test("required",E.I0.required,f=>u.isCreatingEntry?f!==null||f!==void 0:f===void 0?!0:f!==null)),l&&(a=a.max(l,E.I0.max)),n[r]=a}return n},{}))},Ee=(o,d,u)=>{let e=v.nK();return["string","uid","text","richtext","email","password","enumeration"].includes(o)&&(e=v.Z_()),o==="json"&&(e=v.nK(E.I0.json).test("isJSON",E.I0.json,n=>{if(!n||!n.length)return!0;try{return JSON.parse(n),!0}catch{return!1}}).nullable().test("required",E.I0.required,n=>!(d.required&&(!n||!n.length)))),o==="email"&&(e=e.email(E.I0.email)),["number","integer","float","decimal"].includes(o)&&(e=v.Rx().transform(n=>S()(n)?void 0:n).typeError()),o==="biginteger"&&(e=v.Z_().matches(/^-?\d*$/)),["date","datetime"].includes(o)&&(e=v.hT()),Object.keys(d).forEach(n=>{const r=d[n];if(r||!ce()(r)&&Number.isInteger(Math.floor(r))||r===0)switch(n){case"required":{u.isDraft||(o==="password"&&u.isCreatingEntry&&(e=e.required(E.I0.required)),o!=="password"&&(u.isCreatingEntry?e=e.required(E.I0.required):e=e.test("required",E.I0.required,s=>s===void 0&&!u.isFromComponent?!0:(0,te.Z)(o)?s===0?!0:!!s:o==="boolean"?s!=null:o==="date"||o==="datetime"?typeof s=="string"?!H()(s):!H()(s?.toString()):!H()(s))));break}case"max":{o==="biginteger"?e=e.isInferior(E.I0.max,r):e=e.max(r,E.I0.max);break}case"maxLength":e=e.max(r,E.I0.maxLength);break;case"min":{o==="biginteger"?e=e.isSuperior(E.I0.min,r):e=e.min(r,E.I0.min);break}case"minLength":{u.isDraft||(e=e.min(r,E.I0.minLength));break}case"regex":e=e.matches(new RegExp(r),{message:E.I0.regex,excludeEmptyString:!d.required});break;case"lowercase":["text","textarea","email","string"].includes(o)&&(e=e.strict().lowercase());break;case"uppercase":["text","textarea","email","string"].includes(o)&&(e=e.strict().uppercase());break;case"positive":(0,te.Z)(o)&&(e=e.positive());break;case"negative":(0,te.Z)(o)&&(e=e.negative());break;default:e=e.nullable()}}),e};var me=ne},82293:function(N,T,t){t.d(T,{Z:function(){return i}});function i(m){return["integer","biginteger","decimal","float","number"].includes(m)}},39731:function(N,T,t){t.d(T,{uT:function(){return U},fC:function(){return j},Dx:function(){return Y}});var i=t(32735),m=t(49372),h=t(87933),A=t(85025),M=t(31600),D=t(72850),L=t(50563),p=t(95489),y=t(35331),g=t(60216),O=t.n(g),P=t(67879),F=t(8471),K=t.p+"0cd5f8915b265d5b1856.png";const R="limits-title",V="https://strapi.io/pricing-cloud",W="https://strapi.io/contact-sales";function Y({children:S}){return i.createElement(m.Z,{variant:"alpha",id:R},S)}Y.propTypes={children:O().node.isRequired};function U({children:S}){return i.createElement(m.Z,{variant:"omega"},S)}U.propTypes={children:O().node.isRequired};function _(){const{formatMessage:S}=(0,P.Z)();return i.createElement(h.k,{gap:2,paddingTop:4},i.createElement(p.Q,{variant:"default",isExternal:!0,href:V},S({id:"Settings.review-workflows.limit.cta.learn",defaultMessage:"Learn more"})),i.createElement(p.Q,{variant:"tertiary",isExternal:!0,href:W},S({id:"Settings.review-workflows.limit.cta.sales",defaultMessage:"Contact Sales"})))}const $=F.ZP.img`
+  // Margin top|right reverse the padding of ModalBody
+  margin-right: ${({theme:S})=>`-${S.spaces[7]}`};
+  margin-top: ${({theme:S})=>`-${S.spaces[7]}`};
+  width: 360px;
+`;function j({children:S,isOpen:b,onClose:z}){const{formatMessage:w}=(0,P.Z)();return b?i.createElement(A.P,{labelledBy:R},i.createElement(M.f,null,i.createElement(h.k,{gap:2,paddingLeft:7,position:"relative"},i.createElement(h.k,{alignItems:"start",direction:"column",gap:2,width:"60%"},S,i.createElement(_,null)),i.createElement(h.k,{justifyContent:"end",height:"100%",width:"40%"},i.createElement($,{src:K,"aria-hidden":!0,alt:"",loading:"lazy"}),i.createElement(D.x,{display:"flex",position:"absolute",right:0,top:0},i.createElement(L.h,{icon:i.createElement(y.Z,null),"aria-label":w({id:"global.close",defaultMessage:"Close"}),onClick:z})))))):null}j.defaultProps={isOpen:!1},j.propTypes={children:O().node.isRequired,isOpen:O().bool,onClose:O().func.isRequired}},61937:function(N,T,t){t.d(T,{$k:function(){return p},FT:function(){return O},Nj:function(){return L},Ot:function(){return D},VS:function(){return y},gu:function(){return h},lv:function(){return g},qZ:function(){return A},sN:function(){return m},uL:function(){return P},x4:function(){return M}});var i=t(12301);const m="settings_review-workflows",h="Settings/Review_Workflows/RESET_WORKFLOW",A="Settings/Review_Workflows/SET_WORKFLOW",M="Settings/Review_Workflows/WORKFLOW_DELETE_STAGE",D="Settings/Review_Workflows/WORKFLOW_ADD_STAGE",L="Settings/Review_Workflows/WORKFLOW_UPDATE_STAGE",p="Settings/Review_Workflows/WORKFLOW_UPDATE_STAGE_POSITION",y="Settings/Review_Workflows/WORKFLOW_UPDATE",g={primary600:"Blue",primary200:"Lilac",alternative600:"Violet",alternative200:"Lavender",success600:"Green",success200:"Pale Green",danger500:"Cherry",danger200:"Pink",warning600:"Orange",warning200:"Yellow",secondary600:"Teal",secondary200:"Baby Blue",neutral400:"Gray",neutral0:"White"},O=i.W.colors.primary600,P={STAGE:"stage"}},67350:function(N,T,t){t.d(T,{n:function(){return h}});var i=t(19565),m=t(20108);function h(A={}){const{get:M}=(0,i.kY)(),{id:D="",...L}=A,p={populate:"stages"},{data:y,isLoading:g,status:O,refetch:P}=(0,m.useQuery)(["review-workflows","workflows",D],async()=>(await M(`/admin/review-workflows/workflows/${D}`,{params:{...p,...L}})).data);let F=[];return D&&y?.data?F=[y.data]:Array.isArray(y?.data)&&(F=y.data),{meta:y?.meta??{},workflows:F,isLoading:g,status:O,refetch:P}}},54504:function(N,T,t){t.d(T,{k:function(){return h},s:function(){return A}});var i=t(12301),m=t(61937);function h(M){if(!M)return null;const L=Object.entries(i.W.colors).filter(([,p])=>p.toUpperCase()===M.toUpperCase()).reduce((p,[y])=>(m.lv?.[y]&&(p=y),p),null);return L?{themeColorName:L,name:m.lv[L]}:null}function A(){return Object.entries(m.lv).map(([M,D])=>({hex:i.W.colors[M].toUpperCase(),name:D}))}}}]);

package/build/539.865446c0.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[539],{60539:function(v,a,t){t.r(a),t.d(a,{ReviewWorkflowsStageEE:function(){return r}});var n=t(32735),e=t(87933),l=t(72850),i=t(49372),u=t(19565),d=t(60216),o=t.n(d),h=t(61937),g=t(54504);function r({color:s,name:m}){const{themeColorName:p}=(0,g.k)(s);return n.createElement(e.k,{alignItems:"center",gap:2,maxWidth:(0,u.Q1)(300)},n.createElement(l.x,{height:2,background:s,borderColor:p==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2}),n.createElement(i.Z,{fontWeight:"regular",textColor:"neutral700",ellipsis:!0},m))}r.defaultProps={color:h.FT},r.propTypes={color:o().string,name:o().string.isRequired}}}]);