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

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

@@ -1,57 +0,0 @@
-import React from "react";
-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[];
-}
-export interface OnFileCb {
-    (file: File): void;
-}
-export interface OnFileErrorCb {
-    (error: string): void;
-}
-export interface HandleModelsValidationCb {
-    (): Promise<void>;
-}
-export interface HandleModelsImportCb {
-    (): Promise<void>;
-}
-export interface IsModelSelectedCb {
-    (item: Pick<ImportModelData, "id">): boolean;
-}
-export interface IsModelRelatedCb {
-    (item: Pick<ImportModelData, "id">): boolean;
-}
-export interface AddModelCb {
-    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
-}
-export interface RemoveModelCb {
-    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
-}
-export interface ToggleModelCb {
-    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
-}
-export interface ImportContextProperties {
-    data: Data | null;
-    loading: boolean;
-    groups?: ImportGroupData[];
-    models?: ImportModelData[];
-    hasSelected: () => boolean;
-    file: File | null;
-    errors: string[];
-    validated: boolean;
-    onFile: OnFileCb;
-    onFileError: OnFileErrorCb;
-    handleModelsValidation: HandleModelsValidationCb;
-    handleModelsImport: HandleModelsImportCb;
-    toggleModel: ToggleModelCb;
-    isModelSelected: IsModelSelectedCb;
-    isModelRelated: IsModelRelatedCb;
-}
-export declare const ImportContext: React.Context<ImportContextProperties | undefined>;
-export interface ImportContextProviderProps {
-    children: (props: ImportContextProperties) => React.ReactNode;
-}
-export declare const ImportContextProvider: ({ children }: ImportContextProviderProps) => React.JSX.Element;
-export {};

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

