@tesouro/embedded-components-react 0.3.19 → 0.3.20

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

@@ -1 +1,209 @@
-import "./index66.js";
+"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 ee, useWidgetInitStaleForToken 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/index64.js";
+import "../../ui/dist/index.js";
+import { BillCreateDialog as o } from "./index41.js";
+import "./index42.js";
+import { BillDetailsContainer as s } from "./index45.js";
+import "./index46.js";
+import "./index52.js";
+import "./index53.js";
+import { DuplicateBillsContainer as te } from "./index56.js";
+import "./index57.js";
+import { BILL_QUEUE_ORDER as c, BillQueue as l } from "./index58.js";
+import { BILLS_TAB_LABELS_EN as u } from "./index60.js";
+import { useBillsTable as ne } from "./index66.js";
+import { copyTextToClipboard as re } from "./index59.js";
+import { billsTabTestIds as d, billsTableCellTestIds as f } from "./index61.js";
+import { useCallback as p, useEffect as ie, 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/index67.js
+var C = "bills@business-banking.app", ae = {
+	[l.Drafts]: /* @__PURE__ */ g(b, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Pending]: /* @__PURE__ */ g(S, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Scheduled]: /* @__PURE__ */ g(v, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.Paid]: /* @__PURE__ */ g(y, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	}),
+	[l.All]: /* @__PURE__ */ g(x, {
+		className: "ttw:size-4",
+		"aria-hidden": !0
+	})
+};
+function w({ labels: l, onEnqueueFiles: v, openPayableId: y, onOpenPayableHandled: b, poweredByBankName: x, duplicateBills: S }) {
+	let w = m(() => ({
+		...u,
+		...l,
+		queues: {
+			...u.queues,
+			...l?.queues
+		},
+		filters: {
+			...u.filters,
+			...l?.filters,
+			presets: {
+				...u.filters.presets,
+				...l?.filters?.presets
+			},
+			statuses: {
+				...u.filters.statuses,
+				...l?.filters?.statuses
+			},
+			dateFieldNames: {
+				...u.filters.dateFieldNames,
+				...l?.filters?.dateFieldNames
+			}
+		},
+		filterBar: {
+			...u.filterBar,
+			...l?.filterBar
+		},
+		queueEmptyStates: c.reduce((e, t) => ({
+			...e,
+			[t]: {
+				...u.queueEmptyStates[t],
+				...l?.queueEmptyStates?.[t]
+			}
+		}), {})
+	}), [l]), [T, 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 } = ee(), B = r(), V = t(z?.scopes, [n.PayableReadOrg]), H = t(z?.scopes, [n.PayableWriteOrg]), U = !z || V, W = !z || H, G = p((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 = ne({
+		enabled: U,
+		canReadVendors: q,
+		isVendorFilterPaused: B,
+		filterLabels: w.filters,
+		onOpenBill: G,
+		duplicateBillIds: K,
+		duplicateBadgeLabel: w.duplicateBadge,
+		attachmentLabel: w.attachmentIndicator
+	}), Y = (e) => !!(e && K.includes(e)), X = K.length, oe = X === 0 ? void 0 : X === 1 ? w.duplicateWarningOne : w.duplicateWarningMany(X), se = m(() => c.map((e) => ({
+		id: e,
+		label: w.queues[e],
+		icon: ae[e]
+	})), [w.queues]), ce = (e) => {
+		R(!1), M(e), P(!0);
+	}, le = () => {
+		P(!1), I(!0);
+	}, ue = m(() => ({
+		createButton: w.createButton,
+		addBill: { heading: w.nonEmptyHeading }
+	}), [w.createButton, w.nonEmptyHeading]), de = m(() => ({
+		...J.filterBarProps,
+		labels: w.filterBar
+	}), [J.filterBarProps, w.filterBar]), Z = () => {
+		E(!1), O(void 0), A(!0);
+	}, Q = (e) => {
+		E(!1), v?.(e);
+	}, $ = async () => {
+		await re(C) ? e.success(w.emailCopiedToast) : e.error(w.emailCopyFailedToast);
+	};
+	return ie(() => {
+		y && (O(y), A(!0), b?.());
+	}, [b, y]), /* @__PURE__ */ _("div", {
+		"data-testid": d.root,
+		children: [
+			/* @__PURE__ */ g(a, {
+				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: de,
+				visibleColumns: J.visibleColumns,
+				cellTestIds: f,
+				isSearchActive: J.isSearchActive,
+				showAddPanelWhenEmpty: J.showAddPanelWhenEmpty,
+				emptyState: w.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: ue
+			}),
+			L ? /* @__PURE__ */ g(te, {
+				open: L,
+				onOpenChange: R,
+				bills: S,
+				canManageDuplicates: W,
+				onOpenBill: ce
+			}) : null,
+			W ? /* @__PURE__ */ g(i, {
+				open: T,
+				onOpenChange: E,
+				onFilesSelected: Q,
+				maxFiles: 10,
+				onEnterManually: Z,
+				emailAddress: C,
+				onCopyEmail: $,
+				labels: { heading: J.hasAnyBills ? w.nonEmptyHeading : w.emptyHeading }
+			}) : null,
+			k ? /* @__PURE__ */ g(o, {
+				open: k,
+				onOpenChange: A,
+				payableId: D,
+				isPossibleDuplicate: Y(D)
+			}) : null,
+			N ? /* @__PURE__ */ g(s, {
+				open: N,
+				onOpenChange: P,
+				payableId: j,
+				onClose: () => P(!1),
+				onExpand: le,
+				isPossibleDuplicate: Y(j),
+				testId: d.detailsSheet,
+				poweredByBankName: x
+			}) : null,
+			F ? /* @__PURE__ */ g(o, {
+				open: F,
+				onOpenChange: I,
+				payableId: j,
+				readOnly: !0,
+				poweredByBankName: x,
+				isPossibleDuplicate: Y(j)
+			}) : null
+		]
+	});
+}
+//#endregion
+export { w as BillsTab, w as default };

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

@@ -1,25 +1,4 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { BillPayWidgetMonite as n } from "./index48.js";
-import "./index49.js";
-import { BillPayWidgetNative as r } from "./index66.js";
+import "./index58.js";
+import "./index60.js";
+import "./index66.js";
 import "./index67.js";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index68.js
-function a({ implementation: a, ...o }) {
-	let s = t().implementation, c = a ?? s ?? e.Monite;
-	return c === e.Native ? /* @__PURE__ */ i(r, {
-		implementation: c,
-		...o
-	}) : /* @__PURE__ */ i(n, {
-		implementation: c,
-		...o
-	});
-}
-//#endregion
-export { a as BillPayWidget, a as default };

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

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index69.js
+var e = {
+	bills: "Bills",
+	vendors: "Vendors",
+	settings: "Settings"
+};
+//#endregion
+export { e as DEFAULT_TABS_LABELS };

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/index75.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index78.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as t } from "../../ui/dist/index79.js";
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as n } from "../../ui/dist/index82.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/feature/dist/index70.js

