@applicaster/quick-brick-player 16.0.0-rc.61 → 16.0.0-rc.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "16.0.0-rc.61",
+  "version": "16.0.0-rc.63",
   "description": "Quick Brick Player",
   "main": "./src/index.ts",
   "types": "index.d.ts",
@@ -37,9 +37,9 @@
   "dependencies": {
     "@applicaster/quick-brick-mobile-transport-controls": "16.0.0-rc.60",
     "@applicaster/quick-brick-tv-transport-controls": "16.0.0-rc.60",
-    "@applicaster/zapp-react-native-tvos-app": "16.0.0-rc.61",
-    "@applicaster/zapp-react-native-ui-components": "16.0.0-rc.61",
-    "@applicaster/zapp-react-native-utils": "16.0.0-rc.61",
+    "@applicaster/zapp-react-native-tvos-app": "16.0.0-rc.63",
+    "@applicaster/zapp-react-native-ui-components": "16.0.0-rc.63",
+    "@applicaster/zapp-react-native-utils": "16.0.0-rc.63",
     "query-string": "7.1.3",
     "shaka-player": "4.3.5",
     "typeface-montserrat": "^0.0.54",

package/src/Player/AudioLayer/__tests__/playerActions.test.ts

@@ -15,13 +15,6 @@ import {
 } from "../playerActions";
 import { SpeedController } from "../SpeedManager";
 import { SleepTimerController } from "../SleepTimerManager";
-import { SleepTimerModalHeader } from "../components/SleepTimerModalHeader";
-
-jest.mock("../components/SleepTimerModalHeader", () => ({
-  SleepTimerModalHeader: function SleepTimerModalHeader() {
-    return null;
-  },
-}));
 
 jest.mock("../../Const/sleepTimerOptions", () => ({
   getSleepTimerOptions: (offLabel: string, sleepTimerValue: number | null) => [
@@ -207,8 +200,6 @@ describe("playerActions", () => {
 
     expect(sheet.options.replace).toBe(true);
     expect(sheet.options.header.title).toBe("Sleep Timer");
-    expect(sheet.options.header.component).toBe(SleepTimerModalHeader);
-    expect(sheet.options.header.componentProps.timerDate).toBe(timerDate);
     expect(sheet.options.header.subtitle).toBeUndefined();
     expect(sheet.options.content.behavior.currentSelection).toEqual(["15"]);
 

package/src/Player/AudioLayer/playerActions.ts

@@ -14,7 +14,6 @@ import { getSleepTimerOptions } from "../Const/sleepTimerOptions";
 import { formatSpeed } from "./utils";
 import { SpeedController } from "./SpeedManager";
 import { SleepTimerController, SleepTimerState } from "./SleepTimerManager";
-import { SleepTimerModalHeader } from "./components/SleepTimerModalHeader";
 
 export const PLAYER_ACTION_IDENTIFIERS = {
   PLAYBACK_SPEED: "playback-speed",
@@ -137,8 +136,6 @@ export async function openSleepTimerAction(
       replace: true,
       header: {
         title: config.playback_sleep_title || "Sleep Timer",
-        component: SleepTimerModalHeader,
-        componentProps: { timerDate: timerRemaining },
       },
       content: {
         role: "collection_selector",

package/src/Player/AudioLayer/components/SleepTimerModalHeader/SleepTimerModalHeader.tsx

@@ -1,67 +0,0 @@
-import React from "react";
-import { ModalHeader } from "@applicaster/zapp-react-native-ui-components/Components/ModalComponent/Header";
-
-type SleepTimerModalHeaderProps = React.ComponentProps<typeof ModalHeader> & {
-  timerDate?: number | null;
-};
-
-const formatTime = (milliseconds: number) => {
-  const totalSeconds = Math.floor(milliseconds / 1000);
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor((totalSeconds % 3600) / 60);
-  const seconds = totalSeconds % 60;
-
-  if (milliseconds < 3600000) {
-    return `${minutes.toString().padStart(2, "0")}:${seconds
-      .toString()
-      .padStart(2, "0")}`;
-  }
-
-  return `${hours.toString().padStart(2, "0")}:${minutes
-    .toString()
-    .padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
-};
-
-export const SleepTimerModalHeader = ({
-  timerDate,
-  ...props
-}: SleepTimerModalHeaderProps) => {
-  const sleepTimerDate = timerDate || 0;
-
-  const [timeLeft, setTimeLeft] = React.useState(
-    sleepTimerDate !== 0 ? sleepTimerDate - Date.now() : 0
-  );
-
-  const showCounter = React.useMemo(() => sleepTimerDate > 0, [sleepTimerDate]);
-
-  React.useLayoutEffect(() => {
-    if (showCounter && sleepTimerDate !== 0) {
-      setTimeLeft(sleepTimerDate - Date.now());
-
-      const intervalId = setInterval(() => {
-        setTimeLeft(() => {
-          const newTimeLeft = sleepTimerDate - Date.now();
-
-          if (newTimeLeft <= 0) {
-            clearInterval(intervalId);
-
-            return 0;
-          } else {
-            return newTimeLeft;
-          }
-        });
-      }, 1000);
-
-      return () => clearInterval(intervalId);
-    } else {
-      setTimeLeft(0);
-    }
-  }, [sleepTimerDate, showCounter]);
-
-  return (
-    <ModalHeader
-      {...props}
-      summary={showCounter && timeLeft > 0 ? formatTime(timeLeft) : undefined}
-    />
-  );
-};

package/src/Player/AudioLayer/components/SleepTimerModalHeader/__tests__/SleepTimerModalHeader.test.tsx

@@ -1,53 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react-native";
-import { ModalHeader } from "@applicaster/zapp-react-native-ui-components/Components/ModalComponent/Header";
-import { SleepTimerModalHeader } from "../SleepTimerModalHeader";
-
-jest.mock(
-  "@applicaster/zapp-react-native-ui-components/Components/ModalComponent/Header",
-  () => ({
-    ModalHeader: jest.fn(() => null),
-  })
-);
-
-describe("SleepTimerModalHeader", () => {
-  const headerProps = {
-    dismiss: jest.fn(),
-    configuration: {} as React.ComponentProps<
-      typeof ModalHeader
-    >["configuration"],
-    title: "Sleep Timer",
-    summary: undefined as string | undefined,
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it("passes a MM:SS summary when timerDate is in the future", () => {
-    const timerDate = Date.now() + 90 * 1000;
-
-    render(<SleepTimerModalHeader timerDate={timerDate} {...headerProps} />);
-
-    expect(ModalHeader).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: "Sleep Timer",
-        summary: expect.stringMatching(/^\d{2}:\d{2}$/),
-      }),
-      expect.anything()
-    );
-  });
-
-  it("does not show a 00:00 summary when timerDate is in the past", () => {
-    render(
-      <SleepTimerModalHeader timerDate={Date.now() - 1000} {...headerProps} />
-    );
-
-    expect(ModalHeader).toHaveBeenCalledWith(
-      expect.objectContaining({
-        summary: undefined,
-      }),
-      expect.anything()
-    );
-  });
-});

package/src/Player/AudioLayer/components/SleepTimerModalHeader/index.ts

@@ -1 +0,0 @@
-export * from "./SleepTimerModalHeader";