@tesouro/embedded-components-react 0.5.205 → 0.5.207

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

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

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

@@ -0,0 +1,75 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index9.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";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index21.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]);
+	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
+	};
+}
+var u = {
+	documentLabel: "document_id",
+	customerLabel: "counterpart_name",
+	status: "status",
+	issueDateLabel: "issue_date",
+	dueDateLabel: "due_date",
+	totalLabel: "total_amount"
+};
+//#endregion
+export { l as useReceivablesTable };

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

@@ -0,0 +1,115 @@
+"use client";
+"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 "./index9.js";
+import { RECEIVABLE_MESSAGE_LABELS_EN as o } from "./index10.js";
+import { useReceivableActions as s } from "./index12.js";
+import { useReceivableDetails as c } from "./index13.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 "./index20.js";
+import { useReceivablesTable as d } from "./index21.js";
+import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index22.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
+		}));
+	}, [
+		E,
+		_,
+		T
+	]);
+	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));
+		}
+	}), 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));
+				return;
+			}
+			L.openAction(e, {
+				id: t.id,
+				title: t.title,
+				type: t.type
+			}, P.receivable ?? null);
+		}, [
+			L,
+			P.receivable,
+			F.openEdit
+		])
+	};
+}
+//#endregion
+export { g as useReceivablesWidget };