@applicaster/zapp-react-native-utils 12.0.0-rc.99 → 13.0.0-alpha.2322412833

package/services/sessionStorageServiceSync.web.ts

@@ -0,0 +1,32 @@
+import {
+  DEFAULT_STORAGE_NAMESPACE,
+  getWebStorageKey,
+} from "./storageWebUtils.web";
+
+export function saveSync(
+  key: string,
+  value: string,
+  namespace: string = DEFAULT_STORAGE_NAMESPACE
+) {
+  const storageWebKey = getWebStorageKey(key, namespace);
+
+  return sessionStorage.setItem(storageWebKey, value);
+}
+
+export function getSync(
+  key: string,
+  namespace: string = DEFAULT_STORAGE_NAMESPACE
+) {
+  const storageWebKey = getWebStorageKey(key, namespace);
+
+  return sessionStorage.getItem(storageWebKey);
+}
+
+export function removeSync(
+  key: string,
+  namespace: string = DEFAULT_STORAGE_NAMESPACE
+) {
+  const storageWebKey = getWebStorageKey(key, namespace);
+
+  return sessionStorage.removeItem(storageWebKey);
+}

package/services/storageServiceSync.web.ts

@@ -0,0 +1,24 @@
+import { DEFAULT_STORAGE_NAMESPACE } from "./storageWebUtils.web";
+import { getSync as getLocalStorage } from "./localStorageServiceSync.web";
+import { getSync as getSessionStorage } from "./sessionStorageServiceSync.web";
+
+export const getFromSessionOrLocalStorage = (
+  key: string,
+  namespace: string = DEFAULT_STORAGE_NAMESPACE
+) => getSessionStorage(key, namespace) || getLocalStorage(key, namespace);
+
+export const resolveStorageContextKey = (storageKey: string) => {
+  if (!storageKey) {
+    return;
+  }
+
+  const splitKey = storageKey.split(".");
+  const namespaceOrKey = splitKey[0];
+  const key = splitKey[1];
+
+  if (!key) {
+    return getFromSessionOrLocalStorage(key);
+  } else {
+    return getFromSessionOrLocalStorage(key, namespaceOrKey);
+  }
+};

package/services/storageWebUtils.web.ts

@@ -0,0 +1,10 @@
+export const DEFAULT_STORAGE_NAMESPACE = "applicaster.v2";
+
+export const NAMESPACE_STORAGE_SEPARATOR_WEB = "_::_";
+
+export const getWebStorageKey = (
+  key: String,
+  namespace: String = DEFAULT_STORAGE_NAMESPACE
+) => {
+  return `${namespace}${NAMESPACE_STORAGE_SEPARATOR_WEB}${key}`;
+};

package/testUtils/index.tsx

@@ -7,9 +7,11 @@ import { Provider } from "react-redux";
 import thunk from "redux-thunk";
 import configureStore from "redux-mock-store";
 import { SafeAreaProvider } from "react-native-safe-area-context";
+import { appStore } from "@applicaster/zapp-react-native-redux/AppStore";
 
 import { render } from "@testing-library/react-native";
 import { AnalyticsProvider } from "../analyticsUtils";
+import { ThemeContext } from "../theme";
 
 export { getByTestId } from "./getByTestId";
 
@@ -59,7 +61,9 @@ const initialState = {
   appSettings: {},
   plugins: [],
   appState: { appReady: true, appLaunched: true },
+  pluginConfigurations: {},
   appData: { layoutVersion: "v1" },
+  zappPipes: {},
   contentTypes: null,
 };
 
@@ -68,20 +72,49 @@ export const WrappedWithProviders = ({
   store: storeObj = {},
 }: any) => {
   const _store = configureStore([thunk])(
-    R.mergeDeepWith(R.concat, { ...initialState }, storeObj)
+    R.mergeDeepRight(initialState, { ...storeObj })
   );
 
+  appStore.set(_store);
+
   return (
-    <SafeAreaProvider
-      initialMetrics={{
-        insets: { top: 0, left: 0, right: 0, bottom: 0 },
-        frame: { x: 0, y: 0, width: 0, height: 0 },
+    <ThemeContext.Provider
+      value={{
+        themes: {
+          light: {
+            component_margin_top: 0,
+            component_margin_bottom: 0,
+            component_margin_left: 0,
+            component_margin_right: 0,
+            component_padding_top: 0,
+            component_padding_bottom: 0,
+            component_padding_left: 0,
+            component_padding_right: 0,
+            component_gutter_vertical: 0,
+            component_gutter_horizontal: 0,
+            component_corner_radius: 0,
+            app_background_color: "rgba(0,0,0,0)",
+            screen_margin_top: 0,
+            screen_margin_bottom: 0,
+            component_anchor_point_y: 0,
+            assets: "",
+          },
+        },
+        selectedThemeId: "light",
+        setSelectedThemeId: () => {},
       }}
     >
-      <Provider store={_store}>
-        <AnalyticsProvider>{children}</AnalyticsProvider>
-      </Provider>
-    </SafeAreaProvider>
+      <SafeAreaProvider
+        initialMetrics={{
+          insets: { top: 0, left: 0, right: 0, bottom: 0 },
+          frame: { x: 0, y: 0, width: 0, height: 0 },
+        }}
+      >
+        <Provider store={_store}>
+          <AnalyticsProvider>{children}</AnalyticsProvider>
+        </Provider>
+      </SafeAreaProvider>
+    </ThemeContext.Provider>
   );
 };
 

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,
-];