@tesouro/embedded-components-react 0.2.31 → 0.2.33

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/account-details/data-access/dist/index4.js

@@ -1,29 +1,31 @@
 "use client";
-import { useQuery as m } from "@tanstack/react-query";
+import { useMutation as c } from "@tanstack/react-query";
+import { invalidateAllClients as i } from "../../../../shared/data-access/dist/lib/clientRegistry.js";
 import "../../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import { useEmbedApi as p } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as u } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { useEmbedApi as u } from "../../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as m } from "../../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../../shared/data-access/dist/lib/rest/client.gen.js";
-import { getBankAccountTransfersOptions as c } from "../../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
-import { withAuthEpoch as d } from "../../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import { getBankAccountsQueryKey as p, getBankAccountQueryKey as l, updateBankAccountMutation as d } from "../../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "../../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "react";
-function T({
-  id: r,
-  enabled: t,
-  ...e
-}) {
-  const { client: i, organizationId: o, widgetToken: a, authEpoch: n } = p(), s = c({
-    client: i,
-    headers: u(o),
-    path: { id: r ?? "" },
-    query: e
-  });
-  return m({
-    ...d(s, n),
-    enabled: !!(r && o && a) && (t === !0 || t === void 0)
+function w() {
+  const { client: t, organizationId: n } = u(), a = m(n), o = d({ client: t, headers: a });
+  return c({
+    ...o,
+    onSuccess: async (r, e, ...s) => {
+      await Promise.all([
+        i(p({ client: t, headers: a })),
+        i(
+          l({
+            client: t,
+            headers: a,
+            path: e.path
+          })
+        )
+      ]), await o.onSuccess?.(r, e, ...s);
+    }
   });
 }
 export {
-  T as useBankAccountTransfersQuery
+  w as useUpdateBankAccountMutation
 };

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

@@ -0,0 +1,13 @@
+import "../../../../../embedded-banking/shared/util/dist/index3.js";
+import { resolveBankNameForBranding as i, getBankAsset as n } from "../../../../../embedded-banking/shared/util/dist/index8.js";
+function m(t, a) {
+  const r = typeof window < "u" ? window.location.host : "", o = i(
+    t?.trim() ?? "",
+    r
+  ).trim();
+  if (o)
+    return n(o, "alternativeLogo") ?? void 0;
+}
+export {
+  m as resolveBankLogoSrc
+};

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

@@ -0,0 +1,9 @@
+import { getWhiteLabelInstanceFromHost as t } from "../../../../../embedded-banking/shared/util/dist/index3.js";
+function n(e) {
+  const o = typeof window < "u" ? window.location.host : "";
+  if (o)
+    return t(o)?.supportTeamUrl;
+}
+export {
+  n as resolveSupportTeamUrl
+};

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

@@ -1,11 +1,12 @@
 "use client";
-import { jsx as C } from "react/jsx-runtime";
-import { useState as k, useEffect as I, useMemo as b } from "react";
-import { useBankAccountDetailsQuery as h } from "../../data-access/dist/index2.js";
-import { useBankAccountTransactionsQuery as U } from "../../data-access/dist/index3.js";
-import { useBankAccountTransfersQuery as W } from "../../data-access/dist/index4.js";
-import { useUpdateBankAccountMutation as M } from "../../data-access/dist/index5.js";
-import { AccountDetailsWidgetUi as Q } from "../../ui/dist/index2.js";
+import { jsx as ut } from "react/jsx-runtime";
+import { useMemo as i, useState as r, useEffect as dt, useCallback as bt } from "react";
+import { toast as A } from "sonner";
+import { useBankAccountDetailsQuery as lt } from "../../data-access/dist/index2.js";
+import { useBankAccountTransactionsQuery as pt } from "../../data-access/dist/index3.js";
+import { useUpdateBankAccountMutation as gt } from "../../data-access/dist/index4.js";
+import { AccountDetailsWidgetUi as kt } from "../../ui/dist/index2.js";
+import { DEFAULT_LABELS as ft } from "../../ui/dist/index3.js";
 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";
@@ -18,151 +19,181 @@ import "../../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import "react-error-boundary";
-import { useAnalyticsTrack as j } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
+import { useAnalyticsTrack as Nt } from "../../../../shared/feature/dist/lib/analytics/hooks.js";
 import "../../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as x } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { AccountDetailsWidgetAnalyticsEvent as z } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as O } from "./index3.js";
-const _ = {
-  nickname: "",
-  reference: ""
-};
-function pe({
-  accountId: t,
-  onBack: r,
-  labels: o,
-  featureLabels: A
+import { useWidgetConfig as At, useWidgetLoading as Lt, useWidgetError as Tt } from "../../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { AccountDetailsWidgetAnalyticsEvent as h } from "./index4.js";
+import { formatAmountLabel as v, formatSignedTransactionAmountLabel as Et, formatTransactionDateLabel as yt, copyTextToClipboard as Bt, maskAccountNumber as Wt } from "./index5.js";
+import { DEFAULT_FEATURE_LABELS as Ct } from "./index6.js";
+import { getBankAccountsPermissions as $t } from "./index7.js";
+import { interpolateLabel as L } from "./index8.js";
+import { resolveBankAddress as Dt } from "./index9.js";
+import { resolveBankLogoSrc as St } from "./index10.js";
+import { resolveSupportTeamUrl as wt } from "./index11.js";
+const Rt = { nickname: "" };
+function ma({
+  accountId: u,
+  onBack: F,
+  labels: I,
+  featureLabels: U,
+  isBankingTaglineVisible: V = !0,
+  bankLogoSrc: T,
+  bankLogoAlt: x
 }) {
-  const e = {
-    ...O,
-    ...A
-  }, p = j(), { organizationId: v, widgetToken: E } = x(), n = !!(v && E), [y, L] = k(!1), [m, g] = k(_);
-  I(() => {
-    p(z.Mounted);
-  }, [p]);
-  const s = h({
-    id: t,
-    enabled: n
-  }), u = U({
-    id: t,
-    enabled: n,
-    limit: 25
-  }), c = W({
-    id: t,
-    enabled: n,
+  const n = { ...ft, ...I }, a = {
+    ...Ct,
+    ...U
+  }, g = Nt(), { organizationId: K, widgetToken: _, initResponse: o } = At(), M = Lt(), E = !!Tt(), k = !!(K && _), d = i(
+    () => $t(o?.scopes),
+    [o?.scopes]
+  ), c = k && d.canRead && !!o, [b, P] = r("transactions"), [j, y] = r(!1), [B, W] = r(Rt), [z, H] = r(!1), [O, C] = r(!1), [Q, $] = r(!1), [Y, q] = r(!1);
+  dt(() => {
+    g(h.Mounted);
+  }, [g]);
+  const f = lt({
+    id: u,
+    enabled: c
+  }), l = pt({
+    id: u,
+    enabled: c && b === "transactions",
     limit: 25
-  }), d = M(), i = n ? s.data : void 0, N = i?.nickname || e.accountFallback, D = i?.accountNumber ?? e.unavailableLabel, T = i?.status ?? "", $ = b(
-    () => i ? [
-      {
-        label: e.balanceLabel,
-        value: l(i.balance, e)
-      },
-      {
-        label: e.accountNumberLabel,
-        value: i.accountNumber
-      },
-      {
-        label: e.routingNumberLabel,
-        value: i.routingNumber
-      },
-      {
-        label: e.referenceLabel,
-        value: i.bankAccountReference ?? e.unavailableLabel
-      },
-      {
-        label: e.createdLabel,
-        value: f(i.createdDateTime, e)
+  }), G = gt(), {
+    mutate: J,
+    isPending: X,
+    isError: D,
+    reset: S
+  } = G, e = c ? f.data : void 0, s = o?.bankName?.trim() ?? "", Z = i(
+    () => T ?? St(o?.bankName),
+    [T, o?.bankName]
+  ), w = i(
+    () => Dt(o?.bankName),
+    [o?.bankName]
+  ), N = { bankName: s }, tt = i(
+    () => L(n.domesticWireIntro, N),
+    [n.domesticWireIntro, s]
+  ), at = i(
+    () => L(n.domesticWireNote, N),
+    [n.domesticWireNote, s]
+  ), ot = i(
+    () => L(n.thingsToKnowBody, N),
+    [n.thingsToKnowBody, s]
+  ), et = i(() => wt(), []), it = e?.nickname?.trim() || a.accountFallback, nt = v(e?.balance), rt = i(() => (l.data?.data ?? []).map((t, m) => ({
+    key: `${t.date}-${m}`,
+    descriptionLabel: t.description,
+    dateLabel: yt(t.date),
+    amountLabel: Et(
+      t.amount,
+      t.direction
+    ),
+    amountVariant: t.direction === "CREDIT" ? "positive" : "default",
+    balanceLabel: v(t.runningBalance)
+  })), [l.data?.data]), p = bt(
+    async (t, m) => {
+      if (!await Bt(t))
+        return;
+      const mt = {
+        account: a.copyAccountNumberToast,
+        routing: a.copyRoutingNumberToast,
+        bankName: a.copyBankNameToast,
+        bankAddress: a.copyBankAddressToast
+      };
+      if (A.success(mt[m]), m === "account") {
+        C(!0), window.setTimeout(() => C(!1), 2e3);
+        return;
       }
-    ] : [],
-    [i, e]
-  ), B = b(
-    () => (n ? u.data?.data?.map((a, w) => ({
-      id: `${a.date}-${w}`,
-      description: a.description,
-      dateLabel: f(a.date, e),
-      amountLabel: l(a.amount, e),
-      balanceLabel: l(
-        a.runningBalance,
-        e
-      )
-    })) : void 0) ?? [],
-    [u.data, e, n]
-  ), F = b(
-    () => (n ? c.data?.data?.map((a) => ({
-      id: a.id,
-      routeLabel: [
-        a.fromAccount.nickname ?? a.fromAccount.id,
-        e.routeSeparator,
-        a.toAccount.nickname ?? a.toAccount.id
-      ].join(" "),
-      dateLabel: f(a.date, e),
-      amountLabel: l(a.amount, e),
-      statusLabel: a.status
-    })) : void 0) ?? [],
-    [c.data, e, n]
-  ), S = (a) => {
-    a && !n || (a && g(P(i)), L(a));
-  }, R = () => {
-    n && d.mutate(
+      m === "routing" && ($(!0), window.setTimeout(() => $(!1), 2e3));
+    },
+    [
+      a.copyAccountNumberToast,
+      a.copyBankAddressToast,
+      a.copyBankNameToast,
+      a.copyRoutingNumberToast
+    ]
+  ), R = (t) => {
+    t && (W({ nickname: e?.nickname?.trim() ?? "" }), S()), y(t);
+  }, st = (t) => {
+    D && S(), W(t);
+  }, ct = () => {
+    if (!k || !d.canWrite)
+      return;
+    const t = B.nickname.trim();
+    t && J(
       {
-        path: { id: t },
+        path: { id: u },
         body: {
-          nickname: m.nickname.trim() || null,
-          bankAccountReference: m.reference.trim() || null
+          // Runtime PATCH binding accepts the inner string value. OpenAPI models
+          // this as OptionalOfstring, but the { hasValue, value } envelope fails to bind.
+          nickname: t
         }
       },
       {
         onSuccess: () => {
-          L(!1);
+          g(h.AccountUpdated, {
+            accountId: u
+          }), A.success(a.editSuccessToast), y(!1);
+        },
+        onError: () => {
+          A.error(a.editErrorToast);
         }
       }
     );
   };
-  return /* @__PURE__ */ C(
-    Q,
+  return /* @__PURE__ */ ut(
+    kt,
     {
-      labels: o,
-      title: N,
-      subtitle: D,
-      statusLabel: T,
-      summaryItems: $,
-      transactionRows: B,
-      transferRows: F,
-      isLoading: !n || s.isLoading || u.isLoading || c.isLoading,
-      isError: s.isError || u.isError || c.isError,
-      isEditOpen: y,
-      isEditError: d.isError,
-      isEditDisabled: !n,
-      isSubmitting: d.isPending,
-      editForm: m,
-      onBack: r,
-      onEditOpenChange: S,
-      onEditFormChange: g,
-      onEditSubmit: R
+      labels: n,
+      title: it,
+      bankDisplayName: s,
+      bankLogoSrc: Z,
+      bankLogoAlt: x,
+      balanceLabel: nt,
+      isBankingTaglineVisible: V,
+      activeTab: b,
+      transactionRows: rt,
+      accountNumberLabel: e?.accountNumber ?? "",
+      maskedAccountNumberLabel: Wt(e?.accountNumber ?? ""),
+      wireAccountNumberLabel: e?.accountNumber ?? "",
+      routingNumberLabel: e?.routingNumber ?? "",
+      bankAddressLabel: w,
+      domesticWireIntroLabel: tt,
+      domesticWireNoteLabel: at,
+      thingsToKnowBodyLabel: ot,
+      supportTeamHref: et,
+      isAccountNumberVisible: z,
+      isAccountNumberCopied: O,
+      isRoutingNumberCopied: Q,
+      isDomesticWireExpanded: Y,
+      isLoading: !E && (!k || M && !o || c && (f.isLoading || b === "transactions" && l.isLoading)),
+      isError: E || c && (f.isError || b === "transactions" && l.isError),
+      isEditOpen: j,
+      isEditDisabled: !d.canWrite,
+      isEditError: D,
+      isSubmitting: X,
+      editForm: B,
+      canEdit: d.canWrite,
+      onBack: F,
+      onTabChange: P,
+      onToggleAccountNumberVisibility: () => H((t) => !t),
+      onCopyAccountNumber: () => {
+        p(e?.accountNumber ?? "", "account");
+      },
+      onCopyRoutingNumber: () => {
+        p(e?.routingNumber ?? "", "routing");
+      },
+      onCopyBankName: () => {
+        p(s, "bankName");
+      },
+      onCopyBankAddress: () => {
+        p(w, "bankAddress");
+      },
+      onDomesticWireExpandedChange: q,
+      onEditOpenChange: R,
+      onEditFormChange: st,
+      onEditSubmit: ct,
+      onEditNicknameClick: () => R(!0)
     }
   );
 }
-function P(t) {
-  return {
-    nickname: t?.nickname ?? "",
-    reference: t?.bankAccountReference ?? ""
-  };
-}
-function f(t, r) {
-  if (!t) return r.unavailableLabel;
-  const o = new Date(t);
-  return Number.isNaN(o.getTime()) ? r.unavailableLabel : new Intl.DateTimeFormat(void 0, {
-    dateStyle: "medium"
-  }).format(o);
-}
-function l(t, r) {
-  if (!t) return r.unavailableLabel;
-  const o = Number(t.value);
-  return Number.isFinite(o) ? new Intl.NumberFormat(void 0, {
-    style: "currency",
-    currency: t.currencyCode
-  }).format(o / 100) : r.unavailableLabel;
-}
 export {
-  pe as AccountDetailsWidget
+  ma as AccountDetailsWidget
 };

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

@@ -1,5 +1,6 @@
 const t = {
-  Mounted: "bank_accounts_widget.account_details.mounted"
+  Mounted: "bank_accounts_widget.account_details.mounted",
+  AccountUpdated: "bank_accounts_widget.account_details.account_updated"
 };
 export {
   t as AccountDetailsWidgetAnalyticsEvent

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

@@ -0,0 +1,58 @@
+const o = /^(\d{4})-(\d{2})-(\d{2})$/;
+function c(t) {
+  const r = o.exec(t);
+  if (!r)
+    return new Date(t);
+  const e = Number(r[1]), n = Number(r[2]) - 1, a = Number(r[3]), u = new Date(e, n, a);
+  return u.getFullYear() !== e || u.getMonth() !== n || u.getDate() !== a ? new Date(Number.NaN) : u;
+}
+function i(t) {
+  const r = t.trim();
+  if (!r)
+    return "";
+  const e = c(r);
+  return Number.isNaN(e.getTime()) ? r : new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium"
+  }).format(e);
+}
+function m(t, r = "—") {
+  if (!t)
+    return r;
+  const e = Number(t.value);
+  return Number.isFinite(e) ? new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: t.currencyCode
+  }).format(e / 100) : r;
+}
+function s(t, r, e = "—") {
+  if (!t)
+    return e;
+  const n = Math.abs(Number(t.value));
+  if (!Number.isFinite(n))
+    return e;
+  const a = new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: t.currencyCode
+  }).format(n / 100);
+  return r === "CREDIT" ? `+${a}` : `-${a}`;
+}
+function f(t) {
+  const r = t.trim();
+  return r ? `••••••••${r.slice(-4)}` : "";
+}
+async function b(t) {
+  if (!t.trim())
+    return !1;
+  try {
+    return await navigator.clipboard.writeText(t), !0;
+  } catch {
+    return !1;
+  }
+}
+export {
+  b as copyTextToClipboard,
+  m as formatAmountLabel,
+  s as formatSignedTransactionAmountLabel,
+  i as formatTransactionDateLabel,
+  f as maskAccountNumber
+};

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

@@ -0,0 +1,12 @@
+const o = {
+  accountFallback: "Account",
+  editSuccessToast: "Account updated successfully",
+  editErrorToast: "Error updating bank account nickname",
+  copyAccountNumberToast: "Account number copied to clipboard",
+  copyRoutingNumberToast: "Routing number copied to clipboard",
+  copyBankNameToast: "Bank name copied to clipboard",
+  copyBankAddressToast: "Bank address copied to clipboard"
+};
+export {
+  o as DEFAULT_FEATURE_LABELS
+};

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

@@ -0,0 +1,19 @@
+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)
+  };
+}
+export {
+  g as getBankAccountsPermissions
+};

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

@@ -0,0 +1,9 @@
+function n(e, r) {
+  return Object.entries(r).reduce(
+    (t, [c, l]) => t.replaceAll(`{${c}}`, l),
+    e
+  );
+}
+export {
+  n as interpolateLabel
+};

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

@@ -0,0 +1,12 @@
+import "../../../../../embedded-banking/shared/util/dist/index3.js";
+import { resolveBankNameForBranding as e, getBankAsset as n } from "../../../../../embedded-banking/shared/util/dist/index8.js";
+function d(r, t) {
+  const s = typeof window < "u" ? window.location.host : "", o = e(
+    r?.trim() ?? "",
+    s
+  ).trim();
+  return o ? n(o, "address") ?? "" : "";
+}
+export {
+  d as resolveBankAddress
+};