@servicetitan/notifications 28.5.0 → 29.0.0

package/dist/components/notifications-unwrapped.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notifications-unwrapped.js","sourceRoot":"","sources":["../../src/components/notifications-unwrapped.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAM,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,CAAC,MAAM,sBAAsB,GAAO,QAAQ,CAAC,GAAG,EAAE;IACpD,MAAM,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,KAAK,cACF,KAAC,SAAS,cACL,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;gBACpC,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAElE,IAAI,CAAC,SAAS,EAAE,CAAC;oBACb,OAAO,IAAI,CAAC;gBAChB,CAAC;gBAED,MAAM,WAAW,GAAG,GAAG,EAAE;oBACrB,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC7B,CAAC,CAAC;gBAEF,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB,KAAC,SAAS,cACN,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,GAAI,IADnD,GAAG,YAAY,CAAC,EAAE,IAAI,YAAY,CAAC,MAAM,EAAE,CAE/C,CACf,CAAC,CAAC,CAAC,CACA,KAAC,SAAS,IAEN,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,IAFf,GAAG,YAAY,CAAC,EAAE,IAAI,YAAY,CAAC,MAAM,EAAE,CAGlD,CACL,CAAC;YACN,CAAC,CAAC,GACM,GACR,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/shadow-dom.d.ts

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

package/dist/components/shadow-dom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow-dom.d.ts","sourceRoot":"","sources":["../../src/components/shadow-dom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAmBxD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAiC3C,CAAC"}

package/dist/components/shadow-dom.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { createPortal } from 'react-dom';
-import retargetEvents from 'react-shadow-dom-retarget-events';
-import { useStyleSheets } from './use-style-sheets';
-function createLink(url, onLoad) {
-    const element = document.createElement('link');
-    element.href = url;
-    element.rel = 'stylesheet';
-    element.crossOrigin = 'anonymous';
-    element.onload = onLoad;
-    element.onerror = onLoad;
-    return element;
-}
-export const ShadowDOM = ({ children }) => {
-    const [target, setTarget] = useState(null);
-    const [loaded, setLoaded] = useState(false);
-    const styleSheets = useStyleSheets();
-    const handleRef = (element) => {
-        if (!element || target) {
-            return;
-        }
-        let stylesCount = 0;
-        let stylesLoaded = 0;
-        const root = element.attachShadow({ mode: 'open' });
-        const handleLoad = () => {
-            stylesLoaded++;
-            if (stylesLoaded === stylesCount) {
-                setLoaded(true);
-            }
-        };
-        for (const url of styleSheets) {
-            root.append(createLink(url, handleLoad));
-            stylesCount++;
-        }
-        retargetEvents(root);
-        setTarget(root.appendChild(document.createElement('div')));
-    };
-    return _jsx("div", { ref: handleRef, children: target && loaded ? createPortal(children, target) : null });
-};
-//# sourceMappingURL=shadow-dom.js.map

package/dist/components/shadow-dom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow-dom.js","sourceRoot":"","sources":["../../src/components/shadow-dom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAyB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,SAAS,UAAU,CAAC,GAAW,EAAE,MAAkB;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/C,OAAO,CAAC,IAAI,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,GAAG,GAAG,YAAY,CAAC;IAC3B,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;IAClC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC;IAEzB,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,SAAS,GAAG,CAAC,OAA8B,EAAE,EAAE;QACjD,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC;YACrB,OAAO;QACX,CAAC;QAED,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,MAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAEpD,MAAM,UAAU,GAAG,GAAG,EAAE;YACpB,YAAY,EAAE,CAAC;YAEf,IAAI,YAAY,KAAK,WAAW,EAAE,CAAC;gBAC/B,SAAS,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC5B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;YACzC,WAAW,EAAE,CAAC;QAClB,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,cAAK,GAAG,EAAE,SAAS,YAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAO,CAAC;AACjG,CAAC,CAAC"}

package/dist/components/use-style-sheets.d.ts

@@ -1,2 +0,0 @@
-export declare const useStyleSheets: () => string[];
-//# sourceMappingURL=use-style-sheets.d.ts.map

package/dist/components/use-style-sheets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-style-sheets.d.ts","sourceRoot":"","sources":["../../src/components/use-style-sheets.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,gBAc1B,CAAC"}

package/dist/components/use-style-sheets.js

@@ -1,15 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { DefaultPortalContext } from '@servicetitan/design-system';
-export const useStyleSheets = () => {
-    const defaultPortal = useContext(DefaultPortalContext);
-    return useMemo(() => {
-        const styleSheets = [];
-        for (const element of Array.from(defaultPortal.children)) {
-            if (element.tagName.toLowerCase() === 'link') {
-                styleSheets.push(element.href);
-            }
-        }
-        return styleSheets;
-    }, [defaultPortal]);
-};
-//# sourceMappingURL=use-style-sheets.js.map

