@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/presentation/importContentModels/ImportContentModelsPresenter.d.ts

@@ -0,0 +1,35 @@
+import type { ImportModelData } from "./types.js";
+import { ValidateImportUseCase } from "../../features/model/importModels/abstractions.js";
+import { ImportModelsUseCase } from "../../features/model/importModels/abstractions.js";
+import { type IImportContentModelsPresenter, type IImportContentModelsPresenterViewModel } from "./abstractions.js";
+declare class ImportContentModelsPresenterImpl implements IImportContentModelsPresenter {
+    private validateUseCase;
+    private importUseCase;
+    private data;
+    private loading;
+    private groups;
+    private models;
+    private file;
+    private errors;
+    private validated;
+    private selected;
+    constructor(validateUseCase: ValidateImportUseCase.Interface, importUseCase: ImportModelsUseCase.Interface);
+    get vm(): IImportContentModelsPresenterViewModel;
+    hasSelected(): boolean;
+    isModelSelected(item: Pick<ImportModelData, "id">): boolean;
+    isModelRelated({ id: target }: Pick<ImportModelData, "id">): boolean;
+    onFile(file: File): void;
+    onFileError(error: string): void;
+    toggleModel(item: Pick<ImportModelData, "id" | "name" | "related">): void;
+    handleModelsValidation(): Promise<void>;
+    handleModelsImport(): Promise<void>;
+    reset(): void;
+    private addModel;
+    private removeModel;
+    private getDataToImport;
+    private parseFileContent;
+}
+export declare const ImportContentModelsPresenter: typeof ImportContentModelsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IImportContentModelsPresenter>;
+};
+export {};

package/presentation/importContentModels/ImportContentModelsPresenter.js

@@ -0,0 +1,265 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { ImportAction } from "./types.js";
+import { ImportModelsUseCase, ValidateImportUseCase } from "../../features/model/importModels/abstractions.js";
+import { ImportContentModelsPresenter } from "./abstractions.js";
+const createSelected = (params)=>{
+    const { previous, models, item } = params;
+    let selected = new Map(previous);
+    selected.set(item.id, item.related);
+    for (const id of item.related){
+        const model = models.find((model)=>model.id === id);
+        if (!model) continue;
+        if (selected.has(model.id) || model.imported) continue;
+        const related = createSelected({
+            previous: selected,
+            models,
+            item: model
+        });
+        selected = new Map([
+            ...selected,
+            ...related
+        ]);
+    }
+    return selected;
+};
+class ImportContentModelsPresenterImpl {
+    constructor(validateUseCase, importUseCase){
+        this.validateUseCase = validateUseCase;
+        this.importUseCase = importUseCase;
+        this.data = null;
+        this.loading = false;
+        this.groups = [];
+        this.models = [];
+        this.file = null;
+        this.errors = [];
+        this.validated = false;
+        this.selected = new Map();
+        makeAutoObservable(this, {
+            validateUseCase: false,
+            importUseCase: false
+        });
+    }
+    get vm() {
+        return {
+            data: this.data,
+            loading: this.loading,
+            groups: this.groups,
+            models: this.models,
+            file: this.file,
+            errors: this.errors,
+            validated: this.validated
+        };
+    }
+    hasSelected() {
+        return this.selected.size > 0;
+    }
+    isModelSelected(item) {
+        return this.selected.has(item.id);
+    }
+    isModelRelated({ id: target }) {
+        for (const id of this.selected.keys()){
+            if (id === target) continue;
+            const related = this.selected.get(id);
+            if (related && related.includes(target)) return true;
+        }
+        return false;
+    }
+    onFile(file) {
+        const reader = new FileReader();
+        reader.addEventListener("load", (event)=>{
+            try {
+                const data = this.parseFileContent(event.target?.result);
+                runInAction(()=>{
+                    this.models = [];
+                    this.groups = [];
+                    this.selected = new Map();
+                    this.errors = [];
+                    this.validated = false;
+                    this.file = file;
+                    this.data = data;
+                });
+            } catch (ex) {
+                runInAction(()=>{
+                    this.file = file;
+                    this.selected = new Map();
+                    this.validated = false;
+                    this.groups = [];
+                    this.models = [];
+                    this.data = null;
+                    this.errors = [
+                        ex.message
+                    ];
+                });
+            }
+        });
+        reader.readAsText(file);
+    }
+    onFileError(error) {
+        this.file = null;
+        this.errors = [
+            error
+        ];
+    }
+    toggleModel(item) {
+        if (this.isModelSelected(item)) this.removeModel(item);
+        else this.addModel(item);
+    }
+    async handleModelsValidation() {
+        if (!this.data) return;
+        this.loading = true;
+        try {
+            const data = await this.validateUseCase.execute(this.data);
+            runInAction(()=>{
+                this.loading = false;
+                this.groups = data.groups.map((group)=>({
+                        id: group.group.id,
+                        name: group.group.name,
+                        slug: group.group.slug,
+                        error: group.error,
+                        action: group.action
+                    }));
+                this.models = data.models.map((model)=>({
+                        id: model.model.modelId,
+                        name: model.model.name,
+                        group: model.model.group,
+                        related: model.related || [],
+                        error: model.error,
+                        action: model.action
+                    }));
+                this.validated = true;
+            });
+        } catch (ex) {
+            runInAction(()=>{
+                this.loading = false;
+                this.errors = [
+                    ex.message
+                ];
+            });
+        }
+    }
+    async handleModelsImport() {
+        if (!this.data || !this.groups.length || !this.models.length || !this.selected.size) return;
+        this.loading = true;
+        const dataToImport = this.getDataToImport();
+        try {
+            const data = await this.importUseCase.execute(dataToImport);
+            runInAction(()=>{
+                this.loading = false;
+                this.selected = new Map();
+                this.groups = this.groups.map((group)=>{
+                    const result = data.groups.find((item)=>item.group.id === group.id);
+                    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
+                    };
+                });
+                this.models = this.models.map((model)=>{
+                    const result = data.models.find((item)=>item.model.modelId === model.id);
+                    return {
+                        id: result?.model.modelId || model.id,
+                        name: result?.model.name || model.name,
+                        group: result?.model.group || model.group,
+                        related: result?.related || model.related || [],
+                        action: result?.action || model.action,
+                        error: result?.error || model.error,
+                        imported: result ? result.imported : model.imported
+                    };
+                });
+                this.validated = true;
+            });
+        } catch (ex) {
+            runInAction(()=>{
+                this.loading = false;
+                this.errors = [
+                    ex.message
+                ];
+            });
+        }
+    }
+    reset() {
+        this.data = null;
+        this.loading = false;
+        this.groups = [];
+        this.models = [];
+        this.file = null;
+        this.errors = [];
+        this.validated = false;
+        this.selected = new Map();
+    }
+    addModel(item) {
+        if (this.isModelSelected(item)) return;
+        this.selected = createSelected({
+            previous: this.selected,
+            models: this.models,
+            item
+        });
+    }
+    removeModel(item) {
+        if (this.isModelRelated(item)) return;
+        const selected = new Map(this.selected);
+        selected.delete(item.id);
+        this.selected = selected;
+    }
+    getDataToImport() {
+        const selected = Array.from(this.selected.keys());
+        const groups = new Map();
+        const models = new Map();
+        const noAction = [
+            ImportAction.CODE,
+            ImportAction.NONE
+        ];
+        for (const id of selected){
+            const validatedModel = this.models.find((model)=>model.id === id);
+            if (!validatedModel?.action || validatedModel.error || noAction.includes(validatedModel.action)) continue;
+            const validatedGroup = this.groups.find((group)=>group.slug === validatedModel.group);
+            if (!validatedGroup?.action || validatedGroup.error) continue;
+            const model = this.data?.models?.find((model)=>model.modelId === id);
+            if (!model) continue;
+            models.set(id, {
+                ...model,
+                layout: model.layout || [],
+                titleFieldId: model.titleFieldId || "id",
+                descriptionFieldId: model.descriptionFieldId || "",
+                imageFieldId: model.imageFieldId || "",
+                group: validatedModel.group
+            });
+            if (noAction.includes(validatedGroup.action)) continue;
+            const group = this.data?.groups?.find((group)=>group.slug === validatedModel.group);
+            if (group) groups.set(group.id, group);
+        }
+        return {
+            groups: Array.from(groups.values()),
+            models: Array.from(models.values())
+        };
+    }
+    parseFileContent(content) {
+        if (!content) throw new Error("Missing data in uploaded file.");
+        const raw = content instanceof ArrayBuffer ? Buffer.from(content).toString("utf8") : content;
+        let data = {};
+        try {
+            data = JSON.parse(raw);
+        } 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) {
+            if (0 === data.groups.length) throw new Error("No groups in the uploaded file. There must be at least one group.");
+        } else throw new Error("No groups and models in the uploaded file.");
+        return {
+            groups: data.groups,
+            models: data.models
+        };
+    }
+}
+const ImportContentModelsPresenter_ImportContentModelsPresenter = ImportContentModelsPresenter.createImplementation({
+    implementation: ImportContentModelsPresenterImpl,
+    dependencies: [
+        ValidateImportUseCase,
+        ImportModelsUseCase
+    ]
+});
+export { ImportContentModelsPresenter_ImportContentModelsPresenter as ImportContentModelsPresenter };
+
+//# sourceMappingURL=ImportContentModelsPresenter.js.map

