@veltdev/react 1.0.163 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/cjs/index.js +9 -9
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/VeltCommentPlayerTimeline/VeltCommentPlayerTimeline.d.ts +1 -0
  4. package/cjs/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
  5. package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +2 -0
  6. package/cjs/types/components/VeltVideoPlayer/VeltVideoPlayer.d.ts +1 -0
  7. package/cjs/types/constants.d.ts +1 -1
  8. package/esm/index.js +9 -9
  9. package/esm/index.js.map +1 -1
  10. package/esm/types/components/VeltCommentPlayerTimeline/VeltCommentPlayerTimeline.d.ts +1 -0
  11. package/esm/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
  12. package/esm/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +2 -0
  13. package/esm/types/components/VeltVideoPlayer/VeltVideoPlayer.d.ts +1 -0
  14. package/esm/types/constants.d.ts +1 -1
  15. package/index.d.ts +5 -0
  16. package/package.json +3 -3
package/cjs/index.js CHANGED
@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
140
140
  }
141
141
  };
142
142
 
143
- var VELT_SDK_VERSION = '1.0.181';
143
+ var VELT_SDK_VERSION = '2.0.0';
144
144
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
145
145
  var VELT_TAB_ID = 'veltTabId';
146
146
 
@@ -561,7 +561,7 @@ var SnippylyUserRequestTool = function (props) {
561
561
  };
562
562
 
563
563
  var VeltCommentPlayerTimeline = function (props) {
564
- var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick;
564
+ var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick, shadowDom = props.shadowDom;
565
565
  var ref = React.useRef();
566
566
  var onCommentClickRef = React.useRef(onCommentClick);
567
567
  // Update the ref to always point to the latest callback function
@@ -578,12 +578,12 @@ var VeltCommentPlayerTimeline = function (props) {
578
578
  });
579
579
  }
580
580
  }, []);
581
- return (React__default["default"].createElement("velt-comment-player-timeline", { ref: ref, "total-media-length": totalMediaLength }));
581
+ return (React__default["default"].createElement("velt-comment-player-timeline", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "total-media-length": totalMediaLength }));
582
582
  };
583
583
 
584
584
  var VeltVideoPlayer = function (props) {
585
- var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool;
586
- return (React__default["default"].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 }));
585
+ var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool, shadowDom = props.shadowDom;
586
+ return (React__default["default"].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 }));
587
587
  };
588
588
 
589
589
  var VeltViewAnalytics = function (props) {
@@ -597,7 +597,7 @@ var VeltCommentThread = function (props) {
597
597
  };
598
598
 
599
599
  var VeltNotificationsTool = function (props) {
600
- var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
600
+ var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom;
601
601
  var ref = React.useRef();
602
602
  var onNotificationClickRef = React.useRef(onNotificationClick);
603
603
  // Update the ref to always point to the latest callback function
@@ -614,11 +614,11 @@ var VeltNotificationsTool = function (props) {
614
614
  });
615
615
  }
616
616
  }, []);
617
- return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
617
+ return (React__default["default"].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));
618
618
  };
619
619
 
620
620
  var VeltNotificationsPanel = function (props) {
621
- var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
621
+ var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom;
622
622
  var ref = React.useRef();
623
623
  var onNotificationClickRef = React.useRef(onNotificationClick);
624
624
  // Update the ref to always point to the latest callback function
@@ -635,7 +635,7 @@ var VeltNotificationsPanel = function (props) {
635
635
  });
636
636
  }
637
637
  }, []);
638
- return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
638
+ return (React__default["default"].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 }));
639
639
  };
640
640
 
641
641
  var VeltNotificationsHistoryPanel = function (props) {