package/dist/components/use-style-sheets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-style-sheets.js","sourceRoot":"","sources":["../../src/components/use-style-sheets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC/B,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,MAAM,WAAW,GAAa,EAAE,CAAC;QAEjC,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvD,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;gBAC3C,WAAW,CAAC,IAAI,CAAE,OAA2B,CAAC,IAAI,CAAC,CAAC;YACxD,CAAC;QACL,CAAC;QAED,OAAO,WAAW,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC"}

package/dist/create-element.d.ts

@@ -1,2 +0,0 @@
-export declare const createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, attributes: Record<string, string>) => HTMLElementTagNameMap[K];
-//# sourceMappingURL=create-element.d.ts.map

package/dist/create-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-element.d.ts","sourceRoot":"","sources":["../src/create-element.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,mDACb,CAAC,cACE,OAAO,MAAM,EAAE,MAAM,CAAC,6BASrC,CAAC"}

package/dist/create-element.js

@@ -1,8 +0,0 @@
-export const createElement = (tagName, attributes) => {
-    const element = document.createElement(tagName);
-    for (const [qualifiedName, value] of Object.entries(attributes)) {
-        element.setAttribute(qualifiedName, value);
-    }
-    return element;
-};
-//# sourceMappingURL=create-element.js.map

package/dist/create-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-element.js","sourceRoot":"","sources":["../src/create-element.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,OAAU,EACV,UAAkC,EACpC,EAAE;IACA,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEhD,KAAK,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAC9D,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/dist/date-from-string.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-from-string.d.ts","sourceRoot":"","sources":["../src/date-from-string.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,QAyBjD"}

package/dist/date-from-string.js

@@ -1,27 +0,0 @@
-const dateISO = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:[.,]\d+)?Z?$/i;
-const dateISOMilliseconds = /[.,](\d+)/i;
-const dateNet = /\/Date\((-?\d+)(?:-\d+)?\)\//i;
-export function dateFromString(date) {
-    if (typeof date === 'object') {
-        return date;
-    }
-    if (dateISO.test(date)) {
-        const ms = dateISOMilliseconds.exec(date);
-        const fixedValue = date.replace(dateISOMilliseconds, '');
-        const result = new Date(fixedValue);
-        if (ms !== null) {
-            let millisecond = parseInt(ms[1].substr(0, 3), 10);
-            millisecond = isNaN(millisecond) ? 0 : millisecond;
-            result.setMilliseconds(millisecond);
-        }
-        return result;
-    }
-    if (dateNet.test(date)) {
-        const parsedDate = dateNet.exec(date);
-        if (parsedDate !== null) {
-            return new Date(parseInt(parsedDate[1], 10));
-        }
-    }
-    throw 'Incorrect date format';
-}
-//# sourceMappingURL=date-from-string.js.map

package/dist/date-from-string.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-from-string.js","sourceRoot":"","sources":["../src/date-from-string.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,sDAAsD,CAAC;AACvE,MAAM,mBAAmB,GAAG,YAAY,CAAC;AACzC,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAEhD,MAAM,UAAU,cAAc,CAAC,IAAmB;IAC9C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACrB,MAAM,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;YACd,IAAI,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACnD,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACnD,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACrB,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YACtB,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QACjD,CAAC;IACL,CAAC;IAED,MAAM,uBAAuB,CAAC;AAClC,CAAC"}

package/dist/register.d.ts

@@ -1,3 +0,0 @@
-import { NotificationMapper } from './common';
-export declare function register(type: string, mapper: NotificationMapper): void;
-//# sourceMappingURL=register.d.ts.map

package/dist/register.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,QAEhE"}

package/dist/register.js

@@ -1,5 +0,0 @@
-import { NotificationsStore } from './stores/notifications.store';
-export function register(type, mapper) {
-    NotificationsStore.register(type, mapper);
-}
-//# sourceMappingURL=register.js.map

package/dist/register.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,MAA0B;IAC7D,kBAAkB,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC9C,CAAC"}

package/src/components/__tests__/container.test.tsx

