@tesouro/embedded-components-react 0.5.205 → 0.5.206

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index9.js

@@ -1,89 +1,425 @@
+import { minorExponentForCurrency as e } from "../../../shared/util/dist/lib/amountOutputToMajorUnits.js";
+import { parseDateOrTimestamp as t } from "../../../shared/util/dist/lib/parseCalendarDate.js";
+import { createLineItem as n, isBlankLineItem as r, lineItemToCreatePayload as i, lineItemToUpdatePayload as a, responseLineItemToFormValues as o, summarizeLineItemErrors as s, taxRateFromLineItems as c, validateLineItems as l } from "./index6.js";
+import { attachmentFormValuesToPayload as u, receivableToAttachmentFormValues as d } from "./index7.js";
+import { buildPaymentTermsPayload as f, buildPaymentTermsUpdatePayload as p, paymentTermsToFormFields as m } from "./index8.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index9.js
-var e = {
-	customerRequired: "Customer is required",
-	customerAddressRequired: "The selected customer needs a billing address before a receivable can be created.",
-	currencyRequired: "Currency is required",
-	lineItemNameTooLong: "Product name must be 100 characters or less",
-	lineItemPriceTooHigh: "Price must be {maxAmount} or less",
-	sendToRequired: "Enter at least one recipient",
-	sendSubjectRequired: "Subject is required",
-	sendBodyRequired: "Message is required",
-	paymentAmountInvalid: "Amount paid must be greater than 0",
-	genericError: "Something went wrong. Please try again.",
-	lineItemsLoading: "Please wait for invoice details to finish loading.",
-	bankAccountFallbackName: "Bank Account",
-	bankAccountPoweredBy: "Powered by {embeddedBankName}",
-	bankAccountLinked: "Linked account",
-	bankAccountHolderNameRequired: "Account holder name is required",
-	bankAccountHolderNameTooLong: "Account holder name must be 255 characters or less",
-	bankAccountNumberRequired: "Account number is required",
-	bankAccountNumberDigitsOnly: "Account number must contain only digits",
-	bankAccountNumberTooShort: "Account number must be at least 4 digits",
-	bankAccountNumberTooLong: "Account number must be at most 17 digits",
-	bankAccountRoutingNumberRequired: "Routing number is required",
-	bankAccountRoutingNumberInvalid: "Routing number must be 9 digits",
-	bankAccountNicknameTooLong: "Display name must be 200 characters or less",
-	bankAccountCreated: "Bank Account \"{name}\" has been created.",
-	bankAccountCreateFailed: "Failed to create Bank Account.",
-	untitledDocument: "Untitled document",
-	unknownCustomer: "Unknown customer",
-	notAvailable: "Not available",
-	invoiceType: "Invoice",
-	quoteType: "Quote",
-	creditNoteType: "Credit note",
-	summaryDocumentType: "Document type",
-	summaryDocumentNumber: "Document number",
-	summaryCustomer: "Customer",
-	summaryIssued: "Issued",
-	summaryDue: "Due",
-	summaryCreated: "Created",
-	summaryUpdated: "Updated",
-	summaryTotal: "Total",
-	summaryAmountDue: "Amount due",
-	activityStatusChanged: "Status changed",
-	activityReceivableCreated: "Receivable created",
-	activityReceivableUpdated: "Receivable updated",
-	activityPaymentReceived: "Payment received",
-	activityMailSent: "Email sent",
-	activityUnknown: "Activity",
-	recipientsNone: "No recipients",
-	sendSubjectDefault: "Your receivable document",
-	sendBodyDefault: "Please find the receivable document attached.",
-	issueTitle: "Issue receivable?",
-	issueDescription: "Issuing locks the document and makes it ready to send to the customer.",
-	issueConfirm: "Issue",
-	acceptTitle: "Accept quote?",
-	acceptDescription: "This marks the quote as accepted.",
-	acceptConfirm: "Accept",
-	declineTitle: "Decline quote?",
-	declineDescription: "This marks the quote as declined.",
-	declineConfirm: "Decline",
-	cancelTitle: "Cancel receivable?",
-	cancelDescription: "This cancels the document. You cannot undo this action.",
-	cancelConfirm: "Cancel document",
-	cloneTitle: "Clone receivable?",
-	cloneDescription: "This creates a new draft based on the selected document.",
-	cloneConfirm: "Clone",
-	deleteTitle: "Delete draft?",
-	deleteDescription: "This permanently deletes the draft document. You cannot undo this action.",
-	deleteConfirm: "Delete",
-	markPaidTitle: "Mark invoice as paid?",
-	markPaidDescription: "This records the invoice as fully paid.",
-	markPaidConfirm: "Mark paid",
-	markUncollectibleTitle: "Mark invoice uncollectible?",
-	markUncollectibleDescription: "This records the invoice as uncollectible. You cannot undo this action.",
-	markUncollectibleConfirm: "Mark uncollectible",
-	attachmentsEmailCaption: "Selected files will be attached to the invoice email sent to the customer.",
-	attachmentsRecurringEmailCaption: "Selected files will be attached to every invoice email in the recurring series.",
-	attachmentIncludeInEmail: "Include in email:",
-	attachmentRemove: "Remove",
-	attachmentUploading: "Uploading…",
-	attachmentUploadFailed: "Upload failed. Please try again.",
-	attachmentTooLarge: "File too large (max 3 MB)",
-	attachmentUnsupportedType: "File type not supported. Use PDF, DOC, JPG or PNG",
-	attachmentsCountLimit: "You can attach up to 10 files.",
-	attachmentIncludedInEmail: "Included in email",
-	attachmentNotIncludedInEmail: "Not included in email"
+var h = {
+	to: "",
+	cc: "",
+	bcc: "",
+	subject: "",
+	body: ""
+}, g = {
+	mode: "full",
+	amountPaid: "",
+	paidAt: "",
+	comment: ""
 };
+function _() {
+	return {
+		type: "invoice",
+		customerId: "",
+		currency: "USD",
+		issueDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+		dueDate: "",
+		openingNote: "",
+		closingNote: "",
+		paymentTermsId: "",
+		paymentTermsCustomDate: "",
+		taxRate: "",
+		lineItems: [n()],
+		bankAccountId: "",
+		bankAccountType: "",
+		attachments: []
+	};
+}
+function v(e) {
+	return e === "quotes" ? "quote" : e === "credit_notes" ? "credit_note" : "invoice";
+}
+function y(e) {
+	return e === "quote" ? "quotes" : e === "credit_note" ? "credit_notes" : "invoices";
+}
+function b(e) {
+	return (e?.length ? e : [
+		"invoices",
+		"quotes",
+		"credit_notes"
+	]).filter((e, t, n) => [
+		"invoices",
+		"quotes",
+		"credit_notes"
+	].includes(e) && n.indexOf(e) === t);
+}
+function x({ defaultTab: e, enabledTabs: t }) {
+	return e && t.includes(e) ? e : t[0] ?? "invoices";
+}
+function S(e, n) {
+	let r = t(e);
+	return r ? new Intl.DateTimeFormat(void 0, {
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	}).format(r) : n;
+}
+function C({ amount: t, currency: n, fallback: r }) {
+	return t == null || !n ? r : new Intl.NumberFormat(void 0, {
+		currency: n,
+		style: "currency"
+	}).format(t / 10 ** e(n));
+}
+function w(t, n) {
+	let r = Number(t);
+	if (!Number.isFinite(r)) return;
+	let i = n ? e(n) : 2;
+	return Math.round(r * 10 ** i);
+}
+function T(e, t) {
+	return e.document_id || t.untitledDocument;
+}
+function E(e, t) {
+	return e === "quote" ? t.quoteType : e === "credit_note" ? t.creditNoteType : t.invoiceType;
+}
+function D(e) {
+	return e === "paid" || e === "accepted" || e === "issued" || e === "recurring" ? "success" : e === "draft" || e === "issuing" ? "neutral" : e === "overdue" || e === "partially_paid" ? "warning" : e === "failed" || e === "declined" || e === "expired" || e === "uncollectible" || e === "canceled" || e === "deleted" ? "danger" : "info";
+}
+function O(e) {
+	let t = e.status === "draft", n = e.status === "issued", r = e.type === "invoice", i = e.type === "quote", a = e.type === "credit_note", o = r && [
+		"issued",
+		"overdue",
+		"partially_paid"
+	].includes(e.status);
+	return {
+		edit: t && !a,
+		accept: i && n,
+		cancel: ![
+			"paid",
+			"canceled",
+			"deleted",
+			"uncollectible"
+		].includes(e.status) && !t,
+		clone: !a && e.status !== "deleted",
+		decline: i && n,
+		delete: t,
+		issue: t,
+		markPaid: o,
+		markUncollectible: o,
+		recordPayment: o,
+		send: [
+			"issued",
+			"accepted",
+			"overdue",
+			"partially_paid"
+		].includes(e.status) && !a
+	};
+}
+function k({ receivables: e, messages: t }) {
+	return e.map((e) => {
+		let n = e.type === "invoice" ? e.amount_due : void 0;
+		return {
+			id: e.id,
+			type: e.type,
+			documentLabel: T(e, t),
+			customerLabel: e.counterpart_name || t.unknownCustomer,
+			status: e.status,
+			statusTone: D(e.status),
+			issueDateLabel: S(e.issue_date, t.notAvailable),
+			dueDateLabel: S(e.type === "quote" ? e.expiry_date : e.due_date, t.notAvailable),
+			totalLabel: C({
+				amount: e.total_amount,
+				currency: e.currency,
+				fallback: t.notAvailable
+			}),
+			amountDueLabel: C({
+				amount: n,
+				currency: e.currency,
+				fallback: t.notAvailable
+			}),
+			actions: O(e)
+		};
+	});
+}
+function A({ receivable: e, history: t, mails: n, pdfUrl: r, messages: i }) {
+	if (!e) return;
+	let a = e.type === "invoice" ? e.amount_due : void 0, o = e.type === "quote" ? e.expiry_date : e.due_date;
+	return {
+		id: e.id,
+		type: e.type,
+		title: T(e, i),
+		customerLabel: e.counterpart_name || i.unknownCustomer,
+		status: e.status,
+		statusTone: D(e.status),
+		totalLabel: C({
+			amount: e.total_amount,
+			currency: e.currency,
+			fallback: i.notAvailable
+		}),
+		amountDueLabel: C({
+			amount: a,
+			currency: e.currency,
+			fallback: i.notAvailable
+		}),
+		pdfUrl: r || e.file_url || e.original_file_url || void 0,
+		summaryItems: [
+			{
+				label: i.summaryDocumentType,
+				value: E(e.type, i)
+			},
+			{
+				label: i.summaryDocumentNumber,
+				value: T(e, i)
+			},
+			{
+				label: i.summaryCustomer,
+				value: e.counterpart_name || i.unknownCustomer
+			},
+			{
+				label: i.summaryIssued,
+				value: S(e.issue_date, i.notAvailable)
+			},
+			{
+				label: i.summaryDue,
+				value: S(o, i.notAvailable)
+			},
+			{
+				label: i.summaryCreated,
+				value: S(e.created_at, i.notAvailable)
+			},
+			{
+				label: i.summaryUpdated,
+				value: S(e.updated_at, i.notAvailable)
+			},
+			{
+				label: i.summaryTotal,
+				value: C({
+					amount: e.total_amount,
+					currency: e.currency,
+					fallback: i.notAvailable
+				})
+			},
+			{
+				label: i.summaryAmountDue,
+				value: C({
+					amount: a,
+					currency: e.currency,
+					fallback: i.notAvailable
+				})
+			}
+		],
+		lineItems: e.line_items.map((t, n) => ({
+			id: t.product.id || String(n),
+			name: t.product.name,
+			quantityLabel: String(t.quantity),
+			unitPriceLabel: C({
+				amount: t.product.price?.value,
+				currency: t.product.price?.currency || e.currency,
+				fallback: i.notAvailable
+			}),
+			totalLabel: C({
+				amount: t.total_after_tax ?? t.total_before_tax,
+				currency: e.currency,
+				fallback: i.notAvailable
+			})
+		})),
+		activityItems: t.map((e) => ({
+			id: e.id,
+			title: j(e.event_type, i),
+			description: e.event_type,
+			timestampLabel: S(e.timestamp, i.notAvailable)
+		})),
+		mailItems: n.map((e) => ({
+			id: e.id,
+			statusLabel: e.status,
+			recipientsLabel: M(e, i),
+			sentAtLabel: S(e.created_at, i.notAvailable)
+		})),
+		actions: O(e)
+	};
+}
+function j(e, t) {
+	return e === "status_changed" ? t.activityStatusChanged : e === "receivable_created" ? t.activityReceivableCreated : e === "receivable_updated" ? t.activityReceivableUpdated : e === "payment_received" ? t.activityPaymentReceived : e === "mail_sent" ? t.activityMailSent : t.activityUnknown;
+}
+function M(e, t) {
+	let n = [
+		...e.recipients?.to ?? [],
+		...e.recipients?.cc ?? [],
+		...e.recipients?.bcc ?? []
+	].map((e) => e.email).filter(Boolean);
+	return n.length > 0 ? n.join(", ") : t.recipientsNone;
+}
+function N({ values: e, billingAddressId: t, messages: n }) {
+	let r = {};
+	e.customerId ? t || (r.customerId = n.customerAddressRequired) : r.customerId = n.customerRequired, e.currency || (r.currency = n.currencyRequired);
+	let i = l(e.lineItems, {
+		currency: e.currency,
+		messages: n
+	});
+	return i && (r.lineItems = i, r.lineItemsSummary = s(i)), r;
+}
+function P(e) {
+	return Object.keys(e).length > 0;
+}
+function F({ bankAccountId: e, bankAccountType: t }) {
+	return {
+		bank_account_id: e || void 0,
+		bank_account_type: e && t || void 0
+	};
+}
+function I({ values: e, billingAddressId: t, unitNamesById: n }) {
+	let a = e.lineItems.filter((e) => !r(e)).map((t) => i({
+		lineItem: t,
+		currency: e.currency,
+		taxRate: e.taxRate,
+		unitNamesById: n
+	})), o = {
+		counterpart_billing_address_id: t,
+		counterpart_id: e.customerId,
+		currency: e.currency,
+		line_items: a,
+		memo: e.openingNote,
+		footer: e.closingNote,
+		...F(e)
+	};
+	return e.type === "quote" ? {
+		...o,
+		expiry_date: e.dueDate || void 0,
+		type: "quote"
+	} : {
+		...o,
+		...f(e),
+		attachments: u(e.attachments),
+		type: "invoice"
+	};
+}
+function L(e, t) {
+	let r = e.type === "quote" ? "quote" : "invoice", i = e.line_items.map((n) => o({
+		lineItem: n,
+		currency: e.currency,
+		units: t
+	}));
+	return {
+		..._(),
+		type: r,
+		customerId: e.counterpart_id,
+		currency: e.currency,
+		issueDate: V(e.issue_date),
+		dueDate: e.type === "quote" ? V(e.expiry_date) : "",
+		openingNote: e.memo ?? "",
+		closingNote: e.footer ?? "",
+		...e.type === "invoice" ? m(e.payment_terms) : {},
+		taxRate: c(e.line_items),
+		lineItems: i.length > 0 ? i : [n(e.currency)],
+		bankAccountId: e.bank_account_id ?? "",
+		bankAccountType: R(e.bank_account_type),
+		attachments: d(e)
+	};
+}
+function R(e) {
+	return e === "BANK_DETAILS" || e === "INTERNAL" || e === "EXTERNAL" ? e : "";
+}
+function z({ values: e, billingAddressId: t, lineItemChanges: n }) {
+	let r = {
+		counterpart_billing_address_id: t,
+		counterpart_id: e.customerId,
+		currency: e.currency,
+		issue_date: e.issueDate || void 0,
+		memo: e.openingNote,
+		footer: e.closingNote,
+		...F(e)
+	};
+	return e.type === "quote" ? { quote: {
+		...r,
+		...n ? { line_items: n } : {},
+		expiry_date: e.dueDate || void 0,
+		...p(e)
+	} } : { invoice: {
+		...r,
+		...n ? { line_items: n } : {},
+		...p(e),
+		attachments: u(e.attachments) ?? null
+	} };
+}
+function B({ values: e, originalLineItems: t, originalCurrency: n, unitNamesById: i, units: s }) {
+	let l = (e, t, n) => a({
+		lineItem: e,
+		currency: t,
+		taxRate: n,
+		unitNamesById: i
+	}), u = c(t), d = new Map(t.map((e) => [e.id, JSON.stringify(l(o({
+		lineItem: e,
+		currency: n,
+		units: s
+	}), n, u))])), f = e.lineItems.filter((e) => !r(e)), p = new Set(f.map((e) => e.id)), m = f.filter((e) => !d.has(e.id)).map((t) => l(t, e.currency, e.taxRate)), h = f.flatMap((t) => {
+		let n = d.get(t.id);
+		if (n === void 0) return [];
+		let r = l(t, e.currency, e.taxRate);
+		return n === JSON.stringify(r) ? [] : [{
+			id: t.id,
+			data: r
+		}];
+	}), g = t.filter((e) => !p.has(e.id)).map((e) => e.id);
+	if (m.length || h.length || g.length) return {
+		...m.length ? { add: m } : {},
+		...h.length ? { replace: h } : {},
+		...g.length ? { remove: g } : {}
+	};
+}
+function V(e) {
+	return e?.slice(0, 10) ?? "";
+}
+function H(e, t) {
+	let n = {};
+	return e.to.trim() || (n.to = t.sendToRequired), e.subject.trim() || (n.subject = t.sendSubjectRequired), e.body.trim() || (n.body = t.sendBodyRequired), n;
+}
+function U(e) {
+	return Object.keys(e).length > 0;
+}
+function W(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+function G(e, t, n) {
+	let r = {};
+	if (e.mode === "partial") {
+		let i = w(e.amountPaid, n);
+		(!i || i <= 0) && (r.amountPaid = t.paymentAmountInvalid);
+	}
+	return r;
+}
+function K(e) {
+	return Object.keys(e).length > 0;
+}
+function q(e, t) {
+	return {
+		...h,
+		to: e?.counterpart_contact?.email ?? "",
+		subject: e?.document_id ? `${t.sendSubjectDefault} ${e.document_id}` : t.sendSubjectDefault,
+		body: t.sendBodyDefault
+	};
+}
+function J() {
+	return {
+		...g,
+		paidAt: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+	};
+}
+function Y() {
+	return [
+		"draft",
+		"issued",
+		"failed",
+		"accepted",
+		"expired",
+		"declined",
+		"recurring",
+		"partially_paid",
+		"paid",
+		"overdue",
+		"uncollectible",
+		"canceled"
+	].map((e) => ({
+		value: e,
+		label: e.split("_").map((e) => `${e.slice(0, 1).toUpperCase()}${e.slice(1)}`).join(" ")
+	}));
+}
 //#endregion
-export { e as RECEIVABLE_MESSAGE_LABELS_EN };
+export { g as EMPTY_RECEIVABLE_PAYMENT_VALUES, h as EMPTY_RECEIVABLE_SEND_VALUES, O as buildReceivableActions, A as buildReceivableDetailsView, k as buildReceivableRows, b as coerceEnabledTabs, _ as createEmptyReceivableFormValues, n as createLineItem, J as defaultPaymentValues, q as defaultSendValues, S as formatDate, C as formatMoney, w as fromMajorUnits, T as getDocumentTitle, E as getDocumentTypeLabel, D as getStatusTone, K as hasPaymentErrors, P as hasReceivableFormErrors, U as hasSendErrors, I as receivableFormValuesToCreatePayload, B as receivableFormValuesToLineItemChanges, z as receivableFormValuesToUpdatePayload, L as receivableToFormValues, x as resolveInitialTab, W as splitEmailList, Y as statusFilterOptions, y as tabForType, v as typeForTab, G as validatePaymentValues, N as validateReceivableForm, H as validateSendValues };

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

@@ -1,13 +1,17 @@
 import "./index2.js";
-import { ReceivableActionDialog as e } from "./index3.js";
-import { ReceivableBankAccountSection as t } from "./index4.js";
-import { ReceivableAttachmentsSection as n } from "./index5.js";
-import "./index6.js";
-import "./index13.js";
-import "./index14.js";
-import { ReceivableDetailsSheet as r } from "./index15.js";
-import { ReceivableFormSheet as i } from "./index17.js";
-import { ReceivablePaymentDialog as a } from "./index18.js";
-import { ReceivableSendDialog as o } from "./index19.js";
-import { ReceivablesScreen as s } from "./index20.js";
-export { e as ReceivableActionDialog, n as ReceivableAttachmentsSection, t as ReceivableBankAccountSection, r as ReceivableDetailsSheet, i as ReceivableFormSheet, a as ReceivablePaymentDialog, o as ReceivableSendDialog, s as ReceivablesScreen };
+import "./index3.js";
+import { ReceivableActionDialog as e } from "./index4.js";
+import { ReceivableBankAccountSection as t } from "./index5.js";
+import { ReceivableAttachmentsSection as n } from "./index6.js";
+import { RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE as r, RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as i } from "./index9.js";
+import { ReceivableBillingSection as a } from "./index10.js";
+import "./index11.js";
+import "./index12.js";
+import "./index19.js";
+import "./index20.js";
+import { ReceivableDetailsSheet as o } from "./index21.js";
+import { ReceivableFormSheet as s } from "./index23.js";
+import { ReceivablePaymentDialog as c } from "./index24.js";
+import { ReceivableSendDialog as l } from "./index25.js";
+import { ReceivablesScreen as u } from "./index26.js";
+export { r as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, i as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, e as ReceivableActionDialog, n as ReceivableAttachmentsSection, t as ReceivableBankAccountSection, a as ReceivableBillingSection, o as ReceivableDetailsSheet, s as ReceivableFormSheet, c as ReceivablePaymentDialog, l as ReceivableSendDialog, u as ReceivablesScreen };

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

@@ -1,18 +1,94 @@
-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" })
+import { Field as e, FieldContent as t, FieldError as n, FieldLabel as r, Popover as i, PopoverAnchor as a, PopoverContent as o, Select as s, SelectContent as c, SelectItem as l, SelectSeparator as u, SelectTrigger as d, SelectValue as f, Skeleton as p, Typography as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_BILLING_SECTION_LABELS_EN as h } from "./index2.js";
+import { RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE as g, RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE as _ } from "./index9.js";
+import { OptionRow as v } from "./index7.js";
+import { SelectionValue as y } from "./index8.js";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index10.js
+function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, labels: k }) {
+	let A = {
+		...h,
+		...k
+	}, j = `${S}-payment-terms`, M = () => {
+		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(m, {
+				variant: "h4",
+				children: A.billingHeading
+			}), /* @__PURE__ */ b(m, {
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: A.billingDescription
+			})]
+		}), /* @__PURE__ */ b("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-6",
+			children: /* @__PURE__ */ b("div", {
+				className: "ttw:flex ttw:w-full ttw:items-start ttw:gap-2.5",
+				children: C.kind === "loading" ? /* @__PURE__ */ b(p, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ b(e, { children: /* @__PURE__ */ x(t, { children: [
+					/* @__PURE__ */ b(r, {
+						htmlFor: j,
+						children: A.paymentTermsLabel
+					}),
+					/* @__PURE__ */ x(i, {
+						open: C.customDatePicker.open,
+						onOpenChange: D,
+						children: [/* @__PURE__ */ x(s, {
+							disabled: T,
+							value: C.value,
+							onValueChange: (e) => {
+								E(e), e === "custom" && M();
+							},
+							children: [/* @__PURE__ */ b(a, {
+								className: "ttw:w-full",
+								children: /* @__PURE__ */ b(d, {
+									id: j,
+									className: "ttw:w-full",
+									"aria-invalid": !!w,
+									children: /* @__PURE__ */ b(f, {
+										placeholder: A.paymentTermsPlaceholder,
+										children: /* @__PURE__ */ b(y, {
+											selection: C.selection,
+											labels: A
+										})
+									})
+								})
+							}), /* @__PURE__ */ x(c, { children: [
+								/* @__PURE__ */ b(l, {
+									value: _,
+									children: A.paymentTermsReceiptDue
+								}),
+								/* @__PURE__ */ b(l, {
+									value: g,
+									onPointerUp: M,
+									onClick: M,
+									onKeyDown: (e) => {
+										(e.key === "Enter" || e.key === " ") && M();
+									},
+									children: A.paymentTermsCustomDate
+								}),
+								/* @__PURE__ */ b(u, {}),
+								C.options.map((e) => /* @__PURE__ */ b(l, {
+									value: e.value,
+									children: /* @__PURE__ */ b(v, { option: e })
+								}, e.value))
+							] })]
+						}), /* @__PURE__ */ b(o, {
+							className: "ttw:w-auto ttw:overflow-hidden ttw:p-0",
+							align: "start",
+							onFocusOutside: (e) => e.preventDefault(),
+							children: O
+						})]
+					}),
+					/* @__PURE__ */ b(n, { errors: w ? [{ message: w }] : [] })
+				] }) })
+			})
+		})]
 	});
-});
+}
 //#endregion
+export { S as ReceivableBillingSection, S as default };

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

@@ -1 +1,3 @@
-import "react/jsx-runtime";
+import "./index2.js";
+import "./index9.js";
+import "./index10.js";

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

@@ -1,4 +1,24 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index7.js";
-import "react/jsx-runtime";
-import "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 "./index3.js";
+import { jsxs as r } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index12.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, tone: o, labels: s, icon: c }) {
+	let l = {
+		...n,
+		...s
+	}, u = l[a] ?? l.unknown;
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t(c && "ttw:gap-1", i[o]),
+		children: [c, u]
+	});
+}
+//#endregion
+export { a as ReceivableStatusBadge, a as default };