@webiny/webhooks 0.0.0-unstable.7be00a75a9

package/admin/presentation/WebhookForm/WebhookFormPresenter.d.ts

@@ -0,0 +1,42 @@
+import { type IWebhookFormPresenter, type IWebhookFormViewModel } from "./abstractions.js";
+import { GetWebhookUseCase } from "../../../admin/features/getWebhook/abstractions.js";
+import { CreateWebhookUseCase } from "../../../admin/features/createWebhook/abstractions.js";
+import { UpdateWebhookUseCase } from "../../../admin/features/updateWebhook/abstractions.js";
+import { DeleteWebhookUseCase } from "../../../admin/features/deleteWebhook/abstractions.js";
+import { ListAvailableEventsUseCase } from "../../../admin/features/listAvailableEvents/abstractions.js";
+import { WebhookPermissions } from "../../../admin/features/permissions/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+declare class WebhookFormPresenterImpl implements IWebhookFormPresenter {
+    private readonly formModelFactory;
+    private readonly getWebhookUseCase;
+    private readonly createWebhookUseCase;
+    private readonly updateWebhookUseCase;
+    private readonly deleteWebhookUseCase;
+    private readonly listAvailableEventsUseCase;
+    private readonly permissions;
+    private _loading;
+    private _saving;
+    private _isNew;
+    private _webhook;
+    private _showDeliveries;
+    private _webhookId;
+    private _form;
+    private _entityFieldNames;
+    private _entityGroups;
+    get vm(): IWebhookFormViewModel;
+    constructor(formModelFactory: FormModelFactory.Interface, getWebhookUseCase: GetWebhookUseCase.Interface, createWebhookUseCase: CreateWebhookUseCase.Interface, updateWebhookUseCase: UpdateWebhookUseCase.Interface, deleteWebhookUseCase: DeleteWebhookUseCase.Interface, listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface, permissions: WebhookPermissions.Interface);
+    private buildForm;
+    private entityFieldName;
+    private addEventFields;
+    private collectEvents;
+    private distributeEvents;
+    save(): Promise<void>;
+    deleteWebhook(): Promise<void>;
+    openDeliveries(): void;
+    closeDeliveries(): void;
+    init(id: string): Promise<void>;
+}
+export declare const WebhookFormPresenter: typeof WebhookFormPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IWebhookFormPresenter>;
+};
+export {};

package/admin/presentation/WebhookForm/WebhookFormPresenter.js

