@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/pages/ComponentConfigurationPage.mjs

@@ -0,0 +1,190 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Page, useNotification, useAPIErrorHandler } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { useParams } from 'react-router-dom';
+import { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields.mjs';
+import { ConfigurationForm } from '../components/ConfigurationForm/Form.mjs';
+import { extractContentTypeComponents } from '../hooks/useContentTypeSchema.mjs';
+import { DEFAULT_SETTINGS } from '../hooks/useDocumentLayout.mjs';
+import { useTypedSelector } from '../modules/hooks.mjs';
+import { useGetComponentConfigurationQuery, useUpdateComponentConfigurationMutation } from '../services/components.mjs';
+import { useGetInitialDataQuery } from '../services/init.mjs';
+import { setIn } from '../utils/objects.mjs';
+import { formatComponentConfigurationEditLayout } from './formatComponentConfigurationEditLayout.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * ComponentConfigurationPage
+ * -----------------------------------------------------------------------------------------------*/ const ComponentConfigurationPage = ()=>{
+    /**
+   * useDocumentLayout only works for documents, not components,
+   * it feels weird to make that hook work for both when this is SUCH
+   * a unique use case and we only do it here, so in short, we essentially
+   * just extracted the logic to make an edit view layout and reproduced it here.
+   */ const { slug: model } = useParams();
+    const { toggleNotification } = useNotification();
+    const { formatMessage } = useIntl();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    const { components, fieldSizes, schema, schemas, error: errorSchema, isLoading: isLoadingSchema, isFetching: isFetchingSchema } = useGetInitialDataQuery(undefined, {
+        selectFromResult: (res)=>{
+            const schema = res.data?.components.find((ct)=>ct.uid === model);
+            const componentsByKey = res.data?.components.reduce((acc, component)=>{
+                acc[component.uid] = component;
+                return acc;
+            }, {});
+            const components = extractContentTypeComponents(schema?.attributes, componentsByKey);
+            const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce((acc, [attributeName, { default: size }])=>{
+                acc[attributeName] = size;
+                return acc;
+            }, {});
+            return {
+                isFetching: res.isFetching,
+                isLoading: res.isLoading,
+                error: res.error,
+                components,
+                schema,
+                schemas: res.data?.contentTypes ?? [],
+                fieldSizes
+            };
+        }
+    });
+    React.useEffect(()=>{
+        if (errorSchema) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(errorSchema)
+            });
+        }
+    }, [
+        errorSchema,
+        formatAPIError,
+        toggleNotification
+    ]);
+    const { data, isLoading: isLoadingConfig, isFetching: isFetchingConfig, error } = useGetComponentConfigurationQuery(model ?? '');
+    React.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    /**
+   * you **must** check if we're loading or fetching in case the component gets new props
+   * but nothing was unmounted, it then becomes a fetch, not a load.
+   */ const isLoading = isLoadingConfig || isLoadingSchema || isFetchingConfig || isFetchingSchema;
+    const editLayout = React.useMemo(()=>data && !isLoading ? formatComponentConfigurationEditLayout(data, {
+            schema,
+            components,
+            schemas
+        }) : {
+            layout: [],
+            components: {},
+            metadatas: {},
+            options: {},
+            settings: DEFAULT_SETTINGS
+        }, [
+        data,
+        isLoading,
+        schema,
+        components,
+        schemas
+    ]);
+    const [updateConfiguration] = useUpdateComponentConfigurationMutation();
+    const handleSubmit = async (formData)=>{
+        try {
+            /**
+       * We reconstruct the metadatas object by taking the existing list metadatas
+       * and re-merging that by attribute name with the current list metadatas, whilst overwriting
+       * the data from the form we've built.
+       */ const meta = Object.entries(data?.component.metadatas ?? {}).reduce((acc, [name, { edit, list }])=>{
+                const { __temp_key__, size: _size, name: _name, ...editedMetadata } = formData.layout.flatMap((row)=>row.children).find((field)=>field.name === name) ?? {};
+                acc[name] = {
+                    edit: {
+                        ...edit,
+                        ...editedMetadata
+                    },
+                    list
+                };
+                return acc;
+            }, {});
+            const res = await updateConfiguration({
+                layouts: {
+                    edit: formData.layout.map((row)=>row.children.reduce((acc, { name, size })=>{
+                            if (name !== TEMP_FIELD_NAME) {
+                                return [
+                                    ...acc,
+                                    {
+                                        name,
+                                        size
+                                    }
+                                ];
+                            }
+                            return acc;
+                        }, [])),
+                    list: data?.component.layouts.list
+                },
+                settings: setIn(formData.settings, 'displayName', undefined),
+                metadatas: meta,
+                uid: model
+            });
+            if ('data' in res) {
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.saved',
+                        defaultMessage: 'Saved'
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (error || errorSchema || !schema) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: `Configure ${editLayout.settings.displayName} Edit View`
+            }),
+            /*#__PURE__*/ jsx(ConfigurationForm, {
+                onSubmit: handleSubmit,
+                attributes: schema.attributes,
+                fieldSizes: fieldSizes,
+                layout: editLayout
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Header
+ * -----------------------------------------------------------------------------------------------*/ const ProtectedComponentConfigurationPage = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.contentManager?.componentsConfigurations);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(ComponentConfigurationPage, {})
+    });
+};
+
+export { ComponentConfigurationPage, ProtectedComponentConfigurationPage };
+//# sourceMappingURL=ComponentConfigurationPage.mjs.map

