@webiny/webhooks 0.0.0-unstable.7be00a75a9

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"}

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

@@ -0,0 +1,46 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { Webhook } from "../../../admin/shared/types.js";
+import { type IWebhookListPresenter, type IWebhookListViewModel } from "./abstractions.js";
+import { ListWebhooksUseCase } from "../../../admin/features/ListWebhooks/abstractions.js";
+import { DeleteWebhookUseCase } from "../../../admin/features/deleteWebhook/abstractions.js";
+import { TriggerWebhookUseCase } from "../../../admin/features/triggerWebhook/abstractions.js";
+import { WebhookPermissions } from "../../../admin/features/permissions/abstractions.js";
+declare class WebhookListPresenterImpl implements IWebhookListPresenter {
+    private readonly listPresenter;
+    private readonly listWebhooksUseCase;
+    private readonly deleteWebhookUseCase;
+    private readonly triggerWebhookUseCase;
+    private readonly permissions;
+    constructor(listPresenter: ListPresenter.Interface<Webhook>, listWebhooksUseCase: ListWebhooksUseCase.Interface, deleteWebhookUseCase: DeleteWebhookUseCase.Interface, triggerWebhookUseCase: TriggerWebhookUseCase.Interface, permissions: WebhookPermissions.Interface);
+    get vm(): IWebhookListViewModel;
+    readonly search: {
+        set: (query: string) => void;
+        clear: () => void;
+    };
+    readonly sort: {
+        set: (field: string, direction: "ASC" | "DESC") => void;
+        toggle: (field: string) => void;
+    };
+    readonly filter: {
+        set: (key: string, value: unknown) => void;
+        clear: (key: string) => void;
+        clearAll: () => void;
+    };
+    readonly selection: {
+        toggle: (id: string) => void;
+        selectRangeTo: (id: string) => void;
+        selectAll: () => void;
+        deselectAll: () => void;
+        selectRows: (ids: string[]) => void;
+        isSelected: (id: string) => boolean;
+    };
+    loadMore(): Promise<void>;
+    refresh(): Promise<void>;
+    deleteWebhook(id: string): Promise<void>;
+    triggerWebhook(id: string): Promise<void>;
+    init(): void;
+}
+export declare const WebhookListPresenter: typeof WebhookListPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IWebhookListPresenter>;
+};
+export {};

package/admin/presentation/WebhookList/WebhookListPresenter.js

