@zync/zync-screnplay-player 0.1.187

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

@@ -0,0 +1,54 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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; }
+import { interpolate, useCurrentFrame, useVideoConfig } from "remotion";
+export var DEFAULT_TIME_INTERPOLATE_OPTIONS = {
+  extrapolateRight: "clamp",
+  extrapolateLeft: "clamp"
+};
+export var calculateInputRangeInPhases = function calculateInputRangeInPhases(phaseDurations, delayInSeconds) {
+  var inputRange = [];
+  var cumulativeSum = 0 + delayInSeconds;
+  var _iterator = _createForOfIteratorHelper(phaseDurations),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var duration = _step.value;
+      inputRange.push(cumulativeSum);
+      cumulativeSum += duration;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  inputRange.push(cumulativeSum); // Add the final cumulative value
+  return inputRange;
+};
+export var useTimeInterpolate = function useTimeInterpolate() {
+  var inputRangeInSeconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [0, 1];
+  var
+  // interpolate from zeroth second to the first second
+  outputRange = arguments.length > 1 ? arguments[1] : undefined;
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  var frame = useCurrentFrame();
+  var _useVideoConfig = useVideoConfig(),
+    fps = _useVideoConfig.fps;
+  var inputRangeAdjusted = inputRangeInSeconds.map(function (num) {
+    return num * fps;
+  });
+  return interpolate(frame, inputRangeAdjusted, outputRange, options);
+};
+export var timeInterpolate = function timeInterpolate() {
+  var inputRangeInSeconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [0, 1];
+  var
+  // interpolate from zeroth second to the first second
+  outputRange = arguments.length > 1 ? arguments[1] : undefined;
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  var fps = arguments.length > 3 ? arguments[3] : undefined;
+  var frame = arguments.length > 4 ? arguments[4] : undefined;
+  var inputRangeAdjusted = inputRangeInSeconds.map(function (num) {
+    return num * fps;
+  });
+  return interpolate(frame, inputRangeAdjusted, outputRange, options);
+};

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

@@ -0,0 +1,38 @@
+import { useVideoConfig } from "remotion";
+import { useOrientationBased } from "./useOrientationBased";
+
+// Returns orientation-aware virtual background info from screenplay input
+export var useVirtualBackground = function useVirtualBackground() {
+  var _window, _window$screenplayPro;
+  var _useVideoConfig = useVideoConfig(),
+    _useVideoConfig$props = _useVideoConfig.props,
+    _useVideoConfig$props2 = _useVideoConfig$props === void 0 ? {} : _useVideoConfig$props,
+    _useVideoConfig$props3 = _useVideoConfig$props2.input,
+    input = _useVideoConfig$props3 === void 0 ? ((_window = window) === null || _window === void 0 ? void 0 : (_window$screenplayPro = _window.screenplayProps) === null || _window$screenplayPro === void 0 ? void 0 : _window$screenplayPro.input) || {} : _useVideoConfig$props3;
+  var _ref = input || {},
+    userBackgroundType = _ref.userBackgroundType,
+    dynamicBackgroundLandscape = _ref.dynamicBackgroundLandscape,
+    dynamicBackgroundPortrait = _ref.dynamicBackgroundPortrait,
+    dynamicBackgroundSquare = _ref.dynamicBackgroundSquare;
+
+  // Pick the correct URL for the current output orientation
+  var perOrientation = useOrientationBased({
+    landscape: {
+      url: dynamicBackgroundLandscape
+    },
+    portrait: {
+      url: dynamicBackgroundPortrait
+    },
+    square: {
+      url: dynamicBackgroundSquare
+    }
+  });
+  var url = perOrientation === null || perOrientation === void 0 ? void 0 : perOrientation.url;
+  var orientation = perOrientation === null || perOrientation === void 0 ? void 0 : perOrientation.orientation;
+  var isVirtual = userBackgroundType === "virtual" && typeof url === "string" && url.length > 0;
+  return {
+    isVirtual: isVirtual,
+    url: url,
+    orientation: orientation
+  };
+};

package/dist/screenplay/RemotionRenderer/index.js

@@ -0,0 +1,3 @@
+import { registerRoot } from "remotion";
+import { RemotionRoot } from "./Root";
+registerRoot(RemotionRoot);

package/dist/screenplay/RemotionRenderer/main/lib/Sequence.js

