@tesouro/embedded-components-react 0.5.278 → 0.5.280

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

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

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

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

@@ -1,39 +1,3 @@
-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
-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"
-}, a = "ttw:bg-muted ttw:text-muted-foreground", o = "ttw:bg-destructive/10 ttw:text-destructive", s = {
-	draft: a,
-	recurring: a,
-	issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
-	issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
-	accepted: "ttw:bg-green-100 ttw:text-green-700",
-	paid: "ttw:bg-green-100 ttw:text-green-700",
-	partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
-	overdue: "ttw:bg-orange-100 ttw:text-orange-700",
-	failed: o,
-	expired: o,
-	uncollectible: o,
-	canceled: o,
-	declined: o,
-	deleted: o
-};
-function c({ status: o, label: c, tone: l = "neutral", variant: u = "outline", labels: d, icon: f }) {
-	let p = {
-		...n,
-		...d
-	}, m = c ?? p[o] ?? p.unknown;
-	return /* @__PURE__ */ r(e, {
-		variant: "outline",
-		className: t(f && "ttw:gap-1", u === "filled" ? ["ttw:border-transparent", s[o ?? ""] ?? a] : i[l]),
-		children: [f, m]
-	});
-}
-//#endregion
-export { c as ReceivableStatusBadge, c as default };
+import "./index11.js";
+import "./index20.js";
+import "./index21.js";

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