@@ -0,0 +1,252 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { WebhookFormPresenter } from "./abstractions.js";
+import { GetWebhookUseCase } from "../../features/getWebhook/abstractions.js";
+import { CreateWebhookUseCase } from "../../features/createWebhook/abstractions.js";
+import { UpdateWebhookUseCase } from "../../features/updateWebhook/abstractions.js";
+import { DeleteWebhookUseCase } from "../../features/deleteWebhook/abstractions.js";
+import { ListAvailableEventsUseCase } from "../../features/listAvailableEvents/abstractions.js";
+import { WebhookPermissions } from "../../features/permissions/abstractions.js";
+import { FormModelFactory } from "@webiny/app-admin/features/formModel/abstractions.js";
+class WebhookFormPresenterImpl {
+    get vm() {
+        return {
+            loading: this._loading,
+            saving: this._saving,
+            isNew: this._isNew,
+            webhook: this._webhook,
+            showDeliveries: this._showDeliveries,
+            permissions: {
+                canEdit: this.permissions.canEdit("webhook"),
+                canDelete: this.permissions.canDelete("webhook")
+            },
+            form: this._form.vm
+        };
+    }
+    constructor(formModelFactory, getWebhookUseCase, createWebhookUseCase, updateWebhookUseCase, deleteWebhookUseCase, listAvailableEventsUseCase, permissions){
+        this.formModelFactory = formModelFactory;
+        this.getWebhookUseCase = getWebhookUseCase;
+        this.createWebhookUseCase = createWebhookUseCase;
+        this.updateWebhookUseCase = updateWebhookUseCase;
+        this.deleteWebhookUseCase = deleteWebhookUseCase;
+        this.listAvailableEventsUseCase = listAvailableEventsUseCase;
+        this.permissions = permissions;
+        this._loading = false;
+        this._saving = false;
+        this._isNew = false;
+        this._webhook = null;
+        this._showDeliveries = false;
+        this._webhookId = null;
+        this._entityFieldNames = [];
+        this._entityGroups = new Map();
+        this._form = this.buildForm();
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    buildForm() {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    name: fields.text().label("Name").required("Name is required"),
+                    slug: fields.text().label("Slug").required("Slug is required").computedUntilDirty((form)=>{
+                        const name = String(form.field("name").getValue() ?? "");
+                        return name.trim().toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-");
+                    }),
+                    endpointUrl: fields.text().label("Endpoint URL").required("Endpoint URL is required").placeholder("https://"),
+                    description: fields.text().label("Description").renderer("textarea"),
+                    enabled: fields.boolean().label("Enabled").defaultValue(false)
+                }),
+            layout: (layout)=>[
+                    layout.row("name", "slug"),
+                    layout.row("endpointUrl"),
+                    layout.row("description"),
+                    layout.row("enabled")
+                ]
+        });
+    }
+    entityFieldName(appLabel, entityLabel) {
+        const slug = `${appLabel}_${entityLabel}`.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
+        return `events_${slug}`;
+    }
+    addEventFields(events) {
+        const grouped = new Map();
+        for (const event of events){
+            let appMap = grouped.get(event.appLabel);
+            if (!appMap) {
+                appMap = new Map();
+                grouped.set(event.appLabel, appMap);
+            }
+            const existing = appMap.get(event.entityLabel) ?? [];
+            existing.push(event);
+            appMap.set(event.entityLabel, existing);
+        }
+        this._entityGroups = grouped;
+        this._entityFieldNames = [];
+        this._form.fields((fields)=>{
+            const result = {};
+            for (const [appLabel, entities] of grouped)for (const [entityLabel, entityEvents] of entities){
+                const fieldName = this.entityFieldName(appLabel, entityLabel);
+                this._entityFieldNames.push(fieldName);
+                result[fieldName] = fields.object().label(entityLabel).renderer("objectAccordionSingle", {
+                    open: false
+                }).fields((f)=>({
+                        selected: f.text().list().options(entityEvents.map((e)=>({
+                                label: e.label,
+                                value: e.eventName
+                            }))).renderer("checkboxes")
+                    }));
+            }
+            return result;
+        });
+        this._form.setLayout((layout)=>{
+            const rows = [
+                layout.row("name", "slug"),
+                layout.row("endpointUrl"),
+                layout.row("description"),
+                layout.row("enabled")
+            ];
+            for (const [appLabel, entities] of grouped){
+                rows.push(layout.separator());
+                rows.push(layout.element("sectionHeading", {
+                    label: appLabel
+                }));
+                for (const [entityLabel] of entities){
+                    const fieldName = this.entityFieldName(appLabel, entityLabel);
+                    rows.push(layout.object(fieldName, (inner)=>[
+                            inner.row("selected")
+                        ]));
+                }
+            }
+            return rows;
+        });
+        this._form.addRule((form)=>{
+            if (0 === this._entityFieldNames.length) return [];
+            for (const fieldName of this._entityFieldNames){
+                const objectField = form.field(fieldName).as("object");
+                const selectedField = objectField.children.get("selected");
+                if (!selectedField) continue;
+                const values = selectedField.getValue();
+                if (values && values.length > 0) return [];
+            }
+            return [
+                {
+                    path: "Events",
+                    message: "At least one event must be selected."
+                }
+            ];
+        });
+    }
+    collectEvents() {
+        const allEvents = [];
+        for (const fieldName of this._entityFieldNames){
+            const objectField = this._form.field(fieldName).as("object");
+            const selectedField = objectField.children.get("selected");
+            if (!selectedField) continue;
+            const values = selectedField.getValue();
+            if (values && values.length > 0) allEvents.push(...values);
+        }
+        return allEvents;
+    }
+    distributeEvents(webhookEvents) {
+        const eventSet = new Set(webhookEvents);
+        for (const [appLabel, entities] of this._entityGroups)for (const [entityLabel, entityEvents] of entities){
+            const fieldName = this.entityFieldName(appLabel, entityLabel);
+            const objectField = this._form.field(fieldName).as("object");
+            const selectedField = objectField.children.get("selected");
+            if (!selectedField) continue;
+            const selected = entityEvents.filter((e)=>eventSet.has(e.eventName)).map((e)=>e.eventName);
+            selectedField.setValue(selected);
+        }
+    }
+    async save() {
+        const data = await this._form.submit();
+        if (false === data) return;
+        this._saving = true;
+        try {
+            const merged = {
+                name: data.name,
+                slug: data.slug,
+                endpointUrl: data.endpointUrl,
+                description: data.description || void 0,
+                enabled: data.enabled,
+                events: this.collectEvents()
+            };
+            if (this._isNew) {
+                const created = await this.createWebhookUseCase.execute(merged);
+                runInAction(()=>{
+                    this._webhook = created;
+                    this._webhookId = created.id;
+                    this._isNew = false;
+                    this._form.field("slug").setDisabled(true);
+                });
+            } else {
+                const updated = await this.updateWebhookUseCase.execute(this._webhookId, merged);
+                runInAction(()=>{
+                    this._webhook = updated;
+                });
+            }
+        } finally{
+            runInAction(()=>{
+                this._saving = false;
+            });
+        }
+    }
+    async deleteWebhook() {
+        if (!this._webhookId || this._isNew) return;
+        await this.deleteWebhookUseCase.execute(this._webhookId);
+    }
+    openDeliveries() {
+        this._showDeliveries = true;
+    }
+    closeDeliveries() {
+        this._showDeliveries = false;
+    }
+    async init(id) {
+        this._loading = true;
+        this._isNew = "new" === id;
+        this._webhookId = "new" === id ? null : id;
+        const eventsPromise = this.listAvailableEventsUseCase.execute();
+        if (this._isNew) {
+            const events = await eventsPromise;
+            runInAction(()=>{
+                this._form = this.buildForm();
+                this.addEventFields(events);
+                this._loading = false;
+            });
+        } else {
+            const [webhook, events] = await Promise.all([
+                this.getWebhookUseCase.execute(id),
+                eventsPromise
+            ]);
+            runInAction(()=>{
+                this._webhook = webhook;
+                this._form = this.buildForm();
+                this.addEventFields(events);
+                this._form.setData({
+                    name: webhook.name,
+                    slug: webhook.slug,
+                    endpointUrl: webhook.endpointUrl,
+                    description: webhook.description ?? "",
+                    enabled: webhook.enabled
+                });
+                this._form.field("slug").setDisabled(true);
+                this.distributeEvents(webhook.events);
+                this._loading = false;
+            });
+        }
+    }
+}
+const WebhookFormPresenter_WebhookFormPresenter = WebhookFormPresenter.createImplementation({
+    implementation: WebhookFormPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        GetWebhookUseCase,
+        CreateWebhookUseCase,
+        UpdateWebhookUseCase,
+        DeleteWebhookUseCase,
+        ListAvailableEventsUseCase,
+        WebhookPermissions
+    ]
+});
+export { WebhookFormPresenter_WebhookFormPresenter as WebhookFormPresenter };
+
+//# sourceMappingURL=WebhookFormPresenter.js.map

