@applicaster/zapp-react-native-ui-components 14.0.30-alpha.6838902303 → 14.0.30-rc.2

package/Components/GeneralContentScreen/GeneralContentScreen.tsx

@@ -107,12 +107,6 @@ export const GeneralContentScreen = ({
 
   const isReady = useRiverActionProviderReady();
 
-  React.useEffect(() => {
-    if (isReady) {
-      (globalThis as any).performance?.mark?.(`qb:content-ready:${screenId}`);
-    }
-  }, [isReady, screenId]);
-
   const contextValue = React.useMemo(
     () => whenMatchingType(Function, cellTapAction) || onCellTapAction,
     [typeof cellTapAction === "function" ? cellTapAction : onCellTapAction]

package/Components/Screen/TV/hooks/index.ts

@@ -1,2 +1 @@
 export { useInitialFocus } from "./useInitialFocus";
-export { useAfterPaint } from "./useAfterPaint";

package/Components/Screen/TV/index.web.tsx

@@ -20,7 +20,7 @@ import { isNilOrEmpty } from "@applicaster/zapp-react-native-utils/reactUtils/he
 
 import { NavBarContainer } from "../../Layout/TV/NavBarContainer";
 import { ScreenResolver } from "../../ScreenResolver";
-import { useInitialFocus, useAfterPaint } from "./hooks";
+import { useInitialFocus } from "./hooks";
 import { isPlayerPlugin } from "@applicaster/zapp-react-native-utils/pluginUtils";
 import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils";
 import { FreezeWithCallback } from "../../FreezeWithCallback";
@@ -155,14 +155,6 @@ export const Screen = ({ route, Components }: Props) => {
 
   const isScreenActive = useIsScreenActive();
 
-  const isContentReady = useAfterPaint();
-
-  React.useEffect(() => {
-    if (isContentReady) {
-      (globalThis as any).performance?.mark?.(`qb:navbar-painted:${route}`);
-    }
-  }, [isContentReady, route]);
-
   return (
     <FreezeWithCallback freeze={!isScreenActive} onRelease={onRelease}>
       <View style={[styles.container, { backgroundColor }]}>
@@ -173,14 +165,12 @@ export const Screen = ({ route, Components }: Props) => {
             navigationProps={navigationProps}
           />
         </NavBarContainer>
-        {isContentReady ? (
-          <ScreenResolver
-            screenType={screenType}
-            screenId={screenId}
-            screenData={screenData}
-            groupId={route}
-          />
-        ) : null}
+        <ScreenResolver
+          screenType={screenType}
+          screenId={screenId}
+          screenData={screenData}
+          groupId={route}
+        />
       </View>
     </FreezeWithCallback>
   );

package/Components/ScreenRevealManager/withScreenRevealManager.tsx

@@ -72,7 +72,7 @@ export const withScreenRevealManager = (Component) => {
 
     if (isFirstComponentScreenPicker(componentsToRender)) {
       // for screen-picker with have additional internal ComponentsMap, no need to add this wrapper
-      return <Component {...props} />;
+      return <Component {...props} initialNumberToLoad={1} />;
     }
 
     return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "14.0.30-alpha.6838902303",
+  "version": "14.0.30-rc.2",
   "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.30-alpha.6838902303",
-    "@applicaster/zapp-react-native-bridge": "14.0.30-alpha.6838902303",
-    "@applicaster/zapp-react-native-redux": "14.0.30-alpha.6838902303",
-    "@applicaster/zapp-react-native-utils": "14.0.30-alpha.6838902303",
+    "@applicaster/applicaster-types": "14.0.30-rc.2",
+    "@applicaster/zapp-react-native-bridge": "14.0.30-rc.2",
+    "@applicaster/zapp-react-native-redux": "14.0.30-rc.2",
+    "@applicaster/zapp-react-native-utils": "14.0.30-rc.2",
     "fast-json-stable-stringify": "^2.1.0",
     "promise": "^8.3.0",
     "url": "^0.11.0",

package/Components/Screen/TV/hooks/__tests__/useAfterPaint.test.ts

@@ -1,56 +0,0 @@
-import { renderHook, act } from "@testing-library/react-hooks";
-
-import { useAfterPaint } from "../useAfterPaint";
-
-describe("useAfterPaint", () => {
-  let frameCallbacks: FrameRequestCallback[];
-  let originalRaf: typeof requestAnimationFrame;
-  let originalCancelRaf: typeof cancelAnimationFrame;
-
-  const flushFrame = () => {
-    const callbacks = frameCallbacks;
-    frameCallbacks = [];
-    act(() => {
-      callbacks.forEach((cb) => cb(0));
-    });
-  };
-
-  beforeEach(() => {
-    frameCallbacks = [];
-    originalRaf = global.requestAnimationFrame;
-    originalCancelRaf = global.cancelAnimationFrame;
-    global.requestAnimationFrame = jest.fn((cb: FrameRequestCallback) => {
-      frameCallbacks.push(cb);
-      return frameCallbacks.length;
-    }) as unknown as typeof requestAnimationFrame;
-    global.cancelAnimationFrame = jest.fn();
-  });
-
-  afterEach(() => {
-    global.requestAnimationFrame = originalRaf;
-    global.cancelAnimationFrame = originalCancelRaf;
-  });
-
-  it("returns false on the initial render", () => {
-    const { result } = renderHook(() => useAfterPaint());
-
-    expect(result.current).toBe(false);
-  });
-
-  it("stays false after only one animation frame (before paint completes)", () => {
-    const { result } = renderHook(() => useAfterPaint());
-
-    flushFrame();
-
-    expect(result.current).toBe(false);
-  });
-
-  it("returns true after two animation frames (a real post-paint boundary)", () => {
-    const { result } = renderHook(() => useAfterPaint());
-
-    flushFrame();
-    flushFrame();
-
-    expect(result.current).toBe(true);
-  });
-});

package/Components/Screen/TV/hooks/useAfterPaint.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-
-export const useAfterPaint = (): boolean => {
-  const [painted, setPainted] = React.useState(false);
-
-  React.useEffect(() => {
-    let secondFrame: number | undefined;
-
-    const firstFrame = requestAnimationFrame(() => {
-      secondFrame = requestAnimationFrame(() => setPainted(true));
-    });
-
-    return () => {
-      cancelAnimationFrame(firstFrame);
-
-      if (secondFrame !== undefined) {
-        cancelAnimationFrame(secondFrame);
-      }
-    };
-  }, []);
-
-  return painted;
-};