@@ -1,55 +1,211 @@
-import { Ban as e, CalendarX2 as t, Check as n, ChevronsRight as r, CircleCheck as i, CircleOff as a, CircleX as o, ClipboardCheck as s, Clock as c, CopyPlus as l, FileCheck as u, Mail as d, Pause as f, PenTool as p, Pencil as m, Play as h, Send as g, Trash2 as _ } from "lucide-react";
+import { Avatar as e, AvatarFallback as t, Button as n, Field as r, FieldContent as i, FieldDescription as a, FieldError as o, FieldLabel as s, Input as c, Separator as l, Typography as u, cn as d } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_CUSTOMER_SECTION_LABELS_EN as f } from "./index12.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronDownIcon as g, Loader2Icon as _, PlusIcon as v, SearchIcon as y } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js
-var v = {
-	edit: "editButton",
-	issue: "issueButton",
-	issueAndSend: "issueAndSendButton",
-	recordPayment: "recordPaymentButton",
-	send: "sendButton",
-	accept: "acceptButton",
-	decline: "declineButton",
-	markPaid: "markPaidButton",
-	markUncollectible: "markUncollectibleButton",
-	cancel: "cancelButton",
-	clone: "cloneButton",
-	delete: "deleteButton",
-	pauseRecurrence: "pauseRecurrenceButton",
-	resumeRecurrence: "resumeRecurrenceButton",
-	cancelRecurrence: "cancelRecurrenceButton"
-}, y = {
-	edit: m,
-	issue: u,
-	issueAndSend: g,
-	recordPayment: s,
-	send: d,
-	accept: i,
-	decline: o,
-	markPaid: i,
-	markUncollectible: a,
-	cancel: e,
-	clone: l,
-	delete: _,
-	pauseRecurrence: f,
-	resumeRecurrence: h,
-	cancelRecurrence: t
-}, b = {
-	draft: p,
-	issuing: c,
-	issued: c,
-	partially_paid: c,
-	paid: n,
-	overdue: c,
-	canceled: e
-}, x = {
-	forward: r,
-	pause: f,
-	ban: e,
-	check: n
-}, S = {
-	default: "ttw:text-foreground",
-	danger: "ttw:text-red-600",
-	success: "ttw:text-emerald-600",
-	muted: "ttw:text-muted-foreground"
-}, C = "ttw:group ttw:cursor-pointer ttw:hover:no-underline", w = "ttw:translate-y-0.5", T = "ttw:border-border", E = "ttw:rounded-full ttw:bg-muted ttw:text-muted-foreground", D = "ttw:bg-primary ttw:text-primary-foreground", O = "ttw:bg-primary ttw:fill-primary", k = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", A = (e) => e.preventDefault();
+function b({ idPrefix: b, card: x, picker: S, create: C, disabled: w, inputRef: T, onInputValueChange: E, onInputFocus: D, onInputBlur: O, onListToggle: k, onKey: A, onOptionHighlight: j, onOptionSelect: M, onEmailChange: N, onEmailBlur: P, onAddDetailsClick: F, onViewDetailsClick: I, onClearClick: L, labels: R }) {
+	let z = {
+		...f,
+		...R
+	}, B = `${b}-customer-name`, V = `${b}-customer-name-description`, H = `${b}-customer-name-error`, U = `${b}-customer-card-error`, W = `${b}-customer-email`, G = `${b}-customer-email-error`, K = S.open ? S.options.find((e) => e.value === S.highlightedValue) : void 0;
+	return /* @__PURE__ */ h("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [/* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+			children: [/* @__PURE__ */ m(u, {
+				variant: "h4",
+				children: z.customerHeading
+			}), /* @__PURE__ */ m(u, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: z.customerDescription
+			})]
+		}), x ? /* @__PURE__ */ h("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-2",
+			children: [/* @__PURE__ */ h("div", {
+				role: "group",
+				"aria-label": x.name,
+				"aria-describedby": x.error ? U : void 0,
+				className: d("ttw:flex ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3", x.error && "ttw:border-destructive"),
+				children: [/* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-5",
+					children: [/* @__PURE__ */ m(e, {
+						className: "ttw:size-16",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ m(t, {
+							className: "ttw:text-sm ttw:font-normal",
+							children: x.initial
+						})
+					}), /* @__PURE__ */ h("div", {
+						className: "ttw:flex ttw:min-w-0 ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ m(u, {
+							variant: "body1",
+							className: "ttw:font-medium",
+							children: x.name
+						}), /* @__PURE__ */ m(u, {
+							variant: "body2",
+							color: "muted",
+							children: x.email
+						})]
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "ttw:flex ttw:items-center",
+					children: [I ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(n, {
+						type: "button",
+						variant: "ghost",
+						className: "ttw:text-primary ttw:hover:text-primary",
+						disabled: w,
+						onClick: I,
+						children: z.viewCustomerDetailsButton
+					}), /* @__PURE__ */ m(l, {
+						orientation: "vertical",
+						className: "ttw:h-6!"
+					})] }) : null, /* @__PURE__ */ m(n, {
+						type: "button",
+						variant: "ghost",
+						className: "ttw:text-primary ttw:hover:text-primary",
+						disabled: w,
+						onClick: L,
+						children: z.clearCustomerButton
+					})]
+				})]
+			}), x.error ? /* @__PURE__ */ m(o, {
+				id: U,
+				children: x.error
+			}) : null]
+		}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+			/* @__PURE__ */ m(s, {
+				htmlFor: B,
+				children: z.customerNameLabel
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "ttw:relative ttw:w-full",
+				children: [/* @__PURE__ */ h("div", {
+					className: d("ttw:flex ttw:h-9 ttw:w-full ttw:min-w-0 ttw:items-center ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:has-[input:focus-visible]:border-ring ttw:has-[input:focus-visible]:ring-[3px] ttw:has-[input:focus-visible]:ring-ring/50 ttw:has-[[aria-invalid=true]]:border-destructive", w && "ttw:opacity-50"),
+					children: [
+						S.isLoading ? /* @__PURE__ */ m(_, { className: "ttw:pointer-events-none ttw:ml-3 ttw:size-4 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ m(y, { className: "ttw:pointer-events-none ttw:ml-3 ttw:size-4 ttw:shrink-0 ttw:text-muted-foreground" }),
+						/* @__PURE__ */ m("input", {
+							id: B,
+							ref: T,
+							role: "combobox",
+							"aria-autocomplete": "list",
+							"aria-expanded": S.open,
+							"aria-controls": S.listId,
+							"aria-activedescendant": K?.id,
+							"aria-invalid": !!S.error || void 0,
+							"aria-describedby": S.error ? `${V} ${H}` : V,
+							autoComplete: "off",
+							disabled: w,
+							placeholder: S.placeholder,
+							className: "ttw:h-full ttw:min-w-0 ttw:flex-1 ttw:bg-transparent ttw:pr-2 ttw:pl-2 ttw:text-base ttw:outline-none ttw:placeholder:text-muted-foreground ttw:disabled:cursor-not-allowed ttw:md:text-sm",
+							value: S.inputValue,
+							onFocus: D,
+							onClick: D,
+							onBlur: O,
+							onChange: (e) => E(e.target.value),
+							onKeyDown: (e) => {
+								if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+									e.preventDefault(), A(e.key === "ArrowDown" ? "next" : "previous");
+									return;
+								}
+								if (e.key === "Enter") {
+									e.preventDefault(), A("enter");
+									return;
+								}
+								if (e.key === "Tab" && S.open) {
+									A("tab");
+									return;
+								}
+								e.key === "Escape" && S.open && (e.stopPropagation(), A("escape"));
+							}
+						}),
+						/* @__PURE__ */ m("button", {
+							type: "button",
+							tabIndex: -1,
+							"aria-label": z.customerListToggleButton,
+							"aria-controls": S.listId,
+							"aria-expanded": S.open,
+							disabled: w,
+							className: "ttw:mr-[0.3rem] ttw:flex ttw:size-6 ttw:shrink-0 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-[calc(var(--radius)-5px)] ttw:text-muted-foreground ttw:transition-all ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:disabled:pointer-events-none",
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: k,
+							children: /* @__PURE__ */ m(g, { className: "ttw:pointer-events-none ttw:size-4" })
+						})
+					]
+				}), S.open && !w ? /* @__PURE__ */ m("div", {
+					role: "presentation",
+					className: "ttw:absolute ttw:top-full ttw:left-0 ttw:z-50 ttw:mt-1.5 ttw:w-full ttw:overflow-hidden ttw:rounded-md ttw:bg-popover ttw:text-popover-foreground ttw:shadow-md ttw:ring-1 ttw:ring-foreground/10",
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ h("ul", {
+						id: S.listId,
+						role: "listbox",
+						"aria-labelledby": B,
+						className: "ttw:max-h-87 ttw:scroll-py-1 ttw:overflow-y-auto ttw:p-1",
+						children: [
+							S.options.map((e) => /* @__PURE__ */ h("li", {
+								id: e.id,
+								role: "option",
+								"aria-selected": e === K,
+								className: d("ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:select-none", e === K && "ttw:bg-accent ttw:text-accent-foreground"),
+								onMouseEnter: () => j(e.value),
+								onMouseDown: () => M(e.value),
+								children: [/* @__PURE__ */ m("span", {
+									className: "ttw:min-w-0 ttw:truncate",
+									children: e.name
+								}), /* @__PURE__ */ m("span", {
+									className: "ttw:min-w-0 ttw:truncate ttw:text-muted-foreground",
+									children: e.email
+								})]
+							}, e.value)),
+							S.options.length ? null : /* @__PURE__ */ m("li", {
+								className: "ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+								children: S.emptyText
+							}),
+							S.options.length && S.moreText ? /* @__PURE__ */ m("li", {
+								className: "ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
+								children: S.moreText
+							}) : null
+						]
+					})
+				}) : null]
+			}),
+			/* @__PURE__ */ m(a, {
+				id: V,
+				children: S.description
+			}),
+			S.error ? /* @__PURE__ */ m(o, {
+				id: H,
+				children: S.error
+			}) : null
+		] }) }), C ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(i, { children: [
+			/* @__PURE__ */ m(s, {
+				htmlFor: W,
+				children: z.customerEmailLabel
+			}),
+			/* @__PURE__ */ m(c, {
+				id: W,
+				type: "email",
+				disabled: w,
+				"aria-invalid": !!C.emailError || void 0,
+				"aria-describedby": C.emailError ? G : void 0,
+				value: C.email,
+				onChange: (e) => N(e.target.value),
+				onBlur: P
+			}),
+			C.emailError ? /* @__PURE__ */ m(o, {
+				id: G,
+				children: C.emailError
+			}) : null
+		] }) }), /* @__PURE__ */ h(n, {
+			type: "button",
+			variant: "ghost",
+			disabled: w,
+			className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary",
+			onClick: F,
+			children: [/* @__PURE__ */ m(v, {}), z.addCustomerDetailsButton]
+		})] }) : null] })]
+	});
+}
 //#endregion