@@ -0,0 +1,76 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, 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); }
+export var toPascalCase = function toPascalCase(snakeCaseStr) {
+  return snakeCaseStr.split("_") // Split the string by underscores
+  .map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }) // Capitalize the first letter of each word
+  .join(""); // Join the words back together without separators
+};
+export var toFrames = function toFrames(number) {
+  var useEven = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var allowZero = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (typeof number === "number" && Number.isFinite(number)) {
+    var minimumFrame = allowZero ? 0 : 1;
+    var rounded = Math.round(number);
+    var frames = Math.max(minimumFrame, rounded);
+    if (!useEven) {
+      return frames;
+    }
+    var minEven = minimumFrame % 2 === 0 ? minimumFrame : minimumFrame + 1;
+    if (frames % 2 === 0) {
+      return Math.max(minEven, frames);
+    }
+    var lowerEven = frames - 1;
+    if (lowerEven >= minEven) {
+      // Prefer not to overshoot the requested timestamp when we can stay within bounds.
+      return lowerEven;
+    }
+
+    // Fall back to the next admissible even value (may overshoot by a frame near the start).
+    var higherEven = frames + 1;
+    return Math.max(minEven, higherEven);
+  }
+  return undefined;
+};
+export var Sequence = /*#__PURE__*/function () {
+  function Sequence(props) {
+    _classCallCheck(this, Sequence);
+    _defineProperty(this, "fps", 30);
+    _defineProperty(this, "component", void 0);
+    _defineProperty(this, "config", {});
+    // props shared across layouts
+    _defineProperty(this, "props", {});
+    // specific layout props
+    _defineProperty(this, "from", void 0);
+    _defineProperty(this, "durationInFrames", void 0);
+    _defineProperty(this, "to", void 0);
+    var duration = props.data.duration;
+    var trimLeft = props.data.trimLeft || 0;
+    var trimRight = props.data.trimRight || 0;
+    var netDuration = duration - trimLeft - trimRight;
+    this.from = this.fps * props.data.offset || 0;
+    this.durationInFrames = toFrames(this.fps * netDuration);
+    this.to = this.from + this.durationInFrames;
+    this.component = toPascalCase(props.type);
+  }
+  return _createClass(Sequence, [{
+    key: "flatten",
+    value: function flatten() {
+      return _objectSpread(_objectSpread({
+        fps: this.fps,
+        from: this.from,
+        to: this.to,
+        durationInFrames: this.durationInFrames,
+        component: this.component
+      }, this.config), this.props);
+    }
+  }]);
+}();

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

@@ -0,0 +1,72 @@
+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; }
+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 _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 { Sequence, toFrames } from "../Sequence.js";
+import { getVideoOrientation } from "../../../helpers/getVideoOrientation.js";
+import { cleanFacemetadata } from "../../../helpers/cleanFacemetadata";
+export var Layout = /*#__PURE__*/function (_Sequence) {
+  function Layout(props) {
+    var _this;
+    _classCallCheck(this, Layout);
+    _this = _callSuper(this, Layout, [props]);
+    _this.getLayoutProps(props);
+    return _this;
+  }
+  _inherits(Layout, _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 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;
+
+      // Coerce effect toggles to strict booleans (handles strings like "true")
+      var coerceBool = function coerceBool(val) {
+        return val === true || val === "true" || val === 1 || val === "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.config = {
+        theme: props.theme,
+        frameColor: props.data.frameColor,
+        logoUrl: props.data.logoUrl,
+        videoUrl: props.data.sourceVideo.videoUrl,
+        videoZoom: props.data.sourceVideo.zoom,
+        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,
+        trimLeft: trimLeft,
+        trimRight: trimRight,
+        words: props.data.words,
+        noBackgroundVideoUrl: (_props$data$noBackgro = props.data.noBackgroundVideo) === null || _props$data$noBackgro === void 0 ? void 0 : _props$data$noBackgro.videoUrl,
+        noBackgroundVideoEffects: coerceEffects(props.data.noBackgroundVideoEffects),
+        faceMetadata: cleanFacemetadata((_props$data$noBackgro2 = props.data.noBackgroundVideo) === null || _props$data$noBackgro2 === void 0 ? void 0 : _props$data$noBackgro2.faceMetadata)
+      };
+    }
+  }]);
+}(Sequence);

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

