@veltdev/react 1.0.163 → 2.0.0

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

@@ -2,6 +2,7 @@ import React from 'react';
 export interface IVeltCommentPlayerTimelineProps {
     totalMediaLength?: number;
     onCommentClick?: Function;
+    shadowDom?: boolean;
 }
 declare const VeltCommentPlayerTimeline: React.FC<IVeltCommentPlayerTimelineProps>;
 export default VeltCommentPlayerTimeline;

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

@@ -2,6 +2,7 @@ import React from 'react';
 export interface IVeltNotificationsPanelProps {
     darkMode?: boolean;
     onNotificationClick?: Function;
+    shadowDom?: boolean;
 }
 declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
 export default VeltNotificationsPanel;

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

@@ -2,6 +2,8 @@ import React from 'react';
 export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     darkMode?: boolean;
     onNotificationClick?: Function;
+    shadowDom?: boolean;
+    panelShadowDom?: boolean;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 export default VeltNotificationsTool;

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

@@ -4,6 +4,7 @@ export interface IVeltVideoPlayerProps {
     darkMode?: boolean;
     sync?: boolean;
     commentTool?: boolean;
+    shadowDom?: boolean;
 }
 declare const VeltVideoPlayer: React.FC<IVeltVideoPlayerProps>;
 export default VeltVideoPlayer;

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "1.0.181";
+export declare const VELT_SDK_VERSION = "2.0.0";
 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 = '1.0.181';
+var VELT_SDK_VERSION = '2.0.0';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -553,7 +553,7 @@ var SnippylyUserRequestTool = function (props) {
 };
 
 var VeltCommentPlayerTimeline = function (props) {
-    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick;
+    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick, shadowDom = props.shadowDom;
     var ref = useRef();
     var onCommentClickRef = useRef(onCommentClick);
     // Update the ref to always point to the latest callback function
@@ -570,12 +570,12 @@ var VeltCommentPlayerTimeline = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comment-player-timeline", { ref: ref, "total-media-length": totalMediaLength }));
+    return (React.createElement("velt-comment-player-timeline", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "total-media-length": totalMediaLength }));
 };
 
 var VeltVideoPlayer = function (props) {
-    var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool;
-    return (React.createElement("velt-video-player", { src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined }));
+    var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool, shadowDom = props.shadowDom;
+    return (React.createElement("velt-video-player", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined }));
 };
 
 var VeltViewAnalytics = function (props) {
@@ -589,7 +589,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -606,11 +606,11 @@ var VeltNotificationsTool = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -627,7 +627,7 @@ var VeltNotificationsPanel = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-panel", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {