@liforma/client 0.4.5 → 0.4.8

package/dist/react/index.js

@@ -234,6 +234,7 @@ function N(e = () => ({}), t = () => ({})) {
 				container: n,
 				fit: d.fit,
 				startButton: d.startButton,
+				theme: d.theme,
 				showFeedback: d.showFeedback,
 				closeButton: d.closeButton,
 				returnUrl: f,
@@ -327,42 +328,44 @@ function ee(e, t) {
 //#endregion
 //#region src/react/Experience.tsx
 var te = e(function(e, a) {
-	let { returnUrl: c, fit: l, startButton: u, showFeedback: p, closeButton: m, onReady: h, onStarted: g, onUserTranscript: y, onUserSpeechStarted: b, onUserSpeechEnded: x, onCharacterSpeechStarted: S, onCharacterSpeechEnded: C, onCharacterFocusChanged: w, onConversationUpdate: T, onMessage: E, onListeningState: k, onActivityChange: A, onFeedback: j, onFeedbackFailed: M, onConversationProcessorError: P, onPlayerStatusChange: F, onStateUpdate: I, onClose: te, onError: ne } = e, L = o({}), re = o({
+	let { returnUrl: c, fit: l, startButton: u, theme: p, showFeedback: m, closeButton: h, onReady: g, onStarted: y, onUserTranscript: b, onUserSpeechStarted: x, onUserSpeechEnded: S, onCharacterSpeechStarted: C, onCharacterSpeechEnded: w, onCharacterFocusChanged: T, onConversationUpdate: E, onMessage: k, onListeningState: A, onActivityChange: j, onFeedback: M, onFeedbackFailed: P, onConversationProcessorError: F, onPlayerStatusChange: I, onStateUpdate: te, onClose: ne, onError: L } = e, re = o({}), ie = o({
 		fit: l,
 		startButton: u,
-		showFeedback: p,
-		closeButton: m,
+		theme: p,
+		showFeedback: m,
+		closeButton: h,
 		returnUrl: c
-	}), R = o(N(() => L.current, () => re.current)), z = o(null), [ie, ae] = s(!1), [B, V] = s(null), oe = o(null), se = o(null), ce = v(e);
-	re.current = {
+	}), R = o(N(() => re.current, () => ie.current)), z = o(null), [B, ae] = s(!1), [V, oe] = s(null), se = o(null), ce = o(null), H = v(e);
+	ie.current = {
 		fit: l,
 		startButton: u,
-		showFeedback: p,
-		closeButton: m,
+		theme: p,
+		showFeedback: m,
+		closeButton: h,
 		returnUrl: c
-	}, L.current = {
-		onReady: h,
-		onStarted: g,
-		onUserTranscript: y,
-		onUserSpeechStarted: b,
-		onUserSpeechEnded: x,
-		onCharacterSpeechStarted: S,
-		onCharacterSpeechEnded: C,
-		onCharacterFocusChanged: w,
-		onConversationUpdate: T,
-		onMessage: E,
-		onListeningState: k,
-		onActivityChange: A,
-		onFeedback: j,
-		onFeedbackFailed: M,
-		onConversationProcessorError: P,
-		onPlayerStatusChange: F,
-		onStateUpdate: I,
-		onClose: te,
-		onError: ne
+	}, re.current = {
+		onReady: g,
+		onStarted: y,
+		onUserTranscript: b,
+		onUserSpeechStarted: x,
+		onUserSpeechEnded: S,
+		onCharacterSpeechStarted: C,
+		onCharacterSpeechEnded: w,
+		onCharacterFocusChanged: T,
+		onConversationUpdate: E,
+		onMessage: k,
+		onListeningState: A,
+		onActivityChange: j,
+		onFeedback: M,
+		onFeedbackFailed: P,
+		onConversationProcessorError: F,
+		onPlayerStatusChange: I,
+		onStateUpdate: te,
+		onClose: ne,
+		onError: L
 	};
-	let H = t((e) => {
-		oe.current = e, ae(e !== null);
+	let le = t((e) => {
+		se.current = e, ae(e !== null);
 	}, []);
 	return r(a, () => ({
 		ready: () => {
@@ -392,32 +395,33 @@ var te = e(function(e, a) {
 		focusCharacter: (e) => R.current.withSession((t) => t.focusCharacter(e)),
 		setFit: (e) => R.current.withSession((t) => t.setFit(e)),
 		conversion: (e) => R.current.withSession((t) => t.conversion(e)),
+		engage: () => R.current.withSession((e) => e.engage()),
 		end: () => R.current.withSession((e) => e.end())
 	}), []), i(() => {
-		if (!ie || !oe.current) return;
-		let t = oe.current, n = R.current, r;
+		if (!B || !se.current) return;
+		let t = se.current, n = R.current, r;
 		try {
 			r = { options: _(e) };
 		} catch (e) {
 			r = { error: O(e) };
 		}
-		let i = n.activateGeneration(t, r, c, V);
+		let i = n.activateGeneration(t, r, c, oe);
 		return z.current = i, () => {
 			n.cancelGeneration(i), z.current === i && (z.current = null);
 		};
 	}, [
-		ie,
-		ce,
+		B,
+		H,
 		c
 	]), n(() => {
 		let e = R.current.getActiveInstance();
 		e && e.setFit(l ?? "full");
 	}, [l]), n(() => {
-		let e = se.current;
-		if (!e || (e.replaceChildren(), !B)) return;
-		let t = ee(e, B);
+		let e = ce.current;
+		if (!e || (e.replaceChildren(), !V)) return;
+		let t = ee(e, V);
 		return () => t.remove();
-	}, [B]), /* @__PURE__ */ f("div", {
+	}, [V]), /* @__PURE__ */ f("div", {
 		className: "liforma-experience-shell",
 		style: {
 			position: "relative",
@@ -426,17 +430,17 @@ var te = e(function(e, a) {
 			minHeight: "inherit"
 		},
 		children: [/* @__PURE__ */ d("div", {
-			ref: se,
+			ref: ce,
 			className: "liforma-experience-error-host",
-			"aria-hidden": B ? void 0 : !0,
+			"aria-hidden": V ? void 0 : !0,
 			style: {
 				position: "absolute",
 				inset: 0,
 				zIndex: 20,
-				pointerEvents: B ? "auto" : "none"
+				pointerEvents: V ? "auto" : "none"
 			}
 		}), /* @__PURE__ */ d("div", {
-			ref: H,
+			ref: le,
 			className: "liforma-experience-host",
 			style: {
 				position: "absolute",
@@ -453,27 +457,27 @@ function ne(e) {
 }
 //#endregion
 //#region src/thumbnail/toGalleryThumbUrl.ts
-var L = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, re = /_CH(\.webp)/i, R = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
-function z(e) {
+var L = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, re = /_CH(\.webp)/i, ie = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
+function R(e) {
 	let t = e.trim();
 	if (!t) return t;
 	let n = t.replace(L, (e, t, n, r) => n === "256" ? `${t}${n}${r}` : `${t}256${r}`);
-	return n = n.replace(re, "_neutral$1"), n = n.replace(R, (e, t, n, r, i) => n === "256x256" ? `${t}${n}${r}${i}` : `${t}256x256${r}${i}`), n;
+	return n = n.replace(re, "_neutral$1"), n = n.replace(ie, (e, t, n, r, i) => n === "256x256" ? `${t}${n}${r}${i}` : `${t}256x256${r}${i}`), n;
 }
-function ie(e) {
+function z(e) {
 	let t = e.avatarImage?.trim() || e.galleryThumb?.avatarImage?.trim() || "";
 	if (!t) return null;
 	let n = e.backgroundImage?.trim() || e.galleryThumb?.backgroundImage?.trim() || "", r = e.foregroundImage?.trim() || e.galleryThumb?.foregroundImage?.trim() || "", i = e.fallbackImage?.trim() || "";
 	return {
-		avatarImage: z(t),
-		...n ? { backgroundImage: z(n) } : {},
-		...r ? { foregroundImage: z(r) } : {},
-		...i ? { fallbackImage: z(i) } : {}
+		avatarImage: R(t),
+		...n ? { backgroundImage: R(n) } : {},
+		...r ? { foregroundImage: R(r) } : {},
+		...i ? { fallbackImage: R(i) } : {}
 	};
 }
 //#endregion
 //#region src/shims/localStack.ts
-function ae() {
+function B() {
 	if (globalThis.__LIFORMA_STACK === "local") return !0;
 	if (typeof location > "u") return !1;
 	try {
@@ -484,13 +488,13 @@ function ae() {
 }
 //#endregion
 //#region src/thumbnail/hostedLaunchUrl.ts
-var B = "https://player.liforma.ai", V = "http://localhost:3002";
+var ae = "https://player.liforma.ai", V = "http://localhost:3002";
 function oe(e) {
 	return e.href?.trim() ? "anchor" : e.hasClickHandler ? "button" : e.experienceId?.trim() ? "anchor" : "presentational";
 }
 function se(e) {
 	let t = e?.trim();
-	return t ? t.replace(/\/$/, "") : ae() ? V : B;
+	return t ? t.replace(/\/$/, "") : B() ? V : ae;
 }
 function ce(e) {
 	let t = e.experienceId.trim(), n = se(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
@@ -671,7 +675,7 @@ function ke(e, t) {
 	return `${e} liforma-et__media${t ? " liforma-et__media--ready" : ""}`;
 }
 function Ae(e) {
-	let { galleryThumb: t, avatarImage: r, backgroundImage: i, foregroundImage: c, alt: l, experienceId: p, href: m, target: h, rel: g, onClick: _, returnUrl: v, playerBaseUrl: y, parallax: b = !0, fit: x = "full", lazy: S = !0, className: C = "", fallbackImage: w } = e, T = a(() => ie({
+	let { galleryThumb: t, avatarImage: r, backgroundImage: i, foregroundImage: c, alt: l, experienceId: p, href: m, target: h, rel: g, onClick: _, returnUrl: v, playerBaseUrl: y, parallax: b = !0, fit: x = "full", lazy: S = !0, className: C = "", fallbackImage: w } = e, T = a(() => z({
 		galleryThumb: t,
 		avatarImage: r,
 		backgroundImage: i,
@@ -687,7 +691,7 @@ function Ae(e) {
 		href: m,
 		hasClickHandler: typeof _ == "function",
 		experienceId: p
-	}), D = E === "anchor" && !m?.trim() && !!p?.trim(), O = !!T?.backgroundImage, k = b !== !1, A = o(null), j = o(!1), [M, N] = s(!S), [P, F] = s(!1), [I, ee] = s(!1), [te, L] = s(0), [re, R] = s(0), [z, ae] = s(!1), [B, V] = s(!1), [se, ce] = s(!1), [le, U] = s(!1), [ue, de] = s(), W = T ? z && T.fallbackImage ? T.fallbackImage : T.avatarImage : "";
+	}), D = E === "anchor" && !m?.trim() && !!p?.trim(), O = !!T?.backgroundImage, k = b !== !1, A = o(null), j = o(!1), [M, N] = s(!S), [P, F] = s(!1), [I, ee] = s(!1), [te, L] = s(0), [re, ie] = s(0), [R, B] = s(!1), [ae, V] = s(!1), [se, ce] = s(!1), [le, U] = s(!1), [ue, de] = s(), W = T ? R && T.fallbackImage ? T.fallbackImage : T.avatarImage : "";
 	n(() => {
 		Oe(Ee);
 	}, []), n(() => {
@@ -705,7 +709,7 @@ function Ae(e) {
 		y,
 		D
 	]), n(() => {
-		V(!1), ce(!1), U(!1), ae(!1);
+		V(!1), ce(!1), U(!1), B(!1);
 	}, [
 		T?.backgroundImage,
 		T?.foregroundImage,
@@ -730,7 +734,7 @@ function Ae(e) {
 		let e = A.current;
 		if (!(!e || !k)) return we(e, {
 			onParallax: (e) => {
-				ee(!0), j.current || (L(e), R(0));
+				ee(!0), j.current || (L(e), ie(0));
 			},
 			pointerActive: () => j.current
 		});
@@ -743,10 +747,10 @@ function Ae(e) {
 	let fe = (e) => {
 		if (!k || I) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		t.width <= 0 || t.height <= 0 || (L(((e.clientX - t.left) / t.width - .5) * 2), R(((e.clientY - t.top) / t.height - .5) * 2));
+		t.width <= 0 || t.height <= 0 || (L(((e.clientX - t.left) / t.width - .5) * 2), ie(((e.clientY - t.top) / t.height - .5) * 2));
 	}, pe = (e) => {
 		let t = j.current;
-		j.current = !1, F(!1), I && t ? (L(ye(e.getBoundingClientRect(), window.innerHeight)), R(0)) : I || (L(0), R(0));
+		j.current = !1, F(!1), I && t ? (L(ye(e.getBoundingClientRect(), window.innerHeight)), ie(0)) : I || (L(0), ie(0));
 	}, me = (e) => {
 		if (!k) return;
 		j.current = !0, e.pointerType === "mouse" && F(!0);
@@ -765,7 +769,7 @@ function Ae(e) {
 		}
 	};
 	if (!T) return null;
-	let ge = k && (P || I), ve = M && (se || B || le), G = [
+	let ge = k && (P || I), ve = M && (se || ae || le), G = [
 		"liforma-et",
 		O ? "liforma-et--scene" : "",
 		ne(x),
@@ -785,7 +789,7 @@ function Ae(e) {
 			"aria-hidden": "true"
 		}),
 		M && T.backgroundImage ? /* @__PURE__ */ d("img", {
-			className: ke("liforma-et__background", B),
+			className: ke("liforma-et__background", ae),
 			src: T.backgroundImage,
 			alt: "",
 			decoding: "async",
@@ -805,7 +809,7 @@ function Ae(e) {
 			},
 			onLoad: () => ce(!0),
 			onError: () => {
-				T.fallbackImage ? ae(!0) : ce(!0);
+				T.fallbackImage ? B(!0) : ce(!0);
 			}
 		}) : null,
 		M && T.foregroundImage ? /* @__PURE__ */ d("img", {
@@ -828,7 +832,7 @@ function Ae(e) {
 		},
 		onPointerMove: fe,
 		onPointerLeave: () => {
-			j.current || (F(!1), I || (L(0), R(0)));
+			j.current || (F(!1), I || (L(0), ie(0)));
 		}
 	}, q = (e) => {
 		A.current = e;
@@ -888,7 +892,7 @@ function Ie() {
 	return t ? t.replace(/\/$/, "") : null;
 }
 function Le() {
-	return Ie() || (ae() ? Fe : Pe);
+	return Ie() || (B() ? Fe : Pe);
 }
 //#endregion
 //#region src/v2/api/fetchExperiencePreview.ts
@@ -1332,7 +1336,7 @@ function xt(e) {
 function St(e, t, n) {
 	let r = e.trim();
 	if (!r) throw Error("createLaunchMessage requires a non-empty launch string.");
-	let i = n?.startButton, a = n?.showFeedback;
+	let i = n?.startButton, a = n?.theme, o = n?.showFeedback;
 	return {
 		type: "launch",
 		schemaVersion: 2,
@@ -1340,7 +1344,8 @@ function St(e, t, n) {
 			launch: r,
 			...t === void 0 ? {} : { session: t },
 			...i ? { startButton: i } : {},
-			...a === void 0 ? {} : { showFeedback: a }
+			...a ? { theme: a } : {},
+			...o === void 0 ? {} : { showFeedback: o }
 		}
 	};
 }
@@ -1783,6 +1788,13 @@ function Mt(e) {
 				}
 			});
 		},
+		engage() {
+			return C({
+				type: "engage",
+				schemaVersion: 2,
+				payload: { correlationId: Z() }
+			});
+		},
 		destroy() {
 			if (!r) {
 				r = !0, i && s(!1);
@@ -1819,7 +1831,7 @@ function It() {
 }
 function Lt() {
 	let e = It();
-	return e ? e.endsWith("/embed") ? e : `${e}/embed` : ae() ? Ft : Pt;
+	return e ? e.endsWith("/embed") ? e : `${e}/embed` : B() ? Ft : Pt;
 }
 function Rt(e, t) {
 	return e?.trim() || t?.trim() || void 0;
@@ -1856,6 +1868,7 @@ function Wt() {
 	return {
 		ready: /* @__PURE__ */ new Set(),
 		started: /* @__PURE__ */ new Set(),
+		sessionMinted: /* @__PURE__ */ new Set(),
 		userTranscript: /* @__PURE__ */ new Set(),
 		userSpeechStarted: /* @__PURE__ */ new Set(),
 		userSpeechEnded: /* @__PURE__ */ new Set(),
@@ -2532,6 +2545,7 @@ var An = class e {
 	eventRegistry = Wt();
 	readyEnvelope = null;
 	startedEnvelope = null;
+	sessionMintedEnvelope = null;
 	conversationCache = [];
 	speech;
 	constructor(e) {
@@ -2620,7 +2634,7 @@ var An = class e {
 	}
 	on(e, t) {
 		let n = Gt(this.eventRegistry, e, t);
-		return e === "ready" && this.readyEnvelope && queueMicrotask(() => t(this.readyEnvelope)), e === "started" && this.startedEnvelope && queueMicrotask(() => t(this.startedEnvelope)), n;
+		return e === "ready" && this.readyEnvelope && queueMicrotask(() => t(this.readyEnvelope)), e === "started" && this.startedEnvelope && queueMicrotask(() => t(this.startedEnvelope)), e === "sessionMinted" && this.sessionMintedEnvelope && queueMicrotask(() => t(this.sessionMintedEnvelope)), n;
 	}
 	async attach(e) {
 		if (this.closed) throw Error("Session has ended.");
@@ -2736,11 +2750,15 @@ var An = class e {
 		f.postParentHello();
 		let g = h?.launch ?? (this.bootstrap.kind === "launch" ? this.bootstrap.launch : null), _ = h?.session ?? (this.bootstrap.kind === "launch" ? this.bootstrap.session : void 0);
 		if (!g) throw f.destroy(), this.iframeHost === f && (this.iframeHost = null), Error("Session Launch response did not include a launch token.");
-		return this.launchToken = g, _ ? (this.resolvedSession = _, this.bootstrap.kind === "launch" && tt(_), f.postLaunch(g, _, {
+		this.launchToken = g;
+		let v = _ ?? (this.bootstrap.kind === "launch" ? this.bootstrap.session : void 0);
+		return v && !this.sessionMintedEnvelope && (this.resolvedSession = v, this.sessionMintedEnvelope = this.emitWrapped("sessionMinted", { session: v })), _ ? (this.resolvedSession = _, this.bootstrap.kind === "launch" && tt(_), f.postLaunch(g, _, {
 			startButton: e.startButton,
+			theme: e.theme,
 			showFeedback: e.showFeedback
 		}), u.setValue(_)) : f.postLaunch(g, void 0, {
 			startButton: e.startButton,
+			theme: e.theme,
 			showFeedback: e.showFeedback
 		}), await Promise.race([s, new Promise((e, t) => {
 			setTimeout(() => t(/* @__PURE__ */ Error("Timed out waiting for player loading UI.")), 12e4);
@@ -2780,6 +2798,11 @@ var An = class e {
 		if (!this.iframeHost) throw Error("conversion() requires attach() first.");
 		await this.iframeHost.conversion(e);
 	}
+	async engage() {
+		if (this.closed) throw Error("Session has ended.");
+		if (!this.iframeHost) throw Error("engage() requires attach() first.");
+		await this.iframeHost.engage();
+	}
 	getLastTurn() {
 		if (this.conversationCache.length === 0) return [];
 		let e = this.conversationCache[this.conversationCache.length - 1].turnId;
@@ -2917,7 +2940,7 @@ function $(e) {
 var Gn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></svg>", Kn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.42L12 13.41l4.89 4.9a1 1 0 0 0 1.42-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z\"/></svg>", qn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-4V6m6-2l-6 6m-8 4h4v4m0-4l-6 6\"/></svg>", Jn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6\"/></svg>";
 function Yn(e, t, n) {
 	Oe(Ee);
-	let r = ie({
+	let r = z({
 		galleryThumb: t.galleryThumb,
 		avatarImage: t.avatarImage,
 		backgroundImage: t.backgroundImage,
@@ -3011,14 +3034,14 @@ function Qn(e, t) {
 	v.className = "liforma-ew__stage";
 	let y = document.createElement("div");
 	y.className = "liforma-ew__status", y.hidden = !0, f.append(v, y), u.append(d, f), a.append(o, l, u, p), e.replaceChildren(a);
-	let b = null, x = !1, S = !1, C = !1, w = !1, T = !1, E = !1, D = !1, O = 0, k = "", A = null, j = null, M = null, N = null, P = null, F = null, I = null, ee = 0, te = 0, ne = null, L = !1, re = new AbortController(), R = t.parallax !== !1, z = () => {
+	let b = null, x = !1, S = !1, C = !1, w = !1, T = !1, E = !1, D = !1, O = 0, k = "", A = null, j = null, M = null, N = null, P = null, F = null, I = null, ee = 0, te = 0, ne = null, L = !1, re = new AbortController(), ie = t.parallax !== !1, R = () => {
 		let e = a.dataset.state;
 		return e === "expanded" || e === "docked" || e === "collapsed" ? e : "collapsed";
-	}, ie = () => {
+	}, z = () => {
 		M !== null && (clearTimeout(M), M = null);
-	}, ae = () => {
-		N !== null && (clearTimeout(N), N = null), a.classList.remove("liforma-ew--layout-settling");
 	}, B = () => {
+		N !== null && (clearTimeout(N), N = null), a.classList.remove("liforma-ew--layout-settling");
+	}, ae = () => {
 		for (let e of [
 			f,
 			l,
@@ -3033,11 +3056,11 @@ function Qn(e, t) {
 		let a = p.offsetWidth || 120;
 		p.style.left = `${e + n - a - 10}px`, p.style.top = `${t + 10}px`, p.style.right = "auto", p.style.bottom = "auto", p.style.width = "auto", p.style.height = "auto";
 	}, oe = (e, t) => {
-		if (z() !== "docked") return;
+		if (R() !== "docked") return;
 		let n = zn(), r = Vn(e - ee, t - te, n);
 		P = r.left, F = r.top, V(r.left, r.top, n.width, n.height);
 	}, se = (e, t) => {
-		if (z() !== "docked" || !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0) return;
+		if (R() !== "docked" || !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0) return;
 		let n = zn(), r = P ?? f.getBoundingClientRect().left, i = F ?? f.getBoundingClientRect().top, a = Vn(r + e, i + t, n);
 		P = a.left, F = a.top, V(a.left, a.top, n.width, n.height);
 	}, ce = (e) => {
@@ -3047,12 +3070,12 @@ function Qn(e, t) {
 		let t = ne;
 		I = null, ne = null, p.classList.remove("liforma-ew__toolbar--dragging"), a.classList.remove("liforma-ew--dock-dragging"), t === "toolbar" && L && (L = !1, window.removeEventListener("pointermove", ce), window.removeEventListener("pointerup", H), window.removeEventListener("pointercancel", H));
 	}, le = (e, t, n) => {
-		if (S || z() !== "docked" || !Hn() || I !== null) return;
+		if (S || R() !== "docked" || !Hn() || I !== null) return;
 		I = n, ne = "toolbar", p.classList.add("liforma-ew__toolbar--dragging"), a.classList.add("liforma-ew--dock-dragging");
 		let r = f.getBoundingClientRect();
 		ee = e - r.left, te = t - r.top, L || (L = !0, window.addEventListener("pointermove", ce), window.addEventListener("pointerup", H), window.addEventListener("pointercancel", H));
 	}, U = (e) => {
-		if (S || z() !== "docked" || !Hn() || I !== null) return;
+		if (S || R() !== "docked" || !Hn() || I !== null) return;
 		I = e.pointerId, ne = "player", p.classList.add("liforma-ew__toolbar--dragging"), a.classList.add("liforma-ew--dock-dragging");
 		let t = f.getBoundingClientRect();
 		P = t.left, F = t.top;
@@ -3061,7 +3084,7 @@ function Qn(e, t) {
 	}, de = (e) => {
 		ne === "player" && (I === null || e.pointerId !== I || H());
 	}, W = () => {
-		let e = Hn(), t = z();
+		let e = Hn(), t = R();
 		if (!e || t !== "expanded" && t !== "docked") {
 			h.hidden = !0;
 			return;
@@ -3077,7 +3100,7 @@ function Qn(e, t) {
 			});
 		});
 	}, me = (e) => {
-		if (ae(), a.classList.remove("liforma-ew--session-revealed"), a.classList.add("liforma-ew--layout-settling"), e(), !D) {
+		if (B(), a.classList.remove("liforma-ew--session-revealed"), a.classList.add("liforma-ew--layout-settling"), e(), !D) {
 			a.classList.remove("liforma-ew--layout-settling");
 			return;
 		}
@@ -3089,7 +3112,7 @@ function Qn(e, t) {
 			a.classList.remove("liforma-ew--layout-settling"), pe();
 		}, 220);
 	}, he = () => (a.classList.add("liforma-ew--session-concealing"), a.classList.remove("liforma-ew--session-revealed"), new Promise((e) => {
-		ie(), M = setTimeout(() => {
+		z(), M = setTimeout(() => {
 			M = null, a.classList.remove("liforma-ew--session-concealing"), e();
 		}, 280);
 	})), ge = {
@@ -3116,7 +3139,7 @@ function Qn(e, t) {
 		w = !0, a.dataset.warm = "true", l.hidden = !1, D || (o.tabIndex = -1, o.setAttribute("aria-hidden", "true")), t.onPrefetchReady?.();
 	}, be = (e) => {
 		A?.(), A = null;
-		let t = Yn(s, e, { parallax: R });
+		let t = Yn(s, e, { parallax: ie });
 		return t ? (A = t, !0) : !1;
 	}, K = () => {
 		if (be(ge)) {
@@ -3148,7 +3171,7 @@ function Qn(e, t) {
 		startButton: Xn(t),
 		...t.showFeedback === void 0 ? {} : { showFeedback: t.showFeedback }
 	}), q = (e = !0) => {
-		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "true"), B(), a.dataset.state = "expanded", _e(null), typeof document < "u" && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), W(), e && t.onExpanded?.();
+		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "true"), ae(), a.dataset.state = "expanded", _e(null), typeof document < "u" && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), W(), e && t.onExpanded?.();
 	}, Ce = () => {
 		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "false"), a.dataset.state = "docked", _e(null), typeof document < "u" && (document.body.style.overflow = k), fe(!0), W(), b?.setWidgetChrome("docked");
 	}, we = (e) => {
@@ -3160,9 +3183,9 @@ function Qn(e, t) {
 			S || t.onFeedbackFailed?.(e);
 		});
 	}, Te = () => {
-		ae(), u.hidden = !0, p.hidden = !0, B(), a.dataset.state = "collapsed", a.classList.remove("liforma-ew--session-revealed"), a.classList.remove("liforma-ew--session-concealing"), g.setAttribute("aria-pressed", "false"), o.hidden = !1, o.tabIndex = 0, o.removeAttribute("aria-hidden"), C && (o.disabled = !1), _e(null), typeof document < "u" && (document.body.style.overflow = k), W();
+		B(), u.hidden = !0, p.hidden = !0, ae(), a.dataset.state = "collapsed", a.classList.remove("liforma-ew--session-revealed"), a.classList.remove("liforma-ew--session-concealing"), g.setAttribute("aria-pressed", "false"), o.hidden = !1, o.tabIndex = 0, o.removeAttribute("aria-hidden"), C && (o.disabled = !1), _e(null), typeof document < "u" && (document.body.style.overflow = k), W();
 	}, Ee = () => {
-		ie(), ae(), O += 1, x = !1, w = !1, T = !1, E = !1, D = !1;
+		z(), B(), O += 1, x = !1, w = !1, T = !1, E = !1, D = !1;
 		let e = b;
 		b = null, e?.destroy(), v.replaceChildren(), l.replaceChildren(), l.hidden = !0, delete a.dataset.warm, delete a.dataset.live, a.classList.remove("liforma-ew--session-revealed");
 	}, De = () => {
@@ -3177,19 +3200,19 @@ function Qn(e, t) {
 			Ee(), Te(), t.onCollapsed?.(), t.onClose?.();
 		}
 	}, Oe = () => {
-		S || Hn() && z() === "expanded" && me(() => {
+		S || Hn() && R() === "expanded" && me(() => {
 			Ce();
 		});
 	}, ke = () => {
-		S || z() === "docked" && (H(), me(() => {
-			B(), q(!1), b?.setWidgetChrome("expanded");
+		S || R() === "docked" && (H(), me(() => {
+			ae(), q(!1), b?.setWidgetChrome("expanded");
 		}));
 	}, Ae = () => {
-		!b || !D || (ie(), a.classList.remove("liforma-ew--session-revealed"), q(), b.setWidgetChrome("expanded"), x = !1, pe());
+		!b || !D || (z(), a.classList.remove("liforma-ew--session-revealed"), q(), b.setWidgetChrome("expanded"), x = !1, pe());
 	}, Me = () => {
-		!b || !E || D || (ie(), a.classList.remove("liforma-ew--session-revealed"), q(), x = !1, w || b.setWidgetChrome("expanded"));
+		!b || !E || D || (z(), a.classList.remove("liforma-ew--session-revealed"), q(), x = !1, w || b.setWidgetChrome("expanded"));
 	}, Pe = (e) => {
-		S || e !== O && !D || (ie(), a.classList.remove("liforma-ew--session-revealed"), q(), x = !1, D && pe());
+		S || e !== O && !D || (z(), a.classList.remove("liforma-ew--session-revealed"), q(), x = !1, D && pe());
 	}, Fe = () => {
 		if (S || T || w || b || $(a.dataset.state)) return;
 		T = !0;
@@ -3312,22 +3335,22 @@ function Qn(e, t) {
 			Ie();
 		}
 	}, Re = (e) => {
-		if (e.stopPropagation(), z() === "expanded") {
+		if (e.stopPropagation(), R() === "expanded") {
 			Oe();
 			return;
 		}
-		z() === "docked" && ke();
+		R() === "docked" && ke();
 	}, J = (e) => {
 		g.setAttribute("aria-pressed", e ? "true" : "false");
 	}, Be = (e) => {
 		e.stopPropagation(), $(a.dataset.state) && b?.toggleAudioSettings();
 	}, Ve = (e) => {
-		z() === "docked" && Hn() && (e.target?.closest("button") || (e.preventDefault(), le(e.clientX, e.clientY, e.pointerId)));
+		R() === "docked" && Hn() && (e.target?.closest("button") || (e.preventDefault(), le(e.clientX, e.clientY, e.pointerId)));
 	}, He = (e) => {
 		e.key === "Escape" && $(a.dataset.state) && (e.preventDefault(), De());
 	}, Ue = () => {
 		if (!S) {
-			if (z() === "docked") {
+			if (R() === "docked") {
 				if (!Hn()) {
 					ke();
 					return;
@@ -3341,7 +3364,7 @@ function Qn(e, t) {
 		}
 	}, Y = typeof window < "u" ? window.matchMedia(Mn) : null, We = () => {
 		if (!S) {
-			if (z() === "docked" && !Hn()) {
+			if (R() === "docked" && !Hn()) {
 				ke();
 				return;
 			}