@@ -1,71 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, waitFor, within } from '@testing-library/react';
-import { ReactNode } from 'react';
-
-import { Container } from '../container';
-
-describe('[notifications] Container', () => {
-    beforeEach(() => {
-        document.getElementById('servicetitan-notifications')?.remove();
-    });
-
-    const subject = (children?: ReactNode) => {
-        return render(<Container>{children}</Container>);
-    };
-
-    test('renders #servicetitan-notifications.initialized > .ToastGroup', async () => {
-        subject();
-
-        await waitFor(() =>
-            expect(
-                document.querySelectorAll('#servicetitan-notifications.initialized > .ToastGroup')
-            ).toHaveLength(1)
-        );
-    });
-
-    test('renders children within .ToastGroup', async () => {
-        subject(<button>Foo</button>);
-
-        await waitFor(() => {
-            expect(
-                within(
-                    document.querySelector('#servicetitan-notifications.initialized > .ToastGroup')!
-                ).getByRole('button', { name: 'Foo' })
-            ).toBeInTheDocument();
-        });
-    });
-
-    describe('when #servicetitan-notifications already exists', () => {
-        let container: HTMLElement;
-
-        beforeEach(() => {
-            container = document.createElement('div');
-            container.setAttribute('id', 'servicetitan-notifications');
-            document.body.appendChild(container);
-        });
-
-        test('creates .ToastGroup within existing container', async () => {
-            subject();
-
-            await waitFor(() => {
-                expect(container.querySelectorAll('.ToastGroup')).toHaveLength(1);
-            });
-        });
-
-        describe('when .ToastGroup already exists', () => {
-            let toastGroup: HTMLElement;
-
-            beforeEach(() => {
-                toastGroup = document.createElement('div');
-                toastGroup.classList.add('ToastGroup');
-                container.appendChild(toastGroup);
-            });
-
-            test('renders children inside existing ToastGroup', () => {
-                subject(<button>Baz</button>);
-
-                expect(within(toastGroup).getByRole('button', { name: 'Baz' })).toBeInTheDocument();
-            });
-        });
-    });
-});

package/src/components/container.tsx

