@webiny/webhooks 0.0.0-unstable.7be00a75a9

package/admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.js

@@ -0,0 +1,196 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { ListWebhookDeliveriesUseCase } from "../../features/listWebhookDeliveries/abstractions.js";
+import { ResendWebhookDeliveryUseCase } from "../../features/resendWebhookDelivery/abstractions.js";
+import { ListAvailableEventsUseCase } from "../../features/listAvailableEvents/abstractions.js";
+import { WebhookDeliveriesDataSource } from "../WebhookDeliveries/WebhookDeliveriesDataSource.js";
+import { WebhookDeliveriesPagePresenter } from "./abstractions.js";
+class WebhookDeliveriesPagePresenterImpl {
+    constructor(listPresenter, listDeliveriesUseCase, listAvailableEventsUseCase, resendDeliveryUseCase){
+        this.listPresenter = listPresenter;
+        this.listDeliveriesUseCase = listDeliveriesUseCase;
+        this.listAvailableEventsUseCase = listAvailableEventsUseCase;
+        this.resendDeliveryUseCase = resendDeliveryUseCase;
+        this._availableEvents = [];
+        this._filters = {
+            app: null,
+            entity: null,
+            eventName: null,
+            status: []
+        };
+        this._expandedDeliveryId = null;
+        this._resendingIds = new Set();
+        this._loading = false;
+        this._error = null;
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            availableApps: this._computeAvailableApps(),
+            availableEntities: this._computeAvailableEntities(),
+            availableEventNames: this._computeAvailableEventNames(),
+            filters: {
+                ...this._filters
+            },
+            list: this.listPresenter.vm,
+            expandedDeliveryId: this._expandedDeliveryId,
+            resendingIds: new Set(this._resendingIds),
+            loading: this._loading,
+            error: this._error
+        };
+    }
+    async init() {
+        runInAction(()=>{
+            this._loading = true;
+            this._error = null;
+        });
+        try {
+            const events = await this.listAvailableEventsUseCase.execute();
+            runInAction(()=>{
+                this._availableEvents = events;
+            });
+        } catch (err) {
+            runInAction(()=>{
+                this._error = err instanceof Error ? err.message : "Failed to load events.";
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+        runInAction(()=>{
+            this._applyFilters();
+        });
+    }
+    setAppFilter(app) {
+        this._filters = {
+            app,
+            entity: null,
+            eventName: null,
+            status: this._filters.status
+        };
+        this._expandedDeliveryId = null;
+        this._applyFilters();
+    }
+    setEntityFilter(entity) {
+        this._filters = {
+            ...this._filters,
+            entity,
+            eventName: null
+        };
+        this._expandedDeliveryId = null;
+        this._applyFilters();
+    }
+    setEventFilter(eventName) {
+        this._filters = {
+            ...this._filters,
+            eventName
+        };
+        this._expandedDeliveryId = null;
+        this._applyFilters();
+    }
+    setStatusFilter(status) {
+        this._filters = {
+            ...this._filters,
+            status
+        };
+        this._expandedDeliveryId = null;
+        this._applyFilters();
+    }
+    expandDelivery(id) {
+        this._expandedDeliveryId = this._expandedDeliveryId === id ? null : id;
+    }
+    async loadMore() {
+        await this.listPresenter.actions.loadMore();
+    }
+    async resend(id) {
+        runInAction(()=>{
+            this._resendingIds.add(id);
+        });
+        try {
+            await this.resendDeliveryUseCase.execute(id);
+            await this.listPresenter.actions.refresh();
+        } finally{
+            runInAction(()=>{
+                this._resendingIds.delete(id);
+            });
+        }
+    }
+    _applyFilters() {
+        const where = this._buildWhere();
+        const dataSource = new WebhookDeliveriesDataSource(this.listDeliveriesUseCase, where);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 20
+        });
+    }
+    _buildWhere() {
+        const where = {};
+        const { app, entity, eventName } = this._filters;
+        if (app || entity || eventName) {
+            const matching = this._availableEvents.filter((event)=>{
+                if (app && event.app !== app) return false;
+                if (entity && event.entity !== entity) return false;
+                if (eventName && event.eventName !== eventName) return false;
+                return true;
+            });
+            if (matching.length > 0) where.eventType_in = matching.map((e)=>e.eventName);
+        }
+        if (this._filters.status.length > 0) where.status_in = this._filters.status;
+        return where;
+    }
+    _computeAvailableApps() {
+        const seen = new Set();
+        const result = [];
+        for (const event of this._availableEvents)if (!seen.has(event.app)) {
+            seen.add(event.app);
+            result.push({
+                value: event.app,
+                label: event.appLabel
+            });
+        }
+        return result;
+    }
+    _computeAvailableEntities() {
+        if (!this._filters.app) return [];
+        const seen = new Set();
+        const result = [];
+        for (const event of this._availableEvents)if (event.app === this._filters.app && !seen.has(event.entity)) {
+            seen.add(event.entity);
+            result.push({
+                value: event.entity,
+                label: event.entityLabel
+            });
+        }
+        return result;
+    }
+    _computeAvailableEventNames() {
+        if (!this._filters.app) return [];
+        return this._availableEvents.filter((event)=>{
+            if (event.app !== this._filters.app) return false;
+            if (this._filters.entity && event.entity !== this._filters.entity) return false;
+            return true;
+        }).map((event)=>({
+                value: event.eventName,
+                label: event.label
+            }));
+    }
+}
+const WebhookDeliveriesPagePresenter_WebhookDeliveriesPagePresenter = WebhookDeliveriesPagePresenter.createImplementation({
+    implementation: WebhookDeliveriesPagePresenterImpl,
+    dependencies: [
+        ListPresenter,
+        ListWebhookDeliveriesUseCase,
+        ListAvailableEventsUseCase,
+        ResendWebhookDeliveryUseCase
+    ]
+});
+export { WebhookDeliveriesPagePresenter_WebhookDeliveriesPagePresenter as WebhookDeliveriesPagePresenter };
+
+//# sourceMappingURL=WebhookDeliveriesPagePresenter.js.map

