@tesouro/embedded-components-react 0.5.233 → 0.5.236

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

@@ -1,95 +1,161 @@
-import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Popover as a, PopoverAnchor as o, PopoverContent as s, Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p, Skeleton as m, Typography as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_BILLING_SECTION_LABELS_EN as g } from "./index7.js";
-import { RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as _ } from "./index15.js";
-import { OptionRow as v } from "./index13.js";
-import { SelectionValue as y } from "./index14.js";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index13.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js
-function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, labels: A }) {
-	let j = {
-		...g,
-		...A
-	}, M = `${S}-payment-terms`, N = () => {
-		window.setTimeout(() => D(!0), 0);
+function m({ view: m, isDragging: h, disabled: g, inputRef: _, onBrowseClick: v, onDragOver: y, onDragLeave: b, onDrop: x, onFilesSelect: S, onIncludeInEmailChange: C, onRemove: w, labels: T }) {
+	let E = {
+		...a,
+		...T
 	};
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ c("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
-		children: [/* @__PURE__ */ x("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
-			children: [/* @__PURE__ */ b(h, {
-				variant: "h4",
-				children: j.billingHeading
-			}), /* @__PURE__ */ b(h, {
-				variant: "body2",
-				color: "muted",
-				className: "ttw:font-medium",
-				children: j.billingDescription
-			})]
-		}), /* @__PURE__ */ x("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-6",
-			children: [k, /* @__PURE__ */ b("div", {
-				className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-2.5",
-				children: C.kind === "loading" ? /* @__PURE__ */ b(m, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ b(e, { children: /* @__PURE__ */ x(t, { children: [
-					/* @__PURE__ */ b(i, {
-						htmlFor: M,
-						children: j.paymentTermsLabel
-					}),
-					/* @__PURE__ */ x(a, {
-						open: C.customDatePicker.open,
-						onOpenChange: D,
-						children: [/* @__PURE__ */ x(c, {
-							disabled: T,
-							value: C.value,
-							onValueChange: (e) => {
-								E(e), e === "custom" && N();
-							},
-							children: [/* @__PURE__ */ b(o, {
-								className: "ttw:w-full",
-								children: /* @__PURE__ */ b(f, {
-									id: M,
-									className: "ttw:w-full",
-									"aria-invalid": !!w,
-									children: /* @__PURE__ */ b(p, {
-										placeholder: j.paymentTermsPlaceholder,
-										children: /* @__PURE__ */ b(y, {
-											selection: C.selection,
-											labels: j
-										})
-									})
-								})
-							}), /* @__PURE__ */ x(l, { children: [
-								/* @__PURE__ */ b(u, {
-									value: _,
-									children: j.paymentTermsReceiptDue
-								}),
-								C.showCustomDate && /* @__PURE__ */ b(u, {
-									value: "custom",
-									onPointerUp: N,
-									onClick: N,
-									onKeyDown: (e) => {
-										(e.key === "Enter" || e.key === " ") && N();
-									},
-									children: j.paymentTermsCustomDate
-								}),
-								/* @__PURE__ */ b(d, {}),
-								C.options.map((e) => /* @__PURE__ */ b(u, {
-									value: e.value,
-									children: /* @__PURE__ */ b(v, { option: e })
-								}, e.value))
-							] })]
-						}), /* @__PURE__ */ b(s, {
-							className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
-							align: "start",
-							onFocusOutside: (e) => e.preventDefault(),
-							children: O
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(r, {
+					variant: "h4",
+					children: E.attachmentsHeading
+				}), /* @__PURE__ */ s(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: E.attachmentsDescription
+				})]
+			}),
+			m.showRows && /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [m.emailCaption && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, {
+					variant: "caption",
+					color: "muted",
+					children: m.emailCaption
+				}), /* @__PURE__ */ s(n, {})] }), /* @__PURE__ */ c("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [m.attachedRows.map((n) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ s(t, {
+							checked: n.includeInEmail,
+							disabled: g,
+							"aria-label": n.includeInEmailLabel,
+							onCheckedChange: (e) => C(n.id, e === !0)
+						}), /* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+							children: [/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: n.name
+								}), /* @__PURE__ */ c(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:shrink-0",
+									children: [
+										"(",
+										n.sizeLabel,
+										")"
+									]
+								})]
+							}), /* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "ttw:size-4",
+								disabled: g,
+								"aria-label": n.removeLabel,
+								onClick: () => w(n.id),
+								children: /* @__PURE__ */ s(f, { className: "ttw:size-4" })
+							})]
 						})]
+					}, n.id)), m.pendingRows.map((t) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							t.state === "uploading" ? /* @__PURE__ */ s(d, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ s(l, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+							/* @__PURE__ */ c("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+								children: [/* @__PURE__ */ s(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: t.name
+								}), t.state === "uploading" ? /* @__PURE__ */ s(r, {
+									variant: "caption",
+									color: "muted",
+									children: t.message
+								}) : /* @__PURE__ */ s(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: t.message
+								})]
+							}),
+							/* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: g,
+								"aria-label": t.removeLabel,
+								onClick: () => w(t.id),
+								children: /* @__PURE__ */ s(p, { className: "ttw:size-4" })
+							})
+						]
+					}, t.id))]
+				})]
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				disabled: g,
+				onClick: v,
+				onDragOver: (e) => {
+					e.preventDefault(), y();
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), b();
+				},
+				onDrop: (e) => {
+					e.preventDefault(), x(e.dataTransfer.files);
+				},
+				className: i("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", h ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+				children: [
+					/* @__PURE__ */ s("span", {
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
+						children: /* @__PURE__ */ s(u, { className: "ttw:size-5 ttw:text-muted-foreground" })
 					}),
-					C.description && /* @__PURE__ */ b(n, { children: C.description }),
-					/* @__PURE__ */ b(r, { errors: w ? [{ message: w }] : [] })
-				] }) })
-			})]
-		})]
+					/* @__PURE__ */ c(r, {
+						variant: "body2",
+						children: [
+							E.attachmentsDropPrompt,
+							" ",
+							/* @__PURE__ */ s("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: E.attachmentsBrowseLink
+							})
+						]
+					}),
+					/* @__PURE__ */ s(r, {
+						variant: "caption",
+						color: "muted",
+						children: E.attachmentsFormatsHint
+					})
+				]
+			}),
+			m.countLimitMessage && /* @__PURE__ */ s(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: m.countLimitMessage
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: _,
+				type: "file",
+				multiple: !0,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				className: "ttw:sr-only",
+				accept: m.accept,
+				onChange: (e) => S(e.target.files)
+			})
+		]
 	});
 }
 //#endregion