package/admin/presentation/WebhookForm/WebhookFormPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/WebhookFormPresenter.js","sources":["../../../../src/admin/presentation/WebhookForm/WebhookFormPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\nimport type { WebhookEvent } from \"~/admin/shared/types.js\";\nimport {\n    WebhookFormPresenter as Abstraction,\n    type IWebhookFormPresenter,\n    type IWebhookFormViewModel\n} from \"./abstractions.js\";\nimport { GetWebhookUseCase } from \"~/admin/features/getWebhook/abstractions.js\";\nimport { CreateWebhookUseCase } from \"~/admin/features/createWebhook/abstractions.js\";\nimport { UpdateWebhookUseCase } from \"~/admin/features/updateWebhook/abstractions.js\";\nimport { DeleteWebhookUseCase } from \"~/admin/features/deleteWebhook/abstractions.js\";\nimport { ListAvailableEventsUseCase } from \"~/admin/features/listAvailableEvents/abstractions.js\";\nimport { WebhookPermissions } from \"~/admin/features/permissions/abstractions.js\";\nimport {\n    FormModelFactory,\n    type IFormModel,\n    type ILayoutNodeBuilder\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nclass WebhookFormPresenterImpl implements IWebhookFormPresenter {\n    private _loading = false;\n    private _saving = false;\n    private _isNew = false;\n    private _webhook: Webhook | null = null;\n    private _showDeliveries = false;\n    private _webhookId: string | null = null;\n    private _form: IFormModel;\n    private _entityFieldNames: string[] = [];\n    private _entityGroups: Map<string, Map<string, WebhookEvent[]>> = new Map();\n\n    public get vm(): IWebhookFormViewModel {\n        return {\n            loading: this._loading,\n            saving: this._saving,\n            isNew: this._isNew,\n            webhook: this._webhook,\n            showDeliveries: this._showDeliveries,\n            permissions: {\n                canEdit: this.permissions.canEdit(\"webhook\"),\n                canDelete: this.permissions.canDelete(\"webhook\")\n            },\n            form: this._form.vm\n        };\n    }\n\n    public constructor(\n        private readonly formModelFactory: FormModelFactory.Interface,\n        private readonly getWebhookUseCase: GetWebhookUseCase.Interface,\n        private readonly createWebhookUseCase: CreateWebhookUseCase.Interface,\n        private readonly updateWebhookUseCase: UpdateWebhookUseCase.Interface,\n        private readonly deleteWebhookUseCase: DeleteWebhookUseCase.Interface,\n        private readonly listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface,\n        private readonly permissions: WebhookPermissions.Interface\n    ) {\n        this._form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields.text().label(\"Name\").required(\"Name is required\"),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required\")\n                    .computedUntilDirty(form => {\n                        const name = String(form.field(\"name\").getValue() ?? \"\");\n                        return name\n                            .trim()\n                            .toLowerCase()\n                            .replace(/[^a-z0-9\\s-]/g, \"\")\n                            .replace(/\\s+/g, \"-\");\n                    }),\n                endpointUrl: fields\n                    .text()\n                    .label(\"Endpoint URL\")\n                    .required(\"Endpoint URL is required\")\n                    .placeholder(\"https://\"),\n                description: fields.text().label(\"Description\").renderer(\"textarea\"),\n                enabled: fields.boolean().label(\"Enabled\").defaultValue(false)\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"endpointUrl\"),\n                layout.row(\"description\"),\n                layout.row(\"enabled\")\n            ]\n        });\n    }\n\n    private entityFieldName(appLabel: string, entityLabel: string): string {\n        const slug = `${appLabel}_${entityLabel}`\n            .toLowerCase()\n            .replace(/[^a-z0-9]+/g, \"_\")\n            .replace(/^_|_$/g, \"\");\n        return `events_${slug}`;\n    }\n\n    private addEventFields(events: WebhookEvent[]): void {\n        const grouped = new Map<string, Map<string, WebhookEvent[]>>();\n        for (const event of events) {\n            let appMap = grouped.get(event.appLabel);\n            if (!appMap) {\n                appMap = new Map();\n                grouped.set(event.appLabel, appMap);\n            }\n            const existing = appMap.get(event.entityLabel) ?? [];\n            existing.push(event);\n            appMap.set(event.entityLabel, existing);\n        }\n\n        this._entityGroups = grouped;\n        this._entityFieldNames = [];\n\n        this._form.fields(fields => {\n            const result: Record<string, ReturnType<typeof fields.object>> = {};\n\n            for (const [appLabel, entities] of grouped) {\n                for (const [entityLabel, entityEvents] of entities) {\n                    const fieldName = this.entityFieldName(appLabel, entityLabel);\n                    this._entityFieldNames.push(fieldName);\n\n                    result[fieldName] = fields\n                        .object()\n                        .label(entityLabel)\n                        .renderer(\"objectAccordionSingle\", { open: false })\n                        .fields(f => {\n                            return {\n                                selected: f\n                                    .text()\n                                    .list()\n                                    .options(\n                                        entityEvents.map(e => ({\n                                            label: e.label,\n                                            value: e.eventName\n                                        }))\n                                    )\n                                    .renderer(\"checkboxes\")\n                            };\n                        });\n                }\n            }\n\n            return result;\n        });\n\n        this._form.setLayout(layout => {\n            const rows: ILayoutNodeBuilder[] = [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"endpointUrl\"),\n                layout.row(\"description\"),\n                layout.row(\"enabled\")\n            ];\n\n            for (const [appLabel, entities] of grouped) {\n                rows.push(layout.separator());\n                rows.push(layout.element(\"sectionHeading\", { label: appLabel }));\n\n                for (const [entityLabel] of entities) {\n                    const fieldName = this.entityFieldName(appLabel, entityLabel);\n                    rows.push(layout.object(fieldName, inner => [inner.row(\"selected\")]));\n                }\n            }\n\n            return rows;\n        });\n\n        this._form.addRule(form => {\n            if (this._entityFieldNames.length === 0) {\n                return [];\n            }\n            for (const fieldName of this._entityFieldNames) {\n                const objectField = form.field(fieldName).as(\"object\");\n                const selectedField = objectField.children.get(\"selected\");\n                if (!selectedField) {\n                    continue;\n                }\n                const values = selectedField.getValue<string[]>();\n                if (values && values.length > 0) {\n                    return [];\n                }\n            }\n\n            return [{ path: \"Events\", message: \"At least one event must be selected.\" }];\n        });\n    }\n\n    private collectEvents(): string[] {\n        const allEvents: string[] = [];\n\n        for (const fieldName of this._entityFieldNames) {\n            const objectField = this._form.field(fieldName).as(\"object\");\n            const selectedField = objectField.children.get(\"selected\");\n            if (!selectedField) {\n                continue;\n            }\n            const values = selectedField.getValue<string[]>();\n            if (values && values.length > 0) {\n                allEvents.push(...values);\n            }\n        }\n\n        return allEvents;\n    }\n\n    private distributeEvents(webhookEvents: string[]): void {\n        const eventSet = new Set(webhookEvents);\n\n        for (const [appLabel, entities] of this._entityGroups) {\n            for (const [entityLabel, entityEvents] of entities) {\n                const fieldName = this.entityFieldName(appLabel, entityLabel);\n                const objectField = this._form.field(fieldName).as(\"object\");\n                const selectedField = objectField.children.get(\"selected\");\n                if (!selectedField) {\n                    continue;\n                }\n\n                const selected = entityEvents\n                    .filter(e => eventSet.has(e.eventName))\n                    .map(e => e.eventName);\n                selectedField.setValue(selected);\n            }\n        }\n    }\n\n    public async save(): Promise<void> {\n        const data = await this._form.submit<Record<string, unknown>>();\n        if (data === false) {\n            return;\n        }\n\n        this._saving = true;\n\n        try {\n            const merged = {\n                name: data.name as string,\n                slug: data.slug as string,\n                endpointUrl: data.endpointUrl as string,\n                description: (data.description as string) || undefined,\n                enabled: data.enabled as boolean,\n                events: this.collectEvents()\n            };\n\n            if (this._isNew) {\n                const created = await this.createWebhookUseCase.execute(merged);\n\n                runInAction(() => {\n                    this._webhook = created;\n                    this._webhookId = created.id;\n                    this._isNew = false;\n                    this._form.field(\"slug\").setDisabled(true);\n                });\n            } else {\n                const updated = await this.updateWebhookUseCase.execute(this._webhookId!, merged);\n\n                runInAction(() => {\n                    this._webhook = updated;\n                });\n            }\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    public async deleteWebhook(): Promise<void> {\n        if (!this._webhookId || this._isNew) {\n            return;\n        }\n        await this.deleteWebhookUseCase.execute(this._webhookId);\n    }\n\n    public openDeliveries(): void {\n        this._showDeliveries = true;\n    }\n\n    public closeDeliveries(): void {\n        this._showDeliveries = false;\n    }\n\n    public async init(id: string): Promise<void> {\n        this._loading = true;\n        this._isNew = id === \"new\";\n        this._webhookId = id === \"new\" ? null : id;\n\n        const eventsPromise = this.listAvailableEventsUseCase.execute();\n\n        if (!this._isNew) {\n            const [webhook, events] = await Promise.all([\n                this.getWebhookUseCase.execute(id),\n                eventsPromise\n            ]);\n\n            runInAction(() => {\n                this._webhook = webhook;\n                this._form = this.buildForm();\n                this.addEventFields(events);\n                this._form.setData({\n                    name: webhook.name,\n                    slug: webhook.slug,\n                    endpointUrl: webhook.endpointUrl,\n                    description: webhook.description ?? \"\",\n                    enabled: webhook.enabled\n                });\n                this._form.field(\"slug\").setDisabled(true);\n                this.distributeEvents(webhook.events);\n                this._loading = false;\n            });\n        } else {\n            const events = await eventsPromise;\n\n            runInAction(() => {\n                this._form = this.buildForm();\n                this.addEventFields(events);\n                this._loading = false;\n            });\n        }\n    }\n}\n\nexport const WebhookFormPresenter = Abstraction.createImplementation({\n    implementation: WebhookFormPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        GetWebhookUseCase,\n        CreateWebhookUseCase,\n        UpdateWebhookUseCase,\n        DeleteWebhookUseCase,\n        ListAvailableEventsUseCase,\n        WebhookPermissions\n    ]\n});\n"],"names":["WebhookFormPresenterImpl","formModelFactory","getWebhookUseCase","createWebhookUseCase","updateWebhookUseCase","deleteWebhookUseCase","listAvailableEventsUseCase","permissions","Map","makeAutoObservable","computed","fields","form","name","String","layout","appLabel","entityLabel","slug","events","grouped","event","appMap","existing","result","entities","entityEvents","fieldName","f","e","rows","inner","objectField","selectedField","values","allEvents","webhookEvents","eventSet","Set","selected","data","merged","undefined","created","runInAction","updated","id","eventsPromise","webhook","Promise","WebhookFormPresenter","Abstraction","FormModelFactory","GetWebhookUseCase","CreateWebhookUseCase","UpdateWebhookUseCase","DeleteWebhookUseCase","ListAvailableEventsUseCase","WebhookPermissions"],"mappings":"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"}

