@applicaster/quick-brick-player 11.0.0-rc.99 → 12.0.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "11.0.0-rc.99",
+  "version": "12.0.0-rc.1",
   "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": "11.0.0-rc.99",
-    "@applicaster/quick-brick-tv-transport-controls": "11.0.0-rc.99",
-    "@applicaster/zapp-react-native-tvos-app": "11.0.0-rc.99",
-    "@applicaster/zapp-react-native-ui-components": "11.0.0-rc.99",
-    "@applicaster/zapp-react-native-utils": "11.0.0-rc.99",
+    "@applicaster/quick-brick-mobile-transport-controls": "11.0.0-rc.108",
+    "@applicaster/quick-brick-tv-transport-controls": "11.0.0-rc.133",
+    "@applicaster/zapp-react-native-tvos-app": "12.0.0-rc.1",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-rc.1",
+    "@applicaster/zapp-react-native-utils": "12.0.0-rc.1",
     "keymirror": "^0.1.1",
     "react-native-web-linear-gradient": "1.1.2",
     "shaka-player": "4.3.5",

package/src/Player/AudioLayer/AudioPlayerWrapper.tsx

@@ -1,13 +1,16 @@
 import * as React from "react";
 import { ViewStyle, View, ScrollView } from "react-native";
 
-import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView, Edge } from "react-native-safe-area-context";
 import { usePlayerState } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/usePlayerState";
 import { usePlayer } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/usePlayer";
 import * as R from "ramda";
 import { playerManager } from "@applicaster/zapp-react-native-utils/appUtils";
 import Layout from "./Layout";
-import { useIsTablet, useNavigation } from "@applicaster/zapp-react-native-utils/reactHooks";
+import {
+  useIsTablet,
+  useNavigation,
+} from "@applicaster/zapp-react-native-utils/reactHooks";
 import { createLogger } from "@applicaster/zapp-react-native-utils/logger";
 import { PlayNextData } from "@applicaster/zapp-react-native-ui-components/Components/PlayerContainer/PlayerContainer";
 import { PlayerDetails } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/PlayerDetails";
@@ -86,7 +89,7 @@ const Styles = {
     height: 96,
     marginHorizontal: 24,
   },
-  playerDetails: { marginTop: 20 },
+  playerDetails: { marginTop: 60 },
 
   linearGradient: {
     flex: 1,
@@ -105,7 +108,7 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
     children,
     layoutState,
     playNextData = null,
-    isTabletPortrait
+    isTabletPortrait,
   } = props;
 
   const isTablet = useIsTablet();
@@ -186,12 +189,20 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
     player?.seekTo(0);
   }, [player]);
 
+  const edges = React.useMemo<Edge[]>(
+    () => (docked ? [] : ["right", "left", "top"]),
+    [docked]
+  );
+
   const ContainerView = docked ? View : SafeAreaView;
 
   const MainContent = React.useMemo(() => {
     return (
-      <ContainerView style={Styles.mainContainer(docked, style)}>
-        <ScrollView style={Styles.playerContainer(docked, style)} onLayout={onLayout}>
+      <ContainerView style={Styles.mainContainer(docked, style)} edges={edges}>
+        <ScrollView
+          style={Styles.playerContainer(docked, style)}
+          onLayout={onLayout}
+        >
           <Layout
             entry={entry}
             playerState={playerState}
@@ -210,14 +221,15 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
             playNextData={playNextData}
           />
           {children}
-          {!docked &&
+          {!docked && (
             <PlayerDetails
               configuration={configuration}
               style={Styles.playerDetails}
               entry={entry}
               isTabletLandscape={isTabletLandscape}
               isAudioPlayer={true}
-            />}
+            />
+          )}
         </ScrollView>
       </ContainerView>
     );

package/src/Player/index.tsx

@@ -816,14 +816,9 @@ export default class VideoPlayer extends React.Component<
       ? { controls: !this.getPlayNextData() }
       : {};
 
-    const pluginConfiguration = isTV()
-      ? { configuration: this.props.pluginConfiguration }
-      : {};
-
     const platformSpecificProps = isApplePlatform()
       ? {
           ...hideNativeControls,
-          ...pluginConfiguration,
           resizeMode: nativeResizeMode,
         }
       : {};