@tesouro/embedded-components-react 0.5.235 → 0.5.243

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/{index7.js → lib/InsightsWidget/permissions.js}

@@ -1,7 +1,7 @@
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index7.js
+import { hasAnyScope as e } from "../../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/permissions.js
 var n = [t.BankAccountReadOrg], r = [t.ExternalBankAccountReadOrg];
 function i(t) {
 	let i = new Set(t ?? []);

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/shouldShowRoutingOnboardingInsight.js

@@ -0,0 +1,10 @@
+import { hasAnyScope as e } from "../../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/shouldShowRoutingOnboardingInsight.js
+var n = [t.UserWriteOrg];
+function r(t) {
+	return e(t, n);
+}
+//#endregion
+export { r as shouldShowRoutingOnboardingInsight };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/{index10.js → lib/InsightsWidget/testIds.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/testIds.js
 var e = {
 	skeleton: "insights-widget-skeleton",
 	error: "insights-widget-error",

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/{index5.js → lib/InsightsWidget/useDismissedInsightIds.js}

@@ -2,13 +2,13 @@
 "use client";
 "use client";
 "use client";
-import { useEmbedApi as e } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { useGetUserDataQuery as t } from "../../../shared/data-access/dist/lib/useGetUserDataQuery.js";
-import { useUpsertUserDataMutation as n } from "../../../shared/data-access/dist/lib/useUpsertUserDataMutation.js";
-import "../../../shared/data-access/dist/index.js";
-import { getDismissedInsightsUserDataKey as r } from "./index4.js";
+import { useEmbedApi as e } from "../../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { useGetUserDataQuery as t } from "../../../../../shared/data-access/dist/lib/useGetUserDataQuery.js";
+import { useUpsertUserDataMutation as n } from "../../../../../shared/data-access/dist/lib/useUpsertUserDataMutation.js";
+import "../../../../../shared/data-access/dist/index.js";
+import { getDismissedInsightsUserDataKey as r } from "./dismissedInsightsUserDataKey.js";
 import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/InsightsWidget/useDismissedInsightIds.js
 function l(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
 }

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/{index2.js → lib/analytics/events.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/lib/analytics/events.js
 var e = { Mounted: "insights_widget.mounted" }, t = "insights_widget";
 //#endregion
 export { e as InsightsWidgetAnalyticsEvent, t as WIDGET_NAME };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/mocks/insights.js

@@ -0,0 +1,90 @@
+import { Scope as e } from "../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../shared/data-access/dist/index.js";
+import { AN_EXTERNAL_BANK_ACCOUNT as t, A_BANK_ACCOUNT as n } from "../../../../shared/data-access-mocks/dist/lib/fixtures.js";
+import { SCENARIO_LABELS as r } from "../../../../shared/data-access-mocks/dist/mocks/scenarios/labels.js";
+import { IDENTITY as i, LOADING_DELAY_MS as a, PROXY as o, bodyOf as s, endpoint as c, initRoute as l, json as u, noContent as d, page as f, problem as p, wait as m } from "../../../../shared/data-access-mocks/dist/mocks/scenarios/scenario.js";
+import { INSIGHTS_LABELS as h } from "./labels.js";
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/mocks/insights.js
+var g = `${o}/bank-accounts`, _ = `${o}/external-bank-accounts`, v = `${i}/user-data/:key`, y = (e, n) => ({
+	...t,
+	id: `00000000-0000-4000-8000-0000000002${String(e)}`,
+	...n
+}), b = y(40, {
+	nickname: "Payroll funding",
+	accountNumber: "••••••••4410",
+	verificationStatus: "UNVERIFIED"
+}), x = y(41, {
+	nickname: "Vendor payments",
+	accountNumber: "••••••••4411",
+	verificationStatus: "VERIFICATION_SENT"
+}), S = [
+	e.BankAccountReadOrg,
+	e.ExternalBankAccountReadOrg,
+	e.UserWriteOrg
+], C = [e.BankAccountReadOrg, e.ExternalBankAccountReadOrg], w = async (e) => {
+	let t = await e();
+	return t instanceof Response ? t : u(t);
+}, T = ({ scopes: e, bankAccounts: t, externalAccounts: n }) => () => {
+	let r = [];
+	return [
+		l(e),
+		c("GET", g, () => w(t)),
+		c("GET", _, () => w(n)),
+		c("GET", v, () => u({ value: r })),
+		c("PUT", v, (e) => {
+			let { value: t } = s(e);
+			return t === void 0 ? p(400, "Bad Request", "A value is required.") : (r = t, d());
+		})
+	];
+}, E = () => p(500, "Internal Server Error", "Something went wrong."), D = (e) => async () => (await m(a), u(e)), O = (e, t) => ({
+	key: e,
+	label: r[e].label,
+	blurb: h.blurbs[e],
+	routes: T(t)
+}), k = (e, t) => ({
+	key: e,
+	...h.scenarios[e],
+	routes: T(t)
+}), A = f([n]), j = f([
+	t,
+	b,
+	x
+]), M = [
+	O("populated", {
+		scopes: S,
+		bankAccounts: () => A,
+		externalAccounts: () => j
+	}),
+	k("new-organization", {
+		scopes: C,
+		bankAccounts: () => f([]),
+		externalAccounts: () => f([])
+	}),
+	O("control-hidden", {
+		scopes: C,
+		bankAccounts: () => A,
+		externalAccounts: () => j
+	}),
+	O("empty", {
+		scopes: C,
+		bankAccounts: () => A,
+		externalAccounts: () => f([t])
+	}),
+	O("loading", {
+		scopes: S,
+		bankAccounts: D(A),
+		externalAccounts: D(j)
+	}),
+	O("error", {
+		scopes: C,
+		bankAccounts: E,
+		externalAccounts: E
+	}),
+	k("partial-failure", {
+		scopes: C,
+		bankAccounts: () => f([]),
+		externalAccounts: E
+	})
+];
+//#endregion
+export { M as insightsScenarios };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/mocks/labels.js

@@ -0,0 +1,22 @@
+//#region ../../libs/tesouro-embedded-components-react/insights-widget/feature/dist/mocks/labels.js
+var e = {
+	blurbs: {
+		populated: "An organization with an account and two outside accounts still to verify, read by a token with user:write:org. Press the × on an insight to dismiss it: it leaves the Active tab, and the Dismissed tab holds it because the write is stored. Enable routing is a switch the widget keeps to itself.",
+		empty: "The organization has an account and every outside account is verified, and the token lacks user:write:org, so there is nothing to suggest.",
+		loading: "Both account reads are held open, so the skeleton stays on screen.",
+		error: "Both account reads fail with a 500, so the widget shows its own error. Retry re-issues them, and they fail again.",
+		"control-hidden": "The same organization as Populated, read by a token without user:write:org. The routing insight and its switch are absent; the two verify insights remain."
+	},
+	scenarios: {
+		"new-organization": {
+			label: "New organization",
+			blurb: "No account and no outside account yet, so the widget suggests creating one and connecting one. Link account calls the host’s onLinkExternalAccountClick, which this demo leaves empty."
+		},
+		"partial-failure": {
+			label: "One read fails",
+			blurb: "The outside-accounts read fails with a 500 while the accounts read succeeds empty. The widget shows the insight the surviving read earned and says nothing about the failure; only a failure of every read shows the error."
+		}
+	}
+};
+//#endregion
+export { e as INSIGHTS_LABELS };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/scenarios.js

@@ -0,0 +1,2 @@
+import { insightsScenarios as e } from "./mocks/insights.js";
+export { e as insightsScenarios };

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

@@ -1,3 +1,3 @@
-import { InvoicingWidget as e } from "./index3.js";
-import { ReceivablesWidget as t } from "./index36.js";
+import { InvoicingWidget as e } from "./lib/ReceivablesWidgetMonite/ReceivablesWidgetMonite.js";
+import { ReceivablesWidget as t } from "./lib/ReceivablesWidget/ReceivablesWidget.js";
 export { e as InvoicingWidget, t as ReceivablesWidget };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index5.js → lib/ReceivablesWidget/ReceivableAttachmentsSection.js}

@@ -2,11 +2,11 @@
 "use client";
 "use client";
 "use client";
-import { ReceivableAttachmentsSection as e } from "../../ui/dist/index12.js";
-import "../../ui/dist/index.js";
+import { ReceivableAttachmentsSection as e } from "../../../../ui/dist/index16.js";
+import "../../../../ui/dist/index.js";
 import { useRef as t, useState as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index5.js
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/ReceivableAttachmentsSection.js
 function i({ view: i, disabled: a, onFilesSelect: o, onIncludeInEmailChange: s, onRemove: c, labels: l }) {
 	let u = t(null), [d, f] = n(!1);
 	return /* @__PURE__ */ r(e, {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index36.js → lib/ReceivablesWidget/ReceivablesWidget.js}

@@ -2,57 +2,60 @@
 "use client";
 "use client";
 "use client";
-import { Calendar as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import "../../../shared/feature/dist/index.js";
-import { CounterpartFormSheet as a } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { CounterpartSelector as o } from "../../../shared/counterpart-management/feature/dist/lib/CounterpartSelector.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as s, WIDGET_NAME as c } from "./index2.js";
-import { PAGE_SIZE_OPTIONS as l } from "./index4.js";
-import { ReceivableActionsModal as u } from "../../ui/dist/index5.js";
-import { ReceivableActionDialog as d } from "../../ui/dist/index10.js";
-import { ReceivableBankAccountSection as f } from "../../ui/dist/index11.js";
-import { ReceivableBillingSection as p } from "../../ui/dist/index16.js";
-import { ReceivableDetailsPanel as m } from "../../ui/dist/index30.js";
-import { ReceivableFormSheet as h } from "../../ui/dist/index34.js";
-import { ReceivablePaymentDialog as g } from "../../ui/dist/index35.js";
-import { ReceivableRecurrenceEmailDialog as _ } from "../../ui/dist/index40.js";
-import { ReceivableRecurrenceSection as v } from "../../ui/dist/index42.js";
-import { ReceivableRemindersSection as y } from "../../ui/dist/index44.js";
-import { ReceivableSendDialog as b } from "../../ui/dist/index45.js";
-import { ReceivablesScreen as x } from "../../ui/dist/index47.js";
-import "../../ui/dist/index.js";
-import { ReceivableAttachmentsSection as S } from "./index5.js";
-import { MeasureUnitsManagerContainer as C } from "../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
-import { ProductSelector as w } from "../../../shared/product-catalog/feature/dist/lib/ProductSelector.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivablesWidget as T } from "./index35.js";
-import { useEffect as ee, useId as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index36.js
-function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessageLabels: j, defaultTab: M, detailsLabels: N, embeddedBankName: P, enabledTabs: F, formLabels: I, measureUnitDeleteLabels: L, measureUnitsLabels: R, messageLabels: z, onReceivableCreated: B, onReceivableOpened: V, onTemplateSettingsClick: te, pageSizeOptions: H = l, paymentLabels: U, productMessageLabels: W, screenLabels: G, sendLabels: K, actionLabels: q, actionsModalLabels: J }) {
+import { Calendar as e, Skeleton as t } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmbeddedToaster as n } from "../../../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import "../../../../../shared/ui/dist/index.js";
+import { useAnalyticsTrack as r } from "../../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WidgetProvider as i } from "../../../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../../../shared/feature/dist/index.js";
+import { CounterpartFormSheet as a } from "../../../../../shared/counterpart-management/ui/dist/index9.js";
+import { CounterpartSelector as o } from "../../../../../shared/counterpart-management/feature/dist/lib/CounterpartSelector.js";
+import "../../../../../shared/counterpart-management/feature/dist/index.js";
+import { ReceivablesWidgetAnalyticsEvent as s, WIDGET_NAME as c } from "./analytics/events.js";
+import { PAGE_SIZE_OPTIONS as l } from "./constants.js";
+import { InvoicesFilterBar as u } from "../../../../ui/dist/index4.js";
+import { ReceivableActionsModal as d } from "../../../../ui/dist/index9.js";
+import { ReceivableActionDialog as f } from "../../../../ui/dist/index14.js";
+import { ReceivableBankAccountSection as p } from "../../../../ui/dist/index15.js";
+import { ReceivableBillingSection as m } from "../../../../ui/dist/index20.js";
+import { ReceivableDetailsPanel as h } from "../../../../ui/dist/index34.js";
+import { ReceivableFormSheet as g } from "../../../../ui/dist/index38.js";
+import { ReceivablePaymentDialog as _ } from "../../../../ui/dist/index39.js";
+import { ReceivableRecurrenceEmailDialog as v } from "../../../../ui/dist/index44.js";
+import { ReceivableRecurrenceSection as y } from "../../../../ui/dist/index46.js";
+import { ReceivableRemindersSection as b } from "../../../../ui/dist/index48.js";
+import { ReceivableSendDialog as x } from "../../../../ui/dist/index49.js";
+import { ReceivablesScreen as ee } from "../../../../ui/dist/index51.js";
+import "../../../../ui/dist/index.js";
+import { ReceivableAttachmentsSection as te } from "./ReceivableAttachmentsSection.js";
+import { MeasureUnitsManagerContainer as ne } from "../../../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
+import { ProductSelector as re } from "../../../../../shared/product-catalog/feature/dist/lib/ProductSelector.js";
+import "../../../../../shared/product-catalog/feature/dist/index.js";
+import { useReceivablesWidget as ie } from "./useReceivablesWidget.js";
+import { useEffect as S, useId as C, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/ReceivablesWidget.js
+function O({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessageLabels: O, defaultTab: k, detailsLabels: A, embeddedBankName: j, enabledTabs: M, filterBarLabels: N, filterLabels: P, formLabels: F, initialCounterpartId: I, measureUnitDeleteLabels: L, measureUnitsLabels: ae, messageLabels: R, onReceivableCreated: z, onReceivableOpened: B, onTemplateSettingsClick: V, pageSizeOptions: H = l, paymentLabels: U, productMessageLabels: W, screenLabels: G, sendLabels: K, actionLabels: q, actionsModalLabels: J }) {
 	let Y = r();
-	ee(() => {
+	S(() => {
 		Y(s.Mounted);
 	}, [Y]);
-	let X = T({
+	let X = ie({
 		auditHistoryLabels: i,
-		counterpartMessageLabels: j,
-		defaultTab: M,
-		embeddedBankName: P,
-		enabledTabs: F,
-		messageLabels: z,
-		onReceivableCreated: B,
-		onReceivableOpened: V,
+		counterpartMessageLabels: O,
+		defaultTab: k,
+		embeddedBankName: j,
+		enabledTabs: M,
+		filterLabels: P,
+		initialCounterpartId: I,
+		messageLabels: R,
+		onReceivableCreated: z,
+		onReceivableOpened: B,
 		screenLabels: G
-	}), [Z, Q] = D(!1), ne = E(), $ = E(), re = E(), ie = E(), ae = E();
-	return /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ k(n, {}),
-		/* @__PURE__ */ k(x, {
+	}), [Z, Q] = w(!1), oe = C(), $ = C(), se = C(), ce = C(), le = C();
+	return /* @__PURE__ */ D(T, { children: [
+		/* @__PURE__ */ E(n, {}),
+		/* @__PURE__ */ E(ee, {
 			rows: X.table.rows,
 			activeTab: X.activeTab,
 			enabledTabs: X.enabledTabs,
@@ -74,16 +77,20 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			statusOptions: X.table.statusOptions,
 			onStatusFilterChange: X.table.onStatusFilterChange,
 			statusCards: X.table.statusCards,
-			onStatusCardSelect: X.table.onStatusFilterChange,
+			onStatusCardSelect: X.table.onStatusCardSelect,
+			filterBar: X.table.invoicesFilterBar && /* @__PURE__ */ E(u, {
+				...X.table.invoicesFilterBar,
+				labels: N
+			}),
 			isFiltering: X.table.isFiltering,
 			onCreateClick: X.openCreate,
-			onTemplateSettingsClick: te,
+			onTemplateSettingsClick: V,
 			onRowClick: X.handleRowClick,
 			onActionClick: X.handleActionClick,
 			onRetry: X.table.onRetry,
 			labels: G
 		}),
-		/* @__PURE__ */ k(h, {
+		/* @__PURE__ */ E(g, {
 			open: X.form.open,
 			onOpenChange: (e) => {
 				e || X.form.close();
@@ -98,14 +105,14 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			autoFocusLineItemId: X.form.autoFocusLineItemId,
 			lineItemsLoading: X.form.lineItemsLoading,
 			inProgress: X.form.isSubmitting,
-			customerSelector: /* @__PURE__ */ k(o, {
+			customerSelector: /* @__PURE__ */ E(o, {
 				mode: "customer",
 				value: X.form.values.customerId || void 0,
 				invalid: !!X.form.errors.customerId,
 				onValueChange: (e) => X.form.updateValues({ customerId: e }),
 				onCreateClick: X.form.openCounterpartCreate
 			}),
-			renderProductSelector: (e, t) => /* @__PURE__ */ k(w, {
+			renderProductSelector: (e, t) => /* @__PURE__ */ E(re, {
 				...t,
 				inputValue: e.name,
 				selectedProductId: X.form.values.lineItems.find((t) => t.id === e.id)?.productId || void 0,
@@ -126,20 +133,20 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			onAddLineItem: X.form.addLineItem,
 			onRemoveLineItem: X.form.removeLineItem,
 			showDueDateField: X.form.showDueDateField,
-			billingSection: X.form.showBillingSection && /* @__PURE__ */ k(p, {
-				idPrefix: ne,
+			billingSection: X.form.showBillingSection && /* @__PURE__ */ E(m, {
+				idPrefix: oe,
 				paymentTerms: X.form.paymentTerms.view,
 				paymentTermsError: X.form.errors.paymentTermsId,
 				disabled: X.form.isSubmitting,
 				onPaymentTermsChange: X.form.paymentTerms.select,
 				onCustomDatePickerOpenChange: X.form.paymentTerms.changeCustomDatePickerOpen,
-				customDateCalendar: /* @__PURE__ */ k(e, {
+				customDateCalendar: /* @__PURE__ */ E(e, {
 					mode: "single",
 					captionLayout: "dropdown",
 					...X.form.paymentTerms.calendar,
 					onSelect: X.form.paymentTerms.selectCustomDate
 				}),
-				recurrenceSection: X.form.showRecurrenceSection && (X.form.recurrenceLoading ? /* @__PURE__ */ k(t, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ k(v, {
+				recurrenceSection: X.form.showRecurrenceSection && (X.form.recurrenceLoading ? /* @__PURE__ */ E(t, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ E(y, {
 					idPrefix: $,
 					view: X.form.recurrence.view,
 					disabled: X.form.isSubmitting,
@@ -152,20 +159,20 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 					onMaxOccurrencesChange: X.form.recurrence.changeMaxOccurrences,
 					onCreationModeChange: X.form.recurrence.changeCreationMode,
 					onSetUpEmailClick: X.form.recurrence.setUpEmail,
-					emailDialog: /* @__PURE__ */ k(_, {
+					emailDialog: /* @__PURE__ */ E(v, {
 						idPrefix: $,
 						view: X.form.recurrence.emailView,
 						onOpenChange: X.form.recurrence.changeEmailOpen,
 						onChange: X.form.recurrence.changeEmail,
 						onSave: X.form.recurrence.saveEmail,
-						labels: I
+						labels: F
 					}),
-					labels: I
+					labels: F
 				})),
-				labels: I
+				labels: F
 			}),
-			remindersSection: X.form.reminders.view && /* @__PURE__ */ k(y, {
-				idPrefix: ie,
+			remindersSection: X.form.reminders.view && /* @__PURE__ */ E(b, {
+				idPrefix: ce,
 				view: X.form.reminders.view,
 				onToggle: X.form.reminders.toggle,
 				onPaymentReminderSelect: X.form.reminders.selectPaymentReminder,
@@ -176,10 +183,10 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 				onOverdueAddTerm: X.form.reminders.addOverdueTerm,
 				onOverdueClear: X.form.reminders.clearOverdueTerms,
 				onOverdueSave: X.form.reminders.saveOverdue,
-				labels: I
+				labels: F
 			}),
-			bankAccountSection: /* @__PURE__ */ k(f, {
-				idPrefix: re,
+			bankAccountSection: /* @__PURE__ */ E(p, {
+				idPrefix: se,
 				view: X.form.bankAccount.view,
 				error: X.form.errors.bankAccountId,
 				disabled: X.form.isSubmitting,
@@ -188,29 +195,31 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 				onFormChange: X.form.bankAccount.updateAccountForm,
 				onFormSave: X.form.bankAccount.saveAccount,
 				onFormCancel: X.form.bankAccount.cancelAddAccount,
-				labels: I
+				labels: F
 			}),
-			attachmentsSection: X.form.attachmentsView && /* @__PURE__ */ k(S, {
+			attachmentsSection: X.form.attachmentsView && /* @__PURE__ */ E(te, {
 				view: X.form.attachmentsView,
 				disabled: X.form.isSubmitting,
 				onFilesSelect: X.form.selectAttachmentFiles,
 				onIncludeInEmailChange: X.form.setAttachmentIncludeInEmail,
 				onRemove: X.form.removeAttachment,
-				labels: I
+				labels: F
 			}),
 			cancelDisabled: X.form.isSubmitting || X.form.attachmentsUploading,
 			draftButtonLabel: X.form.draftButtonLabel,
 			draftDisabled: X.form.draftDisabled,
+			draftLoading: X.form.draftLoading,
 			primaryButtonLabel: X.form.primaryButtonLabel,
 			primaryDisabled: X.form.primaryDisabled,
+			primaryLoading: X.form.primaryLoading,
 			scrollContainerRef: X.form.scrollContainerRef,
 			onSubmit: X.form.submit,
 			onDraftClick: X.form.selectDraftMode,
 			onPrimaryClick: X.form.selectPrimaryMode,
 			onCancel: X.form.close,
-			labels: I
+			labels: F
 		}),
-		/* @__PURE__ */ k(m, {
+		/* @__PURE__ */ E(h, {
 			open: X.detailsOpen,
 			onOpenChange: (e) => {
 				e || X.closeDetails();
@@ -224,9 +233,9 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			openSections: X.details.openSections,
 			onOpenSectionsChange: X.details.setOpenSections,
 			disabledActions: X.actions.pendingActions,
-			labels: N
+			labels: A
 		}),
-		/* @__PURE__ */ k(b, {
+		/* @__PURE__ */ E(x, {
 			open: X.actions.sendOpen,
 			onOpenChange: (e) => {
 				e || X.actions.closeSend();
@@ -242,7 +251,7 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			onCancel: X.actions.closeSend,
 			labels: K
 		}),
-		/* @__PURE__ */ k(g, {
+		/* @__PURE__ */ E(_, {
 			open: X.actions.paymentOpen,
 			onOpenChange: (e) => {
 				e || X.actions.closePayment();
@@ -258,7 +267,7 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			onCancel: X.actions.closePayment,
 			labels: U
 		}),
-		X.actions.actionDialog && /* @__PURE__ */ k(d, {
+		X.actions.actionDialog && /* @__PURE__ */ E(f, {
 			open: !!X.actions.actionTarget,
 			onOpenChange: (e) => {
 				e || X.actions.closeAction();
@@ -267,15 +276,18 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			description: X.actions.actionDialog.description,
 			confirmLabel: X.actions.actionDialog.confirmLabel,
 			cancelLabel: X.actions.actionDialog.cancelLabel,
+			cancelVariant: X.actions.actionDialog.cancelVariant,
 			destructive: X.actions.actionDialog.destructive,
 			error: X.actions.actionError,
 			inProgress: X.actions.actionInProgress,
+			comment: X.actions.actionComment,
+			onCommentChange: X.actions.setActionComment,
 			onConfirm: X.actions.confirmAction,
 			onCancel: X.actions.closeAction,
 			labels: q
 		}),
-		/* @__PURE__ */ k(u, {
-			idPrefix: ae,
+		/* @__PURE__ */ E(d, {
+			idPrefix: le,
 			open: X.actionsModal.isOpen,
 			view: X.actionsModal.view,
 			onSkip: X.actionsModal.skip,
@@ -288,7 +300,7 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			onSaveItems: X.actionsModal.saveItems,
 			labels: J
 		}),
-		/* @__PURE__ */ k(a, {
+		/* @__PURE__ */ E(a, {
 			open: X.form.counterpartView === "create",
 			onOpenChange: (e) => {
 				e || X.form.counterpartForm.close();
@@ -313,17 +325,17 @@ function j({ auditHistoryLabels: i, counterpartFormLabels: c, counterpartMessage
 			onCancel: X.form.counterpartForm.close,
 			labels: c
 		}),
-		/* @__PURE__ */ k(C, {
+		/* @__PURE__ */ E(ne, {
 			open: Z,
 			onClose: () => Q(!1),
-			managerLabels: R,
+			managerLabels: ae,
 			deleteLabels: L,
 			messageLabels: W
 		})
 	] });
 }
-function M({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ k(i, {
+function k({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
+	return /* @__PURE__ */ E(i, {
 		widgetName: c,
 		baseUrl: e,
 		widgetToken: t,
@@ -338,8 +350,8 @@ function M({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gat
 		analytics: f,
 		disclosuresAcceptance: p,
 		providerLabels: m,
-		children: /* @__PURE__ */ k(j, { ...h })
+		children: /* @__PURE__ */ E(O, { ...h })
 	});
 }
 //#endregion
-export { M as ReceivablesWidget, M as default };
+export { k as ReceivablesWidget, k as default };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index8.js → lib/ReceivablesWidget/actionsModal.js}

@@ -1,8 +1,8 @@
-import { priceInputToMinorUnits as e } from "./index6.js";
-import { formatFileSize as t } from "./index7.js";
-import { formatPrice as n } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index8.js
+import { priceInputToMinorUnits as e } from "./lineItems.js";
+import { formatFileSize as t } from "./attachments.js";
+import { formatPrice as n } from "../../../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import "../../../../../shared/product-catalog/feature/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/actionsModal.js
 function r(t, n) {
 	return t.filter((e) => !e.productId && e.name.trim()).map((t) => ({
 		key: t.id,

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index2.js → lib/ReceivablesWidget/analytics/events.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index2.js
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/analytics/events.js
 var e = { Mounted: "receivables.mounted" }, t = "receivables";
 //#endregion
 export { e as ReceivablesWidgetAnalyticsEvent, t as WIDGET_NAME };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index24.js → lib/ReceivablesWidget/apiValidationErrors.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index24.js
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/apiValidationErrors.js
 var e = {
 	invoice: [
 		"ReceivableFacadeCreateQuotePayload",

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index7.js → lib/ReceivablesWidget/attachments.js}

@@ -1,5 +1,5 @@
-import { ATTACHMENT_ACCEPTED_EXTENSIONS as e, ATTACHMENT_ACCEPTED_FORMATS as t } from "./index4.js";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index7.js
+import { ATTACHMENT_ACCEPTED_EXTENSIONS as e, ATTACHMENT_ACCEPTED_FORMATS as t } from "./constants.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/attachments.js
 var n = (e) => {
 	let t = e.lastIndexOf(".");
 	return t >= 0 ? e.slice(t + 1).toLowerCase() : "";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index19.js → lib/ReceivablesWidget/auditHistory/labels.js}

@@ -1,8 +1,8 @@
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as e } from "../../ui/dist/index9.js";
-import "../../ui/dist/index.js";
-import { formatDate as t, formatMoney as n, getDocumentTypeLabel as r } from "./index13.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as i } from "./index14.js";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index19.js
+import { RECEIVABLE_STATUS_BADGE_LABELS_EN as e } from "../../../../../ui/dist/index13.js";
+import "../../../../../ui/dist/index.js";
+import { formatDate as t, formatMoney as n, getDocumentTypeLabel as r } from "../helpers.js";
+import { RECEIVABLE_MESSAGE_LABELS_EN as i } from "../labels.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/auditHistory/labels.js
 function a(e, i) {
 	let a = new Map(Object.entries(i));
 	return {

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index20.js → lib/ReceivablesWidget/bankAccounts.js}

@@ -1,7 +1,7 @@
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
-import { Scope as t } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/data-access/dist/index.js";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index20.js
+import { hasAnyScope as e } from "../../../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as t } from "../../../../../shared/data-access/dist/lib/scopes.js";
+import "../../../../../shared/data-access/dist/index.js";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/bankAccounts.js
 var n = {
 	routingNumber: "",
 	accountNumber: "",

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/{index4.js → lib/ReceivablesWidget/constants.js}

@@ -1,4 +1,4 @@
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index4.js
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/constants.js
 var e = [
 	10,
 	25,