@webority/support-react 0.30.0 → 0.31.0

package/dist/support-react.js

@@ -1,14 +1,15 @@
 import { createContext as e, useCallback as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
-import { AppAlert as c, AppAvatar as l, AppBadge as u, AppButton as d, AppCard as f, AppCopyButton as p, AppDataTable as m, AppFileAttachment as h, AppIcon as g, AppInfoList as _, AppInput as v, AppLink as y, AppModal as b, AppSearch as x, AppSelect as S, AppSkeleton as C, AppSpinner as w, AppStatusBadge as T, AppTableEmptyState as E, AppTabs as D, AppTextarea as O } from "@webority/ui-react";
-import { toBlob as k } from "html-to-image";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { AppAlert as c, AppAvatar as l, AppBadge as u, AppButton as d, AppCard as f, AppCopyButton as p, AppDataTable as m, AppFileAttachment as h, AppIcon as g, AppInfoList as _, AppInput as v, AppLink as y, AppModal as b, AppSearch as x, AppSelect as S, AppSkeleton as C, AppSpinner as w, AppStatusBadge as T, AppTableEmptyState as E, AppTabs as D, AppTextarea as O, useFloatingStack as k } from "@webority/ui-react";
+import { toBlob as A } from "html-to-image";
+import { createPortal as j } from "react-dom";
+import { Fragment as ee, jsx as M, jsxs as N } from "react/jsx-runtime";
 //#region src/client.js
-var N = "Something went wrong. Please try again.", P = class extends Error {
+var P = "Something went wrong. Please try again.", F = class extends Error {
 	constructor(e, t, n) {
 		super(t), this.name = "SupportApiError", this.code = e, this.status = n;
 	}
 };
-async function F(e) {
+async function I(e) {
 	if (e && typeof Blob < "u" && e instanceof Blob) try {
 		return JSON.parse(await e.text());
 	} catch {
@@ -21,70 +22,70 @@ async function F(e) {
 	}
 	return e ?? null;
 }
-async function I(e) {
-	if (e instanceof P) return e;
+async function L(e) {
+	if (e instanceof F) return e;
 	let t = e?.response;
-	if (!t) return new P("network", N);
-	let n = await F(t.data);
-	return new P(typeof n?.code == "string" && n.code ? n.code : "unknown", typeof n?.message == "string" && n.message ? n.message : N, t.status);
+	if (!t) return new F("network", P);
+	let n = await I(t.data);
+	return new F(typeof n?.code == "string" && n.code ? n.code : "unknown", typeof n?.message == "string" && n.message ? n.message : P, t.status);
 }
-async function L(e) {
+async function R(e) {
 	try {
 		return (await e()).data;
 	} catch (e) {
-		throw await I(e);
+		throw await L(e);
 	}
 }
-function R(e, t, n) {
+function z(e, t, n) {
 	n != null && String(n).trim() !== "" && e.append(t, String(n));
 }
-function z(e, t, n, r) {
+function B(e, t, n, r) {
 	(n ?? []).forEach((n, i) => {
 		let a = n?.name || `${r}-${i + 1}.png`;
 		e.append(t, n, a);
 	});
 }
-function ee(e, t = "/api/support") {
+function V(e, t = "/api/support") {
 	let n = (typeof t == "string" ? t : t?.base ?? "/api/support").replace(/\/+$/, ""), r = (e) => `${n}/tickets/${encodeURIComponent(e)}`;
 	return {
-		getConfig: () => L(() => e.get(`${n}/settings`)),
+		getConfig: () => R(() => e.get(`${n}/settings`)),
 		listTickets: ({ status: t, search: r, page: i, pageSize: a } = {}) => {
 			let o = new URLSearchParams();
-			R(o, "status", t), R(o, "search", r?.trim()), R(o, "page", i), R(o, "pageSize", a);
+			z(o, "status", t), z(o, "search", r?.trim()), z(o, "page", i), z(o, "pageSize", a);
 			let s = o.toString();
-			return L(() => e.get(`${n}/tickets${s ? `?${s}` : ""}`));
+			return R(() => e.get(`${n}/tickets${s ? `?${s}` : ""}`));
 		},
-		getTicketCounts: () => L(() => e.get(`${n}/tickets/counts`)),
-		getTicket: (t) => L(() => e.get(r(t))),
+		getTicketCounts: () => R(() => e.get(`${n}/tickets/counts`)),
+		getTicket: (t) => R(() => e.get(r(t))),
 		createTicket: ({ category: t, subject: r, body: i, pageUrl: a, userAgent: o, appVersion: s, files: c, screenshots: l }) => {
 			let u = new FormData();
-			return u.append("category", t ?? ""), u.append("subject", r ?? ""), u.append("body", i ?? ""), R(u, "pageUrl", a), R(u, "userAgent", o), R(u, "appVersion", s), z(u, "files", c, "file"), z(u, "screenshots", l, "screenshot"), L(() => e.post(`${n}/tickets`, u));
+			return u.append("category", t ?? ""), u.append("subject", r ?? ""), u.append("body", i ?? ""), z(u, "pageUrl", a), z(u, "userAgent", o), z(u, "appVersion", s), B(u, "files", c, "file"), B(u, "screenshots", l, "screenshot"), R(() => e.post(`${n}/tickets`, u));
 		},
 		reply: (t, { body: n, files: i, screenshots: a }) => {
 			let o = new FormData();
-			return o.append("body", n ?? ""), z(o, "files", i, "file"), z(o, "screenshots", a, "screenshot"), L(() => e.post(`${r(t)}/replies`, o));
+			return o.append("body", n ?? ""), B(o, "files", i, "file"), B(o, "screenshots", a, "screenshot"), R(() => e.post(`${r(t)}/replies`, o));
 		},
-		reopen: (t) => L(() => e.post(`${r(t)}/reopen`)),
+		reopen: (t) => R(() => e.post(`${r(t)}/reopen`)),
 		rate: (t, { satisfaction: n, comment: i }) => {
 			let a = { satisfaction: n };
-			return i != null && i.trim() !== "" && (a.comment = i.trim()), L(() => e.post(`${r(t)}/rating`, a));
+			return i != null && i.trim() !== "" && (a.comment = i.trim()), R(() => e.post(`${r(t)}/rating`, a));
 		},
-		fetchAttachment: (t) => L(() => e.get(`${n}/attachments/${encodeURIComponent(t)}`, { responseType: "blob" })),
-		confirmAction: (t) => L(() => e.post(`${n}/actions/confirm`, { token: t }))
+		fetchAttachment: (t) => R(() => e.get(`${n}/attachments/${encodeURIComponent(t)}`, { responseType: "blob" })),
+		confirmAction: (t) => R(() => e.post(`${n}/actions/confirm`, { token: t }))
 	};
 }
 //#endregion
 //#region src/context.js
-var B = e(null);
-function V() {
-	let e = n(B);
+var H = e(null);
+function U() {
+	let e = n(H);
 	if (!e) throw Error("Support components and hooks must be used inside <SupportProvider>.");
 	return e;
 }
-function H() {
-	return V().client;
+function W() {
+	return U().client;
 }
-function U(e, n, i = !0) {
+function G(e, n, i = !0) {
 	let [a, c] = s({
 		data: null,
 		loading: i,
@@ -133,8 +134,8 @@ function U(e, n, i = !0) {
 		setData: m
 	};
 }
-function W() {
-	let { loadConfig: e } = V(), { data: t, loading: n, error: r, reload: i } = U(e, "config");
+function K() {
+	let { loadConfig: e } = U(), { data: t, loading: n, error: r, reload: i } = G(e, "config");
 	return {
 		config: t,
 		loading: n,
@@ -142,8 +143,8 @@ function W() {
 		reload: i
 	};
 }
-function G(e = {}) {
-	let t = H(), { status: n, search: r, page: i, pageSize: a } = e, { data: o, loading: s, error: c, reload: l } = U(() => t.listTickets({
+function te(e = {}) {
+	let t = W(), { status: n, search: r, page: i, pageSize: a } = e, { data: o, loading: s, error: c, reload: l } = G(() => t.listTickets({
 		status: n,
 		search: r,
 		page: i,
@@ -164,8 +165,8 @@ function G(e = {}) {
 		reload: l
 	};
 }
-function K() {
-	let e = H(), { data: t, loading: n, error: r, reload: i } = U(() => e.getTicketCounts(), "ticket-counts");
+function ne() {
+	let e = W(), { data: t, loading: n, error: r, reload: i } = G(() => e.getTicketCounts(), "ticket-counts");
 	return {
 		counts: t,
 		loading: n,
@@ -174,7 +175,7 @@ function K() {
 	};
 }
 function q(e) {
-	let n = H(), { data: r, loading: i, error: a, reload: o, setData: s } = U(() => n.getTicket(e), e ?? "", !!e), c = t(async (e) => {
+	let n = W(), { data: r, loading: i, error: a, reload: o, setData: s } = G(() => n.getTicket(e), e ?? "", !!e), c = t(async (e) => {
 		let t = await e();
 		return s(t), t;
 	}, [s]);
@@ -202,7 +203,7 @@ function q(e) {
 }
 //#endregion
 //#region src/lib/format.js
-var te = new Intl.DateTimeFormat("en-IN", {
+var re = new Intl.DateTimeFormat("en-IN", {
 	day: "2-digit",
 	month: "numeric",
 	year: "numeric",
@@ -210,7 +211,7 @@ var te = new Intl.DateTimeFormat("en-IN", {
 	minute: "2-digit",
 	hour12: !0,
 	timeZoneName: "short"
-}), ne = [
+}), ie = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -228,8 +229,8 @@ function J(e) {
 	if (!e) return "-";
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "-";
-	let n = Object.fromEntries(te.formatToParts(t).map((e) => [e.type, e.value]));
-	return `${n.day} ${ne[Number(n.month) - 1]} ${n.year}, ${n.hour}:${n.minute} ${n.dayPeriod.toLowerCase()} ${n.timeZoneName}`;
+	let n = Object.fromEntries(re.formatToParts(t).map((e) => [e.type, e.value]));
+	return `${n.day} ${ie[Number(n.month) - 1]} ${n.year}, ${n.hour}:${n.minute} ${n.dayPeriod.toLowerCase()} ${n.timeZoneName}`;
 }
 function Y(e) {
 	if (!Number.isFinite(e) || e < 0) return "-";
@@ -240,10 +241,10 @@ function Y(e) {
 }
 //#endregion
 //#region src/lib/files.js
-function re(e) {
+function ae(e) {
 	return (e?.allowedContentTypes ?? []).join(",");
 }
-function ie(e, t) {
+function oe(e, t) {
 	if (t.length === 0) return !0;
 	let n = (e || "").toLowerCase();
 	return t.some((e) => {
@@ -256,12 +257,12 @@ function X(e, t) {
 	if (r > 0 && n.length > r) return r === 1 ? "You can attach one file." : `You can attach up to ${r} files.`;
 	for (let e of n) {
 		let t = e.name || "This file";
-		if (!ie(e.type, a)) return `${t} is a file type we cannot accept.`;
+		if (!oe(e.type, a)) return `${t} is a file type we cannot accept.`;
 		if (i > 0 && e.size > i) return `${t} is larger than ${Y(i)}.`;
 	}
 	return null;
 }
-function ae(e) {
+function se(e) {
 	let t = Array.from(e.clipboardData?.items ?? []), n = Date.now();
 	return t.filter((e) => e.kind === "file" && e.type.startsWith("image/")).map((e) => e.getAsFile()).filter(Boolean).map((e, t) => {
 		let r = (e.type.split("/")[1] || "png").replace("jpeg", "jpg");
@@ -270,16 +271,16 @@ function ae(e) {
 }
 //#endregion
 //#region src/components/AttachmentField.jsx
-function oe({ id: e, label: t = "Attachments", files: n, onChange: r, config: i, error: a }) {
+function ce({ id: e, label: t = "Attachments", files: n, onChange: r, config: i, error: a }) {
 	let o = i?.maxAttachmentBytes ?? 0, s = o > 0 ? Math.max(.1, Math.round(o / (1024 * 1024) * 10) / 10) : 0;
-	return /* @__PURE__ */ j(h, {
+	return /* @__PURE__ */ M(h, {
 		id: e,
 		label: t,
 		optional: !0,
 		multiple: !0,
 		value: n,
 		onChange: r,
-		accept: re(i),
+		accept: ae(i),
 		maxSizeMb: s,
 		validate: !1,
 		error: a || void 0
@@ -287,17 +288,17 @@ function oe({ id: e, label: t = "Attachments", files: n, onChange: r, config: i,
 }
 //#endregion
 //#region src/components/TicketForm.jsx
-function se(e, t) {
+function le(e, t) {
 	return t && e.includes(t) ? t : e[0] ?? "";
 }
-function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit: i, onBusyChange: a, children: o }) {
-	let l = t?.categories ?? [], [u, d] = s(() => se(l, n)), [f, p] = s(""), [m, h] = s(""), [g, _] = s([]), [y, b] = s({}), [x, C] = s(""), w = (e) => {
+function ue({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit: i, onBusyChange: a, children: o }) {
+	let l = t?.categories ?? [], [u, d] = s(() => le(l, n)), [f, p] = s(""), [m, h] = s(""), [g, _] = s([]), [y, b] = s({}), [x, C] = s(""), w = (e) => {
 		_(e), b((n) => ({
 			...n,
 			files: X([...r, ...e], t) ?? void 0
 		}));
 	}, T = (e) => {
-		let t = ae(e);
+		let t = se(e);
 		t.length > 0 && w([...g, ...t]);
 	};
 	function E() {
@@ -323,17 +324,17 @@ function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 			}
 		}
 	}
-	return /* @__PURE__ */ M("form", {
+	return /* @__PURE__ */ N("form", {
 		id: e,
 		onSubmit: D,
 		noValidate: !0,
 		className: "d-flex flex-column gap-3",
 		children: [
-			x && /* @__PURE__ */ j(c, {
+			x && /* @__PURE__ */ M(c, {
 				variant: "danger",
 				children: x
 			}),
-			/* @__PURE__ */ j(S, {
+			/* @__PURE__ */ M(S, {
 				id: `${e}-category`,
 				label: "Category",
 				required: !0,
@@ -346,7 +347,7 @@ function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 				placeholder: "Choose a category",
 				error: y.category
 			}),
-			/* @__PURE__ */ j(v, {
+			/* @__PURE__ */ M(v, {
 				id: `${e}-subject`,
 				label: "Subject",
 				required: !0,
@@ -356,7 +357,7 @@ function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 				onChange: (e) => p(e.target.value),
 				error: y.subject
 			}),
-			/* @__PURE__ */ j(O, {
+			/* @__PURE__ */ M(O, {
 				id: `${e}-body`,
 				label: "Message",
 				required: !0,
@@ -370,7 +371,7 @@ function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 				error: y.body
 			}),
 			o,
-			/* @__PURE__ */ j(oe, {
+			/* @__PURE__ */ M(ce, {
 				id: `${e}-files`,
 				files: g,
 				onChange: w,
@@ -382,37 +383,37 @@ function ce({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 }
 //#endregion
 //#region src/ReportIssue.jsx
-var le = "supportCapture", ue = {
+var de = "supportCapture", fe = {
 	zIndex: "var(--wui-z-fixed)",
 	bottom: 0,
 	insetInlineEnd: 0
-}, de = (e) => e?.dataset?.[le] !== "exclude";
-async function fe() {
-	let e = await k(document.body, {
-		filter: de,
+}, pe = (e) => e?.dataset?.[de] !== "exclude";
+async function me() {
+	let e = await A(document.body, {
+		filter: pe,
 		pixelRatio: Math.min(window.devicePixelRatio || 1, 2)
 	});
 	if (!e) throw Error("The page capture came back empty.");
 	return new File([e], "screenshot.png", { type: "image/png" });
 }
-function pe({ file: e, onRemove: t }) {
+function he({ file: e, onRemove: t }) {
 	let [n, i] = s(null);
 	return r(() => {
 		let t = URL.createObjectURL(e);
 		return i(t), () => URL.revokeObjectURL(t);
-	}, [e]), /* @__PURE__ */ M("figure", {
+	}, [e]), /* @__PURE__ */ N("figure", {
 		className: "mb-0 d-flex flex-column gap-2",
 		children: [
-			/* @__PURE__ */ j("figcaption", {
+			/* @__PURE__ */ M("figcaption", {
 				className: "wui-text-sm fw-semibold",
 				children: "Screenshot of this page"
 			}),
-			n && /* @__PURE__ */ j("img", {
+			n && /* @__PURE__ */ M("img", {
 				src: n,
 				alt: "Screenshot of the page you were on",
 				className: "d-block w-100 border rounded"
 			}),
-			/* @__PURE__ */ j(d, {
+			/* @__PURE__ */ M(d, {
 				variant: "ghost",
 				size: "sm",
 				leftIcon: "x",
@@ -423,112 +424,129 @@ function pe({ file: e, onRemove: t }) {
 		]
 	});
 }
-function me({ label: e = "Report an issue", floating: t = !1, defaultCategory: n = "Bug report", appVersion: r, getTicketHref: a, onOpenTicket: o, onCreated: l, className: u, style: f }) {
-	let p = H(), { config: m, error: h } = W(), g = `support-report-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [_, v] = s(!1), [y, x] = s(!1), [S, C] = s(null), [w, T] = s(!1), [E, D] = s(!1), [O, k] = s(null);
-	async function N() {
-		x(!0), k(null);
+function ge({ label: e = "Report an issue", floating: t = !1, compact: n = !1, defaultCategory: r = "Bug report", appVersion: a, getTicketHref: o, onOpenTicket: l, onCreated: u, className: f, style: p }) {
+	let m = W(), { config: h, error: _ } = K(), v = `support-report-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [y, x] = s(!1), [S, C] = s(!1), [w, T] = s(null), [E, D] = s(!1), [O, A] = s(!1), [P, F] = s(null), I = k("end", t && n);
+	async function L() {
+		C(!0), F(null);
 		try {
-			C(await fe()), T(!1);
+			T(await me()), D(!1);
 		} catch {
-			C(null), T(!0);
+			T(null), D(!0);
 		} finally {
-			x(!1), v(!0);
+			C(!1), x(!0);
 		}
 	}
-	let P = () => {
-		E || (v(!1), C(null), k(null));
+	let R = () => {
+		O || (x(!1), T(null), F(null));
 	};
-	async function F(e) {
-		let t = await p.createTicket({
+	async function z(e) {
+		let t = await m.createTicket({
 			...e,
 			pageUrl: window.location.href,
 			userAgent: navigator.userAgent,
-			appVersion: r,
-			screenshots: S ? [S] : []
+			appVersion: a,
+			screenshots: w ? [w] : []
 		});
-		k(t), C(null), l?.(t);
+		F(t), T(null), u?.(t);
 	}
-	let I = O && a ? a(O.id) : void 0, L = O ? /* @__PURE__ */ M("div", {
+	let B = P && o ? o(P.id) : void 0, V = P ? /* @__PURE__ */ N("div", {
 		className: "d-flex justify-content-end gap-2 w-100",
-		children: [/* @__PURE__ */ j(d, {
+		children: [/* @__PURE__ */ M(d, {
 			variant: "secondary",
-			onClick: P,
+			onClick: R,
 			children: "Close"
-		}), O && (I || o) ? /* @__PURE__ */ j(d, {
-			href: I,
-			onClick: I ? void 0 : () => {
-				v(!1), k(null), o(O);
+		}), P && (B || l) ? /* @__PURE__ */ M(d, {
+			href: B,
+			onClick: B ? void 0 : () => {
+				x(!1), F(null), l(P);
 			},
 			children: "View ticket"
 		}) : null]
-	}) : /* @__PURE__ */ M("div", {
+	}) : /* @__PURE__ */ N("div", {
 		className: "d-flex justify-content-end gap-2 w-100",
-		children: [/* @__PURE__ */ j(d, {
+		children: [/* @__PURE__ */ M(d, {
 			variant: "secondary",
-			onClick: P,
-			disabled: E,
+			onClick: R,
+			disabled: O,
 			children: "Cancel"
-		}), /* @__PURE__ */ j(d, {
+		}), /* @__PURE__ */ M(d, {
 			type: "submit",
-			form: g,
-			loading: E,
-			disabled: !m,
+			form: v,
+			loading: O,
+			disabled: !h,
 			children: "Send report"
 		})]
+	}), H = n ? /* @__PURE__ */ M(d, {
+		variant: "secondary",
+		className: "wui-floating-btn wui-floating-btn--secondary",
+		loading: S,
+		onClick: L,
+		"aria-haspopup": "dialog",
+		"aria-label": e,
+		tooltip: e,
+		tooltipPlacement: "start",
+		children: /* @__PURE__ */ M(g, {
+			name: "bug",
+			size: 22
+		})
+	}) : /* @__PURE__ */ M(d, {
+		leftIcon: "bug",
+		variant: t ? "primary" : "outline",
+		loading: S,
+		onClick: L,
+		"aria-haspopup": "dialog",
+		children: e
 	});
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
+	return /* @__PURE__ */ N(ee, { children: [t && n ? I && j(/* @__PURE__ */ M("span", {
+		className: ["wui-floating-stack-item wui-floating-stack-item--secondary", f].filter(Boolean).join(" "),
+		style: p,
+		children: H
+	}), I) : /* @__PURE__ */ M("span", {
 		"data-support-capture": "exclude",
-		className: [t ? "position-fixed m-3" : "d-inline-block", u].filter(Boolean).join(" "),
+		className: [t ? "position-fixed m-3" : "d-inline-block", f].filter(Boolean).join(" "),
 		style: t ? {
-			...ue,
-			...f
-		} : f,
-		children: /* @__PURE__ */ j(d, {
-			leftIcon: "bug",
-			variant: t ? "primary" : "outline",
-			loading: y,
-			onClick: N,
-			"aria-haspopup": "dialog",
-			children: e
-		})
-	}), /* @__PURE__ */ j(b, {
-		open: _,
+			...fe,
+			...p
+		} : p,
+		children: H
+	}), /* @__PURE__ */ M(b, {
+		open: y,
 		size: "lg",
 		title: "Report an issue",
 		subtitle: "Tell us what went wrong. We attach a screenshot of this page to help us see it.",
 		headerIcon: "bug",
 		staticBackdrop: !0,
-		onClose: P,
-		footer: L,
-		children: O ? /* @__PURE__ */ j(c, {
+		onClose: R,
+		footer: V,
+		children: P ? /* @__PURE__ */ M(c, {
 			variant: "success",
 			role: "status",
-			title: `Ticket ${O.number} is with the support team`,
+			title: `Ticket ${P.number} is with the support team`,
 			children: "We reply by email. You can follow the ticket on your support page."
-		}) : m ? /* @__PURE__ */ j(ce, {
-			id: g,
-			config: m,
-			defaultCategory: n,
-			extraFiles: S ? [S] : [],
-			onSubmit: F,
-			onBusyChange: D,
-			children: S ? /* @__PURE__ */ j(pe, {
-				file: S,
-				onRemove: () => C(null)
-			}) : w ? /* @__PURE__ */ j(c, {
+		}) : h ? /* @__PURE__ */ M(ue, {
+			id: v,
+			config: h,
+			defaultCategory: r,
+			extraFiles: w ? [w] : [],
+			onSubmit: z,
+			onBusyChange: A,
+			children: w ? /* @__PURE__ */ M(he, {
+				file: w,
+				onRemove: () => T(null)
+			}) : E ? /* @__PURE__ */ M(c, {
 				variant: "info",
 				children: "We could not take a screenshot of this page. You can attach an image instead."
 			}) : null
-		}) : /* @__PURE__ */ j(c, {
-			variant: h ? "danger" : "info",
-			children: h ? h.message || "We could not load the support settings." : "Loading the form."
+		}) : /* @__PURE__ */ M(c, {
+			variant: _ ? "danger" : "info",
+			children: _ ? _.message || "We could not load the support settings." : "Loading the form."
 		})
 	})] });
 }
 //#endregion
 //#region src/components/NewTicketModal.jsx
-function he({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a, appVersion: o }) {
-	let c = H(), l = `support-new-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [u, f] = s(!1);
+function _e({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a, appVersion: o }) {
+	let c = W(), l = `support-new-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [u, f] = s(!1);
 	async function p(e) {
 		n(await c.createTicket({
 			...e,
@@ -536,7 +554,7 @@ function he({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 			appVersion: o
 		}));
 	}
-	return /* @__PURE__ */ j(b, {
+	return /* @__PURE__ */ M(b, {
 		open: e,
 		size: "lg",
 		title: "New ticket",
@@ -546,21 +564,21 @@ function he({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 		onClose: () => {
 			u || t();
 		},
-		footer: /* @__PURE__ */ M("div", {
+		footer: /* @__PURE__ */ N("div", {
 			className: "d-flex justify-content-end gap-2 w-100",
-			children: [/* @__PURE__ */ j(d, {
+			children: [/* @__PURE__ */ M(d, {
 				variant: "secondary",
 				onClick: t,
 				disabled: u,
 				children: "Cancel"
-			}), /* @__PURE__ */ j(d, {
+			}), /* @__PURE__ */ M(d, {
 				type: "submit",
 				form: l,
 				loading: u,
 				children: "Send ticket"
 			})]
 		}),
-		children: e && /* @__PURE__ */ j(ce, {
+		children: e && /* @__PURE__ */ M(ue, {
 			id: l,
 			config: r,
 			defaultCategory: a,
@@ -571,23 +589,23 @@ function he({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 }
 //#endregion
 //#region src/lib/status.js
-var ge = {
+var ve = {
 	Open: "warning",
 	InProgress: "info",
 	Resolved: "success",
 	Closed: "neutral"
 };
-function _e(e) {
-	return ge[e] ?? "neutral";
+function ye(e) {
+	return ve[e] ?? "neutral";
 }
 //#endregion
 //#region src/components/AttachmentThumb.jsx
-var ve = {
+var be = {
 	width: 140,
 	maxWidth: "100%"
-}, ye = { height: 84 };
-function be({ attachment: e }) {
-	let t = H(), n = (e.contentType || "").startsWith("image/"), [i, a] = s(null), [o, c] = s(!1);
+}, xe = { height: 84 };
+function Se({ attachment: e }) {
+	let t = W(), n = (e.contentType || "").startsWith("image/"), [i, a] = s(null), [o, c] = s(!1);
 	r(() => {
 		let n = !0, r = null;
 		return a(null), c(!1), t.fetchAttachment(e.id).then((e) => {
@@ -596,7 +614,7 @@ function be({ attachment: e }) {
 			n = !1, r && URL.revokeObjectURL(r);
 		};
 	}, [t, e.id]);
-	let l = `Open ${e.fileName}`, u = /* @__PURE__ */ M("span", {
+	let l = `Open ${e.fileName}`, u = /* @__PURE__ */ N("span", {
 		className: "d-block text-truncate px-2 py-1 wui-text-xs text-body-secondary",
 		children: [
 			e.fileName,
@@ -604,35 +622,35 @@ function be({ attachment: e }) {
 			Y(e.sizeBytes)
 		]
 	});
-	return o ? /* @__PURE__ */ M("span", {
+	return o ? /* @__PURE__ */ N("span", {
 		className: "d-inline-flex flex-column border rounded overflow-hidden",
-		style: ve,
-		children: [/* @__PURE__ */ M("span", {
+		style: be,
+		children: [/* @__PURE__ */ N("span", {
 			className: "d-flex align-items-center justify-content-center gap-1 p-2 wui-text-xs text-body-secondary",
-			children: [/* @__PURE__ */ j(g, {
+			children: [/* @__PURE__ */ M(g, {
 				name: "x-circle",
 				size: 14
 			}), "Could not load this file."]
 		}), u]
-	}) : /* @__PURE__ */ M("a", {
+	}) : /* @__PURE__ */ N("a", {
 		className: "d-inline-flex flex-column border rounded overflow-hidden text-decoration-none",
-		style: ve,
+		style: be,
 		href: i ?? void 0,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		"aria-label": l,
 		"aria-busy": !i || void 0,
-		children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ M("span", {
 			className: "d-flex align-items-center justify-content-center bg-body-tertiary",
-			style: ye,
-			children: i ? n ? /* @__PURE__ */ j("img", {
+			style: xe,
+			children: i ? n ? /* @__PURE__ */ M("img", {
 				src: i,
 				alt: e.fileName,
 				className: "d-block w-100 h-100 object-fit-cover"
-			}) : /* @__PURE__ */ j(g, {
+			}) : /* @__PURE__ */ M(g, {
 				name: "file-text",
 				size: 28
-			}) : /* @__PURE__ */ j(w, {
+			}) : /* @__PURE__ */ M(w, {
 				size: "sm",
 				label: `Loading ${e.fileName}`
 			})
@@ -641,60 +659,60 @@ function be({ attachment: e }) {
 }
 //#endregion
 //#region src/components/MessageThread.jsx
-var xe = {
+var Ce = {
 	whiteSpace: "pre-wrap",
 	overflowWrap: "anywhere"
 };
-function Se({ messages: e }) {
-	return /* @__PURE__ */ j("ol", {
+function we({ messages: e }) {
+	return /* @__PURE__ */ M("ol", {
 		className: "list-unstyled d-flex flex-column gap-3 mb-0",
 		"aria-label": "Conversation",
 		children: e.map((e) => {
-			let t = /* @__PURE__ */ j("time", {
+			let t = /* @__PURE__ */ M("time", {
 				dateTime: e.createdDateTimeUtc,
 				className: "wui-text-xs text-body-secondary text-nowrap",
 				children: J(e.createdDateTimeUtc)
 			});
-			if (e.authorKind === "System") return /* @__PURE__ */ M("li", {
+			if (e.authorKind === "System") return /* @__PURE__ */ N("li", {
 				className: "text-center wui-text-xs text-body-secondary",
 				"data-author": "system",
-				children: [/* @__PURE__ */ j("span", {
+				children: [/* @__PURE__ */ M("span", {
 					className: "d-block",
 					children: e.body
 				}), t]
 			}, e.id);
 			let n = e.authorKind === "Customer", r = e.authorName || (n ? "You" : "Support team");
-			return /* @__PURE__ */ M("li", {
+			return /* @__PURE__ */ N("li", {
 				className: `d-flex align-items-start gap-2${n ? " flex-row-reverse" : ""}`,
 				"data-author": n ? "customer" : "agent",
-				children: [/* @__PURE__ */ j(l, {
+				children: [/* @__PURE__ */ M(l, {
 					name: r,
 					size: 32,
 					tone: n ? "neutral" : "primary"
-				}), /* @__PURE__ */ M(f, {
+				}), /* @__PURE__ */ N(f, {
 					className: "flex-grow-1 border",
 					padding: "sm",
 					variant: n ? "default" : "accent",
 					style: { minWidth: 0 },
 					children: [
-						/* @__PURE__ */ M("div", {
+						/* @__PURE__ */ N("div", {
 							className: "d-flex flex-wrap align-items-center justify-content-between gap-2 mb-2",
-							children: [/* @__PURE__ */ M("span", {
+							children: [/* @__PURE__ */ N("span", {
 								className: "d-inline-flex flex-wrap align-items-center gap-2 fw-semibold wui-text-sm text-break",
-								children: [r, !n && /* @__PURE__ */ j(u, {
+								children: [r, !n && /* @__PURE__ */ M(u, {
 									tone: "primary",
 									children: "Support"
 								})]
 							}), t]
 						}),
-						/* @__PURE__ */ j("div", {
+						/* @__PURE__ */ M("div", {
 							className: "wui-text-sm",
-							style: xe,
+							style: Ce,
 							children: e.body
 						}),
-						e.attachments?.length > 0 && /* @__PURE__ */ j("div", {
+						e.attachments?.length > 0 && /* @__PURE__ */ M("div", {
 							className: "d-flex flex-wrap gap-2 mt-2",
-							children: e.attachments.map((e) => /* @__PURE__ */ j(be, { attachment: e }, e.id))
+							children: e.attachments.map((e) => /* @__PURE__ */ M(Se, { attachment: e }, e.id))
 						})
 					]
 				})]
@@ -704,12 +722,12 @@ function Se({ messages: e }) {
 }
 //#endregion
 //#region src/components/RatingPanel.jsx
-function Ce({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r, onRate: a }) {
+function Te({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r, onRate: a }) {
 	let o = i(), [l, u] = s(""), [p, m] = s(null), [h, g] = s("");
-	if (e) return /* @__PURE__ */ M(c, {
+	if (e) return /* @__PURE__ */ N(c, {
 		variant: e === "Satisfied" ? "success" : "info",
 		role: "status",
-		children: [e === "Satisfied" ? "You told us this solved your problem." : "You told us this did not solve your problem.", t ? /* @__PURE__ */ M("span", {
+		children: [e === "Satisfied" ? "You told us this solved your problem." : "You told us this did not solve your problem.", t ? /* @__PURE__ */ N("span", {
 			className: "d-block mt-1",
 			children: ["Your comment: ", t]
 		}) : null]
@@ -728,18 +746,18 @@ function Ce({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r,
 			m(null);
 		}
 	}
-	return /* @__PURE__ */ j(f, {
+	return /* @__PURE__ */ M(f, {
 		padding: "sm",
 		className: "border",
 		title: "Did this solve your problem?",
-		children: /* @__PURE__ */ M("div", {
+		children: /* @__PURE__ */ N("div", {
 			className: "d-flex flex-column gap-2",
 			children: [
-				h && /* @__PURE__ */ j(c, {
+				h && /* @__PURE__ */ M(c, {
 					variant: "danger",
 					children: h
 				}),
-				/* @__PURE__ */ j(O, {
+				/* @__PURE__ */ M(O, {
 					id: `${o}-comment`,
 					label: "Anything to add?",
 					rows: 2,
@@ -748,16 +766,16 @@ function Ce({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r,
 					onChange: (e) => u(e.target.value),
 					hint: "Optional. Your comment goes to the support team."
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ N("div", {
 					className: "d-flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ j(d, {
+					children: [/* @__PURE__ */ M(d, {
 						variant: "outline",
 						leftIcon: "check-circle",
 						loading: p === "Satisfied",
 						disabled: p !== null,
 						onClick: () => _("Satisfied"),
 						children: "Yes, it is solved"
-					}), /* @__PURE__ */ j(d, {
+					}), /* @__PURE__ */ M(d, {
 						variant: "outline",
 						leftIcon: "x-circle",
 						loading: p === "Unsatisfied",
@@ -772,11 +790,11 @@ function Ce({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r,
 }
 //#endregion
 //#region src/components/ReplyBox.jsx
-function we({ onSend: e, config: t, reopens: n = !1 }) {
+function Ee({ onSend: e, config: t, reopens: n = !1 }) {
 	let r = i(), [a, o] = s(""), [l, u] = s([]), [f, p] = s(""), [m, h] = s(""), [g, _] = s(!1), v = (e) => {
 		u(e), p(X(e, t) ?? "");
 	}, y = (e) => {
-		let t = ae(e);
+		let t = se(e);
 		t.length > 0 && v([...l, ...t]);
 	};
 	async function b(n) {
@@ -803,17 +821,17 @@ function we({ onSend: e, config: t, reopens: n = !1 }) {
 			_(!1);
 		}
 	}
-	return /* @__PURE__ */ M("form", {
+	return /* @__PURE__ */ N("form", {
 		onSubmit: b,
 		noValidate: !0,
 		className: "d-flex flex-column gap-2",
 		"aria-label": "Reply to this ticket",
 		children: [
-			m && /* @__PURE__ */ j(c, {
+			m && /* @__PURE__ */ M(c, {
 				variant: "danger",
 				children: m
 			}),
-			/* @__PURE__ */ j(O, {
+			/* @__PURE__ */ M(O, {
 				id: `${r}-body`,
 				label: "Your reply",
 				rows: 4,
@@ -825,16 +843,16 @@ function we({ onSend: e, config: t, reopens: n = !1 }) {
 				hint: n ? "Sending a reply reopens this ticket. You can paste an image into the message." : "You can paste an image into the message.",
 				required: !0
 			}),
-			/* @__PURE__ */ j(oe, {
+			/* @__PURE__ */ M(ce, {
 				id: `${r}-files`,
 				files: l,
 				onChange: v,
 				config: t,
 				error: f
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "d-flex justify-content-end",
-				children: /* @__PURE__ */ j(d, {
+				children: /* @__PURE__ */ M(d, {
 					type: "submit",
 					leftIcon: "send",
 					loading: g,
@@ -847,19 +865,19 @@ function we({ onSend: e, config: t, reopens: n = !1 }) {
 //#endregion
 //#region src/components/TicketDetail.jsx
 function Z({ label: e, children: t }) {
-	return /* @__PURE__ */ M("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "d-flex flex-column",
-		children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ M("span", {
 			className: "wui-text-xs fw-semibold text-body-secondary",
 			children: e
-		}), /* @__PURE__ */ j("span", {
+		}), /* @__PURE__ */ M("span", {
 			className: "wui-text-sm",
 			children: t
 		})]
 	});
 }
-function Te({ ticketId: e, onBack: t, onChanged: n }) {
-	let { config: r } = W(), { ticket: i, loading: a, error: o, reload: l, reply: u, reopen: f, rate: p } = q(e), [m, h] = s(!1), [g, _] = s(""), v = async (e) => {
+function De({ ticketId: e, onBack: t, onChanged: n }) {
+	let { config: r } = K(), { ticket: i, loading: a, error: o, reload: l, reply: u, reopen: f, rate: p } = q(e), [m, h] = s(!1), [g, _] = s(""), v = async (e) => {
 		let t = await e();
 		return n?.(), t;
 	};
@@ -873,7 +891,7 @@ function Te({ ticketId: e, onBack: t, onChanged: n }) {
 			h(!1);
 		}
 	}
-	let b = /* @__PURE__ */ j(d, {
+	let b = /* @__PURE__ */ M(d, {
 		variant: "ghost",
 		size: "sm",
 		leftIcon: "arrow-left",
@@ -881,86 +899,86 @@ function Te({ ticketId: e, onBack: t, onChanged: n }) {
 		className: "align-self-start",
 		children: "Back to tickets"
 	});
-	if (!i) return /* @__PURE__ */ M("section", {
+	if (!i) return /* @__PURE__ */ N("section", {
 		className: "d-flex flex-column gap-3",
 		"aria-busy": a || void 0,
-		children: [b, o ? /* @__PURE__ */ M(c, {
+		children: [b, o ? /* @__PURE__ */ N(c, {
 			variant: "danger",
 			children: [
 				o.message || "We could not load this ticket.",
 				" ",
-				/* @__PURE__ */ j(d, {
+				/* @__PURE__ */ M(d, {
 					variant: "ghost",
 					size: "sm",
 					onClick: l,
 					children: "Try again"
 				})
 			]
-		}) : /* @__PURE__ */ j(C, { height: 160 })]
+		}) : /* @__PURE__ */ M(C, { height: 160 })]
 	});
 	let x = i.status === "Resolved" || i.status === "Closed";
-	return /* @__PURE__ */ M("section", {
+	return /* @__PURE__ */ N("section", {
 		className: "d-flex flex-column gap-3",
 		"aria-labelledby": `support-ticket-${i.id}`,
 		children: [
 			b,
-			/* @__PURE__ */ M("header", {
+			/* @__PURE__ */ N("header", {
 				className: "d-flex flex-column gap-2",
 				children: [
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "d-flex flex-wrap align-items-center gap-2",
-						children: [/* @__PURE__ */ j("h2", {
+						children: [/* @__PURE__ */ M("h2", {
 							id: `support-ticket-${i.id}`,
 							className: "h5 mb-0 text-break",
 							children: i.subject
-						}), i.statusLabel && /* @__PURE__ */ j(T, {
+						}), i.statusLabel && /* @__PURE__ */ M(T, {
 							label: i.statusLabel,
-							tone: _e(i.status)
+							tone: ye(i.status)
 						})]
 					}),
-					/* @__PURE__ */ M("div", {
+					/* @__PURE__ */ N("div", {
 						className: "row row-cols-2 row-cols-md-4 g-3",
 						children: [
-							/* @__PURE__ */ j(Z, {
+							/* @__PURE__ */ M(Z, {
 								label: "Ticket",
 								children: i.number
 							}),
-							/* @__PURE__ */ j(Z, {
+							/* @__PURE__ */ M(Z, {
 								label: "Category",
 								children: i.category || "-"
 							}),
-							/* @__PURE__ */ j(Z, {
+							/* @__PURE__ */ M(Z, {
 								label: "Opened",
-								children: /* @__PURE__ */ j("time", {
+								children: /* @__PURE__ */ M("time", {
 									dateTime: i.createdDateTimeUtc,
 									children: J(i.createdDateTimeUtc)
 								})
 							}),
-							/* @__PURE__ */ j(Z, {
+							/* @__PURE__ */ M(Z, {
 								label: "Last update",
-								children: /* @__PURE__ */ j("time", {
+								children: /* @__PURE__ */ M("time", {
 									dateTime: i.updatedDateTimeUtc,
 									children: J(i.updatedDateTimeUtc)
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ j("p", {
+					/* @__PURE__ */ M("p", {
 						className: "wui-text-xs text-body-secondary mb-0",
 						children: "Times are shown in your time zone."
 					})
 				]
 			}),
-			g && /* @__PURE__ */ j(c, {
+			g && /* @__PURE__ */ M(c, {
 				variant: "danger",
 				children: g
 			}),
-			x && /* @__PURE__ */ j(c, {
+			x && /* @__PURE__ */ M(c, {
 				variant: "success",
 				role: "status",
 				children: "If you still need help, reopen the ticket or send a reply."
 			}),
-			i.canReopen && /* @__PURE__ */ j(d, {
+			i.canReopen && /* @__PURE__ */ M(d, {
 				variant: "secondary",
 				leftIcon: "history",
 				loading: m,
@@ -968,15 +986,15 @@ function Te({ ticketId: e, onBack: t, onChanged: n }) {
 				className: "align-self-start",
 				children: "Reopen ticket"
 			}),
-			/* @__PURE__ */ j(Ce, {
+			/* @__PURE__ */ M(Te, {
 				satisfaction: i.satisfaction,
 				comment: i.satisfactionComment,
 				canRate: i.canRate,
 				commentMaxLength: r?.satisfactionCommentMaxLength,
 				onRate: (e) => v(() => p(e))
 			}),
-			/* @__PURE__ */ j(Se, { messages: i.messages ?? [] }),
-			/* @__PURE__ */ j(we, {
+			/* @__PURE__ */ M(we, { messages: i.messages ?? [] }),
+			/* @__PURE__ */ M(Ee, {
 				config: r,
 				reopens: x,
 				onSend: (e) => v(() => u(e))
@@ -987,22 +1005,22 @@ function Te({ ticketId: e, onBack: t, onChanged: n }) {
 //#endregion
 //#region src/lib/url.js
 var Q = "ticket";
-function Ee() {
+function Oe() {
 	return typeof window > "u" ? null : new URLSearchParams(window.location.search).get(Q);
 }
-function De(e) {
+function ke(e) {
 	if (typeof window > "u") return e ? `?${Q}=${encodeURIComponent(e)}` : "?";
 	let t = new URL(window.location.href);
 	return e ? t.searchParams.set(Q, e) : t.searchParams.delete(Q), `${t.pathname}${t.search}${t.hash}`;
 }
-function Oe(e) {
+function Ae(e) {
 	if (typeof window > "u") return;
-	let t = De(e);
+	let t = ke(e);
 	t !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(window.history.state, "", t);
 }
 //#endregion
 //#region src/components/TicketList.jsx
-var ke = [
+var je = [
 	{
 		key: "all",
 		label: "All",
@@ -1029,16 +1047,16 @@ var ke = [
 		countKey: "closed"
 	}
 ];
-function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a, onStatusChange: o, counts: s, search: l, onSearchChange: u, pagination: f }) {
-	return /* @__PURE__ */ M("div", {
+function Me({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a, onStatusChange: o, counts: s, search: l, onSearchChange: u, pagination: f }) {
+	return /* @__PURE__ */ N("div", {
 		className: "d-flex flex-column gap-3",
 		children: [
-			n && /* @__PURE__ */ M(c, {
+			n && /* @__PURE__ */ N(c, {
 				variant: "danger",
 				children: [
 					n.message || "We could not load your tickets.",
 					" ",
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ M(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: r,
@@ -1046,10 +1064,10 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 					})
 				]
 			}),
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ N("div", {
 				className: "d-flex flex-column flex-md-row gap-2 align-items-md-center justify-content-between",
-				children: [/* @__PURE__ */ j(D, {
-					tabs: ke.map(({ key: e, label: t, countKey: n }) => ({
+				children: [/* @__PURE__ */ M(D, {
+					tabs: je.map(({ key: e, label: t, countKey: n }) => ({
 						key: e,
 						label: t,
 						count: s?.[n]
@@ -1058,30 +1076,30 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 					onChange: o,
 					ariaLabel: "Filter tickets by status",
 					className: "flex-grow-1"
-				}), /* @__PURE__ */ j(x, {
+				}), /* @__PURE__ */ M(x, {
 					value: l,
 					onChange: u,
 					placeholder: "Search tickets",
 					ariaLabel: "Search tickets"
 				})]
 			}),
-			/* @__PURE__ */ j(m, {
+			/* @__PURE__ */ M(m, {
 				columns: [
 					{
 						key: "subject",
 						label: "Subject",
-						render: (e) => /* @__PURE__ */ M("div", {
+						render: (e) => /* @__PURE__ */ N("div", {
 							className: "d-flex flex-column",
 							style: { minWidth: 0 },
-							children: [/* @__PURE__ */ j(y, {
-								href: De(e.id),
+							children: [/* @__PURE__ */ M(y, {
+								href: ke(e.id),
 								animation: "none",
 								className: "fw-semibold text-break",
 								onClick: (t) => {
 									t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || (t.preventDefault(), i(e.id));
 								},
 								children: e.subject
-							}), /* @__PURE__ */ M("span", {
+							}), /* @__PURE__ */ N("span", {
 								className: "wui-text-xs text-body-secondary",
 								children: [
 									e.number,
@@ -1095,9 +1113,9 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 					{
 						key: "status",
 						label: "Status",
-						render: (e) => e.statusLabel ? /* @__PURE__ */ j(T, {
+						render: (e) => e.statusLabel ? /* @__PURE__ */ M(T, {
 							label: e.statusLabel,
-							tone: _e(e.status)
+							tone: ye(e.status)
 						}) : "-"
 					},
 					{
@@ -1110,7 +1128,7 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 						key: "updatedDateTimeUtc",
 						label: "Last update",
 						cellClassName: "wui-text-sm text-body-secondary text-nowrap",
-						render: (e) => /* @__PURE__ */ j("time", {
+						render: (e) => /* @__PURE__ */ M("time", {
 							dateTime: e.updatedDateTimeUtc,
 							children: J(e.updatedDateTimeUtc)
 						})
@@ -1122,12 +1140,12 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 				ariaLabel: "Support tickets",
 				sourceCount: s?.total ?? 0,
 				pagination: f,
-				empty: /* @__PURE__ */ j(E, {
+				empty: /* @__PURE__ */ M(E, {
 					icon: "message-square",
 					title: "No tickets yet",
 					text: "When you raise a ticket, it shows here with its status."
 				}),
-				emptyFiltered: /* @__PURE__ */ j(E, {
+				emptyFiltered: /* @__PURE__ */ M(E, {
 					icon: "search",
 					title: "No tickets match",
 					text: "Try another search or status."
@@ -1138,7 +1156,7 @@ function Ae({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 }
 //#endregion
 //#region src/lib/useDebouncedValue.js
-function je(e, t) {
+function Ne(e, t) {
 	let [n, i] = s(e);
 	return r(() => {
 		let n = setTimeout(() => i(e), t);
@@ -1147,20 +1165,20 @@ function je(e, t) {
 }
 //#endregion
 //#region src/SupportCenter.jsx
-var Me = 300, Ne = 10;
-function Pe({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
-	let { config: i, error: a, reload: o } = W(), [l, u] = s("all"), [f, p] = s(""), m = je(f.trim(), Me), [h, g] = s(Ne), _ = `${l}|${m}|${h}`, [v, y] = s({
+var Pe = 300, Fe = 10;
+function Ie({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
+	let { config: i, error: a, reload: o } = K(), [l, u] = s("all"), [f, p] = s(""), m = Ne(f.trim(), Pe), [h, g] = s(Fe), _ = `${l}|${m}|${h}`, [v, y] = s({
 		key: _,
 		page: 1
 	}), b = v.key === _ ? v.page : 1, x = (e) => y({
 		key: _,
 		page: e
-	}), S = G({
+	}), S = te({
 		status: l === "all" ? void 0 : l,
 		search: m || void 0,
 		page: b,
 		pageSize: h
-	}), { counts: C, reload: w } = K(), [T, E] = s(() => e || Ee()), [D, O] = s(!1), k = S.totalPages;
+	}), { counts: C, reload: w } = ne(), [T, E] = s(() => e || Oe()), [D, O] = s(!1), k = S.totalPages;
 	r(() => {
 		k > 0 && b > k && y({
 			key: _,
@@ -1173,15 +1191,15 @@ function Pe({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 	]);
 	let A = () => {
 		S.reload(), w();
-	}, N = (e) => {
-		E(e), Oe(e);
+	}, j = (e) => {
+		E(e), Ae(e);
 	};
-	if (T) return /* @__PURE__ */ j(Te, {
+	if (T) return /* @__PURE__ */ M(De, {
 		ticketId: T,
-		onBack: () => N(null),
+		onBack: () => j(null),
 		onChanged: A
 	}, T);
-	let P = {
+	let ee = {
 		page: b,
 		totalPages: Math.max(1, S.totalPages),
 		pageSize: h,
@@ -1189,29 +1207,29 @@ function Pe({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 		setPage: x,
 		setPageSize: g
 	};
-	return /* @__PURE__ */ M("section", {
+	return /* @__PURE__ */ N("section", {
 		className: "d-flex flex-column gap-3",
 		"aria-labelledby": "support-center-title",
 		children: [
-			/* @__PURE__ */ M("div", {
+			/* @__PURE__ */ N("div", {
 				className: "d-flex flex-wrap align-items-center justify-content-between gap-2",
-				children: [/* @__PURE__ */ j("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					id: "support-center-title",
 					className: "h5 mb-0",
 					children: "Your tickets"
-				}), /* @__PURE__ */ j(d, {
+				}), /* @__PURE__ */ M(d, {
 					leftIcon: "plus",
 					onClick: () => O(!0),
 					disabled: !i,
 					children: "New ticket"
 				})]
 			}),
-			a && /* @__PURE__ */ M(c, {
+			a && /* @__PURE__ */ N(c, {
 				variant: "warning",
 				children: [
 					a.message || "We could not load the support settings.",
 					" ",
-					/* @__PURE__ */ j(d, {
+					/* @__PURE__ */ M(d, {
 						variant: "ghost",
 						size: "sm",
 						onClick: o,
@@ -1219,27 +1237,27 @@ function Pe({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ j(Ae, {
+			/* @__PURE__ */ M(Me, {
 				tickets: S.tickets,
 				loading: S.loading,
 				error: S.error,
 				onRetry: A,
-				onOpen: N,
+				onOpen: j,
 				status: l,
 				onStatusChange: u,
 				counts: C,
 				search: f,
 				onSearchChange: p,
-				pagination: P
+				pagination: ee
 			}),
-			i && /* @__PURE__ */ j(he, {
+			i && /* @__PURE__ */ M(_e, {
 				open: D,
 				onClose: () => O(!1),
 				config: i,
 				defaultCategory: t,
 				appVersion: n,
 				onCreated: (e) => {
-					O(!1), A(), N(e.id);
+					O(!1), A(), j(e.id);
 				}
 			})
 		]
@@ -1248,21 +1266,21 @@ function Pe({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 //#endregion
 //#region src/SupportContact.jsx
 var $ = (e) => typeof e == "string" && e.trim() !== "";
-function Fe({ className: e }) {
-	let { config: t } = W();
+function Le({ className: e }) {
+	let { config: t } = K();
 	if (!t) return null;
 	let n = [];
 	return $(t.supportEmail) && n.push({
 		key: "email",
 		icon: "mail",
 		label: "Email",
-		value: /* @__PURE__ */ M("span", {
+		value: /* @__PURE__ */ N("span", {
 			className: "d-inline-flex flex-wrap align-items-center gap-2",
-			children: [/* @__PURE__ */ j("a", {
+			children: [/* @__PURE__ */ M("a", {
 				href: `mailto:${t.supportEmail}`,
 				className: "text-break",
 				children: t.supportEmail
-			}), /* @__PURE__ */ j(p, {
+			}), /* @__PURE__ */ M(p, {
 				text: t.supportEmail,
 				size: "sm",
 				label: "Copy email",
@@ -1280,18 +1298,18 @@ function Fe({ className: e }) {
 		icon: "clock",
 		label: "Hours",
 		value: t.supportHours
-	}), n.length === 0 ? null : /* @__PURE__ */ M("section", {
+	}), n.length === 0 ? null : /* @__PURE__ */ N("section", {
 		className: e,
 		"aria-label": $(t.supportName) ? `Contact ${t.supportName}` : "Contact support",
-		children: [$(t.supportName) && /* @__PURE__ */ j("p", {
+		children: [$(t.supportName) && /* @__PURE__ */ M("p", {
 			className: "fw-semibold mb-2",
 			children: t.supportName
-		}), /* @__PURE__ */ j(_, { items: n })]
+		}), /* @__PURE__ */ M(_, { items: n })]
 	});
 }
 //#endregion
 //#region src/SupportProvider.jsx
-function Ie({ client: e, children: n }) {
+function Re({ client: e, children: n }) {
 	let r = o(null), i = t((t = !1) => {
 		let n = r.current;
 		if (t || !n || n.client !== e) {
@@ -1308,10 +1326,10 @@ function Ie({ client: e, children: n }) {
 		client: e,
 		loadConfig: i
 	}), [e, i]);
-	return /* @__PURE__ */ j(B.Provider, {
+	return /* @__PURE__ */ M(H.Provider, {
 		value: s,
 		children: n
 	});
 }
 //#endregion
-export { me as ReportIssue, P as SupportApiError, Pe as SupportCenter, Fe as SupportContact, Ie as SupportProvider, ee as createSupportClient, H as useSupportClient, W as useSupportConfig, q as useSupportTicket, K as useSupportTicketCounts, G as useSupportTickets };
+export { ge as ReportIssue, F as SupportApiError, Ie as SupportCenter, Le as SupportContact, Re as SupportProvider, V as createSupportClient, W as useSupportClient, K as useSupportConfig, q as useSupportTicket, ne as useSupportTicketCounts, te as useSupportTickets };