@tesouro/embedded-components-react 0.2.331 → 0.2.333

package/dist/index.css

@@ -954,6 +954,9 @@
   .ttw\:min-h-48 {
     min-height: calc(var(--ttw-spacing) * 48);
   }
+  .ttw\:min-h-64 {
+    min-height: calc(var(--ttw-spacing) * 64);
+  }
   .ttw\:min-h-125 {
     min-height: calc(var(--ttw-spacing) * 125);
   }

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

@@ -5,8 +5,8 @@
 import { resolveAmountDueMinorUnits as e } from "./index2.js";
 import { resolveVendor as t } from "./index3.js";
 import { payBillFlowTestIds as n } from "./index4.js";
-import { ReviewTransactionDialog as r } from "../../ui/dist/index66.js";
-import { SchedulePaymentDialog as i } from "../../ui/dist/index70.js";
+import { ReviewTransactionDialog as r } from "../../ui/dist/index67.js";
+import { SchedulePaymentDialog as i } from "../../ui/dist/index71.js";
 import "../../ui/dist/index.js";
 import { usePayBillFlow as a } from "./index9.js";
 import { useImperativeHandle as o } from "react";

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

@@ -2,7 +2,7 @@
 "use client";
 "use client";
 "use client";
-import { SourceDocumentPanel as e } from "../../ui/dist/index73.js";
+import { SourceDocumentPanel as e } from "../../ui/dist/index74.js";
 import "../../ui/dist/index.js";
 import { useAttachPayableFileMutation as t, useDeletePayableFileMutation as n } from "../../data-access/dist/index10.js";
 import "../../data-access/dist/index.js";

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

@@ -13,7 +13,7 @@ import "../../../shared/feature/dist/index.js";
 import { resolveVendor as ie } from "./index3.js";
 import { BillCreateScreen as ae } from "../../ui/dist/index40.js";
 import { BillDecisionDialog as oe } from "../../ui/dist/index46.js";
-import { ExtractionNotice as se } from "../../ui/dist/index60.js";
+import { ExtractionNotice as se } from "../../ui/dist/index61.js";
 import "../../ui/dist/index.js";
 import { usePayableHistoryQuery as ce } from "../../data-access/dist/index6.js";
 import { useAllPayableLineItemsQuery as le } from "../../data-access/dist/index7.js";

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

