@tesouro/embedded-components-react 0.5.258 → 0.5.259

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableIssuePreflight.js

@@ -6,7 +6,7 @@ import { useMyEntityQuery as e } from "../../../../../shared/data-access/dist/li
 import "../../../../../shared/data-access/dist/index.js";
 import { useCounterpartQuery as t } from "../../../../../shared/counterpart-management/data-access/dist/index3.js";
 import "../../../../../shared/counterpart-management/feature/dist/index.js";
-import { useReceivableRequiredFieldsQuery as n } from "../../../../data-access/dist/index11.js";
+import { useReceivableRequiredFieldsQuery as n } from "../../../../data-access/dist/index12.js";
 import "../../../../data-access/dist/index.js";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableIssuePreflight.js
 function r({ counterpartId: r, billingAddressId: i, billingCountry: a }) {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablePaymentRecord.js

@@ -11,7 +11,7 @@ import { useWidgetConfig as r } from "../../../../../shared/feature/dist/lib/Wid
 import "../../../../../shared/feature/dist/index.js";
 import { getCurrencySymbol as i } from "./lineItems.js";
 import { formatMoney as a } from "./helpers.js";
-import { useCreateReceivablePaymentRecordMutation as o } from "../../../../data-access/dist/index10.js";
+import { useCreateReceivablePaymentRecordMutation as o } from "../../../../data-access/dist/index11.js";
 import "../../../../data-access/dist/index.js";
 import { amountDueInputValue as s, buildPaymentRecordPayload as c, buildPaymentReviewView as l, defaultPaymentRecordValues as u, hasPaymentRecordErrors as d, validatePaymentRecordValues as f } from "./paymentRecord.js";
 import { useCallback as p, useState as m } from "react";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablePreview.js

@@ -7,31 +7,46 @@ import { usePaymentTermsQuery as t } from "../../../../../shared/data-access/dis
 import "../../../../../shared/data-access/dist/index.js";
 import { useCounterpartQuery as n } from "../../../../../shared/counterpart-management/data-access/dist/index3.js";
 import "../../../../../shared/counterpart-management/feature/dist/index.js";
+import { useEntityPaymentMethodsQuery as r, useEntitySettingsQuery as i } from "../../../../data-access/dist/index4.js";
 import "../../../../data-access/dist/index.js";
-import { buildReceivablePreviewView as r } from "./preview.js";
-import { useMemo as i } from "react";
+import { buildReceivablePreviewView as a, displaysBankAccount as o, hasReceivePaymentMethod as s } from "./preview.js";
+import { useMemo as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablePreview.js
-function a({ values: a, totals: o, billingAddress: s, unitNamesById: c, messages: l, enabled: u = !0 }) {
-	let d = e({ enabled: u }), f = n(u && a.customerId || void 0), p = t({ enabled: u }), m = d.data, h = f.data, g = p.data?.data;
-	return i(() => r({
-		values: a,
-		totals: o,
-		entity: m,
-		counterpart: h,
-		billingAddress: s,
-		paymentTerms: g,
-		unitNamesById: c,
-		messages: l
+function l({ values: l, totals: u, billingAddress: d, bankAccount: f, unitNamesById: p, messages: m, enabled: h = !0 }) {
+	let g = e({ enabled: h }), _ = n(h && l.customerId || void 0), v = t({ enabled: h }), y = g.data?.id, b = r({
+		entityId: y,
+		enabled: h
+	}), x = i({
+		entityId: y,
+		enabled: h
+	}), S = g.data, C = s(b.data?.data), w = o(x.data?.document_rendering), T = c(() => f && w ? {
+		accountHolderName: f.accountHolderName,
+		routingNumber: f.routingNumber,
+		accountNumber: f.accountNumber
+	} : void 0, [f, w]), E = _.data, D = v.data?.data;
+	return c(() => a({
+		values: l,
+		totals: u,
+		entity: S,
+		counterpart: E,
+		billingAddress: d,
+		paymentTerms: D,
+		unitNamesById: p,
+		bankDetails: T,
+		canReceivePayments: C,
+		messages: m
 	}), [
-		s,
-		h,
+		T,
+		d,
+		C,
+		E,
+		S,
 		m,
-		l,
-		g,
-		o,
-		c,
-		a
+		D,
+		u,
+		p,
+		l
 	]);
 }
 //#endregion
-export { a as useReceivablePreview };
+export { l as useReceivablePreview };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableReminders.js

@@ -9,7 +9,7 @@ import "../../../../../shared/ui/dist/index.js";
 import { useWidgetConfig as r } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
 import { areOverdueTermsValid as i, buildOverdueReminderPayload as a, buildPaymentReminderPayload as o, buildRemindersView as s, canCreateReminders as c, getImpliedDueDate as l, isBeforeDueDaysValid as u, sanitizeReminderDays as d } from "./reminders.js";
-import { useCreateOverdueReminderMutation as f, useCreatePaymentReminderMutation as p, useOverdueRemindersQuery as m, usePaymentRemindersQuery as h } from "../../../../data-access/dist/index12.js";
+import { useCreateOverdueReminderMutation as f, useCreatePaymentReminderMutation as p, useOverdueRemindersQuery as m, usePaymentRemindersQuery as h } from "../../../../data-access/dist/index13.js";
 import "../../../../data-access/dist/index.js";
 import { useCallback as g, useMemo as _, useState as v } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableReminders.js

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableStatusCards.js

@@ -2,7 +2,7 @@
 "use client";
 "use client";
 "use client";
-import { useReceivablesAnalyticsQuery as e } from "../../../../data-access/dist/index13.js";
+import { useReceivablesAnalyticsQuery as e } from "../../../../data-access/dist/index14.js";
 import "../../../../data-access/dist/index.js";
 import { buildReceivableStatusCardsView as t } from "./statusCards.js";
 import { useMemo as n } from "react";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablesTable.js

@@ -5,7 +5,7 @@
 import { useWidgetConfig as e } from "../../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../../../shared/feature/dist/index.js";
 import { buildReceivableRows as t, statusFilterOptions as n, typeForTab as r } from "./helpers.js";
-import { useReceivablesQuery as i } from "../../../../data-access/dist/index11.js";
+import { useReceivablesQuery as i } from "../../../../data-access/dist/index12.js";
 import "../../../../data-access/dist/index.js";
 import { canRecordPayments as a } from "./paymentRecord.js";
 import { useInvoicesFilter as o } from "./useInvoicesFilter.js";

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

@@ -18,14 +18,16 @@ import "./index22.js";
 import { RECEIVABLE_DETAILS_SECTION as u } from "./index25.js";
 import { ReceivableDetailsPanel as d } from "./index34.js";
 import "./index35.js";
-import { ReceivableFormSheet as f } from "./index38.js";
+import { ReceivableFormDialog as f } from "./index38.js";
 import { ReceivablePaymentDialog as p } from "./index39.js";
-import "./index42.js";
-import "./index43.js";
-import { ReceivableRecurrenceEmailDialog as m } from "./index44.js";
-import { ReceivableRecurrenceSection as h } from "./index46.js";
-import "./index47.js";
-import { ReceivableRemindersSection as g } from "./index48.js";
-import { ReceivableSendDialog as _ } from "./index49.js";
-import { ReceivablesScreen as v } from "./index51.js";
-export { t as InvoicesFilterBar, e as InvoicesFilterField, u as RECEIVABLE_DETAILS_SECTION, s as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, c as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as ReceivableActionDialog, n as ReceivableActionsModal, o as ReceivableAttachmentsSection, a as ReceivableBankAccountSection, l as ReceivableBillingSection, d as ReceivableDetailsPanel, f as ReceivableFormSheet, p as ReceivablePaymentDialog, m as ReceivableRecurrenceEmailDialog, h as ReceivableRecurrenceSection, g as ReceivableRemindersSection, _ as ReceivableSendDialog, v as ReceivablesScreen };
+import "./index40.js";
+import { ReceivablePreview as m } from "./index43.js";
+import "./index44.js";
+import { ReceivableRecurrenceEmailDialog as h } from "./index45.js";
+import { ReceivableRecurrenceSection as g } from "./index47.js";
+import "./index48.js";
+import { ReceivableRemindersSection as _ } from "./index49.js";
+import { ReceivableSendDialog as v } from "./index50.js";
+import { ReceivablesScreen as y } from "./index52.js";
+import { UnsavedInvoiceDialog as b } from "./index53.js";
+export { t as InvoicesFilterBar, e as InvoicesFilterField, u as RECEIVABLE_DETAILS_SECTION, s as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, c as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as ReceivableActionDialog, n as ReceivableActionsModal, o as ReceivableAttachmentsSection, a as ReceivableBankAccountSection, l as ReceivableBillingSection, d as ReceivableDetailsPanel, f as ReceivableFormDialog, p as ReceivablePaymentDialog, m as ReceivablePreview, h as ReceivableRecurrenceEmailDialog, g as ReceivableRecurrenceSection, _ as ReceivableRemindersSection, v as ReceivableSendDialog, y as ReceivablesScreen, b as UnsavedInvoiceDialog };

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

@@ -63,18 +63,25 @@ var r = {
 	accessRestrictedDescription: "You don’t have permissions to view this page. Contact your system administrator for details.",
 	statusBadge: r
 }, o = {
+	unsavedTitle: "Save this invoice as a draft?",
+	unsavedDescription: "This invoice has changes that have not been saved. Save it as a draft to finish later, or discard the changes.",
+	unsavedDiscardButton: "Discard changes",
+	unsavedSaveDraftButton: "Save as draft",
+	unsavedCloseButton: "Close"
+}, s = {
 	...e,
 	...n,
 	...t,
-	createTitle: "Create receivable",
-	editTitle: "Edit receivable",
-	hiddenDescription: "Create an invoice or quote",
-	documentTypeLabel: "Document type",
-	typeInvoice: "Invoice",
-	typeQuote: "Quote",
-	customerLabel: "Customer",
-	customerHint: "Create a customer first if the list is empty.",
-	currencyLabel: "Currency",
+	...o,
+	createTitle: "Create invoice",
+	createDescription: "Create and issue an invoice to your customers",
+	editTitle: "Edit invoice",
+	editDescription: "Invoice details",
+	closeButton: "Close",
+	customerHeading: "Customer details",
+	customerDescription: "Who are you billing?",
+	customerEmailLabel: "Email",
+	addCustomerDetailsButton: "Add more details including address, phone, etc.",
 	issueDateLabel: "Issue date",
 	dueDateLabel: "Due date",
 	lineItemsHeading: "Products and services",
@@ -152,7 +159,7 @@ var r = {
 	reminderAddTermButton: "Add",
 	reminderClearButton: "Clear",
 	reminderSaveButton: "Save"
-}, s = {
+}, c = {
 	hiddenDescription: "Invoice details",
 	loadingTitle: "Loading...",
 	errorTitle: "Invoice not found",
@@ -207,7 +214,7 @@ var r = {
 	resumeRecurrenceButton: "Resume series",
 	cancelRecurrenceButton: "Cancel series",
 	recurringBadge: "Recurring"
-}, c = {
+}, l = {
 	title: "Send receivable",
 	description: "Send this document to the customer by email.",
 	toLabel: "To",
@@ -217,7 +224,7 @@ var r = {
 	bodyLabel: "Message",
 	cancelButton: "Cancel",
 	sendButton: "Send"
-}, l = {
+}, u = {
 	title: "Record payment",
 	amountLabel: "Amount",
 	amountPlaceholder: "0",
@@ -235,11 +242,11 @@ var r = {
 	reviewWarning: "Please, check the details of your payment record. You won't be able to change or delete it after.",
 	editRecordButton: "Edit record",
 	confirmButton: "Confirm"
-}, u = {
+}, d = {
 	cancelButton: "Cancel",
 	confirmButton: "Confirm",
 	commentLabel: "Comment (optional)",
 	commentPlaceholder: "Add a comment"
 };
 //#endregion
-export { a as RECEIVABLES_SCREEN_LABELS_EN, u as RECEIVABLE_ACTION_DIALOG_LABELS_EN, s as RECEIVABLE_DETAILS_PANEL_LABELS_EN, o as RECEIVABLE_FORM_SHEET_LABELS_EN, l as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, c as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN };
+export { a as RECEIVABLES_SCREEN_LABELS_EN, d as RECEIVABLE_ACTION_DIALOG_LABELS_EN, c as RECEIVABLE_DETAILS_PANEL_LABELS_EN, s as RECEIVABLE_FORM_DIALOG_LABELS_EN, u as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN, l as RECEIVABLE_SEND_DIALOG_LABELS_EN, r as RECEIVABLE_STATUS_BADGE_LABELS_EN, i as RECEIVABLE_STATUS_CARDS_LABELS_EN, o as UNSAVED_INVOICE_DIALOG_LABELS_EN };

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

@@ -1,5 +1,5 @@
 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 "./index13.js";
+import { RECEIVABLE_FORM_DIALOG_LABELS_EN as v } from "./index13.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/index15.js

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

@@ -1,5 +1,5 @@
 import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index13.js";
+import { RECEIVABLE_FORM_DIALOG_LABELS_EN as a } from "./index13.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js

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

@@ -5,11 +5,11 @@ import { OptionRow as v } from "./index17.js";
 import { SelectionValue as y } from "./index18.js";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js
-function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, labels: A }) {
-	let j = {
+function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, onPaymentTermsChange: E, onCustomDatePickerOpenChange: D, customDateCalendar: O, recurrenceSection: k, remindersSection: A, labels: j }) {
+	let M = {
 		...g,
-		...A
-	}, M = `${S}-payment-terms`, N = () => {
+		...j
+	}, N = `${S}-payment-terms`, P = () => {
 		window.setTimeout(() => D(!0), 0);
 	};
 	return /* @__PURE__ */ x("div", {
@@ -18,76 +18,80 @@ function S({ idPrefix: S, paymentTerms: C, paymentTermsError: w, disabled: T, on
 			className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
 			children: [/* @__PURE__ */ b(h, {
 				variant: "h4",
-				children: j.billingHeading
+				children: M.billingHeading
 			}), /* @__PURE__ */ b(h, {
 				variant: "body2",
 				color: "muted",
 				className: "ttw:font-medium",
-				children: j.billingDescription
+				children: M.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,
+			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: N,
+							children: M.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" && P();
+								},
+								children: [/* @__PURE__ */ b(o, {
 									className: "ttw:w-full",
-									"aria-invalid": !!w,
-									children: /* @__PURE__ */ b(p, {
-										placeholder: j.paymentTermsPlaceholder,
-										children: /* @__PURE__ */ b(y, {
-											selection: C.selection,
-											labels: j
+									children: /* @__PURE__ */ b(f, {
+										id: N,
+										className: "ttw:w-full",
+										"aria-invalid": !!w,
+										children: /* @__PURE__ */ b(p, {
+											placeholder: M.paymentTermsPlaceholder,
+											children: /* @__PURE__ */ b(y, {
+												selection: C.selection,
+												labels: M
+											})
 										})
 									})
-								})
-							}), /* @__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 }] : [] })
-				] }) })
-			})]
+								}), /* @__PURE__ */ x(l, { children: [
+									/* @__PURE__ */ b(u, {
+										value: _,
+										children: M.paymentTermsReceiptDue
+									}),
+									C.showCustomDate && /* @__PURE__ */ b(u, {
+										value: "custom",
+										onPointerUp: P,
+										onClick: P,
+										onKeyDown: (e) => {
+											(e.key === "Enter" || e.key === " ") && P();
+										},
+										children: M.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 }] : [] })
+					] }) })
+				}),
+				A
+			]
 		})]
 	});
 }