@webiny/webhooks 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/DeliveryAccordionRow.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/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/WebhookDeliveries/components/DeliveryDetail.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { WebhookDelivery } from "../../../../admin/shared/types.js";
+interface DeliveryDetailProps {
+    delivery: WebhookDelivery;
+    onClose: () => void;
+    onResend: (id: string) => void;
+}
+export declare const DeliveryDetail: (({ delivery, onClose, onResend }: DeliveryDetailProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/admin/presentation/WebhookDeliveries/components/DeliveryDetail.js

@@ -0,0 +1,32 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Button, Heading, IconButton, Separator } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { DeliveryDetailContent } from "./DeliveryDetailContent.js";
+const DeliveryDetail_DeliveryDetail = observer(function({ delivery, onClose, onResend }) {
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col h-full overflow-auto"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between px-md py-sm"
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 6
+    }, delivery.eventType), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "ghost",
+        size: "sm",
+        onClick: onClose,
+        "aria-label": "Close detail"
+    })), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-auto px-md py-sm"
+    }, /*#__PURE__*/ react.createElement(DeliveryDetailContent, {
+        delivery: delivery
+    })), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "px-md py-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: ()=>onResend(delivery.id)
+    }, "Resend")));
+});
+export { DeliveryDetail_DeliveryDetail as DeliveryDetail };
+
+//# sourceMappingURL=DeliveryDetail.js.map

package/admin/presentation/WebhookDeliveries/components/DeliveryDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/DeliveryDetail.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/components/DeliveryDetail.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { Heading } from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\nimport { DeliveryDetailContent } from \"./DeliveryDetailContent.js\";\n\ninterface DeliveryDetailProps {\n    delivery: WebhookDelivery;\n    onClose: () => void;\n    onResend: (id: string) => void;\n}\n\nexport const DeliveryDetail = observer(function DeliveryDetail({\n    delivery,\n    onClose,\n    onResend\n}: DeliveryDetailProps) {\n    return (\n        <div className=\"flex flex-col h-full overflow-auto\">\n            <div className=\"flex items-center justify-between px-md py-sm\">\n                <Heading level={6}>{delivery.eventType}</Heading>\n                <IconButton\n                    icon={<CloseIcon />}\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={onClose}\n                    aria-label=\"Close detail\"\n                />\n            </div>\n            <Separator />\n            <div className=\"flex-1 overflow-auto px-md py-sm\">\n                <DeliveryDetailContent delivery={delivery} />\n            </div>\n            <Separator />\n            <div className=\"px-md py-sm\">\n                <Button variant=\"secondary\" onClick={() => onResend(delivery.id)}>\n                    Resend\n                </Button>\n            </div>\n        </div>\n    );\n});\n"],"names":["DeliveryDetail","observer","delivery","onClose","onResend","Heading","IconButton","CloseIcon","Separator","DeliveryDetailContent","Button"],"mappings":";;;;;AAgBO,MAAMA,gCAAiBC,SAAS,SAAwB,EAC3DC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACU;IAClB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAACC,SAAOA;QAAC,OAAO;OAAIH,SAAS,SAAS,iBACtC,oBAACI,YAAUA;QACP,oBAAM,oBAACC,gBAASA;QAChB,SAAQ;QACR,MAAK;QACL,SAASJ;QACT,cAAW;uBAGnB,oBAACK,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;qBACX,oBAACC,uBAAqBA;QAAC,UAAUP;uBAErC,oBAACM,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAU;qBACX,oBAACE,QAAMA;QAAC,SAAQ;QAAY,SAAS,IAAMN,SAASF,SAAS,EAAE;OAAG;AAMlF"}

package/admin/presentation/WebhookDeliveries/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/WebhookDeliveries/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/WebhookDeliveries/components/DeliveryDetailContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/DeliveryDetailContent.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/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/WebhookDeliveries/components/DeliveryDetailPanel.d.ts

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

package/admin/presentation/WebhookDeliveries/components/DeliveryDetailPanel.js

