@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/features/notifications/Notifications.js

@@ -15,6 +15,9 @@ class NotificationsImpl {
     warning(input) {
         this.push(input, "warning");
     }
+    error(input) {
+        this.push(input, "error");
+    }
     getNotifications() {
         return this.notifications;
     }

package/features/notifications/Notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/notifications/Notifications.js","sources":["../../../src/features/notifications/Notifications.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    Notifications as Abstraction,\n    type INotification,\n    type INotificationInput,\n    type NotificationVariant\n} from \"./abstractions.js\";\n\nclass NotificationsImpl implements Abstraction.Interface {\n    private notifications: INotification[] = [];\n    private counter = 0;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    notify(input: INotificationInput): void {\n        this.push(input, \"default\");\n    }\n\n    success(input: INotificationInput): void {\n        this.push(input, \"success\");\n    }\n\n    warning(input: INotificationInput): void {\n        this.push(input, \"warning\");\n    }\n\n    getNotifications(): INotification[] {\n        return this.notifications;\n    }\n\n    remove(id: string): void {\n        this.notifications = this.notifications.filter(notification => notification.id !== id);\n    }\n\n    private push(input: INotificationInput, variant: NotificationVariant): void {\n        this.counter++;\n        this.notifications.push({ id: `notification-${this.counter}`, variant, ...input });\n    }\n}\n\nexport const Notifications = Abstraction.createImplementation({\n    implementation: NotificationsImpl,\n    dependencies: []\n});\n"],"names":["NotificationsImpl","makeAutoObservable","input","id","notification","variant","Notifications","Abstraction"],"mappings":";;AAQA,MAAMA;IAIF,aAAc;aAHN,aAAa,GAAoB,EAAE;aACnC,OAAO,GAAG;QAGdC,mBAAmB,IAAI;IAC3B;IAEA,OAAOC,KAAyB,EAAQ;QACpC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,QAAQA,KAAyB,EAAQ;QACrC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,QAAQA,KAAyB,EAAQ;QACrC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,mBAAoC;QAChC,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,OAAOC,EAAU,EAAQ;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAACC,CAAAA,eAAgBA,aAAa,EAAE,KAAKD;IACvF;IAEQ,KAAKD,KAAyB,EAAEG,OAA4B,EAAQ;QACxE,IAAI,CAAC,OAAO;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE;YAAEA;YAAS,GAAGH,KAAK;QAAC;IACpF;AACJ;AAEO,MAAMI,8BAAgBC,cAAAA,oBAAgC,CAAC;IAC1D,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}
+{"version":3,"file":"features/notifications/Notifications.js","sources":["../../../src/features/notifications/Notifications.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    Notifications as Abstraction,\n    type INotification,\n    type INotificationInput,\n    type NotificationVariant\n} from \"./abstractions.js\";\n\nclass NotificationsImpl implements Abstraction.Interface {\n    private notifications: INotification[] = [];\n    private counter = 0;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    notify(input: INotificationInput): void {\n        this.push(input, \"default\");\n    }\n\n    success(input: INotificationInput): void {\n        this.push(input, \"success\");\n    }\n\n    warning(input: INotificationInput): void {\n        this.push(input, \"warning\");\n    }\n\n    error(input: INotificationInput): void {\n        this.push(input, \"error\");\n    }\n\n    getNotifications(): INotification[] {\n        return this.notifications;\n    }\n\n    remove(id: string): void {\n        this.notifications = this.notifications.filter(notification => notification.id !== id);\n    }\n\n    private push(input: INotificationInput, variant: NotificationVariant): void {\n        this.counter++;\n        this.notifications.push({ id: `notification-${this.counter}`, variant, ...input });\n    }\n}\n\nexport const Notifications = Abstraction.createImplementation({\n    implementation: NotificationsImpl,\n    dependencies: []\n});\n"],"names":["NotificationsImpl","makeAutoObservable","input","id","notification","variant","Notifications","Abstraction"],"mappings":";;AAQA,MAAMA;IAIF,aAAc;aAHN,aAAa,GAAoB,EAAE;aACnC,OAAO,GAAG;QAGdC,mBAAmB,IAAI;IAC3B;IAEA,OAAOC,KAAyB,EAAQ;QACpC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,QAAQA,KAAyB,EAAQ;QACrC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,QAAQA,KAAyB,EAAQ;QACrC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,MAAMA,KAAyB,EAAQ;QACnC,IAAI,CAAC,IAAI,CAACA,OAAO;IACrB;IAEA,mBAAoC;QAChC,OAAO,IAAI,CAAC,aAAa;IAC7B;IAEA,OAAOC,EAAU,EAAQ;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAACC,CAAAA,eAAgBA,aAAa,EAAE,KAAKD;IACvF;IAEQ,KAAKD,KAAyB,EAAEG,OAA4B,EAAQ;QACxE,IAAI,CAAC,OAAO;QACZ,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE;YAAEA;YAAS,GAAGH,KAAK;QAAC;IACpF;AACJ;AAEO,MAAMI,8BAAgBC,cAAAA,oBAAgC,CAAC;IAC1D,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/features/notifications/Notifications.test.d.ts

@@ -0,0 +1 @@
+export {};

package/features/notifications/Notifications.test.js

@@ -0,0 +1,106 @@
+import { beforeEach, describe, expect, it } from "vitest";
+import { Container } from "@webiny/di";
+import { NotificationsFeature } from "./feature.js";
+import { Notifications } from "./abstractions.js";
+const createNotifications = ()=>{
+    const container = new Container();
+    NotificationsFeature.register(container);
+    return container.resolve(Notifications);
+};
+describe("Notifications", ()=>{
+    let notifications;
+    beforeEach(()=>{
+        notifications = createNotifications();
+    });
+    it("queues a plain notification with exactly its own fields", ()=>{
+        notifications.notify({
+            title: "Saved",
+            description: "All good."
+        });
+        expect(notifications.getNotifications()).toEqual([
+            {
+                id: "notification-1",
+                variant: "default",
+                title: "Saved",
+                description: "All good."
+            }
+        ]);
+    });
+    it("queues success and warning notifications with their variant", ()=>{
+        notifications.success({
+            title: "Done"
+        });
+        notifications.warning({
+            title: "Careful"
+        });
+        const queued = notifications.getNotifications();
+        expect(queued.map((item)=>item.variant)).toEqual([
+            "success",
+            "warning"
+        ]);
+        expect(queued.map((item)=>item.id)).toEqual([
+            "notification-1",
+            "notification-2"
+        ]);
+    });
+    it("queues an error notification with the error variant", ()=>{
+        notifications.error({
+            title: "Failed",
+            description: "Try again."
+        });
+        expect(notifications.getNotifications()).toEqual([
+            {
+                id: "notification-1",
+                variant: "error",
+                title: "Failed",
+                description: "Try again."
+            }
+        ]);
+    });
+    it("keeps link, duration, position and dismissible on the queued notification", ()=>{
+        notifications.success({
+            title: "Requested",
+            description: "Spring launch",
+            link: {
+                label: "Open Content Reviews",
+                url: "/cms/content-reviews"
+            },
+            duration: 8000,
+            position: "bottom-right",
+            dismissible: true
+        });
+        expect(notifications.getNotifications()).toEqual([
+            {
+                id: "notification-1",
+                variant: "success",
+                title: "Requested",
+                description: "Spring launch",
+                link: {
+                    label: "Open Content Reviews",
+                    url: "/cms/content-reviews"
+                },
+                duration: 8000,
+                position: "bottom-right",
+                dismissible: true
+            }
+        ]);
+    });
+    it("removes a notification by id and leaves the others", ()=>{
+        notifications.notify({
+            title: "One"
+        });
+        notifications.error({
+            title: "Two"
+        });
+        notifications.warning({
+            title: "Three"
+        });
+        notifications.remove("notification-2");
+        expect(notifications.getNotifications().map((item)=>item.title)).toEqual([
+            "One",
+            "Three"
+        ]);
+    });
+});
+
+//# sourceMappingURL=Notifications.test.js.map

package/features/notifications/Notifications.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/notifications/Notifications.test.js","sources":["../../../src/features/notifications/Notifications.test.ts"],"sourcesContent":["import { beforeEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { NotificationsFeature } from \"./feature.js\";\nimport { Notifications } from \"./abstractions.js\";\n\nconst createNotifications = (): Notifications.Interface => {\n    const container = new Container();\n    NotificationsFeature.register(container);\n    return container.resolve(Notifications);\n};\n\ndescribe(\"Notifications\", () => {\n    let notifications: Notifications.Interface;\n\n    beforeEach(() => {\n        notifications = createNotifications();\n    });\n\n    it(\"queues a plain notification with exactly its own fields\", () => {\n        notifications.notify({ title: \"Saved\", description: \"All good.\" });\n\n        expect(notifications.getNotifications()).toEqual([\n            { id: \"notification-1\", variant: \"default\", title: \"Saved\", description: \"All good.\" }\n        ]);\n    });\n\n    it(\"queues success and warning notifications with their variant\", () => {\n        notifications.success({ title: \"Done\" });\n        notifications.warning({ title: \"Careful\" });\n\n        const queued = notifications.getNotifications();\n        expect(queued.map(item => item.variant)).toEqual([\"success\", \"warning\"]);\n        expect(queued.map(item => item.id)).toEqual([\"notification-1\", \"notification-2\"]);\n    });\n\n    it(\"queues an error notification with the error variant\", () => {\n        notifications.error({ title: \"Failed\", description: \"Try again.\" });\n\n        expect(notifications.getNotifications()).toEqual([\n            { id: \"notification-1\", variant: \"error\", title: \"Failed\", description: \"Try again.\" }\n        ]);\n    });\n\n    it(\"keeps link, duration, position and dismissible on the queued notification\", () => {\n        notifications.success({\n            title: \"Requested\",\n            description: \"Spring launch\",\n            link: { label: \"Open Content Reviews\", url: \"/cms/content-reviews\" },\n            duration: 8000,\n            position: \"bottom-right\",\n            dismissible: true\n        });\n\n        expect(notifications.getNotifications()).toEqual([\n            {\n                id: \"notification-1\",\n                variant: \"success\",\n                title: \"Requested\",\n                description: \"Spring launch\",\n                link: { label: \"Open Content Reviews\", url: \"/cms/content-reviews\" },\n                duration: 8000,\n                position: \"bottom-right\",\n                dismissible: true\n            }\n        ]);\n    });\n\n    it(\"removes a notification by id and leaves the others\", () => {\n        notifications.notify({ title: \"One\" });\n        notifications.error({ title: \"Two\" });\n        notifications.warning({ title: \"Three\" });\n\n        notifications.remove(\"notification-2\");\n\n        expect(notifications.getNotifications().map(item => item.title)).toEqual([\"One\", \"Three\"]);\n    });\n});\n"],"names":["createNotifications","container","Container","NotificationsFeature","Notifications","describe","notifications","beforeEach","it","expect","queued","item"],"mappings":";;;;AAQA,MAAMA,sBAAsB;IACxB,MAAMC,YAAY,IAAIC;IACtBC,qBAAqB,QAAQ,CAACF;IAC9B,OAAOA,UAAU,OAAO,CAACG;AAC7B;AAEAC,SAAS,iBAAiB;IACtB,IAAIC;IAEJC,WAAW;QACPD,gBAAgBN;IACpB;IAEAQ,GAAG,2DAA2D;QAC1DF,cAAc,MAAM,CAAC;YAAE,OAAO;YAAS,aAAa;QAAY;QAEhEG,OAAOH,cAAc,gBAAgB,IAAI,OAAO,CAAC;YAC7C;gBAAE,IAAI;gBAAkB,SAAS;gBAAW,OAAO;gBAAS,aAAa;YAAY;SACxF;IACL;IAEAE,GAAG,+DAA+D;QAC9DF,cAAc,OAAO,CAAC;YAAE,OAAO;QAAO;QACtCA,cAAc,OAAO,CAAC;YAAE,OAAO;QAAU;QAEzC,MAAMI,SAASJ,cAAc,gBAAgB;QAC7CG,OAAOC,OAAO,GAAG,CAACC,CAAAA,OAAQA,KAAK,OAAO,GAAG,OAAO,CAAC;YAAC;YAAW;SAAU;QACvEF,OAAOC,OAAO,GAAG,CAACC,CAAAA,OAAQA,KAAK,EAAE,GAAG,OAAO,CAAC;YAAC;YAAkB;SAAiB;IACpF;IAEAH,GAAG,uDAAuD;QACtDF,cAAc,KAAK,CAAC;YAAE,OAAO;YAAU,aAAa;QAAa;QAEjEG,OAAOH,cAAc,gBAAgB,IAAI,OAAO,CAAC;YAC7C;gBAAE,IAAI;gBAAkB,SAAS;gBAAS,OAAO;gBAAU,aAAa;YAAa;SACxF;IACL;IAEAE,GAAG,6EAA6E;QAC5EF,cAAc,OAAO,CAAC;YAClB,OAAO;YACP,aAAa;YACb,MAAM;gBAAE,OAAO;gBAAwB,KAAK;YAAuB;YACnE,UAAU;YACV,UAAU;YACV,aAAa;QACjB;QAEAG,OAAOH,cAAc,gBAAgB,IAAI,OAAO,CAAC;YAC7C;gBACI,IAAI;gBACJ,SAAS;gBACT,OAAO;gBACP,aAAa;gBACb,MAAM;oBAAE,OAAO;oBAAwB,KAAK;gBAAuB;gBACnE,UAAU;gBACV,UAAU;gBACV,aAAa;YACjB;SACH;IACL;IAEAE,GAAG,sDAAsD;QACrDF,cAAc,MAAM,CAAC;YAAE,OAAO;QAAM;QACpCA,cAAc,KAAK,CAAC;YAAE,OAAO;QAAM;QACnCA,cAAc,OAAO,CAAC;YAAE,OAAO;QAAQ;QAEvCA,cAAc,MAAM,CAAC;QAErBG,OAAOH,cAAc,gBAAgB,GAAG,GAAG,CAACK,CAAAA,OAAQA,KAAK,KAAK,GAAG,OAAO,CAAC;YAAC;YAAO;SAAQ;IAC7F;AACJ"}

