markdown-flow-ui 0.1.100-beta.49 → 0.1.100-beta.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.cjs.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.es.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.cjs.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.es.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.cjs.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.es.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.cjs.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.es.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.cjs.js +1 -1
- package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.es.js +1 -1
- package/dist/_virtual/index.cjs6.js +1 -1
- package/dist/_virtual/index.cjs7.js +1 -1
- package/dist/_virtual/index.es6.js +5 -2
- package/dist/_virtual/index.es6.js.map +1 -1
- package/dist/_virtual/index.es7.js +2 -5
- package/dist/_virtual/index.es7.js.map +1 -1
- package/dist/components/Slide/Slide.cjs.js +1 -1
- package/dist/components/Slide/Slide.cjs.js.map +1 -1
- package/dist/components/Slide/Slide.es.js +39 -32
- package/dist/components/Slide/Slide.es.js.map +1 -1
- package/dist/components/Slide/Slide.stories.d.ts +1 -0
- package/dist/components/Slide/utils/interactionPlayback.cjs.js +2 -0
- package/dist/components/Slide/utils/interactionPlayback.cjs.js.map +1 -0
- package/dist/components/Slide/utils/interactionPlayback.d.ts +9 -0
- package/dist/components/Slide/utils/interactionPlayback.es.js +11 -0
- package/dist/components/Slide/utils/interactionPlayback.es.js.map +1 -0
- package/dist/components/Slide/utils/interactionPlayback.test.d.ts +1 -0
- package/dist/components/ui/inputGroup/textarea.cjs.js +1 -1
- package/dist/components/ui/inputGroup/textarea.es.js +1 -1
- package/dist/lib/interaction-defaults.cjs.js.map +1 -1
- package/dist/lib/interaction-defaults.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as n } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import { memo as lt, useRef as
|
|
2
|
+
import { memo as lt, useRef as A, useMemo as c, useState as R, useCallback as i, useEffect as m } from "react";
|
|
3
3
|
import { isSandboxInteractionMessage as st } from "../../lib/sandboxInteraction.es.js";
|
|
4
4
|
import { cn as Q } from "../../lib/utils.es.js";
|
|
5
5
|
import it from "../ContentRender/ContentRender.es.js";
|
|
@@ -9,10 +9,11 @@ import { getInteractionDefaultValues as ut, getInteractionDefaultSelectedValues
|
|
|
9
9
|
import ct from "./Player.es.js";
|
|
10
10
|
import dt from "./useSlide.es.js";
|
|
11
11
|
import ft from "./useWakePlayerFromIframe.es.js";
|
|
12
|
-
import {
|
|
12
|
+
import { shouldPresentInteractionOverlay as mt } from "./utils/interactionPlayback.es.js";
|
|
13
|
+
import { getPlayerCustomActionCount as pt } from "./utils/playerCustomActions.es.js";
|
|
13
14
|
/* empty css */
|
|
14
|
-
import
|
|
15
|
-
const
|
|
15
|
+
import ht 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";
|
|
16
|
+
const gt = 1e3, Fe = lt(
|
|
16
17
|
({
|
|
17
18
|
content: B,
|
|
18
19
|
title: C,
|
|
@@ -46,10 +47,10 @@ const ht = 1e3, Fe = lt(
|
|
|
46
47
|
] })
|
|
47
48
|
);
|
|
48
49
|
Fe.displayName = "InteractionOverlayCard";
|
|
49
|
-
const
|
|
50
|
+
const xt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
50
51
|
const I = C[z];
|
|
51
52
|
return h.sequence_number === I?.sequence_number && h.type === I?.type && h.content === I?.content;
|
|
52
|
-
}),
|
|
53
|
+
}), Kt = ({
|
|
53
54
|
elementList: B = [],
|
|
54
55
|
showPlayer: C = !0,
|
|
55
56
|
playerAlwaysVisible: h = !1,
|
|
@@ -67,14 +68,14 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
67
68
|
onPointerDown: he,
|
|
68
69
|
...ke
|
|
69
70
|
}) => {
|
|
70
|
-
const ae =
|
|
71
|
+
const ae = A(null), ce = A(null), ge = A(null), V = A(null), W = A(null), G = A(null), xe = A([]), X = A(!1), F = A(null), {
|
|
71
72
|
currentElementList: b,
|
|
72
73
|
stepElementLists: ye,
|
|
73
74
|
slideElementList: K,
|
|
74
75
|
currentIndex: d,
|
|
75
76
|
audioList: y,
|
|
76
77
|
currentAudioSequenceIndexes: ve,
|
|
77
|
-
currentStepHasSpeakableElement:
|
|
78
|
+
currentStepHasSpeakableElement: w,
|
|
78
79
|
currentInteractionElement: u,
|
|
79
80
|
canGoPrev: qe,
|
|
80
81
|
canGoNext: P,
|
|
@@ -89,7 +90,7 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
89
90
|
() => ve.map((e) => y[e]?.audioKey).filter((e) => !!e),
|
|
90
91
|
[y, ve]
|
|
91
92
|
), [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(
|
|
92
|
-
() =>
|
|
93
|
+
() => pt(I),
|
|
93
94
|
[I]
|
|
94
95
|
), Me = c(
|
|
95
96
|
() => ({
|
|
@@ -100,7 +101,7 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
100
101
|
const e = [], t = /* @__PURE__ */ new Map();
|
|
101
102
|
return ye.forEach((s, a) => {
|
|
102
103
|
const r = e.findIndex(
|
|
103
|
-
(l) =>
|
|
104
|
+
(l) => xt(
|
|
104
105
|
l.elementList,
|
|
105
106
|
s
|
|
106
107
|
)
|
|
@@ -131,20 +132,20 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
131
132
|
(t) => t.audioKey === re
|
|
132
133
|
)?.audioUrl?.trim() ?? "", [y, re]), E = i(() => {
|
|
133
134
|
V.current !== null && (window.clearTimeout(V.current), V.current = null);
|
|
134
|
-
}, []),
|
|
135
|
+
}, []), _ = i(() => {
|
|
135
136
|
G.current !== null && (window.clearTimeout(G.current), G.current = null);
|
|
136
137
|
}, []), M = i(() => {
|
|
137
138
|
W.current !== null && (window.clearTimeout(W.current), W.current = null);
|
|
138
139
|
}, []), H = i(() => {
|
|
139
|
-
M(),
|
|
140
|
-
}, [M,
|
|
140
|
+
M(), _(), k(null), p(!1), we(!1), te(void 0), J(!1);
|
|
141
|
+
}, [M, _]), $ = i(() => {
|
|
141
142
|
const e = g[0];
|
|
142
143
|
return e ? (k(e), !0) : !1;
|
|
143
144
|
}, [g]), oe = i(() => {
|
|
144
|
-
|
|
145
|
+
_(), J(!1), !$() && P && T();
|
|
145
146
|
}, [
|
|
146
147
|
P,
|
|
147
|
-
|
|
148
|
+
_,
|
|
148
149
|
T,
|
|
149
150
|
$
|
|
150
151
|
]), f = i(
|
|
@@ -162,10 +163,10 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
162
163
|
]
|
|
163
164
|
), fe = !!(u?.readonly || u?.user_input?.trim()), U = !!u && !fe;
|
|
164
165
|
m(() => () => {
|
|
165
|
-
M(), E(),
|
|
166
|
+
M(), E(), _();
|
|
166
167
|
}, [
|
|
167
168
|
M,
|
|
168
|
-
|
|
169
|
+
_,
|
|
169
170
|
E
|
|
170
171
|
]), m(() => (ue?.(L), () => {
|
|
171
172
|
ue?.(!1);
|
|
@@ -203,21 +204,27 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
203
204
|
Y(!0), f(!0);
|
|
204
205
|
}
|
|
205
206
|
}), m(() => {
|
|
206
|
-
const e = F.current === d && !!u, t =
|
|
207
|
+
const e = F.current === d && !!u, t = mt({
|
|
208
|
+
hasInteraction: !!u,
|
|
209
|
+
shouldBlockPlaybackForInteraction: U,
|
|
210
|
+
shouldOpenInteractionOverlayAfterAudio: e,
|
|
211
|
+
hasResolvedCurrentInteraction: fe,
|
|
212
|
+
currentStepHasSpeakableElement: w
|
|
213
|
+
});
|
|
207
214
|
if (H(), !(b.length === 0 && !u)) {
|
|
208
215
|
if (t) {
|
|
209
216
|
te(u), J(!0), F.current = null;
|
|
210
217
|
return;
|
|
211
218
|
}
|
|
212
219
|
if (u && (te(u), J(!1), F.current = null), !$()) {
|
|
213
|
-
if (
|
|
220
|
+
if (w) {
|
|
214
221
|
p(!0);
|
|
215
222
|
return;
|
|
216
223
|
}
|
|
217
224
|
if (P)
|
|
218
225
|
return W.current = window.setTimeout(() => {
|
|
219
226
|
W.current = null, T();
|
|
220
|
-
},
|
|
227
|
+
}, gt), () => {
|
|
221
228
|
M();
|
|
222
229
|
};
|
|
223
230
|
}
|
|
@@ -228,14 +235,14 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
228
235
|
b.length,
|
|
229
236
|
u,
|
|
230
237
|
Ue,
|
|
231
|
-
|
|
238
|
+
w,
|
|
232
239
|
T,
|
|
233
240
|
fe,
|
|
234
241
|
U,
|
|
235
242
|
H,
|
|
236
243
|
$
|
|
237
244
|
]), m(() => {
|
|
238
|
-
if (!
|
|
245
|
+
if (!w || U) {
|
|
239
246
|
p(!1);
|
|
240
247
|
return;
|
|
241
248
|
}
|
|
@@ -246,15 +253,15 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
246
253
|
g.length === 0 && p(!0);
|
|
247
254
|
}, [
|
|
248
255
|
g.length,
|
|
249
|
-
|
|
256
|
+
w,
|
|
250
257
|
q,
|
|
251
258
|
U
|
|
252
259
|
]), m(() => {
|
|
253
|
-
S || g.length === 0 || !
|
|
260
|
+
S || g.length === 0 || !w || U || q || $();
|
|
254
261
|
}, [
|
|
255
262
|
S,
|
|
256
263
|
g,
|
|
257
|
-
|
|
264
|
+
w,
|
|
258
265
|
q,
|
|
259
266
|
U,
|
|
260
267
|
$
|
|
@@ -296,14 +303,14 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
296
303
|
[o, oe, me]
|
|
297
304
|
);
|
|
298
305
|
m(() => {
|
|
299
|
-
if (
|
|
306
|
+
if (_(), !(!ne || !Be))
|
|
300
307
|
return G.current = window.setTimeout(() => {
|
|
301
308
|
G.current = null, oe();
|
|
302
309
|
}, 2e3), () => {
|
|
303
|
-
|
|
310
|
+
_();
|
|
304
311
|
};
|
|
305
312
|
}, [
|
|
306
|
-
|
|
313
|
+
_,
|
|
307
314
|
oe,
|
|
308
315
|
ne,
|
|
309
316
|
Be
|
|
@@ -382,14 +389,14 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
382
389
|
p(!1);
|
|
383
390
|
return;
|
|
384
391
|
}
|
|
385
|
-
if (!
|
|
392
|
+
if (!w || q) {
|
|
386
393
|
p(!1);
|
|
387
394
|
return;
|
|
388
395
|
}
|
|
389
396
|
p(e);
|
|
390
397
|
},
|
|
391
398
|
[
|
|
392
|
-
|
|
399
|
+
w,
|
|
393
400
|
q,
|
|
394
401
|
O
|
|
395
402
|
]
|
|
@@ -507,7 +514,7 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
507
514
|
}
|
|
508
515
|
),
|
|
509
516
|
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: [
|
|
510
|
-
/* @__PURE__ */ n.jsx(
|
|
517
|
+
/* @__PURE__ */ n.jsx(ht, { className: "size-5 animate-spin text-background" }),
|
|
511
518
|
/* @__PURE__ */ n.jsx("span", { children: se })
|
|
512
519
|
] }) : null,
|
|
513
520
|
tt ? /* @__PURE__ */ n.jsx(
|
|
@@ -567,6 +574,6 @@ const gt = (B, C) => B.length === C.length && B.every((h, z) => {
|
|
|
567
574
|
);
|
|
568
575
|
};
|
|
569
576
|
export {
|
|
570
|
-
|
|
577
|
+
Kt as default
|
|
571
578
|
};
|
|
572
579
|
//# sourceMappingURL=Slide.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { LoaderCircle } from \"lucide-react\";\n\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n getInteractionDefaultSelectedValues,\n getInteractionDefaultValues,\n type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport Player from \"./Player\";\nimport type { PlayerProps } from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport { getPlayerCustomActionCount } from \"./utils/playerCustomActions\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ntype RenderSlideElementOptions = {\n replaceRootScreenHeightWithFull?: boolean;\n};\n\ninterface InteractionOverlayCardProps {\n content: string;\n title: string;\n defaultButtonText?: string;\n defaultInputText?: string;\n defaultSelectedValues?: string[];\n confirmButtonText?: string;\n copyButtonText?: string;\n copiedButtonText?: string;\n onSend?: (content: OnSendContentParams) => void;\n readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts extends Pick<\n ContentRenderProps,\n \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n> {\n title?: string;\n}\n\nconst InteractionOverlayCard = memo(\n ({\n content,\n title,\n defaultButtonText,\n defaultInputText,\n defaultSelectedValues,\n confirmButtonText,\n copyButtonText,\n copiedButtonText,\n onSend,\n readonly = false,\n }: InteractionOverlayCardProps) => (\n <div className=\"slide-player__interaction-card\">\n <div className=\"slide-player__interaction-header\">\n <p className=\"slide-player__interaction-title\">{title}</p>\n </div>\n <div className=\"slide-player__interaction-body\">\n <ContentRender\n content={content}\n defaultButtonText={defaultButtonText}\n defaultInputText={defaultInputText}\n defaultSelectedValues={defaultSelectedValues}\n confirmButtonText={confirmButtonText}\n copyButtonText={copyButtonText}\n copiedButtonText={copiedButtonText}\n onSend={onSend}\n readonly={readonly}\n enableTypewriter={false}\n sandboxMode=\"content\"\n />\n </div>\n <div className=\"slide-player__interaction-arrow\" />\n </div>\n )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n prevElementList: Element[],\n nextElementList: Element[]\n) =>\n prevElementList.length === nextElementList.length &&\n prevElementList.every((element, index) => {\n const nextElement = nextElementList[index];\n\n return (\n element.sequence_number === nextElement?.sequence_number &&\n element.type === nextElement?.type &&\n element.content === nextElement?.content\n );\n });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n elementList?: Element[];\n showPlayer?: boolean;\n playerAlwaysVisible?: boolean;\n playerClassName?: string;\n playerCustomActions?: PlayerProps[\"customActions\"];\n bufferingText?: string;\n interactionTitle?: string;\n interactionTexts?: SlideInteractionTexts;\n playerAutoHideDelay?: number;\n interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n onSend?: (content: OnSendContentParams, element?: Element) => void;\n onPlayerVisibilityChange?: (visible: boolean) => void;\n onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n elementList = [],\n showPlayer = true,\n playerAlwaysVisible = false,\n playerClassName,\n playerCustomActions,\n bufferingText = \"Buffering...\",\n interactionTitle,\n interactionTexts,\n playerAutoHideDelay = 3000,\n interactionDefaultValueOptions,\n onSend,\n onPlayerVisibilityChange,\n onStepChange,\n className,\n onPointerDown,\n ...props\n}) => {\n const sectionRef = useRef<HTMLElement | null>(null);\n const stageLayerRef = useRef<HTMLDivElement | null>(null);\n const lastElementRef = useRef<HTMLDivElement | null>(null);\n const playerHideTimerRef = useRef<number | null>(null);\n const autoAdvanceTimerRef = useRef<number | null>(null);\n const interactionAutoCloseTimerRef = useRef<number | null>(null);\n const prevRenderElementKeysRef = useRef<string[]>([]);\n const shouldScrollToBottomRef = useRef(false);\n const pendingInteractionOverlayStepIndexRef = useRef<number | null>(null);\n const {\n currentElementList,\n stepElementLists,\n slideElementList,\n currentIndex,\n audioList,\n currentAudioSequenceIndexes,\n currentStepHasSpeakableElement,\n currentInteractionElement,\n canGoPrev,\n canGoNext,\n handlePrev: goPrev,\n handleNext: goNext,\n } = useSlide(elementList);\n const currentStepElement = useMemo(() => {\n if (currentIndex < 0) {\n return undefined;\n }\n\n return slideElementList[currentIndex];\n }, [currentIndex, slideElementList]);\n const visibleMarkerCount = slideElementList.filter(\n (element) => element.is_renderable !== false\n ).length;\n const isSingleSlide = visibleMarkerCount === 1;\n const shouldRenderPlayer =\n showPlayer &&\n (slideElementList.length > 0 ||\n audioList.length > 0 ||\n Boolean(currentInteractionElement));\n const currentAudioSequenceKeys = useMemo(\n () =>\n currentAudioSequenceIndexes\n .map((audioIndex) => audioList[audioIndex]?.audioKey)\n .filter((audioKey): audioKey is string => Boolean(audioKey)),\n [audioList, currentAudioSequenceIndexes]\n );\n const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n const [currentAudioKey, setCurrentAudioKey] = useState<string | null>(null);\n const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n useState(false);\n const [activeInteractionElement, setActiveInteractionElement] = useState<\n Element | undefined\n >();\n const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n useState(false);\n const playerVisible =\n shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n const playerCustomActionCount = useMemo(\n () => getPlayerCustomActionCount(playerCustomActions),\n [playerCustomActions]\n );\n const interactionOverlayStyle = useMemo(\n () =>\n ({\n \"--slide-player-custom-action-count\": String(playerCustomActionCount),\n }) as React.CSSProperties,\n [playerCustomActionCount]\n );\n const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n const nextMountedStepStates: Array<{\n elementList: Element[];\n sourceStepIndexes: number[];\n }> = [];\n const mountedStateIndexByStep = new Map<number, number>();\n\n stepElementLists.forEach((stepElementList, stepIndex) => {\n const existingMountedStateIndex = nextMountedStepStates.findIndex(\n (mountedStepState) =>\n areStepElementListsEqual(\n mountedStepState.elementList,\n stepElementList\n )\n );\n\n if (existingMountedStateIndex >= 0) {\n nextMountedStepStates[\n existingMountedStateIndex\n ]?.sourceStepIndexes.push(stepIndex);\n mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n return;\n }\n\n nextMountedStepStates.push({\n elementList: stepElementList,\n sourceStepIndexes: [stepIndex],\n });\n mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n });\n\n return {\n mountedStepStates: nextMountedStepStates,\n currentMountedStateIndex:\n currentIndex >= 0\n ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n : -1,\n };\n }, [currentIndex, stepElementLists]);\n const currentStepKey = useMemo(() => String(currentIndex), [currentIndex]);\n const currentAudioIndex = useMemo(() => {\n if (!currentAudioKey) {\n return -1;\n }\n\n return audioList.findIndex(\n (audioItem) => (audioItem.audioKey ?? \"\") === currentAudioKey\n );\n }, [audioList, currentAudioKey]);\n const currentAudioSequenceStartKey = useMemo(\n () => currentAudioSequenceKeys[0] ?? \"none\",\n [currentAudioSequenceKeys]\n );\n const currentInteractionResetKey = useMemo(() => {\n if (!currentInteractionElement) {\n return \"none\";\n }\n\n return `${currentInteractionElement.sequence_number ?? \"none\"}:${String(\n currentInteractionElement.content ?? \"\"\n )}`;\n }, [currentInteractionElement]);\n const currentPlaybackResetKey = useMemo(\n () => [currentStepKey, currentInteractionResetKey].join(\"|\"),\n [currentInteractionResetKey, currentStepKey]\n );\n const currentStepAudioUrl = useMemo(() => {\n if (\n !currentAudioSequenceStartKey ||\n currentAudioSequenceStartKey === \"none\"\n ) {\n return \"\";\n }\n\n const currentStepAudioItem = audioList.find(\n (audioItem) => audioItem.audioKey === currentAudioSequenceStartKey\n );\n\n return currentStepAudioItem?.audioUrl?.trim() ?? \"\";\n }, [audioList, currentAudioSequenceStartKey]);\n const hasCurrentStepAudioUrl = Boolean(currentStepAudioUrl);\n\n const clearPlayerHideTimer = useCallback(() => {\n if (playerHideTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(playerHideTimerRef.current);\n playerHideTimerRef.current = null;\n }, []);\n\n const clearInteractionAutoCloseTimer = useCallback(() => {\n if (interactionAutoCloseTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(interactionAutoCloseTimerRef.current);\n interactionAutoCloseTimerRef.current = null;\n }, []);\n\n const clearAutoAdvanceTimer = useCallback(() => {\n if (autoAdvanceTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(autoAdvanceTimerRef.current);\n autoAdvanceTimerRef.current = null;\n }, []);\n\n const resetAudioSequence = useCallback(() => {\n clearAutoAdvanceTimer();\n clearInteractionAutoCloseTimer();\n setCurrentAudioKey(null);\n setIsAudioLoadingVisible(false);\n setHasCompletedCurrentStepAudio(false);\n setActiveInteractionElement(undefined);\n setIsInteractionOverlayOpen(false);\n }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n const startCurrentAudioSequence = useCallback(() => {\n const nextAudioKey = currentAudioSequenceKeys[0];\n\n if (!nextAudioKey) {\n return false;\n }\n\n // Start the first audio segment for the current step immediately.\n setCurrentAudioKey(nextAudioKey);\n return true;\n }, [currentAudioSequenceKeys]);\n\n const continueAfterInteraction = useCallback(() => {\n clearInteractionAutoCloseTimer();\n setIsInteractionOverlayOpen(false);\n\n if (startCurrentAudioSequence()) {\n return;\n }\n\n if (canGoNext) {\n goNext();\n }\n }, [\n canGoNext,\n clearInteractionAutoCloseTimer,\n goNext,\n startCurrentAudioSequence,\n ]);\n\n const showPlayerControls = useCallback(\n (enableAutoHide = hasPlayerInteracted) => {\n if (!shouldRenderPlayer) {\n return;\n }\n\n setIsPlayerVisible(true);\n clearPlayerHideTimer();\n\n if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n return;\n }\n\n playerHideTimerRef.current = window.setTimeout(() => {\n setIsPlayerVisible(false);\n playerHideTimerRef.current = null;\n }, playerAutoHideDelay);\n },\n [\n clearPlayerHideTimer,\n hasPlayerInteracted,\n playerAlwaysVisible,\n playerAutoHideDelay,\n shouldRenderPlayer,\n ]\n );\n\n const hasResolvedCurrentInteraction = Boolean(\n currentInteractionElement?.readonly ||\n currentInteractionElement?.user_input?.trim()\n );\n\n const shouldBlockPlaybackForInteraction =\n Boolean(currentInteractionElement) && !hasResolvedCurrentInteraction;\n\n useEffect(() => {\n return () => {\n clearAutoAdvanceTimer();\n clearPlayerHideTimer();\n clearInteractionAutoCloseTimer();\n };\n }, [\n clearAutoAdvanceTimer,\n clearInteractionAutoCloseTimer,\n clearPlayerHideTimer,\n ]);\n\n useEffect(() => {\n onPlayerVisibilityChange?.(playerVisible);\n\n return () => {\n onPlayerVisibilityChange?.(false);\n };\n }, [onPlayerVisibilityChange, playerVisible]);\n\n useEffect(() => {\n onStepChange?.(currentStepElement, currentIndex);\n }, [currentIndex, currentStepElement, onStepChange]);\n\n useEffect(() => {\n if (!shouldRenderPlayer) {\n clearPlayerHideTimer();\n setIsPlayerVisible(false);\n return;\n }\n\n if (playerAlwaysVisible) {\n clearPlayerHideTimer();\n setIsPlayerVisible(true);\n return;\n }\n\n if (!hasPlayerInteracted) {\n // Keep the initial player visible briefly, then hide it automatically.\n showPlayerControls(true);\n }\n }, [\n clearPlayerHideTimer,\n hasPlayerInteracted,\n playerAlwaysVisible,\n shouldRenderPlayer,\n showPlayerControls,\n ]);\n\n useEffect(() => {\n if (typeof window === \"undefined\") {\n return;\n }\n\n const handleSandboxInteraction = (event: MessageEvent) => {\n if (event.origin !== window.location.origin) {\n return;\n }\n\n if (!isSandboxInteractionMessage(event.data)) {\n return;\n }\n\n if (!shouldRenderPlayer) {\n return;\n }\n\n // Restore player controls without blocking native iframe scrolling.\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n };\n\n window.addEventListener(\"message\", handleSandboxInteraction);\n\n return () => {\n window.removeEventListener(\"message\", handleSandboxInteraction);\n };\n }, [shouldRenderPlayer, showPlayerControls]);\n\n useWakePlayerFromIframe({\n sectionRef,\n enabled: shouldRenderPlayer,\n onWake: () => {\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n },\n });\n\n useEffect(() => {\n const shouldOpenInteractionOverlayAfterAudio =\n pendingInteractionOverlayStepIndexRef.current === currentIndex &&\n Boolean(currentInteractionElement);\n const shouldPresentInteractionOverlay =\n Boolean(currentInteractionElement) &&\n (shouldBlockPlaybackForInteraction ||\n shouldOpenInteractionOverlayAfterAudio ||\n hasResolvedCurrentInteraction);\n\n resetAudioSequence();\n\n if (currentElementList.length === 0 && !currentInteractionElement) {\n return;\n }\n\n if (shouldPresentInteractionOverlay) {\n // Re-open history interaction checkpoints so manual prev/next still reveals the overlay.\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(true);\n pendingInteractionOverlayStepIndexRef.current = null;\n return;\n }\n\n if (currentInteractionElement) {\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(false);\n pendingInteractionOverlayStepIndexRef.current = null;\n }\n\n if (startCurrentAudioSequence()) {\n return;\n }\n\n if (currentStepHasSpeakableElement) {\n setIsAudioLoadingVisible(true);\n return;\n }\n\n if (!canGoNext) {\n return;\n }\n\n // Auto-advance silent marker-only steps so playback flow does not stall.\n autoAdvanceTimerRef.current = window.setTimeout(() => {\n autoAdvanceTimerRef.current = null;\n goNext();\n }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n return () => {\n clearAutoAdvanceTimer();\n };\n }, [\n canGoNext,\n clearAutoAdvanceTimer,\n currentElementList.length,\n currentInteractionElement,\n currentPlaybackResetKey,\n currentStepHasSpeakableElement,\n goNext,\n hasResolvedCurrentInteraction,\n shouldBlockPlaybackForInteraction,\n resetAudioSequence,\n startCurrentAudioSequence,\n ]);\n\n useEffect(() => {\n if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (hasCompletedCurrentStepAudio) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (currentAudioSequenceKeys.length === 0) {\n setIsAudioLoadingVisible(true);\n }\n }, [\n currentAudioSequenceKeys.length,\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n shouldBlockPlaybackForInteraction,\n ]);\n\n useEffect(() => {\n if (currentAudioKey || currentAudioSequenceKeys.length === 0) {\n return;\n }\n\n if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n return;\n }\n\n if (hasCompletedCurrentStepAudio) {\n return;\n }\n\n startCurrentAudioSequence();\n }, [\n currentAudioKey,\n currentAudioSequenceKeys,\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n shouldBlockPlaybackForInteraction,\n startCurrentAudioSequence,\n ]);\n\n useEffect(() => {\n if (!currentAudioKey || currentAudioIndex >= 0) {\n return;\n }\n\n setCurrentAudioKey(null);\n }, [currentAudioIndex, currentAudioKey]);\n\n useEffect(() => {\n if (!hasCurrentStepAudioUrl) {\n return;\n }\n\n // Treat the arrived audio URL as ready and hide the buffering overlay.\n setIsAudioLoadingVisible(false);\n }, [hasCurrentStepAudioUrl]);\n\n const interactionDefaults = useMemo(() => {\n if (!activeInteractionElement) {\n return {};\n }\n\n const shouldPreferResolvedInteractionInput = Boolean(\n activeInteractionElement.user_input?.trim()\n );\n\n return getInteractionDefaultValues(\n typeof activeInteractionElement.content === \"string\"\n ? activeInteractionElement.content\n : undefined,\n activeInteractionElement.user_input,\n shouldPreferResolvedInteractionInput\n ? undefined\n : interactionDefaultValueOptions\n );\n }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n const interactionDefaultSelectedValues = useMemo(() => {\n if (!activeInteractionElement) {\n return undefined;\n }\n\n const shouldPreferResolvedInteractionInput = Boolean(\n activeInteractionElement.user_input?.trim()\n );\n\n return getInteractionDefaultSelectedValues(\n typeof activeInteractionElement.content === \"string\"\n ? activeInteractionElement.content\n : undefined,\n activeInteractionElement.user_input,\n shouldPreferResolvedInteractionInput\n ? undefined\n : interactionDefaultValueOptions\n );\n }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n const hasResolvedInteractionInput = Boolean(\n activeInteractionElement?.user_input?.trim()\n );\n\n const isInteractionReadonly =\n Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n const shouldAutoContinueInteraction =\n isInteractionReadonly || hasResolvedInteractionInput;\n\n const handleInteractionSend = useCallback(\n (content: OnSendContentParams) => {\n const submittedValues = [\n ...(content.selectedValues ?? []),\n content.inputText?.trim() ?? \"\",\n content.buttonText?.trim() ?? \"\",\n ].filter(Boolean);\n const resolvedUserInput = submittedValues.join(\", \");\n\n setActiveInteractionElement((prevElement) => {\n if (!prevElement || !resolvedUserInput) {\n return prevElement;\n }\n\n return {\n ...prevElement,\n user_input: resolvedUserInput,\n };\n });\n\n onSend?.(content, activeInteractionElement);\n continueAfterInteraction();\n },\n [activeInteractionElement, continueAfterInteraction, onSend]\n );\n\n useEffect(() => {\n clearInteractionAutoCloseTimer();\n\n if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n return;\n }\n\n // Auto-close passive interaction checkpoints to keep playback moving.\n interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n interactionAutoCloseTimerRef.current = null;\n\n continueAfterInteraction();\n }, 2000);\n\n return () => {\n clearInteractionAutoCloseTimer();\n };\n }, [\n clearInteractionAutoCloseTimer,\n continueAfterInteraction,\n isInteractionOverlayOpen,\n shouldAutoContinueInteraction,\n ]);\n\n const renderSlideElement = (\n element?: Element,\n options: RenderSlideElementOptions = {}\n ) => {\n if (!element) {\n return null;\n }\n\n if (element.type === \"slot\") {\n return <>{element.content}</>;\n }\n\n if (element.type === \"html\") {\n return (\n <IframeSandbox\n className=\"content-render-iframe\"\n hideFullScreen\n mode=\"blackboard\"\n replaceRootScreenHeightWithFull={\n options.replaceRootScreenHeightWithFull\n }\n type=\"sandbox\"\n content={element.content as string}\n />\n );\n }\n\n return (\n <IframeSandbox\n className=\"content-render-iframe\"\n hideFullScreen\n mode=\"blackboard\"\n type=\"markdown\"\n content={element.content as string}\n />\n );\n };\n\n const renderSlideElementList = (\n elementList: Element[] = [],\n isActiveStep = false\n ) => {\n if (elementList.length === 0) {\n return null;\n }\n\n const visibleElementCount = elementList.filter(\n (element) => element.is_renderable !== false\n ).length;\n const lastVisibleElementIndex = elementList.reduce(\n (lastVisibleIndex, element, index) =>\n element.is_renderable !== false ? index : lastVisibleIndex,\n -1\n );\n\n return (\n <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n {elementList.map((element, index) => {\n const isPreRenderedHtml =\n element.type === \"html\" && element.is_renderable === false;\n\n return (\n <div\n key={element.sequence_number ?? `${element.type}-${index}`}\n ref={\n isActiveStep && index === lastVisibleElementIndex\n ? lastElementRef\n : null\n }\n aria-hidden={isPreRenderedHtml || undefined}\n className={cn(\n \"w-full shrink-0\",\n visibleElementCount === 1 &&\n element.is_renderable !== false &&\n \"slide-element--single\",\n isPreRenderedHtml\n ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n : element.is_renderable === false && \"hidden\"\n )}\n >\n {renderSlideElement(element, {\n replaceRootScreenHeightWithFull:\n visibleElementCount === 1 &&\n element.type === \"html\" &&\n element.is_renderable !== false,\n })}\n </div>\n );\n })}\n </div>\n );\n };\n\n const handleFullscreen = () => {\n const target = sectionRef.current;\n if (!target) return;\n\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n\n target.requestFullscreen?.().catch(() => {});\n };\n\n const scrollStageToBottom = useCallback(() => {\n const stageLayerElement = stageLayerRef.current;\n\n if (!stageLayerElement) {\n return;\n }\n\n // Keep the latest content visible after manual player navigation.\n stageLayerElement.scrollTo({\n top: stageLayerElement.scrollHeight,\n behavior: \"smooth\",\n });\n }, []);\n\n const handlePrev = useCallback(() => {\n shouldScrollToBottomRef.current = true;\n pendingInteractionOverlayStepIndexRef.current = null;\n setHasPlayerInteracted(true);\n setIsAudioLoadingVisible(false);\n showPlayerControls(true);\n resetAudioSequence();\n goPrev();\n }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n const handleNext = useCallback(() => {\n shouldScrollToBottomRef.current = true;\n pendingInteractionOverlayStepIndexRef.current = null;\n setHasPlayerInteracted(true);\n setIsAudioLoadingVisible(false);\n showPlayerControls(true);\n resetAudioSequence();\n goNext();\n }, [goNext, resetAudioSequence, showPlayerControls]);\n\n const handlePlayerLoadingChange = useCallback(\n (loading: boolean) => {\n if (hasCurrentStepAudioUrl) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n setIsAudioLoadingVisible(loading);\n },\n [\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n hasCurrentStepAudioUrl,\n ]\n );\n\n const handlePlayerEnded = useCallback(\n (audioIndex: number) => {\n const endedAudioKey = audioList[audioIndex]?.audioKey;\n\n if (!endedAudioKey || !currentAudioKey) {\n return;\n }\n\n if (endedAudioKey !== currentAudioKey) {\n return;\n }\n\n const activeSequencePosition = currentAudioSequenceKeys.findIndex(\n (audioSequenceKey) => audioSequenceKey === endedAudioKey\n );\n if (activeSequencePosition < 0) {\n setCurrentAudioKey(null);\n return;\n }\n\n const nextSequencePosition = activeSequencePosition + 1;\n const nextAudioKey = currentAudioSequenceKeys[nextSequencePosition];\n\n if (nextAudioKey) {\n setCurrentAudioKey(nextAudioKey);\n return;\n }\n\n setCurrentAudioKey(null);\n setHasCompletedCurrentStepAudio(true);\n setIsAudioLoadingVisible(false);\n\n if (canGoNext) {\n const nextStepIndex = currentIndex + 1;\n const nextStepElement = slideElementList[nextStepIndex];\n\n if (hasCurrentStepAudioUrl && nextStepElement?.type === \"interaction\") {\n pendingInteractionOverlayStepIndexRef.current = nextStepIndex;\n }\n\n goNext();\n }\n },\n [\n audioList,\n canGoNext,\n currentIndex,\n currentAudioKey,\n currentAudioSequenceKeys,\n goNext,\n hasCurrentStepAudioUrl,\n slideElementList,\n ]\n );\n\n const handleInteractionToggle = useCallback(() => {\n if (!activeInteractionElement) {\n return;\n }\n\n setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n }, [activeInteractionElement]);\n\n const stopOverlayPropagation = useCallback(\n (\n event:\n | React.PointerEvent<HTMLDivElement>\n | React.MouseEvent<HTMLDivElement>\n ) => {\n event.stopPropagation();\n\n // Keep the player visible a bit longer when users interact with the overlay.\n if (playerVisible) {\n showPlayerControls(true);\n }\n },\n [isPlayerVisible, showPlayerControls]\n );\n\n const handleSurfacePointerDown = useCallback(\n (event: React.PointerEvent<HTMLElement>) => {\n onPointerDown?.(event);\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n },\n [onPointerDown, showPlayerControls]\n );\n\n const shouldShowInteractionOverlay =\n Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n const currentRenderElementKeys = useMemo(\n () =>\n currentElementList.map(\n (element, index) =>\n `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n ),\n [currentElementList]\n );\n\n useEffect(() => {\n const prevKeys = prevRenderElementKeysRef.current;\n const hasStablePrefix =\n prevKeys.length > 0 &&\n prevKeys.length < currentRenderElementKeys.length &&\n prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n const appendedElements = hasStablePrefix\n ? currentElementList.slice(prevKeys.length)\n : [];\n const shouldAutoScrollToAppend = appendedElements.some(\n (element) => element.is_new === false\n );\n\n prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n if (!shouldAutoScrollToAppend) {\n return;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n const stageLayerElement = stageLayerRef.current;\n const targetElement = lastElementRef.current;\n\n if (!stageLayerElement || !targetElement) {\n return;\n }\n\n const stageLayerRect = stageLayerElement.getBoundingClientRect();\n const targetRect = targetElement.getBoundingClientRect();\n const nextScrollTop =\n stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n // Keep newly appended content visible when the current slide grows downward.\n stageLayerElement.scrollTo({\n top: Math.max(nextScrollTop, 0),\n behavior: \"smooth\",\n });\n });\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n };\n }, [currentElementList, currentRenderElementKeys]);\n\n useEffect(() => {\n if (!shouldScrollToBottomRef.current) {\n return;\n }\n\n shouldScrollToBottomRef.current = false;\n\n if (currentElementList.length === 0) {\n return;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n scrollStageToBottom();\n });\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n };\n }, [currentElementList, scrollStageToBottom]);\n\n return (\n <section\n ref={sectionRef}\n className={cn(\"relative h-full w-full\", className)}\n onPointerDown={handleSurfacePointerDown}\n {...props}\n >\n <div\n className={cn(\n \"h-full min-h-0 w-full\",\n isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n )}\n >\n {currentElementList.length > 0 ? (\n <div className=\"slide-stage\">\n <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n {mountedStepStates.map(\n (mountedStepState, mountedStepStateIndex) => {\n const isActiveStep =\n mountedStepStateIndex === currentMountedStateIndex;\n\n return (\n <div\n key={\n mountedStepState.sourceStepIndexes[0] ??\n mountedStepStateIndex\n }\n aria-hidden={!isActiveStep || undefined}\n className=\"w-full h-full\"\n style={{ display: isActiveStep ? undefined : \"none\" }}\n >\n {renderSlideElementList(\n mountedStepState.elementList,\n isActiveStep\n )}\n </div>\n );\n }\n )}\n </div>\n </div>\n ) : null}\n </div>\n\n {isAudioLoadingVisible ? (\n <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\">\n <LoaderCircle className=\"size-5 animate-spin text-background\" />\n <span>{bufferingText}</span>\n </div>\n ) : null}\n\n {shouldShowInteractionOverlay ? (\n <div\n className={cn(\n \"slide-interaction-overlay\",\n playerVisible && shouldRenderPlayer\n ? \"slide-interaction-overlay--with-player\"\n : \"slide-interaction-overlay--standalone\"\n )}\n onClick={stopOverlayPropagation}\n onPointerDown={stopOverlayPropagation}\n style={interactionOverlayStyle}\n >\n <InteractionOverlayCard\n content={String(activeInteractionElement?.content ?? \"\")}\n defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n defaultInputText={interactionDefaults.inputText ?? \"\"}\n defaultSelectedValues={interactionDefaultSelectedValues}\n confirmButtonText={interactionTexts?.confirmButtonText}\n copyButtonText={interactionTexts?.copyButtonText}\n copiedButtonText={interactionTexts?.copiedButtonText}\n onSend={handleInteractionSend}\n readonly={isInteractionReadonly}\n title={\n interactionTexts?.title ??\n interactionTitle ??\n \"Submit the content below to continue.\"\n }\n />\n </div>\n ) : null}\n\n {shouldRenderPlayer ? (\n <Player\n audioList={audioList}\n className={cn(\n \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n playerClassName,\n !playerVisible && \"pointer-events-none opacity-0\"\n )}\n currentAudioIndex={currentAudioIndex}\n defaultPlaying\n hasInteraction={Boolean(activeInteractionElement)}\n isInteractionOpen={isInteractionOverlayOpen}\n onLoadingChange={handlePlayerLoadingChange}\n nextDisabled={!canGoNext}\n onEnded={handlePlayerEnded}\n onFullscreen={handleFullscreen}\n onInteractionToggle={handleInteractionToggle}\n onNext={handleNext}\n onPrev={handlePrev}\n prevDisabled={!canGoPrev}\n showControls={playerVisible}\n customActions={playerCustomActions}\n />\n ) : null}\n </section>\n );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","playerCustomActions","bufferingText","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","pendingInteractionOverlayStepIndexRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","currentAudioSequenceKeys","audioIndex","audioKey","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","currentAudioKey","setCurrentAudioKey","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","playerCustomActionCount","getPlayerCustomActionCount","interactionOverlayStyle","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioIndex","audioItem","currentAudioSequenceStartKey","currentInteractionResetKey","currentPlaybackResetKey","hasCurrentStepAudioUrl","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioKey","continueAfterInteraction","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","shouldOpenInteractionOverlayAfterAudio","shouldPresentInteractionOverlay","interactionDefaults","shouldPreferResolvedInteractionInput","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","options","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerLoadingChange","loading","handlePlayerEnded","endedAudioKey","activeSequencePosition","audioSequenceKey","nextSequencePosition","nextStepIndex","nextStepElement","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","LoaderCircle","Player"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Slide.es.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { LoaderCircle } from \"lucide-react\";\n\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n getInteractionDefaultSelectedValues,\n getInteractionDefaultValues,\n type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport Player from \"./Player\";\nimport type { PlayerProps } from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport { shouldPresentInteractionOverlay } from \"./utils/interactionPlayback\";\nimport { getPlayerCustomActionCount } from \"./utils/playerCustomActions\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ntype RenderSlideElementOptions = {\n replaceRootScreenHeightWithFull?: boolean;\n};\n\ninterface InteractionOverlayCardProps {\n content: string;\n title: string;\n defaultButtonText?: string;\n defaultInputText?: string;\n defaultSelectedValues?: string[];\n confirmButtonText?: string;\n copyButtonText?: string;\n copiedButtonText?: string;\n onSend?: (content: OnSendContentParams) => void;\n readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts\n extends Pick<\n ContentRenderProps,\n \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n > {\n title?: string;\n}\n\nconst InteractionOverlayCard = memo(\n ({\n content,\n title,\n defaultButtonText,\n defaultInputText,\n defaultSelectedValues,\n confirmButtonText,\n copyButtonText,\n copiedButtonText,\n onSend,\n readonly = false,\n }: InteractionOverlayCardProps) => (\n <div className=\"slide-player__interaction-card\">\n <div className=\"slide-player__interaction-header\">\n <p className=\"slide-player__interaction-title\">{title}</p>\n </div>\n <div className=\"slide-player__interaction-body\">\n <ContentRender\n content={content}\n defaultButtonText={defaultButtonText}\n defaultInputText={defaultInputText}\n defaultSelectedValues={defaultSelectedValues}\n confirmButtonText={confirmButtonText}\n copyButtonText={copyButtonText}\n copiedButtonText={copiedButtonText}\n onSend={onSend}\n readonly={readonly}\n enableTypewriter={false}\n sandboxMode=\"content\"\n />\n </div>\n <div className=\"slide-player__interaction-arrow\" />\n </div>\n )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n prevElementList: Element[],\n nextElementList: Element[]\n) =>\n prevElementList.length === nextElementList.length &&\n prevElementList.every((element, index) => {\n const nextElement = nextElementList[index];\n\n return (\n element.sequence_number === nextElement?.sequence_number &&\n element.type === nextElement?.type &&\n element.content === nextElement?.content\n );\n });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n elementList?: Element[];\n showPlayer?: boolean;\n playerAlwaysVisible?: boolean;\n playerClassName?: string;\n playerCustomActions?: PlayerProps[\"customActions\"];\n bufferingText?: string;\n interactionTitle?: string;\n interactionTexts?: SlideInteractionTexts;\n playerAutoHideDelay?: number;\n interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n onSend?: (content: OnSendContentParams, element?: Element) => void;\n onPlayerVisibilityChange?: (visible: boolean) => void;\n onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n elementList = [],\n showPlayer = true,\n playerAlwaysVisible = false,\n playerClassName,\n playerCustomActions,\n bufferingText = \"Buffering...\",\n interactionTitle,\n interactionTexts,\n playerAutoHideDelay = 3000,\n interactionDefaultValueOptions,\n onSend,\n onPlayerVisibilityChange,\n onStepChange,\n className,\n onPointerDown,\n ...props\n}) => {\n const sectionRef = useRef<HTMLElement | null>(null);\n const stageLayerRef = useRef<HTMLDivElement | null>(null);\n const lastElementRef = useRef<HTMLDivElement | null>(null);\n const playerHideTimerRef = useRef<number | null>(null);\n const autoAdvanceTimerRef = useRef<number | null>(null);\n const interactionAutoCloseTimerRef = useRef<number | null>(null);\n const prevRenderElementKeysRef = useRef<string[]>([]);\n const shouldScrollToBottomRef = useRef(false);\n const pendingInteractionOverlayStepIndexRef = useRef<number | null>(null);\n const {\n currentElementList,\n stepElementLists,\n slideElementList,\n currentIndex,\n audioList,\n currentAudioSequenceIndexes,\n currentStepHasSpeakableElement,\n currentInteractionElement,\n canGoPrev,\n canGoNext,\n handlePrev: goPrev,\n handleNext: goNext,\n } = useSlide(elementList);\n const currentStepElement = useMemo(() => {\n if (currentIndex < 0) {\n return undefined;\n }\n\n return slideElementList[currentIndex];\n }, [currentIndex, slideElementList]);\n const visibleMarkerCount = slideElementList.filter(\n (element) => element.is_renderable !== false\n ).length;\n const isSingleSlide = visibleMarkerCount === 1;\n const shouldRenderPlayer =\n showPlayer &&\n (slideElementList.length > 0 ||\n audioList.length > 0 ||\n Boolean(currentInteractionElement));\n const currentAudioSequenceKeys = useMemo(\n () =>\n currentAudioSequenceIndexes\n .map((audioIndex) => audioList[audioIndex]?.audioKey)\n .filter((audioKey): audioKey is string => Boolean(audioKey)),\n [audioList, currentAudioSequenceIndexes]\n );\n const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n const [currentAudioKey, setCurrentAudioKey] = useState<string | null>(null);\n const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n useState(false);\n const [activeInteractionElement, setActiveInteractionElement] = useState<\n Element | undefined\n >();\n const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n useState(false);\n const playerVisible =\n shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n const playerCustomActionCount = useMemo(\n () => getPlayerCustomActionCount(playerCustomActions),\n [playerCustomActions]\n );\n const interactionOverlayStyle = useMemo(\n () =>\n ({\n \"--slide-player-custom-action-count\": String(playerCustomActionCount),\n }) as React.CSSProperties,\n [playerCustomActionCount]\n );\n const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n const nextMountedStepStates: Array<{\n elementList: Element[];\n sourceStepIndexes: number[];\n }> = [];\n const mountedStateIndexByStep = new Map<number, number>();\n\n stepElementLists.forEach((stepElementList, stepIndex) => {\n const existingMountedStateIndex = nextMountedStepStates.findIndex(\n (mountedStepState) =>\n areStepElementListsEqual(\n mountedStepState.elementList,\n stepElementList\n )\n );\n\n if (existingMountedStateIndex >= 0) {\n nextMountedStepStates[\n existingMountedStateIndex\n ]?.sourceStepIndexes.push(stepIndex);\n mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n return;\n }\n\n nextMountedStepStates.push({\n elementList: stepElementList,\n sourceStepIndexes: [stepIndex],\n });\n mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n });\n\n return {\n mountedStepStates: nextMountedStepStates,\n currentMountedStateIndex:\n currentIndex >= 0\n ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n : -1,\n };\n }, [currentIndex, stepElementLists]);\n const currentStepKey = useMemo(() => String(currentIndex), [currentIndex]);\n const currentAudioIndex = useMemo(() => {\n if (!currentAudioKey) {\n return -1;\n }\n\n return audioList.findIndex(\n (audioItem) => (audioItem.audioKey ?? \"\") === currentAudioKey\n );\n }, [audioList, currentAudioKey]);\n const currentAudioSequenceStartKey = useMemo(\n () => currentAudioSequenceKeys[0] ?? \"none\",\n [currentAudioSequenceKeys]\n );\n const currentInteractionResetKey = useMemo(() => {\n if (!currentInteractionElement) {\n return \"none\";\n }\n\n return `${currentInteractionElement.sequence_number ?? \"none\"}:${String(\n currentInteractionElement.content ?? \"\"\n )}`;\n }, [currentInteractionElement]);\n const currentPlaybackResetKey = useMemo(\n () => [currentStepKey, currentInteractionResetKey].join(\"|\"),\n [currentInteractionResetKey, currentStepKey]\n );\n const currentStepAudioUrl = useMemo(() => {\n if (\n !currentAudioSequenceStartKey ||\n currentAudioSequenceStartKey === \"none\"\n ) {\n return \"\";\n }\n\n const currentStepAudioItem = audioList.find(\n (audioItem) => audioItem.audioKey === currentAudioSequenceStartKey\n );\n\n return currentStepAudioItem?.audioUrl?.trim() ?? \"\";\n }, [audioList, currentAudioSequenceStartKey]);\n const hasCurrentStepAudioUrl = Boolean(currentStepAudioUrl);\n\n const clearPlayerHideTimer = useCallback(() => {\n if (playerHideTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(playerHideTimerRef.current);\n playerHideTimerRef.current = null;\n }, []);\n\n const clearInteractionAutoCloseTimer = useCallback(() => {\n if (interactionAutoCloseTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(interactionAutoCloseTimerRef.current);\n interactionAutoCloseTimerRef.current = null;\n }, []);\n\n const clearAutoAdvanceTimer = useCallback(() => {\n if (autoAdvanceTimerRef.current === null) {\n return;\n }\n\n window.clearTimeout(autoAdvanceTimerRef.current);\n autoAdvanceTimerRef.current = null;\n }, []);\n\n const resetAudioSequence = useCallback(() => {\n clearAutoAdvanceTimer();\n clearInteractionAutoCloseTimer();\n setCurrentAudioKey(null);\n setIsAudioLoadingVisible(false);\n setHasCompletedCurrentStepAudio(false);\n setActiveInteractionElement(undefined);\n setIsInteractionOverlayOpen(false);\n }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n const startCurrentAudioSequence = useCallback(() => {\n const nextAudioKey = currentAudioSequenceKeys[0];\n\n if (!nextAudioKey) {\n return false;\n }\n\n // Start the first audio segment for the current step immediately.\n setCurrentAudioKey(nextAudioKey);\n return true;\n }, [currentAudioSequenceKeys]);\n\n const continueAfterInteraction = useCallback(() => {\n clearInteractionAutoCloseTimer();\n setIsInteractionOverlayOpen(false);\n\n if (startCurrentAudioSequence()) {\n return;\n }\n\n if (canGoNext) {\n goNext();\n }\n }, [\n canGoNext,\n clearInteractionAutoCloseTimer,\n goNext,\n startCurrentAudioSequence,\n ]);\n\n const showPlayerControls = useCallback(\n (enableAutoHide = hasPlayerInteracted) => {\n if (!shouldRenderPlayer) {\n return;\n }\n\n setIsPlayerVisible(true);\n clearPlayerHideTimer();\n\n if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n return;\n }\n\n playerHideTimerRef.current = window.setTimeout(() => {\n setIsPlayerVisible(false);\n playerHideTimerRef.current = null;\n }, playerAutoHideDelay);\n },\n [\n clearPlayerHideTimer,\n hasPlayerInteracted,\n playerAlwaysVisible,\n playerAutoHideDelay,\n shouldRenderPlayer,\n ]\n );\n\n const hasResolvedCurrentInteraction = Boolean(\n currentInteractionElement?.readonly ||\n currentInteractionElement?.user_input?.trim()\n );\n\n const shouldBlockPlaybackForInteraction =\n Boolean(currentInteractionElement) && !hasResolvedCurrentInteraction;\n\n useEffect(() => {\n return () => {\n clearAutoAdvanceTimer();\n clearPlayerHideTimer();\n clearInteractionAutoCloseTimer();\n };\n }, [\n clearAutoAdvanceTimer,\n clearInteractionAutoCloseTimer,\n clearPlayerHideTimer,\n ]);\n\n useEffect(() => {\n onPlayerVisibilityChange?.(playerVisible);\n\n return () => {\n onPlayerVisibilityChange?.(false);\n };\n }, [onPlayerVisibilityChange, playerVisible]);\n\n useEffect(() => {\n onStepChange?.(currentStepElement, currentIndex);\n }, [currentIndex, currentStepElement, onStepChange]);\n\n useEffect(() => {\n if (!shouldRenderPlayer) {\n clearPlayerHideTimer();\n setIsPlayerVisible(false);\n return;\n }\n\n if (playerAlwaysVisible) {\n clearPlayerHideTimer();\n setIsPlayerVisible(true);\n return;\n }\n\n if (!hasPlayerInteracted) {\n // Keep the initial player visible briefly, then hide it automatically.\n showPlayerControls(true);\n }\n }, [\n clearPlayerHideTimer,\n hasPlayerInteracted,\n playerAlwaysVisible,\n shouldRenderPlayer,\n showPlayerControls,\n ]);\n\n useEffect(() => {\n if (typeof window === \"undefined\") {\n return;\n }\n\n const handleSandboxInteraction = (event: MessageEvent) => {\n if (event.origin !== window.location.origin) {\n return;\n }\n\n if (!isSandboxInteractionMessage(event.data)) {\n return;\n }\n\n if (!shouldRenderPlayer) {\n return;\n }\n\n // Restore player controls without blocking native iframe scrolling.\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n };\n\n window.addEventListener(\"message\", handleSandboxInteraction);\n\n return () => {\n window.removeEventListener(\"message\", handleSandboxInteraction);\n };\n }, [shouldRenderPlayer, showPlayerControls]);\n\n useWakePlayerFromIframe({\n sectionRef,\n enabled: shouldRenderPlayer,\n onWake: () => {\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n },\n });\n\n useEffect(() => {\n const shouldOpenInteractionOverlayAfterAudio =\n pendingInteractionOverlayStepIndexRef.current === currentIndex &&\n Boolean(currentInteractionElement);\n const shouldPresentOverlay = shouldPresentInteractionOverlay({\n hasInteraction: Boolean(currentInteractionElement),\n shouldBlockPlaybackForInteraction,\n shouldOpenInteractionOverlayAfterAudio,\n hasResolvedCurrentInteraction,\n currentStepHasSpeakableElement,\n });\n\n resetAudioSequence();\n\n if (currentElementList.length === 0 && !currentInteractionElement) {\n return;\n }\n\n if (shouldPresentOverlay) {\n // Re-open history interaction checkpoints so manual prev/next still reveals the overlay.\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(true);\n pendingInteractionOverlayStepIndexRef.current = null;\n return;\n }\n\n if (currentInteractionElement) {\n setActiveInteractionElement(currentInteractionElement);\n setIsInteractionOverlayOpen(false);\n pendingInteractionOverlayStepIndexRef.current = null;\n }\n\n if (startCurrentAudioSequence()) {\n return;\n }\n\n if (currentStepHasSpeakableElement) {\n setIsAudioLoadingVisible(true);\n return;\n }\n\n if (!canGoNext) {\n return;\n }\n\n // Auto-advance silent marker-only steps so playback flow does not stall.\n autoAdvanceTimerRef.current = window.setTimeout(() => {\n autoAdvanceTimerRef.current = null;\n goNext();\n }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n return () => {\n clearAutoAdvanceTimer();\n };\n }, [\n canGoNext,\n clearAutoAdvanceTimer,\n currentElementList.length,\n currentInteractionElement,\n currentPlaybackResetKey,\n currentStepHasSpeakableElement,\n goNext,\n hasResolvedCurrentInteraction,\n shouldBlockPlaybackForInteraction,\n resetAudioSequence,\n startCurrentAudioSequence,\n ]);\n\n useEffect(() => {\n if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (hasCompletedCurrentStepAudio) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (currentAudioSequenceKeys.length === 0) {\n setIsAudioLoadingVisible(true);\n }\n }, [\n currentAudioSequenceKeys.length,\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n shouldBlockPlaybackForInteraction,\n ]);\n\n useEffect(() => {\n if (currentAudioKey || currentAudioSequenceKeys.length === 0) {\n return;\n }\n\n if (!currentStepHasSpeakableElement || shouldBlockPlaybackForInteraction) {\n return;\n }\n\n if (hasCompletedCurrentStepAudio) {\n return;\n }\n\n startCurrentAudioSequence();\n }, [\n currentAudioKey,\n currentAudioSequenceKeys,\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n shouldBlockPlaybackForInteraction,\n startCurrentAudioSequence,\n ]);\n\n useEffect(() => {\n if (!currentAudioKey || currentAudioIndex >= 0) {\n return;\n }\n\n setCurrentAudioKey(null);\n }, [currentAudioIndex, currentAudioKey]);\n\n useEffect(() => {\n if (!hasCurrentStepAudioUrl) {\n return;\n }\n\n // Treat the arrived audio URL as ready and hide the buffering overlay.\n setIsAudioLoadingVisible(false);\n }, [hasCurrentStepAudioUrl]);\n\n const interactionDefaults = useMemo(() => {\n if (!activeInteractionElement) {\n return {};\n }\n\n const shouldPreferResolvedInteractionInput = Boolean(\n activeInteractionElement.user_input?.trim()\n );\n\n return getInteractionDefaultValues(\n typeof activeInteractionElement.content === \"string\"\n ? activeInteractionElement.content\n : undefined,\n activeInteractionElement.user_input,\n shouldPreferResolvedInteractionInput\n ? undefined\n : interactionDefaultValueOptions\n );\n }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n const interactionDefaultSelectedValues = useMemo(() => {\n if (!activeInteractionElement) {\n return undefined;\n }\n\n const shouldPreferResolvedInteractionInput = Boolean(\n activeInteractionElement.user_input?.trim()\n );\n\n return getInteractionDefaultSelectedValues(\n typeof activeInteractionElement.content === \"string\"\n ? activeInteractionElement.content\n : undefined,\n activeInteractionElement.user_input,\n shouldPreferResolvedInteractionInput\n ? undefined\n : interactionDefaultValueOptions\n );\n }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n const hasResolvedInteractionInput = Boolean(\n activeInteractionElement?.user_input?.trim()\n );\n\n const isInteractionReadonly =\n Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n const shouldAutoContinueInteraction =\n isInteractionReadonly || hasResolvedInteractionInput;\n\n const handleInteractionSend = useCallback(\n (content: OnSendContentParams) => {\n const submittedValues = [\n ...(content.selectedValues ?? []),\n content.inputText?.trim() ?? \"\",\n content.buttonText?.trim() ?? \"\",\n ].filter(Boolean);\n const resolvedUserInput = submittedValues.join(\", \");\n\n setActiveInteractionElement((prevElement) => {\n if (!prevElement || !resolvedUserInput) {\n return prevElement;\n }\n\n return {\n ...prevElement,\n user_input: resolvedUserInput,\n };\n });\n\n onSend?.(content, activeInteractionElement);\n continueAfterInteraction();\n },\n [activeInteractionElement, continueAfterInteraction, onSend]\n );\n\n useEffect(() => {\n clearInteractionAutoCloseTimer();\n\n if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n return;\n }\n\n // Auto-close passive interaction checkpoints to keep playback moving.\n interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n interactionAutoCloseTimerRef.current = null;\n\n continueAfterInteraction();\n }, 2000);\n\n return () => {\n clearInteractionAutoCloseTimer();\n };\n }, [\n clearInteractionAutoCloseTimer,\n continueAfterInteraction,\n isInteractionOverlayOpen,\n shouldAutoContinueInteraction,\n ]);\n\n const renderSlideElement = (\n element?: Element,\n options: RenderSlideElementOptions = {}\n ) => {\n if (!element) {\n return null;\n }\n\n if (element.type === \"slot\") {\n return <>{element.content}</>;\n }\n\n if (element.type === \"html\") {\n return (\n <IframeSandbox\n className=\"content-render-iframe\"\n hideFullScreen\n mode=\"blackboard\"\n replaceRootScreenHeightWithFull={\n options.replaceRootScreenHeightWithFull\n }\n type=\"sandbox\"\n content={element.content as string}\n />\n );\n }\n\n return (\n <IframeSandbox\n className=\"content-render-iframe\"\n hideFullScreen\n mode=\"blackboard\"\n type=\"markdown\"\n content={element.content as string}\n />\n );\n };\n\n const renderSlideElementList = (\n elementList: Element[] = [],\n isActiveStep = false\n ) => {\n if (elementList.length === 0) {\n return null;\n }\n\n const visibleElementCount = elementList.filter(\n (element) => element.is_renderable !== false\n ).length;\n const lastVisibleElementIndex = elementList.reduce(\n (lastVisibleIndex, element, index) =>\n element.is_renderable !== false ? index : lastVisibleIndex,\n -1\n );\n\n return (\n <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n {elementList.map((element, index) => {\n const isPreRenderedHtml =\n element.type === \"html\" && element.is_renderable === false;\n\n return (\n <div\n key={element.sequence_number ?? `${element.type}-${index}`}\n ref={\n isActiveStep && index === lastVisibleElementIndex\n ? lastElementRef\n : null\n }\n aria-hidden={isPreRenderedHtml || undefined}\n className={cn(\n \"w-full shrink-0\",\n visibleElementCount === 1 &&\n element.is_renderable !== false &&\n \"slide-element--single\",\n isPreRenderedHtml\n ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n : element.is_renderable === false && \"hidden\"\n )}\n >\n {renderSlideElement(element, {\n replaceRootScreenHeightWithFull:\n visibleElementCount === 1 &&\n element.type === \"html\" &&\n element.is_renderable !== false,\n })}\n </div>\n );\n })}\n </div>\n );\n };\n\n const handleFullscreen = () => {\n const target = sectionRef.current;\n if (!target) return;\n\n if (document.fullscreenElement) {\n document.exitFullscreen().catch(() => {});\n return;\n }\n\n target.requestFullscreen?.().catch(() => {});\n };\n\n const scrollStageToBottom = useCallback(() => {\n const stageLayerElement = stageLayerRef.current;\n\n if (!stageLayerElement) {\n return;\n }\n\n // Keep the latest content visible after manual player navigation.\n stageLayerElement.scrollTo({\n top: stageLayerElement.scrollHeight,\n behavior: \"smooth\",\n });\n }, []);\n\n const handlePrev = useCallback(() => {\n shouldScrollToBottomRef.current = true;\n pendingInteractionOverlayStepIndexRef.current = null;\n setHasPlayerInteracted(true);\n setIsAudioLoadingVisible(false);\n showPlayerControls(true);\n resetAudioSequence();\n goPrev();\n }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n const handleNext = useCallback(() => {\n shouldScrollToBottomRef.current = true;\n pendingInteractionOverlayStepIndexRef.current = null;\n setHasPlayerInteracted(true);\n setIsAudioLoadingVisible(false);\n showPlayerControls(true);\n resetAudioSequence();\n goNext();\n }, [goNext, resetAudioSequence, showPlayerControls]);\n\n const handlePlayerLoadingChange = useCallback(\n (loading: boolean) => {\n if (hasCurrentStepAudioUrl) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n setIsAudioLoadingVisible(false);\n return;\n }\n\n setIsAudioLoadingVisible(loading);\n },\n [\n currentStepHasSpeakableElement,\n hasCompletedCurrentStepAudio,\n hasCurrentStepAudioUrl,\n ]\n );\n\n const handlePlayerEnded = useCallback(\n (audioIndex: number) => {\n const endedAudioKey = audioList[audioIndex]?.audioKey;\n\n if (!endedAudioKey || !currentAudioKey) {\n return;\n }\n\n if (endedAudioKey !== currentAudioKey) {\n return;\n }\n\n const activeSequencePosition = currentAudioSequenceKeys.findIndex(\n (audioSequenceKey) => audioSequenceKey === endedAudioKey\n );\n if (activeSequencePosition < 0) {\n setCurrentAudioKey(null);\n return;\n }\n\n const nextSequencePosition = activeSequencePosition + 1;\n const nextAudioKey = currentAudioSequenceKeys[nextSequencePosition];\n\n if (nextAudioKey) {\n setCurrentAudioKey(nextAudioKey);\n return;\n }\n\n setCurrentAudioKey(null);\n setHasCompletedCurrentStepAudio(true);\n setIsAudioLoadingVisible(false);\n\n if (canGoNext) {\n const nextStepIndex = currentIndex + 1;\n const nextStepElement = slideElementList[nextStepIndex];\n\n if (hasCurrentStepAudioUrl && nextStepElement?.type === \"interaction\") {\n pendingInteractionOverlayStepIndexRef.current = nextStepIndex;\n }\n\n goNext();\n }\n },\n [\n audioList,\n canGoNext,\n currentIndex,\n currentAudioKey,\n currentAudioSequenceKeys,\n goNext,\n hasCurrentStepAudioUrl,\n slideElementList,\n ]\n );\n\n const handleInteractionToggle = useCallback(() => {\n if (!activeInteractionElement) {\n return;\n }\n\n setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n }, [activeInteractionElement]);\n\n const stopOverlayPropagation = useCallback(\n (\n event:\n | React.PointerEvent<HTMLDivElement>\n | React.MouseEvent<HTMLDivElement>\n ) => {\n event.stopPropagation();\n\n // Keep the player visible a bit longer when users interact with the overlay.\n if (playerVisible) {\n showPlayerControls(true);\n }\n },\n [isPlayerVisible, showPlayerControls]\n );\n\n const handleSurfacePointerDown = useCallback(\n (event: React.PointerEvent<HTMLElement>) => {\n onPointerDown?.(event);\n setHasPlayerInteracted(true);\n showPlayerControls(true);\n },\n [onPointerDown, showPlayerControls]\n );\n\n const shouldShowInteractionOverlay =\n Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n const currentRenderElementKeys = useMemo(\n () =>\n currentElementList.map(\n (element, index) =>\n `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n ),\n [currentElementList]\n );\n\n useEffect(() => {\n const prevKeys = prevRenderElementKeysRef.current;\n const hasStablePrefix =\n prevKeys.length > 0 &&\n prevKeys.length < currentRenderElementKeys.length &&\n prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n const appendedElements = hasStablePrefix\n ? currentElementList.slice(prevKeys.length)\n : [];\n const shouldAutoScrollToAppend = appendedElements.some(\n (element) => element.is_new === false\n );\n\n prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n if (!shouldAutoScrollToAppend) {\n return;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n const stageLayerElement = stageLayerRef.current;\n const targetElement = lastElementRef.current;\n\n if (!stageLayerElement || !targetElement) {\n return;\n }\n\n const stageLayerRect = stageLayerElement.getBoundingClientRect();\n const targetRect = targetElement.getBoundingClientRect();\n const nextScrollTop =\n stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n // Keep newly appended content visible when the current slide grows downward.\n stageLayerElement.scrollTo({\n top: Math.max(nextScrollTop, 0),\n behavior: \"smooth\",\n });\n });\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n };\n }, [currentElementList, currentRenderElementKeys]);\n\n useEffect(() => {\n if (!shouldScrollToBottomRef.current) {\n return;\n }\n\n shouldScrollToBottomRef.current = false;\n\n if (currentElementList.length === 0) {\n return;\n }\n\n const animationFrameId = window.requestAnimationFrame(() => {\n scrollStageToBottom();\n });\n\n return () => {\n window.cancelAnimationFrame(animationFrameId);\n };\n }, [currentElementList, scrollStageToBottom]);\n\n return (\n <section\n ref={sectionRef}\n className={cn(\"relative h-full w-full\", className)}\n onPointerDown={handleSurfacePointerDown}\n {...props}\n >\n <div\n className={cn(\n \"h-full min-h-0 w-full\",\n isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n )}\n >\n {currentElementList.length > 0 ? (\n <div className=\"slide-stage\">\n <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n {mountedStepStates.map(\n (mountedStepState, mountedStepStateIndex) => {\n const isActiveStep =\n mountedStepStateIndex === currentMountedStateIndex;\n\n return (\n <div\n key={\n mountedStepState.sourceStepIndexes[0] ??\n mountedStepStateIndex\n }\n aria-hidden={!isActiveStep || undefined}\n className=\"w-full h-full\"\n style={{ display: isActiveStep ? undefined : \"none\" }}\n >\n {renderSlideElementList(\n mountedStepState.elementList,\n isActiveStep\n )}\n </div>\n );\n }\n )}\n </div>\n </div>\n ) : null}\n </div>\n\n {isAudioLoadingVisible ? (\n <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\">\n <LoaderCircle className=\"size-5 animate-spin text-background\" />\n <span>{bufferingText}</span>\n </div>\n ) : null}\n\n {shouldShowInteractionOverlay ? (\n <div\n className={cn(\n \"slide-interaction-overlay\",\n playerVisible && shouldRenderPlayer\n ? \"slide-interaction-overlay--with-player\"\n : \"slide-interaction-overlay--standalone\"\n )}\n onClick={stopOverlayPropagation}\n onPointerDown={stopOverlayPropagation}\n style={interactionOverlayStyle}\n >\n <InteractionOverlayCard\n content={String(activeInteractionElement?.content ?? \"\")}\n defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n defaultInputText={interactionDefaults.inputText ?? \"\"}\n defaultSelectedValues={interactionDefaultSelectedValues}\n confirmButtonText={interactionTexts?.confirmButtonText}\n copyButtonText={interactionTexts?.copyButtonText}\n copiedButtonText={interactionTexts?.copiedButtonText}\n onSend={handleInteractionSend}\n readonly={isInteractionReadonly}\n title={\n interactionTexts?.title ??\n interactionTitle ??\n \"Submit the content below to continue.\"\n }\n />\n </div>\n ) : null}\n\n {shouldRenderPlayer ? (\n <Player\n audioList={audioList}\n className={cn(\n \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n playerClassName,\n !playerVisible && \"pointer-events-none opacity-0\"\n )}\n currentAudioIndex={currentAudioIndex}\n defaultPlaying\n hasInteraction={Boolean(activeInteractionElement)}\n isInteractionOpen={isInteractionOverlayOpen}\n onLoadingChange={handlePlayerLoadingChange}\n nextDisabled={!canGoNext}\n onEnded={handlePlayerEnded}\n onFullscreen={handleFullscreen}\n onInteractionToggle={handleInteractionToggle}\n onNext={handleNext}\n onPrev={handlePrev}\n prevDisabled={!canGoPrev}\n showControls={playerVisible}\n customActions={playerCustomActions}\n />\n ) : null}\n </section>\n );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","playerCustomActions","bufferingText","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","pendingInteractionOverlayStepIndexRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","currentAudioSequenceKeys","audioIndex","audioKey","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","currentAudioKey","setCurrentAudioKey","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","playerCustomActionCount","getPlayerCustomActionCount","interactionOverlayStyle","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentStepKey","currentAudioIndex","audioItem","currentAudioSequenceStartKey","currentInteractionResetKey","currentPlaybackResetKey","hasCurrentStepAudioUrl","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioKey","continueAfterInteraction","showPlayerControls","enableAutoHide","hasResolvedCurrentInteraction","shouldBlockPlaybackForInteraction","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","shouldOpenInteractionOverlayAfterAudio","shouldPresentOverlay","shouldPresentInteractionOverlay","interactionDefaults","shouldPreferResolvedInteractionInput","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","options","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerLoadingChange","loading","handlePlayerEnded","endedAudioKey","activeSequencePosition","audioSequenceKey","nextSequencePosition","nextStepIndex","nextStepElement","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","LoaderCircle","Player"],"mappings":"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"}
|
|
@@ -74,5 +74,6 @@ export declare const StreamingSingleIframeSlide: Story;
|
|
|
74
74
|
export declare const StreamingSpeakableLoadingOnlySlide: Story;
|
|
75
75
|
export declare const FullViewportSingleSlideWithSSE: Story;
|
|
76
76
|
export declare const HistoryInteractionTriggeredSSE: Story;
|
|
77
|
+
export declare const InteractionTriggeredFixtureSwitchSSE: Story;
|
|
77
78
|
export declare const AudioSegmentsPlayback: Story;
|
|
78
79
|
export declare const StreamingSpeakableDelayedAudioSlide: Story;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=({hasInteraction:e,shouldBlockPlaybackForInteraction:r,shouldOpenInteractionOverlayAfterAudio:t,hasResolvedCurrentInteraction:n,currentStepHasSpeakableElement:u})=>e?r||t?!0:n?!u:!1:!1;exports.shouldPresentInteractionOverlay=i;
|
|
2
|
+
//# sourceMappingURL=interactionPlayback.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactionPlayback.cjs.js","sources":["../../../../src/components/Slide/utils/interactionPlayback.ts"],"sourcesContent":["interface ShouldPresentInteractionOverlayParams {\n hasInteraction: boolean;\n shouldBlockPlaybackForInteraction: boolean;\n shouldOpenInteractionOverlayAfterAudio: boolean;\n hasResolvedCurrentInteraction: boolean;\n currentStepHasSpeakableElement: boolean;\n}\n\nexport const shouldPresentInteractionOverlay = ({\n hasInteraction,\n shouldBlockPlaybackForInteraction,\n shouldOpenInteractionOverlayAfterAudio,\n hasResolvedCurrentInteraction,\n currentStepHasSpeakableElement,\n}: ShouldPresentInteractionOverlayParams) => {\n if (!hasInteraction) {\n return false;\n }\n\n if (shouldBlockPlaybackForInteraction) {\n return true;\n }\n\n if (shouldOpenInteractionOverlayAfterAudio) {\n return true;\n }\n\n if (!hasResolvedCurrentInteraction) {\n return false;\n }\n\n // Once a resolved interaction step starts receiving follow-up speech,\n // keep the overlay closed so the step can continue as normal playback.\n return !currentStepHasSpeakableElement;\n};\n"],"names":["shouldPresentInteractionOverlay","hasInteraction","shouldBlockPlaybackForInteraction","shouldOpenInteractionOverlayAfterAudio","hasResolvedCurrentInteraction","currentStepHasSpeakableElement"],"mappings":"gFAQO,MAAMA,EAAkC,CAAC,CAC9C,eAAAC,EACA,kCAAAC,EACA,uCAAAC,EACA,8BAAAC,EACA,+BAAAC,CACF,IACOJ,EAIDC,GAIAC,EACK,GAGJC,EAME,CAACC,EALC,GAZA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ShouldPresentInteractionOverlayParams {
|
|
2
|
+
hasInteraction: boolean;
|
|
3
|
+
shouldBlockPlaybackForInteraction: boolean;
|
|
4
|
+
shouldOpenInteractionOverlayAfterAudio: boolean;
|
|
5
|
+
hasResolvedCurrentInteraction: boolean;
|
|
6
|
+
currentStepHasSpeakableElement: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const shouldPresentInteractionOverlay: ({ hasInteraction, shouldBlockPlaybackForInteraction, shouldOpenInteractionOverlayAfterAudio, hasResolvedCurrentInteraction, currentStepHasSpeakableElement, }: ShouldPresentInteractionOverlayParams) => boolean;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const f = ({
|
|
2
|
+
hasInteraction: r,
|
|
3
|
+
shouldBlockPlaybackForInteraction: e,
|
|
4
|
+
shouldOpenInteractionOverlayAfterAudio: t,
|
|
5
|
+
hasResolvedCurrentInteraction: n,
|
|
6
|
+
currentStepHasSpeakableElement: u
|
|
7
|
+
}) => r ? e || t ? !0 : n ? !u : !1 : !1;
|
|
8
|
+
export {
|
|
9
|
+
f as shouldPresentInteractionOverlay
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=interactionPlayback.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interactionPlayback.es.js","sources":["../../../../src/components/Slide/utils/interactionPlayback.ts"],"sourcesContent":["interface ShouldPresentInteractionOverlayParams {\n hasInteraction: boolean;\n shouldBlockPlaybackForInteraction: boolean;\n shouldOpenInteractionOverlayAfterAudio: boolean;\n hasResolvedCurrentInteraction: boolean;\n currentStepHasSpeakableElement: boolean;\n}\n\nexport const shouldPresentInteractionOverlay = ({\n hasInteraction,\n shouldBlockPlaybackForInteraction,\n shouldOpenInteractionOverlayAfterAudio,\n hasResolvedCurrentInteraction,\n currentStepHasSpeakableElement,\n}: ShouldPresentInteractionOverlayParams) => {\n if (!hasInteraction) {\n return false;\n }\n\n if (shouldBlockPlaybackForInteraction) {\n return true;\n }\n\n if (shouldOpenInteractionOverlayAfterAudio) {\n return true;\n }\n\n if (!hasResolvedCurrentInteraction) {\n return false;\n }\n\n // Once a resolved interaction step starts receiving follow-up speech,\n // keep the overlay closed so the step can continue as normal playback.\n return !currentStepHasSpeakableElement;\n};\n"],"names":["shouldPresentInteractionOverlay","hasInteraction","shouldBlockPlaybackForInteraction","shouldOpenInteractionOverlayAfterAudio","hasResolvedCurrentInteraction","currentStepHasSpeakableElement"],"mappings":"AAQO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,gBAAAC;AAAA,EACA,mCAAAC;AAAA,EACA,wCAAAC;AAAA,EACA,+BAAAC;AAAA,EACA,gCAAAC;AACF,MACOJ,IAIDC,KAIAC,IACK,KAGJC,IAME,CAACC,IALC,KAZA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),u=require("../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.cjs.js");require("../../../_virtual/index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),u=require("../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.cjs.js");require("../../../_virtual/index.cjs6.js");require("../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.cjs.js");require("../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.cjs.js");require("../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/raf.cjs.js");const d=require("../../../lib/utils.cjs.js");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=c(s),i=l.forwardRef(({className:e,autoSize:t={minRows:1},style:r,...a},n)=>o.jsxRuntimeExports.jsx(u.default,{ref:n,autoSize:t,className:d.cn("border-input placeholder:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 w-full rounded-md border bg-transparent pl-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50","resize-none",e),style:{whiteSpace:"pre-wrap",wordBreak:"break-word",...r},...a}));i.displayName="Textarea";exports.Textarea=i;
|
|
2
2
|
//# sourceMappingURL=textarea.cjs.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as i } from "../../../_virtual/jsx-runtime.es.js";
|
|
2
2
|
import * as d from "react";
|
|
3
3
|
import n from "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.es.js";
|
|
4
|
-
import "../../../_virtual/index.
|
|
4
|
+
import "../../../_virtual/index.es6.js";
|
|
5
5
|
import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-resize-observer@1.4.3_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-resize-observer/es/index.es.js";
|
|
6
6
|
import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/hooks/useLayoutEffect.es.js";
|
|
7
7
|
import "../../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/raf.es.js";
|