package/dist/admin/pages/ComponentConfigurationPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentConfigurationPage.mjs","sources":["../../../admin/src/pages/ComponentConfigurationPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Page, useNotification, useAPIErrorHandler } from '@strapi/admin/strapi-admin';\r\nimport { useIntl } from 'react-intl';\r\nimport { useParams } from 'react-router-dom';\r\n\r\nimport { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields';\r\nimport { ConfigurationForm, ConfigurationFormProps } from '../components/ConfigurationForm/Form';\r\nimport { ComponentsDictionary, extractContentTypeComponents } from '../hooks/useContentTypeSchema';\r\nimport { DEFAULT_SETTINGS, EditLayout } from '../hooks/useDocumentLayout';\r\nimport { useTypedSelector } from '../modules/hooks';\r\nimport {\r\n  useGetComponentConfigurationQuery,\r\n  useUpdateComponentConfigurationMutation,\r\n} from '../services/components';\r\nimport { useGetInitialDataQuery } from '../services/init';\r\nimport { setIn } from '../utils/objects';\r\n\r\nimport { formatComponentConfigurationEditLayout } from './formatComponentConfigurationEditLayout';\r\n\r\nimport type { Metadatas } from '../../../shared/contracts/content-types';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ComponentConfigurationPage\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ComponentConfigurationPage = () => {\r\n  /**\r\n   * useDocumentLayout only works for documents, not components,\r\n   * it feels weird to make that hook work for both when this is SUCH\r\n   * a unique use case and we only do it here, so in short, we essentially\r\n   * just extracted the logic to make an edit view layout and reproduced it here.\r\n   */\r\n  const { slug: model } = useParams<{ slug: string }>();\r\n  const { toggleNotification } = useNotification();\r\n  const { formatMessage } = useIntl();\r\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\r\n\r\n  const {\r\n    components,\r\n    fieldSizes,\r\n    schema,\r\n    schemas,\r\n    error: errorSchema,\r\n    isLoading: isLoadingSchema,\r\n    isFetching: isFetchingSchema,\r\n  } = useGetInitialDataQuery(undefined, {\r\n    selectFromResult: (res) => {\r\n      const schema = res.data?.components.find((ct) => ct.uid === model);\r\n\r\n      const componentsByKey = res.data?.components.reduce<ComponentsDictionary>(\r\n        (acc, component) => {\r\n          acc[component.uid] = component;\r\n\r\n          return acc;\r\n        },\r\n        {}\r\n      );\r\n\r\n      const components = extractContentTypeComponents(schema?.attributes, componentsByKey);\r\n\r\n      const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce<\r\n        ConfigurationFormProps['fieldSizes']\r\n      >((acc, [attributeName, { default: size }]) => {\r\n        acc[attributeName] = size;\r\n\r\n        return acc;\r\n      }, {});\r\n\r\n      return {\r\n        isFetching: res.isFetching,\r\n        isLoading: res.isLoading,\r\n        error: res.error,\r\n        components,\r\n        schema,\r\n        schemas: res.data?.contentTypes ?? [],\r\n        fieldSizes,\r\n      };\r\n    },\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    if (errorSchema) {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatAPIError(errorSchema),\r\n      });\r\n    }\r\n  }, [errorSchema, formatAPIError, toggleNotification]);\r\n\r\n  const {\r\n    data,\r\n    isLoading: isLoadingConfig,\r\n    isFetching: isFetchingConfig,\r\n    error,\r\n  } = useGetComponentConfigurationQuery(model ?? '');\r\n\r\n  React.useEffect(() => {\r\n    if (error) {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatAPIError(error),\r\n      });\r\n    }\r\n  }, [error, formatAPIError, toggleNotification]);\r\n\r\n  /**\r\n   * you **must** check if we're loading or fetching in case the component gets new props\r\n   * but nothing was unmounted, it then becomes a fetch, not a load.\r\n   */\r\n  const isLoading = isLoadingConfig || isLoadingSchema || isFetchingConfig || isFetchingSchema;\r\n\r\n  const editLayout = React.useMemo(\r\n    () =>\r\n      data && !isLoading\r\n        ? formatComponentConfigurationEditLayout(data, { schema, components, schemas })\r\n        : ({\r\n            layout: [],\r\n            components: {},\r\n            metadatas: {},\r\n            options: {},\r\n            settings: DEFAULT_SETTINGS,\r\n          } as EditLayout),\r\n    [data, isLoading, schema, components, schemas]\r\n  );\r\n\r\n  const [updateConfiguration] = useUpdateComponentConfigurationMutation();\r\n  const handleSubmit: ConfigurationFormProps['onSubmit'] = async (formData) => {\r\n    try {\r\n      /**\r\n       * We reconstruct the metadatas object by taking the existing list metadatas\r\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\r\n       * the data from the form we've built.\r\n       */\r\n      const meta = Object.entries(data?.component.metadatas ?? {}).reduce<Metadatas>(\r\n        (acc, [name, { edit, list }]) => {\r\n          const {\r\n            __temp_key__,\r\n            size: _size,\r\n            name: _name,\r\n            ...editedMetadata\r\n          } = formData.layout.flatMap((row) => row.children).find((field) => field.name === name) ??\r\n          {};\r\n\r\n          acc[name] = {\r\n            edit: {\r\n              ...edit,\r\n              ...editedMetadata,\r\n            },\r\n            list,\r\n          };\r\n\r\n          return acc;\r\n        },\r\n        {}\r\n      );\r\n\r\n      const res = await updateConfiguration({\r\n        layouts: {\r\n          edit: formData.layout.map((row) =>\r\n            row.children.reduce<Array<{ name: string; size: number }>>((acc, { name, size }) => {\r\n              if (name !== TEMP_FIELD_NAME) {\r\n                return [...acc, { name, size }];\r\n              }\r\n\r\n              return acc;\r\n            }, [])\r\n          ),\r\n          list: data?.component.layouts.list,\r\n        },\r\n        settings: setIn(formData.settings, 'displayName', undefined),\r\n        metadatas: meta,\r\n        uid: model,\r\n      });\r\n\r\n      if ('data' in res) {\r\n        toggleNotification({\r\n          type: 'success',\r\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\r\n        });\r\n      } else {\r\n        toggleNotification({\r\n          type: 'danger',\r\n          message: formatAPIError(res.error),\r\n        });\r\n      }\r\n    } catch {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\r\n      });\r\n    }\r\n  };\r\n\r\n  if (isLoading) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (error || errorSchema || !schema) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Page.Title>{`Configure ${editLayout.settings.displayName} Edit View`}</Page.Title>\r\n      <ConfigurationForm\r\n        onSubmit={handleSubmit}\r\n        attributes={schema.attributes}\r\n        fieldSizes={fieldSizes}\r\n        layout={editLayout}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Header\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst ProtectedComponentConfigurationPage = () => {\r\n  const permissions = useTypedSelector(\r\n    (state) => state.admin_app.permissions.contentManager?.componentsConfigurations\r\n  );\r\n\r\n  return (\r\n    <Page.Protect permissions={permissions}>\r\n      <ComponentConfigurationPage />\r\n    </Page.Protect>\r\n  );\r\n};\r\n\r\nexport { ComponentConfigurationPage, ProtectedComponentConfigurationPage };\r\n"],"names":["ComponentConfigurationPage","slug","model","useParams","toggleNotification","useNotification","formatMessage","useIntl","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","components","fieldSizes","schema","schemas","error","errorSchema","isLoading","isLoadingSchema","isFetching","isFetchingSchema","useGetInitialDataQuery","undefined","selectFromResult","res","data","find","ct","uid","componentsByKey","reduce","acc","component","extractContentTypeComponents","attributes","Object","entries","attributeName","default","size","contentTypes","React","useEffect","type","message","isLoadingConfig","isFetchingConfig","useGetComponentConfigurationQuery","editLayout","useMemo","formatComponentConfigurationEditLayout","layout","metadatas","options","settings","DEFAULT_SETTINGS","updateConfiguration","useUpdateComponentConfigurationMutation","handleSubmit","formData","meta","name","edit","list","__temp_key__","_size","_name","editedMetadata","flatMap","row","children","field","layouts","map","TEMP_FIELD_NAME","setIn","id","defaultMessage","_jsx","Page","Loading","Error","_jsxs","_Fragment","Title","displayName","ConfigurationForm","onSubmit","ProtectedComponentConfigurationPage","permissions","useTypedSelector","state","admin_app","contentManager","componentsConfigurations","Protect"],"mappings":"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"}

