@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1 @@
+{"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":";;;;;AAmBA,MAAMA,gBAAgB,CAACC;IACnB,IAAIC,OAA4B,CAAC;IACjC,IAAI;QACAA,OAAOC,KAAK,KAAK,CAACF;IACtB,EAAE,OAAM;QACJ,MAAM,IAAIG,MAAM;IACpB;IACA,IAAI,AAACF,KAAK,MAAM,EAAE,UAAWA,KAAK,MAAM,EAAE,QAEnC;QAAA,IAAIA,AAAuB,MAAvBA,KAAK,MAAM,CAAC,MAAM,EACzB,MAAM,IAAIE,MAAM;IACpB,OAHI,MAAM,IAAIA,MAAM;IAIpB,OAAO;QACH,QAAQF,KAAK,MAAM;QACnB,QAAQA,KAAK,MAAM;IACvB;AACJ;AAEA,MAAMG,mBAAmB,CAACC;IACtB,IAAKA,SAEE;QAAA,IAAIA,mBAAmBC,aAAa;YACvC,MAAML,OAAOM,OAAO,IAAI,CAACF,SAAS,QAAQ,CAAC;YAC3C,OAAON,cAAcE;QACzB;IAAA,OAJI,MAAM,IAAIE,MAAM;IAKpB,OAAOJ,cAAcM;AACzB;AAgFA,MAAMG,iBAAiB,CAACC;IACpB,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACnC,IAAII,WAAW,IAAIC,IAAIJ;IAEvBG,SAAS,GAAG,CAACD,KAAK,EAAE,EAAEA,KAAK,OAAO;IAClC,KAAK,MAAMG,MAAMH,KAAK,OAAO,CAAE;QAC3B,MAAMI,QAAQL,OAAO,IAAI,CAACK,CAAAA,QAASA,MAAM,EAAE,KAAKD;QAChD,IAAI,CAACC,OACD;QACG,IAAIH,SAAS,GAAG,CAACG,MAAM,EAAE,KAAKA,MAAM,QAAQ,EAC/C;QAEJ,MAAMC,UAAUT,eAAe;YAC3B,UAAUK;YACVF;YACA,MAAMK;QACV;QACAH,WAAW,IAAIC,IAAI;eAAID;eAAaI;SAAQ;IAChD;IAEA,OAAOJ;AACX;AAOA,MAAMK,kBAAkB,CAACC;IACrB,MAAMN,WAAWO,MAAM,IAAI,CAACD,MAAM,QAAQ,CAAC,IAAI;IAE/C,MAAME,SAAqD,IAAIP;IAC/D,MAAMH,SAAqD,IAAIG;IAC/D,MAAMQ,WAAW;QAACC,aAAa,IAAI;QAAEA,aAAa,IAAI;KAAC;IAEvD,KAAK,MAAMR,MAAMF,SAAU;QACvB,MAAMW,iBAAiBL,MAAM,MAAM,EAAE,KAAKH,CAAAA,QAASA,MAAM,EAAE,KAAKD;QAChE,IACI,CAACS,gBAAgB,UACjBA,eAAe,KAAK,IACpBF,SAAS,QAAQ,CAACE,eAAe,MAAM,GAEvC;QAEJ,MAAMC,iBAAiBN,MAAM,MAAM,EAAE,KAAKO,CAAAA,QAASA,MAAM,IAAI,KAAKF,eAAe,KAAK;QACtF,IAAI,CAACC,gBAAgB,UAAUA,eAAe,KAAK,EAC/C;QAGJ,MAAMT,QAAQG,MAAM,IAAI,EAAE,QAAQ,KAAKH,CAAAA,QAASA,MAAM,OAAO,KAAKD;QAClE,IAAI,CAACC,OACD;QAEJL,OAAO,GAAG,CAACI,IAAI;YACX,GAAGC,KAAK;YACR,QAAQA,MAAM,MAAM,IAAI,EAAE;YAC1B,cAAcA,MAAM,YAAY,IAAI;YACpC,oBAAoBA,MAAM,kBAAkB,IAAI;YAChD,cAAcA,MAAM,YAAY,IAAI;YACpC,OAAOQ,eAAe,KAAK;QAC/B;QAEA,IAAIF,SAAS,QAAQ,CAACG,eAAe,MAAM,GACvC;QAGJ,MAAMC,QAAQP,MAAM,IAAI,EAAE,QAAQ,KAAKO,CAAAA,QAASA,MAAM,IAAI,KAAKF,eAAe,KAAK;QACnF,IAAKE,OAGLL,OAAO,GAAG,CAACK,MAAM,EAAE,EAAEA;IACzB;IAEA,OAAO;QACH,QAAQN,MAAM,IAAI,CAACC,OAAO,MAAM;QAChC,QAAQD,MAAM,IAAI,CAACT,OAAO,MAAM;IACpC;AACJ;AAEO,MAAMgB,gBAAgB,WAAHA,GAAGC,MAAAA,aAAmB,CAAsCC;AAM/E,MAAMC,wBAAwB,CAAC,EAAEC,QAAQ,EAA8B;IAC1E,MAAMC,SAASC;IAEf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAAChB,OAAOiB,SAAS,GAAGC,SAAgB;QACtC,MAAM;QACN,MAAM;QACN,SAAS;QACT,WAAW;QACX,UAAU,IAAIvB;IAClB;IAEA,MAAMwB,cAAcC,YAAY,IACrBnB,MAAM,IAAI,CAACD,MAAM,QAAQ,CAAC,IAAI,IAAI,MAAM,GAAG,GACnD;QAACA,MAAM,QAAQ;KAAC;IAEnB,MAAMqB,yBAAyBD,YAAY;QACvC,IAAI,CAACpB,MAAM,IAAI,EAAE,YACbsB,QAAQ,KAAK,CAAC;QAGlBL,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;YACb;QAGJ,IAAIC;QACJ,IAAI;YACAA,SAAS,MAAMX,OAAO,MAAM,CAAkC;gBAC1D,UAAUY;gBACV,WAAW;oBACP,MAAMzB,MAAM,IAAI;gBACpB;YACJ;QACJ,EAAE,OAAO0B,IAAI;YACTT,SAASM,CAAAA,OACE;oBACH,GAAGA,IAAI;oBACP,SAAS;oBACT,QAAQ;wBAACG,GAAG,OAAO;qBAAC;gBACxB;YAEJ;QACJ;QAEA,MAAM,EAAE5C,IAAI,EAAE6C,KAAK,EAAE,GAAGH,OAAO,IAAI,EAAE,2BAA2B,CAAC;QACjE,IAAIG,OAAO,YACPV,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;gBACT,QAAQ;oBAACI,MAAM,OAAO;iBAAC;YAC3B;QAGD,IAAI,CAAC7C,MAAM,YACdmC,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;gBACT,QAAQ;oBAAC;iBAA+B;YAC5C;QAIRN,SAASM,CAAAA;YACL,MAAMK,OAAO;gBACT,GAAGL,IAAI;gBACP,SAAS;gBACT,QAAQzC,KAAK,MAAM,CAAC,GAAG,CAACyB,CAAAA,QACb;wBACH,IAAIA,MAAM,KAAK,CAAC,EAAE;wBAClB,MAAMA,MAAM,KAAK,CAAC,IAAI;wBACtB,MAAMA,MAAM,KAAK,CAAC,IAAI;wBACtB,OAAOA,MAAM,KAAK;wBAClB,QAAQA,MAAM,MAAM;oBACxB;gBAEJ,QAAQzB,KAAK,MAAM,CAAC,GAAG,CAACe,CAAAA,QACb;wBACH,IAAIA,MAAM,KAAK,CAAC,OAAO;wBACvB,MAAMA,MAAM,KAAK,CAAC,IAAI;wBACtB,OAAOA,MAAM,KAAK,CAAC,KAAK;wBACxB,SAASA,MAAM,OAAO,IAAI,EAAE;wBAC5B,OAAOA,MAAM,KAAK;wBAClB,QAAQA,MAAM,MAAM;oBACxB;gBAEJ,WAAW;YACf;YACA,OAAO+B;QACX;IACJ,GAAG;QAAC5B,MAAM,IAAI;QAAEiB;KAAS;IAEzB,MAAMY,qBAAqBT,YAAY;QACnC,IAAI,CAACpB,MAAM,IAAI,EAAE,YACbsB,QAAQ,KAAK,CAAC;QAEX,IAAI,CAACtB,MAAM,MAAM,EAAE,QAAQ,YAC9BsB,QAAQ,KAAK,CAAC;QAEX,IAAI,CAACtB,MAAM,MAAM,EAAE,QAAQ,YAC9BsB,QAAQ,KAAK,CAAC;QAEX,IAAIrB,AAA6C,MAA7CA,MAAM,IAAI,CAACD,MAAM,QAAQ,CAAC,IAAI,IAAI,MAAM,EAAQ,YACvDsB,QAAQ,KAAK,CAAC;QAGlBL,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;YACb;QAGJ,MAAMO,eAAe/B,gBAAgBC;QAErC,IAAIwB;QACJ,IAAI;YACAA,SAAS,MAAMX,OAAO,MAAM,CAAoD;gBAC5E,UAAUkB;gBACV,WAAW;oBACP,MAAMD;gBACV;gBACA,aAAa;YACjB;QACJ,EAAE,OAAOJ,IAAI;YACTT,SAASM,CAAAA,OACE;oBACH,GAAGA,IAAI;oBACP,SAAS;oBACT,QAAQ;wBAACG,GAAG,OAAO;qBAAC;gBACxB;YAEJ;QACJ;QACA,MAAM,EAAE5C,IAAI,EAAE6C,KAAK,EAAE,GAAGH,OAAO,IAAI,EAAE,mBAAmB,CAAC;QACzD,IAAIG,OAAO,YACPV,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;gBACT,QAAQ;oBAACI,MAAM,OAAO;iBAAC;YAC3B;QAGD,IAAI,CAAC7C,MAAM,YACdmC,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;gBACT,WAAW;gBACX,QAAQ;oBAAC;iBAAqC;YAClD;QAIRN,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,SAAS;gBACT,UAAU,IAAI5B;gBACd,QAAQK,MAAM,MAAM,CAAE,GAAG,CAACO,CAAAA;oBACtB,MAAMiB,SAAS1C,KAAK,MAAM,CAAC,IAAI,CAACW,CAAAA,OAAQA,KAAK,KAAK,CAAC,EAAE,KAAKc,MAAM,EAAE;oBAClE,OAAO;wBACH,IAAIiB,QAAQ,MAAM,MAAMjB,MAAM,EAAE;wBAChC,MAAMiB,QAAQ,MAAM,QAAQjB,MAAM,IAAI;wBACtC,MAAMiB,QAAQ,MAAM,QAAQjB,MAAM,IAAI;wBACtC,OAAOiB,QAAQ,SAASjB,MAAM,KAAK;wBACnC,UAAUiB,SAASA,OAAO,QAAQ,GAAGjB,MAAM,QAAQ;oBACvD;gBACJ;gBACA,QAAQP,MAAM,MAAM,CAAE,GAAG,CAACH,CAAAA;oBACtB,MAAM2B,SAAS1C,KAAK,MAAM,CAAC,IAAI,CAACW,CAAAA,OAAQA,KAAK,KAAK,CAAC,OAAO,KAAKI,MAAM,EAAE;oBACvE,OAAO;wBACH,IAAI2B,QAAQ,MAAM,WAAW3B,MAAM,EAAE;wBACrC,MAAM2B,QAAQ,MAAM,QAAQ3B,MAAM,IAAI;wBACtC,OAAO2B,QAAQ,MAAM,SAAS3B,MAAM,KAAK;wBACzC,SAAS2B,QAAQ,WAAW3B,MAAM,OAAO,IAAI,EAAE;wBAC/C,QAAQ2B,QAAQ,UAAU3B,MAAM,MAAM;wBACtC,OAAO2B,QAAQ,SAAS3B,MAAM,KAAK;wBACnC,UAAU2B,SAASA,OAAO,QAAQ,GAAG3B,MAAM,QAAQ;oBACvD;gBACJ;gBACA,WAAW;YACf;IAER,GAAG;QAACG,MAAM,QAAQ;QAAEA,MAAM,IAAI;QAAEiB;KAAS;IAEzC,MAAMe,SAASZ,YACX,CAACa;QACG,MAAMC,SAAS,IAAIC;QACnBD,OAAO,gBAAgB,CAAC,QAAQE,CAAAA;YAC5B,IAAI;gBACA,MAAMtD,OAAOG,iBAAiBmD,MAAM,MAAM,EAAE;gBAC5CnB,SAASM,CAAAA,OACE;wBACH,GAAGA,IAAI;wBACP,QAAQb;wBACR,QAAQA;wBACR,UAAU,IAAIf;wBACd,QAAQ;wBACR,WAAW;wBACXsC;wBACAnD;oBACJ;YAER,EAAE,OAAO4C,IAAI;gBACTT,SAASM,CAAAA,OACE;wBACH,GAAGA,IAAI;wBACPU;wBACA,UAAU,IAAItC;wBACd,WAAW;wBACX,QAAQe;wBACR,QAAQA;wBACR,MAAM;wBACN,QAAQ;4BAACgB,GAAG,OAAO;yBAAC;oBACxB;YAER;QACJ;QACAQ,OAAO,UAAU,CAACD;IACtB,GACA;QAACjC,MAAM,IAAI;QAAEiB;KAAS;IAG1B,MAAMoB,cAAcjB,YAChB,CAACO;QACGV,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,MAAM;gBACN,QAAQ;oBAACI;iBAAM;YACnB;IAER,GACA;QAAC3B;QAAOiB;KAAS;IAGrB,MAAMqB,kBAAkBlB,YACpB3B,CAAAA,OACWO,MAAM,QAAQ,CAAC,GAAG,CAACP,KAAK,EAAE,GAErC;QAACO,MAAM,QAAQ;KAAC;IAGpB,MAAMuC,iBAAiBnB,YACnB,CAAC,EAAE,IAAIoB,MAAM,EAAE;QACX,KAAK,MAAM5C,MAAMI,MAAM,QAAQ,CAAC,IAAI,GAAI;YACpC,IAAIJ,OAAO4C,QACP;YAEJ,MAAM1C,UAAUE,MAAM,QAAQ,CAAC,GAAG,CAACJ;YACnC,IAAIE,SAAS,SAASF,KAClB,OAAO;QAEf;QACA,OAAO;IACX,GACA;QAACI,MAAM,QAAQ;KAAC;IAGpB,MAAMyC,WAAWrB,YACb3B,CAAAA;QACI,IAAI6C,gBAAgB7C,OAChB;QAEJwB,SAASM,CAAAA,OACE;gBACH,GAAGA,IAAI;gBACP,UAAUlC,eAAe;oBACrB,UAAUkC,KAAK,QAAQ;oBACvB,QAAQvB,MAAM,MAAM,IAAI,EAAE;oBAC1BP;gBACJ;YACJ;IAER,GACA;QAAC6C;QAAiBtC,MAAM,MAAM;QAAEA,MAAM,QAAQ;KAAC;IAEnD,MAAM0C,cAActB,YAChB3B,CAAAA;QACI,IAAI8C,eAAe9C,OAAO,YACtBsB,aACI,CAAC,OAAO,EAAEtB,KAAK,IAAI,CAAC,2DAA2D,CAAC;QAIxFwB,SAASM,CAAAA;YACL,MAAM7B,WAAW6B,KAAK,QAAQ;YAC9B7B,SAAS,MAAM,CAACD,KAAK,EAAE;YACvB,OAAO;gBACH,GAAG8B,IAAI;gBACP7B;YACJ;QACJ;IACJ,GACA;QAACM;QAAOiB;KAAS;IAGrB,MAAM0B,cAAcvB,YAChB3B,CAAAA;QACI,IAAI6C,gBAAgB7C,OAAO,YACvBiD,YAAYjD;QAGhBgD,SAAShD;IACb,GACA;QAAC6C;QAAiBG;QAAUC;KAAY;IAG5C,MAAME,QAAiC;QACnC,MAAM5C,MAAM,IAAI,IAAI;QACpB,SAASA,MAAM,OAAO,IAAI;QAC1B,QAAQA,MAAM,MAAM,IAAI,EAAE;QAC1B,QAAQA,MAAM,MAAM,IAAI,EAAE;QAC1B,QAAQA,MAAM,MAAM,IAAI,EAAE;QAC1B,WAAWA,MAAM,SAAS,IAAI;QAC9BmB;QACAoB;QACA,MAAMvC,MAAM,IAAI;QAChBgC;QACAK;QACAhB;QACAQ;QACAc;QACAL;IACJ;IAEA,OAAO,WAAP,GAAO,oBAAC9B,cAAc,QAAQ;QAAC,OAAOoC;OAAQhC,SAASgC;AAC3D"}

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

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

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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ImportGroupData, ImportModelData } from "../types.js";
+interface DataListGroupProps {
+    group: Pick<ImportGroupData, "id" | "name">;
+    models: ImportModelData[];
+}
+export declare const DataListGroup: ({ group, models }: DataListGroupProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { DataListModels } from "./Model/index.js";
+const Container = styled("div")({
+    marginTop: "10px",
+    backgroundColor: "var(--mdc-theme-background)",
+    border: "1px dashed var(--mdc-theme-on-background)",
+    padding: "10px",
+    borderBox: "box-sizing"
+});
+const GroupName = styled("h3")({
+    fontSize: "16px"
+});
+const Group = ({ group })=>/*#__PURE__*/ react.createElement(GroupName, null, group.name || group.id);
+const DataListGroup = ({ group, models })=>/*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(Group, {
+        group: group
+    }), /*#__PURE__*/ react.createElement(DataListModels, {
+        models: models
+    }));
+export { DataListGroup };
+
+//# sourceMappingURL=DataListGroup.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,8 @@
+import type { FileError } from "@webiny/app-admin/presentation/browserFilePicker/index.js";
+import React from "react";
+export declare const getError: (error: FileError) => string;
+interface ErrorsProps {
+    errors?: string[] | null;
+}
+export declare const Errors: ({ errors }: ErrorsProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,33 @@
+import styled from "@emotion/styled";
+import react from "react";
+const getError = (error)=>{
+    switch(error.type){
+        case "unsupportedFileType":
+            return `Unsupported file type "${error.file?.type || "unknown"}".`;
+        case "maxSizeExceeded":
+            return "One or more file sizes are greater than maxSize value.";
+        case "multipleMaxCountExceeded":
+            return "Selected more files than allowed.";
+        case "multipleMaxSizeExceeded":
+            return "Selected one or more files with their total size greater than allowed.";
+        case "multipleNotAllowed":
+            return "Cannot upload more than one file at once.";
+        default:
+            return `Unknown error: ${error.type}`;
+    }
+};
+const DisplayError = styled("div")({
+    color: "var(--mdc-theme-error)",
+    width: "90%",
+    margin: "5px auto 0 auto",
+    textAlign: "right"
+});
+const Errors = ({ errors })=>{
+    if (!errors?.length) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, errors.map((error, index)=>/*#__PURE__*/ react.createElement(DisplayError, {
+            key: `error-${index}`
+        }, error)));
+};
+export { Errors, getError };
+
+//# sourceMappingURL=Errors.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface ImportButtonProps {
+    onClick: () => void;
+    validated: boolean;
+    disabled: boolean;
+}
+export declare const ImportButton: ({ onClick, validated, disabled }: ImportButtonProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import react from "react";
+import { Button } from "@webiny/admin-ui";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
+const ImportButton = ({ onClick, validated, disabled })=>{
+    const text = validated ? t`Import` : t`Validate file`;
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: onClick,
+        disabled: disabled
+    }, text);
+};
+export { ImportButton };
+
+//# sourceMappingURL=ImportButton.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/admin/views/contentModels/importing/components/Model/DataListInstructions.js

