polymorph-sdk 0.2.5 → 0.2.6

package/dist/index.js

@@ -16532,39 +16532,39 @@ function Lt() {
 			return s = c = void 0, p = t, u = n.apply(a, i), u;
 		}
 		function E(t) {
-			return p = t, d = setTimeout(R, i), m ? C(t) : u;
+			return p = t, d = setTimeout(j, i), m ? C(t) : u;
 		}
 		function O(t) {
 			var n = t - f, a = t - p, s = i - n;
 			return b ? v(s, l - a) : s;
 		}
-		function j(t) {
+		function Mg(t) {
 			var n = t - f, a = t - p;
 			return f === void 0 || n >= i || n < 0 || b && a >= l;
 		}
-		function R() {
+		function j() {
 			var t = y();
-			if (j(t)) return Gg(t);
-			d = setTimeout(R, O(t));
+			if (Mg(t)) return Ng(t);
+			d = setTimeout(j, O(t));
 		}
-		function Gg(t) {
+		function Ng(t) {
 			return d = void 0, S && s ? C(t) : (s = c = void 0, u);
 		}
-		function Kg() {
+		function Pg() {
 			d !== void 0 && clearTimeout(d), p = 0, s = f = c = d = void 0;
 		}
-		function V() {
-			return d === void 0 ? u : Gg(y());
+		function Fg() {
+			return d === void 0 ? u : Ng(y());
 		}
-		function H() {
-			var t = y(), n = j(t);
+		function R() {
+			var t = y(), n = Mg(t);
 			if (s = arguments, c = this, f = t, n) {
 				if (d === void 0) return E(f);
-				if (b) return d = setTimeout(R, i), C(f);
+				if (b) return d = setTimeout(j, i), C(f);
 			}
-			return d === void 0 && (d = setTimeout(R, i)), u;
+			return d === void 0 && (d = setTimeout(j, i)), u;
 		}
-		return H.cancel = Kg, H.flush = V, H;
+		return R.cancel = Pg, R.flush = Fg, R;
 	}
 	function x(t) {
 		var n = typeof t;
@@ -17680,45 +17680,47 @@ function RoomHandler({ setRoom: t, addMessage: n, isVoiceEnabled: i }) {
 	}, [a, n]), i ? /* @__PURE__ */ jsx(ba, {}) : null;
 }
 var styles_module_default = {
-	widgetRoot: "_widgetRoot_lqi22_1",
-	bottomRight: "_bottomRight_lqi22_11",
-	bottomLeft: "_bottomLeft_lqi22_16",
-	fab: "_fab_lqi22_22",
-	fabOpen: "_fabOpen_lqi22_42",
-	notificationDot: "_notificationDot_lqi22_53",
-	notificationPulse: "_notificationPulse_lqi22_1",
-	fabWiggle: "_fabWiggle_lqi22_75",
-	panel: "_panel_lqi22_101",
-	panelHidden: "_panelHidden_lqi22_121",
-	header: "_header_lqi22_126",
-	chatThread: "_chatThread_lqi22_133",
-	messageBubble: "_messageBubble_lqi22_142",
-	messageAppear: "_messageAppear_lqi22_1",
-	agentMessage: "_agentMessage_lqi22_161",
-	userMessage: "_userMessage_lqi22_166",
-	senderLabel: "_senderLabel_lqi22_170",
-	voiceLabel: "_voiceLabel_lqi22_176",
-	voiceOverlay: "_voiceOverlay_lqi22_181",
-	voiceBars: "_voiceBars_lqi22_190",
-	voiceBar: "_voiceBar_lqi22_190",
-	toggleGroup: "_toggleGroup_lqi22_223",
-	voiceToggle: "_voiceToggle_lqi22_228",
-	voiceToggleActive: "_voiceToggleActive_lqi22_248",
-	screenShareToggleActive: "_screenShareToggleActive_lqi22_256",
-	inputBar: "_inputBar_lqi22_264",
-	inputField: "_inputField_lqi22_271",
-	iconButton: "_iconButton_lqi22_293",
-	iconButtonActive: "_iconButtonActive_lqi22_320",
-	statusBadge: "_statusBadge_lqi22_323",
-	errorText: "_errorText_lqi22_329",
-	thinkingDots: "_thinkingDots_lqi22_334",
-	thinkingDot: "_thinkingDot_lqi22_334",
-	identityForm: "_identityForm_lqi22_365",
-	formField: "_formField_lqi22_373",
-	formLabel: "_formLabel_lqi22_378",
-	formInput: "_formInput_lqi22_383",
-	formError: "_formError_lqi22_401",
-	formSubmitButton: "_formSubmitButton_lqi22_405"
+	widgetRoot: "_widgetRoot_1e1lr_1",
+	bottomRight: "_bottomRight_1e1lr_11",
+	bottomLeft: "_bottomLeft_1e1lr_16",
+	fab: "_fab_1e1lr_22",
+	fabOpen: "_fabOpen_1e1lr_42",
+	notificationDot: "_notificationDot_1e1lr_53",
+	notificationPulse: "_notificationPulse_1e1lr_1",
+	fabWiggle: "_fabWiggle_1e1lr_75",
+	panel: "_panel_1e1lr_101",
+	panelHidden: "_panelHidden_1e1lr_121",
+	header: "_header_1e1lr_126",
+	chatThread: "_chatThread_1e1lr_133",
+	messageBubble: "_messageBubble_1e1lr_142",
+	messageAppear: "_messageAppear_1e1lr_1",
+	agentMessage: "_agentMessage_1e1lr_161",
+	userMessage: "_userMessage_1e1lr_166",
+	senderLabel: "_senderLabel_1e1lr_170",
+	voiceLabel: "_voiceLabel_1e1lr_176",
+	voiceOverlay: "_voiceOverlay_1e1lr_181",
+	voiceBars: "_voiceBars_1e1lr_190",
+	voiceBar: "_voiceBar_1e1lr_190",
+	toggleGroup: "_toggleGroup_1e1lr_223",
+	voiceToggle: "_voiceToggle_1e1lr_228",
+	voiceToggleActive: "_voiceToggleActive_1e1lr_248",
+	screenShareToggleActive: "_screenShareToggleActive_1e1lr_256",
+	inputBar: "_inputBar_1e1lr_264",
+	inputField: "_inputField_1e1lr_271",
+	iconButton: "_iconButton_1e1lr_293",
+	iconButtonActive: "_iconButtonActive_1e1lr_320",
+	statusBadge: "_statusBadge_1e1lr_323",
+	errorText: "_errorText_1e1lr_329",
+	thinkingDots: "_thinkingDots_1e1lr_334",
+	thinkingDot: "_thinkingDot_1e1lr_334",
+	identityForm: "_identityForm_1e1lr_365",
+	formField: "_formField_1e1lr_373",
+	formLabel: "_formLabel_1e1lr_378",
+	formInput: "_formInput_1e1lr_383",
+	formError: "_formError_1e1lr_401",
+	formSubmitButton: "_formSubmitButton_1e1lr_405",
+	termsBar: "_termsBar_1e1lr_424",
+	termsLabel: "_termsLabel_1e1lr_430"
 };
 function hexToMantineTuple(t) {
 	let n = Number.parseInt(t.slice(1, 3), 16), i = Number.parseInt(t.slice(3, 5), 16), a = Number.parseInt(t.slice(5, 7), 16), s = (t) => `#${[
@@ -17754,6 +17756,12 @@ function buildWidgetTheme(t = "#171717") {
 function resolveApiBaseUrl(t) {
 	return t || (typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") ? "http://localhost:8080" : "https://api.usepolymorph.com");
 }
+function uuid() {
+	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (t) => {
+		let n = Math.random() * 16 | 0;
+		return (t === "x" ? n : n & 3 | 8).toString(16);
+	});
+}
 function storageKey(t, n) {
 	return n ? `${t}:${n}` : t;
 }
@@ -17763,6 +17771,13 @@ function loadStoredIdentity(t) {
 		if (n) return JSON.parse(n);
 	} catch {}
 }
+function loadTermsAccepted(t) {
+	try {
+		return localStorage.getItem(storageKey("polymorph_tc_accepted", t)) === "true";
+	} catch {
+		return !1;
+	}
+}
 async function ensureCsrf(t, n, i) {
 	let a = storageKey("polymorph.csrf", n);
 	if (!sessionStorage.getItem(a)) try {
@@ -17792,19 +17807,19 @@ function buildAuthHeaders(t, n) {
 	return i;
 }
 function usePolymorphSession(t) {
-	let n = resolveApiBaseUrl(t.apiBaseUrl), a = t.configId || t.apiKey, [c, l] = useState("idle"), [f, p] = useState(null), [m, g] = useState([]), [v, y] = useState(!1), [b, x] = useState(!1), [S, C] = useState(!1), [w, E] = useState(!1), [O, j] = useState(!1), [R, Gg] = useState(0), [Kg, V] = useState(null), [H, qg] = useState(null), [K, Jg] = useState(t.user ?? loadStoredIdentity(a)), X = useRef(null), Yg = useRef([]), Xg = useRef(!1), Zg = useRef(t.fetchOptions);
-	Zg.current = t.fetchOptions, useEffect(() => {
+	let n = resolveApiBaseUrl(t.apiBaseUrl), a = t.autoCapture ?? !0, c = t.configId || t.apiKey, [l, f] = useState("idle"), [p, m] = useState(null), [g, v] = useState([]), [y, b] = useState(!1), [x, S] = useState(!1), [C, w] = useState(!1), [E, O] = useState(!1), [Mg, j] = useState(!1), [Ng, Pg] = useState(0), [Fg, R] = useState(null), [V, Ig] = useState(null), [H, Lg] = useState(t.user ?? loadStoredIdentity(c)), [Rg, zg] = useState(loadTermsAccepted(c)), K = useRef(null), Bg = useRef([]), Vg = useRef([]), Hg = useRef(!1), Ug = useRef(t.fetchOptions);
+	Ug.current = t.fetchOptions, useEffect(() => {
 		let i = !1;
-		async function s() {
+		async function a() {
 			try {
-				let s = Zg.current;
-				!t.apiKey && s?.credentials === "include" && await ensureCsrf(n, a, s);
-				let c = t.configId ? `?config_id=${t.configId}` : "", l = await fetch(`${n}/widget-configs/resolve${c}`, {
+				let a = Ug.current;
+				!t.apiKey && a?.credentials === "include" && await ensureCsrf(n, c, a);
+				let s = t.configId ? `?config_id=${t.configId}` : "", l = await fetch(`${n}/widget-configs/resolve${s}`, {
 					headers: {
-						...buildAuthHeaders(t, a),
-						...s?.headers instanceof Headers ? Object.fromEntries(s.headers.entries()) : s?.headers
+						...buildAuthHeaders(t, c),
+						...a?.headers instanceof Headers ? Object.fromEntries(a.headers.entries()) : a?.headers
 					},
-					credentials: s?.credentials
+					credentials: a?.credentials
 				});
 				if (!l.ok) return;
 				let u = await l.json();
@@ -17819,20 +17834,23 @@ function usePolymorphSession(t) {
 					enableVoice: u.enable_voice,
 					greeting: u.greeting,
 					collectEmail: u.collect_email,
-					collectPhone: u.collect_phone
+					collectPhone: u.collect_phone,
+					alwaysOn: u.always_on ?? !1,
+					enableTermsAndConditions: u.enable_terms_and_conditions ?? !1,
+					termsAndConditionsText: u.terms_and_conditions_text ?? ""
 				};
-				qg(d);
-				let f = K?.name, p = d.greeting || (f ? `Hey ${f}! How can I help ya today?` : "Hey! How can I help ya today?");
-				g((t) => t.length > 0 ? t : [{
+				Ig(d);
+				let f = H?.name, p = d.greeting || (f ? `Hey ${f}! How can I help ya today?` : "Hey! How can I help ya today?");
+				v((t) => t.length > 0 ? t : [{
 					id: "greeting",
 					role: "agent",
 					text: p,
 					source: "chat",
 					timestamp: Date.now()
-				}]), y(!1), x(!1);
+				}]), b(!1), S(!1);
 			} catch {}
 		}
-		return s(), () => {
+		return a(), () => {
 			i = !0;
 		};
 	}, [
@@ -17840,21 +17858,41 @@ function usePolymorphSession(t) {
 		t.apiKey,
 		t.configId,
 		t.agentName,
-		a,
+		c,
 		t,
-		K?.name
+		H?.name
 	]);
-	let Z = H ? {
-		collectEmail: H.collectEmail,
-		collectPhone: H.collectPhone
-	} : null, Qg = Z !== null && (Z.collectEmail !== "hidden" || Z.collectPhone !== "hidden") && !K?.name, $g = useCallback((t) => {
-		Jg(t);
+	let Wg = V ? {
+		collectEmail: V.collectEmail,
+		collectPhone: V.collectPhone
+	} : null, Gg = Wg !== null && (Wg.collectEmail !== "hidden" || Wg.collectPhone !== "hidden") && !H?.name, Kg = useCallback((t) => {
+		Lg(t);
 		try {
-			localStorage.setItem(storageKey("polymorph_user_identity", a), JSON.stringify(t));
+			localStorage.setItem(storageKey("polymorph_user_identity", c), JSON.stringify(t));
 		} catch {}
-	}, [a]), e_ = useCallback((t, n, i, a, s) => {
-		t === "agent" && !Xg.current && (j(!0), Gg((t) => t + 1)), g((c) => [...c, {
-			id: crypto.randomUUID(),
+	}, [c]), qg = useCallback(() => {
+		zg(!0);
+		try {
+			localStorage.setItem(storageKey("polymorph_tc_accepted", c), "true");
+		} catch {}
+	}, [c]), Jg = V?.enableTermsAndConditions === !0 && !Rg, Yg = useRef(typeof document < "u" ? document.title : ""), [X, Xg] = useState(0);
+	useEffect(() => {
+		if (X === 0) {
+			document.title = Yg.current;
+			return;
+		}
+		let t = Yg.current, n = !0;
+		document.title = `(${X}) New message${X > 1 ? "s" : ""} - ${t}`;
+		let i = setInterval(() => {
+			n = !n, document.title = n ? `(${X}) New message${X > 1 ? "s" : ""} - ${t}` : t;
+		}, 1500);
+		return () => {
+			clearInterval(i), document.title = t;
+		};
+	}, [X]);
+	let Zg = useCallback((t, n, i, a, s) => {
+		t === "agent" && !Hg.current && (j(!0), Pg((t) => t + 1), Xg((t) => t + 1)), v((c) => [...c, {
+			id: uuid(),
 			role: t,
 			text: n,
 			source: i,
@@ -17862,137 +17900,206 @@ function usePolymorphSession(t) {
 			senderName: a,
 			senderType: s
 		}]);
-	}, []), t_ = useCallback(() => {
-		j(!1);
-	}, []), n_ = useCallback((t) => {
-		Xg.current = t, t && j(!1);
-	}, []), Q = useCallback(async () => {
-		if (!(c === "connecting" || c === "connected")) {
-			l("connecting"), V(null);
+	}, []), Qg = useCallback(() => {
+		j(!1), Xg(0);
+	}, []), $g = useCallback((t) => {
+		Hg.current = t, t && (j(!1), Xg(0));
+	}, []), Z = useCallback(async () => {
+		if (!(l === "connecting" || l === "connected")) {
+			f("connecting"), R(null);
 			try {
-				let { headers: i,...s } = t.fetchOptions ?? {}, c = {};
-				if (t.apiKey) c.Authorization = `Bearer ${t.apiKey}`;
-				else if (s.credentials === "include") {
-					await ensureCsrf(n, a, s);
-					let t = sessionStorage.getItem(storageKey("polymorph.csrf", a));
-					t && (c["x-csrf-token"] = t);
+				let { headers: i,...a } = t.fetchOptions ?? {}, s = {};
+				if (t.apiKey) s.Authorization = `Bearer ${t.apiKey}`;
+				else if (a.credentials === "include") {
+					await ensureCsrf(n, c, a);
+					let t = sessionStorage.getItem(storageKey("polymorph.csrf", c));
+					t && (s["x-csrf-token"] = t);
 				}
-				let l = storageKey("polymorph_widget_session", a), u = localStorage.getItem(l) ?? void 0;
-				u || (u = `widget-session-${crypto.randomUUID().slice(0, 12)}`, localStorage.setItem(l, u));
-				let d = H?.id ?? t.configId, f = await fetch(`${n}/voice-rooms/start`, {
+				let l = storageKey("polymorph_widget_session", c), u = localStorage.getItem(l) ?? void 0;
+				u || (u = `widget-session-${uuid().slice(0, 12)}`, localStorage.setItem(l, u));
+				let d = V?.id ?? t.configId, f = await fetch(`${n}/voice-rooms/start`, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
-						...c,
+						...s,
 						...i instanceof Headers ? Object.fromEntries(i.entries()) : i
 					},
 					body: JSON.stringify({
 						agent_name: t.agentName || "custom-voice-agent",
 						config_id: d ?? void 0,
 						metadata: d ? void 0 : t.metadata,
-						user_name: K?.name,
-						user_email: K?.email,
-						user_phone: K?.phone,
+						user_name: H?.name,
+						user_email: H?.email,
+						user_phone: H?.phone,
 						external_user_id: u
 					}),
-					...s
+					...a
 				});
-				if (f.status === 403 && sessionStorage.removeItem(storageKey("polymorph.csrf", a)), !f.ok) throw Error(await f.text() || "Failed to start session");
-				let m = await f.json();
-				p({
-					token: m.token,
-					livekitUrl: m.livekit_url
-				}), m.id && m.join_token && t.onSessionStart?.({
-					roomId: m.id,
-					joinToken: m.join_token
+				if (f.status === 403 && sessionStorage.removeItem(storageKey("polymorph.csrf", c)), !f.ok) throw Error(await f.text() || "Failed to start session");
+				let p = await f.json();
+				m({
+					token: p.token,
+					livekitUrl: p.livekit_url
+				}), p.id && p.join_token && t.onSessionStart?.({
+					roomId: p.id,
+					joinToken: p.join_token
 				});
 			} catch (t) {
-				V(t instanceof Error ? t.message : "Something went wrong"), l("error");
+				R(t instanceof Error ? t.message : "Something went wrong"), f("error");
 			}
 		}
 	}, [
 		t,
-		c,
-		K,
+		l,
 		H,
+		V,
 		n,
-		a
+		c
 	]);
-	return {
-		status: c,
-		roomConnection: f,
-		messages: m,
-		isVoiceEnabled: v,
-		isMicActive: b,
-		isScreenSharing: S,
-		hasObserver: w,
-		hasUnread: O,
-		wiggleKey: R,
-		error: Kg,
-		needsIdentityForm: Qg,
-		identityCollection: Z,
-		resolvedConfig: H,
-		connect: Q,
-		disconnect: useCallback(() => {
-			X.current?.disconnect(), X.current = null, p(null), l("idle"), y(!1), x(!1), C(!1), E(!1);
-		}, []),
-		addMessage: e_,
-		sendMessage: useCallback((t) => {
-			if (!t.trim()) return;
-			let n = t.trim();
-			e_("user", n, "chat");
-			let i = X.current;
-			if (i) {
-				let t = new TextEncoder().encode(JSON.stringify({ text: n }));
-				i.localParticipant.publishData(t, {
-					reliable: !0,
-					topic: "chat_message"
-				});
-			} else Yg.current.push(n), Q();
-		}, [e_, Q]),
-		toggleMic: useCallback(async () => {
-			let t = X.current;
-			if (t) try {
-				let n = !t.localParticipant.isMicrophoneEnabled;
-				await t.localParticipant.setMicrophoneEnabled(n), x(n);
-			} catch {}
-		}, []),
-		toggleVoice: useCallback(async () => {
-			let t = X.current;
-			if (!t) {
-				y(!0), x(!0), await Q();
-				return;
+	useEffect(() => {
+		V?.alwaysOn && l === "idle" && Z();
+	}, [
+		V?.alwaysOn,
+		l,
+		Z
+	]);
+	let e_ = useCallback(() => {
+		K.current?.disconnect(), K.current = null, m(null), f("idle"), b(!1), S(!1), w(!1), O(!1);
+	}, []), t_ = useCallback((t) => {
+		if (!t.trim()) return;
+		let n = t.trim();
+		Zg("user", n, "chat");
+		let i = K.current;
+		if (i) {
+			let t = new TextEncoder().encode(JSON.stringify({ text: n }));
+			i.localParticipant.publishData(t, {
+				reliable: !0,
+				topic: "chat_message"
+			});
+		} else Bg.current.push(n), Z();
+	}, [Zg, Z]), n_ = useCallback(async () => {
+		let t = K.current;
+		if (t) try {
+			let n = !t.localParticipant.isMicrophoneEnabled;
+			await t.localParticipant.setMicrophoneEnabled(n), S(n);
+		} catch (t) {
+			t instanceof DOMException && t.name === "NotAllowedError" && R("Microphone access denied. Please allow mic access in your browser settings.");
+		}
+	}, []), r_ = useCallback(async () => {
+		let t = K.current;
+		if (!t) {
+			b(!0), S(!0), await Z();
+			return;
+		}
+		try {
+			let n = !y;
+			await t.localParticipant.setMicrophoneEnabled(n), b(n), S(n);
+			let i = new TextEncoder().encode(JSON.stringify({ voice_enabled: n }));
+			t.localParticipant.publishData(i, {
+				reliable: !0,
+				topic: "voice_mode"
+			});
+		} catch (t) {
+			t instanceof DOMException && t.name === "NotAllowedError" && (R("Microphone access denied. Please allow mic access in your browser settings."), b(!1), S(!1));
+		}
+	}, [y, Z]), i_ = useCallback(async () => {
+		let t = K.current;
+		if (t) try {
+			let n = !t.localParticipant.isScreenShareEnabled;
+			await t.localParticipant.setScreenShareEnabled(n), w(n);
+		} catch {}
+	}, []), Q = useCallback((t, n) => {
+		let i = {
+			type: t,
+			payload: n,
+			url: typeof window < "u" ? window.location.href : void 0,
+			timestamp: Date.now()
+		}, a = K.current;
+		if (a) {
+			let t = new TextEncoder().encode(JSON.stringify(i));
+			a.localParticipant.publishData(t, {
+				reliable: !0,
+				topic: "widget_event"
+			});
+		} else Vg.current.push(i);
+	}, []);
+	return useEffect(() => {
+		a && Q("page_view", { referrer: typeof document < "u" ? document.referrer : "" });
+	}, [a, Q]), useEffect(() => {
+		if (!a) return;
+		let t, n = () => {
+			clearTimeout(t), t = setTimeout(() => Q("idle"), 3e4);
+		}, i = [
+			"mousemove",
+			"keydown",
+			"click",
+			"scroll",
+			"touchstart"
+		];
+		for (let t of i) window.addEventListener(t, n, { passive: !0 });
+		return n(), () => {
+			clearTimeout(t);
+			for (let t of i) window.removeEventListener(t, n);
+		};
+	}, [a, Q]), useEffect(() => {
+		if (!a) return;
+		let t = [], n = (n) => {
+			let i = Date.now();
+			for (t.push({
+				target: n.target,
+				time: i
+			}); t.length > 0 && i - t[0].time > 1e3;) t.shift();
+			if (t.filter((t) => t.target === n.target).length >= 3) {
+				let i = n.target;
+				Q("rage_click", {
+					element: i?.tagName?.toLowerCase(),
+					text: i?.textContent?.slice(0, 100)
+				}), t.length = 0;
 			}
-			try {
-				let n = !v;
-				await t.localParticipant.setMicrophoneEnabled(n), y(n), x(n);
-				let i = new TextEncoder().encode(JSON.stringify({ voice_enabled: n }));
-				t.localParticipant.publishData(i, {
-					reliable: !0,
-					topic: "voice_mode"
-				});
-			} catch {}
-		}, [v, Q]),
-		toggleScreenShare: useCallback(async () => {
-			let t = X.current;
-			if (t) try {
-				let n = !t.localParticipant.isScreenShareEnabled;
-				await t.localParticipant.setScreenShareEnabled(n), C(n);
-			} catch {}
-		}, []),
+		};
+		return window.addEventListener("click", n), () => window.removeEventListener("click", n);
+	}, [a, Q]), {
+		status: l,
+		roomConnection: p,
+		messages: g,
+		isVoiceEnabled: y,
+		isMicActive: x,
+		isScreenSharing: C,
+		hasObserver: E,
+		hasUnread: Mg,
+		wiggleKey: Ng,
+		error: Fg,
+		needsIdentityForm: Gg,
+		identityCollection: Wg,
+		resolvedConfig: V,
+		connect: Z,
+		disconnect: e_,
+		addMessage: Zg,
+		sendMessage: t_,
+		toggleMic: n_,
+		toggleVoice: r_,
+		toggleScreenShare: i_,
 		setRoom: useCallback((t) => {
-			if (X.current = t, t) {
-				l("connected");
+			if (K.current = t, t) {
+				f("connected");
 				let n = () => {
-					E(Array.from(t.remoteParticipants.values()).some((t) => t.kind !== ParticipantInfo_Kind.AGENT));
+					O(Array.from(t.remoteParticipants.values()).some((t) => t.kind !== ParticipantInfo_Kind.AGENT));
 				};
 				n(), t.on(RoomEvent.ParticipantConnected, n), t.on(RoomEvent.ParticipantDisconnected, n);
-				let i = Yg.current.splice(0);
-				if (i.length > 0) {
-					let n = !1, a = () => {
+				let i = Vg.current.splice(0);
+				for (let n of i) {
+					let i = new TextEncoder().encode(JSON.stringify(n));
+					t.localParticipant.publishData(i, {
+						reliable: !0,
+						topic: "widget_event"
+					});
+				}
+				let a = Bg.current.splice(0);
+				if (a.length > 0) {
+					let n = !1, i = () => {
 						if (!n) {
 							n = !0;
-							for (let n of i) {
+							for (let n of a) {
 								let i = new TextEncoder().encode(JSON.stringify({ text: n }));
 								t.localParticipant.publishData(i, {
 									reliable: !0,
@@ -18001,21 +18108,25 @@ function usePolymorphSession(t) {
 							}
 						}
 					};
-					if (t.remoteParticipants.size > 0) setTimeout(a, 500);
+					if (t.remoteParticipants.size > 0) setTimeout(i, 500);
 					else {
 						let n = () => {
-							t.off(RoomEvent.ParticipantConnected, n), setTimeout(a, 500);
+							t.off(RoomEvent.ParticipantConnected, n), setTimeout(i, 500);
 						};
 						t.on(RoomEvent.ParticipantConnected, n), setTimeout(() => {
-							t.off(RoomEvent.ParticipantConnected, n), a();
+							t.off(RoomEvent.ParticipantConnected, n), i();
 						}, 5e3);
 					}
 				}
 			}
 		}, []),
-		setUser: $g,
-		clearUnread: t_,
-		setPanelOpen: n_
+		setUser: Kg,
+		clearUnread: Qg,
+		setPanelOpen: $g,
+		emitEvent: Q,
+		setError: R,
+		needsTermsAcceptance: Jg,
+		acceptTerms: qg
 	};
 }
 function ChatThread({ messages: t, primaryColor: n, status: a }) {
@@ -18064,42 +18175,44 @@ function ChatThread({ messages: t, primaryColor: n, status: a }) {
 	});
 }
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,}$/, PHONE_DIGITS_RE = /\d/g;
-function IdentityForm({ collectEmail: t, collectPhone: n, primaryColor: a, onSubmit: s }) {
-	let [c, l] = useState(""), [u, f] = useState(""), [g, v] = useState(""), [y, b] = useState({}), x = useCallback(() => {
+function IdentityForm({ collectEmail: t, collectPhone: n, primaryColor: a, onSubmit: s, enableTermsAndConditions: c, termsAndConditionsText: l }) {
+	let [u, f] = useState(""), [g, v] = useState(""), [y, b] = useState(""), [x, S] = useState(!1), [C, w] = useState({}), E = useCallback(() => {
 		let i = {};
-		if (c.trim() || (i.name = "Name is required"), t === "required" && !u.trim() && (i.email = "Email is required"), u.trim() && !EMAIL_RE.test(u.trim()) && (i.email = "Invalid email format"), n === "required" && !g.trim() && (i.phone = "Phone is required"), g.trim()) {
-			let t = (g.trim().match(PHONE_DIGITS_RE) || []).length;
+		if (u.trim() || (i.name = "Name is required"), t === "required" && !g.trim() && (i.email = "Email is required"), g.trim() && !EMAIL_RE.test(g.trim()) && (i.email = "Invalid email format"), n === "required" && !y.trim() && (i.phone = "Phone is required"), y.trim()) {
+			let t = (y.trim().match(PHONE_DIGITS_RE) || []).length;
 			(t < 7 || t > 15) && (i.phone = "Enter a valid phone number (7–15 digits)");
 		}
-		return t === "optional" && n === "optional" && !u.trim() && !g.trim() && (i.contact = "Please provide either an email or phone number"), i;
+		return t === "optional" && n === "optional" && !g.trim() && !y.trim() && (i.contact = "Please provide either an email or phone number"), c && !x && (i.terms = "You must accept the terms and conditions"), i;
 	}, [
-		c,
 		u,
 		g,
+		y,
 		t,
-		n
-	]), S = useCallback((t) => {
+		n,
+		c,
+		x
+	]), O = useCallback((t) => {
 		t.preventDefault();
-		let n = x();
+		let n = E();
 		if (Object.keys(n).length > 0) {
-			b(n);
+			w(n);
 			return;
 		}
 		s({
-			name: c.trim(),
-			...u.trim() && { email: u.trim() },
-			...g.trim() && { phone: g.trim() }
+			name: u.trim(),
+			...g.trim() && { email: g.trim() },
+			...y.trim() && { phone: y.trim() }
 		});
 	}, [
-		x,
+		E,
 		s,
-		c,
 		u,
-		g
+		g,
+		y
 	]);
 	return /* @__PURE__ */ jsxs("form", {
 		className: styles_module_default.identityForm,
-		onSubmit: S,
+		onSubmit: O,
 		children: [
 			/* @__PURE__ */ jsxs("label", {
 				className: styles_module_default.formField,
@@ -18114,13 +18227,13 @@ function IdentityForm({ collectEmail: t, collectPhone: n, primaryColor: a, onSub
 					/* @__PURE__ */ jsx("input", {
 						className: styles_module_default.formInput,
 						type: "text",
-						value: c,
-						onChange: (t) => l(t.target.value),
+						value: u,
+						onChange: (t) => f(t.target.value),
 						placeholder: "Your name"
 					}),
-					y.name && /* @__PURE__ */ jsx("div", {
+					C.name && /* @__PURE__ */ jsx("div", {
 						className: styles_module_default.formError,
-						children: y.name
+						children: C.name
 					})
 				]
 			}),
@@ -18141,13 +18254,13 @@ function IdentityForm({ collectEmail: t, collectPhone: n, primaryColor: a, onSub
 					/* @__PURE__ */ jsx("input", {
 						className: styles_module_default.formInput,
 						type: "email",
-						value: u,
-						onChange: (t) => f(t.target.value),
+						value: g,
+						onChange: (t) => v(t.target.value),
 						placeholder: "you@example.com"
 					}),
-					y.email && /* @__PURE__ */ jsx("div", {
+					C.email && /* @__PURE__ */ jsx("div", {
 						className: styles_module_default.formError,
-						children: y.email
+						children: C.email
 					})
 				]
 			}),
@@ -18168,19 +18281,31 @@ function IdentityForm({ collectEmail: t, collectPhone: n, primaryColor: a, onSub
 					/* @__PURE__ */ jsx("input", {
 						className: styles_module_default.formInput,
 						type: "tel",
-						value: g,
-						onChange: (t) => v(t.target.value),
+						value: y,
+						onChange: (t) => b(t.target.value),
 						placeholder: "+1 (555) 123-4567"
 					}),
-					y.phone && /* @__PURE__ */ jsx("div", {
+					C.phone && /* @__PURE__ */ jsx("div", {
 						className: styles_module_default.formError,
-						children: y.phone
+						children: C.phone
 					})
 				]
 			}),
-			y.contact && /* @__PURE__ */ jsx("div", {
+			C.contact && /* @__PURE__ */ jsx("div", {
+				className: styles_module_default.formError,
+				children: C.contact
+			}),
+			c && /* @__PURE__ */ jsxs("label", {
+				className: styles_module_default.termsLabel,
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: x,
+					onChange: (t) => S(t.target.checked)
+				}), /* @__PURE__ */ jsx("span", { children: l })]
+			}),
+			C.terms && /* @__PURE__ */ jsx("div", {
 				className: styles_module_default.formError,
-				children: y.contact
+				children: C.terms
 			}),
 			/* @__PURE__ */ jsx("button", {
 				type: "submit",
@@ -18447,7 +18572,11 @@ function WidgetPanel({ session: t, onClose: n, hidden: a }) {
 			collectEmail: t.identityCollection.collectEmail,
 			collectPhone: t.identityCollection.collectPhone,
 			primaryColor: v,
-			onSubmit: t.setUser
+			onSubmit: (n) => {
+				t.setUser(n), g?.enableTermsAndConditions && t.acceptTerms();
+			},
+			enableTermsAndConditions: g?.enableTermsAndConditions,
+			termsAndConditionsText: g?.termsAndConditionsText
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(ChatThread, {
 				messages: t.messages,
@@ -18467,6 +18596,18 @@ function WidgetPanel({ session: t, onClose: n, hidden: a }) {
 				className: styles_module_default.errorText,
 				children: t.error
 			}),
+			t.needsTermsAcceptance && g?.termsAndConditionsText && /* @__PURE__ */ jsx("div", {
+				className: styles_module_default.termsBar,
+				children: /* @__PURE__ */ jsxs("label", {
+					className: styles_module_default.termsLabel,
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						onChange: (n) => {
+							n.target.checked && t.acceptTerms();
+						}
+					}), /* @__PURE__ */ jsx("span", { children: g.termsAndConditionsText })]
+				})
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: styles_module_default.inputBar,
 				children: [
@@ -18478,14 +18619,14 @@ function WidgetPanel({ session: t, onClose: n, hidden: a }) {
 						onChange: (t) => c(t.target.value),
 						onInput: S,
 						onKeyDown: x,
-						disabled: t.status === "connecting",
+						disabled: t.status === "connecting" || t.needsTermsAcceptance,
 						rows: 1
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						className: styles_module_default.iconButton,
 						onClick: b,
-						disabled: !s.trim() || t.status === "connecting",
+						disabled: !s.trim() || t.status === "connecting" || t.needsTermsAcceptance,
 						children: /* @__PURE__ */ jsx(SendIcon, {})
 					}),
 					t.isVoiceEnabled && y && t.status === "connected" && /* @__PURE__ */ jsx("button", {
@@ -18533,57 +18674,60 @@ function FabCloseIcon() {
 	});
 }
 function PolymorphWidget(t) {
-	let [n, i] = useState(!1), a = usePolymorphSession(t), c = a.resolvedConfig, f = c?.primaryColor || "#171717", g = c?.position || "bottom-right", v = c?.darkMode ?? !1, y = buildWidgetTheme(f), { hasUnread: b, clearUnread: x, setPanelOpen: S } = a, C = useRef(null);
+	let [n, a] = useState(!1), c = usePolymorphSession(t), f = c.resolvedConfig, g = f?.primaryColor || "#171717", v = f?.position || "bottom-right", y = f?.darkMode ?? !1, b = buildWidgetTheme(g), { hasUnread: x, clearUnread: S, setPanelOpen: C } = c, w = useRef(null);
 	useEffect(() => {
-		let t = () => a.disconnect();
+		let t = () => c.disconnect();
 		return window.addEventListener("beforeunload", t), () => {
-			window.removeEventListener("beforeunload", t), a.disconnect();
+			window.removeEventListener("beforeunload", t), c.disconnect();
 		};
-	}, [a.disconnect]);
-	let w = useMemo(() => a.isVoiceEnabled ? {
+	}, [c.disconnect]);
+	let E = useCallback((t) => {
+		t === MediaDeviceFailure.PermissionDenied && c.setError("Microphone access denied. Please allow mic access in your browser settings.");
+	}, [c.setError]), O = useMemo(() => c.isVoiceEnabled ? {
 		echoCancellation: !0,
 		noiseSuppression: !0,
 		autoGainControl: !0
-	} : !1, [a.isVoiceEnabled]);
+	} : !1, [c.isVoiceEnabled]);
 	return /* @__PURE__ */ jsx("div", {
-		ref: C,
-		className: `polymorph-widget ${styles_module_default.widgetRoot} ${g === "bottom-left" ? styles_module_default.bottomLeft : styles_module_default.bottomRight}`,
-		style: { colorScheme: v ? "dark" : "light" },
+		ref: w,
+		className: `polymorph-widget ${styles_module_default.widgetRoot} ${v === "bottom-left" ? styles_module_default.bottomLeft : styles_module_default.bottomRight}`,
+		style: { colorScheme: y ? "dark" : "light" },
 		children: /* @__PURE__ */ jsxs(MantineProvider, {
-			theme: y,
-			forceColorScheme: v ? "dark" : "light",
+			theme: b,
+			forceColorScheme: y ? "dark" : "light",
 			cssVariablesSelector: ".polymorph-widget",
-			getRootElement: () => C.current ?? void 0,
+			getRootElement: () => w.current ?? void 0,
 			children: [
 				/* @__PURE__ */ jsx(WidgetPanel, {
-					session: a,
+					session: c,
 					onClose: () => {
-						i(!1), S(!1);
+						a(!1), C(!1);
 					},
 					hidden: !n
 				}),
 				/* @__PURE__ */ jsxs("button", {
 					type: "button",
-					className: `${styles_module_default.fab} ${n ? styles_module_default.fabOpen : ""} ${b && !n ? styles_module_default.fabWiggle : ""}`,
-					style: { backgroundColor: f },
+					className: `${styles_module_default.fab} ${n ? styles_module_default.fabOpen : ""} ${x && !n ? styles_module_default.fabWiggle : ""}`,
+					style: { backgroundColor: g },
 					onClick: () => {
 						let t = !n;
-						i(t), S(t), t && x();
+						a(t), C(t), t && S();
 					},
-					children: [b && !n && /* @__PURE__ */ jsx("span", { className: styles_module_default.notificationDot }), jsx(n ? FabCloseIcon : ChatIcon, {})]
-				}, a.wiggleKey),
-				a.roomConnection && /* @__PURE__ */ jsx(W, {
-					token: a.roomConnection.token,
-					serverUrl: a.roomConnection.livekitUrl,
+					children: [x && !n && /* @__PURE__ */ jsx("span", { className: styles_module_default.notificationDot }), jsx(n ? FabCloseIcon : ChatIcon, {})]
+				}, c.wiggleKey),
+				c.roomConnection && /* @__PURE__ */ jsx(W, {
+					token: c.roomConnection.token,
+					serverUrl: c.roomConnection.livekitUrl,
 					connect: !0,
-					audio: w,
+					audio: O,
 					video: !1,
 					style: { display: "none" },
-					onDisconnected: a.disconnect,
+					onDisconnected: c.disconnect,
+					onMediaDeviceFailure: E,
 					children: /* @__PURE__ */ jsx(RoomHandler, {
-						setRoom: a.setRoom,
-						addMessage: a.addMessage,
-						isVoiceEnabled: a.isVoiceEnabled
+						setRoom: c.setRoom,
+						addMessage: c.addMessage,
+						isVoiceEnabled: c.isVoiceEnabled
 					})
 				})
 			]