@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.
- package/cjs/index.js +5 -5
- package/cjs/index.js.map +1 -1
- package/cjs/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
- package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
- package/cjs/types/constants.d.ts +1 -1
- package/esm/index.js +5 -5
- package/esm/index.js.map +1 -1
- package/esm/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
- package/esm/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
- package/esm/types/constants.d.ts +1 -1
- package/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -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;
|
package/cjs/types/constants.d.ts
CHANGED
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.
|
|
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) {
|