package/admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.js","sources":["../../../../src/admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { WebhookDelivery, WebhookEvent } from \"~/admin/shared/types.js\";\nimport {\n    ListWebhookDeliveriesUseCase,\n    type ListWebhookDeliveriesWhere\n} from \"~/admin/features/listWebhookDeliveries/abstractions.js\";\nimport { ResendWebhookDeliveryUseCase } from \"~/admin/features/resendWebhookDelivery/abstractions.js\";\nimport { ListAvailableEventsUseCase } from \"~/admin/features/listAvailableEvents/abstractions.js\";\nimport { WebhookDeliveriesDataSource } from \"~/admin/presentation/WebhookDeliveries/WebhookDeliveriesDataSource.js\";\nimport {\n    WebhookDeliveriesPagePresenter as Abstraction,\n    type IWebhookDeliveriesPagePresenter,\n    type IWebhookDeliveriesPageViewModel,\n    type IDeliveryFilterOption,\n    type IDeliveryPageFilters\n} from \"./abstractions.js\";\n\nclass WebhookDeliveriesPagePresenterImpl implements IWebhookDeliveriesPagePresenter {\n    private _availableEvents: WebhookEvent[] = [];\n    private _filters: IDeliveryPageFilters = {\n        app: null,\n        entity: null,\n        eventName: null,\n        status: []\n    };\n    private _expandedDeliveryId: string | null = null;\n    private _resendingIds: Set<string> = new Set();\n    private _loading = false;\n    private _error: string | null = null;\n\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<WebhookDelivery>,\n        private readonly listDeliveriesUseCase: ListWebhookDeliveriesUseCase.Interface,\n        private readonly listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface,\n        private readonly resendDeliveryUseCase: ResendWebhookDeliveryUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IWebhookDeliveriesPageViewModel {\n        return {\n            availableApps: this._computeAvailableApps(),\n            availableEntities: this._computeAvailableEntities(),\n            availableEventNames: this._computeAvailableEventNames(),\n            filters: { ...this._filters },\n            list: this.listPresenter.vm,\n            expandedDeliveryId: this._expandedDeliveryId,\n            resendingIds: new Set(this._resendingIds),\n            loading: this._loading,\n            error: this._error\n        };\n    }\n\n    public async init(): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._error = null;\n        });\n        try {\n            const events = await this.listAvailableEventsUseCase.execute();\n            runInAction(() => {\n                this._availableEvents = events;\n            });\n        } catch (err) {\n            runInAction(() => {\n                this._error = err instanceof Error ? err.message : \"Failed to load events.\";\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n        runInAction(() => {\n            this._applyFilters();\n        });\n    }\n\n    public setAppFilter(app: string | null): void {\n        this._filters = { app, entity: null, eventName: null, status: this._filters.status };\n        this._expandedDeliveryId = null;\n        this._applyFilters();\n    }\n\n    public setEntityFilter(entity: string | null): void {\n        this._filters = { ...this._filters, entity, eventName: null };\n        this._expandedDeliveryId = null;\n        this._applyFilters();\n    }\n\n    public setEventFilter(eventName: string | null): void {\n        this._filters = { ...this._filters, eventName };\n        this._expandedDeliveryId = null;\n        this._applyFilters();\n    }\n\n    public setStatusFilter(status: string[]): void {\n        this._filters = { ...this._filters, status };\n        this._expandedDeliveryId = null;\n        this._applyFilters();\n    }\n\n    public expandDelivery(id: string | null): void {\n        this._expandedDeliveryId = this._expandedDeliveryId === id ? null : id;\n    }\n\n    public async loadMore(): Promise<void> {\n        await this.listPresenter.actions.loadMore();\n    }\n\n    public async resend(id: string): Promise<void> {\n        runInAction(() => {\n            this._resendingIds.add(id);\n        });\n        try {\n            await this.resendDeliveryUseCase.execute(id);\n            await this.listPresenter.actions.refresh();\n        } finally {\n            runInAction(() => {\n                this._resendingIds.delete(id);\n            });\n        }\n    }\n\n    private _applyFilters(): void {\n        const where = this._buildWhere();\n        const dataSource = new WebhookDeliveriesDataSource(this.listDeliveriesUseCase, where);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 20\n        });\n    }\n\n    private _buildWhere(): ListWebhookDeliveriesWhere {\n        const where: ListWebhookDeliveriesWhere = {};\n        const { app, entity, eventName } = this._filters;\n\n        if (app || entity || eventName) {\n            const matching = this._availableEvents.filter(event => {\n                if (app && event.app !== app) {\n                    return false;\n                }\n                if (entity && event.entity !== entity) {\n                    return false;\n                }\n                if (eventName && event.eventName !== eventName) {\n                    return false;\n                }\n                return true;\n            });\n            if (matching.length > 0) {\n                where.eventType_in = matching.map(e => e.eventName);\n            }\n        }\n\n        if (this._filters.status.length > 0) {\n            where.status_in = this._filters.status;\n        }\n\n        return where;\n    }\n\n    private _computeAvailableApps(): IDeliveryFilterOption[] {\n        const seen = new Set<string>();\n        const result: IDeliveryFilterOption[] = [];\n        for (const event of this._availableEvents) {\n            if (!seen.has(event.app)) {\n                seen.add(event.app);\n                result.push({ value: event.app, label: event.appLabel });\n            }\n        }\n        return result;\n    }\n\n    private _computeAvailableEntities(): IDeliveryFilterOption[] {\n        if (!this._filters.app) {\n            return [];\n        }\n        const seen = new Set<string>();\n        const result: IDeliveryFilterOption[] = [];\n        for (const event of this._availableEvents) {\n            if (event.app === this._filters.app && !seen.has(event.entity)) {\n                seen.add(event.entity);\n                result.push({ value: event.entity, label: event.entityLabel });\n            }\n        }\n        return result;\n    }\n\n    private _computeAvailableEventNames(): IDeliveryFilterOption[] {\n        if (!this._filters.app) {\n            return [];\n        }\n        return this._availableEvents\n            .filter(event => {\n                if (event.app !== this._filters.app) {\n                    return false;\n                }\n                if (this._filters.entity && event.entity !== this._filters.entity) {\n                    return false;\n                }\n                return true;\n            })\n            .map(event => ({ value: event.eventName, label: event.label }));\n    }\n}\n\nexport const WebhookDeliveriesPagePresenter = Abstraction.createImplementation({\n    implementation: WebhookDeliveriesPagePresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListWebhookDeliveriesUseCase,\n        ListAvailableEventsUseCase,\n        ResendWebhookDeliveryUseCase\n    ]\n});\n"],"names":["WebhookDeliveriesPagePresenterImpl","listPresenter","listDeliveriesUseCase","listAvailableEventsUseCase","resendDeliveryUseCase","Set","makeAutoObservable","computed","runInAction","events","err","Error","app","entity","eventName","status","id","where","dataSource","WebhookDeliveriesDataSource","matching","event","e","seen","result","WebhookDeliveriesPagePresenter","Abstraction","ListPresenter","ListWebhookDeliveriesUseCase","ListAvailableEventsUseCase","ResendWebhookDeliveryUseCase"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import type { WebhookDelivery } from "../../../admin/shared/types.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+export interface IDeliveryPageFilters {
+    app: string | null;
+    entity: string | null;
+    eventName: string | null;
+    status: string[];
+}
+export interface IDeliveryFilterOption {
+    value: string;
+    label: string;
+}
+export interface IWebhookDeliveriesPageViewModel {
+    availableApps: IDeliveryFilterOption[];
+    availableEntities: IDeliveryFilterOption[];
+    availableEventNames: IDeliveryFilterOption[];
+    filters: IDeliveryPageFilters;
+    list: IListViewModel<WebhookDelivery>;
+    expandedDeliveryId: string | null;
+    resendingIds: Set<string>;
+    loading: boolean;
+    error: string | null;
+}
+export interface IWebhookDeliveriesPagePresenter {
+    vm: IWebhookDeliveriesPageViewModel;
+    init(): Promise<void>;
+    setAppFilter(app: string | null): void;
+    setEntityFilter(entity: string | null): void;
+    setEventFilter(eventName: string | null): void;
+    setStatusFilter(status: string[]): void;
+    expandDelivery(id: string | null): void;
+    loadMore(): Promise<void>;
+    resend(id: string): Promise<void>;
+}
+export declare const WebhookDeliveriesPagePresenter: import("@webiny/di").Abstraction<IWebhookDeliveriesPagePresenter>;
+export declare namespace WebhookDeliveriesPagePresenter {
+    type Interface = IWebhookDeliveriesPagePresenter;
+    type ViewModel = IWebhookDeliveriesPageViewModel;
+}

