@tesouro/embedded-components-react 0.2.237 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index8.js

@@ -1,19 +1,194 @@
-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 { hasAnyScope as t } from "../../../../shared/data-access/dist/lib/hasAnyScope.js";
-import "@tanstack/react-query";
-import "../../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as r } from "../../../../shared/data-access/dist/lib/scopes.js";
-import "react";
-const c = [r.BankAccountReadOrg], e = [r.BankAccountWriteOrg];
-function g(n) {
-  const o = new Set(n ?? []);
-  return {
-    canRead: t(o, c),
-    canWrite: t(o, e)
-  };
+"use client";
+"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 { useAnalyticsTrack as t } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useWidgetConfig as n, useWidgetError as r, useWidgetLoading as ee } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import "../../../../shared/feature/dist/index.js";
+import { AccountDetailsWidgetAnalyticsEvent as i } from "./index2.js";
+import { formatDateParam as a, getDefaultExportDateRange as te, isExportRangeValid as o, startOfLocalDay as s, triggerCsvDownload as c, yesterdayLocal as l } from "./index3.js";
+import { copyTextToClipboard as ne, formatAmountLabel as u, formatSignedTransactionAmountLabel as re, formatTransactionDateLabel as ie, maskAccountNumber as ae } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as oe } from "./index5.js";
+import { getBankAccountsPermissions as d } from "./index6.js";
+import { interpolateLabel as f } from "./index7.js";
+import { useBankAccountDetailsQuery as p } from "../../data-access/dist/index2.js";
+import { useBankAccountTransactionsQuery as m } from "../../data-access/dist/index3.js";
+import { useDownloadBankAccountTransactionsMutation as h } from "../../data-access/dist/index4.js";
+import { useUpdateBankAccountMutation as g } from "../../data-access/dist/index5.js";
+import "../../data-access/dist/index.js";
+import { DEFAULT_LABELS as se } from "../../ui/dist/index7.js";
+import { AccountDetailsWidgetUi as ce } from "../../ui/dist/index8.js";
+import "../../ui/dist/index.js";
+import { useCallback as _, useEffect as le, useMemo as v, useState as y } from "react";
+import { jsx as ue } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/feature/dist/index8.js
+var de = 3e3, fe = 5e3, pe = { nickname: "" };
+function b({ accountId: b, onBack: me, labels: he, featureLabels: ge, isBankingTaglineVisible: _e = !0, bankLogoSrc: ve, bankLogoAlt: ye, bankAddress: be, supportTeamUrl: xe }) {
+	let x = {
+		...se,
+		...he
+	}, S = {
+		...oe,
+		...ge
+	}, C = t(), { organizationId: Se, widgetToken: Ce, initResponse: w } = n(), T = ee(), E = !!r(), D = !!(Se && Ce), O = v(() => d(w?.scopes), [w?.scopes]), k = D && O.canRead && !!w, [A, we] = y("transactions"), [Te, j] = y(!1), [M, N] = y(pe), [Ee, De] = y(!1), [Oe, P] = y(!1), [ke, F] = y(!1), [Ae, je] = y(!1), [Me, I] = y(!1), [L, R] = y(), [z, B] = y();
+	le(() => {
+		C(i.Mounted);
+	}, [C]);
+	let V = p({
+		id: b,
+		enabled: k
+	}), H = m({
+		id: b,
+		enabled: k && A === "transactions",
+		limit: 25,
+		sortBy: "DATE",
+		sortOrder: "DESC"
+	}), Ne = g(), Pe = h(), { mutate: Fe, isPending: Ie, isError: U, reset: W } = Ne, { mutateAsync: G, isPending: Le } = Pe, K = k ? V.data : void 0, q = w?.bankName?.trim() ?? "", J = be?.trim() || void 0, Y = { bankName: q }, Re = v(() => f(x.domesticWireIntro, Y), [x.domesticWireIntro, q]), ze = v(() => f(x.domesticWireNote, Y), [x.domesticWireNote, q]), Be = v(() => f(x.thingsToKnowBody, Y), [x.thingsToKnowBody, q]), X = K?.nickname?.trim() || S.accountFallback, Ve = u(K?.balance), Z = v(() => (H.data?.data ?? []).map((e, t) => ({
+		key: `${e.date}-${t}`,
+		descriptionLabel: e.description,
+		dateLabel: ie(e.date),
+		amountLabel: re(e.amount, e.direction),
+		amountVariant: e.direction === "CREDIT" ? "positive" : "default",
+		balanceLabel: u(e.runningBalance)
+	})), [H.data?.data]), He = O.canRead && Z.length > 0, Ue = !o(L, z), We = v(() => {
+		let e = [{ after: l() }];
+		return z && e.push({ after: s(z) }), e;
+	}, [z]), Ge = v(() => {
+		let e = [{ after: l() }];
+		return L && e.push({ before: s(L) }), e;
+	}, [L]), Ke = _((e) => {
+		if (e) {
+			let { startDate: e, endDate: t } = te();
+			R(e), B(t);
+		}
+		I(e);
+	}, []), qe = _(async () => {
+		if (!D || !O.canRead || !L || !z || !o(L, z)) return;
+		I(!1);
+		let t = e.loading(S.exportLoadingToast);
+		try {
+			let n = await G({
+				id: b,
+				startDate: a(L),
+				endDate: a(z)
+			});
+			c(n.csv, n.filename), e.success(S.exportSuccessToast, {
+				id: t,
+				duration: de
+			});
+		} catch {
+			e.error(S.exportErrorToast, {
+				id: t,
+				duration: fe
+			});
+		}
+	}, [
+		b,
+		G,
+		z,
+		L,
+		S.exportErrorToast,
+		S.exportLoadingToast,
+		S.exportSuccessToast,
+		D,
+		O.canRead
+	]), Q = _(async (t, n) => {
+		if (!await ne(t)) return;
+		let r = {
+			account: S.copyAccountNumberToast,
+			routing: S.copyRoutingNumberToast,
+			bankName: S.copyBankNameToast,
+			bankAddress: S.copyBankAddressToast
+		};
+		if (e.success(r[n]), n === "account") {
+			P(!0), window.setTimeout(() => P(!1), 2e3);
+			return;
+		}
+		n === "routing" && (F(!0), window.setTimeout(() => F(!1), 2e3));
+	}, [
+		S.copyAccountNumberToast,
+		S.copyBankAddressToast,
+		S.copyBankNameToast,
+		S.copyRoutingNumberToast
+	]), $ = (e) => {
+		e && (N({ nickname: K?.nickname?.trim() ?? "" }), W()), j(e);
+	};
+	return /* @__PURE__ */ ue(ce, {
+		labels: x,
+		title: X,
+		bankDisplayName: q,
+		bankLogoSrc: ve,
+		bankLogoAlt: ye,
+		balanceLabel: Ve,
+		isBankingTaglineVisible: _e,
+		activeTab: A,
+		transactionRows: Z,
+		showExport: He,
+		isExportOpen: Me,
+		exportStartDate: L,
+		exportEndDate: z,
+		isExportDownloading: Le,
+		isExportDownloadDisabled: Ue,
+		disabledExportStartDates: We,
+		disabledExportEndDates: Ge,
+		accountNumberLabel: K?.accountNumber ?? "",
+		maskedAccountNumberLabel: ae(K?.accountNumber ?? ""),
+		wireAccountNumberLabel: K?.accountNumber ?? "",
+		routingNumberLabel: K?.routingNumber ?? "",
+		bankAddressLabel: J,
+		domesticWireIntroLabel: Re,
+		domesticWireNoteLabel: ze,
+		thingsToKnowBodyLabel: Be,
+		supportTeamHref: xe,
+		isAccountNumberVisible: Ee,
+		isAccountNumberCopied: Oe,
+		isRoutingNumberCopied: ke,
+		isDomesticWireExpanded: Ae,
+		isLoading: !E && (!D || T && !w || k && (V.isLoading || A === "transactions" && H.isLoading)),
+		isError: E || k && (V.isError || A === "transactions" && H.isError),
+		isEditOpen: Te,
+		isEditDisabled: !O.canWrite,
+		isEditError: U,
+		isSubmitting: Ie,
+		editForm: M,
+		canEdit: O.canWrite,
+		onBack: me,
+		onTabChange: we,
+		onToggleAccountNumberVisibility: () => De((e) => !e),
+		onCopyAccountNumber: () => void Q(K?.accountNumber ?? "", "account"),
+		onCopyRoutingNumber: () => void Q(K?.routingNumber ?? "", "routing"),
+		onCopyBankName: () => void Q(q, "bankName"),
+		onCopyBankAddress: () => void Q(J ?? "", "bankAddress"),
+		onDomesticWireExpandedChange: je,
+		onEditOpenChange: $,
+		onEditFormChange: (e) => {
+			U && W(), N(e);
+		},
+		onEditSubmit: () => {
+			if (!D || !O.canWrite) return;
+			let t = M.nickname.trim();
+			t && Fe({
+				path: { id: b },
+				body: { nickname: t }
+			}, {
+				onSuccess: () => {
+					C(i.AccountUpdated, { accountId: b }), e.success(S.editSuccessToast), j(!1);
+				},
+				onError: () => {
+					e.error(S.editErrorToast);
+				}
+			});
+		},
+		onEditNicknameClick: () => $(!0),
+		onExportOpenChange: Ke,
+		onExportStartDateChange: R,
+		onExportEndDateChange: B,
+		onExportDownload: () => {
+			qe();
+		}
+	});
 }
-export {
-  g as getBankAccountsPermissions
-};
+//#endregion
+export { b as AccountDetailsWidget };

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/ui/dist/index.js

@@ -0,0 +1,3 @@
+import { DEFAULT_LABELS as e } from "./index7.js";
+import { AccountDetailsWidgetUi as t } from "./index8.js";
+export { t as AccountDetailsWidgetUi, e as DEFAULT_LABELS };