@@ -0,0 +1,22 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
+import { DeliveryDetail } from "./DeliveryDetail.js";
+const DeliveryDetailPanel_DeliveryDetailPanel = observer(function({ presenter }) {
+    const { vm } = presenter;
+    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({
+        title: "Resend Delivery",
+        message: "Are you sure you want to resend this delivery?"
+    });
+    if (!vm.selectedDelivery) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1 overflow-auto"
+    }, /*#__PURE__*/ react.createElement(DeliveryDetail, {
+        delivery: vm.selectedDelivery,
+        onClose: ()=>presenter.selectDelivery(null),
+        onResend: (id)=>showResendConfirmation(()=>presenter.resend(id))
+    }));
+});
+export { DeliveryDetailPanel_DeliveryDetailPanel as DeliveryDetailPanel };
+
+//# sourceMappingURL=DeliveryDetailPanel.js.map

package/admin/presentation/WebhookDeliveries/components/DeliveryDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/DeliveryDetailPanel.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/components/DeliveryDetailPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport type { IWebhookDeliveriesPresenter } from \"../abstractions.js\";\nimport { DeliveryDetail } from \"./DeliveryDetail.js\";\n\ninterface DeliveryDetailPanelProps {\n    presenter: IWebhookDeliveriesPresenter;\n}\n\nexport const DeliveryDetailPanel = observer(function DeliveryDetailPanel({\n    presenter\n}: DeliveryDetailPanelProps) {\n    const { vm } = presenter;\n\n    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({\n        title: \"Resend Delivery\",\n        message: \"Are you sure you want to resend this delivery?\"\n    });\n\n    if (!vm.selectedDelivery) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex-1 overflow-auto\">\n            <DeliveryDetail\n                delivery={vm.selectedDelivery}\n                onClose={() => presenter.selectDelivery(null)}\n                onResend={id => showResendConfirmation(() => presenter.resend(id))}\n            />\n        </div>\n    );\n});\n"],"names":["DeliveryDetailPanel","observer","presenter","vm","showResendConfirmation","useConfirmationDialog","DeliveryDetail","id"],"mappings":";;;;AAUO,MAAMA,0CAAsBC,SAAS,SAA6B,EACrEC,SAAS,EACc;IACvB,MAAM,EAAEC,EAAE,EAAE,GAAGD;IAEf,MAAM,EAAE,kBAAkBE,sBAAsB,EAAE,GAAGC,sBAAsB;QACvE,OAAO;QACP,SAAS;IACb;IAEA,IAAI,CAACF,GAAG,gBAAgB,EACpB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACG,gBAAcA;QACX,UAAUH,GAAG,gBAAgB;QAC7B,SAAS,IAAMD,UAAU,cAAc,CAAC;QACxC,UAAUK,CAAAA,KAAMH,uBAAuB,IAAMF,UAAU,MAAM,CAACK;;AAI9E"}

package/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface WebhookDeliveriesDrawerProps {
+    webhookId: string;
+    open: boolean;
+    onClose: () => void;
+}
+export declare const WebhookDeliveriesDrawer: (props: WebhookDeliveriesDrawerProps) => React.JSX.Element;
+export {};

package/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.js

