@tesouro/embedded-components-react 0.5.205 → 0.5.206

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

@@ -2,114 +2,335 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/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 { getStateOptions as e } from "../../../shared/util/dist/lib/usStates.js";
+import { extractApiErrorMessage as t } from "../../../shared/util/dist/lib/apiErrors.js";
+import { COUNTERPART_MESSAGE_LABELS_EN as n } from "../../../shared/counterpart-management/feature/dist/lib/labels.js";
+import { useCounterpartAddressesQuery as r } from "../../../shared/counterpart-management/data-access/dist/index7.js";
+import { useCounterpartForm as i } 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 a, convertPriceInput as ne, createLineItem as re, 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 o, hasReceivableFormErrors as ge, receivableFormValuesToCreatePayload as _e, receivableFormValuesToLineItemChanges as ve, receivableFormValuesToUpdatePayload as ye, receivableToFormValues as be, validateReceivableForm as xe } from "./index9.js";
+import { useCreateReceivableMutation as Se, useUpdateReceivableMutation as Ce } from "../../data-access/dist/index6.js";
+import "../../data-access/dist/index.js";
+import { useReceivableAttachmentUploads as we } from "./index13.js";
+import { useReceivablePaymentTerms as Te } from "./index14.js";
+import { useReceivableBankAccount as Ee } from "./index16.js";
+import { calculateInvoiceTotals as De } from "./index17.js";
+import { getCurrencyOptions as Oe } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import { useMeasureUnitsQuery as ke } from "../../../shared/product-catalog/data-access/dist/index9.js";
+import { useMeasureUnits as Ae } from "../../../shared/product-catalog/feature/dist/lib/useMeasureUnits.js";
 import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivableForm as u } from "./index16.js";
