saltfish 0.3.27 → 0.3.29

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

@@ -957,13 +957,6 @@ const STORAGE_KEYS = {
   SESSION: "saltfish_session",
   ANONYMOUS_USER: "saltfish_anonymous_user_data"
 };
-const TIMING$1 = {
-  // 5 seconds
-  STEP_TIMEOUT: 12e4,
-  // Session persistence
-  SESSION_EXPIRY: 30 * 60 * 1e3
-  // 30 minutes in milliseconds
-};
 const API = {
   BASE_URL: "https://player.saltfish.ai",
   SHARE_BASE_URL: "https://studio-api.saltfish.ai/studio/flows2/share",
@@ -1514,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) {
@@ -1695,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);
@@ -1707,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) {
@@ -1936,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) {
@@ -1986,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",
@@ -2110,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
@@ -2165,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") {
@@ -2291,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,
@@ -2326,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,
@@ -2340,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;
@@ -2402,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,
@@ -2513,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",
@@ -2529,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];
@@ -2547,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",
@@ -2563,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")) {
@@ -2634,7 +2635,7 @@ class PlaylistValidator {
       }, 5e3);
       const handler = () => {
         clearTimeout(timeout);
-        useSaltfishStore.getState();
+        getSaltfishStore();
         resolve();
       };
       eventManager.on("userDataLoaded", handler);
@@ -2717,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) {
@@ -2819,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 || {};
@@ -2861,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))
@@ -2881,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);
     }
@@ -2890,7 +2891,7 @@ class PlaylistOrchestrator {
    * Check if the player is initialized
    */
   isInitialized() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     return !!store.config;
   }
   /**
@@ -2923,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);
@@ -2985,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]) {
@@ -3007,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]) {
@@ -3021,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;
     }
@@ -3116,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;
@@ -3154,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);
@@ -3177,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);
@@ -3205,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;
@@ -3250,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", {
@@ -3289,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;
@@ -3314,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", {
@@ -3338,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,
@@ -3378,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(),
@@ -3705,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;
     }
@@ -3793,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,
@@ -3832,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,
@@ -3871,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) {
@@ -4738,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;
@@ -4822,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;
@@ -5130,7 +5131,7 @@ class VideoControlsUI {
    * Sets the muted state
    */
   setMuted(muted) {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     store.setMuted(muted);
     this.updateMuteButtonIcon();
   }
@@ -5138,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();
@@ -5147,7 +5148,7 @@ class VideoControlsUI {
    * Gets the current muted state
    */
   getMuted() {
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     return store.isMuted;
   }
   /**
@@ -5155,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 = `
@@ -5622,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;
@@ -5713,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;
@@ -5771,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");
@@ -5795,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) {
@@ -5940,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) => {
@@ -5969,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);
@@ -6017,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();
     });
   }
@@ -6432,14 +6433,34 @@ const ANALYTICS = {
   FLUSH_INTERVAL_MS: 3e4
 };
 const TIMING = {
+  // Polling and updates
+  /** Video progress polling interval (50ms) */
+  VIDEO_PROGRESS_POLL_INTERVAL: 50,
+  /** Cursor position update throttle interval (100ms) */
+  CURSOR_UPDATE_THROTTLE: 100,
+  /** Delay for state processing operations (100ms) */
+  STATE_PROCESSING_DELAY_MS: 100,
+  // Analytics
+  /** Analytics event flush interval (30 seconds) */
+  ANALYTICS_FLUSH_INTERVAL: 3e4,
+  // Timeouts
+  /** User data loading timeout (5 seconds) */
+  USER_DATA_TIMEOUT: 5e3,
+  /** Step timeout - player will be destroyed if user stays on same step (120 seconds) */
+  STEP_TIMEOUT: 12e4,
+  /** Retry delay for failed operations (0.5 seconds) */
+  RETRY_DELAY_MS: 500,
+  // DOM and cursor operations
   /** Delay for DOM stabilization before cursor operations (0.5 seconds) */
   DOM_STABILIZATION_DELAY_MS: 500,
-  /** Delay for state processing operations (100 milliseconds) */
-  STATE_PROCESSING_DELAY_MS: 100,
+  /** Default cursor animation distance in pixels */
+  CURSOR_DEFAULT_DISTANCE: 100,
+  // URL monitoring
   /** Interval for checking URL path changes (5 seconds) */
   URL_PATH_CHECK_INTERVAL_MS: 5e3,
-  /** Retry delay for failed operations (0.5 seconds) */
-  RETRY_DELAY_MS: 500
+  // Session persistence
+  /** Session expiry time (30 minutes) */
+  SESSION_EXPIRY: 30 * 60 * 1e3
 };
 const THRESHOLDS = {
   /** Minimum scroll distance in pixels to trigger scroll events */
@@ -7817,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");
     }