-export { S as ReceivableBillingSection, S as default };
+export { m as ReceivableAttachmentsSection };

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

@@ -1,3 +1,16 @@
-import "./index7.js";
-import "./index15.js";
-import "./index16.js";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index17.js
+function n({ option: n }) {
+	return /* @__PURE__ */ t("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ e("span", {
+			className: "ttw:truncate",
+			children: n.label
+		}), n.dueDateLabel && /* @__PURE__ */ e("span", {
+			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
+			children: n.dueDateLabel
+		})]
+	});
+}
+//#endregion
+export { n as OptionRow };

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

@@ -1,24 +1,25 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index9.js";
-import { jsxs as r } from "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OptionRow as t } from "./index17.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { CalendarIcon as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js
-var i = {
-	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
-	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
-};
-function a({ status: a, label: o, tone: s, labels: c, icon: l }) {
-	let u = {
-		...n,
-		...c
-	}, d = o ?? u[a] ?? u.unknown;
-	return /* @__PURE__ */ r(e, {
-		variant: "outline",
-		className: t(l && "ttw:gap-1", i[s]),
-		children: [l, d]
-	});
+function a({ selection: a, labels: o }) {
+	return a?.kind === "receiptDue" ? /* @__PURE__ */ n("span", {
+		className: "ttw:truncate",
+		children: o.paymentTermsReceiptDue
+	}) : a?.kind === "customDate" ? /* @__PURE__ */ r("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ r("span", {
+			className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
+			children: [/* @__PURE__ */ n(i, { className: e("ttw:size-4 ttw:shrink-0", !a.hasDate && "ttw:text-muted-foreground") }), /* @__PURE__ */ n("span", {
+				className: e("ttw:truncate", !a.hasDate && "ttw:text-muted-foreground"),
+				children: a.dateLabel
+			})]
+		}), /* @__PURE__ */ n("span", {
+			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
+			children: o.paymentTermsCustomDate
+		})]
+	}) : a?.kind === "term" ? /* @__PURE__ */ n(t, { option: a.option }) : null;
 }
 //#endregion
