@tesouro/embedded-components-react 0.2.36 → 0.2.38

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

@@ -1,45 +1,227 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index324.js";
-import "date-fns";
-import { Badge as s } from "./index252.js";
-import { cn as g } from "./index102.js";
-import { useLingui as c } from "@lingui/react";
-import { cva as l } from "class-variance-authority";
-const r = l("", {
-  variants: {
-    variant: {
-      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
-      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
-      send_failed: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
-      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
-      send_failed: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), z = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  dotSize: d,
-  ref: a
-}) => {
+import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
+import { useLingui as U } from "@lingui/react";
+import { useFormContext as W, Controller as m } from "react-hook-form";
+import { Field as h, FieldContent as _ } from "./index160.js";
+import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index284.js";
+import { Typography as w } from "./index87.js";
+import { DatePicker as j } from "./index452.js";
+import { Input as E } from "./index120.js";
+import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index205.js";
+const G = ["day", "week", "month"], $ = (t) => {
+  (t.key === "." || t.key === ",") && t.preventDefault();
+}, J = (t) => {
+  const o = ["th", "st", "nd", "rd"], s = t % 100;
+  return `${t}${o[(s - 20) % 10] ?? o[s] ?? o[0]}`;
+}, Q = Array.from({
+  length: 31
+}, (t, o) => o + 1), F = ["recurrence_start_date", "recurrence_end_date", "recurrence_issue_mode", "recurrence_days_of_week", "recurrence_end_mode", "recurrence_max_occurrences"], A = {
+  su: 0,
+  mo: 1,
+  tu: 2,
+  we: 3,
+  th: 4,
+  fr: 5,
+  sa: 6
+}, P = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setHours(0, 0, 0, 0), t;
+}, X = (t) => {
+  const o = P(), s = (A[t] - o.getDay() + 7) % 7, f = new Date(o);
+  return f.setDate(o.getDate() + s), f;
+}, ie = () => {
   const {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
+    i18n: t
+  } = U(), {
+    control: o,
+    watch: s,
+    clearErrors: f,
+    setValue: l
+  } = W(), i = s("frequency"), R = s("payment_terms_id"), g = s("recurrence_issue_mode"), V = s("recurrence_end_mode"), x = s("recurrence_days_of_week"), Y = s("recurrence_max_occurrences"), v = Number(Y) === 1, M = s("recurrence_start_date"), y = M ? new Date(M) : void 0, T = s("recurrence_end_date"), b = T ? new Date(T) : void 0, q = (r) => {
+    if (r < P()) return !0;
+    if (i === "week")
+      return x ? r.getDay() !== A[x] : !1;
+    if (i !== "month" || !g) return !1;
+    const n = r.getDate(), a = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate();
+    if (g === "first_day") return n !== 1;
+    if (g === "last_day") return n !== a;
+    const u = Number(g);
+    return Number.isNaN(u) ? !1 : n !== Math.min(u, a);
+  }, I = (r) => {
+    if (q(r)) return !0;
+    if (!y) return !1;
+    const n = new Date(y);
+    return n.setHours(0, 0, 0, 0), r < n;
+  }, O = (r) => {
+    if (q(r)) return !0;
+    if (!b) return !1;
+    const n = new Date(b);
+    return n.setHours(0, 0, 0, 0), r > n;
+  }, H = () => {
+    switch (i) {
+      case "once":
+      case "day":
+      case "quarter":
+      case "year":
+      default:
+        return null;
+      case "month":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("on the") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_issue_mode", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), f("recurrence_issue_mode"), l("recurrence_start_date", void 0, {
+              shouldDirty: !1
+            });
+          }, children: [
+            /* @__PURE__ */ e(k, { id: "recurrence_issue_mode", className: "ttw:min-w-21 ttw:w-fit", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
+            /* @__PURE__ */ c(S, { children: [
+              /* @__PURE__ */ e(d, { value: "first_day", children: t._("First day") }),
+              /* @__PURE__ */ e(d, { value: "last_day", children: t._("Last day") }),
+              /* @__PURE__ */ e(K, {}),
+              Q.map((a) => /* @__PURE__ */ e(d, { value: String(a), children: J(a) }, a))
+            ] })
+          ] }) }) }) }),
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("day of every month") })
+        ] });
+      case "week":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", children: t._("on") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_days_of_week", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => {
+            const a = r.value, u = (N) => {
+              a !== N && (r.onChange(N), l("recurrence_start_date", X(N), {
+                shouldDirty: !0
+              }), f("recurrence_start_date"));
+            };
+            return /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c("div", { "aria-invalid": !!n, className: "ttw:flex ttw:border ttw:border-border ttw:rounded-md ttw:h-8 ttw:w-56 ttw:aria-invalid:border-destructive", children: [
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "mo", "data-active": a === "mo", onClick: () => u("mo"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Mo") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "tu", "data-active": a === "tu", onClick: () => u("tu"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Tu") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "we", "data-active": a === "we", onClick: () => u("we"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("We") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "th", "data-active": a === "th", onClick: () => u("th"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Th") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "fr", "data-active": a === "fr", onClick: () => u("fr"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Fr") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "sa", "data-active": a === "sa", onClick: () => u("sa"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:border-r ttw:border-border ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Sa") }),
+              /* @__PURE__ */ e("button", { type: "button", "aria-pressed": a === "su", "data-active": a === "su", onClick: () => u("su"), className: "ttw:hover:cursor-pointer ttw:transition-colors ttw:hover:bg-muted ttw:data-[active=true]:bg-muted ttw:text-sm ttw:font-medium ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center", children: t._("Su") })
+            ] }) }) });
+          } })
+        ] });
+    }
+  }, L = () => {
+    switch (i) {
+      case "once":
+      default:
+        return null;
+      case "day":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_end_mode", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (a) => {
+            r.onChange(a), a === "after" ? l("recurrence_end_date", void 0, {
+              shouldDirty: !1
+            }) : l("recurrence_max_occurrences", void 0, {
+              shouldDirty: !1
+            });
+          }, children: [
+            /* @__PURE__ */ e(k, { id: "recurrence_end_mode", className: "ttw:w-21", "aria-invalid": !!n, children: /* @__PURE__ */ e(C, {}) }),
+            /* @__PURE__ */ c(S, { children: [
+              /* @__PURE__ */ e(d, { value: "after", children: t._("After") }),
+              /* @__PURE__ */ e(d, { value: "on", children: t._("On") })
+            ] })
+          ] }) }) }) }),
+          V === "on" ? /* @__PURE__ */ e(m, { control: o, name: "recurrence_end_date", render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, disabled: I, "aria-invalid": !!n, startMonth: y ? new Date(y.getFullYear(), y.getMonth(), 1) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11) }) }) }) }) : /* @__PURE__ */ c(p, { children: [
+            /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
+              field: r,
+              fieldState: {
+                error: n
+              }
+            }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
+            /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: v ? t._("day") : t._("days") })
+          ] })
+        ] });
+      case "month":
+      case "quarter":
+      case "year":
+      case "week":
+        return /* @__PURE__ */ c(p, { children: [
+          /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("and end after") }),
+          /* @__PURE__ */ e(m, { name: "recurrence_max_occurrences", control: o, render: ({
+            field: r,
+            fieldState: {
+              error: n
+            }
+          }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ e(E, { ...r, className: "ttw:w-16", value: r.value ?? "", type: "number", min: 0, max: 1e3, onKeyDown: $, "aria-invalid": !!n }) }) }) }),
+          /* @__PURE__ */ c(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: [
+            i === "month" && (v ? t._("month") : t._("months")),
+            i === "quarter" && (v ? t._("quarter") : t._("quarters")),
+            i === "week" && (v ? t._("week") : t._("weeks")),
+            i === "year" && (v ? t._("year") : t._("years"))
+          ] })
+        ] });
+    }
+  };
+  return /* @__PURE__ */ c("section", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Repeat this invoice") }),
+      /* @__PURE__ */ e(m, { name: "frequency", control: o, render: ({
+        field: r
+      }) => /* @__PURE__ */ e(h, { className: "ttw:w-fit", children: /* @__PURE__ */ e(_, { className: "ttw:grow-0", children: /* @__PURE__ */ c(D, { value: r.value, onValueChange: (n) => {
+        f(F), F.forEach((a) => {
+          l(a, void 0, {
+            shouldDirty: !1
+          });
+        }), G.includes(n) ? (l("payment_terms_id", z, {
+          shouldDirty: !0
+        }), l("payment_terms_custom_date", null, {
+          shouldDirty: !1
+        }), l("payment_reminder_id", "", {
+          shouldDirty: !0
+        })) : n !== "once" && R === B && (l("payment_terms_id", "", {
+          shouldDirty: !0
+        }), l("payment_terms_custom_date", null, {
+          shouldDirty: !1
+        })), r.onChange(n);
+      }, children: [
+        /* @__PURE__ */ e(k, { id: "frequency", className: "ttw:w-31", children: /* @__PURE__ */ e(C, {}) }),
+        /* @__PURE__ */ c(S, { children: [
+          /* @__PURE__ */ e(d, { value: "once", children: t._("Once") }),
+          /* @__PURE__ */ e(d, { value: "day", children: t._("Daily") }),
+          /* @__PURE__ */ e(d, { value: "week", children: t._("Weekly") }),
+          /* @__PURE__ */ e(d, { value: "month", children: t._("Monthly") }),
+          /* @__PURE__ */ e(d, { value: "quarter", children: t._("Quarterly") }),
+          /* @__PURE__ */ e(d, { value: "year", children: t._("Annually") })
+        ] })
+      ] }) }) }) }),
+      H()
+    ] }),
+    i !== "once" && /* @__PURE__ */ c("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
+      /* @__PURE__ */ e(w, { variant: "body2", color: "muted", className: "ttw:text-nowrap", children: t._("Start on") }),
+      /* @__PURE__ */ e(m, { control: o, name: "recurrence_start_date", render: ({
+        field: r,
+        fieldState: {
+          error: n
+        }
+      }) => /* @__PURE__ */ e(h, { className: "ttw:grow-0 ttw:w-44", children: /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(j, { ...r, selected: r.value ? new Date(r.value) : void 0, onSelect: r.onChange, showOutsideDays: !1, shouldDisableButton: i === "week" && !x, disabled: O, "aria-invalid": !!n, startMonth: /* @__PURE__ */ new Date(), endMonth: b ? new Date(b.getFullYear(), b.getMonth(), 1) : new Date(2050, 11) }) }) }) }),
+      L()
+    ] }),
+    ["month", "quarter", "year"].includes(i) && /* @__PURE__ */ e(w, { variant: "caption", color: "muted", children: t._("If the issue day doesn't exist in a given month, e.g., the 31st, then the invoice will be sent on the last day of that month.") })
+  ] });
 };
 export {
-  z as InvoiceRecurrenceIterationStatusChip
+  ie as RecurrenceSection
 };

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

