@veltdev/react 3.0.19 → 3.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,6 +15,7 @@ export interface IVeltNotificationsPanelProps {
15
15
  shadowDom?: boolean;
16
16
  variant?: string;
17
17
  tabConfig?: NotificationTabConfig;
18
+ readNotificationsOnForYouTab?: boolean;
18
19
  }
19
20
  declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
20
21
  export default VeltNotificationsPanel;
@@ -19,6 +19,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
19
19
  panelOpenMode?: 'popover' | 'sidebar';
20
20
  panelVariant?: string;
21
21
  maxDays?: number;
22
+ readNotificationsOnForYouTab?: boolean;
22
23
  }
23
24
  declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
24
25
  export default VeltNotificationsTool;
@@ -1,3 +1,3 @@
1
- export declare const VELT_SDK_VERSION = "3.0.19";
1
+ export declare const VELT_SDK_VERSION = "3.0.20";
2
2
  export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
3
3
  export declare const VELT_TAB_ID = "veltTabId";
package/esm/index.js CHANGED
@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
132
132
  }
133
133
  };
134
134
 
135
- var VELT_SDK_VERSION = '3.0.19';
135
+ var VELT_SDK_VERSION = '3.0.20';
136
136
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
137
137
  var VELT_TAB_ID = 'veltTabId';
138
138
 
@@ -804,7 +804,7 @@ var VeltCommentThread = function (props) {
804
804
  };
805
805
 
806
806
  var VeltNotificationsTool = function (props) {
807
- 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;
807
+ 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;
808
808
  var ref = useRef();
809
809
  var onNotificationClickRef = useRef(onNotificationClick);
810
810
  // Update the ref to always point to the latest callback function
@@ -830,11 +830,11 @@ var VeltNotificationsTool = function (props) {
830
830
  }
831
831
  };
832
832
  }, []);
833
- return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: 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 }, children));
833
+ return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: 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, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined }, children));
834
834
  };
835
835
 
836
836
  var VeltNotificationsPanel = function (props) {
837
- var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant;
837
+ var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab;
838
838
  var ref = useRef();
839
839
  var onNotificationClickRef = useRef(onNotificationClick);
840
840
  // Update the ref to always point to the latest callback function
@@ -860,7 +860,7 @@ var VeltNotificationsPanel = function (props) {
860
860
  }
861
861
  };
862
862
  }, []);
863
- 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 }));
863
+ 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, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined }));
864
864
  };
865
865
 
866
866
  var VeltNotificationsHistoryPanel = function (props) {