package/dist/admin/pages/EditConfigurationPage.js

@@ -0,0 +1,165 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var Fields = require('../components/ConfigurationForm/Fields.js');
+var Form = require('../components/ConfigurationForm/Form.js');
+var useDocument = require('../hooks/useDocument.js');
+var useDocumentLayout = require('../hooks/useDocumentLayout.js');
+var hooks = require('../modules/hooks.js');
+var contentTypes = require('../services/contentTypes.js');
+var init = require('../services/init.js');
+var objects = require('../utils/objects.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const EditConfigurationPage = ()=>{
+    const { trackUsage } = strapiAdmin.useTracking();
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { isLoading: isLoadingSchema, schema, model } = useDocument.useDoc();
+    const { isLoading: isLoadingLayout, error, list, edit } = useDocumentLayout.useDocLayout();
+    const { fieldSizes, error: errorFieldSizes, isLoading: isLoadingFieldSizes, isFetching: isFetchingFieldSizes } = init.useGetInitialDataQuery(undefined, {
+        selectFromResult: (res)=>{
+            const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce((acc, [attributeName, { default: size }])=>{
+                acc[attributeName] = size;
+                return acc;
+            }, {});
+            return {
+                isFetching: res.isFetching,
+                isLoading: res.isLoading,
+                error: res.error,
+                fieldSizes
+            };
+        }
+    });
+    React__namespace.useEffect(()=>{
+        if (errorFieldSizes) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(errorFieldSizes)
+            });
+        }
+    }, [
+        errorFieldSizes,
+        formatAPIError,
+        toggleNotification
+    ]);
+    const isLoading = isLoadingSchema || isLoadingLayout || isLoadingFieldSizes || isFetchingFieldSizes;
+    const [updateConfiguration] = contentTypes.useUpdateContentTypeConfigurationMutation();
+    const handleSubmit = async (data)=>{
+        try {
+            trackUsage('willSaveContentTypeLayout');
+            /**
+       * We reconstruct the metadatas object by taking the existing list metadatas
+       * and re-merging that by attribute name with the current list metadatas, whilst overwriting
+       * the data from the form we've built.
+       */ const meta = Object.entries(list.metadatas).reduce((acc, [name, { mainField: _mainField, ...listMeta }])=>{
+                const existingEditMeta = edit.metadatas[name];
+                const { __temp_key__, size: _size, name: _name, ...editedMetadata } = data.layout.flatMap((row)=>row.children).find((field)=>field.name === name) ?? {};
+                acc[name] = {
+                    edit: {
+                        ...existingEditMeta,
+                        ...editedMetadata
+                    },
+                    list: listMeta
+                };
+                return acc;
+            }, {});
+            const res = await updateConfiguration({
+                layouts: {
+                    edit: data.layout.map((row)=>row.children.reduce((acc, { name, size })=>{
+                            if (name !== Fields.TEMP_FIELD_NAME) {
+                                return [
+                                    ...acc,
+                                    {
+                                        name,
+                                        size
+                                    }
+                                ];
+                            }
+                            return acc;
+                        }, [])),
+                    list: list.layout.map((field)=>field.name)
+                },
+                settings: objects.setIn(data.settings, 'displayName', undefined),
+                metadatas: meta,
+                uid: model
+            });
+            if ('data' in res) {
+                trackUsage('didEditEditSettings');
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.saved',
+                        defaultMessage: 'Saved'
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    if (errorFieldSizes || error || !schema) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
+                children: `Configure ${edit.settings.displayName} Edit View`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Form.ConfigurationForm, {
+                onSubmit: handleSubmit,
+                attributes: schema.attributes,
+                fieldSizes: fieldSizes,
+                layout: edit
+            })
+        ]
+    });
+};
+const ProtectedEditConfigurationPage = ()=>{
+    const permissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.contentManager?.collectionTypesConfigurations);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(EditConfigurationPage, {})
+    });
+};
+
+exports.EditConfigurationPage = EditConfigurationPage;
+exports.ProtectedEditConfigurationPage = ProtectedEditConfigurationPage;
+//# sourceMappingURL=EditConfigurationPage.js.map

