@tesouro/embedded-components-react 0.5.204 → 0.5.205

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

@@ -27,6 +27,8 @@ function m() {
 		paymentTermsId: "",
 		taxRate: "",
 		lineItems: [n()],
+		bankAccountId: "",
+		bankAccountType: "",
 		attachments: []
 	};
 }
@@ -255,7 +257,13 @@ function A({ values: e, billingAddressId: t, messages: n }) {
 function j(e) {
 	return Object.keys(e).length > 0;
 }
-function M({ values: e, billingAddressId: t, unitNamesById: n }) {
+function M({ bankAccountId: e, bankAccountType: t }) {
+	return {
+		bank_account_id: e || void 0,
+		bank_account_type: e && t || void 0
+	};
+}
+function N({ values: e, billingAddressId: t, unitNamesById: n }) {
 	let a = e.lineItems.filter((e) => !r(e)).map((t) => i({
 		lineItem: t,
 		currency: e.currency,
@@ -267,7 +275,8 @@ function M({ values: e, billingAddressId: t, unitNamesById: n }) {
 		currency: e.currency,
 		line_items: a,
 		memo: e.openingNote,
-		footer: e.closingNote
+		footer: e.closingNote,
+		...M(e)
 	};
 	return e.type === "quote" ? {
 		...o,
@@ -281,7 +290,7 @@ function M({ values: e, billingAddressId: t, unitNamesById: n }) {
 		type: "invoice"
 	};
 }
-function N(e, t) {
+function P(e, t) {
 	let r = e.type === "quote" ? "quote" : "invoice", i = e.type === "invoice" ? e.payment_terms?.id ?? "" : "", a = e.line_items.map((n) => o({
 		lineItem: n,
 		currency: e.currency,
@@ -292,24 +301,30 @@ function N(e, t) {
 		type: r,
 		customerId: e.counterpart_id,
 		currency: e.currency,
-		issueDate: I(e.issue_date),
-		dueDate: I(e.type === "quote" ? e.expiry_date : e.due_date),
+		issueDate: R(e.issue_date),
+		dueDate: R(e.type === "quote" ? e.expiry_date : e.due_date),
 		openingNote: e.memo ?? "",
 		closingNote: e.footer ?? "",
 		paymentTermsId: i,
 		taxRate: c(e.line_items),
 		lineItems: a.length > 0 ? a : [n(e.currency)],
+		bankAccountId: e.bank_account_id ?? "",
+		bankAccountType: F(e.bank_account_type),
 		attachments: d(e)
 	};
 }
-function P({ values: e, billingAddressId: t, lineItemChanges: n }) {
+function F(e) {
+	return e === "BANK_DETAILS" || e === "INTERNAL" || e === "EXTERNAL" ? e : "";
+}
+function I({ 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
+		footer: e.closingNote,
+		...M(e)
 	};
 	return e.type === "quote" ? { quote: {
 		...r,
@@ -325,7 +340,7 @@ function P({ values: e, billingAddressId: t, lineItemChanges: n }) {
 		attachments: u(e.attachments) ?? null
 	} };
 }
-function F({ values: e, originalLineItems: t, originalCurrency: n, unitNamesById: i, units: s }) {
+function L({ values: e, originalLineItems: t, originalCurrency: n, unitNamesById: i, units: s }) {
 	let l = (e, t, n) => a({
 		lineItem: e,
 		currency: t,
@@ -350,26 +365,26 @@ function F({ values: e, originalLineItems: t, originalCurrency: n, unitNamesById
 		...g.length ? { remove: g } : {}
 	};
 }
-function I(e) {
+function R(e) {
 	return e?.slice(0, 10) ?? "";
 }
-function L(e) {
+function z(e) {
 	return (e ?? []).map((e) => ({
 		value: e.id,
 		label: e.name
 	}));
 }
-function R(e, t) {
+function B(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 z(e) {
+function V(e) {
 	return Object.keys(e).length > 0;
 }
-function B(e) {
+function H(e) {
 	return e.split(",").map((e) => e.trim()).filter(Boolean);
 }
-function V(e, t, n) {
+function U(e, t, n) {
 	let r = {};
 	if (e.mode === "partial") {
 		let i = x(e.amountPaid, n);
@@ -377,10 +392,10 @@ function V(e, t, n) {
 	}
 	return r;
 }
-function H(e) {
+function W(e) {
 	return Object.keys(e).length > 0;
 }
-function U(e, t) {
+function G(e, t) {
 	return {
 		...f,
 		to: e?.counterpart_contact?.email ?? "",
@@ -388,13 +403,13 @@ function U(e, t) {
 		body: t.sendBodyDefault
 	};
 }
-function W() {
+function K() {
 	return {
 		...p,
 		paidAt: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
 	};
 }
-function G() {
+function q() {
 	return [
 		"draft",
 		"issued",
@@ -414,4 +429,4 @@ function G() {
 	}));
 }
 //#endregion
-export { p as EMPTY_RECEIVABLE_PAYMENT_VALUES, f as EMPTY_RECEIVABLE_SEND_VALUES, T as buildReceivableActions, D as buildReceivableDetailsView, E as buildReceivableRows, _ as coerceEnabledTabs, m as createEmptyReceivableFormValues, n as createLineItem, W as defaultPaymentValues, U as defaultSendValues, y as formatDate, b as formatMoney, x as fromMajorUnits, S as getDocumentTitle, C as getDocumentTypeLabel, L as getPaymentTermOptions, w as getStatusTone, H as hasPaymentErrors, j as hasReceivableFormErrors, z as hasSendErrors, M as receivableFormValuesToCreatePayload, F as receivableFormValuesToLineItemChanges, P as receivableFormValuesToUpdatePayload, N as receivableToFormValues, v as resolveInitialTab, B as splitEmailList, G as statusFilterOptions, g as tabForType, h as typeForTab, V as validatePaymentValues, A as validateReceivableForm, R as validateSendValues };
+export { p as EMPTY_RECEIVABLE_PAYMENT_VALUES, f as EMPTY_RECEIVABLE_SEND_VALUES, T as buildReceivableActions, D as buildReceivableDetailsView, E as buildReceivableRows, _ as coerceEnabledTabs, m as createEmptyReceivableFormValues, n as createLineItem, K as defaultPaymentValues, G as defaultSendValues, y as formatDate, b as formatMoney, x as fromMajorUnits, S as getDocumentTitle, C as getDocumentTypeLabel, z as getPaymentTermOptions, w as getStatusTone, W as hasPaymentErrors, j as hasReceivableFormErrors, V as hasSendErrors, N as receivableFormValuesToCreatePayload, L as receivableFormValuesToLineItemChanges, I as receivableFormValuesToUpdatePayload, P as receivableToFormValues, v as resolveInitialTab, H as splitEmailList, q as statusFilterOptions, g as tabForType, h as typeForTab, U as validatePaymentValues, A as validateReceivableForm, B as validateSendValues };

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

@@ -11,6 +11,20 @@ var e = {
 	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",

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

@@ -1,12 +1,13 @@
 import "./index2.js";
 import { ReceivableActionDialog as e } from "./index3.js";
-import { ReceivableAttachmentsSection as t } from "./index4.js";
-import "./index5.js";
-import "./index12.js";
+import { ReceivableBankAccountSection as t } from "./index4.js";
+import { ReceivableAttachmentsSection as n } from "./index5.js";
+import "./index6.js";
 import "./index13.js";
-import { ReceivableDetailsSheet as n } from "./index14.js";
-import { ReceivableFormSheet as r } from "./index16.js";
-import { ReceivablePaymentDialog as i } from "./index17.js";
-import { ReceivableSendDialog as a } from "./index18.js";
-import { ReceivablesScreen as o } from "./index19.js";
-export { e as ReceivableActionDialog, t as ReceivableAttachmentsSection, n as ReceivableDetailsSheet, r as ReceivableFormSheet, i as ReceivablePaymentDialog, a as ReceivableSendDialog, o as ReceivablesScreen };
+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 };

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

@@ -1 +1,18 @@
-import "react/jsx-runtime";
+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

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

@@ -1,4 +1 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index6.js";
 import "react/jsx-runtime";
-import "lucide-react";

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

@@ -1,11 +1,4 @@
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/index.js";
-import "./index5.js";
-import "./index6.js";
 import "./index7.js";
-import "./index8.js";
-import "./index9.js";
-import "./index10.js";
-import "./index11.js";
 import "react/jsx-runtime";
 import "lucide-react";

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

@@ -1 +1,11 @@
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import "./index6.js";
+import "./index7.js";
+import "./index8.js";
+import "./index9.js";
+import "./index10.js";
+import "./index11.js";
 import "./index12.js";
+import "react/jsx-runtime";
+import "lucide-react";

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

@@ -1,264 +1 @@
-import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o, Typography as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ErrorState as c } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { RECEIVABLE_DETAILS_SHEET_LABELS_EN as l } from "./index2.js";
-import { ReceivableStatusBadge as u } from "./index5.js";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DownloadIcon as m } from "lucide-react";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js
-function h({ title: e, children: t }) {
-	return /* @__PURE__ */ p("section", {
-		className: "ttw:flex ttw:flex-col ttw:gap-3",
-		children: [/* @__PURE__ */ f(s, {
-			variant: "body2",
-			className: "ttw:font-semibold",
-			children: e
-		}), t]
-	});
-}
-function g({ open: s, onOpenChange: g, details: _, isLoading: v, isError: y, onActionClick: b, onClose: x, labels: S }) {
-	let C = {
-		...l,
-		...S,
-		statusBadge: {
-			...l.statusBadge,
-			...S?.statusBadge
-		}
-	};
-	return /* @__PURE__ */ f(t, {
-		open: s,
-		onOpenChange: g,
-		children: /* @__PURE__ */ p(n, {
-			className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180",
-			children: [
-				/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(o, { children: v ? C.loadingTitle : _?.title }), /* @__PURE__ */ f(r, {
-					className: "ttw:sr-only",
-					children: C.hiddenDescription
-				})] }),
-				/* @__PURE__ */ f("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
-					children: y ? /* @__PURE__ */ f(c, {
-						title: C.errorTitle,
-						description: C.errorDescription
-					}) : _ ? /* @__PURE__ */ p(d, { children: [
-						/* @__PURE__ */ p("div", {
-							className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-							children: [/* @__PURE__ */ p("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-1",
-								children: [/* @__PURE__ */ f("span", {
-									className: "ttw:text-sm ttw:text-muted-foreground",
-									children: _.customerLabel
-								}), /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:items-center ttw:gap-2",
-									children: [/* @__PURE__ */ f(u, {
-										status: _.status,
-										tone: _.statusTone,
-										labels: C.statusBadge
-									}), /* @__PURE__ */ f("span", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: _.totalLabel
-									})]
-								})]
-							}), _.pdfUrl && /* @__PURE__ */ f(e, {
-								asChild: !0,
-								variant: "outline",
-								children: /* @__PURE__ */ p("a", {
-									href: _.pdfUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: [/* @__PURE__ */ f(m, { className: "ttw:size-4" }), C.downloadPdfButton]
-								})
-							})]
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.summaryHeading,
-							children: /* @__PURE__ */ f("dl", {
-								className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-3",
-								children: _.summaryItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [/* @__PURE__ */ f("dt", {
-										className: "ttw:text-xs ttw:text-muted-foreground",
-										children: e.label
-									}), /* @__PURE__ */ f("dd", {
-										className: "ttw:text-sm ttw:font-medium",
-										children: e.value
-									})]
-								}, e.label))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.lineItemsHeading,
-							children: _.lineItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noLineItems
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:overflow-hidden ttw:rounded-md ttw:border",
-								children: /* @__PURE__ */ p("table", {
-									className: "ttw:w-full ttw:text-sm",
-									children: [/* @__PURE__ */ f("thead", {
-										className: "ttw:bg-muted/50",
-										children: /* @__PURE__ */ p("tr", { children: [
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-left",
-												children: C.lineItemsHeading
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.quantityColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.unitPriceColumn
-											}),
-											/* @__PURE__ */ f("th", {
-												className: "ttw:p-2 ttw:text-right",
-												children: C.totalColumn
-											})
-										] })
-									}), /* @__PURE__ */ f("tbody", { children: _.lineItems.map((e) => /* @__PURE__ */ p("tr", {
-										className: "ttw:border-t",
-										children: [
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2",
-												children: e.name
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.quantityLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.unitPriceLabel
-											}),
-											/* @__PURE__ */ f("td", {
-												className: "ttw:p-2 ttw:text-right",
-												children: e.totalLabel
-											})
-										]
-									}, e.id)) })]
-								})
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.activityHeading,
-							children: _.activityItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noActivity
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.activityItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.title
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.description
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.timestampLabel
-										})
-									]
-								}, e.id))
-							})
-						}),
-						/* @__PURE__ */ f(h, {
-							title: C.mailsHeading,
-							children: _.mailItems.length === 0 ? /* @__PURE__ */ f("p", {
-								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: C.noMails
-							}) : /* @__PURE__ */ f("div", {
-								className: "ttw:flex ttw:flex-col ttw:gap-3",
-								children: _.mailItems.map((e) => /* @__PURE__ */ p("div", {
-									className: "ttw:flex ttw:flex-col",
-									children: [
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:font-medium",
-											children: e.statusLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-sm ttw:text-muted-foreground",
-											children: e.recipientsLabel
-										}),
-										/* @__PURE__ */ f("span", {
-											className: "ttw:text-xs ttw:text-muted-foreground",
-											children: e.sentAtLabel
-										})
-									]
-								}, e.id))
-							})
-						})
-					] }) : null
-				}),
-				/* @__PURE__ */ f(i, { children: _ && /* @__PURE__ */ p("div", {
-					className: "ttw:flex ttw:flex-wrap ttw:justify-end ttw:gap-2",
-					children: [
-						_.actions.edit && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("edit", _),
-							children: C.editButton
-						}),
-						_.actions.issue && /* @__PURE__ */ f(e, {
-							onClick: () => b("issue", _),
-							children: C.issueButton
-						}),
-						_.actions.send && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("send", _),
-							children: C.sendButton
-						}),
-						_.actions.accept && /* @__PURE__ */ f(e, {
-							onClick: () => b("accept", _),
-							children: C.acceptButton
-						}),
-						_.actions.decline && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("decline", _),
-							children: C.declineButton
-						}),
-						_.actions.recordPayment && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("recordPayment", _),
-							children: C.recordPaymentButton
-						}),
-						_.actions.markPaid && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markPaid", _),
-							children: C.markPaidButton
-						}),
-						_.actions.markUncollectible && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("markUncollectible", _),
-							children: C.markUncollectibleButton
-						}),
-						_.actions.cancel && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("cancel", _),
-							children: C.cancelButton
-						}),
-						_.actions.clone && /* @__PURE__ */ f(e, {
-							variant: "outline",
-							onClick: () => b("clone", _),
-							children: C.cloneButton
-						}),
-						_.actions.delete && /* @__PURE__ */ f(e, {
-							variant: "destructive",
-							onClick: () => b("delete", _),
-							children: C.deleteButton
-						}),
-						/* @__PURE__ */ f(e, {
-							variant: "ghost",
-							onClick: x,
-							children: C.closeButton
-						})
-					]
-				}) })
-			]
-		})
-	});
-}
-//#endregion
-export { g as ReceivableDetailsSheet, g as default };
+import "./index13.js";