@tesouro/embedded-components-react 0.5.180 → 0.5.182

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index9.js

@@ -2,96 +2,228 @@
 "use client";
 "use client";
 "use client";
-import { WidgetProvider as e } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { useAllBankAccountsQuery as e } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useWidgetConfig as n, useWidgetError as ee, useWidgetLoading as te } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { CardProgram as r } from "../../../shared/feature/dist/lib/card/cardProgram.js";
 import "../../../shared/feature/dist/index.js";
-import { WIDGET_NAME as t } from "./index2.js";
-import { cardsListDetailsSheetTestIds as n, cardsListTestIds as r } from "./index3.js";
-import { resolveCardsListLabels as i } from "../../ui/dist/lib/CardsList/labels.js";
-import { CardsList as a } from "../../ui/dist/lib/CardsList/CardsList.js";
-import { CardsListDetailsSheet as o } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
-import "../../ui/dist/index.js";
-import { useCardsWidget as s } from "./index8.js";
-import { CardDetailsWidget as c } from "../../../card-details-widget/feature/dist/index13.js";
-import "../../../card-details-widget/feature/dist/index.js";
-import { CreateCardWidget as l } from "../../create-card/feature/dist/index8.js";
-import "../../create-card/feature/dist/index.js";
-import { useCallback as u, useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { resolveCardsFeatureLabels as ne } from "./index5.js";
+import { getCardsPermissions as re } from "./index7.js";
+import { CardsWidgetAnalyticsEvent as ie } from "./index2.js";
+import { maskAccountNumber as ae } from "./index6.js";
+import { CARD_COLUMNS_BY_PROGRAM as oe, toCardRows as se, toCreditCardListItems as ce, toDebitCardListItems as le } from "./index8.js";
+import { useCreditCardsQuery as ue } from "../../data-access/dist/index2.js";
+import { useDebitCardsQuery as de } from "../../data-access/dist/index3.js";
+import "../../data-access/dist/index.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as fe, useState as s } from "react";
+import { useControllableState as pe } from "@radix-ui/react-use-controllable-state";
 //#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index9.js
-function g({ cardProgram: e, pagination: t, defaultPagination: g, onPaginationChange: _, labels: v, featureLabels: y, selectedCardId: b, defaultSelectedCardId: x, onSelectedCardIdChange: S, cardDetailsLabels: C, cardDetailsFeatureLabels: w, cardDetailsActivateLabels: T, bankLogoSrc: E, bankLogoAlt: D, cardArtSrc: O, createCardLabels: k, createCardFeatureLabels: A, onCreateCard: j, onActivateCard: M, headerStart: ee }) {
-	let { selectedCardId: N, onSelectCard: P, onCreateCardClick: F, canCreateCard: I, canReadCards: L, ...R } = s({
-		cardProgram: e,
-		pagination: t,
-		defaultPagination: g,
-		onPaginationChange: _,
-		featureLabels: y,
-		selectedCardId: b,
-		defaultSelectedCardId: x,
-		onSelectedCardIdChange: S,
-		onCreateCard: j,
-		onActivateCard: M,
-		cardArtSrc: O
-	}), z = d(() => i(v), [v]), [B, V] = f(!1), [H, U] = f(0), [W, G] = f(N), [K, q] = f(null), J = u(() => {
-		N !== null && P(null), U((e) => e + 1), V(!0);
-	}, [N, P]), Y = u(() => {
-		V(!1), N !== null && P(null);
-	}, [N, P]), X = u((e) => {
-		V(!1), P(e);
-	}, [P]), Z = e === "debit" && !!O && !!I && F === void 0, Q = B && N === null && Z;
-	B && (N !== null || !Z) && V(!1), Q ? K !== "create" && q("create") : N !== null && (K !== "details" && q("details"), N !== W && G(N));
-	let $ = K === "create", te = N !== null || Q;
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(a, {
-		...R,
-		canCreateCard: I,
-		onCreateCardClick: F ?? J,
-		headerStart: ee,
-		labels: z,
-		testIds: r
-	}), /* @__PURE__ */ m(o, {
-		isOpen: te,
-		labels: $ ? z.createSheet : z.detailsSheet,
-		contentClassName: $ ? "ttw:overflow-hidden ttw:p-0 ttw:min-h-0" : void 0,
-		onClose: Y,
-		testIds: n,
-		children: $ && Z && O ? /* @__PURE__ */ m(l, {
-			cardArtSrc: O,
-			labels: k,
-			featureLabels: A,
-			onClose: Y,
-			onCancel: Y,
-			onViewCard: L ? X : void 0,
-			className: "ttw:min-h-0 ttw:flex-1"
-		}, H) : W === null ? null : /* @__PURE__ */ m(c, {
-			cardId: W,
-			cardProgram: e,
-			labels: C,
-			activateLabels: T,
-			featureLabels: w,
-			cardArtSrc: O,
-			bankLogoSrc: E,
-			bankLogoAlt: D,
-			onClose: Y
-		}, W)
-	})] });
+var me = [
+	10,
+	25,
+	50
+], c = 10, he = "<none>";
+function l(e, t) {
+	return e !== void 0 && t !== void 0 && e !== t;
 }
