@applicaster/zapp-react-native-ui-components 14.0.10-alpha.4515005205 → 14.0.10-alpha.5277434425

package/Components/HandlePlayable/HandlePlayable.tsx

@@ -1,16 +1,11 @@
 import * as React from "react";
 import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
-import {
-  useDimensions,
-  useIsTablet as isTablet,
-  useNavigation,
-} from "@applicaster/zapp-react-native-utils/reactHooks";
+import { useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks";
 
 import { BufferAnimation } from "../PlayerContainer/BufferAnimation";
 import { PlayerContainer } from "../PlayerContainer";
 import { useModalSize } from "../VideoModal/hooks";
 import { ViewStyle } from "react-native";
-import { platformSelect } from "@applicaster/zapp-react-native-utils/reactUtils";
 import { findCastPlugin, getPlayer } from "./utils";
 
 type Props = {
@@ -26,13 +21,6 @@ type PlayableComponent = {
   Component: React.ComponentType<any>;
 };
 
-const dimensionsContext: "window" | "screen" = platformSelect({
-  android_tv: "window",
-  amazon: "window",
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  default: isTablet() ? "window" : "screen", // on tablet, window represents correct values, on phone it's not as the screen could be rotated
-});
-
 export function HandlePlayable({
   item,
   isModal,
@@ -94,26 +82,15 @@ export function HandlePlayable({
     });
   }, [casting]);
 
-  const { width: screenWidth, height: screenHeight } =
-    useDimensions(dimensionsContext);
-
   const modalSize = useModalSize();
 
   const style = React.useMemo(
     () =>
       ({
-        width: isModal
-          ? modalSize.width
-          : mode === "PIP"
-            ? "100%"
-            : screenWidth,
-        height: isModal
-          ? modalSize.height
-          : mode === "PIP"
-            ? "100%"
-            : screenHeight,
+        width: isModal ? modalSize.width : "100%",
+        height: isModal ? modalSize.height : "100%",
       }) as ViewStyle,
-    [screenWidth, screenHeight, modalSize, isModal, mode]
+    [modalSize, isModal]
   );
 
   const Component = playable?.Component;

package/Components/Screen/index.tsx

@@ -93,7 +93,13 @@ export function Screen(_props: Props) {
   const isActive = useIsScreenActive();
 
   const ref = React.useRef(null);
-  const isReady = useWaitForValidOrientation();
+  const isOrientationReady = useWaitForValidOrientation();
+
+  // Playable screens handle their own orientation via the native player plugin,
+  // so we skip the orientation wait gate to avoid a deadlock where the screen
+  // waits for landscape but blocks rendering that would trigger the rotation.
+  const isPlayableRoute = pathname?.includes("/playable");
+  const isReady = isOrientationReady || isPlayableRoute;
 
   React.useEffect(() => {
     if (ref.current && isActive && isReady) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "14.0.10-alpha.4515005205",
+  "version": "14.0.10-alpha.5277434425",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,10 +28,10 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "14.0.10-alpha.4515005205",
-    "@applicaster/zapp-react-native-bridge": "14.0.10-alpha.4515005205",
-    "@applicaster/zapp-react-native-redux": "14.0.10-alpha.4515005205",
-    "@applicaster/zapp-react-native-utils": "14.0.10-alpha.4515005205",
+    "@applicaster/applicaster-types": "14.0.10-alpha.5277434425",
+    "@applicaster/zapp-react-native-bridge": "14.0.10-alpha.5277434425",
+    "@applicaster/zapp-react-native-redux": "14.0.10-alpha.5277434425",
+    "@applicaster/zapp-react-native-utils": "14.0.10-alpha.5277434425",
     "fast-json-stable-stringify": "^2.1.0",
     "promise": "^8.3.0",
     "url": "^0.11.0",