package/features/notifications/NotificationsRenderer.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 /**
  * Standalone consumer of the Notifications queue. Drains queued notifications oldest-first
  * and shows each one as a toast, then removes it from the queue. Mounted once, app-wide.
  */
-export declare const NotificationsRenderer: (() => null) & {
-    displayName: string;
+export declare const NotificationsRenderer: (() => null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => null;
 };

package/features/notifications/NotificationsRenderer.js

@@ -1,13 +1,24 @@
-import { useEffect } from "react";
+import react, { useEffect } from "react";
 import { observer } from "mobx-react-lite";
-import { useFeature } from "@webiny/app";
-import { useToast } from "@webiny/admin-ui";
+import { SimpleLink, useFeature } from "@webiny/app";
+import { Icon, useToast } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/error.svg";
 import { NotificationsFeature } from "./feature.js";
-const showNotification = (toast, notification)=>{
+const getToastParams = (notification)=>{
     const params = {
         title: notification.title,
         description: notification.description
     };
+    if (void 0 !== notification.duration) params.duration = notification.duration;
+    if (void 0 !== notification.position) params.position = notification.position;
+    if (void 0 !== notification.dismissible) params.dismissible = notification.dismissible;
+    if (notification.link) params.actions = /*#__PURE__*/ react.createElement(SimpleLink, {
+        to: notification.link.url
+    }, notification.link.label);
+    return params;
+};
+const showNotification = (toast, notification)=>{
+    const params = getToastParams(notification);
     switch(notification.variant){
         case "success":
             toast.showSuccessToast(params);
@@ -15,6 +26,14 @@ const showNotification = (toast, notification)=>{
         case "warning":
             toast.showWarningToast(params);
             break;
+        case "error":
+            params.icon = /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                label: "",
+                className: "fill-destructive"
+            });
+            toast.showToast(params);
+            break;
         default:
             toast.showToast(params);
     }

package/features/notifications/NotificationsRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/notifications/NotificationsRenderer.js","sources":["../../../src/features/notifications/NotificationsRenderer.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { NotificationsFeature } from \"./feature.js\";\nimport type { INotification } from \"./abstractions.js\";\n\ntype Toast = ReturnType<typeof useToast>;\n\nconst showNotification = (toast: Toast, notification: INotification) => {\n    const params = { title: notification.title, description: notification.description };\n    switch (notification.variant) {\n        case \"success\":\n            toast.showSuccessToast(params);\n            break;\n        case \"warning\":\n            toast.showWarningToast(params);\n            break;\n        default:\n            toast.showToast(params);\n    }\n};\n\n/**\n * Standalone consumer of the Notifications queue. Drains queued notifications oldest-first\n * and shows each one as a toast, then removes it from the queue. Mounted once, app-wide.\n */\nexport const NotificationsRenderer = observer(() => {\n    const { presenter } = useFeature(NotificationsFeature);\n    const toast = useToast();\n\n    const ids = presenter.vm.notifications.map(notification => notification.id).join(\"|\");\n\n    useEffect(() => {\n        presenter.vm.notifications.forEach(notification => {\n            showNotification(toast, notification);\n            presenter.markShown(notification.id);\n        });\n        // `ids` captures queue changes; `toast`/`presenter` are stable singletons.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ids]);\n\n    return null;\n});\n"],"names":["showNotification","toast","notification","params","NotificationsRenderer","observer","presenter","useFeature","NotificationsFeature","useToast","ids","useEffect"],"mappings":";;;;;AASA,MAAMA,mBAAmB,CAACC,OAAcC;IACpC,MAAMC,SAAS;QAAE,OAAOD,aAAa,KAAK;QAAE,aAAaA,aAAa,WAAW;IAAC;IAClF,OAAQA,aAAa,OAAO;QACxB,KAAK;YACDD,MAAM,gBAAgB,CAACE;YACvB;QACJ,KAAK;YACDF,MAAM,gBAAgB,CAACE;YACvB;QACJ;YACIF,MAAM,SAAS,CAACE;IACxB;AACJ;AAMO,MAAMC,wBAAwBC,SAAS;IAC1C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMP,QAAQQ;IAEd,MAAMC,MAAMJ,UAAU,EAAE,CAAC,aAAa,CAAC,GAAG,CAACJ,CAAAA,eAAgBA,aAAa,EAAE,EAAE,IAAI,CAAC;IAEjFS,UAAU;QACNL,UAAU,EAAE,CAAC,aAAa,CAAC,OAAO,CAACJ,CAAAA;YAC/BF,iBAAiBC,OAAOC;YACxBI,UAAU,SAAS,CAACJ,aAAa,EAAE;QACvC;IAGJ,GAAG;QAACQ;KAAI;IAER,OAAO;AACX"}
+{"version":3,"file":"features/notifications/NotificationsRenderer.js","sources":["../../../src/features/notifications/NotificationsRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { SimpleLink } from \"@webiny/app\";\nimport { useFeature } from \"@webiny/app\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport type { ShowToastParams } from \"@webiny/admin-ui\";\nimport { ReactComponent as ErrorIcon } from \"@webiny/icons/error.svg\";\nimport { NotificationsFeature } from \"./feature.js\";\nimport type { INotification } from \"./abstractions.js\";\n\ntype Toast = ReturnType<typeof useToast>;\n\nconst getToastParams = (notification: INotification): ShowToastParams => {\n    const params: ShowToastParams = {\n        title: notification.title,\n        description: notification.description\n    };\n\n    if (notification.duration !== undefined) {\n        params.duration = notification.duration;\n    }\n\n    if (notification.position !== undefined) {\n        params.position = notification.position;\n    }\n\n    if (notification.dismissible !== undefined) {\n        params.dismissible = notification.dismissible;\n    }\n\n    if (notification.link) {\n        params.actions = (\n            <SimpleLink to={notification.link.url}>{notification.link.label}</SimpleLink>\n        );\n    }\n\n    return params;\n};\n\nconst showNotification = (toast: Toast, notification: INotification) => {\n    const params = getToastParams(notification);\n\n    switch (notification.variant) {\n        case \"success\":\n            toast.showSuccessToast(params);\n            break;\n        case \"warning\":\n            toast.showWarningToast(params);\n            break;\n        case \"error\":\n            params.icon = <Icon icon={<ErrorIcon />} label={\"\"} className={\"fill-destructive\"} />;\n            toast.showToast(params);\n            break;\n        default:\n            toast.showToast(params);\n    }\n};\n\n/**\n * Standalone consumer of the Notifications queue. Drains queued notifications oldest-first\n * and shows each one as a toast, then removes it from the queue. Mounted once, app-wide.\n */\nexport const NotificationsRenderer = observer(() => {\n    const { presenter } = useFeature(NotificationsFeature);\n    const toast = useToast();\n\n    const ids = presenter.vm.notifications.map(notification => notification.id).join(\"|\");\n\n    useEffect(() => {\n        presenter.vm.notifications.forEach(notification => {\n            showNotification(toast, notification);\n            presenter.markShown(notification.id);\n        });\n        // `ids` captures queue changes; `toast`/`presenter` are stable singletons.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ids]);\n\n    return null;\n});\n"],"names":["getToastParams","notification","params","undefined","SimpleLink","showNotification","toast","Icon","ErrorIcon","NotificationsRenderer","observer","presenter","useFeature","NotificationsFeature","useToast","ids","useEffect"],"mappings":";;;;;;AAcA,MAAMA,iBAAiB,CAACC;IACpB,MAAMC,SAA0B;QAC5B,OAAOD,aAAa,KAAK;QACzB,aAAaA,aAAa,WAAW;IACzC;IAEA,IAAIA,AAA0BE,WAA1BF,aAAa,QAAQ,EACrBC,OAAO,QAAQ,GAAGD,aAAa,QAAQ;IAG3C,IAAIA,AAA0BE,WAA1BF,aAAa,QAAQ,EACrBC,OAAO,QAAQ,GAAGD,aAAa,QAAQ;IAG3C,IAAIA,AAA6BE,WAA7BF,aAAa,WAAW,EACxBC,OAAO,WAAW,GAAGD,aAAa,WAAW;IAGjD,IAAIA,aAAa,IAAI,EACjBC,OAAO,OAAO,GAAG,WAAH,GACV,oBAACE,YAAUA;QAAC,IAAIH,aAAa,IAAI,CAAC,GAAG;OAAGA,aAAa,IAAI,CAAC,KAAK;IAIvE,OAAOC;AACX;AAEA,MAAMG,mBAAmB,CAACC,OAAcL;IACpC,MAAMC,SAASF,eAAeC;IAE9B,OAAQA,aAAa,OAAO;QACxB,KAAK;YACDK,MAAM,gBAAgB,CAACJ;YACvB;QACJ,KAAK;YACDI,MAAM,gBAAgB,CAACJ;YACvB;QACJ,KAAK;YACDA,OAAO,IAAI,GAAG,WAAH,GAAG,oBAACK,MAAIA;gBAAC,oBAAM,oBAACC,gBAASA;gBAAK,OAAO;gBAAI,WAAW;;YAC/DF,MAAM,SAAS,CAACJ;YAChB;QACJ;YACII,MAAM,SAAS,CAACJ;IACxB;AACJ;AAMO,MAAMO,wBAAwBC,SAAS;IAC1C,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMP,QAAQQ;IAEd,MAAMC,MAAMJ,UAAU,EAAE,CAAC,aAAa,CAAC,GAAG,CAACV,CAAAA,eAAgBA,aAAa,EAAE,EAAE,IAAI,CAAC;IAEjFe,UAAU;QACNL,UAAU,EAAE,CAAC,aAAa,CAAC,OAAO,CAACV,CAAAA;YAC/BI,iBAAiBC,OAAOL;YACxBU,UAAU,SAAS,CAACV,aAAa,EAAE;QACvC;IAGJ,GAAG;QAACc;KAAI;IAER,OAAO;AACX"}

