@webiny/webhooks 6.4.0-beta.1

package/admin/presentation/WebhookForm/WebhookFormPresenter.js

@@ -0,0 +1,163 @@
+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,
+            availableEvents: this._availableEvents,
+            permissions: {
+                canEdit: this.permissions.canEdit("webhook"),
+                canDelete: this.permissions.canDelete("webhook")
+            },
+            form: this._form.vm,
+            selectedEvents: Array.from(this._selectedEvents)
+        };
+    }
+    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._availableEvents = [];
+        this._webhookId = null;
+        this._selectedEvents = new Set();
+        this.actions = {
+            save: async ()=>{
+                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: Array.from(this._selectedEvents)
+                    };
+                    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;
+                    });
+                }
+            },
+            deleteWebhook: async ()=>{
+                if (!this._webhookId || this._isNew) return;
+                await this.deleteWebhookUseCase.execute(this._webhookId);
+            },
+            openDeliveries: ()=>{
+                this._showDeliveries = true;
+            },
+            closeDeliveries: ()=>{
+                this._showDeliveries = false;
+            },
+            toggleEvent: (eventName)=>{
+                if (this._selectedEvents.has(eventName)) this._selectedEvents.delete(eventName);
+                else this._selectedEvents.add(eventName);
+            }
+        };
+        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"),
+                    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")
+                ]
+        });
+    }
+    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._availableEvents = events;
+                this._form = this.buildForm();
+                this._loading = false;
+            });
+        } else {
+            const [webhook, events] = await Promise.all([
+                this.getWebhookUseCase.execute(id),
+                eventsPromise
+            ]);
+            runInAction(()=>{
+                this._webhook = webhook;
+                this._availableEvents = events;
+                this._form = this.buildForm();
+                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._selectedEvents = new Set(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    type IWebhookFormActions\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} 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 _availableEvents: WebhookEvent[] = [];\n    private _webhookId: string | null = null;\n    private _form;\n    private _selectedEvents: Set<string> = new Set();\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            availableEvents: this._availableEvents,\n            permissions: {\n                canEdit: this.permissions.canEdit(\"webhook\"),\n                canDelete: this.permissions.canDelete(\"webhook\")\n            },\n            form: this._form.vm,\n            selectedEvents: Array.from(this._selectedEvents)\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.text().label(\"Slug\").required(\"Slug is required\"),\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    public actions: IWebhookFormActions = {\n        save: async () => {\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: Array.from(this._selectedEvents)\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(\n                        this._webhookId!,\n                        merged\n                    );\n\n                    runInAction(() => {\n                        this._webhook = updated;\n                    });\n                }\n            } finally {\n                runInAction(() => {\n                    this._saving = false;\n                });\n            }\n        },\n        deleteWebhook: async () => {\n            if (!this._webhookId || this._isNew) {\n                return;\n            }\n            await this.deleteWebhookUseCase.execute(this._webhookId);\n        },\n        openDeliveries: () => {\n            this._showDeliveries = true;\n        },\n        closeDeliveries: () => {\n            this._showDeliveries = false;\n        },\n        toggleEvent: (eventName: string) => {\n            if (this._selectedEvents.has(eventName)) {\n                this._selectedEvents.delete(eventName);\n            } else {\n                this._selectedEvents.add(eventName);\n            }\n        }\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._availableEvents = events;\n                this._form = this.buildForm();\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._selectedEvents = new Set(webhook.events);\n                this._loading = false;\n            });\n        } else {\n            const events = await eventsPromise;\n\n            runInAction(() => {\n                this._availableEvents = events;\n                this._form = this.buildForm();\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","Array","formModelFactory","getWebhookUseCase","createWebhookUseCase","updateWebhookUseCase","deleteWebhookUseCase","listAvailableEventsUseCase","permissions","Set","data","merged","undefined","created","runInAction","updated","eventName","makeAutoObservable","computed","fields","layout","id","eventsPromise","events","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,35 @@
+import type { Webhook } from "../../../admin/shared/types.js";
+import type { WebhookEvent } 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;
+    availableEvents: WebhookEvent[];
+    permissions: {
+        canEdit: boolean;
+        canDelete: boolean;
+    };
+    form: IFormVM;
+    selectedEvents: string[];
+}
+export interface IWebhookFormActions {
+    save(): Promise<void>;
+    deleteWebhook(): Promise<void>;
+    openDeliveries(): void;
+    closeDeliveries(): void;
+    toggleEvent(eventName: string): void;
+}
+export interface IWebhookFormPresenter {
+    vm: IWebhookFormViewModel;
+    actions: IWebhookFormActions;
+    init(id: string): void;
+}
+export declare const WebhookFormPresenter: import("@webiny/di").Abstraction<IWebhookFormPresenter>;
+export declare namespace WebhookFormPresenter {
+    type Interface = IWebhookFormPresenter;
+    type ViewModel = IWebhookFormViewModel;
+    type Actions = IWebhookFormActions;
+}

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 { WebhookEvent } 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    availableEvents: WebhookEvent[];\n    permissions: {\n        canEdit: boolean;\n        canDelete: boolean;\n    };\n    form: IFormVM;\n    selectedEvents: string[];\n}\n\nexport interface IWebhookFormActions {\n    save(): Promise<void>;\n    deleteWebhook(): Promise<void>;\n    openDeliveries(): void;\n    closeDeliveries(): void;\n    toggleEvent(eventName: string): void;\n}\n\nexport interface IWebhookFormPresenter {\n    vm: IWebhookFormViewModel;\n    actions: IWebhookFormActions;\n    init(id: string): 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    export type Actions = IWebhookFormActions;\n}\n"],"names":["WebhookFormPresenter","createAbstraction"],"mappings":";AAkCO,MAAMA,uBACTC,kBAAyC"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { WebhookEvent } from "../../../../admin/shared/types.js";
+interface EventsSelectorProps {
+    availableEvents: WebhookEvent[];
+    selectedEvents: string[];
+    onToggle: (eventName: string) => void;
+    disabled?: boolean;
+}
+export declare const EventsSelector: (({ availableEvents, selectedEvents, onToggle, disabled }: EventsSelectorProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

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

@@ -0,0 +1,44 @@
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { CheckboxGroup, Heading, Separator } from "@webiny/admin-ui";
+const EventsSelector_EventsSelector = observer(function({ availableEvents, selectedEvents, onToggle, disabled }) {
+    const grouped = useMemo(()=>{
+        const map = new Map();
+        for (const event of availableEvents){
+            const existing = map.get(event.app) ?? [];
+            existing.push(event);
+            map.set(event.app, existing);
+        }
+        return map;
+    }, [
+        availableEvents
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, "Events"), Array.from(grouped.entries()).map(([app, events])=>/*#__PURE__*/ react.createElement("div", {
+            key: app,
+            className: "flex flex-col gap-sm"
+        }, /*#__PURE__*/ react.createElement(Heading, {
+            level: 6,
+            className: "text-neutral-strong"
+        }, app), /*#__PURE__*/ react.createElement(CheckboxGroup, {
+            items: events.map((e)=>({
+                    id: e.eventName,
+                    label: e.label,
+                    value: e.eventName
+                })),
+            value: selectedEvents,
+            onChange: (values)=>{
+                const current = new Set(selectedEvents);
+                const next = new Set(values);
+                for (const v of next)if (!current.has(v)) onToggle(v);
+                for (const v of current)if (!next.has(v) && events.some((e)=>e.eventName === v)) onToggle(v);
+            },
+            disabled: disabled
+        }), /*#__PURE__*/ react.createElement(Separator, null))));
+});
+export { EventsSelector_EventsSelector as EventsSelector };
+
+//# sourceMappingURL=EventsSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookForm/components/EventsSelector.js","sources":["../../../../../src/admin/presentation/WebhookForm/components/EventsSelector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\nimport { Heading } from \"@webiny/admin-ui\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { WebhookEvent } from \"~/admin/shared/types.js\";\n\ninterface EventsSelectorProps {\n    availableEvents: WebhookEvent[];\n    selectedEvents: string[];\n    onToggle: (eventName: string) => void;\n    disabled?: boolean;\n}\n\nexport const EventsSelector = observer(function EventsSelector({\n    availableEvents,\n    selectedEvents,\n    onToggle,\n    disabled\n}: EventsSelectorProps) {\n    const grouped = useMemo(() => {\n        const map = new Map<string, WebhookEvent[]>();\n\n        for (const event of availableEvents) {\n            const existing = map.get(event.app) ?? [];\n            existing.push(event);\n            map.set(event.app, existing);\n        }\n\n        return map;\n    }, [availableEvents]);\n\n    return (\n        <div className=\"flex flex-col gap-md\">\n            <Heading level={6}>Events</Heading>\n            {Array.from(grouped.entries()).map(([app, events]) => (\n                <div key={app} className=\"flex flex-col gap-sm\">\n                    <Heading level={6} className=\"text-neutral-strong\">\n                        {app}\n                    </Heading>\n                    <CheckboxGroup\n                        items={events.map(e => ({\n                            id: e.eventName,\n                            label: e.label,\n                            value: e.eventName\n                        }))}\n                        value={selectedEvents}\n                        onChange={values => {\n                            const current = new Set(selectedEvents);\n                            const next = new Set(values as string[]);\n\n                            for (const v of next) {\n                                if (!current.has(v)) {\n                                    onToggle(v);\n                                }\n                            }\n\n                            for (const v of current) {\n                                if (!next.has(v) && events.some(e => e.eventName === v)) {\n                                    onToggle(v);\n                                }\n                            }\n                        }}\n                        disabled={disabled}\n                    />\n                    <Separator />\n                </div>\n            ))}\n        </div>\n    );\n});\n"],"names":["EventsSelector","observer","availableEvents","selectedEvents","onToggle","disabled","grouped","useMemo","map","Map","event","existing","Heading","Array","app","events","CheckboxGroup","e","values","current","Set","next","v","Separator"],"mappings":";;;AAcO,MAAMA,gCAAiBC,SAAS,SAAwB,EAC3DC,eAAe,EACfC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACU;IAClB,MAAMC,UAAUC,QAAQ;QACpB,MAAMC,MAAM,IAAIC;QAEhB,KAAK,MAAMC,SAASR,gBAAiB;YACjC,MAAMS,WAAWH,IAAI,GAAG,CAACE,MAAM,GAAG,KAAK,EAAE;YACzCC,SAAS,IAAI,CAACD;YACdF,IAAI,GAAG,CAACE,MAAM,GAAG,EAAEC;QACvB;QAEA,OAAOH;IACX,GAAG;QAACN;KAAgB;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACU,SAAOA;QAAC,OAAO;OAAG,WAClBC,MAAM,IAAI,CAACP,QAAQ,OAAO,IAAI,GAAG,CAAC,CAAC,CAACQ,KAAKC,OAAO,iBAC7C,oBAAC;YAAI,KAAKD;YAAK,WAAU;yBACrB,oBAACF,SAAOA;YAAC,OAAO;YAAG,WAAU;WACxBE,MAAAA,WAAAA,GAEL,oBAACE,eAAaA;YACV,OAAOD,OAAO,GAAG,CAACE,CAAAA,IAAM;oBACpB,IAAIA,EAAE,SAAS;oBACf,OAAOA,EAAE,KAAK;oBACd,OAAOA,EAAE,SAAS;gBACtB;YACA,OAAOd;YACP,UAAUe,CAAAA;gBACN,MAAMC,UAAU,IAAIC,IAAIjB;gBACxB,MAAMkB,OAAO,IAAID,IAAIF;gBAErB,KAAK,MAAMI,KAAKD,KACZ,IAAI,CAACF,QAAQ,GAAG,CAACG,IACblB,SAASkB;gBAIjB,KAAK,MAAMA,KAAKH,QACZ,IAAI,CAACE,KAAK,GAAG,CAACC,MAAMP,OAAO,IAAI,CAACE,CAAAA,IAAKA,EAAE,SAAS,KAAKK,IACjDlB,SAASkB;YAGrB;YACA,UAAUjB;0BAEd,oBAACkB,WAASA;AAK9B"}

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface SigningSecretProps {
+    secret: string;
+}
+export declare const SigningSecret: ({ secret }: SigningSecretProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,43 @@
+import react, { useCallback, useState } from "react";
+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 = ({ secret })=>{
+    const [revealed, setRevealed] = useState(false);
+    const { showSnackbar } = useSnackbar();
+    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 };
+
+//# 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 { 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\";\n\ninterface SigningSecretProps {\n    secret: string;\n}\n\nexport const SigningSecret = ({ secret }: SigningSecretProps) => {\n    const [revealed, setRevealed] = useState(false);\n    const { showSnackbar } = useSnackbar();\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","secret","revealed","setRevealed","useState","showSnackbar","useSnackbar","handleCopy","useCallback","navigator","Text","IconButton","VisibilityOffIcon","VisibilityIcon","prev","CopyIcon"],"mappings":";;;;;;AAWO,MAAMA,gBAAgB,CAAC,EAAEC,MAAM,EAAsB;IACxD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAS;IACzC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAMC,aAAaC,YAAY;QAC3B,MAAMC,UAAU,SAAS,CAAC,SAAS,CAACR;QACpCI,aAAa;IACjB,GAAG;QAACJ;QAAQI;KAAa;IAEzB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACK,MAAIA;QAAC,MAAK;QAAK,WAAU;OAAsB,iCAGhD,oBAAC;QAAI,WAAU;qBACX,oBAACA,MAAIA;QAAC,MAAK;QAAK,WAAU;OACrBR,WAAWD,SAAS,IAAI,MAAM,CAAC,oBAEpC,oBAACU,YAAUA;QACP,MAAMT,WAAW,WAAXA,GAAW,oBAACU,mCAAiBA,QAAAA,WAAAA,GAAM,oBAACC,gBAAcA;QACxD,SAAQ;QACR,MAAK;QACL,SAAS,IAAMV,YAAYW,CAAAA,OAAQ,CAACA;QACpC,cAAYZ,WAAW,gBAAgB;sBAE3C,oBAACS,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,88 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature, useRoute } from "@webiny/app";
+import { 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 { EventsSelector } from "./EventsSelector.js";
+import { SigningSecret } from "./SigningSecret.js";
+import { WebhookDeliveriesDrawer } from "../../WebhookDeliveries/components/WebhookDeliveriesDrawer.js";
+const WebhookFormView_WebhookFormViewInner = observer(function() {
+    const { presenter } = useFeature(WebhookFormPresenterFeature);
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.Form);
+    const id = route.params.id;
+    useEffect(()=>{
+        presenter.init(id);
+    }, [
+        presenter,
+        id
+    ]);
+    const { vm, actions } = 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 && /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>actions.openDeliveries()
+    }, "Deliveries"), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>goToRoute(Routes.List)
+    }, "Cancel"), vm.permissions.canEdit && /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: ()=>void actions.save(),
+        disabled: vm.saving
+    }, vm.saving ? "Saving..." : "Save"))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-auto p-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg max-w-[720px]"
+    }, /*#__PURE__*/ react.createElement(FormView, {
+        name: "Webhook",
+        form: vm.form
+    }), /*#__PURE__*/ react.createElement(EventsSelector, {
+        availableEvents: vm.availableEvents,
+        selectedEvents: vm.selectedEvents,
+        onToggle: actions.toggleEvent,
+        disabled: !vm.permissions.canEdit
+    }), !vm.isNew && vm.webhook?.signingSecret && /*#__PURE__*/ react.createElement(SigningSecret, {
+        secret: vm.webhook.signingSecret
+    })))), vm.showDeliveries && vm.webhook && /*#__PURE__*/ react.createElement(WebhookDeliveriesDrawer, {
+        webhookId: vm.webhook.id,
+        open: vm.showDeliveries,
+        onClose: ()=>actions.closeDeliveries()
+    }));
+});
+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, { useMemo, useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { useRoute } from \"@webiny/app\";\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 { EventsSelector } from \"./EventsSelector.js\";\nimport { SigningSecret } from \"./SigningSecret.js\";\nimport { WebhookDeliveriesDrawer } from \"~/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.js\";\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\n    useEffect(() => {\n        void presenter.init(id);\n    }, [presenter, id]);\n\n    const { vm, actions } = 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={() => actions.openDeliveries()}>\n                                Deliveries\n                            </Button>\n                        )}\n                        <Button variant=\"secondary\" onClick={() => goToRoute(Routes.List)}>\n                            Cancel\n                        </Button>\n                        {vm.permissions.canEdit && (\n                            <Button\n                                variant=\"primary\"\n                                onClick={() => void actions.save()}\n                                disabled={vm.saving}\n                            >\n                                {vm.saving ? \"Saving...\" : \"Save\"}\n                            </Button>\n                        )}\n                    </div>\n                </div>\n                <Separator />\n                <div className=\"flex-1 overflow-auto p-md\">\n                    <div className=\"flex flex-col gap-lg max-w-[720px]\">\n                        <FormView name=\"Webhook\" form={vm.form} />\n                        <EventsSelector\n                            availableEvents={vm.availableEvents}\n                            selectedEvents={vm.selectedEvents}\n                            onToggle={actions.toggleEvent}\n                            disabled={!vm.permissions.canEdit}\n                        />\n                        {!vm.isNew && vm.webhook?.signingSecret && (\n                            <SigningSecret secret={vm.webhook.signingSecret} />\n                        )}\n                    </div>\n                </div>\n            </div>\n            {vm.showDeliveries && vm.webhook && (\n                <WebhookDeliveriesDrawer\n                    webhookId={vm.webhook.id}\n                    open={vm.showDeliveries}\n                    onClose={() => actions.closeDeliveries()}\n                />\n            )}\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":["WebhookFormViewInner","observer","presenter","useFeature","WebhookFormPresenterFeature","goToRoute","useRouter","route","useRoute","Routes","id","useEffect","vm","actions","OverlayLoader","Heading","Button","Separator","FormView","EventsSelector","SigningSecret","WebhookDeliveriesDrawer","WebhookFormView","container","useContainer","scopedContainer","useMemo","child","GetWebhookFeature","CreateWebhookFeature","UpdateWebhookFeature","DeleteWebhookFeature","ListAvailableEventsFeature","WebhookPermissionsFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,MAAMA,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;IAE1BI,UAAU;QACDT,UAAU,IAAI,CAACQ;IACxB,GAAG;QAACR;QAAWQ;KAAG;IAElB,MAAM,EAAEE,EAAE,EAAEC,OAAO,EAAE,GAAGX;IAExB,IAAIU,GAAG,OAAO,EACV,OAAO,WAAP,GAAO,oBAACE,eAAaA;IAGzB,OAAO,WAAP,GACI,wDACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,SAAOA;QAAC,OAAO;OACXH,GAAG,KAAK,GAAG,mBAAoBA,GAAG,OAAO,EAAE,QAAQ,+BAExD,oBAAC;QAAI,WAAU;OACV,CAACA,GAAG,KAAK,IAAI,WAAJ,GACN,oBAACI,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMH,QAAQ,cAAc;OAAI,6BAIzE,oBAACG,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMX,UAAUI,OAAO,IAAI;OAAG,WAGlEG,GAAG,WAAW,CAAC,OAAO,IAAI,WAAJ,GACnB,oBAACI,QAAMA;QACH,SAAQ;QACR,SAAS,IAAM,KAAKH,QAAQ,IAAI;QAChC,UAAUD,GAAG,MAAM;OAElBA,GAAG,MAAM,GAAG,cAAc,yBAK3C,oBAACK,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,UAAQA;QAAC,MAAK;QAAU,MAAMN,GAAG,IAAI;sBACtC,oBAACO,gBAAcA;QACX,iBAAiBP,GAAG,eAAe;QACnC,gBAAgBA,GAAG,cAAc;QACjC,UAAUC,QAAQ,WAAW;QAC7B,UAAU,CAACD,GAAG,WAAW,CAAC,OAAO;QAEpC,CAACA,GAAG,KAAK,IAAIA,GAAG,OAAO,EAAE,iBAAiB,WAAjB,GACtB,oBAACQ,eAAaA;QAAC,QAAQR,GAAG,OAAO,CAAC,aAAa;WAK9DA,GAAG,cAAc,IAAIA,GAAG,OAAO,IAAI,WAAJ,GAC5B,oBAACS,yBAAuBA;QACpB,WAAWT,GAAG,OAAO,CAAC,EAAE;QACxB,MAAMA,GAAG,cAAc;QACvB,SAAS,IAAMC,QAAQ,eAAe;;AAK1D;AAEO,MAAMS,kBAAkB;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,kBAAkB,QAAQ,CAACD;QAC3BE,qBAAqB,QAAQ,CAACF;QAC9BG,qBAAqB,QAAQ,CAACH;QAC9BI,qBAAqB,QAAQ,CAACJ;QAC9BK,2BAA2B,QAAQ,CAACL;QACpCM,0BAA0B,QAAQ,CAACN;QACnCvB,4BAA4B,QAAQ,CAACuB;QACrC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACO,qBAAmBA;QAAC,WAAWT;qBAC5B,oBAACzB,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>;
+}

package/admin/presentation/WebhookList/WebhookListDataSource.js

@@ -0,0 +1,67 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+class WebhookListDataSource {
+    constructor(listWebhooksUseCase){
+        this.listWebhooksUseCase = listWebhooksUseCase;
+        this._rows = [];
+        this._meta = {
+            cursor: null,
+            hasMoreItems: false,
+            totalCount: 0
+        };
+        this._loading = false;
+        makeAutoObservable(this, {
+            listWebhooksUseCase: false,
+            rows: computed
+        });
+    }
+    get rows() {
+        return this._rows;
+    }
+    get meta() {
+        return this._meta;
+    }
+    get loading() {
+        return this._loading;
+    }
+    async query(params) {
+        this._loading = true;
+        const result = await this.listWebhooksUseCase.execute({
+            where: params.filters,
+            limit: params.limit,
+            after: params.cursor
+        });
+        runInAction(()=>{
+            this._rows = result.items;
+            this._meta = {
+                cursor: result.meta.cursor,
+                hasMoreItems: result.meta.hasMoreItems,
+                totalCount: result.meta.totalCount
+            };
+            this._loading = false;
+        });
+    }
+    async loadMore(params) {
+        if (!this._meta.hasMoreItems || this._loading) return;
+        this._loading = true;
+        const result = await this.listWebhooksUseCase.execute({
+            where: params.filters,
+            limit: params.limit,
+            after: this._meta.cursor ?? void 0
+        });
+        runInAction(()=>{
+            this._rows = [
+                ...this._rows,
+                ...result.items
+            ];
+            this._meta = {
+                cursor: result.meta.cursor,
+                hasMoreItems: result.meta.hasMoreItems,
+                totalCount: result.meta.totalCount
+            };
+            this._loading = false;
+        });
+    }
+}
+export { WebhookListDataSource };
+
+//# sourceMappingURL=WebhookListDataSource.js.map

package/admin/presentation/WebhookList/WebhookListDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/WebhookListDataSource.js","sources":["../../../../src/admin/presentation/WebhookList/WebhookListDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\nimport type { IListWebhooksUseCase } from \"~/admin/features/ListWebhooks/abstractions.js\";\n\nexport class WebhookListDataSource implements IDataSource<Webhook> {\n    private _rows: Webhook[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listWebhooksUseCase: IListWebhooksUseCase) {\n        makeAutoObservable<WebhookListDataSource, \"listWebhooksUseCase\">(this, {\n            listWebhooksUseCase: false,\n            rows: computed\n        });\n    }\n\n    get rows(): Webhook[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        const result = await this.listWebhooksUseCase.execute({\n            where: params.filters as { enabled?: boolean } | undefined,\n            limit: params.limit,\n            after: params.cursor\n        });\n        runInAction(() => {\n            this._rows = result.items;\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n        this._loading = true;\n        const result = await this.listWebhooksUseCase.execute({\n            where: params.filters as { enabled?: boolean } | undefined,\n            limit: params.limit,\n            after: this._meta.cursor ?? undefined\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.items];\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n}\n"],"names":["WebhookListDataSource","listWebhooksUseCase","makeAutoObservable","computed","params","result","runInAction","undefined"],"mappings":";AASO,MAAMA;IAKT,YAA6BC,mBAAyC,CAAE;aAA3CA,mBAAmB,GAAnBA;aAJrB,KAAK,GAAc,EAAE;aACrB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAiE,IAAI,EAAE;YACnE,qBAAqB;YACrB,MAAMC;QACV;IACJ;IAEA,IAAI,OAAkB;QAClB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,SAAS,MAAM,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;YAClD,OAAOD,OAAO,OAAO;YACrB,OAAOA,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;QACxB;QACAE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,KAAK;YACzB,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;IAEA,MAAM,SAASD,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,SAAS,MAAM,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;YAClD,OAAOD,OAAO,OAAO;YACrB,OAAOA,OAAO,KAAK;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIG;QAChC;QACAD,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKD,OAAO,KAAK;aAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ"}