package/presentation/importContentModels/ImportContentModelsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/ImportContentModelsPresenter.js","sources":["../../../src/presentation/importContentModels/ImportContentModelsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\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 type { ImportStructureVariablesGroup, ImportStructureVariablesModel } from \"./graphql.js\";\nimport { ValidateImportUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport { ImportModelsUseCase } from \"~/features/model/importModels/abstractions.js\";\nimport {\n    ImportContentModelsPresenter as Abstraction,\n    type IImportContentModelsPresenter,\n    type IImportContentModelsPresenterViewModel\n} from \"./abstractions.js\";\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\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\nclass ImportContentModelsPresenterImpl implements IImportContentModelsPresenter {\n    private data: Data | null = null;\n    private loading = false;\n    private groups: ImportGroupData[] = [];\n    private models: ImportModelData[] = [];\n    private file: File | null = null;\n    private errors: string[] = [];\n    private validated = false;\n    private selected: Selected = new Map();\n\n    constructor(\n        private validateUseCase: ValidateImportUseCase.Interface,\n        private importUseCase: ImportModelsUseCase.Interface\n    ) {\n        makeAutoObservable<ImportContentModelsPresenterImpl, \"validateUseCase\" | \"importUseCase\">(\n            this,\n            {\n                validateUseCase: false,\n                importUseCase: false\n            }\n        );\n    }\n\n    get vm(): IImportContentModelsPresenterViewModel {\n        return {\n            data: this.data,\n            loading: this.loading,\n            groups: this.groups,\n            models: this.models,\n            file: this.file,\n            errors: this.errors,\n            validated: this.validated\n        };\n    }\n\n    hasSelected(): boolean {\n        return this.selected.size > 0;\n    }\n\n    isModelSelected(item: Pick<ImportModelData, \"id\">): boolean {\n        return this.selected.has(item.id);\n    }\n\n    isModelRelated({ id: target }: Pick<ImportModelData, \"id\">): boolean {\n        for (const id of this.selected.keys()) {\n            if (id === target) {\n                continue;\n            }\n            const related = this.selected.get(id);\n            if (related && related.includes(target)) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    onFile(file: File): void {\n        const reader = new FileReader();\n        reader.addEventListener(\"load\", event => {\n            try {\n                const data = this.parseFileContent(event.target?.result);\n                runInAction(() => {\n                    this.models = [];\n                    this.groups = [];\n                    this.selected = new Map();\n                    this.errors = [];\n                    this.validated = false;\n                    this.file = file;\n                    this.data = data;\n                });\n            } catch (ex: any) {\n                runInAction(() => {\n                    this.file = file;\n                    this.selected = new Map();\n                    this.validated = false;\n                    this.groups = [];\n                    this.models = [];\n                    this.data = null;\n                    this.errors = [ex.message];\n                });\n            }\n        });\n        reader.readAsText(file);\n    }\n\n    onFileError(error: string): void {\n        this.file = null;\n        this.errors = [error];\n    }\n\n    toggleModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            this.removeModel(item);\n        } else {\n            this.addModel(item);\n        }\n    }\n\n    async handleModelsValidation(): Promise<void> {\n        if (!this.data) {\n            return;\n        }\n\n        this.loading = true;\n\n        try {\n            const data = await this.validateUseCase.execute(this.data as any);\n\n            runInAction(() => {\n                this.loading = false;\n                this.groups = data.groups.map(group => ({\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                this.models = data.models.map(model => ({\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                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    async handleModelsImport(): Promise<void> {\n        if (!this.data || !this.groups.length || !this.models.length || !this.selected.size) {\n            return;\n        }\n\n        this.loading = true;\n\n        const dataToImport = this.getDataToImport();\n\n        try {\n            const data = await this.importUseCase.execute(dataToImport);\n\n            runInAction(() => {\n                this.loading = false;\n                this.selected = new Map();\n                this.groups = this.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                this.models = this.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                this.validated = true;\n            });\n        } catch (ex: any) {\n            runInAction(() => {\n                this.loading = false;\n                this.errors = [ex.message];\n            });\n        }\n    }\n\n    reset(): void {\n        this.data = null;\n        this.loading = false;\n        this.groups = [];\n        this.models = [];\n        this.file = null;\n        this.errors = [];\n        this.validated = false;\n        this.selected = new Map();\n    }\n\n    private addModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelSelected(item)) {\n            return;\n        }\n        this.selected = createSelected({\n            previous: this.selected,\n            models: this.models,\n            item\n        });\n    }\n\n    private removeModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void {\n        if (this.isModelRelated(item)) {\n            return;\n        }\n        const selected = new Map(this.selected);\n        selected.delete(item.id);\n        this.selected = selected;\n    }\n\n    private getDataToImport(): DataToImportResult {\n        const selected = Array.from(this.selected.keys());\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 = this.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 = this.groups.find(group => group.slug === validatedModel.group);\n            if (!validatedGroup?.action || validatedGroup.error) {\n                continue;\n            }\n\n            const model = this.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 = this.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\n    private parseFileContent(content?: string | ArrayBuffer | null): Data {\n        if (!content) {\n            throw new Error(\"Missing data in uploaded file.\");\n        }\n        const raw =\n            content instanceof ArrayBuffer ? Buffer.from(content).toString(\"utf8\") : content;\n\n        let data: Record<string, any> = {};\n        try {\n            data = JSON.parse(raw);\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}\n\nexport const ImportContentModelsPresenter = Abstraction.createImplementation({\n    implementation: ImportContentModelsPresenterImpl,\n    dependencies: [ValidateImportUseCase, ImportModelsUseCase]\n});\n"],"names":["createSelected","params","previous","models","item","selected","Map","id","model","related","ImportContentModelsPresenterImpl","validateUseCase","importUseCase","makeAutoObservable","target","file","reader","FileReader","event","data","runInAction","ex","error","group","dataToImport","result","Array","groups","noAction","ImportAction","validatedModel","validatedGroup","content","Error","raw","ArrayBuffer","Buffer","JSON","ImportContentModelsPresenter","Abstraction","ValidateImportUseCase","ImportModelsUseCase"],"mappings":"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"}

