@applicaster/quick-brick-player 13.0.0-rc.122 → 13.0.0-rc.123

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/quick-brick-player",
-  "version": "13.0.0-rc.122",
+  "version": "13.0.0-rc.123",
   "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.120",
     "@applicaster/quick-brick-tv-transport-controls": "13.0.0-rc.56",
-    "@applicaster/zapp-react-native-tvos-app": "13.0.0-rc.122",
-    "@applicaster/zapp-react-native-ui-components": "13.0.0-rc.122",
-    "@applicaster/zapp-react-native-utils": "13.0.0-rc.122",
+    "@applicaster/zapp-react-native-tvos-app": "13.0.0-rc.123",
+    "@applicaster/zapp-react-native-ui-components": "13.0.0-rc.123",
+    "@applicaster/zapp-react-native-utils": "13.0.0-rc.123",
     "query-string": "7.1.3",
     "react-native-web-linear-gradient": "1.1.2",
     "shaka-player": "4.3.5",

package/src/Player/AudioLayer/Layout/PlayerImage/hooks/useChangePlayerState.ts

@@ -14,7 +14,7 @@ import { PlayerAnimationStateT } from "@applicaster/zapp-react-native-ui-compone
 const builder = () => {
   const changePlayerState$ = new Subject<PlayerAnimationStateT>();
 
-  const emitMaximazed = (): void => {
+  const emitMaximized = (): void => {
     changePlayerState$.next(PlayerAnimationStateEnum.maximize);
   };
 
@@ -28,7 +28,7 @@ const builder = () => {
   };
 
   return {
-    emitMaximazed,
+    emitMaximized,
     emitMinimized,
     emitAppearInDocked,
     changePlayerState$: changePlayerState$.pipe(distinctUntilChanged()),
@@ -61,7 +61,27 @@ export const useChangePlayerState = ({
       isNil(previousPlayerAnimationState) &&
       playerAnimationState === PlayerAnimationStateEnum.maximize
     ) {
-      changePlayerStateRef.current.emitMaximazed();
+      changePlayerStateRef.current.emitMaximized();
+
+      return;
+    }
+
+    if (
+      !docked &&
+      previousPlayerAnimationState === PlayerAnimationStateEnum.drag_scroll &&
+      playerAnimationState === PlayerAnimationStateEnum.maximize
+    ) {
+      changePlayerStateRef.current.emitMaximized();
+
+      return;
+    }
+
+    if (
+      !docked &&
+      previousPlayerAnimationState === PlayerAnimationStateEnum.drag_scroll &&
+      playerAnimationState === PlayerAnimationStateEnum.minimize
+    ) {
+      changePlayerStateRef.current.emitMinimized();
 
       return;
     }

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { LayoutChangeEvent, View } from "react-native";
 
 import {
   AnimationComponent,
@@ -6,6 +7,7 @@ import {
   useModalAnimationContext,
 } from "@applicaster/zapp-react-native-ui-components/Components/VideoModal/ModalAnimation";
 import { noop } from "@applicaster/zapp-react-native-utils/functionUtils";
+import { toBooleanWithDefaultTrue } from "@applicaster/zapp-react-native-utils/booleanUtils";
 
 import { AnimatedImage } from "./AnimatedImage";
 import { FlexImage } from "./FlexImage";
@@ -13,7 +15,6 @@ import { FlexImage } from "./FlexImage";
 import { styles } from "./styles";
 import { calculateBorderRadius } from "../../utils";
 import { PlayNextData } from "../types";
-import { LayoutChangeEvent, View } from "react-native";
 
 type Props = {
   entry: ZappEntry;
@@ -51,8 +52,9 @@ export const PlayerImage = (props: Props) => {
     minimisedHeight,
   } = useModalAnimationContext();
 
-  const isShadowEnabled =
-    configuration?.audio_player_artwork_shadow_enabled ?? true;
+  const isShadowEnabled = toBooleanWithDefaultTrue(
+    configuration?.audio_player_artwork_shadow_enabled
+  );
 
   const shouldShowShadow = !docked && isShadowEnabled;