package/admin/presentation/WebhookForm/abstractions.d.ts

@@ -0,0 +1,27 @@
+import type { Webhook } from "../../../admin/shared/types.js";
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+export interface IWebhookFormViewModel {
+    loading: boolean;
+    saving: boolean;
+    isNew: boolean;
+    webhook: Webhook | null;
+    showDeliveries: boolean;
+    permissions: {
+        canEdit: boolean;
+        canDelete: boolean;
+    };
+    form: IFormVM;
+}
+export interface IWebhookFormPresenter {
+    vm: IWebhookFormViewModel;
+    init(id: string): void;
+    save(): Promise<void>;
+    deleteWebhook(): Promise<void>;
+    openDeliveries(): void;
+    closeDeliveries(): void;
+}
+export declare const WebhookFormPresenter: import("@webiny/di").Abstraction<IWebhookFormPresenter>;
+export declare namespace WebhookFormPresenter {
+    type Interface = IWebhookFormPresenter;
+    type ViewModel = IWebhookFormViewModel;
+}

package/admin/presentation/WebhookForm/abstractions.js

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

package/admin/presentation/WebhookForm/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/abstractions.js","sources":["../../../../src/admin/presentation/WebhookForm/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nexport interface IWebhookFormViewModel {\n    loading: boolean;\n    saving: boolean;\n    isNew: boolean;\n    webhook: Webhook | null;\n    showDeliveries: boolean;\n    permissions: {\n        canEdit: boolean;\n        canDelete: boolean;\n    };\n    form: IFormVM;\n}\n\nexport interface IWebhookFormPresenter {\n    vm: IWebhookFormViewModel;\n    init(id: string): void;\n    save(): Promise<void>;\n    deleteWebhook(): Promise<void>;\n    openDeliveries(): void;\n    closeDeliveries(): void;\n}\n\nexport const WebhookFormPresenter =\n    createAbstraction<IWebhookFormPresenter>(\"WebhookFormPresenter\");\n\nexport namespace WebhookFormPresenter {\n    export type Interface = IWebhookFormPresenter;\n    export type ViewModel = IWebhookFormViewModel;\n}\n"],"names":["WebhookFormPresenter","createAbstraction"],"mappings":";AA0BO,MAAMA,uBACTC,kBAAyC"}

