@servicetitan/notifications 28.5.0 → 29.0.0

package/src/stores/notifications.store.ts

@@ -1,48 +1,48 @@
+import { toast, toastProps } from '@servicetitan/anvil2';
 import { injectable, inject, optional } from '@servicetitan/react-ioc';
-
-import { observable, computed, action, runInAction, comparer, makeObservable } from 'mobx';
-
-import { NotificationsChannel, NOTIFICATIONS_CHANNEL_TOKEN } from '../notifications-channel';
+import { action, runInAction, comparer, makeObservable } from 'mobx';
 
 import {
+    DefaultServerNotificationPayload,
     NotificationsApi,
     Notification as ServerNotification,
-    NotificationProcessStatus,
+    NotificationProcessStatus as ServerNotificationStatus,
 } from '../api/notifications.api';
-
-import {
-    isNewer,
-    Notification,
-    NotificationMapper,
-    toClientNotification,
-    DEFAULT_CLIENT_NOTIFICATION_TYPE,
-    DefaultNotificationOptions,
-} from '../common';
-import { dateFromString } from '../date-from-string';
+import { DefaultNotificationOptions, Notification, Status, isLinkAction, isNewer } from '../common';
+import { NotificationInterceptor } from '../intercept';
+import { NotificationsChannel, NOTIFICATIONS_CHANNEL_TOKEN } from '../notifications-channel';
+import { dateFromString } from '../utils/date-from-string';
 
 const EVENT_NAME = 'NotificationEvent';
+const CLIENT_NOTIFICATION_TYPE = 'ClientNotification';
+const CLIENT_NOTIFICATION_VERSION = 1;
+const DAY_INTERVAL = 24 * 60 * 60 * 1000;
 
 interface ClosedNotification {
-    status: NotificationProcessStatus;
+    status: ServerNotificationStatus;
     timestamp: number;
 }
 
