@webority/support-react 0.18.1 → 0.20.0

package/dist/support-react.js

@@ -74,16 +74,16 @@ function ee(e, t = "/api/support") {
 }
 //#endregion
 //#region src/context.js
-var te = e(null);
-function B() {
-	let e = n(te);
+var B = e(null);
+function V() {
+	let e = n(B);
 	if (!e) throw Error("Support components and hooks must be used inside <SupportProvider>.");
 	return e;
 }
-function V() {
-	return B().client;
+function H() {
+	return V().client;
 }
-function H(e, n, i = !0) {
+function U(e, n, i = !0) {
 	let [a, c] = s({
 		data: null,
 		loading: i,
@@ -132,8 +132,8 @@ function H(e, n, i = !0) {
 		setData: m
 	};
 }
-function U() {
-	let { loadConfig: e } = B(), { data: t, loading: n, error: r, reload: i } = H(e, "config");
+function W() {
+	let { loadConfig: e } = V(), { data: t, loading: n, error: r, reload: i } = U(e, "config");
 	return {
 		config: t,
 		loading: n,
@@ -141,8 +141,8 @@ function U() {
 		reload: i
 	};
 }
-function ne(e = {}) {
-	let t = V(), { status: n, search: r, page: i, pageSize: a } = e, { data: o, loading: s, error: c, reload: l } = H(() => t.listTickets({
+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({
 		status: n,
 		search: r,
 		page: i,
@@ -163,8 +163,8 @@ function ne(e = {}) {
 		reload: l
 	};
 }
-function W() {
-	let e = V(), { data: t, loading: n, error: r, reload: i } = H(() => e.getTicketCounts(), "ticket-counts");
+function K() {
+	let e = H(), { data: t, loading: n, error: r, reload: i } = U(() => e.getTicketCounts(), "ticket-counts");
 	return {
 		counts: t,
 		loading: n,
@@ -172,8 +172,8 @@ function W() {
 		reload: i
 	};
 }
-function re(e) {
-	let n = V(), { data: r, loading: i, error: a, reload: o, setData: s } = H(() => n.getTicket(e), e ?? "", !!e), c = t(async (e) => {
+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 t = await e();
 		return s(t), t;
 	}, [s]);
@@ -201,20 +201,36 @@ function re(e) {
 }
 //#endregion
 //#region src/lib/format.js
-var ie = new Intl.DateTimeFormat(void 0, {
-	day: "numeric",
-	month: "short",
+var te = new Intl.DateTimeFormat("en-IN", {
+	day: "2-digit",
+	month: "numeric",
 	year: "numeric",
 	hour: "numeric",
 	minute: "2-digit",
+	hour12: !0,
 	timeZoneName: "short"
-});
-function G(e) {
+}), ne = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+function J(e) {
 	if (!e) return "-";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "-" : ie.format(t);
+	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}`;
 }
-function K(e) {
+function Y(e) {
 	if (!Number.isFinite(e) || e < 0) return "-";
 	if (e < 1024) return `${e} B`;
 	if (e < 1024 * 1024) return `${Math.round(e / 1024)} KB`;
@@ -223,10 +239,10 @@ function K(e) {
 }
 //#endregion
 //#region src/lib/files.js
-function ae(e) {
+function re(e) {
 	return (e?.allowedContentTypes ?? []).join(",");
 }
-function oe(e, t) {
+function ie(e, t) {
 	if (t.length === 0) return !0;
 	let n = (e || "").toLowerCase();
 	return t.some((e) => {
@@ -234,17 +250,17 @@ function oe(e, t) {
 		return t.endsWith("/*") ? n.startsWith(t.slice(0, -1)) : n === t;
 	});
 }
-function q(e, t) {
+function X(e, t) {
 	let n = e ?? [], r = t?.maxAttachmentsPerMessage ?? 0, i = t?.maxAttachmentBytes ?? 0, a = t?.allowedContentTypes ?? [];
 	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 (!oe(e.type, a)) return `${t} is a file type we cannot accept.`;
-		if (i > 0 && e.size > i) return `${t} is larger than ${K(i)}.`;
+		if (!ie(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 J(e) {
+function ae(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");
@@ -253,7 +269,7 @@ function J(e) {
 }
 //#endregion
 //#region src/components/AttachmentField.jsx
-function Y({ id: e, label: t = "Attachments", files: n, onChange: r, config: i, error: a }) {
+function oe({ 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, {
 		id: e,
@@ -262,7 +278,7 @@ function Y({ id: e, label: t = "Attachments", files: n, onChange: r, config: i,
 		multiple: !0,
 		value: n,
 		onChange: r,
-		accept: ae(i),
+		accept: re(i),
 		maxSizeMb: s,
 		validate: !1,
 		error: a || void 0
@@ -273,20 +289,20 @@ function Y({ id: e, label: t = "Attachments", files: n, onChange: r, config: i,
 function se(e, t) {
 	return t && e.includes(t) ? t : e[0] ?? "";
 }
-function X({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit: i, onBusyChange: a, children: o }) {
+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) => {
 		_(e), b((n) => ({
 			...n,
-			files: q([...r, ...e], t) ?? void 0
+			files: X([...r, ...e], t) ?? void 0
 		}));
 	}, T = (e) => {
-		let t = J(e);
+		let t = ae(e);
 		t.length > 0 && w([...g, ...t]);
 	};
 	function E() {
 		let e = {};
 		u || (e.category = "Choose a category."), f.trim() || (e.subject = "Give your ticket a subject."), m.trim() || (e.body = "Tell us what happened.");
-		let n = q([...r, ...g], t);
+		let n = X([...r, ...g], t);
 		return n && (e.files = n), b(e), Object.keys(e).length === 0;
 	}
 	async function D(e) {
@@ -353,7 +369,7 @@ function X({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit:
 				error: y.body
 			}),
 			o,
-			/* @__PURE__ */ j(Y, {
+			/* @__PURE__ */ j(oe, {
 				id: `${e}-files`,
 				files: g,
 				onChange: w,
@@ -365,16 +381,16 @@ function X({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit:
 }
 //#endregion
 //#region src/ReportIssue.jsx
-var ce = "supportCapture", le = { zIndex: "var(--wui-z-fixed)" }, ue = (e) => e?.dataset?.[ce] !== "exclude";
-async function de() {
+var le = "supportCapture", ue = { zIndex: "var(--wui-z-fixed)" }, de = (e) => e?.dataset?.[le] !== "exclude";
+async function fe() {
 	let e = await k(document.body, {
-		filter: ue,
+		filter: de,
 		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 fe({ file: e, onRemove: t }) {
+function pe({ file: e, onRemove: t }) {
 	let [n, i] = s(null);
 	return r(() => {
 		let t = URL.createObjectURL(e);
@@ -402,12 +418,12 @@ function fe({ file: e, onRemove: t }) {
 		]
 	});
 }
-function pe({ 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 = V(), { config: m, error: h } = U(), 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);
+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);
 		try {
-			C(await de()), T(!1);
+			C(await fe()), T(!1);
 		} catch {
 			C(null), T(!0);
 		} finally {
@@ -459,7 +475,7 @@ function pe({ label: e = "Report an issue", floating: t = !1, defaultCategory: n
 		"data-support-capture": "exclude",
 		className: [t ? "position-fixed bottom-0 end-0 m-3" : "d-inline-block", u].filter(Boolean).join(" "),
 		style: t ? {
-			...le,
+			...ue,
 			...f
 		} : f,
 		children: /* @__PURE__ */ j(d, {
@@ -484,14 +500,14 @@ function pe({ label: e = "Report an issue", floating: t = !1, defaultCategory: n
 			role: "status",
 			title: `Ticket ${O.number} is with the support team`,
 			children: "We reply by email. You can follow the ticket on your support page."
-		}) : m ? /* @__PURE__ */ j(X, {
+		}) : m ? /* @__PURE__ */ j(ce, {
 			id: g,
 			config: m,
 			defaultCategory: n,
 			extraFiles: S ? [S] : [],
 			onSubmit: F,
 			onBusyChange: D,
-			children: S ? /* @__PURE__ */ j(fe, {
+			children: S ? /* @__PURE__ */ j(pe, {
 				file: S,
 				onRemove: () => C(null)
 			}) : w ? /* @__PURE__ */ j(c, {
@@ -506,8 +522,8 @@ function pe({ label: e = "Report an issue", floating: t = !1, defaultCategory: n
 }
 //#endregion
 //#region src/components/NewTicketModal.jsx
-function me({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a, appVersion: o }) {
-	let c = V(), l = `support-new-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [u, f] = s(!1);
+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);
 	async function p(e) {
 		n(await c.createTicket({
 			...e,
@@ -539,7 +555,7 @@ function me({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 				children: "Send ticket"
 			})]
 		}),
-		children: e && /* @__PURE__ */ j(X, {
+		children: e && /* @__PURE__ */ j(ce, {
 			id: l,
 			config: r,
 			defaultCategory: a,
@@ -550,23 +566,23 @@ function me({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 }
 //#endregion
 //#region src/lib/status.js
-var he = {
+var ge = {
 	Open: "warning",
 	InProgress: "info",
 	Resolved: "success",
 	Closed: "neutral"
 };
-function ge(e) {
-	return he[e] ?? "neutral";
+function _e(e) {
+	return ge[e] ?? "neutral";
 }
 //#endregion
 //#region src/components/AttachmentThumb.jsx
-var _e = {
+var ve = {
 	width: 140,
 	maxWidth: "100%"
-}, ve = { height: 84 };
-function ye({ attachment: e }) {
-	let t = V(), n = (e.contentType || "").startsWith("image/"), [i, a] = s(null), [o, c] = s(!1);
+}, ye = { height: 84 };
+function be({ attachment: e }) {
+	let t = H(), 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) => {
@@ -580,12 +596,12 @@ function ye({ attachment: e }) {
 		children: [
 			e.fileName,
 			", ",
-			K(e.sizeBytes)
+			Y(e.sizeBytes)
 		]
 	});
 	return o ? /* @__PURE__ */ M("span", {
 		className: "d-inline-flex flex-column border rounded overflow-hidden",
-		style: _e,
+		style: ve,
 		children: [/* @__PURE__ */ M("span", {
 			className: "d-flex align-items-center justify-content-center gap-1 p-2 wui-text-xs text-body-secondary",
 			children: [/* @__PURE__ */ j(g, {
@@ -595,7 +611,7 @@ function ye({ attachment: e }) {
 		}), u]
 	}) : /* @__PURE__ */ M("a", {
 		className: "d-inline-flex flex-column border rounded overflow-hidden text-decoration-none",
-		style: _e,
+		style: ve,
 		href: i ?? void 0,
 		target: "_blank",
 		rel: "noopener noreferrer",
@@ -603,7 +619,7 @@ function ye({ attachment: e }) {
 		"aria-busy": !i || void 0,
 		children: [/* @__PURE__ */ j("span", {
 			className: "d-flex align-items-center justify-content-center bg-body-tertiary",
-			style: ve,
+			style: ye,
 			children: i ? n ? /* @__PURE__ */ j("img", {
 				src: i,
 				alt: e.fileName,
@@ -620,11 +636,11 @@ function ye({ attachment: e }) {
 }
 //#endregion
 //#region src/components/MessageThread.jsx
-var be = {
+var xe = {
 	whiteSpace: "pre-wrap",
 	overflowWrap: "anywhere"
 };
-function xe({ messages: e }) {
+function Se({ messages: e }) {
 	return /* @__PURE__ */ j("ol", {
 		className: "list-unstyled d-flex flex-column gap-3 mb-0",
 		"aria-label": "Conversation",
@@ -632,7 +648,7 @@ function xe({ messages: e }) {
 			let t = /* @__PURE__ */ j("time", {
 				dateTime: e.createdDateTimeUtc,
 				className: "wui-text-xs text-body-secondary text-nowrap",
-				children: G(e.createdDateTimeUtc)
+				children: J(e.createdDateTimeUtc)
 			});
 			if (e.authorKind === "System") return /* @__PURE__ */ M("li", {
 				className: "text-center wui-text-xs text-body-secondary",
@@ -668,12 +684,12 @@ function xe({ messages: e }) {
 						}),
 						/* @__PURE__ */ j("div", {
 							className: "wui-text-sm",
-							style: be,
+							style: xe,
 							children: e.body
 						}),
 						e.attachments?.length > 0 && /* @__PURE__ */ j("div", {
 							className: "d-flex flex-wrap gap-2 mt-2",
-							children: e.attachments.map((e) => /* @__PURE__ */ j(ye, { attachment: e }, e.id))
+							children: e.attachments.map((e) => /* @__PURE__ */ j(be, { attachment: e }, e.id))
 						})
 					]
 				})]
@@ -683,7 +699,7 @@ function xe({ messages: e }) {
 }
 //#endregion
 //#region src/components/RatingPanel.jsx
-function Se({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r, onRate: a }) {
+function Ce({ 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, {
 		variant: e === "Satisfied" ? "success" : "info",
@@ -751,11 +767,11 @@ function Se({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r,
 }
 //#endregion
 //#region src/components/ReplyBox.jsx
-function Ce({ onSend: e, config: t, reopens: n = !1 }) {
+function we({ 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(q(e, t) ?? "");
+		u(e), p(X(e, t) ?? "");
 	}, y = (e) => {
-		let t = J(e);
+		let t = ae(e);
 		t.length > 0 && v([...l, ...t]);
 	};
 	async function b(n) {
@@ -765,7 +781,7 @@ function Ce({ onSend: e, config: t, reopens: n = !1 }) {
 			h("Write a message before you send it.");
 			return;
 		}
-		let i = q(l, t);
+		let i = X(l, t);
 		if (i) {
 			p(i);
 			return;
@@ -804,7 +820,7 @@ function Ce({ 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(Y, {
+			/* @__PURE__ */ j(oe, {
 				id: `${r}-files`,
 				files: l,
 				onChange: v,
@@ -837,8 +853,8 @@ function Z({ label: e, children: t }) {
 		})]
 	});
 }
-function we({ ticketId: e, onBack: t, onChanged: n }) {
-	let { config: r } = U(), { ticket: i, loading: a, error: o, reload: l, reply: u, reopen: f, rate: p } = re(e), [m, h] = s(!1), [g, _] = s(""), v = async (e) => {
+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) => {
 		let t = await e();
 		return n?.(), t;
 	};
@@ -894,7 +910,7 @@ function we({ ticketId: e, onBack: t, onChanged: n }) {
 							children: i.subject
 						}), i.statusLabel && /* @__PURE__ */ j(T, {
 							label: i.statusLabel,
-							tone: ge(i.status)
+							tone: _e(i.status)
 						})]
 					}),
 					/* @__PURE__ */ M("div", {
@@ -912,14 +928,14 @@ function we({ ticketId: e, onBack: t, onChanged: n }) {
 								label: "Opened",
 								children: /* @__PURE__ */ j("time", {
 									dateTime: i.createdDateTimeUtc,
-									children: G(i.createdDateTimeUtc)
+									children: J(i.createdDateTimeUtc)
 								})
 							}),
 							/* @__PURE__ */ j(Z, {
 								label: "Last update",
 								children: /* @__PURE__ */ j("time", {
 									dateTime: i.updatedDateTimeUtc,
-									children: G(i.updatedDateTimeUtc)
+									children: J(i.updatedDateTimeUtc)
 								})
 							})
 						]
@@ -947,15 +963,15 @@ function we({ ticketId: e, onBack: t, onChanged: n }) {
 				className: "align-self-start",
 				children: "Reopen ticket"
 			}),
-			/* @__PURE__ */ j(Se, {
+			/* @__PURE__ */ j(Ce, {
 				satisfaction: i.satisfaction,
 				comment: i.satisfactionComment,
 				canRate: i.canRate,
 				commentMaxLength: r?.satisfactionCommentMaxLength,
 				onRate: (e) => v(() => p(e))
 			}),
-			/* @__PURE__ */ j(xe, { messages: i.messages ?? [] }),
-			/* @__PURE__ */ j(Ce, {
+			/* @__PURE__ */ j(Se, { messages: i.messages ?? [] }),
+			/* @__PURE__ */ j(we, {
 				config: r,
 				reopens: x,
 				onSend: (e) => v(() => u(e))
@@ -966,22 +982,22 @@ function we({ ticketId: e, onBack: t, onChanged: n }) {
 //#endregion
 //#region src/lib/url.js
 var Q = "ticket";
-function Te() {
+function Ee() {
 	return typeof window > "u" ? null : new URLSearchParams(window.location.search).get(Q);
 }
-function Ee(e) {
+function De(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 De(e) {
+function Oe(e) {
 	if (typeof window > "u") return;
-	let t = Ee(e);
+	let t = De(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 Oe = [
+var ke = [
 	{
 		key: "all",
 		label: "All",
@@ -1008,7 +1024,7 @@ var Oe = [
 		countKey: "closed"
 	}
 ];
-function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a, onStatusChange: o, counts: s, search: l, onSearchChange: u, pagination: f }) {
+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", {
 		className: "d-flex flex-column gap-3",
 		children: [
@@ -1028,7 +1044,7 @@ function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 			/* @__PURE__ */ M("div", {
 				className: "d-flex flex-column flex-md-row gap-2 align-items-md-center justify-content-between",
 				children: [/* @__PURE__ */ j(D, {
-					tabs: Oe.map(({ key: e, label: t, countKey: n }) => ({
+					tabs: ke.map(({ key: e, label: t, countKey: n }) => ({
 						key: e,
 						label: t,
 						count: s?.[n]
@@ -1053,7 +1069,7 @@ function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 							className: "d-flex flex-column",
 							style: { minWidth: 0 },
 							children: [/* @__PURE__ */ j(y, {
-								href: Ee(e.id),
+								href: De(e.id),
 								animation: "none",
 								className: "fw-semibold text-break",
 								onClick: (t) => {
@@ -1076,7 +1092,7 @@ function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 						label: "Status",
 						render: (e) => e.statusLabel ? /* @__PURE__ */ j(T, {
 							label: e.statusLabel,
-							tone: ge(e.status)
+							tone: _e(e.status)
 						}) : "-"
 					},
 					{
@@ -1091,7 +1107,7 @@ function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 						cellClassName: "wui-text-sm text-body-secondary text-nowrap",
 						render: (e) => /* @__PURE__ */ j("time", {
 							dateTime: e.updatedDateTimeUtc,
-							children: G(e.updatedDateTimeUtc)
+							children: J(e.updatedDateTimeUtc)
 						})
 					}
 				],
@@ -1117,7 +1133,7 @@ function ke({ tickets: e, loading: t, error: n, onRetry: r, onOpen: i, status: a
 }
 //#endregion
 //#region src/lib/useDebouncedValue.js
-function Ae(e, t) {
+function je(e, t) {
 	let [n, i] = s(e);
 	return r(() => {
 		let n = setTimeout(() => i(e), t);
@@ -1126,20 +1142,20 @@ function Ae(e, t) {
 }
 //#endregion
 //#region src/SupportCenter.jsx
-var je = 300, Me = 10;
-function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
-	let { config: i, error: a, reload: o } = U(), [l, u] = s("all"), [f, p] = s(""), m = Ae(f.trim(), je), [h, g] = s(Me), _ = `${l}|${m}|${h}`, [v, y] = s({
+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({
 		key: _,
 		page: 1
 	}), b = v.key === _ ? v.page : 1, x = (e) => y({
 		key: _,
 		page: e
-	}), S = ne({
+	}), S = G({
 		status: l === "all" ? void 0 : l,
 		search: m || void 0,
 		page: b,
 		pageSize: h
-	}), { counts: C, reload: w } = W(), [T, E] = s(() => e || Te()), [D, O] = s(!1), k = S.totalPages;
+	}), { counts: C, reload: w } = K(), [T, E] = s(() => e || Ee()), [D, O] = s(!1), k = S.totalPages;
 	r(() => {
 		k > 0 && b > k && y({
 			key: _,
@@ -1153,9 +1169,9 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 	let A = () => {
 		S.reload(), w();
 	}, N = (e) => {
-		E(e), De(e);
+		E(e), Oe(e);
 	};
-	if (T) return /* @__PURE__ */ j(we, {
+	if (T) return /* @__PURE__ */ j(Te, {
 		ticketId: T,
 		onBack: () => N(null),
 		onChanged: A
@@ -1198,7 +1214,7 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ j(ke, {
+			/* @__PURE__ */ j(Ae, {
 				tickets: S.tickets,
 				loading: S.loading,
 				error: S.error,
@@ -1211,7 +1227,7 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 				onSearchChange: p,
 				pagination: P
 			}),
-			i && /* @__PURE__ */ j(me, {
+			i && /* @__PURE__ */ j(he, {
 				open: D,
 				onClose: () => O(!1),
 				config: i,
@@ -1227,8 +1243,8 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 //#endregion
 //#region src/SupportContact.jsx
 var $ = (e) => typeof e == "string" && e.trim() !== "";
-function Pe({ className: e }) {
-	let { config: t } = U();
+function Fe({ className: e }) {
+	let { config: t } = W();
 	if (!t) return null;
 	let n = [];
 	return $(t.supportEmail) && n.push({
@@ -1270,7 +1286,7 @@ function Pe({ className: e }) {
 }
 //#endregion
 //#region src/SupportProvider.jsx
-function Fe({ client: e, children: n }) {
+function Ie({ client: e, children: n }) {
 	let r = o(null), i = t((t = !1) => {
 		let n = r.current;
 		if (t || !n || n.client !== e) {
@@ -1287,10 +1303,10 @@ function Fe({ client: e, children: n }) {
 		client: e,
 		loadConfig: i
 	}), [e, i]);
-	return /* @__PURE__ */ j(te.Provider, {
+	return /* @__PURE__ */ j(B.Provider, {
 		value: s,
 		children: n
 	});
 }
 //#endregion
-export { pe as ReportIssue, P as SupportApiError, Ne as SupportCenter, Pe as SupportContact, Fe as SupportProvider, ee as createSupportClient, V as useSupportClient, U as useSupportConfig, re as useSupportTicket, W as useSupportTicketCounts, ne as useSupportTickets };
+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 };

package/dist/types/lib/format.d.ts

@@ -1,6 +1,6 @@
 /**
- * A timestamp in the viewer's own time zone, with the zone named so the reader knows which clock
- * it is. Returns a plain hyphen for a missing or unreadable value.
+ * A timestamp in the viewer's own time zone as "21 Sep 2026, 3:30 pm IST", with the zone named
+ * so the reader knows which clock it is. Returns a plain hyphen for a missing or unreadable value.
  *
  * @param {string|null|undefined} iso
  * @returns {string}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/support-react",
-  "version": "0.18.1",
+  "version": "0.20.0",
   "description": "Webority customer support for React portals: ticket centre, report-an-issue with a page screenshot, and support contact details, built on @webority/ui-react.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -32,7 +32,7 @@
     "react": "^19.0.0",
     "react-bootstrap": "^2.10.0",
     "react-dom": "^19.0.0",
-    "@webority/ui-react": "0.18.1"
+    "@webority/ui-react": "0.20.0"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.2",
@@ -50,7 +50,7 @@
     "typescript": "^7.0.2",
     "vite": "^8.0.12",
     "vitest": "5.0.1",
-    "@webority/ui-react": "0.18.1"
+    "@webority/ui-react": "0.20.0"
   },
   "dependencies": {
     "html-to-image": "^1.11.13"