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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IVeltLiveStateSyncPanelProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    shadowDom?: boolean;
+    variant?: string;
+    darkMode?: boolean;
+}
+declare const VeltLiveStateSyncPanel: React.FC<IVeltLiveStateSyncPanelProps>;
+export default VeltLiveStateSyncPanel;

package/cjs/types/components/VeltLiveStateSyncPanel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltLiveStateSyncPanel";

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelAcceptRequestWireframe/VeltLiveStateSyncPanelAcceptRequestWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelAcceptRequestWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelAcceptRequestWireframe extends React.FC<IVeltLiveStateSyncPanelAcceptRequestWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelAcceptRequestWireframe: IVeltLiveStateSyncPanelAcceptRequestWireframe;
+export default VeltLiveStateSyncPanelAcceptRequestWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelAcceptRequestWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelAcceptRequestWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelCancelRequestWireframe/VeltLiveStateSyncPanelCancelRequestWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelCancelRequestWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelCancelRequestWireframe extends React.FC<IVeltLiveStateSyncPanelCancelRequestWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelCancelRequestWireframe: IVeltLiveStateSyncPanelCancelRequestWireframe;
+export default VeltLiveStateSyncPanelCancelRequestWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelCancelRequestWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelCancelRequestWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelCountdownWireframe/VeltLiveStateSyncPanelCountdownWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelCountdownWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelCountdownWireframe extends React.FC<IVeltLiveStateSyncPanelCountdownWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelCountdownWireframe: IVeltLiveStateSyncPanelCountdownWireframe;
+export default VeltLiveStateSyncPanelCountdownWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelCountdownWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelCountdownWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelEditHereWireframe/VeltLiveStateSyncPanelEditHereWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelEditHereWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelEditHereWireframe extends React.FC<IVeltLiveStateSyncPanelEditHereWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelEditHereWireframe: IVeltLiveStateSyncPanelEditHereWireframe;
+export default VeltLiveStateSyncPanelEditHereWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelEditHereWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelEditHereWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelEditorTextWireframe/VeltLiveStateSyncPanelEditorTextWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelEditorTextWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelEditorTextWireframe extends React.FC<IVeltLiveStateSyncPanelEditorTextWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelEditorTextWireframe: IVeltLiveStateSyncPanelEditorTextWireframe;
+export default VeltLiveStateSyncPanelEditorTextWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelEditorTextWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelEditorTextWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelReaderTextWireframe/VeltLiveStateSyncPanelReaderTextWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelReaderTextWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelReaderTextWireframe extends React.FC<IVeltLiveStateSyncPanelReaderTextWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelReaderTextWireframe: IVeltLiveStateSyncPanelReaderTextWireframe;
+export default VeltLiveStateSyncPanelReaderTextWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelReaderTextWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelReaderTextWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelRejectRequestWireframe/VeltLiveStateSyncPanelRejectRequestWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelRejectRequestWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelRejectRequestWireframe extends React.FC<IVeltLiveStateSyncPanelRejectRequestWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelRejectRequestWireframe: IVeltLiveStateSyncPanelRejectRequestWireframe;
+export default VeltLiveStateSyncPanelRejectRequestWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelRejectRequestWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelRejectRequestWireframe';

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelRequestAccessWireframe/VeltLiveStateSyncPanelRequestAccessWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltLiveStateSyncPanelRequestAccessWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelRequestAccessWireframe extends React.FC<IVeltLiveStateSyncPanelRequestAccessWireframeProps> {
+}
+declare const VeltLiveStateSyncPanelRequestAccessWireframe: IVeltLiveStateSyncPanelRequestAccessWireframe;
+export default VeltLiveStateSyncPanelRequestAccessWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/VeltLiveStateSyncPanelRequestAccessWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelRequestAccessWireframe';

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../constants';
+import { IVeltLiveStateSyncPanelRequestAccessWireframe } from './VeltLiveStateSyncPanelRequestAccessWireframe/VeltLiveStateSyncPanelRequestAccessWireframe';
+import { IVeltLiveStateSyncPanelRejectRequestWireframe } from './VeltLiveStateSyncPanelRejectRequestWireframe/VeltLiveStateSyncPanelRejectRequestWireframe';
+import { IVeltLiveStateSyncPanelReaderTextWireframe } from './VeltLiveStateSyncPanelReaderTextWireframe/VeltLiveStateSyncPanelReaderTextWireframe';
+import { IVeltLiveStateSyncPanelEditorTextWireframe } from './VeltLiveStateSyncPanelEditorTextWireframe/VeltLiveStateSyncPanelEditorTextWireframe';
+import { IVeltLiveStateSyncPanelEditHereWireframe } from './VeltLiveStateSyncPanelEditHereWireframe/VeltLiveStateSyncPanelEditHereWireframe';
+import { IVeltLiveStateSyncPanelCountdownWireframe } from './VeltLiveStateSyncPanelCountdownWireframe/VeltLiveStateSyncPanelCountdownWireframe';
+import { IVeltLiveStateSyncPanelCancelRequestWireframe } from './VeltLiveStateSyncPanelCancelRequestWireframe/VeltLiveStateSyncPanelCancelRequestWireframe';
+import { IVeltLiveStateSyncPanelAcceptRequestWireframe } from './VeltLiveStateSyncPanelAcceptRequestWireframe/VeltLiveStateSyncPanelAcceptRequestWireframe';
+export interface IVeltLiveStateSyncPanelWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltLiveStateSyncPanelWireframe extends React.FC<IVeltLiveStateSyncPanelWireframeProps> {
+    RequestAccess: IVeltLiveStateSyncPanelRequestAccessWireframe;
+    RejectRequest: IVeltLiveStateSyncPanelRejectRequestWireframe;
+    ReaderText: IVeltLiveStateSyncPanelReaderTextWireframe;
+    EditorText: IVeltLiveStateSyncPanelEditorTextWireframe;
+    EditHere: IVeltLiveStateSyncPanelEditHereWireframe;
+    Countdown: IVeltLiveStateSyncPanelCountdownWireframe;
+    CancelRequest: IVeltLiveStateSyncPanelCancelRequestWireframe;
+    AcceptRequest: IVeltLiveStateSyncPanelAcceptRequestWireframe;
+}
+declare const VeltLiveStateSyncPanelWireframe: IVeltLiveStateSyncPanelWireframe;
+export default VeltLiveStateSyncPanelWireframe;