package/admin/presentation/WebhookDeliveriesPage/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/abstractions.js","sources":["../../../../src/admin/presentation/WebhookDeliveriesPage/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\n\nexport interface IDeliveryPageFilters {\n    app: string | null;\n    entity: string | null;\n    eventName: string | null;\n    status: string[];\n}\n\nexport interface IDeliveryFilterOption {\n    value: string;\n    label: string;\n}\n\nexport interface IWebhookDeliveriesPageViewModel {\n    availableApps: IDeliveryFilterOption[];\n    availableEntities: IDeliveryFilterOption[];\n    availableEventNames: IDeliveryFilterOption[];\n    filters: IDeliveryPageFilters;\n    list: IListViewModel<WebhookDelivery>;\n    expandedDeliveryId: string | null;\n    resendingIds: Set<string>;\n    loading: boolean;\n    error: string | null;\n}\n\nexport interface IWebhookDeliveriesPagePresenter {\n    vm: IWebhookDeliveriesPageViewModel;\n    init(): Promise<void>;\n    setAppFilter(app: string | null): void;\n    setEntityFilter(entity: string | null): void;\n    setEventFilter(eventName: string | null): void;\n    setStatusFilter(status: string[]): void;\n    expandDelivery(id: string | null): void;\n    loadMore(): Promise<void>;\n    resend(id: string): Promise<void>;\n}\n\nexport const WebhookDeliveriesPagePresenter = createAbstraction<IWebhookDeliveriesPagePresenter>(\n    \"WebhookDeliveriesPagePresenter\"\n);\n\nexport namespace WebhookDeliveriesPagePresenter {\n    export type Interface = IWebhookDeliveriesPagePresenter;\n    export type ViewModel = IWebhookDeliveriesPageViewModel;\n}\n"],"names":["WebhookDeliveriesPagePresenter","createAbstraction"],"mappings":";AAwCO,MAAMA,iCAAiCC,kBAC1C"}

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryBottomInfoBar.d.ts

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

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryBottomInfoBar.js

