@tesouro/embedded-components-react 0.5.213 → 0.5.215

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

@@ -2,287 +2,74 @@
 "use client";
 "use client";
 "use client";
-import { Calendar as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmbeddedToaster as t } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import "../../../shared/feature/dist/index.js";
-import { CounterpartFormSheet as i } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { CounterpartSelector as a } from "../../../shared/counterpart-management/feature/dist/lib/CounterpartSelector.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as o, WIDGET_NAME as s } from "./index2.js";
-import { PAGE_SIZE_OPTIONS as c } from "./index4.js";
-import { ReceivableActionDialog as l } from "../../ui/dist/index4.js";
-import { ReceivableBankAccountSection as u } from "../../ui/dist/index5.js";
-import { ReceivableBillingSection as d } from "../../ui/dist/index10.js";
-import { ReceivableDetailsSheet as f } from "../../ui/dist/index21.js";
-import { ReceivableFormSheet as p } from "../../ui/dist/index24.js";
-import { ReceivablePaymentDialog as m } from "../../ui/dist/index25.js";
-import { ReceivableRemindersSection as h } from "../../ui/dist/index26.js";
-import { ReceivableSendDialog as g } from "../../ui/dist/index27.js";
-import { ReceivablesScreen as _ } from "../../ui/dist/index28.js";
-import "../../ui/dist/index.js";
-import { ReceivableAttachmentsSection as v } from "./index5.js";
-import { MeasureUnitsManagerContainer as y } from "../../../shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js";
-import { ProductSelector as b } from "../../../shared/product-catalog/feature/dist/lib/ProductSelector.js";
-import "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivablesWidget as x } from "./index23.js";
-import { useEffect as S, useId as C, useState as w } from "react";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index12.js";
+import { useReceivablesQuery as r } from "../../data-access/dist/index10.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/index24.js
-function O({ counterpartFormLabels: r, counterpartMessageLabels: s, defaultTab: O, detailsLabels: k, embeddedBankName: A, enabledTabs: j, formLabels: M, measureUnitDeleteLabels: N, measureUnitsLabels: P, messageLabels: F, onReceivableCreated: I, onReceivableOpened: L, onTemplateSettingsClick: R, pageSizeOptions: z = c, paymentLabels: B, productMessageLabels: V, screenLabels: H, sendLabels: U, actionLabels: W }) {
-	let G = n();
-	S(() => {
-		G(o.Mounted);
-	}, [G]);
-	let K = x({
-		counterpartMessageLabels: s,
-		defaultTab: O,
-		embeddedBankName: A,
-		enabledTabs: j,
-		messageLabels: F,
-		onReceivableCreated: I,
-		onReceivableOpened: L
-	}), [q, J] = w(!1), Y = C(), X = C(), Z = C();
-	return /* @__PURE__ */ D(T, { children: [
-		/* @__PURE__ */ E(t, {}),
-		/* @__PURE__ */ E(_, {
-			rows: K.table.rows,
-			activeTab: K.activeTab,
-			enabledTabs: K.enabledTabs,
-			onTabChange: K.setActiveTab,
-			isLoading: K.table.isLoading,
-			isError: K.table.isError,
-			sorting: K.table.sorting,
-			onSortingChange: K.table.onSortingChange,
-			pageSize: K.table.pageSize,
-			onPageSizeChange: K.table.onPageSizeChange,
-			pageSizeOptions: z,
-			hasNextPage: K.table.hasNextPage,
-			hasPrevPage: K.table.hasPrevPage,
-			onNextPage: K.table.onNextPage,
-			onPrevPage: K.table.onPrevPage,
-			searchValue: K.table.searchValue,
-			onSearchChange: K.table.onSearchChange,
-			statusFilter: K.table.statusFilter,
-			statusOptions: K.table.statusOptions,
-			onStatusFilterChange: K.table.onStatusFilterChange,
-			isFiltering: K.table.isFiltering,
-			onCreateClick: K.openCreate,
-			onTemplateSettingsClick: R,
-			onRowClick: K.handleRowClick,
-			onActionClick: K.handleActionClick,
-			onRetry: K.table.onRetry,
-			labels: H
-		}),
-		/* @__PURE__ */ E(p, {
-			open: K.form.open,
-			onOpenChange: (e) => {
-				e || K.form.close();
-			},
-			mode: K.form.mode,
-			values: K.form.sheetValues,
-			errors: K.form.errors,
-			currencyOptions: K.form.currencyOptions,
-			unitOptions: K.form.lineItemUnitOptions,
-			currencySymbol: K.form.currencySymbol,
-			lineItemControls: K.form.lineItemControls,
-			autoFocusLineItemId: K.form.autoFocusLineItemId,
-			lineItemsLoading: K.form.lineItemsLoading,
-			inProgress: K.form.isSubmitting,
-			customerSelector: /* @__PURE__ */ E(a, {
-				mode: "customer",
-				value: K.form.values.customerId || void 0,
-				onValueChange: (e) => K.form.updateValues({ customerId: e }),
-				onCreateClick: K.form.openCounterpartCreate
-			}),
-			renderProductSelector: (e, t) => /* @__PURE__ */ E(b, {
-				...t,
-				inputValue: e.name,
-				selectedProductId: K.form.values.lineItems.find((t) => t.id === e.id)?.productId || void 0,
-				currency: K.form.values.currency,
-				maxLength: 100,
-				onInputValueChange: (t) => K.form.updateLineItem(e.id, { name: t }),
-				onProductSelect: (t) => K.form.selectProduct(e.id, t)
-			}),
-			onChange: K.form.updateValues,
-			onLineItemChange: K.form.updateLineItem,
-			onLineItemCommit: K.form.commitLineItem,
-			onLineItemQuantityStep: K.form.stepLineItem,
-			onTaxRateCommit: K.form.commitTaxRate,
-			onDiscountFocus: K.form.focusDiscount,
-			onDiscountCommit: K.form.commitDiscount,
-			totals: K.form.totalsView,
-			onManageUnits: () => J(!0),
-			onAddLineItem: K.form.addLineItem,
-			onRemoveLineItem: K.form.removeLineItem,
-			showDueDateField: K.form.showDueDateField,
-			billingSection: K.form.showBillingSection && /* @__PURE__ */ E(d, {
-				idPrefix: Y,
-				paymentTerms: K.form.paymentTerms.view,
-				paymentTermsError: K.form.errors.paymentTermsId,
-				disabled: K.form.isSubmitting,
-				onPaymentTermsChange: K.form.paymentTerms.select,
-				onCustomDatePickerOpenChange: K.form.paymentTerms.changeCustomDatePickerOpen,
-				customDateCalendar: /* @__PURE__ */ E(e, {
-					mode: "single",
-					captionLayout: "dropdown",
-					...K.form.paymentTerms.calendar,
-					onSelect: K.form.paymentTerms.selectCustomDate
-				}),
-				labels: M
-			}),
-			remindersSection: K.form.reminders.view && /* @__PURE__ */ E(h, {
-				idPrefix: Z,
-				view: K.form.reminders.view,
-				onToggle: K.form.reminders.toggle,
-				onPaymentReminderSelect: K.form.reminders.selectPaymentReminder,
-				onOverdueReminderSelect: K.form.reminders.selectOverdueReminder,
-				onBeforeDueInputChange: K.form.reminders.changeBeforeDueInput,
-				onBeforeDueSave: K.form.reminders.saveBeforeDue,
-				onOverdueTermChange: K.form.reminders.changeOverdueTerm,
-				onOverdueAddTerm: K.form.reminders.addOverdueTerm,
-				onOverdueClear: K.form.reminders.clearOverdueTerms,
-				onOverdueSave: K.form.reminders.saveOverdue,
-				labels: M
-			}),
-			bankAccountSection: /* @__PURE__ */ E(u, {
-				idPrefix: X,
-				view: K.form.bankAccount.view,
-				disabled: K.form.isSubmitting,
-				onAccountSelect: K.form.bankAccount.selectAccount,
-				onAddAccountClick: K.form.bankAccount.openAddAccount,
-				onFormChange: K.form.bankAccount.updateAccountForm,
-				onFormSave: K.form.bankAccount.saveAccount,
-				onFormCancel: K.form.bankAccount.cancelAddAccount,
-				labels: M
-			}),
-			attachmentsSection: K.form.attachmentsView && /* @__PURE__ */ E(v, {
-				view: K.form.attachmentsView,
-				disabled: K.form.isSubmitting,
-				onFilesSelect: K.form.selectAttachmentFiles,
-				onIncludeInEmailChange: K.form.setAttachmentIncludeInEmail,
-				onRemove: K.form.removeAttachment,
-				labels: M
-			}),
-			cancelDisabled: K.form.attachmentsUploading,
-			saveDisabled: K.form.saveDisabled,
-			onSubmit: K.form.submit,
-			onCancel: K.form.close,
-			labels: M
-		}),
-		/* @__PURE__ */ E(f, {
-			open: K.detailsOpen,
-			onOpenChange: (e) => {
-				e || K.closeDetails();
-			},
-			details: K.details.detailsView,
-			isLoading: K.details.isLoading,
-			isError: K.details.isError,
-			onActionClick: K.handleDetailsActionClick,
-			onClose: K.closeDetails,
-			labels: k
-		}),
-		/* @__PURE__ */ E(g, {
-			open: K.actions.sendOpen,
-			onOpenChange: (e) => {
-				e || K.actions.closeSend();
-			},
-			values: K.actions.sendValues,
-			errors: K.actions.sendErrors,
-			inProgress: K.actions.sendInProgress,
-			onChange: (e) => K.actions.setSendValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: K.actions.submitSend,
-			onCancel: K.actions.closeSend,
-			labels: U
-		}),
-		/* @__PURE__ */ E(m, {
-			open: K.actions.paymentOpen,
-			onOpenChange: (e) => {
-				e || K.actions.closePayment();
-			},
-			values: K.actions.paymentValues,
-			errors: K.actions.paymentErrors,
-			inProgress: K.actions.paymentInProgress,
-			onChange: (e) => K.actions.setPaymentValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: K.actions.submitPayment,
-			onCancel: K.actions.closePayment,
-			labels: B
-		}),
-		K.actions.actionDialog && /* @__PURE__ */ E(l, {
-			open: !!K.actions.actionTarget,
-			onOpenChange: (e) => {
-				e || K.actions.closeAction();
-			},
-			title: K.actions.actionDialog.title,
-			description: K.actions.actionDialog.description,
-			confirmLabel: K.actions.actionDialog.confirmLabel,
-			destructive: K.actions.actionDialog.destructive,
-			error: K.actions.actionError,
-			inProgress: K.actions.actionInProgress,
-			onConfirm: K.actions.confirmAction,
-			onCancel: K.actions.closeAction,
-			labels: W
-		}),
-		/* @__PURE__ */ E(i, {
-			open: K.form.counterpartView === "create",
-			onOpenChange: (e) => {
-				e || K.form.counterpartForm.close();
-			},
-			mode: "create",
-			values: K.form.counterpartForm.values,
-			errors: K.form.counterpartForm.errors,
-			stateOptions: K.form.stateOptions,
-			inProgress: K.form.counterpartForm.isSubmitting,
-			onChange: (e) => K.form.counterpartForm.setValues((t) => ({
-				...t,
-				...e
-			})),
-			onAddressChange: (e) => K.form.counterpartForm.setValues((t) => ({
-				...t,
-				address: {
-					...t.address,
-					...e
-				}
-			})),
-			onSubmit: K.form.counterpartForm.submit,
-			onCancel: K.form.counterpartForm.close,
-			labels: r
-		}),
-		/* @__PURE__ */ E(y, {
-			open: q,
-			onClose: () => J(!1),
-			managerLabels: P,
-			deleteLabels: N,
-			messageLabels: V
-		})
-	] });
-}
-function k({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ E(r, {
-		widgetName: s,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: i,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: c,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: p,
-		providerLabels: m,
-		children: /* @__PURE__ */ E(O, { ...h })
-	});
+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 { k as ReceivablesWidget, k as default };
+export { l as useReceivablesTable };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index25.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 "./index12.js";
+import { RECEIVABLE_MESSAGE_LABELS_EN as o } from "./index13.js";
+import { useReceivableActions as s } from "./index15.js";
+import { useReceivableDetails as c } from "./index16.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 "./index23.js";
+import { useReceivablesTable as d } from "./index24.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/index25.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 };