@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/team-widget/ui/dist/index9.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { AlertDialog as u, AlertDialogContent as h, AlertDialogHeader as w, AlertDialogTitle as f, AlertDialogDescription as D, AlertDialogFooter as A, AlertDialogCancel as b, Button as x } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { InlineErrorAlert as C } from "../../../shared/ui/dist/lib/InlineErrorAlert/InlineErrorAlert.js";
+import { DEFAULT_LABELS as R } from "./index14.js";
+function H({
+  open: a,
+  title: l,
+  description: s,
+  subjectName: r,
+  subjectDetail: o,
+  confirmButtonLabel: d,
+  errorMessage: i,
+  isConfirming: n = !1,
+  onOpenChange: c,
+  onConfirm: m,
+  labels: p
+}) {
+  const g = { ...R, ...p };
+  return /* @__PURE__ */ t(u, { open: a, onOpenChange: c, children: /* @__PURE__ */ e(h, { children: [
+    /* @__PURE__ */ e(w, { children: [
+      /* @__PURE__ */ t(f, { children: l }),
+      /* @__PURE__ */ t(D, { children: s })
+    ] }),
+    r && /* @__PURE__ */ e("div", { className: "ttw:rounded-md ttw:border ttw:border-border ttw:bg-muted/50 ttw:px-3 ttw:py-2", children: [
+      /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: r }),
+      o && /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: o })
+    ] }),
+    i && /* @__PURE__ */ t(C, { children: i }),
+    /* @__PURE__ */ e(A, { children: [
+      /* @__PURE__ */ t(b, { disabled: n, children: g.actionDialogCancelButton }),
+      /* @__PURE__ */ t(
+        x,
+        {
+          variant: "destructive",
+          loading: n,
+          onClick: m,
+          children: d
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  H as TeamActionDialog
+};

package/dist/libs/tesouro-embedded-components-react/transfers-widget/data-access/dist/index2.js

@@ -0,0 +1,6 @@
+function t(e) {
+  return e.isError ? !1 : e.isLoading || e.isFetchingNextPage || e.hasNextPage;
+}
+export {
+  t as isPaginatedAccountsQueryInFlight
+};

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

@@ -0,0 +1,36 @@
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as o } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getBankAccountsQueryKey as i, getBankAccountTransfersQueryKey as c, getBankAccountQueryKey as e } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+const y = ({
+  client: n,
+  organizationId: a
+}) => i({
+  client: n,
+  headers: o(a)
+}), k = ({
+  client: n,
+  organizationId: a,
+  bankAccountId: t
+}) => c({
+  client: n,
+  headers: o(a),
+  path: { id: t }
+}), I = ({
+  client: n,
+  organizationId: a,
+  bankAccountId: t
+}) => e({
+  client: n,
+  headers: o(a),
+  path: { id: t }
+});
+export {
+  I as bankAccountInvalidationKeyForAccount,
+  k as bankAccountTransfersInvalidationKeyForAccount,
+  y as bankAccountsInvalidationKey
+};

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

@@ -0,0 +1,14 @@
+"use client";
+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 "react";
+import { useAllBankAccountsQuery as o } from "../../../shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js";
+function s(r = {}) {
+  return o(r);
+}
+export {
+  s as useTransferBankAccountsQuery
+};

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

@@ -0,0 +1,14 @@
+"use client";
+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 "react";
+import { useAllExternalBankAccountsQuery as t } from "../../../shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.js";
+function s(r = {}) {
+  return t(r);
+}
+export {
+  s as useTransferExternalAccountsQuery
+};

package/dist/libs/tesouro-embedded-components-react/transfers-widget/data-access/dist/index6.js

@@ -0,0 +1,54 @@
+"use client";
+import { useMemo as m } from "react";
+import { useQueries as E } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as Q } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as b } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getBankAccountTransfersOptions as y } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as T } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { useTransferBankAccountsQuery as k } from "./index4.js";
+import { isPaginatedAccountsQueryInFlight as B } from "./index2.js";
+const w = 25;
+function F({
+  enabled: s,
+  transfersPerAccount: u = w
+} = {}) {
+  const { client: d, organizationId: n, widgetToken: f, authEpoch: p } = Q(), l = b(n), i = !!(n && f) && (s === !0 || s === void 0), r = k({ enabled: i }), c = m(() => [...r.data?.data?.map((e) => e.id).filter(Boolean) ?? []].sort(), [r.data?.data]), t = E({
+    queries: c.map((e) => ({
+      ...T(
+        y({
+          client: d,
+          headers: l,
+          path: { id: e },
+          query: { limit: u }
+        }),
+        p
+      ),
+      enabled: i
+    }))
+  }), h = m(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const a of t)
+      for (const o of a.data?.data ?? [])
+        e.set(o.id, o);
+    return [...e.values()].sort((a, o) => o.date.localeCompare(a.date));
+  }, [t]), g = B(r) || t.some((e) => e.isLoading && e.fetchStatus !== "idle"), A = r.isError || t.some((e) => e.isError);
+  return {
+    mergedTransfers: h,
+    accountIds: c,
+    isLoading: g,
+    isError: A,
+    refetch: () => {
+      r.refetch();
+      for (const e of t)
+        e.refetch();
+    },
+    accountsQuery: r,
+    transferQueries: t
+  };
+}
+export {
+  F as useMergedRecentBankAccountTransfersQuery
+};

package/dist/libs/tesouro-embedded-components-react/transfers-widget/data-access/dist/index7.js

