@applicaster/zapp-react-native-ui-components 13.0.0-alpha.7222980745 → 13.0.0-alpha.7223143213

package/Decorators/ZappPipesDataConnector/index.tsx

@@ -1,12 +1,10 @@
 /// <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";
@@ -21,12 +19,7 @@ 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";
+import { subscribeForUrlContextKeyChanges } from "@applicaster/zapp-pipes-v2-client";
 
 type Props = {
   component: ZappUIComponent;
@@ -300,27 +293,7 @@ export function zappPipesDataConnector(
           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());
-        }
+        return subscribeForUrlContextKeyChanges(dataSourceUrl, {}, reloadData);
       }
     }, [dataSourceUrl, reloadData]);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "13.0.0-alpha.7222980745",
+  "version": "13.0.0-alpha.7223143213",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -29,15 +29,13 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "devDependencies": {
-    "@types/react": "17.0.2",
-    "@types/react-native": "0.69.6",
     "redux-mock-store": "^1.5.3"
   },
   "dependencies": {
-    "@applicaster/applicaster-types": "13.0.0-alpha.7222980745",
-    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.7222980745",
-    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.7222980745",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.7222980745",
+    "@applicaster/applicaster-types": "13.0.0-alpha.7223143213",
+    "@applicaster/zapp-react-native-bridge": "13.0.0-alpha.7223143213",
+    "@applicaster/zapp-react-native-redux": "13.0.0-alpha.7223143213",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.7223143213",
     "promise": "^8.3.0",
     "react-router-native": "^5.1.2",
     "url": "^0.11.0",
@@ -46,10 +44,9 @@
   "peerDependencies": {
     "@applicaster/zapp-pipes-v2-client": "*",
     "@react-native-community/netinfo": "*",
-    "@types/node": "*",
     "immer": "*",
-    "react": "17.0.2",
-    "react-native": "0.68.6",
+    "react": "*",
+    "react-native": "*",
     "react-native-safe-area-context": "*",
     "react-native-svg": "*",
     "uglify-js": "*",

package/tsconfig.json

@@ -2,8 +2,7 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./lib",
-    "rootDir": "./src"
+    "rootDir": "./"
   },
-  "exclude": ["src/**/*.test.tsx"],
-  "include": ["src/**/*"]
+  "include": ["**/*"],
 }

package/Components/Cell/CellWithFocusable.ios.tsx

@@ -1,126 +0,0 @@
-/** TODO: Remove this file when tvos FocusableGroup
- * behaviour is aligned to the web one
- * FocusableGroup should only send onFocus and onBlur events when
- * Focus enters and leaves the Focusables inside the branch
- */
-import * as React from "react";
-
-import { focusManager } from "@applicaster/zapp-react-native-utils/appUtils/focusManager";
-import * as FOCUS_EVENTS from "@applicaster/zapp-react-native-utils/appUtils/focusManager/events";
-import { noop } from "@applicaster/zapp-react-native-utils/functionUtils";
-import { toBooleanWithDefaultFalse } from "@applicaster/zapp-react-native-utils/booleanUtils";
-
-import { isAppleTV } from "../../Helpers/Platform";
-import { useCellState } from "../MasterCell/utils";
-
-const useCellFocusedState = (
-  skipFocusManagerRegistration: boolean,
-  groupId: string,
-  id: string
-) => {
-  const [currentCellFocused, setCurrentCellFocused] = React.useState(false);
-
-  React.useEffect(() => {
-    const isGroupItemFocused = () => {
-      if (!skipFocusManagerRegistration) {
-        const isFocused = focusManager.isGroupItemFocused(groupId, id);
-        setCurrentCellFocused(isFocused);
-      }
-    };
-
-    const handler = () => {
-      // tvOS hack for properly checking focus
-      if (isAppleTV()) {
-        setTimeout(() => {
-          isGroupItemFocused();
-        }, 0);
-      } else {
-        isGroupItemFocused();
-      }
-    };
-
-    focusManager.on(FOCUS_EVENTS.FOCUS, handler);
-
-    return () => {
-      focusManager.removeHandler(FOCUS_EVENTS.FOCUS, handler);
-    };
-  }, [groupId, skipFocusManagerRegistration]);
-
-  return currentCellFocused;
-};
-
-type Props = {
-  item: ZappEntry;
-  CellRenderer: React.FunctionComponent<any>;
-  id: string;
-  groupId: string;
-  onFocus: Function;
-  index: number;
-  scrollTo: Function;
-  preferredFocus?: boolean;
-  skipFocusManagerRegistration?: boolean;
-  isFocusable?: boolean;
-  behavior: Behavior;
-  focused?: boolean;
-};
-
-export function CellWithFocusable(props: Props) {
-  const {
-    index,
-    item,
-    CellRenderer,
-    id,
-    groupId,
-    onFocus,
-    scrollTo = noop,
-    preferredFocus,
-    skipFocusManagerRegistration,
-    isFocusable,
-    behavior,
-    focused,
-  } = props;
-
-  const isFocused = useCellFocusedState(
-    skipFocusManagerRegistration,
-    groupId,
-    id
-  );
-
-  const state = useCellState({
-    id: item.id,
-    behavior,
-    focused: isFocused || toBooleanWithDefaultFalse(focused),
-  });
-
-  const [focusedButtonId, setFocusedButtonId] = React.useState(undefined);
-
-  // for horizontal scrolling
-  React.useEffect(() => {
-    if (focusedButtonId) {
-      scrollTo(index);
-    }
-  }, [focusedButtonId]);
-
-  const handleToggleFocus = (value) => {
-    setFocusedButtonId(value.focusedButtonId);
-
-    if (value.focusable) {
-      onFocus(value.focusable, value.mouse);
-    }
-  };
-
-  return (
-    <CellRenderer
-      item={item}
-      groupId={groupId}
-      onToggleFocus={handleToggleFocus}
-      state={state}
-      prefixId={id}
-      focusedButtonId={focusedButtonId}
-      preferredFocus={preferredFocus}
-      skipFocusManagerRegistration={skipFocusManagerRegistration}
-      isFocusable={isFocusable}
-      focused={focused}
-    />
-  );
-}

