@webiny/webhooks 6.4.0-beta.2 → 6.4.0-beta.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesDataSource.js","sources":["../../../../src/admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\nimport type {\n    IListWebhookDeliveriesUseCase,\n    ListWebhookDeliveriesWhere\n} from \"~/admin/features/listWebhookDeliveries/abstractions.js\";\n\nexport class WebhookDeliveriesDataSource implements IDataSource<WebhookDelivery> {\n    private _rows: WebhookDelivery[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listDeliveriesUseCase: IListWebhookDeliveriesUseCase) {\n        makeAutoObservable<WebhookDeliveriesDataSource, \"listDeliveriesUseCase\">(this, {\n            listDeliveriesUseCase: false\n        });\n    }\n\n    get rows(): WebhookDelivery[] {\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.listDeliveriesUseCase.execute({\n            where: (params.filters ?? {}) as ListWebhookDeliveriesWhere,\n            limit: params.limit,\n            after: params.cursor\n        });\n        runInAction(() => {\n            this._rows = result.data;\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.listDeliveriesUseCase.execute({\n            where: (params.filters ?? {}) as ListWebhookDeliveriesWhere,\n            limit: params.limit,\n            after: this._meta.cursor ?? undefined\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.data];\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":["WebhookDeliveriesDataSource","listDeliveriesUseCase","makeAutoObservable","params","result","runInAction","undefined"],"mappings":";AAYO,MAAMA;IAKT,YAA6BC,qBAAoD,CAAE;aAAtDA,qBAAqB,GAArBA;aAJrB,KAAK,GAAsB,EAAE;aAC7B,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAyE,IAAI,EAAE;YAC3E,uBAAuB;QAC3B;IACJ;IAEA,IAAI,OAA0B;QAC1B,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,qBAAqB,CAAC,OAAO,CAAC;YACpD,OAAQD,OAAO,OAAO,IAAI,CAAC;YAC3B,OAAOA,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;QACxB;QACAE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,IAAI;YACxB,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,qBAAqB,CAAC,OAAO,CAAC;YACpD,OAAQD,OAAO,OAAO,IAAI,CAAC;YAC3B,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,IAAI;aAAC;YAC5C,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/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.d.ts

@@ -0,0 +1,41 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { WebhookDelivery } from "../../../admin/shared/types.js";
+import { ListWebhookDeliveriesUseCase } from "../../../admin/features/listWebhookDeliveries/abstractions.js";
+import { ResendWebhookDeliveryUseCase } from "../../../admin/features/resendWebhookDelivery/abstractions.js";
+import { ListAvailableEventsUseCase } from "../../../admin/features/listAvailableEvents/abstractions.js";
+import { ListWebhooksUseCase } from "../../../admin/features/ListWebhooks/abstractions.js";
+import { type IWebhookDeliveriesPagePresenter, type IWebhookDeliveriesPageViewModel } from "./abstractions.js";
+declare class WebhookDeliveriesPagePresenterImpl implements IWebhookDeliveriesPagePresenter {
+    private readonly listPresenter;
+    private readonly listDeliveriesUseCase;
+    private readonly listAvailableEventsUseCase;
+    private readonly resendDeliveryUseCase;
+    private readonly listWebhooksUseCase;
+    private _availableEvents;
+    private _availableWebhooks;
+    private _filters;
+    private _resendingIds;
+    private _loading;
+    private _error;
+    constructor(listPresenter: ListPresenter.Interface<WebhookDelivery>, listDeliveriesUseCase: ListWebhookDeliveriesUseCase.Interface, listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface, resendDeliveryUseCase: ResendWebhookDeliveryUseCase.Interface, listWebhooksUseCase: ListWebhooksUseCase.Interface);
+    get vm(): IWebhookDeliveriesPageViewModel;
+    init(webhookId?: string): Promise<void>;
+    clearFilters(): void;
+    setWebhookFilter(webhookId: string | null): void;
+    setAppFilter(app: string | null): void;
+    setEntityFilter(entity: string | null): void;
+    setEventFilter(eventName: string | null): void;
+    setStatusFilter(status: string[]): void;
+    loadMore(): Promise<void>;
+    resend(id: string): Promise<void>;
+    private _hasFilters;
+    private _syncFilters;
+    private _buildWhere;
+    private _computeAvailableApps;
+    private _computeAvailableEntities;
+    private _computeAvailableEventNames;
+}
+export declare const WebhookDeliveriesPagePresenter: typeof WebhookDeliveriesPagePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IWebhookDeliveriesPagePresenter>;
+};
+export {};

