@tesouro/embedded-components-react 0.2.281 → 0.2.283

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

@@ -9,7 +9,7 @@ var r = {
 	closeButton: "Close",
 	menuTrigger: "More actions",
 	cancelButton: "Cancel",
-	saveDraftButton: "Save as draft",
+	saveDraftButton: "Save and close",
 	finalizeButton: "Finalize",
 	hiddenDescription: "Enter the details of the bill you want to pay.",
 	vendorSection: n,

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

@@ -8,145 +8,148 @@ import "./index17.js";
 import { VendorSection as p } from "./index25.js";
 import "./index26.js";
 import { BILL_CREATE_SCREEN_LABELS_EN as m } from "./index27.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { MoreVertical as _, X as v } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { MoreVertical as v, X as y } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js
-function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor: w, values: T, errors: E, onChange: D, lineItems: O, documentPanel: k, menuItems: A, isLineItemsLoading: j, isSavingDraft: M, isFinalizing: N, onCancel: P, onSaveDraft: F, onFinalize: I, testId: L, labels: R }) {
-	let z = {
+function b({ open: b, onOpenChange: x, title: S, subtitle: C, notice: w, vendor: T, values: E, errors: D, onChange: O, lineItems: k, documentPanel: A, menuItems: j, readOnly: M, isLineItemsLoading: N, isSaving: P, isSavingDraft: F, isFinalizing: I, onCancel: L, onSaveDraft: R, onFinalize: z, testId: B, labels: V }) {
+	let H = {
 		...m,
-		...R,
+		...V,
 		vendorSection: {
 			...m.vendorSection,
-			...R?.vendorSection,
+			...V?.vendorSection,
 			summaryCard: {
 				...m.vendorSection.summaryCard,
-				...R?.vendorSection?.summaryCard
+				...V?.vendorSection?.summaryCard
 			},
 			search: {
 				...m.vendorSection.search,
-				...R?.vendorSection?.search
+				...V?.vendorSection?.search
 			}
 		},
 		detailsFields: {
 			...m.detailsFields,
-			...R?.detailsFields
+			...V?.detailsFields
 		},
 		lineItems: {
 			...m.lineItems,
-			...R?.lineItems
+			...V?.lineItems
 		}
 	};
-	return /* @__PURE__ */ h(t, {
-		open: y,
-		onOpenChange: (e) => e ? b(e) : P(),
-		children: /* @__PURE__ */ g(n, {
+	return /* @__PURE__ */ g(t, {
+		open: b,
+		onOpenChange: x,
+		children: /* @__PURE__ */ _(n, {
 			showCloseButton: !1,
 			className: "ttw:flex ttw:h-[calc(100vh-3rem)] ttw:w-[calc(100vw-3rem)] ttw:max-w-[calc(100vw-3rem)] ttw:flex-col ttw:gap-0 ttw:p-0",
-			"data-testid": L,
+			"data-testid": B,
 			children: [
-				/* @__PURE__ */ g(i, {
+				/* @__PURE__ */ _(i, {
 					className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:py-4",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-0.5",
 						children: [
-							/* @__PURE__ */ h(a, {
+							/* @__PURE__ */ g(a, {
 								className: "ttw:text-xl ttw:font-semibold",
-								children: x
+								children: S
 							}),
-							S ? /* @__PURE__ */ h("p", {
+							C ? /* @__PURE__ */ g("p", {
 								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: S
+								children: C
 							}) : null,
-							/* @__PURE__ */ h(r, {
+							/* @__PURE__ */ g(r, {
 								className: "ttw:sr-only",
-								children: z.hiddenDescription
+								children: H.hiddenDescription
 							})
 						]
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ _("div", {
 						className: "ttw:flex ttw:items-center ttw:gap-1",
-						children: [A && A.length > 0 ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
+						children: [j && j.length > 0 ? /* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(l, {
 							asChild: !0,
-							children: /* @__PURE__ */ h(e, {
+							children: /* @__PURE__ */ g(e, {
 								type: "button",
 								variant: "ghost",
 								size: "icon",
-								"aria-label": z.menuTrigger,
-								children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
+								"aria-label": H.menuTrigger,
+								disabled: P,
+								children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
 							})
-						}), /* @__PURE__ */ h(s, {
+						}), /* @__PURE__ */ g(s, {
 							align: "end",
-							children: A.map((e) => /* @__PURE__ */ h(c, {
+							children: j.map((e) => /* @__PURE__ */ g(c, {
 								variant: e.destructive ? "destructive" : void 0,
 								onSelect: e.onSelect,
 								children: e.label
 							}, e.id))
-						})] }) : null, /* @__PURE__ */ h(e, {
+						})] }) : null, /* @__PURE__ */ g(e, {
 							type: "button",
 							variant: "ghost",
 							size: "icon",
-							"aria-label": z.closeButton,
-							onClick: P,
-							children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
+							"aria-label": H.closeButton,
+							disabled: P,
+							onClick: L,
+							children: /* @__PURE__ */ g(y, { className: "ttw:size-4" })
 						})]
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "ttw:grid ttw:flex-1 ttw:grid-cols-2 ttw:overflow-hidden",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:px-6 ttw:py-6",
 						children: [
-							E?.form ? /* @__PURE__ */ h(u, { children: E.form }) : null,
-							C,
-							/* @__PURE__ */ h(p, {
-								...w,
-								labels: z.vendorSection
+							D?.form ? /* @__PURE__ */ g(u, { children: D.form }) : null,
+							w,
+							/* @__PURE__ */ g(p, {
+								...T,
+								onEdit: M ? void 0 : T.onEdit,
+								onClear: M ? void 0 : T.onClear,
+								disabled: M,
+								labels: H.vendorSection
 							}),
-							/* @__PURE__ */ h(d, {
-								values: T,
-								errors: E,
-								onChange: D,
-								labels: z.detailsFields
+							/* @__PURE__ */ g(d, {
+								values: E,
+								errors: D,
+								onChange: O,
+								disabled: M,
+								labels: H.detailsFields
 							}),
-							/* @__PURE__ */ h(f, {
-								...O,
-								disabled: O.disabled || j,
-								labels: z.lineItems
+							/* @__PURE__ */ g(f, {
+								...k,
+								disabled: k.disabled || N || M,
+								labels: H.lineItems
 							})
 						]
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
-						children: k
+						children: A
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
-					children: [
-						/* @__PURE__ */ h(e, {
-							type: "button",
-							variant: "ghost",
-							onClick: P,
-							children: z.cancelButton
-						}),
-						/* @__PURE__ */ h(e, {
-							type: "button",
-							variant: "secondary",
-							onClick: F,
-							loading: M,
-							disabled: N || j,
-							children: z.saveDraftButton
-						}),
-						/* @__PURE__ */ h(e, {
-							type: "button",
-							onClick: I,
-							loading: N,
-							disabled: M || j,
-							children: z.finalizeButton
-						})
-					]
+					children: [/* @__PURE__ */ g(e, {
+						type: "button",
+						variant: "ghost",
+						disabled: P,
+						onClick: L,
+						children: M ? H.closeButton : H.cancelButton
+					}), M ? null : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(e, {
+						type: "button",
+						variant: "secondary",
+						onClick: R,
+						loading: F,
+						disabled: I || N,
+						children: H.saveDraftButton
+					}), /* @__PURE__ */ g(e, {
+						type: "button",
+						onClick: z,
+						loading: I,
+						disabled: F || N,
+						children: H.finalizeButton
+					})] })]
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { y as BillCreateScreen, y as default };
+export { b as BillCreateScreen, b as default };

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

@@ -3,13 +3,29 @@ import "./index8.js";
 import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index33.js";
 import "./index35.js";
 //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
-var n = ".pdf,.png,.jpg,.jpeg,.doc,.docx", r = {
+var n = {
+	loadingTitle: "Loading bill…",
+	hiddenDescription: "Bill details",
+	errorTitle: "Couldn't load this bill",
+	errorDescription: "Something went wrong. Try again.",
+	amountDueHeading: "Amount due",
+	invoiceDateLabel: "Invoice date",
+	dueDateLabel: "Due date",
+	payToHeading: "Pay to",
+	invoiceDetailsHeading: "Invoice details",
+	lineItemsHeading: "Line items",
+	lineItemsQuantityHeading: "Qty/Price",
+	lineItemsAmountHeading: "Amount",
+	expandButton: "Open full screen",
+	closeButton: "Close",
+	statusBadge: t
+}, r = ".pdf,.png,.jpg,.jpeg,.doc,.docx", i = {
 	...e,
 	dropzone: {
 		...e.dropzone,
 		fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
 	}
-}, i = {
+}, a = {
 	title: "Bills",
 	createButton: "Add bill",
 	columnVendor: "Vendor",
@@ -22,7 +38,7 @@ var n = ".pdf,.png,.jpg,.jpeg,.doc,.docx", r = {
 	errorDescription: "Something went wrong. Try again.",
 	errorRetry: "Retry",
 	statusBadge: t,
-	addBill: r
+	addBill: i
 };
 //#endregion
-export { i as BILLS_SCREEN_LABELS_EN, n as BILLS_SCREEN_UPLOAD_ACCEPT };
+export { a as BILLS_SCREEN_LABELS_EN, r as BILLS_SCREEN_UPLOAD_ACCEPT, n as BILL_DETAILS_SHEET_LABELS_EN };

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

@@ -1,7 +1,229 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import "./index34.js";
+import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BillStatusBadge as d } from "./index34.js";
 import "./index35.js";
-import "./index36.js";
-import "react/jsx-runtime";
-import "lucide-react";
+import { BILL_DETAILS_SHEET_LABELS_EN as f } from "./index36.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronDownIcon as g, MoveDiagonal2Icon as _, XIcon as v } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js
+function y({ items: e }) {
+	return /* @__PURE__ */ m("dl", {
+		className: "ttw:flex ttw:flex-col",
+		children: e.map((e) => /* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
+			children: [/* @__PURE__ */ m("dt", {
+				className: "ttw:text-sm ttw:text-muted-foreground",
+				children: e.label
+			}), /* @__PURE__ */ h("dd", {
+				className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
+				children: [/* @__PURE__ */ m("span", {
+					className: "ttw:text-sm ttw:font-medium",
+					children: e.value
+				}), e.secondaryValue ? /* @__PURE__ */ m("span", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: e.secondaryValue
+				}) : null]
+			})]
+		}, e.label))
+	});
+}
+function b({ heading: e, children: i }) {
+	return /* @__PURE__ */ h(t, {
+		defaultOpen: !0,
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ h(r, {
+			className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
+			children: [/* @__PURE__ */ m(u, {
+				variant: "body1",
+				className: "ttw:font-semibold",
+				children: e
+			}), /* @__PURE__ */ m(g, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
+		}), /* @__PURE__ */ m(n, { children: i })]
+	});
+}
+function x({ open: t, onOpenChange: n, details: r, isLoading: u, isError: g, onClose: x, onExpand: S, testId: C, labels: w }) {
+	let T = {
+		...f,
+		...w,
+		statusBadge: {
+			...f.statusBadge,
+			...w?.statusBadge
+		}
+	};
+	return /* @__PURE__ */ m(i, {
+		open: t,
+		onOpenChange: (e) => e ? n(e) : x(),
+		children: /* @__PURE__ */ h(a, {
+			showCloseButton: !1,
+			className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
+			"data-testid": C,
+			children: [/* @__PURE__ */ h(s, {
+				className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [
+						/* @__PURE__ */ m(c, {
+							className: u ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
+							children: g ? T.errorTitle : u ? T.loadingTitle : r?.title
+						}),
+						u ? /* @__PURE__ */ h("div", {
+							"aria-hidden": !0,
+							className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
+							children: [/* @__PURE__ */ m(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ m(l, { className: "ttw:h-4 ttw:w-28" })]
+						}) : null,
+						r && !u && !g ? /* @__PURE__ */ m("p", {
+							className: "ttw:text-sm ttw:text-muted-foreground",
+							children: r.subtitle
+						}) : null,
+						/* @__PURE__ */ m(o, {
+							className: "ttw:sr-only",
+							children: T.hiddenDescription
+						})
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-1",
+					children: [S ? /* @__PURE__ */ m(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": T.expandButton,
+						onClick: S,
+						children: /* @__PURE__ */ m(_, { className: "ttw:size-4" })
+					}) : null, /* @__PURE__ */ m(e, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": T.closeButton,
+						onClick: x,
+						children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
+					})]
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
+				children: g ? /* @__PURE__ */ m("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: T.errorDescription
+				}) : u ? /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-6",
+					children: [/* @__PURE__ */ m(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-2",
+						children: [
+							/* @__PURE__ */ m(l, { className: "ttw:h-4 ttw:w-40" }),
+							/* @__PURE__ */ m(l, { className: "ttw:h-9 ttw:w-full" }),
+							/* @__PURE__ */ m(l, { className: "ttw:h-9 ttw:w-full" })
+						]
+					})]
+				}) : r ? /* @__PURE__ */ h(p, { children: [
+					/* @__PURE__ */ h("section", {
+						className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
+						children: [/* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-2",
+							children: [
+								/* @__PURE__ */ m("span", {
+									className: "ttw:text-sm ttw:text-muted-foreground",
+									children: T.amountDueHeading
+								}),
+								/* @__PURE__ */ m("span", {
+									className: "ttw:text-3xl ttw:font-semibold",
+									children: r.amountDueLabel
+								}),
+								/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(d, {
+									status: r.status,
+									tone: r.statusTone,
+									labels: T.statusBadge
+								}) })
+							]
+						}), /* @__PURE__ */ h("div", {
+							className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
+							children: [/* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [/* @__PURE__ */ m("span", {
+									className: "ttw:text-xs ttw:text-muted-foreground",
+									children: T.invoiceDateLabel
+								}), /* @__PURE__ */ m("span", {
+									className: "ttw:text-sm ttw:font-medium",
+									children: r.invoiceDateLabel
+								})]
+							}), /* @__PURE__ */ h("div", {
+								className: "ttw:flex ttw:flex-col",
+								children: [/* @__PURE__ */ m("span", {
+									className: "ttw:text-xs ttw:text-muted-foreground",
+									children: T.dueDateLabel
+								}), /* @__PURE__ */ m("span", {
+									className: "ttw:text-sm ttw:font-medium",
+									children: r.dueDateLabel
+								})]
+							})]
+						})]
+					}),
+					/* @__PURE__ */ m(b, {
+						heading: T.payToHeading,
+						children: /* @__PURE__ */ m(y, { items: r.payToItems })
+					}),
+					/* @__PURE__ */ m(b, {
+						heading: T.invoiceDetailsHeading,
+						children: /* @__PURE__ */ h("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-4",
+							children: [
+								/* @__PURE__ */ m(y, { items: r.invoiceItems }),
+								r.lineItems.length ? /* @__PURE__ */ h("table", {
+									className: "ttw:w-full ttw:text-sm",
+									children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+										className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
+										children: [
+											/* @__PURE__ */ m("th", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
+												children: T.lineItemsHeading
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
+												children: T.lineItemsQuantityHeading
+											}),
+											/* @__PURE__ */ m("th", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
+												children: T.lineItemsAmountHeading
+											})
+										]
+									}) }), /* @__PURE__ */ m("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ h("tr", {
+										className: "ttw:border-b ttw:border-border",
+										children: [
+											/* @__PURE__ */ h("td", {
+												className: "ttw:px-3 ttw:py-2",
+												children: [/* @__PURE__ */ m("span", {
+													className: "ttw:block",
+													children: e.description
+												}), /* @__PURE__ */ m("span", {
+													className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
+													children: e.glCodeLabel
+												})]
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
+												children: e.quantityLabel
+											}),
+											/* @__PURE__ */ m("td", {
+												className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
+												children: e.amountLabel
+											})
+										]
+									}, e.id)) })]
+								}) : null,
+								/* @__PURE__ */ m("dl", {
+									className: "ttw:flex ttw:flex-col ttw:gap-1",
+									children: r.totals.map((e) => /* @__PURE__ */ h("div", {
+										className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
+										children: [/* @__PURE__ */ m("dt", {
+											className: e.emphasis ? "" : "ttw:text-muted-foreground",
+											children: e.label
+										}), /* @__PURE__ */ m("dd", { children: e.value })]
+									}, e.label))
+								})
+							]
+						})
+					})
+				] }) : null
+			})]
+		})
+	});
+}
+//#endregion
+export { x as BillDetailsSheet, x as default };

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