package/Components/CellRendererResolver/__tests__/__snapshots__/cellRendererResolver.test.js.snap

@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CellRendererResolver renders correctly 1`] = `
-<View
-  someProp={
-    {
-      "cellOptions": {},
-      "cellStyles": {
-        "ABCDE-123456": {
-          "configuration": {},
-          "plugin_identifier": "custom_renderer_plugin",
-        },
-        "FGHIJ-123456": {
-          "configuration": {},
-          "plugin_identifier": "unknown_plugin",
-        },
-      },
-      "component": {
-        "styles": {
-          "cell_plugin_configuration_id": "ABCDE-123456",
-        },
-      },
-      "styles": {},
-    }
-  }
-/>
-`;
-
-exports[`CellRendererResolver with a default renderer plugin renders correctly 1`] = `
-<View
-  someProp={
-    {
-      "cellOptions": {},
-      "cellStyles": {
-        "ABCDE-123456": {
-          "configuration": {},
-          "plugin_identifier": "custom_renderer_plugin",
-        },
-        "FGHIJ-123456": {
-          "configuration": {},
-          "plugin_identifier": "unknown_plugin",
-        },
-      },
-      "component": {
-        "styles": {
-          "cell_plugin_configuration_id": "ABCDE-123456",
-        },
-      },
-      "styles": {},
-    }
-  }
-/>
-`;

package/Components/RouteManager/__tests__/__snapshots__/testId.test.js.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TestId renders correctly and assigns the testID to a wrapping view 1`] = `
-<View
-  accessibilityLabel="A1234"
-  style={
-    {
-      "flex": 1,
-    }
-  }
-  testID="A1234"
->
-  <TestComponent
-    name="dev test"
-  />
-</View>
-`;

package/Components/ScreenResolver/__tests__/__snapshots__/screenResolver.test.js.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<ScreenResolver /> renders correctly 1`] = `
-<mockConstructor
-  screenData={{}}
-  screenId="1234"
-  screenType="screen_type_1"
-/>
-`;
-
-exports[`<ScreenResolver /> wraps the player with the playerController component when the screenType is playable 1`] = `
-<HandlePlayable
-  isModal={false}
-  item={{}}
-  mode="FULLSCREEN"
-/>
-`;

package/Components/ZappUIComponent/__tests__/__snapshots__/ZappUIComponent.test.js.snap

@@ -1,91 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ZappUIComponent when zapp pipes data is loading renders correctly otherwise 1`] = `
-<ContextProvider
-  value={
-    {
-      "parent": null,
-    }
-  }
->
-  <LoadingComponent
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      {
-        "loading": true,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent when zapp pipes data is loading renders null if no loading component is provided 1`] = `
-<ContextProvider
-  value={
-    {
-      "parent": null,
-    }
-  }
->
-  <Placeholder
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      {
-        "loading": true,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent when zapp pipes data returns properly renders correctly 1`] = `
-<ContextProvider
-  value={
-    {
-      "parent": null,
-    }
-  }
->
-  <Component
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      {
-        "data": {
-          "type": {
-            "value": "feed",
-          },
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent whenn zapp pipes data returns with error renders correctly otherwise 1`] = `
-<ContextProvider
-  value={
-    {
-      "parent": null,
-    }
-  }
->
-  <ErrorComponent
-    onLoadFinished={[MockFunction]}
-    parent={null}
-    zappPipesData={
-      {
-        "error": {
-          "message": "oups",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
-
-exports[`ZappUIComponent whenn zapp pipes data returns with error renders null if no error component is provided 1`] = `""`;