@tesouro/embedded-components-react 0.2.109 → 0.2.110

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index360.js

@@ -1,62 +1,98 @@
-import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as _ } from "./index354.js";
-import { FinancedInvoiceStatusChip as C } from "./index54.js";
-import { useMoniteContext as D } from "./index57.js";
-import "react-hot-toast";
-import { useLingui as F } from "@lingui/react";
-import "./index56.js";
-import { useCurrencies as b } from "./index58.js";
-import { useState as I } from "react";
-import "./index92.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index440.js";
 import "date-fns";
-import "react-script-hook";
-import { useGetFinancedInvoices as T } from "./index356.js";
-import { Dialog as j } from "./index50.js";
-import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
-const K = ({
-  invoice: r,
-  offers: s
+import { getCreateBankAccountSchema as x } from "./index188.js";
+import { safeZodResolver as C } from "./index239.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index170.js";
+import { Input as s } from "./index117.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index407.js";
+import { Button as p } from "./index84.js";
+const J = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
 }) => {
   const {
-    i18n: i
-  } = F(), p = A(), {
-    locale: c
-  } = D(), [d, a] = I(!1), {
-    formatCurrencyToDisplay: l
-  } = b(), {
-    isLoading: u,
-    data: f
-  } = T({
-    invoice_id: r.id,
-    type: "receivable"
-  }), t = f?.data?.[0] ?? null, y = c.dateFormat, h = t ? l(t.repayment_schedule?.repayment_amount ?? 0, r.currency) : "—", v = t?.repayment_schedule?.repayment_date ? i.date(t?.repayment_schedule?.repayment_date, y) : "—", g = t?.status;
-  return u ? /* @__PURE__ */ e(E, { variant: "rounded", height: 80 }) : /* @__PURE__ */ n(x, { children: [
-    /* @__PURE__ */ n(o, { onClick: () => a(!0), sx: {
-      borderRadius: "16px",
-      px: 3,
-      py: 2.5,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      border: `1px solid ${p.palette.divider}`,
-      cursor: "pointer"
-    }, children: [
-      /* @__PURE__ */ n(o, { children: [
-        /* @__PURE__ */ e(m, { variant: "subtitle2", children: i._("Funding for {repaymentAmount}", {
-          repaymentAmount: h
-        }) }),
-        /* @__PURE__ */ e(m, { variant: "body1", children: i._("Repayment on {repaymentDate}", {
-          repaymentDate: v
-        }) })
-      ] }),
-      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { icon: !0, status: g ?? "DEFAULTED" }) })
+    i18n: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
+    }
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
     ] }),
