markdown-flow-ui 0.1.100-beta.2 → 0.1.100-beta.21

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

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