@@ -0,0 +1,92 @@
+import { computed, makeAutoObservable } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { WebhookListPresenter } from "./abstractions.js";
+import { WebhookListDataSource } from "./WebhookListDataSource.js";
+import { ListWebhooksUseCase } from "../../features/ListWebhooks/abstractions.js";
+import { DeleteWebhookUseCase } from "../../features/deleteWebhook/abstractions.js";
+import { TriggerWebhookUseCase } from "../../features/triggerWebhook/abstractions.js";
+import { WebhookPermissions } from "../../features/permissions/abstractions.js";
+class WebhookListPresenterImpl {
+    constructor(listPresenter, listWebhooksUseCase, deleteWebhookUseCase, triggerWebhookUseCase, permissions){
+        this.listPresenter = listPresenter;
+        this.listWebhooksUseCase = listWebhooksUseCase;
+        this.deleteWebhookUseCase = deleteWebhookUseCase;
+        this.triggerWebhookUseCase = triggerWebhookUseCase;
+        this.permissions = permissions;
+        this.search = {
+            set: (query)=>this.listPresenter.actions.search.set(query),
+            clear: ()=>this.listPresenter.actions.search.clear()
+        };
+        this.sort = {
+            set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+            toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+        };
+        this.filter = {
+            set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+            clear: (key)=>this.listPresenter.actions.filter.clear(key),
+            clearAll: ()=>this.listPresenter.actions.filter.clearAll()
+        };
+        this.selection = {
+            toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+            selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+            selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+            deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+            selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+            isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+        };
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            list: this.listPresenter.vm,
+            permissions: {
+                canRead: this.permissions.canRead("webhook"),
+                canCreate: this.permissions.canCreate("webhook"),
+                canEdit: this.permissions.canEdit("webhook"),
+                canDelete: this.permissions.canDelete("webhook")
+            }
+        };
+    }
+    async loadMore() {
+        await this.listPresenter.actions.loadMore();
+    }
+    async refresh() {
+        await this.listPresenter.actions.refresh();
+    }
+    async deleteWebhook(id) {
+        await this.deleteWebhookUseCase.execute(id);
+        await this.listPresenter.actions.refresh();
+    }
+    async triggerWebhook(id) {
+        await this.triggerWebhookUseCase.execute(id, {
+            test: true
+        });
+        await this.listPresenter.actions.refresh();
+    }
+    init() {
+        const dataSource = new WebhookListDataSource(this.listWebhooksUseCase);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 20
+        });
+    }
+}
+const WebhookListPresenter_WebhookListPresenter = WebhookListPresenter.createImplementation({
+    implementation: WebhookListPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        ListWebhooksUseCase,
+        DeleteWebhookUseCase,
+        TriggerWebhookUseCase,
+        WebhookPermissions
+    ]
+});
+export { WebhookListPresenter_WebhookListPresenter as WebhookListPresenter };
+
+//# sourceMappingURL=WebhookListPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/WebhookListPresenter.js","sources":["../../../../src/admin/presentation/WebhookList/WebhookListPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\nimport {\n    WebhookListPresenter as Abstraction,\n    type IWebhookListPresenter,\n    type IWebhookListViewModel\n} from \"./abstractions.js\";\nimport { WebhookListDataSource } from \"./WebhookListDataSource.js\";\nimport { ListWebhooksUseCase } from \"~/admin/features/ListWebhooks/abstractions.js\";\nimport { DeleteWebhookUseCase } from \"~/admin/features/deleteWebhook/abstractions.js\";\nimport { TriggerWebhookUseCase } from \"~/admin/features/triggerWebhook/abstractions.js\";\nimport { WebhookPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nclass WebhookListPresenterImpl implements IWebhookListPresenter {\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<Webhook>,\n        private readonly listWebhooksUseCase: ListWebhooksUseCase.Interface,\n        private readonly deleteWebhookUseCase: DeleteWebhookUseCase.Interface,\n        private readonly triggerWebhookUseCase: TriggerWebhookUseCase.Interface,\n        private readonly permissions: WebhookPermissions.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IWebhookListViewModel {\n        return {\n            list: this.listPresenter.vm,\n            permissions: {\n                canRead: this.permissions.canRead(\"webhook\"),\n                canCreate: this.permissions.canCreate(\"webhook\"),\n                canEdit: this.permissions.canEdit(\"webhook\"),\n                canDelete: this.permissions.canDelete(\"webhook\")\n            }\n        };\n    }\n\n    public readonly search = {\n        set: (query: string) => this.listPresenter.actions.search.set(query),\n        clear: () => this.listPresenter.actions.search.clear()\n    };\n\n    public readonly sort = {\n        set: (field: string, direction: \"ASC\" | \"DESC\") =>\n            this.listPresenter.actions.sort.set(field, direction),\n        toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n    };\n\n    public readonly filter = {\n        set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n        clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n        clearAll: () => this.listPresenter.actions.filter.clearAll()\n    };\n\n    public readonly selection = {\n        toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n        selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n        selectAll: () => this.listPresenter.actions.selection.selectAll(),\n        deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n        selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n        isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n    };\n\n    public async loadMore(): Promise<void> {\n        await this.listPresenter.actions.loadMore();\n    }\n\n    public async refresh(): Promise<void> {\n        await this.listPresenter.actions.refresh();\n    }\n\n    public async deleteWebhook(id: string): Promise<void> {\n        await this.deleteWebhookUseCase.execute(id);\n        await this.listPresenter.actions.refresh();\n    }\n\n    public async triggerWebhook(id: string): Promise<void> {\n        await this.triggerWebhookUseCase.execute(id, { test: true });\n        await this.listPresenter.actions.refresh();\n    }\n\n    init(): void {\n        const dataSource = new WebhookListDataSource(this.listWebhooksUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 20\n        });\n    }\n}\n\nexport const WebhookListPresenter = Abstraction.createImplementation({\n    implementation: WebhookListPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListWebhooksUseCase,\n        DeleteWebhookUseCase,\n        TriggerWebhookUseCase,\n        WebhookPermissions\n    ]\n});\n"],"names":["WebhookListPresenterImpl","listPresenter","listWebhooksUseCase","deleteWebhookUseCase","triggerWebhookUseCase","permissions","query","field","direction","key","value","id","ids","makeAutoObservable","computed","dataSource","WebhookListDataSource","WebhookListPresenter","Abstraction","ListPresenter","ListWebhooksUseCase","DeleteWebhookUseCase","TriggerWebhookUseCase","WebhookPermissions"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import type { Webhook } from "../../../admin/shared/types.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+export interface IWebhookListViewModel {
+    list: IListViewModel<Webhook>;
+    permissions: {
+        canRead: boolean;
+        canCreate: boolean;
+        canEdit: boolean;
+        canDelete: boolean;
+    };
+}
+export interface IWebhookListPresenter {
+    vm: IWebhookListViewModel;
+    init(): void;
+    search: {
+        set(query: string): void;
+        clear(): void;
+    };
+    sort: {
+        set(field: string, direction: "ASC" | "DESC"): void;
+        toggle(field: string): void;
+    };
+    filter: {
+        set(key: string, value: unknown): void;
+        clear(key: string): void;
+        clearAll(): void;
+    };
+    selection: {
+        toggle(id: string): void;
+        selectRangeTo(id: string): void;
+        selectAll(): void;
+        deselectAll(): void;
+        selectRows(ids: string[]): void;
+        isSelected(id: string): boolean;
+    };
+    loadMore(): Promise<void>;
+    refresh(): Promise<void>;
+    deleteWebhook(id: string): Promise<void>;
+    triggerWebhook(id: string): Promise<void>;
+}
+export declare const WebhookListPresenter: import("@webiny/di").Abstraction<IWebhookListPresenter>;
+export declare namespace WebhookListPresenter {
+    type Interface = IWebhookListPresenter;
+    type ViewModel = IWebhookListViewModel;
+}

