@novu/js 2.3.0 → 2.3.1

package/dist/cjs/ui/index.js

@@ -2306,7 +2306,15 @@ var Root = (props) => {
     id
   } = useAppearance();
   const style = useStyle();
-  return (() => {
+  const {
+    hideBranding
+  } = useInboxContext();
+  return [web.createComponent(solidJs.Show, {
+    get when() {
+      return !hideBranding();
+    },
+    children: new Comment(" Powered by Novu - https://novu.co ")
+  }), (() => {
     var _el$ = _tmpl$36();
     web.spread(_el$, web.mergeProps({
       get id() {
@@ -2317,7 +2325,7 @@ var Root = (props) => {
       }
     }, rest), false, false);
     return _el$;
-  })();
+  })()];
 };
 var TooltipContext = solidJs.createContext(void 0);
 function TooltipRoot(props) {
@@ -2489,16 +2497,7 @@ var Switch = (props) => {
       props.onChange(e.target.checked);
     });
     web.effect((_p$) => {
-      var _v$ = style("channelSwitch", `nt-relative
-    nt-inline-flex nt-cursor-pointer nt-items-center data-[disabled=true]:nt-cursor-not-allowed`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-border-neutral-alpha-200 peer-checked:nt-border-neutral-alpha-400 nt-bg-neutral-alpha-300
-          after:nt-absolute after:nt-left-[2px] after:nt-top-0.5 after:nt-h-5
-          after:nt-w-5 after:nt-rounded-full after:nt-border
-          after:nt-border-neutral-alpha-400
-          after:nt-bg-background after:nt-transition-all after:nt-content-['']
-          peer-checked:nt-bg-primary peer-checked:after:nt-translate-x-full
-          peer-checked:after:nt-border-background
-          nt-transition-all nt-duration-200 after:nt-duration-200
-          data-[disabled=true]:nt-opacity-40`), _v$5 = props.disabled, _v$6 = props.checked;
+      var _v$ = style("channelSwitch", `nt-relative nt-inline-flex nt-cursor-pointer nt-items-center data-[disabled=true]:nt-cursor-not-allowed`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-border-neutral-alpha-200 peer-checked:nt-border-neutral-alpha-400 nt-bg-neutral-alpha-300 after:nt-absolute after:nt-left-[2px] after:nt-top-0.5 after:nt-h-5 after:nt-w-5 after:nt-rounded-full after:nt-border after:nt-border-neutral-alpha-400 after:nt-bg-background after:nt-transition-all after:nt-content-[''] peer-checked:nt-bg-primary peer-checked:after:nt-translate-x-full peer-checked:after:nt-border-background nt-transition-all nt-duration-200 after:nt-duration-200 data-[disabled=true]:nt-opacity-40`), _v$5 = props.disabled, _v$6 = props.checked;
       _v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && web.setAttribute(_el$, "data-disabled", _p$.t = _v$2);
       _v$3 !== _p$.a && (_el$2.disabled = _p$.a = _v$3);
@@ -2907,8 +2906,7 @@ var PreferencesRow = (props) => {
         }
       }), null);
       web.effect((_p$) => {
-        var _v$ = style("workflowContainer", `nt-p-4 nt-flex nt-flex-col nt-gap-1 nt-items-start nt-self-stretch 
-          hover:nt-bg-neutral-alpha-50 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
+        var _v$ = style("workflowContainer", `nt-p-4 nt-flex nt-flex-col nt-gap-1 nt-items-start nt-self-stretch hover:nt-bg-neutral-alpha-50 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
         _v$ !== _p$.e && web.className(_el$4, _p$.e = _v$);
         _v$2 !== _p$.t && web.setAttribute(_el$4, "data-disabled", _p$.t = _v$2);
         _v$3 !== _p$.a && web.setAttribute(_el$4, "data-open", _p$.a = _v$3);
@@ -3128,7 +3126,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.read();
                     },
-                    "class": "hover:nt-bg-neutral-alpha-50",
+                    "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                     get children() {
                       return web.createComponent(ReadAll, {});
                     }
@@ -3155,7 +3153,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.unread();
                     },
