@webiny/app-headless-cms 6.5.0-beta.4 → 6.5.0-beta.5

package/presentation/modelGroup/ModelGroupPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n    ModelGroupPresenter as Abstraction,\n    type IModelGroupPresenter,\n    type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n    if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n        return (icon as { name: string }).name;\n    }\n    if (typeof icon === \"string\") {\n        return icon;\n    }\n    return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n    return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n    private selectedGroup: ModelGroupDto | null = null;\n    private loading = false;\n    private saving = false;\n    private showForm = false;\n    private form: IFormModel;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private getRoleUseCase: GetModelGroupUseCase.Interface,\n        private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n        private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n        private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n        private cache: ModelGroupsCache.Interface\n    ) {\n        this.form = this.buildForm(false, false);\n        makeAutoObservable<\n            ModelGroupPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"getRoleUseCase\"\n            | \"createModelGroupUseCase\"\n            | \"updateModelGroupUseCase\"\n            | \"deleteModelGroupUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            getRoleUseCase: false,\n            createModelGroupUseCase: false,\n            updateModelGroupUseCase: false,\n            deleteModelGroupUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IModelGroupPresenterViewModel {\n        const group = this.selectedGroup;\n        const isPluginGroup = group !== null && (group.plugin ?? false);\n\n        return {\n            selectedGroup: this.selectedGroup,\n            loading: this.loading,\n            saving: this.saving,\n            showForm: this.showForm,\n            canModify: !isPluginGroup,\n            isPluginGroup,\n            form: this.form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ModelGroupDto> {\n        return this.listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectGroup(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n            this.showForm = true;\n        });\n\n        try {\n            const group = await this.getRoleUseCase.execute(id);\n            const isPluginGroup = group.plugin ?? false;\n            const canModify = !isPluginGroup;\n\n            runInAction(() => {\n                this.selectedGroup = group;\n                this.form = this.buildForm(false, canModify);\n                this.form.setData({\n                    name: group.name,\n                    slug: group.slug,\n                    description: group.description,\n                    icon: extractIconName(group.icon)\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this.selectedGroup = null;\n        this.form = this.buildForm(true, true);\n        this.form.setData({ icon: \"fas/star\", description: \"\" });\n        this.showForm = true;\n    }\n\n    deselect(): void {\n        this.selectedGroup = null;\n        this.showForm = false;\n    }\n\n    async save(): Promise<ModelGroupDto | null> {\n        const data = await this.form.submit<ModelGroupDto>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n            const iconValue = toIconValue(data.icon as unknown as string);\n\n            if (isUpdate) {\n                const group = await this.updateModelGroupUseCase.execute({\n                    id: this.selectedGroup!.id,\n                    name: data.name as unknown as string,\n                    slug: this.selectedGroup!.slug,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                });\n                return group;\n            } else {\n                const group = await this.createModelGroupUseCase.execute({\n                    name: data.name as unknown as string,\n                    slug: data.slug as unknown as string,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                    this.form = this.buildForm(false, true);\n                    this.form.setData({\n                        name: group.name,\n                        slug: group.slug,\n                        description: group.description,\n                        icon: extractIconName(group.icon)\n                    });\n                });\n                return group;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    async deleteGroup(id: string): Promise<void> {\n        await this.deleteModelGroupUseCase.execute(id);\n\n        runInAction(() => {\n            if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n                this.selectedGroup = null;\n                this.showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                icon: fields\n                    .text()\n                    .label(\"Group icon\")\n                    .required(\"Icon is required.\")\n                    .disabled(!canModify)\n                    .renderer(\"cmsIconPicker\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .renderer(\"textarea\")\n                    .disabled(!canModify)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"slug\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\")\n            ]\n        });\n    }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n    implementation: ModelGroupPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        GetModelGroupUseCase,\n        CreateModelGroupUseCase,\n        UpdateModelGroupUseCase,\n        DeleteModelGroupUseCase,\n        ModelGroupsCache\n    ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","slugify","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache"],"mappings":"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"}
+{"version":3,"file":"presentation/modelGroup/ModelGroupPresenter.js","sources":["../../../src/presentation/modelGroup/ModelGroupPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { ModelGroupDto } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { ListModelGroupsUseCase } from \"~/features/modelGroup/listModelGroups/abstractions.js\";\nimport { GetModelGroupUseCase } from \"~/features/modelGroup/getModelGroup/abstractions.js\";\nimport { CreateModelGroupUseCase } from \"~/features/modelGroup/createModelGroup/abstractions.js\";\nimport { UpdateModelGroupUseCase } from \"~/features/modelGroup/updateModelGroup/abstractions.js\";\nimport { DeleteModelGroupUseCase } from \"~/features/modelGroup/deleteModelGroup/abstractions.js\";\nimport { ModelGroupsCache } from \"~/features/modelGroup/abstractions.js\";\nimport {\n    ModelGroupPresenter as Abstraction,\n    type IModelGroupPresenter,\n    type IModelGroupPresenterViewModel\n} from \"./abstractions.js\";\nimport { ModelGroupDataSource } from \"./ModelGroupDataSource.js\";\n\nfunction extractIconName(icon: unknown): string {\n    if (icon !== null && typeof icon === \"object\" && \"name\" in icon) {\n        return (icon as { name: string }).name;\n    }\n    if (typeof icon === \"string\") {\n        return icon;\n    }\n    return \"\";\n}\n\nfunction toIconValue(name: string): { type: string; name: string } {\n    return { type: \"icon\", name };\n}\n\nclass ModelGroupPresenterImpl implements IModelGroupPresenter {\n    private selectedGroup: ModelGroupDto | null = null;\n    private loading = false;\n    private saving = false;\n    private showForm = false;\n    private form: IFormModel;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<ModelGroupDto>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listModelGroupsUseCase: ListModelGroupsUseCase.Interface,\n        private getRoleUseCase: GetModelGroupUseCase.Interface,\n        private createModelGroupUseCase: CreateModelGroupUseCase.Interface,\n        private updateModelGroupUseCase: UpdateModelGroupUseCase.Interface,\n        private deleteModelGroupUseCase: DeleteModelGroupUseCase.Interface,\n        private cache: ModelGroupsCache.Interface\n    ) {\n        this.form = this.buildForm(false, false);\n        makeAutoObservable<\n            ModelGroupPresenterImpl,\n            | \"formModelFactory\"\n            | \"listModelGroupsUseCase\"\n            | \"getRoleUseCase\"\n            | \"createModelGroupUseCase\"\n            | \"updateModelGroupUseCase\"\n            | \"deleteModelGroupUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listModelGroupsUseCase: false,\n            getRoleUseCase: false,\n            createModelGroupUseCase: false,\n            updateModelGroupUseCase: false,\n            deleteModelGroupUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IModelGroupPresenterViewModel {\n        const group = this.selectedGroup;\n        const isPluginGroup = group !== null && (group.plugin ?? false);\n\n        return {\n            selectedGroup: this.selectedGroup,\n            loading: this.loading,\n            saving: this.saving,\n            showForm: this.showForm,\n            canModify: !isPluginGroup,\n            isPluginGroup,\n            form: this.form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ModelGroupDto> {\n        return this.listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ModelGroupDataSource(this.listModelGroupsUseCase, this.cache);\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectGroup(id: string): Promise<void> {\n        runInAction(() => {\n            this.loading = true;\n            this.showForm = true;\n        });\n\n        try {\n            const group = await this.getRoleUseCase.execute(id);\n            const isPluginGroup = group.plugin ?? false;\n            const canModify = !isPluginGroup;\n\n            runInAction(() => {\n                this.selectedGroup = group;\n                this.form = this.buildForm(false, canModify);\n                this.form.setData({\n                    name: group.name,\n                    slug: group.slug,\n                    description: group.description,\n                    icon: extractIconName(group.icon)\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this.selectedGroup = null;\n        this.form = this.buildForm(true, true);\n        this.form.setData({ icon: \"fas/star\", description: \"\" });\n        this.showForm = true;\n    }\n\n    deselect(): void {\n        this.selectedGroup = null;\n        this.showForm = false;\n    }\n\n    async save(): Promise<ModelGroupDto | null> {\n        const data = await this.form.submit<ModelGroupDto>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n        });\n\n        try {\n            const isUpdate = this.selectedGroup !== null && this.selectedGroup.createdOn;\n\n            const iconValue = toIconValue(data.icon as unknown as string);\n\n            if (isUpdate) {\n                const group = await this.updateModelGroupUseCase.execute({\n                    id: this.selectedGroup!.id,\n                    name: data.name as unknown as string,\n                    slug: this.selectedGroup!.slug,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                });\n                return group;\n            } else {\n                const group = await this.createModelGroupUseCase.execute({\n                    name: data.name as unknown as string,\n                    slug: data.slug as unknown as string,\n                    description: data.description as unknown as string,\n                    icon: iconValue as unknown as string\n                });\n                runInAction(() => {\n                    this.selectedGroup = group;\n                    this.form = this.buildForm(false, true);\n                    this.form.setData({\n                        name: group.name,\n                        slug: group.slug,\n                        description: group.description,\n                        icon: extractIconName(group.icon)\n                    });\n                });\n                return group;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    async deleteGroup(id: string): Promise<void> {\n        await this.deleteModelGroupUseCase.execute(id);\n\n        runInAction(() => {\n            if (this.selectedGroup !== null && this.selectedGroup.id === id) {\n                this.selectedGroup = null;\n                this.showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                icon: fields\n                    .text()\n                    .label(\"Group icon\")\n                    .required(\"Icon is required.\")\n                    .disabled(!canModify)\n                    .renderer(\"cmsIconPicker\"),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .renderer(\"textarea\")\n                    .disabled(!canModify)\n            }),\n            layout: layout => [\n                layout.row(\"name\"),\n                layout.row(\"slug\"),\n                layout.row(\"icon\"),\n                layout.row(\"description\")\n            ]\n        });\n    }\n}\n\nexport const ModelGroupPresenter = Abstraction.createImplementation({\n    implementation: ModelGroupPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListModelGroupsUseCase,\n        GetModelGroupUseCase,\n        CreateModelGroupUseCase,\n        UpdateModelGroupUseCase,\n        DeleteModelGroupUseCase,\n        ModelGroupsCache\n    ]\n});\n"],"names":["extractIconName","icon","toIconValue","name","ModelGroupPresenterImpl","listPresenter","formModelFactory","listModelGroupsUseCase","getRoleUseCase","createModelGroupUseCase","updateModelGroupUseCase","deleteModelGroupUseCase","cache","makeAutoObservable","computed","group","isPluginGroup","dataSource","ModelGroupDataSource","id","runInAction","canModify","data","isUpdate","iconValue","isNew","fields","value","form","slugValue","slugify","String","layout","ModelGroupPresenter","Abstraction","ListPresenter","FormModelFactory","ListModelGroupsUseCase","GetModelGroupUseCase","CreateModelGroupUseCase","UpdateModelGroupUseCase","DeleteModelGroupUseCase","ModelGroupsCache"],"mappings":"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"}

