@pagelines/sdk 1.0.878 → 1.0.880

package/dist/BotProvider.js

@@ -0,0 +1,777 @@
+import "./rolldown-runtime.js";
+import { SOCIAL_PLATFORMS as e } from "./constants.js";
+import { a as t, c as n, d as r, f as i, n as a, o, p as s, s as c, t as l, u } from "./BotWrap.js";
+import { Bot as d, getColorSchemeOklch as ee } from "@pagelines/core";
+import { Fragment as f, Transition as p, TransitionGroup as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, normalizeClass as E, normalizeProps as D, normalizeStyle as O, onMounted as k, onUnmounted as te, openBlock as A, ref as j, renderList as M, renderSlot as N, shallowRef as ne, toDisplayString as P, unref as F, watch as I, withCtx as L, withKeys as R, withModifiers as z } from "vue";
+//#region bot/schema.ts
+var B = [
+	{
+		mode: "self",
+		label: "Overview",
+		icon: "i-tabler-user-square-rounded"
+	},
+	{
+		mode: "talk",
+		label: "Talk",
+		icon: "i-tabler-phone"
+	},
+	{
+		mode: "chat",
+		label: "Chat",
+		icon: "i-tabler-message-circle"
+	},
+	{
+		mode: "info",
+		label: "About",
+		icon: "i-tabler-user-circle"
+	}
+], V = /* @__PURE__ */ C({
+	__name: "EffectTransitionList",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		mode: { default: "block" }
+	},
+	setup(e) {
+		return (t, n) => (A(), g(m, { name: e.disabled ? "" : "nlist" }, {
+			default: L(() => [N(t.$slots, "default")]),
+			_: 3
+		}, 8, ["name"]));
+	}
+}), H = ["data-test-mode"], U = { class: "w-full max-w-xs space-y-12" }, W = {
+	key: 0,
+	class: "text-xs text-theme-400 text-center"
+}, G = { class: "text-base font-light text-white text-center" }, K = { class: "space-y-6 relative" }, q = {
+	key: "email-field",
+	class: "w-full"
+}, re = {
+	key: "code-field",
+	class: "w-full"
+}, J = /* @__PURE__ */ C({
+	__name: "ElAuthGate",
+	props: { sdk: {} },
+	setup(e) {
+		let t = j({
+			email: "",
+			code: ""
+		}), r = j("email"), i = j(!1), a = {
+			email: {
+				title: "Enter Your Email",
+				button: {
+					label: "Continue",
+					disabled: () => !t.value.email || i.value
+				},
+				action: async () => {
+					if (!i.value) {
+						i.value = !0;
+						try {
+							await e.sdk.auth.requestAuthCode({ email: t.value.email }) && (r.value = "code");
+						} finally {
+							i.value = !1;
+						}
+					}
+				}
+			},
+			code: {
+				title: "Enter Verification Code",
+				button: {
+					label: "Verify",
+					disabled: () => t.value.code.length !== 6 || i.value
+				},
+				action: async () => {
+					if (!i.value) {
+						i.value = !0;
+						try {
+							await e.sdk.auth.loginWithCode({
+								email: t.value.email,
+								code: t.value.code
+							});
+						} finally {
+							i.value = !1;
+						}
+					}
+				}
+			}
+		}, s = h(() => a[r.value]);
+		return I(() => e.sdk.activeUser.value, (e) => {
+			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
+		}), (i, a) => (A(), v("div", {
+			"data-test": "auth-form",
+			"data-test-mode": r.value,
+			class: "flex flex-col items-center justify-center h-full p-6"
+		}, [y("div", U, [
+			e.sdk.error.value ? (A(), v("p", W, P(e.sdk.error.value), 1)) : _("", !0),
+			y("h3", G, P(s.value.title), 1),
+			y("div", K, [S(V, null, {
+				default: L(() => [r.value === "email" ? (A(), v("div", q, [S(c, {
+					modelValue: t.value.email,
+					"onUpdate:modelValue": a[0] || (a[0] = (e) => t.value.email = e),
+					"data-test": "auth-email-input",
+					onKeyup: R(s.value.action, ["enter"])
+				}, null, 8, ["modelValue", "onKeyup"])])) : (A(), v("div", re, [S(o, {
+					modelValue: t.value.code,
+					"onUpdate:modelValue": a[1] || (a[1] = (e) => t.value.code = e),
+					length: 6,
+					"focus-first": !0,
+					"data-test": "auth-code-input",
+					onAutoSubmit: s.value.action
+				}, null, 8, ["modelValue", "onAutoSubmit"])])), (A(), v("div", {
+					key: s.value.button.label,
+					class: "space-y-4 w-full"
+				}, [S(n, {
+					theme: "primary",
+					size: "md",
+					class: "w-full",
+					"data-test": "auth-submit",
+					loading: e.sdk.loading.value,
+					disabled: s.value.button.disabled() || e.sdk.loading.value,
+					onClick: s.value.action
+				}, {
+					default: L(() => [x(P(s.value.button.label), 1)]),
+					_: 1
+				}, 8, [
+					"loading",
+					"disabled",
+					"onClick"
+				]), r.value === "code" ? (A(), v("button", {
+					key: 0,
+					class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
+					onClick: a[2] || (a[2] = (e) => r.value = "email")
+				}, " Change Email ")) : _("", !0)]))]),
+				_: 1
+			})])
+		])], 8, H));
+	}
+}), Y = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, X = { class: "flex-1 space-y-6 pb-12" }, ie = {
+	key: 0,
+	class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
+}, ae = { class: "text-white/70 leading-relaxed whitespace-pre-wrap" }, oe = {
+	key: 1,
+	class: "space-y-3"
+}, se = ["href"], ce = {
+	key: 2,
+	class: "space-y-3"
+}, le = { class: "grid grid-cols-2 gap-3" }, ue = ["href"], de = /* @__PURE__ */ C({
+	__name: "ElBotAbout",
+	props: {
+		bot: {},
+		isOnline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		return (r, i) => (A(), v("div", Y, [S(t, {
+			bot: n.bot,
+			"is-online": n.isOnline
+		}, null, 8, ["bot", "is-online"]), y("div", X, [
+			n.bot.summary.value ? (A(), v("div", ie, [i[0] || (i[0] = y("h3", { class: "font-medium text-white/50" }, " About ", -1)), y("p", ae, P(n.bot.summary.value), 1)])) : _("", !0),
+			n.bot.email.value ? (A(), v("div", oe, [i[2] || (i[2] = y("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), y("a", {
+				href: `mailto:${n.bot.email.value}`,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				class: "relative inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10 w-full"
+			}, [...i[1] || (i[1] = [y("span", { class: "i-heroicons-envelope flex items-center size-[1.1em] mt-[-.07em]" }, null, -1), x(" Email ", -1)])], 8, se)])) : _("", !0),
+			n.bot.accounts.value && n.bot.accounts.value.length > 0 ? (A(), v("div", ce, [i[3] || (i[3] = y("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), y("div", le, [(A(!0), v(f, null, M(n.bot.accounts.value, (t) => (A(), v("a", {
+				key: `${t.platform}-${t.handle}`,
+				href: F(e)[t.platform].getUrl(t.handle),
+				target: "_blank",
+				rel: "noopener noreferrer",
+				class: "relative inline-flex items-center justify-center gap-2 rounded-full px-4 py-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer bg-white/10 hover:bg-white/20 border border-white/20 text-white/80 text-sm"
+			}, [y("span", { class: E(["flex items-center size-[1.1em] mt-[-.07em]", F(e)[t.platform].icon]) }, null, 2), x(" " + P(F(e)[t.platform].label), 1)], 8, ue))), 128))])])) : _("", !0)
+		])]));
+	}
+}), fe = { class: "flex flex-col items-center text-center gap-4" }, pe = { class: "relative flex-shrink-0" }, me = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, he = ["src", "alt"], ge = { class: "absolute top-1.5 right-1.5" }, _e = {
+	key: 1,
+	class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
+}, ve = { class: "min-w-0" }, ye = { class: "text-3xl font-light text-white mb-2 truncate" }, be = { class: "text-base font-light text-white/60 line-clamp-1" }, xe = /* @__PURE__ */ C({
+	__name: "ElBotHeader",
+	props: {
+		bot: {},
+		isOnline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		return (t, n) => (A(), v("div", fe, [y("div", pe, [y("div", me, [y("img", {
+			src: e.bot.avatarUrl.value,
+			alt: e.bot.displayName.value,
+			class: "w-full h-full object-cover",
+			onError: n[0] || (n[0] = (...e) => F(u) && F(u)(...e))
+		}, null, 40, he)]), y("div", ge, [e.isOnline ? (A(), v(f, { key: 0 }, [n[1] || (n[1] = y("div", {
+			class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
+			style: { "animation-duration": "3s" }
+		}, null, -1)), n[2] || (n[2] = y("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (A(), v("div", _e))])]), y("div", ve, [y("h1", ye, P(e.bot.displayName.value), 1), y("p", be, P(e.bot.title.value), 1)])]));
+	}
+}), Se = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Ce = /* @__PURE__ */ C({
+	name: "SelfSidebarClose",
+	__name: "BotSidebarClose",
+	emits: ["click"],
+	setup(e) {
+		let t = j(!1);
+		return k(() => {
+			setTimeout(() => {
+				t.value = !0;
+			}, 100);
+		}), (e, n) => (A(), v("a", {
+			class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
+			onClick: n[0] || (n[0] = (t) => e.$emit("click", t))
+		}, [n[1] || (n[1] = y("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), y("span", Se, [y("span", {
+			class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.15s"
+			}
+		}, null, 2), y("span", {
+			class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
+			style: {
+				"background-color": "currentColor",
+				"transition-delay": "0.45s"
+			}
+		}, null, 2)])]));
+	}
+}), we = {
+	key: 0,
+	class: "px-9 pt-12 pb-4"
+}, Te = { class: "text-base font-medium text-theme-400" }, Ee = {
+	key: 1,
+	class: "px-4 pb-8 border-b border-white/10"
+}, De = ["disabled", "onClick"], Oe = { class: "flex items-center gap-3" }, ke = { class: "flex-1" }, Ae = {
+	key: 0,
+	class: "text-xs text-white/50 mt-0.5"
+}, je = { class: "p-6" }, Z = /* @__PURE__ */ C({
+	name: "ElSidebar",
+	inheritAttrs: !1,
+	__name: "ElSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		items: {},
+		position: {},
+		title: {},
+		widthClasses: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = h({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), s = h(() => n.items.filter((e) => !e.isHidden));
+		function handleItemClick(e) {
+			e.isDisabled || (e.onClick ? e.onClick({
+				item: e,
+				event: new MouseEvent("click")
+			}) : e.href && (e.href.includes("http") ? window.open(e.href, e.target || "_self")?.focus() : window.location.href = e.href), o.value = !1);
+		}
+		let c = h(() => i === "left" ? {
+			enter: "-translate-x-full",
+			leave: "-translate-x-full",
+			position: "justify-start",
+			closeButton: "-right-16"
+		} : {
+			enter: "translate-x-full",
+			leave: "translate-x-full",
+			position: "justify-end",
+			closeButton: "-left-16"
+		});
+		return (t, n) => (A(), v(f, null, [S(p, {
+			"enter-active-class": "transition-opacity duration-300 ease-out",
+			"leave-active-class": "transition-opacity duration-200 ease-in",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: L(() => [o.value ? (A(), v("div", {
+				key: 0,
+				class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
+				onClick: n[0] || (n[0] = (e) => o.value = !1)
+			})) : _("", !0)]),
+			_: 1
+		}), S(p, {
+			"enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
+			"leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+			"enter-from-class": c.value.enter,
+			"enter-to-class": "translate-x-0",
+			"leave-from-class": "translate-x-0",
+			"leave-to-class": c.value.leave
+		}, {
+			default: L(() => [o.value ? (A(), v("div", {
+				key: 0,
+				class: E(["absolute inset-0 z-50 flex", c.value.position]),
+				onClick: n[3] || (n[3] = (e) => o.value = !1)
+			}, [y("div", {
+				class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", F(a)]),
+				onClick: n[2] || (n[2] = z(() => {}, ["stop"]))
+			}, [
+				S(Ce, {
+					class: E(["absolute top-4 z-10 text-white", c.value.closeButton]),
+					onClick: n[1] || (n[1] = (e) => o.value = !1)
+				}, null, 8, ["class"]),
+				e.title ? (A(), v("div", we, [y("h3", Te, P(e.title), 1)])) : _("", !0),
+				t.$slots.header ? (A(), v("div", Ee, [N(t.$slots, "header")])) : _("", !0),
+				y("div", { class: E(["flex-1 p-6 space-y-2 overflow-y-auto", {
+					"pt-6": !e.title && !t.$slots.header,
+					"pt-4": e.title || t.$slots.header
+				}]) }, [S(m, {
+					"enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
+					"leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
+					"enter-from-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
+					"enter-to-class": "translate-x-0 opacity-100",
+					"leave-from-class": "translate-x-0 opacity-100",
+					"leave-to-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
+				}, {
+					default: L(() => [(A(!0), v(f, null, M(s.value, (e, t) => (A(), v("button", {
+						key: e.key || e.label || t,
+						style: O({ transitionDelay: `${t * 40}ms` }),
+						class: E(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [e.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10", e.isDisabled && "opacity-50 cursor-not-allowed"]]),
+						disabled: e.isDisabled,
+						onClick: (t) => handleItemClick(e)
+					}, [y("div", Oe, [e.icon?.src ? (A(), v("i", {
+						key: 0,
+						class: E(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [e.icon.src, e.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"]])
+					}, null, 2)) : _("", !0), y("div", ke, [y("div", { class: E(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, P(e.label), 3), e.subLabel ? (A(), v("div", Ae, P(e.subLabel), 1)) : _("", !0)])])], 14, De))), 128))]),
+					_: 1
+				}, 8, ["enter-from-class", "leave-to-class"])], 2),
+				y("div", je, [N(t.$slots, "footer")])
+			], 2)], 2)) : _("", !0)]),
+			_: 3
+		}, 8, ["enter-from-class", "leave-to-class"])], 64));
+	}
+}), Me = /* @__PURE__ */ C({
+	name: "BotModeSidebar",
+	__name: "ElBotModeSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		chatController: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = h({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), a = h(() => n.chatController?.botMode?.value ?? "self"), o = h(() => B.map((e) => ({
+			key: e.mode,
+			icon: { src: e.icon },
+			label: e.label,
+			isActive: a.value === e.mode,
+			onClick: () => {
+				n.chatController?.setMode(e.mode);
+			}
+		})));
+		return (e, t) => (A(), g(Z, {
+			modelValue: i.value,
+			"onUpdate:modelValue": t[0] || (t[0] = (e) => i.value = e),
+			items: o.value,
+			position: "right",
+			title: "Mode",
+			"width-classes": "w-[80%] max-w-[255px]"
+		}, null, 8, ["modelValue", "items"]));
+	}
+}), Ne = /* @__PURE__ */ C({
+	name: "BotSidebar",
+	__name: "ElBotSidebar",
+	props: {
+		modelValue: { type: Boolean },
+		bot: {},
+		sdk: {},
+		title: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = h({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		}), a = h(() => {
+			let e = [
+				{
+					key: "share",
+					icon: { src: "i-tabler-share" },
+					label: "Share this assistant",
+					onClick: () => {
+						let e = `${window.location.origin}/@${n.bot.handle.value || n.bot.botId.value}`;
+						navigator.clipboard.writeText(e).catch((e) => {
+							console.error("ElBotSidebar: clipboard.writeText rejected", e);
+						});
+					}
+				},
+				{
+					key: "profile",
+					icon: { src: "i-tabler-user" },
+					label: "View full profile",
+					onClick: () => {
+						window.open(`/@${n.bot.handle.value || n.bot.botId.value}`, "_blank");
+					}
+				},
+				{
+					key: "create",
+					icon: { src: "i-tabler-sparkles" },
+					label: "Create your own",
+					onClick: () => {
+						window.open("/auth", "_blank");
+					}
+				}
+			];
+			return n.sdk.activeUser.value && e.push({
+				key: "logout",
+				icon: { src: "i-tabler-logout" },
+				label: "Logout",
+				onClick: async () => {
+					await n.sdk.auth.logout();
+				}
+			}), e;
+		});
+		return (t, n) => (A(), g(Z, {
+			modelValue: i.value,
+			"onUpdate:modelValue": n[0] || (n[0] = (e) => i.value = e),
+			items: a.value,
+			position: "left",
+			title: e.title || "Menu"
+		}, null, 8, [
+			"modelValue",
+			"items",
+			"title"
+		]));
+	}
+}), Pe = {
+	key: 0,
+	class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
+}, Fe = ["data-quality"], Ie = {
+	key: 0,
+	class: "flex flex-1 items-center gap-3 pl-2"
+}, Le = ["src", "alt"], Re = { class: "text-sm font-medium text-white/90" }, ze = {
+	key: 1,
+	class: "flex justify-end"
+}, Be = { class: "text-sm" }, Ve = {
+	key: 0,
+	class: "flex-1 basis-0 flex justify-end"
+}, He = {
+	key: 0,
+	class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/bot:px-6 max-w-md mx-auto w-full"
+}, Q = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, Ue = {
+	key: 0,
+	class: "flex items-center justify-center gap-3"
+}, We = ["href"], Ge = {
+	key: 1,
+	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
+}, Ke = { class: "max-w-md mx-auto" }, qe = {
+	key: 2,
+	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/bot:px-6"
+}, Je = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Ye = {
+	key: 2,
+	class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
+}, Xe = { class: "text-center max-w-md space-y-4" }, Ze = { class: "text-sm text-white/70 leading-relaxed" }, Qe = {
+	key: 3,
+	class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
+}, $ = /* @__PURE__ */ C({
+	__name: "BotChat",
+	props: {
+		sdk: {},
+		bot: {},
+		context: {},
+		firstMessage: {},
+		buttonText: {},
+		buttonIcon: {},
+		hasClose: {
+			type: Boolean,
+			default: !1
+		},
+		isActive: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		theme: { default: "green" },
+		requireAuth: {
+			type: Boolean,
+			default: !1
+		},
+		chatOnly: {
+			type: Boolean,
+			default: !1
+		},
+		bare: {
+			type: Boolean,
+			default: !1
+		},
+		emptyStateMessage: {},
+		createVoiceClientFn: { type: Function }
+	},
+	emits: [
+		"close",
+		"error",
+		"turnStarted",
+		"turnCompleted"
+	],
+	setup(o, { emit: c }) {
+		let l = c, u = ne(), d = j(!1), p = j(!1), m = j(), C = j(), T = h(() => u.value?.botMode?.value ?? "self"), R = h(() => u.value?.textState.value.isConnected ?? !1), V = h(() => o.sdk.activeUser.value !== void 0), H = h(() => B.find((e) => e.mode === T.value));
+		function createChatController() {
+			u.value && u.value.destroy();
+			try {
+				u.value = new i({
+					sdk: o.sdk,
+					bot: o.bot,
+					context: o.context,
+					firstMessage: o.firstMessage,
+					...o.createVoiceClientFn ? { createVoiceClientFn: o.createVoiceClientFn } : {},
+					onTurnStarted: () => l("turnStarted"),
+					onTurnCompleted: (e) => l("turnCompleted", e)
+				});
+			} catch (e) {
+				throw console.error("BotChatController creation failed:", e), e;
+			}
+		}
+		try {
+			createChatController();
+		} catch (e) {
+			let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
+			m.value = t, l("error", t);
+		}
+		function applyTheme(e) {
+			if (!C.value) return;
+			let t = ee(e);
+			Object.entries(t).forEach(([e, t]) => {
+				C.value.style.setProperty(`--primary-${e}`, t);
+			});
+		}
+		k(() => {
+			try {
+				applyTheme(o.theme), o.chatOnly && u.value && u.value.setMode("chat");
+			} catch (e) {
+				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
+				m.value = t, l("error", t);
+			}
+		}), te(() => {
+			u.value && u.value.destroy();
+		}), I(() => o.theme, (e) => {
+			applyTheme(e);
+		}), I(() => o.sdk.activeUser.value, (e, t) => {
+			t && !e && u.value && u.value.setMode("self");
+		});
+		let U = h(() => !!(o.bot.cover.value?.src && o.bot.cover.value?.quality === "low") || !!(o.bot.avatar.value?.src && o.bot.avatar.value?.quality === "low")), W = h(() => {
+			let e = [U.value ? "backdrop-blur-sm" : ""];
+			return U.value && T.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : T.value === "self" ? e.push("from-black/70 via-black/50 to-black/80") : e.push("from-black/90 via-black/90 to-black/100"), e.join(" ");
+		}), G = {
+			phone: "i-heroicons-phone",
+			calendar: "i-heroicons-calendar",
+			question: "i-heroicons-question-mark-circle",
+			message: "i-heroicons-chat-bubble-left-right",
+			sparkles: "i-heroicons-sparkles"
+		}, K = h(() => r({
+			template: o.buttonText || "Talk to {name}",
+			bot: o.bot.toData()
+		})), q = h(() => G[o.buttonIcon || "phone"] || G.phone);
+		return (r, i) => (A(), v("div", {
+			ref_key: "rootElement",
+			ref: C,
+			key: o.bot.avatarUrl.value,
+			class: "pagelines-sdk @container/bot pagelines-bot w-full h-full overflow-hidden relative",
+			"data-test": "bot-chat"
+		}, [
+			o.loading ? (A(), v("div", Pe, [S(s, { class: "text-white size-8" })])) : o.bot && !m.value ? (A(), v("div", {
+				key: 1,
+				class: E(["absolute inset-0", o.bare ? "" : "bg-cover bg-center bg-no-repeat"]),
+				style: O(o.bare ? void 0 : { backgroundImage: `url(${o.bot.avatarUrl.value})` }),
+				"data-quality": o.bot.avatar.value?.quality || "none"
+			}, [o.bare ? _("", !0) : (A(), v("div", {
+				key: 0,
+				class: E(["absolute inset-0 bg-gradient-to-br z-0", W.value])
+			}, null, 2)), y("div", { class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", o.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [!o.bare || o.hasClose ? (A(), v("div", {
+				key: 0,
+				class: E(["relative z-30 p-2", !o.bare && T.value !== "self" ? "backdrop-blur-lg" : ""])
+			}, [o.chatOnly ? (A(), v("div", {
+				key: 0,
+				class: E(["flex items-center", o.bare ? "justify-end" : ""])
+			}, [o.bare ? _("", !0) : (A(), v("div", Ie, [y("img", {
+				src: o.bot.avatarUrl.value,
+				alt: o.bot.displayName.value,
+				class: "size-8 rounded-full object-cover"
+			}, null, 8, Le), y("span", Re, P(o.bot.displayName.value), 1)])), o.hasClose ? (A(), v("div", ze, [y("button", {
+				class: E(["flex cursor-pointer items-center rounded-2xl p-3 transition-colors", o.bare ? "text-theme-500 hover:bg-theme-50" : "text-white/70 hover:bg-white/10"]),
+				onClick: i[0] || (i[0] = z((e) => l("close", "button"), ["stop"]))
+			}, [...i[7] || (i[7] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])], 2)])) : _("", !0)], 2)) : (A(), v("div", {
+				key: 1,
+				class: E(["flex items-center", o.hasClose ? "" : "justify-between"])
+			}, [
+				y("div", { class: E(o.hasClose ? "flex-1 basis-0" : "") }, [y("button", {
+					class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
+					onClick: i[1] || (i[1] = (e) => d.value = !0)
+				}, [...i[8] || (i[8] = [y("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
+				y("button", {
+					class: E(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": p.value }]),
+					onClick: i[2] || (i[2] = (e) => p.value = !0)
+				}, [
+					y("i", { class: E([H.value?.icon, "size-4 opacity-60"]) }, null, 2),
+					y("span", Be, P(H.value?.label), 1),
+					i[9] || (i[9] = y("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
+				], 2),
+				o.hasClose ? (A(), v("div", Ve, [y("button", {
+					class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
+					onClick: i[3] || (i[3] = z((e) => l("close", "button"), ["stop"]))
+				}, [...i[10] || (i[10] = [y("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : _("", !0)
+			], 2))], 2)) : _("", !0), o.chatOnly ? (A(), v("div", {
+				key: 1,
+				class: E(["relative z-20 flex min-h-0 w-full flex-1 flex-col", o.bare ? "" : "px-4"])
+			}, [y("div", { class: E(["min-h-0 w-full flex-1", o.bare ? "" : "mx-auto max-w-md"]) }, [S(a, {
+				"chat-controller": u.value,
+				bot: o.bot,
+				scope: V.value ? "private" : "public",
+				"empty-state-message": o.emptyStateMessage,
+				variant: o.bare ? "light" : "dark",
+				"show-header": !o.bare,
+				centered: o.bare
+			}, b({ _: 2 }, [r.$slots["empty-heading"] ? {
+				name: "empty-heading",
+				fn: L((e) => [N(r.$slots, "empty-heading", D(w(e)))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"chat-controller",
+				"bot",
+				"scope",
+				"empty-state-message",
+				"variant",
+				"show-header",
+				"centered"
+			])], 2)], 2)) : (A(), v(f, { key: 2 }, [T.value === "self" ? (A(), v("div", He, [
+				i[11] || (i[11] = y("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
+				S(xe, {
+					bot: o.bot,
+					"is-online": R.value
+				}, null, 8, ["bot", "is-online"]),
+				y("div", Q, [S(n, {
+					theme: "primary",
+					size: "lg",
+					class: "w-full",
+					icon: q.value,
+					"data-test": "voice-button",
+					onClick: i[4] || (i[4] = (e) => u.value?.setMode("talk"))
+				}, {
+					default: L(() => [x(P(K.value), 1)]),
+					_: 1
+				}, 8, ["icon"]), o.bot.accounts.value && o.bot.accounts.value.length > 0 ? (A(), v("div", Ue, [(A(!0), v(f, null, M((o.bot.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (A(), v("a", {
+					key: `${t.platform}-${t.handle}`,
+					href: F(e)[t.platform].getUrl(t.handle),
+					target: "_blank",
+					class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
+				}, [y("i", { class: E([F(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, We))), 128))])) : _("", !0)])
+			])) : T.value === "talk" ? (A(), v("div", Ge, [o.requireAuth && !V.value ? (A(), g(J, {
+				key: 0,
+				sdk: o.sdk
+			}, null, 8, ["sdk"])) : (A(), v(f, { key: 1 }, [y("div", null, [y("div", Ke, [S(t, {
+				bot: o.bot,
+				"is-online": R.value
+			}, null, 8, ["bot", "is-online"])])]), S(a, {
+				"chat-controller": u.value,
+				bot: o.bot
+			}, null, 8, ["chat-controller", "bot"])], 64))])) : (A(), v("div", qe, [y("div", Je, [T.value === "chat" ? (A(), v(f, { key: 0 }, [o.requireAuth && !V.value ? (A(), g(J, {
+				key: 0,
+				sdk: o.sdk
+			}, null, 8, ["sdk"])) : (A(), g(a, {
+				key: 1,
+				"chat-controller": u.value,
+				bot: o.bot,
+				"show-header": ""
+			}, null, 8, ["chat-controller", "bot"]))], 64)) : T.value === "info" ? (A(), g(de, {
+				key: 1,
+				bot: o.bot,
+				"is-online": R.value
+			}, null, 8, ["bot", "is-online"])) : _("", !0)])]))], 64))], 2)], 14, Fe)) : m.value ? (A(), v("div", Ye, [y("div", Xe, [
+				i[12] || (i[12] = y("div", { class: "flex justify-center" }, [y("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [y("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
+				i[13] || (i[13] = y("h3", { class: "text-lg font-medium" }, " Bot Error ", -1)),
+				y("p", Ze, P(m.value), 1)
+			])])) : (A(), v("div", Qe, " Couldn't load your assistant. Please try again later. ")),
+			o.chatOnly ? _("", !0) : (A(), g(Ne, {
+				key: 4,
+				modelValue: d.value,
+				"onUpdate:modelValue": i[5] || (i[5] = (e) => d.value = e),
+				bot: o.bot,
+				sdk: o.sdk,
+				title: o.bot.displayName.value,
+				"data-test": "bot-sidebar"
+			}, null, 8, [
+				"modelValue",
+				"bot",
+				"sdk",
+				"title"
+			])),
+			o.chatOnly ? _("", !0) : (A(), g(Me, {
+				key: 5,
+				modelValue: p.value,
+				"onUpdate:modelValue": i[6] || (i[6] = (e) => p.value = e),
+				"chat-controller": u.value,
+				"data-test": "bot-mode-sidebar"
+			}, null, 8, ["modelValue", "chat-controller"]))
+		]));
+	}
+}), $e = /* @__PURE__ */ C({
+	__name: "BotProvider",
+	props: {
+		sdk: {},
+		bot: {},
+		handle: {},
+		context: {},
+		clientContext: {},
+		firstMessage: {},
+		buttonText: {},
+		buttonIcon: {},
+		hasClose: { type: Boolean },
+		chatOnly: { type: Boolean },
+		bare: { type: Boolean },
+		apiBase: {},
+		emptyStateMessage: {}
+	},
+	emits: [
+		"close",
+		"error",
+		"turnStarted",
+		"turnCompleted"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (A(), g(l, T(n, { class: "bot-provider size-full relative" }), {
+			default: L((i) => [S($, {
+				sdk: i.sdk,
+				bot: i.bot,
+				context: i.context,
+				"first-message": i.firstMessage,
+				"button-text": n.buttonText,
+				"button-icon": n.buttonIcon,
+				"has-close": n.hasClose,
+				"chat-only": n.chatOnly,
+				bare: n.bare,
+				"empty-state-message": n.emptyStateMessage,
+				"is-active": !0,
+				class: "size-full",
+				onClose: t[0] || (t[0] = (e) => r("close", e)),
+				onError: t[1] || (t[1] = (e) => r("error", e)),
+				onTurnStarted: t[2] || (t[2] = (e) => r("turnStarted")),
+				onTurnCompleted: t[3] || (t[3] = (e) => r("turnCompleted", e))
+			}, b({ _: 2 }, [e.$slots["empty-heading"] ? {
+				name: "empty-heading",
+				fn: L((t) => [N(e.$slots, "empty-heading", D(w(t)))]),
+				key: "0"
+			} : void 0]), 1032, [
+				"sdk",
+				"bot",
+				"context",
+				"first-message",
+				"button-text",
+				"button-icon",
+				"has-close",
+				"chat-only",
+				"bare",
+				"empty-state-message"
+			])]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { d as i, $ as n, B as r, $e as t };
+
+//# sourceMappingURL=BotProvider.js.map