package/admin/presentation/WebhookForm/components/SigningSecret.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IWebhookFormPresenter } from "../abstractions.js";
+interface SigningSecretProps {
+    presenter: IWebhookFormPresenter;
+}
+export declare const SigningSecret: (({ presenter }: SigningSecretProps) => React.JSX.Element | null) & {
+    displayName: string;
+};
+export {};

package/admin/presentation/WebhookForm/components/SigningSecret.js

@@ -0,0 +1,47 @@
+import react, { useCallback, useState } from "react";
+import { observer } from "mobx-react-lite";
+import { IconButton, Text } from "@webiny/admin-ui";
+import { useSnackbar } from "@webiny/app-admin/hooks/index.js";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ReactComponent as content_copy_svg_ReactComponent } from "@webiny/icons/content_copy.svg";
+const SigningSecret_SigningSecret = observer(function({ presenter }) {
+    const { vm } = presenter;
+    const [revealed, setRevealed] = useState(false);
+    const { showSnackbar } = useSnackbar();
+    if (vm.isNew || !vm.webhook?.signingSecret) return null;
+    const secret = vm.webhook.signingSecret;
+    const handleCopy = useCallback(async ()=>{
+        await navigator.clipboard.writeText(secret);
+        showSnackbar("Signing secret copied to clipboard.");
+    }, [
+        secret,
+        showSnackbar
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-xs"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, "Signing Secret"), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm rounded-sm border-sm border-neutral-muted px-sm py-xs"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "flex-1 font-mono select-all"
+    }, revealed ? secret : "•".repeat(24)), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: revealed ? /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "secondary",
+        size: "sm",
+        onClick: ()=>setRevealed((prev)=>!prev),
+        "aria-label": revealed ? "Hide secret" : "Reveal secret"
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(content_copy_svg_ReactComponent, null),
+        variant: "secondary",
+        size: "sm",
+        onClick: ()=>void handleCopy(),
+        "aria-label": "Copy secret"
+    })));
+});
+export { SigningSecret_SigningSecret as SigningSecret };
+
+//# sourceMappingURL=SigningSecret.js.map

