@tesouro/embedded-components-react 0.3.1 → 0.3.5

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankingHeader.js

@@ -6,51 +6,44 @@ import { Skeleton as e, Tooltip as t, TooltipContent as n, TooltipProvider as r,
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { HelpCircleIcon as c } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/BankingHeader.js
-function l({ labels: e, title: l, bankDisplayName: u, bankLogoSrc: d, bankLogoAlt: f, availableBalanceLabel: p, shouldDisplayAvailableBalance: m, isBankingTaglineVisible: h }) {
+function l({ labels: e, bankDisplayName: l, bankLogoSrc: u, bankLogoAlt: d, availableBalanceLabel: f, shouldDisplayAvailableBalance: p, isBankingTaglineVisible: m }) {
 	return /* @__PURE__ */ s("header", {
 		className: "ttw:mb-6 ttw:space-y-2",
-		children: [
-			/* @__PURE__ */ o(a, {
-				variant: "h1",
+		children: [m && l ? /* @__PURE__ */ s("div", {
+			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1",
+			children: [/* @__PURE__ */ o(a, {
+				component: "span",
+				variant: "body1",
+				color: "muted",
+				children: e.bankingTaglinePrefix
+			}), u ? /* @__PURE__ */ o("img", {
+				src: u,
+				alt: d ?? l,
+				className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
+			}) : /* @__PURE__ */ o(a, {
+				component: "span",
+				variant: "body1",
+				color: "muted",
 				children: l
-			}),
-			h && u ? /* @__PURE__ */ s("div", {
-				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1",
-				children: [/* @__PURE__ */ o(a, {
-					component: "span",
-					variant: "body1",
-					color: "muted",
-					children: e.bankingTaglinePrefix
-				}), d ? /* @__PURE__ */ o("img", {
-					src: d,
-					alt: f ?? u,
-					className: "ttw:block ttw:h-auto ttw:max-w-[120px]"
-				}) : /* @__PURE__ */ o(a, {
-					component: "span",
-					variant: "body1",
-					color: "muted",
-					children: u
-				})]
-			}) : null,
-			m && p ? /* @__PURE__ */ s("div", {
-				className: "ttw:mt-4",
-				children: [/* @__PURE__ */ s("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-muted-foreground",
-					children: [/* @__PURE__ */ o("span", { children: e.availableBalanceLabel }), /* @__PURE__ */ o(r, { children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(i, {
-						type: "button",
-						className: "ttw:inline-flex ttw:cursor-help",
-						"aria-label": e.availableBalanceTooltip,
-						children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
-					}), /* @__PURE__ */ o(n, {
-						className: "ttw:max-w-xs",
-						children: e.availableBalanceTooltip
-					})] }) })]
-				}), /* @__PURE__ */ o("p", {
-					className: "ttw:text-3xl ttw:font-bold ttw:text-primary",
-					children: p
-				})]
-			}) : null
-		]
+			})]
+		}) : null, p && f ? /* @__PURE__ */ s("div", {
+			className: "ttw:mt-4",
+			children: [/* @__PURE__ */ s("div", {
+				className: "ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-muted-foreground",
+				children: [/* @__PURE__ */ o("span", { children: e.availableBalanceLabel }), /* @__PURE__ */ o(r, { children: /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(i, {
+					type: "button",
+					className: "ttw:inline-flex ttw:cursor-help",
+					"aria-label": e.availableBalanceTooltip,
+					children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
+				}), /* @__PURE__ */ o(n, {
+					className: "ttw:max-w-xs",
+					children: e.availableBalanceTooltip
+				})] }) })]
+			}), /* @__PURE__ */ o("p", {
+				className: "ttw:text-3xl ttw:font-bold ttw:text-primary",
+				children: f
+			})]
+		}) : null]
 	});
 }
 function u() {

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/labels.js

@@ -1,6 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/ui/dist/lib/labels.js
 var e = {
-	title: "Accounts",
 	bankingTaglinePrefix: "Business Banking provided by",
 	availableBalanceLabel: "Available balance",
 	availableBalanceTooltip: "Available balance is the amount of money you can currently spend, withdraw, or transfer. It reflects your most up-to-date balance, and is used to determine if you have sufficient funds for new transactions.",

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

@@ -18,9 +18,9 @@ function u({ ref: u, payable: d, poweredByBankName: f, labels: p }) {
 		amountDueMinorUnits: e(d) ?? 0,
 		currencyCode: d.currency ?? void 0,
 		dueDate: d.due_date,
-		vendorName: m?.name,
-		vendorEmail: m?.email,
-		vendorBankAccount: m?.bank_account,
+		vendorName: m?.name ?? void 0,
+		vendorEmail: m?.email ?? void 0,
+		vendorBankAccount: m?.bank_account ?? void 0,
 		poweredByBankName: f,
 		labels: p
 	});

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

@@ -70,7 +70,7 @@ function y({ enabled: y = !0, onOpenBill: b, duplicateBillIds: x, duplicateBadge
 		E((t) => typeof e == "function" ? e(t) : e), F();
 	}, [F]), K = p((e) => {
 		O(e), F();
-	}, [F]), q = p(() => A(R.data?.next_pagination_token), [R.data?.next_pagination_token]), J = p(() => A(R.data?.prev_pagination_token), [R.data?.prev_pagination_token]), Y = p(() => {
+	}, [F]), q = p(() => A(R.data?.next_pagination_token ?? void 0), [R.data?.next_pagination_token]), J = p(() => A(R.data?.prev_pagination_token ?? void 0), [R.data?.prev_pagination_token]), Y = p(() => {
 		R.refetch();
 	}, [R.refetch]);
 	return {

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

@@ -62,7 +62,6 @@ function w({ labels: i, tabsLabels: p, approvalPolicyLabels: w, approvalPolicyCo
 		content: /* @__PURE__ */ b(h, {
 			...E,
 			counterpartType: "vendor",
-			showTitle: !1,
 			onViewAllDocuments: () => P(S.Bills)
 		})
 	}];

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

@@ -1,7 +1,4 @@
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index43.js
-var e = {
-	title: "Bill pay",
-	description: "Review, approve, and pay your bills."
-};
+var e = { description: "Review, approve, and pay your bills." };
 //#endregion
 export { e as DEFAULT_LABELS };

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

@@ -13,15 +13,12 @@ function s({ labels: s, tabs: c, selectedTabId: l, onTabChange: u }) {
 	};
 	return /* @__PURE__ */ o("section", {
 		className: "ttw:w-full ttw:space-y-5",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ a("div", {
 			className: "ttw:min-w-0",
-			children: [/* @__PURE__ */ a("h2", {
-				className: "ttw:text-xl ttw:font-semibold ttw:text-foreground",
-				children: d.title
-			}), /* @__PURE__ */ a("p", {
-				className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
+			children: /* @__PURE__ */ a("p", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
 				children: d.description
-			})]
+			})
 		}), /* @__PURE__ */ o(e, {
 			value: l,
 			onValueChange: u,

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js

@@ -39,7 +39,6 @@ function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleS
 				className: "ttw:mb-5 ttw:flex ttw:flex-wrap ttw:items-start ttw:justify-between ttw:gap-4",
 				children: [/* @__PURE__ */ v(l, {
 					variant: "h2",
-					component: "h1",
 					children: U.title
 				}), W && /* @__PURE__ */ y(e, {
 					size: "sm",

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js

@@ -19,187 +19,186 @@ import { useCounterpartsWidget as d } from "./index7.js";
 import { useEffect as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js
-function g({ counterpartType: t, pageSizeOptions: s = c, showTitle: g, onViewAllDocuments: _, screenLabels: v, formLabels: y, detailsLabels: b, bankAccountLabels: x, addressLabels: S, deleteLabels: C, messageLabels: w }) {
-	let T = e();
+function g({ counterpartType: t, pageSizeOptions: s = c, onViewAllDocuments: g, screenLabels: _, formLabels: v, detailsLabels: y, bankAccountLabels: b, addressLabels: x, deleteLabels: S, messageLabels: C }) {
+	let w = e();
 	f(() => {
-		T(o.Mounted);
-	}, [T]);
-	let { stateOptions: E, selectedId: D, view: O, table: k, details: A, detailsSheetView: j, permissions: M, isPermissionLoading: N, form: P, bank: F, address: I, del: L, handleRowClick: R, closeDetails: z } = d({
+		w(o.Mounted);
+	}, [w]);
+	let { stateOptions: T, selectedId: E, view: D, table: O, details: k, detailsSheetView: A, permissions: j, isPermissionLoading: M, form: N, bank: P, address: F, del: I, handleRowClick: L, closeDetails: R } = d({
 		counterpartType: t,
-		detailsLabels: b,
-		messageLabels: w
+		detailsLabels: y,
+		messageLabels: C
 	});
 	return /* @__PURE__ */ h(p, { children: [
 		/* @__PURE__ */ m(l, {
 			mode: t,
-			showTitle: g,
-			counterparts: k.rows,
-			isLoading: N || k.isLoading,
-			isError: k.isError,
-			sorting: k.sorting,
-			onSortingChange: k.onSortingChange,
-			pageSize: k.pageSize,
-			onPageSizeChange: k.onPageSizeChange,
+			counterparts: O.rows,
+			isLoading: M || O.isLoading,
+			isError: O.isError,
+			sorting: O.sorting,
+			onSortingChange: O.onSortingChange,
+			pageSize: O.pageSize,
+			onPageSizeChange: O.onPageSizeChange,
 			pageSizeOptions: s,
-			hasNextPage: k.hasNextPage,
-			hasPrevPage: k.hasPrevPage,
-			onNextPage: k.onNextPage,
-			onPrevPage: k.onPrevPage,
-			searchValue: k.searchValue,
-			onSearchChange: k.onSearchChange,
-			entityFilter: k.entityFilter,
-			onEntityFilterChange: k.onEntityFilterChange,
-			isFiltering: k.isFiltering,
-			canCreate: M.canCreate,
-			isAccessRestricted: !N && !M.canRead,
-			onCreateClick: M.canCreate ? P.openCreate : () => void 0,
-			onRowClick: R,
-			onRetry: k.onRetry,
-			labels: v,
+			hasNextPage: O.hasNextPage,
+			hasPrevPage: O.hasPrevPage,
+			onNextPage: O.onNextPage,
+			onPrevPage: O.onPrevPage,
+			searchValue: O.searchValue,
+			onSearchChange: O.onSearchChange,
+			entityFilter: O.entityFilter,
+			onEntityFilterChange: O.onEntityFilterChange,
+			isFiltering: O.isFiltering,
+			canCreate: j.canCreate,
+			isAccessRestricted: !M && !j.canRead,
+			onCreateClick: j.canCreate ? N.openCreate : () => void 0,
+			onRowClick: L,
+			onRetry: O.onRetry,
+			labels: _,
 			emptyStateTestId: "counterparts-widget-empty-state",
 			accessRestrictedTestId: "counterparts-widget-access-restricted"
 		}),
 		/* @__PURE__ */ m(n, {
-			open: O === "create",
+			open: D === "create",
 			onOpenChange: (e) => {
-				e || P.close();
+				e || N.close();
 			},
 			mode: "create",
 			counterpartMode: t,
-			values: P.values,
-			errors: P.errors,
-			stateOptions: E,
-			inProgress: P.isSubmitting,
-			submitDisabled: P.isSubmitting,
-			onChange: (e) => P.setValues((t) => ({
+			values: N.values,
+			errors: N.errors,
+			stateOptions: T,
+			inProgress: N.isSubmitting,
+			submitDisabled: N.isSubmitting,
+			onChange: (e) => N.setValues((t) => ({
 				...t,
 				...e
 			})),
-			onAddressChange: (e) => P.setValues((t) => ({
+			onAddressChange: (e) => N.setValues((t) => ({
 				...t,
 				address: {
 					...t.address,
 					...e
 				}
 			})),
-			onBankAccountChange: (e) => P.setValues((t) => ({
+			onBankAccountChange: (e) => N.setValues((t) => ({
 				...t,
 				bankAccount: {
 					...t.bankAccount,
 					...e
 				}
 			})),
-			onSubmit: P.submit,
-			onCancel: P.close,
+			onSubmit: N.submit,
+			onCancel: N.close,
 			sections: { address: "collapsible" },
-			sectionsToExpand: P.sectionsToExpand,
-			onAddressExpand: P.expandAddress,
-			labels: y
+			sectionsToExpand: N.sectionsToExpand,
+			onAddressExpand: N.expandAddress,
+			labels: v
 		}),
 		/* @__PURE__ */ m(u, {
-			open: D !== void 0 && (O === "none" || O === "edit"),
+			open: E !== void 0 && (D === "none" || D === "edit"),
 			onOpenChange: (e) => {
-				e || z();
+				e || R();
 			},
-			privacyResetKey: D,
+			privacyResetKey: E,
 			mode: t,
-			counterpart: j,
-			isLoading: A.isLoading,
-			isError: A.isError,
-			canEdit: M.canUpdate && !(t === "vendor" && (A.isBankAccountsLoading || A.isBankAccountsError)),
-			canDelete: M.canDelete,
-			onEdit: P.openEdit,
-			onDelete: L.requestDeleteCounterpart,
-			onClose: z,
-			onAddAddress: I.openCreate,
-			onEditAddress: I.openEdit,
-			onAddBankAccount: F.form.openCreate,
-			onEditBankAccount: F.form.openEdit,
-			onViewAllDocuments: _,
-			onDeleteBankAccount: (e) => L.requestDelete({
+			counterpart: A,
+			isLoading: k.isLoading,
+			isError: k.isError,
+			canEdit: j.canUpdate && !(t === "vendor" && (k.isBankAccountsLoading || k.isBankAccountsError)),
+			canDelete: j.canDelete,
+			onEdit: N.openEdit,
+			onDelete: I.requestDeleteCounterpart,
+			onClose: R,
+			onAddAddress: F.openCreate,
+			onEditAddress: F.openEdit,
+			onAddBankAccount: P.form.openCreate,
+			onEditBankAccount: P.form.openEdit,
+			onViewAllDocuments: g,
+			onDeleteBankAccount: (e) => I.requestDelete({
 				kind: "bankAccount",
 				id: e,
-				name: A.bankItems.find((t) => t.id === e)?.primary ?? ""
+				name: k.bankItems.find((t) => t.id === e)?.primary ?? ""
 			}),
-			editForm: O === "edit" ? {
-				values: P.values,
-				errors: P.errors,
-				stateOptions: E,
-				inProgress: P.isSubmitting,
-				submitDisabled: P.isSubmitting,
-				onChange: (e) => P.setValues((t) => ({
+			editForm: D === "edit" ? {
+				values: N.values,
+				errors: N.errors,
+				stateOptions: T,
+				inProgress: N.isSubmitting,
+				submitDisabled: N.isSubmitting,
+				onChange: (e) => N.setValues((t) => ({
 					...t,
 					...e
 				})),
-				onAddressChange: (e) => P.setValues((t) => ({
+				onAddressChange: (e) => N.setValues((t) => ({
 					...t,
 					address: {
 						...t.address,
 						...e
 					}
 				})),
-				onBankAccountChange: (e) => P.setValues((t) => ({
+				onBankAccountChange: (e) => N.setValues((t) => ({
 					...t,
 					bankAccount: {
 						...t.bankAccount,
 						...e
 					}
 				})),
-				onSubmit: P.submit,
-				onCancel: P.close,
+				onSubmit: N.submit,
+				onCancel: N.close,
 				sections: { address: "collapsible" },
-				sectionsToExpand: P.sectionsToExpand,
-				labels: y
+				sectionsToExpand: N.sectionsToExpand,
+				labels: v
 			} : void 0,
-			labels: b
+			labels: y
 		}),
 		/* @__PURE__ */ m(r, {
-			open: F.form.sheet.open,
+			open: P.form.sheet.open,
 			onOpenChange: (e) => {
-				e || F.form.close();
+				e || P.form.close();
 			},
-			mode: F.form.sheet.mode,
-			values: F.form.values,
-			errors: F.form.errors,
-			currencyOptions: F.currencyOptions,
-			inProgress: F.inProgress,
-			onChange: (e) => F.form.setValues((t) => ({
+			mode: P.form.sheet.mode,
+			values: P.form.values,
+			errors: P.form.errors,
+			currencyOptions: P.currencyOptions,
+			inProgress: P.inProgress,
+			onChange: (e) => P.form.setValues((t) => ({
 				...t,
 				...e
 			})),
-			onSubmit: F.form.submit,
-			onCancel: F.form.close,
-			labels: x
+			onSubmit: P.form.submit,
+			onCancel: P.form.close,
+			labels: b
 		}),
 		/* @__PURE__ */ m(i, {
-			open: I.open,
+			open: F.open,
 			onOpenChange: (e) => {
-				e || I.close();
+				e || F.close();
 			},
-			values: I.values,
-			errors: I.errors,
-			stateOptions: E,
-			inProgress: I.isPending,
-			formError: I.formError,
-			onChange: (e) => I.setValues((t) => ({
+			values: F.values,
+			errors: F.errors,
+			stateOptions: T,
+			inProgress: F.isPending,
+			formError: F.formError,
+			onChange: (e) => F.setValues((t) => ({
 				...t,
 				...e
 			})),
-			onSubmit: I.submit,
-			onCancel: I.close,
-			labels: S
+			onSubmit: F.submit,
+			onCancel: F.close,
+			labels: x
 		}),
 		/* @__PURE__ */ m(a, {
-			open: L.target !== null,
+			open: I.target !== null,
 			onOpenChange: (e) => {
-				e || L.close();
+				e || I.close();
 			},
-			title: L.dialogTitle,
-			message: L.dialogMessage,
-			isDeleting: L.isDeleting,
-			onConfirm: L.confirm,
-			onCancel: L.close,
-			labels: C
+			title: I.dialogTitle,
+			message: I.dialogMessage,
+			isDeleting: I.isDeleting,
+			onConfirm: I.confirm,
+			onCancel: I.close,
+			labels: S
 		})
 	] });
 }

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index2.js

@@ -1,7 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/counterparts-widget/ui/dist/index2.js
 var e = {
-	customersTitle: "Customers",
-	vendorsTitle: "Vendors",
 	createButton: "Create new",
 	vendorsCreateButton: "Add vendor",
 	columnName: "Name",