@@ -1,53 +1,110 @@
+import { BillColumn as e } from "../../ui/dist/index53.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index50.js
-var e = {
+var t = {
 	Drafts: "drafts",
 	Pending: "pending",
 	Scheduled: "scheduled",
 	Paid: "paid",
 	All: "all"
-}, t = {
-	[e.Drafts]: ["draft"],
-	[e.Pending]: [
+}, n = {
+	[t.Drafts]: ["draft"],
+	[t.Pending]: [
 		"new",
 		"approve_in_progress",
 		"waiting_to_be_paid",
 		"partially_paid"
 	],
-	[e.Scheduled]: [
+	[t.Scheduled]: [
 		"new",
 		"approve_in_progress",
 		"waiting_to_be_paid",
 		"partially_paid"
 	],
-	[e.Paid]: ["paid"],
-	[e.All]: void 0
-}, n = {
-	[e.Drafts]: void 0,
-	[e.Pending]: !1,
-	[e.Scheduled]: !0,
-	[e.Paid]: void 0,
-	[e.All]: void 0
-}, r = e.Drafts, i = [
-	e.Drafts,
-	e.Pending,
-	e.Scheduled,
-	e.Paid,
-	e.All
-];
-function a(e) {
-	let n = t[e];
-	return n ? [...n] : void 0;
+	[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;
 }
-function o(e) {
-	return n[e];
+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;
 }
-var s = {
+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 c(e) {
-	if (e) return s[e];
+function p(e) {
+	return f[e];
+}
+function m(e) {
+	if (e) return d[e];
 }
 //#endregion
-export { n as BILL_QUEUE_HAS_SCHEDULED_PAYMENT, i as BILL_QUEUE_ORDER, t as BILL_QUEUE_STATUSES, s as BILL_SORT_FIELDS, e as BillQueue, r as DEFAULT_BILL_QUEUE, o as billQueueHasScheduledPayment, a as billQueueStatuses, c as billSortField };
+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/index52.js

@@ -7,12 +7,34 @@ var t = {
 	[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."
+	}
+}, r = {
 	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
+	queues: t,
+	queueEmptyStates: n
 };
 //#endregion
-export { n as BILLS_TAB_LABELS_EN, t as BILL_QUEUE_LABELS_EN };
+export { r as BILLS_TAB_LABELS_EN, n as BILL_QUEUE_EMPTY_STATES_EN, t as BILL_QUEUE_LABELS_EN };

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

@@ -8,73 +8,84 @@ import { resolveVendorName as n } from "./index3.js";
 import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index13.js";
 import "../../data-access/dist/index.js";
 import { derivePayableStatus as a } from "./index20.js";
-import { DEFAULT_BILL_QUEUE as o, billQueueHasScheduledPayment as s, billQueueStatuses as c, billSortField as l } from "./index50.js";
-import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { DEFAULT_BILL_QUEUE as o, billQueueColumns as s, billQueueHasScheduledPayment as c, billQueueOffersAddPanel as l, billQueueStatuses as u, billSortColumnId as d, billSortField as f } from "./index50.js";
+import { useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index54.js
-var m = 10, h = [{
+var _ = 10, v = [{
 	id: "addedOnLabel",
 	desc: !0
 }];
-function g({ enabled: g = !0, onOpenBill: _ }) {
-	let [v, y] = p(o), [b, x] = p(h), [S, C] = p(m), [w, T] = p(), [E, D] = p(""), [O, k] = p(""), A = u(() => T(void 0), []);
-	d(() => {
+function y({ enabled: y = !0, onOpenBill: b }) {
+	let [x, S] = g(o), [C, w] = g(v), [T, E] = g(_), [D, O] = g(), [k, A] = g(""), [j, M] = g(""), N = p(() => O(void 0), []);
+	m(() => {
 		let e = setTimeout(() => {
-			k(E), A();
+			M(k), N();
 		}, 300);
 		return () => clearTimeout(e);
-	}, [E, A]);
-	let j = b[0], M = l(j?.id), N = r({
-		limit: S,
-		pagination_token: w,
-		status__in: c(v),
-		has_scheduled_payment: s(v),
-		counterpart_name__icontains: O || void 0,
-		sort: M,
-		order: M ? j?.desc ? "desc" : "asc" : void 0,
-		enabled: g
-	}), P = N.data?.data.length === 0, F = i({ enabled: g && P }), I = !P || (F.data?.count ?? 1) > 0, L = f(() => (N.data?.data ?? []).map((r) => {
+	}, [k, N]);
+	let P = C[0], F = f(P?.id), I = r({
+		limit: T,
+		pagination_token: D,
+		status__in: u(x),
+		has_scheduled_payment: c(x),
+		counterpart_name__icontains: j || void 0,
+		sort: F,
+		order: F ? P?.desc ? "desc" : "asc" : void 0,
+		enabled: y
+	}), L = I.data?.data.length === 0, R = i({ enabled: y && L }), z = !L || (R.data?.count ?? 1) > 0, B = h(() => (I.data?.data ?? []).map((r) => {
 		let i = a({
 			apiStatus: r.status,
 			dueDate: r.due_date,
 			scheduledPaymentDate: r.scheduled_payment_date
-		}), o = r.amount_due ?? r.total_amount;
+		}), o = r.amount_due ?? r.total_amount, s = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
 		return {
 			vendorLabel: n(r),
 			dueDateLabel: e(r.due_date),
-			amountDueLabel: o == null ? "" : t(o / 100, { currencyCode: r.currency ?? "USD" }),
+			scheduledDateLabel: e(r.scheduled_payment_date),
+			paidDateLabel: e(r.paid_at?.slice(0, 10)),
+			amountDueLabel: s(o),
+			amountPaidLabel: s(r.amount_paid),
+			amountScheduledLabel: s(r.amount_to_pay ?? o),
 			status: i.status,
 			statusTone: i.tone,
 			addedOnLabel: e(r.created_at?.slice(0, 10)),
-			onOpen: () => _(r.id, i.status === "draft")
+			onOpen: () => b(r.id, i.status === "draft")
 		};
-	}), [N.data?.data, _]), R = u((e) => {
-		y(e), A();
-	}, [A]), z = u((e) => {
-		x((t) => typeof e == "function" ? e(t) : e), A();
-	}, [A]), B = u((e) => {
-		C(e), A();
-	}, [A]), V = u(() => T(N.data?.next_pagination_token), [N.data?.next_pagination_token]), H = u(() => T(N.data?.prev_pagination_token), [N.data?.prev_pagination_token]), U = u(() => {
-		N.refetch();
-	}, [N.refetch]);
+	}), [I.data?.data, b]), V = p((e) => {
+		let t = e;
+		S(t), w((e) => {
+			let n = e[0]?.id;
+			return n ? s(t).some((e) => d(e) === n) ? e : v : e;
+		}), N();
+	}, [N]), H = p((e) => {
+		w((t) => typeof e == "function" ? e(t) : e), N();
+	}, [N]), U = p((e) => {
+		E(e), N();
+	}, [N]), W = p(() => O(I.data?.next_pagination_token), [I.data?.next_pagination_token]), G = p(() => O(I.data?.prev_pagination_token), [I.data?.prev_pagination_token]), K = p(() => {
+		I.refetch();
+	}, [I.refetch]);
 	return {
-		rows: L,
-		isLoading: N.isLoading || P && F.isLoading,
-		isError: N.isError,
-		onRetry: U,
-		selectedFilterTabId: v,
-		onFilterTabChange: R,
-		searchValue: E,
-		onSearchChange: D,
-		hasAnyBills: I,
-		sorting: b,
-		onSortingChange: z,
-		pageSize: S,
-		onPageSizeChange: B,
-		hasNextPage: !!N.data?.next_pagination_token,
-		hasPrevPage: !!N.data?.prev_pagination_token,
-		onNextPage: V,
-		onPrevPage: H
+		rows: B,
+		isLoading: I.isFetching || L && R.isLoading,
+		isError: I.isError,
+		onRetry: K,
+		selectedFilterTabId: x,
+		onFilterTabChange: V,
+		searchValue: k,
+		onSearchChange: A,
+		hasAnyBills: z,
+		isSearchActive: j.length > 0,
+		visibleColumns: s(x),
+		showAddPanelWhenEmpty: l(x),
+		sorting: C,
+		onSortingChange: H,
+		pageSize: T,
+		onPageSizeChange: U,
+		hasNextPage: !!I.data?.next_pagination_token,
+		hasPrevPage: !!I.data?.prev_pagination_token,
+		onNextPage: W,
+		onPrevPage: G
 	};
 }
 //#endregion
-export { g as useBillsTable };
+export { y as useBillsTable };

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

@@ -10,7 +10,7 @@ import "../../../shared/ui/dist/index.js";
 import { useWidgetConfig as r } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { AddBillDialog as i } from "../../ui/dist/index10.js";
-import { BillsScreen as a } from "../../ui/dist/index53.js";
+import { BillsScreen as a } from "../../ui/dist/index54.js";
 import "../../ui/dist/index.js";
 import { BillCreateDialog as o } from "./index37.js";
 import "./index38.js";
@@ -56,7 +56,14 @@ function D({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandle
 		queues: {
 			...u.queues,
 			...l?.queues
-		}
+		},
+		queueEmptyStates: c.reduce((e, t) => ({
+			...e,
+			[t]: {
+				...u.queueEmptyStates[t],
+				...l?.queueEmptyStates?.[t]
+			}
+		}), {})
 	}), [l]), [D, O] = _(!1), [k, A] = _(), [j, M] = _(!1), [N, P] = _(), [F, I] = _(!1), [L, R] = _(!1), { initResponse: z } = r(), B = t(z?.scopes, [n.PayableReadOrg]), V = t(z?.scopes, [n.PayableWriteOrg]), H = !z || B, U = !z || V, W = m((e, t) => {
 		if (t && U) {
 			A(e), M(!0);
@@ -74,8 +81,8 @@ function D({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandle
 		I(!1), R(!0);
 	}, J = g(() => ({
 		createButton: w.createButton,
-		addBill: { heading: w.emptyHeading }
-	}), [w.createButton, w.emptyHeading]), Y = () => {
+		addBill: { heading: w.nonEmptyHeading }
+	}), [w.createButton, w.nonEmptyHeading]), Y = () => {
 		O(!1), A(void 0), M(!0);
 	}, X = (e) => {
 		O(!1), b?.(e);
@@ -105,7 +112,10 @@ function D({ labels: l, onEnqueueFiles: b, openPayableId: x, onOpenPayableHandle
 				onFilterTabChange: G.onFilterTabChange,
 				searchValue: G.searchValue,
 				onSearchChange: G.onSearchChange,
-				isFiltering: G.hasAnyBills,
+				visibleColumns: G.visibleColumns,
+				isSearchActive: G.isSearchActive,
+				showAddPanelWhenEmpty: G.showAddPanelWhenEmpty,
+				emptyState: w.queueEmptyStates[G.selectedFilterTabId],
 				onCreateClick: U ? () => O(!0) : void 0,
 				onEnterManually: U ? Y : void 0,
 				onFilesSelected: U ? X : void 0,

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

@@ -12,7 +12,7 @@ import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProv
 import { useWidgetConfig as a } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
 import { BillPayWidgetUi as o } from "../../ui/dist/index43.js";
-import { BillUploadStatusTray as s } from "../../ui/dist/index56.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index57.js";
 import "../../ui/dist/index.js";
 import { ApprovalPoliciesSettings as c } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
 import "../../../shared/approval-policy/feature/dist/index.js";

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

@@ -1,6 +1,6 @@
 import { SOURCE_ACCOUNT_LABELS_EN as e } from "./index6.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index65.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index68.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index66.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index69.js";
 import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js
 var r = {

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js

@@ -44,23 +44,24 @@ import "./index49.js";
 import "./index50.js";
 import { BILL_DETAILS_SHEET_LABELS_EN as a } from "./index51.js";
 import { BillDetailsSheet as o } from "./index52.js";
-import { BillsScreen as s } from "./index53.js";
-import "./index54.js";
-import { BillUploadStatusTray as c } from "./index56.js";
-import "./index58.js";
+import { BillColumn as s } from "./index53.js";
+import { BillsScreen as c } from "./index54.js";
+import "./index55.js";
+import { BillUploadStatusTray as l } from "./index57.js";
 import "./index59.js";
-import { ExtractionNotice as l } from "./index60.js";
-import "./index61.js";
+import "./index60.js";
+import { ExtractionNotice as u } from "./index61.js";
 import "./index62.js";
 import "./index63.js";
 import "./index64.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as u } from "./index65.js";
-import { ReviewTransactionDialog as d } from "./index66.js";
-import "./index67.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as f } from "./index68.js";
-import { SchedulePaymentDialog as p } from "./index70.js";
-import "./index71.js";
+import "./index65.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as d } from "./index66.js";
+import { ReviewTransactionDialog as f } from "./index67.js";
+import "./index68.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as p } from "./index69.js";
+import { SchedulePaymentDialog as m } from "./index71.js";
 import "./index72.js";
-import { SourceDocumentPanel as m } from "./index73.js";
-import "./index74.js";
-export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, r as BillPayWidgetUi, c as BillUploadStatusTray, s as BillsScreen, l as ExtractionNotice, u as REVIEW_TRANSACTION_DIALOG_LABELS_EN, d as ReviewTransactionDialog, f as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, p as SchedulePaymentDialog, m as SourceDocumentPanel };
+import "./index73.js";
+import { SourceDocumentPanel as h } from "./index74.js";
+import "./index75.js";
+export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, s as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, r as BillPayWidgetUi, l as BillUploadStatusTray, c as BillsScreen, u as ExtractionNotice, d as REVIEW_TRANSACTION_DIALOG_LABELS_EN, f as ReviewTransactionDialog, p as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, m as SchedulePaymentDialog, h as SourceDocumentPanel };

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

@@ -44,7 +44,11 @@ var a = {
 	createButton: "Add bill",
 	columnVendor: "Vendor",
 	columnDueDate: "Due date",
+	columnScheduledDate: "Scheduled date",
+	columnPaidDate: "Paid date",
 	columnAmountDue: "Amount due",
+	columnAmountScheduled: "Amount scheduled",
+	columnAmountPaid: "Amount paid",
 	columnStatus: "Status",
 	columnAddedOn: "Added on",
 	columnActions: "Actions",