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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","useApolloClient","IMPORT_STRUCTURE","VALIDATE_IMPORT_STRUCTURE","ImportAction","useSnackbar","parseFileData","input","data","JSON","parse","Error","groups","length","models","parseFileContent","content","ArrayBuffer","Buffer","from","toString","createSelected","params","previous","item","selected","Map","set","id","related","model","find","has","imported","getDataToImport","state","Array","keys","noAction","CODE","NONE","validatedModel","action","error","includes","validatedGroup","group","slug","modelId","layout","titleFieldId","descriptionFieldId","imageFieldId","values","ImportContext","createContext","undefined","ImportContextProvider","children","client","showSnackbar","setState","file","loading","validated","hasSelected","handleModelsValidation","console","prev","result","mutate","mutation","variables","ex","errors","message","validateImportStructure","next","map","name","handleModelsImport","dataToImport","errorPolicy","importStructure","onFile","reader","FileReader","addEventListener","event","target","readAsText","onFileError","isModelSelected","isModelRelated","get","addModel","removeModel","delete","toggleModel","value","createElement","Provider"],"sources":["ImportContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\nimport type {\n    ImportStructureResponse,\n    ImportStructureVariables,\n    ImportStructureVariablesGroup,\n    ImportStructureVariablesModel,\n    ValidateImportStructureResponse\n} from \"~/admin/views/contentModels/importing/graphql.js\";\nimport {\n    IMPORT_STRUCTURE,\n    VALIDATE_IMPORT_STRUCTURE\n} from \"~/admin/views/contentModels/importing/graphql.js\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { ImportGroupData, ImportModelData } from \"./types.js\";\nimport { ImportAction } from \"./types.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FetchResult } from \"apollo-link\";\n\nconst parseFileData = (input: string) => {\n    let data: Record<string, any> = {};\n    try {\n        data = JSON.parse(input);\n    } catch {\n        throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);\n    }\n    if (!data.groups?.length && !data.models?.length) {\n        throw new Error(`No groups and models in the uploaded file.`);\n    } else if (data.groups.length === 0) {\n        throw new Error(`No groups in the uploaded file. There must be at least one group.`);\n    }\n    return {\n        groups: data.groups,\n        models: data.models\n    };\n};\n\nconst parseFileContent = (content?: string | ArrayBuffer | null) => {\n    if (!content) {\n        throw new Error(`Missing data in uploaded file.`);\n    } else if (content instanceof ArrayBuffer) {\n        const data = Buffer.from(content).toString(\"utf8\");\n        return parseFileData(data);\n    }\n    return parseFileData(content);\n};\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface State {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    file: File | null;\n    errors?: string[] | null;\n    validated: boolean;\n    selected: Selected;\n}\n\nexport interface OnFileCb {\n    (file: File): void;\n}\n\nexport interface OnFileErrorCb {\n    (error: string): void;\n}\n\nexport interface HandleModelsValidationCb {\n    (): Promise<void>;\n}\n\nexport interface HandleModelsImportCb {\n    (): Promise<void>;\n}\n\nexport interface IsModelSelectedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface IsModelRelatedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface AddModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface RemoveModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ToggleModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ImportContextProperties {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    hasSelected: () => boolean;\n    file: File | null;\n    errors: string[];\n    validated: boolean;\n    onFile: OnFileCb;\n    onFileError: OnFileErrorCb;\n    handleModelsValidation: HandleModelsValidationCb;\n    handleModelsImport: HandleModelsImportCb;\n    toggleModel: ToggleModelCb;\n    isModelSelected: IsModelSelectedCb;\n    isModelRelated: IsModelRelatedCb;\n}\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nconst getDataToImport = (state: State): DataToImportResult => {\n    const selected = Array.from(state.selected.keys());\n\n    const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n    const models: Map<string, ImportStructureVariablesModel> = new Map();\n    const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n    for (const id of selected) {\n        const validatedModel = state.models?.find(model => model.id === id);\n        if (\n            !validatedModel?.action ||\n            validatedModel.error ||\n            noAction.includes(validatedModel.action)\n        ) {\n            continue;\n        }\n        const validatedGroup = state.groups?.find(group => group.slug === validatedModel.group);\n        if (!validatedGroup?.action || validatedGroup.error) {\n            continue;\n        }\n\n        const model = state.data?.models?.find(model => model.modelId === id);\n        if (!model) {\n            continue;\n        }\n        models.set(id, {\n            ...model,\n            layout: model.layout || [],\n            titleFieldId: model.titleFieldId || \"id\",\n            descriptionFieldId: model.descriptionFieldId || \"\",\n            imageFieldId: model.imageFieldId || \"\",\n            group: validatedModel.group\n        });\n\n        if (noAction.includes(validatedGroup.action)) {\n            continue;\n        }\n\n        const group = state.data?.groups?.find(group => group.slug === validatedModel.group);\n        if (!group) {\n            continue;\n        }\n        groups.set(group.id, group);\n    }\n\n    return {\n        groups: Array.from(groups.values()),\n        models: Array.from(models.values())\n    };\n};\n\nexport const ImportContext = React.createContext<ImportContextProperties | undefined>(undefined);\n\nexport interface ImportContextProviderProps {\n    children: (props: ImportContextProperties) => React.ReactNode;\n}\n\nexport const ImportContextProvider = ({ children }: ImportContextProviderProps) => {\n    const client = useApolloClient();\n\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState<State>({\n        data: null,\n        file: null,\n        loading: false,\n        validated: false,\n        selected: new Map()\n    });\n\n    const hasSelected = useCallback(() => {\n        return Array.from(state.selected.keys()).length > 0;\n    }, [state.selected]);\n\n    const handleModelsValidation = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        let result: FetchResult<ValidateImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ValidateImportStructureResponse>({\n                mutation: VALIDATE_IMPORT_STRUCTURE,\n                variables: {\n                    data: state.data\n                }\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n\n        const { data, error } = result.data?.validateImportStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [\"No validation data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            const next = {\n                ...prev,\n                loading: false,\n                groups: data.groups.map(group => {\n                    return {\n                        id: group.group.id,\n                        name: group.group.name,\n                        slug: group.group.slug,\n                        error: group.error,\n                        action: group.action\n                    };\n                }),\n                models: data.models.map(model => {\n                    return {\n                        id: model.model.modelId,\n                        name: model.model.name,\n                        group: model.model.group,\n                        related: model.related || [],\n                        error: model.error,\n                        action: model.action\n                    };\n                }),\n                validated: true\n            };\n            return next;\n        });\n    }, [state.data, setState]);\n\n    const handleModelsImport = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        } else if (!state.groups?.length) {\n            console.error(\"Cannot import models without any groups.\");\n            return;\n        } else if (!state.models?.length) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        } else if (Array.from(state.selected.keys()).length === 0) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        const dataToImport = getDataToImport(state);\n\n        let result: FetchResult<ImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ImportStructureResponse, ImportStructureVariables>({\n                mutation: IMPORT_STRUCTURE,\n                variables: {\n                    data: dataToImport\n                },\n                errorPolicy: \"all\"\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n        const { data, error } = result.data?.importStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    validated: false,\n                    errors: [\"No structure import data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: false,\n                selected: new Map(),\n                groups: state.groups!.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        slug: result?.group.slug || group.slug,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                }),\n                models: state.models!.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                }),\n                validated: true\n            };\n        });\n    }, [state.selected, state.data, setState]);\n\n    const onFile = useCallback(\n        (file: File) => {\n            const reader = new FileReader();\n            reader.addEventListener(\"load\", event => {\n                try {\n                    const data = parseFileContent(event.target?.result);\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            models: undefined,\n                            groups: undefined,\n                            selected: new Map(),\n                            errors: null,\n                            validated: false,\n                            file,\n                            data\n                        };\n                    });\n                } catch (ex) {\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            file,\n                            selected: new Map(),\n                            validated: false,\n                            groups: undefined,\n                            models: undefined,\n                            data: null,\n                            errors: [ex.message]\n                        };\n                    });\n                }\n            });\n            reader.readAsText(file);\n        },\n        [state.data, setState]\n    );\n\n    const onFileError = useCallback(\n        (error: string) => {\n            setState(prev => {\n                return {\n                    ...prev,\n                    file: null,\n                    errors: [error]\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const isModelSelected = useCallback<IsModelSelectedCb>(\n        item => {\n            return state.selected.has(item.id);\n        },\n        [state.selected]\n    );\n\n    const isModelRelated = useCallback<IsModelRelatedCb>(\n        ({ id: target }) => {\n            for (const id of state.selected.keys()) {\n                if (id === target) {\n                    continue;\n                }\n                const related = state.selected.get(id);\n                if (related?.includes(id)) {\n                    return true;\n                }\n            }\n            return false;\n        },\n        [state.selected]\n    );\n\n    const addModel = useCallback<AddModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                return;\n            }\n            setState(prev => {\n                return {\n                    ...prev,\n                    selected: createSelected({\n                        previous: prev.selected,\n                        models: state.models || [],\n                        item\n                    })\n                };\n            });\n        },\n        [isModelSelected, state.models, state.selected]\n    );\n    const removeModel = useCallback<RemoveModelCb>(\n        item => {\n            if (isModelRelated(item)) {\n                showSnackbar(\n                    `Model \"${item.name}\" is required due to another model having a relation to it.`\n                );\n                return;\n            }\n            setState(prev => {\n                const selected = prev.selected;\n                selected.delete(item.id);\n                return {\n                    ...prev,\n                    selected\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const toggleModel = useCallback<ToggleModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                removeModel(item);\n                return;\n            }\n            addModel(item);\n        },\n        [isModelSelected, addModel, removeModel]\n    );\n\n    const value: ImportContextProperties = {\n        data: state.data || null,\n        loading: state.loading || false,\n        groups: state.groups || [],\n        models: state.models || [],\n        errors: state.errors || [],\n        validated: state.validated || false,\n        hasSelected,\n        isModelRelated,\n        file: state.file,\n        onFile,\n        onFileError,\n        handleModelsValidation,\n        handleModelsImport,\n        toggleModel,\n        isModelSelected\n    };\n\n    return <ImportContext.Provider value={value}>{children(value)}</ImportContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,eAAe;AAQxB,SACIC,gBAAgB,EAChBC,yBAAyB;AAI7B,SAASC,YAAY;AACrB,SAASC,WAAW,QAAQ,mBAAmB;AAG/C,MAAMC,aAAa,GAAIC,KAAa,IAAK;EACrC,IAAIC,IAAyB,GAAG,CAAC,CAAC;EAClC,IAAI;IACAA,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,KAAK,CAAC;EAC5B,CAAC,CAAC,MAAM;IACJ,MAAM,IAAII,KAAK,CAAC,sEAAsE,CAAC;EAC3F;EACA,IAAI,CAACH,IAAI,CAACI,MAAM,EAAEC,MAAM,IAAI,CAACL,IAAI,CAACM,MAAM,EAAED,MAAM,EAAE;IAC9C,MAAM,IAAIF,KAAK,CAAC,4CAA4C,CAAC;EACjE,CAAC,MAAM,IAAIH,IAAI,CAACI,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IACjC,MAAM,IAAIF,KAAK,CAAC,mEAAmE,CAAC;EACxF;EACA,OAAO;IACHC,MAAM,EAAEJ,IAAI,CAACI,MAAM;IACnBE,MAAM,EAAEN,IAAI,CAACM;EACjB,CAAC;AACL,CAAC;AAED,MAAMC,gBAAgB,GAAIC,OAAqC,IAAK;EAChE,IAAI,CAACA,OAAO,EAAE;IACV,MAAM,IAAIL,KAAK,CAAC,gCAAgC,CAAC;EACrD,CAAC,MAAM,IAAIK,OAAO,YAAYC,WAAW,EAAE;IACvC,MAAMT,IAAI,GAAGU,MAAM,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,QAAQ,CAAC,MAAM,CAAC;IAClD,OAAOd,aAAa,CAACE,IAAI,CAAC;EAC9B;EACA,OAAOF,aAAa,CAACU,OAAO,CAAC;AACjC,CAAC;AAgFD,MAAMK,cAAc,GAAIC,MAA4B,IAAe;EAC/D,MAAM;IAAEC,QAAQ;IAAET,MAAM;IAAEU;EAAK,CAAC,GAAGF,MAAM;EACzC,IAAIG,QAAQ,GAAG,IAAIC,GAAG,CAACH,QAAQ,CAAC;EAEhCE,QAAQ,CAACE,GAAG,CAACH,IAAI,CAACI,EAAE,EAAEJ,IAAI,CAACK,OAAO,CAAC;EACnC,KAAK,MAAMD,EAAE,IAAIJ,IAAI,CAACK,OAAO,EAAE;IAC3B,MAAMC,KAAK,GAAGhB,MAAM,CAACiB,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE,CAAC;IACnD,IAAI,CAACE,KAAK,EAAE;MACR;IACJ,CAAC,MAAM,IAAIL,QAAQ,CAACO,GAAG,CAACF,KAAK,CAACF,EAAE,CAAC,IAAIE,KAAK,CAACG,QAAQ,EAAE;MACjD;IACJ;IACA,MAAMJ,OAAO,GAAGR,cAAc,CAAC;MAC3BE,QAAQ,EAAEE,QAAQ;MAClBX,MAAM;MACNU,IAAI,EAAEM;IACV,CAAC,CAAC;IACFL,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC,GAAGD,QAAQ,EAAE,GAAGI,OAAO,CAAC,CAAC;EACjD;EAEA,OAAOJ,QAAQ;AACnB,CAAC;AAOD,MAAMS,eAAe,GAAIC,KAAY,IAAyB;EAC1D,MAAMV,QAAQ,GAAGW,KAAK,CAACjB,IAAI,CAACgB,KAAK,CAACV,QAAQ,CAACY,IAAI,CAAC,CAAC,CAAC;EAElD,MAAMzB,MAAkD,GAAG,IAAIc,GAAG,CAAC,CAAC;EACpE,MAAMZ,MAAkD,GAAG,IAAIY,GAAG,CAAC,CAAC;EACpE,MAAMY,QAAQ,GAAG,CAAClC,YAAY,CAACmC,IAAI,EAAEnC,YAAY,CAACoC,IAAI,CAAC;EAEvD,KAAK,MAAMZ,EAAE,IAAIH,QAAQ,EAAE;IACvB,MAAMgB,cAAc,GAAGN,KAAK,CAACrB,MAAM,EAAEiB,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE,CAAC;IACnE,IACI,CAACa,cAAc,EAAEC,MAAM,IACvBD,cAAc,CAACE,KAAK,IACpBL,QAAQ,CAACM,QAAQ,CAACH,cAAc,CAACC,MAAM,CAAC,EAC1C;MACE;IACJ;IACA,MAAMG,cAAc,GAAGV,KAAK,CAACvB,MAAM,EAAEmB,IAAI,CAACe,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAKN,cAAc,CAACK,KAAK,CAAC;IACvF,IAAI,CAACD,cAAc,EAAEH,MAAM,IAAIG,cAAc,CAACF,KAAK,EAAE;MACjD;IACJ;IAEA,MAAMb,KAAK,GAAGK,KAAK,CAAC3B,IAAI,EAAEM,MAAM,EAAEiB,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACkB,OAAO,KAAKpB,EAAE,CAAC;IACrE,IAAI,CAACE,KAAK,EAAE;MACR;IACJ;IACAhB,MAAM,CAACa,GAAG,CAACC,EAAE,EAAE;MACX,GAAGE,KAAK;MACRmB,MAAM,EAAEnB,KAAK,CAACmB,MAAM,IAAI,EAAE;MAC1BC,YAAY,EAAEpB,KAAK,CAACoB,YAAY,IAAI,IAAI;MACxCC,kBAAkB,EAAErB,KAAK,CAACqB,kBAAkB,IAAI,EAAE;MAClDC,YAAY,EAAEtB,KAAK,CAACsB,YAAY,IAAI,EAAE;MACtCN,KAAK,EAAEL,cAAc,CAACK;IAC1B,CAAC,CAAC;IAEF,IAAIR,QAAQ,CAACM,QAAQ,CAACC,cAAc,CAACH,MAAM,CAAC,EAAE;MAC1C;IACJ;IAEA,MAAMI,KAAK,GAAGX,KAAK,CAAC3B,IAAI,EAAEI,MAAM,EAAEmB,IAAI,CAACe,KAAK,IAAIA,KAAK,CAACC,IAAI,KAAKN,cAAc,CAACK,KAAK,CAAC;IACpF,IAAI,CAACA,KAAK,EAAE;MACR;IACJ;IACAlC,MAAM,CAACe,GAAG,CAACmB,KAAK,CAAClB,EAAE,EAAEkB,KAAK,CAAC;EAC/B;EAEA,OAAO;IACHlC,MAAM,EAAEwB,KAAK,CAACjB,IAAI,CAACP,MAAM,CAACyC,MAAM,CAAC,CAAC,CAAC;IACnCvC,MAAM,EAAEsB,KAAK,CAACjB,IAAI,CAACL,MAAM,CAACuC,MAAM,CAAC,CAAC;EACtC,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,aAAa,gBAAGxD,KAAK,CAACyD,aAAa,CAAsCC,SAAS,CAAC;AAMhG,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EAC/E,MAAMC,MAAM,GAAG1D,eAAe,CAAC,CAAC;EAEhC,MAAM;IAAE2D;EAAa,CAAC,GAAGvD,WAAW,CAAC,CAAC;EAEtC,MAAM,CAAC8B,KAAK,EAAE0B,QAAQ,CAAC,GAAG7D,QAAQ,CAAQ;IACtCQ,IAAI,EAAE,IAAI;IACVsD,IAAI,EAAE,IAAI;IACVC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE,KAAK;IAChBvC,QAAQ,EAAE,IAAIC,GAAG,CAAC;EACtB,CAAC,CAAC;EAEF,MAAMuC,WAAW,GAAGlE,WAAW,CAAC,MAAM;IAClC,OAAOqC,KAAK,CAACjB,IAAI,CAACgB,KAAK,CAACV,QAAQ,CAACY,IAAI,CAAC,CAAC,CAAC,CAACxB,MAAM,GAAG,CAAC;EACvD,CAAC,EAAE,CAACsB,KAAK,CAACV,QAAQ,CAAC,CAAC;EAEpB,MAAMyC,sBAAsB,GAAGnE,WAAW,CAAC,YAAY;IACnD,IAAI,CAACoC,KAAK,CAAC3B,IAAI,EAAE;MACb2D,OAAO,CAACxB,KAAK,CAAC,wCAAwC,CAAC;MACvD;IACJ;IACAkB,QAAQ,CAACO,IAAI,IAAI;MACb,OAAO;QACH,GAAGA,IAAI;QACPL,OAAO,EAAE;MACb,CAAC;IACL,CAAC,CAAC;IAEF,IAAIM,MAAgE;IACpE,IAAI;MACAA,MAAM,GAAG,MAAMV,MAAM,CAACW,MAAM,CAAkC;QAC1DC,QAAQ,EAAEpE,yBAAyB;QACnCqE,SAAS,EAAE;UACPhE,IAAI,EAAE2B,KAAK,CAAC3B;QAChB;MACJ,CAAC,CAAC;IACN,CAAC,CAAC,OAAOiE,EAAE,EAAE;MACTZ,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdW,MAAM,EAAE,CAACD,EAAE,CAACE,OAAO;QACvB,CAAC;MACL,CAAC,CAAC;MACF;IACJ;IAEA,MAAM;MAAEnE,IAAI;MAAEmC;IAAM,CAAC,GAAG0B,MAAM,CAAC7D,IAAI,EAAEoE,uBAAuB,IAAI,CAAC,CAAC;IAClE,IAAIjC,KAAK,EAAE;MACPkB,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdW,MAAM,EAAE,CAAC/B,KAAK,CAACgC,OAAO;QAC1B,CAAC;MACL,CAAC,CAAC;MACF;IACJ,CAAC,MAAM,IAAI,CAACnE,IAAI,EAAE;MACdqD,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdW,MAAM,EAAE,CAAC,8BAA8B;QAC3C,CAAC;MACL,CAAC,CAAC;MACF;IACJ;IACAb,QAAQ,CAACO,IAAI,IAAI;MACb,MAAMS,IAAI,GAAG;QACT,GAAGT,IAAI;QACPL,OAAO,EAAE,KAAK;QACdnD,MAAM,EAAEJ,IAAI,CAACI,MAAM,CAACkE,GAAG,CAAChC,KAAK,IAAI;UAC7B,OAAO;YACHlB,EAAE,EAAEkB,KAAK,CAACA,KAAK,CAAClB,EAAE;YAClBmD,IAAI,EAAEjC,KAAK,CAACA,KAAK,CAACiC,IAAI;YACtBhC,IAAI,EAAED,KAAK,CAACA,KAAK,CAACC,IAAI;YACtBJ,KAAK,EAAEG,KAAK,CAACH,KAAK;YAClBD,MAAM,EAAEI,KAAK,CAACJ;UAClB,CAAC;QACL,CAAC,CAAC;QACF5B,MAAM,EAAEN,IAAI,CAACM,MAAM,CAACgE,GAAG,CAAChD,KAAK,IAAI;UAC7B,OAAO;YACHF,EAAE,EAAEE,KAAK,CAACA,KAAK,CAACkB,OAAO;YACvB+B,IAAI,EAAEjD,KAAK,CAACA,KAAK,CAACiD,IAAI;YACtBjC,KAAK,EAAEhB,KAAK,CAACA,KAAK,CAACgB,KAAK;YACxBjB,OAAO,EAAEC,KAAK,CAACD,OAAO,IAAI,EAAE;YAC5Bc,KAAK,EAAEb,KAAK,CAACa,KAAK;YAClBD,MAAM,EAAEZ,KAAK,CAACY;UAClB,CAAC;QACL,CAAC,CAAC;QACFsB,SAAS,EAAE;MACf,CAAC;MACD,OAAOa,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EAAE,CAAC1C,KAAK,CAAC3B,IAAI,EAAEqD,QAAQ,CAAC,CAAC;EAE1B,MAAMmB,kBAAkB,GAAGjF,WAAW,CAAC,YAAY;IAC/C,IAAI,CAACoC,KAAK,CAAC3B,IAAI,EAAE;MACb2D,OAAO,CAACxB,KAAK,CAAC,wCAAwC,CAAC;MACvD;IACJ,CAAC,MAAM,IAAI,CAACR,KAAK,CAACvB,MAAM,EAAEC,MAAM,EAAE;MAC9BsD,OAAO,CAACxB,KAAK,CAAC,0CAA0C,CAAC;MACzD;IACJ,CAAC,MAAM,IAAI,CAACR,KAAK,CAACrB,MAAM,EAAED,MAAM,EAAE;MAC9BsD,OAAO,CAACxB,KAAK,CAAC,iDAAiD,CAAC;MAChE;IACJ,CAAC,MAAM,IAAIP,KAAK,CAACjB,IAAI,CAACgB,KAAK,CAACV,QAAQ,CAACY,IAAI,CAAC,CAAC,CAAC,CAACxB,MAAM,KAAK,CAAC,EAAE;MACvDsD,OAAO,CAACxB,KAAK,CAAC,iDAAiD,CAAC;MAChE;IACJ;IACAkB,QAAQ,CAACO,IAAI,IAAI;MACb,OAAO;QACH,GAAGA,IAAI;QACPL,OAAO,EAAE;MACb,CAAC;IACL,CAAC,CAAC;IAEF,MAAMkB,YAAY,GAAG/C,eAAe,CAACC,KAAK,CAAC;IAE3C,IAAIkC,MAAwD;IAC5D,IAAI;MACAA,MAAM,GAAG,MAAMV,MAAM,CAACW,MAAM,CAAoD;QAC5EC,QAAQ,EAAErE,gBAAgB;QAC1BsE,SAAS,EAAE;UACPhE,IAAI,EAAEyE;QACV,CAAC;QACDC,WAAW,EAAE;MACjB,CAAC,CAAC;IACN,CAAC,CAAC,OAAOT,EAAE,EAAE;MACTZ,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdW,MAAM,EAAE,CAACD,EAAE,CAACE,OAAO;QACvB,CAAC;MACL,CAAC,CAAC;MACF;IACJ;IACA,MAAM;MAAEnE,IAAI;MAAEmC;IAAM,CAAC,GAAG0B,MAAM,CAAC7D,IAAI,EAAE2E,eAAe,IAAI,CAAC,CAAC;IAC1D,IAAIxC,KAAK,EAAE;MACPkB,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdW,MAAM,EAAE,CAAC/B,KAAK,CAACgC,OAAO;QAC1B,CAAC;MACL,CAAC,CAAC;MACF;IACJ,CAAC,MAAM,IAAI,CAACnE,IAAI,EAAE;MACdqD,QAAQ,CAACO,IAAI,IAAI;QACb,OAAO;UACH,GAAGA,IAAI;UACPL,OAAO,EAAE,KAAK;UACdC,SAAS,EAAE,KAAK;UAChBU,MAAM,EAAE,CAAC,oCAAoC;QACjD,CAAC;MACL,CAAC,CAAC;MACF;IACJ;IACAb,QAAQ,CAACO,IAAI,IAAI;MACb,OAAO;QACH,GAAGA,IAAI;QACPL,OAAO,EAAE,KAAK;QACdtC,QAAQ,EAAE,IAAIC,GAAG,CAAC,CAAC;QACnBd,MAAM,EAAEuB,KAAK,CAACvB,MAAM,CAAEkE,GAAG,CAAChC,KAAK,IAAI;UAC/B,MAAMuB,MAAM,GAAG7D,IAAI,CAACI,MAAM,CAACmB,IAAI,CAACP,IAAI,IAAIA,IAAI,CAACsB,KAAK,CAAClB,EAAE,KAAKkB,KAAK,CAAClB,EAAE,CAAC;UACnE,OAAO;YACHA,EAAE,EAAEyC,MAAM,EAAEvB,KAAK,CAAClB,EAAE,IAAIkB,KAAK,CAAClB,EAAE;YAChCmD,IAAI,EAAEV,MAAM,EAAEvB,KAAK,CAACiC,IAAI,IAAIjC,KAAK,CAACiC,IAAI;YACtChC,IAAI,EAAEsB,MAAM,EAAEvB,KAAK,CAACC,IAAI,IAAID,KAAK,CAACC,IAAI;YACtCJ,KAAK,EAAE0B,MAAM,EAAE1B,KAAK,IAAIG,KAAK,CAACH,KAAK;YACnCV,QAAQ,EAAEoC,MAAM,GAAGA,MAAM,CAACpC,QAAQ,GAAGa,KAAK,CAACb;UAC/C,CAAC;QACL,CAAC,CAAC;QACFnB,MAAM,EAAEqB,KAAK,CAACrB,MAAM,CAAEgE,GAAG,CAAChD,KAAK,IAAI;UAC/B,MAAMuC,MAAM,GAAG7D,IAAI,CAACM,MAAM,CAACiB,IAAI,CAACP,IAAI,IAAIA,IAAI,CAACM,KAAK,CAACkB,OAAO,KAAKlB,KAAK,CAACF,EAAE,CAAC;UACxE,OAAO;YACHA,EAAE,EAAEyC,MAAM,EAAEvC,KAAK,CAACkB,OAAO,IAAIlB,KAAK,CAACF,EAAE;YACrCmD,IAAI,EAAEV,MAAM,EAAEvC,KAAK,CAACiD,IAAI,IAAIjD,KAAK,CAACiD,IAAI;YACtCjC,KAAK,EAAEuB,MAAM,EAAEvC,KAAK,CAACgB,KAAK,IAAIhB,KAAK,CAACgB,KAAK;YACzCjB,OAAO,EAAEwC,MAAM,EAAExC,OAAO,IAAIC,KAAK,CAACD,OAAO,IAAI,EAAE;YAC/Ca,MAAM,EAAE2B,MAAM,EAAE3B,MAAM,IAAIZ,KAAK,CAACY,MAAM;YACtCC,KAAK,EAAE0B,MAAM,EAAE1B,KAAK,IAAIb,KAAK,CAACa,KAAK;YACnCV,QAAQ,EAAEoC,MAAM,GAAGA,MAAM,CAACpC,QAAQ,GAAGH,KAAK,CAACG;UAC/C,CAAC;QACL,CAAC,CAAC;QACF+B,SAAS,EAAE;MACf,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAAC7B,KAAK,CAACV,QAAQ,EAAEU,KAAK,CAAC3B,IAAI,EAAEqD,QAAQ,CAAC,CAAC;EAE1C,MAAMuB,MAAM,GAAGrF,WAAW,CACrB+D,IAAU,IAAK;IACZ,MAAMuB,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;IAC/BD,MAAM,CAACE,gBAAgB,CAAC,MAAM,EAAEC,KAAK,IAAI;MACrC,IAAI;QACA,MAAMhF,IAAI,GAAGO,gBAAgB,CAACyE,KAAK,CAACC,MAAM,EAAEpB,MAAM,CAAC;QACnDR,QAAQ,CAACO,IAAI,IAAI;UACb,OAAO;YACH,GAAGA,IAAI;YACPtD,MAAM,EAAE0C,SAAS;YACjB5C,MAAM,EAAE4C,SAAS;YACjB/B,QAAQ,EAAE,IAAIC,GAAG,CAAC,CAAC;YACnBgD,MAAM,EAAE,IAAI;YACZV,SAAS,EAAE,KAAK;YAChBF,IAAI;YACJtD;UACJ,CAAC;QACL,CAAC,CAAC;MACN,CAAC,CAAC,OAAOiE,EAAE,EAAE;QACTZ,QAAQ,CAACO,IAAI,IAAI;UACb,OAAO;YACH,GAAGA,IAAI;YACPN,IAAI;YACJrC,QAAQ,EAAE,IAAIC,GAAG,CAAC,CAAC;YACnBsC,SAAS,EAAE,KAAK;YAChBpD,MAAM,EAAE4C,SAAS;YACjB1C,MAAM,EAAE0C,SAAS;YACjBhD,IAAI,EAAE,IAAI;YACVkE,MAAM,EAAE,CAACD,EAAE,CAACE,OAAO;UACvB,CAAC;QACL,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;IACFU,MAAM,CAACK,UAAU,CAAC5B,IAAI,CAAC;EAC3B,CAAC,EACD,CAAC3B,KAAK,CAAC3B,IAAI,EAAEqD,QAAQ,CACzB,CAAC;EAED,MAAM8B,WAAW,GAAG5F,WAAW,CAC1B4C,KAAa,IAAK;IACfkB,QAAQ,CAACO,IAAI,IAAI;MACb,OAAO;QACH,GAAGA,IAAI;QACPN,IAAI,EAAE,IAAI;QACVY,MAAM,EAAE,CAAC/B,KAAK;MAClB,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EACD,CAACR,KAAK,EAAE0B,QAAQ,CACpB,CAAC;EAED,MAAM+B,eAAe,GAAG7F,WAAW,CAC/ByB,IAAI,IAAI;IACJ,OAAOW,KAAK,CAACV,QAAQ,CAACO,GAAG,CAACR,IAAI,CAACI,EAAE,CAAC;EACtC,CAAC,EACD,CAACO,KAAK,CAACV,QAAQ,CACnB,CAAC;EAED,MAAMoE,cAAc,GAAG9F,WAAW,CAC9B,CAAC;IAAE6B,EAAE,EAAE6D;EAAO,CAAC,KAAK;IAChB,KAAK,MAAM7D,EAAE,IAAIO,KAAK,CAACV,QAAQ,CAACY,IAAI,CAAC,CAAC,EAAE;MACpC,IAAIT,EAAE,KAAK6D,MAAM,EAAE;QACf;MACJ;MACA,MAAM5D,OAAO,GAAGM,KAAK,CAACV,QAAQ,CAACqE,GAAG,CAAClE,EAAE,CAAC;MACtC,IAAIC,OAAO,EAAEe,QAAQ,CAAChB,EAAE,CAAC,EAAE;QACvB,OAAO,IAAI;MACf;IACJ;IACA,OAAO,KAAK;EAChB,CAAC,EACD,CAACO,KAAK,CAACV,QAAQ,CACnB,CAAC;EAED,MAAMsE,QAAQ,GAAGhG,WAAW,CACxByB,IAAI,IAAI;IACJ,IAAIoE,eAAe,CAACpE,IAAI,CAAC,EAAE;MACvB;IACJ;IACAqC,QAAQ,CAACO,IAAI,IAAI;MACb,OAAO;QACH,GAAGA,IAAI;QACP3C,QAAQ,EAAEJ,cAAc,CAAC;UACrBE,QAAQ,EAAE6C,IAAI,CAAC3C,QAAQ;UACvBX,MAAM,EAAEqB,KAAK,CAACrB,MAAM,IAAI,EAAE;UAC1BU;QACJ,CAAC;MACL,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EACD,CAACoE,eAAe,EAAEzD,KAAK,CAACrB,MAAM,EAAEqB,KAAK,CAACV,QAAQ,CAClD,CAAC;EACD,MAAMuE,WAAW,GAAGjG,WAAW,CAC3ByB,IAAI,IAAI;IACJ,IAAIqE,cAAc,CAACrE,IAAI,CAAC,EAAE;MACtBoC,YAAY,CACR,UAAUpC,IAAI,CAACuD,IAAI,6DACvB,CAAC;MACD;IACJ;IACAlB,QAAQ,CAACO,IAAI,IAAI;MACb,MAAM3C,QAAQ,GAAG2C,IAAI,CAAC3C,QAAQ;MAC9BA,QAAQ,CAACwE,MAAM,CAACzE,IAAI,CAACI,EAAE,CAAC;MACxB,OAAO;QACH,GAAGwC,IAAI;QACP3C;MACJ,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EACD,CAACU,KAAK,EAAE0B,QAAQ,CACpB,CAAC;EAED,MAAMqC,WAAW,GAAGnG,WAAW,CAC3ByB,IAAI,IAAI;IACJ,IAAIoE,eAAe,CAACpE,IAAI,CAAC,EAAE;MACvBwE,WAAW,CAACxE,IAAI,CAAC;MACjB;IACJ;IACAuE,QAAQ,CAACvE,IAAI,CAAC;EAClB,CAAC,EACD,CAACoE,eAAe,EAAEG,QAAQ,EAAEC,WAAW,CAC3C,CAAC;EAED,MAAMG,KAA8B,GAAG;IACnC3F,IAAI,EAAE2B,KAAK,CAAC3B,IAAI,IAAI,IAAI;IACxBuD,OAAO,EAAE5B,KAAK,CAAC4B,OAAO,IAAI,KAAK;IAC/BnD,MAAM,EAAEuB,KAAK,CAACvB,MAAM,IAAI,EAAE;IAC1BE,MAAM,EAAEqB,KAAK,CAACrB,MAAM,IAAI,EAAE;IAC1B4D,MAAM,EAAEvC,KAAK,CAACuC,MAAM,IAAI,EAAE;IAC1BV,SAAS,EAAE7B,KAAK,CAAC6B,SAAS,IAAI,KAAK;IACnCC,WAAW;IACX4B,cAAc;IACd/B,IAAI,EAAE3B,KAAK,CAAC2B,IAAI;IAChBsB,MAAM;IACNO,WAAW;IACXzB,sBAAsB;IACtBc,kBAAkB;IAClBkB,WAAW;IACXN;EACJ,CAAC;EAED,oBAAO9F,KAAA,CAAAsG,aAAA,CAAC9C,aAAa,CAAC+C,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAEzC,QAAQ,CAACyC,KAAK,CAA0B,CAAC;AAC3F,CAAC","ignoreList":[]}
+{"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.js

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

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

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

@@ -1,46 +1,33 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-export 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}`;
-  }
+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 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1mmuzbo0"
-} : {
-  target: "e1mmuzbo0",
-  label: "DisplayError"
-})(process.env.NODE_ENV === "production" ? {
-  name: "us3rfc",
-  styles: "color:var(--mdc-theme-error);width:90%;margin:5px auto 0 auto;text-align:right"
-} : {
-  name: "us3rfc",
-  styles: "color:var(--mdc-theme-error);width:90%;margin:5px auto 0 auto;text-align:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9ycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJxQiIsImZpbGUiOiJFcnJvcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGaWxlRXJyb3IgfSBmcm9tIFwicmVhY3QtYnV0dGVyZmlsZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgZ2V0RXJyb3IgPSAoZXJyb3I6IEZpbGVFcnJvcik6IHN0cmluZyA9PiB7XG4gICAgc3dpdGNoIChlcnJvci50eXBlKSB7XG4gICAgICAgIGNhc2UgXCJ1bnN1cHBvcnRlZEZpbGVUeXBlXCI6XG4gICAgICAgICAgICByZXR1cm4gYFVuc3VwcG9ydGVkIGZpbGUgdHlwZSBcIiR7ZXJyb3IuZmlsZT8udHlwZSB8fCBcInVua25vd25cIn1cIi5gO1xuICAgICAgICBjYXNlIFwibWF4U2l6ZUV4Y2VlZGVkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJPbmUgb3IgbW9yZSBmaWxlIHNpemVzIGFyZSBncmVhdGVyIHRoYW4gbWF4U2l6ZSB2YWx1ZS5cIjtcbiAgICAgICAgY2FzZSBcIm11bHRpcGxlTWF4Q291bnRFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgbW9yZSBmaWxlcyB0aGFuIGFsbG93ZWQuXCI7XG4gICAgICAgIGNhc2UgXCJtdWx0aXBsZU1heFNpemVFeGNlZWRlZFwiOlxuICAgICAgICAgICAgcmV0dXJuIFwiU2VsZWN0ZWQgb25lIG9yIG1vcmUgZmlsZXMgd2l0aCB0aGVpciB0b3RhbCBzaXplIGdyZWF0ZXIgdGhhbiBhbGxvd2VkLlwiO1xuICAgICAgICBjYXNlIFwibXVsdGlwbGVOb3RBbGxvd2VkXCI6XG4gICAgICAgICAgICByZXR1cm4gXCJDYW5ub3QgdXBsb2FkIG1vcmUgdGhhbiBvbmUgZmlsZSBhdCBvbmNlLlwiO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgcmV0dXJuIGBVbmtub3duIGVycm9yOiAke2Vycm9yLnR5cGV9YDtcbiAgICB9XG59O1xuXG5jb25zdCBEaXNwbGF5RXJyb3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1lcnJvcilcIixcbiAgICB3aWR0aDogXCI5MCVcIixcbiAgICBtYXJnaW46IFwiNXB4IGF1dG8gMCBhdXRvXCIsXG4gICAgdGV4dEFsaWduOiBcInJpZ2h0XCJcbn0pO1xuXG5pbnRlcmZhY2UgRXJyb3JzUHJvcHMge1xuICAgIGVycm9ycz86IHN0cmluZ1tdIHwgbnVsbDtcbn1cblxuZXhwb3J0IGNvbnN0IEVycm9ycyA9ICh7IGVycm9ycyB9OiBFcnJvcnNQcm9wcykgPT4ge1xuICAgIGlmICghZXJyb3JzPy5sZW5ndGgpIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICB7ZXJyb3JzLm1hcCgoZXJyb3IsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIDxEaXNwbGF5RXJyb3Iga2V5PXtgZXJyb3ItJHtpbmRleH1gfT57ZXJyb3J9PC9EaXNwbGF5RXJyb3I+O1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const DisplayError = styled("div")({
+    color: "var(--mdc-theme-error)",
+    width: "90%",
+    margin: "5px auto 0 auto",
+    textAlign: "right"
 });
-export const Errors = ({
-  errors
-}) => {
-  if (!errors?.length) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, errors.map((error, index) => {
-    return /*#__PURE__*/React.createElement(DisplayError, {
-      key: `error-${index}`
-    }, error);
-  }));
+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

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

@@ -1,46 +1,34 @@
-import React from "react";
-import Files from "react-butterfiles";
+import react from "react";
+import react_butterfiles from "react-butterfiles";
 import { Text } from "@webiny/admin-ui";
 import { getError } from "./Errors.js";
 import { useImport } from "../useImport.js";
-export const FileUpload = () => {
-  const {
-    onFile,
-    onFileError,
-    file
-  } = useImport();
-  const fileName = file?.name;
-  return /*#__PURE__*/React.createElement(Files, {
-    accept: ["application/json"],
-    maxSize: "5mb",
-    onSuccess: files => {
-      const file = files.find(f => f.src.file);
-      const uploadedFile = file?.src?.file;
-      if (!uploadedFile) {
-        onFileError("File is not valid. Please make sure you are uploading a valid JSON file.");
-        return;
-      }
-      onFile(uploadedFile);
-    },
-    onError: err => {
-      const errors = err.map(er => {
-        return getError(er);
-      });
-      if (errors.length === 0) {
-        return;
-      }
-      onFileError(errors[0]);
-    },
-    multiple: false
-  }, ({
-    browseFiles,
-    getDropZoneProps
-  }) => {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", Object.assign({
-      className: "w-full mx-auto my-0 border-sm border-dashed cursor-pointer border-neutral-muted bg-neutral-base text-center p-md ",
-      onClick: () => browseFiles()
-    }, getDropZoneProps()), /*#__PURE__*/React.createElement(Text, null, fileName || "Drop a file here, or click to select one.")));
-  });
+const FileUpload = ()=>{
+    const { onFile, onFileError, file } = useImport();
+    const fileName = file?.name;
+    return /*#__PURE__*/ react.createElement(react_butterfiles, {
+        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 +1 @@
-{"version":3,"names":["React","Files","Text","getError","useImport","FileUpload","onFile","onFileError","file","fileName","name","createElement","accept","maxSize","onSuccess","files","find","f","src","uploadedFile","onError","err","errors","map","er","length","multiple","browseFiles","getDropZoneProps","Fragment","Object","assign","className","onClick"],"sources":["FileUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport Files from \"react-butterfiles\";\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        <Files\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        </Files>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,mBAAmB;AACrC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AACjB,SAASC,SAAS;AAElB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGJ,SAAS,CAAC,CAAC;EACjD,MAAMK,QAAQ,GAAGD,IAAI,EAAEE,IAAI;EAE3B,oBACIV,KAAA,CAAAW,aAAA,CAACV,KAAK;IACFW,MAAM,EAAE,CAAC,kBAAkB,CAAE;IAC7BC,OAAO,EAAE,KAAM;IACfC,SAAS,EAAEC,KAAK,IAAI;MAChB,MAAMP,IAAI,GAAGO,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,GAAG,CAACV,IAAI,CAAC;MACxC,MAAMW,YAAY,GAAGX,IAAI,EAAEU,GAAG,EAAEV,IAAI;MACpC,IAAI,CAACW,YAAY,EAAE;QACfZ,WAAW,CACP,0EACJ,CAAC;QACD;MACJ;MACAD,MAAM,CAACa,YAAY,CAAC;IACxB,CAAE;IACFC,OAAO,EAAEC,GAAG,IAAI;MACZ,MAAMC,MAAM,GAAGD,GAAG,CAACE,GAAG,CAACC,EAAE,IAAI;QACzB,OAAOrB,QAAQ,CAACqB,EAAE,CAAC;MACvB,CAAC,CAAC;MACF,IAAIF,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;QACrB;MACJ;MACAlB,WAAW,CAACe,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAE;IACFI,QAAQ,EAAE;EAAM,GAEf,CAAC;IAAEC,WAAW;IAAEC;EAAiB,CAAC,KAAK;IACpC,oBACI5B,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAAW,aAAA,QAAAmB,MAAA,CAAAC,MAAA;MACIC,SAAS,EACL,mHACH;MACDC,OAAO,EAAEA,CAAA,KAAMN,WAAW,CAAC;IAAE,GACzBC,gBAAgB,CAAC,CAAC,gBAEtB5B,KAAA,CAAAW,aAAA,CAACT,IAAI,QAAEO,QAAQ,IAAI,2CAAkD,CACpE,CACP,CAAC;EAEX,CACG,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"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 Files from \"react-butterfiles\";\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        <Files\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        </Files>\n    );\n};\n"],"names":["FileUpload","onFile","onFileError","file","useImport","fileName","Files","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,mBAAKA;QACF,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

@@ -1,18 +1,15 @@
-import React from "react";
+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");
-export 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);
+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

@@ -1 +1 @@
-{"version":3,"names":["React","Button","i18n","t","ns","ImportButton","onClick","validated","disabled","text","createElement","variant"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,0EAA0E,CAAC;AAQ7F,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EACjF,MAAMC,IAAI,GAAGF,SAAS,GAAGJ,CAAC,QAAQ,GAAGA,CAAC,eAAe;EACrD,oBACIH,KAAA,CAAAU,aAAA,CAACT,MAAM;IAACU,OAAO,EAAE,SAAU;IAACL,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAEA;EAAS,GAC5DC,IACG,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"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

@@ -1,23 +1,12 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from "react";
-const Instructions = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1cgvawl0"
-} : {
-  target: "e1cgvawl0",
-  label: "Instructions"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cvjc",
-  styles: "font-size:0.8rem;margin:10px 0"
-} : {
-  name: "1cvjc",
-  styles: "font-size:0.8rem;margin:10px 0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFMaXN0SW5zdHJ1Y3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHcUIiLCJmaWxlIjoiRGF0YUxpc3RJbnN0cnVjdGlvbnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmNvbnN0IEluc3RydWN0aW9ucyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZm9udFNpemU6IFwiMC44cmVtXCIsXG4gICAgbWFyZ2luOiBcIjEwcHggMFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IERhdGFMaXN0SW5zdHJ1Y3Rpb25zID0gKCkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxJbnN0cnVjdGlvbnM+XG4gICAgICAgICAgICA8aDQ+SW5zdHJ1Y3Rpb25zPC9oND5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIFRvIGxlYXJuIGhvdyB0byB1c2UgdGhlIGltcG9ydCBmdW5jdGlvbmFsaXR5LCBwbGVhc2UgdmlzaXR7XCIgXCJ9XG4gICAgICAgICAgICAgICAgPGEgaHJlZj1cImh0dHBzOi8vd3d3LndlYmlueS5jb20vZG9jcy91c2VyLWd1aWRlcy9oZWFkbGVzcy1jbXMvYWR2YW5jZWQvaW1wb3J0LWV4cG9ydC1jb250ZW50LW1vZGVsc1wiPlxuICAgICAgICAgICAgICAgICAgICB0aGlzIGFydGljbGVcbiAgICAgICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICAgICAgLlxuICAgICAgICAgICAgPC9wPlxuICAgICAgICA8L0luc3RydWN0aW9ucz5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import react from "react";
+import styled from "@emotion/styled";
+const Instructions = styled("div")({
+    fontSize: "0.8rem",
+    margin: "10px 0"
 });
-export const DataListInstructions = () => {
-  return /*#__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"), "."));
-};
+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

@@ -1 +1 @@
-{"version":3,"names":["React","Instructions","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","DataListInstructions","createElement","href"],"sources":["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"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,MAAMC,YAAY,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAGjC,CAAC;AAEF,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,YAAY,qBACTD,KAAA,CAAAa,aAAA,aAAI,cAAgB,CAAC,eACrBb,KAAA,CAAAa,aAAA,YAAG,4DAC2D,EAAC,GAAG,eAC9Db,KAAA,CAAAa,aAAA;IAAGC,IAAI,EAAC;EAA4F,GAAC,cAElG,CAAC,KAEL,CACO,CAAC;AAEvB,CAAC","ignoreList":[]}
+{"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"}