@tesouro/embedded-components-react 0.5.219 → 0.5.222

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

@@ -1,344 +1,236 @@
-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 { 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, DatePicker as t, FieldError as n, Input as r, Label as i, Select as a, SelectContent as o, SelectItem as s, SelectSeparator as c, SelectTrigger as l, SelectValue as u, Typography as d, cn as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_RECURRENCE_SECTION_LABELS_EN as p } from "./index3.js";
+import { CreationModeOption as m } from "./index32.js";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.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
-	}) : 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
-		}
-	};
-	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
+var v = "ttw:text-sm ttw:font-normal ttw:text-nowrap ttw:text-muted-foreground";
+function y({ idPrefix: y, view: b, disabled: x, onFrequencyChange: S, onMonthDayChange: C, onWeekdayChange: w, onStartDateChange: T, onEndModeChange: E, onEndDateChange: D, onMaxOccurrencesChange: O, onCreationModeChange: k, onSetUpEmailClick: A, emailDialog: j, labels: M }) {
+	let N = {
+		...p,
+		...M
+	}, P = {
+		frequency: `${y}-frequency`,
+		monthDay: `${y}-issue-mode`,
+		startDate: `${y}-start-date`,
+		endMode: `${y}-end-mode`,
+		endDate: `${y}-end-date`,
+		occurrences: `${y}-max-occurrences`,
+		creationMode: `${y}-automation-level`,
+		emailError: `${y}-email-error`
+	}, { schedule: F, creationMode: I } = b, L = (e, n, r) => /* @__PURE__ */ g("div", {
+		className: "ttw:w-44",
+		children: /* @__PURE__ */ g(t, {
+			id: e,
+			value: n.value,
+			onChange: r,
+			placeholder: N.recurrenceDatePlaceholder,
+			disabled: x || n.disabled,
+			minDate: n.minDate,
+			maxDate: n.maxDate,
+			defaultMonth: n.minDate,
+			disabledDates: n.isDateDisabled,
+			"aria-invalid": n.invalid || void 0
+		})
+	}), R = (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
+		id: P.occurrences,
+		className: "ttw:w-16",
+		type: "text",
+		inputMode: "numeric",
+		value: e.value,
+		disabled: x,
+		"aria-invalid": e.invalid || void 0,
+		"aria-describedby": F?.maxOccurrencesError ? `${P.occurrences}-error` : void 0,
+		onChange: (e) => O(e.target.value)
+	}), /* @__PURE__ */ g(i, {
+		htmlFor: P.occurrences,
+		className: v,
+		children: e.unitLabel
+	})] });
+	return /* @__PURE__ */ _("section", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.frequency,
+						className: v,
+						children: N.recurrenceRepeatLabel
 					}),
