@tesouro/embedded-components-react 0.2.29 → 0.2.30

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

@@ -1,130 +1,173 @@
-import { jsxs as r, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
-import { AccordionTrigger as g, AccordionContent as x } from "./index273.js";
-import { Badge as b } from "./index270.js";
-import { Button as v } from "./index86.js";
-import { useLingui as f } from "@lingui/react";
-import { Calendar as N, Bell as R } from "lucide-react";
-import { twMerge as j } from "tailwind-merge";
+import { useGetFinanceOffers as T } from "./index373.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 "./index59.js";
-import { useState as I } from "react";
-import "date-fns";
-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 "clsx";
-import "@radix-ui/react-dropdown-menu";
-import { useGetPaymentReminderById as C } from "./index408.js";
-import { useGetOverdueReminderById as D } from "./index411.js";
 import "./index94.js";
+import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
-import "react-hook-form";
-import { PreviewEmail as T } from "./index359.js";
-import { Dialog as B, DialogContent as L, DialogDescription as $ } from "./index188.js";
-import { getDefaultContact as k } from "./index357.js";
-import { useCounterpartById as O } from "./index72.js";
-import { useCounterpartContactList as S } from "./index76.js";
-const p = ({
-  term: a,
-  isLastTerm: o,
-  invoiceId: c
-}) => {
-  const {
-    i18n: d
-  } = f(), [i, w] = I(!1);
-  return /* @__PURE__ */ r("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ r("div", { className: j("ttw:flex ttw:flex-col ttw:gap-1", o ? "ttw:pt-0" : "ttw:pt-2 ttw:justify-end ttw:items-center"), children: [
-        /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
-        !o && /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-      ] }),
-      /* @__PURE__ */ e("span", { className: "ttw:text-text ttw:text-sm ttw:font-normal ttw:leading-5", children: a.reminderTerm })
-    ] }),
-    /* @__PURE__ */ e(v, { variant: "link", onClick: () => w(!0), children: d._("View email") }),
-    i && /* @__PURE__ */ e(B, { open: i, onOpenChange: w, children: /* @__PURE__ */ r(L, { fullScreen: !0, children: [
-      /* @__PURE__ */ e(T, { invoiceId: c, body: a.body, subject: a.subject }),
-      /* @__PURE__ */ e($, { hidden: !0, children: d._("Email preview") })
-    ] }) })
-  ] });
-}, ce = ({
-  paymentReminderId: a,
-  overdueReminderId: o,
-  invoiceId: c,
-  counterpartId: d
-}) => {
+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 {
-    i18n: i
-  } = f(), {
-    data: w
-  } = S(d), {
-    data: u
-  } = O(d), {
+    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
-  } = C(a), {
-    data: y
-  } = D(o), _ = k(w, u), s = [...t?.term_1_reminder ? [{
-    body: t?.term_1_reminder?.body,
-    subject: t?.term_1_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_1_reminder.days_before,
-      paymentReminder1: t?.term_1_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-1"
-  }] : [], ...t?.term_2_reminder ? [{
-    body: t?.term_2_reminder?.body,
-    subject: t?.term_2_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_2_reminder.days_before,
-      paymentReminder1: t?.term_2_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-2"
-  }] : [], ...t?.term_final_reminder ? [{
-    body: t?.term_final_reminder?.body,
-    subject: t?.term_final_reminder?.subject,
-    reminderTerm: i._("{paymentReminder} {paymentReminder1} before", {
-      paymentReminder: t?.term_final_reminder.days_before,
-      paymentReminder1: t?.term_final_reminder?.days_before === 1 ? "day" : "days"
-    }),
-    id: "payment-3"
-  }] : []], m = y?.terms?.map((n, l) => ({
-    body: n?.body,
-    subject: n?.subject,
-    reminderTerm: i._("{termDays_after} {term} after", {
-      termDays_after: n.days_after,
-      term: n?.days_after === 1 ? "day" : "days"
-    }),
-    id: `overdue-${l + 1}`
-  })) ?? [];
-  return /* @__PURE__ */ r(h, { children: [
-    /* @__PURE__ */ e(g, { className: "ttw:hover:no-underline ttw:group", children: /* @__PURE__ */ r("span", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "ttw:group-hover:underline", children: i._("Reminder emails") }),
-      s?.length + m?.length > 0 && /* @__PURE__ */ e(b, { variant: "secondary", className: "ttw:h-5 ttw:min-w-5 ttw:rounded-full ttw:px-1 ttw:tabular-nums", children: s?.length + m?.length })
-    ] }) }),
-    /* @__PURE__ */ r(x, { className: "ttw:flex ttw:gap-6", children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5 ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Recipients") }),
-        /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: _?.email ?? "-" })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
-        /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: i._("Scheduled reminders") }),
-        /* @__PURE__ */ r("ul", { children: [
-          s?.length > 0 && s.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: m.length > 0 ? !1 : l === s.length - 1, invoiceId: c }, n.id)),
-          m.length > 0 && /* @__PURE__ */ e("li", { className: "ttw:flex ttw:gap-1 ttw:items-center ttw:justify-between", children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-            /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:justify-end ttw:items-center ttw:gap-1 ttw:pt-2", children: [
-              /* @__PURE__ */ e(N, { className: "ttw:size-4 ttw:text-neutral" }),
-              /* @__PURE__ */ e("div", { className: "ttw:w-px ttw:h-1.5 ttw:bg-neutral" })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-neutral ttw:text-sm ttw:font-normal ttw:leading-5", children: i._("Due date") })
-          ] }) }),
-          m?.length > 0 && m.map((n, l) => /* @__PURE__ */ e(p, { term: n, isLastTerm: l === m.length - 1, invoiceId: c }, n.id))
-        ] })
-      ] })
-    ] })
-  ] });
+  } = 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 {
-  ce as InvoiceDetailsOverviewReminders
+  s as FinancialApplicationState,
+  ae as useFinancing
 };

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

