@applicaster/quick-brick-player 14.0.0-alpha.4011674803 → 14.0.0-alpha.5071825192

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "14.0.0-alpha.4011674803",
+  "version": "14.0.0-alpha.5071825192",
   "description": "Quick Brick Player",
   "main": "./src/index.ts",
   "types": "index.d.ts",
@@ -37,9 +37,9 @@
   "dependencies": {
     "@applicaster/quick-brick-mobile-transport-controls": "13.0.0-rc.124",
     "@applicaster/quick-brick-tv-transport-controls": "14.0.0-rc.7",
-    "@applicaster/zapp-react-native-tvos-app": "14.0.0-alpha.4011674803",
-    "@applicaster/zapp-react-native-ui-components": "14.0.0-alpha.4011674803",
-    "@applicaster/zapp-react-native-utils": "14.0.0-alpha.4011674803",
+    "@applicaster/zapp-react-native-tvos-app": "14.0.0-alpha.5071825192",
+    "@applicaster/zapp-react-native-ui-components": "14.0.0-alpha.5071825192",
+    "@applicaster/zapp-react-native-utils": "14.0.0-alpha.5071825192",
     "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 { getBackgroundImage } from "@applicaster/zapp-react-native-utils/audioPlayerUtils";
+import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
 import {
   useModalAnimationContext,
   PlayerAnimationStateEnum,
@@ -25,23 +25,14 @@ type Props = PropsWithChildren<{
   style?: ImageStyle | ImageStyle[];
   imageWidth: number;
   docked: boolean;
-  configuration: QuickBrickPlayer.AudioPlayerProps["configuration"];
 }>;
 
-export const AnimatedImage = ({
-  entry,
-  style,
-  imageWidth,
-  docked,
-  configuration,
-}: Props) => {
+export const AnimatedImage = ({ entry, style, imageWidth, docked }: Props) => {
   const heightAnim = React.useRef(new Animated.Value(imageWidth)).current;
 
   const source = React.useMemo(
-    () => ({
-      uri: getBackgroundImage({ entry, plugin_configuration: configuration }),
-    }),
-    [entry, configuration]
+    () => ({ uri: imageSrcFromMediaItem(entry, undefined) }),
+    [entry]
   );
 
   const { minimisedHeight } = useModalAnimationContext();

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

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

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

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