-					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
-						})]
-					}),
-					minSize: 180
-				},
-				{
-					accessorKey: "customerLabel",
-					enableSorting: !0,
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnCustomer,
-						ariaLabel: Y.sortByCustomer
+					/* @__PURE__ */ _(a, {
+						value: b.frequency.value,
+						disabled: x || b.frequency.disabled,
+						onValueChange: S,
+						children: [/* @__PURE__ */ g(l, {
+							id: P.frequency,
+							className: "ttw:w-31",
+							children: /* @__PURE__ */ g(u, {})
+						}), /* @__PURE__ */ g(o, { children: b.frequency.options.map((e) => /* @__PURE__ */ g(s, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
 					}),
-					minSize: 180
-				},
-				{
-					accessorKey: "status",
-					header: ({ column: e }) => /* @__PURE__ */ y(A, {
-						column: e,
-						label: Y.columnStatus,
-						ariaLabel: Y.sortByStatus
-					}),
-					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
-					})
-				},
-				{
-					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
+					b.monthDay && /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(i, {
+							htmlFor: P.monthDay,
+							className: v,
+							children: N.recurrenceMonthDayLead
+						}),
+						/* @__PURE__ */ _(a, {
+							value: b.monthDay.value,
+							disabled: x || b.monthDay.disabled,
+							onValueChange: C,
+							children: [/* @__PURE__ */ g(l, {
+								id: P.monthDay,
+								className: "ttw:w-fit ttw:min-w-21",
+								"aria-invalid": b.monthDay.invalid || void 0,
+								children: /* @__PURE__ */ g(u, {})
+							}), /* @__PURE__ */ _(o, { children: [
+								b.monthDay.edgeOptions.map((e) => /* @__PURE__ */ g(s, {
+									value: e.value,
+									children: e.label
+								}, e.value)),
+								/* @__PURE__ */ g(c, {}),
+								b.monthDay.dayOptions.map((e) => /* @__PURE__ */ g(s, {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							] })]
+						}),
+						/* @__PURE__ */ g(d, {
+							variant: "body2",
+							color: "muted",
+							component: "span",
+							className: "ttw:text-nowrap",
+							children: N.recurrenceMonthDayTrail
 						})
+					] }),
+					b.weekday && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
+						variant: "body2",
+						color: "muted",
+						component: "span",
+						children: N.recurrenceWeekdayLead
+					}), /* @__PURE__ */ g("div", {
+						className: f("ttw:flex ttw:h-8 ttw:w-56 ttw:rounded-md ttw:border ttw:border-border", b.weekday.invalid && "ttw:border-destructive", b.weekday.disabled && "ttw:opacity-50"),
+						children: b.weekday.options.map((e, t, n) => /* @__PURE__ */ g("button", {
+							type: "button",
+							disabled: x || b.weekday?.disabled,
+							"aria-pressed": e.pressed,
+							onClick: () => w(e.value),
+							className: f("ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:transition-colors ttw:hover:cursor-pointer ttw:hover:bg-muted ttw:disabled:pointer-events-none", e.pressed && "ttw:bg-muted", t < n.length - 1 && "ttw:border-r ttw:border-border"),
+							children: e.label
+						}, e.value))
+					})] })
+				]
+			}),
+			F && /* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.startDate,
+						className: v,
+						children: N.recurrenceStartOnLabel
 					}),
-					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",
+					L(P.startDate, F.start, T),
+					F.end.kind === "choice" ? /* @__PURE__ */ _(h, { children: [
+						/* @__PURE__ */ g(i, {
+							htmlFor: P.endMode,
+							className: v,
+							children: N.recurrenceEndChoiceLead
+						}),
+						/* @__PURE__ */ _(a, {
+							value: F.end.mode.value,
+							disabled: x,
+							onValueChange: E,
+							children: [/* @__PURE__ */ g(l, {
+								id: P.endMode,
+								className: "ttw:w-21",
+								"aria-invalid": F.end.mode.invalid || void 0,
+								children: /* @__PURE__ */ g(u, {})
+							}), /* @__PURE__ */ g(o, { children: F.end.mode.options.map((e) => /* @__PURE__ */ g(s, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						}),
+						F.end.date && L(P.endDate, F.end.date, D),
+						F.end.occurrences && R(F.end.occurrences)
+					] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
+						htmlFor: P.occurrences,
+						className: v,
+						children: N.recurrenceEndCountLead
+					}), R(F.end.occurrences)] })
+				]
+			}),
+			F?.maxOccurrencesError && /* @__PURE__ */ g(n, {
+				id: `${P.occurrences}-error`,
+				errors: [{ message: F.maxOccurrencesError }]
+			}),
+			j,
+			b.lastDayCaption && /* @__PURE__ */ g(d, {
+				variant: "caption",
+				color: "muted",
+				children: b.lastDayCaption
+			}),
+			I && /* @__PURE__ */ _("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
+				children: [
+					/* @__PURE__ */ g(i, {
+						htmlFor: P.creationMode,
+						children: /* @__PURE__ */ _(d, {
+							variant: "body2",
+							component: "span",
+							className: "ttw:block",
 							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"
+								N.recurrenceCreationModeQuestion,
+								" ",
+								/* @__PURE__ */ g(d, {
+									variant: "body2",
+									component: "span",
+									color: "muted",
+									children: N.recurrenceCreationModeHint
 								})
 							]
-						})] })
+						})
 					}),
-					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__ */ _(a, {
+						value: I.value,
+						disabled: x,
+						onValueChange: (e) => k(e),
+						children: [/* @__PURE__ */ g(l, {
+							id: P.creationMode,
+							"aria-invalid": !!I.emailError || void 0,
+							"aria-describedby": I.emailError ? P.emailError : void 0,
+							className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
+							children: /* @__PURE__ */ g(u, {})
+						}), /* @__PURE__ */ g(o, { children: I.options.map((e) => /* @__PURE__ */ g(s, {
+							value: e.value,
+							children: /* @__PURE__ */ g(m, { option: e })
+						}, e.value)) })]
+					}),
+					I.emailSummary !== void 0 && /* @__PURE__ */ _("div", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ g(d, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:truncate",
+							children: I.emailSummary
+						}), /* @__PURE__ */ g(e, {
+							type: "button",
+							variant: "link",
+							className: "ttw:h-auto ttw:p-0",
+							disabled: x,
+							onClick: A,
+							children: N.recurrenceSetUpEmail
+						})]
+					}),
+					I.emailError && /* @__PURE__ */ g(n, {
+						id: P.emailError,
+						errors: [{ message: I.emailError }]
+					})
+				]
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { P as ReceivablesScreen, P as default };
+export { y as ReceivableRecurrenceSection, y as default };

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

@@ -0,0 +1,3 @@
+import "./index3.js";
+import "./index31.js";
+import "./index33.js";