markdown-flow-ui 0.1.100-beta.4 → 0.1.100-beta.40

package/dist/components/Slide/Slide.es.js

@@ -1,33 +1,42 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import { memo as Le, useRef as f, useMemo as C, useState as m, useCallback as s, useEffect as h } from "react";
-import { hasBrowserUserActivation as Me } from "../../lib/browserUserActivation.es.js";
-import { cn as F } from "../../lib/utils.es.js";
-import Ve from "../ContentRender/ContentRender.es.js";
-import he from "../ContentRender/IframeSandbox.es.js";
+import { memo as lt, useRef as _, useMemo as c, useState as P, useCallback as i, useEffect as m } from "react";
+import { isSandboxInteractionMessage as st } from "../../lib/sandboxInteraction.es.js";
+import { cn as Q } from "../../lib/utils.es.js";
+import it from "../ContentRender/ContentRender.es.js";
+import Ne from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as $e, getInteractionDefaultSelectedValues as Ke } from "./interaction-defaults.es.js";
-import Ue from "./Player.es.js";
-import ze from "./useSlide.es.js";
+import { getInteractionDefaultValues as ut, getInteractionDefaultSelectedValues as at } from "../../lib/interaction-defaults.es.js";
+import ct from "./Player.es.js";
+import dt from "./useSlide.es.js";
+import ft from "./useWakePlayerFromIframe.es.js";
+import { getPlayerCustomActionCount as mt } from "./utils/playerCustomActions.es.js";
 /* empty css             */
-const Ge = 1e3, pe = Le(
+import pt from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.es.js";
+const ht = 1e3, Be = lt(
   ({
-    content: z,
-    title: G,
-    defaultButtonText: p,
-    defaultInputText: Y,
-    defaultSelectedValues: J,
-    onSend: T,
+    content: R,
+    title: j,
+    defaultButtonText: h,
+    defaultInputText: z,
+    defaultSelectedValues: I,
+    confirmButtonText: se,
+    copyButtonText: ie,
+    copiedButtonText: N,
+    onSend: D,
     readonly: B = !1
   }) => /* @__PURE__ */ n.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: G }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: j }) }),
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ n.jsx(
-      Ve,
+      it,
       {
-        content: z,
-        defaultButtonText: p,
-        defaultInputText: Y,
-        defaultSelectedValues: J,
-        onSend: T,
+        content: R,
+        defaultButtonText: h,
+        defaultInputText: z,
+        defaultSelectedValues: I,
+        confirmButtonText: se,
+        copyButtonText: ie,
+        copiedButtonText: N,
+        onSend: D,
         readonly: B,
         enableTypewriter: !1,
         sandboxMode: "content"
@@ -36,164 +45,273 @@ const Ge = 1e3, pe = Le(
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-arrow" })
   ] })
 );
