@tesouro/embedded-components-react 0.5.284 → 0.5.286

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index57.js

@@ -1,60 +1,194 @@
-import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index14.js";
-import { ReceivableStatusBadge as r } from "./index25.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as e, DataTable as t, Skeleton as n, Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as s } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { RECEIVABLES_SCREEN_LABELS_EN as l } from "./index14.js";
+import { ReceivableStatusBadge as u } from "./index25.js";
+import { ReceivableStatusCards as d } from "./index56.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ArrowDownIcon as m, ArrowUpDownIcon as h, ArrowUpIcon as g, CogIcon as _, LockKeyholeIcon as v } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index57.js
-var o = 6;
-function s({ selected: e, onClick: n, children: r }) {
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		"aria-pressed": e,
-		onClick: n,
-		className: t("ttw:flex ttw:w-42 ttw:shrink-0 ttw:cursor-pointer ttw:flex-col ttw:gap-2 ttw:rounded-xl ttw:border ttw:bg-card ttw:px-4 ttw:py-2 ttw:text-left ttw:transition-colors", e ? "ttw:border-primary" : "ttw:border-card ttw:hover:border-primary"),
-		children: r
+var y = [
+	10,
+	25,
+	50,
+	100
+];
+function b({ label: t, ariaLabel: n, column: r }) {
+	let i = r.getIsSorted();
+	return /* @__PURE__ */ p("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+		children: [t, /* @__PURE__ */ f(e, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": n,
+			onClick: () => r.toggleSorting(i === "asc"),
+			children: f(i === "asc" ? g : i === "desc" ? m : h, { className: "ttw:size-4" })
+		})]
 	});
 }