@@ -0,0 +1,119 @@
+import react, { useEffect, useMemo } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { DataTable, Drawer, IconButton, Scrollbar, Tag, Text, TimeAgo } from "@webiny/admin-ui";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
+import { ReactComponent } from "@webiny/icons/replay.svg";
+import { WebhookDeliveriesPresenterFeature } from "../feature.js";
+import { ListWebhookDeliveriesFeature } from "../../../features/listWebhookDeliveries/feature.js";
+import { ResendWebhookDeliveryFeature } from "../../../features/resendWebhookDelivery/feature.js";
+import { DeliveryDetailPanel } from "./DeliveryDetailPanel.js";
+import { statusVariant } from "./statusVariant.js";
+const WebhookDeliveriesDrawer_WebhookDeliveriesDrawerInner = observer(function({ webhookId, open, onClose }) {
+    const { presenter } = useFeature(WebhookDeliveriesPresenterFeature);
+    useEffect(()=>{
+        if (open) presenter.init(webhookId);
+    }, [
+        presenter,
+        webhookId,
+        open
+    ]);
+    const { vm } = presenter;
+    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({
+        title: "Resend Delivery",
+        message: "Are you sure you want to resend this delivery?"
+    });
+    const loadMoreOnScroll = useMemo(()=>debounce(async ({ scrollFrame })=>{
+            if (scrollFrame.top > 0.8) await presenter.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    const columns = useMemo(()=>({
+            eventType: {
+                header: "Event",
+                size: 180
+            },
+            status: {
+                header: "Status",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Tag, {
+                        variant: statusVariant(row.status),
+                        content: row.status
+                    }),
+                size: 100
+            },
+            responseStatus: {
+                header: "HTTP",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, null !== row.responseStatus ? String(row.responseStatus) : "—"),
+                size: 60
+            },
+            createdOn: {
+                header: "Created",
+                cell: (row)=>/*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.createdOn
+                    }),
+                enableSorting: true,
+                size: 120
+            },
+            actions: {
+                header: " ",
+                cell: (row)=>/*#__PURE__*/ react.createElement(IconButton, {
+                        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: (e)=>{
+                            e.stopPropagation();
+                            showResendConfirmation(()=>presenter.resend(row.id));
+                        },
+                        "aria-label": "Resend delivery"
+                    }),
+                size: 60,
+                enableSorting: false,
+                enableHiding: false,
+                enableResizing: false
+            }
+        }), [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        open: open,
+        onOpenChange: (isOpen)=>!isOpen && onClose(),
+        title: "Delivery Log",
+        modal: true,
+        width: "900px",
+        bodyPadding: false
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex h-full"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: vm.selectedDelivery ? "flex-[1.5] border-r-sm border-neutral-muted overflow-hidden" : "flex-1 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
+                scrollFrame
+            })
+    }, /*#__PURE__*/ react.createElement(DataTable, {
+        columns: columns,
+        data: vm.list.rows,
+        loading: vm.list.pagination.loading && 0 === vm.list.rows.length,
+        onToggleRow: (row)=>presenter.selectDelivery(row)
+    }))), /*#__PURE__*/ react.createElement(DeliveryDetailPanel, {
+        presenter: presenter
+    })));
+});
+const WebhookDeliveriesDrawer = (props)=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListWebhookDeliveriesFeature.register(child);
+        ResendWebhookDeliveryFeature.register(child);
+        WebhookDeliveriesPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(WebhookDeliveriesDrawer_WebhookDeliveriesDrawerInner, props));
+};
+export { WebhookDeliveriesDrawer };
+
+//# sourceMappingURL=WebhookDeliveriesDrawer.js.map

