@tesouro/embedded-components-react 0.5.227 → 0.5.230

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

@@ -0,0 +1,59 @@
+import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index9.js";
+import { ReceivableStatusBadge as r } from "./index18.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.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
+	});
+}
+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,
+						tone: e.statusTone
+					}), /* @__PURE__ */ i("span", {
+						className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
+						children: e.countLabel
+					})]
+				}), /* @__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
+				})]
+			})
+		}, e.value))]
+	});
+}
+//#endregion
+export { c as ReceivableStatusCards, c as default };

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

@@ -0,0 +1,353 @@
+import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as h } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/index.js";
+import { RECEIVABLES_SCREEN_LABELS_EN as _ } from "./index9.js";
+import { ReceivableStatusBadge as v } from "./index18.js";
+import { ReceivableStatusCards as y } from "./index41.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ArrowDownIcon as S, ArrowUpDownIcon as C, ArrowUpIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index42.js
+var k = [
+	10,
+	25,
+	50,
+	100
+], A = "all";
+function j({ label: t, ariaLabel: n, column: r }) {
+	let i = r.getIsSorted();
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
+		children: [t, /* @__PURE__ */ b(e, {
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": n,
+			onClick: () => r.toggleSorting(i === "asc"),
+			children: b(i === "asc" ? w : i === "desc" ? S : C, { className: "ttw:size-4" })
+		})]
+	});
+}
+function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
+		children: [/* @__PURE__ */ x("div", {
+			className: "ttw:relative ttw:w-80",
+			children: [/* @__PURE__ */ b(D, { 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__ */ b(o, {
+				className: "ttw:pl-9",
+				placeholder: e.searchPlaceholder,
+				value: t,
+				onChange: (e) => n(e.target.value)
+			})]
+		}), /* @__PURE__ */ x(s, {
+			value: r,
+			onValueChange: a,
+			children: [/* @__PURE__ */ b(u, {
+				"aria-label": e.columnStatus,
+				className: "ttw:w-48",
+				children: /* @__PURE__ */ b(d, {})
+			}), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
+				value: A,
+				children: e.statusFilterAll
+			}), i.map((t) => /* @__PURE__ */ b(l, {
+				value: t.value,
+				children: P(t, e.statusBadge)
+			}, t.value))] })]
+		})]
+	});
+}
+function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
+	return e ? /* @__PURE__ */ b(i, {
+		variant: o,
+		onClick: (e) => {
+			e.stopPropagation(), a(n, r);
+		},
+		children: t
+	}) : null;
+}
+function P(e, t) {
+	return t[e.value] ?? e.label;
+}
+function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: S, pageSize: C, onPageSizeChange: w, pageSizeOptions: D = k, pageInfo: A, hasNextPage: P, hasPrevPage: F, onNextPage: I, onPrevPage: L, searchValue: R, onSearchChange: z, statusFilter: B, statusOptions: V, onStatusFilterChange: H, statusCards: U, onStatusCardSelect: W, isFiltering: G, onCreateClick: K, onTemplateSettingsClick: q, onRowClick: J, onActionClick: Y, onRetry: X, labels: Z }) {
+	let Q = {
+		..._,
+		...Z,
+		statusBadge: {
+			..._.statusBadge,
+			...Z?.statusBadge
+		}
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4",
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-3",
+					children: /* @__PURE__ */ b(f, {
+						value: o,
+						onValueChange: (e) => c(e),
+						children: /* @__PURE__ */ x(p, { children: [
+							s.includes("invoices") && /* @__PURE__ */ b(m, {
+								value: "invoices",
+								children: Q.tabInvoices
+							}),
+							s.includes("quotes") && /* @__PURE__ */ b(m, {
+								value: "quotes",
+								children: Q.tabQuotes
+							}),
+							s.includes("credit_notes") && /* @__PURE__ */ b(m, {
+								value: "credit_notes",
+								children: Q.tabCreditNotes
+							})
+						] })
+					})
+				}), /* @__PURE__ */ x("div", {
+					className: "ttw:flex ttw:items-center ttw:gap-2",
+					children: [q && /* @__PURE__ */ x(e, {
+						variant: "outline",
+						onClick: q,
+						children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), Q.templateSettingsButton]
+					}), /* @__PURE__ */ x(e, {
+						onClick: K,
+						children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), Q.createButton]
+					})]
+				})]
+			}),
+			U && W && /* @__PURE__ */ b(y, {
+				view: U,
+				onSelect: W,
+				labels: { all: Q.statusCardsAll }
+			}),
+			u ? /* @__PURE__ */ b(g, {
+				title: Q.errorTitle,
+				description: Q.errorDescription,
+				retryLabel: X ? Q.errorRetry : void 0,
+				onRetry: X
+			}) : /* @__PURE__ */ b(t, {
+				columns: [
+					{
+						accessorKey: "documentLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: Q.columnDocument,
+							ariaLabel: Q.sortByDocument
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ x("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1",
+							children: [/* @__PURE__ */ b("span", {
+								className: "ttw:font-medium",
+								children: e.original.documentLabel
+							}), /* @__PURE__ */ b("span", {
+								className: "ttw:text-xs ttw:text-muted-foreground",
+								children: e.original.type === "credit_note" ? Q.tabCreditNotes : e.original.type === "quote" ? Q.tabQuotes : Q.tabInvoices
+							})]
+						}),
+						minSize: 180
+					},
+					{
+						accessorKey: "customerLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: Q.columnCustomer,
+							ariaLabel: Q.sortByCustomer
+						}),
+						minSize: 180
+					},
+					{
+						accessorKey: "status",
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: Q.columnStatus,
+							ariaLabel: Q.sortByStatus
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b(v, {
+							status: e.original.status,
+							tone: e.original.statusTone,
+							labels: Q.statusBadge
+						})
+					},
+					{
+						accessorKey: "issueDateLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: Q.columnIssueDate,
+							ariaLabel: Q.sortByIssueDate
+						})
+					},
+					{
+						accessorKey: "dueDateLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b(j, {
+							column: e,
+							label: Q.columnDueDate,
+							ariaLabel: Q.sortByDueDate
+						})
+					},
+					{
+						accessorKey: "totalLabel",
+						enableSorting: !0,
+						header: ({ column: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: /* @__PURE__ */ b(j, {
+								column: e,
+								label: Q.columnTotal,
+								ariaLabel: Q.sortByTotal
+							})
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: e.original.totalLabel
+						})
+					},
+					{
+						accessorKey: "amountDueLabel",
+						header: () => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: Q.columnAmountDue
+						}),
+						cell: ({ row: e }) => /* @__PURE__ */ b("div", {
+							className: "ttw:text-right",
+							children: e.original.amountDueLabel
+						})
+					},
+					{
+						id: "actions",
+						header: () => /* @__PURE__ */ b("span", {
+							className: "ttw:sr-only",
+							children: Q.columnActions
+						}),
+						cell: ({ row: t }) => /* @__PURE__ */ b("div", {
+							className: "ttw:flex ttw:justify-end",
+							children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
+								asChild: !0,
+								children: /* @__PURE__ */ b(e, {
+									variant: "ghost",
+									size: "icon-sm",
+									"aria-label": Q.columnActions,
+									onClick: (e) => e.stopPropagation(),
+									children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
+								})
+							}), /* @__PURE__ */ x(r, {
+								align: "end",
+								children: [
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.edit,
+										label: Q.actionEdit,
+										action: "edit",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.issue,
+										label: Q.actionIssue,
+										action: "issue",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.send,
+										label: Q.actionSend,
+										action: "send",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.recordPayment,
+										label: Q.actionRecordPayment,
+										action: "recordPayment",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.markPaid,
+										label: Q.actionMarkPaid,
+										action: "markPaid",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.markUncollectible,
+										label: Q.actionMarkUncollectible,
+										action: "markUncollectible",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.accept,
+										label: Q.actionAccept,
+										action: "accept",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.decline,
+										label: Q.actionDecline,
+										action: "decline",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.cancel,
+										label: Q.actionCancel,
+										action: "cancel",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.clone,
+										label: Q.actionClone,
+										action: "clone",
+										row: t.original,
+										onActionClick: Y
+									}),
+									/* @__PURE__ */ b(N, {
+										enabled: t.original.actions.delete,
+										label: Q.actionDelete,
+										action: "delete",
+										row: t.original,
+										onActionClick: Y,
+										variant: "destructive"
+									})
+								]
+							})] })
+						}),
+						size: 72
+					}
+				],
+				data: i,
+				isLoading: l,
+				sorting: d,
+				onSortingChange: S,
+				pageSize: C,
+				onPageSizeChange: w,
+				pageSizeOptions: D,
+				pageInfo: A,
+				hasNextPage: P,
+				hasPrevPage: F,
+				onNextPage: I,
+				onPrevPage: L,
+				onRowClick: J,
+				rowAriaLabel: (e) => Q.openRow(e.documentLabel),
+				filterComponent: /* @__PURE__ */ b(M, {
+					labels: Q,
+					searchValue: R,
+					onSearchChange: z,
+					statusFilter: B,
+					statusOptions: V,
+					onStatusFilterChange: H
+				}),
+				children: /* @__PURE__ */ b(h, {
+					title: G ? Q.filterEmptyTitle : Q.emptyTitle,
+					description: G ? Q.filterEmptyDescription : Q.emptyDescription,
+					actionLabel: G ? void 0 : Q.emptyAction,
+					onAction: G ? void 0 : K
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { F as ReceivablesScreen, F as default };

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

@@ -1,34 +1,40 @@
-import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_ACTION_DIALOG_LABELS_EN as s } from "./index4.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Dialog as e, DialogContent as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_ACTIONS_MODAL_LABELS_EN as n } from "./index2.js";
+import { ReceivableActionsModalIssueStep as r } from "./index3.js";
+import { ReceivableActionsModalProductsStep as i } from "./index4.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js
-function u({ open: u, onOpenChange: d, title: f, description: p, confirmLabel: m, destructive: h, error: g, inProgress: _, onConfirm: v, onCancel: y, labels: b }) {
-	let x = {
-		...s,
-		...b
+function s({ idPrefix: s, open: c, view: l, onSkip: u, onSubjectChange: d, onMessageChange: f, onSend: p, onToggleItem: m, onToggleAll: h, onAllSelectedChange: g, onSaveItems: _, labels: v }) {
+	let y = {
+		...n,
+		...v
 	};
-	return /* @__PURE__ */ c(t, {
-		open: u,
-		onOpenChange: d,
-		children: /* @__PURE__ */ l(n, { children: [
-			/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: f }), /* @__PURE__ */ c(r, { children: p })] }),
-			g && /* @__PURE__ */ c("p", {
-				role: "alert",
-				className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
-				children: g
-			}),
-			/* @__PURE__ */ l(i, { children: [/* @__PURE__ */ c(e, {
-				variant: "ghost",
-				onClick: y,
-				children: x.cancelButton
-			}), /* @__PURE__ */ c(e, {
-				variant: h ? "destructive" : "default",
-				loading: _,
-				onClick: v,
-				children: m ?? x.confirmButton
-			})] })
-		] })
+	return /* @__PURE__ */ a(e, {
+		open: c && !!l,
+		onOpenChange: (e) => {
+			e || u();
+		},
+		children: /* @__PURE__ */ o(t, {
+			className: "ttw:gap-0 ttw:p-0 ttw:max-w-178 ttw:sm:max-w-178",
+			children: [l?.step === "issue" && /* @__PURE__ */ a(r, {
+				idPrefix: s,
+				view: l,
+				onSubjectChange: d,
+				onMessageChange: f,
+				onSkip: u,
+				onSend: p,
+				labels: y
+			}), l?.step === "products" && /* @__PURE__ */ a(i, {
+				view: l,
+				onToggleItem: m,
+				onToggleAll: h,
+				onAllSelectedChange: g,
+				onSkip: u,
+				onSave: _,
+				labels: y
+			})]
+		})
 	});
 }
 //#endregion
-export { u as ReceivableActionDialog, u as default };
+export { s as ReceivableActionsModal };