@applicaster/zapp-react-dom-app 12.0.0-alpha.4960304100 → 12.0.0-alpha.5000126055

package/App/InteractionManager/index.tsx

@@ -444,11 +444,21 @@ export function withInteractionManager(Component: React.FC) {
 
       const { isDialogVisible } = confirmationDialogStore.getState();
 
-      // If this is a supported longpress key we need to set the timeout and handle the longpress
+      // If this is a supported long press key we need to set the timeout and handle the long press
       if (this.keySupportsLongPress(event)) {
-        this.longKeyPressTimeout = setTimeout(() => {
-          this.onLongPress(event);
-        }, LONG_KEY_PRESS_TIMEOUT);
+        if (!event.repeat) {
+          if (this.longKeyPressTimeout) {
+            console.error(
+              "Recieved new on key down while long press timout is still active"
+            );
+
+            this.clearLongPressTimeout();
+          }
+
+          this.longKeyPressTimeout = setTimeout(() => {
+            this.onLongPress(event);
+          }, LONG_KEY_PRESS_TIMEOUT);
+        }
       }
 
       /**
@@ -488,6 +498,10 @@ export function withInteractionManager(Component: React.FC) {
         }
 
         if (keyCode(event).matches(KEYS.Forward)) {
+          if (event.repeat) {
+            return;
+          }
+
           setDisplayState(DISPLAY_STATES.HUD);
           this.props.seekMethods.onForwardPress();
 
@@ -495,6 +509,10 @@ export function withInteractionManager(Component: React.FC) {
         }
 
         if (keyCode(event).matches(KEYS.Rewind)) {
+          if (event.repeat) {
+            return;
+          }
+
           setDisplayState(DISPLAY_STATES.HUD);
           this.props.seekMethods.onRewindPress();
 
@@ -560,7 +578,9 @@ export function withInteractionManager(Component: React.FC) {
         if (displayState === DISPLAY_STATES.PLAYER) {
           setDisplayState(DISPLAY_STATES.HUD);
         } else {
-          focusManager.press();
+          if (!event.repeat) {
+            focusManager.press();
+          }
         }
 
         return true;

package/App/Loader/appLoader.js

@@ -8,11 +8,7 @@ export const appLoaderImpl =
   ) =>
   async (dispatch, getState) => {
     try {
-      const {
-        plugins,
-        pluginConfigurations,
-        remoteConfigurations: { localizations },
-      } = getState();
+      const { plugins, pluginConfigurations } = getState();
 
       // Await crucial tasks
       await loadLocale();
@@ -20,7 +16,7 @@ export const appLoaderImpl =
       await loadAnalyticsPlugins(plugins, pluginConfigurations);
 
       // Remaining loaders
-      const loaders = [loadDomPlugins(plugins), setUpRTL(localizations)];
+      const loaders = [loadDomPlugins(plugins), setUpRTL()];
 
       // Await for the remaining tasks and return when they are all complete
       await Promise.all(loaders);

package/App/Loader/setUpRTL.js

@@ -1,7 +1,7 @@
-import { getIsRTLFromLocalizations } from "@applicaster/zapp-react-native-utils/localizationUtils";
+import { getIsRTL } from "@applicaster/zapp-react-native-utils/localizationUtils";
 import { I18nManager } from "react-native";
 
-export async function setUpRTL(localizations) {
-  const isRTL = getIsRTLFromLocalizations(localizations);
+export async function setUpRTL() {
+  const isRTL = getIsRTL();
   I18nManager.forceRTL(isRTL);
 }

package/App/Loader/utils/index.js

@@ -1,7 +1,6 @@
 import * as R from "ramda";
 import { appStore as AppStore } from "@applicaster/zapp-react-native-redux/AppStore";
 import { NativeModules } from "react-native";
-import { getAppData } from "../../../Polyfills/AppData";
 
 export const UI_LANGUAGE = "uiLanguage";
 
@@ -15,11 +14,11 @@ export const persistLanguageSelection = async (languageCode) => {
   return NativeModules.LocalStorage.setItem(UI_LANGUAGE, languageCode);
 };
 
-export const getAvailableAppLanguagesImpl = () => {
+export const getAvailableAppLanguagesImpl = (appStore) => {
   try {
-    const { languages } = getAppData();
+    const remoteConfigurations = appStore.get("remoteConfigurations");
 
-    return languages;
+    return R.keys(remoteConfigurations.localizations);
   } catch (e) {
     return [];
   }

package/Polyfills/AnalyticsBridge/index.ts

@@ -105,7 +105,11 @@ function isInvalidAnalyticsData(eventName, payload = null) {
 
 export const AnalyticsBridge = (function () {
   let registeredAnalyticPlugins: {
-    module: { sendEvent: Function; initialize?: Function };
+    module: {
+      sendEvent: Function;
+      initialize?: Function;
+      getPlayerConfiguration?: Function;
+    };
     configuration?: any;
   }[] = [];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-dom-app",
-  "version": "12.0.0-alpha.4960304100",
+  "version": "12.0.0-alpha.5000126055",
   "description": "Zapp App Component for Applicaster's Quick Brick React Native App",
   "main": "index.js",
   "scripts": {
@@ -22,11 +22,11 @@
   },
   "homepage": "https://github.com/applicaster/zapp-react-dom-app#readme",
   "dependencies": {
-    "@applicaster/zapp-react-dom-ui-components": "12.0.0-alpha.4960304100",
-    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.4960304100",
-    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.4960304100",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.4960304100",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.4960304100",
+    "@applicaster/zapp-react-dom-ui-components": "12.0.0-alpha.5000126055",
+    "@applicaster/zapp-react-native-bridge": "12.0.0-alpha.5000126055",
+    "@applicaster/zapp-react-native-redux": "12.0.0-alpha.5000126055",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.5000126055",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.5000126055",
     "abortcontroller-polyfill": "^1.7.5",
     "history": "^4.7.2",
     "react-router-dom": "^5.1.2",

package/App/Loader/utils/__tests__/getAvailableAppLanguages.test.js

@@ -1,22 +0,0 @@
-jest.mock("../../../../Polyfills/AppData", () => ({
-  getAppData: jest.fn(),
-}));
-
-describe("getAvailableAppLanguages", () => {
-  const { getAppData } = require("../../../../Polyfills/AppData");
-  const { getAvailableAppLanguagesImpl } = require("..");
-
-  it("return list of languages", () => {
-    const languages = ["en", "de", "fr", "en-UK", "en-GB"];
-
-    getAppData.mockReturnValue({ languages });
-
-    expect(getAvailableAppLanguagesImpl()).toEqual(languages);
-  });
-
-  it("return list of languages", () => {
-    getAppData.mockReturnValue(undefined);
-
-    expect(getAvailableAppLanguagesImpl()).toEqual([]);
-  });
-});