@tesouro/embedded-components-react 0.2.237 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js

@@ -1,145 +1,309 @@
 "use client";
-import { jsx as G } from "react/jsx-runtime";
-import { useEffect as M, useMemo as d, useCallback as X } from "react";
-import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as i } from "../../../shared/data-access/dist/lib/scopes.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import "@radix-ui/react-use-controllable-state";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import { useAnalyticsTrack as Y } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { TESOURO_NEW_EXTERNAL_BANK_ACCOUNT_LINKED_SUCCESS_EVENT as q, TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as z } from "../../../shared/util/dist/index13.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as H } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { TransfersWidget as J } from "../../ui/dist/index2.js";
-import { TRANSFERS_WIDGET_LABELS_EN as Z } from "../../ui/dist/index3.js";
-import { isPaginatedAccountsQueryInFlight as $ } from "../../data-access/dist/index2.js";
-import { useTransferBankAccountsQuery as rr } from "../../data-access/dist/index4.js";
-import { useTransferExternalAccountsQuery as er } from "../../data-access/dist/index5.js";
-import { useMergedRecentBankAccountTransfersQuery as or } from "../../data-access/dist/index6.js";
-import { TRANSFERS_ANALYTICS_EVENTS as tr } from "./index5.js";
-import { DEFAULT_FEATURE_LABELS as nr } from "./index3.js";
-import { mapTransferToRowView as ar, useTransferMoneyModalController as sr } from "./index6.js";
-const ir = [
-  i.TransferWriteOrg,
-  i.BankAccountReadOrg
-], w = [
-  q,
-  z
-];
-function B(a) {
-  return a.slice(-4);
+"use client";
+"use client";
+"use client";
+import { toast as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/index.js";
+import { coerceAmountValueToMinorUnits as t } from "../../../shared/util/dist/index2.js";
+import { amountOutputToMajorUnits as n, minorExponentForCurrency as r } from "../../../shared/util/dist/index3.js";
+import { currencySymbolForCode as i, formatMoneyExact as a } from "../../../shared/util/dist/index4.js";
+import { parseDecimalAmountToMinorUnits as o } from "../../../shared/util/dist/index9.js";
+import { TRANSFERS_ANALYTICS_EVENTS as s } from "./index2.js";
+import { useCreateBookTransferMutation as c } from "../../data-access/dist/index7.js";
+import { useCreateAchMoneyMovementMutation as l } from "../../data-access/dist/index8.js";
+import "../../data-access/dist/index.js";
+import { useCallback as u, useMemo as d, useState as f } from "react";
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index4.js
+function p(e) {
+	return e.slice(-4);
+}
+function m(e, t) {
+	let r = e.balance;
+	if (!r || r.value === void 0 || r.value === null) return;
+	let i = r.currencyCode ?? t, o = n({
+		value: r.value,
+		currencyCode: i
+	});
+	return a(o, {
+		currencyCode: i,
+		includeSpaceAfterCurrencySymbol: !1
+	});
+}
+function h(e, t, n, r) {
+	let i = n.find((t) => t.id === e);
+	if (i?.balance?.currencyCode) return i.balance.currencyCode;
+	let a = n.find((e) => e.id === t);
+	return a?.balance?.currencyCode ? a.balance.currencyCode : r;
+}
+function g(e, t, n) {
+	let r = p(e.accountNumber), i = e.nickname?.trim() || t.accountFallbackName, a = m(e, n.defaultCurrencyCode);
+	return {
+		optionValue: e.id,
+		primaryLabel: i,
+		secondaryLabel: `${t.embeddedAccountMaskPrefix}${r}`,
+		balanceLabel: a
+	};
+}
+function _(e, t) {
+	let n = p(e.accountNumber), r = e.nickname?.trim() || e.nameOnAccount;
+	return {
+		optionValue: e.id,
+		primaryLabel: r,
+		secondaryLabel: `${t.embeddedAccountMaskPrefix}${n}`
+	};
+}
+function v(e, t, n, r, i) {
+	return {
+		primaryLabel: e?.primaryLabel ?? "",
+		accountDetailLabel: t ? `${i} ${t}` : e?.secondaryLabel ?? "",
+		balanceLabel: e?.balanceLabel,
+		availableBalanceCaption: e?.balanceLabel ? r : void 0,
+		showInstitutionIcon: n
+	};
+}
+function y({ labels: n, featureLabels: p, embeddedBankAccounts: m, verifiedExternalBankAccounts: y, track: b }) {
+	let x = c(), S = l(), C = d(() => new Set(m.map((e) => e.id)), [m]), w = d(() => m.map((e) => g(e, n, p)), [
+		m,
+		p,
+		n.accountFallbackName,
+		n.embeddedAccountMaskPrefix
+	]), T = d(() => y.map((e) => _(e, n)), [n.embeddedAccountMaskPrefix, y]), E = d(() => [...w, ...T], [w, T]), [D, O] = f(!1), [k, A] = f("accounts"), [j, M] = f(""), [N, P] = f(""), [F, I] = f(""), [L, R] = f(null), [z, B] = f(!1), V = u(() => {
+		A("accounts"), M(""), P(""), I(""), R(null), B(!1);
+	}, []), H = u(() => {
+		V(), O(!0), b(s.TransferMoneyOpened);
+	}, [V, b]), U = C.has(j), W = C.has(N), G = d(() => h(j, N, m, p.defaultCurrencyCode), [
+		m,
+		p.defaultCurrencyCode,
+		j,
+		N
+	]), K = d(() => i(G), [G]), q = d(() => N ? W ? E.filter((e) => e.optionValue !== N) : w.filter((e) => e.optionValue !== N) : E, [
+		E,
+		w,
+		N,
+		W
+	]), J = d(() => j ? U ? E.filter((e) => e.optionValue !== j) : w.filter((e) => e.optionValue !== j) : E, [
+		E,
+		w,
+		j,
+		U
+	]), Y = !!(j && N && j !== N), X = d(() => o(F, G) !== null, [F, G]), Z = u((e, r, i) => {
+		let a = o(r, i);
+		if (a === null) {
+			R(null);
+			return;
+		}
+		if (!C.has(e)) {
+			R(null);
+			return;
+		}
+		let s = m.find((t) => t.id === e);
+		if (!s) {
+			R(null);
+			return;
+		}
+		let c = t(s.balance?.value);
+		R(a > c ? n.modalInsufficientFundsError : null);
+	}, [
+		m,
+		C,
+		n.modalInsufficientFundsError
+	]), Q = u((e) => {
+		M(e);
+		let t = h(e, N, m, p.defaultCurrencyCode);
+		Z(e, F, t);
+	}, [
+		F,
+		m,
+		p.defaultCurrencyCode,
+		Z,
+		N
+	]), $ = u((e) => {
+		P(e);
+		let t = h(j, e, m, p.defaultCurrencyCode);
+		Z(j, F, t);
+	}, [
+		F,
+		m,
+		p.defaultCurrencyCode,
+		j,
+		Z
+	]), ee = u((e) => {
+		I(e), Z(j, e, G);
+	}, [
+		j,
+		Z,
+		G
+	]), te = u(() => {
+		M(""), P(""), I(""), R(null);
+	}, []), ne = d(() => {
+		let e = o(F, G);
+		if (e === null) return "";
+		let t = r(G);
+		return a(e / 10 ** t, {
+			currencyCode: G,
+			includeSpaceAfterCurrencySymbol: !1
+		});
+	}, [F, G]), re = d(() => {
+		let e = E.find((e) => e.optionValue === j), t = m.find((e) => e.id === j), r = y.find((e) => e.id === j);
+		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
+	}, [
+		E,
+		m,
+		j,
+		n.modalAvailableBalanceCaption,
+		n.modalReviewAccountNumberPrefix,
+		y
+	]), ie = d(() => {
+		let e = E.find((e) => e.optionValue === N), t = m.find((e) => e.id === N), r = y.find((e) => e.id === N);
+		return v(e, t?.accountNumber ?? r?.accountNumber, !!r, n.modalAvailableBalanceCaption, n.modalReviewAccountNumberPrefix);
+	}, [
+		E,
+		m,
+		n.modalAvailableBalanceCaption,
+		n.modalReviewAccountNumberPrefix,
+		N,
+		y
+	]), ae = u(() => {
+		if (!Y) return;
+		let e = o(F, G);
+		if (e === null) {
+			R(n.modalAmountInvalidError);
+			return;
+		}
+		if (U) {
+			let r = m.find((e) => e.id === j);
+			if (r && e > t(r.balance?.value)) {
+				R(n.modalInsufficientFundsError);
+				return;
+			}
+		}
+		R(null), A("review");
+	}, [
+		F,
+		Y,
+		m,
+		U,
+		j,
+		n.modalAmountInvalidError,
+		n.modalInsufficientFundsError,
+		G
+	]), oe = u(() => {
+		let e = o(F, G);
+		if (e === null) {
+			R(n.modalAmountInvalidError);
+			return;
+		}
+		if (U) {
+			let r = m.find((e) => e.id === j);
+			if (r && e > t(r.balance?.value)) {
+				R(n.modalInsufficientFundsError);
+				return;
+			}
+		}
+		R(null), A("review");
+	}, [
+		F,
+		m,
+		U,
+		j,
+		n.modalAmountInvalidError,
+		n.modalInsufficientFundsError,
+		G
+	]), se = u(() => {
+		if (k === "amount") {
+			A("accounts");
+			return;
+		}
+		k === "review" && A("accounts");
+	}, [k]), ce = u(async () => {
+		let t = o(F, G);
+		if (t === null) {
+			R(n.modalAmountInvalidError);
+			return;
+		}
+		if (!U && !W) {
+			e.error(n.modalUnsupportedPairError);
+			return;
+		}
+		let r;
+		r = U && W ? "INTERNAL_TO_INTERNAL" : U && !W ? "INTERNAL_TO_EXTERNAL" : "EXTERNAL_TO_INTERNAL";
+		try {
+			r === "INTERNAL_TO_INTERNAL" ? await x.mutateAsync({ body: {
+				fromBankAccountId: j,
+				toBankAccountId: N,
+				amount: t,
+				currencyCode: G
+			} }) : await S.mutateAsync({ body: {
+				fromBankAccountId: j,
+				toBankAccountId: N,
+				amount: t,
+				currencyCode: G,
+				type: r,
+				secCode: p.defaultSecCode
+			} }), B(!0), A("result"), b(s.TransferSubmitted, { transferType: r });
+		} catch {
+			e.error(n.modalSubmitFailedError);
+		}
+	}, [
+		F,
+		S,
+		x,
+		U,
+		j,
+		n.modalSubmitFailedError,
+		n.modalUnsupportedPairError,
+		n.modalAmountInvalidError,
+		W,
+		N,
+		b,
+		G,
+		p.defaultSecCode
+	]);
+	return {
+		modalProps: {
+			open: D,
+			onOpenChange: (e) => {
+				O(e), e || V();
+			},
+			step: k,
+			fromOptions: q,
+			toOptions: J,
+			fromValue: j,
+			toValue: N,
+			onFromValueChange: Q,
+			onToValueChange: $,
+			amountValue: F,
+			onAmountValueChange: ee,
+			amountError: L,
+			amountInputPrefix: K,
+			reviewFromAccount: re,
+			reviewToAccount: ie,
+			reviewAmountLabel: ne,
+			isSubmitting: x.isPending || S.isPending,
+			isSuccess: z,
+			canContinueFromAccounts: Y,
+			canContinueFromAmount: X,
+			onContinueFromAccounts: ae,
+			onContinueFromAmount: oe,
+			onBack: se,
+			onSubmit: () => void ce(),
+			onClearSelections: te
+		},
+		openModal: H
+	};
 }
-function Ir({
-  labels: a,
-  featureLabels: c
-}) {
-  const m = {
-    ...nr,
-    ...c
-  }, t = {
-    ...Z,
-    ...a,
-    ...c?.routeSeparator !== void 0 ? { listAccountsSeparator: c.routeSeparator } : {}
-  }, f = Y(), { initResponse: O } = H();
-  M(() => {
-    f(tr.Mounted);
-  }, [f]);
-  const u = O?.scopes ?? [], o = u.includes(
-    i.ExternalBankAccountReadOrg
-  ), h = u.includes(i.PaymentRailAch), T = o && h, A = ir.every(
-    (r) => u.includes(r)
-  ), {
-    mergedTransfers: S,
-    isLoading: v,
-    isError: D,
-    refetch: _
-  } = or(), N = rr(), {
-    data: F,
-    isError: I,
-    refetch: C
-  } = N, R = er({
-    enabled: o
-  }), {
-    data: g,
-    isError: U,
-    refetch: b
-  } = R, n = F?.data ?? [], s = d(
-    () => T ? (g?.data ?? []).filter(
-      (r) => r.verificationStatus === "VERIFIED" && r.accountStatus === "ACTIVE"
-    ) : [],
-    [T, g?.data]
-  ), k = d(() => {
-    const r = /* @__PURE__ */ new Map();
-    for (const e of n) {
-      const E = B(e.accountNumber), l = e.nickname?.trim() || t.accountFallbackName;
-      r.set(e.id, `${l} ···${E}`);
-    }
-    for (const e of s) {
-      const E = B(e.accountNumber), l = e.nickname?.trim() || e.nameOnAccount;
-      r.set(e.id, `${l} ···${E}`);
-    }
-    return r;
-  }, [
-    n,
-    t.accountFallbackName,
-    s
-  ]), W = d(
-    () => S.map(
-      (r) => ar(r, k, t, m)
-    ),
-    [k, m, t, S]
-  ), p = X(() => {
-    _(), C(), o && b();
-  }, [
-    o,
-    C,
-    b,
-    _
-  ]);
-  M(() => {
-    const r = () => {
-      p();
-    };
-    for (const e of w)
-      window.addEventListener(e, r);
-    return () => {
-      for (const e of w)
-        window.removeEventListener(e, r);
-    };
-  }, [p]);
-  const { modalProps: V, openModal: x } = sr({
-    labels: t,
-    featureLabels: m,
-    embeddedBankAccounts: n,
-    verifiedExternalBankAccounts: s,
-    track: f
-  }), Q = $(N), K = o && $(R), P = v || Q || K, L = D || I || o && U, j = n.length + s.length, y = !(n.length > 0) || j <= 1;
-  return /* @__PURE__ */ G(
-    J,
-    {
-      transferRows: W,
-      isLoading: P,
-      isError: L,
-      onRetry: L ? () => {
-        p();
-      } : void 0,
-      showTransferMoneyCta: A,
-      isTransferMoneyCtaDisabled: y,
-      onTransferMoneyClick: A && !y ? () => x() : void 0,
-      transferMoneyModal: V,
-      labels: a
-    }
-  );
+function b(e, t, r, i) {
+	let o = t.get(e.fromAccount.id) ?? e.fromAccount.nickname ?? r.accountFallbackName, s = t.get(e.toAccount.id) ?? e.toAccount.nickname ?? r.accountFallbackName, c = new Date(e.date), l = Number.isNaN(c.getTime()) ? i.unavailableLabel : new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(c), u = e.amount?.value, d = u == null || !Number.isFinite(Number(u)) ? i.unavailableLabel : a(n(e.amount), {
+		currencyCode: e.amount.currencyCode,
+		includeSpaceAfterCurrencySymbol: !1
+	}), f = e.status === "COMPLETED" ? r.rowStatusCompleted : e.status === "PENDING" ? r.rowStatusPending : r.rowStatusFailed, p = e.type === "INTERNAL_TO_INTERNAL" ? r.rowTypeInternal : e.type === "INTERNAL_TO_EXTERNAL" ? r.rowTypeToExternal : r.rowTypeFromExternal, m = `${o}${r.listAccountsSeparator}${s}`, h = `${f} · ${p}`;
+	return {
+		rowKey: e.id,
+		accountsRouteLabel: m,
+		dateLabel: l,
+		amountLabel: d,
+		detailLabel: h
+	};
 }
-export {
-  Ir as TransfersWidgetInner
-};
+//#endregion
+export { b as mapTransferToRowView, y as useTransferMoneyModalController };

package/dist/libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index5.js

@@ -1,9 +1,98 @@
-const e = {
-  Mounted: "transfers_widget.mounted",
-  TransferMoneyOpened: "transfers_widget.transfer_money_opened",
-  TransferSubmitted: "transfers_widget.transfer_submitted"
-}, t = "transfers_widget";
-export {
-  e as TRANSFERS_ANALYTICS_EVENTS,
-  t as WIDGET_NAME
-};
+"use client";
+"use client";
+"use client";
+"use client";
+import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { useAnalyticsTrack as t } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as n, TESOURO_NEW_EXTERNAL_BANK_ACCOUNT_LINKED_SUCCESS_EVENT as r } from "../../../shared/util/dist/index13.js";
+import { useWidgetConfig as i } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../shared/feature/dist/index.js";
+import { DEFAULT_FEATURE_LABELS as a } from "./index3.js";
+import { TRANSFERS_ANALYTICS_EVENTS as o } from "./index2.js";
+import { isPaginatedAccountsQueryInFlight as s } from "../../data-access/dist/index2.js";
+import { useTransferBankAccountsQuery as c } from "../../data-access/dist/index4.js";
+import { useTransferExternalAccountsQuery as l } from "../../data-access/dist/index5.js";
+import { useMergedRecentBankAccountTransfersQuery as u } from "../../data-access/dist/index6.js";
+import "../../data-access/dist/index.js";
+import { mapTransferToRowView as d, useTransferMoneyModalController as f } from "./index4.js";
+import { TRANSFERS_WIDGET_LABELS_EN as p } from "../../ui/dist/index9.js";
+import { TransfersWidget as ee } from "../../ui/dist/index10.js";
+import "../../ui/dist/index.js";
+import { useCallback as m, useEffect as h, useMemo as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/transfers-widget/feature/dist/index5.js
+var v = [e.TransferWriteOrg, e.BankAccountReadOrg], y = [r, n];
+function b(e) {
+	return e.slice(-4);
+}
+function x({ labels: n, featureLabels: r }) {
+	let x = {
+		...a,
+		...r
+	}, S = {
+		...p,
+		...n,
+		...r?.routeSeparator === void 0 ? {} : { listAccountsSeparator: r.routeSeparator }
+	}, C = t(), { initResponse: w } = i();
+	h(() => {
+		C(o.Mounted);
+	}, [C]);
+	let T = w?.scopes ?? [], E = T.includes(e.ExternalBankAccountReadOrg), D = T.includes(e.PaymentRailAch), O = E && D, k = v.every((e) => T.includes(e)), { mergedTransfers: A, isLoading: j, isError: M, refetch: N } = u(), P = c(), { data: F, isError: I, refetch: L } = P, R = l({ enabled: E }), { data: z, isError: B, refetch: V } = R, H = F?.data ?? [], U = g(() => O ? (z?.data ?? []).filter((e) => e.verificationStatus === "VERIFIED" && e.accountStatus === "ACTIVE") : [], [O, z?.data]), W = g(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of H) {
+			let n = b(t.accountNumber), r = t.nickname?.trim() || S.accountFallbackName;
+			e.set(t.id, `${r} ···${n}`);
+		}
+		for (let t of U) {
+			let n = b(t.accountNumber), r = t.nickname?.trim() || t.nameOnAccount;
+			e.set(t.id, `${r} ···${n}`);
+		}
+		return e;
+	}, [
+		H,
+		S.accountFallbackName,
+		U
+	]), G = g(() => A.map((e) => d(e, W, S, x)), [
+		W,
+		x,
+		S,
+		A
+	]), K = m(() => {
+		N(), L(), E && V();
+	}, [
+		E,
+		L,
+		V,
+		N
+	]);
+	h(() => {
+		let e = () => {
+			K();
+		};
+		for (let t of y) window.addEventListener(t, e);
+		return () => {
+			for (let t of y) window.removeEventListener(t, e);
+		};
+	}, [K]);
+	let { modalProps: q, openModal: J } = f({
+		labels: S,
+		featureLabels: x,
+		embeddedBankAccounts: H,
+		verifiedExternalBankAccounts: U,
+		track: C
+	}), Y = s(P), X = E && s(R), Z = j || Y || X, Q = M || I || E && B, te = H.length + U.length, $ = !(H.length > 0) || te <= 1;
+	return /* @__PURE__ */ _(ee, {
+		transferRows: G,
+		isLoading: Z,
+		isError: Q,
+		onRetry: Q ? () => void K() : void 0,
+		showTransferMoneyCta: k,
+		isTransferMoneyCtaDisabled: $,
+		onTransferMoneyClick: k && !$ ? () => J() : void 0,
+		transferMoneyModal: q,
+		labels: n
+	});
+}
+//#endregion
+export { x as TransfersWidgetInner };