@@ -0,0 +1,54 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+export var DynamicTriangleLayout = /*#__PURE__*/function (_Layout) {
+  function DynamicTriangleLayout(props) {
+    var _this;
+    _classCallCheck(this, DynamicTriangleLayout);
+    _this = _callSuper(this, DynamicTriangleLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(DynamicTriangleLayout, _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;
+      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,
+        triangleSize: ((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.triangleSize) || 600,
+        triangleColor: ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.triangleColor) || "#00FF7F",
+        triangleBorderWidth: ((_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.triangleBorderWidth) || 20,
+        borderRadius: ((_props$data5 = props.data) === null || _props$data5 === void 0 ? void 0 : _props$data5.borderRadius) || 80,
+        // radius for rounded corners (default for super rounded)
+        rotationSpeed: ((_props$data6 = props.data) === null || _props$data6 === void 0 ? void 0 : _props$data6.rotationSpeed) || 30,
+        // degrees per second
+        horizontalMovement: ((_props$data7 = props.data) === null || _props$data7 === void 0 ? void 0 : _props$data7.horizontalMovement) || 0,
+        // pixels per second
+        verticalMovement: ((_props$data8 = props.data) === null || _props$data8 === void 0 ? void 0 : _props$data8.verticalMovement) || 0,
+        // pixels per second
+        maskStartScale: ((_props$data9 = props.data) === null || _props$data9 === void 0 ? void 0 : _props$data9.maskStartScale) !== undefined ? props.data.maskStartScale : 10,
+        // Default to large scale (full screen)
+        maskEndScale: ((_props$data10 = props.data) === null || _props$data10 === void 0 ? void 0 : _props$data10.maskEndScale) !== undefined ? props.data.maskEndScale : 1,
+        // Shrink to normal size
+        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
+      };
+    }
+  }]);
+}(Layout);

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

@@ -0,0 +1,50 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+import { toFrames } from "../Sequence.js";
+import { getVideoOrientation } from "../../../helpers/getVideoOrientation.js";
+import { cleanFacemetadata } from "../../../helpers/cleanFacemetadata";
+export var HandoffLayout = /*#__PURE__*/function (_Layout) {
+  function HandoffLayout(props) {
+    var _this;
+    _classCallCheck(this, HandoffLayout);
+    _this = _callSuper(this, HandoffLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(HandoffLayout, _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;
+      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,
+        firstVideoFile: (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.firstVideoFile,
+        firstVideoDuration: ((_props$data4 = props.data) === null || _props$data4 === void 0 ? void 0 : _props$data4.firstVideoDuration) - (((_props$data5 = props.data) === null || _props$data5 === void 0 ? void 0 : _props$data5.trimLeft) || 0),
+        firstNoBackgroundVideoUrl: (_props$data6 = props.data) === null || _props$data6 === void 0 ? void 0 : (_props$data6$firstNoB = _props$data6.firstNoBackgroundVideo) === null || _props$data6$firstNoB === void 0 ? void 0 : _props$data6$firstNoB.videoUrl,
+        firstNoBackgroundFaceMetadata: cleanFacemetadata((_props$data7 = props.data) === null || _props$data7 === void 0 ? void 0 : (_props$data7$firstNoB = _props$data7.firstNoBackgroundVideo) === null || _props$data7$firstNoB === void 0 ? void 0 : _props$data7$firstNoB.faceMetadata),
+        startSecondVideoFrom: toFrames(this.fps * ((_props$data8 = props.data) === null || _props$data8 === void 0 ? void 0 : _props$data8.startSecondVideoFrom), true) || 0,
+        firstVideoDurationWithoutLastSegment: (_props$data9 = props.data) === null || _props$data9 === void 0 ? void 0 : _props$data9.firstVideoDurationWithoutLastSegment,
+        secondVideoFile: (_props$data10 = props.data) === null || _props$data10 === void 0 ? void 0 : _props$data10.secondVideoFile,
+        secondNoBackgroundVideoUrl: (_props$data11 = props.data) === null || _props$data11 === void 0 ? void 0 : (_props$data11$secondN = _props$data11.secondNoBackgroundVideo) === null || _props$data11$secondN === void 0 ? void 0 : _props$data11$secondN.videoUrl,
+        secondNoBackgroundFaceMetadata: cleanFacemetadata((_props$data12 = props.data) === null || _props$data12 === void 0 ? void 0 : (_props$data12$secondN = _props$data12.secondNoBackgroundVideo) === null || _props$data12$secondN === void 0 ? void 0 : _props$data12$secondN.faceMetadata),
+        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
+      };
+    }
+  }]);
+}(Layout);

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

