@veltdev/react 2.0.14 → 2.0.16

package/cjs/types/components/VeltCommentThread/VeltCommentThread.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface IVeltCommentThreadProps {
     annotationId?: string;
+    selectable?: boolean;
+    onCommentClick?: Function;
 }
 declare const VeltCommentThread: React.FC<IVeltCommentThreadProps>;
 export default VeltCommentThread;

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "2.0.14";
+export declare const VELT_SDK_VERSION = "2.0.16";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '2.0.14';
+var VELT_SDK_VERSION = '2.0.16';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -678,8 +678,32 @@ var VeltViewAnalytics = function (props) {
 };
 
 var VeltCommentThread = function (props) {
-    var annotationId = props.annotationId;
-    return (React.createElement("velt-comment-thread", { "annotation-id": annotationId }));
+    var annotationId = props.annotationId, selectable = props.selectable, onCommentClick = props.onCommentClick;
+    var ref = useRef();
+    var onCommentClickRef = useRef(onCommentClick);
+    useEffect(function () {
+        onCommentClickRef.current = onCommentClick;
+    }, [onCommentClick]);
+    useEffect(function () {
+        var element;
+        var handleCommentClick = function (event) {
+            if (onCommentClickRef.current) {
+                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        if (ref.current) {
+            element = ref.current;
+            if (element) {
+                element.addEventListener('onCommentClick', handleCommentClick);
+            }
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onCommentClick', handleCommentClick);
+            }
+        };
+    }, []);
+    return (React.createElement("velt-comment-thread", { ref: ref, "annotation-id": annotationId, selectable: [true, false].includes(selectable) ? (selectable ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsTool = function (props) {