@tesouro/embedded-components-react 0.2.26 → 0.2.27

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

@@ -1,24 +1,173 @@
-import _ from "@mui/icons-material/Cancel";
-import t from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const i = "search", s = "created_at", A = "created_by", E = {
-  active: "success",
-  deleted: "error",
-  pending: "warning"
-}, n = (e) => ({
-  active: e._("Active"),
-  deleted: e._("Deleted"),
-  pending: e._("Pending")
-}), o = {
-  active: a,
-  deleted: _,
-  pending: t
+import { useGetFinanceOffers as T } from "./index372.js";
+import { useGetFinancingConnectToken as P } from "./index489.js";
+import { useKanmonContext as b } from "./index58.js";
+import { useMoniteContext as h } from "./index59.js";
+import { useLingui as k } from "@lingui/react";
+import { useState as U, useEffect as V } from "react";
+import "react-hot-toast";
+import "./index94.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useComponentSettings as w } from "./index69.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useMyEntity as G } from "./index80.js";
+import x from "react-script-hook";
+const W = "https://cdn.sandbox.kanmon.dev/scripts/v2/kanmon-connect.js", L = "https://cdn.kanmon.dev/scripts/v2/kanmon-connect.js", s = {
+  INIT: "init",
+  IN_PROGRESS: "in_progress",
+  PENDING_APPROVAL: "pending_approval",
+  NO_OFFERS_AVAILABLE: "no_offers",
+  SERVICING: "servicing",
+  APPROVED: "approved",
+  OFFER_ACCEPTED: "offer_accepted",
+  OFFERS_EXPIRED: "offers_expired"
+}, ae = () => {
+  const {
+    apiUrl: _,
+    api: i,
+    queryClient: c,
+    entityId: E
+  } = h(), {
+    isKanmonInitialized: d,
+    toggleKanmon: f,
+    handleButtonText: a,
+    buttonText: R
+  } = b(), {
+    onboardingCallbacks: y
+  } = w(), {
+    i18n: o
+  } = k(), l = P(), {
+    data: t
+  } = T(), {
+    isUSEntity: u
+  } = G(), I = (() => {
+    switch (t?.business_status) {
+      case "NEW":
+      default:
+        return s.INIT;
+      case "INPUT_REQUIRED":
+        return s.IN_PROGRESS;
+      case "ONBOARDED":
+        return t?.offers?.length === 0 ? s.PENDING_APPROVAL : t?.offers?.[0]?.status === "NEW" ? s.APPROVED : t?.offers?.[0]?.status === "EXPIRED" ? s.OFFERS_EXPIRED : t?.offers?.[0]?.status === "ACCEPTED" ? s.OFFER_ACCEPTED : s.SERVICING;
+    }
+  })(), F = (() => {
+    try {
+      const e = new URL(_);
+      return !["api.dev.monite.com", "api.sandbox.monite.com"].includes(e.hostname);
+    } catch {
+      return !0;
+    }
+  })() ? L : W, [p] = x({
+    src: F
+  }), [N, m] = U(!1), g = (e) => {
+    const n = {
+      type: "receivable",
+      status: "NEW",
+      invoice_id: e?.platformInvoiceId,
+      document_id: e?.platformInvoiceNumber,
+      due_date: e?.invoiceDueDate,
+      issue_date: e?.invoiceIssuedDate,
+      total_amount: e?.invoiceAmountCents,
+      currency: "USD",
+      payer_type: e?.payorType,
+      payer_business_name: e?.payorBusinessName,
+      payer_first_name: e?.payorFirstName,
+      payer_last_name: e?.payorLastName,
+      requested_amount: e?.amountRequestedForFinancingCents,
+      principal_amount: e?.principalAmountCents,
+      repayment_amount: e?.repaymentAmountCents,
+      advance_amount: e?.invoiceAdvanceAmountCents,
+      advance_rate_percentage: e?.advanceRatePercentage * 100,
+      fee_amount: e?.feeAmountCents,
+      fee_percentage: e?.transactionFeePercentage * 100,
+      repayment_schedule: {
+        repayment_date: e?.repaymentSchedule?.schedule?.[0]?.repaymentDate,
+        repayment_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentAmountCents,
+        repayment_fee_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentFeeAmountCents,
+        repayment_principal_amount: e?.repaymentSchedule?.schedule?.[0]?.repaymentPrincipalAmountCents
+      }
+    };
+    i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
+      query: {
+        type: "receivable",
+        invoice_id: e?.platformInvoiceId
+      }
+    }), (r) => ({
+      ...r,
+      data: [n]
+    }), c), i.finops.getFinancingInvoices.setQueryData(i.finops.getFinancingInvoices.getQueryKey({
+      query: {}
+    }), (r) => {
+      const S = r?.data ? r.data : [];
+      return {
+        ...r,
+        data: [n, ...S]
+      };
+    }, c);
+  }, C = ({
+    connectToken: e
+  }) => {
+    window?.KANMON_CONNECT?.start({
+      connectToken: e,
+      onEvent: (n) => {
+        if (!(n.eventType !== "USER_STATE_CHANGED" && n.eventType !== "USER_CONFIRMED_INVOICE"))
+          if (n.eventType === "USER_CONFIRMED_INVOICE")
+            g(n.data.invoice);
+          else {
+            switch (n.data.userState) {
+              case "START_FLOW":
+                a(o._("Apply for financing"));
+                break;
+              case "USER_INPUT_REQUIRED":
+                n.data.section === "OFFER" ? a(o._("Review terms and sign")) : a(o._("Resume application"));
+                break;
+              case "WAITING_FOR_OFFERS":
+                a(""), (t?.business_status === "INPUT_REQUIRED" || t?.business_status === "NEW") && y.onWorkingCapitalOnboardingComplete?.(E);
+                break;
+              case "OFFERS_EXPIRED":
+              case "NO_OFFERS_EXTENDED":
+                a("");
+                break;
+              case "SERVICING":
+                a(o._("Financing menu")), t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "NEW" && window.localStorage.setItem("isFinanceTabNew", "true");
+                break;
+              case "VIEW_OFFERS":
+              case "OFFER_ACCEPTED":
+                a(o._("Review terms and sign"));
+                break;
+            }
+            i.finops.getFinancingOffers.invalidateQueries(c);
+          }
+      }
+    });
+  };
+  V(() => {
+    !d && !p && u && (async () => {
+      m(!0);
+      try {
+        const e = await l.mutateAsync();
+        C({
+          connectToken: e.connect_token
+        }), f(!0);
+      } catch {
+      } finally {
+        m(!1);
+      }
+    })();
+  }, [p, u]);
+  const O = p || N, v = u, A = t?.business_status === "ONBOARDED" && t?.offers?.[0]?.status === "CURRENT", D = t?.offers?.[0];
+  return {
+    buttonText: R,
+    applicationState: I,
+    offer: D,
+    isLoading: O,
+    isEnabled: v,
+    isServicing: A
+  };
 };
 export {
-  o as APPROVAL_STATUS_TO_MUI_ICON_MAP,
-  s as FILTER_TYPE_CREATED_AT,
-  A as FILTER_TYPE_CREATED_BY,
-  i as FILTER_TYPE_SEARCH,
-  E as ROW_TO_STATUS_MUI_MAP,
-  n as getRowToStatusTextMap
+  s as FinancialApplicationState,
+  ae as useFinancing
 };

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

