@applicaster/zapp-react-native-ui-components 13.0.0-alpha.1744140354 → 13.0.0-alpha.1855742455

package/Decorators/ZappPipesDataConnector/index.tsx

@@ -1,10 +1,12 @@
 /// <reference types="@applicaster/applicaster-types" />
 /// <reference types="@applicaster/zapp-react-native-ui-components" />
 import React, { useEffect, useMemo } from "react";
+import { localStorage } from "@applicaster/zapp-react-native-bridge/ZappStorage/LocalStorage";
+
 import * as R from "ramda";
 import { Platform } from "react-native";
 import Url from "url";
-
+import { ENDPOINT_TAGS } from "@applicaster/zapp-react-native-utils/types";
 import { favoritesListener } from "@applicaster/zapp-react-native-bridge/Favorites";
 import { usePickFromState } from "@applicaster/zapp-react-native-redux/hooks";
 import { useRoute } from "@applicaster/zapp-react-native-utils/reactHooks/navigation";
@@ -19,6 +21,12 @@ import { ZappPipesSearchContext } from "@applicaster/zapp-react-native-ui-compon
 import { useScreenContext } from "@applicaster/zapp-react-native-utils/reactHooks/screen/useScreenContext";
 
 import { isVerticalListOrGrid } from "./utils";
+import { appStore } from "@applicaster/zapp-react-native-redux/AppStore";
+import {
+  findEndpointForURL,
+  HTTP_METHODS,
+} from "@applicaster/zapp-pipes-v2-client";
+import { getNamespaceAndKey } from "@applicaster/zapp-react-native-utils/appUtils/contextKeysManager/utils";
 
 type Props = {
   component: ZappUIComponent;
@@ -291,6 +299,37 @@ export function zappPipesDataConnector(
         if (addListener) {
           return addListener(reloadData);
         }
+      } else {
+        const pipesEndpoints = appStore.get("pipesEndpoints");
+
+        const endpointURL = findEndpointForURL(
+          dataSourceUrl,
+          pipesEndpoints,
+          HTTP_METHODS.GET
+        );
+
+        const endpoint = pipesEndpoints?.[endpointURL];
+
+        if (endpoint?.tags?.includes(ENDPOINT_TAGS.observe_storage)) {
+          const storageKeys = endpoint.context_obj;
+
+          const subscriptions = [];
+
+          storageKeys.forEach((data) => {
+            const { namespace, key: storageKey } = getNamespaceAndKey(data.key);
+
+            const listener = localStorage.addListener(
+              { key: storageKey, namespace },
+              () => {
+                reloadData();
+              }
+            );
+
+            subscriptions.push(listener);
+          });
+
+          return () => subscriptions.forEach((listener) => listener());
+        }
       }
     }, [dataSourceUrl, reloadData]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "13.0.0-alpha.1744140354",
+  "version": "13.0.0-alpha.1855742455",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -34,10 +34,10 @@
     "redux-mock-store": "^1.5.3"
   },
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.1744140354",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.1744140354",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.1744140354",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.1744140354",
+    "@applicaster/applicaster-types": "13.0.0-alpha.1855742455",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.1855742455",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.1855742455",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.1855742455",
     "promise": "^8.3.0",
     "react-router-native": "^5.1.2",
     "url": "^0.11.0",