-    /* @__PURE__ */ e(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: t }) })
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
   ] });
 };
 export {
-  K as FinanceOverviewCard
+  J as BankAccountSectionForm
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index361.js

@@ -1,10 +1,19 @@
-import { useMoniteContext as n } from "./index57.js";
-const t = () => {
-  const {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
+const t = (e, n, a) => {
+  switch (e) {
+    case "INTERNAL":
+      return n ? a._("Powered by {embeddedBankName}", {
+        embeddedBankName: n
+      }) : null;
+    case "EXTERNAL":
+      return a._("Linked account");
+    default:
+      return null;
+  }
+}, c = (e, n) => {
+  const a = e.account_number?.slice(-4) ?? e.account_number_last4;
+  return [e.display_name || n._("Bank Account"), a].filter(Boolean).join(" - ");
 };
 export {
-  t as useGetFinanceOffers
+  c as getLineLabel,
+  t as getSourceLabel
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index362.js

@@ -1,13 +1,87 @@
-import { useMoniteContext as o } from "./index57.js";
-const t = () => {
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useState as S, useMemo as p } from "react";
+import { useFormContext as $, Controller as E } from "react-hook-form";
+import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
+import { useRootElements as j } from "./index92.js";
+import "./index57.js";
+import { useCounterpartList as k } from "./index71.js";
+import "react-hot-toast";
+import { useLingui as z } from "@lingui/react";
+import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
+import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index170.js";
+import { InputGroupAddon as H } from "./index101.js";
+import { Loader2 as J, Search as Q } from "lucide-react";
+const me = ({
+  disabled: _,
+  canCreateCounterpart: i = !0
+}) => {
   const {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
     }
-  });
+  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
+    id: e.id,
+    name: I(e),
+    email: V(e)
+  })) : [], [d]), a = p(() => {
+    const e = m.toLowerCase().trim();
+    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
+  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
+  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
+    field: e,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const w = (r) => {
+      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
+    }, N = (r, l) => {
+      if (l.reason !== "input-change") {
+        i || s("counterpart_name", "");
+        return;
+      }
+      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
+    };
+    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
+      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
+        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
+          if (r.key === "Enter") {
+            r.preventDefault();
+            return;
+          }
+          if (r.key === "Tab" && h) {
+            const l = m.toLowerCase().trim();
+            if (!l) return;
+            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
+            b && (w(b.id), C(!1));
+          }
+        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
+          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { children: r.name }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
+          ] }) }, r.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
+      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
+    ] }) });
+  } });
 };
 export {
-  t as useFinanceAnInvoice
+  me as CounterpartSelector
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index363.js

@@ -1,64 +1,19 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index350.js";
-import { FinanceMenuButtons as g } from "./index364.js";
-import { FinanceProgressBar as y } from "./index352.js";
-import { useMoniteContext as x } from "./index57.js";
-import { useCurrencies as v } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as b } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useTheme as D, Box as a, Typography as r } from "@mui/material";
-const P = ({
-  offers: i = []
-}) => {
-  const {
-    componentSettings: m
-  } = x(), {
-    i18n: n
-  } = b(), u = D(), {
-    formatCurrencyToDisplay: o
-  } = v(), s = i?.[0]?.total_amount ?? 0, l = (i?.[0]?.status === "LATE" ? 0 : i?.[0]?.available_amount) ?? 0, p = l / s * 100, c = i?.[0]?.status !== "CLOSED" && i?.[0]?.status !== "DEFAULTED", d = () => {
-    switch (i?.[0]?.status) {
-      case "DEFAULTED":
-        return n._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details.");
-      case "CLOSED":
-        return n._("Financing is not available for your business anymore. Please, contact the provider for further details.");
-      case "LATE":
-        return n._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.");
-      default:
-        return n._("Your amount available for financing additional invoices.");
-    }
-  };
-  return !i || i.length === 0 ? null : /* @__PURE__ */ t(a, { maxWidth: "440px", width: "100%", children: [
-    /* @__PURE__ */ e(r, { variant: "subtitle1", sx: {
-      mb: 3,
-      display: "inline-block"
-    }, children: n._("My financing") }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(a, { sx: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 1.25
-    }, children: [
-      /* @__PURE__ */ e(a, { children: c ? /* @__PURE__ */ t(f, { children: [
-        /* @__PURE__ */ e(r, { variant: "body1", children: n._("Remaining limit") }),
-        /* @__PURE__ */ t(a, { display: "flex", alignItems: "center", gap: 1, children: [
-          /* @__PURE__ */ e(r, { variant: "h2", fontSize: 24, lineHeight: "32px", children: o(l, "USD") }),
-          /* @__PURE__ */ t(r, { component: "span", variant: "subtitle1", fontSize: 18, color: u.palette.grey[400], children: [
-            "/ ",
-            o(s, "USD")
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ e(r, { variant: "h2", fontSize: 24, children: n._("Not available") }) }),
-      /* @__PURE__ */ t(a, { display: "flex", flexDirection: "column", gap: 1.5, children: [
-        c && /* @__PURE__ */ e(y, { progress: p }),
-        /* @__PURE__ */ e(r, { variant: "body1", fontSize: 14, lineHeight: "22px", fontWeight: 400, children: d() })
-      ] }),
-      m?.financing?.enableFinanceWidgetButton && /* @__PURE__ */ e(g, {})
-    ] }) })
-  ] });
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+import * as r from "@radix-ui/react-avatar";
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
+}
 export {
-  P as FinanceLimits
+  n as Avatar,
+  f as AvatarFallback
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index364.js

@@ -1,26 +1,52 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index359.js";
-import { useKanmonContext as c } from "./index56.js";
-import { Dialog as m } from "./index50.js";
-import { useLingui as l } from "@lingui/react";
-import { Stack as p, Button as r } from "@mui/material";
-import { useState as g } from "react";
-const w = () => {
+import { useEffect as m, useMemo as f } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const p = 100, h = (s, g = !0) => {
   const {
-    i18n: o
-  } = l(), {
-    startFinanceSession: t
-  } = c(), [e, i] = g(!1);
-  return /* @__PURE__ */ a(p, { direction: "row", gap: 1, alignItems: "center", children: [
-    /* @__PURE__ */ n(r, { variant: "text", onClick: () => i(!0), children: o._("How does invoice financing work?") }),
-    /* @__PURE__ */ n(r, { onClick: () => t(), variant: "contained", color: "primary", sx: {
-      px: 2.5,
-      py: 1.5,
-      height: 40
-    }, children: o._("Financing menu") }),
-    /* @__PURE__ */ n(m, { open: e, onClose: () => i(!1), alignDialog: "right", children: /* @__PURE__ */ n(s, {}) })
-  ] });
+    api: u
+  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: p
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, P, x, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: o,
+    fetchNextPage: r
+  } = e;
+  return m(() => {
+    n && !i && !o && r();
+  }, [n, i, o, r]), {
+    data: f(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
 };
 export {
-  w as FinanceMenuButtons
+  h as useGetEmbeddedBankAccounts
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index365.js

@@ -1,65 +1,14 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { Fragment as m } from "react";
-import { useLingui as h } from "@lingui/react";
-import _ from "@mui/icons-material/MonetizationOnOutlined";
-import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
-const F = ({
-  offers: p
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+const r = (e, t = !0) => {
   const {
-    i18n: t
-  } = h(), d = g();
-  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
-    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
-      mb: 3,
-      display: "inline-block"
-    }, children: t._("Current offer") }),
-    /* @__PURE__ */ e(i, { sx: {
-      display: "flex",
-      gap: 2,
-      flexWrap: "wrap"
-    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
-      backgroundColor: d.palette.background.paper,
-      borderRadius: "16px",
-      border: `1px solid ${d.palette.divider}`
-    }, children: [
-      /* @__PURE__ */ a(i, { sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        mb: 2
-      }, children: [
-        /* @__PURE__ */ e(_, { sx: {
-          fontSize: 24,
-          color: f(d.palette.primary.main, 0.6)
-        } }),
-        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
-          flex: "1 1 0%",
-          width: "100%"
-        }, children: t._("Financing plan") })
-      ] }),
-      /* @__PURE__ */ e(x, { sx: {
-        p: 0
-      }, children: /* @__PURE__ */ a(m, { children: [
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
-          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
-        }) }) }),
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
-          itemRepayment_duration_days: r.repayment_duration_days
-        }) }) }),
-        /* @__PURE__ */ e(l, { sx: {
-          p: 0
-        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
-          itemFee_percentage: r.fee_percentage / 100
-        }) }) })
-      ] }, r.advance_rate_percentage) })
-    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
-  ] });
+    api: n
+  } = s();
+  return n.finops.getBankDetails.useQuery({
+    query: e
+  }, {
+    enabled: t
+  });
 };
 export {
-  F as FinanceOffers
+  r as useGetEntityBankAccounts
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index366.js

@@ -1,16 +1,52 @@
-import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { Box as f } from "@mui/material";
-import { FinanceLimits as e } from "./index363.js";
-import { FinanceOffers as i } from "./index365.js";
-const p = ({
-  offers: s
-}) => /* @__PURE__ */ r(f, { sx: {
-  display: "flex",
-  gap: 2
-}, children: [
-  /* @__PURE__ */ o(e, { offers: s }),
-  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
-] });
+import { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const l = 100, h = (s, g = !0) => {
+  const {
+    api: u
+  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: l
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, x, P, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
+          }
+        };
+    },
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: r,
+    fetchNextPage: o
+  } = e;
+  return m(() => {
+    n && !i && !r && o();
+  }, [n, i, r, o]), {
+    data: p(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
+};
 export {
-  p as FinanceWidget
+  h as useGetExternalBankAccounts
 };