package/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/components/WebhookDeliveriesDrawer.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { DataTable, Drawer, IconButton, Scrollbar, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as ReplayIcon } from \"@webiny/icons/replay.svg\";\nimport { WebhookDeliveriesPresenterFeature } from \"../feature.js\";\nimport { ListWebhookDeliveriesFeature } from \"~/admin/features/listWebhookDeliveries/feature.js\";\nimport { ResendWebhookDeliveryFeature } from \"~/admin/features/resendWebhookDelivery/feature.js\";\nimport type { WebhookDelivery } from \"~/admin/shared/types.js\";\nimport { DeliveryDetailPanel } from \"./DeliveryDetailPanel.js\";\nimport { statusVariant } from \"./statusVariant.js\";\n\ninterface WebhookDeliveriesDrawerProps {\n    webhookId: string;\n    open: boolean;\n    onClose: () => void;\n}\n\nconst WebhookDeliveriesDrawerInner = observer(function WebhookDeliveriesDrawerInner({\n    webhookId,\n    open,\n    onClose\n}: WebhookDeliveriesDrawerProps) {\n    const { presenter } = useFeature(WebhookDeliveriesPresenterFeature);\n\n    useEffect(() => {\n        if (open) {\n            presenter.init(webhookId);\n        }\n    }, [presenter, webhookId, open]);\n\n    const { vm } = presenter;\n\n    const { showConfirmation: showResendConfirmation } = useConfirmationDialog({\n        title: \"Resend Delivery\",\n        message: \"Are you sure you want to resend this delivery?\"\n    });\n\n    const loadMoreOnScroll = useMemo(\n        () =>\n            debounce(async ({ scrollFrame }: { scrollFrame: { top: number } }) => {\n                if (scrollFrame.top > 0.8) {\n                    await presenter.loadMore();\n                }\n            }, 200),\n        [presenter]\n    );\n\n    const columns = useMemo(\n        () => ({\n            eventType: {\n                header: \"Event\",\n                size: 180\n            },\n            status: {\n                header: \"Status\",\n                cell: (row: WebhookDelivery) => (\n                    <Tag variant={statusVariant(row.status)} content={row.status} />\n                ),\n                size: 100\n            },\n            responseStatus: {\n                header: \"HTTP\",\n                cell: (row: WebhookDelivery) => (\n                    <Text size=\"sm\">\n                        {row.responseStatus !== null ? String(row.responseStatus) : \"—\"}\n                    </Text>\n                ),\n                size: 60\n            },\n            createdOn: {\n                header: \"Created\",\n                cell: (row: WebhookDelivery) => <TimeAgo datetime={row.createdOn} />,\n                enableSorting: true,\n                size: 120\n            },\n            actions: {\n                header: \" \",\n                cell: (row: WebhookDelivery) => (\n                    <IconButton\n                        icon={<ReplayIcon />}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={e => {\n                            e.stopPropagation();\n                            showResendConfirmation(() => presenter.resend(row.id));\n                        }}\n                        aria-label=\"Resend delivery\"\n                    />\n                ),\n                size: 60,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [presenter]\n    );\n\n    return (\n        <Drawer\n            open={open}\n            onOpenChange={isOpen => !isOpen && onClose()}\n            title=\"Delivery Log\"\n            modal={true}\n            width=\"900px\"\n            bodyPadding={false}\n        >\n            <div className=\"flex h-full\">\n                <div\n                    className={\n                        vm.selectedDelivery\n                            ? \"flex-[1.5] border-r-sm border-neutral-muted overflow-hidden\"\n                            : \"flex-1 overflow-hidden\"\n                    }\n                >\n                    <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                        <DataTable<WebhookDelivery>\n                            columns={columns}\n                            data={vm.list.rows}\n                            loading={vm.list.pagination.loading && vm.list.rows.length === 0}\n                            onToggleRow={(row: WebhookDelivery) => presenter.selectDelivery(row)}\n                        />\n                    </Scrollbar>\n                </div>\n                <DeliveryDetailPanel presenter={presenter} />\n            </div>\n        </Drawer>\n    );\n});\n\nexport const WebhookDeliveriesDrawer = (props: WebhookDeliveriesDrawerProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListWebhookDeliveriesFeature.register(child);\n        ResendWebhookDeliveryFeature.register(child);\n        WebhookDeliveriesPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <WebhookDeliveriesDrawerInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["WebhookDeliveriesDrawerInner","observer","webhookId","open","onClose","presenter","useFeature","WebhookDeliveriesPresenterFeature","useEffect","vm","showResendConfirmation","useConfirmationDialog","loadMoreOnScroll","useMemo","debounce","scrollFrame","columns","row","Tag","statusVariant","Text","String","TimeAgo","IconButton","ReplayIcon","e","Drawer","isOpen","Scrollbar","DataTable","DeliveryDetailPanel","WebhookDeliveriesDrawer","props","container","useContainer","scopedContainer","child","ListWebhookDeliveriesFeature","ResendWebhookDeliveryFeature","DiContainerProvider"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,uDAA+BC,SAAS,SAAsC,EAChFC,SAAS,EACTC,IAAI,EACJC,OAAO,EACoB;IAC3B,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACN,IAAIL,MACAE,UAAU,IAAI,CAACH;IAEvB,GAAG;QAACG;QAAWH;QAAWC;KAAK;IAE/B,MAAM,EAAEM,EAAE,EAAE,GAAGJ;IAEf,MAAM,EAAE,kBAAkBK,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,MAAMV,UAAU,QAAQ;QAEhC,GAAG,MACP;QAACA;KAAU;IAGf,MAAMW,UAAUH,QACZ,IAAO;YACH,WAAW;gBACP,QAAQ;gBACR,MAAM;YACV;YACA,QAAQ;gBACJ,QAAQ;gBACR,MAAM,CAACI,MAAAA,WAAAA,GACH,oBAACC,KAAGA;wBAAC,SAASC,cAAcF,IAAI,MAAM;wBAAG,SAASA,IAAI,MAAM;;gBAEhE,MAAM;YACV;YACA,gBAAgB;gBACZ,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACG,MAAIA;wBAAC,MAAK;uBACNH,AAAuB,SAAvBA,IAAI,cAAc,GAAYI,OAAOJ,IAAI,cAAc,IAAI;gBAGpE,MAAM;YACV;YACA,WAAW;gBACP,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GAAyB,oBAACK,SAAOA;wBAAC,UAAUL,IAAI,SAAS;;gBAChE,eAAe;gBACf,MAAM;YACV;YACA,SAAS;gBACL,QAAQ;gBACR,MAAM,CAACA,MAAAA,WAAAA,GACH,oBAACM,YAAUA;wBACP,oBAAM,oBAACC,gBAAUA;wBACjB,SAAQ;wBACR,MAAK;wBACL,SAASC,CAAAA;4BACLA,EAAE,eAAe;4BACjBf,uBAAuB,IAAML,UAAU,MAAM,CAACY,IAAI,EAAE;wBACxD;wBACA,cAAW;;gBAGnB,MAAM;gBACN,eAAe;gBACf,cAAc;gBACd,gBAAgB;YACpB;QACJ,IACA;QAACZ;KAAU;IAGf,OAAO,WAAP,GACI,oBAACqB,QAAMA;QACH,MAAMvB;QACN,cAAcwB,CAAAA,SAAU,CAACA,UAAUvB;QACnC,OAAM;QACN,OAAO;QACP,OAAM;QACN,aAAa;qBAEb,oBAAC;QAAI,WAAU;qBACX,oBAAC;QACG,WACIK,GAAG,gBAAgB,GACb,gEACA;qBAGV,oBAACmB,WAASA;QAAC,eAAeb,CAAAA,cAAeH,iBAAiB;gBAAEG;YAAY;qBACpE,oBAACc,WAASA;QACN,SAASb;QACT,MAAMP,GAAG,IAAI,CAAC,IAAI;QAClB,SAASA,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,IAAIA,AAAwB,MAAxBA,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM;QAC1D,aAAa,CAACQ,MAAyBZ,UAAU,cAAc,CAACY;wBAI5E,oBAACa,qBAAmBA;QAAC,WAAWzB;;AAIhD;AAEO,MAAM0B,0BAA0B,CAACC;IACpC,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBtB,QAAQ;QAC5B,MAAMuB,QAAQH,UAAU,oBAAoB;QAC5CI,6BAA6B,QAAQ,CAACD;QACtCE,6BAA6B,QAAQ,CAACF;QACtC7B,kCAAkC,QAAQ,CAAC6B;QAC3C,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,WAAWJ;qBAC5B,oBAACnC,sDAAiCgC;AAG9C"}

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

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