-export { y as ACTION_ICON, v as ACTION_LABEL_KEY, x as SERIES_STATUS_ICON, b as STATUS_ICON, S as amountValueToneClass, k as headerIconButtonClass, O as headerTooltipArrowClass, D as headerTooltipClass, A as preventTooltipFocusOpen, w as sectionChevronClass, E as sectionCountBadgeClass, T as sectionItemClass, C as sectionTriggerClass };
+export { b as ReceivableCustomerSection, b as default };

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

@@ -1,23 +1,2 @@
-import { Typography as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { amountValueToneClass as n } from "./index23.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js
-function a({ row: a, defaultTone: o }) {
-	let s = a.tone ?? (a.emphasis ? o : "default");
-	return /* @__PURE__ */ i("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-0.5",
-		children: [/* @__PURE__ */ r(e, {
-			variant: "caption",
-			color: "muted",
-			className: "ttw:font-medium",
-			children: a.label
-		}), /* @__PURE__ */ r(e, {
-			component: "span",
-			variant: a.emphasis ? "h3" : "body1",
-			className: t(!a.emphasis && "ttw:font-medium", n[s]),
-			children: a.value
-		})]
-	});
-}
-//#endregion
-export { a as AmountCell };
+import "./index12.js";
+import "./index23.js";

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