package/dist/admin/pages/EditConfigurationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditConfigurationPage.js","sources":["../../../admin/src/pages/EditConfigurationPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Page, useNotification, useTracking, useAPIErrorHandler } from '@strapi/admin/strapi-admin';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields';\r\nimport { ConfigurationForm, ConfigurationFormProps } from '../components/ConfigurationForm/Form';\r\nimport { useDoc } from '../hooks/useDocument';\r\nimport { useDocLayout } from '../hooks/useDocumentLayout';\r\nimport { useTypedSelector } from '../modules/hooks';\r\nimport { useUpdateContentTypeConfigurationMutation } from '../services/contentTypes';\r\nimport { useGetInitialDataQuery } from '../services/init';\r\nimport { setIn } from '../utils/objects';\r\n\r\nimport type { Metadatas } from '../../../shared/contracts/content-types';\r\n\r\nconst EditConfigurationPage = () => {\r\n  const { trackUsage } = useTracking();\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\r\n  const { isLoading: isLoadingSchema, schema, model } = useDoc();\r\n  const { isLoading: isLoadingLayout, error, list, edit } = useDocLayout();\r\n\r\n  const {\r\n    fieldSizes,\r\n    error: errorFieldSizes,\r\n    isLoading: isLoadingFieldSizes,\r\n    isFetching: isFetchingFieldSizes,\r\n  } = useGetInitialDataQuery(undefined, {\r\n    selectFromResult: (res) => {\r\n      const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce<\r\n        ConfigurationFormProps['fieldSizes']\r\n      >((acc, [attributeName, { default: size }]) => {\r\n        acc[attributeName] = size;\r\n\r\n        return acc;\r\n      }, {});\r\n\r\n      return {\r\n        isFetching: res.isFetching,\r\n        isLoading: res.isLoading,\r\n        error: res.error,\r\n        fieldSizes,\r\n      };\r\n    },\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    if (errorFieldSizes) {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatAPIError(errorFieldSizes),\r\n      });\r\n    }\r\n  }, [errorFieldSizes, formatAPIError, toggleNotification]);\r\n\r\n  const isLoading =\r\n    isLoadingSchema || isLoadingLayout || isLoadingFieldSizes || isFetchingFieldSizes;\r\n\r\n  const [updateConfiguration] = useUpdateContentTypeConfigurationMutation();\r\n  const handleSubmit: ConfigurationFormProps['onSubmit'] = async (data) => {\r\n    try {\r\n      trackUsage('willSaveContentTypeLayout');\r\n\r\n      /**\r\n       * We reconstruct the metadatas object by taking the existing list metadatas\r\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\r\n       * the data from the form we've built.\r\n       */\r\n      const meta = Object.entries(list.metadatas).reduce<Metadatas>(\r\n        (acc, [name, { mainField: _mainField, ...listMeta }]) => {\r\n          const existingEditMeta = edit.metadatas[name];\r\n\r\n          const {\r\n            __temp_key__,\r\n            size: _size,\r\n            name: _name,\r\n            ...editedMetadata\r\n          } = data.layout.flatMap((row) => row.children).find((field) => field.name === name) ?? {};\r\n\r\n          acc[name] = {\r\n            edit: {\r\n              ...existingEditMeta,\r\n              ...editedMetadata,\r\n            },\r\n            list: listMeta,\r\n          };\r\n\r\n          return acc;\r\n        },\r\n        {}\r\n      );\r\n\r\n      const res = await updateConfiguration({\r\n        layouts: {\r\n          edit: data.layout.map((row) =>\r\n            row.children.reduce<Array<{ name: string; size: number }>>((acc, { name, size }) => {\r\n              if (name !== TEMP_FIELD_NAME) {\r\n                return [...acc, { name, size }];\r\n              }\r\n\r\n              return acc;\r\n            }, [])\r\n          ),\r\n          list: list.layout.map((field) => field.name),\r\n        },\r\n        settings: setIn(data.settings, 'displayName', undefined),\r\n        metadatas: meta,\r\n        uid: model,\r\n      });\r\n\r\n      if ('data' in res) {\r\n        trackUsage('didEditEditSettings');\r\n        toggleNotification({\r\n          type: 'success',\r\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\r\n        });\r\n      } else {\r\n        toggleNotification({\r\n          type: 'danger',\r\n          message: formatAPIError(res.error),\r\n        });\r\n      }\r\n    } catch {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\r\n      });\r\n    }\r\n  };\r\n\r\n  if (isLoading) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (errorFieldSizes || error || !schema) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Page.Title>{`Configure ${edit.settings.displayName} Edit View`}</Page.Title>\r\n      <ConfigurationForm\r\n        onSubmit={handleSubmit}\r\n        attributes={schema.attributes}\r\n        fieldSizes={fieldSizes}\r\n        layout={edit}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nconst ProtectedEditConfigurationPage = () => {\r\n  const permissions = useTypedSelector(\r\n    (state) => state.admin_app.permissions.contentManager?.collectionTypesConfigurations\r\n  );\r\n\r\n  return (\r\n    <Page.Protect permissions={permissions}>\r\n      <EditConfigurationPage />\r\n    </Page.Protect>\r\n  );\r\n};\r\n\r\nexport { ProtectedEditConfigurationPage, EditConfigurationPage };\r\n"],"names":["EditConfigurationPage","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","isLoadingSchema","schema","model","useDoc","isLoadingLayout","error","list","edit","useDocLayout","fieldSizes","errorFieldSizes","isLoadingFieldSizes","isFetching","isFetchingFieldSizes","useGetInitialDataQuery","undefined","selectFromResult","res","Object","entries","data","reduce","acc","attributeName","default","size","React","useEffect","type","message","updateConfiguration","useUpdateContentTypeConfigurationMutation","handleSubmit","meta","metadatas","name","mainField","_mainField","listMeta","existingEditMeta","__temp_key__","_size","_name","editedMetadata","layout","flatMap","row","children","find","field","layouts","map","TEMP_FIELD_NAME","settings","setIn","uid","id","defaultMessage","_jsx","Page","Loading","Error","_jsxs","_Fragment","Title","displayName","ConfigurationForm","onSubmit","attributes","ProtectedEditConfigurationPage","permissions","useTypedSelector","state","admin_app","contentManager","collectionTypesConfigurations","Protect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,qBAAAA,GAAwB,IAAA;IAC5B,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;IACvB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,8BAAAA,EAAAA;IACpD,MAAM,EAAEC,WAAWC,eAAe,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,kBAAAA,EAAAA;IACtD,MAAM,EAAEJ,SAAAA,EAAWK,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGC,8BAAAA,EAAAA;AAE1D,IAAA,MAAM,EACJC,UAAU,EACVJ,KAAAA,EAAOK,eAAe,EACtBX,SAAAA,EAAWY,mBAAmB,EAC9BC,UAAAA,EAAYC,oBAAoB,EACjC,GAAGC,4BAAuBC,SAAAA,EAAW;AACpCC,QAAAA,gBAAAA,EAAkB,CAACC,GAAAA,GAAAA;YACjB,MAAMR,UAAAA,GAAaS,OAAOC,OAAO,CAACF,IAAIG,IAAI,EAAEX,cAAc,EAAC,CAAA,CAAGY,MAAM,CAElE,CAACC,KAAK,CAACC,aAAAA,EAAe,EAAEC,OAAAA,EAASC,IAAI,EAAE,CAAC,GAAA;gBACxCH,GAAG,CAACC,cAAc,GAAGE,IAAAA;gBAErB,OAAOH,GAAAA;AACT,YAAA,CAAA,EAAG,EAAC,CAAA;YAEJ,OAAO;AACLV,gBAAAA,UAAAA,EAAYK,IAAIL,UAAU;AAC1Bb,gBAAAA,SAAAA,EAAWkB,IAAIlB,SAAS;AACxBM,gBAAAA,KAAAA,EAAOY,IAAIZ,KAAK;AAChBI,gBAAAA;AACF,aAAA;AACF,QAAA;AACF,KAAA,CAAA;AAEAiB,IAAAA,gBAAAA,CAAMC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIjB,eAAAA,EAAiB;YACnBhB,kBAAAA,CAAmB;gBACjBkC,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAAShC,cAAAA,CAAea,eAAAA;AAC1B,aAAA,CAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACA,QAAAA,eAAAA;AAAiBb,QAAAA,cAAAA;AAAgBH,QAAAA;AAAmB,KAAA,CAAA;IAExD,MAAMK,SAAAA,GACJC,eAAAA,IAAmBI,eAAAA,IAAmBO,mBAAAA,IAAuBE,oBAAAA;IAE/D,MAAM,CAACiB,oBAAoB,GAAGC,sDAAAA,EAAAA;AAC9B,IAAA,MAAMC,eAAmD,OAAOZ,IAAAA,GAAAA;QAC9D,IAAI;YACF9B,UAAAA,CAAW,2BAAA,CAAA;AAEX;;;;UAKA,MAAM2C,OAAOf,MAAAA,CAAOC,OAAO,CAACb,IAAAA,CAAK4B,SAAS,EAAEb,MAAM,CAChD,CAACC,GAAAA,EAAK,CAACa,MAAM,EAAEC,SAAAA,EAAWC,UAAU,EAAE,GAAGC,UAAU,CAAC,GAAA;AAClD,gBAAA,MAAMC,gBAAAA,GAAmBhC,IAAAA,CAAK2B,SAAS,CAACC,IAAAA,CAAK;AAE7C,gBAAA,MAAM,EACJK,YAAY,EACZf,IAAAA,EAAMgB,KAAK,EACXN,IAAAA,EAAMO,KAAK,EACX,GAAGC,cAAAA,EACJ,GAAGvB,KAAKwB,MAAM,CAACC,OAAO,CAAC,CAACC,GAAAA,GAAQA,GAAAA,CAAIC,QAAQ,CAAA,CAAEC,IAAI,CAAC,CAACC,KAAAA,GAAUA,KAAAA,CAAMd,IAAI,KAAKA,SAAS,EAAC;gBAExFb,GAAG,CAACa,KAAK,GAAG;oBACV5B,IAAAA,EAAM;AACJ,wBAAA,GAAGgC,gBAAgB;AACnB,wBAAA,GAAGI;AACL,qBAAA;oBACArC,IAAAA,EAAMgC;AACR,iBAAA;gBAEA,OAAOhB,GAAAA;AACT,YAAA,CAAA,EACA,EAAC,CAAA;YAGH,MAAML,GAAAA,GAAM,MAAMa,mBAAAA,CAAoB;gBACpCoB,OAAAA,EAAS;AACP3C,oBAAAA,IAAAA,EAAMa,KAAKwB,MAAM,CAACO,GAAG,CAAC,CAACL,MACrBA,GAAAA,CAAIC,QAAQ,CAAC1B,MAAM,CAAwC,CAACC,GAAAA,EAAK,EAAEa,IAAI,EAAEV,IAAI,EAAE,GAAA;AAC7E,4BAAA,IAAIU,SAASiB,sBAAAA,EAAiB;gCAC5B,OAAO;AAAI9B,oCAAAA,GAAAA,GAAAA;AAAK,oCAAA;AAAEa,wCAAAA,IAAAA;AAAMV,wCAAAA;AAAK;AAAE,iCAAA;AACjC,4BAAA;4BAEA,OAAOH,GAAAA;AACT,wBAAA,CAAA,EAAG,EAAE,CAAA,CAAA;oBAEPhB,IAAAA,EAAMA,IAAAA,CAAKsC,MAAM,CAACO,GAAG,CAAC,CAACF,KAAAA,GAAUA,MAAMd,IAAI;AAC7C,iBAAA;AACAkB,gBAAAA,QAAAA,EAAUC,aAAAA,CAAMlC,IAAAA,CAAKiC,QAAQ,EAAE,aAAA,EAAetC,SAAAA,CAAAA;gBAC9CmB,SAAAA,EAAWD,IAAAA;gBACXsB,GAAAA,EAAKrD;AACP,aAAA,CAAA;AAEA,YAAA,IAAI,UAAUe,GAAAA,EAAK;gBACjB3B,UAAAA,CAAW,qBAAA,CAAA;gBACXI,kBAAAA,CAAmB;oBACjBkC,IAAAA,EAAM,SAAA;AACNC,oBAAAA,OAAAA,EAASrC,aAAAA,CAAc;wBAAEgE,EAAAA,EAAI,4BAAA;wBAA8BC,cAAAA,EAAgB;AAAQ,qBAAA;AACrF,iBAAA,CAAA;YACF,CAAA,MAAO;gBACL/D,kBAAAA,CAAmB;oBACjBkC,IAAAA,EAAM,QAAA;oBACNC,OAAAA,EAAShC,cAAAA,CAAeoB,IAAIZ,KAAK;AACnC,iBAAA,CAAA;AACF,YAAA;AACF,QAAA,CAAA,CAAE,OAAM;YACNX,kBAAAA,CAAmB;gBACjBkC,IAAAA,EAAM,QAAA;AACNC,gBAAAA,OAAAA,EAASrC,aAAAA,CAAc;oBAAEgE,EAAAA,EAAI,oBAAA;oBAAsBC,cAAAA,EAAgB;AAAoB,iBAAA;AACzF,aAAA,CAAA;AACF,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,IAAI1D,SAAAA,EAAW;QACb,qBAAO2D,cAAA,CAACC,iBAAKC,OAAO,EAAA,EAAA,CAAA;AACtB,IAAA;IAEA,IAAIlD,eAAAA,IAAmBL,KAAAA,IAAS,CAACJ,MAAAA,EAAQ;QACvC,qBAAOyD,cAAA,CAACC,iBAAKE,KAAK,EAAA,EAAA,CAAA;AACpB,IAAA;IAEA,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAL,cAAA,CAACC,iBAAKK,KAAK,EAAA;0BAAE,CAAC,UAAU,EAAEzD,IAAAA,CAAK8C,QAAQ,CAACY,WAAW,CAAC,UAAU;;0BAC9DP,cAAA,CAACQ,sBAAAA,EAAAA;gBACCC,QAAAA,EAAUnC,YAAAA;AACVoC,gBAAAA,UAAAA,EAAYnE,OAAOmE,UAAU;gBAC7B3D,UAAAA,EAAYA,UAAAA;gBACZmC,MAAAA,EAAQrC;;;;AAIhB;AAEA,MAAM8D,8BAAAA,GAAiC,IAAA;IACrC,MAAMC,WAAAA,GAAcC,sBAAAA,CAClB,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,SAAS,CAACH,WAAW,CAACI,cAAc,EAAEC,6BAAAA,CAAAA;IAGzD,qBACEjB,cAAA,CAACC,iBAAKiB,OAAO,EAAA;QAACN,WAAAA,EAAaA,WAAAA;AACzB,QAAA,QAAA,gBAAAZ,cAAA,CAACrE,qBAAAA,EAAAA,EAAAA;;AAGP;;;;;"}

