@tesouro/embedded-components-react 0.5.200 → 0.5.202

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

@@ -0,0 +1,303 @@
+"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 { 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 "../../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";
+//#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
+	]);
+	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
+	};
+}
+//#endregion
+export { h as useReceivableForm };

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

@@ -0,0 +1,75 @@
+"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";
+//#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]);
+	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/index16.js

@@ -0,0 +1,114 @@
+"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 "./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";
+//#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
+		}));
+	}, [
+		T,
+		_,
+		w
+	]);
+	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));
+		}
+	}), L = f((e) => {
+		l() || (O(e.id), A(!0), x?.(e.id, e.type));
+	}, [x]);
+	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
+		]),
+		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
+		])
+	};
+}
+//#endregion
+export { g as useReceivablesWidget };