@tesouro/embedded-components-react 0.5.204 → 0.5.206

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

@@ -2,302 +2,46 @@
 "use client";
 "use client";
 "use client";
-import { getStateOptions as e } from "../../../shared/util/dist/lib/usStates.js";
-import { extractApiErrorMessage as t } from "../../../shared/util/dist/lib/apiErrors.js";
-import { usePaymentTermsQuery as n } from "../../../shared/data-access/dist/lib/reference-data/usePaymentTermsQuery.js";
-import { COUNTERPART_MESSAGE_LABELS_EN as r } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
-import { useCounterpartAddressesQuery as i } from "../../../shared/counterpart-management/data-access/dist/index7.js";
-import { useCounterpartForm as a } from "../../../shared/counterpart-management/feature/dist/lib/useCounterpartForm.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { buildLineItemControls as ee, commitLineItemField as te, commitTaxRateInput as ne, convertPriceInput as re, createLineItem as o, getCurrencySymbol as ie, isBlankLineItem as ae, lineItemFromProduct as oe, reconcileMeasureUnits as se, sanitizeLineItemPatch as ce, sanitizeTaxRateInput as le, stepLineItemQuantity as ue, stripBlankLineItems as de, summarizeLineItemErrors as fe, toSheetLineItem as pe, validateLineItems as me } from "./index6.js";
-import { buildReceivableAttachmentsView as he } from "./index7.js";
-import { createEmptyReceivableFormValues as s, getPaymentTermOptions as ge, hasReceivableFormErrors as _e, receivableFormValuesToCreatePayload as ve, receivableFormValuesToLineItemChanges as ye, receivableFormValuesToUpdatePayload as be, receivableToFormValues as xe, validateReceivableForm as Se } from "./index8.js";
-import { useCreateReceivableMutation as c, useUpdateReceivableMutation as Ce } from "../../data-access/dist/index6.js";
+import { usePaymentTermsQuery as e } from "../../../shared/data-access/dist/lib/reference-data/usePaymentTermsQuery.js";
+import { buildCustomDateCalendar as t, buildPaymentTermsView as n, closeCustomDatePickerFields as r, selectPaymentTermsFields as i, toCustomDateValue as a } from "./index8.js";
 import "../../data-access/dist/index.js";
