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

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

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

@@ -0,0 +1,85 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Button, 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 = observer(({ presenter })=>{
+    const { vm } = presenter;
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        placeholder: "All webhooks",
+        value: vm.filters.webhookId ?? "",
+        options: vm.availableWebhooks,
+        onChange: (value)=>presenter.setWebhookFilter(value || null),
+        displayResetAction: true,
+        onValueReset: ()=>presenter.setWebhookFilter(null)
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        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, {
+        size: "md",
+        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, {
+        size: "md",
+        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, {
+        size: "md",
+        placeholder: "All statuses",
+        value: vm.filters.status,
+        options: STATUS_OPTIONS,
+        onChange: (values)=>presenter.setStatusFilter(values)
+    })), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 2
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "tertiary",
+        size: "md",
+        onClick: ()=>presenter.clearFilters(),
+        disabled: !vm.hasFilters
+    }, "Clear filters")));
+});
+export { 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\";\nimport { Button } from \"@webiny/admin-ui\";\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(({ presenter }: DeliveryFiltersProps) => {\n    const { vm } = presenter;\n    return (\n        <Grid>\n            <Grid.Column span={2}>\n                <Select\n                    size={\"md\"}\n                    placeholder=\"All webhooks\"\n                    value={vm.filters.webhookId ?? \"\"}\n                    options={vm.availableWebhooks}\n                    onChange={value => presenter.setWebhookFilter(value || null)}\n                    displayResetAction={true}\n                    onValueReset={() => presenter.setWebhookFilter(null)}\n                />\n            </Grid.Column>\n            <Grid.Column span={2}>\n                <Select\n                    size={\"md\"}\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                    size={\"md\"}\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                    size={\"md\"}\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                    size={\"md\"}\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.Column span={2}>\n                <Button\n                    variant=\"tertiary\"\n                    size=\"md\"\n                    onClick={() => presenter.clearFilters()}\n                    disabled={!vm.hasFilters}\n                >\n                    Clear filters\n                </Button>\n            </Grid.Column>\n        </Grid>\n    );\n});\n"],"names":["STATUS_OPTIONS","DeliveryFilters","observer","presenter","vm","Grid","Select","value","MultiSelect","values","Button"],"mappings":";;;AAUA,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,kBAAkBC,SAAS,CAAC,EAAEC,SAAS,EAAwB;IACxE,MAAM,EAAEC,EAAE,EAAE,GAAGD;IACf,OAAO,WAAP,GACI,oBAACE,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,QAAMA;QACH,MAAM;QACN,aAAY;QACZ,OAAOF,GAAG,OAAO,CAAC,SAAS,IAAI;QAC/B,SAASA,GAAG,iBAAiB;QAC7B,UAAUG,CAAAA,QAASJ,UAAU,gBAAgB,CAACI,SAAS;QACvD,oBAAoB;QACpB,cAAc,IAAMJ,UAAU,gBAAgB,CAAC;uBAGvD,oBAACE,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,QAAMA;QACH,MAAM;QACN,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,MAAM;QACN,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,MAAM;QACN,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,MAAM;QACN,aAAY;QACZ,OAAOJ,GAAG,OAAO,CAAC,MAAM;QACxB,SAASJ;QACT,UAAUS,CAAAA,SAAUN,UAAU,eAAe,CAACM;uBAGtD,oBAACJ,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACK,QAAMA;QACH,SAAQ;QACR,MAAK;QACL,SAAS,IAAMP,UAAU,YAAY;QACrC,UAAU,CAACC,GAAG,UAAU;OAC3B;AAMjB"}

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,61 @@
+import react, { useMemo, useState } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { Accordion, Scrollbar, Skeleton, Text } from "@webiny/admin-ui";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
+import { DeliveryAccordionRow } from "./DeliveryAccordionRow.js";
+import { DeliveryBottomInfoBar } from "./DeliveryBottomInfoBar.js";
+function useExpandedState() {
+    const [expandedId, setExpandedId] = useState(null);
+    return {
+        expandedId,
+        toggle (id) {
+            setExpandedId((prev)=>prev === id ? null : id);
+        }
+    };
+}
+const DeliveryList = observer(({ presenter })=>{
+    const { vm } = presenter;
+    const expanded = useExpandedState();
+    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: expanded.expandedId === delivery.id,
+            resending: vm.resendingIds.has(delivery.id),
+            onOpenChange: ()=>expanded.toggle(delivery.id),
+            onResend: (id)=>showResendConfirmation(()=>presenter.resend(id))
+        }))), vm.list.pagination.loadingMore ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    })) : null), /*#__PURE__*/ react.createElement(DeliveryBottomInfoBar, {
+        presenter: presenter
+    }));
+});
+export { 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, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Scrollbar, Skeleton, Text } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { DeliveryAccordionRow } from \"./DeliveryAccordionRow.js\";\nimport { DeliveryBottomInfoBar } from \"./DeliveryBottomInfoBar.js\";\nimport type { IWebhookDeliveriesPagePresenter } from \"../abstractions.js\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\n\ninterface ExpandedState {\n    expandedId: string | null;\n    toggle(id: string): void;\n}\n\nfunction useExpandedState(): ExpandedState {\n    const [expandedId, setExpandedId] = useState<string | null>(null);\n    return {\n        expandedId,\n        toggle(id: string) {\n            setExpandedId(prev => (prev === id ? null : id));\n        }\n    };\n}\n\ninterface DeliveryListProps {\n    presenter: IWebhookDeliveriesPagePresenter;\n}\n\nexport const DeliveryList = observer(({ presenter }: DeliveryListProps) => {\n    const { vm } = presenter;\n    const expanded = useExpandedState();\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={expanded.expandedId === delivery.id}\n                            resending={vm.resendingIds.has(delivery.id)}\n                            onOpenChange={() => expanded.toggle(delivery.id)}\n                            onResend={id => showResendConfirmation(() => presenter.resend(id))}\n                        />\n                    ))}\n                </Accordion>\n                {vm.list.pagination.loadingMore ? (\n                    <div className=\"flex flex-col gap-sm p-md\">\n                        <Skeleton className=\"h-8 w-full\" />\n                        <Skeleton className=\"h-8 w-full\" />\n                    </div>\n                ) : null}\n            </Scrollbar>\n            <DeliveryBottomInfoBar presenter={presenter} />\n        </div>\n    );\n});\n"],"names":["useExpandedState","expandedId","setExpandedId","useState","id","prev","DeliveryList","observer","presenter","vm","expanded","showResendConfirmation","useConfirmationDialog","loadMoreOnScroll","useMemo","debounce","scrollFrame","Text","Scrollbar","Accordion","delivery","DeliveryAccordionRow","Skeleton","DeliveryBottomInfoBar"],"mappings":";;;;;;;AAeA,SAASA;IACL,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAAwB;IAC5D,OAAO;QACHF;QACA,QAAOG,EAAU;YACbF,cAAcG,CAAAA,OAASA,SAASD,KAAK,OAAOA;QAChD;IACJ;AACJ;AAMO,MAAME,eAAeC,SAAS,CAAC,EAAEC,SAAS,EAAqB;IAClE,MAAM,EAAEC,EAAE,EAAE,GAAGD;IACf,MAAME,WAAWV;IAEjB,MAAM,EAAE,kBAAkBW,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,MAAMR,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,oBAACQ,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;OACdV,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAACW,WAAAA,WAAAA,GACf,oBAACC,sBAAoBA;YACjB,KAAKD,SAAS,EAAE;YAChB,UAAUA;YACV,MAAMV,SAAS,UAAU,KAAKU,SAAS,EAAE;YACzC,WAAWX,GAAG,YAAY,CAAC,GAAG,CAACW,SAAS,EAAE;YAC1C,cAAc,IAAMV,SAAS,MAAM,CAACU,SAAS,EAAE;YAC/C,UAAUhB,CAAAA,KAAMO,uBAAuB,IAAMH,UAAU,MAAM,CAACJ;cAIzEK,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,WAAH,GAC3B,oBAAC;QAAI,WAAU;qBACX,oBAACa,UAAQA;QAAC,WAAU;sBACpB,oBAACA,UAAQA;QAAC,WAAU;UAExB,qBAER,oBAACC,uBAAqBA;QAAC,WAAWf;;AAG9C"}

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

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

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

