@veltdev/react 4.6.7 → 4.6.9

package/cjs/index.js

@@ -145,13 +145,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.6.7';
+var VELT_SDK_VERSION = '4.6.9';
 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 = {
-    '4.6.7': 'sha384-YCHh91OgPnfwnVPiya728UyOmgbn6CAEY8R1v3ytYaOJazqiGJiqoQ6+C5x3ajiJ',
+    '4.6.9': 'sha384-hC0faXaN+Z6kIhO87PDhqL+ARcdgmD1FdpLB9amziTOoZ3G2cIZmcwReBVK5Y7hf',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -7906,6 +7906,45 @@ function useContactList() {
     return data;
 }
 
+function useCrdtUtils() {
+    var _a = React__default["default"].useState(), crdtElement = _a[0], setCrdtElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || crdtElement)
+            return;
+        var loadedCrdtElement = client.getCrdtElement();
+        setCrdtElement(loadedCrdtElement);
+    }, [client, setCrdtElement, crdtElement]);
+    return crdtElement;
+}
+
+function useCrdtEventCallback(action) {
+    var crdtElement = useCrdtUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef(null);
+    var memoizedAction = React.useMemo(function () { return action; }, [action]);
+    React.useEffect(function () {
+        var _a;
+        if (!(crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on))
+            return;
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = (_a = crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
+            setData(data);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on, memoizedAction]);
+    return data;
+}
+
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
     return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
@@ -8167,6 +8206,8 @@ exports.useContactList = useContactList;
 exports.useContactSelected = useContactSelected;
 exports.useContactUtils = useContactUtils;
 exports.useCopyLink = useCopyLink;
+exports.useCrdtEventCallback = useCrdtEventCallback;
+exports.useCrdtUtils = useCrdtUtils;
 exports.useCurrentUser = useCurrentUser;
 exports.useCurrentUserPermissions = useCurrentUserPermissions;
 exports.useCursorUsers = useCursorUsers;