@@ -0,0 +1,33 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+export var IntroVideoLayout = /*#__PURE__*/function (_Layout) {
+  function IntroVideoLayout(props) {
+    var _this;
+    _classCallCheck(this, IntroVideoLayout);
+    _this = _callSuper(this, IntroVideoLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(IntroVideoLayout, _Layout);
+  return _createClass(IntroVideoLayout, [{
+    key: "getVideoProps",
+    value: function getVideoProps(props) {
+      this.props = {
+        sentenceText: props.data.sentenceText,
+        sentenceTextTwo: props.data.sentenceTextTwo
+      };
+    }
+  }]);
+}(Layout);

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

@@ -0,0 +1,36 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+export var KeywordLayout = /*#__PURE__*/function (_Layout) {
+  function KeywordLayout(props) {
+    var _this;
+    _classCallCheck(this, KeywordLayout);
+    _this = _callSuper(this, KeywordLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(KeywordLayout, _Layout);
+  return _createClass(KeywordLayout, [{
+    key: "getVideoProps",
+    value: function getVideoProps(props) {
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data;
+      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
+      };
+    }
+  }]);
+}(Layout);

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

@@ -0,0 +1,68 @@
+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 _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; }
+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); }
+import { SimpleFrameLayout } from "./SimpleFrameLayout.js";
+import { Layout } from "./DefaultLayout.js";
+import { TextWithVideoLayout } from "./TextWithVideoLayout.js";
+import { HandoffLayout } from "./HandoffLayout.js";
+import { MotionStillLayout } from "./MotionStillLayout.js";
+import { KeywordLayout } from "./KeywordLayout.js";
+import { IntroVideoLayout } from "./IntroVideoLayout";
+import { DynamicTriangleLayout } from "./DynamicTriangleLayout.js";
+export var LayoutFactory = /*#__PURE__*/function () {
+  function LayoutFactory() {
+    _classCallCheck(this, LayoutFactory);
+  }
+  return _createClass(LayoutFactory, null, [{
+    key: "createObject",
+    value: function createObject(props) {
+      switch (props.type) {
+        case "text_with_video":
+          {
+            return new TextWithVideoLayout(props).flatten();
+          }
+        case "broll_background":
+        case "simple_frame_broll":
+        case "simple_frame_sentence":
+        case "broll_split_screen":
+        case "broll_green_screen":
+        case "broll_studio_backdrop":
+        case "key_point_overlay_depth":
+        case "simple_frame":
+          {
+            return new SimpleFrameLayout(props).flatten();
+          }
+        case "handoff":
+          {
+            return new HandoffLayout(props).flatten();
+          }
+        case "motion_still":
+        case "motion_still_green_screen":
+        case "motion_still_full_screen":
+        case "motion_still_studio_backdrop":
+          {
+            return new MotionStillLayout(props).flatten();
+          }
+        case "keyword":
+          {
+            return new KeywordLayout(props).flatten();
+          }
+        case "intro_video":
+          {
+            return new IntroVideoLayout(props).flatten();
+          }
+        case "dynamic_triangle":
+          {
+            return new DynamicTriangleLayout(props).flatten();
+          }
+        default:
+          {
+            return new Layout(props).flatten();
+          }
+      }
+    }
+  }]);
+}();

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

@@ -0,0 +1,36 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+export var MotionStillLayout = /*#__PURE__*/function (_Layout) {
+  function MotionStillLayout(props) {
+    var _this;
+    _classCallCheck(this, MotionStillLayout);
+    _this = _callSuper(this, MotionStillLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(MotionStillLayout, _Layout);
+  return _createClass(MotionStillLayout, [{
+    key: "getVideoProps",
+    value: function getVideoProps(props) {
+      var _props$data$sourceVid, _props$data$sourceVid2, _props$data;
+      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
+      };
+    }
+  }]);
+}(Layout);

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

@@ -0,0 +1,43 @@
+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 _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; }
+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 _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 { Layout } from "./DefaultLayout.js";
+import { cleanFacemetadata } from "../../../helpers/cleanFacemetadata";
+import { SimpleFrameSentence } from "../../../components/layouts/SimpleFrameSentence";
+export var SimpleFrameLayout = /*#__PURE__*/function (_Layout) {
+  function SimpleFrameLayout(props) {
+    var _this;
+    _classCallCheck(this, SimpleFrameLayout);
+    _this = _callSuper(this, SimpleFrameLayout, [props]);
+    _this.getVideoProps(props);
+    return _this;
+  }
+  _inherits(SimpleFrameLayout, _Layout);
+  return _createClass(SimpleFrameLayout, [{
+    key: "getVideoProps",
+    value: function getVideoProps(props) {
+      var _props$data$noBackgro, _props$data$noBackgro2, _props$data$sourceVid, _props$data$sourceVid2, _props$data, _props$data2, _props$data3;
+      this.props = {
+        noBackgroundVideoEffects: props.data.noBackgroundVideoEffects,
+        noBackgroundVideoUrl: (_props$data$noBackgro = props.data.noBackgroundVideo) === null || _props$data$noBackgro === void 0 ? void 0 : _props$data$noBackgro.videoUrl,
+        faceMetadata: cleanFacemetadata((_props$data$noBackgro2 = props.data.noBackgroundVideo) === null || _props$data$noBackgro2 === void 0 ? void 0 : _props$data$noBackgro2.faceMetadata),
+        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,
+        brollUrl: (_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.brollUrl,
+        sentenceText: (_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.sentenceText,
+        theme: props === null || props === void 0 ? void 0 : props.theme
+      };
+    }
+  }]);
+}(Layout);