@@ -1,46 +1,136 @@
-import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useApprovalPolicyTrigger as l } from "./index443.js";
-import { ColumnList as s } from "./index444.js";
-import { UBuilding as n } from "./index445.js";
-import { ULabel as c } from "./index446.js";
-import { UMoneyBill as m } from "./index447.js";
-import { UUserCircle as p } from "./index448.js";
-const U = ({
-  approvalPolicy: o
+import { jsxs as r, Fragment as R, jsx as t } from "@emotion/react/jsx-runtime";
+import { FinancedInvoiceStatusChip as T } from "./index56.js";
+import { InvoiceStatusChip as N } from "./index57.js";
+import { INVOICE_DOCUMENT_AUTO_ID as w } from "./index254.js";
+import { useKanmonContext as A } from "./index58.js";
+import { useMoniteContext as P } from "./index59.js";
+import { useCurrencies as j } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as O } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useTheme as U, Box as i, Typography as a, darken as d, Divider as f, Button as $ } from "@mui/material";
+const Q = ({
+  invoice: s,
+  offers: g,
+  financedInvoice: e,
+  enableNavigate: u = !1,
+  handleNavigate: m
 }) => {
   const {
-    triggers: a,
-    getTriggerName: e
-  } = l({
-    approvalPolicy: o
-  });
-  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
-    switch (r) {
-      case "amount":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(m, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "was_created_by_user_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(p, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "counterpart_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(n, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "tags":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(c, { width: 18 }),
-          e(r)
-        ] }, r);
-      default:
-        return null;
-    }
-  }) }) : null;
+    i18n: n
+  } = O(), {
+    locale: x
+  } = P(), {
+    startFinanceSession: b
+  } = A(), {
+    formatCurrencyToDisplay: c
+  } = j(), o = U(), y = x.dateFormat, h = e ? n.date(e.issue_date, y) : "—", v = e ? c(e.total_amount, e.currency) : "-", l = g?.[0]?.pricing_plans?.reduce((_, p, W) => (p?.fee_percentage === e?.fee_percentage && p?.advance_rate_percentage === e?.advance_rate_percentage && (_ = {
+    pricingPlanIndex: W,
+    data: p
+  }), _), null), D = e?.repayment_schedule?.repayment_date ? n.date(e.repayment_schedule.repayment_date, y) : "—", C = e?.advance_amount ? c(e.advance_amount, e.currency) : "-", F = e?.fee_amount ? c(e.fee_amount, e.currency) : "-", I = e?.repayment_amount ? c(e.repayment_amount, e.currency) : "-", E = e?.status === "REJECTED" || e?.status === "NEW", S = e?.status === "FUNDED" || e?.status === "LATE";
+  return /* @__PURE__ */ r(R, { children: [
+    /* @__PURE__ */ r(i, { sx: {
+      p: 4,
+      display: "flex",
+      flexDirection: "column",
+      gap: 4
+    }, children: [
+      /* @__PURE__ */ t(a, { variant: "h3", children: n._("Funding details") }),
+      /* @__PURE__ */ r(i, { children: [
+        /* @__PURE__ */ t(a, { variant: "h2", fontWeight: 600, fontSize: 32, children: v }),
+        /* @__PURE__ */ t(a, { fontWeight: 500, variant: "body1", children: n._("{issueDate}", {
+          issueDate: h
+        }) })
+      ] }),
+      /* @__PURE__ */ r(i, { sx: {
+        display: "flex",
+        gap: 3
+      }, children: [
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Financing plan {value}", {
+            value: (l?.pricingPlanIndex ?? 0) + 1
+          }) }),
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{value}% advance rate, Pay in {pricingPlan} days, {value1}% fee", {
+            value: (l?.data?.advance_rate_percentage ?? 0) / 100,
+            pricingPlan: l?.data?.repayment_duration_days,
+            value1: (l?.data?.fee_percentage ?? 0) / 100
+          }) })
+        ] }),
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Repayment on") }),
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{repaymentDate}", {
+            repaymentDate: D
+          }) })
+        ] }),
+        /* @__PURE__ */ r(i, { width: "100%", children: [
+          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Status") }),
+          /* @__PURE__ */ t(T, { icon: !0, status: e?.status ?? "DEFAULTED" })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(f, {}),
+      /* @__PURE__ */ r(i, { sx: {
+        display: "grid",
+        gridTemplateColumns: "minmax(140px, auto) 1fr",
+        flexDirection: "column",
+        rowGap: 1,
+        columnGap: 2
+      }, children: [
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("{isRequestedSum}", {
+          isRequestedSum: E ? "Requested sum" : "Received sum"
+        }) }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: C }),
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Service Fee") }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: F }),
+        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Repayment sum") }),
+        /* @__PURE__ */ t(a, { variant: "body1", children: I })
+      ] }),
+      /* @__PURE__ */ t(f, {}),
+      /* @__PURE__ */ r(i, { sx: {
+        borderRadius: "16px",
+        px: 3,
+        py: 2.5,
+        border: `1px solid ${o.palette.divider}`,
+        display: "flex",
+        gap: 2,
+        justifyContent: "space-between",
+        alignItems: "center",
+        cursor: u ? "pointer" : "default"
+      }, ...u && m && {
+        onClick: () => m(s.id)
+      }, children: [
+        /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 500, children: n._("Invoice {invoiceDocument_id}", {
+            invoiceDocument_id: s.document_id || w
+          }) }),
+          /* @__PURE__ */ t(a, { color: o.palette.text.secondary, variant: "body2", children: n._("For {invoiceAmount} | Issued {issueDate}", {
+            invoiceAmount: v,
+            issueDate: h
+          }) })
+        ] }),
+        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(N, { status: s.status }) })
+      ] })
+    ] }),
+    S && /* @__PURE__ */ t(i, { sx: {
+      mt: "auto",
+      borderTop: `1px solid ${o.palette.divider}`,
+      px: 4,
+      py: 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end"
+    }, children: /* @__PURE__ */ t($, { variant: "contained", color: "primary", onClick: () => b({
+      component: "PAY_NOW"
+    }), sx: {
+      py: 1.25,
+      px: 1.5,
+      height: 32,
+      fontSize: 14,
+      ml: "auto"
+    }, children: n._("Repay now") }) })
+  ] });
 };
 export {
-  U as ApprovalPoliciesTriggers
+  Q as FinanceDetails
 };

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

