@superfeedback/widget 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,126 +1,148 @@
+import { t as tryCatchAsync } from "./dist-CU9w03k6.js";
 var VISITOR_ID_KEY = "sf_visitor_id", SessionTracker = class {
-	appId;
-	apiUrl;
-	visitorId;
-	sessionId;
-	segmentStart;
-	accumulatedMs = 0;
-	isVisible = !0;
-	constructor(e, a) {
-		this.appId = e, this.apiUrl = a, this.segmentStart = Date.now(), this.visitorId = this.getOrCreateVisitorId(), this.sessionId = crypto.randomUUID(), this.setupListeners();
-	}
-	getOrCreateVisitorId() {
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a = 0;
+	#o = !0;
+	constructor(e, r) {
+		this.#e = e, this.#t = r, this.#i = Date.now(), this.#n = this.#s(), this.#r = crypto.randomUUID(), this.#m();
+	}
+	#s() {
 		try {
-			let a = localStorage.getItem(VISITOR_ID_KEY);
-			if (a) return a;
-			let o = crypto.randomUUID();
-			return localStorage.setItem(VISITOR_ID_KEY, o), o;
+			let e = localStorage.getItem(VISITOR_ID_KEY);
+			if (e) return e;
+			let i = crypto.randomUUID();
+			return localStorage.setItem(VISITOR_ID_KEY, i), i;
 		} catch {
 			return crypto.randomUUID();
 		}
 	}
-	getOS() {
+	#c() {
 		let e = navigator.userAgent;
 		return e.includes("Windows") ? "Windows" : e.includes("Mac OS") ? "macOS" : e.includes("Linux") ? "Linux" : e.includes("Android") ? "Android" : e.includes("iOS") || e.includes("iPhone") || e.includes("iPad") ? "iOS" : "Unknown";
 	}
-	getDeviceType() {
+	#l() {
 		let e = navigator.userAgent;
 		return /Tablet|iPad/i.test(e) ? "tablet" : /Mobile|iPhone|Android.*Mobile/i.test(e) ? "mobile" : "desktop";
 	}
-	getTotalDurationMs() {
-		let e = this.isVisible ? Date.now() - this.segmentStart : 0;
-		return this.accumulatedMs + e;
+	#u() {
+		let e = this.#o ? Date.now() - this.#i : 0;
+		return this.#a + e;
 	}
-	getSessionData() {
+	#d() {
 		return {
-			appId: this.appId,
-			visitorId: this.visitorId,
-			sessionId: this.sessionId,
-			sessionDurationMs: this.getTotalDurationMs(),
+			appId: this.#e,
+			visitorId: this.#n,
+			sessionId: this.#r,
+			sessionDurationMs: this.#u(),
 			userAgent: navigator.userAgent,
-			os: this.getOS(),
-			deviceType: this.getDeviceType()
+			os: this.#c(),
+			deviceType: this.#l()
 		};
 	}
-	sendSession() {
-		if (this.getTotalDurationMs() < 1e3) return;
-		let e = this.getSessionData(), a = `${this.apiUrl}/api/external/v1/apps/${this.appId}/sessions`, o = JSON.stringify(e);
-		fetch(a, {
+	#f() {
+		if (this.#u() < 1e3) return;
+		let e = this.#d(), r = `${this.#t}/api/external/v1/apps/${this.#e}/sessions`, i = JSON.stringify(e);
+		fetch(r, {
 			method: "POST",
 			headers: { "Content-Type": "application/json" },
-			body: o,
+			body: i,
 			keepalive: !0,
 			credentials: "omit"
-		}).catch(() => {}), this.accumulatedMs = 0, this.segmentStart = Date.now();
+		}).catch(() => {}), this.#a = 0, this.#i = Date.now();
 	}
-	onVisibilityChange() {
-		document.visibilityState === "hidden" ? (this.accumulatedMs += Date.now() - this.segmentStart, this.isVisible = !1, this.sendSession()) : (this.isVisible = !0, this.segmentStart = Date.now());
+	#p() {
+		document.visibilityState === "hidden" ? (this.#a += Date.now() - this.#i, this.#o = !1, this.#f()) : (this.#o = !0, this.#i = Date.now());
 	}
-	setupListeners() {
+	#m() {
 		window.addEventListener("beforeunload", () => {
-			this.sendSession();
+			this.#f();
 		}), document.addEventListener("visibilitychange", () => {
-			this.onVisibilityChange();
+			this.#p();
 		}), window.addEventListener("pagehide", () => {
-			this.sendSession();
+			this.#f();
 		});
 	}
 	destroy() {
-		this.sendSession();
+		this.#f();
 	}
 }, __widgetBaseUrl = null;
 typeof document < "u" && document.currentScript && (__widgetBaseUrl = document.currentScript.src);
 function loadScript(e) {
-	return new Promise((a, o) => {
-		let s = document.createElement("script");
-		s.src = e, s.onload = () => a(), s.onerror = () => o(/* @__PURE__ */ Error(`Failed to load: ${e}`)), document.head.appendChild(s);
+	return new Promise((r, i) => {
+		let a = document.createElement("script");
+		a.src = e, a.onload = () => r(), a.onerror = () => i(/* @__PURE__ */ Error(`Failed to load: ${e}`)), document.head.appendChild(a);
 	});
 }
-async function loadWidgetModule() {
+var iifeLoader = async () => {
+	if (window.__superfeedback_widget) return window.__superfeedback_widget;
+	if (!__widgetBaseUrl) throw Error("Cannot determine widget chunk URL");
+	await loadScript(`${__widgetBaseUrl}/dist/widget.iife.js`);
+	let e = window.__superfeedback_widget;
+	if (!e) throw Error("Widget chunk failed to register");
+	return e;
+}, loadWidgetModule = async () => {
 	try {
 		return await import("./widget.js");
 	} catch {
-		if (!__widgetBaseUrl) throw Error("Cannot determine widget chunk URL");
-		await loadScript(`${__widgetBaseUrl}/dist/widget.iife.js`);
-		let e = window.__superfeedback_widget;
-		if (!e) throw Error("Widget chunk failed to register");
-		return e;
-	}
-}
-var Superfeedback = class e {
-	static instance = null;
-	static CONTAINER_ID = "superfeedback-widget";
-	app = null;
-	container = null;
-	sessionTracker = null;
-	isLoading = !1;
-	constructor(o) {
-		this.container = document.createElement("div"), this.container.id = e.CONTAINER_ID, this.container.style.position = "fixed", this.container.style.bottom = "20px", this.container.style.right = "20px", this.container.style.zIndex = "9999", document.body.appendChild(this.container), o.appId && (this.sessionTracker = new SessionTracker(o.appId, "https://app.superfeedback.ai")), !o.appId && !o.apiKey && console.error("Superfeedback: appId or apiKey is required"), o.apiKey && this.loadWidget(o);
-	}
-	async loadWidget(e) {
-		if (!this.isLoading) {
-			this.isLoading = !0;
-			try {
-				let { createApp: a, Root: o } = await loadWidgetModule(), s = a(o, {
-					apiKey: e.apiKey,
-					readonly: e.readonly,
-					defaultOpen: e.defaultOpen,
-					config: e.config,
-					strategy: e.strategy
-				});
-				this.app = s, s.mount(this.container);
-			} catch (e) {
-				console.error("Superfeedback: Failed to load widget", e);
-			} finally {
-				this.isLoading = !1;
+		return iifeLoader();
+	}
+}, Superfeedback = class r {
+	static #e = null;
+	static #t = "superfeedback-widget";
+	#n = null;
+	#r = null;
+	#i = null;
+	#a = !1;
+	constructor(e) {
+		if (this.#r = document.createElement("div"), this.#r.id = r.#t, this.#r.style.position = "fixed", this.#r.style.bottom = "20px", this.#r.style.right = "20px", this.#r.style.zIndex = "9999", document.body.appendChild(this.#r), e.appId && (this.#i = new SessionTracker(e.appId, "https://app.superfeedback.ai")), !e.appId && !e.projectId) {
+			console.error("Superfeedback: appId or projectId is required");
+			return;
+		}
+		this.#o(e);
+	}
+	async #o(r) {
+		if (this.#a) return;
+		this.#a = !0;
+		let i = r.projectId;
+		if (!i && r.appId) {
+			let [a, o] = await tryCatchAsync(this.#s(r.appId));
+			if (o) {
+				console.error("Superfeedback: Failed to resolve projectId from appId", o), this.#a = !1;
+				return;
 			}
+			i = a;
+		}
+		if (!i) {
+			console.error("Superfeedback: Could not determine projectId"), this.#a = !1;
+			return;
 		}
+		let [a, o] = await tryCatchAsync(loadWidgetModule());
+		if (o || !this.#r) {
+			o && console.error("Superfeedback: Failed to load widget", o), this.#r || console.error("Superfeedback: Container element not found"), this.#a = !1;
+			return;
+		}
+		let { createApp: s, Root: c } = a, l = s(c, {
+			projectId: i,
+			previewMode: r.previewMode,
+			config: r.config,
+			strategy: r.strategy
+		});
+		this.#n = l, l.mount(this.#r), this.#a = !1;
+	}
+	async #s(e) {
+		let r = await fetch(`https://app.superfeedback.ai/external/v1/apps/${e}/config`);
+		if (!r.ok) throw Error(`Failed to resolve appId: ${r.statusText}`);
+		return (await r.json()).projectId;
 	}
-	static init(a) {
-		return e.instance ||= new e(typeof a == "string" ? { apiKey: a } : a), e.instance;
+	static init(e) {
+		return r.#e ||= new r(e), r.#e;
 	}
 	destroy() {
-		this.sessionTracker &&= (this.sessionTracker.destroy(), null), this.app &&= (this.app.unmount(), null), this.container &&= (this.container.remove(), null), e.instance = null;
+		this.#i &&= (this.#i.destroy(), null), this.#n &&= (this.#n.unmount(), null), this.#r &&= (this.#r.remove(), null), r.#e = null;
 	}
 };
 function getAppIdFromScript() {