@novu/react 3.11.0 → 3.11.2-nightly.20251224.eb609546a3

package/dist/esm/utils/appearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/appearance.ts"],"sourcesContent":["import type { IconKey, Appearance as JsAppearance, IconOverrides as JsIconOverrides } from '@novu/js/ui';\nimport { MountedElement } from '../context/RendererContext';\nimport type { ReactAppearance } from './types';\n\nexport function adaptAppearanceForJs(\n  appearance: ReactAppearance,\n  mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void\n): JsAppearance | undefined {\n  if (!appearance) {\n    return undefined;\n  }\n  const { icons, ...restAppearance } = appearance;\n  const jsAppearance: JsAppearance = { ...restAppearance };\n\n  if (icons) {\n    const jsIcons: JsIconOverrides = {};\n    const iconKeys = Object.keys(icons) as IconKey[];\n\n    for (const iconKey of iconKeys) {\n      const reactRenderer = icons[iconKey];\n\n      if (reactRenderer) {\n        jsIcons[iconKey] = (el: HTMLDivElement, props: { class?: string }) => {\n          return mountElement(el, reactRenderer(props));\n        };\n      }\n    }\n\n    // JsAppearance also has .icons directly (from JsTheme part of JsAppearance)\n    jsAppearance.icons = jsIcons;\n  } else {\n    // If original didn't have icons, ensure the clone doesn't either\n    delete jsAppearance.icons;\n  }\n\n  return jsAppearance;\n}\n"],"mappings":";AAIO,SAAS,qBACd,YACA,cAC0B;AAC1B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,EAAE,OAAO,GAAG,eAAe,IAAI;AACrC,QAAM,eAA6B,EAAE,GAAG,eAAe;AAEvD,MAAI,OAAO;AACT,UAAM,UAA2B,CAAC;AAClC,UAAM,WAAW,OAAO,KAAK,KAAK;AAElC,eAAW,WAAW,UAAU;AAC9B,YAAM,gBAAgB,MAAM,OAAO;AAEnC,UAAI,eAAe;AACjB,gBAAQ,OAAO,IAAI,CAAC,IAAoB,UAA8B;AACpE,iBAAO,aAAa,IAAI,cAAc,KAAK,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAGA,iBAAa,QAAQ;AAAA,EACvB,OAAO;AAEL,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/utils/appearance.ts"],"sourcesContent":["import type { AllAppearance, AllIconKey, AllIconOverrides } from '@novu/js/ui';\nimport { MountedElement } from '../context/RendererContext';\nimport type { ReactIconRenderer, ReactInboxAppearance, ReactSubscriptionAppearance } from './types';\n\nexport function adaptAppearanceForJs(\n  appearance: ReactInboxAppearance | ReactSubscriptionAppearance,\n  mountElement: (el: HTMLElement, mountedElement: MountedElement) => () => void\n): AllAppearance | undefined {\n  if (!appearance) {\n    return undefined;\n  }\n  const { icons, ...restAppearance } = appearance;\n  const jsAppearance = { ...restAppearance } as AllAppearance;\n\n  if (icons) {\n    const jsIcons: AllIconOverrides = {};\n    const iconKeys = Object.keys(icons) as Array<AllIconKey>;\n\n    for (const iconKey of iconKeys) {\n      // @ts-expect-error: cant easily fix this type error\n      const reactRenderer = icons[iconKey] as ReactIconRenderer;\n\n      if (reactRenderer) {\n        jsIcons[iconKey] = (el: HTMLDivElement, props: { class?: string }) => {\n          return mountElement(el, reactRenderer(props));\n        };\n      }\n    }\n\n    // JsAppearance also has .icons directly (from JsTheme part of JsAppearance)\n    jsAppearance.icons = jsIcons;\n  } else {\n    // If original didn't have icons, ensure the clone doesn't either\n    delete jsAppearance.icons;\n  }\n\n  return jsAppearance;\n}\n"],"mappings":";AAIO,SAAS,qBACd,YACA,cAC2B;AAC3B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,EAAE,OAAO,GAAG,eAAe,IAAI;AACrC,QAAM,eAAe,EAAE,GAAG,eAAe;AAEzC,MAAI,OAAO;AACT,UAAM,UAA4B,CAAC;AACnC,UAAM,WAAW,OAAO,KAAK,KAAK;AAElC,eAAW,WAAW,UAAU;AAE9B,YAAM,gBAAgB,MAAM,OAAO;AAEnC,UAAI,eAAe;AACjB,gBAAQ,OAAO,IAAI,CAAC,IAAoB,UAA8B;AACpE,iBAAO,aAAa,IAAI,cAAc,KAAK,CAAC;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAGA,iBAAa,QAAQ;AAAA,EACvB,OAAO;AAEL,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/utils/types.d.ts

@@ -1,5 +1,5 @@
 import { UnreadCount, DefaultSchedule, Context, Subscriber } from '@novu/js';
-import { Notification, IconKey, Theme, NotificationClickHandler, NotificationActionClickHandler, InboxProps, Localization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush } from '@novu/js/ui';
+import { Notification, InboxIconKey, InboxTheme, SubscriptionIconKey, SubscriptionTheme, AllIconKey, AllTheme, NotificationClickHandler, NotificationActionClickHandler, InboxProps, InboxLocalization, Tab, PreferencesFilter, PreferenceGroups, PreferencesSort, RouterPush } from '@novu/js/ui';
 import { ReactNode } from 'react';
 
 type NotificationsRenderer = (notification: Notification) => React.ReactNode;
@@ -13,14 +13,32 @@ type ReactIconRendererProps = {
     class?: string;
 };
 type ReactIconRenderer = (props: ReactIconRendererProps) => ReactNode;
-type ReactIconOverrides = {
-    [key in IconKey]?: ReactIconRenderer;
+type ReactInboxIconOverrides = {
+    [key in InboxIconKey]?: ReactIconRenderer;
 };
-type ReactTheme = Omit<Theme, 'icons'> & {
-    icons?: ReactIconOverrides;
+type ReactInboxTheme = Omit<InboxTheme, 'icons'> & {
+    icons?: ReactInboxIconOverrides;
 };
-type ReactAppearance = ReactTheme & {
-    baseTheme?: Theme | Theme[];
+type ReactSubscriptionIconOverrides = {
+    [key in SubscriptionIconKey]?: ReactIconRenderer;
+};
+type ReactSubscriptionTheme = Omit<SubscriptionTheme, 'icons'> & {
+    icons?: ReactSubscriptionIconOverrides;
+};
+type ReactAllIconOverrides = {
+    [key in AllIconKey]?: ReactIconRenderer;
+};
+type ReactAllTheme = Omit<AllTheme, 'icons'> & {
+    icons?: ReactAllIconOverrides;
+};
+type ReactInboxAppearance = ReactInboxTheme & {
+    baseTheme?: InboxTheme | InboxTheme[];
+};
+type ReactSubscriptionAppearance = ReactSubscriptionTheme & {
+    baseTheme?: SubscriptionTheme | SubscriptionTheme[];
+};
+type ReactAllAppearance = ReactAllTheme & {
+    baseTheme?: ReactAllTheme | ReactAllTheme[];
 };
 type DefaultInboxProps = {
     open?: boolean;
@@ -42,8 +60,8 @@ type StandardBaseProps = {
     contextHash?: string;
     backendUrl?: string;
     socketUrl?: string;
-    appearance?: ReactAppearance;
-    localization?: Localization;
+    appearance?: ReactInboxAppearance;
+    localization?: InboxLocalization;
     tabs?: Array<Tab>;
     preferencesFilter?: PreferencesFilter;
     preferenceGroups?: PreferenceGroups;
@@ -65,7 +83,10 @@ type StandardBaseProps = {
     subscriberId?: never;
     applicationIdentifier?: never;
 });
-type BaseProps = StandardBaseProps;
+type InboxBaseProps = Omit<StandardBaseProps, 'appearance'> & {
+    appearance?: ReactInboxAppearance;
+};
+type BaseProps = InboxBaseProps;
 type NotificationRendererProps = {
     renderNotification: NotificationsRenderer;
     renderAvatar?: never;
@@ -97,4 +118,4 @@ type WithChildrenProps = BaseProps & {
     children: React.ReactNode;
 };
 
-export type { AvatarRenderer, BaseProps, BellRenderer, BodyRenderer, CustomActionsRenderer, DefaultActionsRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, ReactAppearance, ReactIconOverrides, ReactIconRenderer, ReactIconRendererProps, ReactTheme, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps };
+export type { AvatarRenderer, BaseProps, BellRenderer, BodyRenderer, CustomActionsRenderer, DefaultActionsRenderer, DefaultInboxProps, DefaultProps, NoRendererProps, NotificationRendererProps, NotificationsRenderer, ReactAllAppearance, ReactAllIconOverrides, ReactAllTheme, ReactIconRenderer, ReactIconRendererProps, ReactInboxAppearance, ReactInboxIconOverrides, ReactInboxTheme, ReactSubscriptionAppearance, ReactSubscriptionIconOverrides, ReactSubscriptionTheme, SubjectBodyRendererProps, SubjectRenderer, WithChildrenProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novu/react",
-  "version": "3.11.0",
+  "version": "3.11.2-nightly.20251224.eb609546a3",
   "repository": {
     "type": "git",
     "url": "https://github.com/novuhq/novu",
@@ -90,6 +90,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build:watch": "tsup --watch",
+    "build": "tsup && pnpm run check-exports",
+    "check-exports": "attw --pack .",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "publish:rc": "pnpm publish --tag rc"
+  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -121,19 +129,11 @@
     }
   },
   "dependencies": {
-    "@novu/js": "3.11.0"
+    "@novu/js": "workspace:*"
   },
   "nx": {
     "tags": [
       "type:package"
     ]
-  },
-  "scripts": {
-    "build:watch": "tsup --watch",
-    "build": "tsup && pnpm run check-exports",
-    "check-exports": "attw --pack .",
-    "check": "biome check .",
-    "check:fix": "biome check --write .",
-    "publish:rc": "pnpm publish --tag rc"
   }
-}
+}