@@ -0,0 +1,43 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Loader, Separator, Text } from "@webiny/admin-ui";
+const DeliveryBottomInfoBar_DeliveryBottomInfoBar = observer(function({ presenter }) {
+    const { vm } = presenter;
+    const { pagination } = vm.list;
+    if (pagination.loading && 0 === vm.list.rows.length) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "h-xl px-md py-sm flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(DeliveryMeta, {
+        loading: pagination.loading,
+        currentCount: pagination.currentCount,
+        totalCount: pagination.totalCount
+    }), /*#__PURE__*/ react.createElement(DeliveryLoadingStatus, {
+        loading: pagination.loadingMore
+    })));
+});
+const DeliveryMeta = ({ loading, currentCount, totalCount })=>{
+    if (loading) return null;
+    const label = 1 === totalCount ? "delivery" : "deliveries";
+    return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, `Showing ${currentCount} out of ${totalCount} ${label}.`);
+};
+const DeliveryLoadingStatus = ({ loading })=>{
+    if (!loading) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, "Loading more deliveries..."), /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    }));
+};
+export { DeliveryBottomInfoBar_DeliveryBottomInfoBar as DeliveryBottomInfoBar };
+
+//# sourceMappingURL=DeliveryBottomInfoBar.js.map

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryBottomInfoBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/DeliveryBottomInfoBar.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/DeliveryBottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Loader, Separator, Text } from \"@webiny/admin-ui\";\nimport type { IWebhookDeliveriesPagePresenter } from \"../abstractions.js\";\n\ninterface DeliveryBottomInfoBarProps {\n    presenter: IWebhookDeliveriesPagePresenter;\n}\n\nexport const DeliveryBottomInfoBar = observer(function DeliveryBottomInfoBar({\n    presenter\n}: DeliveryBottomInfoBarProps) {\n    const { vm } = presenter;\n    const { pagination } = vm.list;\n\n    if (pagination.loading && vm.list.rows.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className=\"sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden\">\n            <Separator />\n            <div className=\"h-xl px-md py-sm flex items-center justify-between\">\n                <DeliveryMeta\n                    loading={pagination.loading}\n                    currentCount={pagination.currentCount}\n                    totalCount={pagination.totalCount}\n                />\n                <DeliveryLoadingStatus loading={pagination.loadingMore} />\n            </div>\n        </div>\n    );\n});\n\ninterface DeliveryMetaProps {\n    loading: boolean;\n    currentCount: number;\n    totalCount: number;\n}\n\nconst DeliveryMeta = ({ loading, currentCount, totalCount }: DeliveryMetaProps) => {\n    if (loading) {\n        return null;\n    }\n\n    const label = totalCount === 1 ? \"delivery\" : \"deliveries\";\n\n    return (\n        <Text size=\"sm\" as=\"div\" className=\"text-neutral-strong\">\n            {`Showing ${currentCount} out of ${totalCount} ${label}.`}\n        </Text>\n    );\n};\n\ninterface DeliveryLoadingStatusProps {\n    loading: boolean;\n}\n\nconst DeliveryLoadingStatus = ({ loading }: DeliveryLoadingStatusProps) => {\n    if (!loading) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size=\"sm\" as=\"div\" className=\"text-neutral-strong\">\n                Loading more deliveries...\n            </Text>\n            <Loader size=\"xs\" />\n        </div>\n    );\n};\n"],"names":["DeliveryBottomInfoBar","observer","presenter","vm","pagination","Separator","DeliveryMeta","DeliveryLoadingStatus","loading","currentCount","totalCount","label","Text","Loader"],"mappings":";;;AASO,MAAMA,8CAAwBC,SAAS,SAA+B,EACzEC,SAAS,EACgB;IACzB,MAAM,EAAEC,EAAE,EAAE,GAAGD;IACf,MAAM,EAAEE,UAAU,EAAE,GAAGD,GAAG,IAAI;IAE9B,IAAIC,WAAW,OAAO,IAAID,AAAwB,MAAxBA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EACzC,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACE,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;qBACX,oBAACC,cAAYA;QACT,SAASF,WAAW,OAAO;QAC3B,cAAcA,WAAW,YAAY;QACrC,YAAYA,WAAW,UAAU;sBAErC,oBAACG,uBAAqBA;QAAC,SAASH,WAAW,WAAW;;AAItE;AAQA,MAAME,eAAe,CAAC,EAAEE,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAqB;IAC1E,IAAIF,SACA,OAAO;IAGX,MAAMG,QAAQD,AAAe,MAAfA,aAAmB,aAAa;IAE9C,OAAO,WAAP,GACI,oBAACE,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAU;OAC9B,CAAC,QAAQ,EAAEH,aAAa,QAAQ,EAAEC,WAAW,CAAC,EAAEC,MAAM,CAAC,CAAC;AAGrE;AAMA,MAAMJ,wBAAwB,CAAC,EAAEC,OAAO,EAA8B;IAClE,IAAI,CAACA,SACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACI,MAAIA;QAAC,MAAK;QAAK,IAAG;QAAM,WAAU;OAAsB,6CAGzD,oBAACC,QAAMA;QAAC,MAAK;;AAGzB"}

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryFilters.d.ts

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

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryFilters.js