-export { a as ReceivableStatusBadge, a as default };
+export { a as SelectionValue };

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

@@ -1,53 +1,4 @@
-import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleCheck as i, CircleSlash as a, CircleX as o, ClipboardCheck as s, Clock as c, CopyPlus as l, Mail as u, Pause as d, PenTool as f, Pencil as p, Play as m, Trash2 as h } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index19.js
-var g = {
-	edit: "editButton",
-	issue: "issueButton",
-	recordPayment: "recordPaymentButton",
-	send: "sendButton",
-	accept: "acceptButton",
-	decline: "declineButton",
-	markPaid: "markPaidButton",
-	markUncollectible: "markUncollectibleButton",
-	cancel: "cancelButton",
-	clone: "cloneButton",
-	delete: "deleteButton",
-	pauseRecurrence: "pauseRecurrenceButton",
-	resumeRecurrence: "resumeRecurrenceButton",
-	cancelRecurrence: "cancelRecurrenceButton"
-}, _ = {
-	edit: p,
-	issue: u,
-	recordPayment: s,
-	send: u,
-	accept: i,
-	decline: o,
-	markPaid: i,
-	markUncollectible: a,
-	cancel: e,
-	clone: l,
-	delete: h,
-	pauseRecurrence: d,
-	resumeRecurrence: m,
-	cancelRecurrence: t
-}, v = {
-	draft: f,
-	issuing: c,
-	issued: c,
-	partially_paid: c,
-	paid: n,
-	overdue: c,
-	canceled: e
-}, y = {
-	forward: r,
-	pause: d,
-	ban: e,
-	check: n
-}, b = {
-	default: "ttw:text-foreground",
-	danger: "ttw:text-red-600",
-	success: "ttw:text-emerald-600",
-	muted: "ttw:text-muted-foreground"
-}, x = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent";
+var e = "receipt_due", t = "custom";
 //#endregion
-export { _ as ACTION_ICON, g as ACTION_LABEL_KEY, y as SERIES_STATUS_ICON, v as STATUS_ICON, b as amountValueToneClass, x as headerIconButtonClass };
+export { t as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, e as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE };

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

