@industry-theme/file-city-panel 0.3.13 → 0.3.15

package/dist/components/TourPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmjChD,CAAC"}
+{"version":3,"file":"TourPlayer.d.ts","sourceRoot":"","sources":["../../src/components/TourPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,IAAI,EAAE,gBAAgB,CAAC;IAEvB,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAEvE,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAE3D,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkjChD,CAAC"}

package/dist/panels.bundle.js

@@ -51351,10 +51351,19 @@ const TourPlayer = ({
     [onInteractiveAction]
   );
   useEffect(() => {
-    if (!(actions == null ? void 0 : actions.fetchAudioUrls) || !tourAudioContext) return;
+    if (!(actions == null ? void 0 : actions.fetchAudioUrls)) {
+      console.log("[TourPlayer] No fetchAudioUrls action available");
+      return;
+    }
+    if (!tourAudioContext) {
+      console.log("[TourPlayer] No tour audio context provided");
+      return;
+    }
+    console.log("[TourPlayer] Fetching audio URLs for tour:", tourAudioContext);
     async function loadAudio() {
       try {
         const urls = await actions.fetchAudioUrls(tourAudioContext);
+        console.log("[TourPlayer] Loaded audio URLs:", urls.size, "steps");
         setAudioUrls(urls);
       } catch (error) {
         console.error("[TourPlayer] Failed to fetch audio URLs:", error);
@@ -51378,15 +51387,6 @@ const TourPlayer = ({
       setIsAudioPaused(false);
     }
   }, [currentStepIndex, isAutoPlaying]);
-  useEffect(() => {
-    if (!autoPlayAudio || !isPlaying || !audioUrls || !isAutoPlaying) return;
-    const audioUrl = audioUrls.get(currentStep.id);
-    if (!audioUrl) return;
-    const timer2 = setTimeout(() => {
-      playAudio(audioUrl);
-    }, 100);
-    return () => clearTimeout(timer2);
-  }, [currentStep == null ? void 0 : currentStep.id, isPlaying, audioUrls, autoPlayAudio, isAutoPlaying]);
   const playAudio = useCallback((audioUrl) => {
     if (audioElementRef.current) {
       audioElementRef.current.pause();
@@ -51449,7 +51449,7 @@ const TourPlayer = ({
       });
     }
   }, [isAudioPaused]);
-  const handleReadAloud = useCallback(() => {
+  useCallback(() => {
     if (!audioUrls) return;
     const audioUrl = audioUrls.get(currentStep.id);
     if (!audioUrl) return;
@@ -51476,6 +51476,30 @@ const TourPlayer = ({
       }
     }
   }, [isAutoPlaying, audioUrls, currentStep.id, stopAudio, playAudio]);
+  useEffect(() => {
+    if (!isAutoPlaying) {
+      console.log("[TourPlayer] Auto-play disabled");
+      return;
+    }
+    if (!isPlaying) {
+      console.log("[TourPlayer] Tour not playing");
+      return;
+    }
+    if (!audioUrls) {
+      console.log("[TourPlayer] Audio URLs not loaded yet");
+      return;
+    }
+    const audioUrl = audioUrls.get(currentStep.id);
+    if (!audioUrl) {
+      console.log("[TourPlayer] No audio URL for step:", currentStep.id);
+      return;
+    }
+    console.log("[TourPlayer] Auto-playing audio for step:", currentStep.id);
+    const timer2 = setTimeout(() => {
+      playAudio(audioUrl);
+    }, 100);
+    return () => clearTimeout(timer2);
+  }, [currentStep == null ? void 0 : currentStep.id, isPlaying, audioUrls, isAutoPlaying, playAudio]);
   const formatTime = (seconds) => {
     const mins = Math.floor(seconds / 60);
     const secs = Math.floor(seconds % 60);
@@ -51869,38 +51893,76 @@ const TourPlayer = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                onClick: handleExit,
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "4px",
-                  padding: "6px 12px",
-                  backgroundColor: "transparent",
-                  color: theme2.colors.textSecondary,
-                  border: `1px solid ${theme2.colors.border}`,
-                  borderRadius: "6px",
-                  fontSize: theme2.fontSizes[1],
-                  fontFamily: theme2.fonts.body,
-                  cursor: "pointer",
-                  transition: "all 0.2s"
-                },
-                onMouseEnter: (e) => {
-                  e.currentTarget.style.backgroundColor = theme2.colors.backgroundLight;
-                  e.currentTarget.style.borderColor = theme2.colors.text;
-                },
-                onMouseLeave: (e) => {
-                  e.currentTarget.style.backgroundColor = "transparent";
-                  e.currentTarget.style.borderColor = theme2.colors.border;
-                },
-                children: [
-                  /* @__PURE__ */ jsx(X, { size: 14 }),
-                  "Exit Tour"
-                ]
-              }
-            )
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+              hasAudio && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: toggleAutoPlay,
+                  disabled: !currentStepHasAudio,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    padding: "6px 12px",
+                    backgroundColor: isAutoPlaying ? theme2.colors.primary : "transparent",
+                    color: isAutoPlaying ? "#ffffff" : theme2.colors.text,
+                    border: `1px solid ${isAutoPlaying ? theme2.colors.primary : theme2.colors.border}`,
+                    borderRadius: "6px",
+                    fontSize: theme2.fontSizes[1],
+                    fontFamily: theme2.fonts.body,
+                    cursor: currentStepHasAudio ? "pointer" : "not-allowed",
+                    opacity: currentStepHasAudio ? 1 : 0.5,
+                    transition: "all 0.2s"
+                  },
+                  onMouseEnter: (e) => {
+                    if (currentStepHasAudio) {
+                      e.currentTarget.style.opacity = "0.8";
+                    }
+                  },
+                  onMouseLeave: (e) => {
+                    if (currentStepHasAudio) {
+                      e.currentTarget.style.opacity = "1";
+                    }
+                  },
+                  children: [
+                    isAutoPlaying ? /* @__PURE__ */ jsx(Pause, { size: 14 }) : /* @__PURE__ */ jsx(Play, { size: 14 }),
+                    isAutoPlaying ? "Pause" : "Play"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: handleExit,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "4px",
+                    padding: "6px 12px",
+                    backgroundColor: "transparent",
+                    color: theme2.colors.textSecondary,
+                    border: `1px solid ${theme2.colors.border}`,
+                    borderRadius: "6px",
+                    fontSize: theme2.fontSizes[1],
+                    fontFamily: theme2.fonts.body,
+                    cursor: "pointer",
+                    transition: "all 0.2s"
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = theme2.colors.backgroundLight;
+                    e.currentTarget.style.borderColor = theme2.colors.text;
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                    e.currentTarget.style.borderColor = theme2.colors.border;
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(X, { size: 14 }),
+                    "Exit Tour"
+                  ]
+                }
+              )
+            ] })
           ]
         }
       ),