@@ -1,360 +0,0 @@
-import react, { useCallback, useState } from "react";
-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  {
-        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 parseFileContent = (content)=>{
-    if (content) {
-        if (content instanceof ArrayBuffer) {
-            const data = Buffer.from(content).toString("utf8");
-            return parseFileData(data);
-        }
-    } else throw new Error("Missing data in uploaded file.");
-    return parseFileData(content);
-};
-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;
-};
-const getDataToImport = (state)=>{
-    const selected = Array.from(state.selected.keys());
-    const groups = new Map();
-    const models = new Map();
-    const noAction = [
-        ImportAction.CODE,
-        ImportAction.NONE
-    ];
-    for (const id of selected){
-        const validatedModel = state.models?.find((model)=>model.id === id);
-        if (!validatedModel?.action || validatedModel.error || noAction.includes(validatedModel.action)) continue;
-        const validatedGroup = state.groups?.find((group)=>group.slug === validatedModel.group);
-        if (!validatedGroup?.action || validatedGroup.error) continue;
-        const model = state.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 = state.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())
-    };
-};
-const ImportContext = /*#__PURE__*/ react.createContext(void 0);
-const ImportContextProvider = ({ children })=>{
-    const client = useApolloClient();
-    const { showSnackbar } = useSnackbar();
-    const [state, setState] = useState({
-        data: null,
-        file: null,
-        loading: false,
-        validated: false,
-        selected: new Map()
-    });
-    const hasSelected = useCallback(()=>Array.from(state.selected.keys()).length > 0, [
-        state.selected
-    ]);
-    const handleModelsValidation = useCallback(async ()=>{
-        if (!state.data) return void console.error("Cannot import models without any data.");
-        setState((prev)=>({
-                ...prev,
-                loading: true
-            }));
-        let result;
-        try {
-            result = await client.mutate({
-                mutation: VALIDATE_IMPORT_STRUCTURE,
-                variables: {
-                    data: state.data
-                }
-            });
-        } catch (ex) {
-            setState((prev)=>({
-                    ...prev,
-                    loading: false,
-                    errors: [
-                        ex.message
-                    ]
-                }));
-            return;
-        }
-        const { data, error } = result.data?.validateImportStructure || {};
-        if (error) return void setState((prev)=>({
-                ...prev,
-                loading: false,
-                errors: [
-                    error.message
-                ]
-            }));
-        if (!data) return void setState((prev)=>({
-                ...prev,
-                loading: false,
-                errors: [
-                    "No validation data received."
-                ]
-            }));
-        setState((prev)=>{
-            const next = {
-                ...prev,
-                loading: false,
-                groups: data.groups.map((group)=>({
-                        id: group.group.id,
-                        name: group.group.name,
-                        slug: group.group.slug,
-                        error: group.error,
-                        action: group.action
-                    })),
-                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
-                    })),
-                validated: true
-            };
-            return next;
-        });
-    }, [
-        state.data,
-        setState
-    ]);
-    const handleModelsImport = useCallback(async ()=>{
-        if (!state.data) return void console.error("Cannot import models without any data.");
-        if (!state.groups?.length) return void console.error("Cannot import models without any groups.");
-        if (!state.models?.length) return void console.error("Cannot import models because none are selected.");
-        if (0 === Array.from(state.selected.keys()).length) return void console.error("Cannot import models because none are selected.");
-        setState((prev)=>({
-                ...prev,
-                loading: true
-            }));
-        const dataToImport = getDataToImport(state);
-        let result;
-        try {
-            result = await client.mutate({
-                mutation: IMPORT_STRUCTURE,
-                variables: {
-                    data: dataToImport
-                },
-                errorPolicy: "all"
-            });
-        } catch (ex) {
-            setState((prev)=>({
-                    ...prev,
-                    loading: false,
-                    errors: [
-                        ex.message
-                    ]
-                }));
-            return;
-        }
-        const { data, error } = result.data?.importStructure || {};
-        if (error) return void setState((prev)=>({
-                ...prev,
-                loading: false,
-                errors: [
-                    error.message
-                ]
-            }));
-        if (!data) return void setState((prev)=>({
-                ...prev,
-                loading: false,
-                validated: false,
-                errors: [
-                    "No structure import data received."
-                ]
-            }));
-        setState((prev)=>({
-                ...prev,
-                loading: false,
-                selected: new Map(),
-                groups: state.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
-                    };
-                }),
-                models: state.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
-                    };
-                }),
-                validated: true
-            }));
-    }, [
-        state.selected,
-        state.data,
-        setState
-    ]);
-    const onFile = useCallback((file)=>{
-        const reader = new FileReader();
-        reader.addEventListener("load", (event)=>{
-            try {
-                const data = parseFileContent(event.target?.result);
-                setState((prev)=>({
-                        ...prev,
-                        models: void 0,
-                        groups: void 0,
-                        selected: new Map(),
-                        errors: null,
-                        validated: false,
-                        file,
-                        data
-                    }));
-            } catch (ex) {
-                setState((prev)=>({
-                        ...prev,
-                        file,
-                        selected: new Map(),
-                        validated: false,
-                        groups: void 0,
-                        models: void 0,
-                        data: null,
-                        errors: [
-                            ex.message
-                        ]
-                    }));
-            }
-        });
-        reader.readAsText(file);
-    }, [
-        state.data,
-        setState
-    ]);
-    const onFileError = useCallback((error)=>{
-        setState((prev)=>({
-                ...prev,
-                file: null,
-                errors: [
-                    error
-                ]
-            }));
-    }, [
-        state,
-        setState
-    ]);
-    const isModelSelected = useCallback((item)=>state.selected.has(item.id), [
-        state.selected
-    ]);
-    const isModelRelated = useCallback(({ id: target })=>{
-        for (const id of state.selected.keys()){
-            if (id === target) continue;
-            const related = state.selected.get(id);
-            if (related?.includes(id)) return true;
-        }
-        return false;
-    }, [
-        state.selected
-    ]);
-    const addModel = useCallback((item)=>{
-        if (isModelSelected(item)) return;
-        setState((prev)=>({
-                ...prev,
-                selected: createSelected({
-                    previous: prev.selected,
-                    models: state.models || [],
-                    item
-                })
-            }));
-    }, [
-        isModelSelected,
-        state.models,
-        state.selected
-    ]);
-    const removeModel = useCallback((item)=>{
-        if (isModelRelated(item)) return void showSnackbar(`Model "${item.name}" is required due to another model having a relation to it.`);
-        setState((prev)=>{
-            const selected = prev.selected;
-            selected.delete(item.id);
-            return {
-                ...prev,
-                selected
-            };
-        });
-    }, [
-        state,
-        setState
-    ]);
-    const toggleModel = useCallback((item)=>{
-        if (isModelSelected(item)) return void removeModel(item);
-        addModel(item);
-    }, [
-        isModelSelected,
-        addModel,
-        removeModel
-    ]);
-    const value = {
-        data: state.data || null,
-        loading: state.loading || false,
-        groups: state.groups || [],
-        models: state.models || [],
-        errors: state.errors || [],
-        validated: state.validated || false,
-        hasSelected,
-        isModelRelated,
-        file: state.file,
-        onFile,
-        onFileError,
-        handleModelsValidation,
-        handleModelsImport,
-        toggleModel,
-        isModelSelected
-    };
-    return /*#__PURE__*/ react.createElement(ImportContext.Provider, {
-        value: value
-    }, children(value));
-};
-export { ImportContext, ImportContextProvider };
-
-//# sourceMappingURL=ImportContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/ImportContext.js","sources":["../../../../../src/admin/views/contentModels/importing/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"],"names":["parseFileData","input","data","JSON","Error","parseFileContent","content","ArrayBuffer","Buffer","createSelected","params","previous","models","item","selected","Map","id","model","related","getDataToImport","state","Array","groups","noAction","ImportAction","validatedModel","validatedGroup","group","ImportContext","React","undefined","ImportContextProvider","children","client","useApolloClient","showSnackbar","useSnackbar","setState","useState","hasSelected","useCallback","handleModelsValidation","console","prev","result","VALIDATE_IMPORT_STRUCTURE","ex","error","next","handleModelsImport","dataToImport","IMPORT_STRUCTURE","onFile","file","reader","FileReader","event","onFileError","isModelSelected","isModelRelated","target","addModel","removeModel","toggleModel","value"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const DataList: () => React.JSX.Element | null;

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

