@zync/zync-screnplay-player 0.1.205 → 0.1.207

package/dist/screenplay/RemotionRenderer/registeredComponents.js

@@ -44,8 +44,8 @@ import { DynamicTriangle } from "./components/layouts/DynamicTriangle";
 import { KeywordStudioBackdrop } from "./components/layouts/KeywordStudioBackdrop";
 import { MotionStillGreenScreenV2 } from "./components/layouts/MotionStillGreenScreenV2";
 
-/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
- *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
+/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
+ *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
  * */
 export var RegisteredComponents = {
   // Layouts

package/dist/screenplay/RemotionRenderer/theme/themes/default/HandoffNametag.js

@@ -165,7 +165,9 @@ export var HandoffNametag = function HandoffNametag(_ref4) {
     _ref4$handoffNametagV = _ref4.handoffNametagVariant,
     handoffNametagVariant = _ref4$handoffNametagV === void 0 ? HANDOFF_NAMETAG_VARIANTS.BOXED : _ref4$handoffNametagV,
     _ref4$useSquareInLand = _ref4.useSquareInLandscapeFirstVideo,
-    useSquareInLandscapeFirstVideo = _ref4$useSquareInLand === void 0 ? false : _ref4$useSquareInLand;
+    useSquareInLandscapeFirstVideo = _ref4$useSquareInLand === void 0 ? false : _ref4$useSquareInLand,
+    _ref4$useSquareInLand2 = _ref4.useSquareInLandscapeSecondVideo,
+    useSquareInLandscapeSecondVideo = _ref4$useSquareInLand2 === void 0 ? false : _ref4$useSquareInLand2;
   var videoConfig = useVideoConfig();
   var fps = videoConfig.fps,
     width = videoConfig.width,
@@ -271,6 +273,10 @@ export var HandoffNametag = function HandoffNametag(_ref4) {
   var holdCenteredFrames = 3.2 * fps;
   var slideLeftFrames = 0.5 * fps;
   var containerLeftPosition = shouldShiftFirstLeftInLandscape ? interpolate(frame, [0, holdCenteredFrames, holdCenteredFrames + slideLeftFrames], [initialStartLeft, initialStartLeft, baseContainerLeft], DEFAULT_TIME_INTERPOLATE_OPTIONS) : baseContainerLeft;
+  var shouldShiftSecondLeftInLandscape = Boolean(useSquareInLandscapeSecondVideo) && outputOrientation === "landscape" && (alignment === null || alignment === void 0 ? void 0 : alignment.startsWith("second"));
+  var secondSlideStartFrames = 2.5 * fps;
+  var secondSlideDistance = -380;
+  var secondContainerTranslateX = shouldShiftSecondLeftInLandscape ? interpolate(frame, [0, secondSlideStartFrames, secondSlideStartFrames + slideLeftFrames], [0, 0, secondSlideDistance], DEFAULT_TIME_INTERPOLATE_OPTIONS) : 0;
   var _getTypewriterState = getTypewriterState({
       frame: frame,
       fps: fps,
@@ -314,7 +320,8 @@ export var HandoffNametag = function HandoffNametag(_ref4) {
       display: "flex",
       flexDirection: "column",
       alignItems: contentAlignItems,
-      maxWidth: textContainerWidth
+      maxWidth: textContainerWidth,
+      transform: "translateX(".concat(secondContainerTranslateX, "px)")
     }
   }, isHighlightVariant ? /*#__PURE__*/React.createElement("div", {
     style: {

package/dist/screenplay/RemotionRenderer/tracks/LayoutVideoTrack.js

@@ -23,26 +23,26 @@ var transitionThemes = {
   }
 };
 
-/*
-const UseMotionBlur = ({ children, componentName }) => {
-  const {
-    props: {
-      output: { theme = "default" } = {
-        theme: window.screenplayProps.output.theme,
-      },
-    },
-  } = useVideoConfig();
-
-  if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
-    return (
-      <CameraMotionBlur shutterAngle={180} samples={5}>
-        {children}
-      </CameraMotionBlur>
-    );
-  }
-
-  return children;
-};
+/*
+const UseMotionBlur = ({ children, componentName }) => {
+  const {
+    props: {
+      output: { theme = "default" } = {
+        theme: window.screenplayProps.output.theme,
+      },
+    },
+  } = useVideoConfig();
+
+  if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
+    return (
+      <CameraMotionBlur shutterAngle={180} samples={5}>
+        {children}
+      </CameraMotionBlur>
+    );
+  }
+
+  return children;
+};
  */
 
 var NestedEffects = function NestedEffects(_ref) {

package/package.json

@@ -1,47 +1,47 @@
-{
-  "name": "@zync/zync-screnplay-player",
-  "version": "0.1.205",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/bundle.js",
-  "module": "dist/index.js",
-  "exports": {
-    "import": "./dist/index.js",
-    "require": "./dist/bundle.js"
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "build": "npm run clean && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
-    "publish-lib": "npm run build && npm publish --access public"
-  },
-  "dependencies": {
-    "@remotion/google-fonts": "4.0.208",
-    "@remotion/lottie": "4.0.208",
-    "@remotion/motion-blur": "4.0.208",
-    "@remotion/player": "4.0.208",
-    "@remotion/transitions": "4.0.208",
-    "remotion": "4.0.208"
-  },
-  "peerDependencies": {
-    "react": "16.14.0",
-    "react-dom": "16.14.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.21.5",
-    "@babel/core": "7.21.5",
-    "@babel/preset-env": "7.21.5",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "^7.26.0",
-    "babel-loader": "^9.2.1",
-    "terser-webpack-plugin": "^5.3.11",
-    "ts-loader": "^9.5.2",
-    "typescript": "^5.7.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^6.0.1",
-    "rimraf": "^5.0.7"
-  },
-  "browser": {
-    "fs": false
-  }
-}
+{
+  "name": "@zync/zync-screnplay-player",
+  "version": "0.1.207",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/bundle.js",
+  "module": "dist/index.js",
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/bundle.js"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
+    "publish-lib": "npm run build && npm publish --access public"
+  },
+  "dependencies": {
+    "@remotion/google-fonts": "4.0.208",
+    "@remotion/lottie": "4.0.208",
+    "@remotion/motion-blur": "4.0.208",
+    "@remotion/player": "4.0.208",
+    "@remotion/transitions": "4.0.208",
+    "remotion": "4.0.208"
+  },
+  "peerDependencies": {
+    "react": "16.14.0",
+    "react-dom": "16.14.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.21.5",
+    "@babel/core": "7.21.5",
+    "@babel/preset-env": "7.21.5",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "^7.26.0",
+    "babel-loader": "^9.2.1",
+    "terser-webpack-plugin": "^5.3.11",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.7.3",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "rimraf": "^5.0.7"
+  },
+  "browser": {
+    "fs": false
+  }
+}