@tesouro/embedded-components-react 0.2.74 → 0.2.75

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

@@ -1,41 +1,62 @@
-import { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { Switch as g } from "./index385.js";
-import { useState as v } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { Typography as l } from "./index85.js";
-import { ReminderBeforeDueDate as b } from "./index412.js";
-import { ReminderOverdue as N } from "./index413.js";
-import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index187.js";
-const I = ({
-  disabled: a
+import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as _ } from "./index342.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 "date-fns";
+import "react-script-hook";
+import { useGetFinancedInvoices as T } from "./index344.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
 }) => {
   const {
     i18n: i
-  } = y(), {
-    watch: t,
-    setValue: d
-  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== D, [m, _] = v(o || w);
-  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
-        s || (d("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), d("overdue_reminder_id", "", {
-          shouldDirty: !0
-        })), _(s);
-      }, "aria-label": i._("Payment reminders") }),
-      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
-    ] }),
-    m && /* @__PURE__ */ r(h, { children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
-        f && /* @__PURE__ */ e(b, { disabled: a }),
-        /* @__PURE__ */ e(N, { disabled: a })
+  } = 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(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
-    ] })
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { icon: !0, status: g ?? "DEFAULTED" }) })
+    ] }),
+    /* @__PURE__ */ e(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: t }) })
   ] });
 };
 export {
-  I as RemindersSection
+  K as FinanceOverviewCard
 };

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

@@ -1,30 +1,10 @@
-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 { useMoniteContext as n } from "./index57.js";
+const t = () => {
   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: e
+  } = n();
+  return e.finops.getFinancingOffers.useQuery();
 };
 export {
-  p as StatusCard
+  t as useGetFinanceOffers
 };

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

@@ -1,129 +1,13 @@
-import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
-const v = [{
-  value: "today",
-  label: "Today",
-  group: "Current"
-}, {
-  value: "this_week",
-  label: "This week",
-  group: "Current"
-}, {
-  value: "this_month",
-  label: "This month",
-  group: "Current"
-}, {
-  value: "this_quarter",
-  label: "This quarter",
-  group: "Current"
-}, {
-  value: "this_year",
-  label: "This year",
-  group: "Current"
-}, {
-  value: "yesterday",
-  label: "Yesterday",
-  group: "Past"
-}, {
-  value: "last_week",
-  label: "Last week",
-  group: "Past"
-}, {
-  value: "last_month",
-  label: "Last month",
-  group: "Past"
-}, {
-  value: "last_30_days",
-  label: "Last 30 days",
-  group: "Past"
-}, {
-  value: "last_90_days",
-  label: "Last 90 days",
-  group: "Past"
-}, {
-  value: "last_quarter",
-  label: "Last quarter",
-  group: "Past"
-}, {
-  value: "last_year",
-  label: "Last year",
-  group: "Past"
-}];
-function g(h) {
-  const e = c(/* @__PURE__ */ new Date());
-  switch (h) {
-    case "today":
-      return {
-        from: e,
-        to: y(e)
-      };
-    case "this_week":
-      return {
-        from: _(e),
-        to: f(e)
-      };
-    case "this_month":
-      return {
-        from: l(e),
-        to: n(e)
-      };
-    case "this_quarter":
-      return {
-        from: o(e),
-        to: u(e)
-      };
-    case "this_year":
-      return {
-        from: r(e),
-        to: s(e)
-      };
-    case "yesterday": {
-      const t = a(e, 1);
-      return {
-        from: t,
-        to: y(t)
-      };
-    }
-    case "last_week": {
-      const t = _(i(e, 1));
-      return {
-        from: t,
-        to: f(t)
-      };
-    }
-    case "last_month": {
-      const t = l(d(e, 1));
-      return {
-        from: t,
-        to: n(t)
-      };
-    }
-    case "last_30_days":
-      return {
-        from: a(e, 30),
-        to: e
-      };
-    case "last_90_days":
-      return {
-        from: a(e, 90),
-        to: e
-      };
-    case "last_quarter": {
-      const t = o(b(e, 1));
-      return {
-        from: t,
-        to: u(t)
-      };
-    }
-    case "last_year": {
-      const t = r(m(e, 1));
-      return {
-        from: t,
-        to: s(t)
-      };
-    }
-  }
-}
+import { useMoniteContext as o } from "./index57.js";
+const t = () => {
+  const {
+    api: n
+  } = o();
+  return n.finops.postFinancingInvoices.useMutation({}, {
+    onError: () => {
+    }
+  });
+};
 export {
-  v as DATE_PRESETS,
-  g as resolveDatePreset
+  t as useFinanceAnInvoice
 };

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

@@ -1,98 +1,64 @@
-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 "./index438.js";
-import "date-fns";
-import { getCreateBankAccountSchema as x } from "./index186.js";
-import { safeZodResolver as C } from "./index276.js";
-import { useLingui as S } from "@lingui/react";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index153.js";
-import { Input as s } from "./index118.js";
-import { Typography as h } from "./index85.js";
-import { useCreateEntityBankAccount as F } from "./index390.js";
-import { Button as p } from "./index84.js";
-const J = ({
-  bankAccountsLength: b,
-  onCreate: _,
-  onCancel: f
+import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as h } from "./index338.js";
+import { FinanceMenuButtons as g } from "./index352.js";
+import { FinanceProgressBar as y } from "./index340.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 {
-    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: ""
+    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.");
     }
-  }), 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__ */ 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") })
-    ] })
+  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, {})
+    ] }) })
   ] });
 };
 export {
-  J as BankAccountSectionForm
+  P as FinanceLimits
 };

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

@@ -1,19 +1,26 @@
-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(" - ");
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { FinanceHowItWorks as s } from "./index347.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 = () => {
+  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, {}) })
+  ] });
 };
 export {
-  c as getLineLabel,
-  t as getSourceLabel
+  w as FinanceMenuButtons
 };

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

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