@@ -1,10 +1,39 @@
+import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index14.js";
+import { jsxs as r } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index25.js
-var e = {
-	billing: "billing",
-	lineItems: "line-items",
-	notes: "notes",
-	attachments: "attachments",
-	auditHistory: "audit-history"
+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"
+}, a = "ttw:bg-muted ttw:text-muted-foreground", o = "ttw:bg-destructive/10 ttw:text-destructive", s = {
+	draft: a,
+	recurring: a,
+	issuing: "ttw:bg-cyan-100 ttw:text-cyan-700",
+	issued: "ttw:bg-cyan-100 ttw:text-cyan-700",
+	accepted: "ttw:bg-green-100 ttw:text-green-700",
+	paid: "ttw:bg-green-100 ttw:text-green-700",
+	partially_paid: "ttw:bg-purple-100 ttw:text-purple-700",
+	overdue: "ttw:bg-orange-100 ttw:text-orange-700",
+	failed: o,
+	expired: o,
+	uncollectible: o,
+	canceled: o,
+	declined: o,
+	deleted: o
 };
+function c({ status: o, label: c, tone: l = "neutral", variant: u = "outline", labels: d, icon: f }) {
+	let p = {
+		...n,
+		...d
+	}, m = c ?? p[o] ?? p.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(f && "ttw:gap-1", u === "filled" ? ["ttw:border-transparent", s[o ?? ""] ?? a] : i[l]),
+		children: [f, m]
+	});
+}
 //#endregion
-export { e as RECEIVABLE_DETAILS_SECTION };
+export { c as ReceivableStatusBadge, c as default };