@applicaster/zapp-react-native-ui-components 13.0.0-rc.74 → 13.0.0-rc.76

package/Components/Cell/CellWithFocusable.tsx

@@ -40,7 +40,7 @@ export function CellWithFocusable(props: Props) {
   const [isFocused, setIsFocused] = React.useState(false);
 
   const state = useCellState({
-    id: item.id,
+    item,
     behavior,
     focused: isFocused || toBooleanWithDefaultFalse(focused),
   });

package/Components/FocusableCell/index.tsx

@@ -23,7 +23,7 @@ export function FocusableCell(props: Props) {
     behavior,
   } = props;
 
-  const state = useCellState({ id: item.id, behavior, focused });
+  const state = useCellState({ item, behavior, focused });
 
   React.useEffect(() => {
     if (focused && scrollTo && !isAndroid) {

package/Components/MasterCell/utils/behaviorProvider.ts

@@ -6,6 +6,7 @@ import React, { useEffect } from "react";
 import { usePlayer } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/usePlayer";
 import { BehaviorSubject } from "rxjs";
 import { masterCellLogger } from "../logger";
+import get from "lodash/get";
 
 const parseContextKey = (key: string): string | null => {
   if (!key?.startsWith("@{ctx/")) return null;
@@ -72,11 +73,13 @@ export const useBehaviorUpdate = (behavior: Behavior) => {
 // We cant use async in this function (its inside render),
 // so we rely on useBehaviorUpdate to update current value and trigger re-render
 export const isCellSelected = (
-  id: string | number,
+  item: ZappEntry,
   behavior?: Behavior
 ): boolean => {
   if (!behavior) return false;
 
+  const id = behavior.selector ? get(item, behavior.selector) : item.id;
+
   if (behavior.selection_source === "now_playing") {
     const player = playerManager.getActivePlayer();
 

package/Components/MasterCell/utils/index.ts

@@ -190,24 +190,24 @@ export const getFocusedButtonId = (focusable) => {
   });
 };
 
-export const isSelected = (id: string | number, behavior?: Behavior) => {
-  return isCellSelected(id, behavior);
+export const isSelected = (item: ZappEntry, behavior?: Behavior) => {
+  return isCellSelected(item, behavior);
 };
 
 export const useCellState = ({
-  id,
+  item,
   behavior,
   focused,
 }: {
-  id: string | number;
+  item: ZappEntry;
   behavior: Behavior;
   focused: boolean;
 }): CellState => {
   const lastUpdate = useBehaviorUpdate(behavior);
 
   const _isSelected = useMemo(
-    () => isSelected(id, behavior),
-    [behavior, id, lastUpdate]
+    () => isSelected(item, behavior),
+    [behavior, item, lastUpdate]
   );
 
   return getCellState({ focused, selected: _isSelected });

package/Decorators/ZappPipesDataConnector/index.tsx

@@ -230,7 +230,8 @@ export function zappPipesDataConnector(
     const entryContext =
       (shouldUseNestedContext && screenContextData?.nested?.entry
         ? screenContextData?.nested?.entry
-        : screenContextData?.entry) || {};
+        : (screenContextData?.entry?.payload ?? screenContextData?.entry)) ||
+      {};
 
     const screenContext =
       (shouldUseNestedContext && screenContextData?.nested?.screen

package/package.json

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