package/admin/presentation/WebhookList/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/abstractions.js","sources":["../../../../src/admin/presentation/WebhookList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\n\nexport interface IWebhookListViewModel {\n    list: IListViewModel<Webhook>;\n    permissions: {\n        canRead: boolean;\n        canCreate: boolean;\n        canEdit: boolean;\n        canDelete: boolean;\n    };\n}\n\nexport interface IWebhookListPresenter {\n    vm: IWebhookListViewModel;\n    init(): void;\n    search: { set(query: string): void; clear(): void };\n    sort: { set(field: string, direction: \"ASC\" | \"DESC\"): void; toggle(field: string): void };\n    filter: { set(key: string, value: unknown): void; clear(key: string): void; clearAll(): void };\n    selection: {\n        toggle(id: string): void;\n        selectRangeTo(id: string): void;\n        selectAll(): void;\n        deselectAll(): void;\n        selectRows(ids: string[]): void;\n        isSelected(id: string): boolean;\n    };\n    loadMore(): Promise<void>;\n    refresh(): Promise<void>;\n    deleteWebhook(id: string): Promise<void>;\n    triggerWebhook(id: string): Promise<void>;\n}\n\nexport const WebhookListPresenter =\n    createAbstraction<IWebhookListPresenter>(\"WebhookListPresenter\");\n\nexport namespace WebhookListPresenter {\n    export type Interface = IWebhookListPresenter;\n    export type ViewModel = IWebhookListViewModel;\n}\n"],"names":["WebhookListPresenter","createAbstraction"],"mappings":";AAkCO,MAAMA,uBACTC,kBAAyC"}

package/admin/presentation/WebhookList/components/CreateWebhookButton.d.ts

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

package/admin/presentation/WebhookList/components/CreateWebhookButton.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { useRouter } from "@webiny/app-admin";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { HasPermission } from "../../security/HasPermission.js";
+import { Routes } from "../../../routes.js";
+const CreateWebhookButton = ()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "webhook",
+        action: "edit"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: ()=>goToRoute(Routes.Form, {
+                id: "new"
+            }),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }, "Create Webhook"));
+};
+export { CreateWebhookButton };
+
+//# sourceMappingURL=CreateWebhookButton.js.map

