@tesouro/embedded-components-react 0.5.200 → 0.5.202

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

@@ -1,344 +1,106 @@
-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 "./index2.js";
-import { ReceivableStatusBadge as v } from "./index4.js";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ArrowDownIcon as x, ArrowUpDownIcon as S, ArrowUpIcon as C, MoreHorizontalIcon as w, PlusIcon as T, SearchIcon as E, SettingsIcon as D } from "lucide-react";
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, RadioGroup as l, RadioGroupItem as u, Textarea as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_PAYMENT_DIALOG_LABELS_EN as f } from "./index2.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index17.js
-var O = [
-	10,
-	25,
-	50,
-	100
-], k = "all";
-function A({ label: t, ariaLabel: n, column: r }) {
-	let i = r.getIsSorted();
-	return /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
-		children: [t, /* @__PURE__ */ y(e, {
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": n,
-			onClick: () => r.toggleSorting(i === "asc"),
-			children: y(i === "asc" ? C : i === "desc" ? x : S, { className: "ttw:size-4" })
-		})]
-	});
-}
-function j({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
-	return /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
-		children: [/* @__PURE__ */ b("div", {
-			className: "ttw:relative ttw:w-80",
-			children: [/* @__PURE__ */ y(E, { 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__ */ y(o, {
-				className: "ttw:pl-9",
-				placeholder: e.searchPlaceholder,
-				value: t,
-				onChange: (e) => n(e.target.value)
-			})]
-		}), /* @__PURE__ */ b(s, {
-			value: r,
-			onValueChange: a,
-			children: [/* @__PURE__ */ y(u, {
-				"aria-label": e.columnStatus,
-				className: "ttw:w-48",
-				children: /* @__PURE__ */ y(d, {})
-			}), /* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(l, {
-				value: k,
-				children: e.statusFilterAll
-			}), i.map((t) => /* @__PURE__ */ y(l, {
-				value: t.value,
-				children: N(t, e.statusBadge)
-			}, t.value))] })]
-		})]
-	});
-}
-function M({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
-	return e ? /* @__PURE__ */ y(i, {
-		variant: o,
-		onClick: (e) => {
-			e.stopPropagation(), a(n, r);
-		},
-		children: t
+function h({ message: e }) {
+	return e ? /* @__PURE__ */ p("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
 	}) : null;
 }
-function N(e, t) {
-	return t[e.value] ?? e.label;
-}
-function P({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: x, pageSize: S, onPageSizeChange: C, pageSizeOptions: E = O, pageInfo: k, hasNextPage: N, hasPrevPage: P, onNextPage: F, onPrevPage: I, searchValue: L, onSearchChange: R, statusFilter: z, statusOptions: B, onStatusFilterChange: V, isFiltering: H, onCreateClick: U, onTemplateSettingsClick: W, onRowClick: G, onActionClick: K, onRetry: q, labels: J }) {
-	let Y = {
-		..._,
-		...J,
-		statusBadge: {
-			..._.statusBadge,
-			...J?.statusBadge
-		}
+function g({ open: g, onOpenChange: _, values: v, errors: y, inProgress: b, onChange: x, onSubmit: S, onCancel: C, labels: w }) {
+	let T = {
+		...f,
+		...w
 	};
-	return /* @__PURE__ */ b("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-4",
-		children: [/* @__PURE__ */ b("div", {
-			className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-			children: [/* @__PURE__ */ y("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-3",
-				children: /* @__PURE__ */ y(f, {
-					value: o,
-					onValueChange: (e) => c(e),
-					children: /* @__PURE__ */ b(p, { children: [
-						s.includes("invoices") && /* @__PURE__ */ y(m, {
-							value: "invoices",
-							children: Y.tabInvoices
-						}),
-						s.includes("quotes") && /* @__PURE__ */ y(m, {
-							value: "quotes",
-							children: Y.tabQuotes
-						}),
-						s.includes("credit_notes") && /* @__PURE__ */ y(m, {
-							value: "credit_notes",
-							children: Y.tabCreditNotes
-						})
-					] })
-				})
-			}), /* @__PURE__ */ b("div", {
-				className: "ttw:flex ttw:items-center ttw:gap-2",
-				children: [W && /* @__PURE__ */ b(e, {
-					variant: "outline",
-					onClick: W,
-					children: [/* @__PURE__ */ y(D, { className: "ttw:size-4" }), Y.templateSettingsButton]
-				}), /* @__PURE__ */ b(e, {
-					onClick: U,
-					children: [/* @__PURE__ */ y(T, { className: "ttw:size-4" }), Y.createButton]
-				})]
-			})]
-		}), u ? /* @__PURE__ */ y(g, {
-			title: Y.errorTitle,
-			description: Y.errorDescription,
-			retryLabel: q ? Y.errorRetry : void 0,
-			onRetry: q
-		}) : /* @__PURE__ */ y(t, {
-			columns: [
-				{
-					accessorKey: "documentLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnDocument,
-						ariaLabel: Y.sortByDocument
+	return /* @__PURE__ */ p(t, {
+		open: g,
+		onOpenChange: _,
+		children: /* @__PURE__ */ m(n, { children: [
+			/* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(o, { children: T.title }), /* @__PURE__ */ p(r, { children: T.description })] }),
+			/* @__PURE__ */ m("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [
+					y?.form && /* @__PURE__ */ p("p", {
+						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+						children: y.form
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ b("div", {
-						className: "ttw:flex ttw:flex-col ttw:gap-1",
-						children: [/* @__PURE__ */ y("span", {
-							className: "ttw:font-medium",
-							children: e.original.documentLabel
-						}), /* @__PURE__ */ y("span", {
-							className: "ttw:text-xs ttw:text-muted-foreground",
-							children: e.original.type === "credit_note" ? Y.tabCreditNotes : e.original.type === "quote" ? Y.tabQuotes : Y.tabInvoices
+					/* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [/* @__PURE__ */ p(c, { children: T.modeLabel }), /* @__PURE__ */ m(l, {
+							className: "ttw:flex ttw:flex-row ttw:gap-6",
+							value: v.mode,
+							onValueChange: (e) => x({ mode: e }),
+							children: [/* @__PURE__ */ m("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(u, {
+									value: "full",
+									id: "receivable-payment-full"
+								}), /* @__PURE__ */ p(c, {
+									htmlFor: "receivable-payment-full",
+									children: T.fullPayment
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "ttw:flex ttw:items-center ttw:gap-2",
+								children: [/* @__PURE__ */ p(u, {
+									value: "partial",
+									id: "receivable-payment-partial"
+								}), /* @__PURE__ */ p(c, {
+									htmlFor: "receivable-payment-partial",
+									children: T.partialPayment
+								})]
+							})]
 						})]
 					}),
-					minSize: 180
-				},
-				{
-					accessorKey: "customerLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnCustomer,
-						ariaLabel: Y.sortByCustomer
+					v.mode === "partial" && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.amountPaidLabel }),
+							/* @__PURE__ */ p(s, {
+								inputMode: "decimal",
+								value: v.amountPaid,
+								onChange: (e) => x({ amountPaid: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.amountPaid })
+						]
 					}),
-					minSize: 180
-				},
-				{
-					accessorKey: "status",
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnStatus,
-						ariaLabel: Y.sortByStatus
+					v.mode === "full" && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.paidAtLabel }),
+							/* @__PURE__ */ p(s, {
+								type: "date",
+								value: v.paidAt,
+								onChange: (e) => x({ paidAt: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.paidAt })
+						]
 					}),
-					cell: ({ row: e }) => /* @__PURE__ */ y(v, {
-						status: e.original.status,
-						tone: e.original.statusTone,
-						labels: Y.statusBadge
-					})
-				},
-				{
-					accessorKey: "issueDateLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnIssueDate,
-						ariaLabel: Y.sortByIssueDate
-					})
-				},
-				{
-					accessorKey: "dueDateLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnDueDate,
-						ariaLabel: Y.sortByDueDate
+					/* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ p(c, { children: T.commentLabel }),
+							/* @__PURE__ */ p(d, {
+								rows: 3,
+								value: v.comment,
+								onChange: (e) => x({ comment: e.target.value })
+							}),
+							/* @__PURE__ */ p(h, { message: y?.comment })
+						]
 					})
-				},
-				{
-					accessorKey: "totalLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:justify-end",
-						children: /* @__PURE__ */ y(A, {
-							column: e,
-							label: Y.columnTotal,
-							ariaLabel: Y.sortByTotal
-						})
-					}),
-					cell: ({ row: e }) => /* @__PURE__ */ y("div", {
-						className: "ttw:text-right",
-						children: e.original.totalLabel
-					})
-				},
-				{
-					accessorKey: "amountDueLabel",
-					header: () => /* @__PURE__ */ y("div", {
-						className: "ttw:text-right",
-						children: Y.columnAmountDue
-					}),
-					cell: ({ row: e }) => /* @__PURE__ */ y("div", {
-						className: "ttw:text-right",
-						children: e.original.amountDueLabel
-					})
-				},
-				{
-					id: "actions",
-					header: () => /* @__PURE__ */ y("span", {
-						className: "ttw:sr-only",
-						children: Y.columnActions
-					}),
-					cell: ({ row: t }) => /* @__PURE__ */ y("div", {
-						className: "ttw:flex ttw:justify-end",
-						children: /* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(a, {
-							asChild: !0,
-							children: /* @__PURE__ */ y(e, {
-								variant: "ghost",
-								size: "icon-sm",
-								"aria-label": Y.columnActions,
-								onClick: (e) => e.stopPropagation(),
-								children: /* @__PURE__ */ y(w, { className: "ttw:size-4" })
-							})
-						}), /* @__PURE__ */ b(r, {
-							align: "end",
-							children: [
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.edit,
-									label: Y.actionEdit,
-									action: "edit",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.issue,
-									label: Y.actionIssue,
-									action: "issue",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.send,
-									label: Y.actionSend,
-									action: "send",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.recordPayment,
-									label: Y.actionRecordPayment,
-									action: "recordPayment",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.markPaid,
-									label: Y.actionMarkPaid,
-									action: "markPaid",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.markUncollectible,
-									label: Y.actionMarkUncollectible,
-									action: "markUncollectible",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.accept,
-									label: Y.actionAccept,
-									action: "accept",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.decline,
-									label: Y.actionDecline,
-									action: "decline",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.cancel,
-									label: Y.actionCancel,
-									action: "cancel",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.clone,
-									label: Y.actionClone,
-									action: "clone",
-									row: t.original,
-									onActionClick: K
-								}),
-								/* @__PURE__ */ y(M, {
-									enabled: t.original.actions.delete,
-									label: Y.actionDelete,
-									action: "delete",
-									row: t.original,
-									onActionClick: K,
-									variant: "destructive"
-								})
-							]
-						})] })
-					}),
-					size: 72
-				}
-			],
-			data: i,
-			isLoading: l,
-			sorting: d,
-			onSortingChange: x,
-			pageSize: S,
-			onPageSizeChange: C,
-			pageSizeOptions: E,
-			pageInfo: k,
-			hasNextPage: N,
-			hasPrevPage: P,
-			onNextPage: F,
-			onPrevPage: I,
-			onRowClick: G,
-			rowAriaLabel: (e) => Y.openRow(e.documentLabel),
-			filterComponent: /* @__PURE__ */ y(j, {
-				labels: Y,
-				searchValue: L,
-				onSearchChange: R,
-				statusFilter: z,
-				statusOptions: B,
-				onStatusFilterChange: V
+				]
 			}),
