@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

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

@@ -1,8 +1,8 @@
-import { useApolloClient } from "../../../hooks";
-import { CANCEL_DELETE_CONTENT_MODEL } from "../../../viewsGraphql";
-import { updateModelInCache } from "../cache";
+import { useApolloClient } from "../../../hooks/index.js";
+import { CANCEL_DELETE_CONTENT_MODEL } from "../../../viewsGraphql.js";
+import { updateModelInCache } from "../cache.js";
 import { useSnackbar } from "@webiny/app-admin";
-import { i18n } from "@webiny/app/i18n";
+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

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\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    ICancelDeleteCmsModelMutationResponse,\n    ICancelDeleteCmsModelMutationVariables\n} from \"~/admin/viewsGraphql\";\nimport { CANCEL_DELETE_CONTENT_MODEL } from \"~/admin/viewsGraphql\";\nimport { updateModelInCache } from \"../cache\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\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,kBAAkB;AAEvC,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,"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":[]}

package/admin/views/contentModels/helpers/apiNameValidator.d.ts

@@ -1,5 +1,5 @@
 import type ApolloClient from "apollo-client";
-import type { CmsModel } from "../../../../types";
+import type { CmsModel } from "../../../../types.js";
 interface Params {
     models: CmsModel[];
     client: ApolloClient<any>;

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

@@ -1,5 +1,5 @@
-import lodashUpperFirst from "lodash/upperFirst";
-import lodashCamelCase from "lodash/camelCase";
+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.

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\";\nimport lodashCamelCase from \"lodash/camelCase\";\nimport gql from \"graphql-tag\";\nimport type ApolloClient from \"apollo-client\";\nimport type { CmsModel } from \"~/types\";\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,mBAAmB;AAChD,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,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,"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":[]}

package/admin/views/contentModels/helpers/nameValidator.d.ts

@@ -1,4 +1,4 @@
-import type { CmsModel } from "../../../../types";
+import type { CmsModel } from "../../../../types.js";
 interface Params {
     models: CmsModel[];
 }

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

@@ -1,4 +1,4 @@
-import lodashCamelCase from "lodash/camelCase";
+import lodashCamelCase from "lodash/camelCase.js";
 export const createNameValidator = params => {
   const {
     models

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\";\nimport type { CmsModel } from \"~/types\";\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,kBAAkB;AAO9C,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,"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":[]}

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

@@ -1,14 +1,14 @@
 import React, { useCallback } from "react";
-import { CircularProgress } from "@webiny/ui/Progress";
-import * as UID from "@webiny/ui/Dialog";
-import { Dialog } from "../../../components/Dialog";
-import { i18n } from "@webiny/app/i18n";
-import { ImportButton } from "./components/ImportButton";
-import { FileUpload } from "./components/FileUpload";
-import { Errors } from "./components/Errors";
-import { DataList } from "./components/DataList";
-import { DataListInstructions } from "./components/Model/DataListInstructions";
-import { ImportContextProvider } from "./ImportContext";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+import * as UID from "@webiny/ui/Dialog/index.js";
+import { Dialog } from "../../../components/Dialog.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { ImportButton } from "./components/ImportButton.js";
+import { FileUpload } from "./components/FileUpload.js";
+import { Errors } from "./components/Errors.js";
+import { DataList } from "./components/DataList.js";
+import { DataListInstructions } from "./components/Model/DataListInstructions.js";
+import { ImportContextProvider } from "./ImportContext.js";
 const t = i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
 export const ImportContentModelsDialog = props => {
   const {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","CircularProgress","UID","Dialog","i18n","ImportButton","FileUpload","Errors","DataList","DataListInstructions","ImportContextProvider","t","ns","ImportContentModelsDialog","props","onClose","onCloseClick","window","location","reload","createElement","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","open","label","DialogTitle","DialogContent","DialogActions","disabled","length"],"sources":["ImportContentModelsDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ImportButton } from \"./components/ImportButton\";\nimport { FileUpload } from \"./components/FileUpload\";\nimport { Errors } from \"./components/Errors\";\nimport { DataList } from \"./components/DataList\";\nimport { DataListInstructions } from \"./components/Model/DataListInstructions\";\nimport { ImportContextProvider } from \"~/admin/views/contentModels/importing/ImportContext\";\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                return (\n                    <Dialog\n                        open={true}\n                        onClose={onCloseClick}\n                        data-testid=\"cms-import-content-models-modal\"\n                    >\n                        {loading && <CircularProgress label={\"Loading...\"} />}\n                        <UID.DialogTitle>{t`Import Content Models`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <FileUpload />\n                            {validated && <DataListInstructions />}\n                            <Errors errors={errors} />\n                            <DataList />\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ImportButton\n                                onClick={onClick}\n                                validated={validated}\n                                disabled={\n                                    errors.length > 0 ||\n                                    loading ||\n                                    !file ||\n                                    (validated && !hasSelected())\n                                }\n                            />\n                        </UID.DialogActions>\n                    </Dialog>\n                );\n            }}\n        </ImportContextProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,OAAO,KAAKC,GAAG,MAAM,mBAAmB;AACxC,SAASC,MAAM;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAE9B,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,0EAA0E,CAAC;AAM7F,OAAO,MAAMC,yBAAyB,GAAIC,KAAqC,IAAK;EAChF,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,YAAY,GAAGhB,WAAW,CAAC,MAAM;IACnCiB,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IACxBJ,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACIhB,KAAA,CAAAqB,aAAA,CAACV,qBAAqB,QACjB,CAAC;IACEW,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,kBAAkB;IAClBC,WAAW;IACXC,sBAAsB;IACtBC;EACJ,CAAC,KAAK;IACF,MAAMC,OAAO,GAAGL,SAAS,GAAGC,kBAAkB,GAAGE,sBAAsB;IACvE,oBACI3B,KAAA,CAAAqB,aAAA,CAACjB,MAAM;MACH0B,IAAI,EAAE,IAAK;MACXd,OAAO,EAAEC,YAAa;MACtB,eAAY;IAAiC,GAE5CK,OAAO,iBAAItB,KAAA,CAAAqB,aAAA,CAACnB,gBAAgB;MAAC6B,KAAK,EAAE;IAAa,CAAE,CAAC,eACrD/B,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC6B,WAAW,QAAEpB,CAAC,uBAAyC,CAAC,eAC7DZ,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC8B,aAAa,qBACdjC,KAAA,CAAAqB,aAAA,CAACd,UAAU,MAAE,CAAC,EACbiB,SAAS,iBAAIxB,KAAA,CAAAqB,aAAA,CAACX,oBAAoB,MAAE,CAAC,eACtCV,KAAA,CAAAqB,aAAA,CAACb,MAAM;MAACe,MAAM,EAAEA;IAAO,CAAE,CAAC,eAC1BvB,KAAA,CAAAqB,aAAA,CAACZ,QAAQ,MAAE,CACI,CAAC,eACpBT,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC+B,aAAa,qBACdlC,KAAA,CAAAqB,aAAA,CAACf,YAAY;MACTuB,OAAO,EAAEA,OAAQ;MACjBL,SAAS,EAAEA,SAAU;MACrBW,QAAQ,EACJZ,MAAM,CAACa,MAAM,GAAG,CAAC,IACjBd,OAAO,IACP,CAACM,IAAI,IACJJ,SAAS,IAAI,CAACE,WAAW,CAAC;IAC9B,CACJ,CACc,CACf,CAAC;EAEjB,CACmB,CAAC;AAEhC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","CircularProgress","UID","Dialog","i18n","ImportButton","FileUpload","Errors","DataList","DataListInstructions","ImportContextProvider","t","ns","ImportContentModelsDialog","props","onClose","onCloseClick","window","location","reload","createElement","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","open","label","DialogTitle","DialogContent","DialogActions","disabled","length"],"sources":["ImportContentModelsDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport * as UID from \"@webiny/ui/Dialog/index.js\";\nimport { Dialog } from \"~/admin/components/Dialog.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ImportButton } from \"./components/ImportButton.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\";\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                return (\n                    <Dialog\n                        open={true}\n                        onClose={onCloseClick}\n                        data-testid=\"cms-import-content-models-modal\"\n                    >\n                        {loading && <CircularProgress label={\"Loading...\"} />}\n                        <UID.DialogTitle>{t`Import Content Models`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <FileUpload />\n                            {validated && <DataListInstructions />}\n                            <Errors errors={errors} />\n                            <DataList />\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ImportButton\n                                onClick={onClick}\n                                validated={validated}\n                                disabled={\n                                    errors.length > 0 ||\n                                    loading ||\n                                    !file ||\n                                    (validated && !hasSelected())\n                                }\n                            />\n                        </UID.DialogActions>\n                    </Dialog>\n                );\n            }}\n        </ImportContextProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAO,KAAKC,GAAG,MAAM,4BAA4B;AACjD,SAASC,MAAM;AACf,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAE9B,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,0EAA0E,CAAC;AAM7F,OAAO,MAAMC,yBAAyB,GAAIC,KAAqC,IAAK;EAChF,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,YAAY,GAAGhB,WAAW,CAAC,MAAM;IACnCiB,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IACxBJ,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACIhB,KAAA,CAAAqB,aAAA,CAACV,qBAAqB,QACjB,CAAC;IACEW,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,kBAAkB;IAClBC,WAAW;IACXC,sBAAsB;IACtBC;EACJ,CAAC,KAAK;IACF,MAAMC,OAAO,GAAGL,SAAS,GAAGC,kBAAkB,GAAGE,sBAAsB;IACvE,oBACI3B,KAAA,CAAAqB,aAAA,CAACjB,MAAM;MACH0B,IAAI,EAAE,IAAK;MACXd,OAAO,EAAEC,YAAa;MACtB,eAAY;IAAiC,GAE5CK,OAAO,iBAAItB,KAAA,CAAAqB,aAAA,CAACnB,gBAAgB;MAAC6B,KAAK,EAAE;IAAa,CAAE,CAAC,eACrD/B,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC6B,WAAW,QAAEpB,CAAC,uBAAyC,CAAC,eAC7DZ,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC8B,aAAa,qBACdjC,KAAA,CAAAqB,aAAA,CAACd,UAAU,MAAE,CAAC,EACbiB,SAAS,iBAAIxB,KAAA,CAAAqB,aAAA,CAACX,oBAAoB,MAAE,CAAC,eACtCV,KAAA,CAAAqB,aAAA,CAACb,MAAM;MAACe,MAAM,EAAEA;IAAO,CAAE,CAAC,eAC1BvB,KAAA,CAAAqB,aAAA,CAACZ,QAAQ,MAAE,CACI,CAAC,eACpBT,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC+B,aAAa,qBACdlC,KAAA,CAAAqB,aAAA,CAACf,YAAY;MACTuB,OAAO,EAAEA,OAAQ;MACjBL,SAAS,EAAEA,SAAU;MACrBW,QAAQ,EACJZ,MAAM,CAACa,MAAM,GAAG,CAAC,IACjBd,OAAO,IACP,CAACM,IAAI,IACJJ,SAAS,IAAI,CAACE,WAAW,CAAC;IAC9B,CACJ,CACc,CACf,CAAC;EAEjB,CACmB,CAAC;AAEhC,CAAC","ignoreList":[]}

package/admin/views/contentModels/importing/ImportContext.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types";
-import type { ImportGroupData, ImportModelData } from "./types";
+import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+import type { ImportGroupData, ImportModelData } from "./types.js";
 interface Data {
     groups: CmsGroup[];
     models: CmsModel[];

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

@@ -1,13 +1,13 @@
 import React, { useCallback, useState } from "react";
-import { useApolloClient } from "../../../hooks";
-import { IMPORT_STRUCTURE, VALIDATE_IMPORT_STRUCTURE } from "./graphql";
-import { ImportAction } from "./types";
+import { useApolloClient } from "../../../hooks/index.js";
+import { IMPORT_STRUCTURE, VALIDATE_IMPORT_STRUCTURE } from "./graphql.js";
+import { ImportAction } from "./types.js";
 import { useSnackbar } from "@webiny/app-admin";
 const parseFileData = input => {
   let data = {};
   try {
     data = JSON.parse(input);
-  } catch (ex) {
+  } catch {
     throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);
   }
   if (!data.groups?.length && !data.models?.length) {
@@ -63,7 +63,7 @@ const getDataToImport = state => {
     if (!validatedModel?.action || validatedModel.error || noAction.includes(validatedModel.action)) {
       continue;
     }
-    const validatedGroup = state.groups?.find(group => group.id === validatedModel.group);
+    const validatedGroup = state.groups?.find(group => group.slug === validatedModel.group);
     if (!validatedGroup?.action || validatedGroup.error) {
       continue;
     }
@@ -82,7 +82,7 @@ const getDataToImport = state => {
     if (noAction.includes(validatedGroup.action)) {
       continue;
     }
-    const group = state.data?.groups?.find(group => group.id === validatedModel.group);
+    const group = state.data?.groups?.find(group => group.slug === validatedModel.group);
     if (!group) {
       continue;
     }
@@ -171,6 +171,7 @@ export const ImportContextProvider = ({
           return {
             id: group.group.id,
             name: group.group.name,
+            slug: group.group.slug,
             error: group.error,
             action: group.action
           };
@@ -264,6 +265,7 @@ export const ImportContextProvider = ({
           return {
             id: result?.group.id || group.id,
             name: result?.group.name || group.name,
+            slug: result?.group.slug || group.slug,
             error: result?.error || group.error,
             imported: result ? result.imported : group.imported
           };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useApolloClient","IMPORT_STRUCTURE","VALIDATE_IMPORT_STRUCTURE","ImportAction","useSnackbar","parseFileData","input","data","JSON","parse","ex","Error","groups","length","models","parseFileContent","content","ArrayBuffer","Buffer","from","toString","createSelected","params","previous","item","selected","Map","set","id","related","model","find","has","imported","getDataToImport","state","Array","keys","noAction","CODE","NONE","validatedModel","action","error","includes","validatedGroup","group","modelId","layout","titleFieldId","descriptionFieldId","imageFieldId","values","ImportContext","createContext","undefined","ImportContextProvider","children","client","showSnackbar","setState","file","loading","validated","hasSelected","handleModelsValidation","console","prev","result","mutate","mutation","variables","errors","message","validateImportStructure","next","map","name","handleModelsImport","dataToImport","errorPolicy","importStructure","onFile","reader","FileReader","addEventListener","event","target","readAsText","onFileError","isModelSelected","isModelRelated","get","addModel","removeModel","delete","toggleModel","value","createElement","Provider"],"sources":["ImportContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    ImportStructureResponse,\n    ImportStructureVariables,\n    ImportStructureVariablesGroup,\n    ImportStructureVariablesModel,\n    ValidateImportStructureResponse\n} from \"~/admin/views/contentModels/importing/graphql\";\nimport {\n    IMPORT_STRUCTURE,\n    VALIDATE_IMPORT_STRUCTURE\n} from \"~/admin/views/contentModels/importing/graphql\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport type { ImportGroupData, ImportModelData } from \"./types\";\nimport { ImportAction } from \"./types\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FetchResult } from \"apollo-link\";\n\nconst parseFileData = (input: string) => {\n    let data: Record<string, any> = {};\n    try {\n        data = JSON.parse(input);\n    } catch (ex) {\n        throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);\n    }\n    if (!data.groups?.length && !data.models?.length) {\n        throw new Error(`No groups and models in the uploaded file.`);\n    } else if (data.groups.length === 0) {\n        throw new Error(`No groups in the uploaded file. There must be at least one group.`);\n    }\n    return {\n        groups: data.groups,\n        models: data.models\n    };\n};\n\nconst parseFileContent = (content?: string | ArrayBuffer | null) => {\n    if (!content) {\n        throw new Error(`Missing data in uploaded file.`);\n    } else if (content instanceof ArrayBuffer) {\n        const data = Buffer.from(content).toString(\"utf8\");\n        return parseFileData(data);\n    }\n    return parseFileData(content);\n};\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface State {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    file: File | null;\n    errors?: string[] | null;\n    validated: boolean;\n    selected: Selected;\n}\n\nexport interface OnFileCb {\n    (file: File): void;\n}\n\nexport interface OnFileErrorCb {\n    (error: string): void;\n}\n\nexport interface HandleModelsValidationCb {\n    (): Promise<void>;\n}\n\nexport interface HandleModelsImportCb {\n    (): Promise<void>;\n}\n\nexport interface IsModelSelectedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface IsModelRelatedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface AddModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface RemoveModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ToggleModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ImportContextProperties {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    hasSelected: () => boolean;\n    file: File | null;\n    errors: string[];\n    validated: boolean;\n    onFile: OnFileCb;\n    onFileError: OnFileErrorCb;\n    handleModelsValidation: HandleModelsValidationCb;\n    handleModelsImport: HandleModelsImportCb;\n    toggleModel: ToggleModelCb;\n    isModelSelected: IsModelSelectedCb;\n    isModelRelated: IsModelRelatedCb;\n}\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nconst getDataToImport = (state: State): DataToImportResult => {\n    const selected = Array.from(state.selected.keys());\n\n    const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n    const models: Map<string, ImportStructureVariablesModel> = new Map();\n    const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n    for (const id of selected) {\n        const validatedModel = state.models?.find(model => model.id === id);\n        if (\n            !validatedModel?.action ||\n            validatedModel.error ||\n            noAction.includes(validatedModel.action)\n        ) {\n            continue;\n        }\n        const validatedGroup = state.groups?.find(group => group.id === validatedModel.group);\n        if (!validatedGroup?.action || validatedGroup.error) {\n            continue;\n        }\n\n        const model = state.data?.models?.find(model => model.modelId === id);\n        if (!model) {\n            continue;\n        }\n        models.set(id, {\n            ...model,\n            layout: model.layout || [],\n            titleFieldId: model.titleFieldId || \"id\",\n            descriptionFieldId: model.descriptionFieldId || \"\",\n            imageFieldId: model.imageFieldId || \"\",\n            group: validatedModel.group\n        });\n\n        if (noAction.includes(validatedGroup.action)) {\n            continue;\n        }\n\n        const group = state.data?.groups?.find(group => group.id === validatedModel.group);\n        if (!group) {\n            continue;\n        }\n        groups.set(group.id, group);\n    }\n\n    return {\n        groups: Array.from(groups.values()),\n        models: Array.from(models.values())\n    };\n};\n\nexport const ImportContext = React.createContext<ImportContextProperties | undefined>(undefined);\n\nexport interface ImportContextProviderProps {\n    children: (props: ImportContextProperties) => React.ReactNode;\n}\n\nexport const ImportContextProvider = ({ children }: ImportContextProviderProps) => {\n    const client = useApolloClient();\n\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState<State>({\n        data: null,\n        file: null,\n        loading: false,\n        validated: false,\n        selected: new Map()\n    });\n\n    const hasSelected = useCallback(() => {\n        return Array.from(state.selected.keys()).length > 0;\n    }, [state.selected]);\n\n    const handleModelsValidation = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        let result: FetchResult<ValidateImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ValidateImportStructureResponse>({\n                mutation: VALIDATE_IMPORT_STRUCTURE,\n                variables: {\n                    data: state.data\n                }\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n\n        const { data, error } = result.data?.validateImportStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [\"No validation data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            const next = {\n                ...prev,\n                loading: false,\n                groups: data.groups.map(group => {\n                    return {\n                        id: group.group.id,\n                        name: group.group.name,\n                        error: group.error,\n                        action: group.action\n                    };\n                }),\n                models: data.models.map(model => {\n                    return {\n                        id: model.model.modelId,\n                        name: model.model.name,\n                        group: model.model.group,\n                        related: model.related || [],\n                        error: model.error,\n                        action: model.action\n                    };\n                }),\n                validated: true\n            };\n            return next;\n        });\n    }, [state.data, setState]);\n\n    const handleModelsImport = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        } else if (!state.groups?.length) {\n            console.error(\"Cannot import models without any groups.\");\n            return;\n        } else if (!state.models?.length) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        } else if (Array.from(state.selected.keys()).length === 0) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        const dataToImport = getDataToImport(state);\n\n        let result: FetchResult<ImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ImportStructureResponse, ImportStructureVariables>({\n                mutation: IMPORT_STRUCTURE,\n                variables: {\n                    data: dataToImport\n                },\n                errorPolicy: \"all\"\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n        const { data, error } = result.data?.importStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    validated: false,\n                    errors: [\"No structure import data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: false,\n                selected: new Map(),\n                groups: state.groups!.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                }),\n                models: state.models!.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                }),\n                validated: true\n            };\n        });\n    }, [state.selected, state.data, setState]);\n\n    const onFile = useCallback(\n        (file: File) => {\n            const reader = new FileReader();\n            reader.addEventListener(\"load\", event => {\n                try {\n                    const data = parseFileContent(event.target?.result);\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            models: undefined,\n                            groups: undefined,\n                            selected: new Map(),\n                            errors: null,\n                            validated: false,\n                            file,\n                            data\n                        };\n                    });\n                } catch (ex) {\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            file,\n                            selected: new Map(),\n                            validated: false,\n                            groups: undefined,\n                            models: undefined,\n                            data: null,\n                            errors: [ex.message]\n                        };\n                    });\n                }\n            });\n            reader.readAsText(file);\n        },\n        [state.data, setState]\n    );\n\n    const onFileError = useCallback(\n        (error: string) => {\n            setState(prev => {\n                return {\n                    ...prev,\n                    file: null,\n                    errors: [error]\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const isModelSelected = useCallback<IsModelSelectedCb>(\n        item => {\n            return state.selected.has(item.id);\n        },\n        [state.selected]\n    );\n\n    const isModelRelated = useCallback<IsModelRelatedCb>(\n        ({ id: target }) => {\n            for (const id of state.selected.keys()) {\n                if (id === target) {\n                    continue;\n                }\n                const related = state.selected.get(id);\n                if (related?.includes(id)) {\n                    return true;\n                }\n            }\n            return false;\n        },\n        [state.selected]\n    );\n\n    const addModel = useCallback<AddModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                return;\n            }\n            setState(prev => {\n                return {\n                    ...prev,\n                    selected: createSelected({\n                        previous: prev.selected,\n                        models: state.models || [],\n                        item\n                    })\n                };\n            });\n        },\n        [isModelSelected, state.models, state.selected]\n    );\n    const removeModel = useCallback<RemoveModelCb>(\n        item => {\n            if (isModelRelated(item)) {\n                showSnackbar(\n                    `Model \"${item.name}\" is required due to another model having a relation to it.`\n                );\n                return;\n            }\n            setState(prev => {\n                const selected = prev.selected;\n                selected.delete(item.id);\n                return {\n                    ...prev,\n                    selected\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const toggleModel = useCallback<ToggleModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                removeModel(item);\n                return;\n            }\n            addModel(item);\n        },\n        [isModelSelected, addModel, removeModel]\n    );\n\n    const value: ImportContextProperties = {\n        data: state.data || null,\n        loading: state.loading || false,\n        groups: state.groups || [],\n        models: state.models || [],\n        errors: state.errors || [],\n        validated: state.validated || false,\n        hasSelected,\n        isModelRelated,\n        file: state.file,\n        onFile,\n        onFileError,\n        handleModelsValidation,\n        handleModelsImport,\n        toggleModel,\n        isModelSelected\n    };\n\n    return <ImportContext.Provider value={value}>{children(value)}</ImportContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","useApolloClient","IMPORT_STRUCTURE","VALIDATE_IMPORT_STRUCTURE","ImportAction","useSnackbar","parseFileData","input","data","JSON","parse","Error","groups","length","models","parseFileContent","content","ArrayBuffer","Buffer","from","toString","createSelected","params","previous","item","selected","Map","set","id","related","model","find","has","imported","getDataToImport","state","Array","keys","noAction","CODE","NONE","validatedModel","action","error","includes","validatedGroup","group","slug","modelId","layout","titleFieldId","descriptionFieldId","imageFieldId","values","ImportContext","createContext","undefined","ImportContextProvider","children","client","showSnackbar","setState","file","loading","validated","hasSelected","handleModelsValidation","console","prev","result","mutate","mutation","variables","ex","errors","message","validateImportStructure","next","map","name","handleModelsImport","dataToImport","errorPolicy","importStructure","onFile","reader","FileReader","addEventListener","event","target","readAsText","onFileError","isModelSelected","isModelRelated","get","addModel","removeModel","delete","toggleModel","value","createElement","Provider"],"sources":["ImportContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    ImportStructureResponse,\n    ImportStructureVariables,\n    ImportStructureVariablesGroup,\n    ImportStructureVariablesModel,\n    ValidateImportStructureResponse\n} from \"~/admin/views/contentModels/importing/graphql.js\";\nimport {\n    IMPORT_STRUCTURE,\n    VALIDATE_IMPORT_STRUCTURE\n} from \"~/admin/views/contentModels/importing/graphql.js\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"./types.js\";\nimport { ImportAction } from \"./types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FetchResult } from \"apollo-link\";\n\nconst parseFileData = (input: string) => {\n    let data: Record<string, any> = {};\n    try {\n        data = JSON.parse(input);\n    } catch {\n        throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);\n    }\n    if (!data.groups?.length && !data.models?.length) {\n        throw new Error(`No groups and models in the uploaded file.`);\n    } else if (data.groups.length === 0) {\n        throw new Error(`No groups in the uploaded file. There must be at least one group.`);\n    }\n    return {\n        groups: data.groups,\n        models: data.models\n    };\n};\n\nconst parseFileContent = (content?: string | ArrayBuffer | null) => {\n    if (!content) {\n        throw new Error(`Missing data in uploaded file.`);\n    } else if (content instanceof ArrayBuffer) {\n        const data = Buffer.from(content).toString(\"utf8\");\n        return parseFileData(data);\n    }\n    return parseFileData(content);\n};\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface State {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    file: File | null;\n    errors?: string[] | null;\n    validated: boolean;\n    selected: Selected;\n}\n\nexport interface OnFileCb {\n    (file: File): void;\n}\n\nexport interface OnFileErrorCb {\n    (error: string): void;\n}\n\nexport interface HandleModelsValidationCb {\n    (): Promise<void>;\n}\n\nexport interface HandleModelsImportCb {\n    (): Promise<void>;\n}\n\nexport interface IsModelSelectedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface IsModelRelatedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface AddModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface RemoveModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ToggleModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ImportContextProperties {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    hasSelected: () => boolean;\n    file: File | null;\n    errors: string[];\n    validated: boolean;\n    onFile: OnFileCb;\n    onFileError: OnFileErrorCb;\n    handleModelsValidation: HandleModelsValidationCb;\n    handleModelsImport: HandleModelsImportCb;\n    toggleModel: ToggleModelCb;\n    isModelSelected: IsModelSelectedCb;\n    isModelRelated: IsModelRelatedCb;\n}\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nconst getDataToImport = (state: State): DataToImportResult => {\n    const selected = Array.from(state.selected.keys());\n\n    const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n    const models: Map<string, ImportStructureVariablesModel> = new Map();\n    const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n    for (const id of selected) {\n        const validatedModel = state.models?.find(model => model.id === id);\n        if (\n            !validatedModel?.action ||\n            validatedModel.error ||\n            noAction.includes(validatedModel.action)\n        ) {\n            continue;\n        }\n        const validatedGroup = state.groups?.find(group => group.slug === validatedModel.group);\n        if (!validatedGroup?.action || validatedGroup.error) {\n            continue;\n        }\n\n        const model = state.data?.models?.find(model => model.modelId === id);\n        if (!model) {\n            continue;\n        }\n        models.set(id, {\n            ...model,\n            layout: model.layout || [],\n            titleFieldId: model.titleFieldId || \"id\",\n            descriptionFieldId: model.descriptionFieldId || \"\",\n            imageFieldId: model.imageFieldId || \"\",\n            group: validatedModel.group\n        });\n\n        if (noAction.includes(validatedGroup.action)) {\n            continue;\n        }\n\n        const group = state.data?.groups?.find(group => group.slug === validatedModel.group);\n        if (!group) {\n            continue;\n        }\n        groups.set(group.id, group);\n    }\n\n    return {\n        groups: Array.from(groups.values()),\n        models: Array.from(models.values())\n    };\n};\n\nexport const ImportContext = React.createContext<ImportContextProperties | undefined>(undefined);\n\nexport interface ImportContextProviderProps {\n    children: (props: ImportContextProperties) => React.ReactNode;\n}\n\nexport const ImportContextProvider = ({ children }: ImportContextProviderProps) => {\n    const client = useApolloClient();\n\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState<State>({\n        data: null,\n        file: null,\n        loading: false,\n        validated: false,\n        selected: new Map()\n    });\n\n    const hasSelected = useCallback(() => {\n        return Array.from(state.selected.keys()).length > 0;\n    }, [state.selected]);\n\n    const handleModelsValidation = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        let result: FetchResult<ValidateImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ValidateImportStructureResponse>({\n                mutation: VALIDATE_IMPORT_STRUCTURE,\n                variables: {\n                    data: state.data\n                }\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n\n        const { data, error } = result.data?.validateImportStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [\"No validation data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            const next = {\n                ...prev,\n                loading: false,\n                groups: data.groups.map(group => {\n                    return {\n                        id: group.group.id,\n                        name: group.group.name,\n                        slug: group.group.slug,\n                        error: group.error,\n                        action: group.action\n                    };\n                }),\n                models: data.models.map(model => {\n                    return {\n                        id: model.model.modelId,\n                        name: model.model.name,\n                        group: model.model.group,\n                        related: model.related || [],\n                        error: model.error,\n                        action: model.action\n                    };\n                }),\n                validated: true\n            };\n            return next;\n        });\n    }, [state.data, setState]);\n\n    const handleModelsImport = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        } else if (!state.groups?.length) {\n            console.error(\"Cannot import models without any groups.\");\n            return;\n        } else if (!state.models?.length) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        } else if (Array.from(state.selected.keys()).length === 0) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        const dataToImport = getDataToImport(state);\n\n        let result: FetchResult<ImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ImportStructureResponse, ImportStructureVariables>({\n                mutation: IMPORT_STRUCTURE,\n                variables: {\n                    data: dataToImport\n                },\n                errorPolicy: \"all\"\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n        const { data, error } = result.data?.importStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    validated: false,\n                    errors: [\"No structure import data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: false,\n                selected: new Map(),\n                groups: state.groups!.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        slug: result?.group.slug || group.slug,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                }),\n                models: state.models!.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                }),\n                validated: true\n            };\n        });\n    }, [state.selected, state.data, setState]);\n\n    const onFile = useCallback(\n        (file: File) => {\n            const reader = new FileReader();\n            reader.addEventListener(\"load\", event => {\n                try {\n                    const data = parseFileContent(event.target?.result);\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            models: undefined,\n                            groups: undefined,\n                            selected: new Map(),\n                            errors: null,\n                            validated: false,\n                            file,\n                            data\n                        };\n                    });\n                } catch (ex) {\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            file,\n                            selected: new Map(),\n                            validated: false,\n                            groups: undefined,\n                            models: undefined,\n                            data: null,\n                            errors: [ex.message]\n                        };\n                    });\n                }\n            });\n            reader.readAsText(file);\n        },\n        [state.data, setState]\n    );\n\n    const onFileError = useCallback(\n        (error: string) => {\n            setState(prev => {\n                return {\n                    ...prev,\n                    file: null,\n                    errors: [error]\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const isModelSelected = useCallback<IsModelSelectedCb>(\n        item => {\n            return state.selected.has(item.id);\n        },\n        [state.selected]\n    );\n\n    const isModelRelated = useCallback<IsModelRelatedCb>(\n        ({ id: target }) => {\n            for (const id of state.selected.keys()) {\n                if (id === target) {\n                    continue;\n                }\n                const related = state.selected.get(id);\n                if (related?.includes(id)) {\n                    return true;\n                }\n            }\n            return false;\n        },\n        [state.selected]\n    );\n\n    const addModel = useCallback<AddModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                return;\n            }\n            setState(prev => {\n                return {\n                    ...prev,\n                    selected: createSelected({\n                        previous: prev.selected,\n                        models: state.models || [],\n                        item\n                    })\n                };\n            });\n        },\n        [isModelSelected, state.models, state.selected]\n    );\n    const removeModel = useCallback<RemoveModelCb>(\n        item => {\n            if (isModelRelated(item)) {\n                showSnackbar(\n                    `Model \"${item.name}\" is required due to another model having a relation to it.`\n                );\n                return;\n            }\n            setState(prev => {\n                const selected = prev.selected;\n                selected.delete(item.id);\n                return {\n                    ...prev,\n                    selected\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const toggleModel = useCallback<ToggleModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                removeModel(item);\n                return;\n            }\n            addModel(item);\n        },\n        [isModelSelected, addModel, removeModel]\n    );\n\n    const value: ImportContextProperties = {\n        data: state.data || null,\n        loading: state.loading || false,\n        groups: state.groups || [],\n        models: state.models || [],\n        errors: state.errors || [],\n        validated: state.validated || false,\n        hasSelected,\n        isModelRelated,\n        file: state.file,\n        onFile,\n        onFileError,\n        handleModelsValidation,\n        handleModelsImport,\n        toggleModel,\n        isModelSelected\n    };\n\n    return <ImportContext.Provider value={value}>{children(value)}</ImportContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentModels/importing/components/DataList.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { DataListGroup } from "./DataListGroup";
-import { useImport } from "../useImport";
+import { DataListGroup } from "./DataListGroup.js";
+import { useImport } from "../useImport.js";
 const getGroupModels = (group, models) => {
   if (!models) {
     return [];
   }
-  return models.filter(model => model.group === group.id);
+  return models.filter(model => model.group === group.slug);
 };
 export const DataList = () => {
   const {

package/admin/views/contentModels/importing/components/DataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DataListGroup","useImport","getGroupModels","group","models","filter","model","id","DataList","groups","createElement","Fragment","map","index","key"],"sources":["DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport { DataListGroup } from \"./DataListGroup\";\nimport type { ImportGroupData, ImportModelData } from \"../types\";\nimport { useImport } from \"~/admin/views/contentModels/importing/useImport\";\n\nconst getGroupModels = (group: ImportGroupData, models?: ImportModelData[] | null) => {\n    if (!models) {\n        return [];\n    }\n    return models.filter(model => model.group === group.id);\n};\n\nexport const DataList = () => {\n    const { groups, models } = useImport();\n    if (!groups) {\n        return null;\n    }\n    return (\n        <>\n            {groups.map((group, index) => {\n                return (\n                    <DataListGroup\n                        key={`group-${index}`}\n                        group={group}\n                        models={getGroupModels(group, models)}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AAEtB,SAASC,SAAS;AAElB,MAAMC,cAAc,GAAGA,CAACC,KAAsB,EAAEC,MAAiC,KAAK;EAClF,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,EAAE;EACb;EACA,OAAOA,MAAM,CAACC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACH,KAAK,KAAKA,KAAK,CAACI,EAAE,CAAC;AAC3D,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,MAAM;IAAEL;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EACtC,IAAI,CAACQ,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EACA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKF,MAAM,CAACG,GAAG,CAAC,CAACT,KAAK,EAAEU,KAAK,KAAK;IAC1B,oBACId,KAAA,CAAAW,aAAA,CAACV,aAAa;MACVc,GAAG,EAAE,SAASD,KAAK,EAAG;MACtBV,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEF,cAAc,CAACC,KAAK,EAAEC,MAAM;IAAE,CACzC,CAAC;EAEV,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DataListGroup","useImport","getGroupModels","group","models","filter","model","slug","DataList","groups","createElement","Fragment","map","index","key"],"sources":["DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport { DataListGroup } from \"./DataListGroup.js\";\nimport type { ImportGroupData, ImportModelData } from \"../types.js\";\nimport { useImport } from \"~/admin/views/contentModels/importing/useImport.js\";\n\nconst getGroupModels = (group: ImportGroupData, models?: ImportModelData[] | null) => {\n    if (!models) {\n        return [];\n    }\n    return models.filter(model => model.group === group.slug);\n};\n\nexport const DataList = () => {\n    const { groups, models } = useImport();\n    if (!groups) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map((group, index) => {\n                return (\n                    <DataListGroup\n                        key={`group-${index}`}\n                        group={group}\n                        models={getGroupModels(group, models)}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa;AAEtB,SAASC,SAAS;AAElB,MAAMC,cAAc,GAAGA,CAACC,KAAsB,EAAEC,MAAiC,KAAK;EAClF,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,EAAE;EACb;EACA,OAAOA,MAAM,CAACC,MAAM,CAACC,KAAK,IAAIA,KAAK,CAACH,KAAK,KAAKA,KAAK,CAACI,IAAI,CAAC;AAC7D,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,MAAM;IAAEL;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EACtC,IAAI,CAACQ,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKF,MAAM,CAACG,GAAG,CAAC,CAACT,KAAK,EAAEU,KAAK,KAAK;IAC1B,oBACId,KAAA,CAAAW,aAAA,CAACV,aAAa;MACVc,GAAG,EAAE,SAASD,KAAK,EAAG;MACtBV,KAAK,EAAEA,KAAM;MACbC,MAAM,EAAEF,cAAc,CAACC,KAAK,EAAEC,MAAM;IAAE,CACzC,CAAC;EAEV,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/views/contentModels/importing/components/DataListGroup.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ImportGroupData, ImportModelData } from "../types";
+import type { ImportGroupData, ImportModelData } from "../types.js";
 interface DataListGroupProps {
     group: Pick<ImportGroupData, "id" | "name">;
     models: ImportModelData[];

package/admin/views/contentModels/importing/components/DataListGroup.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from "react";
-import { DataListModels } from "./Model";
+import { DataListModels } from "./Model/index.js";
 const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "epl35df1"
 } : {
@@ -12,8 +12,7 @@ const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   styles: "margin-top:10px;background-color:var(--mdc-theme-background);border:1px dashed var(--mdc-theme-on-background);padding:10px;border-box:box-sizing"
 } : {
   name: "4tnf91",
-  styles: "margin-top:10px;background-color:var(--mdc-theme-background);border:1px dashed var(--mdc-theme-on-background);padding:10px;border-box:box-sizing",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFMaXN0R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQiIsImZpbGUiOiJEYXRhTGlzdEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRGF0YUxpc3RNb2RlbHMgfSBmcm9tIFwiLi9Nb2RlbFwiO1xuaW1wb3J0IHR5cGUgeyBJbXBvcnRHcm91cERhdGEsIEltcG9ydE1vZGVsRGF0YSB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogXCIxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlcjogXCIxcHggZGFzaGVkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTBweFwiLFxuICAgIGJvcmRlckJveDogXCJib3gtc2l6aW5nXCJcbn0pO1xuXG5jb25zdCBHcm91cE5hbWUgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFNpemU6IFwiMTZweFwiXG59KTtcblxuaW50ZXJmYWNlIEdyb3VwUHJvcHMge1xuICAgIGdyb3VwOiBQaWNrPEltcG9ydEdyb3VwRGF0YSwgXCJpZFwiIHwgXCJuYW1lXCI+O1xufVxuXG5jb25zdCBHcm91cCA9ICh7IGdyb3VwIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEdyb3VwTmFtZT57Z3JvdXAubmFtZSB8fCBncm91cC5pZH08L0dyb3VwTmFtZT47XG59O1xuXG5pbnRlcmZhY2UgRGF0YUxpc3RHcm91cFByb3BzIHtcbiAgICBncm91cDogUGljazxJbXBvcnRHcm91cERhdGEsIFwiaWRcIiB8IFwibmFtZVwiPjtcbiAgICBtb2RlbHM6IEltcG9ydE1vZGVsRGF0YVtdO1xufVxuXG5leHBvcnQgY29uc3QgRGF0YUxpc3RHcm91cCA9ICh7IGdyb3VwLCBtb2RlbHMgfTogRGF0YUxpc3RHcm91cFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcm91cCBncm91cD17Z3JvdXB9IC8+XG4gICAgICAgICAgICA8RGF0YUxpc3RNb2RlbHMgbW9kZWxzPXttb2RlbHN9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "margin-top:10px;background-color:var(--mdc-theme-background);border:1px dashed var(--mdc-theme-on-background);padding:10px;border-box:box-sizing/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFMaXN0R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtrQiIsImZpbGUiOiJEYXRhTGlzdEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRGF0YUxpc3RNb2RlbHMgfSBmcm9tIFwiLi9Nb2RlbC9pbmRleC5qc1wiO1xuaW1wb3J0IHR5cGUgeyBJbXBvcnRHcm91cERhdGEsIEltcG9ydE1vZGVsRGF0YSB9IGZyb20gXCIuLi90eXBlcy5qc1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogXCIxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlcjogXCIxcHggZGFzaGVkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTBweFwiLFxuICAgIGJvcmRlckJveDogXCJib3gtc2l6aW5nXCJcbn0pO1xuXG5jb25zdCBHcm91cE5hbWUgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFNpemU6IFwiMTZweFwiXG59KTtcblxuaW50ZXJmYWNlIEdyb3VwUHJvcHMge1xuICAgIGdyb3VwOiBQaWNrPEltcG9ydEdyb3VwRGF0YSwgXCJpZFwiIHwgXCJuYW1lXCI+O1xufVxuXG5jb25zdCBHcm91cCA9ICh7IGdyb3VwIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEdyb3VwTmFtZT57Z3JvdXAubmFtZSB8fCBncm91cC5pZH08L0dyb3VwTmFtZT47XG59O1xuXG5pbnRlcmZhY2UgRGF0YUxpc3RHcm91cFByb3BzIHtcbiAgICBncm91cDogUGljazxJbXBvcnRHcm91cERhdGEsIFwiaWRcIiB8IFwibmFtZVwiPjtcbiAgICBtb2RlbHM6IEltcG9ydE1vZGVsRGF0YVtdO1xufVxuXG5leHBvcnQgY29uc3QgRGF0YUxpc3RHcm91cCA9ICh7IGdyb3VwLCBtb2RlbHMgfTogRGF0YUxpc3RHcm91cFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcm91cCBncm91cD17Z3JvdXB9IC8+XG4gICAgICAgICAgICA8RGF0YUxpc3RNb2RlbHMgbW9kZWxzPXttb2RlbHN9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const GroupName = /*#__PURE__*/_styled("h3", process.env.NODE_ENV === "production" ? {
@@ -26,8 +25,7 @@ const GroupName = /*#__PURE__*/_styled("h3", process.env.NODE_ENV === "productio
   styles: "font-size:16px"
 } : {
   name: "11g4mt0",
-  styles: "font-size:16px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFMaXN0R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQiIsImZpbGUiOiJEYXRhTGlzdEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRGF0YUxpc3RNb2RlbHMgfSBmcm9tIFwiLi9Nb2RlbFwiO1xuaW1wb3J0IHR5cGUgeyBJbXBvcnRHcm91cERhdGEsIEltcG9ydE1vZGVsRGF0YSB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogXCIxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlcjogXCIxcHggZGFzaGVkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTBweFwiLFxuICAgIGJvcmRlckJveDogXCJib3gtc2l6aW5nXCJcbn0pO1xuXG5jb25zdCBHcm91cE5hbWUgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFNpemU6IFwiMTZweFwiXG59KTtcblxuaW50ZXJmYWNlIEdyb3VwUHJvcHMge1xuICAgIGdyb3VwOiBQaWNrPEltcG9ydEdyb3VwRGF0YSwgXCJpZFwiIHwgXCJuYW1lXCI+O1xufVxuXG5jb25zdCBHcm91cCA9ICh7IGdyb3VwIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEdyb3VwTmFtZT57Z3JvdXAubmFtZSB8fCBncm91cC5pZH08L0dyb3VwTmFtZT47XG59O1xuXG5pbnRlcmZhY2UgRGF0YUxpc3RHcm91cFByb3BzIHtcbiAgICBncm91cDogUGljazxJbXBvcnRHcm91cERhdGEsIFwiaWRcIiB8IFwibmFtZVwiPjtcbiAgICBtb2RlbHM6IEltcG9ydE1vZGVsRGF0YVtdO1xufVxuXG5leHBvcnQgY29uc3QgRGF0YUxpc3RHcm91cCA9ICh7IGdyb3VwLCBtb2RlbHMgfTogRGF0YUxpc3RHcm91cFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcm91cCBncm91cD17Z3JvdXB9IC8+XG4gICAgICAgICAgICA8RGF0YUxpc3RNb2RlbHMgbW9kZWxzPXttb2RlbHN9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "font-size:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFMaXN0R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQiIsImZpbGUiOiJEYXRhTGlzdEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRGF0YUxpc3RNb2RlbHMgfSBmcm9tIFwiLi9Nb2RlbC9pbmRleC5qc1wiO1xuaW1wb3J0IHR5cGUgeyBJbXBvcnRHcm91cERhdGEsIEltcG9ydE1vZGVsRGF0YSB9IGZyb20gXCIuLi90eXBlcy5qc1wiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogXCIxMHB4XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlcjogXCIxcHggZGFzaGVkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMTBweFwiLFxuICAgIGJvcmRlckJveDogXCJib3gtc2l6aW5nXCJcbn0pO1xuXG5jb25zdCBHcm91cE5hbWUgPSBzdHlsZWQoXCJoM1wiKSh7XG4gICAgZm9udFNpemU6IFwiMTZweFwiXG59KTtcblxuaW50ZXJmYWNlIEdyb3VwUHJvcHMge1xuICAgIGdyb3VwOiBQaWNrPEltcG9ydEdyb3VwRGF0YSwgXCJpZFwiIHwgXCJuYW1lXCI+O1xufVxuXG5jb25zdCBHcm91cCA9ICh7IGdyb3VwIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgICByZXR1cm4gPEdyb3VwTmFtZT57Z3JvdXAubmFtZSB8fCBncm91cC5pZH08L0dyb3VwTmFtZT47XG59O1xuXG5pbnRlcmZhY2UgRGF0YUxpc3RHcm91cFByb3BzIHtcbiAgICBncm91cDogUGljazxJbXBvcnRHcm91cERhdGEsIFwiaWRcIiB8IFwibmFtZVwiPjtcbiAgICBtb2RlbHM6IEltcG9ydE1vZGVsRGF0YVtdO1xufVxuXG5leHBvcnQgY29uc3QgRGF0YUxpc3RHcm91cCA9ICh7IGdyb3VwLCBtb2RlbHMgfTogRGF0YUxpc3RHcm91cFByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxHcm91cCBncm91cD17Z3JvdXB9IC8+XG4gICAgICAgICAgICA8RGF0YUxpc3RNb2RlbHMgbW9kZWxzPXttb2RlbHN9IC8+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Group = ({

package/admin/views/contentModels/importing/components/DataListGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DataListModels","Container","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","GroupName","Group","group","createElement","id","DataListGroup","models"],"sources":["DataListGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModels } from \"./Model\";\nimport type { ImportGroupData, ImportModelData } from \"../types\";\n\nconst Container = styled(\"div\")({\n    marginTop: \"10px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px dashed var(--mdc-theme-on-background)\",\n    padding: \"10px\",\n    borderBox: \"box-sizing\"\n});\n\nconst GroupName = styled(\"h3\")({\n    fontSize: \"16px\"\n});\n\ninterface GroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n}\n\nconst Group = ({ group }: GroupProps) => {\n    return <GroupName>{group.name || group.id}</GroupName>;\n};\n\ninterface DataListGroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n    models: ImportModelData[];\n}\n\nexport const DataListGroup = ({ group, models }: DataListGroupProps) => {\n    return (\n        <Container>\n            <Group group={group} />\n            <DataListModels models={models} />\n        </Container>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAGvB,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAM9B,CAAC;AAEF,MAAMC,SAAS,gBAAGX,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAE7B,CAAC;AAMF,MAAME,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOhB,KAAA,CAAAiB,aAAA,CAACH,SAAS,QAAEE,KAAK,CAACP,IAAI,IAAIO,KAAK,CAACE,EAAc,CAAC;AAC1D,CAAC;AAOD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEH,KAAK;EAAEI;AAA2B,CAAC,KAAK;EACpE,oBACIpB,KAAA,CAAAiB,aAAA,CAACf,SAAS,qBACNF,KAAA,CAAAiB,aAAA,CAACF,KAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,eACvBhB,KAAA,CAAAiB,aAAA,CAAChB,cAAc;IAACmB,MAAM,EAAEA;EAAO,CAAE,CAC1B,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DataListModels","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","GroupName","Group","group","createElement","id","DataListGroup","models"],"sources":["DataListGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModels } from \"./Model/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"../types.js\";\n\nconst Container = styled(\"div\")({\n    marginTop: \"10px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px dashed var(--mdc-theme-on-background)\",\n    padding: \"10px\",\n    borderBox: \"box-sizing\"\n});\n\nconst GroupName = styled(\"h3\")({\n    fontSize: \"16px\"\n});\n\ninterface GroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n}\n\nconst Group = ({ group }: GroupProps) => {\n    return <GroupName>{group.name || group.id}</GroupName>;\n};\n\ninterface DataListGroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n    models: ImportModelData[];\n}\n\nexport const DataListGroup = ({ group, models }: DataListGroupProps) => {\n    return (\n        <Container>\n            <Group group={group} />\n            <DataListModels models={models} />\n        </Container>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAGvB,MAAMC,SAAS,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAM9B,CAAC;AAEF,MAAMC,SAAS,gBAAGV,OAAA,CAAO,IAAI,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAE7B,CAAC;AAMF,MAAME,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOf,KAAA,CAAAgB,aAAA,CAACH,SAAS,QAAEE,KAAK,CAACN,IAAI,IAAIM,KAAK,CAACE,EAAc,CAAC;AAC1D,CAAC;AAOD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEH,KAAK;EAAEI;AAA2B,CAAC,KAAK;EACpE,oBACInB,KAAA,CAAAgB,aAAA,CAACd,SAAS,qBACNF,KAAA,CAAAgB,aAAA,CAACF,KAAK;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC,eACvBf,KAAA,CAAAgB,aAAA,CAACf,cAAc;IAACkB,MAAM,EAAEA;EAAO,CAAE,CAC1B,CAAC;AAEpB,CAAC","ignoreList":[]}

package/admin/views/contentModels/importing/components/Errors.js

@@ -27,8 +27,7 @@ const DisplayError = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
   styles: "color:var(--mdc-theme-error);width:90%;margin:5px auto 0 auto;text-align:right"
 } : {
   name: "us3rfc",
-  styles: "color:var(--mdc-theme-error);width:90%;margin:5px auto 0 auto;text-align:right",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9ycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJxQiIsImZpbGUiOiJFcnJvcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGaWxlRXJyb3IgfSBmcm9tIFwicmVhY3QtYnV0dGVyZmlsZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgZ2V0RXJyb3IgPSAoZXJyb3I6IEZpbGVFcnJvcik6IHN0cmluZyA9PiB7XG4gICAgc3dpdGNoIChlcnJvci50eXBlKSB7XG4gICAgICAgIGNhc2UgXCJ1bnN1cHBvcnRlZEZpbGVUeXBlXCI6XG4gICAgICAgICAgICByZXR1cm4gYFVuc3VwcG9ydGVkIGZpbGUgdHlwZSBcIiR7ZXJyb3IuZmlsZT8udHlwZSB8fCBcInVua25vd25cIn1cIi5gO1xuICAgICAgICBjYXNlIFwibWF4U2l6ZUV4Y2VlZGVkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJPbmUgb3IgbW9yZSBmaWxlIHNpemVzIGFyZSBncmVhdGVyIHRoYW4gbWF4U2l6ZSB2YWx1ZS5cIjtcbiAgICAgICAgY2FzZSBcIm11bHRpcGxlTWF4Q291bnRFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgbW9yZSBmaWxlcyB0aGFuIGFsbG93ZWQuXCI7XG4gICAgICAgIGNhc2UgXCJtdWx0aXBsZU1heFNpemVFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgb25lIG9yIG1vcmUgZmlsZXMgd2l0aCB0aGVpciB0b3RhbCBzaXplIGdyZWF0ZXIgdGhhbiBhbGxvd2VkLlwiO1xuICAgICAgICBjYXNlIFwibXVsdGlwbGVOb3RBbGxvd2VkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJDYW5ub3QgdXBsb2FkIG1vcmUgdGhhbiBvbmUgZmlsZSBhdCBvbmNlLlwiO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgcmV0dXJuIGBVbmtub3duIGVycm9yOiAke2Vycm9yLnR5cGV9YDtcbiAgICB9XG59O1xuXG5jb25zdCBEaXNwbGF5RXJyb3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1lcnJvcilcIixcbiAgICB3aWR0aDogXCI5MCVcIixcbiAgICBtYXJnaW46IFwiNXB4IGF1dG8gMCBhdXRvXCIsXG4gICAgdGV4dEFsaWduOiBcInJpZ2h0XCJcbn0pO1xuXG5pbnRlcmZhY2UgRXJyb3JzUHJvcHMge1xuICAgIGVycm9ycz86IHN0cmluZ1tdIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEVycm9ycyA9ICh7IGVycm9ycyB9OiBFcnJvcnNQcm9wcykgPT4ge1xuICAgIGlmICghZXJyb3JzPy5sZW5ndGgpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICB7ZXJyb3JzLm1hcCgoZXJyb3IsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIDxEaXNwbGF5RXJyb3Iga2V5PXtgZXJyb3ItJHtpbmRleH1gfT57ZXJyb3J9PC9EaXNwbGF5RXJyb3I+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIl19 */",
+  styles: "color:var(--mdc-theme-error);width:90%;margin:5px auto 0 auto;text-align:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9ycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJxQiIsImZpbGUiOiJFcnJvcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGaWxlRXJyb3IgfSBmcm9tIFwicmVhY3QtYnV0dGVyZmlsZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgZ2V0RXJyb3IgPSAoZXJyb3I6IEZpbGVFcnJvcik6IHN0cmluZyA9PiB7XG4gICAgc3dpdGNoIChlcnJvci50eXBlKSB7XG4gICAgICAgIGNhc2UgXCJ1bnN1cHBvcnRlZEZpbGVUeXBlXCI6XG4gICAgICAgICAgICByZXR1cm4gYFVuc3VwcG9ydGVkIGZpbGUgdHlwZSBcIiR7ZXJyb3IuZmlsZT8udHlwZSB8fCBcInVua25vd25cIn1cIi5gO1xuICAgICAgICBjYXNlIFwibWF4U2l6ZUV4Y2VlZGVkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJPbmUgb3IgbW9yZSBmaWxlIHNpemVzIGFyZSBncmVhdGVyIHRoYW4gbWF4U2l6ZSB2YWx1ZS5cIjtcbiAgICAgICAgY2FzZSBcIm11bHRpcGxlTWF4Q291bnRFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgbW9yZSBmaWxlcyB0aGFuIGFsbG93ZWQuXCI7XG4gICAgICAgIGNhc2UgXCJtdWx0aXBsZU1heFNpemVFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgb25lIG9yIG1vcmUgZmlsZXMgd2l0aCB0aGVpciB0b3RhbCBzaXplIGdyZWF0ZXIgdGhhbiBhbGxvd2VkLlwiO1xuICAgICAgICBjYXNlIFwibXVsdGlwbGVOb3RBbGxvd2VkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJDYW5ub3QgdXBsb2FkIG1vcmUgdGhhbiBvbmUgZmlsZSBhdCBvbmNlLlwiO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgcmV0dXJuIGBVbmtub3duIGVycm9yOiAke2Vycm9yLnR5cGV9YDtcbiAgICB9XG59O1xuXG5jb25zdCBEaXNwbGF5RXJyb3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1lcnJvcilcIixcbiAgICB3aWR0aDogXCI5MCVcIixcbiAgICBtYXJnaW46IFwiNXB4IGF1dG8gMCBhdXRvXCIsXG4gICAgdGV4dEFsaWduOiBcInJpZ2h0XCJcbn0pO1xuXG5pbnRlcmZhY2UgRXJyb3JzUHJvcHMge1xuICAgIGVycm9ycz86IHN0cmluZ1tdIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEVycm9ycyA9ICh7IGVycm9ycyB9OiBFcnJvcnNQcm9wcykgPT4ge1xuICAgIGlmICghZXJyb3JzPy5sZW5ndGgpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICB7ZXJyb3JzLm1hcCgoZXJyb3IsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIDxEaXNwbGF5RXJyb3Iga2V5PXtgZXJyb3ItJHtpbmRleH1gfT57ZXJyb3J9PC9EaXNwbGF5RXJyb3I+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Errors = ({

package/admin/views/contentModels/importing/components/Errors.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getError","error","type","file","DisplayError","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Errors","errors","length","createElement","Fragment","index","key"],"sources":["Errors.tsx"],"sourcesContent":["import type { FileError } from \"react-butterfiles\";\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nexport const getError = (error: FileError): string => {\n    switch (error.type) {\n        case \"unsupportedFileType\":\n            return `Unsupported file type \"${error.file?.type || \"unknown\"}\".`;\n        case \"maxSizeExceeded\":\n            return \"One or more file sizes are greater than maxSize value.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Selected more files than allowed.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Selected one or more files with their total size greater than allowed.\";\n        case \"multipleNotAllowed\":\n            return \"Cannot upload more than one file at once.\";\n        default:\n            return `Unknown error: ${error.type}`;\n    }\n};\n\nconst DisplayError = styled(\"div\")({\n    color: \"var(--mdc-theme-error)\",\n    width: \"90%\",\n    margin: \"5px auto 0 auto\",\n    textAlign: \"right\"\n});\n\ninterface ErrorsProps {\n    errors?: string[] | null;\n}\n\nexport const Errors = ({ errors }: ErrorsProps) => {\n    if (!errors?.length) {\n        return null;\n    }\n    return (\n        <>\n            {errors.map((error, index) => {\n                return <DisplayError key={`error-${index}`}>{error}</DisplayError>;\n            })}\n        </>\n    );\n};\n"],"mappings":";;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,QAAQ,GAAIC,KAAgB,IAAa;EAClD,QAAQA,KAAK,CAACC,IAAI;IACd,KAAK,qBAAqB;MACtB,OAAO,0BAA0BD,KAAK,CAACE,IAAI,EAAED,IAAI,IAAI,SAAS,IAAI;IACtE,KAAK,iBAAiB;MAClB,OAAO,wDAAwD;IACnE,KAAK,0BAA0B;MAC3B,OAAO,mCAAmC;IAC9C,KAAK,yBAAyB;MAC1B,OAAO,wEAAwE;IACnF,KAAK,oBAAoB;MACrB,OAAO,2CAA2C;IACtD;MACI,OAAO,kBAAkBD,KAAK,CAACC,IAAI,EAAE;EAC7C;AACJ,CAAC;AAED,MAAME,YAAY,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAKjC,CAAC;AAMF,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAoB,CAAC,KAAK;EAC/C,IAAI,CAACA,MAAM,EAAEC,MAAM,EAAE;IACjB,OAAO,IAAI;EACf;EACA,oBACInB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QACKH,MAAM,CAACJ,GAAG,CAAC,CAACZ,KAAK,EAAEoB,KAAK,KAAK;IAC1B,oBAAOtB,KAAA,CAAAoB,aAAA,CAACf,YAAY;MAACkB,GAAG,EAAE,SAASD,KAAK;IAAG,GAAEpB,KAAoB,CAAC;EACtE,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","getError","error","type","file","DisplayError","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Errors","errors","length","createElement","Fragment","map","index","key"],"sources":["Errors.tsx"],"sourcesContent":["import type { FileError } from \"react-butterfiles\";\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nexport const getError = (error: FileError): string => {\n    switch (error.type) {\n        case \"unsupportedFileType\":\n            return `Unsupported file type \"${error.file?.type || \"unknown\"}\".`;\n        case \"maxSizeExceeded\":\n            return \"One or more file sizes are greater than maxSize value.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Selected more files than allowed.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Selected one or more files with their total size greater than allowed.\";\n        case \"multipleNotAllowed\":\n            return \"Cannot upload more than one file at once.\";\n        default:\n            return `Unknown error: ${error.type}`;\n    }\n};\n\nconst DisplayError = styled(\"div\")({\n    color: \"var(--mdc-theme-error)\",\n    width: \"90%\",\n    margin: \"5px auto 0 auto\",\n    textAlign: \"right\"\n});\n\ninterface ErrorsProps {\n    errors?: string[] | null;\n}\n\nexport const Errors = ({ errors }: ErrorsProps) => {\n    if (!errors?.length) {\n        return null;\n    }\n    return (\n        <>\n            {errors.map((error, index) => {\n                return <DisplayError key={`error-${index}`}>{error}</DisplayError>;\n            })}\n        </>\n    );\n};\n"],"mappings":";;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,QAAQ,GAAIC,KAAgB,IAAa;EAClD,QAAQA,KAAK,CAACC,IAAI;IACd,KAAK,qBAAqB;MACtB,OAAO,0BAA0BD,KAAK,CAACE,IAAI,EAAED,IAAI,IAAI,SAAS,IAAI;IACtE,KAAK,iBAAiB;MAClB,OAAO,wDAAwD;IACnE,KAAK,0BAA0B;MAC3B,OAAO,mCAAmC;IAC9C,KAAK,yBAAyB;MAC1B,OAAO,wEAAwE;IACnF,KAAK,oBAAoB;MACrB,OAAO,2CAA2C;IACtD;MACI,OAAO,kBAAkBD,KAAK,CAACC,IAAI,EAAE;EAC7C;AACJ,CAAC;AAED,MAAME,YAAY,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAKjC,CAAC;AAMF,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAAoB,CAAC,KAAK;EAC/C,IAAI,CAACA,MAAM,EAAEC,MAAM,EAAE;IACjB,OAAO,IAAI;EACf;EACA,oBACIlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,QACKH,MAAM,CAACI,GAAG,CAAC,CAACnB,KAAK,EAAEoB,KAAK,KAAK;IAC1B,oBAAOtB,KAAA,CAAAmB,aAAA,CAACd,YAAY;MAACkB,GAAG,EAAE,SAASD,KAAK;IAAG,GAAEpB,KAAoB,CAAC;EACtE,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/views/contentModels/importing/components/FileUpload.js

@@ -1,37 +1,8 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from "react";
 import Files from "react-butterfiles";
-import { getError } from "./Errors";
-import { useImport } from "../useImport";
-const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e6mvn2n1"
-} : {
-  target: "e6mvn2n1",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1l8d2vh",
-  styles: "width:100%;margin:0 auto;background-color:var(--mdc-theme-background);border:1px dashed var(--mdc-theme-on-background);cursor:pointer"
-} : {
-  name: "1l8d2vh",
-  styles: "width:100%;margin:0 auto;background-color:var(--mdc-theme-background);border:1px dashed var(--mdc-theme-on-background);cursor:pointer",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1rQiIsImZpbGUiOiJGaWxlVXBsb2FkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEZpbGVzIGZyb20gXCJyZWFjdC1idXR0ZXJmaWxlc1wiO1xuaW1wb3J0IHsgZ2V0RXJyb3IgfSBmcm9tIFwiLi9FcnJvcnNcIjtcbmltcG9ydCB7IHVzZUltcG9ydCB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRNb2RlbHMvaW1wb3J0aW5nL3VzZUltcG9ydFwiO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW46IFwiMCBhdXRvXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlcjogXCIxcHggZGFzaGVkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCJcbn0pO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkKFwicFwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IFwiMTVweCAwXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBGaWxlVXBsb2FkID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgb25GaWxlLCBvbkZpbGVFcnJvciwgZmlsZSB9ID0gdXNlSW1wb3J0KCk7XG4gICAgY29uc3QgZmlsZU5hbWUgPSBmaWxlPy5uYW1lO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpbGVzXG4gICAgICAgICAgICBhY2NlcHQ9e1tcImFwcGxpY2F0aW9uL2pzb25cIl19XG4gICAgICAgICAgICBtYXhTaXplPXtcIjVtYlwifVxuICAgICAgICAgICAgb25TdWNjZXNzPXtmaWxlcyA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgZmlsZSA9IGZpbGVzLmZpbmQoZiA9PiBmLnNyYy5maWxlKTtcbiAgICAgICAgICAgICAgICBjb25zdCB1cGxvYWRlZEZpbGUgPSBmaWxlPy5zcmM/LmZpbGU7XG4gICAgICAgICAgICAgICAgaWYgKCF1cGxvYWRlZEZpbGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb25GaWxlRXJyb3IoXG4gICAgICAgICAgICAgICAgICAgICAgICBcIkZpbGUgaXMgbm90IHZhbGlkLiBQbGVhc2UgbWFrZSBzdXJlIHlvdSBhcmUgdXBsb2FkaW5nIGEgdmFsaWQgSlNPTiBmaWxlLlwiXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWxlKHVwbG9hZGVkRmlsZSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25FcnJvcj17ZXJyID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBlcnJvcnMgPSBlcnIubWFwKGVyID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGdldEVycm9yKGVyKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICBpZiAoZXJyb3JzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsZUVycm9yKGVycm9yc1swXSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgbXVsdGlwbGU9e2ZhbHNlfVxuICAgICAgICA+XG4gICAgICAgICAgICB7KHsgYnJvd3NlRmlsZXMsIGdldERyb3Bab25lUHJvcHMgfSkgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29udGFpbmVyIG9uQ2xpY2s9eygpID0+IGJyb3dzZUZpbGVzKCl9IHsuLi5nZXREcm9wWm9uZVByb3BzKCl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0PntmaWxlTmFtZSB8fCBcIkRyb3AgYSBmaWxlIGhlcmUsIG9yIGNsaWNrIHRvIHNlbGVjdCBvbmUuXCJ9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0ZpbGVzPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Text = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
-  target: "e6mvn2n0"
-} : {
-  target: "e6mvn2n0",
-  label: "Text"
-})(process.env.NODE_ENV === "production" ? {
-  name: "gnsruz",
-  styles: "width:100%;padding:15px 0;text-align:center;display:block"
-} : {
-  name: "gnsruz",
-  styles: "width:100%;padding:15px 0;text-align:center;display:block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNhIiwiZmlsZSI6IkZpbGVVcGxvYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgRmlsZXMgZnJvbSBcInJlYWN0LWJ1dHRlcmZpbGVzXCI7XG5pbXBvcnQgeyBnZXRFcnJvciB9IGZyb20gXCIuL0Vycm9yc1wiO1xuaW1wb3J0IHsgdXNlSW1wb3J0IH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudE1vZGVscy9pbXBvcnRpbmcvdXNlSW1wb3J0XCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpbjogXCIwIGF1dG9cIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBkYXNoZWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIlxufSk7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQoXCJwXCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogXCIxNXB4IDBcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgZGlzcGxheTogXCJibG9ja1wiXG59KTtcblxuZXhwb3J0IGNvbnN0IEZpbGVVcGxvYWQgPSAoKSA9PiB7XG4gICAgY29uc3QgeyBvbkZpbGUsIG9uRmlsZUVycm9yLCBmaWxlIH0gPSB1c2VJbXBvcnQoKTtcbiAgICBjb25zdCBmaWxlTmFtZSA9IGZpbGU/Lm5hbWU7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RmlsZXNcbiAgICAgICAgICAgIGFjY2VwdD17W1wiYXBwbGljYXRpb24vanNvblwiXX1cbiAgICAgICAgICAgIG1heFNpemU9e1wiNW1iXCJ9XG4gICAgICAgICAgICBvblN1Y2Nlc3M9e2ZpbGVzID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gZmlsZXMuZmluZChmID0+IGYuc3JjLmZpbGUpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHVwbG9hZGVkRmlsZSA9IGZpbGU/LnNyYz8uZmlsZTtcbiAgICAgICAgICAgICAgICBpZiAoIXVwbG9hZGVkRmlsZSkge1xuICAgICAgICAgICAgICAgICAgICBvbkZpbGVFcnJvcihcbiAgICAgICAgICAgICAgICAgICAgICAgIFwiRmlsZSBpcyBub3QgdmFsaWQuIFBsZWFzZSBtYWtlIHN1cmUgeW91IGFyZSB1cGxvYWRpbmcgYSB2YWxpZCBKU09OIGZpbGUuXCJcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBvbkZpbGUodXBsb2FkZWRGaWxlKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkVycm9yPXtlcnIgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGVycm9ycyA9IGVyci5tYXAoZXIgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gZ2V0RXJyb3IoZXIpO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgIGlmIChlcnJvcnMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWxlRXJyb3IoZXJyb3JzWzBdKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgID5cbiAgICAgICAgICAgIHsoeyBicm93c2VGaWxlcywgZ2V0RHJvcFpvbmVQcm9wcyB9KSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxDb250YWluZXIgb25DbGljaz17KCkgPT4gYnJvd3NlRmlsZXMoKX0gey4uLmdldERyb3Bab25lUHJvcHMoKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHQ+e2ZpbGVOYW1lIHx8IFwiRHJvcCBhIGZpbGUgaGVyZSwgb3IgY2xpY2sgdG8gc2VsZWN0IG9uZS5cIn08L1RleHQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgIDwvRmlsZXM+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { Text } from "@webiny/admin-ui";
+import { getError } from "./Errors.js";
+import { useImport } from "../useImport.js";
 export const FileUpload = () => {
   const {
     onFile,
@@ -65,7 +36,8 @@ export const FileUpload = () => {
     browseFiles,
     getDropZoneProps
   }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, Object.assign({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({
+      className: "w-full mx-auto my-0 border-sm border-dashed cursor-pointer border-neutral-muted bg-neutral-base text-center p-md ",
       onClick: () => browseFiles()
     }, getDropZoneProps()), /*#__PURE__*/React.createElement(Text, null, fileName || "Drop a file here, or click to select one.")));
   });