@@ -1,59 +1,164 @@
-import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
-import { useState as c, useMemo as u } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as E } from "./index94.js";
-import { useDebounceCallback as x, useDebounce as N } from "./index67.js";
-import { useLingui as v } from "@lingui/react";
-import { X as T } from "lucide-react";
-import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as _ } from "./index364.js";
-const C = 500, F = (t) => {
-  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
-  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
-}, L = ({
-  onChange: t
+import { jsx as t, jsxs as $ } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as z } from "./index365.js";
+import { ScopedCssBaselineContainerClassName as G } from "./index106.js";
+import { FinancedInvoiceStatusChip as k } from "./index56.js";
+import { useMoniteContext as A } from "./index59.js";
+import "react-hot-toast";
+import { useLingui as E } from "@lingui/react";
+import { useKanmonContext as L } from "./index58.js";
+import { useCurrencies as B } from "./index60.js";
+import { useState as r, useMemo as W } from "react";
+import "./index94.js";
+import { defaultCounterpartColumnWidth as j, useAutosizeGridColumns as U } from "./index64.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useGetReceivableById as q } from "./index84.js";
+import "react-script-hook";
+import { useGetFinancedInvoices as H } from "./index367.js";
+import { MoniteScopedProviders as K } from "./index85.js";
+import { ReceivableCursorFields as V } from "./index173.js";
+import { GetNoRowsOverlay as Y } from "./index164.js";
+import { Dialog as Z } from "./index52.js";
+import { TablePagination as J } from "./index88.js";
+import { classNames as Q } from "./index178.js";
+import { Typography as c, Button as X, Box as ee } from "@mui/material";
+import { DataGrid as ae } from "@mui/x-data-grid";
+const Re = (s) => /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(te, { ...s }) }), te = ({
+  onRowClick: s,
+  query: u,
+  offers: x
 }) => {
   const {
-    i18n: e
-  } = v(), {
-    api: n
-  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
-    data: d
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: b || void 0
+    i18n: a
+  } = E(), {
+    locale: b,
+    componentSettings: f
+  } = A(), {
+    startFinanceSession: h
+  } = L(), [F, g] = r(!1), [n, _] = r(null), {
+    data: v
+  } = q(n?.invoice_id ?? "", !!n?.invoice_id), [y, w] = r(void 0), [C, I] = r(f.receivables.pageSizeOptions?.[0] ?? 10), [R, M] = r({
+    field: u?.sort ?? "created_at",
+    sort: u?.order ?? "desc"
+  }), {
+    formatCurrencyToDisplay: l
+  } = B(), {
+    data: d,
+    isLoading: N,
+    isError: O,
+    refetch: T
+  } = H({
+    order: R?.sort,
+    limit: C,
+    pagination_token: y
+  }), m = d?.data, D = (e) => {
+    M(e[0]), w(void 0);
+  }, p = b.dateFormat, S = W(() => [{
+    field: "document_id",
+    headerName: a._("Number"),
+    sortable: !1,
+    width: 140,
+    renderCell: ({
+      value: e
+    }) => e ? /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: e }) : /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: /* @__PURE__ */ t(c, { color: "text.secondary", component: "span", fontSize: "inherit", children: a._("INV-auto") }) })
+  }, {
+    field: "payer_type",
+    headerName: a._("Customer"),
+    display: "flex",
+    width: j,
+    renderCell: (e) => /* @__PURE__ */ t(c, { children: e.row.payer_type == "BUSINESS" ? e.row.payer_business_name : `${e.row.payer_first_name} ${e.row.payer_last_name}` })
+  }, {
+    field: "status",
+    headerName: a._("Status"),
+    sortable: V.includes("status"),
+    width: 160,
+    renderCell: ({
+      value: e
+    }) => /* @__PURE__ */ t(k, { icon: !0, status: e })
+  }, {
+    field: "total_amount",
+    headerName: a._("Amount due"),
+    headerAlign: "right",
+    align: "right",
+    width: 120,
+    valueGetter: (e, i) => {
+      const o = i.repayment_schedule?.repayment_amount;
+      return o ? l(o, i.currency) : "-";
     }
-  }), w = u(() => d?.data ?? [], [d]), i = u(() => w.map((o) => ({
-    value: o.id,
-    label: F(o)
-  })), [w]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
-  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
-    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
-    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
-  } });
-}, q = ({
-  onChangeFilter: t
-}) => {
-  const {
-    i18n: e
-  } = v(), {
-    root: n
-  } = E(), [r, l] = c(void 0), m = x((a) => {
-    t(k, a.trim() ? a : null);
-  }, C);
-  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
-    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
-    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
-    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
-      /* @__PURE__ */ s(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
-        l(a), t(_, a ?? null);
+  }, {
+    field: "repayment_schedule",
+    headerName: a._("Loan sum"),
+    headerAlign: "right",
+    align: "right",
+    width: 120,
+    valueGetter: (e, i) => {
+      const o = i.repayment_schedule?.repayment_principal_amount;
+      return o ? l(o, i.currency) : "-";
+    }
+  }, {
+    field: "issue_date",
+    headerName: a._("Financing date"),
+    sortable: !1,
+    width: 140,
+    valueFormatter: (e) => e ? a.date(e, p) : "—"
+  }, {
+    field: "repayment_date",
+    headerName: a._("Repayment date"),
+    sortable: !1,
+    width: 120,
+    valueGetter: (e, i) => {
+      const o = i.repayment_schedule?.repayment_date;
+      return o ? a.date(o, p) : "-";
+    }
+  }, {
+    field: "",
+    headerName: a._("Payment"),
+    sortable: !1,
+    width: 120,
+    renderCell: (e) => e.row.status === "FUNDED" || e.row.status === "LATE" ? /* @__PURE__ */ t(X, { variant: "contained", color: "primary", onClick: (i) => {
+      i.stopPropagation(), h({
+        component: "PAY_NOW"
+      });
+    }, sx: {
+      py: 1.25,
+      px: 1.5,
+      height: 32,
+      fontSize: 14
+    }, children: a._("Repay now") }) : null
+  }], [l, a, p, h]), P = U(
+    m,
+    S,
+    !1,
+    // eslint-disable-next-line lingui/no-unlocalized-strings
+    "FinancedInvoicesTable"
+  );
+  return /* @__PURE__ */ $(ee, { className: Q(G, "Monite-FinancedInvoicesTable"), sx: {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    height: "inherit",
+    minHeight: "500px"
+  }, children: [
+    /* @__PURE__ */ t(c, { mb: 2, variant: "subtitle1", children: a._("Financed invoices") }),
+    /* @__PURE__ */ t(ae, { apiRef: P, rowSelection: !1, disableColumnFilter: !0, loading: N, onSortModelChange: D, onRowClick: (e) => {
+      g(!0), _?.(e.row);
+    }, slots: {
+      pagination: () => /* @__PURE__ */ t(J, { pageSizeOptions: f.receivables.pageSizeOptions, nextPage: d?.next_pagination_token, prevPage: d?.prev_pagination_token, paginationModel: {
+        pageSize: C,
+        page: y
+      }, onPaginationModelChange: ({
+        page: e,
+        pageSize: i
+      }) => {
+        I(i), w(e ?? void 0);
       } }),
-      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
-        l(void 0), t(_, null);
-      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
-    ] })
+      noRowsOverlay: () => /* @__PURE__ */ t(Y, { isLoading: N, dataLength: m?.length || 0, isFiltering: !1, isSearching: !1, isError: O, refetch: T, entityName: a._("Financed Invoices"), actionOptions: [a._("Invoice")], type: "no-data" })
+    }, columns: S, getRowId: (e) => e.document_id, rows: m ?? [] }),
+    v && n && /* @__PURE__ */ t(Z, { open: F, onClose: () => {
+      g(!1), _(null);
+    }, alignDialog: "right", children: /* @__PURE__ */ t(z, { invoice: v, offers: x ?? [], financedInvoice: n, enableNavigate: !0, handleNavigate: s }) })
   ] });
 };
 export {
-  q as Filters
+  Re as FinancedInvoicesTable
 };