-import { useReceivablesTable as d } from "./index17.js";
-import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index18.js
-function g({ counterpartMessageLabels: g, defaultTab: _, embeddedBankName: v, enabledTabs: y, messageLabels: b, onReceivableCreated: x, onReceivableOpened: S }) {
-	let C = e();
-	p(() => {
-		C(t.Mounted);
-	}, [C]);
-	let w = m(() => ({
-		...o,
-		...b
-	}), [b]), T = m(() => n(y), [y]), [E, D] = h(() => r({
-		defaultTab: _,
-		enabledTabs: T
-	})), [O, k] = h(), [A, j] = h(!1);
-	p(() => {
-		T.includes(E) || D(r({
-			defaultTab: _,
-			enabledTabs: T
+function f({ messages: f, counterpartMessageLabels: p, embeddedBankName: je, onCreated: m }) {
+	let h = Se(), g = Ce(), _ = u([]), v = u(""), [y, b] = d(!1), [x, S] = d("create"), [C, w] = d(), [T, E] = d(() => o()), [Me, D] = d({}), [O, Ne] = d("none"), k = Ae(), A = ke(), j = A.data?.data, { unitNamesById: M } = k, [Pe, N] = d(), [P, F] = d(!1), I = u(!1), L = l(() => e(), []), Fe = l(() => ({
+		...n,
+		...p
+	}), [p]), R = r(T.customerId), Ie = R.data?.data?.[0], z = R.data?.data?.[0]?.id, Le = s((e) => {
+		E((t) => ({
+			...t,
+			attachments: e(t.attachments)
 		}));
+	}, []), B = we({
+		attachments: T.attachments,
+		setAttachments: Le,
+		receivableId: C
+	}), { reset: V, discardUploads: H, commitRemovals: U } = B, Re = T.type === "invoice" ? he({
+		attachments: T.attachments,
+		pendingUploads: B.pendingUploads,
+		isCountLimitReached: B.isCountLimitReached,
+		isRecurring: !1,
+		messages: f
+	}) : void 0, ze = s((e) => {
+		E((t) => ({
+			...t,
+			customerId: e ?? ""
+		}));
+	}, []), W = i({
+		view: O,
+		setView: Ne,
+		selectedId: T.customerId || void 0,
+		setSelectedId: ze,
+		messages: Fe,
+		counterpartType: "customer",
+		counterpart: void 0,
+		primaryAddress: Ie
+	}), Be = s((e) => E((t) => ({
+		...t,
+		...e({
+			paymentTermsId: t.paymentTermsId,
+			paymentTermsCustomDate: t.paymentTermsCustomDate
+		})
+	})), []), G = Te({
+		paymentTermsId: T.paymentTermsId,
+		paymentTermsCustomDate: T.paymentTermsCustomDate,
+		messages: f,
+		onChange: Be
+	}), K = G.reset, Ve = s((e) => E((t) => ({
+		...t,
+		...e
+	})), []), q = Ee({
+		open: y,
+		bankAccountId: T.bankAccountId,
+		embeddedBankName: je,
+		messages: f,
+		onSelect: Ve
+	}), J = q.reset, Y = s(() => {
+		_.current = [], N(void 0), S("create"), w(void 0), E(o()), D({}), F(!1), V();
+	}, [V]), He = s((e = "invoice") => {
+		K(), J(), _.current = [], N(void 0), S("create"), w(void 0), E({
+			...o(),
+			type: e
+		}), D({}), V(), F(!1), b(!0);
 	}, [
-		E,
-		_,
-		T
+		V,
+		K,
+		J
+	]), Ue = s((e) => {
+		e.type !== "credit_note" && (K(), J(), _.current = e.line_items, v.current = e.currency, N(void 0), S("edit"), w(e.id), E(be(e, j)), D({}), F(!1), V(), b(!0));
+	}, [
+		V,
+		K,
+		J,
+		j
 	]);
-	let M = f((e, t) => {
-		D(i(t)), k(e), j(!0), x?.(e, t);
-	}, [x]), N = d({
-		activeTab: E,
-		messages: w
-	}), P = c({
-		selectedReceivableId: O,
-		enabled: A,
-		messages: w
-	}), F = u({
-		messages: w,
-		counterpartMessageLabels: g,
-		embeddedBankName: v,
-		onCreated: M
-	}), I = f(() => {
-		let e = a(E);
-		F.openCreate(e === "quote" ? "quote" : "invoice");
-	}, [E, F.openCreate]), L = s({
-		selectedReceivable: P.receivable,
-		messages: w,
-		onCreated: M,
-		onDeleted: (e) => {
-			e === O && (k(void 0), j(!1));
+	c(() => {
+		j?.length && E((e) => {
+			let t = se(e.lineItems, j);
+			return t === e.lineItems ? e : {
+				...e,
+				lineItems: t
+			};
+		});
+	}, [j]);
+	let X = B.isUploading, We = s(() => {
+		X || (H(), b(!1), D({}));
+	}, [H, X]), Ge = s((e) => {
+		let t = e.taxRate === void 0 ? e : {
+			...e,
+			taxRate: le(e.taxRate)
+		}, { currency: n, type: r } = t;
+		if (r !== void 0 && r !== "invoice" && H(), n === void 0) {
+			E((e) => ({
+				...e,
+				...t
+			}));
+			return;
 		}
-	}), R = f((e) => {
-		l() || (k(e.id), j(!0), S?.(e.id, e.type));
-	}, [S]);
-	return {
-		activeTab: E,
-		enabledTabs: T,
-		setActiveTab: D,
-		table: N,
-		details: P,
-		detailsOpen: A,
-		closeDetails: f(() => {
-			j(!1), k(void 0);
-		}, []),
-		form: F,
-		openCreate: I,
-		actions: L,
-		handleRowClick: R,
-		handleActionClick: f((e, t) => {
-			let n = N.getReceivableById(t.id);
-			if (e === "edit") {
-				if (n) {
-					F.openEdit(n);
-					return;
-				}
-				k(t.id), j(!0);
-				return;
-			}
-			k(t.id), L.openAction(e, t, n ?? null);
-		}, [
-			L,
-			F.openEdit,
-			N.getReceivableById
-		]),
-		handleDetailsActionClick: f((e, t) => {
-			if (e === "edit") {
-				P.receivable && (F.openEdit(P.receivable), j(!1));
+		I.current = !0, E((e) => e.currency === n ? {
+			...e,
+			...t
+		} : {
+			...e,
+			...t,
+			lineItems: e.lineItems.map((t) => ({
+				...t,
+				price: ne(t.price, e.currency, n)
+			}))
+		});
+	}, [H]), Ke = s(() => {
+		E((e) => {
+			let t = a(e.taxRate);
+			return t === e.taxRate ? e : {
+				...e,
+				taxRate: t
+			};
+		});
+	}, []), Z = s((e, t) => {
+		let n = me(e, {
+			currency: t,
+			messages: f
+		});
+		D((e) => ({
+			...e,
+			lineItems: n,
+			lineItemsSummary: fe(n)
+		}));
+	}, [f]), Q = s((e, { validate: t }) => {
+		t && (I.current = !0), E((t) => ({
+			...t,
+			lineItems: e(t.lineItems)
+		}));
+	}, []);
+	c(() => {
+		I.current && (I.current = !1, Z(T.lineItems, T.currency));
+	}, [
+		Z,
+		T.currency,
+		T.lineItems
+	]);
+	let qe = s((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: P });
+	}, [Q, P]), Je = s((e, t) => {
+		Q((n) => n.map((n) => n.id === e ? {
+			...n,
+			...oe({
+				product: t,
+				currency: T.currency,
+				unitNamesById: M
+			})
+		} : n), { validate: !0 });
+	}, [
+		Q,
+		M,
+		T.currency
+	]), $ = s((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]), Ye = s((e, t) => {
+		let n = T.lineItems.find((t) => t.id === e);
+		n && $(e, te({
+			lineItem: n,
+			field: t,
+			rowCount: T.lineItems.length,
+			currency: T.currency
+		}));
+	}, [
+		$,
+		T.currency,
+		T.lineItems
+	]), Xe = s((e, t) => {
+		let n = T.lineItems.find((t) => t.id === e);
+		n && $(e, ue({
+			lineItem: n,
+			step: t,
+			rowCount: T.lineItems.length
+		}));
+	}, [$, T.lineItems]), Ze = s(() => {
+		let e = re(T.currency);
+		N(e.id), E((t) => ({
+			...t,
+			lineItems: [...t.lineItems, e]
+		}));
+	}, [T.currency]), Qe = s((e) => {
+		Q((t) => t.length <= 1 ? t : t.filter((t) => t.id !== e), { validate: !0 });
+	}, [Q]), $e = s(async () => {
+		if (X) return;
+		if (A.isLoading) {
+			D({ form: f.lineItemsLoading });
+			return;
+		}
+		let e = de(T.lineItems), n = e.length === T.lineItems.length ? T : {
+			...T,
+			lineItems: e
+		};
+		n !== T && E(n);
+		let r = xe({
+			values: n,
+			billingAddressId: z,
+			messages: f
+		});
+		if (ge(r)) {
+			D(r), F(!0);
+			return;
+		}
+		D({});
+		try {
+			if (x === "edit" && C) {
+				let e = { receivable_id: C };
+				await g.mutateAsync({
+					path: e,
+					body: ye({
+						values: n,
+						billingAddressId: z ?? "",
+						lineItemChanges: ve({
+							values: n,
+							originalLineItems: _.current,
+							originalCurrency: v.current,
+							unitNamesById: M,
+							units: j
+						})
+					})
+				}), U(), b(!1), Y();
 				return;
 			}
-			L.openAction(e, {
-				id: t.id,
-				title: t.title,
-				type: t.type
-			}, P.receivable ?? null);
-		}, [
-			L,
-			P.receivable,
-			F.openEdit
-		])
+			let e = await h.mutateAsync({ body: _e({
+				values: n,
+				billingAddressId: z ?? "",
+				unitNamesById: M
+			}) });
+			b(!1), Y(), e?.id && m?.(e.id, e.type);
+		} catch (e) {
+			D({ form: t(e) ?? f.genericError });
+		}
+	}, [
+		z,
+		U,
+		h,
+		C,
+		X,
+		f,
+		x,
+		m,
+		Y,
+		j,
+		M,
+		A.isLoading,
+		g,
+		T
+	]), et = l(() => ({
+		...T,
+		lineItems: T.lineItems.map(pe)
+	}), [T]), tt = l(() => ee(T.lineItems), [T.lineItems]), nt = l(() => De({
+		lineItems: T.lineItems.filter((e) => !ae(e)),
+		currency: T.currency,
+		taxRate: Number(T.taxRate) || void 0
+	}), [
+		T.currency,
+		T.lineItems,
+		T.taxRate
+	]);
+	return {
+		open: y,
+		setOpen: b,
+		mode: x,
+		values: T,
+		sheetValues: et,
+		errors: Me,
+		setValues: E,
+		updateValues: Ge,
+		commitTaxRate: Ke,
+		updateLineItem: qe,
+		selectProduct: Je,
+		commitLineItem: Ye,
+		stepLineItem: Xe,
+		addLineItem: Ze,
+		removeLineItem: Qe,
+		attachmentsView: Re,
+		attachmentsUploading: B.isUploading,
+		saveDisabled: A.isLoading || B.isUploading,
+		selectAttachmentFiles: B.selectFiles,
+		setAttachmentIncludeInEmail: B.setIncludeInEmail,
+		removeAttachment: B.remove,
+		autoFocusLineItemId: Pe,
+		lineItemUnitOptions: k.unitOptions,
+		lineItemsLoading: A.isLoading,
+		lineItemControls: tt,
+		totals: nt,
+		currencySymbol: ie(T.currency),
+		isSubmitting: h.isPending || g.isPending,
+		currencyOptions: Oe(T.currency),
+		paymentTerms: G,
+		showBillingSection: T.type === "invoice" || x === "edit",
+		showDueDateField: T.type === "quote",
+		openCreate: He,
+		openEdit: Ue,
+		close: We,
+		submit: $e,
+		units: k,
+		counterpartView: O,
+		counterpartForm: W,
+		stateOptions: L,
+		openCounterpartCreate: W.openCreate,
+		bankAccount: q
 	};
 }
 //#endregion
-export { g as useReceivablesWidget };
+export { f as useReceivableForm };