package/dist/admin/pages/EditConfigurationPage.mjs

@@ -0,0 +1,142 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Page, useTracking, useNotification, useAPIErrorHandler } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields.mjs';
+import { ConfigurationForm } from '../components/ConfigurationForm/Form.mjs';
+import { useDoc } from '../hooks/useDocument.mjs';
+import { useDocLayout } from '../hooks/useDocumentLayout.mjs';
+import { useTypedSelector } from '../modules/hooks.mjs';
+import { useUpdateContentTypeConfigurationMutation } from '../services/contentTypes.mjs';
+import { useGetInitialDataQuery } from '../services/init.mjs';
+import { setIn } from '../utils/objects.mjs';
+
+const EditConfigurationPage = ()=>{
+    const { trackUsage } = useTracking();
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+    const { isLoading: isLoadingSchema, schema, model } = useDoc();
+    const { isLoading: isLoadingLayout, error, list, edit } = useDocLayout();
+    const { fieldSizes, error: errorFieldSizes, isLoading: isLoadingFieldSizes, isFetching: isFetchingFieldSizes } = useGetInitialDataQuery(undefined, {
+        selectFromResult: (res)=>{
+            const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce((acc, [attributeName, { default: size }])=>{
+                acc[attributeName] = size;
+                return acc;
+            }, {});
+            return {
+                isFetching: res.isFetching,
+                isLoading: res.isLoading,
+                error: res.error,
+                fieldSizes
+            };
+        }
+    });
+    React.useEffect(()=>{
+        if (errorFieldSizes) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(errorFieldSizes)
+            });
+        }
+    }, [
+        errorFieldSizes,
+        formatAPIError,
+        toggleNotification
+    ]);
+    const isLoading = isLoadingSchema || isLoadingLayout || isLoadingFieldSizes || isFetchingFieldSizes;
+    const [updateConfiguration] = useUpdateContentTypeConfigurationMutation();
+    const handleSubmit = async (data)=>{
+        try {
+            trackUsage('willSaveContentTypeLayout');
+            /**
+       * We reconstruct the metadatas object by taking the existing list metadatas
+       * and re-merging that by attribute name with the current list metadatas, whilst overwriting
+       * the data from the form we've built.
+       */ const meta = Object.entries(list.metadatas).reduce((acc, [name, { mainField: _mainField, ...listMeta }])=>{
+                const existingEditMeta = edit.metadatas[name];
+                const { __temp_key__, size: _size, name: _name, ...editedMetadata } = data.layout.flatMap((row)=>row.children).find((field)=>field.name === name) ?? {};
+                acc[name] = {
+                    edit: {
+                        ...existingEditMeta,
+                        ...editedMetadata
+                    },
+                    list: listMeta
+                };
+                return acc;
+            }, {});
+            const res = await updateConfiguration({
+                layouts: {
+                    edit: data.layout.map((row)=>row.children.reduce((acc, { name, size })=>{
+                            if (name !== TEMP_FIELD_NAME) {
+                                return [
+                                    ...acc,
+                                    {
+                                        name,
+                                        size
+                                    }
+                                ];
+                            }
+                            return acc;
+                        }, [])),
+                    list: list.layout.map((field)=>field.name)
+                },
+                settings: setIn(data.settings, 'displayName', undefined),
+                metadatas: meta,
+                uid: model
+            });
+            if ('data' in res) {
+                trackUsage('didEditEditSettings');
+                toggleNotification({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'notification.success.saved',
+                        defaultMessage: 'Saved'
+                    })
+                });
+            } else {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(res.error)
+                });
+            }
+        } catch  {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred'
+                })
+            });
+        }
+    };
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Page.Loading, {});
+    }
+    if (errorFieldSizes || error || !schema) {
+        return /*#__PURE__*/ jsx(Page.Error, {});
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: `Configure ${edit.settings.displayName} Edit View`
+            }),
+            /*#__PURE__*/ jsx(ConfigurationForm, {
+                onSubmit: handleSubmit,
+                attributes: schema.attributes,
+                fieldSizes: fieldSizes,
+                layout: edit
+            })
+        ]
+    });
+};
+const ProtectedEditConfigurationPage = ()=>{
+    const permissions = useTypedSelector((state)=>state.admin_app.permissions.contentManager?.collectionTypesConfigurations);
+    return /*#__PURE__*/ jsx(Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsx(EditConfigurationPage, {})
+    });
+};
+
+export { EditConfigurationPage, ProtectedEditConfigurationPage };
+//# sourceMappingURL=EditConfigurationPage.mjs.map