-			children: /* @__PURE__ */ y(h, {
-				title: H ? Y.filterEmptyTitle : Y.emptyTitle,
-				description: H ? Y.filterEmptyDescription : Y.emptyDescription,
-				actionLabel: H ? void 0 : Y.emptyAction,
-				onAction: H ? void 0 : U
-			})
-		})]
+			/* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(e, {
+				variant: "ghost",
+				onClick: C,
+				children: T.cancelButton
+			}), /* @__PURE__ */ p(e, {
+				loading: b,
+				onClick: S,
+				children: T.submitButton
+			})] })
+		] })
 	});
 }
 //#endregion
-export { P as ReceivablesScreen, P as default };
+export { g as ReceivablePaymentDialog, g as default };

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

@@ -0,0 +1,93 @@
+import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Input as s, Label as c, Textarea as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_SEND_DIALOG_LABELS_EN as u } from "./index2.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js
+function p({ message: e }) {
+	return e ? /* @__PURE__ */ d("p", {
+		className: "ttw:text-sm ttw:text-destructive",
+		children: e
+	}) : null;
+}
+function m({ open: m, onOpenChange: h, values: g, errors: _, inProgress: v, onChange: y, onSubmit: b, onCancel: x, labels: S }) {
+	let C = {
+		...u,
+		...S
+	};
+	return /* @__PURE__ */ d(t, {
+		open: m,
+		onOpenChange: h,
+		children: /* @__PURE__ */ f(n, { children: [
+			/* @__PURE__ */ f(a, { children: [/* @__PURE__ */ d(o, { children: C.title }), /* @__PURE__ */ d(r, { children: C.description })] }),
+			/* @__PURE__ */ f("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4",
+				children: [
+					_?.form && /* @__PURE__ */ d("p", {
+						className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+						children: _.form
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ d(c, { children: C.toLabel }),
+							/* @__PURE__ */ d(s, {
+								value: g.to,
+								onChange: (e) => y({ to: e.target.value })
+							}),
+							/* @__PURE__ */ d(p, { message: _?.to })
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
+						children: [/* @__PURE__ */ f("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ d(c, { children: C.ccLabel }), /* @__PURE__ */ d(s, {
+								value: g.cc,
+								onChange: (e) => y({ cc: e.target.value })
+							})]
+						}), /* @__PURE__ */ f("div", {
+							className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+							children: [/* @__PURE__ */ d(c, { children: C.bccLabel }), /* @__PURE__ */ d(s, {
+								value: g.bcc,
+								onChange: (e) => y({ bcc: e.target.value })
+							})]
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ d(c, { children: C.subjectLabel }),
+							/* @__PURE__ */ d(s, {
+								value: g.subject,
+								onChange: (e) => y({ subject: e.target.value })
+							}),
+							/* @__PURE__ */ d(p, { message: _?.subject })
+						]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1.5",
+						children: [
+							/* @__PURE__ */ d(c, { children: C.bodyLabel }),
+							/* @__PURE__ */ d(l, {
+								rows: 6,
+								value: g.body,
+								onChange: (e) => y({ body: e.target.value })
+							}),
+							/* @__PURE__ */ d(p, { message: _?.body })
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(e, {
+				variant: "ghost",
+				onClick: x,
+				children: C.cancelButton
+			}), /* @__PURE__ */ d(e, {
+				loading: v,
+				onClick: b,
+				children: C.sendButton
+			})] })
+		] })
+	});
+}
+//#endregion
+export { m as ReceivableSendDialog, m as default };