@tesouro/embedded-components-react 0.5.201 → 0.5.202

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

@@ -2,225 +2,302 @@
 "use client";
 "use client";
 "use client";
-import { useAnalyticsTrack as e } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as t } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import "../../../shared/feature/dist/index.js";
-import { CounterpartFormSheet as n } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { CounterpartSelector as r } from "../../../shared/counterpart-management/feature/dist/lib/CounterpartSelector.js";
+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 { ReceivablesWidgetAnalyticsEvent as i, WIDGET_NAME as a } from "./index2.js";
-import { PAGE_SIZE_OPTIONS as o } from "./index4.js";
-import { MeasureUnitsManagerContainer as s } from "../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
-import { ProductSelector as c } from "../../../shared/product-catalog/feature/dist/lib/ProductSelector.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 { useReceivablesWidget as l } from "./index13.js";
-import { ReceivableActionDialog as u } from "../../ui/dist/index3.js";
-import { ReceivableDetailsSheet as d } from "../../ui/dist/index12.js";
-import { ReceivableFormSheet as f } from "../../ui/dist/index14.js";
-import { ReceivablePaymentDialog as p } from "../../ui/dist/index15.js";
-import { ReceivableSendDialog as m } from "../../ui/dist/index16.js";
-import { ReceivablesScreen as h } from "../../ui/dist/index17.js";
-import "../../ui/dist/index.js";
-import { useEffect as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+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 x({ counterpartFormLabels: t, counterpartMessageLabels: a, defaultTab: x, detailsLabels: S, enabledTabs: C, formLabels: w, measureUnitDeleteLabels: T, measureUnitsLabels: E, messageLabels: D, onReceivableCreated: O, onReceivableOpened: k, onTemplateSettingsClick: A, pageSizeOptions: j = o, paymentLabels: M, productMessageLabels: N, screenLabels: P, sendLabels: F, actionLabels: I }) {
-	let L = e();
-	g(() => {
-		L(i.Mounted);
-	}, [L]);
-	let R = l({
-		counterpartMessageLabels: a,
-		defaultTab: x,
-		enabledTabs: C,
-		messageLabels: D,
-		onReceivableCreated: O,
-		onReceivableOpened: k
-	}), [z, B] = _(!1);
-	return /* @__PURE__ */ b(v, { children: [
-		/* @__PURE__ */ y(h, {
-			rows: R.table.rows,
-			activeTab: R.activeTab,
-			enabledTabs: R.enabledTabs,
-			onTabChange: R.setActiveTab,
-			isLoading: R.table.isLoading,
-			isError: R.table.isError,
-			sorting: R.table.sorting,
-			onSortingChange: R.table.onSortingChange,
-			pageSize: R.table.pageSize,
-			onPageSizeChange: R.table.onPageSizeChange,
-			pageSizeOptions: j,
-			hasNextPage: R.table.hasNextPage,
-			hasPrevPage: R.table.hasPrevPage,
-			onNextPage: R.table.onNextPage,
-			onPrevPage: R.table.onPrevPage,
-			searchValue: R.table.searchValue,
-			onSearchChange: R.table.onSearchChange,
-			statusFilter: R.table.statusFilter,
-			statusOptions: R.table.statusOptions,
-			onStatusFilterChange: R.table.onStatusFilterChange,
-			isFiltering: R.table.isFiltering,
-			onCreateClick: R.openCreate,
-			onTemplateSettingsClick: A,
-			onRowClick: R.handleRowClick,
-			onActionClick: R.handleActionClick,
-			onRetry: R.table.onRetry,
-			labels: P
-		}),
-		/* @__PURE__ */ y(f, {
-			open: R.form.open,
-			onOpenChange: (e) => {
-				e || R.form.close();
-			},
-			mode: R.form.mode,
-			values: R.form.sheetValues,
-			errors: R.form.errors,
-			currencyOptions: R.form.currencyOptions,
-			paymentTermsOptions: R.form.paymentTermsOptions,
-			unitOptions: R.form.lineItemUnitOptions,
-			currencySymbol: R.form.currencySymbol,
-			lineItemControls: R.form.lineItemControls,
-			autoFocusLineItemId: R.form.autoFocusLineItemId,
-			lineItemsLoading: R.form.lineItemsLoading,
-			inProgress: R.form.isSubmitting,
-			customerSelector: /* @__PURE__ */ y(r, {
-				mode: "customer",
-				value: R.form.values.customerId || void 0,
-				onValueChange: (e) => R.form.updateValues({ customerId: e }),
-				onCreateClick: R.form.openCounterpartCreate
-			}),
-			renderProductSelector: (e, t) => /* @__PURE__ */ y(c, {
+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,
-				inputValue: e.name,
-				selectedProductId: R.form.values.lineItems.find((t) => t.id === e.id)?.productId || void 0,
-				currency: R.form.values.currency,
-				maxLength: 100,
-				onInputValueChange: (t) => R.form.updateLineItem(e.id, { name: t }),
-				onProductSelect: (t) => R.form.selectProduct(e.id, t)
-			}),
-			onChange: R.form.updateValues,
-			onLineItemChange: R.form.updateLineItem,
-			onLineItemCommit: R.form.commitLineItem,
-			onLineItemQuantityStep: R.form.stepLineItem,
-			onTaxRateCommit: R.form.commitTaxRate,
-			onManageUnits: () => B(!0),
-			onAddLineItem: R.form.addLineItem,
-			onRemoveLineItem: R.form.removeLineItem,
-			onSubmit: R.form.submit,
-			onCancel: R.form.close,
-			labels: w
-		}),
-		/* @__PURE__ */ y(d, {
-			open: R.detailsOpen,
-			onOpenChange: (e) => {
-				e || R.closeDetails();
-			},
-			details: R.details.detailsView,
-			isLoading: R.details.isLoading,
-			isError: R.details.isError,
-			onActionClick: R.handleDetailsActionClick,
-			onClose: R.closeDetails,
-			labels: S
-		}),
-		/* @__PURE__ */ y(m, {
-			open: R.actions.sendOpen,
-			onOpenChange: (e) => {
-				e || R.actions.closeSend();
-			},
-			values: R.actions.sendValues,
-			errors: R.actions.sendErrors,
-			inProgress: R.actions.sendInProgress,
-			onChange: (e) => R.actions.setSendValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: R.actions.submitSend,
-			onCancel: R.actions.closeSend,
-			labels: F
-		}),
-		/* @__PURE__ */ y(p, {
-			open: R.actions.paymentOpen,
-			onOpenChange: (e) => {
-				e || R.actions.closePayment();
-			},
-			values: R.actions.paymentValues,
-			errors: R.actions.paymentErrors,
-			inProgress: R.actions.paymentInProgress,
-			onChange: (e) => R.actions.setPaymentValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: R.actions.submitPayment,
-			onCancel: R.actions.closePayment,
-			labels: M
-		}),
-		R.actions.actionDialog && /* @__PURE__ */ y(u, {
-			open: !!R.actions.actionTarget,
-			onOpenChange: (e) => {
-				e || R.actions.closeAction();
-			},
-			title: R.actions.actionDialog.title,
-			description: R.actions.actionDialog.description,
-			confirmLabel: R.actions.actionDialog.confirmLabel,
-			destructive: R.actions.actionDialog.destructive,
-			error: R.actions.actionError,
-			inProgress: R.actions.actionInProgress,
-			onConfirm: R.actions.confirmAction,
-			onCancel: R.actions.closeAction,
-			labels: I
-		}),
-		/* @__PURE__ */ y(n, {
-			open: R.form.counterpartView === "create",
-			onOpenChange: (e) => {
-				e || R.form.counterpartForm.close();
-			},
-			mode: "create",
-			values: R.form.counterpartForm.values,
-			errors: R.form.counterpartForm.errors,
-			stateOptions: R.form.stateOptions,
-			inProgress: R.form.counterpartForm.isSubmitting,
-			onChange: (e) => R.form.counterpartForm.setValues((t) => ({
-				...t,
-				...e
-			})),
-			onAddressChange: (e) => R.form.counterpartForm.setValues((t) => ({
-				...t,
-				address: {
-					...t.address,
-					...e
-				}
-			})),
-			onSubmit: R.form.counterpartForm.submit,
-			onCancel: R.form.counterpartForm.close,
-			labels: t
-		}),
-		/* @__PURE__ */ y(s, {
-			open: z,
-			onClose: () => B(!1),
-			managerLabels: E,
-			deleteLabels: T,
-			messageLabels: N
-		})
-	] });
-}
-function S({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ y(t, {
-		widgetName: a,
-		baseUrl: e,
-		widgetToken: n,
-		organizationId: r,
-		configClient: i,
-		gatewayRouting: o,
-		linkComponent: s,
-		implementation: c,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: p,
-		providerLabels: m,
-		children: /* @__PURE__ */ y(x, { ...h })
-	});
+				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 { S as ReceivablesWidget, S as default };
+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 };