@@ -0,0 +1,66 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Grid, MultiSelect, Select } from "@webiny/admin-ui";
+const STATUS_OPTIONS = [
+    {
+        value: "pending",
+        label: "Pending"
+    },
+    {
+        value: "delivering",
+        label: "Delivering"
+    },
+    {
+        value: "delivered",
+        label: "Delivered"
+    },
+    {
+        value: "failed",
+        label: "Failed"
+    }
+];
+const DeliveryFilters_DeliveryFilters = observer(function({ presenter }) {
+    const { vm } = presenter;
+    return /*#__PURE__*/ react.createElement(Grid, {
+        className: "py-sm"
+    }, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Select, {
+        placeholder: "All apps",
+        value: vm.filters.app ?? "",
+        options: vm.availableApps,
+        onChange: (value)=>presenter.setAppFilter(value || null),
+        displayResetAction: true,
+        onValueReset: ()=>presenter.setAppFilter(null)
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Select, {
+        placeholder: "All entities",
+        value: vm.filters.entity ?? "",
+        options: vm.availableEntities,
+        onChange: (value)=>presenter.setEntityFilter(value || null),
+        disabled: !vm.filters.app,
+        displayResetAction: true,
+        onValueReset: ()=>presenter.setEntityFilter(null)
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Select, {
+        placeholder: "All events",
+        value: vm.filters.eventName ?? "",
+        options: vm.availableEventNames,
+        onChange: (value)=>presenter.setEventFilter(value || null),
+        disabled: !vm.filters.app,
+        displayResetAction: true,
+        onValueReset: ()=>presenter.setEventFilter(null)
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(MultiSelect, {
+        placeholder: "All statuses",
+        value: vm.filters.status,
+        options: STATUS_OPTIONS,
+        onChange: (values)=>presenter.setStatusFilter(values)
+    })));
+});
+export { DeliveryFilters_DeliveryFilters as DeliveryFilters };
+
+//# sourceMappingURL=DeliveryFilters.js.map

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/DeliveryFilters.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/DeliveryFilters.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Grid, MultiSelect, Select } from \"@webiny/admin-ui\";\nimport type { IWebhookDeliveriesPagePresenter } from \"../abstractions.js\";\n\ninterface DeliveryFiltersProps {\n    presenter: IWebhookDeliveriesPagePresenter;\n}\n\nconst STATUS_OPTIONS = [\n    { value: \"pending\", label: \"Pending\" },\n    { value: \"delivering\", label: \"Delivering\" },\n    { value: \"delivered\", label: \"Delivered\" },\n    { value: \"failed\", label: \"Failed\" }\n];\n\nexport const DeliveryFilters = observer(function DeliveryFilters({\n    presenter\n}: DeliveryFiltersProps) {\n    const { vm } = presenter;\n    return (\n        <Grid className=\"py-sm\">\n            <Grid.Column span={2}>\n                <Select\n                    placeholder=\"All apps\"\n                    value={vm.filters.app ?? \"\"}\n                    options={vm.availableApps}\n                    onChange={value => presenter.setAppFilter(value || null)}\n                    displayResetAction={true}\n                    onValueReset={() => presenter.setAppFilter(null)}\n                />\n            </Grid.Column>\n            <Grid.Column span={2}>\n                <Select\n                    placeholder=\"All entities\"\n                    value={vm.filters.entity ?? \"\"}\n                    options={vm.availableEntities}\n                    onChange={value => presenter.setEntityFilter(value || null)}\n                    disabled={!vm.filters.app}\n                    displayResetAction={true}\n                    onValueReset={() => presenter.setEntityFilter(null)}\n                />\n            </Grid.Column>\n            <Grid.Column span={2}>\n                <Select\n                    placeholder=\"All events\"\n                    value={vm.filters.eventName ?? \"\"}\n                    options={vm.availableEventNames}\n                    onChange={value => presenter.setEventFilter(value || null)}\n                    disabled={!vm.filters.app}\n                    displayResetAction={true}\n                    onValueReset={() => presenter.setEventFilter(null)}\n                />\n            </Grid.Column>\n            <Grid.Column span={2}>\n                <MultiSelect\n                    placeholder=\"All statuses\"\n                    value={vm.filters.status}\n                    options={STATUS_OPTIONS}\n                    onChange={values => presenter.setStatusFilter(values)}\n                />\n            </Grid.Column>\n        </Grid>\n    );\n});\n"],"names":["STATUS_OPTIONS","DeliveryFilters","observer","presenter","vm","Grid","Select","value","MultiSelect","values"],"mappings":";;;AASA,MAAMA,iBAAiB;IACnB;QAAE,OAAO;QAAW,OAAO;IAAU;IACrC;QAAE,OAAO;QAAc,OAAO;IAAa;IAC3C;QAAE,OAAO;QAAa,OAAO;IAAY;IACzC;QAAE,OAAO;QAAU,OAAO;IAAS;CACtC;AAEM,MAAMC,kCAAkBC,SAAS,SAAyB,EAC7DC,SAAS,EACU;IACnB,MAAM,EAAEC,EAAE,EAAE,GAAGD;IACf,OAAO,WAAP,GACI,oBAACE,MAAIA;QAAC,WAAU;qBACZ,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,QAAMA;QACH,aAAY;QACZ,OAAOF,GAAG,OAAO,CAAC,GAAG,IAAI;QACzB,SAASA,GAAG,aAAa;QACzB,UAAUG,CAAAA,QAASJ,UAAU,YAAY,CAACI,SAAS;QACnD,oBAAoB;QACpB,cAAc,IAAMJ,UAAU,YAAY,CAAC;uBAGnD,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,QAAMA;QACH,aAAY;QACZ,OAAOF,GAAG,OAAO,CAAC,MAAM,IAAI;QAC5B,SAASA,GAAG,iBAAiB;QAC7B,UAAUG,CAAAA,QAASJ,UAAU,eAAe,CAACI,SAAS;QACtD,UAAU,CAACH,GAAG,OAAO,CAAC,GAAG;QACzB,oBAAoB;QACpB,cAAc,IAAMD,UAAU,eAAe,CAAC;uBAGtD,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,QAAMA;QACH,aAAY;QACZ,OAAOF,GAAG,OAAO,CAAC,SAAS,IAAI;QAC/B,SAASA,GAAG,mBAAmB;QAC/B,UAAUG,CAAAA,QAASJ,UAAU,cAAc,CAACI,SAAS;QACrD,UAAU,CAACH,GAAG,OAAO,CAAC,GAAG;QACzB,oBAAoB;QACpB,cAAc,IAAMD,UAAU,cAAc,CAAC;uBAGrD,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACG,aAAWA;QACR,aAAY;QACZ,OAAOJ,GAAG,OAAO,CAAC,MAAM;QACxB,SAASJ;QACT,UAAUS,CAAAA,SAAUN,UAAU,eAAe,CAACM;;AAKlE"}

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryList.d.ts

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

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryList.js