-import { useReceivableAttachmentUploads as we } from "./index12.js";
-import { calculateInvoiceTotals as Te } from "./index13.js";
-import { getCurrencyOptions as Ee } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import { useMeasureUnitsQuery as De } from "../../../shared/product-catalog/data-access/dist/index9.js";
-import { useMeasureUnits as l } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { useCallback as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index14.js
-function h({ messages: h, counterpartMessageLabels: g, onCreated: _ }) {
-	let v = c(), y = Ce(), b = p([]), x = p(""), S = n(), [C, w] = m(!1), [T, E] = m("create"), [D, O] = m(), [k, A] = m(() => s()), [Oe, j] = m({}), [M, ke] = m("none"), N = l(), P = De(), F = P.data?.data, { unitNamesById: I } = N, [Ae, L] = m(), [R, z] = m(!1), B = p(!1), V = f(() => e(), []), je = f(() => ({
-		...r,
-		...g
-	}), [g]), H = i(k.customerId), Me = H.data?.data?.[0], U = H.data?.data?.[0]?.id, Ne = u((e) => {
-		A((t) => ({
-			...t,
-			attachments: e(t.attachments)
-		}));
-	}, []), W = we({
-		attachments: k.attachments,
-		setAttachments: Ne,
-		receivableId: D
-	}), { reset: G, discardUploads: K, commitRemovals: q } = W, Pe = k.type === "invoice" ? he({
-		attachments: k.attachments,
-		pendingUploads: W.pendingUploads,
-		isCountLimitReached: W.isCountLimitReached,
-		isRecurring: !1,
-		messages: h
-	}) : void 0, Fe = u((e) => {
-		A((t) => ({
-			...t,
-			customerId: e ?? ""
-		}));
-	}, []), J = a({
-		view: M,
-		setView: ke,
-		selectedId: k.customerId || void 0,
-		setSelectedId: Fe,
-		messages: je,
-		counterpartType: "customer",
-		counterpart: void 0,
-		primaryAddress: Me
-	}), Y = u(() => {
-		b.current = [], L(void 0), E("create"), O(void 0), A(s()), j({}), z(!1), G();
-	}, [G]), Ie = u((e = "invoice") => {
-		b.current = [], L(void 0), E("create"), O(void 0), A({
-			...s(),
-			type: e
-		}), j({}), G(), z(!1), w(!0);
-	}, [G]), Le = u((e) => {
-		e.type !== "credit_note" && (b.current = e.line_items, x.current = e.currency, L(void 0), E("edit"), O(e.id), A(xe(e, F)), j({}), z(!1), G(), w(!0));
-	}, [G, F]);
-	d(() => {
-		F?.length && A((e) => {
-			let t = se(e.lineItems, F);
-			return t === e.lineItems ? e : {
-				...e,
-				lineItems: t
-			};
-		});
-	}, [F]);
-	let X = W.isUploading, Re = u(() => {
-		X || (K(), w(!1), j({}));
-	}, [K, X]), ze = u((e) => {
-		let t = e.taxRate === void 0 ? e : {
-			...e,
-			taxRate: le(e.taxRate)
-		}, { currency: n, type: r } = t;
-		if (r !== void 0 && r !== "invoice" && K(), n === void 0) {
-			A((e) => ({
-				...e,
-				...t
-			}));
-			return;
-		}
-		B.current = !0, A((e) => e.currency === n ? {
-			...e,
-			...t
-		} : {
-			...e,
-			...t,
-			lineItems: e.lineItems.map((t) => ({
-				...t,
-				price: re(t.price, e.currency, n)
-			}))
-		});
-	}, [K]), Be = u(() => {
-		A((e) => {
-			let t = ne(e.taxRate);
-			return t === e.taxRate ? e : {
-				...e,
-				taxRate: t
-			};
-		});
-	}, []), Z = u((e, t) => {
-		let n = me(e, {
-			currency: t,
-			messages: h
-		});
-		j((e) => ({
-			...e,
-			lineItems: n,
-			lineItemsSummary: fe(n)
-		}));
-	}, [h]), Q = u((e, { validate: t }) => {
-		t && (B.current = !0), A((t) => ({
-			...t,
-			lineItems: e(t.lineItems)
-		}));
-	}, []);
-	d(() => {
-		B.current && (B.current = !1, Z(k.lineItems, k.currency));
-	}, [
-		Z,
-		k.currency,
-		k.lineItems
-	]);
-	let Ve = u((e, t) => {
-		let { unit: n, ...r } = t, i = ce(r);
-		i.name !== void 0 && (i.productId = ""), n !== void 0 && (i.measureUnitId = n, i.measureUnitName = ""), Q((t) => t.map((t) => t.id === e ? {
-			...t,
-			...i
-		} : t), { validate: R });
-	}, [Q, R]), He = u((e, t) => {
-		Q((n) => n.map((n) => n.id === e ? {
-			...n,
-			...oe({
-				product: t,
-				currency: k.currency,
-				unitNamesById: I
-			})
-		} : n), { validate: !0 });
-	}, [
-		Q,
-		I,
-		k.currency
-	]), $ = u((e, t) => {
-		t && Q((n) => t.kind === "remove" ? n.filter((t) => t.id !== e) : n.map((n) => n.id === e ? {
-			...n,
-			...t.patch
-		} : n), { validate: !0 });
-	}, [Q]), Ue = u((e, t) => {
-		let n = k.lineItems.find((t) => t.id === e);
-		n && $(e, te({
-			lineItem: n,
-			field: t,
-			rowCount: k.lineItems.length,
-			currency: k.currency
-		}));
-	}, [
-		$,
-		k.currency,
-		k.lineItems
-	]), We = u((e, t) => {
-		let n = k.lineItems.find((t) => t.id === e);
-		n && $(e, ue({
-			lineItem: n,
-			step: t,
-			rowCount: k.lineItems.length
-		}));
-	}, [$, k.lineItems]), Ge = u(() => {
-		let e = o(k.currency);
-		L(e.id), A((t) => ({
-			...t,
-			lineItems: [...t.lineItems, e]
-		}));
-	}, [k.currency]), Ke = u((e) => {
-		Q((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e), { validate: !0 });
-	}, [Q]), qe = u(async () => {
-		if (X) return;
-		if (P.isLoading) {
-			j({ form: h.lineItemsLoading });
-			return;
-		}
-		let e = de(k.lineItems), n = e.length === k.lineItems.length ? k : {
-			...k,
-			lineItems: e
-		};
-		n !== k && A(n);
-		let r = Se({
-			values: n,
-			billingAddressId: U,
-			messages: h
-		});
-		if (_e(r)) {
-			j(r), z(!0);
-			return;
-		}
-		j({});
-		try {
-			if (T === "edit" && D) {
-				let e = { receivable_id: D };
-				await y.mutateAsync({
-					path: e,
-					body: be({
-						values: n,
-						billingAddressId: U ?? "",
-						lineItemChanges: ye({
-							values: n,
-							originalLineItems: b.current,
-							originalCurrency: x.current,
-							unitNamesById: I,
-							units: F
-						})
-					})
-				}), q(), w(!1), Y();
-				return;
-			}
-			let e = await v.mutateAsync({ body: ve({
-				values: n,
-				billingAddressId: U ?? "",
-				unitNamesById: I
-			}) });
-			w(!1), Y(), e?.id && _?.(e.id, e.type);
-		} catch (e) {
-			j({ form: t(e) ?? h.genericError });
-		}
-	}, [
-		U,
-		q,
-		v,
-		D,
-		X,
-		h,
-		T,
-		_,
-		Y,
-		F,
-		I,
-		P.isLoading,
-		y,
-		k
-	]), Je = f(() => ({
-		...k,
-		lineItems: k.lineItems.map(pe)
-	}), [k]), Ye = f(() => ee(k.lineItems), [k.lineItems]), Xe = f(() => Te({
-		lineItems: k.lineItems.filter((e) => !ae(e)),
-		currency: k.currency,
-		taxRate: Number(k.taxRate) || void 0
-	}), [
-		k.currency,
-		k.lineItems,
-		k.taxRate
-	]);
+function l({ paymentTermsId: l, paymentTermsCustomDate: u, messages: d, onChange: f }) {
+	let p = e(), [m, h] = c(!1);
 	return {
-		open: C,
-		setOpen: w,
-		mode: T,
-		values: k,
-		sheetValues: Je,
-		errors: Oe,
-		setValues: A,
-		updateValues: ze,
-		commitTaxRate: Be,
-		updateLineItem: Ve,
-		selectProduct: He,
-		commitLineItem: Ue,
-		stepLineItem: We,
-		addLineItem: Ge,
-		removeLineItem: Ke,
-		attachmentsView: Pe,
-		attachmentsUploading: W.isUploading,
-		saveDisabled: P.isLoading || W.isUploading,
-		selectAttachmentFiles: W.selectFiles,
-		setAttachmentIncludeInEmail: W.setIncludeInEmail,
-		removeAttachment: W.remove,
-		autoFocusLineItemId: Ae,
-		lineItemUnitOptions: N.unitOptions,
-		lineItemsLoading: P.isLoading,
-		lineItemControls: Ye,
-		totals: Xe,
-		currencySymbol: ie(k.currency),
-		isSubmitting: v.isPending || y.isPending,
-		currencyOptions: Ee(k.currency),
-		paymentTermsOptions: ge(S.data?.data),
-		openCreate: Ie,
-		openEdit: Le,
-		close: Re,
-		submit: qe,
-		units: N,
-		counterpartView: M,
-		counterpartForm: J,
-		stateOptions: V,
-		openCounterpartCreate: J.openCreate
+		view: s(() => n({
+			terms: p.data?.data,
+			isLoading: p.isLoading,
+			fields: {
+				paymentTermsId: l,
+				paymentTermsCustomDate: u
+			},
+			customDatePickerOpen: m,
+			messages: d
+		}), [
+			m,
+			d,
+			u,
+			l,
+			p.data?.data,
+			p.isLoading
+		]),
+		calendar: s(() => t(u), [u]),
+		select: o((e) => {
+			f((t) => i(t, e)), h(!1);
+		}, [f]),
+		changeCustomDatePickerOpen: o((e) => {
+			h(e), e || f(r);
+		}, [f]),
+		selectCustomDate: o((e) => {
+			f((t) => r({
+				...t,
+				paymentTermsCustomDate: a(e)
+			})), h(!1);
+		}, [f]),
+		reset: o(() => h(!1), [])
 	};
 }
 //#endregion
-export { h as useReceivableForm };
+export { l as useReceivablePaymentTerms };

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

@@ -1,75 +1,63 @@
-"use client";
-"use client";
-"use client";
-"use client";
-import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index8.js";
-import { useReceivablesQuery as r } from "../../data-access/dist/index9.js";
-import "../../data-access/dist/index.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+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/index15.js
-var c = [];
-function l({ activeTab: l, messages: d }) {
-	let [f, p] = s([]), [m, h] = s(10), [g, _] = s(), [v, y] = s(""), [b, x] = s(""), [S, C] = s("all");
-	a(() => {
-		_(void 0), C("all");
-	}, [l]), a(() => {
-		let e = setTimeout(() => {
-			x(v), _(void 0);
-		}, 300);
-		return () => clearTimeout(e);
-	}, [v]);
-	let w = f[0]?.id, T = w ? u[w] : void 0, E = f[0] ? f[0].desc ? "desc" : "asc" : void 0, D = r({
-		type: n(l),
-		limit: m,
-		pagination_token: g,
-		search_text: b || void 0,
-		status: S === "all" ? void 0 : S,
-		...T ? {
-			sort: T,
-			order: E
-		} : {}
-	}), O = D.data?.data ?? c, k = o(() => new Map(O.map((e) => [e.id, e])), [O]), A = i((e) => k.get(e), [k]), j = o(() => e({
-		receivables: O,
-		messages: d
-	}), [d, O]), M = !!b || S !== "all", N = i((e) => {
-		let t = typeof e == "function" ? e(f) : e;
-		p(t), _(void 0);
-	}, [f]), P = i((e) => {
-		h(e), _(void 0);
-	}, []), F = i((e) => {
-		C(e), _(void 0);
-	}, []), I = i(() => _(D.data?.next_pagination_token ?? void 0), [D.data?.next_pagination_token]), L = i(() => _(D.data?.prev_pagination_token ?? void 0), [D.data?.prev_pagination_token]), R = i(() => {
-		D.refetch();
-	}, [D]);
+var n = {
+	routingNumber: "",
+	accountNumber: "",
+	accountHolderName: "",
+	displayName: ""
+};
+function r(n) {
+	let r = new Set(n ?? []);
 	return {
-		rows: j,
-		isLoading: D.isLoading,
-		isError: D.isError,
-		sorting: f,
-		onSortingChange: N,
-		pageSize: m,
-		onPageSizeChange: P,
-		hasNextPage: !!D.data?.next_pagination_token,
-		hasPrevPage: !!D.data?.prev_pagination_token,
-		onNextPage: I,
-		onPrevPage: L,
-		searchValue: v,
-		onSearchChange: y,
-		statusFilter: S,
-		statusOptions: t(),
-		onStatusFilterChange: F,
-		isFiltering: M,
-		onRetry: R,
-		getReceivableById: A
+		canReadEmbedded: e(r, [t.BankAccountReadOrg]),
+		canReadExternal: e(r, [t.ExternalBankAccountReadOrg]),
+		canAddAccount: e(r, [t.BankAccountWriteOrg])
+	};
+}
+function i(e, t) {
+	return [e.displayName || t.bankAccountFallbackName, e.accountNumberLast4].filter(Boolean).join(" - ");
+}
+function a(e, t, n) {
+	switch (e) {
+		case "INTERNAL": return t ? n.bankAccountPoweredBy.replace("{embeddedBankName}", t) : void 0;
+		case "EXTERNAL": return n.bankAccountLinked;
+		default: return;
+	}
+}
+function o({ accounts: e, embeddedBankName: t, messages: n }) {
+	return e.map((e) => ({
+		value: e.id,
+		label: i(e, n),
+		sourceLabel: a(e.type, t, n)
+	})).sort((e, t) => e.label.localeCompare(t.label));
+}
+function s({ options: e, isLoading: t, selectedId: n, isAddingAccount: r, canAddAccount: i, formValues: a, formErrors: o, isSaving: s }) {
+	return t ? { kind: "loading" } : e.length > 0 && !r ? {
+		kind: "picker",
+		options: e,
+		selected: e.find((e) => e.value === n),
+		canAddAccount: i
+	} : i ? {
+		kind: "form",
+		values: a,
+		errors: o,
+		canCancel: e.length > 0,
+		isSaving: s
+	} : { kind: "restricted" };
+}
+function c(e, t) {
+	let n = {}, r = e.accountHolderName.trim(), i = e.accountNumber.trim(), a = e.routingNumber.trim();
+	return r ? r.length > 255 && (n.accountHolderName = t.bankAccountHolderNameTooLong) : n.accountHolderName = t.bankAccountHolderNameRequired, i ? /^\d+$/.test(i) ? i.length < 4 ? n.accountNumber = t.bankAccountNumberTooShort : i.length > 17 && (n.accountNumber = t.bankAccountNumberTooLong) : n.accountNumber = t.bankAccountNumberDigitsOnly : n.accountNumber = t.bankAccountNumberRequired, a ? /^\d{9}$/.test(a) || (n.routingNumber = t.bankAccountRoutingNumberInvalid) : n.routingNumber = t.bankAccountRoutingNumberRequired, e.displayName.length > 200 && (n.displayName = t.bankAccountNicknameTooLong), n;
+}
+function l(e) {
+	return {
+		display_name: e.displayName || void 0,
+		account_holder_name: e.accountHolderName.trim() || void 0,
+		account_number: e.accountNumber.trim() || void 0,
+		routing_number: e.routingNumber.trim() || void 0
 	};
 }
-var u = {
-	documentLabel: "document_id",
-	customerLabel: "counterpart_name",
-	status: "status",
-	issueDateLabel: "issue_date",
-	dueDateLabel: "due_date",
-	totalLabel: "total_amount"
-};
 //#endregion
-export { l as useReceivablesTable };
+export { n as EMPTY_BANK_ACCOUNT_FORM_VALUES, l as bankAccountFormToPayload, s as buildBankAccountSectionView, o as buildPaymentAccountOptions, r as getBankAccountPermissions, i as getPaymentAccountLineLabel, a as getPaymentAccountSourceLabel, c as validateBankAccountForm };

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

@@ -2,113 +2,100 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { extractApiErrorMessage as t } from "../../../shared/util/dist/lib/apiErrors.js";
+import "../../../shared/ui/dist/index.js";
+import { useWidgetConfig as n } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
 import "../../../shared/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as t } from "./index2.js";
-import { coerceEnabledTabs as n, resolveInitialTab as r, tabForType as i, typeForTab as a } from "./index8.js";
-import { RECEIVABLE_MESSAGE_LABELS_EN as o } from "./index9.js";
-import { useReceivableActions as s } from "./index10.js";
-import { useReceivableDetails as c } from "./index11.js";
-import { hasSelectedText as l } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivableForm as u } from "./index14.js";
-import { useReceivablesTable as d } from "./index15.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { useCreateEntityBankAccountMutation as r, usePaymentAccountsQuery as i } from "../../data-access/dist/index3.js";
+import "../../data-access/dist/index.js";
+import { EMPTY_BANK_ACCOUNT_FORM_VALUES as a, bankAccountFormToPayload as o, buildBankAccountSectionView as s, buildPaymentAccountOptions as c, getBankAccountPermissions as l, validateBankAccountForm as u } from "./index15.js";
+import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index16.js
-function g({ counterpartMessageLabels: g, defaultTab: _, enabledTabs: v, messageLabels: y, onReceivableCreated: b, onReceivableOpened: x }) {
-	let S = e();
-	p(() => {
-		S(t.Mounted);
-	}, [S]);
-	let C = m(() => ({
-		...o,
-		...y
-	}), [y]), w = m(() => n(v), [v]), [T, E] = h(() => r({
-		defaultTab: _,
-		enabledTabs: w
-	})), [D, O] = h(), [k, A] = h(!1);
-	p(() => {
-		w.includes(T) || E(r({
-			defaultTab: _,
-			enabledTabs: w
-		}));
+function g({ open: g, bankAccountId: _, embeddedBankName: v, messages: y, onSelect: b }) {
+	let { initResponse: x } = n(), S = p(() => l(x?.scopes), [x?.scopes]), { paymentAccounts: C, isLoading: w, isIncomplete: T } = i({
+		enabled: g,
+		canReadEmbedded: S.canReadEmbedded,
+		canReadExternal: S.canReadExternal
+	}), E = r(), [D, O] = h(!1), [k, A] = h(a), [j, M] = h({}), N = m(!1), P = d(() => {
+		N.current = !1, O(!1), A(a), M({});
+	}, []);
+	f(() => {
+		if (!g || T || N.current || C.length !== 1) return;
+		let [e] = C;
+		N.current = !0, b({
+			bankAccountId: e.id,
+			bankAccountType: e.type
+		});
 	}, [
 		T,
-		_,
-		w
+		b,
+		g,
+		C
 	]);
-	let j = f((e, t) => {
-		E(i(t)), O(e), A(!0), b?.(e, t);
-	}, [b]), M = d({
-		activeTab: T,
-		messages: C
-	}), N = c({
-		selectedReceivableId: D,
-		enabled: k,
-		messages: C
-	}), P = u({
-		messages: C,
-		counterpartMessageLabels: g,
-		onCreated: j
-	}), F = f(() => {
-		let e = a(T);
-		P.openCreate(e === "quote" ? "quote" : "invoice");
-	}, [T, P.openCreate]), I = s({
-		selectedReceivable: N.receivable,
-		messages: C,
-		onCreated: j,
-		onDeleted: (e) => {
-			e === D && (O(void 0), A(!1));
+	let F = d((e) => {
+		let t = C.find((t) => t.id === e);
+		t && b({
+			bankAccountId: t.id,
+			bankAccountType: t.type
+		});
+	}, [b, C]), I = d(() => O(!0), []), L = d(() => {
+		O(!1), A(a), M({});
+	}, []), R = d((e) => A((t) => ({
+		...t,
+		...e
+	})), []), z = d(async () => {
+		let n = u(k, y);
+		if (M(n), !(Object.keys(n).length > 0)) try {
+			let t = await E.mutateAsync({ body: o(k) });
+			O(!1), A(a), b({
+				bankAccountId: t.id,
+				bankAccountType: "BANK_DETAILS"
+			}), e.success(y.bankAccountCreated.replace("{name}", t.display_name ?? ""));
+		} catch (n) {
+			e.error(t(n) ?? y.bankAccountCreateFailed);
 		}
-	}), L = f((e) => {
-		l() || (O(e.id), A(!0), x?.(e.id, e.type));
-	}, [x]);
+	}, [
+		E,
+		k,
+		y,
+		b
+	]), B = p(() => c({
+		accounts: C,
+		embeddedBankName: v,
+		messages: y
+	}), [
+		v,
+		y,
+		C
+	]);
 	return {
-		activeTab: T,
-		enabledTabs: w,
-		setActiveTab: E,
-		table: M,
-		details: N,
-		detailsOpen: k,
-		closeDetails: f(() => {
-			A(!1), O(void 0);
-		}, []),
-		form: P,
-		openCreate: F,
-		actions: I,
-		handleRowClick: L,
-		handleActionClick: f((e, t) => {
-			let n = M.getReceivableById(t.id);
-			if (e === "edit") {
-				if (n) {
-					P.openEdit(n);
-					return;
-				}
-				O(t.id), A(!0);
-				return;
-			}
-			O(t.id), I.openAction(e, t, n ?? null);
-		}, [
-			I,
-			P.openEdit,
-			M.getReceivableById
+		view: p(() => s({
+			options: B,
+			isLoading: w,
+			selectedId: _,
+			isAddingAccount: D,
+			canAddAccount: S.canAddAccount,
+			formValues: k,
+			formErrors: j,
+			isSaving: E.isPending
+		}), [
+			_,
+			E.isPending,
+			j,
+			k,
+			D,
+			w,
+			B,
+			S.canAddAccount
 		]),
-		handleDetailsActionClick: f((e, t) => {
-			if (e === "edit") {
-				N.receivable && (P.openEdit(N.receivable), A(!1));
-				return;
-			}
-			I.openAction(e, {
-				id: t.id,
-				title: t.title,
-				type: t.type
-			}, N.receivable ?? null);
-		}, [
-			I,
-			N.receivable,
-			P.openEdit
-		])
+		reset: P,
+		selectAccount: F,
+		openAddAccount: I,
+		cancelAddAccount: L,
+		updateAccountForm: R,
+		saveAccount: z
 	};
 }
 //#endregion
-export { g as useReceivablesWidget };
+export { g as useReceivableBankAccount };