@@ -1,69 +1,52 @@
-import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
-import { MeasureUnitsFormRow as f } from "./index453.js";
-import { ConfirmDeleteMeasureUnitDialog as j } from "./index454.js";
-import { TableActions as z } from "./index455.js";
-import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index293.js";
-import { useLingui as I } from "@lingui/react";
-import { Loader2 as b, Search as S } from "lucide-react";
-import { useState as m, useCallback as w } from "react";
-import "./index59.js";
-import "react-hot-toast";
-import { useGetMeasureUnits as _ } from "./index212.js";
-import { useDeleteMeasureUnit as y } from "./index433.js";
-import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index103.js";
-import { useDebounceCallback as R } from "./index67.js";
-const at = () => {
+import { useEffect as m, useMemo as f } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = 100, h = (s, g = !0) => {
   const {
-    i18n: i
-  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
-    data: C,
-    isLoading: M
-  } = _(), n = y(a?.name), $ = R((t) => {
-    N(t);
-  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
-    c(t);
-  }, []), o = w(() => {
-    c(null);
-  }, []), U = w(() => {
-    a && n.mutate({
-      path: {
-        unit_id: a.id
+    api: u
+  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: p
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
       }
-    }, {
-      onSuccess: () => o()
-    });
-  }, [n, a, o]), p = n.isPending, v = () => {
-    s(null);
+    },
+    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
   };
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
-    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
-      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
-      /* @__PURE__ */ r(F, { children: [
-        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
-      ] }),
-      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
-        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
-          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
-          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
-        ] }) }),
-        /* @__PURE__ */ r(G, { children: [
-          /* @__PURE__ */ e(f, { isEditMode: !1 }),
-          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
-            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
-            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
-              isUpdateAllowed: !0,
-              isDeleteAllowed: !0
-            }, onEdit: () => s(t), onDelete: () => L(t) }) })
-          ] }, t.id))
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
-  ] });
 };
 export {
-  at as ManageMeasureUnitsForm
+  h as useGetEmbeddedBankAccounts
 };

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

@@ -1,30 +1,52 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
-import { twMerge as d } from "tailwind-merge";
-const p = ({
-  isAllStatus: s,
-  data: w,
-  amountOfItems: i,
-  selected: l,
-  onClick: n,
-  formatAmount: a,
-  statusChip: r,
-  allItemsText: o
-}) => {
+import { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const l = 100, h = (s, g = !0) => {
   const {
-    i18n: c
-  } = m();
-  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
-  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
-      r,
-      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
-    ] }),
-    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
-  ] }) });
+    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 StatusCard
+  h as useGetExternalBankAccounts
 };