@@ -1,18 +1,136 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { cn as o } from "./index102.js";
-function e({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card", className: o("ttw:bg-card ttw:text-card-foreground ttw:flex ttw:flex-col ttw:gap-6 ttw:rounded-xl ttw:border ttw:py-6 ttw:shadow-sm", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ r("div", { "data-slot": "card-content", className: o("ttw:px-6", t), ...a });
-}
+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 "./index263.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 {
+    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 {
-  e as Card,
-  n as CardContent
+  Q as FinanceDetails
 };

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

@@ -1,41 +1,164 @@
-const e = (a, r) => {
-  switch (a) {
-    case "sepa_credit":
-      return r._("SEPA Credit");
-    case "us_ach":
-      return r._("US ACH");
-    case "blik":
-      return r._("BLIK");
-    case "card":
-      return r._("Card payment");
-    case "bacs_direct_debit":
-      return r._("Bacs Direct Debit");
-    case "bancontact":
-      return r._("Bancontact");
-    case "eps":
-      return r._("EPS");
-    case "giropay":
-      return r._("Giropay");
-    case "ideal":
-      return r._("iDEAL");
-    case "p24":
-      return r._("Przelewy24");
-    case "sepa_debit":
-      return r._("SEPA Debit");
-    case "sofort":
-      return r._("SOFORT");
-    case "applepay":
-      return r._("Apple Pay");
-    case "googlepay":
-      return r._("Google Pay");
-    case "affirm":
-      return r._("Affirm");
-    case "klarna":
-      return r._("Klarna");
-    default:
-      return r._("Unknown payment method");
-  }
+import { jsx as t, jsxs as $ } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as z } from "./index366.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 "./index368.js";
+import { MoniteScopedProviders as K } from "./index85.js";
+import { ReceivableCursorFields as V } from "./index168.js";
+import { GetNoRowsOverlay as Y } from "./index159.js";
+import { Dialog as Z } from "./index52.js";
+import { TablePagination as J } from "./index88.js";
+import { classNames as Q } from "./index173.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: 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) : "-";
+    }
+  }, {
+    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);
+      } }),
+      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 {
-  e as getPaymentMethodName
+  Re as FinancedInvoicesTable
 };