@genesislcap/foundation-notifications 14.114.2 → 14.115.1

package/dist/esm/notification-builder.js

@@ -1,7 +1,9 @@
 import { LogLevel } from '@genesislcap/foundation-logger';
+import { logger } from './logger';
 /**
  * NotificationBuilder to build NotificationStructure
  * @public
+ * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
  */
 export class NotificationBuilder {
     /**
@@ -9,6 +11,7 @@ export class NotificationBuilder {
      * @public
      * @param title - string
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withTitle(title) {
         this.title = title;
@@ -19,6 +22,7 @@ export class NotificationBuilder {
      * @public
      * @param body - string
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withBody(body) {
         this.body = body;
@@ -29,6 +33,7 @@ export class NotificationBuilder {
      * @public
      * @param createdAt - Date
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withCreatedAt(createdAt) {
         this.createdAt = createdAt;
@@ -38,6 +43,7 @@ export class NotificationBuilder {
      * Add log level to notification
      * @public
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withLogLevel(logLevel) {
         this.logLevel = logLevel;
@@ -48,6 +54,7 @@ export class NotificationBuilder {
      * @public
      * @param alert - boolean
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withAlert(alert) {
         this.alert = alert;
@@ -58,6 +65,7 @@ export class NotificationBuilder {
      * @public
      * @param notification - {@link Toast}
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withToast(toast) {
         this.toast = toast;
@@ -68,6 +76,7 @@ export class NotificationBuilder {
      * @public
      * @param banner - {@link Banner}
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withBanner(banner) {
         this.banner = banner;
@@ -78,6 +87,7 @@ export class NotificationBuilder {
      * @public
      * @param snackbar - {@link Snackbar}
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withSnackbar(snackbar) {
         this.snackbar = snackbar;
@@ -88,6 +98,7 @@ export class NotificationBuilder {
      * @public
      * @param dialog - {@link Dialog}
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     withDialog(dialog) {
         this.dialog = dialog;
@@ -97,6 +108,7 @@ export class NotificationBuilder {
      * Build NotificationStructure
      * @public
      * @returns
+     * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
      */
     build() {
         if (!this.title) {
@@ -136,11 +148,13 @@ export class NotificationBuilder {
             config = Object.assign({ dialog: this.dialog }, config);
             notificationStructure = Object.assign({ config }, notificationStructure);
         }
+        logger.deprecated('getNotificationBuilder', 'Use `showNotificationBanner/Dialog/Snackbar/Toast` from `@genesislcap/foundation-notifications` instead or provide a NotificationStructure object when used with an event for a notification listener.');
         return notificationStructure;
     }
 }
 /**
  * Returns a new NotificationBuilder instance
  * @public
+ * @deprecated Use showNotificationBanner/Dialog/Snackbar/Toast instead or provide a NotificationStructure object when used with an event for a notification listener.
  */
 export const getNotificationBuilder = () => new NotificationBuilder();

package/dist/esm/notification-launcher.js

@@ -1,14 +1,10 @@
-import { createLogger } from '@genesislcap/foundation-logger';
+import { showNotificationAlert } from './alert';
 import { showBanner } from './banner';
 import { showDialog } from './dialog';
-import { getNotificationDetails, getLoglevel } from './notification-util';
 import { showSnackbar } from './snackbar';
 import { showToast } from './toast';
-const logger = createLogger('foundation-notifications');
 const notificationTypeToComponentMap = {
-    alert: (notificationStructure) => {
-        alert(getNotificationDetails(notificationStructure));
-    },
+    alert: showNotificationAlert,
     toast: showToast,
     dialog: showDialog,
     snackbar: showSnackbar,
@@ -23,10 +19,6 @@ const notificationTypeToComponentMap = {
  * @returns
  * */
 export const showNotification = (notificationStructure, tagName, notificationBoundary) => {
-    logger.log({
-        message: getNotificationDetails(notificationStructure),
-        level: getLoglevel(notificationStructure),
-    });
     const keys = Object.keys((notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) || {});
     keys.forEach((key) => {
         if (notificationTypeToComponentMap[key]) {

package/dist/esm/notification-util.js

@@ -1,4 +1,5 @@
 import { LogLevel } from '@genesislcap/foundation-logger';
+import { logger } from './logger';
 /**
  * Retrieves the notification details from an NotificationStructure object
  * @public
@@ -21,6 +22,17 @@ export const getLoglevel = (details) => {
     var _a;
     return (details === null || details === void 0 ? void 0 : details.logLevel) || ((_a = details === null || details === void 0 ? void 0 : details.config) === null || _a === void 0 ? void 0 : _a.logLevel) || LogLevel.Debug;
 };
+/**
+ * Shows logger with log level from NotificationStructure object
+ * @public
+ * @param notificationStructure - The NotificationStructure object
+ */
+export const showLoggerLogLevel = (notificationStructure) => {
+    logger.log({
+        message: getNotificationDetails(notificationStructure),
+        level: getLoglevel(notificationStructure),
+    });
+};
 /**
  * Get/Create the error container in the DOM
  * @public

package/dist/esm/snackbar/index.js

@@ -1,2 +1,3 @@
+export * from './snackbar-builder-old';
 export * from './snackbar-builder';
 export * from './snackbar-launcher';

package/dist/esm/snackbar/snackbar-builder-old.js

@@ -0,0 +1,55 @@
+import { logger } from '../logger';
+/**
+ * SnackbarBuilder to build Snackbar
+ * @public
+ * @deprecated Use showNotificationSnackbar instead or provide a NotificationStructure object when used with an event for a notification listener.
+ */
+export class SnackbarBuilder {
+    /**
+     * @public
+     * @param type - {@link SnackbarType}
+     * @returns
+     * @deprecated Use showNotificationSnackbar instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withType(type) {
+        this.type = type;
+        return this;
+    }
+    /**
+     * Add confirming action to snackbar
+     * @public
+     * @param confirmingAction - {@link ConfirmingAction}
+     * @returns
+     * @deprecated Use showNotificationSnackbar instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withConfirmingAction(confirmingAction) {
+        if (!this.confirmingActions) {
+            this.confirmingActions = [];
+        }
+        this.confirmingActions.push(confirmingAction);
+        return this;
+    }
+    /**
+     * Build snackbar
+     * @public
+     * @returns Snackbar
+     * @deprecated Use showNotificationSnackbar instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    build() {
+        let snackbar = {};
+        if (this.confirmingActions) {
+            snackbar = Object.assign({ confirmingActions: this.confirmingActions }, snackbar);
+        }
+        if (this.type !== undefined) {
+            snackbar = Object.assign({ type: this.type }, snackbar);
+        }
+        logger.deprecated('getSnackbarBuilder', 'Use `showNotificationSnackbar` from `@genesislcap/foundation-notifications` instead or provide a NotificationStructure object when used with an event for a notification listener.');
+        return snackbar;
+    }
+}
+/**
+ * Get snackbar builder instance
+ * @public
+ * @deprecated Use showNotificationSnackbar instead or provide a NotificationStructure object when used with an event for a notification listener.
+ */
+export const getSnackbarBuilder = () => new SnackbarBuilder();

package/dist/esm/snackbar/snackbar-builder.js

@@ -1,48 +1,23 @@
+import { LogLevel } from '@genesislcap/foundation-logger';
+import { showSnackbar } from './snackbar-launcher';
 /**
- * SnackbarBuilder to build Snackbar
+ * Shows the notification snackbar
  * @public
  */
-export class SnackbarBuilder {
-    /**
-     * @public
-     * @param type - {@link SnackbarType}
-     * @returns
-     */
-    withType(type) {
-        this.type = type;
-        return this;
+export const showNotificationSnackbar = (configuration, tagName) => {
+    if (!configuration.body) {
+        throw new Error(`Missing required param 'body'`);
     }
-    /**
-     * Add confirming action to snackbar
-     * @public
-     * @param confirmingAction - {@link ConfirmingAction}
-     * @returns
-     */
-    withConfirmingAction(confirmingAction) {
-        if (!this.confirmingActions) {
-            this.confirmingActions = [];
-        }
-        this.confirmingActions.push(confirmingAction);
-        return this;
+    let notificationStructure = {
+        body: configuration.body,
+    };
+    let config = {};
+    if (configuration.logLevel in LogLevel) {
+        notificationStructure = Object.assign({ logLevel: configuration.logLevel }, notificationStructure);
     }
-    /**
-     * Build snackbar
-     * @public
-     * @returns Snackbar
-     */
-    build() {
-        let snackbar = {};
-        if (this.confirmingActions) {
-            snackbar = Object.assign({ confirmingActions: this.confirmingActions }, snackbar);
-        }
-        if (this.type !== undefined) {
-            snackbar = Object.assign({ type: this.type }, snackbar);
-        }
-        return snackbar;
+    if (configuration.snackbar) {
+        config = Object.assign({ snackbar: configuration.snackbar }, config);
+        notificationStructure = Object.assign({ config }, notificationStructure);
     }
-}
-/**
- * Get snackbar builder instance
- * @public
- */
-export const getSnackbarBuilder = () => new SnackbarBuilder();
+    showSnackbar(notificationStructure, tagName);
+};

package/dist/esm/snackbar/snackbar-launcher.js

@@ -1,4 +1,4 @@
-import { getNotificationContainer } from '../notification-util';
+import { getNotificationContainer, showLoggerLogLevel } from '../notification-util';
 /**
  * Shows the snackbar
  * @internal
@@ -6,10 +6,11 @@ import { getNotificationContainer } from '../notification-util';
  * @param tagName - The tag name to create prefix for the design system provider & notification component
  * @returns
  * */
-export const showSnackbar = (notification, tagName) => {
+export const showSnackbar = (notificationStructure, tagName) => {
+    showLoggerLogLevel(notificationStructure);
     const tagPrefix = tagName.split('-')[0];
     const snackbar = document.createElement(`${tagPrefix}-snackbar`);
     const container = getNotificationContainer('snack-container', tagName);
     container.appendChild(snackbar);
-    snackbar.notification = notification;
+    snackbar.notification = notificationStructure;
 };

package/dist/esm/toast/index.js

@@ -1,2 +1,3 @@
+export * from './toast-builder-old';
 export * from './toast-builder';
 export * from './toast-launcher';

package/dist/esm/toast/toast-builder-old.js

@@ -0,0 +1,107 @@
+import { logger } from '../logger';
+/**
+ * @public
+ * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+ */
+export class ToastBuilder {
+    /**
+     * Add position to toast
+     * @public
+     * @param position - {@link ToastPosition}
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withPosition(position) {
+        this.position = position;
+        return this;
+    }
+    /**
+     * Add auto close to notification
+     * @public
+     * @param autoClose - boolean
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withAutoClose(autoClose) {
+        this.autoClose = autoClose;
+        return this;
+    }
+    /**
+     * Add close timeout to notification
+     * @public
+     * @param closeTimeout - number
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withCloseTimeout(closeTimeout) {
+        this.closeTimeout = closeTimeout;
+        return this;
+    }
+    /**
+     * Add type to notification, if the type is anything other than 'warning' or 'success' do not add it
+     * @public
+     * @param type - {@link NotificationType}
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withType(type) {
+        this.type = type;
+        return this;
+    }
+    /**
+     * Add details data to notifications
+     * @public
+     * @param details - NotificationDataRow
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withDetails(details) {
+        this.details = details;
+        return this;
+    }
+    /**
+     * Add buttons to notifications
+     * @public
+     * @param buttons - ToastButton[]
+     * @returns
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    withButtons(buttons) {
+        this.buttons = buttons;
+        return this;
+    }
+    /**
+     * Build notification
+     * @returns Toast
+     * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+     */
+    build() {
+        let toast = {};
+        if (this.position) {
+            toast = Object.assign({ position: this.position }, toast);
+        }
+        if (this.autoClose) {
+            toast = Object.assign({ autoClose: this.autoClose }, toast);
+        }
+        if (this.closeTimeout) {
+            toast = Object.assign({ closeTimeout: this.closeTimeout }, toast);
+        }
+        if (this.type) {
+            toast = Object.assign({ type: this.type }, toast);
+        }
+        if (this.details) {
+            toast = Object.assign({ details: this.details }, toast);
+        }
+        if (this.buttons) {
+            toast = Object.assign({ buttons: this.buttons }, toast);
+        }
+        logger.deprecated('getToastBuilder', 'Use `showNotificationToast` from `@genesislcap/foundation-notifications` instead or provide a NotificationStructure object when used with an event for a notification listener.');
+        return toast;
+    }
+}
+/**
+ * Get notification builder instance
+ * @public
+ * @deprecated Use showNotificationToast instead or provide a NotificationStructure object when used with an event for a notification listener.
+ */
+export const getToastBuilder = () => new ToastBuilder();

package/dist/esm/toast/toast-builder.js

@@ -1,96 +1,30 @@
+import { LogLevel } from '@genesislcap/foundation-logger';
+import { showToast } from './toast-launcher';
 /**
+ * Shows the notification toast
  * @public
  */
-export class ToastBuilder {
-    /**
-     * Add position to toast
-     * @public
-     * @param position - {@link ToastPosition}
-     * @returns
-     */
-    withPosition(position) {
-        this.position = position;
-        return this;
+export const showNotificationToast = (configuration, tagName) => {
+    if (!configuration.title) {
+        throw new Error('Title is required');
     }
-    /**
-     * Add auto close to notification
-     * @public
-     * @param autoClose - boolean
-     * @returns
-     */
-    withAutoClose(autoClose) {
-        this.autoClose = autoClose;
-        return this;
+    if (!configuration.body) {
+        throw new Error(`Missing required param 'body'`);
     }
-    /**
-     * Add close timeout to notification
-     * @public
-     * @param closeTimeout - number
-     * @returns
-     */
-    withCloseTimeout(closeTimeout) {
-        this.closeTimeout = closeTimeout;
-        return this;
+    let notificationStructure = {
+        title: configuration.title,
+        body: configuration.body,
+    };
+    let config = {};
+    if (configuration.createdAt) {
+        notificationStructure = Object.assign({ createdAt: configuration.createdAt }, notificationStructure);
     }
-    /**
-     * Add type to notification, if the type is anything other than 'warning' or 'success' do not add it
-     * @public
-     * @param type - {@link NotificationType}
-     * @returns
-     */
-    withType(type) {
-        this.type = type;
-        return this;
+    if (configuration.logLevel in LogLevel) {
+        notificationStructure = Object.assign({ logLevel: configuration.logLevel }, notificationStructure);
     }
-    /**
-     * Add details data to notifications
-     * @public
-     * @param details - NotificationDataRow
-     * @returns
-     */
-    withDetails(details) {
-        this.details = details;
-        return this;
+    if (configuration.toast) {
+        config = Object.assign({ toast: configuration.toast }, config);
+        notificationStructure = Object.assign({ config }, notificationStructure);
     }
-    /**
-     * Add buttons to notifications
-     * @public
-     * @param buttons - ToastButton[]
-     * @returns
-     */
-    withButtons(buttons) {
-        this.buttons = buttons;
-        return this;
-    }
-    /**
-     * Build notification
-     * @returns Toast
-     */
-    build() {
-        let toast = {};
-        if (this.position) {
-            toast = Object.assign({ position: this.position }, toast);
-        }
-        if (this.autoClose) {
-            toast = Object.assign({ autoClose: this.autoClose }, toast);
-        }
-        if (this.closeTimeout) {
-            toast = Object.assign({ closeTimeout: this.closeTimeout }, toast);
-        }
-        if (this.type) {
-            toast = Object.assign({ type: this.type }, toast);
-        }
-        if (this.details) {
-            toast = Object.assign({ details: this.details }, toast);
-        }
-        if (this.buttons) {
-            toast = Object.assign({ buttons: this.buttons }, toast);
-        }
-        return toast;
-    }
-}
-/**
- * Get notification builder instance
- * @public
- */
-export const getToastBuilder = () => new ToastBuilder();
+    showToast(notificationStructure, tagName);
+};

package/dist/esm/toast/toast-launcher.js

@@ -1,4 +1,4 @@
-import { getNotificationContainer } from '../notification-util';
+import { getNotificationContainer, showLoggerLogLevel } from '../notification-util';
 /**
  * Shows the notificationStructure
  * @internal
@@ -8,6 +8,7 @@ import { getNotificationContainer } from '../notification-util';
  * */
 export const showToast = (notificationStructure, tagName) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    showLoggerLogLevel(notificationStructure);
     const tagPrefix = tagName.split('-')[0];
     const container = getNotificationContainer('notify-container', tagName);
     if (container) {