@@ -0,0 +1,45 @@
+import react, { useMemo } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { Accordion, Scrollbar, Text } from "@webiny/admin-ui";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
+import { DeliveryAccordionRow } from "../../WebhookDeliveries/components/DeliveryAccordionRow.js";
+import { DeliveryBottomInfoBar } from "./DeliveryBottomInfoBar.js";
+const DeliveryList_DeliveryList = observer(function({ presenter }) {
+    const { vm } = presenter;
+    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({
+        title: "Resend Delivery",
+        message: "Are you sure you want to resend this delivery?"
+    });
+    const loadMoreOnScroll = useMemo(()=>debounce(async ({ scrollFrame })=>{
+            if (scrollFrame.top > 0.8) await presenter.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    if (0 === vm.list.rows.length && !vm.loading) return /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center py-xl"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "text-neutral-strong"
+    }, "No deliveries found."));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-hidden relative"
+    }, /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(Accordion, {
+        variant: "underline"
+    }, vm.list.rows.map((delivery)=>/*#__PURE__*/ react.createElement(DeliveryAccordionRow, {
+            key: delivery.id,
+            delivery: delivery,
+            open: vm.expandedDeliveryId === delivery.id,
+            resending: vm.resendingIds.has(delivery.id),
+            onOpenChange: (open)=>presenter.expandDelivery(open ? delivery.id : null),
+            onResend: (id)=>showResendConfirmation(()=>presenter.resend(id))
+        })))), /*#__PURE__*/ react.createElement(DeliveryBottomInfoBar, {
+        presenter: presenter
+    }));
+});
+export { DeliveryList_DeliveryList as DeliveryList };
+
+//# sourceMappingURL=DeliveryList.js.map

