@tesouro/embedded-components-react 0.2.332 → 0.2.336

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

@@ -1 +1,115 @@
-import "./index58.js";
+"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/index43.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";
+import { useBillUploadQueue as l } from "./index49.js";
+import "./index50.js";
+import { billsTabTestIds as u } from "./index54.js";
+import { BillsTab as d } from "./index56.js";
+import "./index57.js";
+import { BillPayWidgetAnalyticsEvent as f, WIDGET_NAME as p } from "./index44.js";
+import { DEFAULT_TABS_LABELS as m } from "./index58.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/index59.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",
+			showTitle: !1,
+			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/index60.js

@@ -1,25 +1 @@
-"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 "./index44.js";
-import "./index45.js";
-import { BillPayWidgetNative as r } from "./index58.js";
 import "./index59.js";
-import { jsx as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index60.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/index61.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 "./index45.js";
+import "./index46.js";
+import { BillPayWidgetNative as r } from "./index59.js";
+import "./index60.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index61.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/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",

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

@@ -1,206 +1,14 @@
-import { Button as e, DataTable as t, DataTableSortableHeader as n, Input as r, Tabs as i, TabsContent as a, TabsList as o, TabsTrigger as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as c } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as l } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { AddBillPanel as u } from "./index7.js";
-import "./index8.js";
-import { BillStatusBadge as d } from "./index19.js";
-import "./index20.js";
-import { MissingValue as f } from "./index49.js";
-import "./index50.js";
-import { BILLS_SCREEN_LABELS_EN as p, BILLS_SCREEN_UPLOAD_ACCEPT as m } from "./index51.js";
-import { useMemo as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ChevronRightIcon as v, PlusIcon as y, SearchIcon as b } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index53.js
-var x = [
-	10,
-	25,
-	50,
-	100
-];
-function S({ rows: S, isLoading: C, isError: w, sorting: T, onSortingChange: E, pageSize: D, onPageSizeChange: O, pageSizeOptions: k = x, pageInfo: A, hasNextPage: j, hasPrevPage: M, onNextPage: N, onPrevPage: P, filterTabs: F, selectedFilterTabId: I, onFilterTabChange: L, searchValue: R, onSearchChange: z, isFiltering: B, onCreateClick: V, onRetry: H, onFilesSelected: U, maxFiles: W, onEnterManually: G, uploadStatus: K, uploadErrorMessage: q, emailAddress: J, onCopyEmail: Y, labels: X }) {
-	let Z = h(() => ({
-		...p,
-		...X,
-		statusBadge: {
-			...p.statusBadge,
-			...X?.statusBadge
-		},
-		addBill: {
-			...p.addBill,
-			...X?.addBill,
-			dropzone: {
-				...p.addBill.dropzone,
-				...X?.addBill?.dropzone
-			}
-		},
-		sortableHeader: {
-			...p.sortableHeader,
-			...X?.sortableHeader
-		},
-		missingValue: {
-			...p.missingValue,
-			...X?.missingValue
-		}
-	}), [X]), Q = h(() => [
-		{
-			accessorKey: "vendorLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: Z.columnVendor,
-				labels: Z.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.vendorLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
-		},
-		{
-			accessorKey: "dueDateLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: Z.columnDueDate,
-				labels: Z.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.dueDateLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
-		},
-		{
-			accessorKey: "status",
-			enableSorting: !1,
-			header: Z.columnStatus,
-			cell: ({ row: e }) => /* @__PURE__ */ g(d, {
-				status: e.original.status,
-				tone: e.original.statusTone,
-				labels: Z.statusBadge
-			})
-		},
-		{
-			accessorKey: "amountDueLabel",
-			enableSorting: !1,
-			header: () => /* @__PURE__ */ g("div", {
-				className: "ttw:text-right",
-				children: Z.columnAmountDue
-			}),
-			cell: ({ row: e }) => /* @__PURE__ */ g("div", {
-				className: "ttw:text-right",
-				children: e.original.amountDueLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
-			})
-		},
-		{
-			accessorKey: "addedOnLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ g(n, {
-				column: e,
-				title: Z.columnAddedOn,
-				labels: Z.sortableHeader
-			}),
-			cell: ({ row: e }) => e.original.addedOnLabel || /* @__PURE__ */ g(f, { labels: Z.missingValue })
-		},
-		{
-			id: "actions",
-			enableSorting: !1,
-			header: () => /* @__PURE__ */ g("span", {
-				className: "ttw:sr-only",
-				children: Z.columnActions
-			}),
-			cell: ({ row: t }) => /* @__PURE__ */ g("div", {
-				className: "ttw:flex ttw:justify-end",
-				children: /* @__PURE__ */ g(e, {
-					variant: "ghost",
-					size: "icon",
-					"aria-label": Z.openRow(t.original.vendorLabel || Z.missingValue.missing),
-					onClick: (e) => {
-						e.stopPropagation(), t.original.onOpen();
-					},
-					children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
-				})
-			})
-		}
-	], [Z]), $ = !!(V && U) && !C && !w && !B && S.length === 0, ee = /* @__PURE__ */ g("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: /* @__PURE__ */ _("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ g(b, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ g(r, {
-				className: "ttw:pl-9",
-				type: "search",
-				"aria-label": Z.searchLabel,
-				placeholder: Z.searchPlaceholder,
-				value: R,
-				onChange: (e) => z(e.target.value)
-			})]
-		})
-	});
-	return /* @__PURE__ */ _(i, {
-		value: I,
-		onValueChange: L,
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ _("div", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-			children: [/* @__PURE__ */ g(o, {
-				"aria-label": Z.filterTabsLabel,
-				children: F.map((e) => /* @__PURE__ */ _(s, {
-					value: e.id,
-					className: "ttw:min-w-28",
-					children: [e.icon, e.label]
-				}, e.id))
-			}), V && !$ ? /* @__PURE__ */ _(e, {
-				onClick: V,
-				children: [/* @__PURE__ */ g(y, { className: "ttw:size-4" }), Z.createButton]
-			}) : null]
-		}), (() => {
-			let e = w ? /* @__PURE__ */ g(l, {
-				title: Z.errorTitle,
-				description: Z.errorDescription,
-				retryLabel: H ? Z.errorRetry : void 0,
-				onRetry: H
-			}) : $ && V && U ? /* @__PURE__ */ g("div", {
-				className: "ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card",
-				children: J && Y ? /* @__PURE__ */ g(u, {
-					emailAddress: J,
-					onCopyEmail: Y,
-					onFilesSelected: U,
-					accept: m,
-					maxFiles: W,
-					uploadStatus: K,
-					uploadErrorMessage: q,
-					onEnterManually: G ?? V,
-					labels: Z.addBill
-				}) : /* @__PURE__ */ g(u, {
-					onFilesSelected: U,
-					accept: m,
-					maxFiles: W,
-					uploadStatus: K,
-					uploadErrorMessage: q,
-					onEnterManually: G ?? V,
-					labels: Z.addBill
-				})
-			}) : /* @__PURE__ */ g(t, {
-				columns: Q,
-				data: S,
-				isLoading: C,
-				sorting: T,
-				onSortingChange: E,
-				pageSize: D,
-				onPageSizeChange: O,
-				pageSizeOptions: k,
-				pageInfo: A,
-				hasNextPage: j,
-				hasPrevPage: M,
-				onNextPage: N,
-				onPrevPage: P,
-				onRowClick: (e) => e.onOpen(),
-				filterComponent: ee,
-				children: B ? /* @__PURE__ */ g(c, {
-					title: Z.filteredEmptyTitle,
-					description: Z.filteredEmptyDescription
-				}) : void 0
-			});
-			return F.map((t) => /* @__PURE__ */ g(a, {
-				value: t.id,
-				children: t.id === I ? e : null
-			}, t.id));
-		})()]
-	});
-}
+var e = {
+	Vendor: "vendor",
+	DueDate: "dueDate",
+	ScheduledDate: "scheduledDate",
+	PaidDate: "paidDate",
+	Status: "status",
+	AmountDue: "amountDue",
+	AmountScheduled: "amountScheduled",
+	AmountPaid: "amountPaid",
+	AddedOn: "addedOn"
+};
 //#endregion
-export { S as BillsScreen, S as default };
+export { e as BillColumn };