package/admin/presentation/WebhookDeliveriesPage/WebhookDeliveriesPagePresenter.js

@@ -0,0 +1,223 @@
+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 { ListWebhooksUseCase } from "../../features/ListWebhooks/abstractions.js";
+import { WebhookDeliveriesDataSource } from "./WebhookDeliveriesDataSource.js";
+import { WebhookDeliveriesPagePresenter } from "./abstractions.js";
+const createEmptyFilters = ()=>({
+        webhookId: null,
+        app: null,
+        entity: null,
+        eventName: null,
+        status: []
+    });
+class WebhookDeliveriesPagePresenterImpl {
+    constructor(listPresenter, listDeliveriesUseCase, listAvailableEventsUseCase, resendDeliveryUseCase, listWebhooksUseCase){
+        this.listPresenter = listPresenter;
+        this.listDeliveriesUseCase = listDeliveriesUseCase;
+        this.listAvailableEventsUseCase = listAvailableEventsUseCase;
+        this.resendDeliveryUseCase = resendDeliveryUseCase;
+        this.listWebhooksUseCase = listWebhooksUseCase;
+        this._availableEvents = [];
+        this._availableWebhooks = [];
+        this._filters = createEmptyFilters();
+        this._resendingIds = new Set();
+        this._loading = false;
+        this._error = null;
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            availableWebhooks: this._availableWebhooks,
+            availableApps: this._computeAvailableApps(),
+            availableEntities: this._computeAvailableEntities(),
+            availableEventNames: this._computeAvailableEventNames(),
+            filters: {
+                ...this._filters
+            },
+            hasFilters: this._hasFilters(),
+            list: this.listPresenter.vm,
+            resendingIds: new Set(this._resendingIds),
+            loading: this._loading || this.listPresenter.vm.pagination.loading,
+            error: this._error
+        };
+    }
+    async init(webhookId) {
+        runInAction(()=>{
+            this._loading = true;
+            this._error = null;
+            if (webhookId) this._filters = {
+                ...this._filters,
+                webhookId
+            };
+        });
+        try {
+            const [events, webhooksResult] = await Promise.all([
+                this.listAvailableEventsUseCase.execute(),
+                this.listWebhooksUseCase.execute({
+                    limit: 1000
+                })
+            ]);
+            runInAction(()=>{
+                this._availableEvents = events;
+                this._availableWebhooks = webhooksResult.items.map((w)=>({
+                        value: w.id,
+                        label: w.name
+                    }));
+            });
+        } catch (err) {
+            runInAction(()=>{
+                this._error = err instanceof Error ? err.message : "Failed to load data.";
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+        const dataSource = new WebhookDeliveriesDataSource(this.listDeliveriesUseCase);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            initialFilters: this._buildWhere(),
+            limit: 20
+        });
+    }
+    clearFilters() {
+        this._filters = createEmptyFilters();
+        this.listPresenter.actions.filter.clearAll();
+    }
+    setWebhookFilter(webhookId) {
+        this._filters = {
+            ...this._filters,
+            webhookId
+        };
+        this._syncFilters();
+    }
+    setAppFilter(app) {
+        this._filters = {
+            ...this._filters,
+            app,
+            entity: null,
+            eventName: null
+        };
+        this._syncFilters();
+    }
+    setEntityFilter(entity) {
+        this._filters = {
+            ...this._filters,
+            entity,
+            eventName: null
+        };
+        this._syncFilters();
+    }
+    setEventFilter(eventName) {
+        this._filters = {
+            ...this._filters,
+            eventName
+        };
+        this._syncFilters();
+    }
+    setStatusFilter(status) {
+        this._filters = {
+            ...this._filters,
+            status
+        };
+        this._syncFilters();
+    }
+    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);
+            });
+        }
+    }
+    _hasFilters() {
+        return null !== this._filters.webhookId || null !== this._filters.app || null !== this._filters.entity || null !== this._filters.eventName || this._filters.status.length > 0;
+    }
+    _syncFilters() {
+        const where = this._buildWhere();
+        this.listPresenter.actions.filter.clearAll();
+        for (const [key, value] of Object.entries(where))this.listPresenter.actions.filter.set(key, value);
+    }
+    _buildWhere() {
+        const where = {};
+        if (this._filters.webhookId) where.webhookId_eq = this._filters.webhookId;
+        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,
+        ListWebhooksUseCase
+    ]
+});
+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 { ListWebhookDeliveriesUseCase } from \"~/admin/features/listWebhookDeliveries/abstractions.js\";\nimport { ResendWebhookDeliveryUseCase } from \"~/admin/features/resendWebhookDelivery/abstractions.js\";\nimport { ListAvailableEventsUseCase } from \"~/admin/features/listAvailableEvents/abstractions.js\";\nimport { ListWebhooksUseCase } from \"~/admin/features/ListWebhooks/abstractions.js\";\nimport { WebhookDeliveriesDataSource } from \"./WebhookDeliveriesDataSource.js\";\nimport {\n    WebhookDeliveriesPagePresenter as Abstraction,\n    type IWebhookDeliveriesPagePresenter,\n    type IWebhookDeliveriesPageViewModel,\n    type IDeliveryFilterOption,\n    type IDeliveryPageFilters\n} from \"./abstractions.js\";\n\nconst createEmptyFilters = (): IDeliveryPageFilters => {\n    return {\n        webhookId: null,\n        app: null,\n        entity: null,\n        eventName: null,\n        status: []\n    };\n};\n\nclass WebhookDeliveriesPagePresenterImpl implements IWebhookDeliveriesPagePresenter {\n    private _availableEvents: WebhookEvent[] = [];\n    private _availableWebhooks: IDeliveryFilterOption[] = [];\n    private _filters: IDeliveryPageFilters = createEmptyFilters();\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        private readonly listWebhooksUseCase: ListWebhooksUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): IWebhookDeliveriesPageViewModel {\n        return {\n            availableWebhooks: this._availableWebhooks,\n            availableApps: this._computeAvailableApps(),\n            availableEntities: this._computeAvailableEntities(),\n            availableEventNames: this._computeAvailableEventNames(),\n            filters: { ...this._filters },\n            hasFilters: this._hasFilters(),\n            list: this.listPresenter.vm,\n            resendingIds: new Set(this._resendingIds),\n            loading: this._loading || this.listPresenter.vm.pagination.loading,\n            error: this._error\n        };\n    }\n\n    public async init(webhookId?: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._error = null;\n            if (webhookId) {\n                this._filters = { ...this._filters, webhookId };\n            }\n        });\n        try {\n            const [events, webhooksResult] = await Promise.all([\n                this.listAvailableEventsUseCase.execute(),\n                this.listWebhooksUseCase.execute({ limit: 1000 })\n            ]);\n            runInAction(() => {\n                this._availableEvents = events;\n                this._availableWebhooks = webhooksResult.items.map(w => ({\n                    value: w.id,\n                    label: w.name\n                }));\n            });\n        } catch (err) {\n            runInAction(() => {\n                this._error = err instanceof Error ? err.message : \"Failed to load data.\";\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n\n        const dataSource = new WebhookDeliveriesDataSource(this.listDeliveriesUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            initialFilters: this._buildWhere(),\n            limit: 20\n        });\n    }\n\n    public clearFilters(): void {\n        this._filters = createEmptyFilters();\n        this.listPresenter.actions.filter.clearAll();\n    }\n\n    public setWebhookFilter(webhookId: string | null): void {\n        this._filters = { ...this._filters, webhookId };\n        this._syncFilters();\n    }\n\n    public setAppFilter(app: string | null): void {\n        this._filters = { ...this._filters, app, entity: null, eventName: null };\n        this._syncFilters();\n    }\n\n    public setEntityFilter(entity: string | null): void {\n        this._filters = { ...this._filters, entity, eventName: null };\n        this._syncFilters();\n    }\n\n    public setEventFilter(eventName: string | null): void {\n        this._filters = { ...this._filters, eventName };\n        this._syncFilters();\n    }\n\n    public setStatusFilter(status: string[]): void {\n        this._filters = { ...this._filters, status };\n        this._syncFilters();\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 _hasFilters(): boolean {\n        return (\n            this._filters.webhookId !== null ||\n            this._filters.app !== null ||\n            this._filters.entity !== null ||\n            this._filters.eventName !== null ||\n            this._filters.status.length > 0\n        );\n    }\n\n    private _syncFilters(): void {\n        const where = this._buildWhere();\n        this.listPresenter.actions.filter.clearAll();\n        for (const [key, value] of Object.entries(where)) {\n            this.listPresenter.actions.filter.set(key, value);\n        }\n    }\n\n    private _buildWhere(): Record<string, unknown> {\n        const where: Record<string, unknown> = {};\n\n        if (this._filters.webhookId) {\n            where.webhookId_eq = this._filters.webhookId;\n        }\n\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        ListWebhooksUseCase\n    ]\n});\n"],"names":["createEmptyFilters","WebhookDeliveriesPagePresenterImpl","listPresenter","listDeliveriesUseCase","listAvailableEventsUseCase","resendDeliveryUseCase","listWebhooksUseCase","Set","makeAutoObservable","computed","webhookId","runInAction","events","webhooksResult","Promise","w","err","Error","dataSource","WebhookDeliveriesDataSource","app","entity","eventName","status","id","where","key","value","Object","matching","event","e","seen","result","WebhookDeliveriesPagePresenter","Abstraction","ListPresenter","ListWebhookDeliveriesUseCase","ListAvailableEventsUseCase","ResendWebhookDeliveryUseCase","ListWebhooksUseCase"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+import type { WebhookDelivery } from "../../../admin/shared/types.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+export interface IDeliveryPageFilters {
+    webhookId: string | null;
+    app: string | null;
+    entity: string | null;
+    eventName: string | null;
+    status: string[];
+}
+export interface IDeliveryFilterOption {
+    value: string;
+    label: string;
+}
+export interface IWebhookDeliveriesPageViewModel {
+    availableWebhooks: IDeliveryFilterOption[];
+    availableApps: IDeliveryFilterOption[];
+    availableEntities: IDeliveryFilterOption[];
+    availableEventNames: IDeliveryFilterOption[];
+    filters: IDeliveryPageFilters;
+    list: IListViewModel<WebhookDelivery>;
+    resendingIds: Set<string>;
+    hasFilters: boolean;
+    loading: boolean;
+    error: string | null;
+}
+export interface IWebhookDeliveriesPagePresenter {
+    vm: IWebhookDeliveriesPageViewModel;
+    init(webhookId?: string): Promise<void>;
+    setWebhookFilter(webhookId: string | null): void;
+    setAppFilter(app: string | null): void;
+    setEntityFilter(entity: string | null): void;
+    setEventFilter(eventName: string | null): void;
+    setStatusFilter(status: string[]): void;
+    clearFilters(): 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    webhookId: string | null;\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    availableWebhooks: IDeliveryFilterOption[];\n    availableApps: IDeliveryFilterOption[];\n    availableEntities: IDeliveryFilterOption[];\n    availableEventNames: IDeliveryFilterOption[];\n    filters: IDeliveryPageFilters;\n    list: IListViewModel<WebhookDelivery>;\n    resendingIds: Set<string>;\n    hasFilters: boolean;\n    loading: boolean;\n    error: string | null;\n}\n\nexport interface IWebhookDeliveriesPagePresenter {\n    vm: IWebhookDeliveriesPageViewModel;\n    init(webhookId?: string): Promise<void>;\n    setWebhookFilter(webhookId: string | null): 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    clearFilters(): 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":";AA2CO,MAAMA,iCAAiCC,kBAC1C"}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { WebhookDelivery } from "../../../../admin/shared/types.js";
+interface DeliveryAccordionRowProps {
+    delivery: WebhookDelivery;
+    open: boolean;
+    resending: boolean;
+    onOpenChange: (open: boolean) => void;
+    onResend: (id: string) => void;
+}
+export declare const DeliveryAccordionRow: ({ delivery, open, resending, onOpenChange, onResend }: DeliveryAccordionRowProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import react from "react";
+import { Accordion, Tag, Text, TimeAgo } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/replay.svg";
+import { DeliveryDetailContent } from "./DeliveryDetailContent.js";
+import { statusVariant } from "./statusVariant.js";
+const DeliveryAccordionRow = ({ delivery, open, resending, onOpenChange, onResend })=>/*#__PURE__*/ react.createElement(Accordion.Item, {
+        open: open,
+        onOpenChange: onOpenChange,
+        title: delivery.eventType,
+        description: /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center gap-sm"
+        }, /*#__PURE__*/ react.createElement(Tag, {
+            variant: statusVariant(delivery.status),
+            content: delivery.status
+        }), null !== delivery.responseStatus ? /*#__PURE__*/ react.createElement(Text, {
+            size: "sm"
+        }, "HTTP ", delivery.responseStatus) : null, delivery.responseTime ? /*#__PURE__*/ react.createElement(Text, {
+            size: "sm"
+        }, delivery.responseTime, "ms") : null, /*#__PURE__*/ react.createElement(Text, {
+            size: "sm",
+            className: "text-neutral-strong"
+        }, /*#__PURE__*/ react.createElement(TimeAgo, {
+            datetime: delivery.createdOn
+        }))),
+        actions: /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: ()=>onResend(delivery.id),
+            "aria-label": "Resend delivery",
+            disabled: resending
+        })
+    }, /*#__PURE__*/ react.createElement(DeliveryDetailContent, {
+        delivery: delivery
+    }));
+export { DeliveryAccordionRow };
+
+//# sourceMappingURL=DeliveryAccordionRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/DeliveryAccordionRow.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/DeliveryAccordionRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as ReplayIcon } from \"@webiny/icons/replay.svg\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\nimport { DeliveryDetailContent } from \"./DeliveryDetailContent.js\";\nimport { statusVariant } from \"./statusVariant.js\";\n\ninterface DeliveryAccordionRowProps {\n    delivery: WebhookDelivery;\n    open: boolean;\n    resending: boolean;\n    onOpenChange: (open: boolean) => void;\n    onResend: (id: string) => void;\n}\n\nexport const DeliveryAccordionRow = ({\n    delivery,\n    open,\n    resending,\n    onOpenChange,\n    onResend\n}: DeliveryAccordionRowProps) => {\n    return (\n        <Accordion.Item\n            open={open}\n            onOpenChange={onOpenChange}\n            title={delivery.eventType}\n            description={\n                <div className=\"flex items-center gap-sm\">\n                    <Tag variant={statusVariant(delivery.status)} content={delivery.status} />\n                    {delivery.responseStatus !== null ? (\n                        <Text size=\"sm\">HTTP {delivery.responseStatus}</Text>\n                    ) : null}\n                    {delivery.responseTime ? (\n                        <Text size=\"sm\">{delivery.responseTime}ms</Text>\n                    ) : null}\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        <TimeAgo datetime={delivery.createdOn} />\n                    </Text>\n                </div>\n            }\n            actions={\n                <Accordion.Item.Action\n                    icon={<ReplayIcon />}\n                    onClick={() => onResend(delivery.id)}\n                    aria-label=\"Resend delivery\"\n                    disabled={resending}\n                />\n            }\n        >\n            <DeliveryDetailContent delivery={delivery} />\n        </Accordion.Item>\n    );\n};\n"],"names":["DeliveryAccordionRow","delivery","open","resending","onOpenChange","onResend","Accordion","Tag","statusVariant","Text","TimeAgo","ReplayIcon","DeliveryDetailContent"],"mappings":";;;;;AAeO,MAAMA,uBAAuB,CAAC,EACjCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACgB,GACjB,WAAP,GACI,oBAACC,UAAU,IAAI;QACX,MAAMJ;QACN,cAAcE;QACd,OAAOH,SAAS,SAAS;QACzB,2BACI,oBAAC;YAAI,WAAU;yBACX,oBAACM,KAAGA;YAAC,SAASC,cAAcP,SAAS,MAAM;YAAG,SAASA,SAAS,MAAM;YACrEA,AAA4B,SAA5BA,SAAS,cAAc,GAAY,WAAP,GACzB,oBAACQ,MAAIA;YAAC,MAAK;WAAK,SAAMR,SAAS,cAAc,IAC7C,MACHA,SAAS,YAAY,GAAG,WAAH,GAClB,oBAACQ,MAAIA;YAAC,MAAK;WAAMR,SAAS,YAAY,EAAC,QACvC,oBACJ,oBAACQ,MAAIA;YAAC,MAAK;YAAK,WAAU;yBACtB,oBAACC,SAAOA;YAAC,UAAUT,SAAS,SAAS;;QAIjD,uBACI,oBAACK,UAAU,IAAI,CAAC,MAAM;YAClB,oBAAM,oBAACK,gBAAUA;YACjB,SAAS,IAAMN,SAASJ,SAAS,EAAE;YACnC,cAAW;YACX,UAAUE;;qBAIlB,oBAACS,uBAAqBA;QAAC,UAAUX"}

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/DeliveryDetailContent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { WebhookDelivery } from "../../../../admin/shared/types.js";
+interface DeliveryDetailContentProps {
+    delivery: WebhookDelivery;
+}
+export declare const DeliveryDetailContent: ({ delivery }: DeliveryDetailContentProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,76 @@
+import react from "react";
+import { Separator, Tabs } from "@webiny/admin-ui";
+const formatJson = (value)=>{
+    if (null == value) return "—";
+    if ("string" == typeof value) try {
+        return JSON.stringify(JSON.parse(value), null, 2);
+    } catch  {
+        return value;
+    }
+    return JSON.stringify(value, null, 2);
+};
+const getContentType = (responseHeaders)=>{
+    if (!responseHeaders || "object" != typeof responseHeaders) return null;
+    const headers = responseHeaders;
+    const key = Object.keys(headers).find((k)=>"content-type" === k.toLowerCase());
+    if (!key) return null;
+    return headers[key].split(";")[0].trim().toLowerCase();
+};
+const getContentTypeLabel = (contentType)=>{
+    if (!contentType) return null;
+    if (contentType.includes("json")) return "JSON";
+    if (contentType.includes("html")) return "HTML";
+    if (contentType.includes("xml")) return "XML";
+    if (contentType.includes("plain")) return "TEXT";
+    return null;
+};
+const renderResponseBody = (body, contentType)=>{
+    if (null === body) return "—";
+    if (!contentType || contentType.includes("json")) return formatJson(body);
+    return body;
+};
+const DeliveryDetailContent = ({ delivery })=>{
+    const contentType = getContentType(delivery.responseHeaders);
+    const contentTypeLabel = getContentTypeLabel(contentType);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Tabs, {
+        tabs: [
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "payload",
+                value: "payload",
+                trigger: "Payload",
+                content: /*#__PURE__*/ react.createElement("pre", {
+                    className: "bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[250px]"
+                }, formatJson(delivery.payload))
+            }),
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "req-headers",
+                value: "req-headers",
+                trigger: "Request Headers",
+                content: /*#__PURE__*/ react.createElement("pre", {
+                    className: "bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]"
+                }, formatJson(delivery.requestHeaders))
+            }),
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "resp-headers",
+                value: "resp-headers",
+                trigger: "Response Headers",
+                content: /*#__PURE__*/ react.createElement("pre", {
+                    className: "bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]"
+                }, formatJson(delivery.responseHeaders))
+            }),
+            /*#__PURE__*/ react.createElement(Tabs.Tab, {
+                key: "resp-body",
+                value: "resp-body",
+                trigger: contentTypeLabel ? `Response Body (${contentTypeLabel})` : "Response Body",
+                content: /*#__PURE__*/ react.createElement("pre", {
+                    className: "bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]"
+                }, renderResponseBody(delivery.responseBody, contentType))
+            })
+        ]
+    }));
+};
+export { DeliveryDetailContent };
+
+//# sourceMappingURL=DeliveryDetailContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/DeliveryDetailContent.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/DeliveryDetailContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator, Tabs } from \"@webiny/admin-ui\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\n\ninterface DeliveryDetailContentProps {\n    delivery: WebhookDelivery;\n}\n\nconst formatJson = (value: unknown): string => {\n    if (value === null || value === undefined) {\n        return \"—\";\n    }\n    if (typeof value === \"string\") {\n        try {\n            return JSON.stringify(JSON.parse(value), null, 2);\n        } catch {\n            return value;\n        }\n    }\n    return JSON.stringify(value, null, 2);\n};\n\nconst getContentType = (responseHeaders: unknown): string | null => {\n    if (!responseHeaders || typeof responseHeaders !== \"object\") {\n        return null;\n    }\n    const headers = responseHeaders as Record<string, string>;\n    const key = Object.keys(headers).find(k => k.toLowerCase() === \"content-type\");\n    if (!key) {\n        return null;\n    }\n    return headers[key].split(\";\")[0].trim().toLowerCase();\n};\n\nconst getContentTypeLabel = (contentType: string | null): string | null => {\n    if (!contentType) {\n        return null;\n    }\n    if (contentType.includes(\"json\")) {\n        return \"JSON\";\n    }\n    if (contentType.includes(\"html\")) {\n        return \"HTML\";\n    }\n    if (contentType.includes(\"xml\")) {\n        return \"XML\";\n    }\n    if (contentType.includes(\"plain\")) {\n        return \"TEXT\";\n    }\n    return null;\n};\n\nconst renderResponseBody = (body: string | null, contentType: string | null): string => {\n    if (body === null) {\n        return \"—\";\n    }\n    if (!contentType || contentType.includes(\"json\")) {\n        return formatJson(body);\n    }\n    return body;\n};\n\nexport const DeliveryDetailContent = ({ delivery }: DeliveryDetailContentProps) => {\n    const contentType = getContentType(delivery.responseHeaders);\n    const contentTypeLabel = getContentTypeLabel(contentType);\n\n    return (\n        <div className=\"flex flex-col gap-md\">\n            <Separator />\n            <Tabs\n                tabs={[\n                    <Tabs.Tab\n                        key=\"payload\"\n                        value=\"payload\"\n                        trigger=\"Payload\"\n                        content={\n                            <pre className=\"bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[250px]\">\n                                {formatJson(delivery.payload)}\n                            </pre>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key=\"req-headers\"\n                        value=\"req-headers\"\n                        trigger=\"Request Headers\"\n                        content={\n                            <pre className=\"bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]\">\n                                {formatJson(delivery.requestHeaders)}\n                            </pre>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key=\"resp-headers\"\n                        value=\"resp-headers\"\n                        trigger=\"Response Headers\"\n                        content={\n                            <pre className=\"bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]\">\n                                {formatJson(delivery.responseHeaders)}\n                            </pre>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key=\"resp-body\"\n                        value=\"resp-body\"\n                        trigger={\n                            contentTypeLabel\n                                ? `Response Body (${contentTypeLabel})`\n                                : \"Response Body\"\n                        }\n                        content={\n                            <pre className=\"bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]\">\n                                {renderResponseBody(delivery.responseBody, contentType)}\n                            </pre>\n                        }\n                    />\n                ]}\n            />\n        </div>\n    );\n};\n"],"names":["formatJson","value","JSON","getContentType","responseHeaders","headers","key","Object","k","getContentTypeLabel","contentType","renderResponseBody","body","DeliveryDetailContent","delivery","contentTypeLabel","Separator","Tabs"],"mappings":";;AAQA,MAAMA,aAAa,CAACC;IAChB,IAAIA,QAAAA,OACA,OAAO;IAEX,IAAI,AAAiB,YAAjB,OAAOA,OACP,IAAI;QACA,OAAOC,KAAK,SAAS,CAACA,KAAK,KAAK,CAACD,QAAQ,MAAM;IACnD,EAAE,OAAM;QACJ,OAAOA;IACX;IAEJ,OAAOC,KAAK,SAAS,CAACD,OAAO,MAAM;AACvC;AAEA,MAAME,iBAAiB,CAACC;IACpB,IAAI,CAACA,mBAAmB,AAA2B,YAA3B,OAAOA,iBAC3B,OAAO;IAEX,MAAMC,UAAUD;IAChB,MAAME,MAAMC,OAAO,IAAI,CAACF,SAAS,IAAI,CAACG,CAAAA,IAAKA,AAAoB,mBAApBA,EAAE,WAAW;IACxD,IAAI,CAACF,KACD,OAAO;IAEX,OAAOD,OAAO,CAACC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,WAAW;AACxD;AAEA,MAAMG,sBAAsB,CAACC;IACzB,IAAI,CAACA,aACD,OAAO;IAEX,IAAIA,YAAY,QAAQ,CAAC,SACrB,OAAO;IAEX,IAAIA,YAAY,QAAQ,CAAC,SACrB,OAAO;IAEX,IAAIA,YAAY,QAAQ,CAAC,QACrB,OAAO;IAEX,IAAIA,YAAY,QAAQ,CAAC,UACrB,OAAO;IAEX,OAAO;AACX;AAEA,MAAMC,qBAAqB,CAACC,MAAqBF;IAC7C,IAAIE,AAAS,SAATA,MACA,OAAO;IAEX,IAAI,CAACF,eAAeA,YAAY,QAAQ,CAAC,SACrC,OAAOV,WAAWY;IAEtB,OAAOA;AACX;AAEO,MAAMC,wBAAwB,CAAC,EAAEC,QAAQ,EAA8B;IAC1E,MAAMJ,cAAcP,eAAeW,SAAS,eAAe;IAC3D,MAAMC,mBAAmBN,oBAAoBC;IAE7C,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACM,WAASA,OAAAA,WAAAA,GACV,oBAACC,MAAIA;QACD,MAAM;0BACF,oBAACA,KAAK,GAAG;gBACL,KAAI;gBACJ,OAAM;gBACN,SAAQ;gBACR,uBACI,oBAAC;oBAAI,WAAU;mBACVjB,WAAWc,SAAS,OAAO;;0BAIxC,oBAACG,KAAK,GAAG;gBACL,KAAI;gBACJ,OAAM;gBACN,SAAQ;gBACR,uBACI,oBAAC;oBAAI,WAAU;mBACVjB,WAAWc,SAAS,cAAc;;0BAI/C,oBAACG,KAAK,GAAG;gBACL,KAAI;gBACJ,OAAM;gBACN,SAAQ;gBACR,uBACI,oBAAC;oBAAI,WAAU;mBACVjB,WAAWc,SAAS,eAAe;;0BAIhD,oBAACG,KAAK,GAAG;gBACL,KAAI;gBACJ,OAAM;gBACN,SACIF,mBACM,CAAC,eAAe,EAAEA,iBAAiB,CAAC,CAAC,GACrC;gBAEV,uBACI,oBAAC;oBAAI,WAAU;mBACVJ,mBAAmBG,SAAS,YAAY,EAAEJ;;SAI1D;;AAIjB"}

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 {};