@@ -0,0 +1,114 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+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/index44.js";
+import { BillUploadStatusTray as s } from "../../ui/dist/index67.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";
+import { useBillUploadQueue as l } from "./index52.js";
+import "./index53.js";
+import { billsTabTestIds as u } from "./index61.js";
+import { BillsTab as d } from "./index67.js";
+import "./index68.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index47.js";
+import { DEFAULT_TABS_LABELS as m } from "./index69.js";
+import { CounterpartsWidget as h } from "../../../counterparts-widget/feature/dist/index8.js";
+import "../../../counterparts-widget/feature/dist/index.js";
+import { useCallback as g, useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index70.js
+var S = {
+	Bills: "bills",
+	Vendors: "vendors",
+	Settings: "settings"
+}, C = [
+	S.Bills,
+	S.Vendors,
+	S.Settings
+];
+function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyComponentLabels: T, vendorLabels: E, poweredByBankName: D }) {
+	let O = r();
+	_(() => {
+		O(f.Mounted);
+	}, [O]);
+	let k = {
+		...m,
+		...p
+	}, { initResponse: A } = a(), j = e(A?.scopes, [t.ApprovalPolicyWriteOrg]), M = !A || j, [N, P] = v(S.Bills), [F, I] = v(), L = g((e) => {
+		P(S.Bills), I(e);
+	}, []), R = l({ onOpenBill: L }), z = [{
+		id: S.Bills,
+		label: k.bills,
+		content: /* @__PURE__ */ b(d, {
+			onEnqueueFiles: R.enqueue,
+			openPayableId: F,
+			onOpenPayableHandled: () => I(void 0),
+			poweredByBankName: D
+		})
+	}, {
+		id: S.Vendors,
+		label: k.vendors,
+		content: /* @__PURE__ */ b(h, {
+			...E,
+			counterpartType: "vendor",
+			onViewAllDocuments: () => P(S.Bills)
+		})
+	}];
+	M && z.push({
+		id: S.Settings,
+		label: k.settings,
+		content: /* @__PURE__ */ b(c, {
+			labels: w,
+			componentLabels: T
+		})
+	});
+	let B = z.some((e) => e.id === N) ? N : C.find((e) => z.some((t) => t.id === e)) ?? z[0]?.id ?? "";
+	return /* @__PURE__ */ x(y, { children: [
+		/* @__PURE__ */ b(n, {}),
+		/* @__PURE__ */ b(o, {
+			labels: i,
+			tabs: z,
+			selectedTabId: B,
+			onTabChange: P
+		}),
+		R.isVisible ? /* @__PURE__ */ b(s, {
+			sections: R.sections,
+			summaryLabel: R.summaryLabel,
+			collapsed: R.collapsed,
+			onToggleCollapsed: R.onToggleCollapsed,
+			onClose: R.onClose,
+			testId: u.uploadTray
+		}) : null
+	] });
+}
+function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, ...m }) {
+	return /* @__PURE__ */ b(i, {
+		widgetName: p,
+		baseUrl: e,
+		widgetToken: t,
+		organizationId: n,
+		configClient: r,
+		gatewayRouting: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: u,
+		analytics: d,
+		disclosuresAcceptance: f,
+		children: /* @__PURE__ */ b(w, { ...m })
+	});
+}
+//#endregion
+export { T as BillPayWidgetNative, T as default };

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