@@ -7896,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) {
@@ -7967,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();
@@ -7976,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;
@@ -8019,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) {
@@ -8116,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,
@@ -8185,13 +8206,6 @@ class InteractionManager {
     this.container = null;
   }
 }
-function getSaltfishStore() {
-  try {
-    return useSaltfishStore.getState();
-  } catch (error2) {
-    return null;
-  }
-}
 class AnalyticsManager {
   // Default to enabled
   /**
@@ -8569,7 +8583,7 @@ class SessionManager {
     const sessionData = this.storageManager.getSession();
     if (sessionData) {
       const now = Date.now();
-      if (now - sessionData.lastActivity < TIMING$1.SESSION_EXPIRY) {
+      if (now - sessionData.lastActivity < TIMING.SESSION_EXPIRY) {
         log(`SessionManager: Using existing session: ${sessionData.sessionId}`);
         this.updateSessionActivity(sessionData.sessionId);
         return sessionData.sessionId;
@@ -8895,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);
@@ -8992,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) {
@@ -9014,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;
@@ -9037,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;
@@ -9366,7 +9380,7 @@ class TriggerManager {
     if (this.triggeredPlaylistsSet.has(playlistId)) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     if (!store.user) {
       return;
     }
@@ -9813,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);
   }
   /**
@@ -9825,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) {
@@ -9876,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) {
@@ -9902,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);
@@ -9931,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 || {};
   }
   /**
@@ -9940,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);
@@ -9955,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) => {
@@ -10240,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 = {
@@ -10382,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();
@@ -10448,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();
@@ -10499,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) {
@@ -10747,7 +10758,7 @@ class UIManager {
     cursorManager.create();
     interactionManager.create(this.playerElement);
     this.initializeButtonManagement();
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     this.handleMinimizeStateChange(store.isMinimized);
   }
   /**
@@ -10758,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();
@@ -10787,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);
@@ -10818,7 +10829,7 @@ class UIManager {
     if (!this.playerElement) {
       return;
     }
-    const store = useSaltfishStore.getState();
+    const store = getSaltfishStore();
     const isMinimized = !store.isMinimized;
     if (isMinimized) {
       store.minimize();
@@ -10960,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;
     }
@@ -10977,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();
       }
@@ -11076,7 +11087,7 @@ class UIManager {
       var _a;
       e.stopPropagation();
       e.preventDefault();
-      const store = useSaltfishStore.getState();
+      const store = getSaltfishStore();
       if (store.currentState === "autoplayBlocked" || store.currentState === "idleMode") {
         store.currentState === "autoplayBlocked" ? "autoplay fallback" : "idle";
         if (this.videoManager) {
@@ -11116,7 +11127,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);
@@ -11135,7 +11146,7 @@ class UIManager {
       var _a2;
       e.stopPropagation();
       e.preventDefault();
-      const currentStore = useSaltfishStore.getState();
+      const currentStore = getSaltfishStore();
       if (currentStore.currentState === "autoplayBlocked" || currentStore.currentState === "idleMode") {
         currentStore.currentState === "autoplayBlocked" ? "autoplay fallback" : "idle";
         if (this.videoManager) {
@@ -11343,7 +11354,7 @@ const _StepTimeoutManager = class _StepTimeoutManager {
     this.destroyCallback = null;
   }
 };
-__publicField(_StepTimeoutManager, "STEP_TIMEOUT_MS", TIMING$1.STEP_TIMEOUT);
+__publicField(_StepTimeoutManager, "STEP_TIMEOUT_MS", TIMING.STEP_TIMEOUT);
 let StepTimeoutManager = _StepTimeoutManager;
 class ManagerFactory {
   /**
@@ -11601,7 +11612,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.27";
+const version = "0.3.29";
 const packageJson = {
   version
 };