@@ -1,18 +1,33 @@
+import { AMOUNT_FILTER_LABELS_EN as e, DATE_RANGE_PICKER_LABELS_EN as t, FILTER_MENU_BUTTON_LABELS_EN as n, FILTER_TAG_LABELS_EN as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js
-var e = {
-	issueDescription: "The customer will be emailed a copy of the invoice with payment instructions.",
-	toLabel: "To",
-	subjectLabel: "Subject",
-	messageLabel: "Message",
-	messagePlaceholder: "e.g., Thank you for your business",
-	attachmentsLabel: "Attachments",
-	attachmentsCaption: "To change what files are attached to the email, you will need to update the invoice.",
-	skipButton: "Skip",
-	sendButton: "Send invoice",
-	productsQuestion: "Do you want to also save these items?",
-	productsCaption: "Saved items can be quickly added to future invoices.",
-	productsAllLabel: "Products and services",
-	saveItemsButton: "Save selected items"
+var i = {
+	fields: {
+		dueDate: "Due date",
+		createdAt: "Created on",
+		issueDate: "Issue date",
+		status: "Status",
+		amount: "Amount",
+		customer: "Customer"
+	},
+	searchPlaceholder: "Search by number or customer...",
+	searchLabel: "Search invoices",
+	amountMin: "No less than",
+	amountMax: "No more than",
+	customerNameHeading: "Customer name",
+	customerSearchPlaceholder: "Search customers...",
+	customerSearchHint: "Matches names containing your search",
+	clearAll: "Clear all",
+	filterMenuButton: n,
+	filterTag: r,
+	amountFilter: {
+		modeAny: e.modeAny,
+		modeExact: e.modeExact,
+		modeRange: e.modeRange,
+		flowAny: e.flowAny,
+		flowIn: e.flowIn,
+		flowOut: e.flowOut
+	},
+	dateRangePicker: { presetPlaceholder: t.presetPlaceholder }
 };
 //#endregion
-export { e as RECEIVABLE_ACTIONS_MODAL_LABELS_EN };
+export { i as INVOICES_FILTER_BAR_LABELS_EN };

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

@@ -1,19 +1,95 @@
-import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { amountValueToneClass as t } from "./index19.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Field as e, FieldContent as t, FieldDescription as n, FieldError as r, FieldLabel as i, Popover as a, PopoverAnchor as o, PopoverContent as s, Select as c, SelectContent as l, SelectItem as u, SelectSeparator as d, SelectTrigger as f, SelectValue as p, Skeleton as m, Typography as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_BILLING_SECTION_LABELS_EN as g } from "./index11.js";
+import { RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as _ } from "./index19.js";
+import { OptionRow as v } from "./index17.js";
+import { SelectionValue as y } from "./index18.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js
-function i({ row: i, defaultTone: a }) {
-	let o = i.tone ?? (i.emphasis ? a : "default");
-	return /* @__PURE__ */ r("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-		children: [/* @__PURE__ */ n("span", {
-			className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground",
-			children: i.label
-		}), /* @__PURE__ */ n("span", {
-			className: e(i.emphasis ? "ttw:text-2xl ttw:font-semibold" : "ttw:text-base ttw:font-medium", t[o]),
-			children: i.value
+function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, labels: A }) {
+	let j = {
+		...g,
+		...A
+	}, M = `${S}-payment-terms`, N = () => {
+		window.setTimeout(() => D(!0), 0);
+	};
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [/* @__PURE__ */ x("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ b(h, {
+				variant: "h4",
+				children: j.billingHeading
+			}), /* @__PURE__ */ b(h, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: j.billingDescription
+			})]
+		}), /* @__PURE__ */ x("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: [k, /* @__PURE__ */ b("div", {
+				className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-2.5",
+				children: C.kind === "loading" ? /* @__PURE__ */ b(m, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ b(e, { children: /* @__PURE__ */ x(t, { children: [
+					/* @__PURE__ */ b(i, {
+						htmlFor: M,
+						children: j.paymentTermsLabel
+					}),
+					/* @__PURE__ */ x(a, {
+						open: C.customDatePicker.open,
+						onOpenChange: D,
+						children: [/* @__PURE__ */ x(c, {
+							disabled: T,
+							value: C.value,
+							onValueChange: (e) => {
+								E(e), e === "custom" && N();
+							},
+							children: [/* @__PURE__ */ b(o, {
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ b(f, {
+									id: M,
+									className: "ttw:w-full",
+									"aria-invalid": !!w,
+									children: /* @__PURE__ */ b(p, {
+										placeholder: j.paymentTermsPlaceholder,
+										children: /* @__PURE__ */ b(y, {
+											selection: C.selection,
+											labels: j
+										})
+									})
+								})
+							}), /* @__PURE__ */ x(l, { children: [
+								/* @__PURE__ */ b(u, {
+									value: _,
+									children: j.paymentTermsReceiptDue
+								}),
+								C.showCustomDate && /* @__PURE__ */ b(u, {
+									value: "custom",
+									onPointerUp: N,
+									onClick: N,
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && N();
+									},
+									children: j.paymentTermsCustomDate
+								}),
+								/* @__PURE__ */ b(d, {}),
+								C.options.map((e) => /* @__PURE__ */ b(u, {
+									value: e.value,
+									children: /* @__PURE__ */ b(v, { option: e })
+								}, e.value))
+							] })]
+						}), /* @__PURE__ */ b(s, {
+							className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
+							align: "start",
+							onFocusOutside: (e) => e.preventDefault(),
+							children: O
+						})]
+					}),
+					C.description && /* @__PURE__ */ b(n, { children: C.description }),
+					/* @__PURE__ */ b(r, { errors: w ? [{ message: w }] : [] })
+				] }) })
+			})]
 		})]
 	});
 }
 //#endregion