@@ -0,0 +1,12 @@
+import react from "react";
+import styled from "@emotion/styled";
+const Instructions = styled("div")({
+    fontSize: "0.8rem",
+    margin: "10px 0"
+});
+const DataListInstructions = ()=>/*#__PURE__*/ react.createElement(Instructions, null, /*#__PURE__*/ react.createElement("h4", null, "Instructions"), /*#__PURE__*/ react.createElement("p", null, "To learn how to use the import functionality, please visit", " ", /*#__PURE__*/ react.createElement("a", {
+        href: "https://www.webiny.com/docs/user-guides/headless-cms/advanced/import-export-content-models"
+    }, "this article"), "."));
+export { DataListInstructions };
+
+//# sourceMappingURL=DataListInstructions.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,93 @@
+import react, { useCallback } from "react";
+import styled from "@emotion/styled";
+import { DataListModelItemError } from "./DataListModelItemError.js";
+import { DataListModelItemInfo } from "./DataListModelItemInfo.js";
+const ContainerBase = styled("div")(()=>({
+        width: "100%",
+        padding: "0px 5px 15px 5px",
+        margin: "0",
+        boxSizing: "border-box",
+        "&:last-child": {
+            paddingBottom: "2px"
+        }
+    }));
+const ContainerCreate = styled(ContainerBase)(()=>({}));
+const ContainerImported = styled(ContainerBase)(()=>({}));
+const ContainerUpdate = styled(ContainerBase)(()=>({}));
+const ContainerError = styled(ContainerBase)(()=>({}));
+const ModelContainer = styled("div")({
+    display: "flex",
+    width: "100%",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+});
+const Name = styled("h4")({
+    fontSize: "12px",
+    flex: "1 0 auto",
+    lineHeight: "18px"
+});
+const CheckboxContainer = styled("div")({
+    width: "120px",
+    textAlign: "right",
+    verticalAlign: "middle"
+});
+const Button = styled("button")({
+    padding: "1px 5px",
+    textAlign: "right",
+    display: "inline-block",
+    border: "1px solid var(--mdc-theme-on-background)",
+    fontSize: "10px",
+    lineHeight: "12px",
+    cursor: "pointer",
+    outline: "0 none",
+    backgroundColor: "var(--mdc-theme-background)",
+    "&.selected": {
+        border: "1px solid var(--mdc-theme-secondary)"
+    }
+});
+const ImportedText = styled("div")({
+    padding: "1px 5px",
+    textAlign: "right",
+    display: "inline-block",
+    border: "1px solid var(--mdc-theme-on-background)",
+    fontSize: "10px",
+    lineHeight: "12px",
+    outline: "0 none",
+    backgroundColor: "var(--mdc-theme-secondary)",
+    color: "#FFF"
+});
+const Imported = ()=>/*#__PURE__*/ react.createElement(CheckboxContainer, null, /*#__PURE__*/ react.createElement(ImportedText, null, "Imported."));
+const Checkbox = ({ model, toggle, selected })=>{
+    const onClick = useCallback(()=>{
+        toggle(model);
+    }, [
+        toggle
+    ]);
+    if (model.error) return null;
+    return /*#__PURE__*/ react.createElement(CheckboxContainer, null, /*#__PURE__*/ react.createElement(Button, {
+        onClick: onClick,
+        className: selected ? "selected" : ""
+    }, selected ? "Model will be imported" : "Model will be skipped"));
+};
+const Container = ({ model, children })=>{
+    if (model.imported) return /*#__PURE__*/ react.createElement(ContainerImported, null, children);
+    if ("create" === model.action) return /*#__PURE__*/ react.createElement(ContainerCreate, null, children);
+    if ("update" === model.action) return /*#__PURE__*/ react.createElement(ContainerUpdate, null, children);
+    if (model.error) return /*#__PURE__*/ react.createElement(ContainerError, null, children);
+    return /*#__PURE__*/ react.createElement(ContainerBase, null, children);
+};
+const DataListModelItem = ({ model, toggle, selected })=>/*#__PURE__*/ react.createElement(Container, {
+        model: model
+    }, /*#__PURE__*/ react.createElement(ModelContainer, null, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Name, null, model.name || model.id), model.error ? /*#__PURE__*/ react.createElement(DataListModelItemError, {
+        error: model.error
+    }) : /*#__PURE__*/ react.createElement(DataListModelItemInfo, {
+        model: model
+    })), model.imported ? /*#__PURE__*/ react.createElement(Imported, null) : /*#__PURE__*/ react.createElement(Checkbox, {
+        model: model,
+        toggle: toggle,
+        selected: selected
+    })));
+export { DataListModelItem };
+
+//# sourceMappingURL=DataListModelItem.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -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/admin/views/contentModels/importing/components/Model/DataListModelItemError.js