package/admin/presentation/WebhookDeliveries/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/WebhookDeliveries/components/statusVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WebhookDeliveries/components/statusVariant.js","sources":["../../../../../src/admin/presentation/WebhookDeliveries/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"}

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

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

package/admin/presentation/WebhookDeliveries/feature.js

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

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

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

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

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

package/admin/presentation/WebhookDeliveries/index.js

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

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

@@ -0,0 +1,37 @@
+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 { 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 _availableEvents;
+    private _filters;
+    private _expandedDeliveryId;
+    private _resendingIds;
+    private _loading;
+    private _error;
+    constructor(listPresenter: ListPresenter.Interface<WebhookDelivery>, listDeliveriesUseCase: ListWebhookDeliveriesUseCase.Interface, listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface, resendDeliveryUseCase: ResendWebhookDeliveryUseCase.Interface);
+    get vm(): IWebhookDeliveriesPageViewModel;
+    init(): Promise<void>;
+    setAppFilter(app: string | null): void;
+    setEntityFilter(entity: string | null): void;
+    setEventFilter(eventName: string | null): void;
+    setStatusFilter(status: string[]): void;
+    expandDelivery(id: string | null): void;
+    loadMore(): Promise<void>;
+    resend(id: string): Promise<void>;
+    private _applyFilters;
+    private _buildWhere;
+    private _computeAvailableApps;
+    private _computeAvailableEntities;
+    private _computeAvailableEventNames;
+}
+export declare const WebhookDeliveriesPagePresenter: typeof WebhookDeliveriesPagePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IWebhookDeliveriesPagePresenter>;
+};
+export {};