@@ -0,0 +1,16 @@
+import react from "react";
+import { useRouter } from "@webiny/app-admin";
+import { Button } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/list.svg";
+import { Routes } from "../../../routes.js";
+const WebhookDefinitionsButton = ()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>goToRoute(Routes.List),
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    }, "Webhooks");
+};
+export { WebhookDefinitionsButton };
+
+//# sourceMappingURL=WebhookDefinitionsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/WebhookDefinitionsButton.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/WebhookDefinitionsButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/list.svg\";\nimport { Routes } from \"~/admin/routes.js\";\n\nexport const WebhookDefinitionsButton = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <Button variant=\"secondary\" onClick={() => goToRoute(Routes.List)} icon={<ListIcon />}>\n            Webhooks\n        </Button>\n    );\n};\n"],"names":["WebhookDefinitionsButton","goToRoute","useRouter","Button","Routes","ListIcon"],"mappings":";;;;;AAMO,MAAMA,2BAA2B;IACpC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACC,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMF,UAAUG,OAAO,IAAI;QAAG,oBAAM,oBAACC,gBAAQA;OAAK;AAI/F"}

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,73 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature, useRoute } from "@webiny/app";
+import { Button, Heading, Separator, 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 { ListWebhooksFeature } from "../../../features/ListWebhooks/feature.js";
+import { WebhookDeliveriesPagePresenterFeature } from "../feature.js";
+import { Routes } from "../../../routes.js";
+import { DeliveryFilters } from "./DeliveryFilters.js";
+import { DeliveryList } from "./DeliveryList.js";
+import { WebhookDefinitionsButton } from "./WebhookDefinitionsButton.js";
+const Loader = ()=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }));
+const WebhookDeliveriesPage_WebhookDeliveriesPageInner = observer(function() {
+    const { presenter } = useFeature(WebhookDeliveriesPagePresenterFeature);
+    const { route } = useRoute(Routes.Deliveries);
+    const webhookId = route?.params?.webhookId;
+    useEffect(()=>{
+        presenter.init(webhookId);
+    }, [
+        presenter,
+        webhookId
+    ]);
+    const { vm } = presenter;
+    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: "flex items-center justify-between py-sm px-md"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 5
+    }, "Webhook Deliveries"), /*#__PURE__*/ react.createElement(WebhookDefinitionsButton, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "p-sm"
+    }, /*#__PURE__*/ react.createElement(DeliveryFilters, {
+        presenter: presenter
+    })), /*#__PURE__*/ react.createElement(Separator, null), vm.loading ? /*#__PURE__*/ react.createElement(Loader, null) : /*#__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);
+        ListWebhooksFeature.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, useRoute } from \"@webiny/app\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { Skeleton } from \"@webiny/admin-ui\";\nimport { Button, Heading, 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 { ListWebhooksFeature } from \"~/admin/features/ListWebhooks/feature.js\";\nimport { WebhookDeliveriesPagePresenterFeature } from \"../feature.js\";\nimport { Routes } from \"~/admin/routes.js\";\nimport { DeliveryFilters } from \"./DeliveryFilters.js\";\nimport { DeliveryList } from \"./DeliveryList.js\";\nimport { WebhookDefinitionsButton } from \"~/admin/presentation/WebhookDeliveriesPage/components/WebhookDefinitionsButton.js\";\n\nconst Loader = () => {\n    return (\n        <div className=\"flex flex-col gap-sm p-md\">\n            <Skeleton className=\"h-8 w-full\" />\n            <Skeleton className=\"h-8 w-full\" />\n            <Skeleton className=\"h-8 w-full\" />\n        </div>\n    );\n};\n\nconst WebhookDeliveriesPageInner = observer(function WebhookDeliveriesPageInner() {\n    const { presenter } = useFeature(WebhookDeliveriesPagePresenterFeature);\n    const { route } = useRoute(Routes.Deliveries);\n    const webhookId = route?.params?.webhookId;\n\n    useEffect(() => {\n        void presenter.init(webhookId);\n    }, [presenter, webhookId]);\n\n    const { vm } = presenter;\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=\"flex items-center justify-between py-sm px-md\">\n                <Heading level={5}>Webhook Deliveries</Heading>\n                <WebhookDefinitionsButton />\n            </div>\n            <Separator />\n            <div className={\"p-sm\"}>\n                <DeliveryFilters presenter={presenter} />\n            </div>\n            <Separator />\n            {vm.loading ? <Loader /> : <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        ListWebhooksFeature.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":["Loader","Skeleton","WebhookDeliveriesPageInner","observer","presenter","useFeature","WebhookDeliveriesPagePresenterFeature","route","useRoute","Routes","webhookId","useEffect","vm","Text","Button","Heading","WebhookDefinitionsButton","Separator","DeliveryFilters","DeliveryList","WebhookDeliveriesPage","container","useContainer","scopedContainer","useMemo","child","ListWebhookDeliveriesFeature","ListAvailableEventsFeature","ResendWebhookDeliveryFeature","ListWebhooksFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,SAAS,IACJ,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,UAAQA;QAAC,WAAU;sBACpB,oBAACA,UAAQA;QAAC,WAAU;sBACpB,oBAACA,UAAQA;QAAC,WAAU;;AAKhC,MAAMC,mDAA6BC,SAAS;IACxC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,UAAU;IAC5C,MAAMC,YAAYH,OAAO,QAAQ;IAEjCI,UAAU;QACDP,UAAU,IAAI,CAACM;IACxB,GAAG;QAACN;QAAWM;KAAU;IAEzB,MAAM,EAAEE,EAAE,EAAE,GAAGR;IAEf,IAAIQ,GAAG,KAAK,EACR,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACC,MAAIA,MAAED,GAAG,KAAK,iBACf,oBAACE,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAM,KAAKV,UAAU,IAAI;OAAI;IAO9E,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACW,SAAOA;QAAC,OAAO;OAAG,qCACnB,oBAACC,0BAAwBA,QAAAA,WAAAA,GAE7B,oBAACC,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAW;qBACZ,oBAACC,iBAAeA;QAAC,WAAWd;uBAEhC,oBAACa,WAASA,OACTL,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACZ,QAAMA,QAAAA,WAAAA,GAAM,oBAACmB,cAAYA;QAAC,WAAWf;;AAGhE;AAEO,MAAMgB,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;QACtCI,oBAAoB,QAAQ,CAACJ;QAC7BnB,sCAAsC,QAAQ,CAACmB;QAC/C,OAAOA;IACX,GAAG;QAACJ;KAAU;IAEd,OAAO,WAAP,GACI,oBAACS,qBAAmBA;QAAC,WAAWP;qBAC5B,oBAACrB,kDAA0BA;AAGvC"}

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

@@ -0,0 +1 @@
+export declare const statusVariant: (status: string) => "success" | "warning" | "destructive";

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

@@ -0,0 +1,13 @@
+const statusVariant = (status)=>{
+    switch(status){
+        case "delivered":
+            return "success";
+        case "failed":
+            return "destructive";
+        default:
+            return "warning";
+    }
+};
+export { statusVariant };
+
+//# sourceMappingURL=statusVariant.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveriesPage/components/statusVariant.js","sources":["../../../../../src/admin/presentation/WebhookDeliveriesPage/components/statusVariant.ts"],"sourcesContent":["export const statusVariant = (status: string) => {\n    switch (status) {\n        case \"delivered\":\n            return \"success\" as const;\n        case \"failed\":\n            return \"destructive\" as const;\n        default:\n            return \"warning\" as const;\n    }\n};\n"],"names":["statusVariant","status"],"mappings":"AAAO,MAAMA,gBAAgB,CAACC;IAC1B,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX;YACI,OAAO;IACf;AACJ"}