@@ -0,0 +1 @@
+import "./index70.js";

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

@@ -0,0 +1,25 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { Implementation as e } from "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import { useWidgetConfig as t } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { BillPayWidgetMonite as n } from "./index48.js";
+import "./index49.js";
+import { BillPayWidgetNative as r } from "./index70.js";
+import "./index71.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index72.js
+function a({ implementation: a, ...o }) {
+	let s = t().implementation, c = a ?? s ?? e.Monite;
+	return c === e.Native ? /* @__PURE__ */ i(r, {
+		implementation: c,
+		...o
+	}) : /* @__PURE__ */ i(n, {
+		implementation: c,
+		...o
+	});
+}
+//#endregion
+export { a as BillPayWidget, a as default };

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

@@ -49,27 +49,31 @@ import "./index55.js";
 import "./index56.js";
 import { BillDuplicateNotice as s } from "./index57.js";
 import "./index58.js";
-import { BillColumn as c } from "./index59.js";
-import { BillsScreen as l } from "./index60.js";
+import "./index59.js";
+import { BillsFilterField as c } from "./index60.js";
 import "./index61.js";
-import { BillUploadStatusTray as u } from "./index63.js";
+import "./index62.js";
+import { BillColumn as l } from "./index63.js";
+import { BillsScreen as u } from "./index64.js";
 import "./index65.js";
-import "./index66.js";
-import { DuplicateBillsDialog as d } from "./index67.js";
-import "./index68.js";
+import { BillUploadStatusTray as d } from "./index67.js";
 import "./index69.js";
-import { ExtractionNotice as f } from "./index70.js";
-import "./index71.js";
+import "./index70.js";
+import { DuplicateBillsDialog as f } from "./index71.js";
 import "./index72.js";
 import "./index73.js";
-import "./index74.js";
-import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as p } from "./index75.js";
-import { ReviewTransactionDialog as m } from "./index76.js";
+import { ExtractionNotice as p } from "./index74.js";
+import "./index75.js";
+import "./index76.js";
 import "./index77.js";
-import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as h } from "./index78.js";
-import { SchedulePaymentDialog as g } from "./index80.js";
+import "./index78.js";
+import { REVIEW_TRANSACTION_DIALOG_LABELS_EN as m } from "./index79.js";
+import { ReviewTransactionDialog as h } from "./index80.js";
 import "./index81.js";