package/features/notifications/NotificationsRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/features/notifications/NotificationsRenderer.test.js

@@ -0,0 +1,261 @@
+import react_0 from "react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { cleanup, render, screen } from "@testing-library/react";
+import { NotificationsRenderer } from "./NotificationsRenderer.js";
+const mocks = vi.hoisted(()=>({
+        toast: {
+            showToast: vi.fn(),
+            showSuccessToast: vi.fn(),
+            showWarningToast: vi.fn()
+        },
+        presenter: {
+            vm: {
+                notifications: []
+            },
+            markShown: vi.fn()
+        }
+    }));
+vi.mock("@webiny/admin-ui", async ()=>{
+    const react = await import("react");
+    return {
+        useToast: ()=>mocks.toast,
+        Icon: (props)=>react.createElement("span", {
+                "data-testid": "toast-icon",
+                className: props.className
+            })
+    };
+});
+vi.mock("@webiny/app", async ()=>{
+    const react = await import("react");
+    return {
+        useFeature: ()=>({
+                presenter: mocks.presenter
+            }),
+        SimpleLink: (props)=>react.createElement("a", {
+                href: props.to
+            }, props.children)
+    };
+});
+vi.mock("@webiny/icons/error.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+vi.mock("./feature.js", ()=>({
+        NotificationsFeature: {}
+    }));
+const notificationOf = (overrides)=>({
+        id: "notification-1",
+        variant: "default",
+        title: "Title",
+        ...overrides
+    });
+const renderQueue = (notifications)=>{
+    mocks.presenter.vm = {
+        notifications
+    };
+    render(/*#__PURE__*/ react_0.createElement(NotificationsRenderer, null));
+};
+describe("NotificationsRenderer", ()=>{
+    beforeEach(()=>{
+        mocks.toast.showToast.mockReset();
+        mocks.toast.showSuccessToast.mockReset();
+        mocks.toast.showWarningToast.mockReset();
+        mocks.presenter.markShown.mockReset();
+    });
+    afterEach(()=>{
+        cleanup();
+    });
+    describe("a notification without the new fields keeps today's call", ()=>{
+        it("default calls showToast with title and description only", ()=>{
+            renderQueue([
+                notificationOf({
+                    description: "Body"
+                })
+            ]);
+            expect(mocks.toast.showToast).toHaveBeenCalledTimes(1);
+            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: "Body"
+            });
+            expect(mocks.toast.showSuccessToast).not.toHaveBeenCalled();
+            expect(mocks.toast.showWarningToast).not.toHaveBeenCalled();
+            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);
+            expect(mocks.presenter.markShown).toHaveBeenCalledWith("notification-1");
+        });
+        it("default without a description keeps the description key undefined", ()=>{
+            renderQueue([
+                notificationOf({})
+            ]);
+            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: void 0
+            });
+        });
+        it("success calls showSuccessToast with title and description only", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "success",
+                    description: "Body"
+                })
+            ]);
+            expect(mocks.toast.showSuccessToast).toHaveBeenCalledTimes(1);
+            expect(mocks.toast.showSuccessToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: "Body"
+            });
+            expect(mocks.toast.showToast).not.toHaveBeenCalled();
+            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);
+        });
+        it("warning calls showWarningToast with title and description only", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "warning",
+                    description: "Body"
+                })
+            ]);
+            expect(mocks.toast.showWarningToast).toHaveBeenCalledTimes(1);
+            expect(mocks.toast.showWarningToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: "Body"
+            });
+            expect(mocks.toast.showToast).not.toHaveBeenCalled();
+            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe("a notification with the new fields", ()=>{
+        it("passes duration, position and dismissible through", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "success",
+                    description: "Body",
+                    duration: 8000,
+                    position: "bottom-right",
+                    dismissible: true
+                })
+            ]);
+            expect(mocks.toast.showSuccessToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: "Body",
+                duration: 8000,
+                position: "bottom-right",
+                dismissible: true
+            });
+        });
+        it("forwards an explicit dismissible false and a zero duration", ()=>{
+            renderQueue([
+                notificationOf({
+                    dismissible: false,
+                    duration: 0
+                })
+            ]);
+            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: void 0,
+                duration: 0,
+                dismissible: false
+            });
+        });
+        it("passes only the fields that are set", ()=>{
+            renderQueue([
+                notificationOf({
+                    position: "top-center"
+                })
+            ]);
+            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({
+                title: "Title",
+                description: void 0,
+                position: "top-center"
+            });
+        });
+        it("renders the link as an in-app link action", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "success",
+                    link: {
+                        label: "Open Content Reviews",
+                        url: "/cms/content-reviews"
+                    }
+                })
+            ]);
+            const params = mocks.toast.showSuccessToast.mock.calls[0][0];
+            expect(/*#__PURE__*/ react_0.isValidElement(params.actions)).toBe(true);
+            render(/*#__PURE__*/ react_0.createElement("div", null, params.actions));
+            const link = screen.getByRole("link", {
+                name: "Open Content Reviews"
+            });
+            expect(link.getAttribute("href")).toBe("/cms/content-reviews");
+        });
+        it("adds no actions without a link", ()=>{
+            renderQueue([
+                notificationOf({
+                    duration: 8000
+                })
+            ]);
+            expect(mocks.toast.showToast.mock.calls[0][0]).not.toHaveProperty("actions");
+        });
+        it("error calls showToast with the destructive error icon and the other fields", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "error",
+                    description: "Body",
+                    duration: 8000,
+                    position: "bottom-right",
+                    dismissible: true
+                })
+            ]);
+            expect(mocks.toast.showToast).toHaveBeenCalledTimes(1);
+            expect(mocks.toast.showSuccessToast).not.toHaveBeenCalled();
+            expect(mocks.toast.showWarningToast).not.toHaveBeenCalled();
+            const params = mocks.toast.showToast.mock.calls[0][0];
+            expect(params.title).toBe("Title");
+            expect(params.description).toBe("Body");
+            expect(params.duration).toBe(8000);
+            expect(params.position).toBe("bottom-right");
+            expect(params.dismissible).toBe(true);
+            expect(/*#__PURE__*/ react_0.isValidElement(params.icon)).toBe(true);
+            expect(params.icon.props.className).toBe("fill-destructive");
+        });
+        it("error without the new fields still shows through showToast with the icon", ()=>{
+            renderQueue([
+                notificationOf({
+                    variant: "error"
+                })
+            ]);
+            const params = mocks.toast.showToast.mock.calls[0][0];
+            expect(Object.keys(params).sort()).toEqual([
+                "description",
+                "icon",
+                "title"
+            ]);
+        });
+    });
+    it("shows every queued notification oldest first and marks each shown once", ()=>{
+        renderQueue([
+            notificationOf({
+                id: "notification-1",
+                title: "One"
+            }),
+            notificationOf({
+                id: "notification-2",
+                variant: "warning",
+                title: "Two"
+            }),
+            notificationOf({
+                id: "notification-3",
+                variant: "error",
+                title: "Three"
+            })
+        ]);
+        expect(mocks.toast.showToast.mock.calls.map((call)=>call[0].title)).toEqual([
+            "One",
+            "Three"
+        ]);
+        expect(mocks.toast.showWarningToast.mock.calls[0][0].title).toBe("Two");
+        expect(mocks.presenter.markShown.mock.calls.map((call)=>call[0])).toEqual([
+            "notification-1",
+            "notification-2",
+            "notification-3"
+        ]);
+    });
+});
+
+//# sourceMappingURL=NotificationsRenderer.test.js.map

