@applicaster/quick-brick-player 14.0.0-alpha.2308642114 → 14.0.0-alpha.2332850672

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "14.0.0-alpha.2308642114",
+  "version": "14.0.0-alpha.2332850672",
   "description": "Quick Brick Player",
   "main": "./src/index.ts",
   "types": "index.d.ts",
@@ -36,10 +36,10 @@
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
     "@applicaster/quick-brick-mobile-transport-controls": "13.0.0-rc.124",
-    "@applicaster/quick-brick-tv-transport-controls": "14.0.0-rc.4",
-    "@applicaster/zapp-react-native-tvos-app": "14.0.0-alpha.2308642114",
-    "@applicaster/zapp-react-native-ui-components": "14.0.0-alpha.2308642114",
-    "@applicaster/zapp-react-native-utils": "14.0.0-alpha.2308642114",
+    "@applicaster/quick-brick-tv-transport-controls": "14.0.0-rc.7",
+    "@applicaster/zapp-react-native-tvos-app": "14.0.0-alpha.2332850672",
+    "@applicaster/zapp-react-native-ui-components": "14.0.0-alpha.2332850672",
+    "@applicaster/zapp-react-native-utils": "14.0.0-alpha.2332850672",
     "query-string": "7.1.3",
     "react-native-web-linear-gradient": "1.1.2",
     "shaka-player": "4.3.5",

package/src/Player/AudioLayer/Layout/PlayerImage/AnimatedImage.tsx

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from "react";
 import { Image, Animated, StyleSheet, ImageStyle } from "react-native";
 
-import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
+import { getBackgroundImage } from "@applicaster/zapp-react-native-utils/audioPlayerUtils";
 import {
   useModalAnimationContext,
   PlayerAnimationStateEnum,
@@ -25,14 +25,23 @@ type Props = PropsWithChildren<{
   style?: ImageStyle | ImageStyle[];
   imageWidth: number;
   docked: boolean;
+  configuration: QuickBrickPlayer.AudioPlayerProps["configuration"];
 }>;
 
-export const AnimatedImage = ({ entry, style, imageWidth, docked }: Props) => {
+export const AnimatedImage = ({
+  entry,
+  style,
+  imageWidth,
+  docked,
+  configuration,
+}: Props) => {
   const heightAnim = React.useRef(new Animated.Value(imageWidth)).current;
 
   const source = React.useMemo(
-    () => ({ uri: imageSrcFromMediaItem(entry, undefined) }),
-    [entry]
+    () => ({
+      uri: getBackgroundImage({ entry, plugin_configuration: configuration }),
+    }),
+    [entry, configuration]
   );
 
   const { minimisedHeight } = useModalAnimationContext();

package/src/Player/AudioLayer/Layout/PlayerImage/FlexImage.tsx

@@ -1,17 +1,19 @@
 import * as React from "react";
 import { Image, ImageStyle } from "react-native";
-
-import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
+import { getBackgroundImage } from "@applicaster/zapp-react-native-utils/audioPlayerUtils";
 
 type Props = {
   entry: ZappEntry;
   style?: ImageStyle;
+  configuration: QuickBrickPlayer.AudioPlayerProps["configuration"];
 };
 
-export const FlexImage = ({ entry, style }: Props) => {
+export const FlexImage = ({ entry, style, configuration }: Props) => {
   const source = React.useMemo(
-    () => ({ uri: imageSrcFromMediaItem(entry, undefined) }),
-    [entry]
+    () => ({
+      uri: getBackgroundImage({ entry, plugin_configuration: configuration }),
+    }),
+    [entry, configuration]
   );
 
   if (!source) return null;

package/src/Player/AudioLayer/Layout/PlayerImage/index.tsx

@@ -94,6 +94,7 @@ export const PlayerImage = (props: Props) => {
               <FlexImage
                 entry={entry}
                 style={styles.backgroundImageContainer}
+                configuration={configuration}
               />
             </View>
           ) : (
@@ -103,6 +104,7 @@ export const PlayerImage = (props: Props) => {
               style={[styles.backgroundImageContainer, { borderRadius }]}
               imageWidth={imageWidth}
               docked={docked}
+              configuration={configuration}
             />
           )}
         </View>