-function _({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, providerLabels: h, ..._ }) {
-	return /* @__PURE__ */ m(e, {
-		widgetName: t,
-		baseUrl: n,
-		widgetToken: r,
-		organizationId: i,
-		configClient: a,
-		gatewayRouting: o,
-		linkComponent: s,
-		implementation: c,
-		uiFramework: l,
-		errorFallback: u,
-		onError: d,
-		analytics: f,
-		disclosuresAcceptance: p,
-		providerLabels: h,
-		children: /* @__PURE__ */ m(g, { ..._ })
+function u(e) {
+	let t = Number.isInteger(e?.pageSize) && Number(e?.pageSize) > 0 ? Number(e?.pageSize) : c;
+	return {
+		paginationToken: e?.paginationToken,
+		pageSize: t
+	};
+}
+function d({ cardProgram: c, pagination: d, defaultPagination: f, onPaginationChange: ge, featureLabels: p, selectedCardId: _e, defaultSelectedCardId: ve, onSelectedCardIdChange: ye, onCreateCard: m, onActivateCard: be }) {
+	let h = o(() => ne(p), [p]), g = t();
+	a(() => {
+		g(ie.Mounted);
+	}, [g]);
+	let { organizationId: _, widgetToken: xe, initResponse: v } = n(), y = v?.userId ?? void 0, Se = te(), b = !!ee(), x = !!(_ && xe), S = o(() => re({
+		cardProgram: c,
+		scopes: v?.scopes
+	}), [c, v?.scopes]), C = x && S.canRead && !!v, Ce = o(() => u(d), [d?.pageSize, d?.paginationToken]), w = o(() => u(f), [f?.pageSize, f?.paginationToken]), [T, we] = s(y);
+	y !== void 0 && y !== T && we(y);
+	let [E, Te] = s(_);
+	_ !== void 0 && _ !== E && Te(_);
+	let D = [
+		c,
+		E === null ? he : E ?? "",
+		T ?? ""
+	].join("\0"), O = [
+		D,
+		w.paginationToken ?? "",
+		w.pageSize
+	].join("\0"), k = d !== void 0, [A, j] = s(() => ({
+		resetKey: O,
+		paginationToken: w.paginationToken,
+		pageSize: w.pageSize
+	})), [Ee, M] = s(!1), [De, N] = pe({
+		prop: _e,
+		defaultProp: ve ?? null,
+		onChange: ye,
+		caller: "CardsWidget"
+	}), P = fe({
+		cardProgram: c,
+		organizationId: E,
+		userId: T
+	}), Oe = P.current.cardProgram !== c || l(P.current.organizationId, E) || l(P.current.userId, T);
+	a(() => {
+		let e = P.current;
+		P.current = {
+			cardProgram: c,
+			organizationId: E,
+			userId: T
+		}, (e.cardProgram !== c || l(e.organizationId, E) || l(e.userId, T)) && (N(null), M(!1));
+	}, [
+		c,
+		E,
+		T,
+		N
+	]);
+	let F = i((e) => {
+		N(e);
+	}, [N]), I = Ee && !!y, ke = A.resetKey === O;
+	a(() => {
+		k || j((e) => e.resetKey === O ? e : {
+			resetKey: O,
+			paginationToken: w.paginationToken,
+			pageSize: w.pageSize
+		});
+	}, [
+		w.pageSize,
+		w.paginationToken,
+		k,
+		O
+	]);
+	let L = k ? Ce : ke ? A : w, Ae = L.paginationToken, R = L.pageSize, z = I ? y : void 0, B = {
+		limit: R,
+		paginationToken: Ae
+	}, V = ue({
+		...B,
+		userId: z,
+		enabled: C && c === r.Credit
+	}), H = de({
+		...B,
+		cardholderUserId: z,
+		enabled: C && c === r.Debit
+	}), U = c === r.Credit ? V : H, W = C && S.canReadFundingAccounts, G = e({ enabled: W }), K = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		if (!S.canReadFundingAccounts) return e;
+		for (let t of G.data?.data ?? []) {
+			let n = t.nickname?.trim();
+			e.set(t.id, n ? {
+				name: n,
+				lastFour: t.accountNumber?.trim().slice(-4) || void 0
+			} : { name: ae(t.accountNumber) ?? h.untitledFundingAccount });
+		}
+		return e;
+	}, [
+		G.data?.data,
+		h.untitledFundingAccount,
+		S.canReadFundingAccounts
+	]), q = W && G.isError, je = W && !q && (G.isLoading || G.isFetchingNextPage || !!G.hasNextPage), J = o(() => C ? c === r.Credit ? ce(V.data?.data ?? []) : le(H.data?.data ?? []) : [], [
+		C,
+		c,
+		V.data?.data,
+		H.data?.data
+	]), Me = o(() => se(J, {
+		labels: h,
+		fundingAccountNames: K,
+		canActivate: S.canActivate,
+		onCardSelect: F,
+		onActivateCard: be
+	}), [
+		J,
+		K,
+		F,
+		h,
+		be,
+		S.canActivate
+	]), Y = U.data?.nextPaginationToken ?? void 0, X = U.data?.prevPaginationToken ?? void 0, Z = !!U.data, Ne = C && (U.isError || q), [Q, Pe] = s({
+		key: D,
+		value: !1
+	});
+	if (C && !I && Z) {
+		let e = Q.key !== D, t = !!y && J.some((e) => e.userId !== y) || !e && Q.value;
+		(e || Q.value !== t) && Pe({
+			key: D,
+			value: t
+		});
+	} else Q.key !== D && Pe({
+		key: D,
+		value: !1
 	});
+	let Fe = Q.value, $ = i((e) => {
+		k || j({
+			resetKey: O,
+			paginationToken: e.paginationToken,
+			pageSize: e.pageSize
+		}), ge?.(e);
+	}, [
+		k,
+		ge,
+		O
+	]), Ie = i(() => {
+		$({
+			paginationToken: void 0,
+			pageSize: R
+		});
+	}, [$, R]), Le = i((e) => {
+		$({
+			paginationToken: void 0,
+			pageSize: e
+		});
+	}, [$]), Re = i((e) => {
+		M(e), Ie();
+	}, [Ie]), ze = i(() => {
+		$({
+			paginationToken: X,
+			pageSize: R
+		});
+	}, [
+		$,
+		R,
+		X
+	]), Be = i(() => {
+		$({
+			paginationToken: Y,
+			pageSize: R
+		});
+	}, [
+		$,
+		Y,
+		R
+	]), Ve = U.refetch, He = G.refetch, Ue = i(() => {
+		Ve(), W && He();
+	}, [
+		W,
+		Ve,
+		He
+	]);
+	return {
+		rows: Me,
+		selectedCardId: Oe ? null : De,
+		onSelectCard: F,
+		canReadCards: S.canRead,
+		columns: oe[c],
+		isLoading: !b && (!x || Se && !v || C && (U.isLoading || je)),
+		isError: b || Ne,
+		canToggleShowMyCards: S.canRead && !!y && Fe,
+		isShowingMyCards: I,
+		onShowMyCardsChange: Re,
+		canCreateCard: S.canCreate && (!!m || S.canComposeDebitCreate),
+		onCreateCardClick: m,
+		onRetry: Ue,
+		isPaginationVisible: C && Z && !Ne,
+		pageSize: R,
+		pageSizeOptions: me,
+		isPreviousPageDisabled: !X,
+		isNextPageDisabled: !Y,
+		onPageSizeChange: Le,
+		onPreviousPageClick: ze,
+		onNextPageClick: Be
+	};
 }
 //#endregion
-export { _ as CardsWidget, _ as default };
+export { d as useCardsWidget };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index.js

@@ -1,9 +1,10 @@
 import { usePaymentTermsQuery as e } from "../../../shared/data-access/dist/lib/reference-data/usePaymentTermsQuery.js";
 import "../../../shared/data-access/dist/index.js";
 import "./index2.js";
-import { useSendReceivableEmailMutation as t } from "./index3.js";
-import { useAcceptReceivableMutation as n, useCancelReceivableMutation as r, useCloneReceivableMutation as i, useCreateReceivableMutation as a, useDeclineReceivableMutation as o, useDeleteReceivableMutation as s, useIssueReceivableMutation as c, useUpdateReceivableMutation as l } from "./index4.js";
-import { useMarkReceivablePaidMutation as u, useMarkReceivablePartiallyPaidMutation as d, useMarkReceivableUncollectibleMutation as f } from "./index5.js";
-import { useReceivableHistoryQuery as p, useReceivableMailsQuery as m, useReceivablePdfLinkQuery as h, useReceivableQuery as g, useReceivablesQuery as _ } from "./index6.js";
-import "./index7.js";
+import "./index3.js";
+import { useSendReceivableEmailMutation as t } from "./index4.js";
+import { useAcceptReceivableMutation as n, useCancelReceivableMutation as r, useCloneReceivableMutation as i, useCreateReceivableMutation as a, useDeclineReceivableMutation as o, useDeleteReceivableMutation as s, useIssueReceivableMutation as c, useUpdateReceivableMutation as l } from "./index5.js";
+import { useMarkReceivablePaidMutation as u, useMarkReceivablePartiallyPaidMutation as d, useMarkReceivableUncollectibleMutation as f } from "./index6.js";
+import { useReceivableHistoryQuery as p, useReceivableMailsQuery as m, useReceivablePdfLinkQuery as h, useReceivableQuery as g, useReceivablesQuery as _ } from "./index7.js";
+import "./index8.js";
 export { n as useAcceptReceivableMutation, r as useCancelReceivableMutation, i as useCloneReceivableMutation, a as useCreateReceivableMutation, o as useDeclineReceivableMutation, s as useDeleteReceivableMutation, c as useIssueReceivableMutation, u as useMarkReceivablePaidMutation, d as useMarkReceivablePartiallyPaidMutation, f as useMarkReceivableUncollectibleMutation, e as usePaymentTermsQuery, p as useReceivableHistoryQuery, m as useReceivableMailsQuery, h as useReceivablePdfLinkQuery, g as useReceivableQuery, _ as useReceivablesQuery, t as useSendReceivableEmailMutation, l as useUpdateReceivableMutation };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index3.js

@@ -2,36 +2,6 @@
 "use client";
 "use client";
 "use client";
-import { postReceivablesIdSend as e } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
-import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
-import { useEmbedApi as n } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
-import { receivableHistoryInvalidationKey as i, receivableMailsInvalidationKey as a } from "./index2.js";
-import { useMutation as o } from "@tanstack/react-query";
-//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index3.js
-function s() {
-	let { client: s, organizationId: c } = n();
-	return o({
-		mutationFn: async ({ path: t, body: n }) => {
-			let { data: i } = await e({
-				client: s,
-				headers: r(c),
-				path: t,
-				body: n,
-				throwOnError: !0
-			});
-			return i;
-		},
-		onSuccess: async (e, n) => {
-			let r = {
-				client: s,
-				organizationId: c,
-				receivableId: n.path.receivable_id
-			};
-			await Promise.all([t(a(r)), t(i(r))]);
-		}
-	});
-}
-//#endregion
-export { s as useSendReceivableEmailMutation };
+import "./index2.js";
+import "@tanstack/react-query";

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index4.js

@@ -2,203 +2,36 @@
 "use client";
 "use client";
 "use client";
-import { deleteReceivablesId as e, patchReceivablesId as t, postReceivables as n, postReceivablesIdAccept as r, postReceivablesIdCancel as i, postReceivablesIdClone as a, postReceivablesIdDecline as o, postReceivablesIdIssue as s } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
-import { invalidateAllClients as c } from "../../../shared/data-access/dist/lib/clientRegistry.js";
-import { useEmbedApi as l } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as u } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { postReceivablesIdSend as e } from "../../../shared/data-access/dist/lib/rest/sdk.gen.js";
+import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import { useEmbedApi as n } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as r } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/index.js";
-import { receivableHistoryInvalidationKey as d, receivableInvalidationKey as f, receivablePdfInvalidationKey as p, receivablesInvalidationKey as m } from "./index2.js";
-import { useMutation as h } from "@tanstack/react-query";
+import { receivableHistoryInvalidationKey as i, receivableMailsInvalidationKey as a } from "./index2.js";
+import { useMutation as o } from "@tanstack/react-query";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index4.js
-async function g({ client: e, organizationId: t, receivableId: n }) {
-	let r = [m({
-		client: e,
-		organizationId: t
-	}), ...n ? [
-		f({
-			client: e,
-			organizationId: t,
-			receivableId: n
-		}),
-		d({
-			client: e,
-			organizationId: t,
-			receivableId: n
-		}),
-		p({
-			client: e,
-			organizationId: t,
-			receivableId: n
-		})
-	] : []];
-	await Promise.all(r.map((e) => c(e)));
-}
-function _() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ body: r }) => {
-			let { data: i } = await n({
-				client: e,
-				headers: u(t),
-				body: r,
-				throwOnError: !0
-			});
-			return i;
-		},
-		onSuccess: async () => {
-			await g({
-				client: e,
-				organizationId: t
-			});
-		}
-	});
-}
-function v() {
-	let { client: e, organizationId: n } = l();
-	return h({
-		mutationFn: async ({ path: r, body: i }) => {
-			let { data: a } = await t({
-				client: e,
-				headers: u(n),
-				path: r,
-				body: i,
-				throwOnError: !0
-			});
-			return a;
-		},
-		onSuccess: async (t, r) => {
-			await g({
-				client: e,
-				organizationId: n,
-				receivableId: r.path.receivable_id
-			});
-		}
-	});
-}
-function y() {
-	let { client: t, organizationId: n } = l();
-	return h({
-		mutationFn: async ({ path: r }) => {
-			await e({
-				client: t,
-				headers: u(n),
-				path: r,
-				throwOnError: !0
-			});
-		},
-		onSuccess: async (e, r) => {
-			await g({
-				client: t,
-				organizationId: n,
-				receivableId: r.path.receivable_id
-			});
-		}
-	});
-}
-function b() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ path: n }) => {
-			let { data: r } = await s({
-				client: e,
-				headers: u(t),
-				path: n,
-				throwOnError: !0
-			});
-			return r;
-		},
-		onSuccess: async (n, r) => {
-			await g({
-				client: e,
-				organizationId: t,
-				receivableId: r.path.receivable_id
-			});
-		}
-	});
-}
-function x() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ path: n }) => {
-			await i({
-				client: e,
-				headers: u(t),
-				path: n,
-				throwOnError: !0
-			});
-		},
-		onSuccess: async (n, r) => {
-			await g({
-				client: e,
-				organizationId: t,
-				receivableId: r.path.receivable_id
-			});
-		}
-	});
-}
-function S() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ path: n }) => {
-			let { data: r } = await a({
-				client: e,
-				headers: u(t),
-				path: n,
-				throwOnError: !0
-			});
-			return r;
-		},
-		onSuccess: async () => {
-			await g({
-				client: e,
-				organizationId: t
-			});
-		}
-	});
-}
-function C() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ path: n, body: i }) => {
-			let { data: a } = await r({
-				client: e,
-				headers: u(t),
-				path: n,
-				body: i,
-				throwOnError: !0
-			});
-			return a;
-		},
-		onSuccess: async (n, r) => {
-			await g({
-				client: e,
-				organizationId: t,
-				receivableId: r.path.receivable_id
-			});
-		}
-	});
-}
-function w() {
-	let { client: e, organizationId: t } = l();
-	return h({
-		mutationFn: async ({ path: n, body: r }) => {
-			let { data: i } = await o({
-				client: e,
-				headers: u(t),
-				path: n,
-				body: r,
+function s() {
+	let { client: s, organizationId: c } = n();
+	return o({
+		mutationFn: async ({ path: t, body: n }) => {
+			let { data: i } = await e({
+				client: s,
+				headers: r(c),
+				path: t,
+				body: n,
 				throwOnError: !0
 			});
 			return i;
 		},
-		onSuccess: async (n, r) => {
-			await g({
-				client: e,
-				organizationId: t,
-				receivableId: r.path.receivable_id
-			});
+		onSuccess: async (e, n) => {
+			let r = {
+				client: s,
+				organizationId: c,
+				receivableId: n.path.receivable_id
+			};
+			await Promise.all([t(a(r)), t(i(r))]);
 		}
 	});
 }
 //#endregion
-export { C as useAcceptReceivableMutation, x as useCancelReceivableMutation, S as useCloneReceivableMutation, _ as useCreateReceivableMutation, w as useDeclineReceivableMutation, y as useDeleteReceivableMutation, b as useIssueReceivableMutation, v as useUpdateReceivableMutation };
+export { s as useSendReceivableEmailMutation };