package/features/notifications/NotificationsRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/notifications/NotificationsRenderer.test.js","sources":["../../../src/features/notifications/NotificationsRenderer.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport { beforeEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { NotificationsRenderer } from \"./NotificationsRenderer.js\";\nimport type { INotification } from \"./abstractions.js\";\n\ninterface RendererMocks {\n    toast: {\n        showToast: ReturnType<typeof vi.fn>;\n        showSuccessToast: ReturnType<typeof vi.fn>;\n        showWarningToast: ReturnType<typeof vi.fn>;\n    };\n    presenter: {\n        vm: { notifications: INotification[] };\n        markShown: ReturnType<typeof vi.fn>;\n    };\n}\n\nconst mocks = vi.hoisted((): RendererMocks => {\n    return {\n        toast: {\n            showToast: vi.fn(),\n            showSuccessToast: vi.fn(),\n            showWarningToast: vi.fn()\n        },\n        presenter: {\n            vm: { notifications: [] },\n            markShown: vi.fn()\n        }\n    };\n});\n\nvi.mock(\"@webiny/admin-ui\", async () => {\n    const react = await import(\"react\");\n    return {\n        useToast: () => mocks.toast,\n        Icon: (props: { className?: string }) => {\n            return react.createElement(\"span\", {\n                \"data-testid\": \"toast-icon\",\n                className: props.className\n            });\n        }\n    };\n});\n\nvi.mock(\"@webiny/app\", async () => {\n    const react = await import(\"react\");\n    return {\n        useFeature: () => ({ presenter: mocks.presenter }),\n        SimpleLink: (props: { to: string; children?: React.ReactNode }) => {\n            return react.createElement(\"a\", { href: props.to }, props.children);\n        }\n    };\n});\n\nvi.mock(\"@webiny/icons/error.svg\", () => {\n    return { ReactComponent: () => null };\n});\n\nvi.mock(\"./feature.js\", () => {\n    return { NotificationsFeature: {} };\n});\n\nconst notificationOf = (overrides: Partial<INotification>): INotification => {\n    return { id: \"notification-1\", variant: \"default\", title: \"Title\", ...overrides };\n};\n\nconst renderQueue = (notifications: INotification[]): void => {\n    mocks.presenter.vm = { notifications };\n    render(<NotificationsRenderer />);\n};\n\ndescribe(\"NotificationsRenderer\", () => {\n    beforeEach(() => {\n        mocks.toast.showToast.mockReset();\n        mocks.toast.showSuccessToast.mockReset();\n        mocks.toast.showWarningToast.mockReset();\n        mocks.presenter.markShown.mockReset();\n    });\n\n    afterEach(() => {\n        cleanup();\n    });\n\n    describe(\"a notification without the new fields keeps today's call\", () => {\n        it(\"default calls showToast with title and description only\", () => {\n            renderQueue([notificationOf({ description: \"Body\" })]);\n\n            expect(mocks.toast.showToast).toHaveBeenCalledTimes(1);\n            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: \"Body\"\n            });\n            expect(mocks.toast.showSuccessToast).not.toHaveBeenCalled();\n            expect(mocks.toast.showWarningToast).not.toHaveBeenCalled();\n            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);\n            expect(mocks.presenter.markShown).toHaveBeenCalledWith(\"notification-1\");\n        });\n\n        it(\"default without a description keeps the description key undefined\", () => {\n            renderQueue([notificationOf({})]);\n\n            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: undefined\n            });\n        });\n\n        it(\"success calls showSuccessToast with title and description only\", () => {\n            renderQueue([notificationOf({ variant: \"success\", description: \"Body\" })]);\n\n            expect(mocks.toast.showSuccessToast).toHaveBeenCalledTimes(1);\n            expect(mocks.toast.showSuccessToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: \"Body\"\n            });\n            expect(mocks.toast.showToast).not.toHaveBeenCalled();\n            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);\n        });\n\n        it(\"warning calls showWarningToast with title and description only\", () => {\n            renderQueue([notificationOf({ variant: \"warning\", description: \"Body\" })]);\n\n            expect(mocks.toast.showWarningToast).toHaveBeenCalledTimes(1);\n            expect(mocks.toast.showWarningToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: \"Body\"\n            });\n            expect(mocks.toast.showToast).not.toHaveBeenCalled();\n            expect(mocks.presenter.markShown).toHaveBeenCalledTimes(1);\n        });\n    });\n\n    describe(\"a notification with the new fields\", () => {\n        it(\"passes duration, position and dismissible through\", () => {\n            renderQueue([\n                notificationOf({\n                    variant: \"success\",\n                    description: \"Body\",\n                    duration: 8000,\n                    position: \"bottom-right\",\n                    dismissible: true\n                })\n            ]);\n\n            expect(mocks.toast.showSuccessToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: \"Body\",\n                duration: 8000,\n                position: \"bottom-right\",\n                dismissible: true\n            });\n        });\n\n        it(\"forwards an explicit dismissible false and a zero duration\", () => {\n            renderQueue([notificationOf({ dismissible: false, duration: 0 })]);\n\n            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: undefined,\n                duration: 0,\n                dismissible: false\n            });\n        });\n\n        it(\"passes only the fields that are set\", () => {\n            renderQueue([notificationOf({ position: \"top-center\" })]);\n\n            expect(mocks.toast.showToast.mock.calls[0][0]).toStrictEqual({\n                title: \"Title\",\n                description: undefined,\n                position: \"top-center\"\n            });\n        });\n\n        it(\"renders the link as an in-app link action\", () => {\n            renderQueue([\n                notificationOf({\n                    variant: \"success\",\n                    link: { label: \"Open Content Reviews\", url: \"/cms/content-reviews\" }\n                })\n            ]);\n\n            const params = mocks.toast.showSuccessToast.mock.calls[0][0];\n            expect(React.isValidElement(params.actions)).toBe(true);\n\n            render(<div>{params.actions}</div>);\n\n            const link = screen.getByRole(\"link\", { name: \"Open Content Reviews\" });\n            expect(link.getAttribute(\"href\")).toBe(\"/cms/content-reviews\");\n        });\n\n        it(\"adds no actions without a link\", () => {\n            renderQueue([notificationOf({ duration: 8000 })]);\n\n            expect(mocks.toast.showToast.mock.calls[0][0]).not.toHaveProperty(\"actions\");\n        });\n\n        it(\"error calls showToast with the destructive error icon and the other fields\", () => {\n            renderQueue([\n                notificationOf({\n                    variant: \"error\",\n                    description: \"Body\",\n                    duration: 8000,\n                    position: \"bottom-right\",\n                    dismissible: true\n                })\n            ]);\n\n            expect(mocks.toast.showToast).toHaveBeenCalledTimes(1);\n            expect(mocks.toast.showSuccessToast).not.toHaveBeenCalled();\n            expect(mocks.toast.showWarningToast).not.toHaveBeenCalled();\n\n            const params = mocks.toast.showToast.mock.calls[0][0];\n            expect(params.title).toBe(\"Title\");\n            expect(params.description).toBe(\"Body\");\n            expect(params.duration).toBe(8000);\n            expect(params.position).toBe(\"bottom-right\");\n            expect(params.dismissible).toBe(true);\n            expect(React.isValidElement(params.icon)).toBe(true);\n            expect(params.icon.props.className).toBe(\"fill-destructive\");\n        });\n\n        it(\"error without the new fields still shows through showToast with the icon\", () => {\n            renderQueue([notificationOf({ variant: \"error\" })]);\n\n            const params = mocks.toast.showToast.mock.calls[0][0];\n            expect(Object.keys(params).sort()).toEqual([\"description\", \"icon\", \"title\"]);\n        });\n    });\n\n    it(\"shows every queued notification oldest first and marks each shown once\", () => {\n        renderQueue([\n            notificationOf({ id: \"notification-1\", title: \"One\" }),\n            notificationOf({ id: \"notification-2\", variant: \"warning\", title: \"Two\" }),\n            notificationOf({ id: \"notification-3\", variant: \"error\", title: \"Three\" })\n        ]);\n\n        expect(mocks.toast.showToast.mock.calls.map(call => call[0].title)).toEqual([\n            \"One\",\n            \"Three\"\n        ]);\n        expect(mocks.toast.showWarningToast.mock.calls[0][0].title).toBe(\"Two\");\n        expect(mocks.presenter.markShown.mock.calls.map(call => call[0])).toEqual([\n            \"notification-1\",\n            \"notification-2\",\n            \"notification-3\"\n        ]);\n    });\n});\n"],"names":["mocks","vi","react","props","notificationOf","overrides","renderQueue","notifications","render","NotificationsRenderer","describe","beforeEach","afterEach","cleanup","it","expect","undefined","params","React","link","screen","Object","call"],"mappings":"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"}

