@tesouro/embedded-components-react 0.3.9 → 0.3.12

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js

@@ -1,3 +1,94 @@
-import "./index48.js";
-import "./index49.js";
-import "./index50.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useEmbedApi as t } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/ui/dist/index.js";
+import { useUploadPayableFromFileMutation as n } from "../../data-access/dist/index10.js";
+import { usePayableOcrQueries as r } from "../../data-access/dist/index12.js";
+import "../../data-access/dist/index.js";
+import { billPayUploadQueueKey as i } from "./index49.js";
+import { BILL_UPLOAD_QUEUE_LABELS_EN as a } from "./index50.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { useQuery as u, useQueryClient as d } from "@tanstack/react-query";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index51.js
+function f({ onOpenBill: f, labels: p } = {}) {
+	let m = {
+		...a,
+		...p
+	}, h = p?.tooManyFilesError ?? a.tooManyFilesError, g = p?.remainingCapacityError ?? a.remainingCapacityError, { organizationId: _ } = t(), v = d(), y = c(() => i(_), [_]), b = n(), [x, S] = l(!1), { data: C = [] } = u({
+		queryKey: y,
+		queryFn: () => v.getQueryData(y) ?? [],
+		staleTime: Infinity,
+		gcTime: Infinity,
+		initialData: []
+	}), w = o((e, t) => {
+		v.setQueryData(y, (n) => (n ?? []).map((n) => n.localId === e ? {
+			...n,
+			...t
+		} : n));
+	}, [v, y]), T = o((t) => {
+		let n = (v.getQueryData(y) ?? []).filter((e) => e.status === "uploading").length;
+		if (t.length + n > 10) {
+			e.error(n > 0 ? g(10 - n) : h(10));
+			return;
+		}
+		S(!1);
+		for (let e of t) {
+			let t = crypto.randomUUID();
+			v.setQueryData(y, (n) => [...n ?? [], {
+				localId: t,
+				fileName: e.name,
+				status: "uploading"
+			}]), b.mutateAsync({ file: e }).then((e) => w(t, { payableId: e?.id })).catch(() => w(t, { status: "failed" }));
+		}
+	}, [
+		w,
+		v,
+		y,
+		g,
+		h,
+		b
+	]), E = r({ payableIds: C.filter((e) => e.status === "uploading" && e.payableId).map((e) => e.payableId) });
+	s(() => {
+		for (let { payableId: e, ocrStatus: t, isError: n } of E) {
+			let r = C.find((t) => t.payableId === e && t.status === "uploading");
+			r && (t === "success" ? w(r.localId, { status: "ready" }) : (n || t === "error" || t === "canceled") && w(r.localId, { status: "failed" }));
+		}
+	}, [
+		C,
+		E,
+		w
+	]);
+	let D = C.filter((e) => e.status === "uploading"), O = C.filter((e) => e.status === "ready"), k = C.filter((e) => e.status === "failed"), A = (e) => ({
+		id: e.localId,
+		fileName: e.fileName,
+		status: e.status,
+		onOpen: e.status === "ready" && e.payableId && f ? () => f(e.payableId) : void 0
+	}), j = D.length ? [{
+		id: "in-progress",
+		items: C.map(A)
+	}] : [...O.length ? [{
+		id: "ready",
+		caption: m.readyCaption(O.length),
+		items: O.map(A)
+	}] : [], ...k.length ? [{
+		id: "failed",
+		caption: m.failedCaption(k.length),
+		items: k.map(A)
+	}] : []], M = D.length ? m.uploadingSummary(C.length) : O.length ? m.completeSummary(O.length) : m.failedCaption(k.length), N = o(() => {
+		v.setQueryData(y, []);
+	}, [v, y]);
+	return {
+		enqueue: T,
+		sections: j,
+		summaryLabel: M,
+		collapsed: x,
+		onToggleCollapsed: o(() => S((e) => !e), []),
+		onClose: N,
+		isVisible: C.length > 0
+	};
+}
+//#endregion
+export { f as useBillUploadQueue };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js

@@ -1,9 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index52.js
-var e = {
-	duplicateBadge: "Duplicate?",
-	existingBadge: "Existing",
-	selectRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `Select bill — ${e}, ${t}, invoice ${n}, added ${r}`,
-	openRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `View bill — ${e}, ${t}, invoice ${n}, added ${r}`
-};
-//#endregion
-export { e as DUPLICATE_BILLS_LABELS_EN };
+import "./index49.js";
+import "./index50.js";
+import "./index51.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js

