@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

package/admin/views/contentModels/fullDelete/dialog/validationValue.js.map

@@ -1 +1 @@
-{"version":3,"names":["createValidationValue","params","modelId"],"sources":["validationValue.ts"],"sourcesContent":["import type { CmsModel } from \"~/types.js\";\n\nexport const createValidationValue = (params: Pick<CmsModel, \"modelId\">) => {\n    return `delete ${params.modelId}`;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,qBAAqB,GAAIC,MAAiC,IAAK;EACxE,OAAO,UAAUA,MAAM,CAACC,OAAO,EAAE;AACrC,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/fullDelete/dialog/validationValue.js","sources":["../../../../../../src/admin/views/contentModels/fullDelete/dialog/validationValue.ts"],"sourcesContent":["import type { CmsModel } from \"~/types.js\";\n\nexport const createValidationValue = (params: Pick<CmsModel, \"modelId\">) => {\n    return `delete ${params.modelId}`;\n};\n"],"names":["createValidationValue","params"],"mappings":"AAEO,MAAMA,wBAAwB,CAACC,SAC3B,CAAC,OAAO,EAAEA,OAAO,OAAO,EAAE"}

package/admin/views/contentModels/fullDelete/types.js

@@ -1,10 +1,11 @@
-export let FullyDeleteModelStateStatus = /*#__PURE__*/function (FullyDeleteModelStateStatus) {
-  FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["NONE"] = 0] = "NONE";
-  FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["UNDERSTOOD"] = 1] = "UNDERSTOOD";
-  FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["CONFIRMED"] = 2] = "CONFIRMED";
-  FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["PROCESSED"] = 3] = "PROCESSED";
-  FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["ERROR"] = 999] = "ERROR";
-  return FullyDeleteModelStateStatus;
+var types_FullyDeleteModelStateStatus = /*#__PURE__*/ function(FullyDeleteModelStateStatus) {
+    FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["NONE"] = 0] = "NONE";
+    FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["UNDERSTOOD"] = 1] = "UNDERSTOOD";
+    FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["CONFIRMED"] = 2] = "CONFIRMED";
+    FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["PROCESSED"] = 3] = "PROCESSED";
+    FullyDeleteModelStateStatus[FullyDeleteModelStateStatus["ERROR"] = 999] = "ERROR";
+    return FullyDeleteModelStateStatus;
 }({});
+export { types_FullyDeleteModelStateStatus as FullyDeleteModelStateStatus };
 
 //# sourceMappingURL=types.js.map

package/admin/views/contentModels/fullDelete/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["FullyDeleteModelStateStatus"],"sources":["types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n    NONE = 0,\n    UNDERSTOOD = 1,\n    CONFIRMED = 2,\n    PROCESSED = 3,\n    ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n    status: FullyDeleteModelStateStatus;\n    confirmation: string;\n    model: CmsModel;\n    error: CmsErrorResponse | null;\n    task: IDeleteCmsModelTask | null;\n}\n"],"mappings":"AAGA,WAAYA,2BAA2B,0BAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAA3BA,2BAA2B,CAA3BA,2BAA2B;EAAA,OAA3BA,2BAA2B;AAAA","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/fullDelete/types.js","sources":["../../../../../src/admin/views/contentModels/fullDelete/types.ts"],"sourcesContent":["import type { CmsErrorResponse, CmsModel } from \"~/types.js\";\nimport type { IDeleteCmsModelTask } from \"~/admin/viewsGraphql.js\";\n\nexport enum FullyDeleteModelStateStatus {\n    NONE = 0,\n    UNDERSTOOD = 1,\n    CONFIRMED = 2,\n    PROCESSED = 3,\n    ERROR = 999\n}\n\nexport interface IFullyDeleteModelState {\n    status: FullyDeleteModelStateStatus;\n    confirmation: string;\n    model: CmsModel;\n    error: CmsErrorResponse | null;\n    task: IDeleteCmsModelTask | null;\n}\n"],"names":["FullyDeleteModelStateStatus"],"mappings":"AAGO,IAAKA,oCAA2BA,WAAAA,GAAAA,SAA3BA,2BAA2B;;;;;;WAA3BA"}

package/admin/views/contentModels/fullDelete/useCancelDelete.js

@@ -4,54 +4,41 @@ import { updateModelInCache } from "../cache.js";
 import { useSnackbar } from "@webiny/app-admin";
 import { i18n } from "@webiny/app/i18n/index.js";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/fully-delete-model");
