saltfish 0.3.67 → 0.3.68

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

@@ -3311,6 +3311,7 @@ class StateMachineActionHandler {
   }
   // Private action handler methods
   async handleStartVideoPlayback(context) {
+    var _a, _b, _c;
     if (!context.currentStep) {
       return;
     }
@@ -3323,12 +3324,18 @@ class StateMachineActionHandler {
       }
     }
     this.managers.uiManager.updatePosition();
+    const store = getSaltfishStore();
+    const isFirstStep = store.manifest && store.currentStepId === ((_a = store.manifest.steps[0]) == null ? void 0 : _a.id);
+    if (isFirstStep && ((_b = store.manifest) == null ? void 0 : _b.idleMode) && ((_c = store.manifest) == null ? void 0 : _c.compactFirstStep)) {
+      const playerElement = this.managers.uiManager.getPlayerElement();
+      playerElement == null ? void 0 : playerElement.classList.add("sf-player--compact");
+    }
     this.managers.uiManager.showPlayer();
     const videoUrl = this.getVideoUrl(currentStep);
     const isAudioFallback = this.isUsingAudioFallback(currentStep);
     if (isAudioFallback) {
-      const store = getSaltfishStore();
-      const manifest = store.manifest;
+      const store2 = getSaltfishStore();
+      const manifest = store2.manifest;
       const posterUrl = currentStep.gifUrl;
       const avatarThumbnailUrl = manifest == null ? void 0 : manifest.avatarThumbnailUrl;
       this.managers.videoManager.showAudioFallbackOverlay(posterUrl, avatarThumbnailUrl);
@@ -3350,8 +3357,8 @@ class StateMachineActionHandler {
         this.managers.transitionManager.setupTransitions(currentStep, false, true);
       }
       this.managers.videoManager.setCompletionPolicy(completionPolicy, () => {
-        var _a;
-        const store = getSaltfishStore();
+        var _a2;
+        const store2 = getSaltfishStore();
         if (!hasSpecialTransitions) {
           const timeoutTransition = currentStep.transitions.find((t) => t.type === "timeout");
           const hasNonZeroTimeout = timeoutTransition && timeoutTransition.timeout && timeoutTransition.timeout > 0;
@@ -3363,33 +3370,33 @@ class StateMachineActionHandler {
             this.managers.transitionManager.setupTransitions(currentStep, true);
           }
           const hasValidNextSteps = currentStep.transitions.some((transition) => {
-            return store.manifest.steps.some((s) => s.id === transition.nextStep);
+            return store2.manifest.steps.some((s) => s.id === transition.nextStep);
           });
           if (!hasValidNextSteps) {
             log("StateMachineActionHandler: No valid next steps found, completing playlist");
-            store.sendStateMachineEvent({
+            store2.sendStateMachineEvent({
               type: "COMPLETE_PLAYLIST"
             });
           }
         } else {
           const timeoutTransition = currentStep.transitions.find((t) => t.type === "timeout");
-          const hasStepTransitionButtons = (_a = currentStep.buttons) == null ? void 0 : _a.some(
+          const hasStepTransitionButtons = (_a2 = currentStep.buttons) == null ? void 0 : _a2.some(
             (button) => button.action.type === "goto" || button.action.type === "next"
           );
           if (timeoutTransition && !hasStepTransitionButtons) {
             const timeout = timeoutTransition.timeout || 0;
             log(`StateMachineActionHandler: Video ended, setting up timeout transition to ${timeoutTransition.nextStep} with ${timeout}ms delay`);
             setTimeout(() => {
-              var _a2;
+              var _a3;
               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);
+                (_a3 = currentStore.goToStep) == null ? void 0 : _a3.call(currentStore, timeoutTransition.nextStep);
               } else {
                 log(`StateMachineActionHandler: Timeout cancelled - step changed or state is ${currentStore.currentState}`);
               }
             }, timeout);
-            store.sendStateMachineEvent({
+            store2.sendStateMachineEvent({
               type: "VIDEO_FINISHED_WAIT",
               step: currentStep
             });
@@ -3399,7 +3406,7 @@ class StateMachineActionHandler {
             } else {
               log("StateMachineActionHandler: Video ended, waiting for user interaction");
             }
-            store.sendStateMachineEvent({
+            store2.sendStateMachineEvent({
               type: "VIDEO_FINISHED_WAIT",
               step: currentStep
             });
@@ -3408,10 +3415,10 @@ class StateMachineActionHandler {
       });
       log("StateMachineActionHandler: Starting async video load");
       const loadTranscriptForStep = () => {
-        var _a, _b;
-        const store = getSaltfishStore();
-        const captionsEnabled = ((_a = store.manifest) == null ? void 0 : _a.captions) ?? true;
-        const language = (_b = store.userData) == null ? void 0 : _b.language;
+        var _a2, _b2;
+        const store2 = getSaltfishStore();
+        const captionsEnabled = ((_a2 = store2.manifest) == null ? void 0 : _a2.captions) ?? true;
+        const language = (_b2 = store2.userData) == null ? void 0 : _b2.language;
         let transcript = currentStep.transcript;
         if (language && currentStep.translations && currentStep.translations[language]) {
           const translatedTranscript = currentStep.translations[language].transcript;
@@ -3456,18 +3463,18 @@ class StateMachineActionHandler {
           this.managers.videoManager.preloadNextVideo(nextVideoUrl);
         }
       }).catch((error2) => {
-        var _a;
+        var _a2;
         log(`StateMachineActionHandler: Error loading video: ${error2}`);
         this.managers.uiManager.showError(
           error2 instanceof Error ? error2 : new Error(`Failed to load video: ${error2}`),
           "video"
         );
-        const store = getSaltfishStore();
+        const store2 = getSaltfishStore();
         const errorObj = error2 instanceof Error ? error2 : new Error(`Failed to load video: ${error2}`);
         const enrichedError = error2;
         this.managers.eventManager.trigger("error", {
           timestamp: Date.now(),
-          playlistId: ((_a = store.manifest) == null ? void 0 : _a.id) || void 0,
+          playlistId: ((_a2 = store2.manifest) == null ? void 0 : _a2.id) || void 0,
           stepId: currentStep.id,
           error: errorObj,
           errorType: "video",
@@ -12566,7 +12573,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.67";
+const version = "0.3.68";
 const packageJson = {
   version
 };