package/presentation/modelGroup/components/ContentModelGroups.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const ContentModelGroups: (() => React.JSX.Element) & {
-    displayName: string;
+declare const ContentModelGroups: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };
 export default ContentModelGroups;

package/presentation/modelGroup/components/ContentModelGroupsDataList.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 export declare const ContentModelGroupsDataList: (({ activeId }: {
     activeId: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    activeId: string | undefined;
+}> & {
+    readonly type: ({ activeId }: {
+        activeId: string | undefined;
+    }) => React.JSX.Element;
 };

package/presentation/modelGroup/components/ContentModelGroupsForm.d.ts

@@ -2,6 +2,12 @@ import React from "react";
 export declare const ContentModelGroupsForm: (({ newEntry, id }: {
     newEntry: boolean;
     id: string | undefined;
-}) => React.JSX.Element) & {
-    displayName: string;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    newEntry: boolean;
+    id: string | undefined;
+}> & {
+    readonly type: ({ newEntry, id }: {
+        newEntry: boolean;
+        id: string | undefined;
+    }) => React.JSX.Element;
 };

package/utils/normalizeIcon.d.ts

@@ -1,3 +1,7 @@
 import type { IconProp } from "@fortawesome/fontawesome-svg-core";
 import type { CmsIcon } from "@webiny/app-headless-cms-common/types/index.js";
+/**
+ * Converts a stored icon ("prefix/name") into a FontAwesome icon tuple.
+ * Returns undefined when the value is missing or not in the "prefix/name" format.
+ */
 export declare const normalizeIcon: (icon: string | CmsIcon | undefined) => IconProp | undefined;

package/utils/normalizeIcon.js

@@ -1,10 +1,13 @@
 const normalizeIcon = (icon)=>{
-    let iconName;
-    if (icon) {
-        const name = "string" == typeof icon ? icon : icon.name;
-        iconName = name.split("/");
-    }
-    return iconName;
+    if (!icon) return;
+    const name = "string" == typeof icon ? icon : icon.name;
+    if (!name) return;
+    const [prefix, iconName, ...rest] = name.split("/");
+    if (!prefix || !iconName || rest.length > 0) return;
+    return [
+        prefix,
+        iconName
+    ];
 };
 export { normalizeIcon };
 

package/utils/normalizeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils/normalizeIcon.js","sources":["../../src/utils/normalizeIcon.ts"],"sourcesContent":["import type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport type { CmsIcon } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const normalizeIcon = (icon: string | CmsIcon | undefined) => {\n    let iconName: IconProp | undefined = undefined;\n    if (icon) {\n        const name = typeof icon === \"string\" ? icon : icon.name;\n        iconName = name.split(\"/\") as IconProp;\n    }\n    return iconName;\n};\n"],"names":["normalizeIcon","icon","iconName","name"],"mappings":"AAGO,MAAMA,gBAAgB,CAACC;IAC1B,IAAIC;IACJ,IAAID,MAAM;QACN,MAAME,OAAO,AAAgB,YAAhB,OAAOF,OAAoBA,OAAOA,KAAK,IAAI;QACxDC,WAAWC,KAAK,KAAK,CAAC;IAC1B;IACA,OAAOD;AACX"}
+{"version":3,"file":"utils/normalizeIcon.js","sources":["../../src/utils/normalizeIcon.ts"],"sourcesContent":["import type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport type { CmsIcon } from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/**\n * Converts a stored icon (\"prefix/name\") into a FontAwesome icon tuple.\n * Returns undefined when the value is missing or not in the \"prefix/name\" format.\n */\nexport const normalizeIcon = (icon: string | CmsIcon | undefined): IconProp | undefined => {\n    if (!icon) {\n        return undefined;\n    }\n    const name = typeof icon === \"string\" ? icon : icon.name;\n    if (!name) {\n        return undefined;\n    }\n    const [prefix, iconName, ...rest] = name.split(\"/\");\n    if (!prefix || !iconName || rest.length > 0) {\n        return undefined;\n    }\n    return [prefix, iconName] as IconProp;\n};\n"],"names":["normalizeIcon","icon","name","prefix","iconName","rest"],"mappings":"AAOO,MAAMA,gBAAgB,CAACC;IAC1B,IAAI,CAACA,MACD;IAEJ,MAAMC,OAAO,AAAgB,YAAhB,OAAOD,OAAoBA,OAAOA,KAAK,IAAI;IACxD,IAAI,CAACC,MACD;IAEJ,MAAM,CAACC,QAAQC,UAAU,GAAGC,KAAK,GAAGH,KAAK,KAAK,CAAC;IAC/C,IAAI,CAACC,UAAU,CAACC,YAAYC,KAAK,MAAM,GAAG,GACtC;IAEJ,OAAO;QAACF;QAAQC;KAAS;AAC7B"}