-export { i as AmountCell };
+export { S as ReceivableBillingSection, S as default };

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

@@ -1,10 +1,3 @@
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index21.js
-var e = {
-	billing: "billing",
-	lineItems: "line-items",
-	notes: "notes",
-	attachments: "attachments",
-	auditHistory: "audit-history"
-};
-//#endregion
-export { e as RECEIVABLE_DETAILS_SECTION };
+import "./index11.js";
+import "./index19.js";
+import "./index20.js";

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

@@ -1,73 +1,24 @@
-import { AccordionContent as e, AccordionItem as t, AccordionTrigger as n, Badge as r, Typography as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_DETAILS_SECTION as a } from "./index21.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Check as c } from "lucide-react";
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index13.js";
+import { jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js
-function l({ attachments: l, labels: u }) {
-	return /* @__PURE__ */ s(t, {
-		value: a.attachments,
-		children: [/* @__PURE__ */ o(n, { children: /* @__PURE__ */ s("span", {
-			className: "ttw:flex ttw:items-center ttw:gap-2",
-			children: [/* @__PURE__ */ o("span", {
-				className: "ttw:group-hover:underline",
-				children: u.attachmentsHeading
-			}), /* @__PURE__ */ o(r, {
-				variant: "secondary",
-				className: "ttw:rounded-full",
-				children: l.countLabel
-			})]
-		}) }), /* @__PURE__ */ o(e, { children: l.rows.length === 0 ? /* @__PURE__ */ o(i, {
-			variant: "body2",
-			color: "muted",
-			children: u.attachmentsEmpty
-		}) : /* @__PURE__ */ s("table", {
-			className: "ttw:w-full ttw:border-collapse",
-			children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border",
-				children: [/* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-left",
-					children: /* @__PURE__ */ o(i, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u.attachmentsFileColumn
-					})
-				}), /* @__PURE__ */ o("th", {
-					scope: "col",
-					className: "ttw:py-2 ttw:text-right",
-					children: /* @__PURE__ */ o(i, {
-						component: "span",
-						variant: "caption",
-						color: "muted",
-						children: u.attachmentsEmailedColumn
-					})
-				})]
-			}) }), /* @__PURE__ */ o("tbody", { children: l.rows.map((e) => /* @__PURE__ */ s("tr", {
-				className: "ttw:border-b ttw:border-border ttw:last:border-b-0",
-				children: [/* @__PURE__ */ o("td", {
-					className: "ttw:py-3",
-					children: /* @__PURE__ */ o("a", {
-						href: e.url,
-						target: "_blank",
-						rel: "noreferrer",
-						className: "ttw:text-primary ttw:hover:underline",
-						children: e.name
-					})
-				}), /* @__PURE__ */ o("td", {
-					className: "ttw:py-3 ttw:text-right ttw:align-middle",
-					children: e.includeInEmail ? /* @__PURE__ */ o(c, {
-						role: "img",
-						"aria-label": e.emailedLabel,
-						className: "ttw:inline-block ttw:size-4 ttw:text-emerald-600"
-					}) : /* @__PURE__ */ o("span", {
-						className: "ttw:sr-only",
-						children: e.emailedLabel
-					})
-				})]
-			}, e.id)) })]
-		}) })]
+var i = {
+	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
+	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
+	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
+	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
+	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
+};
+function a({ status: a, label: o, tone: s, labels: c, icon: l }) {
+	let u = {
+		...n,
+		...c
+	}, d = o ?? u[a] ?? u.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(l && "ttw:gap-1", i[s]),
+		children: [l, d]
 	});
 }
 //#endregion
-export { l as AttachmentsItem };
+export { a as ReceivableStatusBadge, a as default };