@zync/zync-screnplay-player 0.1.204 → 0.1.206

package/dist/screenplay/RemotionRenderer/hooks/useOrientationBased.js

@@ -1,13 +1,14 @@
 import { useVideoConfig } from "remotion";
-export var useOrientationBased = function useOrientationBased(perOrientationStyles) {
+export var useOrientationBased = function useOrientationBased(perOrientationStyles, orientationOverride) {
   var _useVideoConfig = useVideoConfig(),
     _useVideoConfig$props = _useVideoConfig.props.output,
     _useVideoConfig$props2 = _useVideoConfig$props === void 0 ? {
       orientation: window.screenplayProps.output.orientation
     } : _useVideoConfig$props,
     orientation = _useVideoConfig$props2.orientation;
+  var resolvedOrientation = orientationOverride || orientation;
   var result;
-  switch (orientation) {
+  switch (resolvedOrientation) {
     case "portrait":
       {
         result = perOrientationStyles.portrait;
@@ -24,6 +25,9 @@ export var useOrientationBased = function useOrientationBased(perOrientationStyl
         break;
       }
   }
-  result.orientation = orientation;
+  if (!result) {
+    result = perOrientationStyles.landscape || perOrientationStyles.portrait || perOrientationStyles.square || {};
+  }
+  result.orientation = resolvedOrientation;
   return result;
 };

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

@@ -0,0 +1,22 @@
+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 _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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 { CreatorCollabSplitLayout } from './CreatorCollabSplitLayout.js';
+export var CreatorCollabColdOpenLayout = /*#__PURE__*/function (_CreatorCollabSplitLa) {
+  function CreatorCollabColdOpenLayout() {
+    _classCallCheck(this, CreatorCollabColdOpenLayout);
+    return _callSuper(this, CreatorCollabColdOpenLayout, arguments);
+  }
+  _inherits(CreatorCollabColdOpenLayout, _CreatorCollabSplitLa);
+  return _createClass(CreatorCollabColdOpenLayout);
+}(CreatorCollabSplitLayout);

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

@@ -0,0 +1,22 @@
+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 _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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 { CreatorCollabSplitLayout } from './CreatorCollabSplitLayout.js';
+export var CreatorCollabConversationSpineLayout = /*#__PURE__*/function (_CreatorCollabSplitLa) {
+  function CreatorCollabConversationSpineLayout() {
+    _classCallCheck(this, CreatorCollabConversationSpineLayout);
+    return _callSuper(this, CreatorCollabConversationSpineLayout, arguments);
+  }
+  _inherits(CreatorCollabConversationSpineLayout, _CreatorCollabSplitLa);
+  return _createClass(CreatorCollabConversationSpineLayout);
+}(CreatorCollabSplitLayout);

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

@@ -0,0 +1,22 @@
+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 _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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 { CreatorCollabSplitLayout } from './CreatorCollabSplitLayout.js';
+export var CreatorCollabDocumentaryInsetLayout = /*#__PURE__*/function (_CreatorCollabSplitLa) {
+  function CreatorCollabDocumentaryInsetLayout() {
+    _classCallCheck(this, CreatorCollabDocumentaryInsetLayout);
+    return _callSuper(this, CreatorCollabDocumentaryInsetLayout, arguments);
+  }
+  _inherits(CreatorCollabDocumentaryInsetLayout, _CreatorCollabSplitLa);
+  return _createClass(CreatorCollabDocumentaryInsetLayout);
+}(CreatorCollabSplitLayout);

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

@@ -0,0 +1,22 @@
+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 _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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 { CreatorCollabSplitLayout } from './CreatorCollabSplitLayout.js';
+export var CreatorCollabRackFocusLayout = /*#__PURE__*/function (_CreatorCollabSplitLa) {
+  function CreatorCollabRackFocusLayout() {
+    _classCallCheck(this, CreatorCollabRackFocusLayout);
+    return _callSuper(this, CreatorCollabRackFocusLayout, arguments);
+  }
+  _inherits(CreatorCollabRackFocusLayout, _CreatorCollabSplitLa);
+  return _createClass(CreatorCollabRackFocusLayout);
+}(CreatorCollabSplitLayout);

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

@@ -0,0 +1,22 @@
+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 _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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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 { CreatorCollabSplitLayout } from './CreatorCollabSplitLayout.js';
+export var CreatorCollabStudioSetLayout = /*#__PURE__*/function (_CreatorCollabSplitLa) {
+  function CreatorCollabStudioSetLayout() {
+    _classCallCheck(this, CreatorCollabStudioSetLayout);
+    return _callSuper(this, CreatorCollabStudioSetLayout, arguments);
+  }
+  _inherits(CreatorCollabStudioSetLayout, _CreatorCollabSplitLa);
+  return _createClass(CreatorCollabStudioSetLayout);
+}(CreatorCollabSplitLayout);

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

@@ -32,7 +32,7 @@ export var Layout = /*#__PURE__*/function (_Sequence) {
   return _createClass(Layout, [{
     key: "getLayoutProps",
     value: function getLayoutProps(props) {
-      var _props$data, _props$data2, _props$data$sourceVid, _props$data3, _props$data$noBackgro, _props$data$noBackgro2;
+      var _props$data, _props$data2, _props$data$sourceVid, _props$data3, _props$data4, _props$data$noBackgro, _props$data$noBackgro2;
       var sourceVideoOrientation = getVideoOrientation(props.data.sourceVideo.aspectRatio);
       var trimLeft = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.trimLeft) || 0;
       var trimRight = ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.trimRight) || 0;
@@ -60,6 +60,7 @@ export var Layout = /*#__PURE__*/function (_Sequence) {
         sourceVideoOrientation: sourceVideoOrientation,
         startVideoFrom: toFrames(this.fps * (((_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.start) + trimLeft), true) || 0,
         disableTransitionSounds: (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.disableTransitionSounds,
+        useSquareInLandscape: ((_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.useSquareInLandscape) || false,
         trimLeft: trimLeft,
         trimRight: trimRight,
         words: props.data.words,

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

@@ -24,7 +24,7 @@ export var DynamicTriangleLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(DynamicTriangleLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data$sourceVid2, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data7, _props$data8, _props$data9, _props$data10, _props$data11, _props$data12, _props$data13;
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data7, _props$data8, _props$data9, _props$data10, _props$data11, _props$data12, _props$data13, _props$data14;
       this.props = {
         videoUrl: (_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.videoUrl,
         videoZoom: ((_props$data$sourceVid2 = props.data.sourceVideo) === null || _props$data$sourceVid2 === void 0 ? void 0 : _props$data$sourceVid2.zoom) || 1,
@@ -47,7 +47,8 @@ export var DynamicTriangleLayout = /*#__PURE__*/function (_Layout) {
         maskAnimationDuration: ((_props$data11 = props.data) === null || _props$data11 === void 0 ? void 0 : _props$data11.maskAnimationDuration) || 2,
         // Duration in seconds for mask animation
         sentenceText: (_props$data12 = props.data) === null || _props$data12 === void 0 ? void 0 : _props$data12.sentenceText,
-        text: (_props$data13 = props.data) === null || _props$data13 === void 0 ? void 0 : _props$data13.text
+        text: (_props$data13 = props.data) === null || _props$data13 === void 0 ? void 0 : _props$data13.text,
+        useSquareInLandscape: ((_props$data14 = props.data) === null || _props$data14 === void 0 ? void 0 : _props$data14.useSquareInLandscape) || false
       };
     }
   }]);

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

@@ -27,7 +27,7 @@ export var HandoffLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(HandoffLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data6$firstNoB, _props$data7, _props$data7$firstNoB, _props$data8, _props$data9, _props$data10, _props$data11, _props$data11$secondN, _props$data12, _props$data12$secondN, _props$data$sourceVid2, _props$data$sourceVid3, _props$data13, _props$data14;
+      var _props$data$sourceVid, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data6$firstNoB, _props$data7, _props$data7$firstNoB, _props$data8, _props$data9, _props$data10, _props$data11, _props$data11$secondN, _props$data12, _props$data12$secondN, _props$data$sourceVid2, _props$data$sourceVid3, _props$data13, _props$data14, _props$data15;
       var sourceVideoOrientation = getVideoOrientation((_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.aspectRatio);
       this.props = {
         startFirstVideoFrom: toFrames(this.fps * (((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.startFirstVideoFrom) + (((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.trimLeft) || 0)), true) || 0,
@@ -44,8 +44,9 @@ export var HandoffLayout = /*#__PURE__*/function (_Layout) {
         sourceVideoOrientation: sourceVideoOrientation,
         videoZoom: ((_props$data$sourceVid3 = props.data.sourceVideo) === null || _props$data$sourceVid3 === void 0 ? void 0 : _props$data$sourceVid3.zoom) || 1,
         useSquareInLandscapeFirstVideo: ((_props$data13 = props.data) === null || _props$data13 === void 0 ? void 0 : _props$data13.useSquareInLandscapeFirstVideo) || false,
+        useSquareInLandscapeSecondVideo: ((_props$data14 = props.data) === null || _props$data14 === void 0 ? void 0 : _props$data14.useSquareInLandscapeSecondVideo) || false,
         text: props.data.text,
-        handoffOverlapSeconds: ((_props$data14 = props.data) === null || _props$data14 === void 0 ? void 0 : _props$data14.handoffOverlapSeconds) || 0
+        handoffOverlapSeconds: ((_props$data15 = props.data) === null || _props$data15 === void 0 ? void 0 : _props$data15.handoffOverlapSeconds) || 0
       };
     }
   }]);

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

@@ -24,9 +24,11 @@ export var IntroVideoLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(IntroVideoLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
+      var _props$data;
       this.props = {
         sentenceText: props.data.sentenceText,
-        sentenceTextTwo: props.data.sentenceTextTwo
+        sentenceTextTwo: props.data.sentenceTextTwo,
+        useSquareInLandscape: ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.useSquareInLandscape) || false
       };
     }
   }]);

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

@@ -24,12 +24,13 @@ export var KeywordLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(KeywordLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data$sourceVid2, _props$data;
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data, _props$data2;
       this.props = {
         videoUrl: (_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.videoUrl,
         videoZoom: ((_props$data$sourceVid2 = props.data.sourceVideo) === null || _props$data$sourceVid2 === void 0 ? void 0 : _props$data$sourceVid2.zoom) || 1,
         disableTransitionSounds: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.disableTransitionSounds,
-        words: props.data.words
+        words: props.data.words,
+        useSquareInLandscape: ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.useSquareInLandscape) || false
       };
     }
   }]);

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

@@ -9,6 +9,11 @@ import { Layout } from "./DefaultLayout.js";
 import { TextWithVideoLayout } from "./TextWithVideoLayout.js";
 import { HandoffLayout } from "./HandoffLayout.js";
 import { CreatorCollabSplitLayout } from "./CreatorCollabSplitLayout.js";
+import { CreatorCollabColdOpenLayout } from "./CreatorCollabColdOpenLayout.js";
+import { CreatorCollabDocumentaryInsetLayout } from "./CreatorCollabDocumentaryInsetLayout.js";
+import { CreatorCollabRackFocusLayout } from "./CreatorCollabRackFocusLayout.js";
+import { CreatorCollabStudioSetLayout } from "./CreatorCollabStudioSetLayout.js";
+import { CreatorCollabConversationSpineLayout } from "./CreatorCollabConversationSpineLayout.js";
 import { MotionStillLayout } from "./MotionStillLayout.js";
 import { KeywordLayout } from "./KeywordLayout.js";
 import { IntroVideoLayout } from "./IntroVideoLayout";
@@ -44,6 +49,26 @@ export var LayoutFactory = /*#__PURE__*/function () {
           {
             return new CreatorCollabSplitLayout(props).flatten();
           }
+        case "creator_collab_cold_open":
+          {
+            return new CreatorCollabColdOpenLayout(props).flatten();
+          }
+        case "creator_collab_documentary_inset":
+          {
+            return new CreatorCollabDocumentaryInsetLayout(props).flatten();
+          }
+        case "creator_collab_rack_focus":
+          {
+            return new CreatorCollabRackFocusLayout(props).flatten();
+          }
+        case "creator_collab_studio_set":
+          {
+            return new CreatorCollabStudioSetLayout(props).flatten();
+          }
+        case "creator_collab_conversation_spine":
+          {
+            return new CreatorCollabConversationSpineLayout(props).flatten();
+          }
         case "motion_still":
         case "motion_still_green_screen":
         case "motion_still_full_screen":

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

@@ -24,12 +24,13 @@ export var MotionStillLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(MotionStillLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data$sourceVid2, _props$data;
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data, _props$data2;
       this.props = {
         videoUrl: (_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.videoUrl,
         imageUrl: props.data.imageUrl,
         videoZoom: ((_props$data$sourceVid2 = props.data.sourceVideo) === null || _props$data$sourceVid2 === void 0 ? void 0 : _props$data$sourceVid2.zoom) || 1,
-        disableTransitionSounds: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.disableTransitionSounds
+        disableTransitionSounds: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.disableTransitionSounds,
+        useSquareInLandscape: ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.useSquareInLandscape) || false
       };
     }
   }]);

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

@@ -38,14 +38,15 @@ export var TextWithVideoLayout = /*#__PURE__*/function (_Layout) {
   }, {
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data$sourceVid2, _props$data$sourceVid3, _props$data;
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data$sourceVid3, _props$data, _props$data2;
       var sourceVideoOrientation = getVideoOrientation((_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.aspectRatio);
       this.props = {
         videoUrl: (_props$data$sourceVid2 = props.data.sourceVideo) === null || _props$data$sourceVid2 === void 0 ? void 0 : _props$data$sourceVid2.videoUrl,
         sourceVideoOrientation: sourceVideoOrientation,
         videoZoom: ((_props$data$sourceVid3 = props.data.sourceVideo) === null || _props$data$sourceVid3 === void 0 ? void 0 : _props$data$sourceVid3.zoom) || 1,
         text: props.data.text,
-        disableTransitionSounds: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.disableTransitionSounds
+        disableTransitionSounds: (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.disableTransitionSounds,
+        useSquareInLandscape: ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.useSquareInLandscape) || false
       };
     }
   }]);

