@veltdev/react 6.0.9-beta.1 → 6.0.10

package/esm/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts

@@ -1,4 +1,4 @@
-import { CrossOrganizationConfig, NotificationPanelMode, NotificationSettingsLayout } from '@veltdev/types';
+import { CrossOrganizationConfig, NotificationPanelMode, NotificationSettingsLayout, UserScopedNotificationsConfig } from '@veltdev/types';
 import React from 'react';
 export declare class NotificationTabConfigItem {
     name?: string;
@@ -25,6 +25,7 @@ export interface IVeltNotificationsPanelProps {
     enableSettingsAtOrganizationLevel?: boolean;
     defaultCondition?: boolean;
     enableCrossOrganization?: boolean | string | CrossOrganizationConfig;
+    enableUserScopedNotifications?: boolean | string | UserScopedNotificationsConfig;
 }
 declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
 export default VeltNotificationsPanel;

package/esm/components/VeltNotificationsTool/VeltNotificationsTool.d.ts

@@ -1,4 +1,4 @@
-import { CrossOrganizationConfig, NotificationSettingsLayout } from '@veltdev/types';
+import { CrossOrganizationConfig, NotificationSettingsLayout, UserScopedNotificationsConfig } from '@veltdev/types';
 import React from 'react';
 export declare class NotificationTabConfigItem {
     name?: string;
@@ -29,6 +29,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
     enableSettingsAtOrganizationLevel?: boolean;
     defaultCondition?: boolean;
     enableCrossOrganization?: boolean | string | CrossOrganizationConfig;
+    enableUserScopedNotifications?: boolean | string | UserScopedNotificationsConfig;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 export default VeltNotificationsTool;

package/esm/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "6.0.9-beta.1";
+export declare const VELT_SDK_VERSION = "6.0.10";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -204,13 +204,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '6.0.9-beta.1';
+var VELT_SDK_VERSION = '6.0.10';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '6.0.9-beta.1': 'sha384-2jJV3okF3YonYaKq7A3iGK23zGJkPdCSsadLql1EPaKaKI5FOzI9QoO8w+2FbC2B',
+    '6.0.10': 'sha384-EMvqPGW42Q+UqnK8vH0Ksl5uyyHoWvc7BvxxAoWLjO6uD1hpZRUXIXSbPhLb1buU',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1149,7 +1149,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization, enableUserScopedNotifications = props.enableUserScopedNotifications;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1192,7 +1192,24 @@ var VeltNotificationsTool = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
+    var enableUserScopedNotificationsValue = useMemo(function () {
+        try {
+            if (typeof enableUserScopedNotifications === 'boolean') {
+                return enableUserScopedNotifications ? 'true' : 'false';
+            }
+            else if (typeof enableUserScopedNotifications === 'string') {
+                return enableUserScopedNotifications;
+            }
+            else if (typeof enableUserScopedNotifications === 'object') {
+                return JSON.stringify(enableUserScopedNotifications);
+            }
+            return undefined;
+        }
+        catch (error) {
+            return undefined;
+        }
+    }, [enableUserScopedNotifications]);
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue, "enable-user-scoped-notifications": enableUserScopedNotificationsValue }, children));
 };
 
 var VeltNotificationsToolIcon = function (props) {
@@ -1220,7 +1237,7 @@ var VeltNotificationsToolUnreadCount = function (props) {
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization, enableUserScopedNotifications = props.enableUserScopedNotifications;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1263,7 +1280,24 @@ var VeltNotificationsPanel = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
+    var enableUserScopedNotificationsValue = useMemo(function () {
+        try {
+            if (typeof enableUserScopedNotifications === 'boolean') {
+                return enableUserScopedNotifications ? 'true' : 'false';
+            }
+            else if (typeof enableUserScopedNotifications === 'string') {
+                return enableUserScopedNotifications;
+            }
+            else if (typeof enableUserScopedNotifications === 'object') {
+                return JSON.stringify(enableUserScopedNotifications);
+            }
+            return undefined;
+        }
+        catch (error) {
+            return undefined;
+        }
+    }, [enableUserScopedNotifications]);
+    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue, "enable-user-scoped-notifications": enableUserScopedNotificationsValue }));
 };
 
 var VeltNotificationsPanelTitle = function (props) {