package/features/notifications/abstractions.d.ts

@@ -1,7 +1,16 @@
-export type NotificationVariant = "default" | "success" | "warning";
+export type NotificationVariant = "default" | "success" | "warning" | "error";
+export type NotificationPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export interface INotificationLink {
+    label: string;
+    url: string;
+}
 export interface INotificationInput {
     title: string;
     description?: string;
+    link?: INotificationLink;
+    duration?: number;
+    position?: NotificationPosition;
+    dismissible?: boolean;
 }
 export interface INotification extends INotificationInput {
     id: string;
@@ -9,12 +18,14 @@ export interface INotification extends INotificationInput {
 }
 /**
  * App-wide notification queue. Any feature can inject this and call `notify()` / `success()` /
- * `warning()` to surface a notification on screen, without depending on React or the toast UI.
+ * `warning()` / `error()` to surface a notification on screen, without depending on React or the
+ * toast UI.
  */
 export interface INotifications {
     notify(notification: INotificationInput): void;
     success(notification: INotificationInput): void;
     warning(notification: INotificationInput): void;
+    error(notification: INotificationInput): void;
     getNotifications(): INotification[];
     remove(id: string): void;
 }

package/features/notifications/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/notifications/abstractions.js","sources":["../../../src/features/notifications/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type NotificationVariant = \"default\" | \"success\" | \"warning\";\n\nexport interface INotificationInput {\n    title: string;\n    description?: string;\n}\n\nexport interface INotification extends INotificationInput {\n    id: string;\n    variant: NotificationVariant;\n}\n\n/**\n * App-wide notification queue. Any feature can inject this and call `notify()` / `success()` /\n * `warning()` to surface a notification on screen, without depending on React or the toast UI.\n */\nexport interface INotifications {\n    notify(notification: INotificationInput): void;\n    success(notification: INotificationInput): void;\n    warning(notification: INotificationInput): void;\n    getNotifications(): INotification[];\n    remove(id: string): void;\n}\n\nexport const Notifications = createAbstraction<INotifications>(\"Notifications\");\n\nexport namespace Notifications {\n    export type Interface = INotifications;\n}\n\nexport interface INotificationsViewModel {\n    notifications: INotification[];\n}\n\n/**\n * Presents queued notifications (oldest first) to the UI layer, which renders them in order.\n */\nexport interface INotificationsPresenter {\n    readonly vm: INotificationsViewModel;\n    markShown(id: string): void;\n}\n\nexport const NotificationsPresenter =\n    createAbstraction<INotificationsPresenter>(\"NotificationsPresenter\");\n\nexport namespace NotificationsPresenter {\n    export type Interface = INotificationsPresenter;\n}\n"],"names":["Notifications","createAbstraction","NotificationsPresenter"],"mappings":";AA0BO,MAAMA,gBAAgBC,kBAAkC;AAkBxD,MAAMC,yBACTD,kBAA2C"}
+{"version":3,"file":"features/notifications/abstractions.js","sources":["../../../src/features/notifications/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type NotificationVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type NotificationPosition =\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\";\n\nexport interface INotificationLink {\n    label: string;\n    url: string;\n}\n\nexport interface INotificationInput {\n    title: string;\n    description?: string;\n    link?: INotificationLink;\n    duration?: number;\n    position?: NotificationPosition;\n    dismissible?: boolean;\n}\n\nexport interface INotification extends INotificationInput {\n    id: string;\n    variant: NotificationVariant;\n}\n\n/**\n * App-wide notification queue. Any feature can inject this and call `notify()` / `success()` /\n * `warning()` / `error()` to surface a notification on screen, without depending on React or the\n * toast UI.\n */\nexport interface INotifications {\n    notify(notification: INotificationInput): void;\n    success(notification: INotificationInput): void;\n    warning(notification: INotificationInput): void;\n    error(notification: INotificationInput): void;\n    getNotifications(): INotification[];\n    remove(id: string): void;\n}\n\nexport const Notifications = createAbstraction<INotifications>(\"Notifications\");\n\nexport namespace Notifications {\n    export type Interface = INotifications;\n}\n\nexport interface INotificationsViewModel {\n    notifications: INotification[];\n}\n\n/**\n * Presents queued notifications (oldest first) to the UI layer, which renders them in order.\n */\nexport interface INotificationsPresenter {\n    readonly vm: INotificationsViewModel;\n    markShown(id: string): void;\n}\n\nexport const NotificationsPresenter =\n    createAbstraction<INotificationsPresenter>(\"NotificationsPresenter\");\n\nexport namespace NotificationsPresenter {\n    export type Interface = INotificationsPresenter;\n}\n"],"names":["Notifications","createAbstraction","NotificationsPresenter"],"mappings":";AA6CO,MAAMA,gBAAgBC,kBAAkC;AAkBxD,MAAMC,yBACTD,kBAA2C"}