@@ -1,35 +0,0 @@
-import { Toast } from '@servicetitan/design-system';
-import { FC, Fragment, PropsWithChildren, useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
-
-import { createElement } from '../create-element';
-
-export const Container: FC<PropsWithChildren> = ({ children }) => {
-    const [container] = useState(() => {
-        return (
-            document.getElementById('servicetitan-notifications') ??
-            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 (
-        <Fragment>
-            {foundGroup ? null : <Toast.Group portal={container} />}
-            {toastGroup ? createPortal(children, toastGroup) : null}
-        </Fragment>
-    );
-};
-
-function findToastGroup(parent: HTMLElement) {
-    return parent.getElementsByClassName('ToastGroup')[0] ?? null;
-}

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

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

package/src/components/default-notification.module.css.d.ts

@@ -1,4 +0,0 @@
-export const __esModule: true;
-export const defaultNotification: string;
-export const message: string;
-

package/src/components/default-notification.tsx

@@ -1,59 +0,0 @@
-import { FC } from 'react';
-
-import { Toast, ProgressBar } from '@servicetitan/design-system';
-
-import { useCompatibleNavigate } from '../utils/use-compatible-navigate';
-import { DefaultNotificationOptions, Status, isLinkAction } from '../common';
-
-import * as Styles from './default-notification.module.css';
-
-export interface DefaultNotificationProps extends DefaultNotificationOptions {
-    onClose(): void;
-}
-
-export const DefaultNotification: FC<DefaultNotificationProps> = ({
-    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 (
-        <Toast
-            portal={false}
-            status={status}
-            title={title}
-            duration={duration}
-            primaryActionName={action?.label}
-            onPrimaryActionClick={handleActionClick}
-            className={Styles.defaultNotification}
-            onClose={onClose}
-        >
-            <div className={Styles.message}>{message}</div>
-
-            {progress != null && (
-                <ProgressBar progress={progress} small blue className={message && 'm-t-1'} />
-            )}
-        </Toast>
-    );
-};

package/src/components/no-ssr.tsx

@@ -1,11 +0,0 @@
-import { useState, useEffect } from 'react';
-
-export const NoSSR = ({ children }: { children: JSX.Element }) => {
-    const [isMounted, setIsMounted] = useState(false);
-
-    useEffect(() => {
-        setIsMounted(true);
-    }, []);
-
-    return isMounted ? children : null;
-};

package/src/components/notifications-unwrapped.tsx

@@ -1,51 +0,0 @@
-import { useEffect, FC } 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: FC = observer(() => {
-    const [isWebComponent] = useOptionalDependencies(IS_WEB_COMPONENT_TOKEN);
-    const [store] = useDependencies(NotificationsStore);
-
-    useEffect(() => {
-        return () => store.dispose();
-    }, [store]);
-
-    return (
-        <NoSSR>
-            <Container>
-                {store.notifications.map(notification => {
-                    const Component = NotificationsStore.types.get(notification.type);
-
-                    if (!Component) {
-                        return null;
-                    }
-
-                    const handleClose = () => {
-                        store.read(notification);
-                    };
-
-                    return isWebComponent ? (
-                        <ShadowDOM key={`${notification.id}_${notification.status}`}>
-                            <Component notification={notification} onClose={handleClose} />
-                        </ShadowDOM>
-                    ) : (
-                        <Component
-                            key={`${notification.id}_${notification.status}`}
-                            notification={notification}
-                            onClose={handleClose}
-                        />
-                    );
-                })}
-            </Container>
-        </NoSSR>
-    );
-});

package/src/components/shadow-dom.tsx

@@ -1,53 +0,0 @@
-import { useState, FC, PropsWithChildren } from 'react';
-import { createPortal } from 'react-dom';
-
-import retargetEvents from 'react-shadow-dom-retarget-events';
-
-import { useStyleSheets } from './use-style-sheets';
-
-function createLink(url: string, onLoad: () => void) {
-    const element = document.createElement('link');
-
-    element.href = url;
-    element.rel = 'stylesheet';
-    element.crossOrigin = 'anonymous';
-    element.onload = onLoad;
-    element.onerror = onLoad;
-
-    return element;
-}
-
-export const ShadowDOM: FC<PropsWithChildren> = ({ children }) => {
-    const [target, setTarget] = useState<Element | null>(null);
-    const [loaded, setLoaded] = useState(false);
-    const styleSheets = useStyleSheets();
-
-    const handleRef = (element: HTMLDivElement | null) => {
-        if (!element || target) {
-            return;
-        }
-
-        let stylesCount = 0;
-        let stylesLoaded = 0;
-        const root = element.attachShadow({ mode: 'open' });
-
-        const handleLoad = () => {
-            stylesLoaded++;
-
-            if (stylesLoaded === stylesCount) {
-                setLoaded(true);
-            }
-        };
-
-        for (const url of styleSheets) {
-            root.append(createLink(url, handleLoad));
-            stylesCount++;
-        }
-
-        retargetEvents(root);
-
-        setTarget(root.appendChild(document.createElement('div')));
-    };
-
-    return <div ref={handleRef}>{target && loaded ? createPortal(children, target) : null}</div>;
-};

package/src/components/use-style-sheets.ts

@@ -1,19 +0,0 @@
-import { useContext, useMemo } from 'react';
-
-import { DefaultPortalContext } from '@servicetitan/design-system';
-
-export const useStyleSheets = () => {
-    const defaultPortal = useContext(DefaultPortalContext);
-
-    return useMemo(() => {
-        const styleSheets: string[] = [];
-
-        for (const element of Array.from(defaultPortal.children)) {
-            if (element.tagName.toLowerCase() === 'link') {
-                styleSheets.push((element as HTMLLinkElement).href);
-            }
-        }
-
-        return styleSheets;
-    }, [defaultPortal]);
-};

package/src/create-element.ts

@@ -1,12 +0,0 @@
-export const createElement = <K extends keyof HTMLElementTagNameMap>(
-    tagName: K,
-    attributes: Record<string, string>
-) => {
-    const element = document.createElement(tagName);
-
-    for (const [qualifiedName, value] of Object.entries(attributes)) {
-        element.setAttribute(qualifiedName, value);
-    }
-
-    return element;
-};

package/src/date-from-string.ts

@@ -1,30 +0,0 @@
-const dateISO = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:[.,]\d+)?Z?$/i;
-const dateISOMilliseconds = /[.,](\d+)/i;
-const dateNet = /\/Date\((-?\d+)(?:-\d+)?\)\//i;
-
-export function dateFromString(date: string | Date) {
-    if (typeof date === 'object') {
-        return date;
-    }
-
-    if (dateISO.test(date)) {
-        const ms = dateISOMilliseconds.exec(date);
-        const fixedValue = date.replace(dateISOMilliseconds, '');
-        const result = new Date(fixedValue);
-        if (ms !== null) {
-            let millisecond = parseInt(ms[1].substr(0, 3), 10);
-            millisecond = isNaN(millisecond) ? 0 : millisecond;
-            result.setMilliseconds(millisecond);
-        }
-        return result;
-    }
-
-    if (dateNet.test(date)) {
-        const parsedDate = dateNet.exec(date);
-        if (parsedDate !== null) {
-            return new Date(parseInt(parsedDate[1], 10));
-        }
-    }
-
-    throw 'Incorrect date format';
-}

package/src/register.ts

@@ -1,6 +0,0 @@
-import { NotificationsStore } from './stores/notifications.store';
-import { NotificationMapper } from './common';
-
-export function register(type: string, mapper: NotificationMapper) {
-    NotificationsStore.register(type, mapper);
-}