@tesouro/embedded-components-react 0.5.227 → 0.5.230

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

@@ -1,95 +1,216 @@
-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 "./index2.js";
-import { RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as _ } from "./index10.js";
-import { OptionRow as v } from "./index8.js";
-import { SelectionValue as y } from "./index9.js";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Alert as e, AlertDescription as t, AlertTitle as n, Badge as r, Button as i, Field as a, FieldContent as o, FieldError as s, FieldLabel as c, Input as l, Select as u, SelectContent as d, SelectItem as f, SelectSeparator as p, SelectTrigger as m, SelectValue as h, Skeleton as g, Typography as _ } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as v } from "./index9.js";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { PlusIcon as S, TriangleAlertIcon as C } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index11.js
-function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, labels: A }) {
+var w = "__add_new__";
+function T({ id: e, label: t, optionalSuffix: n, placeholder: r, value: i, error: u, disabled: d, onChange: f }) {
+	return /* @__PURE__ */ b(a, { children: /* @__PURE__ */ x(o, { children: [
+		/* @__PURE__ */ x(c, {
+			htmlFor: e,
+			className: "ttw:gap-1",
+			children: [t, n && /* @__PURE__ */ b(_, {
+				variant: "body2",
+				component: "span",
+				color: "muted",
+				className: "ttw:leading-snug",
+				children: n
+			})]
+		}),
+		/* @__PURE__ */ b(l, {
+			id: e,
+			placeholder: r,
+			value: i,
+			disabled: d,
+			"aria-invalid": !!u,
+			onChange: (e) => f(e.target.value),
+			onKeyDown: (e) => {
+				e.key === "Enter" && e.preventDefault();
+			}
+		}),
+		/* @__PURE__ */ b(s, { errors: u ? [{ message: u }] : [] })
+	] }) });
+}
+function E({ idPrefix: e, values: t, errors: n, canCancel: r, isSaving: a, labels: o, onChange: s, onSave: c, onCancel: l }) {
+	return /* @__PURE__ */ x("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
+		children: [
+			/* @__PURE__ */ b(_, {
+				variant: "body2",
+				children: o.bankAccountFormHeading
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ b(T, {
+					id: `${e}-routing-number`,
+					label: o.bankAccountRoutingNumberLabel,
+					placeholder: o.bankAccountRoutingNumberPlaceholder,
+					value: t.routingNumber,
+					error: n.routingNumber,
+					disabled: a,
+					onChange: (e) => s({ routingNumber: e })
+				}), /* @__PURE__ */ b(T, {
+					id: `${e}-account-number`,
+					label: o.bankAccountAccountNumberLabel,
+					placeholder: o.bankAccountAccountNumberPlaceholder,
+					value: t.accountNumber,
+					error: n.accountNumber,
+					disabled: a,
+					onChange: (e) => s({ accountNumber: e })
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [/* @__PURE__ */ b(T, {
+					id: `${e}-account-holder-name`,
+					label: o.bankAccountHolderNameLabel,
+					placeholder: o.bankAccountHolderNamePlaceholder,
+					value: t.accountHolderName,
+					error: n.accountHolderName,
+					disabled: a,
+					onChange: (e) => s({ accountHolderName: e })
+				}), /* @__PURE__ */ b(T, {
+					id: `${e}-account-nickname`,
+					label: o.bankAccountNicknameLabel,
+					optionalSuffix: o.optionalSuffix,
+					placeholder: o.bankAccountNicknamePlaceholder,
+					value: t.displayName,
+					error: n.displayName,
+					disabled: a,
+					onChange: (e) => s({ displayName: e })
+				})]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:gap-4",
+				children: [r && /* @__PURE__ */ b(i, {
+					type: "button",
+					variant: "outline",
+					className: "ttw:border-border",
+					disabled: a,
+					onClick: l,
+					children: o.bankAccountCancelButton
+				}), /* @__PURE__ */ b(i, {
+					type: "button",
+					disabled: a,
+					onClick: c,
+					children: o.bankAccountSaveButton
+				})]
+			})
+		]
+	});
+}
+function D({ idPrefix: i, view: a, error: o, disabled: c, onAccountSelect: l, onAddAccountClick: T, onFormChange: D, onFormSave: O, onFormCancel: k, labels: A }) {
 	let j = {
-		...g,
+		...v,
 		...A
-	}, M = `${S}-payment-terms`, N = () => {
-		window.setTimeout(() => D(!0), 0);
-	};
+	}, M = `${i}-bank-account`;
 	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
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ b(_, {
+					variant: "h4",
+					children: j.bankAccountHeading
+				}), /* @__PURE__ */ b(_, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: j.bankAccountDescription
+				})]
+			}),
+			(a.kind === "loading" || a.kind === "picker") && /* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:p-3",
+				children: [
+					/* @__PURE__ */ x("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-1",
+						children: [/* @__PURE__ */ b(_, {
+							variant: "body2",
+							children: j.bankAccountLabel
+						}), /* @__PURE__ */ b(_, {
+							variant: "caption",
+							color: "muted",
+							children: j.bankAccountHint
+						})]
 					}),