package/presentation/importContentModels/abstractions.d.ts

@@ -0,0 +1,31 @@
+import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+import type { ImportGroupData, ImportModelData } from "./types.js";
+export interface IImportContentModelsPresenterViewModel {
+    data: {
+        groups: CmsGroup[];
+        models: CmsModel[];
+    } | null;
+    loading: boolean;
+    groups: ImportGroupData[];
+    models: ImportModelData[];
+    file: File | null;
+    errors: string[];
+    validated: boolean;
+}
+export interface IImportContentModelsPresenter {
+    readonly vm: IImportContentModelsPresenterViewModel;
+    hasSelected(): boolean;
+    isModelSelected(item: Pick<ImportModelData, "id">): boolean;
+    isModelRelated(item: Pick<ImportModelData, "id">): boolean;
+    onFile(file: File): void;
+    onFileError(error: string): void;
+    toggleModel(item: Pick<ImportModelData, "id" | "name" | "related">): void;
+    handleModelsValidation(): Promise<void>;
+    handleModelsImport(): Promise<void>;
+    reset(): void;
+}
+export declare const ImportContentModelsPresenter: import("@webiny/di").Abstraction<IImportContentModelsPresenter>;
+export declare namespace ImportContentModelsPresenter {
+    type Interface = IImportContentModelsPresenter;
+    type ViewModel = IImportContentModelsPresenterViewModel;
+}

package/presentation/importContentModels/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ImportContentModelsPresenter = createAbstraction("CmsImportContentModels/Presenter");
+export { ImportContentModelsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/importContentModels/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/abstractions.js","sources":["../../../src/presentation/importContentModels/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"./types.js\";\n\nexport interface IImportContentModelsPresenterViewModel {\n    data: { groups: CmsGroup[]; models: CmsModel[] } | null;\n    loading: boolean;\n    groups: ImportGroupData[];\n    models: ImportModelData[];\n    file: File | null;\n    errors: string[];\n    validated: boolean;\n}\n\nexport interface IImportContentModelsPresenter {\n    readonly vm: IImportContentModelsPresenterViewModel;\n    hasSelected(): boolean;\n    isModelSelected(item: Pick<ImportModelData, \"id\">): boolean;\n    isModelRelated(item: Pick<ImportModelData, \"id\">): boolean;\n    onFile(file: File): void;\n    onFileError(error: string): void;\n    toggleModel(item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n    handleModelsValidation(): Promise<void>;\n    handleModelsImport(): Promise<void>;\n    reset(): void;\n}\n\nexport const ImportContentModelsPresenter = createAbstraction<IImportContentModelsPresenter>(\n    \"CmsImportContentModels/Presenter\"\n);\n\nexport namespace ImportContentModelsPresenter {\n    export type Interface = IImportContentModelsPresenter;\n    export type ViewModel = IImportContentModelsPresenterViewModel;\n}\n"],"names":["ImportContentModelsPresenter","createAbstraction"],"mappings":";AA2BO,MAAMA,+BAA+BC,kBACxC"}

package/presentation/importContentModels/components/DataList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DataList: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/importContentModels/components/DataList.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { DataListGroup } from "./DataListGroup.js";
+import { observer } from "mobx-react-lite";
+import { useImportContentModelsPresenter } from "../useImportContentModelsPresenter.js";
+const getGroupModels = (group, models)=>{
+    if (!models) return [];
+    return models.filter((model)=>model.group === group.slug);
+};
+const DataList = observer(()=>{
+    const presenter = useImportContentModelsPresenter();
+    const { groups, models } = presenter.vm;
+    if (!groups) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, groups.map((group, index)=>/*#__PURE__*/ react.createElement(DataListGroup, {
+            key: `group-${index}`,
+            group: group,
+            models: getGroupModels(group, models)
+        })));
+});
+export { DataList };
+
+//# sourceMappingURL=DataList.js.map