package/admin/presentation/WebhookDeliveriesPage/components/DeliveryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/DeliveryList.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/DeliveryList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Scrollbar, Text } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { DeliveryAccordionRow } from \"~/admin/presentation/WebhookDeliveries/components/DeliveryAccordionRow.js\";\nimport { DeliveryBottomInfoBar } from \"./DeliveryBottomInfoBar.js\";\nimport type { IWebhookDeliveriesPagePresenter } from \"../abstractions.js\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\n\ninterface DeliveryListProps {\n    presenter: IWebhookDeliveriesPagePresenter;\n}\n\nexport const DeliveryList = observer(function DeliveryList({ presenter }: DeliveryListProps) {\n    const { vm } = presenter;\n\n    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({\n        title: \"Resend Delivery\",\n        message: \"Are you sure you want to resend this delivery?\"\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    if (vm.list.rows.length === 0 && !vm.loading) {\n        return (\n            <div className=\"flex justify-center py-xl\">\n                <Text className=\"text-neutral-strong\">No deliveries found.</Text>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex-1 overflow-hidden relative\">\n            <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                <Accordion variant=\"underline\">\n                    {vm.list.rows.map((delivery: WebhookDelivery) => (\n                        <DeliveryAccordionRow\n                            key={delivery.id}\n                            delivery={delivery}\n                            open={vm.expandedDeliveryId === delivery.id}\n                            resending={vm.resendingIds.has(delivery.id)}\n                            onOpenChange={open =>\n                                presenter.expandDelivery(open ? delivery.id : null)\n                            }\n                            onResend={id => showResendConfirmation(() => presenter.resend(id))}\n                        />\n                    ))}\n                </Accordion>\n            </Scrollbar>\n            <DeliveryBottomInfoBar presenter={presenter} />\n        </div>\n    );\n});\n"],"names":["DeliveryList","observer","presenter","vm","showResendConfirmation","useConfirmationDialog","loadMoreOnScroll","useMemo","debounce","scrollFrame","Text","Scrollbar","Accordion","delivery","DeliveryAccordionRow","open","id","DeliveryBottomInfoBar"],"mappings":";;;;;;;AAcO,MAAMA,4BAAeC,SAAS,SAAsB,EAAEC,SAAS,EAAqB;IACvF,MAAM,EAAEC,EAAE,EAAE,GAAGD;IAEf,MAAM,EAAE,kBAAkBE,sBAAsB,EAAE,GAAGC,sBAAsB;QACvE,OAAO;QACP,SAAS;IACb;IAEA,MAAMC,mBAAmBC,QACrB,IACIC,SAAS,OAAO,EAAEC,WAAW,EAAoC;YAC7D,IAAIA,YAAY,GAAG,GAAG,KAClB,MAAMP,UAAU,QAAQ;QAEhC,GAAG,MACP;QAACA;KAAU;IAGf,IAAIC,AAAwB,MAAxBA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,IAAU,CAACA,GAAG,OAAO,EACxC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACO,MAAIA;QAAC,WAAU;OAAsB;IAKlD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,WAASA;QAAC,eAAeF,CAAAA,cAAeH,iBAAiB;gBAAEG;YAAY;qBACpE,oBAACG,WAASA;QAAC,SAAQ;OACdT,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAACU,WAAAA,WAAAA,GACf,oBAACC,sBAAoBA;YACjB,KAAKD,SAAS,EAAE;YAChB,UAAUA;YACV,MAAMV,GAAG,kBAAkB,KAAKU,SAAS,EAAE;YAC3C,WAAWV,GAAG,YAAY,CAAC,GAAG,CAACU,SAAS,EAAE;YAC1C,cAAcE,CAAAA,OACVb,UAAU,cAAc,CAACa,OAAOF,SAAS,EAAE,GAAG;YAElD,UAAUG,CAAAA,KAAMZ,uBAAuB,IAAMF,UAAU,MAAM,CAACc;6BAK9E,oBAACC,uBAAqBA;QAAC,WAAWf;;AAG9C"}

package/admin/presentation/WebhookDeliveriesPage/components/WebhookDeliveriesPage.d.ts

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

package/admin/presentation/WebhookDeliveriesPage/components/WebhookDeliveriesPage.js

@@ -0,0 +1,64 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { Button, Heading, Skeleton, Text } from "@webiny/admin-ui";
+import { ListWebhookDeliveriesFeature } from "../../../features/listWebhookDeliveries/feature.js";
+import { ListAvailableEventsFeature } from "../../../features/listAvailableEvents/feature.js";
+import { ResendWebhookDeliveryFeature } from "../../../features/resendWebhookDelivery/feature.js";
+import { WebhookDeliveriesPagePresenterFeature } from "../feature.js";
+import { DeliveryFilters } from "./DeliveryFilters.js";
+import { DeliveryList } from "./DeliveryList.js";
+const WebhookDeliveriesPage_WebhookDeliveriesPageInner = observer(function() {
+    const { presenter } = useFeature(WebhookDeliveriesPagePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const { vm } = presenter;
+    if (vm.loading && 0 === vm.list.rows.length) return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-10 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-10 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-10 w-full"
+    }));
+    if (vm.error) return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Text, null, vm.error), /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>void presenter.init()
+    }, "Retry"));
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-main-content"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "p-md pb-0 flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4
+    }, "Delivery Log"), /*#__PURE__*/ react.createElement(DeliveryFilters, {
+        presenter: presenter
+    })), /*#__PURE__*/ react.createElement(DeliveryList, {
+        presenter: presenter
+    }));
+});
+const WebhookDeliveriesPage = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListWebhookDeliveriesFeature.register(child);
+        ListAvailableEventsFeature.register(child);
+        ResendWebhookDeliveryFeature.register(child);
+        WebhookDeliveriesPagePresenterFeature.register(child);
+        return child;
+    }, [
+        container
+    ]);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(WebhookDeliveriesPage_WebhookDeliveriesPageInner, null));
+};
+export { WebhookDeliveriesPage };
+
+//# sourceMappingURL=WebhookDeliveriesPage.js.map