-					/* @__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
-										})
-									})
+					a.kind === "loading" ? /* @__PURE__ */ b(g, { className: "ttw:h-9 ttw:w-full ttw:rounded-md" }) : /* @__PURE__ */ x(u, {
+						disabled: c,
+						value: a.selected?.value ?? "",
+						onValueChange: (e) => {
+							if (e === w) {
+								T();
+								return;
+							}
+							l(e);
+						},
+						children: [/* @__PURE__ */ b(m, {
+							id: M,
+							className: "ttw:w-full",
+							"aria-label": j.bankAccountSelectorLabel,
+							"aria-invalid": !!o,
+							children: /* @__PURE__ */ b(h, {
+								placeholder: j.bankAccountPlaceholder,
+								children: a.selected && /* @__PURE__ */ x("span", {
+									className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+									children: [/* @__PURE__ */ b("span", {
+										className: "ttw:truncate",
+										children: a.selected.label
+									}), a.selected.sourceLabel && /* @__PURE__ */ b(r, {
+										variant: "secondary",
+										className: "ttw:shrink-0",
+										children: a.selected.sourceLabel
+									})]
 								})
-							}), /* @__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
-						})]
+							})
+						}), /* @__PURE__ */ x(d, { children: [a.options.map((e) => /* @__PURE__ */ b(f, {
+							value: e.value,
+							children: /* @__PURE__ */ x("span", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-between ttw:gap-2",
+								children: [/* @__PURE__ */ b("span", {
+									className: "ttw:truncate",
+									children: e.label
+								}), e.sourceLabel && /* @__PURE__ */ b("span", {
+									className: "ttw:shrink-0 ttw:text-muted-foreground",
+									children: e.sourceLabel
+								})]
+							})
+						}, e.value)), a.canAddAccount && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, {}), /* @__PURE__ */ x(f, {
+							value: w,
+							className: "ttw:font-semibold ttw:text-primary ttw:hover:text-primary ttw:focus:text-primary",
+							children: [/* @__PURE__ */ b(S, { className: "ttw:text-primary" }), j.bankAccountAddOption]
+						})] })] })]
 					}),
-					C.description && /* @__PURE__ */ b(n, { children: C.description }),
-					/* @__PURE__ */ b(r, { errors: w ? [{ message: w }] : [] })
-				] }) })
-			})]
-		})]
+					/* @__PURE__ */ b(s, { errors: o ? [{ message: o }] : [] })
+				]
+			}),
+			a.kind === "form" && /* @__PURE__ */ x("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				"aria-invalid": o ? !0 : void 0,
+				children: [/* @__PURE__ */ b(E, {
+					idPrefix: i,
+					values: a.values,
+					errors: a.errors,
+					canCancel: a.canCancel,
+					isSaving: a.isSaving,
+					labels: j,
+					onChange: D,
+					onSave: O,
+					onCancel: k
+				}), /* @__PURE__ */ b(s, { errors: o ? [{ message: o }] : [] })]
+			}),
+			a.kind === "restricted" && /* @__PURE__ */ x(e, {
+				className: "ttw:border-transparent ttw:bg-yellow-50 ttw:text-yellow-900 ttw:dark:bg-yellow-950 ttw:dark:text-yellow-100",
+				children: [
+					/* @__PURE__ */ b(C, {}),
+					/* @__PURE__ */ b(n, { children: j.bankAccountRestrictedTitle }),
+					/* @__PURE__ */ b(t, {
+						className: "ttw:text-current",
+						children: j.bankAccountRestrictedDescription
+					})
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { S as ReceivableBillingSection, S as default };
+export { D as ReceivableBankAccountSection };

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

@@ -1,3 +1,161 @@
-import "./index2.js";
-import "./index10.js";
-import "./index11.js";
+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 "./index9.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/index12.js
+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__ */ 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__ */ 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" })
+					}),
+					/* @__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 { m as ReceivableAttachmentsSection };

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

@@ -1,24 +1,16 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index4.js";
-import { jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.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 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 { a as ReceivableStatusBadge, a as default };
+export { n as OptionRow };

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

@@ -1 +1,25 @@
-import "lucide-react";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OptionRow as t } from "./index13.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/index14.js
+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 SelectionValue };

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

@@ -1,3 +1,4 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index14.js";
-import "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js
+var e = "receipt_due", t = "custom";
+//#endregion
+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/index16.js

@@ -1,3 +1,95 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react/jsx-runtime";
-import "lucide-react";
+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";
+//#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);
+	};
+	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 { S as ReceivableBillingSection, S as default };

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

@@ -1,18 +1,3 @@
-import { Button as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { XIcon as r } from "lucide-react";
-t(function({ label: t, onClose: i, variant: a = "ghost", size: o = "icon", onClick: s, ...c }, l) {
-	return /* @__PURE__ */ n(e, {
-		ref: l,
-		variant: a,
-		size: o,
-		...c,
-		"aria-label": t,
-		onClick: (e) => {
-			s?.(e), i();
-		},
-		children: /* @__PURE__ */ n(r, { className: "ttw:size-4" })
-	});
-});
-//#endregion
+import "./index7.js";
+import "./index15.js";
+import "./index16.js";