package/features/security/AuthenticationContext/ApiStreamClientDecorator.d.ts

@@ -0,0 +1,22 @@
+import { ApiStreamClient } from "@webiny/app/features/apiStreamClient/index.js";
+import { InternalIdTokenProvider } from "../../../features/security/AuthenticationContext/abstractions.js";
+export declare const WEBINY_AUTHORIZATION_HEADER = "x-webiny-authorization";
+/**
+ * Attaches the admin id token to streaming API requests. Mirrors `GraphQLClientDecorator` — the two
+ * clients are separate abstractions, so neither decorator covers the other.
+ *
+ * Uses `x-webiny-authorization` rather than `Authorization`, because on AWS the streaming route is
+ * served by a Lambda Function URL behind CloudFront with Origin Access Control: OAC signs the request
+ * with SigV4, which occupies the `Authorization` header, so a bearer token there would not survive to
+ * the origin. Both the AWS and the self-hosted identity extractors read this header first.
+ */
+declare class ApiStreamClientWithIdToken implements ApiStreamClient.Interface {
+    private idTokenProvider;
+    private decoratee;
+    constructor(idTokenProvider: InternalIdTokenProvider.Interface, decoratee: ApiStreamClient.Interface);
+    execute(params: ApiStreamClient.Request): Promise<ApiStreamClient.Response>;
+}
+export declare const ApiStreamClientDecorator: typeof ApiStreamClientWithIdToken & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/app/features/apiStreamClient/abstractions").IApiStreamClient>;
+};
+export {};

