@tesouro/embedded-components-react 0.3.49 → 0.3.51

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

@@ -1,115 +1,23 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { formatCalendarDate as e } from "../../../shared/util/dist/lib/formatCalendarDate.js";
-import { formatMoneyExact as t } from "../../../shared/util/dist/lib/formatMoneyExact.js";
-import { resolveVendorName as n } from "./index7.js";
-import { usePayablesQuery as r, usePayablesTotalCountQuery as i } from "../../data-access/dist/index14.js";
-import "../../data-access/dist/index.js";
-import { derivePayableStatus as a } from "./index26.js";
-import { isEditablePayableStatus as o } from "./index24.js";
-import { BillQueue as s, DEFAULT_BILL_QUEUE as c, billQueueColumns as l, billQueueHasScheduledPayment as u, billQueueOffersAddPanel as d, billQueueStatuses as f, billSortColumnId as p, billSortField as m } from "./index62.js";
-import { useBillsFilters as h } from "./index69.js";
-import { useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
+import { BillColumn as e } from "../../ui/dist/index66.js";
+import "../../ui/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js
-var b = 10, x = [{
-	id: "addedOnLabel",
-	desc: !0
-}];
-function S({ enabled: S = !0, canReadVendors: C = !0, isVendorFilterPaused: w = !1, filterLabels: T, onOpenBill: E, duplicateBillIds: D, duplicateBadgeLabel: O, attachmentLabel: k }) {
-	let [A, j] = y(c), [M, N] = y(x), [P, F] = y(b), [I, L] = y(), [R, z] = y(""), [B, V] = y(""), H = g(() => L(void 0), []);
-	_(() => {
-		let e = setTimeout(() => {
-			V(R), H();
-		}, 300);
-		return () => clearTimeout(e);
-	}, [R, H]);
-	let U = h({
-		offersStatusFilter: A === s.All,
-		offersVendorFilter: C,
-		isVendorFilterPaused: w,
-		labels: T,
-		onFiltersChange: H
-	}), W = M[0], G = m(W?.id), K = r({
-		...U.query,
-		limit: P,
-		pagination_token: I,
-		status__in: f(A) ?? U.query.status__in,
-		has_scheduled_payment: u(A),
-		counterpart_name__icontains: B || void 0,
-		sort: G,
-		order: G ? W?.desc ? "desc" : "asc" : void 0,
-		enabled: S
-	}), q = K.data?.data.length === 0, J = i({ enabled: S && q }), Y = !q || (J.data?.count ?? 1) > 0, X = v(() => new Set(D), [D]), Z = v(() => (K.data?.data ?? []).map((r) => {
-		let i = a({
-			apiStatus: r.status,
-			dueDate: r.due_date,
-			scheduledPaymentDate: r.scheduled_payment_date
-		}), s = r.amount_due ?? r.total_amount, c = (e) => e == null ? "" : t(e / 100, { currencyCode: r.currency ?? "USD" });
-		return {
-			vendorLabel: n(r),
-			issueDateLabel: e(r.issued_at),
-			dueDateLabel: e(r.due_date),
-			dueDateTone: i.isOverdue ? "danger" : "default",
-			scheduledDateLabel: e(r.scheduled_payment_date),
-			paidDateLabel: e(r.paid_at?.slice(0, 10)),
-			amountDueLabel: c(s),
-			amountPaidLabel: c(r.amount_paid),
-			amountScheduledLabel: c(r.amount_to_pay ?? s),
-			totalAmountLabel: c(r.total_amount),
-			attachment: r.file_id ? { label: k } : void 0,
-			status: i.status,
-			statusTone: i.tone,
-			addedOnLabel: e(r.created_at?.slice(0, 10)),
-			duplicateBadge: X.has(r.id) ? {
-				label: O,
-				tone: "warning"
-			} : void 0,
-			onOpen: () => E(r.id, o(r.status))
-		};
-	}), [
-		K.data?.data,
-		X,
-		O,
-		k,
-		E
-	]), Q = g((e) => {
-		let t = e;
-		j(t), N((e) => {
-			let n = e[0]?.id;
-			return n ? l(t).some((e) => p(e) === n) ? e : x : e;
-		}), H();
-	}, [H]), $ = g((e) => {
-		N((t) => typeof e == "function" ? e(t) : e), H();
-	}, [H]), ee = g((e) => {
-		F(e), H();
-	}, [H]), te = g(() => L(K.data?.next_pagination_token ?? void 0), [K.data?.next_pagination_token]), ne = g(() => L(K.data?.prev_pagination_token ?? void 0), [K.data?.prev_pagination_token]), re = g(() => {
-		K.refetch();
-	}, [K.refetch]);
-	return {
-		rows: Z,
-		isLoading: K.isFetching || q && J.isLoading,
-		isError: K.isError,
-		onRetry: re,
-		selectedFilterTabId: A,
-		onFilterTabChange: Q,
-		searchValue: R,
-		onSearchChange: z,
-		hasAnyBills: Y,
-		isSearchActive: B.length > 0 || U.isFilterActive,
-		filterBarProps: U.filterBarProps,
-		visibleColumns: l(A),
-		showAddPanelWhenEmpty: d(A),
-		sorting: M,
-		onSortingChange: $,
-		pageSize: P,
-		onPageSizeChange: ee,
-		hasNextPage: !!K.data?.next_pagination_token,
-		hasPrevPage: !!K.data?.prev_pagination_token,
-		onNextPage: te,
-		onPrevPage: ne
-	};
-}
+var t = {
+	root: "bill-pay-bills-tab",
+	uploadTray: "bill-pay-upload-tray",
+	detailsSheet: "bill-pay-details-sheet"
+}, n = {
+	[e.Vendor]: "bill-pay-bills-cell-vendor",
+	[e.Attachment]: "bill-pay-bills-cell-attachment",
+	[e.IssueDate]: "bill-pay-bills-cell-issue-date",
+	[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.TotalAmount]: "bill-pay-bills-cell-total-amount",
+	[e.AddedOn]: "bill-pay-bills-cell-added-on"
+};
 //#endregion
-export { S as useBillsTable };
+export { t as billsTabTestIds, n as billsTableCellTestIds };

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

@@ -1,212 +1,31 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import { useWidgetConfig as r, useWidgetInitStaleForToken as ee } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { AddBillDialog as te } from "../../ui/dist/index10.js";
-import { BillsScreen as ne } from "../../ui/dist/index67.js";
-import "../../ui/dist/index.js";
-import { BillCreateDialog as i } from "./index45.js";
-import "./index46.js";
-import { BillDetailsContainer as a } from "./index49.js";
-import "./index50.js";
-import "./index56.js";
-import "./index57.js";
-import { DuplicateBillsContainer as o } from "./index60.js";
-import "./index61.js";
-import { BILL_QUEUE_ORDER as s, BillQueue as c } from "./index62.js";
-import { BILLS_TAB_LABELS_EN as l } from "./index64.js";
-import { useBillsTable as u } from "./index70.js";
-import { copyTextToClipboard as re } from "./index63.js";
-import { billsTabTestIds as d, billsTableCellTestIds as ie } from "./index65.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { CalendarClockIcon as v, CheckIcon as y, FilePenIcon as b, ListIcon as x, LoaderCircleIcon as S } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index71.js
-var C = "bills@business-banking.app", w = {
-	[c.Drafts]: /* @__PURE__ */ g(b, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[c.Pending]: /* @__PURE__ */ g(S, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[c.Scheduled]: /* @__PURE__ */ g(v, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[c.Paid]: /* @__PURE__ */ g(y, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	}),
-	[c.All]: /* @__PURE__ */ g(x, {
-		className: "ttw:size-4",
-		"aria-hidden": !0
-	})
+var e = {
+	Draft: "draft",
+	PendingApproval: "pending_approval",
+	ReadyToPay: "ready_to_pay",
+	PartiallyPaid: "partially_paid",
+	Paid: "paid",
+	Rejected: "rejected",
+	Canceled: "canceled"
+}, t = [
+	e.Draft,
+	e.PendingApproval,
+	e.ReadyToPay,
+	e.PartiallyPaid,
+	e.Paid,
+	e.Rejected,
+	e.Canceled
+], n = {
+	[e.Draft]: ["draft"],
+	[e.PendingApproval]: ["new", "approve_in_progress"],
+	[e.ReadyToPay]: ["waiting_to_be_paid"],
+	[e.PartiallyPaid]: ["partially_paid"],
+	[e.Paid]: ["paid"],
+	[e.Rejected]: ["rejected"],
+	[e.Canceled]: ["canceled"]
 };
-function T({ labels: c, onEnqueueFiles: v, openPayableId: y, onOpenPayableHandled: b, poweredByBankName: x, duplicateBills: S }) {
-	let T = m(() => ({
-		...l,
-		...c,
-		queues: {
-			...l.queues,
-			...c?.queues
-		},
-		filters: {
-			...l.filters,
-			...c?.filters,
-			presets: {
-				...l.filters.presets,
-				...c?.filters?.presets
-			},
-			statuses: {
-				...l.filters.statuses,
-				...c?.filters?.statuses
-			},
-			dateFieldNames: {
-				...l.filters.dateFieldNames,
-				...c?.filters?.dateFieldNames
-			}
-		},
-		filterBar: {
-			...l.filterBar,
-			...c?.filterBar
-		},
-		queueEmptyStates: s.reduce((e, t) => ({
-			...e,
-			[t]: {
-				...l.queueEmptyStates[t],
-				...c?.queueEmptyStates?.[t]
-			}
-		}), {})
-	}), [c]), [ae, E] = h(!1), [D, O] = h(), [k, A] = h(!1), [j, M] = h(), [N, P] = h(!1), [F, I] = h(!1), [L, R] = h(!1), { initResponse: z } = r(), B = ee(), V = t(z?.scopes, [n.PayableReadOrg]), H = t(z?.scopes, [n.PayableWriteOrg]), U = !z || V, W = !z || H, G = f((e, t) => {
-		if (t && W) {
-			O(e), A(!0);
-			return;
-		}
-		M(e), P(!0);
-	}, [W]), K = m(() => (S ?? []).filter((e) => e.isPossibleDuplicate).map((e) => e.id), [S]), q = t(z?.scopes, [n.CounterpartReadOrg]), J = u({
-		enabled: U,
-		canReadVendors: q,
-		isVendorFilterPaused: B,
-		filterLabels: T.filters,
-		onOpenBill: G,
-		duplicateBillIds: K,
-		duplicateBadgeLabel: T.duplicateBadge,
-		attachmentLabel: T.attachmentIndicator
-	}), Y = (e) => !!(e && K.includes(e)), X = K.length, oe = X === 0 ? void 0 : X === 1 ? T.duplicateWarningOne : T.duplicateWarningMany(X), se = m(() => s.map((e) => ({
-		id: e,
-		label: T.queues[e],
-		icon: w[e]
-	})), [T.queues]), ce = (e) => {
-		R(!1), M(e), P(!0);
-	}, le = () => {
-		P(!1), I(!0);
-	}, ue = () => {
-		I(!1), P(!0);
-	}, de = m(() => ({
-		createButton: T.createButton,
-		addBill: { heading: T.nonEmptyHeading }
-	}), [T.createButton, T.nonEmptyHeading]), fe = m(() => ({
-		...J.filterBarProps,
-		labels: T.filterBar
-	}), [J.filterBarProps, T.filterBar]), Z = () => {
-		E(!1), O(void 0), A(!0);
-	}, Q = (e) => {
-		E(!1), v?.(e);
-	}, $ = async () => {
-		await re(C) ? e.success(T.emailCopiedToast) : e.error(T.emailCopyFailedToast);
-	};
-	return p(() => {
-		y && (O(y), A(!0), b?.());
-	}, [b, y]), /* @__PURE__ */ _("div", {
-		"data-testid": d.root,
-		children: [
-			/* @__PURE__ */ g(ne, {
-				rows: J.rows,
-				isLoading: J.isLoading || !z,
-				isError: J.isError,
-				onRetry: J.onRetry,
-				sorting: J.sorting,
-				onSortingChange: J.onSortingChange,
-				pageSize: J.pageSize,
-				onPageSizeChange: J.onPageSizeChange,
-				hasNextPage: J.hasNextPage,
-				hasPrevPage: J.hasPrevPage,
-				onNextPage: J.onNextPage,
-				onPrevPage: J.onPrevPage,
-				filterTabs: se,
-				selectedFilterTabId: J.selectedFilterTabId,
-				onFilterTabChange: J.onFilterTabChange,
-				searchValue: J.searchValue,
-				onSearchChange: J.onSearchChange,
-				filters: fe,
-				visibleColumns: J.visibleColumns,
-				cellTestIds: ie,
-				isSearchActive: J.isSearchActive,
-				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
-				emptyState: T.queueEmptyStates[J.selectedFilterTabId],
-				onCreateClick: W ? () => E(!0) : void 0,
-				onEnterManually: W ? Z : void 0,
-				onFilesSelected: W ? Q : void 0,
-				maxFiles: 10,
-				emailAddress: C,
-				onCopyEmail: $,
-				duplicateWarning: oe,
-				onReviewDuplicates: () => R(!0),
-				labels: de
-			}),
-			L ? /* @__PURE__ */ g(o, {
-				open: L,
-				onOpenChange: R,
-				bills: S,
-				canManageDuplicates: W,
-				onOpenBill: ce
-			}) : null,
-			W ? /* @__PURE__ */ g(te, {
-				open: ae,
-				onOpenChange: E,
-				onFilesSelected: Q,
-				maxFiles: 10,
-				onEnterManually: Z,
-				emailAddress: C,
-				onCopyEmail: $,
-				labels: { heading: J.hasAnyBills ? T.nonEmptyHeading : T.emptyHeading }
-			}) : null,
-			k ? /* @__PURE__ */ g(i, {
-				open: k,
-				onOpenChange: A,
-				payableId: D,
-				isPossibleDuplicate: Y(D)
-			}) : null,
-			N ? /* @__PURE__ */ g(a, {
-				open: N,
-				onOpenChange: P,
-				payableId: j,
-				onClose: () => P(!1),
-				onExpand: le,
-				isPossibleDuplicate: Y(j),
-				testId: d.detailsSheet,
-				poweredByBankName: x
-			}) : null,
-			F ? /* @__PURE__ */ g(i, {
-				open: F,
-				onOpenChange: I,
-				payableId: j,
-				readOnly: !0,
-				onCollapse: ue,
-				poweredByBankName: x,
-				isPossibleDuplicate: Y(j)
-			}) : null
-		]
-	});
+function r(e) {
+	return e.flatMap((e) => n[e] ?? [e]);
 }
 //#endregion
-export { T as BillsTab, T as default };
+export { t as BILL_STATUS_FILTER_ORDER, e as BillStatusFilter, r as billStatusFilterApiValues };

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

@@ -1,4 +1,86 @@
-import "./index62.js";
-import "./index64.js";
-import "./index70.js";
-import "./index71.js";
+import { endOfDay as e, endOfMonth as t, endOfQuarter as n, endOfWeek as r, endOfYear as i, startOfDay as a, startOfMonth as o, startOfQuarter as s, startOfWeek as c, startOfYear as l, subDays as u, subMonths as d, subQuarters as f, subWeeks as p, subYears as m } from "date-fns";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.js
+var h = {
+	Today: "today",
+	ThisWeek: "this_week",
+	ThisMonth: "this_month",
+	ThisQuarter: "this_quarter",
+	ThisYear: "this_year",
+	Yesterday: "yesterday",
+	LastWeek: "last_week",
+	LastMonth: "last_month",
+	Last30Days: "last_30_days",
+	Last90Days: "last_90_days",
+	LastQuarter: "last_quarter",
+	LastYear: "last_year"
+};
+function g(g, _ = /* @__PURE__ */ new Date()) {
+	let v = a(_);
+	switch (g) {
+		case h.Today: return {
+			from: v,
+			to: e(v)
+		};
+		case h.ThisWeek: return {
+			from: c(v),
+			to: r(v)
+		};
+		case h.ThisMonth: return {
+			from: o(v),
+			to: t(v)
+		};
+		case h.ThisQuarter: return {
+			from: s(v),
+			to: n(v)
+		};
+		case h.ThisYear: return {
+			from: l(v),
+			to: i(v)
+		};
+		case h.Yesterday: {
+			let t = u(v, 1);
+			return {
+				from: t,
+				to: e(t)
+			};
+		}
+		case h.LastWeek: {
+			let e = c(p(v, 1));
+			return {
+				from: e,
+				to: r(e)
+			};
+		}
+		case h.LastMonth: {
+			let e = o(d(v, 1));
+			return {
+				from: e,
+				to: t(e)
+			};
+		}
+		case h.Last30Days: return {
+			from: u(v, 29),
+			to: e(v)
+		};
+		case h.Last90Days: return {
+			from: u(v, 89),
+			to: e(v)
+		};
+		case h.LastQuarter: {
+			let e = s(f(v, 1));
+			return {
+				from: e,
+				to: n(e)
+			};
+		}
+		case h.LastYear: {
+			let e = l(m(v, 1));
+			return {
+				from: e,
+				to: i(e)
+			};
+		}
+	}
+}
+//#endregion
+export { h as BillsDatePreset, g as resolveDatePreset };

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

@@ -1,8 +1,50 @@
+import { BillStatusFilter as e } from "./index71.js";
+import { BillsDatePreset as t } from "./index72.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index73.js
-var e = {
-	bills: "Bills",
-	vendors: "Vendors",
-	settings: "Settings"
+var n = {
+	presets: {
+		[t.Today]: "Today",
+		[t.ThisWeek]: "This week",
+		[t.ThisMonth]: "This month",
+		[t.ThisQuarter]: "This quarter",
+		[t.ThisYear]: "This year",
+		[t.Yesterday]: "Yesterday",
+		[t.LastWeek]: "Last week",
+		[t.LastMonth]: "Last month",
+		[t.Last30Days]: "Last 30 days",
+		[t.Last90Days]: "Last 90 days",
+		[t.LastQuarter]: "Last quarter",
+		[t.LastYear]: "Last year"
+	},
+	presetGroupCurrent: "Current",
+	presetGroupPast: "Past",
+	statuses: {
+		[e.Draft]: "Draft",
+		[e.PendingApproval]: "Pending approval",
+		[e.ReadyToPay]: "Ready to pay",
+		[e.PartiallyPaid]: "Partially paid",
+		[e.Paid]: "Paid",
+		[e.Rejected]: "Rejected",
+		[e.Canceled]: "Canceled"
+	},
+	dateFieldNames: {
+		issueDate: "Issue date",
+		dueDate: "Due date",
+		addedOn: "Added on"
+	},
+	dateChip: (e, t) => `${e}: ${t}`,
+	statusChip: (e) => `Status: ${e}`,
+	vendorChip: (e) => `Vendor: ${e}`,
+	amountChip: (e) => `Total amount: ${e}`,
+	attachmentChipHas: "Has attachment",
+	attachmentChipNone: "No attachment",
+	moreSelected: (e, t) => `${e} + ${t} more`,
+	amountAtLeast: (e) => `${e} or more`,
+	amountAtMost: (e) => `${e} or less`,
+	amountBetween: (e, t) => `${e} - ${t}`,
+	dateRange: (e, t) => `${e} - ${t}`,
+	dateFrom: (e) => `From ${e}`,
+	dateTo: (e) => `Until ${e}`
 };
 //#endregion
-export { e as DEFAULT_TABS_LABELS };
+export { n as BILLS_FILTER_LABELS_EN };