@@ -1,22 +1,9 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { useCallback as e, useMemo as t, useState as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index53.js
-function r({ rowIds: r }) {
-	let [i, a] = n([]), o = e((e) => {
-		a((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, []), s = t(() => r.filter((e) => i.includes(e)), [r, i]), c = r.length > 0 && s.length === r.length, l = e(() => {
-		a(c ? [] : [...r]);
-	}, [c, r]);
-	return {
-		selectedIds: s,
-		isSelected: e((e) => i.includes(e), [i]),
-		toggleRow: o,
-		toggleAllRows: l,
-		selectAllChecked: c ? !0 : s.length > 0 && "indeterminate"
-	};
-}
+var e = {
+	duplicateBadge: "Duplicate?",
+	existingBadge: "Existing",
+	selectRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `Select bill — ${e}, ${t}, invoice ${n}, added ${r}`,
+	openRow: ({ vendorLabel: e, designation: t, invoiceNumberLabel: n, addedOnLabel: r }) => `View bill — ${e}, ${t}, invoice ${n}, added ${r}`
+};
 //#endregion
-export { r as useDuplicateBillsSelection };
+export { e as DUPLICATE_BILLS_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js

@@ -2,58 +2,21 @@
 "use client";
 "use client";
 "use client";
-import { DuplicateBillsDialog as e } from "../../ui/dist/index67.js";
-import "../../ui/dist/index.js";
-import { DUPLICATE_BILLS_LABELS_EN as t } from "./index52.js";
-import { useDuplicateBillsSelection as n } from "./index53.js";
-import { useMemo as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { useCallback as e, useMemo as t, useState as n } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
-var a = [];
-function o({ open: o, onOpenChange: s, bills: c = a, canManageDuplicates: l = !0, onOpenBill: u, labels: d, dialogLabels: f }) {
-	let p = r(() => ({
-		...t,
-		...d
-	}), [d]), m = r(() => c.map((e) => e.id), [c]), { selectedIds: h, isSelected: g, toggleRow: _, toggleAllRows: v, selectAllChecked: y } = n({ rowIds: m }), b = r(() => c.map((e) => {
-		let t = e.isPossibleDuplicate ? p.duplicateBadge : p.existingBadge, n = {
-			vendorLabel: e.vendorLabel,
-			designation: t,
-			invoiceNumberLabel: e.invoiceNumberLabel,
-			addedOnLabel: e.addedOnLabel
-		};
-		return {
-			...e,
-			duplicateBadge: {
-				label: t,
-				tone: e.isPossibleDuplicate ? "warning" : "success"
-			},
-			selectLabel: p.selectRow(n),
-			openLabel: p.openRow(n),
-			isSelected: g(e.id),
-			onToggleSelected: () => _(e.id),
-			onOpen: () => u?.(e.id)
-		};
-	}), [
-		c,
-		g,
-		p,
-		_,
-		u
-	]), x = () => {
-		if (h.length === 0) throw Error("Duplicate review action taken with no bills selected — keep and cancel both need a subject.");
-		s(!1);
+function r({ rowIds: r }) {
+	let [i, a] = n([]), o = e((e) => {
+		a((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []), s = t(() => r.filter((e) => i.includes(e)), [r, i]), c = r.length > 0 && s.length === r.length, l = e(() => {
+		a(c ? [] : [...r]);
+	}, [c, r]);
+	return {
+		selectedIds: s,
+		isSelected: e((e) => i.includes(e), [i]),
+		toggleRow: o,
+		toggleAllRows: l,
+		selectAllChecked: c ? !0 : s.length > 0 && "indeterminate"
 	};
-	return /* @__PURE__ */ i(e, {
-		open: o,
-		onOpenChange: s,
-		rows: b,
-		selectAllChecked: y,
-		onToggleAllRows: v,
-		onKeepSelected: l ? x : void 0,
-		onCancelDuplicates: l ? x : void 0,
-		isActionDisabled: h.length === 0,
-		labels: f
-	});
 }
 //#endregion
-export { o as DuplicateBillsContainer, o as default };
+export { r as useDuplicateBillsSelection };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js

@@ -1,3 +1,59 @@
-import "./index52.js";
-import "./index53.js";
-import "./index54.js";
+"use client";
+"use client";
+"use client";
+"use client";
+import { DuplicateBillsDialog as e } from "../../ui/dist/index67.js";
+import "../../ui/dist/index.js";
+import { DUPLICATE_BILLS_LABELS_EN as t } from "./index53.js";
+import { useDuplicateBillsSelection as n } from "./index54.js";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index55.js
+var a = [];
+function o({ open: o, onOpenChange: s, bills: c = a, canManageDuplicates: l = !0, onOpenBill: u, labels: d, dialogLabels: f }) {
+	let p = r(() => ({
+		...t,
+		...d
+	}), [d]), m = r(() => c.map((e) => e.id), [c]), { selectedIds: h, isSelected: g, toggleRow: _, toggleAllRows: v, selectAllChecked: y } = n({ rowIds: m }), b = r(() => c.map((e) => {
+		let t = e.isPossibleDuplicate ? p.duplicateBadge : p.existingBadge, n = {
+			vendorLabel: e.vendorLabel,
+			designation: t,
+			invoiceNumberLabel: e.invoiceNumberLabel,
+			addedOnLabel: e.addedOnLabel
+		};
+		return {
+			...e,
+			duplicateBadge: {
+				label: t,
+				tone: e.isPossibleDuplicate ? "warning" : "success"
+			},
+			selectLabel: p.selectRow(n),
+			openLabel: p.openRow(n),
+			isSelected: g(e.id),
+			onToggleSelected: () => _(e.id),
+			onOpen: () => u?.(e.id)
+		};
+	}), [
+		c,
+		g,
+		p,
+		_,
+		u
+	]), x = () => {
+		if (h.length === 0) throw Error("Duplicate review action taken with no bills selected — keep and cancel both need a subject.");
+		s(!1);
+	};
+	return /* @__PURE__ */ i(e, {
+		open: o,
+		onOpenChange: s,
+		rows: b,
+		selectAllChecked: y,
+		onToggleAllRows: v,
+		onKeepSelected: l ? x : void 0,
+		onCancelDuplicates: l ? x : void 0,
+		isActionDisabled: h.length === 0,
+		labels: f
+	});
+}
+//#endregion
+export { o as DuplicateBillsContainer, o as default };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js

@@ -1,110 +1,3 @@
-import { BillColumn as e } from "../../ui/dist/index59.js";
-import "../../ui/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index56.js
-var t = {
-	Drafts: "drafts",
-	Pending: "pending",
-	Scheduled: "scheduled",
-	Paid: "paid",
-	All: "all"
-}, n = {
-	[t.Drafts]: ["draft"],
-	[t.Pending]: [
-		"new",
-		"approve_in_progress",
-		"waiting_to_be_paid",
-		"partially_paid"
-	],
-	[t.Scheduled]: [
-		"new",
-		"approve_in_progress",
-		"waiting_to_be_paid",
-		"partially_paid"
-	],
-	[t.Paid]: ["paid"],
-	[t.All]: void 0
-}, r = {
-	[t.Drafts]: void 0,
-	[t.Pending]: !1,
-	[t.Scheduled]: !0,
-	[t.Paid]: void 0,
-	[t.All]: void 0
-};
-function i(e) {
-	return e === t.Pending || e === t.Drafts;
-}
-var a = t.Pending, o = [
-	t.Pending,
-	t.Drafts,
-	t.Scheduled,
-	t.Paid,
-	t.All
-], s = {
-	[t.Drafts]: [
-		e.Vendor,
-		e.DueDate,
-		e.Status,
-		e.AmountDue,
-		e.AddedOn
-	],
-	[t.Pending]: [
-		e.Vendor,
-		e.DueDate,
-		e.Status,
-		e.AmountDue,
-		e.AddedOn
-	],
-	[t.Scheduled]: [
-		e.Vendor,
-		e.DueDate,
-		e.ScheduledDate,
-		e.Status,
-		e.AmountScheduled,
-		e.AddedOn
-	],
-	[t.Paid]: [
-		e.Vendor,
-		e.PaidDate,
-		e.Status,
-		e.AmountPaid,
-		e.AddedOn
-	],
-	[t.All]: [
-		e.Vendor,
-		e.DueDate,
-		e.ScheduledDate,
-		e.Status,
-		e.AmountDue,
-		e.AmountPaid,
-		e.AddedOn
-	]
-};
-function c(e) {
-	return s[e];
-}
-function l(e) {
-	let t = n[e];
-	return t ? [...t] : void 0;
-}
-function u(e) {
-	return r[e];
-}
-var d = {
-	vendorLabel: "counterpart_name",
-	dueDateLabel: "due_date",
-	scheduledDateLabel: "scheduled_payment_date",
-	addedOnLabel: "created_at"
-}, f = {
-	[e.Vendor]: "vendorLabel",
-	[e.DueDate]: "dueDateLabel",
-	[e.ScheduledDate]: "scheduledDateLabel",
-	[e.AddedOn]: "addedOnLabel"
-};
-function p(e) {
-	return f[e];
-}
-function m(e) {
-	if (e) return d[e];
-}
-//#endregion
-export { s as BILL_QUEUE_COLUMNS, r as BILL_QUEUE_HAS_SCHEDULED_PAYMENT, o as BILL_QUEUE_ORDER, n as BILL_QUEUE_STATUSES, d as BILL_SORT_FIELDS, t as BillQueue, a as DEFAULT_BILL_QUEUE, c as billQueueColumns, u as billQueueHasScheduledPayment, i as billQueueOffersAddPanel, l as billQueueStatuses, p as billSortColumnId, m as billSortField };
+import "./index53.js";
+import "./index54.js";
+import "./index55.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js

@@ -1,11 +1,110 @@
+import { BillColumn as e } from "../../ui/dist/index59.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index57.js
-async function e(e) {
-	if (!e.trim()) return !1;
-	try {
-		return await navigator.clipboard.writeText(e), !0;
-	} catch {
-		return !1;
-	}
+var t = {
+	Drafts: "drafts",
+	Pending: "pending",
+	Scheduled: "scheduled",
+	Paid: "paid",
+	All: "all"
+}, n = {
+	[t.Drafts]: ["draft"],
+	[t.Pending]: [
+		"new",
+		"approve_in_progress",
+		"waiting_to_be_paid",
+		"partially_paid"
+	],
+	[t.Scheduled]: [
+		"new",
+		"approve_in_progress",
+		"waiting_to_be_paid",
+		"partially_paid"
+	],
+	[t.Paid]: ["paid"],
+	[t.All]: void 0
+}, r = {
+	[t.Drafts]: void 0,
+	[t.Pending]: !1,
+	[t.Scheduled]: !0,
+	[t.Paid]: void 0,
+	[t.All]: void 0
+};
+function i(e) {
+	return e === t.Pending || e === t.Drafts;
+}
+var a = t.Pending, o = [
+	t.Pending,
+	t.Drafts,
+	t.Scheduled,
+	t.Paid,
+	t.All
+], s = {
+	[t.Drafts]: [
+		e.Vendor,
+		e.DueDate,
+		e.Status,
+		e.AmountDue,
+		e.AddedOn
+	],
+	[t.Pending]: [
+		e.Vendor,
+		e.DueDate,
+		e.Status,
+		e.AmountDue,
+		e.AddedOn
+	],
+	[t.Scheduled]: [
+		e.Vendor,
+		e.DueDate,
+		e.ScheduledDate,
+		e.Status,
+		e.AmountScheduled,
+		e.AddedOn
+	],
+	[t.Paid]: [
+		e.Vendor,
+		e.PaidDate,
+		e.Status,
+		e.AmountPaid,
+		e.AddedOn
+	],
+	[t.All]: [
+		e.Vendor,
+		e.DueDate,
+		e.ScheduledDate,
+		e.Status,
+		e.AmountDue,
+		e.AmountPaid,
+		e.AddedOn
+	]
+};
+function c(e) {
+	return s[e];
+}
+function l(e) {
+	let t = n[e];
+	return t ? [...t] : void 0;
+}
+function u(e) {
+	return r[e];
+}
+var d = {
+	vendorLabel: "counterpart_name",
+	dueDateLabel: "due_date",
+	scheduledDateLabel: "scheduled_payment_date",
+	addedOnLabel: "created_at"
+}, f = {
+	[e.Vendor]: "vendorLabel",
+	[e.DueDate]: "dueDateLabel",
+	[e.ScheduledDate]: "scheduledDateLabel",
+	[e.AddedOn]: "addedOnLabel"
+};
+function p(e) {
+	return f[e];
+}
+function m(e) {
+	if (e) return d[e];
 }
 //#endregion
-export { e as copyTextToClipboard };
+export { s as BILL_QUEUE_COLUMNS, r as BILL_QUEUE_HAS_SCHEDULED_PAYMENT, o as BILL_QUEUE_ORDER, n as BILL_QUEUE_STATUSES, d as BILL_SORT_FIELDS, t as BillQueue, a as DEFAULT_BILL_QUEUE, c as billQueueColumns, u as billQueueHasScheduledPayment, i as billQueueOffersAddPanel, l as billQueueStatuses, p as billSortColumnId, m as billSortField };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js

@@ -1,43 +1,11 @@
-import { BillQueue as e } from "./index56.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index58.js
-var t = {
-	[e.Drafts]: "Drafts",
-	[e.Pending]: "Pending",
-	[e.Scheduled]: "Scheduled",
-	[e.Paid]: "Paid",
-	[e.All]: "All bills"
-}, n = {
-	[e.Drafts]: {
-		title: "No drafts",
-		description: "Bills wait here until someone submits them for approval."
-	},
-	[e.Pending]: {
-		title: "Nothing to act on",
-		description: "Every bill has been paid, scheduled, or is still a draft."
-	},
-	[e.Scheduled]: {
-		title: "No scheduled bills",
-		description: "Bills appear here once a payment date is set for them."
-	},
-	[e.Paid]: {
-		title: "No paid bills",
-		description: "Bills appear here once their payment has gone out."
-	},
-	[e.All]: {
-		title: "No bills",
-		description: "Bills appear here as soon as they are added."
+async function e(e) {
+	if (!e.trim()) return !1;
+	try {
+		return await navigator.clipboard.writeText(e), !0;
+	} catch {
+		return !1;
 	}
-}, r = {
-	duplicateWarningOne: "1 possible duplicate bill found",
-	duplicateWarningMany: (e) => `${e} possible duplicate bills found`,
-	duplicateBadge: "Duplicate?",
-	emptyHeading: "Add your first bill",
-	nonEmptyHeading: "Add a bill",
-	createButton: "Add bill",
-	emailCopiedToast: "Email address copied to clipboard",
-	emailCopyFailedToast: "Could not copy the email address",
-	queues: t,
-	queueEmptyStates: n
-};
+}
 //#endregion
-export { r as BILLS_TAB_LABELS_EN, n as BILL_QUEUE_EMPTY_STATES_EN, t as BILL_QUEUE_LABELS_EN };
+export { e as copyTextToClipboard };

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js

@@ -1,20 +1,43 @@
-import { BillColumn as e } from "../../ui/dist/index59.js";
-import "../../ui/dist/index.js";
+import { BillQueue as e } from "./index57.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index59.js
 var t = {
-	root: "bill-pay-bills-tab",
-	uploadTray: "bill-pay-upload-tray",
-	detailsSheet: "bill-pay-details-sheet"
+	[e.Drafts]: "Drafts",
+	[e.Pending]: "Pending",
+	[e.Scheduled]: "Scheduled",
+	[e.Paid]: "Paid",
+	[e.All]: "All bills"
 }, n = {
-	[e.Vendor]: "bill-pay-bills-cell-vendor",
-	[e.DueDate]: "bill-pay-bills-cell-due-date",
-	[e.ScheduledDate]: "bill-pay-bills-cell-scheduled-date",
-	[e.PaidDate]: "bill-pay-bills-cell-paid-date",
-	[e.Status]: "bill-pay-bills-cell-status",
-	[e.AmountDue]: "bill-pay-bills-cell-amount-due",
-	[e.AmountScheduled]: "bill-pay-bills-cell-amount-scheduled",
-	[e.AmountPaid]: "bill-pay-bills-cell-amount-paid",
-	[e.AddedOn]: "bill-pay-bills-cell-added-on"
+	[e.Drafts]: {
+		title: "No drafts",
+		description: "Bills wait here until someone submits them for approval."
+	},
+	[e.Pending]: {
+		title: "Nothing to act on",
+		description: "Every bill has been paid, scheduled, or is still a draft."
+	},
+	[e.Scheduled]: {
+		title: "No scheduled bills",
+		description: "Bills appear here once a payment date is set for them."
+	},
+	[e.Paid]: {
+		title: "No paid bills",
+		description: "Bills appear here once their payment has gone out."
+	},
+	[e.All]: {
+		title: "No bills",
+		description: "Bills appear here as soon as they are added."
+	}
+}, r = {
+	duplicateWarningOne: "1 possible duplicate bill found",
+	duplicateWarningMany: (e) => `${e} possible duplicate bills found`,
+	duplicateBadge: "Duplicate?",
+	emptyHeading: "Add your first bill",
+	nonEmptyHeading: "Add a bill",
+	createButton: "Add bill",
+	emailCopiedToast: "Email address copied to clipboard",
+	emailCopyFailedToast: "Could not copy the email address",
+	queues: t,
+	queueEmptyStates: n
 };
 //#endregion
-export { t as billsTabTestIds, n as billsTableCellTestIds };
+export { r as BILLS_TAB_LABELS_EN, n as BILL_QUEUE_EMPTY_STATES_EN, t as BILL_QUEUE_LABELS_EN };