saltfish 0.3.28 → 0.3.30

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

@@ -1507,6 +1507,14 @@ const useSaltfishStore = {
   subscribe: saltfishStore.subscribe,
   destroy: saltfishStore.destroy
 };
+function getSaltfishStore() {
+  try {
+    return useSaltfishStore.getState();
+  } catch (error2) {
+    const errorMessage = `[storeUtils] Failed to access Saltfish store: ${error2}`;
+    throw new Error(errorMessage);
+  }
+}
 const MAX_PROGRESS_AGE_MS = 6e3;
 function parseProgressTimestamp(progressData) {
   if (!progressData) {
@@ -1688,7 +1696,7 @@ class ErrorHandler {
    */
   static updateStore(error2) {
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       store.setError(error2);
     } catch (storeError) {
       console.error("Failed to update store with error:", storeError);
@@ -1700,7 +1708,7 @@ class ErrorHandler {
   static triggerErrorEvent(error2, context, errorType) {
     var _a, _b;
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (typeof window !== "undefined" && window._saltfishPlayer) {
         const player = window._saltfishPlayer;
         if (player && player.eventManager) {
@@ -1929,7 +1937,7 @@ class PlayerInitializationService {
         // Default to true if not specified
       };
       this.lastConfig = updatedConfig;
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       store.initialize(updatedConfig);
       this.managers.analyticsManager.initialize(config, this.managers.sessionManager.getSessionId());
       if (data.isAdmin && store.setIsAdmin) {
@@ -1979,7 +1987,7 @@ class PlayerInitializationService {
   async fetchUserData(userId, userData) {
     var _a;
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (!((_a = store.config) == null ? void 0 : _a.token)) {
         ErrorHandler.handleWarning(
           "Cannot fetch user data: Token not available",
@@ -2103,7 +2111,7 @@ class PlayerInitializationService {
         log("[PlayerInitializationService.loadAnonymousUserData] Loaded existing anonymous user data:", anonymousUserData);
       }
       this.managers.storageManager.setAnonymousUserData(anonymousUserData);
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       store.setUserData({
         watchedPlaylists: anonymousUserData.watchedPlaylists || {},
         language: userData == null ? void 0 : userData.language
@@ -2158,7 +2166,7 @@ class PlayerInitializationService {
     if (!watchedPlaylists) {
       return false;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const currentManifestId = (_a = store.manifest) == null ? void 0 : _a.id;
     const currentState = store.currentState;
     if (currentManifestId && currentState !== "idle" && currentState !== "error") {
@@ -2284,7 +2292,7 @@ class UserManagementService {
       log(`UserManagementService: Processed language from userData: ${userData.language} -> ${processedLanguage}`);
     }
     this.lastUserIdentification = { userId, userData: processedUserData };
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.identifyUser(userId, processedUserData);
     this.managers.analyticsManager.setUser({
       id: userId,
@@ -2319,7 +2327,7 @@ class UserManagementService {
     }
     const userId = this.playerInitializationService.getOrCreateAnonymousUserId();
     this.lastUserIdentification = { userId, userData: processedUserData };
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.identifyUser(userId, { ...processedUserData, __isAnonymous: true });
     this.managers.analyticsManager.setUser({
       id: userId,
@@ -2333,7 +2341,7 @@ class UserManagementService {
   async recordABTestAttempt(playlistId) {
     var _a;
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       const user = store.user;
       if (!user || !((_a = store.config) == null ? void 0 : _a.token)) {
         return;
@@ -2395,7 +2403,7 @@ class PlaylistValidator {
   async validatePlaylistStart(context) {
     const { playlistId, options, eventManager } = context;
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (!store.config) {
         return {
           isValid: false,
@@ -2506,7 +2514,7 @@ class PlaylistValidator {
    */
   async validateTriggerConditions(playlistId, foundPlaylist, eventManager) {
     var _a, _b;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (!store.user) {
       ErrorHandler.handlePlaylistError(
         "User must be identified before starting auto-start playlist",
@@ -2522,7 +2530,7 @@ class PlaylistValidator {
     if (!store.userData) {
       await this.waitForUserData(eventManager);
     }
-    const currentStore = useSaltfishStore.getState();
+    const currentStore = getSaltfishStore();
     const watchedPlaylists = ((_a = currentStore.userData) == null ? void 0 : _a.watchedPlaylists) || {};
     const hasTriggers = foundPlaylist.hasTriggers ?? foundPlaylist.autoStart ?? false;
     const playlistData = watchedPlaylists[playlistId];
@@ -2540,7 +2548,7 @@ class PlaylistValidator {
    */
   async validateOnceOptionConditions(playlistId, options, eventManager) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (!store.user) {
       ErrorHandler.handlePlaylistError(
         "User must be identified before starting playlist with once option",
@@ -2556,7 +2564,7 @@ class PlaylistValidator {
     if (!store.userData) {
       await this.waitForUserData(eventManager);
     }
-    const currentStore = useSaltfishStore.getState();
+    const currentStore = getSaltfishStore();
     const watchedPlaylists = ((_a = currentStore.userData) == null ? void 0 : _a.watchedPlaylists) || {};
     const playlistData = watchedPlaylists[playlistId];
     if (playlistData && (playlistData.status === "completed" || playlistData.status === "dismissed")) {
@@ -2627,7 +2635,7 @@ class PlaylistValidator {
       }, 5e3);
       const handler = () => {
         clearTimeout(timeout);
-        useSaltfishStore.getState();
+        getSaltfishStore();
         resolve();
       };
       eventManager.on("userDataLoaded", handler);
@@ -2710,7 +2718,7 @@ class PlaylistOrchestrator {
           this.stateMachineActionHandler.registerStateMachineActions();
         }
       }
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (!store.config) {
         const lastConfig = (_b = this.playerInitializationService) == null ? void 0 : _b.getLastConfig();
         if (!lastConfig) {
@@ -2812,7 +2820,7 @@ class PlaylistOrchestrator {
       this.managers.cursorManager.resetFirstAnimation();
       log(`[PlaylistOrchestrator.startPlaylist] Using validated manifest path: ${manifestPathToLoad}`);
       await this.managers.playlistManager.load(manifestPathToLoad, { ...finalOptions, persistence: playlistPersistence });
-      const updatedStore = useSaltfishStore.getState();
+      const updatedStore = getSaltfishStore();
       if (updatedStore.manifest) {
         const manifestPersistence = finalOptions.persistence ?? updatedStore.manifest.isPersistent ?? true;
         const currentOptions = updatedStore.playlistOptions || {};
@@ -2854,7 +2862,7 @@ class PlaylistOrchestrator {
       info(`Playlist started: ${playlistId}${updatedStore.manifest ? ` (${updatedStore.manifest.name})` : ""}`);
     } catch (error2) {
       this.managers.uiManager.hideLoading();
-      const errorStore = useSaltfishStore.getState();
+      const errorStore = getSaltfishStore();
       errorStore.sendStateMachineEvent({
         type: "ERROR",
         error: error2 instanceof Error ? error2 : new Error(String(error2))
@@ -2874,7 +2882,7 @@ class PlaylistOrchestrator {
    * Reset current playlist to initial state
    */
   resetPlaylist() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.manifest) {
       store.goToStep(store.manifest.startStep);
     }
@@ -2883,7 +2891,7 @@ class PlaylistOrchestrator {
    * Check if the player is initialized
    */
   isInitialized() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     return !!store.config;
   }
   /**
@@ -2916,7 +2924,7 @@ class StateMachineActionHandler {
    * Register all state machine actions with the store
    */
   registerStateMachineActions() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.registerStateMachineActions({
       startVideoPlayback: (context) => {
         this.handleStartVideoPlayback(context);
@@ -2978,7 +2986,7 @@ class StateMachineActionHandler {
    */
   getVideoUrl(step) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const language = (_a = store.userData) == null ? void 0 : _a.language;
     let videoUrl;
     if (language && step.translations && step.translations[language]) {
@@ -3000,7 +3008,7 @@ class StateMachineActionHandler {
    */
   isUsingAudioFallback(step) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const language = (_a = store.userData) == null ? void 0 : _a.language;
     let videoUrl;
     if (language && step.translations && step.translations[language]) {
@@ -3014,7 +3022,7 @@ class StateMachineActionHandler {
    * Finds the URL of the next video in the playlist for preloading
    */
   findNextVideoUrl(currentStep) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (!store.manifest || !currentStep) {
       return null;
     }
@@ -3109,7 +3117,7 @@ class StateMachineActionHandler {
     const videoUrl = this.getVideoUrl(currentStep);
     const isAudioFallback = this.isUsingAudioFallback(currentStep);
     if (isAudioFallback) {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       const manifest = store.manifest;
       const posterUrl = currentStep.gifUrl;
       const avatarThumbnailUrl = manifest == null ? void 0 : manifest.avatarThumbnailUrl;
@@ -3147,7 +3155,7 @@ class StateMachineActionHandler {
       }
       this.managers.videoManager.setCompletionPolicy(completionPolicy, () => {
         var _a;
-        const store = useSaltfishStore.getState();
+        const store = getSaltfishStore();
         if (!hasSpecialTransitions) {
           log("StateMachineActionHandler: Setting up transitions after video ended");
           this.managers.transitionManager.setupTransitions(currentStep, true);
@@ -3170,7 +3178,7 @@ class StateMachineActionHandler {
             log(`StateMachineActionHandler: Video ended, setting up timeout transition to ${timeoutTransition.nextStep} with ${timeout}ms delay`);
             setTimeout(() => {
               var _a2;
-              const currentStore = useSaltfishStore.getState();
+              const currentStore = getSaltfishStore();
               if (currentStore.currentStepId === currentStep.id && (currentStore.currentState === "waitingForInteraction" || currentStore.currentState === "playing")) {
                 log(`StateMachineActionHandler: Timeout expired (${timeout}ms), transitioning to ${timeoutTransition.nextStep}`);
                 (_a2 = currentStore.goToStep) == null ? void 0 : _a2.call(currentStore, timeoutTransition.nextStep);
@@ -3198,7 +3206,7 @@ class StateMachineActionHandler {
       log("StateMachineActionHandler: Starting async video load");
       const loadTranscriptForStep = () => {
         var _a, _b;
-        const store = useSaltfishStore.getState();
+        const store = getSaltfishStore();
         const captionsEnabled = ((_a = store.manifest) == null ? void 0 : _a.captions) ?? true;
         const language = (_b = store.userData) == null ? void 0 : _b.language;
         let transcript = currentStep.transcript;
@@ -3243,7 +3251,7 @@ class StateMachineActionHandler {
           error2 instanceof Error ? error2 : new Error(`Failed to load video: ${error2}`),
           "video"
         );
-        const store = useSaltfishStore.getState();
+        const store = getSaltfishStore();
         const errorObj = error2 instanceof Error ? error2 : new Error(`Failed to load video: ${error2}`);
         const enrichedError = error2;
         this.managers.eventManager.trigger("error", {
@@ -3282,7 +3290,7 @@ class StateMachineActionHandler {
     const isAudioFallback = this.isUsingAudioFallback(currentStep);
     this.managers.uiManager.showPlayer();
     if (isAudioFallback) {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       const manifest = store.manifest;
       const posterUrl = currentStep.gifUrl;
       const avatarThumbnailUrl = manifest == null ? void 0 : manifest.avatarThumbnailUrl;
@@ -3307,7 +3315,7 @@ class StateMachineActionHandler {
   }
   handleTrackPlaylistComplete() {
     var _a, _b;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.manifest && this.managers.eventManager) {
       const playlistId = store.manifest.id;
       this.managers.eventManager.trigger("playlistEnded", {
@@ -3331,7 +3339,7 @@ class StateMachineActionHandler {
     log(`StateMachineActionHandler: Handling error: ${(_a = context.error) == null ? void 0 : _a.message}`);
     if (context.error && this.managers.uiManager.getPlayerElement()) {
       this.managers.uiManager.showError(context.error, "player");
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       this.managers.eventManager.trigger("error", {
         timestamp: Date.now(),
         playlistId: ((_b = store.manifest) == null ? void 0 : _b.id) || void 0,
@@ -3371,7 +3379,7 @@ class StateMachineActionHandler {
     this.managers.uiManager.disablePlayButtonProminent();
   }
   handleTriggerPlaylistDismissed() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.manifest && this.managers.eventManager) {
       this.managers.eventManager.trigger("playlistDismissed", {
         timestamp: Date.now(),
@@ -3698,7 +3706,7 @@ const _ManagerOrchestrator = class _ManagerOrchestrator {
     if (!this.isInitialized) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.currentState === _ManagerOrchestrator.prevState.currentState && store.currentStepId === _ManagerOrchestrator.prevState.currentStepId && store.isMinimized === _ManagerOrchestrator.prevState.isMinimized) {
       return;
     }
@@ -3786,7 +3794,7 @@ const _ManagerOrchestrator = class _ManagerOrchestrator {
       return;
     }
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       log("ManagerOrchestrator: Current state before playlist cleanup:", {
         currentState: store.currentState,
         currentStepId: store.currentStepId,
@@ -3825,7 +3833,7 @@ const _ManagerOrchestrator = class _ManagerOrchestrator {
       return;
     }
     try {
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       log("ManagerOrchestrator: Current state before destroying:", {
         currentState: store.currentState,
         currentStepId: store.currentStepId,
@@ -3864,7 +3872,7 @@ const _ManagerOrchestrator = class _ManagerOrchestrator {
       try {
         log("ManagerOrchestrator: Attempting emergency cleanup after error");
         this.isInitialized = false;
-        const store = useSaltfishStore.getState();
+        const store = getSaltfishStore();
         store.reset();
         log("ManagerOrchestrator: Emergency cleanup completed");
       } catch (cleanupError) {
@@ -4731,7 +4739,7 @@ class MobilePlaybackHandler extends DevicePlaybackHandler {
     element.style.setProperty("min-height", config.buttonMinSize.height);
   }
   async handlePlayAttempt(video, hasUserInteracted) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const userWantsMuted = store.isMuted;
     video.muted = userWantsMuted;
     video.loop = false;
@@ -4815,7 +4823,7 @@ class DesktopPlaybackHandler extends DevicePlaybackHandler {
   configureControlElement(_element) {
   }
   async handlePlayAttempt(video, _hasUserInteracted) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const userWantsMuted = store.isMuted;
     video.muted = userWantsMuted;
     video.loop = false;
@@ -5123,7 +5131,7 @@ class VideoControlsUI {
    * Sets the muted state
    */
   setMuted(muted) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.setMuted(muted);
     this.updateMuteButtonIcon();
   }
@@ -5131,7 +5139,7 @@ class VideoControlsUI {
    * Toggles the muted state
    */
   toggleMute() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const newMutedState = !store.isMuted;
     this.setMuted(newMutedState);
     this.callbacks.onMuteToggle();
@@ -5140,7 +5148,7 @@ class VideoControlsUI {
    * Gets the current muted state
    */
   getMuted() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     return store.isMuted;
   }
   /**
@@ -5148,7 +5156,7 @@ class VideoControlsUI {
    */
   updateMuteButtonIcon() {
     if (!this.muteButton) return;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const isMuted = store.isMuted;
     if (isMuted) {
       this.muteButton.innerHTML = `
@@ -5615,7 +5623,7 @@ class VideoManager {
       if (video !== activeVideo) {
         return;
       }
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (store.currentState === "autoplayBlocked" || store.currentState === "idleMode") {
         store.currentState === "autoplayBlocked" ? "autoplay blocked" : "idle";
         return;
@@ -5706,7 +5714,7 @@ class VideoManager {
     this.nextVideo.crossOrigin = "anonymous";
     this.deviceHandler.configureVideoElement(this.nextVideo);
     this.container.appendChild(this.nextVideo);
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.isMuted) {
       this.currentVideo.muted = true;
       this.nextVideo.muted = true;
@@ -5764,7 +5772,7 @@ class VideoManager {
       return;
     }
     activeVideo.pause();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     inactiveVideo.muted = store.isMuted;
     activeVideo.classList.add("sf-hidden");
     inactiveVideo.classList.remove("sf-hidden");
@@ -5788,13 +5796,13 @@ class VideoManager {
     if (this.controls) {
       this.controls.reset90PercentTrigger();
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     activeVideo.muted = store.isMuted;
     try {
       if (this.controls) {
         this.controls.reset();
       }
-      const store2 = useSaltfishStore.getState();
+      const store2 = getSaltfishStore();
       const isPersistenceEnabled = ((_a = store2.playlistOptions) == null ? void 0 : _a.persistence) ?? true;
       if (this.currentVideoUrl === url && activeVideo.src && (activeVideo.src === url || activeVideo.src.endsWith(url))) {
         if (isPersistenceEnabled) {
@@ -5933,7 +5941,7 @@ class VideoManager {
       inactiveVideo.src = url;
       inactiveVideo.load();
       inactiveVideo.preload = "auto";
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       inactiveVideo.muted = store.isMuted;
     } else {
       fetch(url).then((response) => {
@@ -5962,7 +5970,7 @@ class VideoManager {
     if (activeVideo.ended) {
       activeVideo.currentTime = 0;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const isPersistenceEnabled = ((_a = store.playlistOptions) == null ? void 0 : _a.persistence) ?? true;
     if (isPersistenceEnabled && this.currentVideoUrl) {
       const savedPosition = this.playbackPositions.get(this.currentVideoUrl);
@@ -6010,7 +6018,7 @@ class VideoManager {
       }
     }).catch(() => {
       console.warn("VideoManager: Autoplay handler threw error - browser has strict autoplay policy");
-      const store2 = useSaltfishStore.getState();
+      const store2 = getSaltfishStore();
       store2.setAutoplayFallback();
     });
   }
@@ -7830,7 +7838,7 @@ class InteractionManager {
     if (needsScrolling && this.buttonContainer) {
       this.setupScrollIndicator(this.buttonContainer);
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.isMinimized) {
       this.buttonContainer.classList.add("sf-hidden");
     }
@@ -7909,7 +7917,7 @@ class InteractionManager {
     if (!this.buttonContainer || this.buttons.length === 0) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.isMinimized) {
       this.buttonContainer.classList.add("sf-hidden");
       if (this.scrollIndicator) {
@@ -7980,7 +7988,7 @@ class InteractionManager {
     log(`InteractionManager: Button click detected on button "${buttonConfig.id}"`);
     event.preventDefault();
     event.stopPropagation();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     switch (buttonConfig.action.type) {
       case "next":
         store.play();
@@ -7989,7 +7997,7 @@ class InteractionManager {
         if (buttonConfig.action.url) {
           log(`InteractionManager: Goto button with URL redirect - updating to step "${buttonConfig.action.target}" then redirecting to "${buttonConfig.action.url}"`);
           await this.flushAnalytics();
-          const currentStore = useSaltfishStore.getState();
+          const currentStore = getSaltfishStore();
           if (currentStore.manifest) {
             useSaltfishStore.setState((state) => {
               state.currentStepId = buttonConfig.action.target;
@@ -8032,7 +8040,7 @@ class InteractionManager {
             const playlistPersistence = ((_d = currentStore.playlistOptions) == null ? void 0 : _d.persistence) ?? true;
             if (playlistPersistence) {
               const userId = (_e = currentStore.user) == null ? void 0 : _e.id;
-              const updatedStore = useSaltfishStore.getState();
+              const updatedStore = getSaltfishStore();
               this.storageManager.setProgress(updatedStore.progress, userId);
               log(`InteractionManager: Saved progress for step ${buttonConfig.action.target} before URL redirect`);
               if ((_f = currentStore.user) == null ? void 0 : _f.__isAnonymous) {
@@ -8129,7 +8137,7 @@ class InteractionManager {
         log(`InteractionManager: Set input value to "${interaction.value}"`);
       }
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.manifest) {
       const analyticsData = {
         selector: interaction.selector,
@@ -8198,13 +8206,6 @@ class InteractionManager {
     this.container = null;
   }
 }
-function getSaltfishStore() {
-  try {
-    return useSaltfishStore.getState();
-  } catch (error2) {
-    return null;
-  }
-}
 class AnalyticsManager {
   // Default to enabled
   /**
@@ -8908,7 +8909,7 @@ class TransitionManager {
           return;
         }
         retries++;
-        const currentStore = useSaltfishStore.getState();
+        const currentStore = getSaltfishStore();
         if (currentStore.currentState === "waitingForInteraction" || currentStore.currentState === "playing") {
           log(`TransitionManager: State now compatible (${currentStore.currentState}), triggering transition to '${nextStepId}'`);
           this.triggerTransition(nextStepId);
@@ -9005,7 +9006,7 @@ class TransitionManager {
    * @returns true if validation passes or no requirement exists, false if validation fails
    */
   validateCurrentStepUrl() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const manifest = store.manifest;
     const currentStepId = store.currentStepId;
     if (!manifest || !currentStepId) {
@@ -9027,7 +9028,7 @@ class TransitionManager {
    */
   triggerTransition(nextStepId) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const currentState = store.currentState;
     store.currentStepId;
     const isMinimized = store.isMinimized;
@@ -9050,7 +9051,7 @@ class TransitionManager {
    * @returns Promise<boolean> - True if transition was successful, false otherwise
    */
   async triggerTransitionWithProgress(nextStepId) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const currentState = store.currentState;
     store.currentStepId;
     const isMinimized = store.isMinimized;
@@ -9379,7 +9380,7 @@ class TriggerManager {
     if (this.triggeredPlaylistsSet.has(playlistId)) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (!store.user) {
       return;
     }
@@ -9826,7 +9827,7 @@ class ABTestManager {
    * @param abTests - A/B test configurations from validate-token response
    */
   initializeTests(abTests) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.setABTests(abTests);
   }
   /**
@@ -9838,7 +9839,7 @@ class ABTestManager {
    */
   assignUserToTests(userId, existingAssignments, userListAssignments) {
     var _a, _b;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const abTests = store.abTests || [];
     const assignments = { ...existingAssignments };
     for (const test of abTests) {
@@ -9889,7 +9890,7 @@ class ABTestManager {
    * @returns Filtered playlists based on A/B test assignments
    */
   getFilteredPlaylists(allPlaylists) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const abTests = store.abTests || [];
     const assignments = store.abTestAssignments || {};
     if (abTests.length === 0) {
@@ -9915,7 +9916,7 @@ class ABTestManager {
    */
   trackTestParticipation(playlistId) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const abTests = store.abTests || [];
     const assignments = store.abTestAssignments || {};
     const test = abTests.find((t) => t.playlistId === playlistId);
@@ -9944,7 +9945,7 @@ class ABTestManager {
    * @returns A/B test assignments that should be stored in backend
    */
   getAssignmentsForBackend() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     return store.abTestAssignments || {};
   }
   /**
@@ -9953,7 +9954,7 @@ class ABTestManager {
    * @returns true if playlist is available based on A/B test assignments
    */
   isPlaylistAvailable(playlistId) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const abTests = store.abTests || [];
     const assignments = store.abTestAssignments || {};
     const test = abTests.find((t) => t.playlistId === playlistId);
@@ -9968,7 +9969,7 @@ class ABTestManager {
    * @returns Array of active test information
    */
   getActiveTestInfo() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const abTests = store.abTests || [];
     const assignments = store.abTestAssignments || {};
     return abTests.map((test) => {
@@ -10253,9 +10254,6 @@ class PlaylistManager {
     this.isUpdatingWatchedPlaylists = true;
     try {
       const store = getSaltfishStore();
-      if (!store) {
-        return;
-      }
       const currentUserData = store.userData || {};
       const currentWatchedPlaylists = currentUserData.watchedPlaylists || {};
       const updatedPlaylistData = {
@@ -10395,10 +10393,10 @@ class MinimizeButton {
     `;
     this.button.addEventListener("click", this.handleClick.bind(this));
     this.playerElement.appendChild(this.button);
-    this.updateVisibility(useSaltfishStore.getState().isMinimized);
+    this.updateVisibility(getSaltfishStore().isMinimized);
   }
   handleClick() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const isMinimized = !store.isMinimized;
     if (isMinimized) {
       store.minimize();
@@ -10461,7 +10459,7 @@ class PlayPauseButton {
     if (event) {
       event.stopPropagation();
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (store.currentState === "autoplayBlocked") {
       if (this.videoManager) {
         this.videoManager.markUserInteraction();
@@ -10512,11 +10510,11 @@ class ExitButton {
     `;
     this.button.addEventListener("click", this.handleClick.bind(this));
     this.playerElement.appendChild(this.button);
-    this.updateVisibility(useSaltfishStore.getState().isMinimized);
+    this.updateVisibility(getSaltfishStore().isMinimized);
   }
   handleClick(e) {
     e.stopPropagation();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.sendStateMachineEvent({ type: "EXIT" });
   }
   updateVisibility(isMinimized) {
@@ -10760,7 +10758,7 @@ class UIManager {
     cursorManager.create();
     interactionManager.create(this.playerElement);
     this.initializeButtonManagement();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     this.handleMinimizeStateChange(store.isMinimized);
   }
   /**
@@ -10771,7 +10769,7 @@ class UIManager {
     const videoContainer = (_a = this.playerElement) == null ? void 0 : _a.querySelector(".sf-video-container");
     if (videoContainer) {
       videoContainer.addEventListener("click", (event) => {
-        const store = useSaltfishStore.getState();
+        const store = getSaltfishStore();
         if (store.isMinimized) {
           event.stopPropagation();
           this.handleMinimizeClick();
@@ -10800,7 +10798,7 @@ class UIManager {
       });
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     let positionToUse = ((_a = store.playlistOptions) == null ? void 0 : _a.position) || "bottom-right";
     if (store.currentStepId && store.manifest) {
       const currentStep = store.manifest.steps.find((step) => step.id === store.currentStepId);
@@ -10831,7 +10829,7 @@ class UIManager {
     if (!this.playerElement) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const isMinimized = !store.isMinimized;
     if (isMinimized) {
       store.minimize();
@@ -10973,7 +10971,7 @@ class UIManager {
    */
   createSaltfishLogo(parentElement) {
     var _a;
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (((_a = store.config) == null ? void 0 : _a.showLogo) === false) {
       return;
     }
@@ -10990,7 +10988,7 @@ class UIManager {
     logoContainer.addEventListener("click", (event) => {
       var _a2;
       event.stopPropagation();
-      const currentStore = useSaltfishStore.getState();
+      const currentStore = getSaltfishStore();
       if (currentStore.currentState === "playing") {
         currentStore.pause();
       }
@@ -11064,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
    */
@@ -11086,33 +11115,10 @@ class UIManager {
     `;
     this.playerElement.appendChild(this.centerPlayButton);
     this.centerPlayButton.addEventListener("click", (e) => {
-      var _a;
       e.stopPropagation();
       e.preventDefault();
-      const store = useSaltfishStore.getState();
-      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();
-        }
-      }
+      const store = getSaltfishStore();
+      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") {
@@ -11129,7 +11135,7 @@ class UIManager {
       return;
     }
     this.hideCompactLabel();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     let positionToUse = ((_a = store.playlistOptions) == null ? void 0 : _a.position) || "bottom-right";
     if (store.currentStepId && store.manifest) {
       const currentStep = store.manifest.steps.find((step) => step.id === store.currentStepId);
@@ -11145,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 = useSaltfishStore.getState();
-      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();
-        }
-      }
+      const currentStore = getSaltfishStore();
+      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();
       }
@@ -11614,7 +11597,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.28";
+const version = "0.3.30";
 const packageJson = {
   version
 };