package/admin/presentation/WebhookList/components/CreateWebhookButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/components/CreateWebhookButton.js","sources":["../../../../../src/admin/presentation/WebhookList/components/CreateWebhookButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { HasPermission } from \"~/admin/presentation/security/HasPermission.js\";\nimport { Routes } from \"~/admin/routes.js\";\n\nexport const CreateWebhookButton = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <HasPermission entity=\"webhook\" action=\"edit\">\n            <Button\n                variant=\"primary\"\n                onClick={() => goToRoute(Routes.Form, { id: \"new\" })}\n                icon={<AddIcon />}\n            >\n                Create Webhook\n            </Button>\n        </HasPermission>\n    );\n};\n"],"names":["CreateWebhookButton","goToRoute","useRouter","HasPermission","Button","Routes","AddIcon"],"mappings":";;;;;;AAOO,MAAMA,sBAAsB;IAC/B,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACC,eAAaA;QAAC,QAAO;QAAU,QAAO;qBACnC,oBAACC,QAAMA;QACH,SAAQ;QACR,SAAS,IAAMH,UAAUI,OAAO,IAAI,EAAE;gBAAE,IAAI;YAAM;QAClD,oBAAM,oBAACC,gBAAOA;OACjB;AAKb"}

package/admin/presentation/WebhookList/components/WebhookListContent.d.ts

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

package/admin/presentation/WebhookList/components/WebhookListContent.js

@@ -0,0 +1,158 @@
+import react, { useCallback, useMemo } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { useRouter } from "@webiny/app-admin";
+import { DataTable, DropdownMenu, IconButton, Scrollbar, Tag, Text, TimeAgo } from "@webiny/admin-ui";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin/hooks/index.js";
+import { HasPermission } from "../../security/HasPermission.js";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { ReactComponent as webhook_svg_ReactComponent } from "@webiny/icons/webhook.svg";
+import { CreateWebhookButton } from "./CreateWebhookButton.js";
+import { Routes } from "../../../routes.js";
+const WebhookListContent_WebhookListContent = observer(function({ presenter }) {
+    const { vm } = presenter;
+    const { goToRoute } = useRouter();
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({
+        title: "Delete Webhook",
+        message: "Are you sure you want to delete this webhook?"
+    });
+    const loadMoreOnScroll = useMemo(()=>debounce(async ({ scrollFrame })=>{
+            if (scrollFrame.top > 0.8) await presenter.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    const sorting = useMemo(()=>{
+        const sort = vm.list.sort;
+        if (!sort || !sort.field) return [];
+        return [
+            {
+                id: sort.field,
+                desc: "DESC" === sort.direction
+            }
+        ];
+    }, [
+        vm.list.sort
+    ]);
+    const onSortingChange = useCallback((updater)=>{
+        const next = "function" == typeof updater ? updater(sorting) : updater;
+        if (next.length > 0) {
+            const { id, desc } = next[0];
+            presenter.sort.set(id, desc ? "DESC" : "ASC");
+        }
+    }, [
+        sorting,
+        presenter.sort
+    ]);
+    const columns = useMemo(()=>({
+            name: {
+                header: "Name",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                        className: "cursor-pointer text-primary hover:underline",
+                        onClick: ()=>goToRoute(Routes.Form, {
+                                id: row.id
+                            })
+                    }, row.name),
+                enableSorting: true,
+                size: 200
+            },
+            endpointUrl: {
+                header: "Endpoint",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                        className: "font-mono text-sm truncate"
+                    }, row.endpointUrl),
+                size: 250
+            },
+            enabled: {
+                header: "Status",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Tag, {
+                        variant: row.enabled ? "success" : "neutral-muted",
+                        content: row.enabled ? "Active" : "Disabled"
+                    }),
+                enableSorting: true,
+                size: 100
+            },
+            createdOn: {
+                header: "Created",
+                cell: (row)=>row.createdOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.createdOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            actions: {
+                header: " ",
+                cell: (row)=>/*#__PURE__*/ react.createElement(DropdownMenu, {
+                        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": "Actions"
+                        })
+                    }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+                        onClick: ()=>goToRoute(Routes.Form, {
+                                id: row.id
+                            }),
+                        text: "Edit"
+                    }), /*#__PURE__*/ react.createElement(HasPermission, {
+                        entity: "webhook",
+                        action: "edit"
+                    }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        icon: /*#__PURE__*/ react.createElement(webhook_svg_ReactComponent, null),
+                        onClick: ()=>{
+                            presenter.triggerWebhook(row.id).then(()=>{
+                                showSnackbar("Test event triggered.");
+                            });
+                        },
+                        text: "Trigger Test"
+                    })), /*#__PURE__*/ react.createElement(HasPermission, {
+                        entity: "webhook",
+                        action: "delete"
+                    }, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        onClick: ()=>{
+                            showDeleteConfirmation(()=>presenter.deleteWebhook(row.id));
+                        },
+                        icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+                        text: "Delete"
+                    }))),
+                size: 56,
+                enableSorting: false,
+                enableHiding: false,
+                enableResizing: false
+            }
+        }), [
+        presenter,
+        goToRoute,
+        showDeleteConfirmation,
+        showSnackbar
+    ]);
+    if (!vm.list.pagination.loading && 0 === vm.list.rows.length) return /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center h-full gap-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "text-neutral-strong"
+    }, "No webhooks found."), /*#__PURE__*/ react.createElement(CreateWebhookButton, null)));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(DataTable, {
+        columns: columns,
+        data: vm.list.rows,
+        loading: vm.list.pagination.loading,
+        sorting: sorting,
+        onSortingChange: onSortingChange,
+        stickyHeader: true
+    })));
+});
+export { WebhookListContent_WebhookListContent as WebhookListContent };
+
+//# sourceMappingURL=WebhookListContent.js.map

