@applicaster/quick-brick-player 13.0.0-alpha.1697545405 → 13.0.0-alpha.1700735421

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "13.0.0-alpha.1697545405",
+  "version": "13.0.0-alpha.1700735421",
   "description": "Quick Brick Player",
   "main": "./src/index.ts",
   "types": "index.d.ts",
@@ -36,11 +36,11 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/quick-brick-mobile-transport-controls": "13.0.0-rc.46",
-    "@applicaster/quick-brick-tv-transport-controls": "13.0.0-rc.46",
-    "@applicaster/zapp-react-native-tvos-app": "13.0.0-alpha.1697545405",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.1697545405",
-    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.1697545405",
+    "@applicaster/quick-brick-mobile-transport-controls": "13.0.0-alpha.1700735421",
+    "@applicaster/quick-brick-tv-transport-controls": "13.0.0-rc.56",
+    "@applicaster/zapp-react-native-tvos-app": "13.0.0-alpha.1700735421",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-alpha.1700735421",
+    "@applicaster/zapp-react-native-utils": "13.0.0-alpha.1700735421",
     "keymirror": "^0.1.1",
     "query-string": "7.1.3",
     "react-native-web-linear-gradient": "1.1.2",
@@ -61,16 +61,12 @@
     "@applicaster/zapp-react-native-tvos-ui-components": "*",
     "@babel/runtime": "*",
     "@react-native-community/netinfo": "*",
-    "@types/node": "*",
-    "@types/react-native": "0.69.6",
     "immer": "*",
     "react": "*",
-    "react-hot-loader": "*",
     "react-native": "*",
     "react-native-fs": "*",
     "react-native-gesture-handler": "*",
     "react-native-linear-gradient": "*",
-    "react-native-safe-area-context": "*",
     "react-native-svg": "*",
     "react-native-web": "*",
     "react-native-webview": "*",

package/src/Player/AudioLayer/AudioPlayerWrapper.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ViewStyle, View } from "react-native";
+import { ViewStyle, View, Dimensions as ScreenDimensions } from "react-native";
 
 import { SafeAreaView, Edge } from "react-native-safe-area-context";
 import { usePlayerState } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/usePlayerState";
@@ -40,6 +40,7 @@ import {
   SLEEP_TIMER_OFF,
 } from "./SleepTimerManager";
 import { SpeedController, PlaybackSpeed, DEFAULT_SPEED } from "./SpeedManager";
+import { imageSrcFromMediaItem } from "@applicaster/zapp-react-native-utils/configurationUtils";
 
 const { log_debug } = createLogger({
   subsystem: "UIComponent",
@@ -78,8 +79,7 @@ type Props = {
   isTabletPortrait?: boolean;
 };
 
-export const defaultAspectRatioWidth = (height: number): number =>
-  (height / 9) * 16;
+const { width: SCREEN_WIDTH } = ScreenDimensions.get("screen");
 
 const Styles = {
   mainContainer: (style: ViewStyle) => {
@@ -105,7 +105,11 @@ const Styles = {
     height: 96,
     marginHorizontal: 24,
   },
-  playerDetails: { marginTop: 60 },
+  playerDetails: {
+    marginTop: 60,
+    alignSelf: "center",
+    width: SCREEN_WIDTH - PADDING_HORIZONTAL * 2,
+  },
 
   linearGradient: {
     flex: 1,
@@ -442,7 +446,7 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
   ]);
 
   if (configuration.magic_background) {
-    const baseUrl = entry?.extensions?.audio_player_background_image ?? "";
+    const baseUrl = imageSrcFromMediaItem(entry, null);
 
     const queryParamName =
       configuration.audio_player_background_image_query || "width";

package/src/Player/AudioLayer/Layout/DefaultLayout.tsx

@@ -375,6 +375,7 @@ export default function DefaultLayout(props: LayoutProps) {
         >
           <PlayerImageBackground
             entry={entry}
+            docked={docked}
             style={Styles.backgroundImageContainer(dimensions, isTablet)}
             imageStyle={Styles.backgroundImageContainerImageStyle(
               isTablet,
@@ -408,6 +409,7 @@ export default function DefaultLayout(props: LayoutProps) {
             {needsToShowProgressBar ? (
               <View>
                 <ProgressBar
+                  name={"audio-default-layout"}
                   content={entry}
                   value={value}
                   visible={true}

package/src/Player/AudioLayer/Layout/DockedLayout.tsx

@@ -247,6 +247,7 @@ export default function DockedLayout(props: LayoutProps) {
       {!playerState.isLive &&
       (layoutState.docked || startComponentsAnimation) ? (
         <ProgressBar
+          name={"audio-docked-layout"}
           content={entry}
           value={value}
           visible={visible}