-const DAY_INTERVAL = 24 * 60 * 60 * 1000;
+interface ClientNotification extends Notification<DefaultNotificationOptions> {
+    toastId?: string;
+}
+
+type NavigateCallback = (path: string) => void;
+
+type ToastMethod = 'info' | 'success' | 'warning' | 'danger';
 
 @injectable()
 export class NotificationsStore {
-    static types = new Map<string, NotificationMapper>();
-
-    @observable
-    private innerNotifications = new Map<number, Notification>();
+    static readonly interceptors = new Map<string, NotificationInterceptor>();
 
     private index = -1;
-
     private userId = 0;
-
     private intervalId?: number;
 
-    private closedNotifications = new Map<number, ClosedNotification>();
+    private readonly notifications = new Map<number, ClientNotification>();
+    private readonly closedNotifications = new Map<number, ClosedNotification>();
+
+    #navigate?: NavigateCallback;
 
     constructor(
         @inject(NotificationsApi) @optional() private readonly notificationsApi?: NotificationsApi,
@@ -53,17 +53,24 @@ export class NotificationsStore {
         makeObservable(this);
     }
 
-    static register = (type: string, mapper: NotificationMapper) =>
-        NotificationsStore.types.set(type, mapper);
-
-    @computed get notifications() {
-        return Array.from(this.innerNotifications.values());
+    static intercept(type: string, fn?: NotificationInterceptor) {
+        if (fn) {
+            NotificationsStore.interceptors.set(type, fn);
+        } else {
+            NotificationsStore.interceptors.delete(type);
+        }
     }
 
     private get publisher() {
-        if (this.notificationsChannel) {
-            return this.notificationsChannel();
-        }
+        return this.notificationsChannel?.();
+    }
+
+    get navigate(): NavigateCallback | undefined {
+        return this.#navigate;
+    }
+
+    set navigate(fn: NavigateCallback) {
+        this.#navigate = fn;
     }
 
     initialize = async (userId: number) => {
@@ -98,33 +105,38 @@ export class NotificationsStore {
 
     @action
     add = (options: DefaultNotificationOptions, preventDuplicates?: boolean) => {
-        const notification = {
+        const notification: ClientNotification = {
             id: this.index,
             userId: this.userId,
-            type: DEFAULT_CLIENT_NOTIFICATION_TYPE,
-            status: NotificationProcessStatus.Info,
+            type: CLIENT_NOTIFICATION_TYPE,
+            status: ServerNotificationStatus.Info,
             isRead: false,
             createdOn: new Date(),
             modifiedOn: new Date(),
-            version: NotificationProcessStatus.Info,
-            payload: options,
+            version: CLIENT_NOTIFICATION_VERSION,
+            payload: { ...options },
         };
 
-        if (
-            !preventDuplicates ||
-            !this.notifications.some(
-                n => n.id < 0 && comparer.structural(n.payload, notification.payload)
-            )
-        ) {
-            this.innerNotifications.set(notification.id, notification);
-            this.index -= 1;
+        if (preventDuplicates) {
+            if (
+                [...this.notifications.values()].some(({ payload }) =>
+                    comparer.structural(payload, notification.payload)
+                )
+            ) {
+                return;
+            }
+            this.notifications.set(notification.id, notification);
         }
+
+        const method = this.getToastMethod(notification);
+        notification.toastId = toast[method](this.getToastProps(notification));
+        this.index -= 1;
     };
 
     @action
     read = (notification: Notification) => {
         if (notification.id > 0) {
-            if (notification.status === NotificationProcessStatus.InProgress) {
+            if (notification.status === ServerNotificationStatus.InProgress) {
                 this.closedNotifications.set(notification.id, {
                     status: notification.status,
                     timestamp: Date.now(),
@@ -140,16 +152,15 @@ export class NotificationsStore {
             }
         }
 
-        this.innerNotifications.delete(notification.id);
+        this.notifications.delete(notification.id);
     };
 
     @action
-    private onPublisherEvent = (notification: ServerNotification) => {
+    private readonly onPublisherEvent = (notification: ServerNotification) => {
         if (notification.userId !== this.userId) {
             return;
         }
 
-        // FIXME: FAR-385
         this.updateIfNewer({
             ...notification,
             createdOn: dateFromString(notification.createdOn),
@@ -166,9 +177,7 @@ export class NotificationsStore {
     }
 
     private updateIfNewer(notification: ServerNotification) {
-        const existing = this.innerNotifications.get(notification.id);
         const closed = this.closedNotifications.get(notification.id);
-
         if (closed) {
             if (closed.status === notification.status) {
                 return;
@@ -177,8 +186,124 @@ export class NotificationsStore {
             this.closedNotifications.delete(notification.id);
         }
 
-        if (!existing || isNewer(existing, notification)) {
-            this.innerNotifications.set(notification.id, toClientNotification(notification));
+        const clientNotification = this.toClientNotification(notification);
+        if (!clientNotification) {
+            return;
+        }
+
+        const existing = this.notifications.get(notification.id);
+        if (existing) {
+            if (!isNewer(existing, notification)) {
+                return;
+            }
+            if (
+                notification.status === existing.status ||
+                notification.status === ServerNotificationStatus.InProgress
+            ) {
+                toast.update(existing.toastId!, this.getToastProps(clientNotification));
+                return;
+            }
+            toast.dismiss(existing.toastId);
+        }
+
+        const method = this.getToastMethod(clientNotification);
+        clientNotification.toastId = toast[method](this.getToastProps(clientNotification));
+        this.notifications.set(notification.id, clientNotification);
+    }
+
+    private getToastMethod({ payload: { status } }: ClientNotification): ToastMethod {
+        switch (status) {
+            case Status.Success:
+                return 'success';
+            case Status.Error:
+                return 'danger';
+            case Status.Warning:
+                return 'warning';
+            default:
+                return 'info';
+        }
+    }
+
+    private getToastProps(notification: ClientNotification): toastProps {
+        const { action, duration, message = '', progress, title } = notification.payload;
+        return {
+            actions: this.getToastActions(notification),
+            duration: action ? false : duration,
+            message,
+            onClose: () => this.handleClose(notification),
+            progress,
+            title,
+        };
+    }
+
+    private getToastActions(notification: ClientNotification): toastProps['actions'] | undefined {
+        const { action } = notification.payload;
+        if (!action) {
+            return;
+        }
+
+        return {
+            primary: {
+                label: action.label,
+                onClick: () => this.handleClick(notification),
+            },
+        };
+    }
+
+    private handleClick({ payload: { action }, toastId }: ClientNotification) {
+        if (action) {
+            if (isLinkAction(action)) {
+                if (action.external) {
+                    window.open(action.link);
+                } else {
+                    this.navigate?.(action.link);
+                }
+            } else {
+                action.onClick();
+            }
+        }
+
+        toast.dismiss(toastId);
+    }
+
+    private handleClose(notification: Notification) {
+        this.read(notification);
+    }
+
+    private toClientNotification(
+        serverNotification: ServerNotification
+    ): ClientNotification | undefined {
+        const result: Notification<DefaultServerNotificationPayload> = {
+            ...serverNotification,
+            payload: {
+                ...JSON.parse(serverNotification.payload ?? '{}'),
+                status: this.toClientStatus(serverNotification.status),
+            },
+        };
+
+        const interceptor = NotificationsStore.interceptors.get(serverNotification.type);
+        if (!interceptor) {
+            return result;
+        }
+
+        const dismiss = () => {
+            const toastId = this.notifications.get(result.id)?.toastId;
+            if (toastId) {
+                toast.dismiss(toastId);
+            }
+        };
+
+        return interceptor(result, dismiss);
+    }
+
+    private toClientStatus(status: ServerNotificationStatus) {
+        switch (status) {
+            case ServerNotificationStatus.Success:
+                return Status.Success;
+            case ServerNotificationStatus.Failure:
+                return Status.Error;
+            default:
+                return Status.Info;
         }
     }
 }

package/src/utils/__tests__/date-from-string.test.ts

@@ -0,0 +1,53 @@
+import { dateFromString } from '../date-from-string';
+
+describe(dateFromString.name, () => {
+    let value: string | Date;
+
+    const subject = () => dateFromString(value);
+
+    describe('with Date value', () => {
+        beforeEach(() => (value = new Date()));
+
+        test('returns value', () => {
+            expect(subject()).toBe(value);
+        });
+    });
+
+    describe('with a ISO date string', () => {
+        const date = new Date(2025, 1, 3, 14, 15, 9, 265);
+
+        beforeEach(() => (value = date.toISOString()));
+
+        test('converts string to date', () => {
+            expect(subject()).toEqual(date);
+        });
+    });
+
+    describe('with a .NET date string', () => {
+        const now = Date.now();
+
+        beforeEach(() => (value = `/Date(${now})/`));
+
+        function itConvertsStringToDate() {
+            test('converts string to date', () => {
+                expect(subject()).toEqual(new Date(now));
+            });
+        }
+
+        itConvertsStringToDate();
+
+        describe('when date has optional local offset', () => {
+            beforeEach(() => (value = `/Date(${now}-0500)/`));
+
+            itConvertsStringToDate();
+        });
+    });
+
+    describe('with unrecognized value', () => {
+        beforeEach(() => (value = 'foo'));
+
+        test('throws error', () => {
+            expect(subject).toThrow('Incorrect date format');
+        });
+    });
+});

package/src/utils/__tests__/use-compatible-navigate.test.ts

@@ -0,0 +1,43 @@
+import { renderHook } from '@testing-library/react';
+import * as ReactRouterDOM from 'react-router-dom';
+
+import { useCompatibleNavigate } from '../use-compatible-navigate';
+
+jest.mock('react-router-dom', () => ({
+    useHistory: jest.fn(),
+    useNavigate: jest.fn(),
+}));
+
+describe(useCompatibleNavigate.name, () => {
+    const subject = () => renderHook(() => useCompatibleNavigate());
+
+    describe('when useNavigate exists', () => {
+        const navigate = jest.fn();
+
+        beforeEach(() =>
+            jest.mocked((ReactRouterDOM as any).useNavigate).mockReturnValue(navigate)
+        );
+
+        test('returns useNavigate result', () => {
+            const {
+                result: { current: value },
+            } = subject();
+
+            expect(value).toBe(navigate);
+        });
+
+        describe('when useHistory exists', () => {
+            const history: any = { push: jest.fn() };
+
+            beforeEach(() => jest.mocked(ReactRouterDOM.useHistory).mockReturnValue(history));
+
+            test('returns history.push', () => {
+                const {
+                    result: { current: value },
+                } = subject();
+
+                expect(value).toBe(history.push);
+            });
+        });
+    });
+});

package/src/utils/date-from-string.ts

@@ -0,0 +1,22 @@
+const dateISO = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:[.,]\d+)?Z?$/i;
+const dateNet = /\/Date\((-?\d+)(?:[+-]\d+)?\)\//i;
+
+export function dateFromString(date: string | Date) {
+    if (typeof date === 'object') {
+        return date;
+    }
+
+    if (dateISO.test(date)) {
+        const d = date.split(/\D+/).map(s => +s);
+        return new Date(Date.UTC(d[0], --d[1], d[2], d[3], d[4], d[5], d[6]));
+    }
+
+    if (dateNet.test(date)) {
+        const parsedDate = dateNet.exec(date);
+        if (parsedDate !== null) {
+            return new Date(parseInt(parsedDate[1], 10));
+        }
+    }
+
+    throw new Error('Incorrect date format');
+}

package/dist/components/__tests__/container.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=container.test.d.ts.map

package/dist/components/__tests__/container.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.test.d.ts","sourceRoot":"","sources":["../../../src/components/__tests__/container.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/components/__tests__/container.test.js

@@ -1,59 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import '@testing-library/jest-dom';
-import { render, waitFor, within } from '@testing-library/react';
-import { Container } from '../container';
-describe('[notifications] Container', () => {
-    beforeEach(() => {
-        var _a;
-        (_a = document.getElementById('servicetitan-notifications')) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    const subject = (children) => {
-        return render(_jsx(Container, { children: children }));
-    };
-    test('renders #servicetitan-notifications.initialized > .ToastGroup', () => __awaiter(void 0, void 0, void 0, function* () {
-        subject();
-        yield waitFor(() => expect(document.querySelectorAll('#servicetitan-notifications.initialized > .ToastGroup')).toHaveLength(1));
-    }));
-    test('renders children within .ToastGroup', () => __awaiter(void 0, void 0, void 0, function* () {
-        subject(_jsx("button", { children: "Foo" }));
-        yield waitFor(() => {
-            expect(within(document.querySelector('#servicetitan-notifications.initialized > .ToastGroup')).getByRole('button', { name: 'Foo' })).toBeInTheDocument();
-        });
-    }));
-    describe('when #servicetitan-notifications already exists', () => {
-        let container;
-        beforeEach(() => {
-            container = document.createElement('div');
-            container.setAttribute('id', 'servicetitan-notifications');
-            document.body.appendChild(container);
-        });
-        test('creates .ToastGroup within existing container', () => __awaiter(void 0, void 0, void 0, function* () {
-            subject();
-            yield waitFor(() => {
-                expect(container.querySelectorAll('.ToastGroup')).toHaveLength(1);
-            });
-        }));
-        describe('when .ToastGroup already exists', () => {
-            let toastGroup;
-            beforeEach(() => {
-                toastGroup = document.createElement('div');
-                toastGroup.classList.add('ToastGroup');
-                container.appendChild(toastGroup);
-            });
-            test('renders children inside existing ToastGroup', () => {
-                subject(_jsx("button", { children: "Baz" }));
-                expect(within(toastGroup).getByRole('button', { name: 'Baz' })).toBeInTheDocument();
-            });
-        });
-    });
-});
-//# sourceMappingURL=container.test.js.map

package/dist/components/__tests__/container.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.test.js","sourceRoot":"","sources":["../../../src/components/__tests__/container.test.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACvC,UAAU,CAAC,GAAG,EAAE;;QACZ,MAAA,QAAQ,CAAC,cAAc,CAAC,4BAA4B,CAAC,0CAAE,MAAM,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,QAAoB,EAAE,EAAE;QACrC,OAAO,MAAM,CAAC,KAAC,SAAS,cAAE,QAAQ,GAAa,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,IAAI,CAAC,+DAA+D,EAAE,GAAS,EAAE;QAC7E,OAAO,EAAE,CAAC;QAEV,MAAM,OAAO,CAAC,GAAG,EAAE,CACf,MAAM,CACF,QAAQ,CAAC,gBAAgB,CAAC,uDAAuD,CAAC,CACrF,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,CAAC;IACN,CAAC,CAAA,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAS,EAAE;QACnD,OAAO,CAAC,mCAAoB,CAAC,CAAC;QAE9B,MAAM,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CACF,MAAM,CACF,QAAQ,CAAC,aAAa,CAAC,uDAAuD,CAAE,CACnF,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CACzC,CAAC,iBAAiB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;IACP,CAAC,CAAA,CAAC,CAAC;IAEH,QAAQ,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC7D,IAAI,SAAsB,CAAC;QAE3B,UAAU,CAAC,GAAG,EAAE;YACZ,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,4BAA4B,CAAC,CAAC;YAC3D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,+CAA+C,EAAE,GAAS,EAAE;YAC7D,OAAO,EAAE,CAAC;YAEV,MAAM,OAAO,CAAC,GAAG,EAAE;gBACf,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACP,CAAC,CAAA,CAAC,CAAC;QAEH,QAAQ,CAAC,iCAAiC,EAAE,GAAG,EAAE;YAC7C,IAAI,UAAuB,CAAC;YAE5B,UAAU,CAAC,GAAG,EAAE;gBACZ,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC3C,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACvC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;gBACrD,OAAO,CAAC,mCAAoB,CAAC,CAAC;gBAE9B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACxF,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/container.d.ts

@@ -1,3 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const Container: FC<PropsWithChildren>;
-//# sourceMappingURL=container.d.ts.map

package/dist/components/container.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAK7E,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAwB3C,CAAC"}

package/dist/components/container.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast } from '@servicetitan/design-system';
-import { Fragment, useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { createElement } from '../create-element';
-export const Container = ({ children }) => {
-    const [container] = useState(() => {
-        var _a;
-        return ((_a = document.getElementById('servicetitan-notifications')) !== null && _a !== void 0 ? _a : document.body.appendChild(createElement('div', { id: 'servicetitan-notifications' })));
-    });
-    const [toastGroup, setToastGroup] = useState(() => findToastGroup(container));
-    const [foundGroup] = useState(() => !!toastGroup);
-    useEffect(() => {
-        if (!toastGroup) {
-            setToastGroup(findToastGroup(container));
-            // This stops old code running in MFE from rendering duplicate Toast.Group
-            container.classList.add('initialized');
-        }
-    }, [container, toastGroup]);
-    return (_jsxs(Fragment, { children: [foundGroup ? null : _jsx(Toast.Group, { portal: container }), toastGroup ? createPortal(children, toastGroup) : null] }));
-};
-function findToastGroup(parent) {
-    var _a;
-    return (_a = parent.getElementsByClassName('ToastGroup')[0]) !== null && _a !== void 0 ? _a : null;
-}
-//# sourceMappingURL=container.js.map

package/dist/components/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAM,QAAQ,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,SAAS,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7D,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;;QAC9B,OAAO,CACH,MAAA,QAAQ,CAAC,cAAc,CAAC,4BAA4B,CAAC,mCACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,4BAA4B,EAAE,CAAC,CAAC,CACxF,CAAC;IACN,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9E,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,aAAa,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;YACzC,0EAA0E;YAC1E,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,OAAO,CACH,MAAC,QAAQ,eACJ,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,KAAK,CAAC,KAAK,IAAC,MAAM,EAAE,SAAS,GAAI,EACtD,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,IAChD,CACd,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,MAAmB;;IACvC,OAAO,MAAA,MAAM,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC;AAClE,CAAC"}

package/dist/components/default-notification.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { DefaultNotificationOptions } from '../common';
-export interface DefaultNotificationProps extends DefaultNotificationOptions {
-    onClose(): void;
-}
-export declare const DefaultNotification: FC<DefaultNotificationProps>;
-//# sourceMappingURL=default-notification.d.ts.map

package/dist/components/default-notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-notification.d.ts","sourceRoot":"","sources":["../../src/components/default-notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAAE,0BAA0B,EAAwB,MAAM,WAAW,CAAC;AAI7E,MAAM,WAAW,wBAAyB,SAAQ,0BAA0B;IACxE,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA6C5D,CAAC"}

package/dist/components/default-notification.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast, ProgressBar } from '@servicetitan/design-system';
-import { useCompatibleNavigate } from '../utils/use-compatible-navigate';
-import { Status, isLinkAction } from '../common';
-import * as Styles from './default-notification.module.css';
-export const DefaultNotification = ({ status = Status.Info, title, message, duration, progress, action, onClose, }) => {
-    const navigate = useCompatibleNavigate();
-    const handleActionClick = () => {
-        if (action) {
-            if (isLinkAction(action)) {
-                if (action.external) {
-                    window.open(action.link);
-                }
-                else {
-                    navigate(action.link);
-                }
-            }
-            else {
-                action.onClick();
-            }
-        }
-        onClose();
-    };
-    return (_jsxs(Toast, { portal: false, status: status, title: title, duration: duration, primaryActionName: action === null || action === void 0 ? void 0 : action.label, onPrimaryActionClick: handleActionClick, className: Styles.defaultNotification, onClose: onClose, children: [_jsx("div", { className: Styles.message, children: message }), progress != null && (_jsx(ProgressBar, { progress: progress, small: true, blue: true, className: message && 'm-t-1' }))] }));
-};
-//# sourceMappingURL=default-notification.js.map

package/dist/components/default-notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-notification.js","sourceRoot":"","sources":["../../src/components/default-notification.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAA8B,MAAM,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE7E,OAAO,KAAK,MAAM,MAAM,mCAAmC,CAAC;AAM5D,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAC9D,MAAM,GAAG,MAAM,CAAC,IAAI,EACpB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACV,EAAE,EAAE;IACD,MAAM,QAAQ,GAAG,qBAAqB,EAAE,CAAC;IAEzC,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC3B,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvB,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;oBAClB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;qBAAM,CAAC;oBACJ,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC1B,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,MAAM,CAAC,OAAO,EAAE,CAAC;YACrB,CAAC;QACL,CAAC;QAED,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,IACF,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAChC,oBAAoB,EAAE,iBAAiB,EACvC,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,OAAO,EAAE,OAAO,aAEhB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,EAE9C,QAAQ,IAAI,IAAI,IAAI,CACjB,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,QAAC,IAAI,QAAC,SAAS,EAAE,OAAO,IAAI,OAAO,GAAI,CAChF,IACG,CACX,CAAC;AACN,CAAC,CAAC"}

package/dist/components/default-notification.module.css

@@ -1,3 +0,0 @@
-.default-notification .message {
-    white-space: pre-line;
-}

package/dist/components/no-ssr.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const NoSSR: ({ children }: {
-    children: JSX.Element;
-}) => JSX.Element | null;
-//# sourceMappingURL=no-ssr.d.ts.map

package/dist/components/no-ssr.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-ssr.d.ts","sourceRoot":"","sources":["../../src/components/no-ssr.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,KAAK,iBAAkB;IAAE,QAAQ,EAAE,WAAW,CAAA;CAAE,uBAQ5D,CAAC"}

package/dist/components/no-ssr.js

@@ -1,9 +0,0 @@
-import { useState, useEffect } from 'react';
-export const NoSSR = ({ children }) => {
-    const [isMounted, setIsMounted] = useState(false);
-    useEffect(() => {
-        setIsMounted(true);
-    }, []);
-    return isMounted ? children : null;
-};
-//# sourceMappingURL=no-ssr.js.map

package/dist/components/no-ssr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-ssr.js","sourceRoot":"","sources":["../../src/components/no-ssr.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAA6B,EAAE,EAAE;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACX,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AACvC,CAAC,CAAC"}

package/dist/components/notifications-unwrapped.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-export declare const NotificationsUnwrapped: FC;
-//# sourceMappingURL=notifications-unwrapped.d.ts.map

package/dist/components/notifications-unwrapped.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications-unwrapped.d.ts","sourceRoot":"","sources":["../../src/components/notifications-unwrapped.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAatC,eAAO,MAAM,sBAAsB,EAAE,EAqCnC,CAAC"}

package/dist/components/notifications-unwrapped.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useDependencies, useOptionalDependencies } from '@servicetitan/react-ioc';
-import { IS_WEB_COMPONENT_TOKEN } from '@servicetitan/web-components';
-import { observer } from 'mobx-react';
-import { NotificationsStore } from '../stores/notifications.store';
-import { ShadowDOM } from './shadow-dom';
-import { Container } from './container';
-import { NoSSR } from './no-ssr';
-export const NotificationsUnwrapped = observer(() => {
-    const [isWebComponent] = useOptionalDependencies(IS_WEB_COMPONENT_TOKEN);
-    const [store] = useDependencies(NotificationsStore);
-    useEffect(() => {
-        return () => store.dispose();
-    }, [store]);
-    return (_jsx(NoSSR, { children: _jsx(Container, { children: store.notifications.map(notification => {
-                const Component = NotificationsStore.types.get(notification.type);
-                if (!Component) {
-                    return null;
-                }
-                const handleClose = () => {
-                    store.read(notification);
-                };
-                return isWebComponent ? (_jsx(ShadowDOM, { children: _jsx(Component, { notification: notification, onClose: handleClose }) }, `${notification.id}_${notification.status}`)) : (_jsx(Component, { notification: notification, onClose: handleClose }, `${notification.id}_${notification.status}`));
-            }) }) }));
-});
-//# sourceMappingURL=notifications-unwrapped.js.map