package/dist/admin/pages/EditConfigurationPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditConfigurationPage.mjs","sources":["../../../admin/src/pages/EditConfigurationPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Page, useNotification, useTracking, useAPIErrorHandler } from '@strapi/admin/strapi-admin';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { TEMP_FIELD_NAME } from '../components/ConfigurationForm/Fields';\r\nimport { ConfigurationForm, ConfigurationFormProps } from '../components/ConfigurationForm/Form';\r\nimport { useDoc } from '../hooks/useDocument';\r\nimport { useDocLayout } from '../hooks/useDocumentLayout';\r\nimport { useTypedSelector } from '../modules/hooks';\r\nimport { useUpdateContentTypeConfigurationMutation } from '../services/contentTypes';\r\nimport { useGetInitialDataQuery } from '../services/init';\r\nimport { setIn } from '../utils/objects';\r\n\r\nimport type { Metadatas } from '../../../shared/contracts/content-types';\r\n\r\nconst EditConfigurationPage = () => {\r\n  const { trackUsage } = useTracking();\r\n  const { formatMessage } = useIntl();\r\n  const { toggleNotification } = useNotification();\r\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\r\n  const { isLoading: isLoadingSchema, schema, model } = useDoc();\r\n  const { isLoading: isLoadingLayout, error, list, edit } = useDocLayout();\r\n\r\n  const {\r\n    fieldSizes,\r\n    error: errorFieldSizes,\r\n    isLoading: isLoadingFieldSizes,\r\n    isFetching: isFetchingFieldSizes,\r\n  } = useGetInitialDataQuery(undefined, {\r\n    selectFromResult: (res) => {\r\n      const fieldSizes = Object.entries(res.data?.fieldSizes ?? {}).reduce<\r\n        ConfigurationFormProps['fieldSizes']\r\n      >((acc, [attributeName, { default: size }]) => {\r\n        acc[attributeName] = size;\r\n\r\n        return acc;\r\n      }, {});\r\n\r\n      return {\r\n        isFetching: res.isFetching,\r\n        isLoading: res.isLoading,\r\n        error: res.error,\r\n        fieldSizes,\r\n      };\r\n    },\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    if (errorFieldSizes) {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatAPIError(errorFieldSizes),\r\n      });\r\n    }\r\n  }, [errorFieldSizes, formatAPIError, toggleNotification]);\r\n\r\n  const isLoading =\r\n    isLoadingSchema || isLoadingLayout || isLoadingFieldSizes || isFetchingFieldSizes;\r\n\r\n  const [updateConfiguration] = useUpdateContentTypeConfigurationMutation();\r\n  const handleSubmit: ConfigurationFormProps['onSubmit'] = async (data) => {\r\n    try {\r\n      trackUsage('willSaveContentTypeLayout');\r\n\r\n      /**\r\n       * We reconstruct the metadatas object by taking the existing list metadatas\r\n       * and re-merging that by attribute name with the current list metadatas, whilst overwriting\r\n       * the data from the form we've built.\r\n       */\r\n      const meta = Object.entries(list.metadatas).reduce<Metadatas>(\r\n        (acc, [name, { mainField: _mainField, ...listMeta }]) => {\r\n          const existingEditMeta = edit.metadatas[name];\r\n\r\n          const {\r\n            __temp_key__,\r\n            size: _size,\r\n            name: _name,\r\n            ...editedMetadata\r\n          } = data.layout.flatMap((row) => row.children).find((field) => field.name === name) ?? {};\r\n\r\n          acc[name] = {\r\n            edit: {\r\n              ...existingEditMeta,\r\n              ...editedMetadata,\r\n            },\r\n            list: listMeta,\r\n          };\r\n\r\n          return acc;\r\n        },\r\n        {}\r\n      );\r\n\r\n      const res = await updateConfiguration({\r\n        layouts: {\r\n          edit: data.layout.map((row) =>\r\n            row.children.reduce<Array<{ name: string; size: number }>>((acc, { name, size }) => {\r\n              if (name !== TEMP_FIELD_NAME) {\r\n                return [...acc, { name, size }];\r\n              }\r\n\r\n              return acc;\r\n            }, [])\r\n          ),\r\n          list: list.layout.map((field) => field.name),\r\n        },\r\n        settings: setIn(data.settings, 'displayName', undefined),\r\n        metadatas: meta,\r\n        uid: model,\r\n      });\r\n\r\n      if ('data' in res) {\r\n        trackUsage('didEditEditSettings');\r\n        toggleNotification({\r\n          type: 'success',\r\n          message: formatMessage({ id: 'notification.success.saved', defaultMessage: 'Saved' }),\r\n        });\r\n      } else {\r\n        toggleNotification({\r\n          type: 'danger',\r\n          message: formatAPIError(res.error),\r\n        });\r\n      }\r\n    } catch {\r\n      toggleNotification({\r\n        type: 'danger',\r\n        message: formatMessage({ id: 'notification.error', defaultMessage: 'An error occurred' }),\r\n      });\r\n    }\r\n  };\r\n\r\n  if (isLoading) {\r\n    return <Page.Loading />;\r\n  }\r\n\r\n  if (errorFieldSizes || error || !schema) {\r\n    return <Page.Error />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Page.Title>{`Configure ${edit.settings.displayName} Edit View`}</Page.Title>\r\n      <ConfigurationForm\r\n        onSubmit={handleSubmit}\r\n        attributes={schema.attributes}\r\n        fieldSizes={fieldSizes}\r\n        layout={edit}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nconst ProtectedEditConfigurationPage = () => {\r\n  const permissions = useTypedSelector(\r\n    (state) => state.admin_app.permissions.contentManager?.collectionTypesConfigurations\r\n  );\r\n\r\n  return (\r\n    <Page.Protect permissions={permissions}>\r\n      <EditConfigurationPage />\r\n    </Page.Protect>\r\n  );\r\n};\r\n\r\nexport { ProtectedEditConfigurationPage, EditConfigurationPage };\r\n"],"names":["EditConfigurationPage","trackUsage","useTracking","formatMessage","useIntl","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","isLoading","isLoadingSchema","schema","model","useDoc","isLoadingLayout","error","list","edit","useDocLayout","fieldSizes","errorFieldSizes","isLoadingFieldSizes","isFetching","isFetchingFieldSizes","useGetInitialDataQuery","undefined","selectFromResult","res","Object","entries","data","reduce","acc","attributeName","default","size","React","useEffect","type","message","updateConfiguration","useUpdateContentTypeConfigurationMutation","handleSubmit","meta","metadatas","name","mainField","_mainField","listMeta","existingEditMeta","__temp_key__","_size","_name","editedMetadata","layout","flatMap","row","children","find","field","layouts","map","TEMP_FIELD_NAME","settings","setIn","uid","id","defaultMessage","_jsx","Page","Loading","Error","_jsxs","_Fragment","Title","displayName","ConfigurationForm","onSubmit","attributes","ProtectedEditConfigurationPage","permissions","useTypedSelector","state","admin_app","contentManager","collectionTypesConfigurations","Protect"],"mappings":"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"}