@veltdev/react 1.0.93 → 1.0.94

package/cjs/index.js

@@ -109,7 +109,7 @@ var loadVelt = function (callback, version, staging, develop) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.108';
+var VELT_SDK_VERSION = '1.0.109';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -455,6 +455,54 @@ var VeltCommentThread = function (props) {
     return (React__default["default"].createElement("velt-comment-thread", { "annotation-id": annotationId }));
 };
 
+var VeltNotificationsTool = function (props) {
+    var children = props.children, onNotificationClick = props.onNotificationClick;
+    var ref = React.useRef();
+    React.useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref }, children));
+};
+
+var VeltNotificationsPanel = function (props) {
+    var onNotificationClick = props.onNotificationClick;
+    var ref = React.useRef();
+    React.useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref }));
+};
+
+var VeltNotificationsHistory = function (props) {
+    var embedMode = props.embedMode, onNotificationClick = props.onNotificationClick;
+    var ref = React.useRef();
+    React.useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React__default["default"].createElement("velt-notifications-history", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
+};
+
 /**
  * @beta This hook is in beta
  */
@@ -1067,6 +1115,9 @@ exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCursor = SnippylyCursor;
 exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
+exports.VeltNotificationsHistory = VeltNotificationsHistory;
+exports.VeltNotificationsPanel = VeltNotificationsPanel;
+exports.VeltNotificationsTool = VeltNotificationsTool;
 exports.VeltPresence = SnippylyPresence;
 exports.VeltProvider = SnippylyProvider;
 exports.VeltRecorderControlPanel = SnippylyRecorderControlPanel;