package/presentation/importContentModels/components/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/DataList.js","sources":["../../../../src/presentation/importContentModels/components/DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport { DataListGroup } from \"./DataListGroup.js\";\nimport type { ImportGroupData, ImportModelData } from \"../types.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useImportContentModelsPresenter } from \"../useImportContentModelsPresenter.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 = observer(() => {\n    const presenter = useImportContentModelsPresenter();\n    const { groups, models } = presenter.vm;\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"],"names":["getGroupModels","group","models","model","DataList","observer","presenter","useImportContentModelsPresenter","groups","index","DataListGroup"],"mappings":";;;;AAMA,MAAMA,iBAAiB,CAACC,OAAwBC;IAC5C,IAAI,CAACA,QACD,OAAO,EAAE;IAEb,OAAOA,OAAO,MAAM,CAACC,CAAAA,QAASA,MAAM,KAAK,KAAKF,MAAM,IAAI;AAC5D;AAEO,MAAMG,WAAWC,SAAS;IAC7B,MAAMC,YAAYC;IAClB,MAAM,EAAEC,MAAM,EAAEN,MAAM,EAAE,GAAGI,UAAU,EAAE;IACvC,IAAI,CAACE,QACD,OAAO;IAGX,OAAO,WAAP,GACI,0CACKA,OAAO,GAAG,CAAC,CAACP,OAAOQ,QACT,WAAP,GACI,oBAACC,eAAaA;YACV,KAAK,CAAC,MAAM,EAAED,OAAO;YACrB,OAAOR;YACP,QAAQD,eAAeC,OAAOC;;AAMtD"}

package/presentation/importContentModels/components/DataListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/DataListGroup.js","sources":["../../../../src/presentation/importContentModels/components/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"],"names":["Container","styled","GroupName","Group","group","DataListGroup","models","DataListModels"],"mappings":";;;AAKA,MAAMA,YAAYC,OAAO,OAAO;IAC5B,WAAW;IACX,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;AACf;AAEA,MAAMC,YAAYD,OAAO,MAAM;IAC3B,UAAU;AACd;AAMA,MAAME,QAAQ,CAAC,EAAEC,KAAK,EAAc,GACzB,WAAP,GAAO,oBAACF,WAASA,MAAEE,MAAM,IAAI,IAAIA,MAAM,EAAE;AAQtC,MAAMC,gBAAgB,CAAC,EAAED,KAAK,EAAEE,MAAM,EAAsB,GACxD,WAAP,GACI,oBAACN,WAASA,MAAAA,WAAAA,GACN,oBAACG,OAAKA;QAAC,OAAOC;sBACd,oBAACG,gBAAcA;QAAC,QAAQD"}

package/presentation/importContentModels/components/Errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Errors.js","sources":["../../../../src/presentation/importContentModels/components/Errors.tsx"],"sourcesContent":["import type { FileError } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\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"],"names":["getError","error","DisplayError","styled","Errors","errors","index"],"mappings":";;AAIO,MAAMA,WAAW,CAACC;IACrB,OAAQA,MAAM,IAAI;QACd,KAAK;YACD,OAAO,CAAC,uBAAuB,EAAEA,MAAM,IAAI,EAAE,QAAQ,UAAU,EAAE,CAAC;QACtE,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO,CAAC,eAAe,EAAEA,MAAM,IAAI,EAAE;IAC7C;AACJ;AAEA,MAAMC,eAAeC,OAAO,OAAO;IAC/B,OAAO;IACP,OAAO;IACP,QAAQ;IACR,WAAW;AACf;AAMO,MAAMC,SAAS,CAAC,EAAEC,MAAM,EAAe;IAC1C,IAAI,CAACA,QAAQ,QACT,OAAO;IAEX,OAAO,WAAP,GACI,0CACKA,OAAO,GAAG,CAAC,CAACJ,OAAOK,QACT,WAAP,GAAO,oBAACJ,cAAYA;YAAC,KAAK,CAAC,MAAM,EAAEI,OAAO;WAAGL;AAI7D"}

