@applicaster/zapp-react-native-utils 13.0.0-alpha.9270615060 → 13.0.0-alpha.9519442225

package/theme/__mocks__/index.ts

@@ -1,3 +1,5 @@
+import React from "react";
+
 export const themeMock = {
   screen_padding_top: 20,
   screen_padding_bottom: 48,
@@ -17,3 +19,5 @@ export const themeMock = {
 };
 
 export const useTheme = jest.fn().mockReturnValue(themeMock);
+
+export const ThemeContext = React.createContext(themeMock);

package/theme/index.ts

@@ -14,7 +14,7 @@ export const ThemeContext = React.createContext({
 export function useTheme<
   T extends Record<string, any> =
     | BaseThemePropertiesTV
-    | BaseThemePropertiesMobile
+    | BaseThemePropertiesMobile,
 >(): T {
   const { themes, selectedThemeId } = React.useContext(ThemeContext);
 

package/time/Timer.ts

@@ -3,8 +3,11 @@ export class Timer {
   private remaining: number;
   private timeoutId: NodeJS.Timeout | null;
 
-  constructor(private callback: () => void, private duration: number) {
-    this.remaining = duration;
+  constructor(
+    private callback: () => void,
+    private duration: number
+  ) {
+    this.remaining = this.duration;
     this.timeoutId = null;
   }
 

package/types.ts

@@ -8,4 +8,5 @@ export type ManifestField<T> = {
 
 export enum ENDPOINT_TAGS {
   allow_missing_keys = "allow_missing_keys",
+  observe_storage = "observe_storage",
 }

package/zappFrameworkUtils/presentPluginOneTime.ts

@@ -92,9 +92,8 @@ export const PresentHookPluginOneTime = (
       const presentOneTimeVersionName =
         await getLatestWatchedVersionNumberFromStorage(storageKey, namespace);
 
-      const applicationVersionName = await sessionStorage.getItem(
-        versionNameKey
-      );
+      const applicationVersionName =
+        await sessionStorage.getItem(versionNameKey);
 
       if (!presentOneTimeVersionName || !applicationVersionName) {
         log_info(

package/appUtils/keyCodes/keys.ios.js

@@ -1,46 +0,0 @@
-/* global tizen */
-const isTizen = typeof tizen !== "undefined";
-
-export const KEYS = {
-  Enter: { code: "Enter", keyCode: 13 },
-  Space: { code: "Space", keyCode: 32 },
-  m: { code: "m", keyCode: 77 },
-  ArrowLeft: { code: "ArrowLeft", keyCode: 37 },
-  ArrowUp: { code: "ArrowUp", keyCode: 38 },
-  ArrowRight: { code: "ArrowRight", keyCode: 39 },
-  ArrowDown: { code: "ArrowDown", keyCode: 40 },
-  Back: isTizen
-    ? { code: "Back", keyCode: 10009 }
-    : { code: "Backspace", keyCode: 8 },
-  Play: isTizen
-    ? { code: "MediaPlay", keyCode: 10252 }
-    : { code: "PlayPause", keyCode: 179 },
-  Pause: isTizen
-    ? { code: "MediaPause", keyCode: 19 }
-    : { code: "Pause", keyCode: 179 },
-  Forward: isTizen
-    ? { code: "MediaFastForward", keyCode: 417 }
-    : { code: "Forward", keyCode: 176 },
-  Rewind: isTizen
-    ? { code: "MediaRewind", keyCode: 412 }
-    : { code: "Rewind", keyCode: 177 },
-  VolumeUp: isTizen
-    ? { code: "VolumeUp", keyCode: 447 }
-    : { code: "VolumeUp", keyCode: 175 },
-  VolumeDown: isTizen
-    ? { code: "VolumeDown", keyCode: 448 }
-    : { code: "VolumeDown", keyCode: 174 },
-  ToggleMute: isTizen
-    ? { code: "VolumeMute", keyCode: 449 }
-    : { code: "VolumeMute", keyCode: 173 },
-  Stop: isTizen
-    ? { code: "MediaStop", keyCode: 413 }
-    : { code: "Q", keyCode: 81 },
-};
-
-export const ARROW_KEYS = [
-  KEYS.ArrowUp,
-  KEYS.ArrowLeft,
-  KEYS.ArrowDown,
-  KEYS.ArrowRight,
-];

package/appUtils/playerManager/DelayedSeekPlayerWrapper.tsx

@@ -1,180 +0,0 @@
-import { Player } from "./player";
-import { BehaviorSubject } from "rxjs";
-
-export class DelayedSeekPlayerWrapper extends Player {
-  private wrappedPlayer: Player;
-  private delayedSeekPosition: number;
-  private wasPlaying: boolean;
-
-  constructor(props, player: Player) {
-    super(props);
-    this.wrappedPlayer = player;
-    this.delayedSeekPosition = null;
-
-    this.wrappedPlayer.addListener({
-      id: "Master-Wrapper-Listener",
-      listener: this,
-    });
-
-    this.onPlayerSeekComplete = this.onPlayerSeekComplete.bind(this);
-  }
-
-  getOverlayObservable = () => {
-    return this.wrappedPlayer.getOverlayObservable();
-  };
-
-  getEntryObservable = (): BehaviorSubject<ZappEntry | null> => {
-    return this.wrappedPlayer.getEntryObservable();
-  };
-
-  getEntry = (): ZappEntry | null => this.wrappedPlayer.getEntry();
-
-  getListener = (): QuickBrickPlayer.SharedPlayerCallBacks => {
-    return this.wrappedPlayer.getListener();
-  };
-
-  togglePlayPause = () => {
-    this.wrappedPlayer.togglePlayPause();
-  };
-
-  selectTrack = (_track) => this.wrappedPlayer.selectTrack(_track);
-
-  // Implement all default methods by delegating them to wrapped player
-  public seekTo = (position: number) => {
-    this.wrappedPlayer.seekTo(position);
-  };
-
-  public isPlaying = () => {
-    return this.wrappedPlayer.isPlaying();
-  };
-
-  public isPaused = () => {
-    return this.wrappedPlayer.isPaused();
-  };
-
-  public play = () => {
-    this.wrappedPlayer.play();
-  };
-
-  public pause = () => {
-    this.wrappedPlayer.pause();
-  };
-
-  getState = () => {
-    const currentState = this.wrappedPlayer.getState();
-
-    if (this.delayedSeekPosition === null) {
-      return currentState;
-    }
-
-    return {
-      ...currentState,
-      contentPosition: this.delayedSeekPosition,
-      isPaused: false,
-      seekPosition: this.delayedSeekPosition,
-    };
-  };
-
-  forward = (deltaTime: number) => {
-    if (this.delayedSeekPosition !== null) {
-      this.delayedSeekPosition += deltaTime;
-      this.playerState.seekPosition = this.delayedSeekPosition;
-
-      this.onVideoProgress({
-        currentTime: this.playerState.seekPosition,
-        duration: this.getDuration(),
-        seekableDuration: this.playerState.seekableDuration,
-        isLive: this.playerState.isLive,
-      });
-
-      // this.scheduleResumePlayback(DELAYED_SEEK_DELAY, this.delayedSeekPosition);
-
-      return;
-    }
-
-    if (this.playerState.seekPosition == null) {
-      this.playerState.seekPosition = this.playerState.contentPosition;
-    }
-
-    this.playerState.seekPosition += deltaTime;
-
-    this.wrappedPlayer.forward(deltaTime);
-  };
-
-  rewind = (deltaTime: number) => {
-    if (this.delayedSeekPosition !== null) {
-      this.delayedSeekPosition -= deltaTime;
-
-      if (this.delayedSeekPosition < 0) {
-        this.delayedSeekPosition = 0;
-      }
-
-      this.playerState.seekPosition = this.delayedSeekPosition;
-
-      this.onVideoProgress({
-        currentTime: this.playerState.seekPosition,
-        duration: this.getDuration(),
-        seekableDuration: this.playerState.seekableDuration,
-        isLive: this.playerState.isLive,
-      });
-
-      // this.scheduleResumePlayback(DELAYED_SEEK_DELAY, this.delayedSeekPosition);
-
-      return;
-    }
-
-    if (this.playerState.seekPosition == null) {
-      this.playerState.seekPosition = this.playerState.contentPosition;
-    }
-
-    this.playerState.seekPosition -= deltaTime;
-    this.wrappedPlayer.rewind(deltaTime);
-  };
-
-  public getConfig = () => this.wrappedPlayer.getConfig();
-
-  // TODO: replace with enum of supported orientations
-  isFullScreenSupported(): boolean {
-    return this.wrappedPlayer.isFullScreenSupported();
-  }
-
-  public supportsNativeControls = (): boolean =>
-    this.wrappedPlayer.supportsNativeControls();
-
-  public supportNativeCast = (): boolean =>
-    this.wrappedPlayer.supportNativeCast();
-
-  public isInDelayedSeek = () => this.delayedSeekPosition !== null;
-
-  public enterDelayedSeek() {
-    if (this.delayedSeekPosition !== null) {
-      return;
-    }
-
-    if (this.playerState.seekPosition === null) {
-      this.playerState.seekPosition = this.playerState.contentPosition;
-    }
-
-    this.delayedSeekPosition = this.playerState.seekPosition;
-
-    if (!this.isPaused()) {
-      this.wasPlaying = true;
-      this.wrappedPlayer.pause();
-    }
-  }
-
-  public exitDelayedSeek() {
-    if (this.delayedSeekPosition === null) {
-      return;
-    }
-
-    this.wrappedPlayer.seekTo(this.delayedSeekPosition);
-
-    if (this.wasPlaying) {
-      this.wasPlaying = false;
-      this.wrappedPlayer.play();
-    }
-
-    this.delayedSeekPosition = null;
-  }
-}

package/reactUtils/createContext/__tests__/index-no-react.test.js

@@ -1,27 +0,0 @@
-jest.mock("create-react-context", () =>
-  jest.fn(() => ({
-    Consumer: jest.fn(),
-    Provider: jest.fn(),
-  }))
-);
-
-jest.mock("react", () => ({
-  ...jest.requireActual("react"),
-  createContext: undefined,
-}));
-
-const { createContext } = require("../index");
-const createReactContext = require("create-react-context");
-
-describe("when react context api is not defined", () => {
-  it("uses the polyfill", () => {
-    createContext({ foo: "bar" });
-
-    expect(createReactContext).toHaveBeenCalledWith(
-      expect.objectContaining({
-        foo: "bar",
-        setFoo: expect.any(Function),
-      })
-    );
-  });
-});