-                    "class": "hover:nt-bg-neutral-alpha-50",
+                    "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                     get children() {
                       return web.createComponent(Unread, {});
                     }
@@ -3189,7 +3187,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.archive();
                 },
-                "class": "hover:nt-bg-neutral-alpha-50",
+                "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                 get children() {
                   return web.createComponent(Archive, {});
                 }
@@ -3216,7 +3214,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.unarchive();
                 },
-                "class": "hover:nt-bg-neutral-alpha-50",
+                "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                 get children() {
                   return web.createComponent(Unarchive, {});
                 }
@@ -3286,10 +3284,7 @@ var DefaultNotification = (props) => {
       var _a;
       var _v$3 = style("notification", cn("nt-w-full nt-text-sm hover:nt-bg-neutral-alpha-50 nt-group nt-relative nt-flex nt-py-4 nt-px-6 nt-gap-2", {
         "nt-cursor-pointer": !props.notification.isRead || !!((_a = props.notification.redirect) == null ? void 0 : _a.url)
-      })), _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-alpha-50 nt-py-0.5 nt-rounded`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap nt-gap-4 nt-mt-4");
+      })), _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-alpha-50 nt-rounded-lg`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap nt-gap-4 nt-mt-4");
       _v$3 !== _p$.e && web.className(_el$, _p$.e = _v$3);
       _v$4 !== _p$.t && web.className(_el$4, _p$.t = _v$4);
       _v$5 !== _p$.a && web.className(_el$6, _p$.a = _v$5);
@@ -4102,7 +4097,7 @@ var Renderer = (props) => {
     }
   });
 };
-var version = "2.3.0";
+var version = "2.3.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, _preferencesFilter, _setPreferencesFilter, _predefinedNovu, _NovuUI_instances, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {

package/dist/esm/ui/index.mjs

@@ -2300,7 +2300,15 @@ var Root = (props) => {
     id
   } = useAppearance();
   const style = useStyle();
-  return (() => {
+  const {
+    hideBranding
+  } = useInboxContext();
+  return [createComponent(Show, {
+    get when() {
+      return !hideBranding();
+    },
+    children: new Comment(" Powered by Novu - https://novu.co ")
+  }), (() => {
     var _el$ = _tmpl$36();
     spread(_el$, mergeProps({
       get id() {
@@ -2311,7 +2319,7 @@ var Root = (props) => {
       }
     }, rest), false, false);
     return _el$;
-  })();
+  })()];
 };
 var TooltipContext = createContext(void 0);
 function TooltipRoot(props) {
@@ -2483,16 +2491,7 @@ var Switch = (props) => {
       props.onChange(e.target.checked);
     });
     effect((_p$) => {
-      var _v$ = style("channelSwitch", `nt-relative
-    nt-inline-flex nt-cursor-pointer nt-items-center data-[disabled=true]:nt-cursor-not-allowed`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-border-neutral-alpha-200 peer-checked:nt-border-neutral-alpha-400 nt-bg-neutral-alpha-300
-          after:nt-absolute after:nt-left-[2px] after:nt-top-0.5 after:nt-h-5
-          after:nt-w-5 after:nt-rounded-full after:nt-border
-          after:nt-border-neutral-alpha-400
-          after:nt-bg-background after:nt-transition-all after:nt-content-['']
-          peer-checked:nt-bg-primary peer-checked:after:nt-translate-x-full
-          peer-checked:after:nt-border-background
-          nt-transition-all nt-duration-200 after:nt-duration-200
-          data-[disabled=true]:nt-opacity-40`), _v$5 = props.disabled, _v$6 = props.checked;
+      var _v$ = style("channelSwitch", `nt-relative nt-inline-flex nt-cursor-pointer nt-items-center data-[disabled=true]:nt-cursor-not-allowed`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-border-neutral-alpha-200 peer-checked:nt-border-neutral-alpha-400 nt-bg-neutral-alpha-300 after:nt-absolute after:nt-left-[2px] after:nt-top-0.5 after:nt-h-5 after:nt-w-5 after:nt-rounded-full after:nt-border after:nt-border-neutral-alpha-400 after:nt-bg-background after:nt-transition-all after:nt-content-[''] peer-checked:nt-bg-primary peer-checked:after:nt-translate-x-full peer-checked:after:nt-border-background nt-transition-all nt-duration-200 after:nt-duration-200 data-[disabled=true]:nt-opacity-40`), _v$5 = props.disabled, _v$6 = props.checked;
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && setAttribute(_el$, "data-disabled", _p$.t = _v$2);
       _v$3 !== _p$.a && (_el$2.disabled = _p$.a = _v$3);
@@ -2901,8 +2900,7 @@ var PreferencesRow = (props) => {
         }
       }), null);
       effect((_p$) => {
-        var _v$ = style("workflowContainer", `nt-p-4 nt-flex nt-flex-col nt-gap-1 nt-items-start nt-self-stretch 
-          hover:nt-bg-neutral-alpha-50 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
+        var _v$ = style("workflowContainer", `nt-p-4 nt-flex nt-flex-col nt-gap-1 nt-items-start nt-self-stretch hover:nt-bg-neutral-alpha-50 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
         _v$ !== _p$.e && className(_el$4, _p$.e = _v$);
         _v$2 !== _p$.t && setAttribute(_el$4, "data-disabled", _p$.t = _v$2);
         _v$3 !== _p$.a && setAttribute(_el$4, "data-open", _p$.a = _v$3);
@@ -3122,7 +3120,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.read();
                     },
-                    "class": "hover:nt-bg-neutral-alpha-50",
+                    "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                     get children() {
                       return createComponent(ReadAll, {});
                     }
@@ -3149,7 +3147,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.unread();
                     },