-pe.displayName = "InteractionOverlayCard";
-const lt = ({
-  elementList: z = [],
-  showPlayer: G = !0,
-  playerAlwaysVisible: p = !1,
-  playerClassName: Y,
-  interactionTitle: J,
-  playerAutoHideDelay: T = 3e3,
-  onSend: B,
-  onPlayerVisibilityChange: Q,
-  onStepChange: te,
-  className: xe,
-  onPointerDown: ne,
-  ...ve
+Be.displayName = "InteractionOverlayCard";
+const gt = (R, j) => R.length === j.length && R.every((h, z) => {
+  const I = j[z];
+  return h.sequence_number === I?.sequence_number && h.type === I?.type && h.content === I?.content;
+}), Bt = ({
+  elementList: R = [],
+  showPlayer: j = !0,
+  playerAlwaysVisible: h = !1,
+  playerClassName: z,
+  playerCustomActions: I,
+  bufferingText: se = "Buffering...",
+  interactionTitle: ie,
+  interactionTexts: N,
+  playerAutoHideDelay: D = 3e3,
+  interactionDefaultValueOptions: B,
+  onSend: fe,
+  onPlayerVisibilityChange: ue,
+  onStepChange: me,
+  className: Fe,
+  onPointerDown: pe,
+  ...Ke
 }) => {
-  const re = f(null), W = f(null), oe = f(null), E = f(null), N = f(null), A = f(null), se = f([]), O = f(!1), {
-    currentElementList: o,
-    slideElementList: j,
-    currentIndex: x,
-    audioList: le,
-    currentAudioSequenceIndexes: w,
-    currentInteractionElement: I,
-    canGoPrev: ye,
-    canGoNext: v,
-    handlePrev: ie,
-    handleNext: d
-  } = ze(z), ae = C(() => {
-    if (!(x < 0))
-      return j[x];
-  }, [x, j]), ce = j.filter(
-    (e) => e.is_show !== !1
-  ).length === 1, a = G && (ce || le.length > 0 || !!I), [X, k] = m(!0), [q, ge] = m(!1), [we, Ie] = m(!1), [be] = m(() => Me()), _e = be || we, [Se, D] = m(-1), [H, L] = m(-1), [t, Z] = m(), [R, M] = m(!1), y = a && (p || X), g = s(() => {
-    E.current !== null && (window.clearTimeout(E.current), E.current = null);
-  }, []), c = s(() => {
-    A.current !== null && (window.clearTimeout(A.current), A.current = null);
-  }, []), b = s(() => {
-    N.current !== null && (window.clearTimeout(N.current), N.current = null);
-  }, []), _ = s(() => {
-    b(), c(), D(-1), L(-1), Z(void 0), M(!1);
-  }, [b, c]), V = s(() => {
-    const e = w[0];
-    return typeof e != "number" ? !1 : (L(0), D(e), !0);
-  }, [w]), $ = s(() => {
-    c(), M(!1), !V() && v && d();
+  const ae = _(null), ce = _(null), he = _(null), V = _(null), W = _(null), G = _(null), ge = _([]), X = _(!1), F = _(null), {
+    currentElementList: b,
+    stepElementLists: xe,
+    slideElementList: K,
+    currentIndex: d,
+    audioList: y,
+    currentAudioSequenceIndexes: ye,
+    currentStepHasSpeakableElement: A,
+    currentInteractionElement: u,
+    canGoPrev: ke,
+    canGoNext: E,
+    handlePrev: Se,
+    handleNext: T
+  } = dt(R), ve = c(() => {
+    if (!(d < 0))
+      return K[d];
+  }, [d, K]), qe = K.filter(
+    (e) => e.is_renderable !== !1
+  ).length === 1, S = j && (K.length > 0 || y.length > 0 || !!u), g = c(
+    () => ye.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, ye]
+  ), [Ie, Z] = P(!0), [ee, Y] = P(!1), [v, k] = P(null), [Le, p] = P(!1), [q, be] = P(!1), [l, te] = P(), [ne, J] = P(!1), L = S && (h || Ie), we = c(
+    () => mt(I),
+    [I]
+  ), Me = c(
+    () => ({
+      "--slide-player-custom-action-count": String(we)
+    }),
+    [we]
+  ), { mountedStepStates: Oe, currentMountedStateIndex: He } = c(() => {
+    const e = [], t = /* @__PURE__ */ new Map();
+    return xe.forEach((s, a) => {
+      const r = e.findIndex(
+        (o) => gt(
+          o.elementList,
+          s
+        )
+      );
+      if (r >= 0) {
+        e[r]?.sourceStepIndexes.push(a), t.set(a, r);
+        return;
+      }
+      e.push({
+        elementList: s,
+        sourceStepIndexes: [a]
+      }), t.set(a, e.length - 1);
+    }), {
+      mountedStepStates: e,
+      currentMountedStateIndex: d >= 0 ? t.get(d) ?? -1 : -1
+    };
+  }, [d, xe]), _e = c(() => String(d), [d]), de = c(() => v ? y.findIndex(
+    (e) => (e.audioKey ?? "") === v
+  ) : -1, [y, v]), re = c(
+    () => g[0] ?? "none",
+    [g]
+  ), Ae = c(() => u ? `${u.sequence_number ?? "none"}:${String(
+    u.content ?? ""
+  )}` : "none", [u]), $e = c(
+    () => [_e, Ae].join("|"),
+    [Ae, _e]
+  ), M = !!c(() => !re || re === "none" ? "" : y.find(
+    (t) => t.audioKey === re
+  )?.audioUrl?.trim() ?? "", [y, re]), C = i(() => {
+    V.current !== null && (window.clearTimeout(V.current), V.current = null);
+  }, []), w = i(() => {
+    G.current !== null && (window.clearTimeout(G.current), G.current = null);
+  }, []), O = i(() => {
+    W.current !== null && (window.clearTimeout(W.current), W.current = null);
+  }, []), H = i(() => {
+    O(), w(), k(null), p(!1), be(!1), te(void 0), J(!1);
+  }, [O, w]), $ = i(() => {
+    const e = g[0];
+    return e ? (k(e), !0) : !1;
+  }, [g]), oe = i(() => {
+    w(), J(!1), !$() && E && T();
   }, [
-    v,
-    c,
-    d,
-    V
-  ]), S = s(
-    (e = q) => {
-      a && (k(!0), g(), !(p || !e || T <= 0) && (E.current = window.setTimeout(() => {
-        k(!1), E.current = null;
-      }, T)));
+    E,
+    w,
+    T,
+    $
+  ]), f = i(
+    (e = ee) => {
+      S && (Z(!0), C(), !(h || !e || D <= 0) && (V.current = window.setTimeout(() => {
+        Z(!1), V.current = null;
+      }, D)));
     },
     [
-      g,
-      q,
-      p,
-      T,
-      a
+      C,
+      ee,
+      h,
+      D,
+      S
     ]
-  );
-  h(() => () => {
-    b(), g(), c();
+  ), Ue = !!(u?.readonly || u?.user_input?.trim()), U = !!u && !Ue;
+  m(() => () => {
+    O(), C(), w();
   }, [
-    b,
-    c,
-    g
-  ]), h(() => (Q?.(y), () => {
-    Q?.(!1);
-  }), [Q, y]), h(() => {
-    te?.(ae, x);
-  }, [x, ae, te]), h(() => {
-    if (!a) {
-      g(), k(!1);
+    O,
+    w,
+    C
+  ]), m(() => (ue?.(L), () => {
+    ue?.(!1);
+  }), [ue, L]), m(() => {
+    me?.(ve, d);
+  }, [d, ve, me]), m(() => {
+    if (!S) {
+      C(), Z(!1);
       return;
     }
-    if (p) {
-      g(), k(!0);
+    if (h) {
+      C(), Z(!0);
       return;
     }
-    q || S(!0);
+    ee || f(!0);
   }, [
-    g,
-    q,
-    p,
-    a,
-    S
-  ]), h(() => {
-    if (_(), !(o.length === 0 && !I)) {
-      if (I) {
-        Z(I), M(!0);
+    C,
+    ee,
+    h,
+    S,
+    f
+  ]), m(() => {
+    if (typeof window > "u")
+      return;
+    const e = (t) => {
+      t.origin === window.location.origin && st(t.data) && S && (Y(!0), f(!0));
+    };
+    return window.addEventListener("message", e), () => {
+      window.removeEventListener("message", e);
+    };
+  }, [S, f]), ft({
+    sectionRef: ae,
+    enabled: S,
+    onWake: () => {
+      Y(!0), f(!0);
+    }
+  }), m(() => {
+    const e = F.current === d && !!u;
+    if (H(), !(b.length === 0 && !u)) {
+      if (U || e) {
+        te(u), J(!0), F.current = null;
         return;
       }
-      if (!V() && v)
-        return N.current = window.setTimeout(() => {
-          N.current = null, d();
-        }, Ge), () => {
-          b();
-        };
+      if (u && (te(u), J(!1), F.current = null), !$()) {
+        if (A) {
+          p(!0);
+          return;
+        }
+        if (E)
+          return W.current = window.setTimeout(() => {
+            W.current = null, T();
+          }, ht), () => {
+            O();
+          };
+      }
     }
+  }, [
+    E,
+    O,
+    b.length,
+    u,
+    $e,
+    A,
+    T,
+    U,
+    H,
+    $
+  ]), m(() => {
+    if (!A || U) {
+      p(!1);
+      return;
+    }
+    if (q) {
+      p(!1);
+      return;
+    }
+    g.length === 0 && p(!0);
+  }, [
+    g.length,
+    A,
+    q,
+    U
+  ]), m(() => {
+    v || g.length === 0 || !A || U || q || $();
   }, [
     v,
-    b,
-    o,
-    I,
-    d,
-    _,
-    V
-  ]);
-  const ue = C(() => t ? $e(
-    typeof t.content == "string" ? t.content : void 0,
-    t.user_input
-  ) : {}, [t]), Pe = C(() => {
-    if (t)
-      return Ke(
-        typeof t.content == "string" ? t.content : void 0,
-        t.user_input
+    g,
+    A,
+    q,
+    U,
+    $
+  ]), m(() => {
+    !v || de >= 0 || k(null);
+  }, [de, v]), m(() => {
+    M && p(!1);
+  }, [M]);
+  const Te = c(() => l ? ut(
+    typeof l.content == "string" ? l.content : void 0,
+    l.user_input,
+    B
+  ) : {}, [l, B]), ze = c(() => {
+    if (l)
+      return at(
+        typeof l.content == "string" ? l.content : void 0,
+        l.user_input,
+        B
       );
-  }, [t]), ee = !!t?.user_input?.trim(), Te = !!t?.readonly || ee, Ee = s(
+  }, [l, B]), Ee = !!l?.user_input?.trim(), Ce = !!l?.readonly || Ee, Pe = Ce || Ee, De = i(
     (e) => {
-      const i = [
+      const s = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Z((r) => !r || !i ? r : {
-        ...r,
-        user_input: i
-      }), B?.(e, t), $();
+      te((a) => !a || !s ? a : {
+        ...a,
+        user_input: s
+      }), fe?.(e, l), oe();
     },
-    [t, $, B]
+    [l, oe, fe]
   );
-  h(() => {
-    if (c(), !(!R || !ee))
-      return A.current = window.setTimeout(() => {
-        A.current = null, $();
+  m(() => {
+    if (w(), !(!ne || !Pe))
+      return G.current = window.setTimeout(() => {
+        G.current = null, oe();
       }, 2e3), () => {
-        c();
+        w();
       };
   }, [
-    c,
-    $,
-    ee,
-    R
+    w,
+    oe,
+    ne,
+    Pe
   ]);
-  const Ne = (e) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
-    he,
+  const Ve = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
+    Ne,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
       mode: "blackboard",
+      replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content
     }
   ) : /* @__PURE__ */ n.jsx(
-    he,
+    Ne,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
@@ -201,34 +319,36 @@ const lt = ({
       type: "markdown",
       content: e.content
     }
-  ) : null, Ae = (e = []) => {
+  ) : null, We = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
-    const u = e.filter(
-      (r) => r.is_show !== !1
-    ).length, i = e.reduce(
-      (r, P, l) => P.is_show !== !1 ? l : r,
+    const s = e.filter(
+      (r) => r.is_renderable !== !1
+    ).length, a = e.reduce(
+      (r, o, x) => o.is_renderable !== !1 ? x : r,
       -1
     );
-    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((r, P) => {
-      const l = r.type === "html" && r.is_show === !1;
+    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((r, o) => {
+      const x = r.type === "html" && r.is_renderable === !1;
       return /* @__PURE__ */ n.jsx(
         "div",
         {
-          ref: P === i ? oe : null,
-          "aria-hidden": l || void 0,
-          className: F(
+          ref: t && o === a ? he : null,
+          "aria-hidden": x || void 0,
+          className: Q(
             "w-full shrink-0",
-            u === 1 && r.is_show !== !1 && "slide-element--single",
-            l ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_show === !1 && "hidden"
+            s === 1 && r.is_renderable !== !1 && "slide-element--single",
+            x ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : r.is_renderable === !1 && "hidden"
           ),
-          children: Ne(r)
+          children: Ve(r, {
+            replaceRootScreenHeightWithFull: s === 1 && r.type === "html" && r.is_renderable !== !1
+          })
         },
-        r.serial_number ?? `${r.type}-${P}`
+        r.sequence_number ?? `${r.type}-${o}`
       );
     }) });
-  }, je = () => {
-    const e = re.current;
+  }, Ge = () => {
+    const e = ae.current;
     if (e) {
       if (document.fullscreenElement) {
         document.exitFullscreen().catch(() => {
@@ -238,168 +358,200 @@ const lt = ({
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, de = s(() => {
-    const e = W.current;
+  }, Re = i(() => {
+    const e = ce.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Re = s(() => {
-    O.current = !0, _(), ie();
-  }, [ie, _]), Ce = s(() => {
-    O.current = !0, _(), d();
-  }, [d, _]), Fe = s(
+  }, []), Ye = i(() => {
+    X.current = !0, F.current = null, Y(!0), p(!1), f(!0), H(), Se();
+  }, [Se, H, f]), Je = i(() => {
+    X.current = !0, F.current = null, Y(!0), p(!1), f(!0), H(), T();
+  }, [T, H, f]), Qe = i(
+    (e) => {
+      if (M) {
+        p(!1);
+        return;
+      }
+      if (!A || q) {
+        p(!1);
+        return;
+      }
+      p(e);
+    },
+    [
+      A,
+      q,
+      M
+    ]
+  ), Xe = i(
     (e) => {
-      if (H < 0 || w[H] !== e)
+      const t = y[e]?.audioKey;
+      if (!t || !v || t !== v)
         return;
-      const u = H + 1, i = w[u];
-      if (typeof i == "number") {
-        L(u), D(i);
+      const s = g.findIndex(
+        (o) => o === t
+      );
+      if (s < 0) {
+        k(null);
+        return;
+      }
+      const a = s + 1, r = g[a];
+      if (r) {
+        k(r);
         return;
       }
-      D(-1), L(-1), v && d();
+      if (k(null), be(!0), p(!1), E) {
+        const o = d + 1, x = K[o];
+        M && x?.type === "interaction" && (F.current = o), T();
+      }
     },
     [
+      y,
+      E,
+      d,
       v,
-      w,
-      H,
-      d
+      g,
+      T,
+      M,
+      K
     ]
-  ), Be = s(() => {
-    t && M((e) => !e);
-  }, [t]), fe = s(
+  ), Ze = i(() => {
+    l && J((e) => !e);
+  }, [l]), je = i(
     (e) => {
-      e.stopPropagation(), y && S(!0);
+      e.stopPropagation(), L && f(!0);
     },
-    [X, S]
-  ), me = s(
+    [Ie, f]
+  ), et = i(
     (e) => {
-      ne?.(e), ge(!0), S(!0);
+      pe?.(e), Y(!0), f(!0);
     },
-    [ne, S]
-  ), Oe = !!t && R, K = C(
-    () => o.map(
-      (e, u) => `${e.serial_number ?? `${e.type}-${u}`}:${e.operation ?? ""}`
+    [pe, f]
+  ), tt = !!l && ne, le = c(
+    () => b.map(
+      (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
-    [o]
-  ), ke = C(() => {
-    const e = j.slice(x + 1).find((i) => i.type === "html");
-    return !e || o.some(
-      (i) => i.serial_number === e.serial_number
-    ) ? o : [...o, { ...e, is_show: !1 }];
-  }, [o, x, j]);
-  return h(() => {
-    const e = se.current, r = (e.length > 0 && e.length < K.length && e.every((l, U) => l === K[U]) ? o.slice(e.length) : []).some(
-      (l) => l.operation === "append"
+    [b]
+  );
+  return m(() => {
+    const e = ge.current, a = (e.length > 0 && e.length < le.length && e.every((o, x) => o === le[x]) ? b.slice(e.length) : []).some(
+      (o) => o.is_new === !1
     );
-    if (se.current = K, !r)
+    if (ge.current = le, !a)
       return;
-    const P = window.requestAnimationFrame(() => {
-      const l = W.current, U = oe.current;
-      if (!l || !U)
+    const r = window.requestAnimationFrame(() => {
+      const o = ce.current, x = he.current;
+      if (!o || !x)
         return;
-      const qe = l.getBoundingClientRect(), De = U.getBoundingClientRect(), He = l.scrollTop + (De.top - qe.top);
-      l.scrollTo({
-        top: Math.max(He, 0),
+      const nt = o.getBoundingClientRect(), rt = x.getBoundingClientRect(), ot = o.scrollTop + (rt.top - nt.top);
+      o.scrollTo({
+        top: Math.max(ot, 0),
         behavior: "smooth"
       });
     });
     return () => {
-      window.cancelAnimationFrame(P);
+      window.cancelAnimationFrame(r);
     };
-  }, [o, K]), h(() => {
-    if (!O.current || (O.current = !1, o.length === 0))
+  }, [b, le]), m(() => {
+    if (!X.current || (X.current = !1, b.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      de();
+      Re();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [o, de]), console.log(
-    "currentElement",
-    o.at(-1),
-    o,
-    a,
-    X,
-    w,
-    I,
-    t,
-    R
-  ), /* @__PURE__ */ n.jsxs(
+  }, [b, Re]), /* @__PURE__ */ n.jsxs(
     "section",
     {
-      ref: re,
-      className: F("relative h-full w-full", xe),
-      onPointerDown: me,
-      ...ve,
+      ref: ae,
+      className: Q("relative h-full w-full", Fe),
+      onPointerDown: et,
+      ...Ke,
       children: [
-        /* @__PURE__ */ n.jsxs(
+        /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: F(
+            className: Q(
               "h-full min-h-0 w-full",
-              ce ? "slide-content--single" : "grid gap-4"
+              qe ? "slide-content--single" : "grid gap-4"
             ),
-            children: [
-              a && !y ? /* @__PURE__ */ n.jsx(
-                "button",
-                {
-                  "aria-label": "Show player controls",
-                  className: "slide-player-hit-area",
-                  onPointerDown: me,
-                  type: "button"
-                }
-              ) : null,
-              o.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: W, className: "slide-stage__layer w-full", children: Ae(ke) }) }) : null
-            ]
+            children: b.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: ce, className: "slide-stage__layer w-full", children: Oe.map(
+              (e, t) => {
+                const s = t === He;
+                return /* @__PURE__ */ n.jsx(
+                  "div",
+                  {
+                    "aria-hidden": !s || void 0,
+                    className: "w-full h-full",
+                    style: { display: s ? void 0 : "none" },
+                    children: We(
+                      e.elementList,
+                      s
+                    )
+                  },
+                  e.sourceStepIndexes[0] ?? t
+                );
+              }
+            ) }) }) : null
           }
         ),
-        Oe ? /* @__PURE__ */ n.jsx(
+        Le ? /* @__PURE__ */ n.jsxs("div", { className: "pointer-events-none absolute left-1/2 top-1/2 z-[3] flex size-28 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-2 rounded-2xl bg-foreground/65 px-3 py-4 text-center text-xs leading-4 font-medium text-background shadow-lg backdrop-blur-sm", children: [
+          /* @__PURE__ */ n.jsx(pt, { className: "size-5 animate-spin text-background" }),
+          /* @__PURE__ */ n.jsx("span", { children: se })
+        ] }) : null,
+        tt ? /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: F(
+            className: Q(
               "slide-interaction-overlay",
-              y && a ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+              L && S ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
             ),
-            onClick: fe,
-            onPointerDown: fe,
+            onClick: je,
+            onPointerDown: je,
+            style: Me,
             children: /* @__PURE__ */ n.jsx(
-              pe,
+              Be,
               {
-                content: String(t?.content ?? ""),
-                defaultButtonText: ue.buttonText ?? "",
-                defaultInputText: ue.inputText ?? "",
-                defaultSelectedValues: Pe,
-                onSend: Ee,
-                readonly: Te,
-                title: J ?? "Submit the content below to continue."
+                content: String(l?.content ?? ""),
+                defaultButtonText: Te.buttonText ?? "",
+                defaultInputText: Te.inputText ?? "",
+                defaultSelectedValues: ze,
+                confirmButtonText: N?.confirmButtonText,
+                copyButtonText: N?.copyButtonText,
+                copiedButtonText: N?.copiedButtonText,
+                onSend: De,
+                readonly: Ce,
+                title: N?.title ?? ie ?? "Submit the content below to continue."
               }
             )
           }
         ) : null,
-        a ? /* @__PURE__ */ n.jsx(
-          Ue,
+        S ? /* @__PURE__ */ n.jsx(
+          ct,
           {
-            audioList: le,
-            className: F(
+            audioList: y,
+            className: Q(
               "absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",
-              Y,
-              !y && "pointer-events-none opacity-0"
+              z,
+              !L && "pointer-events-none opacity-0"
             ),
-            currentAudioIndex: Se,
-            defaultPlaying: _e,
-            hasInteraction: !!t,
-            isInteractionOpen: R,
-            nextDisabled: !v,
-            onEnded: Fe,
-            onFullscreen: je,
-            onInteractionToggle: Be,
-            onPlayRequest: () => Ie(!0),
-            onNext: Ce,
-            onPrev: Re,
-            prevDisabled: !ye,
-            showControls: y
+            currentAudioIndex: de,
+            defaultPlaying: !0,
+            hasInteraction: !!l,
+            isInteractionOpen: ne,
+            onLoadingChange: Qe,
+            nextDisabled: !E,
+            onEnded: Xe,
+            onFullscreen: Ge,
+            onInteractionToggle: Ze,
+            onNext: Je,
+            onPrev: Ye,
+            prevDisabled: !ke,
+            showControls: L,
+            customActions: I
           }
         ) : null
       ]
@@ -407,6 +559,6 @@ const lt = ({
   );
 };
 export {
-  lt as default
+  Bt as default
 };
 //# sourceMappingURL=Slide.es.js.map