package/dist/screenplay/RemotionRenderer/registeredComponents.js

@@ -10,6 +10,11 @@ import { Title } from "./components/effects/Title";
 import { Watermark } from "./tracks/Watermark";
 import { Handoff } from "./components/layouts/Handoff";
 import { CreatorCollabSplit } from "./components/layouts/CreatorCollabSplit";
+import { CreatorCollabColdOpen } from "./components/layouts/CreatorCollabColdOpen";
+import { CreatorCollabDocumentaryInset } from "./components/layouts/CreatorCollabDocumentaryInset";
+import { CreatorCollabRackFocus } from "./components/layouts/CreatorCollabRackFocus";
+import { CreatorCollabStudioSet } from "./components/layouts/CreatorCollabStudioSet";
+import { CreatorCollabConversationSpine } from "./components/layouts/CreatorCollabConversationSpine";
 import { HandoffNametag } from "./components/effects/HandoffNametag";
 import { MotionStill } from "./components/layouts/MotionStill";
 import { Keyword } from "./components/layouts/Keyword";
@@ -51,6 +56,11 @@ export var RegisteredComponents = {
   TextWithVideo: TextWithVideo,
   Handoff: Handoff,
   CreatorCollabSplit: CreatorCollabSplit,
+  CreatorCollabColdOpen: CreatorCollabColdOpen,
+  CreatorCollabDocumentaryInset: CreatorCollabDocumentaryInset,
+  CreatorCollabRackFocus: CreatorCollabRackFocus,
+  CreatorCollabStudioSet: CreatorCollabStudioSet,
+  CreatorCollabConversationSpine: CreatorCollabConversationSpine,
   MotionStill: MotionStill,
   MotionStillFullScreen: MotionStillFullScreen,
   MotionStillGreenScreen: MotionStillGreenScreenV2,

package/package.json

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