package/cjs/types/components/VeltLiveStateSyncPanelWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltLiveStateSyncPanelWireframe';

package/cjs/types/components/VeltRecorderControlPanelWireframe/VeltRecorderControlPanelActionBarWireframe/VeltRecorderControlPanelActionBarToggleWireframe/VeltRecorderControlPanelActionBarToggleWireframe.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { IVeltWireframeCommonProps } from '../../../../constants';
 import { IVeltRecorderControlPanelActionBarTogglePlayWireframe } from './VeltRecorderControlPanelActionBarTogglePlayWireframe/VeltRecorderControlPanelActionBarTogglePlayWireframe';
+import { IVeltRecorderControlPanelActionBarTogglePauseWireframe } from './VeltRecorderControlPanelActionBarTogglePauseWireframe/VeltRecorderControlPanelActionBarTogglePauseWireframe';
 export interface IVeltRecorderControlPanelActionBarToggleWireframeProps extends IVeltWireframeCommonProps {
 }
 export interface IVeltRecorderControlPanelActionBarToggleWireframe extends React.FC<IVeltRecorderControlPanelActionBarToggleWireframeProps> {
-    Pause: IVeltRecorderControlPanelActionBarTogglePlayWireframe;
+    Pause: IVeltRecorderControlPanelActionBarTogglePauseWireframe;
     Play: IVeltRecorderControlPanelActionBarTogglePlayWireframe;
 }
 declare const VeltRecorderControlPanelActionBarToggleWireframe: IVeltRecorderControlPanelActionBarToggleWireframe;

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

@@ -40,6 +40,7 @@ export { default as VeltCommentsMinimap } from "./VeltCommentsMinimap";
 export { default as VeltReactionTool } from "./VeltReactionTool";
 export { default as VeltInlineReactionsSection } from "./VeltInlineReactionsSection";
 export { default as VeltCommentComposer } from "./VeltCommentComposer";
+export { default as VeltLiveStateSyncPanel } from "./VeltLiveStateSyncPanel";
 export { default as VeltWireframe } from "./VeltWireframe";
 export { default as VeltCommentDialogWireframe } from "./VeltCommentDialogWireframe";
 export { default as VeltCommentsSidebarWireframe } from "./VeltCommentsSidebarWireframe";
@@ -87,3 +88,4 @@ export { default as VeltVideoEditorPlayerWireframe } from "./VeltVideoEditorPlay
 export { default as VeltSubtitlesWireframe } from "./VeltSubtitlesWireframe";
 export { default as VeltTranscriptionWireframe } from "./VeltTranscriptionWireframe";
 export { default as VeltButtonWireframe } from "./VeltButtonWireframe";
+export { default as VeltLiveStateSyncPanelWireframe } from "./VeltLiveStateSyncPanelWireframe";

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.4.0-beta.2";
+export declare const VELT_SDK_VERSION = "4.4.0-beta.4";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export interface IVeltWireframeCommonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {

package/cjs/types/hooks/LiveStateSyncElement.d.ts

@@ -1,10 +1,10 @@
-import { EditorAccessTimer, LiveStateSyncElement, ServerConnectionState, User, UserEditorAccess } from "@veltdev/types";
+import { EditorAccessTimer, LiveStateSyncElement, ServerConnectionState, SetLiveStateDataConfig, User, UserEditorAccess } from "@veltdev/types";
 declare class LiveStateDataConfig {
     listenToNewChangesOnly?: boolean;
 }
 export declare function useLiveStateSyncUtils(): LiveStateSyncElement | undefined;
 export declare function useLiveStateData(liveStateDataId?: string, liveStateDataConfig?: LiveStateDataConfig): any;
-export declare function useSetLiveStateData(liveStateDataId: string, liveStateData: any): void;
+export declare function useSetLiveStateData(liveStateDataId: string, liveStateData: any, config?: SetLiveStateDataConfig): void;
 export declare function useUserEditorState(): UserEditorAccess | null;
 export declare function useEditor(): User | null;
 export declare function useEditorAccessTimer(): EditorAccessTimer;

package/esm/index.js

@@ -132,7 +132,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';
 
@@ -1475,6 +1475,12 @@ var VeltCommentComposer = function (props) {
     return (React.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 = useRef();
+    return (React.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.createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -4431,12 +4437,18 @@ var VeltRecorderControlPanelActionBarTogglePlayWireframe = function (props) {
     return (React.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.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.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) {
@@ -5169,6 +5181,68 @@ var VeltButtonWireframe = function (props) {
     return (React.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.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.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.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.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.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.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.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.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.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.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -6134,17 +6208,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.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.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]);
 }
@@ -6702,39 +6776,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);
@@ -6754,22 +6844,23 @@ 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
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltVideoPlayerWireframe, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltLiveStateSyncPanel, VeltLiveStateSyncPanelWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltVideoPlayerWireframe, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map