-function c({ view: t, onSelect: c, labels: l }) {
-	let u = {
-		...n,
-		...l
-	};
-	return t.kind === "loading" ? /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:gap-2",
-		children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i(e, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl" }, n))
-	}) : /* @__PURE__ */ a("div", {
-		className: "ttw:mb-6 ttw:flex ttw:gap-2 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
-		children: [/* @__PURE__ */ a(s, {
-			selected: t.all.selected,
-			onClick: () => c(t.all.value),
-			children: [/* @__PURE__ */ i("span", {
-				className: "ttw:text-xs ttw:font-medium ttw:text-foreground",
-				children: u.all
-			}), /* @__PURE__ */ i("span", {
-				className: "ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-				children: t.all.countLabel
-			})]
-		}), t.statuses.map((e) => /* @__PURE__ */ i(s, {
-			selected: e.selected,
-			onClick: () => c(e.value),
-			children: /* @__PURE__ */ a("div", {
-				className: "ttw:flex ttw:flex-col",
-				children: [/* @__PURE__ */ a("div", {
-					className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
-					children: [/* @__PURE__ */ i(r, {
-						label: e.statusLabel,
-						status: e.value,
-						variant: "filled"
-					}), /* @__PURE__ */ i("span", {
-						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
-						children: e.countLabel
+function x({ row: e }) {
+	return e.customerState === "resolving" ? /* @__PURE__ */ f(n, { className: "ttw:h-4 ttw:w-full" }) : e.customerState === "missing" ? /* @__PURE__ */ f("span", {
+		className: "ttw:opacity-40",
+		children: e.customerLabel
+	}) : /* @__PURE__ */ f("span", { children: e.customerLabel });
+}
+function S({ rows: n, isLoading: m, isError: h, isAccessRestricted: g, sorting: S, onSortingChange: C, pageSize: w, onPageSizeChange: T, pageSizeOptions: E = y, pageInfo: D, hasNextPage: O, hasPrevPage: k, onNextPage: A, onPrevPage: j, statusCards: M, onStatusCardSelect: N, filterBar: P, isFiltering: F, headerStart: I, bankAttribution: L, onCreateClick: R, onSettingsClick: z, onRowClick: B, onRetry: V, labels: H }) {
+	let U = {
+		...l,
+		...H,
+		statusBadge: {
+			...l.statusBadge,
+			...H?.statusBadge
+		}
+	}, W = [
+		{
+			accessorKey: "dueDateLabel",
+			enableSorting: !0,
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
+				column: e,
+				label: U.columnDueDate,
+				ariaLabel: U.sortByDueDate
+			})
+		},
+		{
+			accessorKey: "status",
+			enableSorting: !0,
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
+				column: e,
+				label: U.columnStatus,
+				ariaLabel: U.sortByStatus
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ f(u, {
+				status: e.original.status,
+				variant: "filled",
+				labels: U.statusBadge
+			})
+		},
+		{
+			accessorKey: "documentLabel",
+			enableSorting: !0,
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
+				column: e,
+				label: U.columnNumber,
+				ariaLabel: U.sortByNumber
+			})
+		},
+		{
+			accessorKey: "customerLabel",
+			header: U.columnCustomer,
+			cell: ({ row: e }) => /* @__PURE__ */ f(x, { row: e.original }),
+			minSize: 180
+		},
+		{
+			accessorKey: "issueDateLabel",
+			enableSorting: !0,
+			header: ({ column: e }) => /* @__PURE__ */ f(b, {
+				column: e,
+				label: U.columnIssueDate,
+				ariaLabel: U.sortByIssueDate
+			})
+		},
+		{
+			accessorKey: "totalLabel",
+			enableSorting: !0,
+			header: ({ column: e }) => /* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:justify-end",
+				children: /* @__PURE__ */ f(b, {
+					column: e,
+					label: U.columnAmount,
+					ariaLabel: U.sortByAmount
+				})
+			}),
+			cell: ({ row: e }) => /* @__PURE__ */ f("div", {
+				className: "ttw:text-right",
+				children: e.original.totalLabel
+			})
+		}
+	];
+	return /* @__PURE__ */ p("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [I, L && /* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ f("span", {
+							className: "ttw:text-muted-foreground",
+							children: U.bankAttributionPrefix
+						}), /* @__PURE__ */ f("img", {
+							width: 120,
+							src: L.logoSrc,
+							alt: L.logoAlt
+						})]
+					})]
+				}), /* @__PURE__ */ p("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [z && /* @__PURE__ */ f(a, { children: /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, {
+						asChild: !0,
+						children: /* @__PURE__ */ f(e, {
+							type: "button",
+							variant: "outline",
+							size: "lg",
+							"aria-label": U.settingsButton,
+							onClick: z,
+							children: /* @__PURE__ */ f(_, {
+								className: "ttw:size-4.5",
+								"aria-hidden": !0
+							})
+						})
+					}), /* @__PURE__ */ f(i, {
+						sideOffset: 4,
+						children: U.settingsButton
+					})] }) }), R && /* @__PURE__ */ f(e, {
+						size: "lg",
+						onClick: R,
+						children: U.createInvoiceButton
 					})]
-				}), /* @__PURE__ */ i("span", {
-					className: "ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
-					children: e.amountLabel
 				})]
+			}),
+			!g && M && N && /* @__PURE__ */ f(d, {
+				view: M,
+				onSelect: N,
+				labels: { all: U.statusCardsAll }
+			}),
+			g ? /* @__PURE__ */ f(c, {
+				icon: /* @__PURE__ */ f(v, { className: "ttw:size-8 ttw:text-primary" }),
+				title: U.accessRestrictedTitle,
+				description: U.accessRestrictedDescription
+			}) : h ? /* @__PURE__ */ f(c, {
+				title: U.errorTitle,
+				description: U.errorDescription,
+				retryLabel: V ? U.errorRetry : void 0,
+				onRetry: V
+			}) : /* @__PURE__ */ f(t, {
+				columns: W,
+				data: n,
+				isLoading: m,
+				sorting: S,
+				onSortingChange: C,
+				pageSize: w,
+				onPageSizeChange: T,
+				pageSizeOptions: E,
+				pageInfo: D,
+				hasNextPage: O,
+				hasPrevPage: k,
+				onNextPage: A,
+				onPrevPage: j,
+				onRowClick: B,
+				rowAriaLabel: (e) => U.openRow(e.documentLabel),
+				filterComponent: P,
+				children: /* @__PURE__ */ f(s, {
+					title: F ? U.filterEmptyTitle : U.emptyTitle,
+					description: F ? void 0 : U.emptyDescription,
+					actionLabel: F ? void 0 : U.createInvoiceButton,
+					onAction: F ? void 0 : R
+				})
 			})