-export const useCancelDelete = ({
-  model
-}) => {
-  const client = useApolloClient();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  return {
-    cancel: async () => {
-      await client.mutate({
-        mutation: CANCEL_DELETE_CONTENT_MODEL,
-        variables: {
-          modelId: model.modelId
-        },
-        update(cache, {
-          data
-        }) {
-          if (!data?.cancelFullyDeleteModel) {
-            showSnackbar("Missing data on Delete Content Model Mutation Response.");
-            return;
-          }
-          const error = data.cancelFullyDeleteModel.error;
-          if (error) {
-            showSnackbar(error.message, {
-              title: t`Something unexpected happened.`
+const useCancelDelete = ({ model })=>{
+    const client = useApolloClient();
+    const { showSnackbar } = useSnackbar();
+    return {
+        cancel: async ()=>{
+            await client.mutate({
+                mutation: CANCEL_DELETE_CONTENT_MODEL,
+                variables: {
+                    modelId: model.modelId
+                },
+                update (cache, { data }) {
+                    if (!data?.cancelFullyDeleteModel) return void showSnackbar("Missing data on Delete Content Model Mutation Response.");
+                    const error = data.cancelFullyDeleteModel.error;
+                    if (error) {
+                        showSnackbar(error.message, {
+                            title: t`Something unexpected happened.`
+                        });
+                        if ("MODEL_NOT_BEING_DELETED" === error.code || "DELETE_MODEL_NO_TASK_DEFINED" === error.code) updateModelInCache(cache, {
+                            ...model,
+                            isBeingDeleted: false
+                        });
+                        return;
+                    }
+                    updateModelInCache(cache, {
+                        ...model,
+                        isBeingDeleted: false
+                    });
+                    showSnackbar(t`Successfully canceled {name} deletion!.`({
+                        name: model.name
+                    }));
+                }
             });
-            /**
-             * In case model is not being deleted or task is not defined in the data, just set the model to not being deleted.
-             */
-            if (error.code === "MODEL_NOT_BEING_DELETED" || error.code === "DELETE_MODEL_NO_TASK_DEFINED") {
-              updateModelInCache(cache, {
-                ...model,
-                isBeingDeleted: false
-              });
-            }
-            return;
-          }
-          updateModelInCache(cache, {
-            ...model,
-            isBeingDeleted: false
-          });
-          showSnackbar(t`Successfully canceled {name} deletion!.`({
-            name: model.name
-          }));
         }
-      });
-    }
-  };
+    };
 };
+export { useCancelDelete };
 
 //# sourceMappingURL=useCancelDelete.js.map

package/admin/views/contentModels/fullDelete/useCancelDelete.js.map

@@ -1 +1 @@
-{"version":3,"names":["useApolloClient","CANCEL_DELETE_CONTENT_MODEL","updateModelInCache","useSnackbar","i18n","t","ns","useCancelDelete","model","client","showSnackbar","cancel","mutate","mutation","variables","modelId","update","cache","data","cancelFullyDeleteModel","error","message","title","code","isBeingDeleted","name"],"sources":["useCancelDelete.tsx"],"sourcesContent":["import type { CmsModel } from \"~/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    ICancelDeleteCmsModelMutationResponse,\n    ICancelDeleteCmsModelMutationVariables\n} from \"~/admin/viewsGraphql.js\";\nimport { CANCEL_DELETE_CONTENT_MODEL } from \"~/admin/viewsGraphql.js\";\nimport { updateModelInCache } from \"../cache.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IUseCancelDeleteProps {\n    model: CmsModel;\n}\n\nexport const useCancelDelete = ({ model }: IUseCancelDeleteProps) => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    return {\n        cancel: async () => {\n            await client.mutate<\n                ICancelDeleteCmsModelMutationResponse,\n                ICancelDeleteCmsModelMutationVariables\n            >({\n                mutation: CANCEL_DELETE_CONTENT_MODEL,\n                variables: {\n                    modelId: model.modelId\n                },\n                update(cache, { data }) {\n                    if (!data?.cancelFullyDeleteModel) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const error = data.cancelFullyDeleteModel.error;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        /**\n                         * In case model is not being deleted or task is not defined in the data, just set the model to not being deleted.\n                         */\n                        if (\n                            error.code === \"MODEL_NOT_BEING_DELETED\" ||\n                            error.code === \"DELETE_MODEL_NO_TASK_DEFINED\"\n                        ) {\n                            updateModelInCache(cache, {\n                                ...model,\n                                isBeingDeleted: false\n                            });\n                        }\n                        return;\n                    }\n\n                    updateModelInCache(cache, {\n                        ...model,\n                        isBeingDeleted: false\n                    });\n\n                    showSnackbar(t`Successfully canceled {name} deletion!.`({ name: model.name }));\n                }\n            });\n        }\n    };\n};\n"],"mappings":"AACA,SAASA,eAAe;AAKxB,SAASC,2BAA2B;AACpC,SAASC,kBAAkB;AAC3B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,gEAAgE,CAAC;AAMnF,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACjE,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEU;EAAa,CAAC,GAAGP,WAAW,CAAC,CAAC;EAEtC,OAAO;IACHQ,MAAM,EAAE,MAAAA,CAAA,KAAY;MAChB,MAAMF,MAAM,CAACG,MAAM,CAGjB;QACEC,QAAQ,EAAEZ,2BAA2B;QACrCa,SAAS,EAAE;UACPC,OAAO,EAAEP,KAAK,CAACO;QACnB,CAAC;QACDC,MAAMA,CAACC,KAAK,EAAE;UAAEC;QAAK,CAAC,EAAE;UACpB,IAAI,CAACA,IAAI,EAAEC,sBAAsB,EAAE;YAC/BT,YAAY,CAAC,yDAAyD,CAAC;YACvE;UACJ;UACA,MAAMU,KAAK,GAAGF,IAAI,CAACC,sBAAsB,CAACC,KAAK;UAE/C,IAAIA,KAAK,EAAE;YACPV,YAAY,CAACU,KAAK,CAACC,OAAO,EAAE;cACxBC,KAAK,EAAEjB,CAAC;YACZ,CAAC,CAAC;YACF;AACxB;AACA;YACwB,IACIe,KAAK,CAACG,IAAI,KAAK,yBAAyB,IACxCH,KAAK,CAACG,IAAI,KAAK,8BAA8B,EAC/C;cACErB,kBAAkB,CAACe,KAAK,EAAE;gBACtB,GAAGT,KAAK;gBACRgB,cAAc,EAAE;cACpB,CAAC,CAAC;YACN;YACA;UACJ;UAEAtB,kBAAkB,CAACe,KAAK,EAAE;YACtB,GAAGT,KAAK;YACRgB,cAAc,EAAE;UACpB,CAAC,CAAC;UAEFd,YAAY,CAACL,CAAC,yCAAyC,CAAC;YAAEoB,IAAI,EAAEjB,KAAK,CAACiB;UAAK,CAAC,CAAC,CAAC;QAClF;MACJ,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/fullDelete/useCancelDelete.js","sources":["../../../../../src/admin/views/contentModels/fullDelete/useCancelDelete.tsx"],"sourcesContent":["import type { CmsModel } from \"~/types.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    ICancelDeleteCmsModelMutationResponse,\n    ICancelDeleteCmsModelMutationVariables\n} from \"~/admin/viewsGraphql.js\";\nimport { CANCEL_DELETE_CONTENT_MODEL } from \"~/admin/viewsGraphql.js\";\nimport { updateModelInCache } from \"../cache.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IUseCancelDeleteProps {\n    model: CmsModel;\n}\n\nexport const useCancelDelete = ({ model }: IUseCancelDeleteProps) => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    return {\n        cancel: async () => {\n            await client.mutate<\n                ICancelDeleteCmsModelMutationResponse,\n                ICancelDeleteCmsModelMutationVariables\n            >({\n                mutation: CANCEL_DELETE_CONTENT_MODEL,\n                variables: {\n                    modelId: model.modelId\n                },\n                update(cache, { data }) {\n                    if (!data?.cancelFullyDeleteModel) {\n                        showSnackbar(\"Missing data on Delete Content Model Mutation Response.\");\n                        return;\n                    }\n                    const error = data.cancelFullyDeleteModel.error;\n\n                    if (error) {\n                        showSnackbar(error.message, {\n                            title: t`Something unexpected happened.`\n                        });\n                        /**\n                         * In case model is not being deleted or task is not defined in the data, just set the model to not being deleted.\n                         */\n                        if (\n                            error.code === \"MODEL_NOT_BEING_DELETED\" ||\n                            error.code === \"DELETE_MODEL_NO_TASK_DEFINED\"\n                        ) {\n                            updateModelInCache(cache, {\n                                ...model,\n                                isBeingDeleted: false\n                            });\n                        }\n                        return;\n                    }\n\n                    updateModelInCache(cache, {\n                        ...model,\n                        isBeingDeleted: false\n                    });\n\n                    showSnackbar(t`Successfully canceled {name} deletion!.`({ name: model.name }));\n                }\n            });\n        }\n    };\n};\n"],"names":["t","i18n","useCancelDelete","model","client","useApolloClient","showSnackbar","useSnackbar","CANCEL_DELETE_CONTENT_MODEL","cache","data","error","updateModelInCache"],"mappings":";;;;;AAWA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMX,MAAMC,kBAAkB,CAAC,EAAEC,KAAK,EAAyB;IAC5D,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,OAAO;QACH,QAAQ;YACJ,MAAMH,OAAO,MAAM,CAGjB;gBACE,UAAUI;gBACV,WAAW;oBACP,SAASL,MAAM,OAAO;gBAC1B;gBACA,QAAOM,KAAK,EAAE,EAAEC,IAAI,EAAE;oBAClB,IAAI,CAACA,MAAM,wBAAwB,YAC/BJ,aAAa;oBAGjB,MAAMK,QAAQD,KAAK,sBAAsB,CAAC,KAAK;oBAE/C,IAAIC,OAAO;wBACPL,aAAaK,MAAM,OAAO,EAAE;4BACxB,OAAOX,CAAC,CAAC,8BAA8B,CAAC;wBAC5C;wBAIA,IACIW,AAAe,8BAAfA,MAAM,IAAI,IACVA,AAAe,mCAAfA,MAAM,IAAI,EAEVC,mBAAmBH,OAAO;4BACtB,GAAGN,KAAK;4BACR,gBAAgB;wBACpB;wBAEJ;oBACJ;oBAEAS,mBAAmBH,OAAO;wBACtB,GAAGN,KAAK;wBACR,gBAAgB;oBACpB;oBAEAG,aAAaN,CAAC,CAAC,uCAAuC,CAAC,CAAC;wBAAE,MAAMG,MAAM,IAAI;oBAAC;gBAC/E;YACJ;QACJ;IACJ;AACJ"}

package/admin/views/contentModels/helpers/apiNameValidator.js

@@ -1,12 +1,14 @@
-import lodashUpperFirst from "lodash/upperFirst.js";
-import lodashCamelCase from "lodash/camelCase.js";
-import gql from "graphql-tag";
-/**
- * This list is to disallow creating models that might interfere with GraphQL schema creation.
- * Add more if required.
- */
-const disallowedModelIdEndingList = ["Response", "List", "Meta", "Input", "Sorter"];
-const SCHEMA_TYPES = gql`
+import upperFirst from "lodash/upperFirst.js";
+import camelCase from "lodash/camelCase.js";
+import graphql_tag from "graphql-tag";
+const disallowedModelIdEndingList = [
+    "Response",
+    "List",
+    "Meta",
+    "Input",
+    "Sorter"
+];
+const SCHEMA_TYPES = graphql_tag`
     query ListSchemaTypes {
         __schema {
             types {
@@ -15,57 +17,31 @@ const SCHEMA_TYPES = gql`
         }
     }
 `;
-export const createApiNameValidator = params => {
-  const {
-    models,
-    client
-  } = params;
-  return async name => {
-    const value = (name || "").trim();
-    if (!value) {
-      throw new Error("The name is required.");
-    } else if (!value.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("The name can't start with a number.");
-    }
-    const transformed = lodashUpperFirst(lodashCamelCase(value));
-    if (transformed !== value) {
-      throw new Error(`The name "${value}" must be in form of Upper First + Camel Cased word. For example: "ArticleCategory", "ArticleAuthor" or "BlogCategories".`);
-    }
-    /**
-     * We need to check for models that might interfere with GraphQL schema creation.
-     *
-     * First, there are some reserved words that we need to check for.
-     */
-    for (const ending of disallowedModelIdEndingList) {
-      const re = new RegExp(`${ending}$`, "i");
-      const matched = value.match(re);
-      if (matched === null) {
-        continue;
-      }
-      throw new Error(`The name must not end with "${ending}".`);
-    }
-    /**
-     * Then we check the GraphQL schema for types that might interfere with the model creation.
-     */
-    if (models.some(m => m.singularApiName === value)) {
-      throw new Error(`"${name}" API name already exists. Please pick a different value.`);
-    } else if (models.some(m => m.pluralApiName === value)) {
-      throw new Error(`"${name}" API name already exists. Please pick a different value.`);
-    }
-
-    // Validate GraphQL Schema type
-    const {
-      data
-    } = await client.query({
-      query: SCHEMA_TYPES,
-      fetchPolicy: "network-only"
-    });
-    const types = data.__schema.types.map(t => t.name);
-    if (types.includes(transformed)) {
-      throw new Error(`"${name}" type already exists in the GraphQL schema. Please pick a different name.`);
-    }
-    return true;
-  };
+const createApiNameValidator = (params)=>{
+    const { models, client } = params;
+    return async (name)=>{
+        const value = (name || "").trim();
+        if (value) {
+            if (!value.charAt(0).match(/[a-zA-Z]/)) throw new Error("The name can't start with a number.");
+        } else throw new Error("The name is required.");
+        const transformed = upperFirst(camelCase(value));
+        if (transformed !== value) throw new Error(`The name "${value}" must be in form of Upper First + Camel Cased word. For example: "ArticleCategory", "ArticleAuthor" or "BlogCategories".`);
+        for (const ending of disallowedModelIdEndingList){
+            const re = new RegExp(`${ending}$`, "i");
+            const matched = value.match(re);
+            if (null !== matched) throw new Error(`The name must not end with "${ending}".`);
+        }
+        if (models.some((m)=>m.singularApiName === value)) throw new Error(`"${name}" API name already exists. Please pick a different value.`);
+        if (models.some((m)=>m.pluralApiName === value)) throw new Error(`"${name}" API name already exists. Please pick a different value.`);
+        const { data } = await client.query({
+            query: SCHEMA_TYPES,
+            fetchPolicy: "network-only"
+        });
+        const types = data.__schema.types.map((t)=>t.name);
+        if (types.includes(transformed)) throw new Error(`"${name}" type already exists in the GraphQL schema. Please pick a different name.`);
+        return true;
+    };
 };
+export { createApiNameValidator };
 
 //# sourceMappingURL=apiNameValidator.js.map

package/admin/views/contentModels/helpers/apiNameValidator.js.map

@@ -1 +1 @@
-{"version":3,"names":["lodashUpperFirst","lodashCamelCase","gql","disallowedModelIdEndingList","SCHEMA_TYPES","createApiNameValidator","params","models","client","name","value","trim","Error","charAt","match","transformed","ending","re","RegExp","matched","some","m","singularApiName","pluralApiName","data","query","fetchPolicy","types","__schema","map","t","includes"],"sources":["apiNameValidator.ts"],"sourcesContent":["import lodashUpperFirst from \"lodash/upperFirst.js\";\nimport lodashCamelCase from \"lodash/camelCase.js\";\nimport gql from \"graphql-tag\";\nimport type ApolloClient from \"apollo-client\";\nimport type { CmsModel } from \"~/types.js\";\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nconst SCHEMA_TYPES = gql`\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n`;\n\ninterface SchemaTypes {\n    __schema: {\n        types: { name: string }[];\n    };\n}\n\ninterface Params {\n    models: CmsModel[];\n    client: ApolloClient<any>;\n}\n\nexport const createApiNameValidator = (params: Params) => {\n    const { models, client } = params;\n    return async (name: string): Promise<boolean> => {\n        const value = (name || \"\").trim();\n        if (!value) {\n            throw new Error(\"The name is required.\");\n        } else if (!value.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"The name can't start with a number.\");\n        }\n\n        const transformed = lodashUpperFirst(lodashCamelCase(value));\n        if (transformed !== value) {\n            throw new Error(\n                `The name \"${value}\" must be in form of Upper First + Camel Cased word. For example: \"ArticleCategory\", \"ArticleAuthor\" or \"BlogCategories\".`\n            );\n        }\n        /**\n         * We need to check for models that might interfere with GraphQL schema creation.\n         *\n         * First, there are some reserved words that we need to check for.\n         */\n        for (const ending of disallowedModelIdEndingList) {\n            const re = new RegExp(`${ending}$`, \"i\");\n            const matched = value.match(re);\n            if (matched === null) {\n                continue;\n            }\n            throw new Error(`The name must not end with \"${ending}\".`);\n        }\n        /**\n         * Then we check the GraphQL schema for types that might interfere with the model creation.\n         */\n        if (models.some(m => m.singularApiName === value)) {\n            throw new Error(`\"${name}\" API name already exists. Please pick a different value.`);\n        } else if (models.some(m => m.pluralApiName === value)) {\n            throw new Error(`\"${name}\" API name already exists. Please pick a different value.`);\n        }\n\n        // Validate GraphQL Schema type\n        const { data } = await client.query<SchemaTypes>({\n            query: SCHEMA_TYPES,\n            fetchPolicy: \"network-only\"\n        });\n\n        const types = data.__schema.types.map(t => t.name);\n\n        if (types.includes(transformed)) {\n            throw new Error(\n                `\"${name}\" type already exists in the GraphQL schema. Please pick a different name.`\n            );\n        }\n\n        return true;\n    };\n};\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,GAAG,MAAM,aAAa;AAI7B;AACA;AACA;AACA;AACA,MAAMC,2BAAqC,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE7F,MAAMC,YAAY,GAAGF,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAaD,OAAO,MAAMG,sBAAsB,GAAIC,MAAc,IAAK;EACtD,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGF,MAAM;EACjC,OAAO,MAAOG,IAAY,IAAuB;IAC7C,MAAMC,KAAK,GAAG,CAACD,IAAI,IAAI,EAAE,EAAEE,IAAI,CAAC,CAAC;IACjC,IAAI,CAACD,KAAK,EAAE;MACR,MAAM,IAAIE,KAAK,CAAC,uBAAuB,CAAC;IAC5C,CAAC,MAAM,IAAI,CAACF,KAAK,CAACG,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,UAAU,CAAC,EAAE;MAC3C,MAAM,IAAIF,KAAK,CAAC,qCAAqC,CAAC;IAC1D;IAEA,MAAMG,WAAW,GAAGf,gBAAgB,CAACC,eAAe,CAACS,KAAK,CAAC,CAAC;IAC5D,IAAIK,WAAW,KAAKL,KAAK,EAAE;MACvB,MAAM,IAAIE,KAAK,CACX,aAAaF,KAAK,2HACtB,CAAC;IACL;IACA;AACR;AACA;AACA;AACA;IACQ,KAAK,MAAMM,MAAM,IAAIb,2BAA2B,EAAE;MAC9C,MAAMc,EAAE,GAAG,IAAIC,MAAM,CAAC,GAAGF,MAAM,GAAG,EAAE,GAAG,CAAC;MACxC,MAAMG,OAAO,GAAGT,KAAK,CAACI,KAAK,CAACG,EAAE,CAAC;MAC/B,IAAIE,OAAO,KAAK,IAAI,EAAE;QAClB;MACJ;MACA,MAAM,IAAIP,KAAK,CAAC,+BAA+BI,MAAM,IAAI,CAAC;IAC9D;IACA;AACR;AACA;IACQ,IAAIT,MAAM,CAACa,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,eAAe,KAAKZ,KAAK,CAAC,EAAE;MAC/C,MAAM,IAAIE,KAAK,CAAC,IAAIH,IAAI,2DAA2D,CAAC;IACxF,CAAC,MAAM,IAAIF,MAAM,CAACa,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACE,aAAa,KAAKb,KAAK,CAAC,EAAE;MACpD,MAAM,IAAIE,KAAK,CAAC,IAAIH,IAAI,2DAA2D,CAAC;IACxF;;IAEA;IACA,MAAM;MAAEe;IAAK,CAAC,GAAG,MAAMhB,MAAM,CAACiB,KAAK,CAAc;MAC7CA,KAAK,EAAErB,YAAY;MACnBsB,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGH,IAAI,CAACI,QAAQ,CAACD,KAAK,CAACE,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACrB,IAAI,CAAC;IAElD,IAAIkB,KAAK,CAACI,QAAQ,CAAChB,WAAW,CAAC,EAAE;MAC7B,MAAM,IAAIH,KAAK,CACX,IAAIH,IAAI,4EACZ,CAAC;IACL;IAEA,OAAO,IAAI;EACf,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/helpers/apiNameValidator.js","sources":["../../../../../src/admin/views/contentModels/helpers/apiNameValidator.ts"],"sourcesContent":["import lodashUpperFirst from \"lodash/upperFirst.js\";\nimport lodashCamelCase from \"lodash/camelCase.js\";\nimport gql from \"graphql-tag\";\nimport type ApolloClient from \"apollo-client\";\nimport type { CmsModel } from \"~/types.js\";\n\n/**\n * This list is to disallow creating models that might interfere with GraphQL schema creation.\n * Add more if required.\n */\nconst disallowedModelIdEndingList: string[] = [\"Response\", \"List\", \"Meta\", \"Input\", \"Sorter\"];\n\nconst SCHEMA_TYPES = gql`\n    query ListSchemaTypes {\n        __schema {\n            types {\n                name\n            }\n        }\n    }\n`;\n\ninterface SchemaTypes {\n    __schema: {\n        types: { name: string }[];\n    };\n}\n\ninterface Params {\n    models: CmsModel[];\n    client: ApolloClient<any>;\n}\n\nexport const createApiNameValidator = (params: Params) => {\n    const { models, client } = params;\n    return async (name: string): Promise<boolean> => {\n        const value = (name || \"\").trim();\n        if (!value) {\n            throw new Error(\"The name is required.\");\n        } else if (!value.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"The name can't start with a number.\");\n        }\n\n        const transformed = lodashUpperFirst(lodashCamelCase(value));\n        if (transformed !== value) {\n            throw new Error(\n                `The name \"${value}\" must be in form of Upper First + Camel Cased word. For example: \"ArticleCategory\", \"ArticleAuthor\" or \"BlogCategories\".`\n            );\n        }\n        /**\n         * We need to check for models that might interfere with GraphQL schema creation.\n         *\n         * First, there are some reserved words that we need to check for.\n         */\n        for (const ending of disallowedModelIdEndingList) {\n            const re = new RegExp(`${ending}$`, \"i\");\n            const matched = value.match(re);\n            if (matched === null) {\n                continue;\n            }\n            throw new Error(`The name must not end with \"${ending}\".`);\n        }\n        /**\n         * Then we check the GraphQL schema for types that might interfere with the model creation.\n         */\n        if (models.some(m => m.singularApiName === value)) {\n            throw new Error(`\"${name}\" API name already exists. Please pick a different value.`);\n        } else if (models.some(m => m.pluralApiName === value)) {\n            throw new Error(`\"${name}\" API name already exists. Please pick a different value.`);\n        }\n\n        // Validate GraphQL Schema type\n        const { data } = await client.query<SchemaTypes>({\n            query: SCHEMA_TYPES,\n            fetchPolicy: \"network-only\"\n        });\n\n        const types = data.__schema.types.map(t => t.name);\n\n        if (types.includes(transformed)) {\n            throw new Error(\n                `\"${name}\" type already exists in the GraphQL schema. Please pick a different name.`\n            );\n        }\n\n        return true;\n    };\n};\n"],"names":["disallowedModelIdEndingList","SCHEMA_TYPES","gql","createApiNameValidator","params","models","client","name","value","Error","transformed","lodashUpperFirst","lodashCamelCase","ending","re","RegExp","matched","m","data","types","t"],"mappings":";;;AAUA,MAAMA,8BAAwC;IAAC;IAAY;IAAQ;IAAQ;IAAS;CAAS;AAE7F,MAAMC,eAAeC,WAAG,CAAC;;;;;;;;AAQzB,CAAC;AAaM,MAAMC,yBAAyB,CAACC;IACnC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGF;IAC3B,OAAO,OAAOG;QACV,MAAMC,QAASD,AAAAA,CAAAA,QAAQ,EAAC,EAAG,IAAI;QAC/B,IAAKC,OAEE;YAAA,IAAI,CAACA,MAAM,MAAM,CAAC,GAAG,KAAK,CAAC,aAC9B,MAAM,IAAIC,MAAM;QACpB,OAHI,MAAM,IAAIA,MAAM;QAKpB,MAAMC,cAAcC,WAAiBC,UAAgBJ;QACrD,IAAIE,gBAAgBF,OAChB,MAAM,IAAIC,MACN,CAAC,UAAU,EAAED,MAAM,yHAAyH,CAAC;QAQrJ,KAAK,MAAMK,UAAUb,4BAA6B;YAC9C,MAAMc,KAAK,IAAIC,OAAO,GAAGF,OAAO,CAAC,CAAC,EAAE;YACpC,MAAMG,UAAUR,MAAM,KAAK,CAACM;YAC5B,IAAIE,AAAY,SAAZA,SAGJ,MAAM,IAAIP,MAAM,CAAC,4BAA4B,EAAEI,OAAO,EAAE,CAAC;QAC7D;QAIA,IAAIR,OAAO,IAAI,CAACY,CAAAA,IAAKA,EAAE,eAAe,KAAKT,QACvC,MAAM,IAAIC,MAAM,CAAC,CAAC,EAAEF,KAAK,yDAAyD,CAAC;QAChF,IAAIF,OAAO,IAAI,CAACY,CAAAA,IAAKA,EAAE,aAAa,KAAKT,QAC5C,MAAM,IAAIC,MAAM,CAAC,CAAC,EAAEF,KAAK,yDAAyD,CAAC;QAIvF,MAAM,EAAEW,IAAI,EAAE,GAAG,MAAMZ,OAAO,KAAK,CAAc;YAC7C,OAAOL;YACP,aAAa;QACjB;QAEA,MAAMkB,QAAQD,KAAK,QAAQ,CAAC,KAAK,CAAC,GAAG,CAACE,CAAAA,IAAKA,EAAE,IAAI;QAEjD,IAAID,MAAM,QAAQ,CAACT,cACf,MAAM,IAAID,MACN,CAAC,CAAC,EAAEF,KAAK,0EAA0E,CAAC;QAI5F,OAAO;IACX;AACJ"}

package/admin/views/contentModels/helpers/nameValidator.js

@@ -1,29 +1,21 @@
-import lodashCamelCase from "lodash/camelCase.js";
-export const createNameValidator = params => {
-  const {
-    models
-  } = params;
-  return async name => {
-    const target = (name || "").trim();
-    if (!target) {
-      throw new Error("The name is required.");
-    } else if (!target.charAt(0).match(/[a-zA-Z]/)) {
-      throw new Error("The name can't start with a number.");
-    } else if (models.length === 0) {
-      return true;
-    }
-    const modelId = lodashCamelCase(target);
-    const alreadyExists = models.some(model => {
-      if (model.name.toLowerCase() === target.toLowerCase()) {
+import camelCase from "lodash/camelCase.js";
+const createNameValidator = (params)=>{
+    const { models } = params;
+    return async (name)=>{
+        const target = (name || "").trim();
+        if (target) if (target.charAt(0).match(/[a-zA-Z]/)) {
+            if (0 === models.length) return true;
+        } else throw new Error("The name can't start with a number.");
+        else throw new Error("The name is required.");
+        const modelId = camelCase(target);
+        const alreadyExists = models.some((model)=>{
+            if (model.name.toLowerCase() === target.toLowerCase()) return true;
+            return model.modelId.toLowerCase() === modelId.toLowerCase();
+        });
+        if (alreadyExists) throw new Error("This name is already taken.");
         return true;
-      }
-      return model.modelId.toLowerCase() === modelId.toLowerCase();
-    });
-    if (alreadyExists) {
-      throw new Error(`This name is already taken.`);
-    }
-    return true;
-  };
+    };
 };
+export { createNameValidator };
 
 //# sourceMappingURL=nameValidator.js.map

package/admin/views/contentModels/helpers/nameValidator.js.map

@@ -1 +1 @@
-{"version":3,"names":["lodashCamelCase","createNameValidator","params","models","name","target","trim","Error","charAt","match","length","modelId","alreadyExists","some","model","toLowerCase"],"sources":["nameValidator.ts"],"sourcesContent":["import lodashCamelCase from \"lodash/camelCase.js\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n    models: CmsModel[];\n}\n\nexport const createNameValidator = (params: Params) => {\n    const { models } = params;\n    return async (name: string): Promise<boolean> => {\n        const target = (name || \"\").trim();\n        if (!target) {\n            throw new Error(\"The name is required.\");\n        } else if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"The name can't start with a number.\");\n        } else if (models.length === 0) {\n            return true;\n        }\n\n        const modelId = lodashCamelCase(target);\n        const alreadyExists = models.some(model => {\n            if (model.name.toLowerCase() === target.toLowerCase()) {\n                return true;\n            }\n            return model.modelId.toLowerCase() === modelId.toLowerCase();\n        });\n        if (alreadyExists) {\n            throw new Error(`This name is already taken.`);\n        }\n\n        return true;\n    };\n};\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,qBAAqB;AAOjD,OAAO,MAAMC,mBAAmB,GAAIC,MAAc,IAAK;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGD,MAAM;EACzB,OAAO,MAAOE,IAAY,IAAuB;IAC7C,MAAMC,MAAM,GAAG,CAACD,IAAI,IAAI,EAAE,EAAEE,IAAI,CAAC,CAAC;IAClC,IAAI,CAACD,MAAM,EAAE;MACT,MAAM,IAAIE,KAAK,CAAC,uBAAuB,CAAC;IAC5C,CAAC,MAAM,IAAI,CAACF,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,UAAU,CAAC,EAAE;MAC5C,MAAM,IAAIF,KAAK,CAAC,qCAAqC,CAAC;IAC1D,CAAC,MAAM,IAAIJ,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;MAC5B,OAAO,IAAI;IACf;IAEA,MAAMC,OAAO,GAAGX,eAAe,CAACK,MAAM,CAAC;IACvC,MAAMO,aAAa,GAAGT,MAAM,CAACU,IAAI,CAACC,KAAK,IAAI;MACvC,IAAIA,KAAK,CAACV,IAAI,CAACW,WAAW,CAAC,CAAC,KAAKV,MAAM,CAACU,WAAW,CAAC,CAAC,EAAE;QACnD,OAAO,IAAI;MACf;MACA,OAAOD,KAAK,CAACH,OAAO,CAACI,WAAW,CAAC,CAAC,KAAKJ,OAAO,CAACI,WAAW,CAAC,CAAC;IAChE,CAAC,CAAC;IACF,IAAIH,aAAa,EAAE;MACf,MAAM,IAAIL,KAAK,CAAC,6BAA6B,CAAC;IAClD;IAEA,OAAO,IAAI;EACf,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/helpers/nameValidator.js","sources":["../../../../../src/admin/views/contentModels/helpers/nameValidator.ts"],"sourcesContent":["import lodashCamelCase from \"lodash/camelCase.js\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n    models: CmsModel[];\n}\n\nexport const createNameValidator = (params: Params) => {\n    const { models } = params;\n    return async (name: string): Promise<boolean> => {\n        const target = (name || \"\").trim();\n        if (!target) {\n            throw new Error(\"The name is required.\");\n        } else if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"The name can't start with a number.\");\n        } else if (models.length === 0) {\n            return true;\n        }\n\n        const modelId = lodashCamelCase(target);\n        const alreadyExists = models.some(model => {\n            if (model.name.toLowerCase() === target.toLowerCase()) {\n                return true;\n            }\n            return model.modelId.toLowerCase() === modelId.toLowerCase();\n        });\n        if (alreadyExists) {\n            throw new Error(`This name is already taken.`);\n        }\n\n        return true;\n    };\n};\n"],"names":["createNameValidator","params","models","name","target","Error","modelId","lodashCamelCase","alreadyExists","model"],"mappings":";AAOO,MAAMA,sBAAsB,CAACC;IAChC,MAAM,EAAEC,MAAM,EAAE,GAAGD;IACnB,OAAO,OAAOE;QACV,MAAMC,SAAUD,AAAAA,CAAAA,QAAQ,EAAC,EAAG,IAAI;QAChC,IAAKC,QAEE,IAAKA,OAAO,MAAM,CAAC,GAAG,KAAK,CAAC,aAE5B;YAAA,IAAIF,AAAkB,MAAlBA,OAAO,MAAM,EACpB,OAAO;QACX,OAHI,MAAM,IAAIG,MAAM;aAFhB,MAAM,IAAIA,MAAM;QAOpB,MAAMC,UAAUC,UAAgBH;QAChC,MAAMI,gBAAgBN,OAAO,IAAI,CAACO,CAAAA;YAC9B,IAAIA,MAAM,IAAI,CAAC,WAAW,OAAOL,OAAO,WAAW,IAC/C,OAAO;YAEX,OAAOK,MAAM,OAAO,CAAC,WAAW,OAAOH,QAAQ,WAAW;QAC9D;QACA,IAAIE,eACA,MAAM,IAAIH,MAAM;QAGpB,OAAO;IACX;AACJ"}

package/admin/views/contentModels/importing/ImportContentModelsDialog.js

@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { FileUpload } from "./components/FileUpload.js";
 import { Errors } from "./components/Errors.js";
@@ -7,43 +7,36 @@ import { DataListInstructions } from "./components/Model/DataListInstructions.js
 import { ImportContextProvider } from "./ImportContext.js";
 import { Dialog, Loader } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
-export const ImportContentModelsDialog = props => {
-  const {
-    onClose
-  } = props;
-  const onCloseClick = useCallback(() => {
-    window.location.reload();
-    onClose();
-  }, [onClose]);
-  return /*#__PURE__*/React.createElement(ImportContextProvider, null, ({
-    loading,
-    errors,
-    validated,
-    handleModelsImport,
-    hasSelected,
-    handleModelsValidation,
-    file
-  }) => {
-    const onClick = validated ? handleModelsImport : handleModelsValidation;
-    const disabledConfirm = errors.length > 0 || loading || !file || validated && !hasSelected();
-    return /*#__PURE__*/React.createElement(Dialog, {
-      open: true,
-      onClose: onCloseClick,
-      "data-testid": "cms-import-content-models-modal",
-      title: t`Import Content Models`,
-      actions: /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-        onClick: onClick,
-        text: validated ? t`Import` : t`Validate file`,
-        disabled: disabledConfirm
-      })
-    }, loading ? /*#__PURE__*/React.createElement(Loader, {
-      text: "Loading..."
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUpload, null), /*#__PURE__*/React.createElement("div", {
-      className: "max-h-[50dvh] overflow-auto"
-    }, validated && /*#__PURE__*/React.createElement(DataListInstructions, null), /*#__PURE__*/React.createElement(Errors, {
-      errors: errors
-    }), /*#__PURE__*/React.createElement(DataList, null))));
-  });
+const ImportContentModelsDialog = (props)=>{
+    const { onClose } = props;
+    const onCloseClick = useCallback(()=>{
+        window.location.reload();
+        onClose();
+    }, [
+        onClose
+    ]);
+    return /*#__PURE__*/ react.createElement(ImportContextProvider, null, ({ loading, errors, validated, handleModelsImport, hasSelected, handleModelsValidation, file })=>{
+        const onClick = validated ? handleModelsImport : handleModelsValidation;
+        const disabledConfirm = errors.length > 0 || loading || !file || validated && !hasSelected();
+        return /*#__PURE__*/ react.createElement(Dialog, {
+            open: true,
+            onClose: onCloseClick,
+            "data-testid": "cms-import-content-models-modal",
+            title: t`Import Content Models`,
+            actions: /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: onClick,
+                text: validated ? t`Import` : t`Validate file`,
+                disabled: disabledConfirm
+            })
+        }, loading ? /*#__PURE__*/ react.createElement(Loader, {
+            text: "Loading..."
+        }) : /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FileUpload, null), /*#__PURE__*/ react.createElement("div", {
+            className: "max-h-[50dvh] overflow-auto"
+        }, validated && /*#__PURE__*/ react.createElement(DataListInstructions, null), /*#__PURE__*/ react.createElement(Errors, {
+            errors: errors
+        }), /*#__PURE__*/ react.createElement(DataList, null))));
+    });
 };
+export { ImportContentModelsDialog };
 
 //# sourceMappingURL=ImportContentModelsDialog.js.map

package/admin/views/contentModels/importing/ImportContentModelsDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","i18n","FileUpload","Errors","DataList","DataListInstructions","ImportContextProvider","Dialog","Loader","t","ns","ImportContentModelsDialog","props","onClose","onCloseClick","window","location","reload","createElement","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","disabledConfirm","length","open","title","actions","ConfirmAction","text","disabled","Fragment","className"],"sources":["ImportContentModelsDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FileUpload } from \"./components/FileUpload.js\";\nimport { Errors } from \"./components/Errors.js\";\nimport { DataList } from \"./components/DataList.js\";\nimport { DataListInstructions } from \"./components/Model/DataListInstructions.js\";\nimport { ImportContextProvider } from \"~/admin/views/contentModels/importing/ImportContext.js\";\nimport { Dialog, Loader } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/import-content-models-dialog\");\n\nexport interface ImportContentModelsDialogProps {\n    onClose: () => void;\n}\n\nexport const ImportContentModelsDialog = (props: ImportContentModelsDialogProps) => {\n    const { onClose } = props;\n\n    const onCloseClick = useCallback(() => {\n        window.location.reload();\n        onClose();\n    }, [onClose]);\n\n    return (\n        <ImportContextProvider>\n            {({\n                loading,\n                errors,\n                validated,\n                handleModelsImport,\n                hasSelected,\n                handleModelsValidation,\n                file\n            }) => {\n                const onClick = validated ? handleModelsImport : handleModelsValidation;\n\n                const disabledConfirm =\n                    errors.length > 0 || loading || !file || (validated && !hasSelected());\n\n                return (\n                    <Dialog\n                        open={true}\n                        onClose={onCloseClick}\n                        data-testid=\"cms-import-content-models-modal\"\n                        title={t`Import Content Models`}\n                        actions={\n                            <Dialog.ConfirmAction\n                                onClick={onClick}\n                                text={validated ? t`Import` : t`Validate file`}\n                                disabled={disabledConfirm}\n                            />\n                        }\n                    >\n                        {loading ? (\n                            <Loader text={\"Loading...\"} />\n                        ) : (\n                            <>\n                                <FileUpload />\n                                <div className={\"max-h-[50dvh] overflow-auto\"}>\n                                    {validated && <DataListInstructions />}\n                                    <Errors errors={errors} />\n                                    <DataList />\n                                </div>\n                            </>\n                        )}\n                    </Dialog>\n                );\n            }}\n        </ImportContextProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAC9B,SAASC,MAAM,EAAEC,MAAM,QAAQ,kBAAkB;AAEjD,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,0EAA0E,CAAC;AAM7F,OAAO,MAAMC,yBAAyB,GAAIC,KAAqC,IAAK;EAChF,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,YAAY,GAAGd,WAAW,CAAC,MAAM;IACnCe,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IACxBJ,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACId,KAAA,CAAAmB,aAAA,CAACZ,qBAAqB,QACjB,CAAC;IACEa,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,kBAAkB;IAClBC,WAAW;IACXC,sBAAsB;IACtBC;EACJ,CAAC,KAAK;IACF,MAAMC,OAAO,GAAGL,SAAS,GAAGC,kBAAkB,GAAGE,sBAAsB;IAEvE,MAAMG,eAAe,GACjBP,MAAM,CAACQ,MAAM,GAAG,CAAC,IAAIT,OAAO,IAAI,CAACM,IAAI,IAAKJ,SAAS,IAAI,CAACE,WAAW,CAAC,CAAE;IAE1E,oBACIxB,KAAA,CAAAmB,aAAA,CAACX,MAAM;MACHsB,IAAI,EAAE,IAAK;MACXhB,OAAO,EAAEC,YAAa;MACtB,eAAY,iCAAiC;MAC7CgB,KAAK,EAAErB,CAAC,uBAAwB;MAChCsB,OAAO,eACHhC,KAAA,CAAAmB,aAAA,CAACX,MAAM,CAACyB,aAAa;QACjBN,OAAO,EAAEA,OAAQ;QACjBO,IAAI,EAAEZ,SAAS,GAAGZ,CAAC,QAAQ,GAAGA,CAAC,eAAgB;QAC/CyB,QAAQ,EAAEP;MAAgB,CAC7B;IACJ,GAEAR,OAAO,gBACJpB,KAAA,CAAAmB,aAAA,CAACV,MAAM;MAACyB,IAAI,EAAE;IAAa,CAAE,CAAC,gBAE9BlC,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoC,QAAA,qBACIpC,KAAA,CAAAmB,aAAA,CAAChB,UAAU,MAAE,CAAC,eACdH,KAAA,CAAAmB,aAAA;MAAKkB,SAAS,EAAE;IAA8B,GACzCf,SAAS,iBAAItB,KAAA,CAAAmB,aAAA,CAACb,oBAAoB,MAAE,CAAC,eACtCN,KAAA,CAAAmB,aAAA,CAACf,MAAM;MAACiB,MAAM,EAAEA;IAAO,CAAE,CAAC,eAC1BrB,KAAA,CAAAmB,aAAA,CAACd,QAAQ,MAAE,CACV,CACP,CAEF,CAAC;EAEjB,CACmB,CAAC;AAEhC,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentModels/importing/ImportContentModelsDialog.js","sources":["../../../../../src/admin/views/contentModels/importing/ImportContentModelsDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { FileUpload } from \"./components/FileUpload.js\";\nimport { Errors } from \"./components/Errors.js\";\nimport { DataList } from \"./components/DataList.js\";\nimport { DataListInstructions } from \"./components/Model/DataListInstructions.js\";\nimport { ImportContextProvider } from \"~/admin/views/contentModels/importing/ImportContext.js\";\nimport { Dialog, Loader } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/import-content-models-dialog\");\n\nexport interface ImportContentModelsDialogProps {\n    onClose: () => void;\n}\n\nexport const ImportContentModelsDialog = (props: ImportContentModelsDialogProps) => {\n    const { onClose } = props;\n\n    const onCloseClick = useCallback(() => {\n        window.location.reload();\n        onClose();\n    }, [onClose]);\n\n    return (\n        <ImportContextProvider>\n            {({\n                loading,\n                errors,\n                validated,\n                handleModelsImport,\n                hasSelected,\n                handleModelsValidation,\n                file\n            }) => {\n                const onClick = validated ? handleModelsImport : handleModelsValidation;\n\n                const disabledConfirm =\n                    errors.length > 0 || loading || !file || (validated && !hasSelected());\n\n                return (\n                    <Dialog\n                        open={true}\n                        onClose={onCloseClick}\n                        data-testid=\"cms-import-content-models-modal\"\n                        title={t`Import Content Models`}\n                        actions={\n                            <Dialog.ConfirmAction\n                                onClick={onClick}\n                                text={validated ? t`Import` : t`Validate file`}\n                                disabled={disabledConfirm}\n                            />\n                        }\n                    >\n                        {loading ? (\n                            <Loader text={\"Loading...\"} />\n                        ) : (\n                            <>\n                                <FileUpload />\n                                <div className={\"max-h-[50dvh] overflow-auto\"}>\n                                    {validated && <DataListInstructions />}\n                                    <Errors errors={errors} />\n                                    <DataList />\n                                </div>\n                            </>\n                        )}\n                    </Dialog>\n                );\n            }}\n        </ImportContextProvider>\n    );\n};\n"],"names":["t","i18n","ImportContentModelsDialog","props","onClose","onCloseClick","useCallback","window","ImportContextProvider","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","disabledConfirm","Dialog","Loader","FileUpload","DataListInstructions","Errors","DataList"],"mappings":";;;;;;;;AASA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAMX,MAAMC,4BAA4B,CAACC;IACtC,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,MAAME,eAAeC,YAAY;QAC7BC,OAAO,QAAQ,CAAC,MAAM;QACtBH;IACJ,GAAG;QAACA;KAAQ;IAEZ,OAAO,WAAP,GACI,oBAACI,uBAAqBA,MACjB,CAAC,EACEC,OAAO,EACPC,MAAM,EACNC,SAAS,EACTC,kBAAkB,EAClBC,WAAW,EACXC,sBAAsB,EACtBC,IAAI,EACP;QACG,MAAMC,UAAUL,YAAYC,qBAAqBE;QAEjD,MAAMG,kBACFP,OAAO,MAAM,GAAG,KAAKD,WAAW,CAACM,QAASJ,aAAa,CAACE;QAE5D,OAAO,WAAP,GACI,oBAACK,QAAMA;YACH,MAAM;YACN,SAASb;YACT,eAAY;YACZ,OAAOL,CAAC,CAAC,qBAAqB,CAAC;YAC/B,uBACI,oBAACkB,OAAO,aAAa;gBACjB,SAASF;gBACT,MAAML,YAAYX,CAAC,CAAC,MAAM,CAAC,GAAGA,CAAC,CAAC,aAAa,CAAC;gBAC9C,UAAUiB;;WAIjBR,UAAU,WAAVA,GACG,oBAACU,QAAMA;YAAC,MAAM;2BAEd,wDACI,oBAACC,YAAUA,OAAAA,WAAAA,GACX,oBAAC;YAAI,WAAW;WACXT,aAAa,WAAbA,GAAa,oBAACU,sBAAoBA,OAAAA,WAAAA,GACnC,oBAACC,QAAMA;YAAC,QAAQZ;0BAChB,oBAACa,UAAQA;IAMjC;AAGZ"}