@applicaster/quick-brick-player 12.0.9-alpha.3292285337 → 12.0.9-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "12.0.9-alpha.3292285337",
+  "version": "12.0.9-rc.1",
   "description": "Quick Brick Player",
   "main": "./src/index.ts",
   "types": "index.d.ts",
@@ -38,9 +38,9 @@
   "dependencies": {
     "@applicaster/quick-brick-mobile-transport-controls": "12.0.7",
     "@applicaster/quick-brick-tv-transport-controls": "12.0.4",
-    "@applicaster/zapp-react-native-tvos-app": "12.0.9-alpha.3292285337",
-    "@applicaster/zapp-react-native-ui-components": "12.0.9-alpha.3292285337",
-    "@applicaster/zapp-react-native-utils": "12.0.9-alpha.3292285337",
+    "@applicaster/zapp-react-native-tvos-app": "12.0.9-rc.1",
+    "@applicaster/zapp-react-native-ui-components": "12.0.9-rc.1",
+    "@applicaster/zapp-react-native-utils": "12.0.9-rc.1",
     "keymirror": "^0.1.1",
     "query-string": "7.1.3",
     "react-native-web-linear-gradient": "1.1.2",

package/src/Player/AnimationPlayerWrapper/index.tsx

@@ -0,0 +1,33 @@
+import * as React from "react";
+import {
+  AnimationComponent,
+  ComponentAnimationType,
+} from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
+
+type AnimationPlayerWrapperProps = {
+  isAudioItem: number;
+  children: React.ReactNode;
+  playerDimensions: PlayerDimensionsProp;
+  style?: { [K: string]: any };
+};
+
+export const AnimationPlayerWrapper = ({
+  isAudioItem,
+  children,
+  playerDimensions,
+  style,
+}: AnimationPlayerWrapperProps) => {
+  if (!isAudioItem) {
+    return (
+      <AnimationComponent
+        animationType={ComponentAnimationType.player}
+        additionalData={playerDimensions}
+        style={style}
+      >
+        {children}
+      </AnimationComponent>
+    );
+  }
+
+  return <>{children}</>;
+};

package/src/Player/index.tsx

@@ -40,6 +40,7 @@ import { PlayerAnalyticsManager } from "@applicaster/zapp-react-native-utils/ana
 import { PlayerAnalyticsTrackerI } from "@applicaster/zapp-react-native-utils/analyticsUtils/playerAnalyticsTracker";
 
 import { RNPlayerManager } from "@applicaster/zapp-react-native-utils/appUtils/playerManager/nativePlayerManager";
+import { AnimationPlayerWrapper } from "./AnimationPlayerWrapper";
 
 const styles = StyleSheet.create({
   container: { flex: 1 },
@@ -1049,9 +1050,9 @@ export default class VideoPlayer extends React.Component<
                   )}
 
                   {(!castAction?.state?.connected || supportNativeCast) && (
-                    <AnimationComponent
-                      animationType={ComponentAnimationType.player}
-                      additionalData={playerDimensions}
+                    <AnimationPlayerWrapper
+                      playerDimensions={playerDimensions}
+                      isAudioItem={isAudioItem}
                       style={getStyle(playerDimensions)}
                     >
                       <this.props.PlayerComponent
@@ -1069,7 +1070,7 @@ export default class VideoPlayer extends React.Component<
                       >
                         {this.childrenWithPlayNext()}
                       </this.props.PlayerComponent>
-                    </AnimationComponent>
+                    </AnimationPlayerWrapper>
                   )}
                 </View>