-		}, e.value))]
+		]
 	});
 }
 //#endregion
-export { c as ReceivableStatusCards, c as default };
+export { S as ReceivablesScreen, S as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index58.js

@@ -1,194 +1,45 @@
-import { Button as e, DataTable as t, Skeleton as n, Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmptyState as s } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLES_SCREEN_LABELS_EN as l } from "./index14.js";
-import { ReceivableStatusBadge as u } from "./index25.js";
-import { ReceivableStatusCards as d } from "./index57.js";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ArrowDownIcon as m, ArrowUpDownIcon as h, ArrowUpIcon as g, CogIcon as _, LockKeyholeIcon as v } from "lucide-react";
+import { AlertDialog as e, AlertDialogContent as t, AlertDialogDescription as n, AlertDialogFooter as r, AlertDialogHeader as i, AlertDialogTitle as a, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { UNSAVED_INVOICE_DIALOG_LABELS_EN as s } from "./index14.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { XIcon as u } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index58.js
-var y = [
-	10,
-	25,
-	50,
-	100
-];
-function b({ label: t, ariaLabel: n, column: r }) {
-	let i = r.getIsSorted();
-	return /* @__PURE__ */ p("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ f(e, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": n,
-			onClick: () => r.toggleSorting(i === "asc"),
-			children: f(i === "asc" ? g : i === "desc" ? m : h, { className: "ttw:size-4" })
-		})]
-	});
-}
-function x({ row: e }) {
-	return e.customerState === "resolving" ? /* @__PURE__ */ f(n, { className: "ttw:h-4 ttw:w-full" }) : e.customerState === "missing" ? /* @__PURE__ */ f("span", {
-		className: "ttw:opacity-40",
-		children: e.customerLabel
-	}) : /* @__PURE__ */ f("span", { children: e.customerLabel });
-}
-function S({ rows: n, isLoading: m, isError: h, isAccessRestricted: g, sorting: S, onSortingChange: C, pageSize: w, onPageSizeChange: T, pageSizeOptions: E = y, pageInfo: D, hasNextPage: O, hasPrevPage: k, onNextPage: A, onPrevPage: j, statusCards: M, onStatusCardSelect: N, filterBar: P, isFiltering: F, headerStart: I, bankAttribution: L, onCreateClick: R, onSettingsClick: z, onRowClick: B, onRetry: V, labels: H }) {
-	let U = {
-		...l,
-		...H,
-		statusBadge: {
-			...l.statusBadge,
-			...H?.statusBadge
-		}
-	}, W = [
-		{
-			accessorKey: "dueDateLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ f(b, {
-				column: e,
-				label: U.columnDueDate,
-				ariaLabel: U.sortByDueDate
-			})
-		},
-		{
-			accessorKey: "status",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ f(b, {
-				column: e,
-				label: U.columnStatus,
-				ariaLabel: U.sortByStatus
-			}),
-			cell: ({ row: e }) => /* @__PURE__ */ f(u, {
-				status: e.original.status,
-				variant: "filled",
-				labels: U.statusBadge
-			})
+function d({ open: d, onSaveDraft: f, onDiscard: p, onCancel: m, isSaving: h, isSaveDraftDisabled: g, labels: _ }) {
+	let v = {
+		...s,
+		..._
+	};
+	return /* @__PURE__ */ c(e, {
+		open: d,
+		onOpenChange: (e) => {
+			!e && !h && m();
 		},
-		{
-			accessorKey: "documentLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ f(b, {
-				column: e,
-				label: U.columnNumber,
-				ariaLabel: U.sortByNumber
-			})
-		},
-		{
-			accessorKey: "customerLabel",
-			header: U.columnCustomer,
-			cell: ({ row: e }) => /* @__PURE__ */ f(x, { row: e.original }),
-			minSize: 180
-		},
-		{
-			accessorKey: "issueDateLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ f(b, {
-				column: e,
-				label: U.columnIssueDate,
-				ariaLabel: U.sortByIssueDate
-			})
-		},
-		{
-			accessorKey: "totalLabel",
-			enableSorting: !0,
-			header: ({ column: e }) => /* @__PURE__ */ f("div", {
-				className: "ttw:flex ttw:justify-end",
-				children: /* @__PURE__ */ f(b, {
-					column: e,
-					label: U.columnAmount,
-					ariaLabel: U.sortByAmount
-				})
-			}),
-			cell: ({ row: e }) => /* @__PURE__ */ f("div", {
-				className: "ttw:text-right",
-				children: e.original.totalLabel
-			})
-		}
-	];
-	return /* @__PURE__ */ p("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [
-			/* @__PURE__ */ p("div", {
-				className: "ttw:flex ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-2",
-					children: [I, L && /* @__PURE__ */ p("div", {
-						className: "ttw:flex ttw:items-center ttw:gap-2",
-						children: [/* @__PURE__ */ f("span", {
-							className: "ttw:text-muted-foreground",
-							children: U.bankAttributionPrefix
-						}), /* @__PURE__ */ f("img", {
-							width: 120,
-							src: L.logoSrc,
-							alt: L.logoAlt
-						})]
-					})]
-				}), /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:items-center ttw:gap-2",
-					children: [z && /* @__PURE__ */ f(a, { children: /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f(o, {
-						asChild: !0,
-						children: /* @__PURE__ */ f(e, {
-							type: "button",
-							variant: "outline",
-							size: "lg",
-							"aria-label": U.settingsButton,
-							onClick: z,
-							children: /* @__PURE__ */ f(_, {
-								className: "ttw:size-4.5",
-								"aria-hidden": !0
-							})
-						})
-					}), /* @__PURE__ */ f(i, {
-						sideOffset: 4,
-						children: U.settingsButton
-					})] }) }), R && /* @__PURE__ */ f(e, {
-						size: "lg",
-						onClick: R,
-						children: U.createInvoiceButton
-					})]
+		children: /* @__PURE__ */ l(t, { children: [
+			/* @__PURE__ */ l("button", {
+				type: "button",
+				onClick: m,
+				disabled: h,
+				className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2 ttw:disabled:pointer-events-none",
+				children: [/* @__PURE__ */ c(u, { className: "ttw:size-4" }), /* @__PURE__ */ c("span", {
+					className: "ttw:sr-only",
+					children: v.unsavedCloseButton
 				})]
 			}),
-			!g && M && N && /* @__PURE__ */ f(d, {
-				view: M,
-				onSelect: N,
-				labels: { all: U.statusCardsAll }
-			}),
-			g ? /* @__PURE__ */ f(c, {
-				icon: /* @__PURE__ */ f(v, { className: "ttw:size-8 ttw:text-primary" }),
-				title: U.accessRestrictedTitle,
-				description: U.accessRestrictedDescription
-			}) : h ? /* @__PURE__ */ f(c, {
-				title: U.errorTitle,
-				description: U.errorDescription,
-				retryLabel: V ? U.errorRetry : void 0,
-				onRetry: V
-			}) : /* @__PURE__ */ f(t, {
-				columns: W,
-				data: n,
-				isLoading: m,
-				sorting: S,
-				onSortingChange: C,
-				pageSize: w,
-				onPageSizeChange: T,
-				pageSizeOptions: E,
-				pageInfo: D,
-				hasNextPage: O,
-				hasPrevPage: k,
-				onNextPage: A,
-				onPrevPage: j,
-				onRowClick: B,
-				rowAriaLabel: (e) => U.openRow(e.documentLabel),
-				filterComponent: P,
-				children: /* @__PURE__ */ f(s, {
-					title: F ? U.filterEmptyTitle : U.emptyTitle,
-					description: F ? void 0 : U.emptyDescription,
-					actionLabel: F ? void 0 : U.createInvoiceButton,
-					onAction: F ? void 0 : R
-				})
-			})
-		]
+			/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(a, { children: v.unsavedTitle }), /* @__PURE__ */ c(n, { children: v.unsavedDescription })] }),
+			/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(o, {
+				type: "button",
+				variant: "outline",
+				onClick: p,
+				disabled: h,
+				children: v.unsavedDiscardButton
+			}), /* @__PURE__ */ c(o, {
+				type: "button",
+				loading: h,
+				disabled: h || g,
+				onClick: f,
+				children: v.unsavedSaveDraftButton
+			})] })
+		] })
 	});
 }
 //#endregion
