@novu/js 2.1.0 → 2.1.1

package/dist/esm/index.d.mts

@@ -1,5 +1,5 @@
-import { N as NotificationFilter } from './novu-PgupDkfH.mjs';
-export { k as Action, A as ActionTypeEnum, m as ChannelPreference, f as ChannelType, C as CtaType, E as EventHandler, a as Events, F as FiltersCountResponse, q as IPreferenceOverride, I as InboxNotification, L as ListNotificationsResponse, i as MessageAction, M as MessageButton, t as Notification, e as NotificationActionStatus, d as NotificationButton, c as NotificationStatus, b as Novu, v as NovuError, s as NovuOptions, n as PaginatedResponse, u as Preference, P as PreferenceLevel, g as PreferenceOverrideSource, p as PreferenceOverrideSourceEnum, o as PreferencesResponse, R as Redirect, r as Result, h as Session, S as SocketEventNames, j as Subscriber, T as TODO, W as WebSocketEvent, l as Workflow } from './novu-PgupDkfH.mjs';
+import { N as NotificationFilter } from './novu-04KlkBy4.mjs';
+export { k as Action, A as ActionTypeEnum, m as ChannelPreference, f as ChannelType, C as CtaType, E as EventHandler, a as Events, F as FiltersCountResponse, q as IPreferenceOverride, I as InboxNotification, L as ListNotificationsResponse, i as MessageAction, M as MessageButton, t as Notification, e as NotificationActionStatus, d as NotificationButton, c as NotificationStatus, b as Novu, v as NovuError, s as NovuOptions, n as PaginatedResponse, u as Preference, P as PreferenceLevel, g as PreferenceOverrideSource, p as PreferenceOverrideSourceEnum, o as PreferencesResponse, R as Redirect, r as Result, h as Session, S as SocketEventNames, j as Subscriber, T as TODO, W as WebSocketEvent, l as Workflow } from './novu-04KlkBy4.mjs';
 import '@novu/client';
 
 declare const areTagsEqual: (tags1?: string[], tags2?: string[]) => boolean;

package/dist/esm/index.mjs

@@ -1 +1 @@
-export { ActionTypeEnum, ChannelType, CtaType, NotificationActionStatus, NotificationButton, NotificationStatus, Novu, PreferenceLevel, PreferenceOverrideSource, PreferenceOverrideSourceEnum, WebSocketEvent, areTagsEqual, isSameFilter } from './chunk-PCEUODSO.mjs';
+export { ActionTypeEnum, ChannelType, CtaType, NotificationActionStatus, NotificationButton, NotificationStatus, Novu, PreferenceLevel, PreferenceOverrideSource, PreferenceOverrideSourceEnum, WebSocketEvent, areTagsEqual, isSameFilter } from './chunk-APRCCICD.mjs';

package/dist/esm/{novu-PgupDkfH.d.mts → novu-04KlkBy4.d.mts}