@@ -1,19 +0,0 @@
-import react from "react";
-import { DataListGroup } from "./DataListGroup.js";
-import { useImport } from "../useImport.js";
-const getGroupModels = (group, models)=>{
-    if (!models) return [];
-    return models.filter((model)=>model.group === group.slug);
-};
-const DataList = ()=>{
-    const { groups, models } = useImport();
-    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/admin/views/contentModels/importing/components/DataList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/DataList.js","sources":["../../../../../../src/admin/views/contentModels/importing/components/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"],"names":["getGroupModels","group","models","model","DataList","groups","useImport","index","DataListGroup"],"mappings":";;;AAKA,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,WAAW;IACpB,MAAM,EAAEC,MAAM,EAAEH,MAAM,EAAE,GAAGI;IAC3B,IAAI,CAACD,QACD,OAAO;IAGX,OAAO,WAAP,GACI,0CACKA,OAAO,GAAG,CAAC,CAACJ,OAAOM,QACT,WAAP,GACI,oBAACC,eAAaA;YACV,KAAK,CAAC,MAAM,EAAED,OAAO;YACrB,OAAON;YACP,QAAQD,eAAeC,OAAOC;;AAMtD"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/DataListGroup.js","sources":["../../../../../../src/admin/views/contentModels/importing/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/admin/views/contentModels/importing/components/Errors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/Errors.js","sources":["../../../../../../src/admin/views/contentModels/importing/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/admin/views/contentModels/importing/components/FileUpload.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const FileUpload: () => React.JSX.Element;

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

@@ -1,34 +0,0 @@
-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 { useImport } from "../useImport.js";
-const FileUpload = ()=>{
-    const { onFile, onFileError, file } = useImport();
-    const fileName = 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/admin/views/contentModels/importing/components/FileUpload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/FileUpload.js","sources":["../../../../../../src/admin/views/contentModels/importing/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 { useImport } from \"~/admin/views/contentModels/importing/useImport.js\";\n\nexport const FileUpload = () => {\n    const { onFile, onFileError, file } = useImport();\n    const fileName = 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","onFile","onFileError","file","useImport","fileName","BrowserFilePicker","files","f","uploadedFile","err","errors","er","getError","browseFiles","getDropZoneProps","Text"],"mappings":";;;;;AAMO,MAAMA,aAAa;IACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGC;IACtC,MAAMC,WAAWF,MAAM;IAEvB,OAAO,WAAP,GACI,oBAACG,mBAAiBA;QACd,QAAQ;YAAC;SAAmB;QAC5B,SAAS;QACT,WAAWC,CAAAA;YACP,MAAMJ,OAAOI,MAAM,IAAI,CAACC,CAAAA,IAAKA,EAAE,GAAG,CAAC,IAAI;YACvC,MAAMC,eAAeN,MAAM,KAAK;YAChC,IAAI,CAACM,cAAc,YACfP,YACI;YAIRD,OAAOQ;QACX;QACA,SAASC,CAAAA;YACL,MAAMC,SAASD,IAAI,GAAG,CAACE,CAAAA,KACZC,SAASD;YAEpB,IAAID,AAAkB,MAAlBA,OAAO,MAAM,EACb;YAEJT,YAAYS,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/admin/views/contentModels/importing/components/ImportButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/ImportButton.js","sources":["../../../../../../src/admin/views/contentModels/importing/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/admin/views/contentModels/importing/components/Model/DataListInstructions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/Model/DataListInstructions.js","sources":["../../../../../../../src/admin/views/contentModels/importing/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/admin/views/contentModels/importing/components/Model/DataListModelItem.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { ImportModelData } from "../../../../../../admin/views/contentModels/importing/types.js";
-import type { ToggleModelCb } from "../../../../../../admin/views/contentModels/importing/ImportContext.js";
-interface DataListModelItemProps {
-    model: ImportModelData;
-    toggle: ToggleModelCb;
-    selected: boolean;
-}
-export declare const DataListModelItem: ({ model, toggle, selected }: DataListModelItemProps) => React.JSX.Element;
-export {};

package/admin/views/contentModels/importing/components/Model/DataListModelItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/Model/DataListModelItem.js","sources":["../../../../../../../src/admin/views/contentModels/importing/components/Model/DataListModelItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport type { ImportModelData } from \"~/admin/views/contentModels/importing/types.js\";\nimport { DataListModelItemError } from \"~/admin/views/contentModels/importing/components/Model/DataListModelItemError.js\";\nimport { DataListModelItemInfo } from \"./DataListModelItemInfo.js\";\nimport type { ToggleModelCb } from \"~/admin/views/contentModels/importing/ImportContext.js\";\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":";;;;AAOA,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/admin/views/contentModels/importing/components/Model/DataListModelItemError.d.ts

@@ -1,7 +0,0 @@
-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/admin/views/contentModels/importing/components/Model/DataListModelItemError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/views/contentModels/importing/components/Model/DataListModelItemError.js","sources":["../../../../../../../src/admin/views/contentModels/importing/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 \"~/admin/views/contentModels/importing/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/admin/views/contentModels/importing/components/Model/DataListModelItemInfo.d.ts

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