package/admin/presentation/WebhookList/components/WebhookListContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/components/WebhookListContent.js","sources":["../../../../../src/admin/presentation/WebhookList/components/WebhookListContent.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    DropdownMenu,\n    IconButton,\n    Scrollbar,\n    Tag,\n    Text,\n    TimeAgo\n} from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin/hooks/index.js\";\nimport { HasPermission } from \"~/admin/presentation/security/HasPermission.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as WebhookIcon } from \"@webiny/icons/webhook.svg\";\nimport { CreateWebhookButton } from \"./CreateWebhookButton.js\";\nimport { Routes } from \"~/admin/routes.js\";\nimport type { IWebhookListPresenter } from \"../abstractions.js\";\nimport type { Webhook } from \"~/admin/shared/types.js\";\n\ninterface WebhookListContentProps {\n    presenter: IWebhookListPresenter;\n}\n\nexport const WebhookListContent = observer(function WebhookListContent({\n    presenter\n}: WebhookListContentProps) {\n    const { vm } = presenter;\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Webhook\",\n        message: \"Are you sure you want to delete this webhook?\"\n    });\n\n    const loadMoreOnScroll = useMemo(\n        () =>\n            debounce(async ({ scrollFrame }: { scrollFrame: { top: number } }) => {\n                if (scrollFrame.top > 0.8) {\n                    await presenter.loadMore();\n                }\n            }, 200),\n        [presenter]\n    );\n\n    const sorting: DataTableSorting = useMemo(() => {\n        const sort = vm.list.sort;\n        if (!sort || !sort.field) {\n            return [];\n        }\n        return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n    }, [vm.list.sort]);\n\n    const onSortingChange: OnDataTableSortingChange = useCallback(\n        updater => {\n            const next = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (next.length > 0) {\n                const { id, desc } = next[0];\n                presenter.sort.set(id, desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        [sorting, presenter.sort]\n    );\n\n    const columns = useMemo(\n        () => ({\n            name: {\n                header: \"Name\",\n                cell: (row: Webhook) => (\n                    <Text\n                        className=\"cursor-pointer text-primary hover:underline\"\n                        onClick={() => goToRoute(Routes.Form, { id: row.id })}\n                    >\n                        {row.name}\n                    </Text>\n                ),\n                enableSorting: true,\n                size: 200\n            },\n            endpointUrl: {\n                header: \"Endpoint\",\n                cell: (row: Webhook) => (\n                    <Text className=\"font-mono text-sm truncate\">{row.endpointUrl}</Text>\n                ),\n                size: 250\n            },\n            enabled: {\n                header: \"Status\",\n                cell: (row: Webhook) => (\n                    <Tag\n                        variant={row.enabled ? \"success\" : \"neutral-muted\"}\n                        content={row.enabled ? \"Active\" : \"Disabled\"}\n                    />\n                ),\n                enableSorting: true,\n                size: 100\n            },\n            createdOn: {\n                header: \"Created\",\n                cell: (row: Webhook) =>\n                    row.createdOn ? <TimeAgo datetime={row.createdOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            actions: {\n                header: \" \",\n                cell: (row: Webhook) => (\n                    <DropdownMenu\n                        trigger={\n                            <IconButton\n                                icon={<MoreVerticalIcon />}\n                                variant=\"ghost\"\n                                size=\"sm\"\n                                aria-label=\"Actions\"\n                            />\n                        }\n                    >\n                        <DropdownMenu.Item\n                            icon={<Edit />}\n                            onClick={() => goToRoute(Routes.Form, { id: row.id })}\n                            text={\"Edit\"}\n                        />\n                        <HasPermission entity=\"webhook\" action=\"edit\">\n                            <DropdownMenu.Item\n                                icon={<WebhookIcon />}\n                                onClick={() => {\n                                    void presenter.triggerWebhook(row.id).then(() => {\n                                        showSnackbar(\"Test event triggered.\");\n                                    });\n                                }}\n                                text={\"Trigger Test\"}\n                            />\n                        </HasPermission>\n                        <HasPermission entity=\"webhook\" action=\"delete\">\n                            <DropdownMenu.Separator />\n                            <DropdownMenu.Item\n                                onClick={() => {\n                                    showDeleteConfirmation(() => presenter.deleteWebhook(row.id));\n                                }}\n                                icon={<Delete />}\n                                text={\"Delete\"}\n                            />\n                        </HasPermission>\n                    </DropdownMenu>\n                ),\n                size: 56,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [presenter, goToRoute, showDeleteConfirmation, showSnackbar]\n    );\n\n    if (!vm.list.pagination.loading && vm.list.rows.length === 0) {\n        return (\n            <div className=\"flex-1 overflow-hidden\">\n                <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                    <Text className=\"text-neutral-strong\">No webhooks found.</Text>\n                    <CreateWebhookButton />\n                </div>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex-1 overflow-hidden\">\n            <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                <DataTable<Webhook>\n                    columns={columns}\n                    data={vm.list.rows}\n                    loading={vm.list.pagination.loading}\n                    sorting={sorting}\n                    onSortingChange={onSortingChange}\n                    stickyHeader\n                />\n            </Scrollbar>\n        </div>\n    );\n});\n"],"names":["WebhookListContent","observer","presenter","vm","goToRoute","useRouter","showSnackbar","useSnackbar","showDeleteConfirmation","useConfirmationDialog","loadMoreOnScroll","useMemo","debounce","scrollFrame","sorting","sort","onSortingChange","useCallback","updater","next","id","desc","columns","row","Text","Routes","Tag","TimeAgo","DropdownMenu","IconButton","MoreVerticalIcon","Edit","HasPermission","WebhookIcon","Delete","CreateWebhookButton","Scrollbar","DataTable"],"mappings":"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"}

