@tesouro/embedded-components-react 0.5.219 → 0.5.222

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.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 "./index4.js";
+import { ReceivableStatusBadge as v } from "./index13.js";
+import { ReceivableStatusCards as y } from "./index37.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/index38.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/index4.js

@@ -17,11 +17,12 @@ var r = {
 	canceled: "Cancelled",
 	deleted: "Deleted",
 	unknown: "Unknown"
-}, i = {
+}, i = { all: "All invoices" }, a = {
 	createButton: "Create",
 	templateSettingsButton: "Template settings",
 	searchPlaceholder: "Search by number or customer",
 	statusFilterAll: "All statuses",
+	statusCardsAll: "All invoices",
 	tabInvoices: "Invoices",
 	tabQuotes: "Quotes",
 	tabCreditNotes: "Credit notes",
@@ -60,7 +61,7 @@ var r = {
 	errorDescription: "Something went wrong while fetching receivables. Please try again.",
 	errorRetry: "Try again",
 	statusBadge: r
-}, a = {
+}, o = {
 	...e,
 	...n,
 	...t,
@@ -152,7 +153,7 @@ var r = {
 	reminderAddTermButton: "Add",
 	reminderClearButton: "Clear",
 	reminderSaveButton: "Save"
-}, o = {
+}, s = {
 	hiddenDescription: "Receivable details",
 	loadingTitle: "Loading...",
 	errorTitle: "Receivable not found",
@@ -181,7 +182,7 @@ var r = {
 	cloneButton: "Clone",
 	deleteButton: "Delete",
 	statusBadge: r
-}, s = {
+}, c = {
 	title: "Send receivable",
 	description: "Send this document to the customer by email.",
 	toLabel: "To",
@@ -191,7 +192,7 @@ var r = {
 	bodyLabel: "Message",
 	cancelButton: "Cancel",
 	sendButton: "Send"
-}, c = {
+}, l = {
 	title: "Record payment",
 	description: "Record a full or partial invoice payment.",
 	modeLabel: "Payment type",
@@ -202,9 +203,9 @@ var r = {
 	commentLabel: "Comment",
 	cancelButton: "Cancel",
 	submitButton: "Record payment"
-}, l = {
+}, u = {
 	cancelButton: "Cancel",
 	confirmButton: "Confirm"
 };
 //#endregion
-export { i as RECEIVABLES_SCREEN_LABELS_EN, l as RECEIVABLE_ACTION_DIALOG_LABELS_EN, o as RECEIVABLE_DETAILS_SHEET_LABELS_EN, a as RECEIVABLE_FORM_SHEET_LABELS_EN, c as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, s as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN };
+export { a as RECEIVABLES_SCREEN_LABELS_EN, u as RECEIVABLE_ACTION_DIALOG_LABELS_EN, s as RECEIVABLE_DETAILS_SHEET_LABELS_EN, o as RECEIVABLE_FORM_SHEET_LABELS_EN, l as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, c as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN };

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

@@ -8,17 +8,17 @@ import { useEmbedApi as n } from "./EmbedApiContext.js";
 import { organizationHeaders as r } from "./organizationHeaders.js";
 import { useQuery as i } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/useMyEntityQuery.js
-function a() {
-	let { client: a, organizationId: o, widgetToken: s, authEpoch: c, organizationPending: l } = n(), u = !!(o && s), d = e({
-		client: a,
-		headers: r(o)
+function a({ enabled: a } = {}) {
+	let { client: o, organizationId: s, widgetToken: c, authEpoch: l, organizationPending: u } = n(), d = !!(s && c) && (a === !0 || a === void 0), f = e({
+		client: o,
+		headers: r(s)
 	});
 	return i({
-		...t(d, {
-			authEpoch: c,
-			organizationPending: l
+		...t(f, {
+			authEpoch: l,
+			organizationPending: u
 		}),
-		enabled: u
+		enabled: d
 	});
 }
 //#endregion

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.219", n = "ad7dbbe6146c90a8cb27fa1c096c71bd10d3b898", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.222", n = "99349cbde3681225e5adc0077b1755ab92dd7761", 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.219",
+  "version": "0.5.222",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.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 "./index3.js";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.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 };