package/admin/presentation/WebhookForm/components/SigningSecret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/components/SigningSecret.js","sources":["../../../../../src/admin/presentation/WebhookForm/components/SigningSecret.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { IconButton, Text } from \"@webiny/admin-ui\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as VisibilityIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as VisibilityOffIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport type { IWebhookFormPresenter } from \"../abstractions.js\";\n\ninterface SigningSecretProps {\n    presenter: IWebhookFormPresenter;\n}\n\nexport const SigningSecret = observer(function SigningSecret({ presenter }: SigningSecretProps) {\n    const { vm } = presenter;\n    const [revealed, setRevealed] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    if (vm.isNew || !vm.webhook?.signingSecret) {\n        return null;\n    }\n\n    const secret = vm.webhook.signingSecret;\n\n    const handleCopy = useCallback(async () => {\n        await navigator.clipboard.writeText(secret);\n        showSnackbar(\"Signing secret copied to clipboard.\");\n    }, [secret, showSnackbar]);\n\n    return (\n        <div className=\"flex flex-col gap-xs\">\n            <Text size=\"sm\" className=\"text-neutral-strong\">\n                Signing Secret\n            </Text>\n            <div className=\"flex items-center gap-sm rounded-sm border-sm border-neutral-muted px-sm py-xs\">\n                <Text size=\"sm\" className=\"flex-1 font-mono select-all\">\n                    {revealed ? secret : \"•\".repeat(24)}\n                </Text>\n                <IconButton\n                    icon={revealed ? <VisibilityOffIcon /> : <VisibilityIcon />}\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    onClick={() => setRevealed(prev => !prev)}\n                    aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n                />\n                <IconButton\n                    icon={<CopyIcon />}\n                    variant=\"secondary\"\n                    size=\"sm\"\n                    onClick={() => void handleCopy()}\n                    aria-label=\"Copy secret\"\n                />\n            </div>\n        </div>\n    );\n});\n"],"names":["SigningSecret","observer","presenter","vm","revealed","setRevealed","useState","showSnackbar","useSnackbar","secret","handleCopy","useCallback","navigator","Text","IconButton","VisibilityOffIcon","VisibilityIcon","prev","CopyIcon"],"mappings":";;;;;;;AAaO,MAAMA,8BAAgBC,SAAS,SAAuB,EAAEC,SAAS,EAAsB;IAC1F,MAAM,EAAEC,EAAE,EAAE,GAAGD;IACf,MAAM,CAACE,UAAUC,YAAY,GAAGC,SAAS;IACzC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,IAAIL,GAAG,KAAK,IAAI,CAACA,GAAG,OAAO,EAAE,eACzB,OAAO;IAGX,MAAMM,SAASN,GAAG,OAAO,CAAC,aAAa;IAEvC,MAAMO,aAAaC,YAAY;QAC3B,MAAMC,UAAU,SAAS,CAAC,SAAS,CAACH;QACpCF,aAAa;IACjB,GAAG;QAACE;QAAQF;KAAa;IAEzB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACM,MAAIA;QAAC,MAAK;QAAK,WAAU;OAAsB,iCAGhD,oBAAC;QAAI,WAAU;qBACX,oBAACA,MAAIA;QAAC,MAAK;QAAK,WAAU;OACrBT,WAAWK,SAAS,IAAI,MAAM,CAAC,oBAEpC,oBAACK,YAAUA;QACP,MAAMV,WAAW,WAAXA,GAAW,oBAACW,mCAAiBA,QAAAA,WAAAA,GAAM,oBAACC,gBAAcA;QACxD,SAAQ;QACR,MAAK;QACL,SAAS,IAAMX,YAAYY,CAAAA,OAAQ,CAACA;QACpC,cAAYb,WAAW,gBAAgB;sBAE3C,oBAACU,YAAUA;QACP,oBAAM,oBAACI,iCAAQA;QACf,SAAQ;QACR,MAAK;QACL,SAAS,IAAM,KAAKR;QACpB,cAAW;;AAK/B"}

package/admin/presentation/WebhookForm/components/WebhookFormView.d.ts

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

package/admin/presentation/WebhookForm/components/WebhookFormView.js

@@ -0,0 +1,97 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature, useRoute } from "@webiny/app";
+import { FormErrors, useFieldRenderers, useRouter } from "@webiny/app-admin";
+import { Button, Heading, OverlayLoader, Separator } from "@webiny/admin-ui";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { WebhookFormPresenterFeature } from "../feature.js";
+import { GetWebhookFeature } from "../../../features/getWebhook/feature.js";
+import { CreateWebhookFeature } from "../../../features/createWebhook/feature.js";
+import { UpdateWebhookFeature } from "../../../features/updateWebhook/feature.js";
+import { DeleteWebhookFeature } from "../../../features/deleteWebhook/feature.js";
+import { ListAvailableEventsFeature } from "../../../features/listAvailableEvents/feature.js";
+import { WebhookPermissionsFeature } from "../../../features/permissions/feature.js";
+import { Routes } from "../../../routes.js";
+import { SigningSecret } from "./SigningSecret.js";
+import { HasPermission } from "../../security/HasPermission.js";
+import { WebhookDeliveriesDrawer } from "../../WebhookDeliveries/components/WebhookDeliveriesDrawer.js";
+const SectionHeading = ({ field })=>/*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, String(field.label ?? ""));
+const WebhookFormView_WebhookFormViewInner = observer(function() {
+    const { presenter } = useFeature(WebhookFormPresenterFeature);
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.Form);
+    const id = route.params.id;
+    const defaultRenderers = useFieldRenderers();
+    const renderers = useMemo(()=>({
+            ...defaultRenderers,
+            "element:sectionHeading": SectionHeading
+        }), [
+        defaultRenderers
+    ]);
+    useEffect(()=>{
+        presenter.init(id);
+    }, [
+        presenter,
+        id
+    ]);
+    const { vm } = presenter;
+    if (vm.loading) return /*#__PURE__*/ react.createElement(OverlayLoader, null);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between py-sm px-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, vm.isNew ? "Create Webhook" : vm.webhook?.name ?? "Edit Webhook"), /*#__PURE__*/ react.createElement("div", {
+        className: "flex gap-sm"
+    }, vm.isNew ? null : /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>presenter.openDeliveries()
+    }, "Deliveries"), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>goToRoute(Routes.List)
+    }, "Cancel"), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "webhook",
+        action: "edit"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: ()=>void presenter.save(),
+        disabled: vm.saving
+    }, vm.saving ? "Saving..." : "Save")))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form
+    }), /*#__PURE__*/ react.createElement(FormView, {
+        name: "Webhook",
+        form: vm.form,
+        renderers: renderers
+    }), /*#__PURE__*/ react.createElement(SigningSecret, {
+        presenter: presenter
+    })))), vm.showDeliveries && vm.webhook ? /*#__PURE__*/ react.createElement(WebhookDeliveriesDrawer, {
+        webhookId: vm.webhook.id,
+        open: vm.showDeliveries,
+        onClose: ()=>presenter.closeDeliveries()
+    }) : null);
+});
+const WebhookFormView = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        GetWebhookFeature.register(child);
+        CreateWebhookFeature.register(child);
+        UpdateWebhookFeature.register(child);
+        DeleteWebhookFeature.register(child);
+        ListAvailableEventsFeature.register(child);
+        WebhookPermissionsFeature.register(child);
+        WebhookFormPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(WebhookFormView_WebhookFormViewInner, null));
+};
+export { WebhookFormView };
+
+//# sourceMappingURL=WebhookFormView.js.map