package/admin/presentation/WebhookList/components/WebhookListView.d.ts

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

package/admin/presentation/WebhookList/components/WebhookListView.js

@@ -0,0 +1,46 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { Heading, Separator } from "@webiny/admin-ui";
+import { WebhookListPresenterFeature } from "../feature.js";
+import { ListWebhooksFeature } from "../../../features/ListWebhooks/feature.js";
+import { DeleteWebhookFeature } from "../../../features/deleteWebhook/feature.js";
+import { TriggerWebhookFeature } from "../../../features/triggerWebhook/feature.js";
+import { WebhookPermissionsFeature } from "../../../features/permissions/feature.js";
+import { CreateWebhookButton } from "./CreateWebhookButton.js";
+import { WebhookListContent } from "./WebhookListContent.js";
+const WebhookListView_WebhookListViewInner = observer(function() {
+    const { presenter } = useFeature(WebhookListPresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    return /*#__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
+    }, "Webhooks"), /*#__PURE__*/ react.createElement(CreateWebhookButton, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(WebhookListContent, {
+        presenter: presenter
+    }));
+});
+const WebhookListView = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListWebhooksFeature.register(child);
+        DeleteWebhookFeature.register(child);
+        TriggerWebhookFeature.register(child);
+        WebhookPermissionsFeature.register(child);
+        WebhookListPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(WebhookListView_WebhookListViewInner, null));
+};
+export { WebhookListView };
+
+//# sourceMappingURL=WebhookListView.js.map