@@ -0,0 +1,47 @@
+"use client";
+import { useMutation as m } from "@tanstack/react-query";
+import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as u } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as d } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { createBookTransferMutation as l } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+import { bankAccountsInvalidationKey as p, bankAccountTransfersInvalidationKeyForAccount as f, bankAccountInvalidationKeyForAccount as A } from "./index3.js";
+function w() {
+  const { client: o, organizationId: n } = u(), r = d(n);
+  return m({
+    ...l({
+      client: o,
+      headers: r
+    }),
+    onSuccess: async (I, a) => {
+      const c = a.body.fromBankAccountId, e = a.body.toBankAccountId, s = [.../* @__PURE__ */ new Set([c, e])];
+      await Promise.all([
+        t(
+          p({ client: o, organizationId: n })
+        ),
+        ...s.flatMap((i) => [
+          t(
+            f({
+              client: o,
+              organizationId: n,
+              bankAccountId: i
+            })
+          ),
+          t(
+            A({
+              client: o,
+              organizationId: n,
+              bankAccountId: i
+            })
+          )
+        ])
+      ]);
+    }
+  });
+}
+export {
+  w as useCreateBookTransferMutation
+};

package/dist/libs/tesouro-embedded-components-react/transfers-widget/data-access/dist/index8.js

@@ -0,0 +1,52 @@
+"use client";
+import { useMutation as d } from "@tanstack/react-query";
+import { invalidateAllClients as t } from "../../../shared/data-access/dist/lib/clientRegistry.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as m } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import { organizationHeaders as u } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { createAchMoneyMovementMutation as A } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+import { bankAccountsInvalidationKey as l, bankAccountTransfersInvalidationKeyForAccount as r, bankAccountInvalidationKeyForAccount as I } from "./index3.js";
+function h() {
+  const { client: o, organizationId: n } = m(), c = u(n);
+  return d({
+    ...A({
+      client: o,
+      headers: c
+    }),
+    onSuccess: async (p, a) => {
+      const i = a.body.fromBankAccountId, e = a.body.toBankAccountId, s = a.body.type === "EXTERNAL_TO_INTERNAL" ? e : i;
+      await Promise.all([
+        t(
+          l({ client: o, organizationId: n })
+        ),
+        t(
+          r({
+            client: o,
+            organizationId: n,
+            bankAccountId: i
+          })
+        ),
+        t(
+          r({
+            client: o,
+            organizationId: n,
+            bankAccountId: e
+          })
+        ),
+        t(
+          I({
+            client: o,
+            organizationId: n,
+            bankAccountId: s
+          })
+        )
+      ]);
+    }
+  });
+}
+export {
+  h as useCreateAchMoneyMovementMutation
+};

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+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 "react";
+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 m } 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 p } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { TransfersWidgetInner as s } from "./index4.js";
+function I({
+  labels: t,
+  featureLabels: o,
+  ...i
+}) {
+  return /* @__PURE__ */ e(p, { ...i, children: [
+    /* @__PURE__ */ r(m, {}),
+    /* @__PURE__ */ r(s, { labels: t, featureLabels: o })
+  ] });
+}
+export {
+  I as TransfersWidget
+};

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

@@ -0,0 +1,9 @@
+const e = {
+  unavailableLabel: "Unavailable",
+  routeSeparator: "to",
+  defaultCurrencyCode: "USD",
+  defaultSecCode: "CCD"
+};
+export {
+  e as DEFAULT_FEATURE_LABELS
+};

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

@@ -0,0 +1,144 @@
+"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/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/index12.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);
+}
+function Fr({
+  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(), C = rr(), {
+    data: F,
+    isError: I,
+    refetch: N
+  } = C, 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 p = B(e.accountNumber), l = e.nickname?.trim() || t.accountFallbackName;
+      r.set(e.id, `${l} ···${p}`);
+    }
+    for (const e of s) {
+      const p = B(e.accountNumber), l = e.nickname?.trim() || e.nameOnAccount;
+      r.set(e.id, `${l} ···${p}`);
+    }
+    return r;
+  }, [
+    n,
+    t.accountFallbackName,
+    s
+  ]), W = d(
+    () => S.map(
+      (r) => ar(r, k, t, m)
+    ),
+    [k, m, t, S]
+  ), E = X(() => {
+    _(), N(), o && b();
+  }, [
+    o,
+    N,
+    b,
+    _
+  ]);
+  M(() => {
+    const r = () => {
+      E();
+    };
+    for (const e of w)
+      window.addEventListener(e, r);
+    return () => {
+      for (const e of w)
+        window.removeEventListener(e, r);
+    };
+  }, [E]);
+  const { modalProps: V, openModal: x } = sr({
+    labels: t,
+    featureLabels: m,
+    embeddedBankAccounts: n,
+    verifiedExternalBankAccounts: s,
+    track: f
+  }), Q = $(C), 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 ? () => {
+        E();
+      } : void 0,
+      showTransferMoneyCta: A,
+      isTransferMoneyCtaDisabled: y,
+      onTransferMoneyClick: A && !y ? () => x() : void 0,
+      transferMoneyModal: V,
+      labels: a
+    }
+  );
+}
+export {
+  Fr as TransfersWidgetInner
+};

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

@@ -0,0 +1,8 @@
+const e = {
+  Mounted: "transfers_widget.mounted",
+  TransferMoneyOpened: "transfers_widget.transfer_money_opened",
+  TransferSubmitted: "transfers_widget.transfer_submitted"
+};
+export {
+  e as TRANSFERS_ANALYTICS_EVENTS
+};