@applicaster/zapp-react-native-utils 12.0.18-rc.0 → 12.0.19-alpha.1342029112

package/actionsExecutor/ActionExecutorContext.tsx

@@ -1,6 +1,6 @@
 /// <reference types="@applicaster/applicaster-types" />
 import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
-import React, { createContext, useMemo } from "react";
+import React, { createContext, useEffect, useMemo } from "react";
 import {
   actionExecutor as _actionExecutor,
   ActionResult,
@@ -19,7 +19,12 @@ import {
   EntryResolver,
   resolveObjectValues,
 } from "../appUtils/contextKeysManager/contextResolver";
+import { useNavigation } from "../reactHooks";
 import { get } from "lodash";
+import {
+  useContentTypes,
+  usePickFromState,
+} from "@applicaster/zapp-react-native-redux/hooks";
 
 const { log_error, log_info } = createLogger({
   subsystem: "ActionExecutorContext",
@@ -251,6 +256,10 @@ export function withActionExecutor(Component) {
   prepareDefaultActions(_actionExecutor);
 
   return function ActionExecutorComponent(props: Props) {
+    const navigator = useNavigation();
+    const { rivers } = usePickFromState(["rivers"]);
+    const contentTypes = useContentTypes();
+
     const handlers = useMemo(() => {
       return {
         unregisterAction: _actionExecutor.unregisterAction,
@@ -261,6 +270,44 @@ export function withActionExecutor(Component) {
       };
     }, []);
 
+    useEffect(() => {
+      return _actionExecutor.registerAction(
+        "navigateToScreen",
+        async (action: ActionType, context?: Record<string, any>) => {
+          const screenType = action.options?.typeMapping;
+
+          if (!screenType) {
+            log_error("navigateToScreen: typeMapping option is missing");
+
+            return ActionResult.Error;
+          }
+
+          const screenId = contentTypes?.[screenType]?.screen_id || null;
+
+          if (!screenId) {
+            log_error(
+              `navigateToScreen: can not resolve screen type mapping: ${screenType}`
+            );
+
+            return ActionResult.Error;
+          }
+
+          const river = rivers[screenId];
+
+          if (!river) {
+            log_error("navigateToScreen: can not resolve river");
+
+            return ActionResult.Error;
+          }
+
+          context?.callback?.({ success: false, error: null, abort: true });
+          navigator.replace(river);
+
+          return ActionResult.Success;
+        }
+      );
+    }, [navigator, rivers, contentTypes]);
+
     return (
       <ActionExecutorContext.Provider value={handlers}>
         <Component {...props} />

package/appUtils/HooksManager/Hook.js

@@ -56,6 +56,10 @@ export class Hook {
    * @param {Array<Any>} args variadic arguments to invoke the handler with
    */
   setStateAndNotify(event, ...args) {
+    if (this.state === hookState(HOOKS_EVENTS.CANCEL)) {
+      return;
+    }
+
     this.state = hookState(event);
     this.manager.invokeHandler(event, ...args);
   }

package/appUtils/HooksManager/index.js

@@ -76,14 +76,25 @@ export function HooksManager({
    * @returns {object} hook with plugin module
    */
   function getHookModule(hook) {
-    return R.compose(
-      R.ifElse(
-        R.isNil,
-        logMissingHook(hook),
-        R.compose(R.merge(hook), R.pick(["module", "configuration"]))
-      ),
-      R.find(R.propEq("identifier", hook.identifier))
-    )(plugins);
+    const plugin = plugins.find((p) => p.identifier === hook.identifier);
+
+    if (plugin == null) {
+      return logMissingHook(hook);
+    }
+
+    const moduleObj = plugin.module || {};
+
+    // TODO: Remove this line when Stringify state is removed from the NavigationProvider.tsx
+    // Remove context from the module object, because context fall into a loop.
+    // NavigationProvider.tsx observer state with JSON.stringify(state) that causes an infinite loop crash
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    const { context, ...cleanedModule } = moduleObj;
+
+    return {
+      ...hook,
+      module: cleanedModule,
+      configuration: plugin.configuration,
+    };
   }
 
   /**
@@ -230,6 +241,7 @@ export function HooksManager({
       payload = initialPayload,
       callback,
       cancelled,
+      abort,
     }) {
       if (error) {
         logHookEvent(
@@ -267,6 +279,7 @@ export function HooksManager({
         hookPlugin.setStateAndNotify(HOOKS_EVENTS.CANCEL, {
           hookPlugin,
           payload,
+          abort,
         });
 
         const isHookInHomescreen = payload?.home;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-utils",
-  "version": "12.0.18-rc.0",
+  "version": "12.0.19-alpha.1342029112",
   "description": "Applicaster Zapp React Native utilities package",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "12.0.18-rc.0",
+    "@applicaster/applicaster-types": "12.0.19-alpha.1342029112",
     "buffer": "^5.2.1",
     "camelize": "^1.0.0",
     "create-react-context": "^0.2.3",

package/zappFrameworkUtils/localStorageHelper.ts

@@ -1,6 +1,12 @@
 import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
 import { isNilOrEmpty } from "../reactUtils/helpers";
 import { parseJsonIfNeeded } from "@applicaster/zapp-react-native-utils/functionUtils";
+import {
+  StorageOwnedValues,
+  NamespaceValues,
+  StorageValuesToRemove,
+  StorageValuesToAdd,
+} from "./types";
 
 const defaultOwnedKey = "owned_keys";
 const DEFAULT_NAMESPACE = "applicaster.v2";

package/zappFrameworkUtils/types.ts

@@ -0,0 +1,11 @@
+export type StorageValuesToAdd = Record<string, NamespaceValues>;
+
+export type StorageValuesToRemove = {
+  string?: string[];
+};
+
+export type StorageOwnedValues = {
+  string?: string[];
+};
+
+export type NamespaceValues = Record<string, string>;