-import "./index82.js";
-import { SourceDocumentPanel as _ } from "./index83.js";
-import "./index84.js";
-export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, c as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, s as BillDuplicateNotice, r as BillPayWidgetUi, u as BillUploadStatusTray, l as BillsScreen, d as DuplicateBillsDialog, f as ExtractionNotice, p as REVIEW_TRANSACTION_DIALOG_LABELS_EN, m as ReviewTransactionDialog, h as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, g as SchedulePaymentDialog, _ as SourceDocumentPanel };
+import { SCHEDULE_PAYMENT_DIALOG_LABELS_EN as g } from "./index82.js";
+import { SchedulePaymentDialog as _ } from "./index84.js";
+import "./index85.js";
+import "./index86.js";
+import { SourceDocumentPanel as v } from "./index87.js";
+import "./index88.js";
+export { e as AddBillDialog, a as BILL_DETAILS_SHEET_LABELS_EN, t as BILL_STATUS_BADGE_LABELS_EN, l as BillColumn, n as BillCreateScreen, i as BillDecisionDialog, o as BillDetailsSheet, s as BillDuplicateNotice, r as BillPayWidgetUi, d as BillUploadStatusTray, c as BillsFilterField, u as BillsScreen, f as DuplicateBillsDialog, p as ExtractionNotice, m as REVIEW_TRANSACTION_DIALOG_LABELS_EN, h as ReviewTransactionDialog, g as SCHEDULE_PAYMENT_DIALOG_LABELS_EN, _ as SchedulePaymentDialog, v as SourceDocumentPanel };

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

@@ -45,12 +45,14 @@ var a = {
 }, c = {
 	createButton: "Add bill",
 	columnVendor: "Vendor",
+	columnIssueDate: "Issue date",
 	columnDueDate: "Due date",
 	columnScheduledDate: "Scheduled date",
 	columnPaidDate: "Paid date",
 	columnAmountDue: "Amount due",
 	columnAmountScheduled: "Amount scheduled",
 	columnAmountPaid: "Amount paid",
+	columnTotalAmount: "Total amount",
 	columnStatus: "Status",
 	columnAddedOn: "Added on",
 	columnActions: "Actions",

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

@@ -1,14 +1,39 @@
+import { AMOUNT_FILTER_LABELS_EN as e, DATE_RANGE_PICKER_LABELS_EN as t, FILTER_MENU_BUTTON_LABELS_EN as n, FILTER_TAG_LABELS_EN as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index59.js
-var e = {
-	Vendor: "vendor",
-	DueDate: "dueDate",
-	ScheduledDate: "scheduledDate",
-	PaidDate: "paidDate",
-	Status: "status",
-	AmountDue: "amountDue",
-	AmountScheduled: "amountScheduled",
-	AmountPaid: "amountPaid",
-	AddedOn: "addedOn"
+var i = {
+	fields: {
+		vendor: "Vendor",
+		issueDate: "Issue date",
+		dueDate: "Due date",
+		status: "Status",
+		totalAmount: "Total amount",
+		addedOn: "Added on",
+		attachment: "Attachment"
+	},
+	fieldMenuLabel: "Filter bills by",
+	amountMin: "No less than",
+	amountMax: "No more than",
+	vendorSearchPlaceholder: "Search vendors",
+	vendorSearchLabel: "Search vendors",
+	vendorEmpty: "No vendors match",
+	vendorLoading: "Loading vendors",
+	vendorError: "Couldn't load vendors",
+	attachmentAny: "Any",
+	attachmentHas: "Has attachment",
+	attachmentNone: "No attachment",
+	attachmentLabel: "Filter by attachment",
+	clearAll: "Clear all",
+	filterMenuButton: n,
+	filterTag: r,
+	amountFilter: {
+		modeAny: e.modeAny,
+		modeExact: e.modeExact,
+		modeRange: e.modeRange,
+		flowAny: e.flowAny,
+		flowIn: e.flowIn,
+		flowOut: e.flowOut
+	},
+	dateRangePicker: { presetPlaceholder: t.presetPlaceholder }
 };
 //#endregion
-export { e as BillColumn };
+export { i as BILLS_FILTER_BAR_LABELS_EN };