@zync/zync-screnplay-player 0.1.220 → 0.1.221

package/dist/screenplay/RemotionRenderer/components/layouts/HookVideo.js

@@ -548,7 +548,9 @@ export var HookVideo = function HookVideo(_ref5) {
   var contentWidth = width - outerPadding * 2;
   var contentHeight = height - outerPadding * 2;
   var playHookSounds = !disableTransitionSounds && !disableHookSounds;
+  var monoShockRevealOffset = style === HOOK_STYLE_PRESETS.mono_shock ? letterboxHeight : 0;
   var monoShockInset = style === HOOK_STYLE_PRESETS.mono_shock && activeOrientation === "landscape" ? letterboxHeight : 0;
+  var monoShockOverlayInset = style === HOOK_STYLE_PRESETS.mono_shock && activeOrientation !== "landscape" ? letterboxHeight : 0;
   var monoShockRadius = style === HOOK_STYLE_PRESETS.mono_shock ? 0 : plateRadius;
   var monoShockStageStyle = style === HOOK_STYLE_PRESETS.mono_shock ? {
     position: "absolute",
@@ -653,7 +655,31 @@ export var HookVideo = function HookVideo(_ref5) {
       zIndex: 3,
       backdropFilter: "blur(10px)"
     }
-  }) : null), style === HOOK_STYLE_PRESETS.split_reveal ? /*#__PURE__*/React.createElement("div", {
+  }) : null), style === HOOK_STYLE_PRESETS.mono_shock && monoShockOverlayInset > 0 ? /*#__PURE__*/React.createElement(AbsoluteFill, {
+    style: {
+      zIndex: 10,
+      opacity: hookOverlayOpacity,
+      pointerEvents: "none"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      height: monoShockOverlayInset,
+      backgroundColor: primaryColor || "#5a4a86"
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      height: monoShockOverlayInset,
+      backgroundColor: primaryColor || "#5a4a86"
+    }
+  })) : null, style === HOOK_STYLE_PRESETS.split_reveal ? /*#__PURE__*/React.createElement("div", {
     style: {
       position: "absolute",
       inset: 0,
@@ -702,7 +728,7 @@ export var HookVideo = function HookVideo(_ref5) {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       position: "absolute",
-      top: monoShockInset,
+      top: monoShockRevealOffset,
       left: 0,
       right: 0,
       height: 2,
@@ -712,7 +738,7 @@ export var HookVideo = function HookVideo(_ref5) {
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       position: "absolute",
-      bottom: monoShockInset,
+      bottom: monoShockRevealOffset,
       left: 0,
       right: 0,
       height: 2,

package/dist/screenplay/RemotionRenderer/development.js

@@ -3541,7 +3541,7 @@ var renderer = new RemotionRenderer({
     }]
   }],
   output: {
-    orientation: "landscape",
+    orientation: "square",
     fps: 60,
     callbackUrl: "https://contentkit.zync.ai/api/processor/callback",
     callbackMetadata: {

package/package.json

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