@applicaster/zapp-react-native-ui-components 14.0.0-alpha.2847632144 → 14.0.0-alpha.5521273514

package/Components/AudioPlayer/Artwork.tsx

@@ -1,16 +1,5 @@
 import React from "react";
-import { View, Image, StyleSheet } from "react-native";
-import { toNumberWithDefaultZero } from "@applicaster/zapp-react-native-utils/numberUtils";
-
-const styles = StyleSheet.create({
-  container: {
-    marginHorizontal: 24,
-  },
-  image: {
-    width: 400,
-    height: 400,
-  },
-});
+import { View, Image } from "react-native";
 
 type Props = {
   srcImage: string;
@@ -20,19 +9,25 @@ type Props = {
     backgroundColor: string;
     backgroundImage: string;
     isRTL: boolean;
-    artworkBorderRadius: Option<number>;
   };
 };
 
-export function Artwork({ srcImage, config }: Props) {
-  const borderRadius = toNumberWithDefaultZero(config.artworkBorderRadius);
+const containerStyles = {
+  marginHorizontal: 24,
+};
+
+const imageStyles = {
+  width: 400,
+  height: 400,
+};
 
+export function Artwork({ srcImage }: Props) {
   return (
-    <View style={styles.container}>
+    <View style={containerStyles}>
       <Image
         fadeDuration={0}
         source={{ uri: srcImage }}
-        style={[styles.image, { borderRadius }]}
+        style={imageStyles}
         resizeMode="cover"
       />
     </View>

package/Components/AudioPlayer/AudioPlayer.tsx

@@ -72,7 +72,6 @@ export function AudioPlayer(props: Props) {
     const artworkAspectRatio = getProp("audio_player_artwork_aspect_ratio");
     const channelIcon = getProp("audio_player_channel_icon");
     const rtlFlag = getProp("audio_player_rtl");
-    const artworkBorderRadius = getProp("audio_player_artwork_border_radius");
 
     const audioPlayerBackgroundImageDefaultColor = getProp(
       "audio_player_background_image_default_color"
@@ -155,7 +154,6 @@ export function AudioPlayer(props: Props) {
       artworkAspectRatio,
       channelIcon,
       audioPlayerBackgroundImageDefaultColor,
-      artworkBorderRadius,
     };
   }, [getProp]);
 

package/Components/AudioPlayer/AudioPlayerLayout.tsx

@@ -14,7 +14,6 @@ type Props = {
     backgroundColor: string;
     backgroundImage: string;
     isRTL: boolean;
-    artworkBorderRadius: Option<number>;
   };
   children: React.ReactNode;
   style: ViewStyle;

package/Components/AudioPlayer/__tests__/__snapshots__/artWork.test.js.snap

@@ -17,15 +17,10 @@ exports[`<Artwork /> renders correctly 1`] = `
       }
     }
     style={
-      [
-        {
-          "height": 400,
-          "width": 400,
-        },
-        {
-          "borderRadius": 0,
-        },
-      ]
+      {
+        "height": 400,
+        "width": 400,
+      }
     }
   />
 </View>

package/Components/Cell/index.js

@@ -3,11 +3,15 @@ import * as R from "ramda";
 import { connectToStore } from "@applicaster/zapp-react-native-redux";
 import { platformSelect } from "@applicaster/zapp-react-native-utils/reactUtils";
 
-import { HorizontalScrollContext, RiverOffsetContext } from "../../Contexts";
+import {
+  HorizontalScrollContext,
+  RiverOffsetContext,
+  ScreenScrollingContext,
+} from "../../Contexts";
+
 import { CellComponent } from "./Cell";
 import { TvOSCellComponent } from "./TvOSCellComponent";
 import { withConsumer } from "../../Contexts/HeaderOffsetContext";
-import { ScreenScrollingContext } from "../../Contexts/ScreenScrollingContext";
 
 import { ScreenLayoutContextConsumer } from "../../Contexts/ScreenLayoutContext";
 import { createContext } from "@applicaster/zapp-react-native-utils/reactUtils/createContext";

package/Components/Viewport/VisibilitySensor/VisibilitySensor.tsx

@@ -4,8 +4,8 @@ which helps in detecting whether a given component is visible within the viewpor
 It is useful for implementing lazy loading or triggering specific actions when a component comes into view.
 */
 
-import React, { useEffect, useState, useRef, ReactNode, FC } from "react";
-import { View, Dimensions } from "react-native";
+import React, { FC, ReactNode, useEffect, useRef, useState } from "react";
+import { Dimensions, View } from "react-native";
 import { useIsRTL } from "@applicaster/zapp-react-native-utils/localizationUtils";
 import { isTV } from "@applicaster/zapp-react-native-utils/reactUtils";
 
@@ -78,7 +78,7 @@ const VisibilitySensorComponent: FC<Props> = ({
   };
 
   const stopWatching = () => {
-    interval = clearInterval(interval);
+    clearInterval(interval);
   };
 
   const isInViewPort = () => {

package/Components/default-cell-renderer/viewTrees/tv/DefaultCell/index.ts

@@ -1,10 +1,10 @@
 import {
-  getColor,
   ACTIVE_COLOR,
   BACKGROUND_COLOR,
-  MAIN_TEXT_COLOR,
   FOCUSED_TEXT_COLOR,
-} from "../../../colors/index";
+  getColor,
+  MAIN_TEXT_COLOR,
+} from "../../../colors";
 
 const Image = "Image";
 const View = "View";

package/package.json

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