@tesouro/embedded-components-react 0.5.267 → 0.5.270

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

@@ -0,0 +1,194 @@
+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 "./index13.js";
+import { ReceivableStatusBadge as u } from "./index22.js";
+import { ReceivableStatusCards as d } from "./index54.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/index55.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
+			})
+		},
+		{
+			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
+					})]
+				})]
+			}),
+			!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
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { S as ReceivablesScreen, S as default };

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

@@ -0,0 +1,45 @@
+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 "./index13.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/index56.js
+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();
+		},
+		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
+				})]
+			}),
+			/* @__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 { d as UnsavedInvoiceDialog, d as default };

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.267", n = "4e79513224c1bbb2748034f67f0d182b5597cb34", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.270", n = "14d67aa3ec857ae8a2662771ba272c4b58d32192", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

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

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

@@ -1,100 +0,0 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Field as s, FieldContent as c, FieldLabel as l, Input as u, InputTags as d, Textarea as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as m } from "./index12.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index45.js
-function _({ idPrefix: _, view: v, onOpenChange: y, onChange: b, onSave: x, labels: S }) {
-	let C = {
-		...m,
-		...S
-	}, w = {
-		to: `${_}-recipients-to`,
-		cc: `${_}-recipients-cc`,
-		bcc: `${_}-recipients-bcc`,
-		subject: `${_}-subject`,
-		message: `${_}-message`
-	};
-	return /* @__PURE__ */ h(t, {
-		open: v.open,
-		onOpenChange: y,
-		children: /* @__PURE__ */ g(n, {
-			className: "ttw:sm:max-w-lg",
-			children: [/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(o, { children: C.recurrenceEmailTitle }), /* @__PURE__ */ h(r, { children: C.recurrenceEmailDescription })] }), v.ready && /* @__PURE__ */ g("form", {
-				className: "ttw:flex ttw:flex-col ttw:gap-4",
-				onSubmit: (e) => {
-					e.preventDefault(), e.stopPropagation(), v.saveDisabled || x();
-				},
-				children: [
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.to,
-						children: C.recurrenceEmailTo
-					}), /* @__PURE__ */ h(d, {
-						id: w.to,
-						value: v.to,
-						onChange: (e) => b("to", e),
-						inputValue: v.toInput,
-						onInputValueChange: (e) => b("toInput", e),
-						removeTagLabel: v.removeRecipientLabel,
-						placeholder: v.showToPlaceholder ? C.recurrenceEmailRecipientPlaceholder : void 0
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.cc,
-						children: C.recurrenceEmailCc
-					}), /* @__PURE__ */ h(d, {
-						id: w.cc,
-						value: v.cc,
-						onChange: (e) => b("cc", e),
-						inputValue: v.ccInput,
-						onInputValueChange: (e) => b("ccInput", e),
-						removeTagLabel: v.removeRecipientLabel
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.bcc,
-						children: C.recurrenceEmailBcc
-					}), /* @__PURE__ */ h(d, {
-						id: w.bcc,
-						value: v.bcc,
-						onChange: (e) => b("bcc", e),
-						inputValue: v.bccInput,
-						onInputValueChange: (e) => b("bccInput", e),
-						removeTagLabel: v.removeRecipientLabel
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.subject,
-						children: C.recurrenceEmailSubject
-					}), /* @__PURE__ */ h(u, {
-						id: w.subject,
-						value: v.subject,
-						onChange: (e) => b("subject", e.target.value)
-					})] }) }),
-					/* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
-						htmlFor: w.message,
-						children: C.recurrenceEmailMessage
-					}), /* @__PURE__ */ h(f, {
-						id: w.message,
-						rows: 5,
-						placeholder: C.recurrenceEmailMessagePlaceholder,
-						value: v.message,
-						onChange: (e) => b("message", e.target.value)
-					})] }) }),
-					/* @__PURE__ */ h(p, {
-						variant: "caption",
-						color: "muted",
-						children: C.recurrenceEmailFootnote
-					}),
-					/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(e, {
-						type: "button",
-						variant: "outline",
-						onClick: () => y(!1),
-						children: C.recurrenceEmailCancel
-					}), /* @__PURE__ */ h(e, {
-						type: "submit",
-						disabled: v.saveDisabled,
-						children: C.recurrenceEmailSave
-					})] })
-				]
-			})]
-		})
-	});
-}
-//#endregion
-export { _ as ReceivableRecurrenceEmailDialog, _ as default };