@tesouro/embedded-components-react 0.5.228 → 0.5.230

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

@@ -2,324 +2,81 @@
 "use client";
 "use client";
 "use client";
-import { Calendar as e, Skeleton as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { EmbeddedToaster as n } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as r } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as i } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import "../../../shared/feature/dist/index.js";
-import { CounterpartFormSheet as a } from "../../../shared/counterpart-management/ui/dist/index9.js";
-import { CounterpartSelector as o } from "../../../shared/counterpart-management/feature/dist/lib/CounterpartSelector.js";
-import "../../../shared/counterpart-management/feature/dist/index.js";
-import { ReceivablesWidgetAnalyticsEvent as s, WIDGET_NAME as c } from "./index2.js";
-import { PAGE_SIZE_OPTIONS as l } from "./index4.js";
-import { ReceivableActionDialog as u } from "../../ui/dist/index5.js";
-import { ReceivableBankAccountSection as d } from "../../ui/dist/index6.js";
-import { ReceivableBillingSection as f } from "../../ui/dist/index11.js";
-import { ReceivableDetailsPanel as p } from "../../ui/dist/index20.js";
-import { ReceivableFormSheet as m } from "../../ui/dist/index24.js";
-import { ReceivablePaymentDialog as h } from "../../ui/dist/index25.js";
-import { ReceivableRecurrenceEmailDialog as g } from "../../ui/dist/index30.js";
-import { ReceivableRecurrenceSection as _ } from "../../ui/dist/index32.js";
-import { ReceivableRemindersSection as v } from "../../ui/dist/index34.js";
-import { ReceivableSendDialog as y } from "../../ui/dist/index35.js";
-import { ReceivablesScreen as b } from "../../ui/dist/index37.js";
-import "../../ui/dist/index.js";
-import { ReceivableAttachmentsSection as x } from "./index5.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 "../../../shared/product-catalog/feature/dist/index.js";
-import { useReceivablesWidget as w } from "./index32.js";
-import { useEffect as T, useId as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { buildReceivableRows as e, statusFilterOptions as t, typeForTab as n } from "./index13.js";
+import { useReceivablesQuery as r } from "../../data-access/dist/index10.js";
+import "../../data-access/dist/index.js";
+import { useReceivableStatusCards as i } from "./index32.js";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index33.js
-function j({ counterpartFormLabels: i, counterpartMessageLabels: c, defaultTab: j, detailsLabels: M, embeddedBankName: N, enabledTabs: P, formLabels: F, measureUnitDeleteLabels: I, measureUnitsLabels: L, messageLabels: R, onReceivableCreated: z, onReceivableOpened: B, onTemplateSettingsClick: V, pageSizeOptions: H = l, paymentLabels: U, productMessageLabels: W, screenLabels: G, sendLabels: K, actionLabels: q }) {
-	let J = r();
-	T(() => {
-		J(s.Mounted);
-	}, [J]);
-	let Y = w({
-		counterpartMessageLabels: c,
-		defaultTab: j,
-		embeddedBankName: N,
-		enabledTabs: P,
-		messageLabels: R,
-		onReceivableCreated: z,
-		onReceivableOpened: B,
-		screenLabels: G
-	}), [X, Z] = D(!1), Q = E(), $ = E(), ee = E(), te = E();
-	return /* @__PURE__ */ A(O, { children: [
-		/* @__PURE__ */ k(n, {}),
-		/* @__PURE__ */ k(b, {
-			rows: Y.table.rows,
-			activeTab: Y.activeTab,
-			enabledTabs: Y.enabledTabs,
-			onTabChange: Y.setActiveTab,
-			isLoading: Y.table.isLoading,
-			isError: Y.table.isError,
-			sorting: Y.table.sorting,
-			onSortingChange: Y.table.onSortingChange,
-			pageSize: Y.table.pageSize,
-			onPageSizeChange: Y.table.onPageSizeChange,
-			pageSizeOptions: H,
-			hasNextPage: Y.table.hasNextPage,
-			hasPrevPage: Y.table.hasPrevPage,
-			onNextPage: Y.table.onNextPage,
-			onPrevPage: Y.table.onPrevPage,
-			searchValue: Y.table.searchValue,
-			onSearchChange: Y.table.onSearchChange,
-			statusFilter: Y.table.statusFilter,
-			statusOptions: Y.table.statusOptions,
-			onStatusFilterChange: Y.table.onStatusFilterChange,
-			statusCards: Y.table.statusCards,
-			onStatusCardSelect: Y.table.onStatusFilterChange,
-			isFiltering: Y.table.isFiltering,
-			onCreateClick: Y.openCreate,
-			onTemplateSettingsClick: V,
-			onRowClick: Y.handleRowClick,
-			onActionClick: Y.handleActionClick,
-			onRetry: Y.table.onRetry,
-			labels: G
-		}),
-		/* @__PURE__ */ k(m, {
-			open: Y.form.open,
-			onOpenChange: (e) => {
-				e || Y.form.close();
-			},
-			mode: Y.form.mode,
-			values: Y.form.sheetValues,
-			errors: Y.form.errors,
-			currencyOptions: Y.form.currencyOptions,
-			unitOptions: Y.form.lineItemUnitOptions,
-			currencySymbol: Y.form.currencySymbol,
-			lineItemControls: Y.form.lineItemControls,
-			autoFocusLineItemId: Y.form.autoFocusLineItemId,
-			lineItemsLoading: Y.form.lineItemsLoading,
-			inProgress: Y.form.isSubmitting,
-			customerSelector: /* @__PURE__ */ k(o, {
-				mode: "customer",
-				value: Y.form.values.customerId || void 0,
-				invalid: !!Y.form.errors.customerId,
-				onValueChange: (e) => Y.form.updateValues({ customerId: e }),
-				onCreateClick: Y.form.openCounterpartCreate
-			}),
-			renderProductSelector: (e, t) => /* @__PURE__ */ k(C, {
-				...t,
-				inputValue: e.name,
-				selectedProductId: Y.form.values.lineItems.find((t) => t.id === e.id)?.productId || void 0,
-				currency: Y.form.values.currency,
-				maxLength: 100,
-				onInputValueChange: (t) => Y.form.updateLineItem(e.id, { name: t }),
-				onProductSelect: (t) => Y.form.selectProduct(e.id, t)
-			}),
-			onChange: Y.form.updateValues,
-			onLineItemChange: Y.form.updateLineItem,
-			onLineItemCommit: Y.form.commitLineItem,
-			onLineItemQuantityStep: Y.form.stepLineItem,
-			onTaxRateCommit: Y.form.commitTaxRate,
-			onDiscountFocus: Y.form.focusDiscount,
-			onDiscountCommit: Y.form.commitDiscount,
-			totals: Y.form.totalsView,
-			onManageUnits: () => Z(!0),
-			onAddLineItem: Y.form.addLineItem,
-			onRemoveLineItem: Y.form.removeLineItem,
-			showDueDateField: Y.form.showDueDateField,
-			billingSection: Y.form.showBillingSection && /* @__PURE__ */ k(f, {
-				idPrefix: Q,
-				paymentTerms: Y.form.paymentTerms.view,
-				paymentTermsError: Y.form.errors.paymentTermsId,
-				disabled: Y.form.isSubmitting,
-				onPaymentTermsChange: Y.form.paymentTerms.select,
-				onCustomDatePickerOpenChange: Y.form.paymentTerms.changeCustomDatePickerOpen,
-				customDateCalendar: /* @__PURE__ */ k(e, {
-					mode: "single",
-					captionLayout: "dropdown",
-					...Y.form.paymentTerms.calendar,
-					onSelect: Y.form.paymentTerms.selectCustomDate
-				}),
-				recurrenceSection: Y.form.showRecurrenceSection && (Y.form.recurrenceLoading ? /* @__PURE__ */ k(t, { className: "ttw:h-9 ttw:w-full" }) : /* @__PURE__ */ k(_, {
-					idPrefix: $,
-					view: Y.form.recurrence.view,
-					disabled: Y.form.isSubmitting,
-					onFrequencyChange: Y.form.recurrence.changeFrequency,
-					onMonthDayChange: Y.form.recurrence.changeMonthDay,
-					onWeekdayChange: Y.form.recurrence.changeWeekday,
-					onStartDateChange: Y.form.recurrence.changeStartDate,
-					onEndModeChange: Y.form.recurrence.changeEndMode,
-					onEndDateChange: Y.form.recurrence.changeEndDate,
-					onMaxOccurrencesChange: Y.form.recurrence.changeMaxOccurrences,
-					onCreationModeChange: Y.form.recurrence.changeCreationMode,
-					onSetUpEmailClick: Y.form.recurrence.setUpEmail,
-					emailDialog: /* @__PURE__ */ k(g, {
-						idPrefix: $,
-						view: Y.form.recurrence.emailView,
-						onOpenChange: Y.form.recurrence.changeEmailOpen,
-						onChange: Y.form.recurrence.changeEmail,
-						onSave: Y.form.recurrence.saveEmail,
-						labels: F
-					}),
-					labels: F
-				})),
-				labels: F
-			}),
-			remindersSection: Y.form.reminders.view && /* @__PURE__ */ k(v, {
-				idPrefix: te,
-				view: Y.form.reminders.view,
-				onToggle: Y.form.reminders.toggle,
-				onPaymentReminderSelect: Y.form.reminders.selectPaymentReminder,
-				onOverdueReminderSelect: Y.form.reminders.selectOverdueReminder,
-				onBeforeDueInputChange: Y.form.reminders.changeBeforeDueInput,
-				onBeforeDueSave: Y.form.reminders.saveBeforeDue,
-				onOverdueTermChange: Y.form.reminders.changeOverdueTerm,
-				onOverdueAddTerm: Y.form.reminders.addOverdueTerm,
-				onOverdueClear: Y.form.reminders.clearOverdueTerms,
-				onOverdueSave: Y.form.reminders.saveOverdue,
-				labels: F
-			}),
-			bankAccountSection: /* @__PURE__ */ k(d, {
-				idPrefix: ee,
-				view: Y.form.bankAccount.view,
-				error: Y.form.errors.bankAccountId,
-				disabled: Y.form.isSubmitting,
-				onAccountSelect: Y.form.bankAccount.selectAccount,
-				onAddAccountClick: Y.form.bankAccount.openAddAccount,
-				onFormChange: Y.form.bankAccount.updateAccountForm,
-				onFormSave: Y.form.bankAccount.saveAccount,
-				onFormCancel: Y.form.bankAccount.cancelAddAccount,
-				labels: F
-			}),
-			attachmentsSection: Y.form.attachmentsView && /* @__PURE__ */ k(x, {
-				view: Y.form.attachmentsView,
-				disabled: Y.form.isSubmitting,
-				onFilesSelect: Y.form.selectAttachmentFiles,
-				onIncludeInEmailChange: Y.form.setAttachmentIncludeInEmail,
-				onRemove: Y.form.removeAttachment,
-				labels: F
-			}),
-			cancelDisabled: Y.form.isSubmitting || Y.form.attachmentsUploading,
-			draftButtonLabel: Y.form.draftButtonLabel,
-			draftDisabled: Y.form.draftDisabled,
-			primaryButtonLabel: Y.form.primaryButtonLabel,
-			primaryDisabled: Y.form.primaryDisabled,
-			scrollContainerRef: Y.form.scrollContainerRef,
-			onSubmit: Y.form.submit,
-			onDraftClick: Y.form.selectDraftMode,
-			onPrimaryClick: Y.form.selectPrimaryMode,
-			onCancel: Y.form.close,
-			labels: F
-		}),
-		/* @__PURE__ */ k(p, {
-			open: Y.detailsOpen,
-			onOpenChange: (e) => {
-				e || Y.closeDetails();
-			},
-			details: Y.details.detailsView,
-			unsupported: Y.details.unsupportedView,
-			isLoading: Y.details.isLoading,
-			isError: Y.details.isError,
-			onActionClick: Y.handleDetailsActionClick,
-			onClose: Y.closeDetails,
-			labels: M
-		}),
-		/* @__PURE__ */ k(y, {
-			open: Y.actions.sendOpen,
-			onOpenChange: (e) => {
-				e || Y.actions.closeSend();
-			},
-			values: Y.actions.sendValues,
-			errors: Y.actions.sendErrors,
-			inProgress: Y.actions.sendInProgress,
-			onChange: (e) => Y.actions.setSendValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: Y.actions.submitSend,
-			onCancel: Y.actions.closeSend,
-			labels: K
-		}),
-		/* @__PURE__ */ k(h, {
-			open: Y.actions.paymentOpen,
-			onOpenChange: (e) => {
-				e || Y.actions.closePayment();
-			},
-			values: Y.actions.paymentValues,
-			errors: Y.actions.paymentErrors,
-			inProgress: Y.actions.paymentInProgress,
-			onChange: (e) => Y.actions.setPaymentValues((t) => ({
-				...t,
-				...e
-			})),
-			onSubmit: Y.actions.submitPayment,
-			onCancel: Y.actions.closePayment,
-			labels: U
-		}),
-		Y.actions.actionDialog && /* @__PURE__ */ k(u, {
-			open: !!Y.actions.actionTarget,
-			onOpenChange: (e) => {
-				e || Y.actions.closeAction();
-			},
-			title: Y.actions.actionDialog.title,
-			description: Y.actions.actionDialog.description,
-			confirmLabel: Y.actions.actionDialog.confirmLabel,
-			destructive: Y.actions.actionDialog.destructive,
-			error: Y.actions.actionError,
-			inProgress: Y.actions.actionInProgress,
-			onConfirm: Y.actions.confirmAction,
-			onCancel: Y.actions.closeAction,
-			labels: q
-		}),
-		/* @__PURE__ */ k(a, {
-			open: Y.form.counterpartView === "create",
-			onOpenChange: (e) => {
-				e || Y.form.counterpartForm.close();
-			},
-			mode: "create",
-			values: Y.form.counterpartForm.values,
-			errors: Y.form.counterpartForm.errors,
-			stateOptions: Y.form.stateOptions,
-			inProgress: Y.form.counterpartForm.isSubmitting,
-			onChange: (e) => Y.form.counterpartForm.setValues((t) => ({
-				...t,
-				...e
-			})),
-			onAddressChange: (e) => Y.form.counterpartForm.setValues((t) => ({
-				...t,
-				address: {
-					...t.address,
-					...e
-				}
-			})),
-			onSubmit: Y.form.counterpartForm.submit,
-			onCancel: Y.form.counterpartForm.close,
-			labels: i
-		}),
-		/* @__PURE__ */ k(S, {
-			open: X,
-			onClose: () => Z(!1),
-			managerLabels: L,
-			deleteLabels: I,
-			messageLabels: W
-		})
-	] });
-}
-function M({ baseUrl: e, widgetToken: t, organizationId: n, configClient: r, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: m, ...h }) {
-	return /* @__PURE__ */ k(i, {
-		widgetName: c,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: r,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: p,
-		providerLabels: m,
-		children: /* @__PURE__ */ k(j, { ...h })
-	});
+var l = [];
+function u({ activeTab: u, messages: f, statusLabels: p }) {
+	let [m, h] = c([]), [g, _] = c(10), [v, y] = c(), [b, x] = c(""), [S, C] = c(""), [w, T] = c("all");
+	o(() => {
+		y(void 0), T("all");
+	}, [u]), o(() => {
+		let e = setTimeout(() => {
+			C(b), y(void 0);
+		}, 300);
+		return () => clearTimeout(e);
+	}, [b]);
+	let E = m[0]?.id, D = E ? d[E] : void 0, O = m[0] ? m[0].desc ? "desc" : "asc" : void 0, k = r({
+		type: n(u),
+		limit: g,
+		pagination_token: v,
+		search_text: S || void 0,
+		status: w === "all" ? void 0 : w,
+		...D ? {
+			sort: D,
+			order: O
+		} : {}
+	}), A = i({
+		enabled: u === "invoices",
+		statusFilter: w,
+		messages: f,
+		statusLabels: p
+	}), j = k.data?.data ?? l, M = s(() => new Map(j.map((e) => [e.id, e])), [j]), N = a((e) => M.get(e), [M]), P = s(() => e({
+		receivables: j,
+		messages: f
+	}), [f, j]), F = !!S || w !== "all", I = a((e) => {
+		let t = typeof e == "function" ? e(m) : e;
+		h(t), y(void 0);
+	}, [m]), L = a((e) => {
+		_(e), y(void 0);
+	}, []), R = a((e) => {
+		T(e), y(void 0);
+	}, []), z = a(() => y(k.data?.next_pagination_token ?? void 0), [k.data?.next_pagination_token]), B = a(() => y(k.data?.prev_pagination_token ?? void 0), [k.data?.prev_pagination_token]), V = a(() => {
+		k.refetch();
+	}, [k]);
+	return {
+		rows: P,
+		isLoading: k.isLoading,
+		isError: k.isError,
+		sorting: m,
+		onSortingChange: I,
+		pageSize: g,
+		onPageSizeChange: L,
+		hasNextPage: !!k.data?.next_pagination_token,
+		hasPrevPage: !!k.data?.prev_pagination_token,
+		onNextPage: z,
+		onPrevPage: B,
+		searchValue: b,
+		onSearchChange: x,
+		statusFilter: w,
+		statusOptions: t(w),
+		onStatusFilterChange: R,
+		statusCards: A,
+		isFiltering: F,
+		onRetry: V,
+		getReceivableById: N
+	};
 }
+var d = {
+	documentLabel: "document_id",
+	customerLabel: "counterpart_name",
+	status: "status",
+	issueDateLabel: "issue_date",
+	dueDateLabel: "due_date",
+	totalLabel: "total_amount"
+};
 //#endregion
-export { M as ReceivablesWidget, M as default };
+export { u as useReceivablesTable };

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

@@ -0,0 +1,139 @@
+"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 { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "../../ui/dist/index9.js";
+import "../../ui/dist/index.js";
+import { hasSelectedText as r } from "../../../shared/product-catalog/feature/dist/lib/helpers.js";
+import "../../../shared/product-catalog/feature/dist/index.js";
+import { getCreateFollowUp as i } from "./index8.js";
+import { coerceEnabledTabs as a, getDocumentTitle as o, resolveInitialTab as s, tabForType as c, typeForTab as l } from "./index13.js";
+import { RECEIVABLE_MESSAGE_LABELS_EN as u } from "./index14.js";
+import { useReceivableActions as d } from "./index17.js";
+import { useReceivableActionsModal as f } from "./index18.js";
+import { useReceivableDetails as p } from "./index22.js";
+import { useReceivableForm as m } from "./index30.js";
+import { useReceivablesTable as h } from "./index33.js";
+import { useCallback as g, useEffect as _, useMemo as v, useState as y } from "react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index34.js
+function b({ counterpartMessageLabels: b, defaultTab: x, embeddedBankName: S, enabledTabs: C, messageLabels: w, onReceivableCreated: T, onReceivableOpened: E, screenLabels: D }) {
+	let O = e();
+	_(() => {
+		O(t.Mounted);
+	}, [O]);
+	let k = v(() => ({
+		...u,
+		...w
+	}), [w]), A = D?.statusBadge, j = v(() => ({
+		...n,
+		...A
+	}), [A]), M = v(() => a(C), [C]), [N, P] = y(() => s({
+		defaultTab: x,
+		enabledTabs: M
+	})), [F, I] = y(), [L, R] = y(!1);
+	_(() => {
+		M.includes(N) || P(s({
+			defaultTab: x,
+			enabledTabs: M
+		}));
+	}, [
+		N,
+		x,
+		M
+	]);
+	let z = g((e, t) => {
+		P(c(t)), I(e), R(!0), T?.(e, t);
+	}, [T]), B = f({ messages: k }), V = B.open, H = g((e, t, n) => {
+		P(c(t));
+		let r = i(n);
+		r.openDetails && (I(e), R(!0)), r.actionsModal && V({
+			action: n.mode,
+			receivableId: e,
+			counterpartId: n.counterpartId,
+			inlineItems: n.inlineItems,
+			showEmailStep: r.actionsModal.showEmailStep
+		}), T?.(e, t);
+	}, [T, V]), U = h({
+		activeTab: N,
+		messages: k,
+		statusLabels: j
+	}), W = p({
+		selectedReceivableId: F,
+		enabled: L,
+		messages: k,
+		statusLabels: j
+	}), G = m({
+		messages: k,
+		counterpartMessageLabels: b,
+		embeddedBankName: S,
+		onCreated: H
+	}), K = g(() => {
+		let e = l(N);
+		G.openCreate(e === "quote" ? "quote" : "invoice");
+	}, [N, G.openCreate]), q = d({
+		selectedReceivable: W.receivable,
+		messages: k,
+		onCreated: z,
+		onDeleted: (e) => {
+			e === F && (I(void 0), R(!1));
+		},
+		onCompleteBeforeIssue: (e) => {
+			G.openEdit(e, { highlightForIssue: !0 }), R(!1);
+		}
+	}), J = g((e) => {
+		r() || (I(e.id), R(!0), E?.(e.id, e.type));
+	}, [E]);
+	return {
+		activeTab: N,
+		enabledTabs: M,
+		setActiveTab: P,
+		table: U,
+		details: W,
+		detailsOpen: L,
+		closeDetails: g(() => {
+			R(!1), I(void 0);
+		}, []),
+		form: G,
+		openCreate: K,
+		actions: q,
+		actionsModal: B,
+		handleRowClick: J,
+		handleActionClick: g((e, t) => {
+			let n = U.getReceivableById(t.id);
+			if (e === "edit") {
+				if (n) {
+					G.openEdit(n);
+					return;
+				}
+				I(t.id), R(!0);
+				return;
+			}
+			I(t.id), q.openAction(e, t, n ?? null);
+		}, [
+			q,
+			G.openEdit,
+			U.getReceivableById
+		]),
+		handleDetailsActionClick: g((e, t) => {
+			if (e === "edit") {
+				W.receivable && (G.openEdit(W.receivable), R(!1));
+				return;
+			}
+			q.openAction(e, {
+				id: t.id,
+				title: W.receivable ? o(W.receivable, k) : t.title,
+				type: t.type
+			}, W.receivable ?? null);
+		}, [
+			q,
+			W.receivable,
+			G.openEdit,
+			k
+		])
+	};
+}
+//#endregion
+export { b as useReceivablesWidget };