@webority/support-react 0.17.2 → 0.17.4

package/dist/support-react.js

@@ -74,16 +74,16 @@ function ee(e, t = "/api/support") {
 }
 //#endregion
 //#region src/context.js
-var B = e(null);
-function V() {
-	let e = n(B);
+var te = e(null);
+function B() {
+	let e = n(te);
 	if (!e) throw Error("Support components and hooks must be used inside <SupportProvider>.");
 	return e;
 }
-function H() {
-	return V().client;
+function V() {
+	return B().client;
 }
-function U(e, n, i = !0) {
+function H(e, n, i = !0) {
 	let [a, c] = s({
 		data: null,
 		loading: i,
@@ -132,8 +132,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 U() {
+	let { loadConfig: e } = B(), { data: t, loading: n, error: r, reload: i } = H(e, "config");
 	return {
 		config: t,
 		loading: n,
@@ -141,8 +141,8 @@ function W() {
 		reload: i
 	};
 }
-function te(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 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({
 		status: n,
 		search: r,
 		page: i,
@@ -163,8 +163,8 @@ function te(e = {}) {
 		reload: l
 	};
 }
-function ne() {
-	let e = H(), { data: t, loading: n, error: r, reload: i } = U(() => e.getTicketCounts(), "ticket-counts");
+function W() {
+	let e = V(), { data: t, loading: n, error: r, reload: i } = H(() => e.getTicketCounts(), "ticket-counts");
 	return {
 		counts: t,
 		loading: n,
@@ -172,8 +172,8 @@ function ne() {
 		reload: i
 	};
 }
-function G(e) {
-	let n = H(), { data: r, loading: i, error: a, reload: o, setData: s } = U(() => n.getTicket(e), e ?? "", !!e), c = t(async (e) => {
+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) => {
 		let t = await e();
 		return s(t), t;
 	}, [s]);
@@ -201,7 +201,7 @@ function G(e) {
 }
 //#endregion
 //#region src/lib/format.js
-var re = new Intl.DateTimeFormat(void 0, {
+var ie = new Intl.DateTimeFormat(void 0, {
 	day: "numeric",
 	month: "short",
 	year: "numeric",
@@ -209,12 +209,12 @@ var re = new Intl.DateTimeFormat(void 0, {
 	minute: "2-digit",
 	timeZoneName: "short"
 });
-function K(e) {
+function G(e) {
 	if (!e) return "-";
 	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? "-" : re.format(t);
+	return Number.isNaN(t.getTime()) ? "-" : ie.format(t);
 }
-function q(e) {
+function K(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 +223,10 @@ function q(e) {
 }
 //#endregion
 //#region src/lib/files.js
-function ie(e) {
+function ae(e) {
 	return (e?.allowedContentTypes ?? []).join(",");
 }
-function ae(e, t) {
+function oe(e, t) {
 	if (t.length === 0) return !0;
 	let n = (e || "").toLowerCase();
 	return t.some((e) => {
@@ -234,17 +234,17 @@ function ae(e, t) {
 		return t.endsWith("/*") ? n.startsWith(t.slice(0, -1)) : n === t;
 	});
 }
-function J(e, t) {
+function q(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 (!ae(e.type, a)) return `${t} is a file type we cannot accept.`;
-		if (i > 0 && e.size > i) return `${t} is larger than ${q(i)}.`;
+		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)}.`;
 	}
 	return null;
 }
-function Y(e) {
+function J(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 +253,7 @@ function Y(e) {
 }
 //#endregion
 //#region src/components/AttachmentField.jsx
-function X({ id: e, label: t = "Attachments", files: n, onChange: r, config: i, error: a }) {
+function Y({ 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 +262,7 @@ function X({ id: e, label: t = "Attachments", files: n, onChange: r, config: i,
 		multiple: !0,
 		value: n,
 		onChange: r,
-		accept: ie(i),
+		accept: ae(i),
 		maxSizeMb: s,
 		validate: !1,
 		error: a || void 0
@@ -270,23 +270,23 @@ function X({ id: e, label: t = "Attachments", files: n, onChange: r, config: i,
 }
 //#endregion
 //#region src/components/TicketForm.jsx
-function oe(e, t) {
+function se(e, t) {
 	return t && e.includes(t) ? t : e[0] ?? "";
 }
-function se({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit: i, onBusyChange: a, children: o }) {
-	let l = t?.categories ?? [], [u, d] = s(() => oe(l, n)), [f, p] = s(""), [m, h] = s(""), [g, _] = s([]), [y, b] = s({}), [x, C] = s(""), w = (e) => {
+function X({ 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: J([...r, ...e], t) ?? void 0
+			files: q([...r, ...e], t) ?? void 0
 		}));
 	}, T = (e) => {
-		let t = Y(e);
+		let t = J(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 = J([...r, ...g], t);
+		let n = q([...r, ...g], t);
 		return n && (e.files = n), b(e), Object.keys(e).length === 0;
 	}
 	async function D(e) {
@@ -353,7 +353,7 @@ function se({ id: e, config: t, defaultCategory: n, extraFiles: r = [], onSubmit
 				error: y.body
 			}),
 			o,
-			/* @__PURE__ */ j(X, {
+			/* @__PURE__ */ j(Y, {
 				id: `${e}-files`,
 				files: g,
 				onChange: w,
@@ -403,7 +403,7 @@ 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 = 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);
+	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);
 	async function N() {
 		x(!0), k(null);
 		try {
@@ -484,7 +484,7 @@ 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(se, {
+		}) : m ? /* @__PURE__ */ j(X, {
 			id: g,
 			config: m,
 			defaultCategory: n,
@@ -507,7 +507,7 @@ 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 = H(), l = `support-new-${i().replace(/[^a-zA-Z0-9-]/g, "")}`, [u, f] = s(!1);
+	let c = V(), 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 +539,7 @@ function me({ open: e, onClose: t, onCreated: n, config: r, defaultCategory: a,
 				children: "Send ticket"
 			})]
 		}),
-		children: e && /* @__PURE__ */ j(se, {
+		children: e && /* @__PURE__ */ j(X, {
 			id: l,
 			config: r,
 			defaultCategory: a,
@@ -566,7 +566,7 @@ var _e = {
 	maxWidth: "100%"
 }, ve = { height: 84 };
 function ye({ attachment: e }) {
-	let t = H(), n = (e.contentType || "").startsWith("image/"), [i, a] = s(null), [o, c] = s(!1);
+	let t = V(), 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,7 +580,7 @@ function ye({ attachment: e }) {
 		children: [
 			e.fileName,
 			", ",
-			q(e.sizeBytes)
+			K(e.sizeBytes)
 		]
 	});
 	return o ? /* @__PURE__ */ M("span", {
@@ -632,7 +632,7 @@ function xe({ messages: e }) {
 			let t = /* @__PURE__ */ j("time", {
 				dateTime: e.createdDateTimeUtc,
 				className: "wui-text-xs text-body-secondary text-nowrap",
-				children: K(e.createdDateTimeUtc)
+				children: G(e.createdDateTimeUtc)
 			});
 			if (e.authorKind === "System") return /* @__PURE__ */ M("li", {
 				className: "text-center wui-text-xs text-body-secondary",
@@ -753,9 +753,9 @@ function Se({ satisfaction: e, comment: t, canRate: n = !1, commentMaxLength: r,
 //#region src/components/ReplyBox.jsx
 function Ce({ 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(J(e, t) ?? "");
+		u(e), p(q(e, t) ?? "");
 	}, y = (e) => {
-		let t = Y(e);
+		let t = J(e);
 		t.length > 0 && v([...l, ...t]);
 	};
 	async function b(n) {
@@ -765,7 +765,7 @@ function Ce({ onSend: e, config: t, reopens: n = !1 }) {
 			h("Write a message before you send it.");
 			return;
 		}
-		let i = J(l, t);
+		let i = q(l, t);
 		if (i) {
 			p(i);
 			return;
@@ -804,7 +804,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(X, {
+			/* @__PURE__ */ j(Y, {
 				id: `${r}-files`,
 				files: l,
 				onChange: v,
@@ -838,7 +838,7 @@ function Z({ label: e, children: t }) {
 	});
 }
 function we({ ticketId: e, onBack: t, onChanged: n }) {
-	let { config: r } = W(), { ticket: i, loading: a, error: o, reload: l, reply: u, reopen: f, rate: p } = G(e), [m, h] = s(!1), [g, _] = s(""), v = async (e) => {
+	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) => {
 		let t = await e();
 		return n?.(), t;
 	};
@@ -912,14 +912,14 @@ function we({ ticketId: e, onBack: t, onChanged: n }) {
 								label: "Opened",
 								children: /* @__PURE__ */ j("time", {
 									dateTime: i.createdDateTimeUtc,
-									children: K(i.createdDateTimeUtc)
+									children: G(i.createdDateTimeUtc)
 								})
 							}),
 							/* @__PURE__ */ j(Z, {
 								label: "Last update",
 								children: /* @__PURE__ */ j("time", {
 									dateTime: i.updatedDateTimeUtc,
-									children: K(i.updatedDateTimeUtc)
+									children: G(i.updatedDateTimeUtc)
 								})
 							})
 						]
@@ -1091,7 +1091,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: K(e.updatedDateTimeUtc)
+							children: G(e.updatedDateTimeUtc)
 						})
 					}
 				],
@@ -1128,18 +1128,18 @@ function Ae(e, t) {
 //#region src/SupportCenter.jsx
 var je = 300, Me = 10;
 function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
-	let { config: i, error: a, reload: o } = W(), [l, u] = s("all"), [f, p] = s(""), m = Ae(f.trim(), je), [h, g] = s(Me), _ = `${l}|${m}|${h}`, [v, y] = s({
+	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({
 		key: _,
 		page: 1
 	}), b = v.key === _ ? v.page : 1, x = (e) => y({
 		key: _,
 		page: e
-	}), S = te({
+	}), S = ne({
 		status: l === "all" ? void 0 : l,
 		search: m || void 0,
 		page: b,
 		pageSize: h
-	}), { counts: C, reload: w } = ne(), [T, E] = s(() => e || Te()), [D, O] = s(!1), k = S.totalPages;
+	}), { counts: C, reload: w } = W(), [T, E] = s(() => e || Te()), [D, O] = s(!1), k = S.totalPages;
 	r(() => {
 		k > 0 && b > k && y({
 			key: _,
@@ -1160,13 +1160,11 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 		onBack: () => N(null),
 		onChanged: A
 	}, T);
-	let P = S.totalCount === 0 ? 0 : (b - 1) * h + 1, F = {
+	let P = {
 		page: b,
 		totalPages: Math.max(1, S.totalPages),
 		pageSize: h,
 		total: S.totalCount,
-		firstRow: P,
-		lastRow: Math.min(S.totalCount, P + S.tickets.length - 1),
 		setPage: x,
 		setPageSize: g
 	};
@@ -1211,7 +1209,7 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 				counts: C,
 				search: f,
 				onSearchChange: p,
-				pagination: F
+				pagination: P
 			}),
 			i && /* @__PURE__ */ j(me, {
 				open: D,
@@ -1230,7 +1228,7 @@ function Ne({ initialTicketId: e, defaultCategory: t, appVersion: n }) {
 //#region src/SupportContact.jsx
 var $ = (e) => typeof e == "string" && e.trim() !== "";
 function Pe({ className: e }) {
-	let { config: t } = W();
+	let { config: t } = U();
 	if (!t) return null;
 	let n = [];
 	return $(t.supportEmail) && n.push({
@@ -1289,10 +1287,10 @@ function Fe({ client: e, children: n }) {
 		client: e,
 		loadConfig: i
 	}), [e, i]);
-	return /* @__PURE__ */ j(B.Provider, {
+	return /* @__PURE__ */ j(te.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, H as useSupportClient, W as useSupportConfig, G as useSupportTicket, ne as useSupportTicketCounts, te as useSupportTickets };
+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 };

package/dist/types/components/TicketList.d.ts

@@ -13,7 +13,7 @@
  * @param {import('../client.js').TicketCounts|null} [props.counts] Labels the tabs once loaded.
  * @param {string} props.search What is in the search box.
  * @param {(search: string) => void} props.onSearchChange
- * @param {{ page: number, totalPages: number, pageSize: number, total: number, firstRow: number, lastRow: number, setPage: (page: number) => void, setPageSize: (size: number) => void }} props.pagination
+ * @param {{ page: number, totalPages: number, pageSize: number, total: number, setPage: (page: number) => void, setPageSize: (size: number) => void }} props.pagination
  */
 export default function TicketList({ tickets, loading, error, onRetry, onOpen, status, onStatusChange, counts, search, onSearchChange, pagination, }: {
     tickets: any[];
@@ -31,8 +31,6 @@ export default function TicketList({ tickets, loading, error, onRetry, onOpen, s
         totalPages: number;
         pageSize: number;
         total: number;
-        firstRow: number;
-        lastRow: number;
         setPage: (page: number) => void;
         setPageSize: (size: number) => void;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/support-react",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "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.17.2"
+    "@webority/ui-react": "0.17.4"
   },
   "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.17.2"
+    "@webority/ui-react": "0.17.4"
   },
   "dependencies": {
     "html-to-image": "^1.11.13"