@elevenlabs/convai-widget-core 0.12.3 → 0.12.4

package/dist/index.js

@@ -25,7 +25,7 @@ var ae = Object.create, oe = Object.defineProperty, se = Object.getOwnPropertyDe
 }, me = (e, t, n) => (n = e == null ? {} : ae(le(e)), pe(t || !e || !e.__esModule ? oe(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), he = "0.12.3";
+}) : n, e)), he = "0.12.4";
 //#endregion
 //#region src/types/attributes.ts
 function ge(e) {
@@ -1256,7 +1256,7 @@ function vt(e) {
 	} catch {}
 }
 function yt({ children: e }) {
-	let t = oa(), n = j("language"), r = j("override-language"), i = y(() => (t.value.supported_language_overrides ?? []).filter(ft)), a = n.peek(), o = t.peek(), s = (o.supported_language_overrides ?? []).filter(ft), c = b(_t({
+	let t = sa(), n = j("language"), r = j("override-language"), i = y(() => (t.value.supported_language_overrides ?? []).filter(ft)), a = n.peek(), o = t.peek(), s = (o.supported_language_overrides ?? []).filter(ft), c = b(_t({
 		languageAttribute: a && ft(a) ? a : void 0,
 		supported: s,
 		defaultLanguage: o.language
@@ -1302,7 +1302,7 @@ function St({ children: e }) {
 		} catch (e) {
 			console.error(`[ConversationalAI] Cannot parse dynamic-variables: ${e?.message}`);
 		}
-	}), m = j("worklet-path-raw-audio-processor"), h = j("worklet-path-audio-concat-processor"), g = j("worklet-path-libsamplerate"), { webSocketUrl: _ } = ut(), v = j("agent-id"), b = j("signed-url"), x = j("environment"), S = sa(), w = ma(), T = y(() => {
+	}), m = j("worklet-path-raw-audio-processor"), h = j("worklet-path-audio-concat-processor"), g = j("worklet-path-libsamplerate"), { webSocketUrl: _ } = ut(), v = j("agent-id"), b = j("signed-url"), x = j("environment"), S = ca(), w = ha(), T = y(() => {
 		let e = w.value, t = {
 			dynamicVariables: p.value,
 			overrides: d.value,
@@ -2954,7 +2954,7 @@ var Wi = {
 	componentsToDebugString: Li
 }, Gi = a(null);
 function Ki({ children: e }) {
-	let t = pa(), n = b(!1), r = b(!1), i = m(() => {
+	let t = ma(), n = b(!1), r = b(!1), i = m(() => {
 		let e = _(() => !t.value.terms_html || r.value), i = [];
 		return {
 			termsShown: n,
@@ -3015,8 +3015,17 @@ function Zi(e) {
 //#endregion
 //#region src/contexts/conversation.tsx
 var Qi = a(null);
-function $i({ children: e }) {
-	let t = ta();
+function $i(e, t) {
+	if (t.role !== "user" || t.eventId == null) return [...e, t];
+	let n = e.findIndex((e) => e.type === "message" && e.role === "agent" && e.eventId === t.eventId && e.conversationIndex === t.conversationIndex);
+	return n === -1 ? [...e, t] : [
+		...e.slice(0, n),
+		t,
+		...e.slice(n)
+	];
+}
+function ea({ children: e }) {
+	let t = na();
 	return x(() => {
 		if (t.conversationTextOnly.value === !0) {
 			t.transcript.value;
@@ -3032,11 +3041,11 @@ function $i({ children: e }) {
 		children: e
 	});
 }
-function ea() {
+function ta() {
 	return it(Qi);
 }
-function ta() {
-	let e = h(null), t = h(null), n = h(!1), r = h(null), i = h(!1), a = Xi(), o = oa(), s = la(), c = qi(), l = Ct();
+function na() {
+	let e = h(null), t = h(null), n = h(!1), r = h(null), i = h(!1), a = Xi(), o = sa(), s = ua(), c = qi(), l = Ct();
 	return d(() => () => {
 		e.current?.endSession();
 	}, []), m(() => {
@@ -3056,9 +3065,9 @@ function ta() {
 				if (await c.requestTerms(), e.current?.isOpen()) return e.current.getId();
 				if (t.current) return (await t.current).getId();
 				let _ = structuredClone(l.peek());
-				_.userId ||= await na(), p && o.value.supports_text_only && (_.textOnly = !0, o.value.text_only || (_.overrides ??= {}, _.overrides.conversation ??= {}, _.overrides.conversation.textOnly = !0));
+				_.userId ||= await ra(), p && o.value.supports_text_only && (_.textOnly = !0, o.value.text_only || (_.overrides ??= {}, _.overrides.conversation ??= {}, _.overrides.conversation.textOnly = !0));
 				try {
-					_ = ra(a.value ?? d, _);
+					_ = ia(a.value ?? d, _);
 				} catch (e) {
 					console.error("[ConversationalAI] Error triggering call event:", e);
 				}
@@ -3102,17 +3111,17 @@ function ta() {
 								i.current = !1;
 								return;
 							}
-							y.value = [...y.peek(), {
+							y.value = $i(y.peek(), {
 								type: "message",
 								role: e,
 								message: t,
 								isText: !1,
 								conversationIndex: b.peek(),
 								eventId: a
-							}];
+							});
 						},
 						onAgentChatResponsePart: ({ text: e, type: t, event_id: a }) => {
-							if (!(s.peek() && x.peek() === !0 && !n.current)) if (t === "start") {
+							if (x.peek() === !0 && !(s.peek() && !n.current)) if (t === "start") {
 								i.current = !0;
 								let e = y.peek();
 								r.current = e.length, y.value = [...e, {
@@ -3237,7 +3246,7 @@ function ta() {
 		};
 	}, [l]);
 }
-async function na() {
+async function ra() {
 	let e = "elevenlabs_convai_user_id", t = localStorage.getItem(e);
 	if (!t) {
 		try {
@@ -3249,7 +3258,7 @@ async function na() {
 	}
 	return t;
 }
-function ra(e, t) {
+function ia(e, t) {
 	try {
 		let n = new CustomEvent("elevenlabs-convai:call", {
 			bubbles: !0,
@@ -3263,8 +3272,8 @@ function ra(e, t) {
 }
 //#endregion
 //#region src/contexts/widget-config.tsx
-var ia = a(null);
-function aa({ children: e }) {
+var aa = a(null);
+function oa({ children: e }) {
 	let { serverUrl: t } = ut(), n = j("agent-id"), r = j("override-config"), i = j("signed-url"), a = b(null);
 	x(() => {
 		if (r.value) try {
@@ -3286,7 +3295,7 @@ function aa({ children: e }) {
 			return;
 		}
 		let s = new AbortController();
-		return ya(e, t.value, s.signal, o).then((e) => {
+		return ba(e, t.value, s.signal, o).then((e) => {
 			s.signal.aborted || (a.value = e);
 		}).catch((e) => {
 			console.error(`[ConversationalAI] Cannot fetch config for agent ${n.value}: ${e?.message}`), s.signal.aborted || (a.value = null);
@@ -3314,40 +3323,40 @@ function aa({ children: e }) {
 			show_conversation_id: D
 		};
 	});
-	return w.value ? /* @__PURE__ */ C(ia.Provider, {
+	return w.value ? /* @__PURE__ */ C(aa.Provider, {
 		value: w,
 		children: e
 	}) : null;
 }
-function oa() {
-	return it(ia);
-}
 function sa() {
-	let e = j("override-text-only"), t = oa();
-	return y(() => ge(e.value) ?? t.value.text_only ?? !1);
+	return it(aa);
 }
 function ca() {
-	let e = sa(), { conversationTextOnly: t } = ea();
-	return y(() => t.value ?? e.value);
+	let e = j("override-text-only"), t = sa();
+	return y(() => ge(e.value) ?? t.value.text_only ?? !1);
 }
 function la() {
-	let e = j("override-first-message"), t = oa(), { language: n } = bt();
-	return y(() => e.value ?? t.value.language_presets?.[n.value.languageCode]?.first_message ?? t.value.first_message ?? null);
+	let e = ca(), { conversationTextOnly: t } = ta();
+	return y(() => t.value ?? e.value);
 }
 function ua() {
-	let e = oa();
-	return y(() => e.value.text_input_enabled ?? !1);
+	let e = j("override-first-message"), t = sa(), { language: n } = bt();
+	return y(() => e.value ?? t.value.language_presets?.[n.value.languageCode]?.first_message ?? t.value.first_message ?? null);
 }
 function da() {
-	let e = oa();
-	return y(() => e.value.file_input_config?.enabled ?? !1);
+	let e = sa();
+	return y(() => e.value.text_input_enabled ?? !1);
 }
 function fa() {
-	let e = oa();
-	return y(() => e.value.file_input_config?.max_files_per_conversation ?? null);
+	let e = sa();
+	return y(() => e.value.file_input_config?.enabled ?? !1);
 }
 function pa() {
-	let e = oa(), { language: t } = bt();
+	let e = sa();
+	return y(() => e.value.file_input_config?.max_files_per_conversation ?? null);
+}
+function ma() {
+	let e = sa(), { language: t } = bt();
 	return y(() => {
 		let n = e.value.language_presets?.[t.value.languageCode];
 		return {
@@ -3357,16 +3366,16 @@ function pa() {
 		};
 	});
 }
-function ma() {
-	let e = oa();
+function ha() {
+	let e = sa();
 	return y(() => e.value.use_rtc ?? !1);
 }
-function ha() {
-	let e = oa();
+function ga() {
+	let e = sa();
 	return y(() => e.value.end_feedback?.type ?? null);
 }
-function ga() {
-	let e = j("markdown-link-allowed-hosts"), t = j("markdown-link-include-www"), n = j("markdown-link-allow-http"), r = oa();
+function _a() {
+	let e = j("markdown-link-allowed-hosts"), t = j("markdown-link-include-www"), n = j("markdown-link-allow-http"), r = sa();
 	return y(() => {
 		let i = [];
 		if (e.value) i = e.value.split(",").map((e) => e.trim()).filter(Boolean);
@@ -3382,8 +3391,8 @@ function ga() {
 		};
 	});
 }
-function _a() {
-	let e = j("syntax-highlight-theme"), t = oa();
+function va() {
+	let e = j("syntax-highlight-theme"), t = sa();
 	return y(() => {
 		let n = e.value ?? t.value.syntax_highlight_theme;
 		if (n === "light" || n === "dark") return n;
@@ -3391,35 +3400,35 @@ function _a() {
 		return r.isValid && r.isDark() ? "dark" : "light";
 	});
 }
-function va() {
+function ya() {
 	let e = j("allow-events");
 	return y(() => ge(e.value) ?? !1);
 }
-async function ya(e, t, n, r) {
+async function ba(e, t, n, r) {
 	let i = await (await fetch(`${t}/v1/convai/agents/${e}/widget${r ? `?conversation_signature=${encodeURIComponent(r)}` : ""}`, { signal: n })).json();
 	if (!i.widget_config) throw Error("Response does not contain widget_config");
 	return i.widget_config;
 }
 //#endregion
 //#region src/styles/Style.tsx
-var ba = c(function() {
-	let e = oa();
+var xa = c(function() {
+	let e = sa();
 	return /* @__PURE__ */ w("style", { children: [y(() => {
 		let t = e.value.styles;
-		return `:host, :root {\n${nt.map((e) => `${xa(e)}: ${Sa(t?.[e] ?? tt[e])};`).join("\n")}\n}`;
+		return `:host, :root {\n${nt.map((e) => `${Sa(e)}: ${Ca(t?.[e] ?? tt[e])};`).join("\n")}\n}`;
 	}), ve] });
 });
-function xa(e) {
+function Sa(e) {
 	return `--el-${e.replace(/_/g, "-")}`;
 }
-function Sa(e) {
+function Ca(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
 //#endregion
 //#region src/contexts/conversation-mode.tsx
-var Ca = a(null);
-function wa({ children: e }) {
-	let t = b("voice"), { isDisconnected: n, addModeToggleEntry: r, setVolume: i } = ea();
+var wa = a(null);
+function Ta({ children: e }) {
+	let t = b("voice"), { isDisconnected: n, addModeToggleEntry: r, setVolume: i } = ta();
 	x(() => {
 		i(t.value === "text" ? 0 : 1);
 	});
@@ -3431,19 +3440,19 @@ function wa({ children: e }) {
 		isTextMode: _(() => t.value === "text"),
 		isVoiceMode: _(() => t.value === "voice")
 	}), [n, r]);
-	return /* @__PURE__ */ C(Ca.Provider, {
+	return /* @__PURE__ */ C(wa.Provider, {
 		value: a,
 		children: e
 	});
 }
-function Ta() {
-	return it(Ca);
+function Ea() {
+	return it(wa);
 }
 //#endregion
 //#region src/contexts/audio-config.tsx
-var Ea = a(null);
-function Da({ children: e }) {
-	let t = oa(), { isTextMode: n } = Ta(), { setMicMuted: r, status: i } = ea(), a = y(() => t.value.mic_muting_enabled ?? !1), o = b(!1), s = h(null);
+var Da = a(null);
+function Oa({ children: e }) {
+	let t = sa(), { isTextMode: n } = Ea(), { setMicMuted: r, status: i } = ta(), a = y(() => t.value.mic_muting_enabled ?? !1), o = b(!1), s = h(null);
 	x(() => {
 		i.value === "disconnected" && (o.value = !1);
 	}), x(() => {
@@ -3456,19 +3465,19 @@ function Da({ children: e }) {
 		},
 		isMutingEnabled: a
 	}), []);
-	return /* @__PURE__ */ C(Ea.Provider, {
+	return /* @__PURE__ */ C(Da.Provider, {
 		value: c,
 		children: e
 	});
 }
-function Oa() {
-	return it(Ea);
+function ka() {
+	return it(Da);
 }
 //#endregion
 //#region src/contexts/text-contents.tsx
-var ka = a(null);
-function Aa({ children: e }) {
-	let t = oa(), { language: n } = bt(), r = j("text-contents"), i = y(() => {
+var Aa = a(null);
+function ja({ children: e }) {
+	let t = sa(), { language: n } = bt(), r = j("text-contents"), i = y(() => {
 		try {
 			if (r.value) {
 				let e = JSON.parse(r.value);
@@ -3479,19 +3488,19 @@ function Aa({ children: e }) {
 		}
 		return {};
 	}), a = m(() => Object.fromEntries(et.map((e) => [e, _(() => i.value[e] ?? t.value.language_presets?.[n.value.languageCode]?.text_contents?.[e] ?? t.value.text_contents?.[e] ?? $e[e])])), []);
-	return /* @__PURE__ */ C(ka.Provider, {
+	return /* @__PURE__ */ C(Aa.Provider, {
 		value: a,
 		children: e
 	});
 }
-function ja() {
-	return it(ka);
+function Ma() {
+	return it(Aa);
 }
 //#endregion
 //#region src/contexts/avatar-config.tsx
-var Ma = a(null);
-function Na({ children: e }) {
-	let t = oa(), n = j("avatar-image-url"), r = j("avatar-orb-color-1"), i = j("avatar-orb-color-2"), a = b(""), o = y(() => n.value ? {
+var Na = a(null);
+function Pa({ children: e }) {
+	let t = sa(), n = j("avatar-image-url"), r = j("avatar-orb-color-1"), i = j("avatar-orb-color-2"), a = b(""), o = y(() => n.value ? {
 		type: "image",
 		url: n.value
 	} : r.value && i.value ? {
@@ -3509,44 +3518,38 @@ function Na({ children: e }) {
 		previewUrl: s,
 		canvasUrl: a
 	}), []);
-	return /* @__PURE__ */ C(Ma.Provider, {
+	return /* @__PURE__ */ C(Na.Provider, {
 		value: c,
 		children: e
 	});
 }
-function Pa() {
-	return it(Ma);
+function Fa() {
+	return it(Na);
 }
 //#endregion
 //#region src/contexts/root-portal.tsx
-var Fa = a(null);
-function Ia({ children: e, ...t }) {
+var Ia = a(null);
+function La({ children: e, ...t }) {
 	let [n, r] = g(null);
 	return /* @__PURE__ */ C("div", {
 		ref: r,
 		...t,
-		children: n && /* @__PURE__ */ C(Fa.Provider, {
+		children: n && /* @__PURE__ */ C(Ia.Provider, {
 			value: n,
 			children: e
 		})
 	});
 }
-function La() {
-	return it(Fa);
+function Ra() {
+	return it(Ia);
 }
 //#endregion
 //#region src/utils/display-transcript.ts
-var Ra = {
+var za = {
 	LOADING: "loading",
 	SUCCESS: "success",
 	ERROR: "error"
 };
-function za(e, t) {
-	let n = e.entry.eventId, r = t.entry.eventId;
-	if (n !== r) return n - r;
-	let i = (e) => e === "user" ? 0 : 1, a = i(e.entry.role) - i(t.entry.role);
-	return a === 0 ? e.originalIndex - t.originalIndex : a;
-}
 function Ba(e, t) {
 	let n = [];
 	t.firstMessage && n.push({
@@ -3577,30 +3580,18 @@ function Ba(e, t) {
 		}
 		n.push(i);
 	}
-	let i = [];
-	for (let e = 0; e < n.length; e++) {
+	if (t.showAgentStatus) for (let e = 0; e < n.length; e++) {
 		let t = n[e];
-		t.type === "message" && t.eventId != null && i.push({
-			entry: t,
-			originalIndex: e
-		});
-	}
-	let a = i.map((e) => e.originalIndex).sort((e, t) => e - t);
-	i.sort(za);
-	let o = [...n];
-	for (let e = 0; e < i.length; e++) o[a[e]] = i[e].entry;
-	if (t.showAgentStatus) for (let e = 0; e < o.length; e++) {
-		let t = o[e];
 		if (t.type !== "message" || t.role !== "agent" || t.eventId == null) continue;
-		let n = r.get(t.eventId);
-		if (!n) continue;
-		let i = n.loading > 0 ? Ra.LOADING : n.error > 0 ? Ra.ERROR : Ra.SUCCESS;
-		o[e] = {
+		let i = r.get(t.eventId);
+		if (!i) continue;
+		let a = i.loading > 0 ? za.LOADING : i.error > 0 ? za.ERROR : za.SUCCESS;
+		n[e] = {
 			...t,
-			toolStatus: i
+			toolStatus: a
 		};
 	}
-	return o;
+	return n;
 }
 //#endregion
 //#region src/utils/signalish.ts
@@ -5391,7 +5382,7 @@ var mo = (e, t) => {
 	};
 }), F = (...e) => Ms(po(e)), Ns = a(null);
 function Ps({ children: e }) {
-	let t = b(null), n = b(""), r = b("initial"), { lastId: i } = ea();
+	let t = b(null), n = b(""), r = b("initial"), { lastId: i } = ta();
 	j("agent-id");
 	let { serverUrl: a } = ut(), o = l(async (e) => {
 		let n = i.value;
@@ -6092,7 +6083,7 @@ function _c({ rating: e, min: t = 1, max: n = 5, icon: r = "star" }) {
 //#endregion
 //#region src/components/Feedback.tsx
 function vc({ icon: e, onRate: t }) {
-	let n = ja();
+	let n = Ma();
 	return /* @__PURE__ */ w("div", {
 		className: "flex flex-col items-center",
 		children: [/* @__PURE__ */ C("div", {
@@ -6109,7 +6100,7 @@ function vc({ icon: e, onRate: t }) {
 	});
 }
 function yc({ icon: e, rating: t, showFollowUpButton: n, onFollowUpClick: r }) {
-	let i = ja();
+	let i = Ma();
 	return /* @__PURE__ */ w("div", {
 		className: "flex flex-col items-center gap-3 mb-4",
 		children: [
@@ -22927,7 +22918,7 @@ var fA = Object.assign(lA, {
 	Actions: uA,
 	Content: dA
 }), pA = a(""), mA = ({ code: e, language: t, className: n, ...r }) => {
-	let i = sA[t], { isCopied: a, copyToClipboard: o, disabled: s } = hA({ code: e }), c = ja(), l = b(!1), u = _a();
+	let i = sA[t], { isCopied: a, copyToClipboard: o, disabled: s } = hA({ code: e }), c = Ma(), l = b(!1), u = va();
 	return /* @__PURE__ */ C(pA.Provider, {
 		value: e,
 		children: /* @__PURE__ */ w(fA, {
@@ -23033,7 +23024,7 @@ var vA = ({ node: e, className: t, src: n, alt: r, ...i }) => {
 	let { downloadImage: a, disabled: o } = _A({
 		src: n?.toString() || "",
 		alt: r?.toString()
-	}), s = ja();
+	}), s = Ma();
 	return n ? /* @__PURE__ */ w(fA, {
 		className: "inline-block self-auto",
 		"data-streamdown": "image-wrapper",
@@ -23114,7 +23105,7 @@ function xA({ onCopy: e, onError: t, timeout: n = 2e3 } = {}) {
 	};
 }
 var SA = ({ children: e, className: t, ...n }) => {
-	let { isCopied: r, copyTableData: i, disabled: a } = xA(), o = ja();
+	let { isCopied: r, copyTableData: i, disabled: a } = xA(), o = Ma();
 	return /* @__PURE__ */ w(fA, {
 		"data-streamdown": "table-wrapper",
 		children: [/* @__PURE__ */ C(fA.Actions, { children: /* @__PURE__ */ C(fc, {
@@ -27620,7 +27611,7 @@ function eI(e) {
 //#endregion
 //#region src/widget/TranscriptMessage.tsx
 function tI({ entry: e }) {
-	let t = ga(), n = oa().value.strip_audio_tags && !e.isText ? Sc(e.message) : e.message;
+	let t = _a(), n = sa().value.strip_audio_tags && !e.isText ? Sc(e.message) : e.message;
 	return /* @__PURE__ */ w("div", {
 		className: "pr-8",
 		children: [n && /* @__PURE__ */ C(UF, {
@@ -27633,7 +27624,7 @@ function tI({ entry: e }) {
 	});
 }
 function nI({ entry: e }) {
-	let { previewUrl: t } = Pa(), n = e.fileInput;
+	let { previewUrl: t } = Fa(), n = e.fileInput;
 	return /* @__PURE__ */ w("div", {
 		className: po("flex gap-2.5 transition-[opacity,transform] duration-200 data-hidden:opacity-0 data-hidden:scale-75", e.role === "user" ? "justify-end pl-16 origin-top-right" : "pr-16 origin-top-left"),
 		children: [e.role === "agent" && /* @__PURE__ */ C("img", {
@@ -27686,7 +27677,7 @@ function iI() {
 	});
 }
 function aI({ entry: e }) {
-	let t = ja(), { lastId: n } = ea(), r = ha(), i = oa();
+	let t = Ma(), { lastId: n } = ta(), r = ga(), i = sa();
 	return /* @__PURE__ */ w("div", {
 		className: "px-8 flex flex-col",
 		children: [r.value === "rating" && /* @__PURE__ */ C(bc, {}), /* @__PURE__ */ w("div", {
@@ -27707,7 +27698,7 @@ function aI({ entry: e }) {
 	});
 }
 function oI({ entry: e }) {
-	let t = ja(), { lastId: n } = ea();
+	let t = Ma(), { lastId: n } = ta();
 	return /* @__PURE__ */ w("div", {
 		className: "px-8 text-xs text-base-error text-center transition-opacity duration-200 data-hidden:opacity-0",
 		children: [
@@ -27726,20 +27717,20 @@ function oI({ entry: e }) {
 	});
 }
 function sI({ entry: e }) {
-	let t = ja();
+	let t = Ma();
 	return /* @__PURE__ */ C("div", {
 		className: "px-8 text-xs text-base-subtle text-center transition-opacity duration-200 data-hidden:opacity-0",
 		children: e.mode === "text" ? t.switched_to_text_mode : t.switched_to_voice_mode
 	});
 }
 function cI({ status: e }) {
-	let t = ja();
+	let t = Ma();
 	return /* @__PURE__ */ C("div", {
 		className: "-my-4 first:mt-0 last:mb-0 flex items-center",
 		children: /* @__PURE__ */ w("div", {
 			className: "flex items-center h-7 px-2 gap-1 rounded-button border border-base-border bg-base",
 			children: [
-				e === Ra.LOADING && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(Vs, {
+				e === za.LOADING && /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(Vs, {
 					name: "loader",
 					size: "md",
 					className: "animate-spin shrink-0"
@@ -27747,7 +27738,7 @@ function cI({ status: e }) {
 					className: "text-xs leading-4",
 					children: t.agent_working
 				})] }),
-				e === Ra.SUCCESS && /* @__PURE__ */ C(co, {
+				e === za.SUCCESS && /* @__PURE__ */ C(co, {
 					active: !0,
 					initial: !1,
 					children: /* @__PURE__ */ w("span", {
@@ -27762,7 +27753,7 @@ function cI({ status: e }) {
 						})]
 					})
 				}),
-				e === Ra.ERROR && /* @__PURE__ */ C(co, {
+				e === za.ERROR && /* @__PURE__ */ C(co, {
 					active: !0,
 					initial: !1,
 					children: /* @__PURE__ */ w("span", {
@@ -27866,7 +27857,7 @@ function mI({ className: e, ...t }) {
 //#endregion
 //#region src/widget/FeedbackPage.tsx
 function hI() {
-	let e = ja(), { rating: t, feedbackText: n } = Fs(), r = l((e) => {
+	let e = Ma(), { rating: t, feedbackText: n } = Fs(), r = l((e) => {
 		n.value = e.currentTarget.value;
 	}, []);
 	return /* @__PURE__ */ C("div", {
@@ -27911,7 +27902,7 @@ function hI() {
 //#endregion
 //#region src/widget/FeedbackActions.tsx
 function gI() {
-	let e = ja(), { currentContent: t } = Rs(), { submitFeedback: n } = Fs();
+	let e = Ma(), { currentContent: t } = Rs(), { submitFeedback: n } = Fs();
 	return /* @__PURE__ */ C("div", {
 		className: "shrink-0 overflow-hidden flex p-3 items-end justify-end",
 		children: /* @__PURE__ */ C(fc, {
@@ -31030,7 +31021,7 @@ function iU({ size: e = "md", flagCode: t, className: n, ...r }) {
 //#endregion
 //#region src/widget/LanguageSelect.tsx
 function aU({ children: e, ...t }) {
-	let [n, r] = g(!1), { language: i, setLanguage: a, options: o } = bt(), s = La();
+	let [n, r] = g(!1), { language: i, setLanguage: a, options: o } = bt(), s = Ra();
 	return /* @__PURE__ */ w(KH, {
 		open: n,
 		value: i.value.languageCode,
@@ -31093,7 +31084,7 @@ function aU({ children: e, ...t }) {
 //#endregion
 //#region src/widget/SheetLanguageSelect.tsx
 function oU({ className: e, ...t }) {
-	let n = ja(), { language: r, showPicker: i } = bt();
+	let n = Ma(), { language: r, showPicker: i } = bt();
 	return i.value ? /* @__PURE__ */ C(aU, {
 		align: "center",
 		children: /* @__PURE__ */ w(qH, {
@@ -31121,7 +31112,7 @@ function oU({ className: e, ...t }) {
 //#endregion
 //#region src/widget/StatusLabel.tsx
 function sU({ className: e, ...t }) {
-	let { status: n, isSpeaking: r } = ea(), i = ca(), { isTextMode: a } = Ta(), o = ja(), s = y(() => n.value === "connected" ? i.value || a.value ? o.chatting_status.value : r.value ? o.speaking_status.value : o.listening_status.value : o.connecting_status.value), [c, l] = g(s.peek());
+	let { status: n, isSpeaking: r } = ta(), i = la(), { isTextMode: a } = Ea(), o = Ma(), s = y(() => n.value === "connected" ? i.value || a.value ? o.chatting_status.value : r.value ? o.speaking_status.value : o.listening_status.value : o.connecting_status.value), [c, l] = g(s.peek());
 	return x(() => {
 		let e = s.value;
 		if (n.value === "connected" && r.value) l(e);
@@ -31172,7 +31163,7 @@ function dU() {
 //#endregion
 //#region src/widget/ConversationModeToggleButton.tsx
 function fU(e) {
-	let t = ja(), { mode: n, setMode: r, isTextMode: i } = Ta(), a = l(() => {
+	let t = Ma(), { mode: n, setMode: r, isTextMode: i } = Ea(), a = l(() => {
 		r(n.peek() === "text" ? "voice" : "text");
 	}, [r, n]);
 	return /* @__PURE__ */ C(fc, {
@@ -31185,7 +31176,7 @@ function fU(e) {
 //#endregion
 //#region src/widget/SheetHeader.tsx
 function pU({ showBackButton: e, onBackClick: t, showStatusLabel: n, showLanguageSelector: r, showConversationModeToggle: i, showExpandButton: a }) {
-	let o = ja(), { toggleSize: s, variant: c } = dU(), l = y(() => c.value === "compact" ? "Expand widget" : "Collapse widget");
+	let o = Ma(), { toggleSize: s, variant: c } = dU(), l = y(() => c.value === "compact" ? "Expand widget" : "Collapse widget");
 	return /* @__PURE__ */ w("div", {
 		className: "w-full relative shrink-0 z-10",
 		children: [
@@ -31248,7 +31239,7 @@ function pU({ showBackButton: e, onBackClick: t, showStatusLabel: n, showLanguag
 //#endregion
 //#region src/widget/CallButton.tsx
 function mU({ iconOnly: e, isDisconnected: t, children: n, ...r }) {
-	let { endSession: i, startSession: a } = ea(), o = ja();
+	let { endSession: i, startSession: a } = ta(), o = Ma();
 	return /* @__PURE__ */ C(fc, {
 		variant: t ? "primary" : "secondary",
 		icon: t ? "phone" : "phone-off",
@@ -31261,7 +31252,7 @@ function mU({ iconOnly: e, isDisconnected: t, children: n, ...r }) {
 //#endregion
 //#region src/widget/TriggerMuteButton.tsx
 function hU(e) {
-	let t = ja(), { isMuted: n, isMutingEnabled: r, setIsMuted: i } = Oa(), a = l(() => {
+	let t = Ma(), { isMuted: n, isMutingEnabled: r, setIsMuted: i } = ka(), a = l(() => {
 		i(!n.peek());
 	}, [i]);
 	return r.value ? /* @__PURE__ */ C(fc, {
@@ -31275,7 +31266,7 @@ function hU(e) {
 //#endregion
 //#region src/widget/UploadFileButton.tsx
 function gU({ iconOnly: e, disabled: t, onFileSelect: n, children: r, ...i }) {
-	let a = ja(), o = h(null), s = l((e) => {
+	let a = Ma(), o = h(null), s = l((e) => {
 		e.stopPropagation(), o.current?.click();
 	}, []), c = l((e) => {
 		let t = e.target, r = t.files?.[0];
@@ -31300,7 +31291,7 @@ function gU({ iconOnly: e, disabled: t, onFileSelect: n, children: r, ...i }) {
 //#endregion
 //#region src/widget/PendingFilePreview.tsx
 function _U({ pendingFile: e, onRemove: t }) {
-	let n = ja(), r = JF(e.file.type), i = e.status === "uploading", a = e.status === "error";
+	let n = Ma(), r = JF(e.file.type), i = e.status === "uploading", a = e.status === "error";
 	return /* @__PURE__ */ w("div", {
 		className: F("relative inline-flex items-center gap-2 rounded-input border py-1.5 pl-1.5 pr-7 overflow-hidden", a ? "border-base-error/30 bg-base-error/5" : "border-base-border/60 bg-base-active/40"),
 		children: [
@@ -31364,7 +31355,7 @@ function vU() {
 //#endregion
 //#region src/widget/SheetActions.tsx
 function yU({ showTranscript: e, scrollPinned: t }) {
-	let n = ua(), r = da(), i = fa(), a = b(""), o = b(!1), s = ja(), { isDisconnected: c, status: u, lastId: d, startSession: f, sendUserMessage: p, sendMultimodalMessage: m } = ea(), h = b(null);
+	let n = da(), r = fa(), i = pa(), a = b(""), o = b(!1), s = Ma(), { isDisconnected: c, status: u, lastId: d, startSession: f, sendUserMessage: p, sendMultimodalMessage: m } = ta(), h = b(null);
 	x(() => {
 		if (!h.value) return;
 		let e = setTimeout(() => {
@@ -31478,7 +31469,7 @@ function yU({ showTranscript: e, scrollPinned: t }) {
 	});
 }
 function bU({ userMessage: e, isFocused: t, canSend: n, onSendMessage: r }) {
-	let i = ja(), a = ca(), { isDisconnected: o, conversationIndex: s, sendUserActivity: c } = ea(), u = l((t) => {
+	let i = Ma(), a = la(), { isDisconnected: o, conversationIndex: s, sendUserActivity: c } = ta(), u = l((t) => {
 		e.value = t.currentTarget.value;
 	}, [e]), d = l(async (e) => {
 		e.isComposing || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), n.peek() && await r(e));
@@ -31500,7 +31491,7 @@ function bU({ userMessage: e, isFocused: t, canSend: n, onSendMessage: r }) {
 	});
 }
 function xU({ canSend: e, onSendMessage: t, showTranscript: n = !1, showUploadButton: r, uploadEnabled: i, onFileSelect: a }) {
-	let o = ja(), s = ca(), c = ua(), { isDisconnected: l, status: u } = ea(), { isTextMode: d } = Ta(), f = y(() => !l.value || !s.value && n);
+	let o = Ma(), s = la(), c = da(), { isDisconnected: l, status: u } = ta(), { isTextMode: d } = Ea(), f = y(() => !l.value || !s.value && n);
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C(cc, {
 			visible: y(() => !s.value && !l.value && !d.value).value,
@@ -31641,7 +31632,7 @@ var SU = "#version 300 es\nprecision highp float;\n\nuniform float uTime;\nunifo
 	lg: "w-48 h-48"
 };
 function kU({ size: e = "sm", className: t }) {
-	let { getInputVolume: n, getOutputVolume: r, isSpeaking: i, isDisconnected: a } = ea(), { config: o } = Pa(), s = h(null), c = h(null);
+	let { getInputVolume: n, getOutputVolume: r, isSpeaking: i, isDisconnected: a } = ta(), { config: o } = Fa(), s = h(null), c = h(null);
 	x(() => {
 		if (a.value) {
 			s.current.style.transform = "", c.current.style.transform = "";
@@ -31674,7 +31665,7 @@ function kU({ size: e = "sm", className: t }) {
 	});
 }
 function AU({ color1: e, color2: t }) {
-	let { canvasUrl: n } = Pa(), [r, i] = g(null);
+	let { canvasUrl: n } = Fa(), [r, i] = g(null);
 	return d(() => {
 		r && (r.updateColors(e, t), r.render(), n.value = r.toDataURL());
 	}, [
@@ -31694,7 +31685,7 @@ function AU({ color1: e, color2: t }) {
 //#endregion
 //#region src/widget/AvatarOverlay.tsx
 function jU({ showAvatar: e, showTranscript: t, isDisconnected: n, onStartSession: r }) {
-	let i = ja(), a = ua(), o = sa(), s = y(() => F("absolute origin-top-left transition-[transform,left,top,opacity,scale] duration-200 z-10", "data-hidden:opacity-0", t.value ? "top-4 left-4 scale-[0.1667]" : a.value ? "top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100" : "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100")), c = y(() => !t.value && n.value && !o.value), l = y(() => !t.value && !n.value);
+	let i = Ma(), a = da(), o = ca(), s = y(() => F("absolute origin-top-left transition-[transform,left,top,opacity,scale] duration-200 z-10", "data-hidden:opacity-0", t.value ? "top-4 left-4 scale-[0.1667]" : a.value ? "top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100" : "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 scale-100")), c = y(() => !t.value && n.value && !o.value), l = y(() => !t.value && !n.value);
 	return /* @__PURE__ */ C(co, {
 		active: e,
 		children: /* @__PURE__ */ w("div", {
@@ -31735,7 +31726,7 @@ var MU = {
 	bottom: "origin-bottom"
 };
 function NU({ open: e }) {
-	let t = sa(), n = ca(), r = oa(), i = r.value.placement, { isDisconnected: a, startSession: o, transcript: s, conversationIndex: c } = ea(), l = la(), { currentContent: u, currentConfig: d } = Rs(), { variant: f } = dU(), p = y(() => {
+	let t = ca(), n = la(), r = sa(), i = r.value.placement, { isDisconnected: a, startSession: o, transcript: s, conversationIndex: c } = ta(), l = ua(), { currentContent: u, currentConfig: d } = Rs(), { variant: f } = dU(), p = y(() => {
 		let e = t.value || n.value;
 		return Ba(s.value, {
 			showAgentStatus: r.value.show_agent_status ?? !1,
@@ -31806,7 +31797,7 @@ function PU({ onDismiss: e, className: t, ...n }) {
 //#endregion
 //#region src/widget/ExpandableTriggerActions.tsx
 function FU({ expanded: e, onDismiss: t }) {
-	let n = ca(), r = oa().value.variant, { isDisconnected: i } = ea(), a = ja(), o = l(() => {
+	let n = la(), r = sa().value.variant, { isDisconnected: i } = ta(), a = Ma(), o = l(() => {
 		e.value = !e.value;
 	}, [e]);
 	return /* @__PURE__ */ w(S, { children: [
@@ -31853,7 +31844,7 @@ function FU({ expanded: e, onDismiss: t }) {
 //#endregion
 //#region src/widget/FullExpandableTrigger.tsx
 function IU({ expanded: e, className: t, onDismiss: n, ...r }) {
-	let { isDisconnected: i } = ea(), a = ja();
+	let { isDisconnected: i } = ta(), a = Ma();
 	return /* @__PURE__ */ w("div", {
 		className: po("transition-[border-radius] flex flex-col p-2", !e.value && i.value ? "rounded-sheet" : "rounded-compact-sheet", t),
 		...r,
@@ -31895,7 +31886,7 @@ function LU({ expanded: e, className: t, onDismiss: n, ...r }) {
 //#endregion
 //#region src/widget/TriggerLanguageSelect.tsx
 function RU({ visible: e, className: t, ...n }) {
-	let r = ja(), { language: i, showPicker: a } = bt();
+	let r = Ma(), { language: i, showPicker: a } = bt();
 	return a.value ? /* @__PURE__ */ C(cc, {
 		visible: e,
 		className: "p-1",
@@ -31917,7 +31908,7 @@ function RU({ visible: e, className: t, ...n }) {
 //#endregion
 //#region src/widget/TriggerActions.tsx
 function zU({ onDismiss: e }) {
-	let t = oa().value.variant, { isDisconnected: n, status: r } = ea();
+	let t = sa().value.variant, { isDisconnected: n, status: r } = ta();
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C(mU, {
 			isDisconnected: n.value,
@@ -31941,7 +31932,7 @@ function zU({ onDismiss: e }) {
 //#endregion
 //#region src/widget/FullTrigger.tsx
 function BU({ className: e, onDismiss: t, ...n }) {
-	let { isDisconnected: r } = ea(), i = ja();
+	let { isDisconnected: r } = ta(), i = Ma();
 	return /* @__PURE__ */ w("div", {
 		className: po("flex flex-col p-2 rounded-sheet", e),
 		...n,
@@ -31975,7 +31966,7 @@ function VU({ className: e, onDismiss: t, ...n }) {
 //#endregion
 //#region src/widget/Trigger.tsx
 function HU({ expandable: e, expanded: t, onDismiss: n }) {
-	let r = oa().value.variant, i = qi(), { isDisconnected: a } = ea(), o = l(async () => {
+	let r = sa().value.variant, i = qi(), { isDisconnected: a } = ta(), o = l(async () => {
 		await i.requestTerms(), t.value = !t.peek();
 	}, [t]), s = r === "full";
 	return e ? /* @__PURE__ */ C(s ? IU : LU, {
@@ -31991,7 +31982,7 @@ function HU({ expandable: e, expanded: t, onDismiss: n }) {
 //#endregion
 //#region src/widget/TermsModal.tsx
 function UU() {
-	let e = ja(), t = pa(), { dismissTerms: n, acceptTerms: r } = qi();
+	let e = Ma(), t = ma(), { dismissTerms: n, acceptTerms: r } = qi();
 	return /* @__PURE__ */ w("div", {
 		className: "max-w-[400px] flex flex-col gap-2 bg-base shadow-md pointer-events-auto rounded-sheet p-3 text-sm",
 		children: [/* @__PURE__ */ C("div", {
@@ -32013,7 +32004,7 @@ function UU() {
 //#endregion
 //#region src/components/CopyButton.tsx
 function WU({ copyText: e, children: t }) {
-	let n = ja(), [r, i] = g(!1);
+	let n = Ma(), [r, i] = g(!1);
 	return d(() => {
 		if (r) {
 			let e = setTimeout(() => {
@@ -32034,7 +32025,7 @@ function WU({ copyText: e, children: t }) {
 //#endregion
 //#region src/widget/ErrorModal.tsx
 function GU({ sawError: e }) {
-	let t = ja(), { error: n, lastId: r } = ea(), i = l(() => {
+	let t = Ma(), { error: n, lastId: r } = ta(), i = l(() => {
 		e.value = !0;
 	}, []);
 	return /* @__PURE__ */ w("div", {
@@ -32072,7 +32063,7 @@ function GU({ sawError: e }) {
 //#endregion
 //#region src/widget/PoweredBy.tsx
 function KU() {
-	let e = oa();
+	let e = sa();
 	return e.value.disable_banner ? null : /* @__PURE__ */ w("p", {
 		className: po("whitespace-nowrap [line-height:var(--el-overlay-padding)] text-[10px] px-3 z-10", e.value.placement.startsWith("top") ? "-translate-y-[calc(var(--el-overlay-padding))]" : "translate-y-[calc(var(--el-overlay-padding))]"),
 		children: [
@@ -32120,7 +32111,7 @@ var JU = {
 	bottom: `${YU.bottom} ${JU.center}`,
 	"bottom-right": `${YU.bottom} ${JU.right}`
 }, ZU = { display: "none" }, QU = c(function() {
-	let e = oa(), t = b(e.peek().default_expanded), n = b(!1), r = b(!1), { error: i, isDisconnected: a } = ea(), o = qi(), { variant: s } = dU(), c = y(() => e.value.transcript_enabled || e.value.text_input_enabled), l = Xi(), u = y(() => F("overlay !flex transition-[opacity] duration-200 data-hidden:opacity-0", XU[e.value.placement])), d = y(() => s.value === "fullscreen" ? F(u.value, XU.bottom) : u.value);
+	let e = sa(), t = b(e.peek().default_expanded), n = b(!1), r = b(!1), { error: i, isDisconnected: a } = ta(), o = qi(), { variant: s } = dU(), c = y(() => e.value.transcript_enabled || e.value.text_input_enabled), l = Xi(), u = y(() => F("overlay !flex transition-[opacity] duration-200 data-hidden:opacity-0", XU[e.value.placement])), d = y(() => s.value === "fullscreen" ? F(u.value, XU.bottom) : u.value);
 	x(() => {
 		i.value && (c.value ? (r.value = !0, t.value = !0) : r.value = !1);
 	}), x(() => {
@@ -32140,7 +32131,7 @@ var JU = {
 		/* @__PURE__ */ C(co, {
 			initial: !1,
 			active: v,
-			children: /* @__PURE__ */ C(Ia, {
+			children: /* @__PURE__ */ C(La, {
 				className: u,
 				style: ZU,
 				children: e.value.always_expanded ? /* @__PURE__ */ C(NU, { open: !0 }) : /* @__PURE__ */ w(S, { children: [c.value && /* @__PURE__ */ C(NU, { open: t }), /* @__PURE__ */ C(HU, {
@@ -32153,7 +32144,7 @@ var JU = {
 		/* @__PURE__ */ C(co, {
 			initial: !1,
 			active: T,
-			children: /* @__PURE__ */ C(Ia, {
+			children: /* @__PURE__ */ C(La, {
 				className: u,
 				style: ZU,
 				children: /* @__PURE__ */ C(UU, {})
@@ -32162,7 +32153,7 @@ var JU = {
 		/* @__PURE__ */ C(co, {
 			initial: !1,
 			active: E,
-			children: /* @__PURE__ */ C(Ia, {
+			children: /* @__PURE__ */ C(La, {
 				className: u,
 				style: ZU,
 				children: /* @__PURE__ */ C(GU, { sawError: r })
@@ -32171,7 +32162,7 @@ var JU = {
 		/* @__PURE__ */ C(co, {
 			initial: !1,
 			active: ee,
-			children: /* @__PURE__ */ C(Ia, {
+			children: /* @__PURE__ */ C(La, {
 				className: d,
 				style: ZU,
 				children: /* @__PURE__ */ C(KU, {})
@@ -32180,7 +32171,7 @@ var JU = {
 		/* @__PURE__ */ C(co, {
 			initial: !1,
 			active: te,
-			children: /* @__PURE__ */ C(Ia, {
+			children: /* @__PURE__ */ C(La, {
 				className: u,
 				style: ZU,
 				children: /* @__PURE__ */ C(qU, { onExpand: _ })
@@ -32188,7 +32179,7 @@ var JU = {
 		})
 	] });
 }), $U = "elevenlabs-agent:user-activity", eW = "elevenlabs-agent:user-message", tW = "elevenlabs-agent:contextual-update", nW = c(function({ children: e }) {
-	let { sendContextualUpdate: t, sendUserActivity: n, sendUserMessage: r } = ea(), i = Xi(), a = va();
+	let { sendContextualUpdate: t, sendUserActivity: n, sendUserMessage: r } = ta(), i = Xi(), a = ya();
 	return x(() => {
 		function e() {
 			n();
@@ -32216,7 +32207,7 @@ function iW(e) {
 function aW(e) {
 	return /* @__PURE__ */ C(Yi, { children: /* @__PURE__ */ C(ot, {
 		value: e,
-		children: /* @__PURE__ */ C(lt, { children: /* @__PURE__ */ C(aa, { children: /* @__PURE__ */ C(uU, { children: /* @__PURE__ */ C(yt, { children: /* @__PURE__ */ C(Ki, { children: /* @__PURE__ */ C(St, { children: /* @__PURE__ */ C($i, { children: /* @__PURE__ */ C(wa, { children: /* @__PURE__ */ C(Da, { children: /* @__PURE__ */ C(Aa, { children: /* @__PURE__ */ C(Na, { children: /* @__PURE__ */ C(Ls, { children: /* @__PURE__ */ w(Ps, { children: [/* @__PURE__ */ C(ba, {}), /* @__PURE__ */ C(nW, { children: /* @__PURE__ */ C(QU, {}) })] }) }) }) }) }) }) }) }) }) }) }) }) })
+		children: /* @__PURE__ */ C(lt, { children: /* @__PURE__ */ C(oa, { children: /* @__PURE__ */ C(uU, { children: /* @__PURE__ */ C(yt, { children: /* @__PURE__ */ C(Ki, { children: /* @__PURE__ */ C(St, { children: /* @__PURE__ */ C(ea, { children: /* @__PURE__ */ C(Ta, { children: /* @__PURE__ */ C(Oa, { children: /* @__PURE__ */ C(ja, { children: /* @__PURE__ */ C(Pa, { children: /* @__PURE__ */ C(Ls, { children: /* @__PURE__ */ w(Ps, { children: [/* @__PURE__ */ C(xa, {}), /* @__PURE__ */ C(nW, { children: /* @__PURE__ */ C(QU, {}) })] }) }) }) }) }) }) }) }) }) }) }) }) })
 	}) });
 }
 //#endregion

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const PACKAGE_VERSION = "0.12.3";
+export declare const PACKAGE_VERSION = "0.12.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/convai-widget-core",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "description": "The common library for the Conversational AI Widget.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",