package/admin/presentation/WebhookForm/components/WebhookFormView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/components/WebhookFormView.js","sources":["../../../../../src/admin/presentation/WebhookForm/components/WebhookFormView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature, useRoute } from \"@webiny/app\";\nimport { FormErrors, useRouter, useFieldRenderers } from \"@webiny/app-admin\";\nimport { Button, Heading, OverlayLoader, Separator } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { WebhookFormPresenterFeature } from \"../feature.js\";\nimport { GetWebhookFeature } from \"~/admin/features/getWebhook/feature.js\";\nimport { CreateWebhookFeature } from \"~/admin/features/createWebhook/feature.js\";\nimport { UpdateWebhookFeature } from \"~/admin/features/updateWebhook/feature.js\";\nimport { DeleteWebhookFeature } from \"~/admin/features/deleteWebhook/feature.js\";\nimport { ListAvailableEventsFeature } from \"~/admin/features/listAvailableEvents/feature.js\";\nimport { WebhookPermissionsFeature } from \"~/admin/features/permissions/feature.js\";\nimport { Routes } from \"~/admin/routes.js\";\nimport { SigningSecret } from \"./SigningSecret.js\";\nimport { HasPermission } from \"~/admin/presentation/security/HasPermission.js\";\nimport { WebhookDeliveriesDrawer } from \"~/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.js\";\n\nconst SectionHeading = ({ field }: { field: any }) => {\n    return <Heading level={6}>{String(field.label ?? \"\")}</Heading>;\n};\n\nconst WebhookFormViewInner = observer(function WebhookFormViewInner() {\n    const { presenter } = useFeature(WebhookFormPresenterFeature);\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Form);\n    const id = route.params.id;\n    const defaultRenderers = useFieldRenderers();\n\n    const renderers = useMemo(() => {\n        return {\n            ...defaultRenderers,\n            \"element:sectionHeading\": SectionHeading\n        };\n    }, [defaultRenderers]);\n\n    useEffect(() => {\n        void presenter.init(id);\n    }, [presenter, id]);\n\n    const { vm } = presenter;\n\n    if (vm.loading) {\n        return <OverlayLoader />;\n    }\n\n    return (\n        <>\n            <div className=\"flex flex-col h-main-content\">\n                <div className=\"flex items-center justify-between py-sm px-md\">\n                    <Heading level={5}>\n                        {vm.isNew ? \"Create Webhook\" : (vm.webhook?.name ?? \"Edit Webhook\")}\n                    </Heading>\n                    <div className=\"flex gap-sm\">\n                        {!vm.isNew ? (\n                            <Button variant=\"secondary\" onClick={() => presenter.openDeliveries()}>\n                                Deliveries\n                            </Button>\n                        ) : null}\n                        <Button variant=\"secondary\" onClick={() => goToRoute(Routes.List)}>\n                            Cancel\n                        </Button>\n                        <HasPermission entity=\"webhook\" action=\"edit\">\n                            <Button\n                                variant=\"primary\"\n                                onClick={() => void presenter.save()}\n                                disabled={vm.saving}\n                            >\n                                {vm.saving ? \"Saving...\" : \"Save\"}\n                            </Button>\n                        </HasPermission>\n                    </div>\n                </div>\n                <Separator />\n\n                <div className=\"p-lg\">\n                    <>\n                        <FormErrors form={vm.form} />\n                        <FormView name=\"Webhook\" form={vm.form} renderers={renderers} />\n                        <SigningSecret presenter={presenter} />\n                    </>\n                </div>\n            </div>\n            {vm.showDeliveries && vm.webhook ? (\n                <WebhookDeliveriesDrawer\n                    webhookId={vm.webhook.id}\n                    open={vm.showDeliveries}\n                    onClose={() => presenter.closeDeliveries()}\n                />\n            ) : null}\n        </>\n    );\n});\n\nexport const WebhookFormView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetWebhookFeature.register(child);\n        CreateWebhookFeature.register(child);\n        UpdateWebhookFeature.register(child);\n        DeleteWebhookFeature.register(child);\n        ListAvailableEventsFeature.register(child);\n        WebhookPermissionsFeature.register(child);\n        WebhookFormPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <WebhookFormViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["SectionHeading","field","Heading","String","WebhookFormViewInner","observer","presenter","useFeature","WebhookFormPresenterFeature","goToRoute","useRouter","route","useRoute","Routes","id","defaultRenderers","useFieldRenderers","renderers","useMemo","useEffect","vm","OverlayLoader","Button","HasPermission","Separator","FormErrors","FormView","SigningSecret","WebhookDeliveriesDrawer","WebhookFormView","container","useContainer","scopedContainer","child","GetWebhookFeature","CreateWebhookFeature","UpdateWebhookFeature","DeleteWebhookFeature","ListAvailableEventsFeature","WebhookPermissionsFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAMA,iBAAiB,CAAC,EAAEC,KAAK,EAAkB,GACtC,WAAP,GAAO,oBAACC,SAAOA;QAAC,OAAO;OAAIC,OAAOF,MAAM,KAAK,IAAI;AAGrD,MAAMG,uCAAuBC,SAAS;IAClC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,IAAI;IACtC,MAAMC,KAAKH,MAAM,MAAM,CAAC,EAAE;IAC1B,MAAMI,mBAAmBC;IAEzB,MAAMC,YAAYC,QAAQ,IACf;YACH,GAAGH,gBAAgB;YACnB,0BAA0Bf;QAC9B,IACD;QAACe;KAAiB;IAErBI,UAAU;QACDb,UAAU,IAAI,CAACQ;IACxB,GAAG;QAACR;QAAWQ;KAAG;IAElB,MAAM,EAAEM,EAAE,EAAE,GAAGd;IAEf,IAAIc,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACC,eAAaA;IAGzB,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACnB,SAAOA;QAAC,OAAO;OACXkB,GAAG,KAAK,GAAG,mBAAoBA,GAAG,OAAO,EAAE,QAAQ,+BAExD,oBAAC;QAAI,WAAU;OACV,AAACA,GAAG,KAAK,GAIN,OAJS,WAAH,GACN,oBAACE,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMhB,UAAU,cAAc;OAAI,eAGvE,cACJ,oBAACgB,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMb,UAAUI,OAAO,IAAI;OAAG,yBAGnE,oBAACU,eAAaA;QAAC,QAAO;QAAU,QAAO;qBACnC,oBAACD,QAAMA;QACH,SAAQ;QACR,SAAS,IAAM,KAAKhB,UAAU,IAAI;QAClC,UAAUc,GAAG,MAAM;OAElBA,GAAG,MAAM,GAAG,cAAc,0BAK3C,oBAACI,WAASA,OAAAA,WAAAA,GAEV,oBAAC;QAAI,WAAU;qBACX,wDACI,oBAACC,YAAUA;QAAC,MAAML,GAAG,IAAI;sBACzB,oBAACM,UAAQA;QAAC,MAAK;QAAU,MAAMN,GAAG,IAAI;QAAE,WAAWH;sBACnD,oBAACU,eAAaA;QAAC,WAAWrB;WAIrCc,GAAG,cAAc,IAAIA,GAAG,OAAO,GAAG,WAAH,GAC5B,oBAACQ,yBAAuBA;QACpB,WAAWR,GAAG,OAAO,CAAC,EAAE;QACxB,MAAMA,GAAG,cAAc;QACvB,SAAS,IAAMd,UAAU,eAAe;SAE5C;AAGhB;AAEO,MAAMuB,kBAAkB;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBd,QAAQ;QAC5B,MAAMe,QAAQH,UAAU,oBAAoB;QAC5CI,kBAAkB,QAAQ,CAACD;QAC3BE,qBAAqB,QAAQ,CAACF;QAC9BG,qBAAqB,QAAQ,CAACH;QAC9BI,qBAAqB,QAAQ,CAACJ;QAC9BK,2BAA2B,QAAQ,CAACL;QACpCM,0BAA0B,QAAQ,CAACN;QACnCzB,4BAA4B,QAAQ,CAACyB;QACrC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACO,qBAAmBA;QAAC,WAAWR;qBAC5B,oBAAC5B,sCAAoBA;AAGjC"}