@@ -59,12 +59,12 @@ function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleS
 			E && O && /* @__PURE__ */ y("div", {
 				className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-3",
 				children: [/* @__PURE__ */ v(n, {
-					id: H,
 					checked: D,
 					disabled: C,
-					onCheckedChange: O
-				}), /* @__PURE__ */ v("label", {
-					htmlFor: H,
+					onCheckedChange: O,
+					"aria-labelledby": H
+				}), /* @__PURE__ */ v("span", {
+					id: H,
 					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
 					children: U.showMyCardsToggle
 				})]

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

@@ -34,17 +34,8 @@ function c({ row: e, labels: t }) {
 	})] });
 }
 function l({ row: i, columns: a, labels: l }) {
-	let u = !!i.onActivate, d = {
-		cardName: i.onSelect ? /* @__PURE__ */ o("button", {
-			type: "button",
-			"aria-label": `${l.selectCardButton} ${i.nickname} ${i.lastFour} ${i.typeLabel}`,
-			onClick: () => i.onSelect?.(),
-			className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-md ttw:text-left ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2",
-			children: /* @__PURE__ */ o(c, {
-				row: i,
-				labels: l
-			})
-		}) : /* @__PURE__ */ o("span", {
+	let u = !!i.onActivate, d = !!i.onSelect, f = {
+		cardName: /* @__PURE__ */ o("span", {
 			className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3",
 			children: /* @__PURE__ */ o(c, {
 				row: i,
@@ -79,13 +70,20 @@ function l({ row: i, columns: a, labels: l }) {
 	};
 	return /* @__PURE__ */ s(n, {
 		"data-testid": `cards-list-row-${i.key}`,
-		className: "ttw:h-18",
-		children: [a.map((e) => /* @__PURE__ */ o(t, { children: d[e] }, e)), /* @__PURE__ */ o(t, {
-			className: "ttw:text-right",
+		className: d ? "ttw:relative ttw:h-18 ttw:cursor-pointer" : "ttw:h-18",
+		children: [a.map((e, n) => /* @__PURE__ */ s(t, { children: [n === 0 && d ? /* @__PURE__ */ o("button", {
+			type: "button",
+			"aria-label": `${l.selectCardButton} ${i.nickname} ${i.lastFour} ${i.typeLabel}`,
+			onClick: () => i.onSelect?.(),
+			className: "ttw:absolute ttw:inset-0 ttw:z-10 ttw:cursor-pointer ttw:rounded-md ttw:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:ring-offset-2"
+		}) : null, f[e]] }, e)), /* @__PURE__ */ o(t, {
+			className: d ? "ttw:relative ttw:z-20 ttw:text-right" : "ttw:text-right",
 			children: u && /* @__PURE__ */ o(e, {
 				size: "sm",
 				"aria-label": `${l.activateButtonForCard} ${i.nickname}`,
-				onClick: () => i.onActivate?.(),
+				onClick: (e) => {
+					e.stopPropagation(), i.onActivate?.();
+				},
 				children: l.activateButton
 			})
 		})]

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/index.js

@@ -21,9 +21,9 @@ import { Scope as An } from "./lib/scopes.js";
 import { getAllPagesNextPageParam as jn, getAllPagesNextPaginationTokenParam as Mn, isAllPagesResolving as Nn, useAutoFetchNextPage as Pn } from "./lib/allPages.js";
 import { useAllBankAccountsQuery as Fn } from "./lib/bank-account/useAllBankAccountsQuery.js";
 import { useAllExternalBankAccountsQuery as In } from "./lib/external-bank-account/useAllExternalBankAccountsQuery.js";
-import { useLedgerAccountsQuery as Ln } from "./lib/reference-data/useLedgerAccountsQuery.js";
-import { usePaymentTermsQuery as Rn } from "./lib/reference-data/usePaymentTermsQuery.js";
-import { useAllOrganizationRolesQuery as zn } from "./lib/role/useAllOrganizationRolesQuery.js";
-import { useRolePermissionsQueries as Bn } from "./lib/role/useRolePermissionsQueries.js";
-import { useAllOrganizationUsersQuery as Vn } from "./lib/user/useAllOrganizationUsersQuery.js";
-export { s as EmbedApiProvider, An as Scope, d as bulkUpdateDepartmentMembers, f as bulkUpdateLocationMembers, p as bulkUpdateRoleMembers, i as cloneEmbeddedClient, we as connectExternalBankAccountMutation, Te as createAchMoneyMovementMutation, Ee as createApplicationMutation, De as createBankAccountMutation, Oe as createBookTransferMutation, ke as createDebitCardMutation, m as createDepartment, a as createEmbeddedClient, h as createLocation, g as createUser, _ as deactivateDepartment, v as deactivateLocation, Ae as deleteApprovalPoliciesIdMutation, y as deleteCounterpartsId, b as deleteCounterpartsIdBankAccountsId, x as deleteFilesId, je as deleteLedgerAccountsIdMutation, S as deleteMeasureUnitsId, C as deleteProductsId, Me as deleteReceiptsIdMutation, w as deleteReceivablesId, T as deleteTagsId, Ne as disableUserMutation, E as downloadBankAccountTransactions, Se as fetchWidgetInit, jn as getAllPagesNextPageParam, Mn as getAllPagesNextPaginationTokenParam, Pe as getAnalyticsPayablesOptions, Fe as getAnalyticsReceivablesOptions, D as getApplicationStatus, Ie as getApplicationStatusOptions, O as getApprovalPolicies, Le as getApprovalPoliciesOptions, Re as getApprovalPoliciesQueryKey, ze as getApprovalRequestsQueryKey, k as getBankAccountAccess, Be as getBankAccountAccessQueryKey, Ve as getBankAccountOptions, He as getBankAccountQueryKey, Ue as getBankAccountTransactionsOptions, We as getBankAccountTransfersOptions, Ge as getBankAccountTransfersQueryKey, Ke as getBankAccountsQueryKey, qe as getCounterpartsIdAddressesOptions, Je as getCounterpartsIdAddressesQueryKey, Ye as getCounterpartsIdBankAccountsOptions, Xe as getCounterpartsIdBankAccountsQueryKey, Ze as getCounterpartsIdOptions, Qe as getCounterpartsIdQueryKey, $e as getCounterpartsOptions, et as getCounterpartsQueryKey, tt as getCreditCardByIdOptions, nt as getCreditCardsOptions, rt as getDebitCardByIdOptions, it as getDebitCardsOptions, at as getDebitCardsQueryKey, A as getDepartment, ot as getDepartmentOptions, st as getDepartmentQueryKey, j as getDisclosures, ct as getEntitiesIdSettingsOptions, lt as getEntitiesIdSettingsQueryKey, ut as getEntitiesMeOptions, dt as getEntityUsersMyEntityOptions, ft as getEntityUsersOptions, M as getExternalBankAccountAccess, pt as getExternalBankAccountAccessQueryKey, mt as getExternalBankAccountsOptions, ht as getExternalBankAccountsQueryKey, gt as getLedgerAccountsQueryKey, N as getLocation, _t as getLocationOptions, vt as getLocationQueryKey, yt as getMeasureUnitsOptions, bt as getMeasureUnitsQueryKey, xt as getOrganizationOptions, St as getPayablesAnalyticsQueryKey, Ct as getPayablesIdHistoryQueryKey, P as getPayablesIdLineItems, wt as getPayablesIdLineItemsOptions, Tt as getPayablesIdLineItemsQueryKey, Et as getPayablesIdOptions, Dt as getPayablesIdQueryKey, Ot as getPayablesIdSuggestionsOptions, kt as getPayablesOptions, At as getPayablesQueryKey, jt as getProductsIdOptions, Mt as getProductsIdQueryKey, Nt as getProductsOptions, Pt as getProductsQueryKey, Ft as getReceiptsIdQueryKey, It as getReceiptsOptions, Lt as getReceiptsQueryKey, Rt as getReceivablesIdHistoryOptions, zt as getReceivablesIdHistoryQueryKey, Bt as getReceivablesIdMailsOptions, Vt as getReceivablesIdMailsQueryKey, Ht as getReceivablesIdOptions, Ut as getReceivablesIdPdfLinkOptions, Wt as getReceivablesIdPdfLinkQueryKey, Gt as getReceivablesIdQueryKey, Kt as getReceivablesOptions, qt as getReceivablesQueryKey, Jt as getTagsOptions, Yt as getTagsQueryKey, Xt as getTransactionsIdQueryKey, Zt as getTransactionsOptions, Qt as getTransactionsQueryKey, $t as getTransactionsValidationsOptions, en as getTransactionsValidationsQueryKey, F as getUsers, tn as getUsersOptions, nn as getUsersQueryKey, rn as grantBankAccountAccessMutation, an as grantExternalBankAccountAccessMutation, Ce as hasAnyScope, e as invalidateAllClients, Nn as isAllPagesResolving, Dn as isApiNotFoundError, o as isWidgetGatewayHost, on as linkExternalBankAccountMutation, I as listDepartments, sn as listDepartmentsOptions, cn as listDepartmentsQueryKey, L as listLocations, ln as listLocationsOptions, un as listLocationsQueryKey, R as listRoles, dn as listRolesQueryKey, z as manageBankAccountAccess, l as optionalOrganizationHeaders, u as organizationHeaders, fn as patchApprovalPoliciesIdMutation, B as patchCounterpartsId, V as patchCounterpartsIdAddressesId, H as patchCounterpartsIdBankAccountsId, pn as patchEntitiesIdSettingsMutation, mn as patchLedgerAccountsIdMutation, U as patchMeasureUnitsId, W as patchPayablesId, G as patchProductsId, hn as patchReceiptsIdMutation, K as patchReceivablesId, q as patchTagsId, J as postApiWidgetGatewayDisclosureAcceptance, gn as postApprovalPoliciesMutation, Y as postCounterparts, X as postCounterpartsIdAddresses, Z as postCounterpartsIdBankAccounts, Q as postCounterpartsIdBankAccountsIdMakeDefault, _n as postLedgerAccountsMutation, $ as postMeasureUnits, ee as postPayables, te as postPayablesIdAttachFile, ne as postPayablesIdSubmitForApproval, re as postPayablesIdValidate, ie as postPayablesUploadFromFile, ae as postProducts, oe as postReceivables, se as postReceivablesIdAccept, ce as postReceivablesIdCancel, le as postReceivablesIdClone, ue as postReceivablesIdDecline, de as postReceivablesIdIssue, fe as postReceivablesIdMarkAsPaid, pe as postReceivablesIdMarkAsPartiallyPaid, me as postReceivablesIdMarkAsUncollectible, he as postReceivablesIdSend, ge as postTags, _e as putPayablesIdLineItems, ve as putReceivablesIdLineItems, vn as putTransactionsValidationsMutation, t as registerQueryClient, n as setAllClientsQueriesData, yn as submitApplicationMutation, bn as unlinkExternalBankAccountMutation, r as unregisterQueryClient, xn as updateApplicationMutation, Sn as updateBankAccountMutation, ye as updateDepartment, Cn as updateExternalBankAccountMutation, be as updateLocation, xe as updateUser, Fn as useAllBankAccountsQuery, In as useAllExternalBankAccountsQuery, zn as useAllOrganizationRolesQuery, Vn as useAllOrganizationUsersQuery, Pn as useAutoFetchNextPage, En as useCurrentUserQuery, c as useEmbedApi, On as useGetUserDataQuery, Ln as useLedgerAccountsQuery, Rn as usePaymentTermsQuery, Bn as useRolePermissionsQueries, kn as useUpsertUserDataMutation, wn as validateExternalBankAccountMutation, Tn as withAuthEpoch };
+import { useAllLedgerAccountsQuery as Ln, useLedgerAccountsQuery as Rn } from "./lib/reference-data/useLedgerAccountsQuery.js";
+import { usePaymentTermsQuery as zn } from "./lib/reference-data/usePaymentTermsQuery.js";
+import { useAllOrganizationRolesQuery as Bn } from "./lib/role/useAllOrganizationRolesQuery.js";
+import { useRolePermissionsQueries as Vn } from "./lib/role/useRolePermissionsQueries.js";
+import { useAllOrganizationUsersQuery as Hn } from "./lib/user/useAllOrganizationUsersQuery.js";
+export { s as EmbedApiProvider, An as Scope, d as bulkUpdateDepartmentMembers, f as bulkUpdateLocationMembers, p as bulkUpdateRoleMembers, i as cloneEmbeddedClient, we as connectExternalBankAccountMutation, Te as createAchMoneyMovementMutation, Ee as createApplicationMutation, De as createBankAccountMutation, Oe as createBookTransferMutation, ke as createDebitCardMutation, m as createDepartment, a as createEmbeddedClient, h as createLocation, g as createUser, _ as deactivateDepartment, v as deactivateLocation, Ae as deleteApprovalPoliciesIdMutation, y as deleteCounterpartsId, b as deleteCounterpartsIdBankAccountsId, x as deleteFilesId, je as deleteLedgerAccountsIdMutation, S as deleteMeasureUnitsId, C as deleteProductsId, Me as deleteReceiptsIdMutation, w as deleteReceivablesId, T as deleteTagsId, Ne as disableUserMutation, E as downloadBankAccountTransactions, Se as fetchWidgetInit, jn as getAllPagesNextPageParam, Mn as getAllPagesNextPaginationTokenParam, Pe as getAnalyticsPayablesOptions, Fe as getAnalyticsReceivablesOptions, D as getApplicationStatus, Ie as getApplicationStatusOptions, O as getApprovalPolicies, Le as getApprovalPoliciesOptions, Re as getApprovalPoliciesQueryKey, ze as getApprovalRequestsQueryKey, k as getBankAccountAccess, Be as getBankAccountAccessQueryKey, Ve as getBankAccountOptions, He as getBankAccountQueryKey, Ue as getBankAccountTransactionsOptions, We as getBankAccountTransfersOptions, Ge as getBankAccountTransfersQueryKey, Ke as getBankAccountsQueryKey, qe as getCounterpartsIdAddressesOptions, Je as getCounterpartsIdAddressesQueryKey, Ye as getCounterpartsIdBankAccountsOptions, Xe as getCounterpartsIdBankAccountsQueryKey, Ze as getCounterpartsIdOptions, Qe as getCounterpartsIdQueryKey, $e as getCounterpartsOptions, et as getCounterpartsQueryKey, tt as getCreditCardByIdOptions, nt as getCreditCardsOptions, rt as getDebitCardByIdOptions, it as getDebitCardsOptions, at as getDebitCardsQueryKey, A as getDepartment, ot as getDepartmentOptions, st as getDepartmentQueryKey, j as getDisclosures, ct as getEntitiesIdSettingsOptions, lt as getEntitiesIdSettingsQueryKey, ut as getEntitiesMeOptions, dt as getEntityUsersMyEntityOptions, ft as getEntityUsersOptions, M as getExternalBankAccountAccess, pt as getExternalBankAccountAccessQueryKey, mt as getExternalBankAccountsOptions, ht as getExternalBankAccountsQueryKey, gt as getLedgerAccountsQueryKey, N as getLocation, _t as getLocationOptions, vt as getLocationQueryKey, yt as getMeasureUnitsOptions, bt as getMeasureUnitsQueryKey, xt as getOrganizationOptions, St as getPayablesAnalyticsQueryKey, Ct as getPayablesIdHistoryQueryKey, P as getPayablesIdLineItems, wt as getPayablesIdLineItemsOptions, Tt as getPayablesIdLineItemsQueryKey, Et as getPayablesIdOptions, Dt as getPayablesIdQueryKey, Ot as getPayablesIdSuggestionsOptions, kt as getPayablesOptions, At as getPayablesQueryKey, jt as getProductsIdOptions, Mt as getProductsIdQueryKey, Nt as getProductsOptions, Pt as getProductsQueryKey, Ft as getReceiptsIdQueryKey, It as getReceiptsOptions, Lt as getReceiptsQueryKey, Rt as getReceivablesIdHistoryOptions, zt as getReceivablesIdHistoryQueryKey, Bt as getReceivablesIdMailsOptions, Vt as getReceivablesIdMailsQueryKey, Ht as getReceivablesIdOptions, Ut as getReceivablesIdPdfLinkOptions, Wt as getReceivablesIdPdfLinkQueryKey, Gt as getReceivablesIdQueryKey, Kt as getReceivablesOptions, qt as getReceivablesQueryKey, Jt as getTagsOptions, Yt as getTagsQueryKey, Xt as getTransactionsIdQueryKey, Zt as getTransactionsOptions, Qt as getTransactionsQueryKey, $t as getTransactionsValidationsOptions, en as getTransactionsValidationsQueryKey, F as getUsers, tn as getUsersOptions, nn as getUsersQueryKey, rn as grantBankAccountAccessMutation, an as grantExternalBankAccountAccessMutation, Ce as hasAnyScope, e as invalidateAllClients, Nn as isAllPagesResolving, Dn as isApiNotFoundError, o as isWidgetGatewayHost, on as linkExternalBankAccountMutation, I as listDepartments, sn as listDepartmentsOptions, cn as listDepartmentsQueryKey, L as listLocations, ln as listLocationsOptions, un as listLocationsQueryKey, R as listRoles, dn as listRolesQueryKey, z as manageBankAccountAccess, l as optionalOrganizationHeaders, u as organizationHeaders, fn as patchApprovalPoliciesIdMutation, B as patchCounterpartsId, V as patchCounterpartsIdAddressesId, H as patchCounterpartsIdBankAccountsId, pn as patchEntitiesIdSettingsMutation, mn as patchLedgerAccountsIdMutation, U as patchMeasureUnitsId, W as patchPayablesId, G as patchProductsId, hn as patchReceiptsIdMutation, K as patchReceivablesId, q as patchTagsId, J as postApiWidgetGatewayDisclosureAcceptance, gn as postApprovalPoliciesMutation, Y as postCounterparts, X as postCounterpartsIdAddresses, Z as postCounterpartsIdBankAccounts, Q as postCounterpartsIdBankAccountsIdMakeDefault, _n as postLedgerAccountsMutation, $ as postMeasureUnits, ee as postPayables, te as postPayablesIdAttachFile, ne as postPayablesIdSubmitForApproval, re as postPayablesIdValidate, ie as postPayablesUploadFromFile, ae as postProducts, oe as postReceivables, se as postReceivablesIdAccept, ce as postReceivablesIdCancel, le as postReceivablesIdClone, ue as postReceivablesIdDecline, de as postReceivablesIdIssue, fe as postReceivablesIdMarkAsPaid, pe as postReceivablesIdMarkAsPartiallyPaid, me as postReceivablesIdMarkAsUncollectible, he as postReceivablesIdSend, ge as postTags, _e as putPayablesIdLineItems, ve as putReceivablesIdLineItems, vn as putTransactionsValidationsMutation, t as registerQueryClient, n as setAllClientsQueriesData, yn as submitApplicationMutation, bn as unlinkExternalBankAccountMutation, r as unregisterQueryClient, xn as updateApplicationMutation, Sn as updateBankAccountMutation, ye as updateDepartment, Cn as updateExternalBankAccountMutation, be as updateLocation, xe as updateUser, Fn as useAllBankAccountsQuery, In as useAllExternalBankAccountsQuery, Ln as useAllLedgerAccountsQuery, Bn as useAllOrganizationRolesQuery, Hn as useAllOrganizationUsersQuery, Pn as useAutoFetchNextPage, En as useCurrentUserQuery, c as useEmbedApi, On as useGetUserDataQuery, Rn as useLedgerAccountsQuery, zn as usePaymentTermsQuery, Vn as useRolePermissionsQueries, kn as useUpsertUserDataMutation, wn as validateExternalBankAccountMutation, Tn as withAuthEpoch };