package/presentation/importContentModels/components/FileUpload.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const FileUpload: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/importContentModels/components/FileUpload.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { BrowserFilePicker } from "@webiny/app-admin/presentation/browserFilePicker/index.js";
+import { Text } from "@webiny/admin-ui";
+import { getError } from "./Errors.js";
+import { observer } from "mobx-react-lite";
+import { useImportContentModelsPresenter } from "../useImportContentModelsPresenter.js";
+const FileUpload = observer(()=>{
+    const presenter = useImportContentModelsPresenter();
+    const onFile = (file)=>presenter.onFile(file);
+    const onFileError = (error)=>presenter.onFileError(error);
+    const fileName = presenter.vm.file?.name;
+    return /*#__PURE__*/ react.createElement(BrowserFilePicker, {
+        accept: [
+            "application/json"
+        ],
+        maxSize: "5mb",
+        onSuccess: (files)=>{
+            const file = files.find((f)=>f.src.file);
+            const uploadedFile = file?.src?.file;
+            if (!uploadedFile) return void onFileError("File is not valid. Please make sure you are uploading a valid JSON file.");
+            onFile(uploadedFile);
+        },
+        onError: (err)=>{
+            const errors = err.map((er)=>getError(er));
+            if (0 === errors.length) return;
+            onFileError(errors[0]);
+        },
+        multiple: false
+    }, ({ browseFiles, getDropZoneProps })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+            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."))));
+});
+export { FileUpload };
+
+//# sourceMappingURL=FileUpload.js.map

package/presentation/importContentModels/components/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/FileUpload.js","sources":["../../../../src/presentation/importContentModels/components/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport { BrowserFilePicker } from \"@webiny/app-admin/presentation/browserFilePicker/index.js\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { getError } from \"./Errors.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useImportContentModelsPresenter } from \"../useImportContentModelsPresenter.js\";\n\nexport const FileUpload = observer(() => {\n    const presenter = useImportContentModelsPresenter();\n    const onFile = (file: File) => presenter.onFile(file);\n    const onFileError = (error: string) => presenter.onFileError(error);\n    const fileName = presenter.vm.file?.name;\n\n    return (\n        <BrowserFilePicker\n            accept={[\"application/json\"]}\n            maxSize={\"5mb\"}\n            onSuccess={files => {\n                const file = files.find(f => f.src.file);\n                const uploadedFile = file?.src?.file;\n                if (!uploadedFile) {\n                    onFileError(\n                        \"File is not valid. Please make sure you are uploading a valid JSON file.\"\n                    );\n                    return;\n                }\n                onFile(uploadedFile);\n            }}\n            onError={err => {\n                const errors = err.map(er => {\n                    return getError(er);\n                });\n                if (errors.length === 0) {\n                    return;\n                }\n                onFileError(errors[0]);\n            }}\n            multiple={false}\n        >\n            {({ browseFiles, getDropZoneProps }) => {\n                return (\n                    <>\n                        <div\n                            className={\n                                \"w-full mx-auto my-0 border-sm border-dashed cursor-pointer border-neutral-muted bg-neutral-base text-center p-md \"\n                            }\n                            onClick={() => browseFiles()}\n                            {...getDropZoneProps()}\n                        >\n                            <Text>{fileName || \"Drop a file here, or click to select one.\"}</Text>\n                        </div>\n                    </>\n                );\n            }}\n        </BrowserFilePicker>\n    );\n});\n"],"names":["FileUpload","observer","presenter","useImportContentModelsPresenter","onFile","file","onFileError","error","fileName","BrowserFilePicker","files","f","uploadedFile","err","errors","er","getError","browseFiles","getDropZoneProps","Text"],"mappings":";;;;;;AAOO,MAAMA,aAAaC,SAAS;IAC/B,MAAMC,YAAYC;IAClB,MAAMC,SAAS,CAACC,OAAeH,UAAU,MAAM,CAACG;IAChD,MAAMC,cAAc,CAACC,QAAkBL,UAAU,WAAW,CAACK;IAC7D,MAAMC,WAAWN,UAAU,EAAE,CAAC,IAAI,EAAE;IAEpC,OAAO,WAAP,GACI,oBAACO,mBAAiBA;QACd,QAAQ;YAAC;SAAmB;QAC5B,SAAS;QACT,WAAWC,CAAAA;YACP,MAAML,OAAOK,MAAM,IAAI,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,IAAI;YACvC,MAAMC,eAAeP,MAAM,KAAK;YAChC,IAAI,CAACO,cAAc,YACfN,YACI;YAIRF,OAAOQ;QACX;QACA,SAASC,CAAAA;YACL,MAAMC,SAASD,IAAI,GAAG,CAACE,CAAAA,KACZC,SAASD;YAEpB,IAAID,AAAkB,MAAlBA,OAAO,MAAM,EACb;YAEJR,YAAYQ,MAAM,CAAC,EAAE;QACzB;QACA,UAAU;OAET,CAAC,EAAEG,WAAW,EAAEC,gBAAgB,EAAE,GACxB,WAAP,GACI,wDACI,oBAAC;YACG,WACI;YAEJ,SAAS,IAAMD;YACd,GAAGC,kBAAkB;yBAEtB,oBAACC,MAAIA,MAAEX,YAAY;AAO/C"}

package/presentation/importContentModels/components/ImportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/ImportButton.js","sources":["../../../../src/presentation/importContentModels/components/ImportButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/import-content-models-dialog\");\n\ninterface ImportButtonProps {\n    onClick: () => void;\n    validated: boolean;\n    disabled: boolean;\n}\n\nexport const ImportButton = ({ onClick, validated, disabled }: ImportButtonProps) => {\n    const text = validated ? t`Import` : t`Validate file`;\n    return (\n        <Button variant={\"primary\"} onClick={onClick} disabled={disabled}>\n            {text}\n        </Button>\n    );\n};\n"],"names":["t","i18n","ImportButton","onClick","validated","disabled","text","Button"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAQX,MAAMC,eAAe,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAqB;IAC5E,MAAMC,OAAOF,YAAYJ,CAAC,CAAC,MAAM,CAAC,GAAGA,CAAC,CAAC,aAAa,CAAC;IACrD,OAAO,WAAP,GACI,oBAACO,QAAMA;QAAC,SAAS;QAAW,SAASJ;QAAS,UAAUE;OACnDC;AAGb"}

package/presentation/importContentModels/components/Model/DataListInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListInstructions.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListInstructions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Instructions = styled(\"div\")({\n    fontSize: \"0.8rem\",\n    margin: \"10px 0\"\n});\n\nexport const DataListInstructions = () => {\n    return (\n        <Instructions>\n            <h4>Instructions</h4>\n            <p>\n                To learn how to use the import functionality, please visit{\" \"}\n                <a href=\"https://www.webiny.com/docs/user-guides/headless-cms/advanced/import-export-content-models\">\n                    this article\n                </a>\n                .\n            </p>\n        </Instructions>\n    );\n};\n"],"names":["Instructions","styled","DataListInstructions"],"mappings":";;AAGA,MAAMA,eAAeC,OAAO,OAAO;IAC/B,UAAU;IACV,QAAQ;AACZ;AAEO,MAAMC,uBAAuB,IACzB,WAAP,GACI,oBAACF,cAAYA,MAAAA,WAAAA,GACT,oBAAC,YAAG,+BACJ,oBAAC,WAAE,8DAC4D,mBAC3D,oBAAC;QAAE,MAAK;OAA6F,iBAEjG"}

package/presentation/importContentModels/components/Model/DataListModelItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { ImportModelData } from "../../types.js";
+type ToggleModelCb = (item: Pick<ImportModelData, "id" | "name" | "related">) => void;
+interface DataListModelItemProps {
+    model: ImportModelData;
+    toggle: ToggleModelCb;
+    selected: boolean;
+}
+export declare const DataListModelItem: ({ model, toggle, selected }: DataListModelItemProps) => React.JSX.Element;
+export {};