-export { S as ReceivablesScreen, S as default };
+export { d as UnsavedInvoiceDialog, d as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js

@@ -1,9 +1,9 @@
 import { Button as e, DialogDescription as t, DialogFooter as n, DialogHeader as r, DialogTitle as i, Input as a, Label as o, Textarea as s, Typography as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Check as f } from "lucide-react";
+import { Check as f, Send as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js
-function p({ idPrefix: p, view: m, onSubjectChange: h, onMessageChange: g, onSkip: _, onSend: v, labels: y }) {
-	let b = `${p}-subject`, x = `${p}-message`;
+function m({ idPrefix: m, view: h, onSubjectChange: g, onMessageChange: _, onSkip: v, onSend: y, labels: b }) {
+	let x = `${m}-subject`, S = `${m}-message`;
 	return /* @__PURE__ */ d(l, { children: [
 		/* @__PURE__ */ u(r, {
 			className: "ttw:border-b ttw:border-border ttw:p-6",
@@ -11,12 +11,12 @@ function p({ idPrefix: p, view: m, onSubjectChange: h, onMessageChange: g, onSki
 				className: "ttw:flex ttw:items-center ttw:gap-4",
 				children: [/* @__PURE__ */ u("span", {
 					className: "ttw:flex ttw:size-10 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-emerald-200 ttw:bg-emerald-50",
-					children: /* @__PURE__ */ u(f, { className: "ttw:size-6 ttw:text-green-700" })
+					children: h.icon === "send" ? /* @__PURE__ */ u(p, { className: "ttw:size-6 ttw:text-green-700" }) : /* @__PURE__ */ u(f, { className: "ttw:size-6 ttw:text-green-700" })
 				}), /* @__PURE__ */ d("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ u(i, { children: m.title }), /* @__PURE__ */ u(t, {
+					children: [/* @__PURE__ */ u(i, { children: h.title }), /* @__PURE__ */ u(t, {
 						className: "ttw:text-xs",
-						children: y.issueDescription
+						children: b.issueDescription
 					})]
 				})]
 			})
@@ -30,57 +30,57 @@ function p({ idPrefix: p, view: m, onSubjectChange: h, onMessageChange: g, onSki
 						variant: "body2",
 						color: "muted",
 						className: "ttw:w-16 ttw:shrink-0",
-						children: y.toLabel
+						children: b.toLabel
 					}), /* @__PURE__ */ u(c, {
 						variant: "body2",
-						children: m.recipient
+						children: h.recipient
 					})]
 				}),
 				/* @__PURE__ */ d("div", {
 					className: "ttw:flex ttw:items-center ttw:gap-4",
 					children: [/* @__PURE__ */ u(o, {
-						htmlFor: b,
+						htmlFor: x,
 						className: "ttw:w-16 ttw:shrink-0 ttw:font-normal ttw:text-muted-foreground",
-						children: y.subjectLabel
+						children: b.subjectLabel
 					}), /* @__PURE__ */ u(a, {
-						id: b,
+						id: x,
 						className: "ttw:flex-1",
-						value: m.subject,
-						onChange: (e) => h(e.target.value),
-						disabled: m.inProgress
+						value: h.subject,
+						onChange: (e) => g(e.target.value),
+						disabled: h.inProgress
 					})]
 				}),
 				/* @__PURE__ */ d("div", {
 					className: "ttw:flex ttw:items-start ttw:gap-4",
 					children: [/* @__PURE__ */ u(o, {
-						htmlFor: x,
+						htmlFor: S,
 						className: "ttw:w-16 ttw:shrink-0 ttw:pt-2 ttw:font-normal ttw:text-muted-foreground",
-						children: y.messageLabel
+						children: b.messageLabel
 					}), /* @__PURE__ */ u(s, {
-						id: x,
+						id: S,
 						className: "ttw:flex-1",
-						value: m.message,
-						onChange: (e) => g(e.target.value),
-						placeholder: y.messagePlaceholder,
-						disabled: m.inProgress
+						value: h.message,
+						onChange: (e) => _(e.target.value),
+						placeholder: b.messagePlaceholder,
+						disabled: h.inProgress
 					})]
 				}),
-				m.attachments.length > 0 && /* @__PURE__ */ d("div", {
+				h.attachments.length > 0 && /* @__PURE__ */ d("div", {
 					className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pl-20",
 					children: [/* @__PURE__ */ d("div", {
 						className: "ttw:flex ttw:flex-col",
 						children: [/* @__PURE__ */ u(c, {
 							variant: "body2",
 							color: "muted",
-							children: y.attachmentsLabel
+							children: b.attachmentsLabel
 						}), /* @__PURE__ */ u(c, {
 							variant: "caption",
 							color: "muted",
-							children: y.attachmentsCaption
+							children: b.attachmentsCaption
 						})]
 					}), /* @__PURE__ */ u("ul", {
 						className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-						children: m.attachments.map((e) => /* @__PURE__ */ d("li", {
+						children: h.attachments.map((e) => /* @__PURE__ */ d("li", {
 							className: "ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1 ttw:text-sm ttw:font-medium",
 							children: [
 								e.name,
@@ -105,19 +105,19 @@ function p({ idPrefix: p, view: m, onSubjectChange: h, onMessageChange: g, onSki
 				type: "button",
 				variant: "outline",
 				className: "ttw:flex-1 ttw:border-border",
-				disabled: m.inProgress,
-				onClick: _,
-				children: y.skipButton
+				disabled: h.inProgress,
+				onClick: v,
+				children: h.dismissLabel
 			}), /* @__PURE__ */ u(e, {
 				type: "button",
 				className: "ttw:flex-1",
-				disabled: m.sendDisabled,
-				loading: m.inProgress,
-				onClick: v,
-				children: y.sendButton
+				disabled: h.sendDisabled,
+				loading: h.inProgress,
+				onClick: y,
+				children: b.sendButton
 			})]
 		})
 	] });
 }
 //#endregion
-export { p as ReceivableActionsModalIssueStep };
+export { m as ReceivableActionsModalIssueStep };

package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/ui/dist/index13.js

@@ -47,7 +47,8 @@ function m({ open: m, labels: h, accountNumber: g, isSubmitting: _, isActionDisa
 						className: "ttw:flex-1",
 						children: h.cancelButton
 					}), /* @__PURE__ */ u(t, {
-						className: "ttw:flex-1 ttw:bg-destructive ttw:text-destructive-foreground ttw:hover:bg-destructive/90",
+						variant: "destructive",
+						className: "ttw:flex-1",
 						disabled: v || _,
 						onClick: (e) => {
 							e.preventDefault(), x();

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.284", n = "5666e99cbc1699d2180e1a5d8611be45e397923e", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.286", n = "ff9e36b19a83b6e257eee8d7f5f9a046f204c441", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/packages/shared-ui-shadcn/dist/index.js

@@ -8434,7 +8434,7 @@ var wv = _v("ttw:inline-flex ttw:cursor-pointer ttw:items-center ttw:justify-cen
 	variants: {
 		variant: {
 			default: "ttw:bg-primary ttw:text-primary-foreground ttw:hover:bg-primary/90",
-			destructive: "ttw:bg-destructive ttw:text-white ttw:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
+			destructive: "ttw:bg-destructive ttw:text-destructive-foreground ttw:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
 			outline: "ttw:border ttw:border-border ttw:bg-background ttw:shadow-xs ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:dark:bg-input/30 ttw:dark:border-input ttw:dark:hover:bg-input/50",
 			secondary: "ttw:bg-secondary ttw:text-secondary-foreground ttw:hover:bg-secondary/80",
 			ghost: "ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:dark:hover:bg-accent/50",
@@ -8546,10 +8546,10 @@ function Iv({ className: e, ...t }) {
 		...t
 	});
 }
-function Lv({ className: e, ...t }) {
+function Lv({ variant: e, className: t, ...n }) {
 	return /* @__PURE__ */ _(Ka, {
-		className: J(wv(), e),
-		...t
+		className: J(wv({ variant: e }), t),
+		...n
 	});
 }
 function Rv({ className: e, ...t }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.284",
+  "version": "0.5.286",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {