@tesouro/embedded-components-react 0.2.76 → 0.2.79

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index2.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { useEffect as k, useMemo as s } from "react";
 import { BalancesWidget as f } from "../../ui/dist/index2.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
@@ -13,22 +13,22 @@ import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as R } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as g } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as g } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { BalancesWidgetAnalyticsEvent as h } from "./index3.js";
-import { BalancesWidgetContextProvider as x, useBalancesWidgetContext as W } from "./index4.js";
-import { SingleBalance as b } from "./index5.js";
-const V = 5;
-function v({
+import { useAnalyticsTrack as R } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as h, BalancesWidgetAnalyticsEvent as x } from "./index3.js";
+import { BalancesWidgetContextProvider as W, useBalancesWidgetContext as b } from "./index4.js";
+import { SingleBalance as V } from "./index5.js";
+const v = 5;
+function E({
   maxAccounts: c,
   labels: n,
   onBalanceRowClick: a
 }) {
-  const l = g();
+  const t = R();
   k(() => {
-    l(h.Mounted);
-  }, [l]);
+    t(x.Mounted);
+  }, [t]);
   const {
     accountRows: o,
     isLoading: r,
@@ -39,14 +39,14 @@ function v({
     shouldShowViewAllAccounts: p,
     isRowClickable: A,
     onViewAllAccountsClicked: w
-  } = W(), B = s(
+  } = b(), B = s(
     () => o.slice(0, c),
     [o, c]
   ), C = s(
     () => o.map((e) => e.view),
     [o]
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ l(
     f,
     {
       accountRows: C,
@@ -60,8 +60,8 @@ function v({
       shouldShowViewAllAccounts: p,
       onViewAllAccountsClicked: w,
       labels: n,
-      children: B.map((e) => /* @__PURE__ */ t(
-        b,
+      children: B.map((e) => /* @__PURE__ */ l(
+        V,
         {
           accountId: e.accountId,
           row: e.view,
@@ -73,21 +73,21 @@ function v({
     }
   );
 }
-const y = ({
-  maxAccounts: c = V,
+const I = ({
+  maxAccounts: c = v,
   labels: n,
   onBalanceRowClick: a,
-  onViewAllAccountsClick: l
+  onViewAllAccountsClick: t
 }) => {
   const o = Math.max(0, c);
-  return /* @__PURE__ */ t(
-    x,
+  return /* @__PURE__ */ l(
+    W,
     {
       maxAccounts: o,
       onBalanceRowClick: a,
-      onViewAllAccountsClick: l,
-      children: /* @__PURE__ */ t(
-        v,
+      onViewAllAccountsClick: t,
+      children: /* @__PURE__ */ l(
+        E,
         {
           maxAccounts: o,
           labels: n,
@@ -97,25 +97,25 @@ const y = ({
     }
   );
 };
-function O({
+function U({
   maxAccounts: c,
   labels: n,
   onBalanceRowClick: a,
-  onViewAllAccountsClick: l,
+  onViewAllAccountsClick: t,
   ...o
 }) {
-  return /* @__PURE__ */ t(R, { ...o, children: /* @__PURE__ */ t(
-    y,
+  return /* @__PURE__ */ l(g, { ...o, widgetName: h, children: /* @__PURE__ */ l(
+    I,
     {
       maxAccounts: c,
       labels: n,
       onBalanceRowClick: a,
-      onViewAllAccountsClick: l
+      onViewAllAccountsClick: t
     }
   ) });
 }
 export {
-  O as BalancesWidget,
-  v as BalancesWidgetInternal,
-  y as BalancesWidgetWithContext
+  U as BalancesWidget,
+  E as BalancesWidgetInternal,
+  I as BalancesWidgetWithContext
 };

package/dist/libs/tesouro-embedded-components-react/balances-widget/feature/dist/index3.js

@@ -1,6 +1,7 @@
 const e = {
   Mounted: "balances_widget.mounted"
-};
+}, t = "balances_widget";
 export {
-  e as BalancesWidgetAnalyticsEvent
+  e as BalancesWidgetAnalyticsEvent,
+  t as WIDGET_NAME
 };

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

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as t, jsxs as u, Fragment as g } from "react/jsx-runtime";
 import { AccountDetailsWidget as k } from "../../account-details/feature/dist/index2.js";
-import { BankAccountsWidgetUi as A } from "../../ui/dist/index2.js";
+import { WIDGET_NAME as A } from "./index3.js";
+import { BankAccountsWidgetUi as f } from "../../ui/dist/index2.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";
@@ -12,13 +13,13 @@ 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 { EmbeddedToaster as b } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
+import { EmbeddedToaster as p } from "../../../shared/ui/dist/lib/EmbeddedToaster.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as f } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as I } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useBankAccountsWidget as I } from "./index3.js";
-function S({
+import { useBankAccountsWidget as S } from "./index4.js";
+function L({
   labels: o,
   accountDetailsLabels: a,
   featureLabels: n,
@@ -30,7 +31,7 @@ function S({
   defaultSelectedAccountId: d,
   onSelectedAccountIdChange: m
 }) {
-  const e = I({
+  const e = S({
     labels: o,
     featureLabels: n,
     isBankingTaglineVisible: r,
@@ -43,7 +44,7 @@ function S({
   });
   if (e.selectedAccountId)
     return /* @__PURE__ */ u(g, { children: [
-      /* @__PURE__ */ t(b, {}),
+      /* @__PURE__ */ t(p, {}),
       /* @__PURE__ */ t(
         k,
         {
@@ -59,16 +60,16 @@ function S({
       )
     ] });
   const {
-    selectedAccountId: L,
+    selectedAccountId: T,
     onSelectAccount: B,
-    ...p
+    ...b
   } = e;
   return /* @__PURE__ */ u(g, { children: [
-    /* @__PURE__ */ t(b, {}),
-    /* @__PURE__ */ t(A, { labels: o, ...p })
+    /* @__PURE__ */ t(p, {}),
+    /* @__PURE__ */ t(f, { labels: o, ...b })
   ] });
 }
-function G({
+function $({
   baseUrl: o,
   widgetToken: a,
   organizationId: n,
@@ -82,8 +83,9 @@ function G({
   ...e
 }) {
   return /* @__PURE__ */ t(
-    f,
+    I,
     {
+      widgetName: A,
       baseUrl: o,
       widgetToken: a,
       organizationId: n,
@@ -94,10 +96,10 @@ function G({
       errorFallback: s,
       onError: d,
       analytics: m,
-      children: /* @__PURE__ */ t(S, { ...e })
+      children: /* @__PURE__ */ t(L, { ...e })
     }
   );
 }
 export {
-  G as BankAccountsWidget
+  $ as BankAccountsWidget
 };

package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index3.js

@@ -1,246 +1,9 @@
-"use client";
-import { useControllableState as Ce } from "@radix-ui/react-use-controllable-state";
-import { useMemo as u, useCallback as Z, useState as c, useEffect as Ee } from "react";
-import "react/jsx-runtime";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "@tanstack/react-query";
-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 "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { useAllBankAccountsQuery as Te } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
-import { useAllOrganizationRolesQuery as Le } from "../../../shared/data-access/dist/lib/role/useAllOrganizationRolesQuery.js";
-import { useCreateBankAccountMutation as ye } from "../../data-access/dist/index3.js";
-import { useGrantBankAccountAccessMutation as Se } from "../../data-access/dist/index4.js";
-import { useAllOrganizationUsersQuery as $e } from "../../data-access/dist/index5.js";
-import { DEFAULT_LABELS as he } from "../../ui/dist/index3.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import { useAnalyticsTrack as Be } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { emitWidgetDomEvent as Re, TESOURO_NEW_EMBEDDED_BANK_ACCOUNT_CREATED_SUCCESS_EVENT as ve } from "../../../shared/util/dist/index12.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useWidgetConfig as We, useWidgetLoading as De, useWidgetError as we } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import { filterRolesForOrganization as ze } from "../../../../shared/util-validation/dist/index6.js";
-import { BankAccountsWidgetAnalyticsEvent as w } from "./index4.js";
-import { formatTotalAvailableBalanceLabel as Fe, copyTextToClipboard as Ie, maskAccountNumber as Oe, formatAmountLabel as Pe } from "./index5.js";
-import { DEFAULT_FEATURE_LABELS as Ue } from "./index6.js";
-import { getBankAccountsPermissions as _e } from "./index7.js";
-import { resolveDepositAgreementUrl as Me } from "./index8.js";
-import { resolveBankLogoSrc as xe } from "./index9.js";
-import { toTeamMembers as Ve, toOrganizationRoleOptions as Qe, toAccessRows as Ge } from "./index10.js";
-import { toast as ee } from "sonner";
-const z = { nickname: "" };
-function $a({
-  labels: o,
-  featureLabels: E,
-  isBankingTaglineVisible: T = !0,
-  bankLogoSrc: F,
-  bankLogoAlt: ae,
-  selectedAccountId: te,
-  defaultSelectedAccountId: oe,
-  onSelectedAccountIdChange: ie,
-  "data-testid": re
-}) {
-  const I = { ...he, ...o }, i = {
-    ...Ue,
-    ...E
-  }, l = Be(), { organizationId: g, widgetToken: ne, initResponse: a } = We(), se = De(), O = !!we(), d = !!(g && ne), r = u(
-    () => _e(a?.scopes),
-    [a?.scopes]
-  ), ce = d && r.canRead && !!a, [P, U] = Ce({
-    prop: te,
-    defaultProp: oe ?? null,
-    onChange: ie,
-    caller: "BankAccountsWidget"
-  }), A = ce && !P, L = Z(
-    (e) => {
-      U(e);
-    },
-    [U]
-  ), [_, M] = c(!1), [f, y] = c(z), [x, S] = c([]), [me, N] = c(!1), [V, $] = c(), [Q, ue] = c(
-    {}
-  ), [h, G] = c({});
-  Ee(() => {
-    l(w.Mounted);
-  }, [l]);
-  const n = Te({
-    enabled: A
-  }), k = ye(), C = Se(), K = _, s = $e({
-    enabled: K
-  }), B = Le({
-    enabled: K
-  }), R = u(() => {
-    const e = B.data?.data ?? [], t = g ? ze(e, {
-      organizationId: g,
-      organizationTypes: a?.organizationTypes ?? []
-    }) : e;
-    return Ve(
-      s.data?.data ?? [],
-      Qe(t)
-    );
-  }, [
-    B.data?.data,
-    s.data?.data,
-    g,
-    a?.organizationTypes
-  ]), Y = s.isLoading || s.isFetchingNextPage || !!s.hasNextPage || B.isResolving, j = !Y && !s.isError, b = A ? n.data?.data ?? [] : [], v = [
-    .../* @__PURE__ */ new Set([
-      ...R.filter((e) => e.locked).map((e) => e.id),
-      ...x
-    ])
-  ], q = a?.bankName?.trim() ?? "", le = u(
-    () => F ?? xe(a?.bankName),
-    [F, a?.bankName]
-  ), de = a?.vspName?.trim() ?? "", be = u(
-    () => Me(a?.bankName),
-    [a?.bankName]
-  ), W = !n.hasNextPage && !n.isFetchingNextPage, pe = u(
-    () => W ? Fe(b) : void 0,
-    [b, W]
-  ), ge = b.length > 1 && r.canRead && W, D = Z(
-    async (e, t, m) => {
-      await Ie(m) && (ee.success(
-        t === "account" ? i.copyAccountNumberToast : i.copyRoutingNumberToast
-      ), G((p) => ({ ...p, [e]: t })), window.setTimeout(() => {
-        G((p) => ({ ...p, [e]: void 0 }));
-      }, 2e3));
-    },
-    [
-      i.copyAccountNumberToast,
-      i.copyRoutingNumberToast
-    ]
-  ), Ae = u(
-    () => b.map(
-      (e) => Ke(e, i, {
-        isAccountNumberVisible: Q[e.id] ?? !1,
-        isAccountNumberCopied: h[e.id] === "account",
-        isRoutingNumberCopied: h[e.id] === "routing",
-        onToggleAccountNumberVisibility: () => ue((t) => ({
-          ...t,
-          [e.id]: !t[e.id]
-        })),
-        onCopyAccountNumber: () => {
-          D(e.id, "account", e.accountNumber);
-        },
-        onCopyRoutingNumber: () => {
-          D(e.id, "routing", e.routingNumber);
-        },
-        onSelect: () => {
-          L(e.id), l(w.AccountSelected, {
-            accountId: e.id
-          });
-        }
-      })
-    ),
-    [
-      b,
-      Q,
-      h,
-      i,
-      D,
-      L,
-      l
-    ]
-  ), H = (e) => {
-    C.mutate(
-      { path: { id: e }, body: { userIds: v } },
-      {
-        onSuccess: () => {
-          Re(
-            ve
-          ), ee.success(i.createSuccessToast), y(z), S([]), $(void 0), N(!1), M(!1);
-        }
-      }
-    );
-  }, fe = () => {
-    if (!(!d || !r.canWrite) && j) {
-      if (f.nickname.trim() === "") {
-        N(!0);
-        return;
-      }
-      if (v.length === 0) {
-        console.warn("No team members selected on submit");
-        return;
-      }
-      if (V) {
-        H(V);
-        return;
-      }
-      k.mutate(
-        { body: { nickname: f.nickname.trim() } },
-        {
-          onSuccess: (e) => {
-            l(w.AccountCreated, {
-              accountId: e?.id
-            }), e?.id && ($(e.id), H(e.id));
-          }
-        }
-      );
-    }
-  }, Ne = (e, t) => {
-    R.find((m) => m.id === e)?.locked || S(
-      (m) => t ? [.../* @__PURE__ */ new Set([...m, e])] : m.filter((p) => p !== e)
-    );
-  }, J = (e) => {
-    e && (!d || !r.canWrite) || (e && (y(z), S([]), $(void 0), N(!1), k.reset(), C.reset()), M(e));
-  }, X = k.isPending || C.isPending, ke = Ge(R, {
-    selectedUserIds: x,
-    disabled: X || !r.canWrite,
-    fallbackTooltip: I.teamMemberAccessTooltip,
-    onUserToggle: Ne
-  });
-  return {
-    "data-testid": re,
-    selectedAccountId: P,
-    title: I.title,
-    bankDisplayName: q,
-    bankLogoSrc: le,
-    bankLogoAlt: ae,
-    availableBalanceLabel: pe,
-    shouldDisplayAvailableBalance: ge,
-    isBankingTaglineVisible: T,
-    accountCards: Ae,
-    shouldDisplayAddAccountCard: r.canWrite,
-    isLoading: !O && (!d || se && !a || A && (n.isLoading || n.isFetchingNextPage || n.hasNextPage)),
-    isError: O || A && n.isError,
-    isCreateOpen: _,
-    createForm: f,
-    legalCopy: {
-      bankName: q,
-      vspName: de,
-      agreementUrl: be
-    },
-    accessRows: ke,
-    isTeamMembersLoading: Y,
-    isTeamMembersError: s.isError,
-    isCreateSubmitDisabled: !j || f.nickname.trim() === "" || v.length === 0,
-    isCreateError: k.isError || C.isError,
-    hasNicknameError: me,
-    isSubmitting: X,
-    isCreateDisabled: !d || !r.canWrite,
-    onCreateOpenChange: J,
-    onCreateFormChange: (e) => {
-      N(!1), y(e);
-    },
-    onCreateSubmit: fe,
-    onAddAccountClick: () => J(!0),
-    onSelectAccount: L
-  };
-}
-function Ke(o, E, T) {
-  return {
-    id: o.id,
-    name: o.nickname?.trim() || E.accountFallback,
-    balanceLabel: Pe(o.balance),
-    accountNumberLabel: o.accountNumber,
-    maskedAccountNumberLabel: Oe(o.accountNumber),
-    routingNumberLabel: o.routingNumber,
-    ...T
-  };
-}
+const t = {
+  Mounted: "bank_accounts_widget.mounted",
+  AccountSelected: "bank_accounts_widget.account_selected",
+  AccountCreated: "bank_accounts_widget.account_created"
+}, c = "bank_accounts_widget";
 export {
-  $a as useBankAccountsWidget
+  t as BankAccountsWidgetAnalyticsEvent,
+  c as WIDGET_NAME
 };