package/presentation/importContentModels/components/Model/DataListModelItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItem.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\nimport { DataListModelItemError } from \"./DataListModelItemError.js\";\nimport { DataListModelItemInfo } from \"./DataListModelItemInfo.js\";\n\ntype ToggleModelCb = (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">) => void;\n\nconst ContainerBase = styled(\"div\")(() => {\n    return {\n        width: \"100%\",\n        padding: \"0px 5px 15px 5px\",\n        margin: \"0\",\n        boxSizing: \"border-box\" as const,\n        \"&:last-child\": {\n            paddingBottom: \"2px\"\n        }\n    };\n});\nconst ContainerCreate = styled(ContainerBase)(() => {\n    return {\n        // backgroundColor: \"var(--mdc-theme-secondary)\"\n    };\n});\nconst ContainerImported = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerUpdate = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerError = styled(ContainerBase)(() => {\n    return {};\n});\n\nconst ModelContainer = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n});\nconst Name = styled(\"h4\")({\n    fontSize: \"12px\",\n    flex: \"1 0 auto\",\n    lineHeight: \"18px\"\n});\nconst CheckboxContainer = styled(\"div\")({\n    width: \"120px\",\n    textAlign: \"right\",\n    verticalAlign: \"middle\"\n});\n\nconst Button = styled(\"button\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    cursor: \"pointer\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.selected\": {\n        border: \"1px solid var(--mdc-theme-secondary)\"\n    }\n});\n\nconst ImportedText = styled(\"div\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Imported = () => {\n    return (\n        <CheckboxContainer>\n            <ImportedText>Imported.</ImportedText>\n        </CheckboxContainer>\n    );\n};\n\ninterface CheckboxProps {\n    model: Pick<ImportModelData, \"id\" | \"name\" | \"error\" | \"related\">;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nconst Checkbox = ({ model, toggle, selected }: CheckboxProps) => {\n    const onClick = useCallback(() => {\n        toggle(model);\n    }, [toggle]);\n    if (model.error) {\n        return null;\n    }\n    return (\n        <CheckboxContainer>\n            <Button onClick={onClick} className={selected ? \"selected\" : \"\"}>\n                {selected ? \"Model will be imported\" : \"Model will be skipped\"}\n            </Button>\n        </CheckboxContainer>\n    );\n};\n\ninterface ContainerProps {\n    model: Pick<ImportModelData, \"action\" | \"error\" | \"imported\">;\n    children: React.ReactNode;\n}\n\nconst Container = ({ model, children }: ContainerProps) => {\n    if (model.imported) {\n        return <ContainerImported>{children}</ContainerImported>;\n    } else if (model.action === \"create\") {\n        return <ContainerCreate>{children}</ContainerCreate>;\n    } else if (model.action === \"update\") {\n        return <ContainerUpdate>{children}</ContainerUpdate>;\n    } else if (model.error) {\n        return <ContainerError>{children}</ContainerError>;\n    }\n    return <ContainerBase>{children}</ContainerBase>;\n};\n\ninterface DataListModelItemProps {\n    model: ImportModelData;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nexport const DataListModelItem = ({ model, toggle, selected }: DataListModelItemProps) => {\n    return (\n        <Container model={model}>\n            <ModelContainer>\n                <div>\n                    <Name>{model.name || model.id}</Name>\n                    {model.error ? (\n                        <DataListModelItemError error={model.error} />\n                    ) : (\n                        <DataListModelItemInfo model={model} />\n                    )}\n                </div>\n                {model.imported ? (\n                    <Imported />\n                ) : (\n                    <Checkbox model={model} toggle={toggle} selected={selected} />\n                )}\n            </ModelContainer>\n        </Container>\n    );\n};\n"],"names":["ContainerBase","styled","ContainerCreate","ContainerImported","ContainerUpdate","ContainerError","ModelContainer","Name","CheckboxContainer","Button","ImportedText","Imported","Checkbox","model","toggle","selected","onClick","useCallback","Container","children","DataListModelItem","DataListModelItemError","DataListModelItemInfo"],"mappings":";;;;AAQA,MAAMA,gBAAgBC,OAAO,OAAO,IACzB;QACH,OAAO;QACP,SAAS;QACT,QAAQ;QACR,WAAW;QACX,gBAAgB;YACZ,eAAe;QACnB;IACJ;AAEJ,MAAMC,kBAAkBD,OAAOD,eAAe,IACnC,EAEP;AAEJ,MAAMG,oBAAoBF,OAAOD,eAAe,IACrC,EAAC;AAEZ,MAAMI,kBAAkBH,OAAOD,eAAe,IACnC,EAAC;AAEZ,MAAMK,iBAAiBJ,OAAOD,eAAe,IAClC,EAAC;AAGZ,MAAMM,iBAAiBL,OAAO,OAAO;IACjC,SAAS;IACT,OAAO;IACP,eAAe;IACf,YAAY;IACZ,gBAAgB;AACpB;AACA,MAAMM,OAAON,OAAO,MAAM;IACtB,UAAU;IACV,MAAM;IACN,YAAY;AAChB;AACA,MAAMO,oBAAoBP,OAAO,OAAO;IACpC,OAAO;IACP,WAAW;IACX,eAAe;AACnB;AAEA,MAAMQ,SAASR,OAAO,UAAU;IAC5B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,iBAAiB;IACjB,cAAc;QACV,QAAQ;IACZ;AACJ;AAEA,MAAMS,eAAeT,OAAO,OAAO;IAC/B,SAAS;IACT,WAAW;IACX,SAAS;IACT,QAAQ;IACR,UAAU;IACV,YAAY;IACZ,SAAS;IACT,iBAAiB;IACjB,OAAO;AACX;AAEA,MAAMU,WAAW,IACN,WAAP,GACI,oBAACH,mBAAiBA,MAAAA,WAAAA,GACd,oBAACE,cAAYA,MAAC;AAW1B,MAAME,WAAW,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAiB;IACxD,MAAMC,UAAUC,YAAY;QACxBH,OAAOD;IACX,GAAG;QAACC;KAAO;IACX,IAAID,MAAM,KAAK,EACX,OAAO;IAEX,OAAO,WAAP,GACI,oBAACL,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,QAAMA;QAAC,SAASO;QAAS,WAAWD,WAAW,aAAa;OACxDA,WAAW,2BAA2B;AAIvD;AAOA,MAAMG,YAAY,CAAC,EAAEL,KAAK,EAAEM,QAAQ,EAAkB;IAClD,IAAIN,MAAM,QAAQ,EACd,OAAO,WAAP,GAAO,oBAACV,mBAAiBA,MAAEgB;IACxB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACX,iBAAeA,MAAEiB;IACtB,IAAIN,AAAiB,aAAjBA,MAAM,MAAM,EACnB,OAAO,WAAP,GAAO,oBAACT,iBAAeA,MAAEe;IACtB,IAAIN,MAAM,KAAK,EAClB,OAAO,WAAP,GAAO,oBAACR,gBAAcA,MAAEc;IAE5B,OAAO,WAAP,GAAO,oBAACnB,eAAaA,MAAEmB;AAC3B;AAQO,MAAMC,oBAAoB,CAAC,EAAEP,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAA0B,GAC1E,WAAP,GACI,oBAACG,WAASA;QAAC,OAAOL;qBACd,oBAACP,gBAAcA,MAAAA,WAAAA,GACX,oBAAC,2BACG,oBAACC,MAAIA,MAAEM,MAAM,IAAI,IAAIA,MAAM,EAAE,GAC5BA,MAAM,KAAK,GAAG,WAAH,GACR,oBAACQ,wBAAsBA;QAAC,OAAOR,MAAM,KAAK;uBAE1C,oBAACS,uBAAqBA;QAAC,OAAOT;SAGrCA,MAAM,QAAQ,GAAG,WAAH,GACX,oBAACF,UAAQA,QAAAA,WAAAA,GAET,oBAACC,UAAQA;QAAC,OAAOC;QAAO,QAAQC;QAAQ,UAAUC"}