@@ -12,7 +12,10 @@ declare class Preference {
     readonly enabled: boolean;
     readonly channels: ChannelPreference;
     readonly workflow?: Workflow;
-    constructor(preference: PreferenceLike);
+    constructor(preference: PreferenceLike, { emitterInstance, inboxServiceInstance }: {
+        emitterInstance: NovuEventEmitter;
+        inboxServiceInstance: InboxService;
+    });
     update({ channelPreferences }: {
         channelPreferences: ChannelPreference;
     }): Result<Preference>;
@@ -232,9 +235,12 @@ declare class InboxService {
 
 declare class BaseModule {
     #private;
-    _inboxService: InboxService;
-    _emitter: NovuEventEmitter;
-    constructor();
+    protected _inboxService: InboxService;
+    protected _emitter: NovuEventEmitter;
+    constructor({ inboxServiceInstance, eventEmitterInstance, }: {
+        inboxServiceInstance: InboxService;
+        eventEmitterInstance: NovuEventEmitter;
+    });
     protected onSessionSuccess(_: Session): void;
     protected onSessionError(_: unknown): void;
     callWithSession<T>(fn: () => Result<T>): Result<T>;
@@ -258,7 +264,7 @@ declare class Notification implements Pick<NovuEventEmitter, 'on' | 'off'>, Inbo
     readonly tags: InboxNotification['tags'];
     readonly redirect: InboxNotification['redirect'];
     readonly data?: InboxNotification['data'];
-    constructor(notification: InboxNotification);
+    constructor(notification: InboxNotification, emitter: NovuEventEmitter, inboxService: InboxService);
     read(): Result<Notification>;
     unread(): Result<Notification>;
     archive(): Result<Notification>;
@@ -323,7 +329,9 @@ type RevertArgs = BaseArgs | InstanceArgs;
 
 declare class NotificationsCache {
     #private;
-    constructor();
+    constructor({ emitter }: {
+        emitter: NovuEventEmitter;
+    });
     private updateNotification;
     private removeNotification;
     private handleNotificationEvent;
@@ -344,8 +352,10 @@ declare class NotificationsCache {
 declare class Notifications extends BaseModule {
     #private;
     readonly cache: NotificationsCache;
-    constructor({ useCache }: {
+    constructor({ useCache, inboxServiceInstance, eventEmitterInstance, }: {
         useCache: boolean;
+        inboxServiceInstance: InboxService;
+        eventEmitterInstance: NovuEventEmitter;
     });
     list({ limit, ...restOptions }?: ListNotificationsArgs): Result<ListNotificationsResponse>;
     count(args?: FilterCountArgs): Result<FilterCountResponse>;
@@ -474,13 +484,9 @@ type EventNames = keyof Events;
 type SocketEventNames = keyof SocketEvents;
 type EventHandler<T = unknown> = (event: T) => void;
 
-type SingletonOptions = {
-    recreate: true;
-};
 declare class NovuEventEmitter {
     #private;
-    static getInstance(options?: SingletonOptions): NovuEventEmitter;
-    private constructor();
+    constructor();
     on<Key extends EventNames>(eventName: Key, listener: EventHandler<Events[Key]>): void;
     off<Key extends EventNames>(eventName: Key, listener: EventHandler<Events[Key]>): void;
     emit<Key extends EventNames>(type: Key, event?: Events[Key]): void;
@@ -488,7 +494,9 @@ declare class NovuEventEmitter {
 
 declare class PreferencesCache {
     #private;
-    constructor();
+    constructor({ emitterInstance }: {
+        emitterInstance: NovuEventEmitter;
+    });
     private updatePreference;
     private handlePreferenceEvent;
     set(data: Preference[]): void;
@@ -499,8 +507,10 @@ declare class PreferencesCache {
 declare class Preferences extends BaseModule {
     #private;
     readonly cache: PreferencesCache;
-    constructor({ useCache }: {
+    constructor({ useCache, inboxServiceInstance, eventEmitterInstance, }: {
         useCache: boolean;
+        inboxServiceInstance: InboxService;
+        eventEmitterInstance: NovuEventEmitter;
     });
     list(): Result<Preference[]>;
     update(args: UpdatePreferencesArgs): Result<Preference>;

package/dist/esm/ui/index.d.mts

@@ -1,4 +1,4 @@
-import { t as Notification, s as NovuOptions, b as Novu } from '../novu-PgupDkfH.mjs';
+import { t as Notification, s as NovuOptions, b as Novu } from '../novu-04KlkBy4.mjs';
 import * as solid_js from 'solid-js';
 import { ComponentProps } from 'solid-js';
 import { MountableElement } from 'solid-js/web';
@@ -29,7 +29,7 @@ declare const defaultLocalization: {
     readonly 'preferences.workflow.disabled.tooltip': "Contact admin to edit";
 };
 
-declare const appearanceKeys: readonly ["button", "popoverContent", "popoverTrigger", "dropdownContent", "dropdownTrigger", "dropdownItem", "dropdownItemLabel", "dropdownItemLabelContainer", "dropdownItemLeftIcon", "dropdownItemRightIcon", "tooltipContent", "tooltipTrigger", "back__button", "skeletonText", "skeletonAvatar", "tabsRoot", "tabsList", "tabsContent", "tabsTrigger", "dots", "root", "bellIcon", "bellContainer", "bellDot", "preferences__button", "preferencesContainer", "inboxHeader", "loading", "inboxContent", "inbox__popoverTrigger", "inbox__popoverContent", "notificationListContainer", "notificationList", "notificationListEmptyNoticeContainer", "notificationListEmptyNotice", "notificationListEmptyNoticeIcon", "notificationListNewNotificationsNotice__button", "notification", "notificationDot", "notificationSubject", "notificationBody", "notificationBodyContainer", "notificationImage", "notificationDate", "notificationDefaultActions", "notificationCustomActions", "notificationPrimaryAction__button", "notificationSecondaryAction__button", "notificationRead__button", "notificationUnread__button", "notificationArchive__button", "notificationUnarchive__button", "notificationsTabs__tabsRoot", "notificationsTabs__tabsList", "notificationsTabs__tabsContent", "notificationsTabs__tabsTrigger", "notificationsTabsTriggerLabel", "notificationsTabsTriggerCount", "inboxStatus__title", "inboxStatus__dropdownTrigger", "inboxStatus__dropdownContent", "inboxStatus__dropdownItem", "inboxStatus__dropdownItemLabel", "inboxStatus__dropdownItemLabelContainer", "inboxStatus__dropdownItemLeft__icon", "inboxStatus__dropdownItemRight__icon", "moreActionsContainer", "moreActions__dropdownTrigger", "moreActions__dropdownContent", "moreActions__dropdownItem", "moreActions__dropdownItemLabel", "moreActions__dropdownItemLeft__icon", "moreActions__dots", "moreTabs__button", "moreTabs__dots", "moreTabs__dropdownTrigger", "moreTabs__dropdownContent", "moreTabs__dropdownItem", "moreTabs__dropdownItemLabel", "moreTabs__dropdownItemRight__icon", "workflowContainer", "workflowLabel", "workflowLabelContainer", "workflowContainerDisabledNotice", "workflowLabelDisabled__icon", "workflowContainerRight__icon", "workflowArrow__icon", "channelContainer", "channelsContainer", "channelLabel", "channelLabelContainer", "channelDescription", "channelName", "channelSwitchContainer", "channelSwitch", "channelSwitchThumb", "preferencesHeader", "preferencesHeader__back__button", "preferencesHeader__title", "preferencesLoadingContainer"];
+declare const appearanceKeys: readonly ["button", "popoverContent", "popoverTrigger", "dropdownContent", "dropdownTrigger", "dropdownItem", "dropdownItemLabel", "dropdownItemLabelContainer", "dropdownItemLeftIcon", "dropdownItemRightIcon", "tooltipContent", "tooltipTrigger", "back__button", "skeletonText", "skeletonAvatar", "tabsRoot", "tabsList", "tabsContent", "tabsTrigger", "dots", "root", "bellIcon", "bellContainer", "bellDot", "preferences__button", "preferencesContainer", "inboxHeader", "loading", "inboxContent", "inbox__popoverTrigger", "inbox__popoverContent", "notificationListContainer", "notificationList", "notificationListEmptyNoticeContainer", "notificationListEmptyNotice", "notificationListEmptyNoticeIcon", "notificationListNewNotificationsNotice__button", "notification", "notificationDot", "notificationSubject", "notificationSubject__strong", "notificationBody", "notificationBody__strong", "notificationBodyContainer", "notificationImage", "notificationDate", "notificationDefaultActions", "notificationCustomActions", "notificationPrimaryAction__button", "notificationSecondaryAction__button", "notificationRead__button", "notificationUnread__button", "notificationArchive__button", "notificationUnarchive__button", "notificationsTabs__tabsRoot", "notificationsTabs__tabsList", "notificationsTabs__tabsContent", "notificationsTabs__tabsTrigger", "notificationsTabsTriggerLabel", "notificationsTabsTriggerCount", "inboxStatus__title", "inboxStatus__dropdownTrigger", "inboxStatus__dropdownContent", "inboxStatus__dropdownItem", "inboxStatus__dropdownItemLabel", "inboxStatus__dropdownItemLabelContainer", "inboxStatus__dropdownItemLeft__icon", "inboxStatus__dropdownItemRight__icon", "moreActionsContainer", "moreActions__dropdownTrigger", "moreActions__dropdownContent", "moreActions__dropdownItem", "moreActions__dropdownItemLabel", "moreActions__dropdownItemLeft__icon", "moreActions__dots", "moreTabs__button", "moreTabs__dots", "moreTabs__dropdownTrigger", "moreTabs__dropdownContent", "moreTabs__dropdownItem", "moreTabs__dropdownItemLabel", "moreTabs__dropdownItemRight__icon", "workflowContainer", "workflowLabel", "workflowLabelContainer", "workflowContainerDisabledNotice", "workflowLabelDisabled__icon", "workflowContainerRight__icon", "workflowArrow__icon", "channelContainer", "channelsContainer", "channelLabel", "channelLabelContainer", "channelDescription", "channelName", "channelSwitchContainer", "channelSwitch", "channelSwitchThumb", "preferencesHeader", "preferencesHeader__back__button", "preferencesHeader__title", "preferencesLoadingContainer", "strong"];
 
 type LocalizationKey = keyof typeof defaultLocalization;
 type Localization = {

package/dist/esm/ui/index.mjs

@@ -1,4 +1,4 @@
-import { __privateAdd, __privateSet, __privateMethod, __privateGet, __spreadProps, __spreadValues, __objRest, Novu, __async, isSameFilter } from '../chunk-PCEUODSO.mjs';
+import { __privateAdd, __privateSet, __privateMethod, __privateGet, __spreadProps, __spreadValues, __objRest, Novu, __async, isSameFilter } from '../chunk-APRCCICD.mjs';
 import { delegateEvents, render, createComponent, Portal, mergeProps, setAttribute, spread, template, insert, memo, effect, className, use, addEventListener, Dynamic, isServer } from 'solid-js/web';
 import { createSignal, createContext, onMount, onCleanup, For, createMemo, createEffect, splitProps, useContext, Show, Switch as Switch$1, Match, createResource, createComputed, batch } from 'solid-js';
 import { createStore, reconcile } from 'solid-js/store';
@@ -92,7 +92,9 @@ var appearanceKeys = [
   "notification",
   "notificationDot",
   "notificationSubject",
+  "notificationSubject__strong",
   "notificationBody",
+  "notificationBody__strong",
   "notificationBodyContainer",
   "notificationImage",
   "notificationDate",
@@ -159,7 +161,9 @@ var appearanceKeys = [
   "preferencesHeader__back__button",
   "preferencesHeader__title",
   // Preferences Loading
-  "preferencesLoadingContainer"
+  "preferencesLoadingContainer",
+  // Text formatting
+  "strong"
 ];
 function createInfiniteScroll(fetcher) {
   const [data, setData] = createSignal([]);
@@ -2809,10 +2813,90 @@ var PreferencesRow = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$46 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$213 = /* @__PURE__ */ template(`<img>`);
-var _tmpl$311 = /* @__PURE__ */ template(`<p>`);
-var _tmpl$47 = /* @__PURE__ */ template(`<a><div><div class="nt-relative nt-shrink-0 nt-float-right"><p></p><div></div></div><p></p><div>`);
+var _tmpl$46 = /* @__PURE__ */ template(`<strong>`);
+var _tmpl$213 = /* @__PURE__ */ template(`<p>`);
+var parseMarkdownIntoTokens = (text) => {
+  const tokens = [];
+  let buffer = "";
+  let inBold = false;
+  for (let i = 0; i < text.length; i += 1) {
+    if (text[i] === "\\" && text[i + 1] === "*") {
+      buffer += "*";
+      i += 1;
+    } else if (text[i] === "*" && text[i + 1] === "*") {
+      if (buffer) {
+        tokens.push({
+          type: inBold ? "bold" : "text",
+          content: buffer
+        });
+        buffer = "";
+      }
+      inBold = !inBold;
+      i += 1;
+    } else {
+      buffer += text[i];
+    }
+  }
+  if (buffer) {
+    tokens.push({
+      type: inBold ? "bold" : "text",
+      content: buffer
+    });
+  }
+  return tokens;
+};
+var Bold = (props) => {
+  const style = useStyle();
+  return (() => {
+    var _el$ = _tmpl$46();
+    insert(_el$, () => props.children);
+    effect(() => className(_el$, style(props.appearanceKey || "strong", "nt-font-semibold")));
+    return _el$;
+  })();
+};
+var Text = (props) => props.children;
+var Markdown = (props) => {
+  const _a = props, {
+    children,
+    strongAppearanceKey
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "strongAppearanceKey"
+  ]);
+  const tokens = createMemo(() => parseMarkdownIntoTokens(children));
+  return (() => {
+    var _el$2 = _tmpl$213();
+    spread(_el$2, rest, false, true);
+    insert(_el$2, createComponent(For, {
+      get each() {
+        return tokens();
+      },
+      children: (token) => {
+        if (token.type === "bold") {
+          return createComponent(Bold, {
+            appearanceKey: strongAppearanceKey,
+            get children() {
+              return token.content;
+            }
+          });
+        } else {
+          return createComponent(Text, {
+            get children() {
+              return token.content;
+            }
+          });
+        }
+      }
+    }));
+    return _el$2;
+  })();
+};
+var Markdown_default = Markdown;
+
+// src/ui/components/Notification/DefaultNotification.tsx
+var _tmpl$47 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$214 = /* @__PURE__ */ template(`<img>`);
+var _tmpl$311 = /* @__PURE__ */ template(`<a><div><div class="nt-relative nt-shrink-0 nt-float-right"><p></p><div></div></div><div>`);
 var DefaultNotification = (props) => {
   const style = useStyle();
   const {
@@ -2861,14 +2945,14 @@ var DefaultNotification = (props) => {
     }
   };
   return (() => {
-    var _el$ = _tmpl$47(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$9 = _el$5.nextSibling, _el$10 = _el$9.nextSibling;
+    var _el$ = _tmpl$311(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling;
     _el$.$$click = handleNotificationClick;
     insert(_el$, createComponent(Show, {
       get when() {
         return !props.notification.isRead;
       },
       get children() {
-        var _el$2 = _tmpl$46();
+        var _el$2 = _tmpl$47();
         effect(() => className(_el$2, style("notificationDot", "nt-absolute -nt-translate-x-[1.0625rem] nt-translate-y-1/2 nt-size-2.5 nt-bg-primary nt-rounded-full nt-border")));
         return _el$2;
       }
@@ -2878,7 +2962,7 @@ var DefaultNotification = (props) => {
         return props.notification.avatar;
       },
       get children() {
-        var _el$3 = _tmpl$213();
+        var _el$3 = _tmpl$214();
         effect((_p$) => {
           var _v$ = style("notificationImage", "nt-size-8 nt-rounded-lg"), _v$2 = props.notification.avatar;
           _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
@@ -3021,15 +3105,26 @@ var DefaultNotification = (props) => {
       get when() {
         return props.notification.subject;
       },
+      children: (subject) => createComponent(Markdown_default, {
+        get ["class"]() {
+          return style("notificationSubject", "nt-text-start");
+        },
+        strongAppearanceKey: "notificationSubject__strong",
+        get children() {
+          return subject();
+        }
+      })
+    }), _el$8);
+    insert(_el$4, createComponent(Markdown_default, {
+      get ["class"]() {
+        return style("notificationBody", "nt-text-start");
+      },
+      strongAppearanceKey: "notificationBody__strong",
       get children() {
-        var _el$8 = _tmpl$311();
-        insert(_el$8, () => props.notification.subject);
-        effect(() => className(_el$8, style("notificationSubject", "nt-text-start nt-font-semibold")));
-        return _el$8;
+        return props.notification.body;
       }
-    }), _el$9);
-    insert(_el$9, () => props.notification.body);
-    insert(_el$10, createComponent(Show, {
+    }), _el$8);
+    insert(_el$8, createComponent(Show, {
       get when() {
         return props.notification.primaryAction;
       },
@@ -3043,7 +3138,7 @@ var DefaultNotification = (props) => {
         }
       })
     }), null);
-    insert(_el$10, createComponent(Show, {
+    insert(_el$8, createComponent(Show, {
       get when() {
         return props.notification.secondaryAction;
       },
@@ -3064,21 +3159,19 @@ var DefaultNotification = (props) => {
       })), _v$4 = style("notificationBody", "nt-overflow-hidden nt-w-full"), _v$5 = style("notificationDate", `nt-transition nt-duration-100 nt-ease-out nt-text-foreground-alpha-400 nt-shrink-0 
               nt-float-right nt-text-right group-hover:nt-opacity-0`), _v$6 = style("notificationDefaultActions", `nt-transition nt-duration-100 nt-ease-out nt-gap-2 nt-flex nt-shrink-0 
               nt-opacity-0 group-hover:nt-opacity-100 nt-justify-center nt-items-center 
-              nt-absolute nt-top-0 nt-right-0  nt-bg-neutral-100 nt-p-0.5 nt-rounded nt-z-50`), _v$7 = style("notificationBody", "nt-text-start"), _v$8 = style("notificationCustomActions", "nt-flex nt-gap-4 nt-mt-4");
+              nt-absolute nt-top-0 nt-right-0  nt-bg-neutral-100 nt-p-0.5 nt-rounded nt-z-50`), _v$7 = style("notificationCustomActions", "nt-flex nt-gap-4 nt-mt-4");
       _v$3 !== _p$.e && className(_el$, _p$.e = _v$3);
       _v$4 !== _p$.t && className(_el$4, _p$.t = _v$4);
       _v$5 !== _p$.a && className(_el$6, _p$.a = _v$5);
       _v$6 !== _p$.o && className(_el$7, _p$.o = _v$6);
-      _v$7 !== _p$.i && className(_el$9, _p$.i = _v$7);
-      _v$8 !== _p$.n && className(_el$10, _p$.n = _v$8);
+      _v$7 !== _p$.i && className(_el$8, _p$.i = _v$7);
       return _p$;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
-      i: void 0,
-      n: void 0
+      i: void 0
     });
     return _el$;
   })();
@@ -3189,7 +3282,7 @@ var NotificationListSkeleton = (props) => {
 
 // src/ui/components/Notification/NotificationList.tsx
 var _tmpl$50 = /* @__PURE__ */ template(`<div><p data-localization=notifications.emptyNotice>`);
-var _tmpl$214 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$215 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$312 = /* @__PURE__ */ template(`<div><div>`);
 var EmptyNotificationList = () => {
   const style = useStyle();
@@ -3315,7 +3408,7 @@ var NotificationList = (props) => {
                 return !end();
               },
               get children() {
-                var _el$5 = _tmpl$214();
+                var _el$5 = _tmpl$215();
                 use(setEl, _el$5);
                 insert(_el$5, createComponent(For, {
                   get each() {
@@ -3875,7 +3968,7 @@ var Renderer = (props) => {
     }
   });
 };
-var version = "2.1.0";
+var version = "2.1.1";
 var cssHref = `https://cdn.jsdelivr.net/npm/@novu/js@${version}/dist/index.css`;
 var _dispose, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _predefinedNovu, _NovuUI_instances, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {