@applicaster/zapp-react-native-ui-components 13.0.0-alpha.7222542422 → 13.0.0-alpha.7846284820

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,28 @@ 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 subscriptions: (() => void)[] = endpoint.context_obj.map(
+            (data: Record<string, any>) => {
+              const { namespace, key } = getNamespaceAndKey(data.key);
+
+              return localStorage.addListener({ key, namespace }, reloadData);
+            }
+          );
+
+          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.7222542422",
+  "version": "13.0.0-alpha.7846284820",
   "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.7222542422",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.7222542422",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.7222542422",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.7222542422",
+    "@applicaster/applicaster-types": "13.0.0-alpha.7846284820",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.7846284820",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.7846284820",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.7846284820",
     "promise": "^8.3.0",
     "react-router-native": "^5.1.2",
     "url": "^0.11.0",

package/Contexts/ComponentsMapOffsetContext/index.tsx

@@ -1,41 +0,0 @@
-import React, { PropsWithChildren } from "react";
-
-export const ComponentsMapOffsetContext = React.createContext({
-  setComponentsMapOffset: (_offset: number) => void 0,
-  componentsMapOffset: 0,
-});
-
-export const ComponentsMapOffsetContextProvider = ({
-  children,
-}: PropsWithChildren<{}>) => {
-  const [componentsMapOffset, setComponentsMapOffset] = React.useState(0);
-
-  const contextValue = {
-    componentsMapOffset,
-    setComponentsMapOffset,
-  };
-
-  return (
-    <ComponentsMapOffsetContext.Provider value={contextValue}>
-      {children}
-    </ComponentsMapOffsetContext.Provider>
-  );
-};
-
-export const withComponentsMapOffsetContext = (Component: any) =>
-  function ComponentsMapOffsetContextProviderWrapper(props: {}) {
-    return (
-      <ComponentsMapOffsetContextProvider>
-        <Component {...props} />
-      </ComponentsMapOffsetContextProvider>
-    );
-  };
-
-export const withComponentsMapOffsetContextConsumer = (Component: any) =>
-  function ComponentsMapOffsetContextConsumerWrapper(props: {}) {
-    const { componentsMapOffset } = React.useContext(
-      ComponentsMapOffsetContext
-    );
-
-    return <Component {...props} componentsMapOffset={componentsMapOffset} />;
-  };