package/presentation/importContentModels/components/Model/DataListModelItemError.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsErrorResponse } from "../../../../types.js";
+interface DataListModelItemErrorProps {
+    error: CmsErrorResponse;
+}
+export declare const DataListModelItemError: ({ error }: DataListModelItemErrorProps) => React.JSX.Element;
+export {};

package/presentation/importContentModels/components/Model/DataListModelItemError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItemError.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItemError.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { CmsErrorResponse } from \"~/types.js\";\nimport type { InvalidField } from \"../../types.js\";\n\nconst Note = styled(\"div\")({\n    color: \"var(--mdc-theme-error)\",\n    fontSize: \"10px\"\n});\n\nconst MoreInformation = styled(\"a\")({\n    color: \"var(--mdc-theme-error)\",\n    fontSize: \"9px\",\n    cursor: \"pointer\",\n    margin: \"0 0 0 auto\"\n});\n\nconst Container = styled(\"div\")({\n    padding: \"0\",\n    margin: \"0\",\n    lineHeight: \"10px\"\n});\n\ninterface InvalidFieldsProps {\n    invalidFields: Record<string, InvalidField>;\n    expanded: boolean;\n}\n\nconst InvalidFields = ({ invalidFields, expanded }: InvalidFieldsProps) => {\n    if (!expanded) {\n        return null;\n    }\n    return (\n        <>\n            {Object.keys(invalidFields).map((key, index) => {\n                const invalidField = invalidFields[key];\n                return <div key={`invalid-field-${key}-${index}`}>{invalidField.message}</div>;\n            })}\n        </>\n    );\n};\n\ninterface DataListModelItemErrorProps {\n    error: CmsErrorResponse;\n}\n\nexport const DataListModelItemError = ({ error }: DataListModelItemErrorProps) => {\n    const [expanded, setExpanded] = useState(false);\n\n    const toggleContainer = useCallback(() => {\n        setExpanded(!expanded);\n    }, [expanded]);\n\n    const invalidFields = error.data?.invalidFields;\n    if (!invalidFields) {\n        if (error.message) {\n            return <Note>{error.message}</Note>;\n        }\n        return (\n            <Note>\n                Missing invalidFields information. Please check the network tab in your\n                browser&apos;s developer tools for more details.\n            </Note>\n        );\n    }\n\n    return (\n        <Container>\n            <MoreInformation onClick={toggleContainer}>\n                {expanded\n                    ? \"Collapse\"\n                    : \"Validation failed. Click to expand to see more information...\"}\n            </MoreInformation>\n            <InvalidFields invalidFields={invalidFields} expanded={expanded} />\n        </Container>\n    );\n};\n"],"names":["Note","styled","MoreInformation","Container","InvalidFields","invalidFields","expanded","Object","key","index","invalidField","DataListModelItemError","error","setExpanded","useState","toggleContainer","useCallback"],"mappings":";;AAKA,MAAMA,OAAOC,OAAO,OAAO;IACvB,OAAO;IACP,UAAU;AACd;AAEA,MAAMC,kBAAkBD,OAAO,KAAK;IAChC,OAAO;IACP,UAAU;IACV,QAAQ;IACR,QAAQ;AACZ;AAEA,MAAME,YAAYF,OAAO,OAAO;IAC5B,SAAS;IACT,QAAQ;IACR,YAAY;AAChB;AAOA,MAAMG,gBAAgB,CAAC,EAAEC,aAAa,EAAEC,QAAQ,EAAsB;IAClE,IAAI,CAACA,UACD,OAAO;IAEX,OAAO,WAAP,GACI,0CACKC,OAAO,IAAI,CAACF,eAAe,GAAG,CAAC,CAACG,KAAKC;QAClC,MAAMC,eAAeL,aAAa,CAACG,IAAI;QACvC,OAAO,WAAP,GAAO,oBAAC;YAAI,KAAK,CAAC,cAAc,EAAEA,IAAI,CAAC,EAAEC,OAAO;WAAGC,aAAa,OAAO;IAC3E;AAGZ;AAMO,MAAMC,yBAAyB,CAAC,EAAEC,KAAK,EAA+B;IACzE,MAAM,CAACN,UAAUO,YAAY,GAAGC,SAAS;IAEzC,MAAMC,kBAAkBC,YAAY;QAChCH,YAAY,CAACP;IACjB,GAAG;QAACA;KAAS;IAEb,MAAMD,gBAAgBO,MAAM,IAAI,EAAE;IAClC,IAAI,CAACP,eAAe;QAChB,IAAIO,MAAM,OAAO,EACb,OAAO,WAAP,GAAO,oBAACZ,MAAIA,MAAEY,MAAM,OAAO;QAE/B,OAAO,WAAP,GACI,oBAACZ,MAAIA,MAAC;IAKd;IAEA,OAAO,WAAP,GACI,oBAACG,WAASA,MAAAA,WAAAA,GACN,oBAACD,iBAAeA;QAAC,SAASa;OACrBT,WACK,aACA,gFAEV,oBAACF,eAAaA;QAAC,eAAeC;QAAe,UAAUC;;AAGnE"}