@@ -0,0 +1,48 @@
+import react, { useCallback, useState } from "react";
+import styled from "@emotion/styled";
+const Note = styled("div")({
+    color: "var(--mdc-theme-error)",
+    fontSize: "10px"
+});
+const MoreInformation = styled("a")({
+    color: "var(--mdc-theme-error)",
+    fontSize: "9px",
+    cursor: "pointer",
+    margin: "0 0 0 auto"
+});
+const Container = styled("div")({
+    padding: "0",
+    margin: "0",
+    lineHeight: "10px"
+});
+const InvalidFields = ({ invalidFields, expanded })=>{
+    if (!expanded) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, Object.keys(invalidFields).map((key, index)=>{
+        const invalidField = invalidFields[key];
+        return /*#__PURE__*/ react.createElement("div", {
+            key: `invalid-field-${key}-${index}`
+        }, invalidField.message);
+    }));
+};
+const DataListModelItemError = ({ error })=>{
+    const [expanded, setExpanded] = useState(false);
+    const toggleContainer = useCallback(()=>{
+        setExpanded(!expanded);
+    }, [
+        expanded
+    ]);
+    const invalidFields = error.data?.invalidFields;
+    if (!invalidFields) {
+        if (error.message) return /*#__PURE__*/ react.createElement(Note, null, error.message);
+        return /*#__PURE__*/ react.createElement(Note, null, "Missing invalidFields information. Please check the network tab in your browser's developer tools for more details.");
+    }
+    return /*#__PURE__*/ react.createElement(Container, null, /*#__PURE__*/ react.createElement(MoreInformation, {
+        onClick: toggleContainer
+    }, expanded ? "Collapse" : "Validation failed. Click to expand to see more information..."), /*#__PURE__*/ react.createElement(InvalidFields, {
+        invalidFields: invalidFields,
+        expanded: expanded
+    }));
+};
+export { DataListModelItemError };
+
+//# sourceMappingURL=DataListModelItemError.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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 {};

