@zync/zync-screnplay-player 0.1.209 → 0.1.211

package/dist/screenplay/RemotionRenderer/development.js

@@ -337,7 +337,30 @@ var renderer = new RemotionRenderer({
     }]
   }, {
     type: "effect",
-    segments: []
+    segments: [{
+      type: "title",
+      theme: "collabintro",
+      data: {
+        offset: 0,
+        duration: 5,
+        text: "Rafal Bagrowski: Video Test",
+        secondVideoFile: "https://stream.mux.com/FNnPyiymEzcjTW1BhsKLJZaPF7mh4BEOlxCOuqxRn500/highest.mp4",
+        startSecondVideoFrom: 0,
+        collaboratorName: "rafal test",
+        activeSpeaker: "creator"
+      }
+    }, {
+      type: "nametag",
+      theme: "collabintro",
+      data: {
+        offset: 1.1,
+        duration: 6.0,
+        fullName: "Rafal Bagrowski",
+        title: "test",
+        activeSpeaker: "creator",
+        showChrome: false
+      }
+    }]
   }, {
     type: "caption",
     segments: []

package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabSplitLayout.js

@@ -1,10 +1,4 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -18,8 +12,7 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import { Layout } from "./DefaultLayout.js";
-import { getVideoOrientation } from "../../../helpers/getVideoOrientation.js";
-import { cleanFacemetadata } from "../../../helpers/cleanFacemetadata";
+import { getCreatorCollabLayoutProps } from "./creatorCollabProps.js";
 export var CreatorCollabSplitLayout = /*#__PURE__*/function (_Layout) {
   function CreatorCollabSplitLayout(props) {
     var _this;
@@ -32,37 +25,7 @@ export var CreatorCollabSplitLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(CreatorCollabSplitLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data, _props$data2, _props$data2$firstNoB, _props$data3, _props$data3$firstNoB, _props$data4, _props$data5, _props$data6, _props$data7, _props$data8, _props$data9, _props$data10, _props$data11, _props$data12;
-      var sourceVideoOrientation = getVideoOrientation((_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.aspectRatio);
-      var coerceBool = function coerceBool(value) {
-        return value === true || value === "true" || value === 1 || value === "1";
-      };
-      var coerceEffects = function coerceEffects(effects) {
-        if (!effects) return effects;
-        return Object.entries(effects).reduce(function (acc, _ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            key = _ref2[0],
-            value = _ref2[1];
-          acc[key] = coerceBool(value);
-          return acc;
-        }, {});
-      };
-      this.props = {
-        firstVideoFile: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.firstVideoFile,
-        firstNoBackgroundVideoUrl: (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : (_props$data2$firstNoB = _props$data2.firstNoBackgroundVideo) === null || _props$data2$firstNoB === void 0 ? void 0 : _props$data2$firstNoB.videoUrl,
-        firstNoBackgroundFaceMetadata: cleanFacemetadata((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : (_props$data3$firstNoB = _props$data3.firstNoBackgroundVideo) === null || _props$data3$firstNoB === void 0 ? void 0 : _props$data3$firstNoB.faceMetadata),
-        startSecondVideoFrom: 0,
-        secondVideoFile: (_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.secondVideoFile,
-        text: (_props$data5 = props.data) === null || _props$data5 === void 0 ? void 0 : _props$data5.text,
-        fullName: (_props$data6 = props.data) === null || _props$data6 === void 0 ? void 0 : _props$data6.fullName,
-        title: (_props$data7 = props.data) === null || _props$data7 === void 0 ? void 0 : _props$data7.title,
-        collaboratorName: (_props$data8 = props.data) === null || _props$data8 === void 0 ? void 0 : _props$data8.collaboratorName,
-        collaboratorTitle: (_props$data9 = props.data) === null || _props$data9 === void 0 ? void 0 : _props$data9.collaboratorTitle,
-        topicLabel: (_props$data10 = props.data) === null || _props$data10 === void 0 ? void 0 : _props$data10.topicLabel,
-        activeSpeaker: (_props$data11 = props.data) === null || _props$data11 === void 0 ? void 0 : _props$data11.activeSpeaker,
-        noBackgroundVideoEffects: coerceEffects((_props$data12 = props.data) === null || _props$data12 === void 0 ? void 0 : _props$data12.noBackgroundVideoEffects),
-        sourceVideoOrientation: sourceVideoOrientation
-      };
+      this.props = getCreatorCollabLayoutProps(props.data, this.fps);
     }
   }]);
 }(Layout);

package/dist/screenplay/RemotionRenderer/main/lib/layouts/creatorCollabProps.js

@@ -0,0 +1,84 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { toFrames } from '../Sequence.js';
+import { getVideoOrientation } from '../../../helpers/getVideoOrientation.js';
+import { cleanFacemetadata } from '../../../helpers/cleanFacemetadata';
+var coerceBool = function coerceBool(value) {
+  return value === true || value === 'true' || value === 1 || value === '1';
+};
+var coerceEffects = function coerceEffects(effects) {
+  if (!effects) return effects;
+  return Object.entries(effects).reduce(function (acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    acc[key] = coerceBool(value);
+    return acc;
+  }, {});
+};
+export var getCreatorCollabLayoutProps = function getCreatorCollabLayoutProps(data, fps) {
+  var _data$sourceVideo, _data$firstNoBackgrou, _data$firstNoBackgrou2, _data$sourceVideo2, _data$sourceVideo3, _data$sourceVideo4;
+  if (!data) {
+    return {};
+  }
+  var trimLeft = (data === null || data === void 0 ? void 0 : data.trimLeft) || 0;
+  var sourceVideoOrientation = data !== null && data !== void 0 && (_data$sourceVideo = data.sourceVideo) !== null && _data$sourceVideo !== void 0 && _data$sourceVideo.aspectRatio ? getVideoOrientation(data.sourceVideo.aspectRatio) : undefined;
+  return {
+    firstVideoFile: data === null || data === void 0 ? void 0 : data.firstVideoFile,
+    firstNoBackgroundVideoUrl: data === null || data === void 0 ? void 0 : (_data$firstNoBackgrou = data.firstNoBackgroundVideo) === null || _data$firstNoBackgrou === void 0 ? void 0 : _data$firstNoBackgrou.videoUrl,
+    firstNoBackgroundFaceMetadata: cleanFacemetadata(data === null || data === void 0 ? void 0 : (_data$firstNoBackgrou2 = data.firstNoBackgroundVideo) === null || _data$firstNoBackgrou2 === void 0 ? void 0 : _data$firstNoBackgrou2.faceMetadata),
+    startSecondVideoFrom: toFrames(fps * ((data === null || data === void 0 ? void 0 : data.startSecondVideoFrom) || 0), true) || 0,
+    secondVideoFile: data === null || data === void 0 ? void 0 : data.secondVideoFile,
+    text: data === null || data === void 0 ? void 0 : data.text,
+    fullName: data === null || data === void 0 ? void 0 : data.fullName,
+    name: data === null || data === void 0 ? void 0 : data.fullName,
+    title: data === null || data === void 0 ? void 0 : data.title,
+    collaboratorName: data === null || data === void 0 ? void 0 : data.collaboratorName,
+    collaboratorTitle: data === null || data === void 0 ? void 0 : data.collaboratorTitle,
+    topicLabel: data === null || data === void 0 ? void 0 : data.topicLabel,
+    activeSpeaker: data === null || data === void 0 ? void 0 : data.activeSpeaker,
+    noBackgroundVideoEffects: coerceEffects(data === null || data === void 0 ? void 0 : data.noBackgroundVideoEffects),
+    sourceVideoOrientation: sourceVideoOrientation,
+    startVideoFrom: toFrames(fps * (((data === null || data === void 0 ? void 0 : (_data$sourceVideo2 = data.sourceVideo) === null || _data$sourceVideo2 === void 0 ? void 0 : _data$sourceVideo2.start) || 0) + trimLeft), true) || 0,
+    videoUrl: data === null || data === void 0 ? void 0 : (_data$sourceVideo3 = data.sourceVideo) === null || _data$sourceVideo3 === void 0 ? void 0 : _data$sourceVideo3.videoUrl,
+    videoZoom: data === null || data === void 0 ? void 0 : (_data$sourceVideo4 = data.sourceVideo) === null || _data$sourceVideo4 === void 0 ? void 0 : _data$sourceVideo4.zoom
+  };
+};
+export var getCreatorCollabEffectProps = function getCreatorCollabEffectProps() {
+  var _ref3, _effectData$firstVide, _effectData$sourceVid, _effectData$firstNoBa, _effectData$firstNoBa2, _effectData$firstNoBa3, _effectData$firstNoBa4, _effectData$startVide, _effectData$sourceVid2, _effectData$videoUrl, _effectData$sourceVid3, _effectData$videoZoom, _effectData$sourceVid4, _effectData$text, _ref4, _ref5, _effectData$fullName, _ref6, _ref7, _effectData$name, _effectData$title, _effectData$collabora, _effectData$collabora2, _effectData$topicLabe, _effectData$activeSpe, _effectData$secondVid, _effectData$startSeco, _effectData$sourceVid5;
+  var effectData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var layoutData = arguments.length > 1 ? arguments[1] : undefined;
+  var fps = arguments.length > 2 ? arguments[2] : undefined;
+  var layoutProps = getCreatorCollabLayoutProps(layoutData, fps);
+  var effectFirstVideoFile = (_ref3 = (_effectData$firstVide = effectData.firstVideoFile) !== null && _effectData$firstVide !== void 0 ? _effectData$firstVide : effectData.videoUrl) !== null && _ref3 !== void 0 ? _ref3 : (_effectData$sourceVid = effectData.sourceVideo) === null || _effectData$sourceVid === void 0 ? void 0 : _effectData$sourceVid.videoUrl;
+  var effectFirstNoBackgroundVideoUrl = (_effectData$firstNoBa = effectData.firstNoBackgroundVideoUrl) !== null && _effectData$firstNoBa !== void 0 ? _effectData$firstNoBa : (_effectData$firstNoBa2 = effectData.firstNoBackgroundVideo) === null || _effectData$firstNoBa2 === void 0 ? void 0 : _effectData$firstNoBa2.videoUrl;
+  var effectFirstNoBackgroundFaceMetadata = (_effectData$firstNoBa3 = effectData.firstNoBackgroundFaceMetadata) !== null && _effectData$firstNoBa3 !== void 0 ? _effectData$firstNoBa3 : cleanFacemetadata((_effectData$firstNoBa4 = effectData.firstNoBackgroundVideo) === null || _effectData$firstNoBa4 === void 0 ? void 0 : _effectData$firstNoBa4.faceMetadata);
+  var effectNoBackgroundVideoEffects = effectData.noBackgroundVideoEffects ? coerceEffects(effectData.noBackgroundVideoEffects) : undefined;
+  var effectStartVideoFrom = (_effectData$startVide = effectData.startVideoFrom) !== null && _effectData$startVide !== void 0 ? _effectData$startVide : typeof ((_effectData$sourceVid2 = effectData.sourceVideo) === null || _effectData$sourceVid2 === void 0 ? void 0 : _effectData$sourceVid2.start) === 'number' ? toFrames(fps * effectData.sourceVideo.start, false, true) : undefined;
+  var effectVideoUrl = (_effectData$videoUrl = effectData.videoUrl) !== null && _effectData$videoUrl !== void 0 ? _effectData$videoUrl : (_effectData$sourceVid3 = effectData.sourceVideo) === null || _effectData$sourceVid3 === void 0 ? void 0 : _effectData$sourceVid3.videoUrl;
+  var effectVideoZoom = (_effectData$videoZoom = effectData.videoZoom) !== null && _effectData$videoZoom !== void 0 ? _effectData$videoZoom : (_effectData$sourceVid4 = effectData.sourceVideo) === null || _effectData$sourceVid4 === void 0 ? void 0 : _effectData$sourceVid4.zoom;
+  return {
+    text: (_effectData$text = effectData.text) !== null && _effectData$text !== void 0 ? _effectData$text : layoutProps.text,
+    fullName: (_ref4 = (_ref5 = (_effectData$fullName = effectData.fullName) !== null && _effectData$fullName !== void 0 ? _effectData$fullName : effectData.name) !== null && _ref5 !== void 0 ? _ref5 : layoutProps.fullName) !== null && _ref4 !== void 0 ? _ref4 : layoutProps.name,
+    name: (_ref6 = (_ref7 = (_effectData$name = effectData.name) !== null && _effectData$name !== void 0 ? _effectData$name : effectData.fullName) !== null && _ref7 !== void 0 ? _ref7 : layoutProps.name) !== null && _ref6 !== void 0 ? _ref6 : layoutProps.fullName,
+    title: (_effectData$title = effectData.title) !== null && _effectData$title !== void 0 ? _effectData$title : layoutProps.title,
+    collaboratorName: (_effectData$collabora = effectData.collaboratorName) !== null && _effectData$collabora !== void 0 ? _effectData$collabora : layoutProps.collaboratorName,
+    collaboratorTitle: (_effectData$collabora2 = effectData.collaboratorTitle) !== null && _effectData$collabora2 !== void 0 ? _effectData$collabora2 : layoutProps.collaboratorTitle,
+    topicLabel: (_effectData$topicLabe = effectData.topicLabel) !== null && _effectData$topicLabe !== void 0 ? _effectData$topicLabe : layoutProps.topicLabel,
+    activeSpeaker: (_effectData$activeSpe = effectData.activeSpeaker) !== null && _effectData$activeSpe !== void 0 ? _effectData$activeSpe : layoutProps.activeSpeaker,
+    firstVideoFile: effectFirstVideoFile !== null && effectFirstVideoFile !== void 0 ? effectFirstVideoFile : layoutProps.firstVideoFile,
+    firstNoBackgroundVideoUrl: effectFirstNoBackgroundVideoUrl !== null && effectFirstNoBackgroundVideoUrl !== void 0 ? effectFirstNoBackgroundVideoUrl : layoutProps.firstNoBackgroundVideoUrl,
+    firstNoBackgroundFaceMetadata: effectFirstNoBackgroundFaceMetadata !== null && effectFirstNoBackgroundFaceMetadata !== void 0 ? effectFirstNoBackgroundFaceMetadata : layoutProps.firstNoBackgroundFaceMetadata,
+    secondVideoFile: (_effectData$secondVid = effectData.secondVideoFile) !== null && _effectData$secondVid !== void 0 ? _effectData$secondVid : layoutProps.secondVideoFile,
+    startSecondVideoFrom: (_effectData$startSeco = effectData.startSecondVideoFrom) !== null && _effectData$startSeco !== void 0 ? _effectData$startSeco : layoutProps.startSecondVideoFrom,
+    noBackgroundVideoEffects: effectNoBackgroundVideoEffects !== null && effectNoBackgroundVideoEffects !== void 0 ? effectNoBackgroundVideoEffects : layoutProps.noBackgroundVideoEffects,
+    sourceVideoOrientation: (_effectData$sourceVid5 = effectData.sourceVideoOrientation) !== null && _effectData$sourceVid5 !== void 0 ? _effectData$sourceVid5 : layoutProps.sourceVideoOrientation,
+    startVideoFrom: effectStartVideoFrom !== null && effectStartVideoFrom !== void 0 ? effectStartVideoFrom : layoutProps.startVideoFrom,
+    videoUrl: effectVideoUrl !== null && effectVideoUrl !== void 0 ? effectVideoUrl : layoutProps.videoUrl,
+    videoZoom: effectVideoZoom !== null && effectVideoZoom !== void 0 ? effectVideoZoom : layoutProps.videoZoom
+  };
+};

package/dist/screenplay/RemotionRenderer/main/screenplaySchema.js

@@ -2,7 +2,7 @@ import z from "zod";
 var hexColorRegex = /^#(?:[0-9a-fA-F]{3}){1,2}$/;
 
 // Supported values
-var themes = ["default"];
+var themes = ["default", "glitch", "glassmorphism", "sports", "sportsbounce", "bigbold", "pushpull", "none", "depth", "collabintro"];
 var orientations = ["landscape", "portrait", "square"];
 var segmentTypes = ["segment", "effect", "caption", "audio"];
 var fps = [30, 60];

package/dist/screenplay/RemotionRenderer/theme/hooks/useThemedComponents.js

@@ -24,6 +24,8 @@ import { GlitchNametag } from "../themes/glitch/GlitchNametag";
 import { GlitchSentence } from "../themes/glitch/GlitchSentence";
 import { NoneNametag } from "../themes/none/Nametag";
 import { NoneTitle } from "../themes/none/Title";
+import { Title as CollabIntroTitle } from "../themes/collabintro/Title";
+import { Nametag as CollabIntroNametag } from "../themes/collabintro/Nametag";
 import { KeyPointOverlayDepth } from "../../components/layouts/KeyPointOverlayDepth";
 
 /** Always update this when adding a new theme and/or components. */
@@ -69,6 +71,10 @@ var themedComponents = {
     Nametag: NoneNametag,
     Title: NoneTitle
   },
+  collabintro: {
+    Title: CollabIntroTitle,
+    Nametag: CollabIntroNametag
+  },
   depth: {
     Sentence: KeyPointOverlayDepth
   }

package/dist/screenplay/RemotionRenderer/theme/themes/collabintro/Nametag.js

@@ -0,0 +1,14 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+import { CreatorCollabColdOpenVisual } from "../../../components/layouts/CreatorCollabColdOpenVisual";
+export var Nametag = function Nametag(props) {
+  var _props$showChrome;
+  return /*#__PURE__*/React.createElement(CreatorCollabColdOpenVisual, _extends({}, props, {
+    renderChildren: false,
+    showBackground: false,
+    showTitleElements: false,
+    showPreview: false,
+    showLowerThird: true,
+    showChrome: (_props$showChrome = props.showChrome) !== null && _props$showChrome !== void 0 ? _props$showChrome : false
+  }));
+};

package/dist/screenplay/RemotionRenderer/theme/themes/collabintro/Title.js

@@ -0,0 +1,19 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+import { CreatorCollabColdOpenVisual } from "../../../components/layouts/CreatorCollabColdOpenVisual";
+export var Title = function Title(props) {
+  var _props$showChrome;
+  return /*#__PURE__*/React.createElement(CreatorCollabColdOpenVisual, _extends({}, props, {
+    renderChildren: false,
+    showBackground: false,
+    showCreatorVideo: false,
+    showBackdropOverlays: true,
+    showTitleElements: true,
+    showPreview: true,
+    showLowerThird: false,
+    showChrome: (_props$showChrome = props.showChrome) !== null && _props$showChrome !== void 0 ? _props$showChrome : true,
+    previewEnterStartSeconds: 1.1,
+    previewEnterEndSeconds: 2.2,
+    compactTitleEnterStartSeconds: 0.8
+  }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zync/zync-screnplay-player",
-  "version": "0.1.209",
+  "version": "0.1.211",
   "files": [
     "dist"
   ],