saltfish 0.3.29 → 0.3.30

package/dist/saltfish-playlist-player.es.js

@@ -11062,6 +11062,37 @@ class UIManager {
       }
     }
   }
+  /**
+   * Handles autoplay fallback and idle mode interaction by unmuting and resetting video
+   * @param source - The UI element that triggered the interaction (for logging)
+   */
+  handleAutoplayFallbackInteraction(source) {
+    var _a;
+    const store = getSaltfishStore();
+    if (store.currentState !== "autoplayBlocked" && store.currentState !== "idleMode") {
+      if (this.videoManager) {
+        this.videoManager.markUserInteraction();
+      }
+      return;
+    }
+    store.currentState === "autoplayBlocked" ? "autoplay fallback" : "idle";
+    if (this.videoManager) {
+      this.videoManager.markUserInteraction();
+      this.videoManager.setMuted(false);
+      const videoElement = this.videoManager.getVideoElement();
+      if (videoElement) {
+        videoElement.loop = false;
+        videoElement.currentTime = 0;
+      }
+    } else {
+      const videoElement = (_a = this.playerElement) == null ? void 0 : _a.querySelector(".sf-video-container__video");
+      if (videoElement) {
+        videoElement.muted = false;
+        videoElement.loop = false;
+        videoElement.currentTime = 0;
+      }
+    }
+  }
   /**
    * Creates the center play button with proper click handler
    */
@@ -11084,33 +11115,10 @@ class UIManager {
     `;
     this.playerElement.appendChild(this.centerPlayButton);
     this.centerPlayButton.addEventListener("click", (e) => {
-      var _a;
       e.stopPropagation();
       e.preventDefault();
       const store = getSaltfishStore();
-      if (store.currentState === "autoplayBlocked" || store.currentState === "idleMode") {
-        store.currentState === "autoplayBlocked" ? "autoplay fallback" : "idle";
-        if (this.videoManager) {
-          this.videoManager.markUserInteraction();
-          this.videoManager.setMuted(false);
-          const videoElement = this.videoManager.getVideoElement();
-          if (videoElement) {
-            videoElement.loop = false;
-            videoElement.currentTime = 0;
-          }
-        } else {
-          const videoElement = (_a = this.playerElement) == null ? void 0 : _a.querySelector(".sf-video-container__video");
-          if (videoElement) {
-            videoElement.muted = false;
-            videoElement.loop = false;
-            videoElement.currentTime = 0;
-          }
-        }
-      } else {
-        if (this.videoManager) {
-          this.videoManager.markUserInteraction();
-        }
-      }
+      this.handleAutoplayFallbackInteraction("center play button");
       if (store.currentState === "paused" || store.currentState === "waitingForInteraction" || store.currentState === "completedWaitingForInteraction" || store.currentState === "autoplayBlocked" || store.currentState === "idleMode" || store.currentState === "error") {
         store.play();
       } else if (store.currentState === "playing") {
@@ -11143,33 +11151,10 @@ class UIManager {
     this.compactLabel.style.cursor = "pointer";
     this.compactLabel.style.pointerEvents = "auto";
     this.compactLabel.addEventListener("click", (e) => {
-      var _a2;
       e.stopPropagation();
       e.preventDefault();
       const currentStore = getSaltfishStore();
-      if (currentStore.currentState === "autoplayBlocked" || currentStore.currentState === "idleMode") {
-        currentStore.currentState === "autoplayBlocked" ? "autoplay fallback" : "idle";
-        if (this.videoManager) {
-          this.videoManager.markUserInteraction();
-          this.videoManager.setMuted(false);
-          const videoElement = this.videoManager.getVideoElement();
-          if (videoElement) {
-            videoElement.loop = false;
-            videoElement.currentTime = 0;
-          }
-        } else {
-          const videoElement = (_a2 = this.playerElement) == null ? void 0 : _a2.querySelector(".sf-video-container__video");
-          if (videoElement) {
-            videoElement.muted = false;
-            videoElement.loop = false;
-            videoElement.currentTime = 0;
-          }
-        }
-      } else {
-        if (this.videoManager) {
-          this.videoManager.markUserInteraction();
-        }
-      }
+      this.handleAutoplayFallbackInteraction("compact label");
       if (currentStore.currentState === "paused" || currentStore.currentState === "waitingForInteraction" || currentStore.currentState === "completedWaitingForInteraction" || currentStore.currentState === "autoplayBlocked" || currentStore.currentState === "idleMode" || currentStore.currentState === "error") {
         currentStore.play();
       }
@@ -11612,7 +11597,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.29";
+const version = "0.3.30";
 const packageJson = {
   version
 };