package/admin/presentation/WebhookDeliveriesPage/components/WebhookDeliveriesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/WebhookDeliveriesPage.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/WebhookDeliveriesPage.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Button, Heading, Skeleton, Text } from \"@webiny/admin-ui\";\nimport { ListWebhookDeliveriesFeature } from \"~/admin/features/listWebhookDeliveries/feature.js\";\nimport { ListAvailableEventsFeature } from \"~/admin/features/listAvailableEvents/feature.js\";\nimport { ResendWebhookDeliveryFeature } from \"~/admin/features/resendWebhookDelivery/feature.js\";\nimport { WebhookDeliveriesPagePresenterFeature } from \"../feature.js\";\nimport { DeliveryFilters } from \"./DeliveryFilters.js\";\nimport { DeliveryList } from \"./DeliveryList.js\";\n\nconst WebhookDeliveriesPageInner = observer(function WebhookDeliveriesPageInner() {\n    const { presenter } = useFeature(WebhookDeliveriesPagePresenterFeature);\n\n    useEffect(() => {\n        void presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    if (vm.loading && vm.list.rows.length === 0) {\n        return (\n            <div className=\"flex flex-col gap-sm p-md\">\n                <Skeleton className=\"h-10 w-full\" />\n                <Skeleton className=\"h-10 w-full\" />\n                <Skeleton className=\"h-10 w-full\" />\n            </div>\n        );\n    }\n\n    if (vm.error) {\n        return (\n            <div className=\"flex flex-col items-center gap-sm p-md\">\n                <Text>{vm.error}</Text>\n                <Button variant=\"secondary\" onClick={() => void presenter.init()}>\n                    Retry\n                </Button>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col h-main-content\">\n            <div className=\"p-md pb-0 flex flex-col gap-md\">\n                <Heading level={4}>Delivery Log</Heading>\n                <DeliveryFilters presenter={presenter} />\n            </div>\n            <DeliveryList presenter={presenter} />\n        </div>\n    );\n});\n\nexport const WebhookDeliveriesPage = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListWebhookDeliveriesFeature.register(child);\n        ListAvailableEventsFeature.register(child);\n        ResendWebhookDeliveryFeature.register(child);\n        WebhookDeliveriesPagePresenterFeature.register(child);\n        return child;\n    }, [container]);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <WebhookDeliveriesPageInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["WebhookDeliveriesPageInner","observer","presenter","useFeature","WebhookDeliveriesPagePresenterFeature","useEffect","vm","Skeleton","Text","Button","Heading","DeliveryFilters","DeliveryList","WebhookDeliveriesPage","container","useContainer","scopedContainer","useMemo","child","ListWebhookDeliveriesFeature","ListAvailableEventsFeature","ResendWebhookDeliveryFeature","DiContainerProvider"],"mappings":";;;;;;;;;;AAWA,MAAMA,mDAA6BC,SAAS;IACxC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACDH,UAAU,IAAI;IACvB,GAAG;QAACA;KAAU;IAEd,MAAM,EAAEI,EAAE,EAAE,GAAGJ;IAEf,IAAII,GAAG,OAAO,IAAIA,AAAwB,MAAxBA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EACjC,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,UAAQA;QAAC,WAAU;sBACpB,oBAACA,UAAQA;QAAC,WAAU;sBACpB,oBAACA,UAAQA;QAAC,WAAU;;IAKhC,IAAID,GAAG,KAAK,EACR,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACE,MAAIA,MAAEF,GAAG,KAAK,iBACf,oBAACG,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAM,KAAKP,UAAU,IAAI;OAAI;IAO9E,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACQ,SAAOA;QAAC,OAAO;OAAG,+BACnB,oBAACC,iBAAeA;QAAC,WAAWT;uBAEhC,oBAACU,cAAYA;QAAC,WAAWV;;AAGrC;AAEO,MAAMW,wBAAwB;IACjC,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAC5CK,6BAA6B,QAAQ,CAACD;QACtCE,2BAA2B,QAAQ,CAACF;QACpCG,6BAA6B,QAAQ,CAACH;QACtCd,sCAAsC,QAAQ,CAACc;QAC/C,OAAOA;IACX,GAAG;QAACJ;KAAU;IAEd,OAAO,WAAP,GACI,oBAACQ,qBAAmBA;QAAC,WAAWN;qBAC5B,oBAAChB,kDAA0BA;AAGvC"}

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

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

package/admin/presentation/WebhookDeliveriesPage/feature.js

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

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

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

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

@@ -0,0 +1,5 @@
+export { WebhookDeliveriesPagePresenterFeature } from "./feature.js";
+export type { IWebhookDeliveriesPagePresenter } from "./abstractions.js";
+export type { IWebhookDeliveriesPageViewModel } from "./abstractions.js";
+export type { IDeliveryPageFilters } from "./abstractions.js";
+export type { IDeliveryFilterOption } from "./abstractions.js";

package/admin/presentation/WebhookDeliveriesPage/index.js

@@ -0,0 +1 @@
+export { WebhookDeliveriesPagePresenterFeature } from "./feature.js";