package/admin/presentation/WebhookList/components/WebhookListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookList/components/WebhookListView.js","sources":["../../../../../src/admin/presentation/WebhookList/components/WebhookListView.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Heading, Separator } from \"@webiny/admin-ui\";\nimport { WebhookListPresenterFeature } from \"../feature.js\";\nimport { ListWebhooksFeature } from \"~/admin/features/ListWebhooks/feature.js\";\nimport { DeleteWebhookFeature } from \"~/admin/features/deleteWebhook/feature.js\";\nimport { TriggerWebhookFeature } from \"~/admin/features/triggerWebhook/feature.js\";\nimport { WebhookPermissionsFeature } from \"~/admin/features/permissions/feature.js\";\nimport { CreateWebhookButton } from \"./CreateWebhookButton.js\";\nimport { WebhookListContent } from \"./WebhookListContent.js\";\n\nconst WebhookListViewInner = observer(function WebhookListViewInner() {\n    const { presenter } = useFeature(WebhookListPresenterFeature);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    return (\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}>Webhooks</Heading>\n                <CreateWebhookButton />\n            </div>\n            <Separator />\n            <WebhookListContent presenter={presenter} />\n        </div>\n    );\n});\n\nexport const WebhookListView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListWebhooksFeature.register(child);\n        DeleteWebhookFeature.register(child);\n        TriggerWebhookFeature.register(child);\n        WebhookPermissionsFeature.register(child);\n        WebhookListPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <WebhookListViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["WebhookListViewInner","observer","presenter","useFeature","WebhookListPresenterFeature","useEffect","Heading","CreateWebhookButton","Separator","WebhookListContent","WebhookListView","container","useContainer","scopedContainer","useMemo","child","ListWebhooksFeature","DeleteWebhookFeature","TriggerWebhookFeature","WebhookPermissionsFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;AAYA,MAAMA,uCAAuBC,SAAS;IAClC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACI,SAAOA;QAAC,OAAO;OAAG,2BACnB,oBAACC,qBAAmBA,QAAAA,WAAAA,GAExB,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAACC,oBAAkBA;QAAC,WAAWP;;AAG3C;AAEO,MAAMQ,kBAAkB;IAC3B,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,oBAAoB,QAAQ,CAACD;QAC7BE,qBAAqB,QAAQ,CAACF;QAC9BG,sBAAsB,QAAQ,CAACH;QAC/BI,0BAA0B,QAAQ,CAACJ;QACnCX,4BAA4B,QAAQ,CAACW;QACrC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACK,qBAAmBA;QAAC,WAAWP;qBAC5B,oBAACb,sCAAoBA;AAGjC"}

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

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

package/admin/presentation/WebhookList/feature.js

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

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

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

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

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

package/admin/presentation/WebhookList/index.js

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