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

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

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

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

package/admin/presentation/WebhookDeliveriesPage/feature.js

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

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

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

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

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

package/admin/presentation/WebhookDeliveriesPage/index.js

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

package/admin/presentation/WebhookForm/WebhookFormPresenter.d.ts

@@ -1,4 +1,4 @@
-import { type IWebhookFormPresenter, type IWebhookFormViewModel, type IWebhookFormActions } from "./abstractions.js";
+import { type IWebhookFormPresenter, type IWebhookFormViewModel } from "./abstractions.js";
 import { GetWebhookUseCase } from "../../../admin/features/getWebhook/abstractions.js";
 import { CreateWebhookUseCase } from "../../../admin/features/createWebhook/abstractions.js";
 import { UpdateWebhookUseCase } from "../../../admin/features/updateWebhook/abstractions.js";
@@ -18,15 +18,19 @@ declare class WebhookFormPresenterImpl implements IWebhookFormPresenter {
     private _saving;
     private _isNew;
     private _webhook;
-    private _showDeliveries;
-    private _availableEvents;
     private _webhookId;
     private _form;
-    private _selectedEvents;
+    private _entityFieldNames;
+    private _entityGroups;
     get vm(): IWebhookFormViewModel;
     constructor(formModelFactory: FormModelFactory.Interface, getWebhookUseCase: GetWebhookUseCase.Interface, createWebhookUseCase: CreateWebhookUseCase.Interface, updateWebhookUseCase: UpdateWebhookUseCase.Interface, deleteWebhookUseCase: DeleteWebhookUseCase.Interface, listAvailableEventsUseCase: ListAvailableEventsUseCase.Interface, permissions: WebhookPermissions.Interface);
     private buildForm;
-    actions: IWebhookFormActions;
+    private entityFieldName;
+    private addEventFields;
+    private collectEvents;
+    private distributeEvents;
+    save(): Promise<boolean>;
+    deleteWebhook(): Promise<void>;
     init(id: string): Promise<void>;
 }
 export declare const WebhookFormPresenter: typeof WebhookFormPresenterImpl & {