@applicaster/quick-brick-player 12.0.0-alpha.3548534181 → 12.0.0-alpha.3551594096

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "12.0.0-alpha.3548534181",
+  "version": "12.0.0-alpha.3551594096",
   "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": "12.0.0-alpha.3548534181",
-    "@applicaster/quick-brick-tv-transport-controls": "12.0.0-alpha.3548534181",
-    "@applicaster/zapp-react-native-tvos-app": "12.0.0-alpha.3548534181",
-    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.3548534181",
-    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.3548534181",
+    "@applicaster/quick-brick-mobile-transport-controls": "12.0.0-alpha.3551594096",
+    "@applicaster/quick-brick-tv-transport-controls": "12.0.0-rc.89",
+    "@applicaster/zapp-react-native-tvos-app": "12.0.0-alpha.3551594096",
+    "@applicaster/zapp-react-native-ui-components": "12.0.0-alpha.3551594096",
+    "@applicaster/zapp-react-native-utils": "12.0.0-alpha.3551594096",
     "keymirror": "^0.1.1",
     "query-string": "7.1.3",
     "react-native-web-linear-gradient": "1.1.2",

package/src/Player/AudioLayer/AudioPlayerWrapper.tsx

@@ -388,6 +388,7 @@ export const AudioPlayerWrapper: React.FC<Props> = (props: Props) => {
         <AnimationComponent
           animationType={ComponentAnimationType.moveUpComponent}
           additionalData={{ saveArea: true }}
+          style={Styles.playerContainer}
         >
           <AnimatedScrollModal>
             <View style={Styles.playerContainer} onLayout={onLayout}>

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

@@ -245,17 +245,19 @@ export default function DockedLayout(props: LayoutProps) {
         animatedContainerStyle(isActiveGesture || layoutState.docked),
       ]}
     >
-      {!playerState.isLive && layoutState.docked && (
-        <ProgressBar
-          content={entry}
-          value={value}
-          visible={visible}
-          layoutState={layoutState}
-          onPlayerSeek={onPlayerSeek}
-          playerState={playerState}
-          docked
-        />
-      )}
+      {!playerState.isLive &&
+        (layoutState.docked || startComponentsAnimation) && (
+          <ProgressBar
+            content={entry}
+            value={value}
+            visible={visible}
+            layoutState={layoutState}
+            onPlayerSeek={onPlayerSeek}
+            playerState={playerState}
+            startComponentsAnimation={startComponentsAnimation}
+            docked
+          />
+        )}
 
       <View style={styles.content}>
         <View

package/src/Player/index.tsx

@@ -989,7 +989,13 @@ export default class VideoPlayer extends React.Component<
       ...androidLifecyclePiPEvents,
     };
 
-    const needToShowPlayNextOverlay = this.getPlayNextData() && !docked;
+    const needToShowPlayNextOverlay =
+      isTV() && this.getPlayNextData() && !docked;
+
+    const needToShowDefaultControls = !(
+      (controls && !castAction?.state?.connected) ||
+      this.getPlayNextData()
+    );
 
     const playerContainerStyles = isApplePlatform()
       ? styles.playerContainerBlack
@@ -1031,7 +1037,7 @@ export default class VideoPlayer extends React.Component<
           extraInfoText={castAction?.state?.friendlyStatus}
           controlsAlwaysVisible={castAction?.state?.connected}
           playNextData={this.getPlayNextData()}
-          nativeControls={!!controls}
+          needToShowDefaultControls={needToShowDefaultControls}
         />
       ) : null;
     };