package/presentation/importContentModels/components/Model/DataListModelItemInfo.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ImportModelData } from "../../types.js";
+interface DataListModelItemInfoProps {
+    model: ImportModelData;
+}
+export declare const DataListModelItemInfo: ({ model }: DataListModelItemInfoProps) => React.JSX.Element;
+export {};

package/presentation/importContentModels/components/Model/DataListModelItemInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModelItemInfo.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModelItemInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"../../types.js\";\n\nconst Text = styled(\"p\")({\n    fontSize: \"9px\",\n    lineHeight: \"10px\",\n    display: \"block\",\n    padding: \"0\",\n    margin: \"0\"\n});\n\nconst getText = (action?: string | null) => {\n    if (action === \"create\") {\n        return `Model will be created.`;\n    } else if (action === \"update\") {\n        return `Model will be updated.`;\n    } else if (action === \"code\") {\n        return \"Model cannot be updated because it was created via code.\";\n    }\n    return `Unknown action: ${action}`;\n};\n\ninterface DataListModelItemInfoProps {\n    model: ImportModelData;\n}\n\nexport const DataListModelItemInfo = ({ model }: DataListModelItemInfoProps) => {\n    const { action } = model;\n\n    return <Text>{getText(action)}</Text>;\n};\n"],"names":["Text","styled","getText","action","DataListModelItemInfo","model"],"mappings":";;AAIA,MAAMA,OAAOC,OAAO,KAAK;IACrB,UAAU;IACV,YAAY;IACZ,SAAS;IACT,SAAS;IACT,QAAQ;AACZ;AAEA,MAAMC,UAAU,CAACC;IACb,IAAIA,AAAW,aAAXA,QACA,OAAO;IACJ,IAAIA,AAAW,aAAXA,QACP,OAAO;IACJ,IAAIA,AAAW,WAAXA,QACP,OAAO;IAEX,OAAO,CAAC,gBAAgB,EAAEA,QAAQ;AACtC;AAMO,MAAMC,wBAAwB,CAAC,EAAEC,KAAK,EAA8B;IACvE,MAAM,EAAEF,MAAM,EAAE,GAAGE;IAEnB,OAAO,WAAP,GAAO,oBAACL,MAAIA,MAAEE,QAAQC;AAC1B"}

package/presentation/importContentModels/components/Model/DataListModels.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ImportModelData } from "../../types.js";
+interface DataListModelsProps {
+    models: ImportModelData[];
+}
+export declare const DataListModels: (({ models }: DataListModelsProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/presentation/importContentModels/components/Model/DataListModels.js

@@ -0,0 +1,25 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { DataListModelItem } from "./DataListModelItem.js";
+import { observer } from "mobx-react-lite";
+import { useImportContentModelsPresenter } from "../../useImportContentModelsPresenter.js";
+const Container = styled("div")({
+    backgroundColor: "var(--mdc-theme-surface)",
+    border: "1px dashed var(--mdc-theme-on-surface)",
+    padding: "5px",
+    borderBox: "box-sizing"
+});
+const DataListModels = observer(({ models })=>{
+    const presenter = useImportContentModelsPresenter();
+    const toggleModel = (item)=>presenter.toggleModel(item);
+    const isModelSelected = (item)=>presenter.isModelSelected(item);
+    return /*#__PURE__*/ react.createElement(Container, null, models.map((model)=>/*#__PURE__*/ react.createElement(DataListModelItem, {
+            key: `model-${model.id}`,
+            model: model,
+            toggle: toggleModel,
+            selected: isModelSelected(model)
+        })));
+});
+export { DataListModels };
+
+//# sourceMappingURL=DataListModels.js.map

package/presentation/importContentModels/components/Model/DataListModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/importContentModels/components/Model/DataListModels.js","sources":["../../../../../src/presentation/importContentModels/components/Model/DataListModels.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ImportModelData } from \"../../types.js\";\nimport styled from \"@emotion/styled\";\nimport { DataListModelItem } from \"./DataListModelItem.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useImportContentModelsPresenter } from \"../../useImportContentModelsPresenter.js\";\n\nconst Container = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    border: \"1px dashed var(--mdc-theme-on-surface)\",\n    padding: \"5px\",\n    borderBox: \"box-sizing\"\n});\n\ninterface DataListModelsProps {\n    models: ImportModelData[];\n}\n\nexport const DataListModels = observer(({ models }: DataListModelsProps) => {\n    const presenter = useImportContentModelsPresenter();\n    const toggleModel = (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">) =>\n        presenter.toggleModel(item);\n    const isModelSelected = (item: Pick<ImportModelData, \"id\">) => presenter.isModelSelected(item);\n    return (\n        <Container>\n            {models.map(model => {\n                return (\n                    <DataListModelItem\n                        key={`model-${model.id}`}\n                        model={model}\n                        toggle={toggleModel}\n                        selected={isModelSelected(model)}\n                    />\n                );\n            })}\n        </Container>\n    );\n});\n"],"names":["Container","styled","DataListModels","observer","models","presenter","useImportContentModelsPresenter","toggleModel","item","isModelSelected","model","DataListModelItem"],"mappings":";;;;;AAOA,MAAMA,YAAYC,OAAO,OAAO;IAC5B,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;AACf;AAMO,MAAMC,iBAAiBC,SAAS,CAAC,EAAEC,MAAM,EAAuB;IACnE,MAAMC,YAAYC;IAClB,MAAMC,cAAc,CAACC,OACjBH,UAAU,WAAW,CAACG;IAC1B,MAAMC,kBAAkB,CAACD,OAAsCH,UAAU,eAAe,CAACG;IACzF,OAAO,WAAP,GACI,oBAACR,WAASA,MACLI,OAAO,GAAG,CAACM,CAAAA,QACD,WAAP,GACI,oBAACC,mBAAiBA;YACd,KAAK,CAAC,MAAM,EAAED,MAAM,EAAE,EAAE;YACxB,OAAOA;YACP,QAAQH;YACR,UAAUE,gBAAgBC;;AAMlD"}

package/presentation/importContentModels/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const ImportContentModelsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IImportContentModelsPresenter;
+}, []>;