package/admin/presentation/WebhookForm/feature.d.ts

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

package/admin/presentation/WebhookForm/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { WebhookFormPresenter } from "./abstractions.js";
+import { WebhookFormPresenter as external_WebhookFormPresenter_js_WebhookFormPresenter } from "./WebhookFormPresenter.js";
+const WebhookFormPresenterFeature = createFeature({
+    name: "Webhooks/WebhookFormPresenter",
+    register (container) {
+        container.register(external_WebhookFormPresenter_js_WebhookFormPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(WebhookFormPresenter)
+        };
+    }
+});
+export { WebhookFormPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/WebhookForm/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/feature.js","sources":["../../../../src/admin/presentation/WebhookForm/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { WebhookFormPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { WebhookFormPresenter } from \"./WebhookFormPresenter.js\";\n\nexport const WebhookFormPresenterFeature = createFeature({\n    name: \"Webhooks/WebhookFormPresenter\",\n    register(container) {\n        container.register(WebhookFormPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["WebhookFormPresenterFeature","createFeature","container","WebhookFormPresenter","PresenterAbstraction"],"mappings":";;;AAIO,MAAMA,8BAA8BC,cAAc;IACrD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,uDAAsB,gBAAgB;IAC7D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/admin/presentation/WebhookForm/index.d.ts

@@ -0,0 +1,2 @@
+export { WebhookFormPresenter } from "./abstractions.js";
+export { WebhookFormPresenterFeature } from "./feature.js";

package/admin/presentation/WebhookForm/index.js

@@ -0,0 +1,2 @@
+export { WebhookFormPresenter } from "./abstractions.js";
+export { WebhookFormPresenterFeature } from "./feature.js";

package/admin/presentation/WebhookList/WebhookListDataSource.d.ts

@@ -0,0 +1,15 @@
+import type { IDataSource, IDataSourceQuery, IDataSourceMeta } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { Webhook } from "../../../admin/shared/types.js";
+import type { IListWebhooksUseCase } from "../../../admin/features/ListWebhooks/abstractions.js";
+export declare class WebhookListDataSource implements IDataSource<Webhook> {
+    private readonly listWebhooksUseCase;
+    private _rows;
+    private _meta;
+    private _loading;
+    constructor(listWebhooksUseCase: IListWebhooksUseCase);
+    get rows(): Webhook[];
+    get meta(): IDataSourceMeta;
+    get loading(): boolean;
+    query(params: IDataSourceQuery): Promise<void>;
+    loadMore(params: IDataSourceQuery): Promise<void>;
+}