package/features/security/AuthenticationContext/ApiStreamClientDecorator.js

@@ -0,0 +1,32 @@
+import { ApiStreamClient } from "@webiny/app/features/apiStreamClient/index.js";
+import { InternalIdTokenProvider } from "./abstractions.js";
+const WEBINY_AUTHORIZATION_HEADER = "x-webiny-authorization";
+class ApiStreamClientWithIdToken {
+    constructor(idTokenProvider, decoratee){
+        this.idTokenProvider = idTokenProvider;
+        this.decoratee = decoratee;
+    }
+    async execute(params) {
+        if (params.headers?.[WEBINY_AUTHORIZATION_HEADER]) return this.decoratee.execute(params);
+        const idToken = await this.idTokenProvider.getTokenProvider()();
+        const authHeaders = idToken ? {
+            [WEBINY_AUTHORIZATION_HEADER]: `Bearer ${idToken}`
+        } : {};
+        return this.decoratee.execute({
+            ...params,
+            headers: {
+                ...params.headers,
+                ...authHeaders
+            }
+        });
+    }
+}
+const ApiStreamClientDecorator = ApiStreamClient.createDecorator({
+    decorator: ApiStreamClientWithIdToken,
+    dependencies: [
+        InternalIdTokenProvider
+    ]
+});
+export { ApiStreamClientDecorator, WEBINY_AUTHORIZATION_HEADER };
+
+//# sourceMappingURL=ApiStreamClientDecorator.js.map

