markdown-flow-ui 0.1.100-beta.47 → 0.1.100-beta.49

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

@@ -1,5 +1,5 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import { memo as lt, useRef as _, useMemo as c, useState as P, useCallback as i, useEffect as m } from "react";
+import { memo as lt, useRef as _, useMemo as c, useState as R, 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";
@@ -12,32 +12,32 @@ import ft from "./useWakePlayerFromIframe.es.js";
 import { getPlayerCustomActionCount as mt } from "./utils/playerCustomActions.es.js";
 /* empty css             */
 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(
+const ht = 1e3, Fe = lt(
   ({
-    content: R,
-    title: j,
+    content: B,
+    title: C,
     defaultButtonText: h,
     defaultInputText: z,
     defaultSelectedValues: I,
     confirmButtonText: se,
     copyButtonText: ie,
-    copiedButtonText: N,
+    copiedButtonText: j,
     onSend: D,
-    readonly: B = !1
+    readonly: N = !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: j }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: C }) }),
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ n.jsx(
       it,
       {
-        content: R,
+        content: B,
         defaultButtonText: h,
         defaultInputText: z,
         defaultSelectedValues: I,
         confirmButtonText: se,
         copyButtonText: ie,
-        copiedButtonText: N,
+        copiedButtonText: j,
         onSend: D,
-        readonly: B,
+        readonly: N,
         enableTypewriter: !1,
         sandboxMode: "content"
       }
@@ -45,63 +45,63 @@ const ht = 1e3, Be = lt(
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-arrow" })
   ] })
 );
