@locdo.tech/botiq-chat-sdk 0.3.3 → 0.4.0

package/dist/sdk/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./npm-DfSKhYCq.js";
+import { t as e } from "./npm-DV43YS-n.js";
 export { e as init };

package/dist/sdk/{npm-DfSKhYCq.js → npm-DV43YS-n.js}

@@ -1,30 +1,31 @@
 //#region src/core/config.ts
 var e = "https://bot-q-backend.vercel.app", t = {
-	name: "BotIQ",
-	design: {
-		colors: {
-			primary: "#F97316",
-			header: "#F97316",
-			userBubble: "#F97316",
-			botBubble: "#1A1A1A",
-			background: "#000000",
-			text: "#FFFFFF"
-		},
-		layout: {
-			position: "bottom-right",
-			buttonShape: "circle",
-			width: 360,
-			height: 520
-		},
-		content: {
-			greeting: "",
-			suggestionChips: [],
-			placeholder: ""
-		},
-		font: "inter"
+	colors: {
+		primary: "#F97316",
+		header: "#F97316",
+		userBubble: "#F97316",
+		botBubble: "#1A1A1A",
+		background: "#000000",
+		text: "#FFFFFF",
+		inputBackground: "#1A1A1A"
+	},
+	layout: {
+		position: "bottom-right",
+		buttonShape: "circle",
+		width: 360,
+		height: 520
+	},
+	content: {
+		greeting: "",
+		suggestionChips: [],
+		placeholder: ""
 	},
+	font: "inter"
+}, n = {
+	name: "BotIQ",
+	design: t,
 	widgetLanguage: "vi"
-}, n = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/, r = new Set(["bottom-right", "bottom-left"]), i = new Set(["circle", "square"]), a = new Set([
+}, r = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/, i = new Set(["bottom-right", "bottom-left"]), a = new Set(["circle", "square"]), o = new Set([
 	"inter",
 	"plus-jakarta",
 	"poppins",
@@ -33,56 +34,74 @@ var e = "https://bot-q-backend.vercel.app", t = {
 	"raleway",
 	"lato",
 	"playfair"
-]), o = new Set([
+]), s = new Set([
 	"none",
 	"fade",
 	"slide-up",
 	"bounce"
-]), s = new Set([
+]), c = new Set([
 	"dots-bounce",
 	"dots-pulse",
 	"bar"
 ]);
-function c(e) {
+function l(e) {
 	let t = e.colors;
-	if (![
+	if (t.inputBackground ||= "#1A1A1A", ![
 		t.primary,
 		t.header,
 		t.userBubble,
 		t.botBubble,
 		t.background,
-		t.text
-	].every((e) => typeof e == "string" && n.test(e)) || !r.has(e.layout.position) || !i.has(e.layout.buttonShape) || !a.has(e.font)) return !1;
-	let { width: c, height: l } = e.layout;
-	if (!Number.isFinite(c) || c < 280 || c > 800 || !Number.isFinite(l) || l < 200 || l > 900) return !1;
+		t.text,
+		t.inputBackground
+	].every((e) => typeof e == "string" && r.test(e)) || !i.has(e.layout.position) || !a.has(e.layout.buttonShape) || !o.has(e.font)) return !1;
+	let { width: n, height: l } = e.layout;
+	if (!Number.isFinite(n) || n < 280 || n > 800 || !Number.isFinite(l) || l < 200 || l > 900) return !1;
 	if (e.gradient) {
 		let t = e.gradient;
-		if (t.type !== "linear" && t.type !== "radial" || !n.test(t.from) || !n.test(t.to) || t.angle !== void 0 && (!Number.isFinite(t.angle) || t.angle < 0 || t.angle > 360)) return !1;
+		if (t.type !== "linear" && t.type !== "radial" || !r.test(t.from) || !r.test(t.to) || t.angle !== void 0 && (!Number.isFinite(t.angle) || t.angle < 0 || t.angle > 360)) return !1;
 	}
-	return !(e.animation && (!o.has(e.animation.bubbleOpen) || !s.has(e.animation.typingIndicator)) || e.customCSS !== void 0 && (typeof e.customCSS != "string" || e.customCSS.length > 8e3));
+	return !(e.animation && (!s.has(e.animation.bubbleOpen) || !c.has(e.animation.typingIndicator)) || e.customCSS !== void 0 && (typeof e.customCSS != "string" || e.customCSS.length > 8e3));
+}
+var u = 8e3;
+function d(e, t) {
+	return fetch(`${t}/widget/meta`, {
+		headers: { "X-Api-Key": e },
+		referrerPolicy: "no-referrer-when-downgrade",
+		signal: AbortSignal.timeout(u)
+	});
 }
-async function l(e, n) {
+async function f(e, r) {
+	let i;
 	try {
-		let r = await fetch(`${n}/widget/meta`, {
-			headers: { "X-Api-Key": e },
-			referrerPolicy: "no-referrer-when-downgrade",
-			signal: AbortSignal.timeout(5e3)
-		});
-		if (r.status === 401 || r.status === 403) return null;
-		if (!r.ok) return t;
-		let i = await r.json();
-		if (!i?.design?.colors || !i?.design?.layout || !i?.design?.content || !c(i.design)) return t;
-		let a = typeof i.name == "string" && i.name.length > 0 ? i.name : "BotIQ", o = i.widgetLanguage === "en" ? "en" : "vi";
-		return {
-			name: a,
-			design: i.design,
-			widgetLanguage: o
-		};
+		i = await d(e, r);
 	} catch {
-		return t;
+		try {
+			i = await d(e, r);
+		} catch {
+			return n;
+		}
 	}
+	if (i.status === 401 || i.status === 403) return null;
+	if (!i.ok) return n;
+	let a;
+	try {
+		a = await i.json();
+	} catch {
+		return n;
+	}
+	let o = typeof a.name == "string" && a.name.length > 0 ? a.name : n.name, s = a.widgetLanguage === "en" ? "en" : "vi";
+	return !a.design?.colors || !a.design?.layout || !a.design?.content || !l(a.design) ? {
+		name: o,
+		design: t,
+		widgetLanguage: s
+	} : {
+		name: o,
+		design: a.design,
+		widgetLanguage: s
+	};
 }
-function u(t) {
+function p(t) {
 	return {
 		apiKey: t.apiKey,
 		apiUrl: e
@@ -90,32 +109,38 @@ function u(t) {
 }
 //#endregion
 //#region src/core/session.ts
-var d = "botiq:sessionId", f = "botiq:history:", p = 10;
-function m() {
+var m = "botiq:sessionId", h = "botiq:sessionId:", g = "botiq:history:", _ = 10;
+function v() {
+	try {
+		let e = localStorage.getItem(m);
+		localStorage.removeItem(m), e && localStorage.removeItem(g + e);
+	} catch {}
+}
+function y(e) {
 	try {
-		let e = localStorage.getItem(d);
-		return e || (e = crypto.randomUUID(), localStorage.setItem(d, e)), e;
+		let t = h + e, n = localStorage.getItem(t);
+		return n || (n = crypto.randomUUID(), localStorage.setItem(t, n)), n;
 	} catch {
 		return crypto.randomUUID();
 	}
 }
-function h(e) {
+function b(e, t) {
 	try {
-		let t = localStorage.getItem(f + e);
-		return t ? JSON.parse(t) : [];
+		let n = localStorage.getItem(`${g}${e}:${t}`);
+		return n ? JSON.parse(n) : [];
 	} catch {
 		return [];
 	}
 }
-function g(e, t) {
+function x(e, t, n) {
 	try {
-		let n = [...h(e), ...t].slice(-p);
-		localStorage.setItem(f + e, JSON.stringify(n));
+		let r = [...b(e, t), ...n].slice(-_);
+		localStorage.setItem(`${g}${e}:${t}`, JSON.stringify(r));
 	} catch {}
 }
 //#endregion
 //#region src/core/api.ts
-async function _(e, t, n, r, i, a) {
+async function S(e, t, n, r, i, a) {
 	try {
 		let o = await fetch(`${e}/widget/chat`, {
 			method: "POST",
@@ -135,30 +160,68 @@ async function _(e, t, n, r, i, a) {
 		return a.errorMessage;
 	}
 }
+var C = {
+	messages: [],
+	hasMore: !1
+};
+function w(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e;
+	return typeof t.id == "string" && (t.role === "user" || t.role === "assistant") && typeof t.content == "string";
+}
+async function T(e, t, n, r, i) {
+	try {
+		let a = new URLSearchParams({
+			sessionId: n,
+			limit: String(i)
+		});
+		r && a.set("before", r);
+		let o = await fetch(`${e}/widget/messages?${a.toString()}`, {
+			method: "GET",
+			headers: { "X-Api-Key": t },
+			referrerPolicy: "no-referrer-when-downgrade"
+		});
+		if (!o.ok) return C;
+		let s = await o.json();
+		return {
+			messages: Array.isArray(s.messages) ? s.messages.filter(w) : [],
+			hasMore: s.hasMore === !0
+		};
+	} catch {
+		return C;
+	}
+}
+function ee(e, t, n, r) {
+	return T(e, t, n, void 0, r);
+}
+function te(e, t, n, r, i) {
+	return T(e, t, n, r, i);
+}
 //#endregion
 //#region src/core/state.ts
-var v = {
+var E = {
 	messages: [],
 	isLoading: !1,
-	isOpen: !1
-}, y = /* @__PURE__ */ new Set();
-function b() {
-	return v;
-}
-function x(e) {
-	Object.assign(v, e);
+	isOpen: !1,
+	loadingOlder: !1
+}, D = /* @__PURE__ */ new Set();
+function O() {
+	return E;
+}
+function k(e) {
+	Object.assign(E, e);
 	let t = {
-		...v,
-		messages: [...v.messages]
+		...E,
+		messages: [...E.messages]
 	};
-	y.forEach((e) => e(t));
+	D.forEach((e) => e(t));
 }
-function S(e) {
-	return y.add(e), () => y.delete(e);
+function A(e) {
+	return D.add(e), () => D.delete(e);
 }
 //#endregion
 //#region src/core/styles.ts
-var C = {
+var j = {
 	inter: {
 		url: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap",
 		family: "'Inter', system-ui, -apple-system, sans-serif"
@@ -167,45 +230,33 @@ var C = {
 		url: "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap",
 		family: "'Plus Jakarta Sans', system-ui, -apple-system, sans-serif"
 	},
-	poppins: {
-		url: "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap",
-		family: "'Poppins', system-ui, -apple-system, sans-serif"
-	},
 	nunito: {
 		url: "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600&display=swap",
 		family: "'Nunito', system-ui, -apple-system, sans-serif"
 	},
-	"dm-sans": {
-		url: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap",
-		family: "'DM Sans', system-ui, -apple-system, sans-serif"
-	},
 	raleway: {
 		url: "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap",
 		family: "'Raleway', system-ui, -apple-system, sans-serif"
 	},
-	lato: {
-		url: "https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap",
-		family: "'Lato', system-ui, -apple-system, sans-serif"
-	},
 	playfair: {
 		url: "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap",
 		family: "'Playfair Display', Georgia, serif"
 	}
 };
-function w(e, t) {
+function M(e, t) {
 	if (!t) return e;
 	let n = t.angle ?? 135;
 	return t.type === "linear" ? `linear-gradient(${n}deg, ${t.from}, ${t.to})` : `radial-gradient(circle, ${t.from}, ${t.to})`;
 }
-function T(e) {
+function ne(e) {
 	return e.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\\[0-9a-fA-F]{1,6}\s?/g, "x").replace(/@import\b[^;]*;?/gi, "").replace(/url\s*\(\s*["']?\s*(?!data:)[^)]*["']?\s*\)/gi, "url(\"\")").replace(/expression\s*\(/gi, "expression_(").replace(/javascript\s*:/gi, "blocked:").replace(/-moz-binding\s*:/gi, "").replace(/\bbehavior\s*:/gi, "");
 }
-function E(e) {
+function N(e) {
 	let t = e?.bubbleOpen ?? "none", n = e?.typingIndicator ?? "dots-bounce";
 	return [t === "fade" ? "@keyframes biq-open-fade { from { opacity: 0; } to { opacity: 1; } }\n.chat-window.open { animation: biq-open-fade .22s ease forwards; }" : t === "slide-up" ? "@keyframes biq-open-slide { from { opacity: 0; transform: scale(1) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }\n.chat-window.open { animation: biq-open-slide .25s cubic-bezier(.22,1,.36,1) forwards; }" : t === "bounce" ? "@keyframes biq-open-bounce { 0% { opacity: 0; transform: scale(.85) translateY(8px); } 60% { transform: scale(1.03) translateY(-3px); } 100% { opacity: 1; transform: scale(1) translateY(0); } }\n.chat-window.open { animation: biq-open-bounce .35s cubic-bezier(.34,1.56,.64,1) forwards; }" : "", n === "dots-pulse" ? "@keyframes biq-pulse { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } }\n.typing span { animation: biq-pulse 1.2s infinite ease-in-out; }" : n === "bar" ? ".typing { gap: 3px; align-items: flex-end; }\n.typing span { width: 3px; height: 14px; border-radius: 2px; animation: biq-bar 1s infinite ease-in-out; }\n.typing span:nth-child(1) { animation-delay: 0s; }\n.typing span:nth-child(2) { animation-delay: .15s; height: 20px; }\n.typing span:nth-child(3) { animation-delay: .3s; }\n@keyframes biq-bar { 0%, 100% { transform: scaleY(.4); opacity: .5; } 50% { transform: scaleY(1); opacity: 1; } }" : ""].filter(Boolean).join("\n");
 }
-function D(e) {
-	let { colors: t, layout: n, font: r, gradient: i, animation: a, customCSS: o, whiteLabel: s } = e, c = C[r] ?? C.inter, l = n.buttonShape === "square" ? "14px" : "50%", u = n.position === "bottom-left" ? "right: auto; left: 24px;" : "right: 24px;", d = n.position === "bottom-left" ? "bottom left" : "bottom right", f = n.position === "bottom-left" ? "right: auto; left: 0;" : "right: 0;", p = w(t.primary, i), m = w(t.header, i), h = w(t.userBubble, i), g = s ? ".botiq-badge { display: none !important; }" : "";
+function P(e) {
+	let { colors: t, layout: n, font: r, gradient: i, animation: a, customCSS: o, whiteLabel: s } = e, c = j[r] ?? j.inter, l = n.buttonShape === "square" ? "14px" : "50%", u = n.position === "bottom-left" ? "right: auto; left: 24px;" : "right: 24px;", d = n.position === "bottom-left" ? "bottom left" : "bottom right", f = n.position === "bottom-left" ? "right: auto; left: 0;" : "right: 0;", p = M(t.primary, i), m = M(t.header, i), h = M(t.userBubble, i), g = s ? ".botiq-badge { display: none !important; }" : "";
 	return `
 @import url('${c.url}');
 
@@ -222,6 +273,7 @@ function D(e) {
   --color-bot:         ${t.botBubble};
   --color-bg:          ${t.background};
   --color-text:        ${t.text};
+  --color-input-bg:    ${t.inputBackground};
   --gray-50:  #1A1A1A;
   --gray-100: #222222;
   --gray-200: #2D2D2D;
@@ -381,6 +433,37 @@ function D(e) {
   background: rgba(255,255,255,.1);
   white-space: pre-wrap;
 }
+.message-bubble del { text-decoration: line-through; opacity: .7; }
+
+/* ── Markdown headings ───────────────────────────────── */
+/* Kept modest — the chat bubble is small, so headings are only slightly
+   larger than body text, never document-sized. */
+.message-bubble h1,
+.message-bubble h2,
+.message-bubble h3,
+.message-bubble h4,
+.message-bubble h5,
+.message-bubble h6 {
+  margin: 8px 0 4px;
+  font-weight: 600;
+  line-height: 1.3;
+  color: #fff;
+}
+.message-bubble h1 { font-size: 16px; }
+.message-bubble h2 { font-size: 15px; }
+.message-bubble h3 { font-size: 14px; }
+.message-bubble h4,
+.message-bubble h5,
+.message-bubble h6 { font-size: 13px; }
+.message-bubble :first-child { margin-top: 0; }
+
+/* ── Markdown horizontal rule ────────────────────────── */
+.message-bubble hr {
+  border: 0;
+  height: 1px;
+  background: rgba(255,255,255,.15);
+  margin: 8px 0;
+}
 
 /* ── Markdown tables ─────────────────────────────────── */
 .message-bubble table {
@@ -531,13 +614,13 @@ function D(e) {
   color: var(--color-text);
   resize: none;
   outline: none;
-  background: var(--gray-50);
+  background: var(--color-input-bg);
   line-height: 1.4;
   overflow-y: auto;
   transition: border-color .15s;
 }
 
-.input:focus { border-color: var(--color-primary); background: var(--gray-100); }
+.input:focus { border-color: var(--color-primary); background: var(--color-input-bg); }
 .input::placeholder { color: var(--gray-400); }
 
 .send-btn {
@@ -560,144 +643,192 @@ function D(e) {
 .send-btn svg { width: 18px; height: 18px; fill: #fff; }
 
 ${g}
-${E(a)}
-${o ? T(o) : ""}
+${N(a)}
+${o ? ne(o) : ""}
 `;
 }
 //#endregion
+//#region src/core/assets.ts
+var F = "data:image/png;base64,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";
+//#endregion
+//#region src/core/history-pager.ts
+function I() {
+	return {
+		oldestCursor: null,
+		hasMore: !1,
+		cursorReady: !1
+	};
+}
+function L(e) {
+	return {
+		oldestCursor: e.messages[0]?.id ?? null,
+		hasMore: e.hasMore,
+		cursorReady: e.messages.length > 0
+	};
+}
+function R(e, t) {
+	return {
+		oldestCursor: t.messages[0]?.id ?? e.oldestCursor,
+		hasMore: t.hasMore,
+		cursorReady: e.cursorReady
+	};
+}
+function z(e, t) {
+	return e.cursorReady && e.hasMore && !t && e.oldestCursor !== null;
+}
+function B(e, t, n) {
+	return e + (n - t);
+}
+//#endregion
 //#region src/core/ui.ts
-var O = "https://bot-q-frontend.vercel.app/", k = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2z\"/>\n</svg>", A = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n</svg>", j = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M12 2a2 2 0 012 2c0 .74-.4 1.38-1 1.72V7h3a3 3 0 013 3v8a3 3 0 01-3 3H8a3 3 0 01-3-3v-8a3 3 0 013-3h3V5.72A2 2 0 0110 4a2 2 0 012-2zm-2 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm4 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z\"/>\n</svg>", M = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/>\n</svg>", N = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2zm-2 10H6v-2h12v2zm0-3H6V7h12v2z\"/>\n</svg>";
-function P(e) {
-	if (!e || e.type === "icon") return j;
-	if (e.type === "emoji") return `<span style="font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%">${F(e.value)}</span>`;
+var V = "https://bot-q-frontend.vercel.app/", H = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2z\"/>\n</svg>", U = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n</svg>", W = `<img src="${F}" alt="" style="width:100%;height:100%;object-fit:cover;border-radius:50%" />`, G = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"/>\n</svg>", K = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M20 2H4a2 2 0 00-2 2v18l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2zm-2 10H6v-2h12v2zm0-3H6V7h12v2z\"/>\n</svg>";
+function q(e) {
+	if (!e || e.type === "icon") return W;
+	if (e.type === "emoji") return `<span style="font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%">${J(e.value)}</span>`;
 	if (e.type === "initials") {
 		let t = e.bgColor ?? "#F97316";
-		return `<div style="width:100%;height:100%;border-radius:50%;background:${/^#[0-9A-Fa-f]{3,6}$/.test(t) ? t : "#F97316"};display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff">${F(e.value.slice(0, 2).toUpperCase())}</div>`;
+		return `<div style="width:100%;height:100%;border-radius:50%;background:${/^#[0-9A-Fa-f]{3,6}$/.test(t) ? t : "#F97316"};display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff">${J(e.value.slice(0, 2).toUpperCase())}</div>`;
 	}
-	return e.type === "image" ? `<img src="${F(e.value)}" style="width:100%;height:100%;object-fit:cover;border-radius:50%" alt="" />` : j;
+	return e.type === "image" ? `<img src="${J(e.value)}" style="width:100%;height:100%;object-fit:cover;border-radius:50%" alt="" />` : W;
 }
-function F(e) {
+function J(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
 }
-function I(e) {
+function Y(e) {
 	let t = [];
-	return e = e.replace(/`([^`]+)`/g, (e, n) => (t.push(`<code>${n}</code>`), `\x00CODE${t.length - 1}\x00`)), e = e.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), e = e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>"), e = e.replace(/\[([^\]]+)\]\(([^()]*(?:\([^()]*\))*[^()]*)\)/g, (e, t, n) => /^https?:\/\//.test(n) ? `<a href="${n}" target="_blank" rel="noopener noreferrer">${t}</a>` : t), e = e.replace(/\x00CODE(\d+)\x00/g, (e, n) => t[Number(n)]), e;
+	return e = e.replace(/`([^`]+)`/g, (e, n) => (t.push(`<code>${n}</code>`), `\x00CODE${t.length - 1}\x00`)), e = e.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), e = e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>"), e = e.replace(/~~(.+?)~~/g, "<del>$1</del>"), e = e.replace(/__(.+?)__/g, "<strong>$1</strong>"), e = e.replace(/(^|\s)_(?!_)(.+?)_(?!_)(?=\s|$)/g, "$1<em>$2</em>"), e = e.replace(/\[([^\]]+)\]\(([^()]*(?:\([^()]*\))*[^()]*)\)/g, (e, t, n) => /^https?:\/\//.test(n) ? `<a href="${n}" target="_blank" rel="noopener noreferrer">${t}</a>` : t), e = e.replace(/\x00CODE(\d+)\x00/g, (e, n) => t[Number(n)]), e;
 }
-function L(e) {
+function X(e) {
 	return /^\|[\s\-:|]+\|$/.test(e);
 }
-function R(e) {
+function Z(e) {
 	return e.replace(/^\|/, "").replace(/\|$/, "").split("|").map((e) => e.trim());
 }
-function z(e) {
-	let t = F(e).replace(/\x00/g, "").split("\n"), n = [], r = 0;
+function re(e) {
+	let t = J(e).replace(/\x00/g, "").split("\n"), n = [], r = 0;
 	for (; r < t.length;) {
 		let e = t[r].trim();
 		if (e.startsWith("|") && e.endsWith("|")) {
 			let e = [];
 			for (; r < t.length && t[r].trim().startsWith("|") && t[r].trim().endsWith("|");) e.push(t[r].trim()), r++;
-			let i = e.findIndex(L), a = i > 0 ? e.slice(0, i) : [], o = i >= 0 ? e.slice(i + 1) : e, s = "<table>";
-			a.length > 0 && (s += "<thead>" + a.map((e) => "<tr>" + R(e).map((e) => `<th>${I(e)}</th>`).join("") + "</tr>").join("") + "</thead>"), o.length > 0 && (s += "<tbody>" + o.map((e) => "<tr>" + R(e).map((e) => `<td>${I(e)}</td>`).join("") + "</tr>").join("") + "</tbody>"), s += "</table>", n.push(s);
+			let i = e.findIndex(X), a = i > 0 ? e.slice(0, i) : [], o = i >= 0 ? e.slice(i + 1) : e, s = "<table>";
+			a.length > 0 && (s += "<thead>" + a.map((e) => "<tr>" + Z(e).map((e) => `<th>${Y(e)}</th>`).join("") + "</tr>").join("") + "</thead>"), o.length > 0 && (s += "<tbody>" + o.map((e) => "<tr>" + Z(e).map((e) => `<td>${Y(e)}</td>`).join("") + "</tr>").join("") + "</tbody>"), s += "</table>", n.push(s);
+			continue;
+		}
+		if (/^-{3,}$/.test(e)) {
+			n.push("<hr>"), r++;
+			continue;
+		}
+		let i = e.match(/^(#{1,6})\s+(.*)$/);
+		if (i) {
+			let e = i[1].length;
+			n.push(`<h${e}>${Y(i[2])}</h${e}>`), r++;
 			continue;
 		}
 		if (/^[-*]\s/.test(e)) {
 			let e = [];
 			for (; r < t.length && /^\s*[-*]\s/.test(t[r]);) e.push(t[r].trim().replace(/^[-*]\s+/, "")), r++;
-			n.push("<ul>" + e.map((e) => `<li>${I(e)}</li>`).join("") + "</ul>");
+			n.push("<ul>" + e.map((e) => `<li>${Y(e)}</li>`).join("") + "</ul>");
 			continue;
 		}
 		if (/^\d+\.\s/.test(e)) {
 			let e = [];
 			for (; r < t.length && /^\s*\d+\.\s/.test(t[r]);) e.push(t[r].trim().replace(/^\d+\.\s+/, "")), r++;
-			n.push("<ol>" + e.map((e) => `<li>${I(e)}</li>`).join("") + "</ol>");
+			n.push("<ol>" + e.map((e) => `<li>${Y(e)}</li>`).join("") + "</ol>");
 			continue;
 		}
 		if (e === "") {
 			n.push("<br>"), r++;
 			continue;
 		}
-		n.push(I(e)), n.push("<br>"), r++;
+		n.push(Y(e)), n.push("<br>"), r++;
 	}
 	for (; n.length > 0 && n[n.length - 1] === "<br>";) n.pop();
 	return n.join("");
 }
-function B(e, t, n, r, i) {
-	let { name: a, design: o } = t, s, c, l, u, d, f, { content: p } = o;
-	function m(e) {
-		e.setAttribute("data-position", o.layout.position), s = e.attachShadow({ mode: "closed" });
+function ie(e, t, n, r, i, a) {
+	let { name: o, design: s } = t, c, l, u, d, f, p, { content: m } = s;
+	function h(e) {
+		e.setAttribute("data-position", s.layout.position), c = e.attachShadow({ mode: "closed" });
 		let t = document.createElement("style");
-		t.textContent = D(o), s.appendChild(t), c = document.createElement("button"), c.className = "bubble", c.setAttribute("aria-label", n.ariaOpenChat), c.innerHTML = `
-      <span class="icon-chat">${k}</span>
-      <span class="icon-close">${A}</span>
-    `, c.addEventListener("click", i), s.appendChild(c), l = document.createElement("div"), l.className = "chat-window", l.setAttribute("role", "dialog"), l.setAttribute("aria-label", `${a} chat`), l.innerHTML = `
+		t.textContent = P(s), c.appendChild(t), l = document.createElement("button"), l.className = "bubble", l.setAttribute("aria-label", n.ariaOpenChat), l.innerHTML = `
+      <span class="icon-chat">${H}</span>
+      <span class="icon-close">${U}</span>
+    `, l.addEventListener("click", i), c.appendChild(l), u = document.createElement("div"), u.className = "chat-window", u.setAttribute("role", "dialog"), u.setAttribute("aria-label", `${o} chat`), u.innerHTML = `
       <div class="chat-header">
-        <div class="avatar">${P(o.avatar)}</div>
+        <div class="avatar">${q(s.avatar)}</div>
         <div class="header-text">
-          <span class="bot-name">${F(a)}</span>
-          <span class="bot-status">${F(n.statusOnline)}</span>
+          <span class="bot-name">${J(o)}</span>
+          <span class="bot-status">${J(n.statusOnline)}</span>
         </div>
-        <button class="close-btn" aria-label="${F(n.ariaCloseChat)}">×</button>
+        <button class="close-btn" aria-label="${J(n.ariaCloseChat)}">×</button>
       </div>
       <div class="messages" id="messages-container" role="log" aria-live="polite" aria-atomic="false"></div>
       <div class="chat-footer">
         <div class="input-row">
           <textarea
             class="input"
-            placeholder="${F(p.placeholder || n.inputPlaceholder)}"
+            placeholder="${J(m.placeholder || n.inputPlaceholder)}"
             rows="1"
             maxlength="2000"
             aria-label="Message input"
           ></textarea>
-          <button class="send-btn" aria-label="${F(n.ariaSendMessage)}">
-            ${M}
+          <button class="send-btn" aria-label="${J(n.ariaSendMessage)}">
+            ${G}
           </button>
         </div>
-        <a class="botiq-badge" href="${O}" target="_blank" rel="noopener noreferrer">
-          ${F(n.poweredBy)} <span class="botiq-badge-name">BotIQ</span>
+        <a class="botiq-badge" href="${V}" target="_blank" rel="noopener noreferrer">
+          ${J(n.poweredBy)} <span class="botiq-badge-name">BotIQ</span>
         </a>
       </div>
-    `, l.querySelector(".close-btn").addEventListener("click", i), u = l.querySelector("#messages-container"), d = l.querySelector(".input"), f = l.querySelector(".send-btn"), d.addEventListener("input", () => {
-			d.style.height = "auto", d.style.height = Math.min(d.scrollHeight, 100) + "px";
-		}), d.addEventListener("keydown", (e) => {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), h());
-		}), f.addEventListener("click", h), s.appendChild(l);
+    `, u.querySelector(".close-btn").addEventListener("click", i), d = u.querySelector("#messages-container");
+		let r = null;
+		d.addEventListener("scroll", () => {
+			d.scrollTop <= 48 && !r && (r = setTimeout(() => {
+				r = null;
+			}, 150), a());
+		}), f = u.querySelector(".input"), p = u.querySelector(".send-btn"), f.addEventListener("input", () => {
+			f.style.height = "auto", f.style.height = Math.min(f.scrollHeight, 100) + "px";
+		}), f.addEventListener("keydown", (e) => {
+			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), g());
+		}), p.addEventListener("click", g), c.appendChild(u);
 	}
-	function h() {
-		let e = d.value.trim();
-		!e || f.disabled || (d.value = "", d.style.height = "auto", r(e));
+	function g() {
+		let e = f.value.trim();
+		!e || p.disabled || (f.value = "", f.style.height = "auto", r(e));
 	}
-	function g(e) {
+	function _(e) {
 		if (e.messages.length === 0 && !e.isLoading) {
-			let e = p.suggestionChips.length > 0 ? `<div class="chips">${p.suggestionChips.map((e) => `<button class="chip">${F(e)}</button>`).join("")}</div>` : "";
-			u.innerHTML = `
+			let e = m.suggestionChips.length > 0 ? `<div class="chips">${m.suggestionChips.map((e) => `<button class="chip">${J(e)}</button>`).join("")}</div>` : "";
+			d.innerHTML = `
         <div class="empty-state">
-          ${N}
-          <span class="greeting">${F(p.greeting || n.defaultGreeting)}</span>
+          ${K}
+          <span class="greeting">${J(m.greeting || n.defaultGreeting)}</span>
           ${e}
         </div>
-      `, u.querySelectorAll(".chip").forEach((e) => {
+      `, d.querySelectorAll(".chip").forEach((e) => {
 				e.addEventListener("click", () => r(e.textContent ?? ""));
 			});
 			return;
 		}
 		let t = e.messages.map((e) => `
         <div class="message ${e.role}">
-          <div class="message-bubble">${e.role === "assistant" ? z(e.content) : F(e.content)}</div>
+          <div class="message-bubble">${e.role === "assistant" ? re(e.content) : J(e.content)}</div>
         </div>
-      `).join(""), i = e.isLoading ? "<div class=\"typing\"><span></span><span></span><span></span></div>" : "";
-		u.innerHTML = t + i, u.scrollTop = u.scrollHeight;
+      `).join(""), i = e.loadingOlder ? "<div class=\"typing\"><span></span><span></span><span></span></div>" : "", a = e.isLoading ? "<div class=\"typing\"><span></span><span></span><span></span></div>" : "", o = d.scrollHeight - d.scrollTop - d.clientHeight < 80, s = d.scrollTop, c = d.scrollHeight;
+		d.innerHTML = i + t + a, o ? d.scrollTop = d.scrollHeight : d.scrollTop = B(s, c, d.scrollHeight);
 	}
-	function _(e) {
-		e.isOpen ? (l.classList.add("open"), c.classList.add("open"), c.setAttribute("aria-label", n.ariaCloseChat), requestAnimationFrame(() => d.focus())) : (l.classList.remove("open"), c.classList.remove("open"), c.setAttribute("aria-label", n.ariaOpenChat)), f.disabled = e.isLoading, g(e);
+	function v(e) {
+		e.isOpen ? (u.classList.add("open"), l.classList.add("open"), l.setAttribute("aria-label", n.ariaCloseChat), requestAnimationFrame(() => f.focus())) : (u.classList.remove("open"), l.classList.remove("open"), l.setAttribute("aria-label", n.ariaOpenChat)), p.disabled = e.isLoading, _(e);
 	}
 	return {
-		mount: m,
-		update: _
+		mount: h,
+		update: v
 	};
 }
 //#endregion
 //#region src/i18n/vi.ts
-var V = {
+var ae = {
 	statusOnline: "Trực tuyến",
 	inputPlaceholder: "Nhắn tin...",
 	defaultGreeting: "Xin chào! Tôi có thể giúp gì cho bạn?",
@@ -713,7 +844,7 @@ var V = {
 	ariaOpenChat: "Mở khung chat",
 	ariaCloseChat: "Đóng khung chat",
 	ariaSendMessage: "Gửi tin nhắn"
-}, H = {
+}, oe = {
 	statusOnline: "Online",
 	inputPlaceholder: "Type a message...",
 	defaultGreeting: "Hello! How can I help you?",
@@ -732,57 +863,81 @@ var V = {
 };
 //#endregion
 //#region src/i18n/index.ts
-function U(e) {
-	return e === "en" ? H : V;
+function Q(e) {
+	return e === "en" ? oe : ae;
 }
 //#endregion
 //#region src/builds/npm/index.ts
-function W(e) {
+var $ = 10;
+function se(e) {
 	if (!e.apiKey) return console.warn("[BotIQ] apiKey is required"), () => void 0;
-	let t = u(e), n = m();
-	x({ messages: h(n) });
-	let r = document.createElement("div");
-	document.body.appendChild(r);
-	let i = () => void 0, a = !1, o = U(void 0);
-	l(t.apiKey, t.apiUrl).then((e) => {
-		if (a) return;
+	let t = p(e);
+	v();
+	let n = t.apiKey.slice(-16), r = y(n), i = b(n, r);
+	k({ messages: i });
+	let a = I(), o = document.createElement("div");
+	document.body.appendChild(o);
+	let s = () => void 0, c = !1, l = Q(void 0);
+	f(t.apiKey, t.apiUrl).then((e) => {
+		if (c) return;
 		if (e === null) {
-			console.warn("[BotIQ] Widget not authorised on this origin — skipped mount"), r.remove();
+			console.warn("[BotIQ] Widget not authorised on this origin — skipped mount"), o.remove();
 			return;
 		}
-		o = U(e.widgetLanguage);
-		let n = B(t, e, o, s, c);
-		n.mount(r), i = S((e) => n.update(e)), n.update(b());
+		l = Q(e.widgetLanguage);
+		let n = ie(t, e, l, h, g, m);
+		n.mount(o), s = A((e) => n.update(e)), n.update(O()), i.length > 0 && d();
 	});
-	function s(e) {
-		let r = b();
-		if (r.isLoading) return;
-		let i = {
+	function u(e) {
+		return {
+			role: e.role,
+			content: e.content
+		};
+	}
+	async function d() {
+		let e = await ee(t.apiUrl, t.apiKey, r, $);
+		e.messages.length > 0 && (a = L(e), k({ messages: e.messages.map(u) }));
+	}
+	async function m() {
+		if (z(a, O().loadingOlder)) {
+			k({ loadingOlder: !0 });
+			try {
+				let e = await te(t.apiUrl, t.apiKey, r, a.oldestCursor, $);
+				e.messages.length > 0 && k({ messages: [...e.messages.map(u), ...O().messages] }), a = R(a, e);
+			} finally {
+				k({ loadingOlder: !1 });
+			}
+		}
+	}
+	function h(e) {
+		let i = O();
+		if (i.isLoading) return;
+		let a = {
 			role: "user",
 			content: e
 		};
-		x({
-			messages: [...r.messages, i],
+		k({
+			messages: [...i.messages, a],
 			isLoading: !0
-		}), _(t.apiUrl, t.apiKey, n, e, r.messages, o).then((e) => {
+		}), S(t.apiUrl, t.apiKey, r, e, i.messages, l).then((e) => {
 			let t = {
 				role: "assistant",
 				content: e
 			};
-			x({
-				messages: [...b().messages, t],
+			k({
+				messages: [...O().messages, t],
 				isLoading: !1
-			}), g(n, [i, t]);
+			}), x(n, r, [a, t]);
 		}).catch(() => {
-			x({ isLoading: !1 });
+			k({ isLoading: !1 });
 		});
 	}
-	function c() {
-		x({ isOpen: !b().isOpen });
+	function g() {
+		k({ isOpen: !O().isOpen });
 	}
 	return () => {
-		a = !0, i(), r.remove();
+		c = !0, s(), o.remove();
 	};
 }
 //#endregion
-export { W as t };
+export { se as t };

package/dist/sdk/react.js

@@ -1,4 +1,4 @@
-import { t as e } from "./npm-DfSKhYCq.js";
+import { t as e } from "./npm-DV43YS-n.js";
 import { useEffect as t } from "react";
 //#region src/builds/npm/react.tsx
 function n(n) {

package/dist/sdk/vue.js

@@ -1,4 +1,4 @@
-import { t as e } from "./npm-DfSKhYCq.js";
+import { t as e } from "./npm-DV43YS-n.js";
 import { defineComponent as t, onMounted as n, onUnmounted as r } from "vue";
 //#region src/builds/npm/vue.ts
 var i = t({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locdo.tech/botiq-chat-sdk",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "BotIQ chat widget SDK — embed AI chatbot into any website with vanilla JS, React, or Vue.",
   "keywords": [
     "botiq",