package/features/security/AuthenticationContext/ApiStreamClientDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/security/AuthenticationContext/ApiStreamClientDecorator.js","sources":["../../../../src/features/security/AuthenticationContext/ApiStreamClientDecorator.ts"],"sourcesContent":["import { ApiStreamClient } from \"@webiny/app/features/apiStreamClient/index.js\";\nimport { InternalIdTokenProvider } from \"~/features/security/AuthenticationContext/abstractions.js\";\n\nexport const WEBINY_AUTHORIZATION_HEADER = \"x-webiny-authorization\";\n\n/**\n * Attaches the admin id token to streaming API requests. Mirrors `GraphQLClientDecorator` — the two\n * clients are separate abstractions, so neither decorator covers the other.\n *\n * Uses `x-webiny-authorization` rather than `Authorization`, because on AWS the streaming route is\n * served by a Lambda Function URL behind CloudFront with Origin Access Control: OAC signs the request\n * with SigV4, which occupies the `Authorization` header, so a bearer token there would not survive to\n * the origin. Both the AWS and the self-hosted identity extractors read this header first.\n */\nclass ApiStreamClientWithIdToken implements ApiStreamClient.Interface {\n    constructor(\n        private idTokenProvider: InternalIdTokenProvider.Interface,\n        private decoratee: ApiStreamClient.Interface\n    ) {}\n\n    async execute(params: ApiStreamClient.Request): Promise<ApiStreamClient.Response> {\n        if (params.headers?.[WEBINY_AUTHORIZATION_HEADER]) {\n            return this.decoratee.execute(params);\n        }\n\n        const idToken = await this.idTokenProvider.getTokenProvider()();\n\n        const authHeaders = idToken ? { [WEBINY_AUTHORIZATION_HEADER]: `Bearer ${idToken}` } : {};\n\n        return this.decoratee.execute({\n            ...params,\n            headers: { ...params.headers, ...authHeaders }\n        });\n    }\n}\n\nexport const ApiStreamClientDecorator = ApiStreamClient.createDecorator({\n    decorator: ApiStreamClientWithIdToken,\n    dependencies: [InternalIdTokenProvider]\n});\n"],"names":["WEBINY_AUTHORIZATION_HEADER","ApiStreamClientWithIdToken","idTokenProvider","decoratee","params","idToken","authHeaders","ApiStreamClientDecorator","ApiStreamClient","InternalIdTokenProvider"],"mappings":";;AAGO,MAAMA,8BAA8B;AAW3C,MAAMC;IACF,YACYC,eAAkD,EAClDC,SAAoC,CAC9C;aAFUD,eAAe,GAAfA;aACAC,SAAS,GAATA;IACT;IAEH,MAAM,QAAQC,MAA+B,EAAqC;QAC9E,IAAIA,OAAO,OAAO,EAAE,CAACJ,4BAA4B,EAC7C,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAACI;QAGlC,MAAMC,UAAU,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB;QAE3D,MAAMC,cAAcD,UAAU;YAAE,CAACL,4BAA4B,EAAE,CAAC,OAAO,EAAEK,SAAS;QAAC,IAAI,CAAC;QAExF,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1B,GAAGD,MAAM;YACT,SAAS;gBAAE,GAAGA,OAAO,OAAO;gBAAE,GAAGE,WAAW;YAAC;QACjD;IACJ;AACJ;AAEO,MAAMC,2BAA2BC,gBAAgB,eAAe,CAAC;IACpE,WAAWP;IACX,cAAc;QAACQ;KAAwB;AAC3C"}