-Be.displayName = "InteractionOverlayCard";
-const gt = (R, j) => R.length === j.length && R.every((h, z) => {
-  const I = j[z];
+Fe.displayName = "InteractionOverlayCard";
+const gt = (B, C) => B.length === C.length && B.every((h, z) => {
+  const I = C[z];
   return h.sequence_number === I?.sequence_number && h.type === I?.type && h.content === I?.content;
-}), Bt = ({
-  elementList: R = [],
-  showPlayer: j = !0,
+}), Nt = ({
+  elementList: B = [],
+  showPlayer: C = !0,
   playerAlwaysVisible: h = !1,
   playerClassName: z,
   playerCustomActions: I,
   bufferingText: se = "Buffering...",
   interactionTitle: ie,
-  interactionTexts: N,
+  interactionTexts: j,
   playerAutoHideDelay: D = 3e3,
-  interactionDefaultValueOptions: B,
-  onSend: fe,
+  interactionDefaultValueOptions: N,
+  onSend: me,
   onPlayerVisibilityChange: ue,
-  onStepChange: me,
-  className: Fe,
-  onPointerDown: pe,
-  ...Ke
+  onStepChange: pe,
+  className: Ke,
+  onPointerDown: he,
+  ...ke
 }) => {
-  const ae = _(null), ce = _(null), he = _(null), V = _(null), W = _(null), G = _(null), ge = _([]), X = _(!1), F = _(null), {
+  const ae = _(null), ce = _(null), ge = _(null), V = _(null), W = _(null), G = _(null), xe = _([]), X = _(!1), F = _(null), {
     currentElementList: b,
-    stepElementLists: xe,
+    stepElementLists: ye,
     slideElementList: K,
     currentIndex: d,
     audioList: y,
-    currentAudioSequenceIndexes: ye,
+    currentAudioSequenceIndexes: ve,
     currentStepHasSpeakableElement: A,
     currentInteractionElement: u,
-    canGoPrev: ke,
-    canGoNext: E,
+    canGoPrev: qe,
+    canGoNext: P,
     handlePrev: Se,
     handleNext: T
-  } = dt(R), ve = c(() => {
+  } = dt(B), Ie = c(() => {
     if (!(d < 0))
       return K[d];
-  }, [d, K]), qe = K.filter(
+  }, [d, K]), Le = 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(
+  ).length === 1, v = C && (K.length > 0 || y.length > 0 || !!u), g = c(
+    () => ve.map((e) => y[e]?.audioKey).filter((e) => !!e),
+    [y, ve]
+  ), [be, Z] = R(!0), [ee, Y] = R(!1), [S, k] = R(null), [Oe, p] = R(!1), [q, we] = R(!1), [o, te] = R(), [ne, J] = R(!1), L = v && (h || be), _e = c(
     () => mt(I),
     [I]
   ), Me = c(
     () => ({
-      "--slide-player-custom-action-count": String(we)
+      "--slide-player-custom-action-count": String(_e)
     }),
-    [we]
-  ), { mountedStepStates: Oe, currentMountedStateIndex: He } = c(() => {
+    [_e]
+  ), { mountedStepStates: He, currentMountedStateIndex: $e } = c(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return xe.forEach((s, a) => {
+    return ye.forEach((s, a) => {
       const r = e.findIndex(
-        (o) => gt(
-          o.elementList,
+        (l) => gt(
+          l.elementList,
           s
         )
       );
@@ -117,95 +117,95 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
       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(
+  }, [d, ye]), Ae = c(() => String(d), [d]), de = c(() => S ? y.findIndex(
+    (e) => (e.audioKey ?? "") === S
+  ) : -1, [y, S]), re = c(
     () => g[0] ?? "none",
     [g]
-  ), Ae = c(() => u ? `${u.sequence_number ?? "none"}:${String(
+  ), Te = 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(
+  )}` : "none", [u]), Ue = c(
+    () => [Ae, Te].join("|"),
+    [Te, Ae]
+  ), O = !!c(() => !re || re === "none" ? "" : y.find(
     (t) => t.audioKey === re
-  )?.audioUrl?.trim() ?? "", [y, re]), C = i(() => {
+  )?.audioUrl?.trim() ?? "", [y, re]), E = 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(() => {
+  }, []), M = 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(() => {
+    M(), w(), k(null), p(!1), we(!1), te(void 0), J(!1);
+  }, [M, w]), $ = i(() => {
     const e = g[0];
     return e ? (k(e), !0) : !1;
   }, [g]), oe = i(() => {
-    w(), J(!1), !$() && E && T();
+    w(), J(!1), !$() && P && T();
   }, [
-    E,
+    P,
     w,
     T,
     $
   ]), f = i(
     (e = ee) => {
-      S && (Z(!0), C(), !(h || !e || D <= 0) && (V.current = window.setTimeout(() => {
+      v && (Z(!0), E(), !(h || !e || D <= 0) && (V.current = window.setTimeout(() => {
         Z(!1), V.current = null;
       }, D)));
     },
     [
-      C,
+      E,
       ee,
       h,
       D,
-      S
+      v
     ]
-  ), Ue = !!(u?.readonly || u?.user_input?.trim()), U = !!u && !Ue;
+  ), fe = !!(u?.readonly || u?.user_input?.trim()), U = !!u && !fe;
   m(() => () => {
-    O(), C(), w();
+    M(), E(), w();
   }, [
-    O,
+    M,
     w,
-    C
+    E
   ]), m(() => (ue?.(L), () => {
     ue?.(!1);
   }), [ue, L]), m(() => {
-    me?.(ve, d);
-  }, [d, ve, me]), m(() => {
-    if (!S) {
-      C(), Z(!1);
+    pe?.(Ie, d);
+  }, [d, Ie, pe]), m(() => {
+    if (!v) {
+      E(), Z(!1);
       return;
     }
     if (h) {
-      C(), Z(!0);
+      E(), Z(!0);
       return;
     }
     ee || f(!0);
   }, [
-    C,
+    E,
     ee,
     h,
-    S,
+    v,
     f
   ]), m(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && st(t.data) && S && (Y(!0), f(!0));
+      t.origin === window.location.origin && st(t.data) && v && (Y(!0), f(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [S, f]), ft({
+  }, [v, f]), ft({
     sectionRef: ae,
-    enabled: S,
+    enabled: v,
     onWake: () => {
       Y(!0), f(!0);
     }
   }), m(() => {
-    const e = F.current === d && !!u;
+    const e = F.current === d && !!u, t = !!u && (U || e || fe);
     if (H(), !(b.length === 0 && !u)) {
-      if (U || e) {
+      if (t) {
         te(u), J(!0), F.current = null;
         return;
       }
@@ -214,22 +214,23 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
           p(!0);
           return;
         }
-        if (E)
+        if (P)
           return W.current = window.setTimeout(() => {
             W.current = null, T();
           }, ht), () => {
-            O();
+            M();
           };
       }
     }
   }, [
-    E,
-    O,
+    P,
+    M,
     b.length,
     u,
-    $e,
+    Ue,
     A,
     T,
+    fe,
     U,
     H,
     $
@@ -249,31 +250,38 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     q,
     U
   ]), m(() => {
-    v || g.length === 0 || !A || U || q || $();
+    S || g.length === 0 || !A || U || q || $();
   }, [
-    v,
+    S,
     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
-      );
-  }, [l, B]), Ee = !!l?.user_input?.trim(), Ce = !!l?.readonly || Ee, Pe = Ce || Ee, De = i(
+    !S || de >= 0 || k(null);
+  }, [de, S]), m(() => {
+    O && p(!1);
+  }, [O]);
+  const Pe = c(() => {
+    if (!o)
+      return {};
+    const e = !!o.user_input?.trim();
+    return ut(
+      typeof o.content == "string" ? o.content : void 0,
+      o.user_input,
+      e ? void 0 : N
+    );
+  }, [o, N]), ze = c(() => {
+    if (!o)
+      return;
+    const e = !!o.user_input?.trim();
+    return at(
+      typeof o.content == "string" ? o.content : void 0,
+      o.user_input,
+      e ? void 0 : N
+    );
+  }, [o, N]), Ee = !!o?.user_input?.trim(), Re = !!o?.readonly || Ee, Be = Re || Ee, De = i(
     (e) => {
       const s = [
         ...e.selectedValues ?? [],
@@ -283,12 +291,12 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
       te((a) => !a || !s ? a : {
         ...a,
         user_input: s
-      }), fe?.(e, l), oe();
+      }), me?.(e, o), oe();
     },
-    [l, oe, fe]
+    [o, oe, me]
   );
   m(() => {
-    if (w(), !(!ne || !Pe))
+    if (w(), !(!ne || !Be))
       return G.current = window.setTimeout(() => {
         G.current = null, oe();
       }, 2e3), () => {
@@ -298,7 +306,7 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     w,
     oe,
     ne,
-    Pe
+    Be
   ]);
   const Ve = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
     Ne,
@@ -325,15 +333,15 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     const s = e.filter(
       (r) => r.is_renderable !== !1
     ).length, a = e.reduce(
-      (r, o, x) => o.is_renderable !== !1 ? x : r,
+      (r, l, x) => l.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, o) => {
+    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((r, l) => {
       const x = r.type === "html" && r.is_renderable === !1;
       return /* @__PURE__ */ n.jsx(
         "div",
         {
-          ref: t && o === a ? he : null,
+          ref: t && l === a ? ge : null,
           "aria-hidden": x || void 0,
           className: Q(
             "w-full shrink-0",
@@ -344,7 +352,7 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
             replaceRootScreenHeightWithFull: s === 1 && r.type === "html" && r.is_renderable !== !1
           })
         },
-        r.sequence_number ?? `${r.type}-${o}`
+        r.sequence_number ?? `${r.type}-${l}`
       );
     }) });
   }, Ge = () => {
@@ -358,7 +366,7 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, Re = i(() => {
+  }, Ce = i(() => {
     const e = ce.current;
     e && e.scrollTo({
       top: e.scrollHeight,
@@ -370,7 +378,7 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     X.current = !0, F.current = null, Y(!0), p(!1), f(!0), H(), T();
   }, [T, H, f]), Qe = i(
     (e) => {
-      if (M) {
+      if (O) {
         p(!1);
         return;
       }
@@ -383,15 +391,15 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     [
       A,
       q,
-      M
+      O
     ]
   ), Xe = i(
     (e) => {
       const t = y[e]?.audioKey;
-      if (!t || !v || t !== v)
+      if (!t || !S || t !== S)
         return;
       const s = g.findIndex(
-        (o) => o === t
+        (l) => l === t
       );
       if (s < 0) {
         k(null);
@@ -402,51 +410,51 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
         k(r);
         return;
       }
-      if (k(null), be(!0), p(!1), E) {
-        const o = d + 1, x = K[o];
-        M && x?.type === "interaction" && (F.current = o), T();
+      if (k(null), we(!0), p(!1), P) {
+        const l = d + 1, x = K[l];
+        O && x?.type === "interaction" && (F.current = l), T();
       }
     },
     [
       y,
-      E,
+      P,
       d,
-      v,
+      S,
       g,
       T,
-      M,
+      O,
       K
     ]
   ), Ze = i(() => {
-    l && J((e) => !e);
-  }, [l]), je = i(
+    o && J((e) => !e);
+  }, [o]), je = i(
     (e) => {
       e.stopPropagation(), L && f(!0);
     },
-    [Ie, f]
+    [be, f]
   ), et = i(
     (e) => {
-      pe?.(e), Y(!0), f(!0);
+      he?.(e), Y(!0), f(!0);
     },
-    [pe, f]
-  ), tt = !!l && ne, le = c(
+    [he, f]
+  ), tt = !!o && ne, le = c(
     () => b.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [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
+    const e = xe.current, a = (e.length > 0 && e.length < le.length && e.every((l, x) => l === le[x]) ? b.slice(e.length) : []).some(
+      (l) => l.is_new === !1
     );
-    if (ge.current = le, !a)
+    if (xe.current = le, !a)
       return;
     const r = window.requestAnimationFrame(() => {
-      const o = ce.current, x = he.current;
-      if (!o || !x)
+      const l = ce.current, x = ge.current;
+      if (!l || !x)
         return;
-      const nt = o.getBoundingClientRect(), rt = x.getBoundingClientRect(), ot = o.scrollTop + (rt.top - nt.top);
-      o.scrollTo({
+      const nt = l.getBoundingClientRect(), rt = x.getBoundingClientRect(), ot = l.scrollTop + (rt.top - nt.top);
+      l.scrollTo({
         top: Math.max(ot, 0),
         behavior: "smooth"
       });
@@ -458,29 +466,29 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
     if (!X.current || (X.current = !1, b.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      Re();
+      Ce();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [b, Re]), /* @__PURE__ */ n.jsxs(
+  }, [b, Ce]), /* @__PURE__ */ n.jsxs(
     "section",
     {
       ref: ae,
-      className: Q("relative h-full w-full", Fe),
+      className: Q("relative h-full w-full", Ke),
       onPointerDown: et,
-      ...Ke,
+      ...ke,
       children: [
         /* @__PURE__ */ n.jsx(
           "div",
           {
             className: Q(
               "h-full min-h-0 w-full",
-              qe ? "slide-content--single" : "grid gap-4"
+              Le ? "slide-content--single" : "grid gap-4"
             ),
-            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(
+            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: He.map(
               (e, t) => {
-                const s = t === He;
+                const s = t === $e;
                 return /* @__PURE__ */ n.jsx(
                   "div",
                   {
@@ -498,7 +506,7 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
             ) }) }) : null
           }
         ),
-        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: [
+        Oe ? /* @__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,
@@ -507,29 +515,29 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
           {
             className: Q(
               "slide-interaction-overlay",
-              L && S ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+              L && v ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
             ),
             onClick: je,
             onPointerDown: je,
             style: Me,
             children: /* @__PURE__ */ n.jsx(
-              Be,
+              Fe,
               {
-                content: String(l?.content ?? ""),
-                defaultButtonText: Te.buttonText ?? "",
-                defaultInputText: Te.inputText ?? "",
+                content: String(o?.content ?? ""),
+                defaultButtonText: Pe.buttonText ?? "",
+                defaultInputText: Pe.inputText ?? "",
                 defaultSelectedValues: ze,
-                confirmButtonText: N?.confirmButtonText,
-                copyButtonText: N?.copyButtonText,
-                copiedButtonText: N?.copiedButtonText,
+                confirmButtonText: j?.confirmButtonText,
+                copyButtonText: j?.copyButtonText,
+                copiedButtonText: j?.copiedButtonText,
                 onSend: De,
-                readonly: Ce,
-                title: N?.title ?? ie ?? "Submit the content below to continue."
+                readonly: Re,
+                title: j?.title ?? ie ?? "Submit the content below to continue."
               }
             )
           }
         ) : null,
-        S ? /* @__PURE__ */ n.jsx(
+        v ? /* @__PURE__ */ n.jsx(
           ct,
           {
             audioList: y,
@@ -540,16 +548,16 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
             ),
             currentAudioIndex: de,
             defaultPlaying: !0,
-            hasInteraction: !!l,
+            hasInteraction: !!o,
             isInteractionOpen: ne,
             onLoadingChange: Qe,
-            nextDisabled: !E,
+            nextDisabled: !P,
             onEnded: Xe,
             onFullscreen: Ge,
             onInteractionToggle: Ze,
             onNext: Je,
             onPrev: Ye,
-            prevDisabled: !ke,
+            prevDisabled: !qe,
             showControls: L,
             customActions: I
           }
@@ -559,6 +567,6 @@ const gt = (R, j) => R.length === j.length && R.every((h, z) => {
   );
 };
 export {
-  Bt as default
+  Nt as default
 };
 //# sourceMappingURL=Slide.es.js.map