package/admin/views/contentModels/importing/components/Model/DataListModelItemInfo.js

@@ -0,0 +1,22 @@
+import react from "react";
+import styled from "@emotion/styled";
+const Text = styled("p")({
+    fontSize: "9px",
+    lineHeight: "10px",
+    display: "block",
+    padding: "0",
+    margin: "0"
+});
+const getText = (action)=>{
+    if ("create" === action) return "Model will be created.";
+    if ("update" === action) return "Model will be updated.";
+    if ("code" === action) return "Model cannot be updated because it was created via code.";
+    return `Unknown action: ${action}`;
+};
+const DataListModelItemInfo = ({ model })=>{
+    const { action } = model;
+    return /*#__PURE__*/ react.createElement(Text, null, getText(action));
+};
+export { DataListModelItemInfo };
+
+//# sourceMappingURL=DataListModelItemInfo.js.map

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

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

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

package/admin/views/contentModels/importing/components/Model/DataListModels.js

@@ -0,0 +1,22 @@
+import react from "react";
+import styled from "@emotion/styled";
+import { DataListModelItem } from "./DataListModelItem.js";
+import { useImport } from "../../useImport.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 = ({ models })=>{
+    const { toggleModel, isModelSelected } = useImport();
+    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/admin/views/contentModels/importing/components/Model/DataListModels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/views/contentModels/importing/components/Model/DataListModels.js","sources":["../../../../../../../src/admin/views/contentModels/importing/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 { useImport } from \"~/admin/views/contentModels/importing/useImport.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 = ({ models }: DataListModelsProps) => {\n    const { toggleModel, isModelSelected } = useImport();\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","models","toggleModel","isModelSelected","useImport","model","DataListModelItem"],"mappings":";;;;AAMA,MAAMA,YAAYC,OAAO,OAAO;IAC5B,iBAAiB;IACjB,QAAQ;IACR,SAAS;IACT,WAAW;AACf;AAMO,MAAMC,iBAAiB,CAAC,EAAEC,MAAM,EAAuB;IAC1D,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGC;IACzC,OAAO,WAAP,GACI,oBAACN,WAASA,MACLG,OAAO,GAAG,CAACI,CAAAA,QACD,WAAP,GACI,oBAACC,mBAAiBA;YACd,KAAK,CAAC,MAAM,EAAED,MAAM,EAAE,EAAE;YACxB,OAAOA;YACP,QAAQH;YACR,UAAUC,gBAAgBE;;AAMlD"}

package/admin/views/contentModels/importing/components/Model/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListModels.js";

package/admin/views/contentModels/importing/components/Model/index.js

@@ -0,0 +1 @@
+export * from "./DataListModels.js";