@@ -52049,113 +52111,47 @@ const TourPlayer = ({
           ] })
         }
       ),
-      currentStepHasAudio && /* @__PURE__ */ jsxs(
+      isAudioPlaying && audioDuration > 0 && /* @__PURE__ */ jsxs(
         "div",
         {
           style: {
-            padding: "12px 16px",
+            padding: "8px 16px",
             borderTop: `1px solid ${theme2.colors.border}`,
             flexShrink: 0,
             display: "flex",
-            flexDirection: "column",
+            alignItems: "center",
             gap: "8px"
           },
           children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: handleReadAloud,
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "6px",
-                    padding: "8px 12px",
-                    backgroundColor: "transparent",
-                    color: theme2.colors.text,
-                    border: `1px solid ${theme2.colors.border}`,
-                    borderRadius: "8px",
-                    fontSize: theme2.fontSizes[2],
-                    fontFamily: theme2.fonts.body,
-                    cursor: "pointer",
-                    transition: "all 0.2s"
-                  },
-                  onMouseEnter: (e) => {
-                    e.currentTarget.style.backgroundColor = theme2.colors.backgroundLight;
-                  },
-                  onMouseLeave: (e) => {
-                    e.currentTarget.style.backgroundColor = "transparent";
-                  },
-                  children: [
-                    isAudioPlaying && /* @__PURE__ */ jsx(Volume2, { size: 16 }),
-                    isAudioPaused && /* @__PURE__ */ jsx(VolumeX, { size: 16 }),
-                    !isAudioPlaying && !isAudioPaused && /* @__PURE__ */ jsx(Volume2, { size: 16 }),
-                    /* @__PURE__ */ jsx("span", { children: isAudioPlaying ? "Stop" : isAudioPaused ? "Resume" : "Read Aloud" })
-                  ]
-                }
-              ),
-              canAutoPlay && /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: toggleAutoPlay,
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "6px",
-                    padding: "8px 12px",
-                    backgroundColor: isAutoPlaying ? theme2.colors.primary : "transparent",
-                    color: isAutoPlaying ? "#ffffff" : theme2.colors.text,
-                    border: `1px solid ${isAutoPlaying ? theme2.colors.primary : theme2.colors.border}`,
-                    borderRadius: "8px",
-                    fontSize: theme2.fontSizes[2],
-                    fontFamily: theme2.fonts.body,
-                    cursor: "pointer",
-                    transition: "all 0.2s"
-                  },
-                  onMouseEnter: (e) => {
-                    e.currentTarget.style.opacity = "0.8";
-                  },
-                  onMouseLeave: (e) => {
-                    e.currentTarget.style.opacity = "1";
-                  },
-                  children: [
-                    isAutoPlaying ? /* @__PURE__ */ jsx(Pause, { size: 16 }) : /* @__PURE__ */ jsx(Play, { size: 16 }),
-                    /* @__PURE__ */ jsx("span", { children: isAutoPlaying ? "Stop Auto-Play" : "Start Auto-Play" })
-                  ]
-                }
-              )
-            ] }),
-            isAudioPlaying && audioDuration > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(audioCurrentTime) }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    flex: 1,
-                    height: "4px",
-                    backgroundColor: theme2.colors.backgroundLight,
-                    borderRadius: "2px",
-                    overflow: "hidden"
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        height: "100%",
-                        width: `${audioCurrentTime / audioDuration * 100}%`,
-                        backgroundColor: theme2.colors.primary,
-                        transition: "width 0.1s linear"
-                      }
+            /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(audioCurrentTime) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  height: "4px",
+                  backgroundColor: theme2.colors.backgroundLight,
+                  borderRadius: "2px",
+                  overflow: "hidden"
+                },
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      height: "100%",
+                      width: `${audioCurrentTime / audioDuration * 100}%`,
+                      backgroundColor: theme2.colors.primary,
+                      transition: "width 0.1s linear"
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(audioDuration) })
-            ] })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: theme2.fontSizes[1], color: theme2.colors.textSecondary, minWidth: "35px" }, children: formatTime(audioDuration) })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs(
+      !(isAudioPlaying && position === "top") && /* @__PURE__ */ jsxs(
         "div",
         {
           style: {