@applicaster/zapp-react-native-ui-components 16.0.0-alpha.4115436491 → 16.0.0-alpha.5222020837

package/Components/VideoLive/LiveImageManager.ts

@@ -48,6 +48,7 @@ type Position = {
 type PlayerFactoryConfig = {
   player: any; // React ref for native view
   playerId: string;
+  muted: boolean;
   playerPluginId: string;
   screenConfig: Record<string, any>;
   entry: ZappEntry; // original entry, used as fallback if no hooks
@@ -295,7 +296,7 @@ export class LiveImageManager implements PlayerLifecycleListener {
 
     setUserCellPlayerMutedPreference(true);
 
-    this.items.forEach((liveImage) => liveImage.mute());
+    this.items.forEach((liveImage) => liveImage.player?.mute());
   };
 
   public unmuteAll = () => {
@@ -303,7 +304,7 @@ export class LiveImageManager implements PlayerLifecycleListener {
 
     setUserCellPlayerMutedPreference(false);
 
-    this.items.forEach((liveImage) => liveImage.unmute());
+    this.items.forEach((liveImage) => liveImage.player?.unmute());
   };
 
   public onViewPositionChanged = (item: LiveImage) => {
@@ -573,20 +574,6 @@ export class LiveImage implements QuickBrickPlayer.SharedPlayerCallBacks {
     left: 0,
   };
 
-  // Keeps muted state in sync: updates the initial value for deferred
-  // player creation and forwards to the player if it already exists.
-  public initiallyMuted: boolean = true;
-
-  mute = () => {
-    this.initiallyMuted = true;
-    this.player?.mute();
-  };
-
-  unmute = () => {
-    this.initiallyMuted = false;
-    this.player?.unmute();
-  };
-
   positionToString() {
     if (!this.position) {
       return "position not set";
@@ -648,7 +635,7 @@ export class LiveImage implements QuickBrickPlayer.SharedPlayerCallBacks {
         playerId: this.factoryConfig.playerId,
         autoplay: false,
         entry,
-        muted: this.initiallyMuted,
+        muted: this.factoryConfig.muted,
         playerPluginId: this.factoryConfig.playerPluginId,
         screenConfig: this.factoryConfig.screenConfig,
         playerRole: PlayerRole.Cell,

package/Components/VideoLive/PlayerLiveImageComponent.tsx

@@ -126,16 +126,14 @@ const PlayerLiveImageComponent = (props: Props) => {
       factoryConfig: {
         player: ref,
         playerId,
+        muted,
         playerPluginId: playerPluginId,
         screenConfig: screenConfig,
         entry: item,
       },
       tag: item.title?.toString(),
     });
-  }, [playerId, preloadHooks, playerPluginId, screenConfig, item]);
-
-  // Keep the muted state in sync with user preference and player state
-  liveImageItem.initiallyMuted = muted;
+  }, [playerId, preloadHooks, muted, playerPluginId, screenConfig, item]);
 
   React.useEffect(() => {
     liveImageItem.setMode = setModeDebounced;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applicaster/zapp-react-native-ui-components",
-  "version": "16.0.0-alpha.4115436491",
+  "version": "16.0.0-alpha.5222020837",
   "description": "Applicaster Zapp React Native ui components for the Quick Brick App",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,10 +28,10 @@
   },
   "homepage": "https://github.com/applicaster/quickbrick#readme",
   "dependencies": {
-    "@applicaster/applicaster-types": "16.0.0-alpha.4115436491",
-    "@applicaster/zapp-react-native-bridge": "16.0.0-alpha.4115436491",
-    "@applicaster/zapp-react-native-redux": "16.0.0-alpha.4115436491",
-    "@applicaster/zapp-react-native-utils": "16.0.0-alpha.4115436491",
+    "@applicaster/applicaster-types": "16.0.0-alpha.5222020837",
+    "@applicaster/zapp-react-native-bridge": "16.0.0-alpha.5222020837",
+    "@applicaster/zapp-react-native-redux": "16.0.0-alpha.5222020837",
+    "@applicaster/zapp-react-native-utils": "16.0.0-alpha.5222020837",
     "fast-json-stable-stringify": "^2.1.0",
     "promise": "^8.3.0",
     "url": "^0.11.0",