@veltdev/react 4.4.0-beta.2 → 4.4.0-beta.4

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.4.0-beta.2';
+var VELT_SDK_VERSION = '4.4.0-beta.4';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -1483,6 +1483,12 @@ var VeltCommentComposer = function (props) {
     return (React__default["default"].createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
+var VeltLiveStateSyncPanel = function (props) {
+    var children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode;
+    var ref = React.useRef();
+    return (React__default["default"].createElement("velt-live-state-sync-panel", { ref: ref, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -4439,12 +4445,18 @@ var VeltRecorderControlPanelActionBarTogglePlayWireframe = function (props) {
     return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-toggle-play-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltRecorderControlPanelActionBarTogglePauseWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-toggle-pause-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltRecorderControlPanelActionBarToggleWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-toggle-wireframe", __assign({}, transformedProps), children));
 };
-VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePlayWireframe;
+VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePauseWireframe;
 VeltRecorderControlPanelActionBarToggleWireframe.Play = VeltRecorderControlPanelActionBarTogglePlayWireframe;
 
 var VeltRecorderControlPanelActionBarTypeIconWireframe = function (props) {
@@ -5177,6 +5189,68 @@ var VeltButtonWireframe = function (props) {
     return (React__default["default"].createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
 };
 
+var VeltLiveStateSyncPanelRequestAccessWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-request-access-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelRejectRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelReaderTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-reader-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelEditorTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelEditHereWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelCountdownWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-countdown-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelCancelRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelAcceptRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltLiveStateSyncPanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-live-state-sync-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltLiveStateSyncPanelWireframe.RequestAccess = VeltLiveStateSyncPanelRequestAccessWireframe;
+VeltLiveStateSyncPanelWireframe.RejectRequest = VeltLiveStateSyncPanelRejectRequestWireframe;
+VeltLiveStateSyncPanelWireframe.ReaderText = VeltLiveStateSyncPanelReaderTextWireframe;
+VeltLiveStateSyncPanelWireframe.EditorText = VeltLiveStateSyncPanelEditorTextWireframe;
+VeltLiveStateSyncPanelWireframe.EditHere = VeltLiveStateSyncPanelEditHereWireframe;
+VeltLiveStateSyncPanelWireframe.Countdown = VeltLiveStateSyncPanelCountdownWireframe;
+VeltLiveStateSyncPanelWireframe.CancelRequest = VeltLiveStateSyncPanelCancelRequestWireframe;
+VeltLiveStateSyncPanelWireframe.AcceptRequest = VeltLiveStateSyncPanelAcceptRequestWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -6142,17 +6216,17 @@ function useLiveStateData(liveStateDataId, liveStateDataConfig) {
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData, inputs]);
     return data;
 }
-function useSetLiveStateData(liveStateDataId, liveStateData) {
+function useSetLiveStateData(liveStateDataId, liveStateData, config) {
     var liveStateSyncElement = useLiveStateSyncUtils();
     // Memoize inputs
     var inputs = React__default["default"].useMemo(function () {
-        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData };
-    }, [liveStateDataId, JSON.stringify(liveStateData)]);
+        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData, config: config };
+    }, [liveStateDataId, JSON.stringify(liveStateData), JSON.stringify(config)]);
     React__default["default"].useEffect(function () {
         if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData))
             return;
         if (inputs.liveStateDataId && inputs.liveStateData) {
-            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData);
+            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData, inputs.config);
         }
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData, inputs]);
 }
@@ -6710,39 +6784,55 @@ var createLiveStateMiddleware = function (config) {
     var isSdkInitialized = false;
     var setupGetDataSubscription = function () {
         var _a, _b;
-        if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
-            var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
-            dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
-                // Dispatch action to update local state, marking it as remote
-                if (data) {
-                    var sessionId_1 = getSessionId();
-                    if (data.id === sessionId_1) {
-                        return;
-                    }
-                    else {
-                        internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
+        try {
+            if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+                var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+                dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
+                    // Dispatch action to update local state, marking it as remote
+                    if (data) {
+                        var sessionId_1 = getSessionId();
+                        if (data.id === sessionId_1) {
+                            return;
+                        }
+                        else {
+                            internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
+                        }
                     }
-                }
-            });
+                });
+            }
+        }
+        catch (err) {
         }
     };
     var updateLiveStateDataId = function (newId) {
-        liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
-        if (dataSubscription) {
-            dataSubscription.unsubscribe();
-            dataSubscription = null;
+        try {
+            liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
+            if (dataSubscription) {
+                dataSubscription.unsubscribe();
+                dataSubscription = null;
+            }
+            if (isSdkInitialized) {
+                setupGetDataSubscription();
+            }
         }
-        if (isSdkInitialized) {
-            setupGetDataSubscription();
+        catch (err) {
+            // handle error
         }
     };
     var middleware = function (store) {
         internalStore = store;
         var veltSdkInitializedListener = function () {
-            isSdkInitialized = true;
-            setupGetDataSubscription();
-            // Remove the event listener after it's triggered
-            window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+            try {
+                if (window.Velt) {
+                    isSdkInitialized = true;
+                    setupGetDataSubscription();
+                    // Remove the event listener after it's triggered
+                    window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+                }
+            }
+            catch (err) {
+                // handle error
+            }
         };
         // Add the event listener for the veltSdkInitialized event
         window.addEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
@@ -6762,20 +6852,21 @@ var createLiveStateMiddleware = function (config) {
     };
 };
 var logLiveState = function (action, liveStateDataId) {
-    var _a;
-    if (window.Velt) {
-        var sessionId_2 = getSessionId();
-        var liveStateElement = (_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement();
-        if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
-            liveStateElement.setLiveStateData(liveStateDataId, {
-                id: sessionId_2,
-                action: action
-            });
+    var _a, _b;
+    try {
+        if (window.Velt && ((_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+            var sessionId_2 = getSessionId();
+            var liveStateElement = (_b = window === null || window === void 0 ? void 0 : window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+            if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
+                liveStateElement.setLiveStateData(liveStateDataId, {
+                    id: sessionId_2,
+                    action: action
+                });
+            }
         }
-        liveStateElement.setLiveStateData(liveStateDataId, {
-            id: sessionId_2,
-            action: action
-        });
+    }
+    catch (err) {
+        // handle error
     }
 };
 
@@ -6824,6 +6915,8 @@ exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
+exports.VeltLiveStateSyncPanel = VeltLiveStateSyncPanel;
+exports.VeltLiveStateSyncPanelWireframe = VeltLiveStateSyncPanelWireframe;
 exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
 exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;