-                    "class": "hover:nt-bg-neutral-alpha-50",
+                    "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                     get children() {
                       return createComponent(Unread, {});
                     }
@@ -3183,7 +3181,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.archive();
                 },
-                "class": "hover:nt-bg-neutral-alpha-50",
+                "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                 get children() {
                   return createComponent(Archive, {});
                 }
@@ -3210,7 +3208,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.unarchive();
                 },
-                "class": "hover:nt-bg-neutral-alpha-50",
+                "class": "hover:nt-bg-neutral-alpha-50 nt-py-0.5",
                 get children() {
                   return createComponent(Unarchive, {});
                 }
@@ -3280,10 +3278,7 @@ var DefaultNotification = (props) => {
       var _a;
       var _v$3 = style("notification", cn("nt-w-full nt-text-sm hover:nt-bg-neutral-alpha-50 nt-group nt-relative nt-flex nt-py-4 nt-px-6 nt-gap-2", {
         "nt-cursor-pointer": !props.notification.isRead || !!((_a = props.notification.redirect) == null ? void 0 : _a.url)
-      })), _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-alpha-50 nt-py-0.5 nt-rounded`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap nt-gap-4 nt-mt-4");
+      })), _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-alpha-50 nt-rounded-lg`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap 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);
@@ -4096,7 +4091,7 @@ var Renderer = (props) => {
     }
   });
 };
-var version = "2.3.0";
+var version = "2.3.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, _preferencesFilter, _setPreferencesFilter, _predefinedNovu, _NovuUI_instances, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@novu/js",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "repository": "https://github.com/novuhq/novu",
   "description": "Novu's JavaScript SDK for building custom inbox notification experiences",
   "author": "",
@@ -65,8 +65,7 @@
     "check-exports": "attw --pack .",
     "lint": "eslint src",
     "lint:fix": "pnpm lint -- --fix",
-    "test": "jest",
-    "release:preview": "pnpx pkg-pr-new publish"
+    "test": "jest"
   },
   "browserslist": {
     "production": [
@@ -125,5 +124,8 @@
     "solid-js": "^1.8.11",
     "solid-motionone": "^1.0.1",
     "tailwind-merge": "^2.4.0"
+  },
+  "nx": {
+    "tags": ["package:public"]
   }
 }