@tesouro/embedded-components-react 0.2.225 → 0.2.226

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

@@ -1,20 +1,79 @@
-import { jsxs as n, Fragment as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { useState as t } from "react";
-import { Dialog as s } from "./index50.js";
-import { FinanceFaqDetails as l } from "./index299.js";
-const d = ({
-  children: e
-}) => {
-  const [a, r] = t(!1);
-  return /* @__PURE__ */ n(i, { children: [
-    e({
-      openModal: () => {
-        r(!0);
-      }
-    }),
-    /* @__PURE__ */ o(s, { open: a, onClose: () => r(!1), alignDialog: "right", children: /* @__PURE__ */ o(l, {}) })
-  ] });
-};
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import * as a from "react";
+import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
+import { Label as p } from "./index262.js";
+import { cn as i } from "./index100.js";
+import { Slot as g } from "@radix-ui/react-slot";
+const b = f, l = a.createContext({}), C = ({
+  ...r
+}) => /* @__PURE__ */ m(l.Provider, { value: {
+  name: r.name
+}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
+  const r = a.useContext(l), e = a.useContext(c), {
+    getFieldState: t
+  } = F(), o = I({
+    name: r.name
+  }), s = t(r.name, o);
+  if (!r)
+    throw new Error("useFormField should be used within <FormField>");
+  const {
+    id: n
+  } = e;
+  return {
+    id: n,
+    name: r.name,
+    formItemId: `${n}-form-item`,
+    formDescriptionId: `${n}-form-item-description`,
+    formMessageId: `${n}-form-item-message`,
+    ...s
+  };
+}, c = a.createContext({});
+function N({
+  className: r,
+  ...e
+}) {
+  const t = a.useId();
+  return /* @__PURE__ */ m(c.Provider, { value: {
+    id: t
+  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
+}
+function M({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formItemId: o
+  } = d();
+  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
+}
+function S({
+  ...r
+}) {
+  const {
+    error: e,
+    formItemId: t,
+    formDescriptionId: o,
+    formMessageId: s
+  } = d();
+  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
+}
+function P({
+  className: r,
+  ...e
+}) {
+  const {
+    error: t,
+    formMessageId: o
+  } = d(), s = t ? String(t?.message ?? "") : e.children;
+  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
+}
 export {
-  d as FinanceFaqWrapper
+  b as Form,
+  S as FormControl,
+  C as FormField,
+  N as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  d as useFormField
 };

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

@@ -1,21 +1,46 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useTheme as s, Box as o } from "@mui/material";
-const d = ({
-  progress: i
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import * as w from "react";
+import { Badge as d } from "./index221.js";
+import { Button as m } from "./index84.js";
+import { cn as p } from "./index100.js";
+import { XIcon as h } from "lucide-react";
+const g = ({
+  className: i,
+  value: e,
+  onChange: a,
+  ref: u,
+  ...c
 }) => {
-  const r = s();
-  return /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.divider,
-    width: "100%",
-    height: "6px",
-    borderRadius: 0.5
-  }, children: /* @__PURE__ */ e(o, { sx: {
-    backgroundColor: r.palette.primary.main,
-    width: `${i}%`,
-    height: "6px",
-    borderRadius: 0.5
-  } }) });
+  const [r, n] = w.useState("");
+  w.useEffect(() => {
+    if (r.includes(",")) {
+      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
+      a(Array.from(t)), n("");
+    }
+  }, [r, a, e]);
+  const f = () => {
+    if (r) {
+      const t = /* @__PURE__ */ new Set([...e, r]);
+      a(Array.from(t)), n("");
+    }
+  };
+  return /* @__PURE__ */ l("div", { className: p(
+    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
+    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
+    i
+  ), children: [
+    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
+      t,
+      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
+        a(e.filter((s) => s !== t));
+      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
+    ] }, t)),
+    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
+      t.key === "Enter" || t.key === "," ? (t.preventDefault(), f()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
+    }, ...c, ref: u })
+  ] });
 };
+g.displayName = "InputTags";
 export {
-  d as FinanceProgressBar
+  g as InputTags
 };

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

@@ -1,173 +1,75 @@
-import { useGetFinanceOffers as T } from "./index302.js";
-import { useGetFinancingConnectToken as P } from "./index440.js";
-import { useKanmonContext as b } from "./index56.js";
-import { useMoniteContext as h } from "./index57.js";
-import { useLingui as k } from "@lingui/react";
-import { useState as U, useEffect as V } from "react";
-import "react-hot-toast";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useComponentSettings as w } from "./index67.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useMyEntity as G } from "./index78.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
-  };
-};
+import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index100.js";
+import * as a from "@radix-ui/react-select";
+import { ChevronDownIcon as i, CheckIcon as w, ChevronUpIcon as d } from "lucide-react";
+function g({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function h({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function v({
+  className: e,
+  size: s = "default",
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ l(a.Trigger, { "data-slot": "select-trigger", "data-size": s, className: n("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e), ...r, children: [
+    o,
+    /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "ttw:size-4 ttw:opacity-50" }) })
+  ] });
+}
+function x({
+  className: e,
+  children: s,
+  position: o = "popper",
+  ...r
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(a.Content, { "data-slot": "select-content", className: n("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", o === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", e), position: o, ...r, children: [
+    /* @__PURE__ */ t(c, {}),
+    /* @__PURE__ */ t(a.Viewport, { className: n("ttw:p-1", o === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"), children: s }),
+    /* @__PURE__ */ t(u, {})
+  ] }) });
+}
+function b({
+  className: e,
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ l(a.Item, { "data-slot": "select-item", className: n("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", e), ...o, children: [
+    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(w, { className: "ttw:size-4" }) }) }),
+    /* @__PURE__ */ t(a.ItemText, { children: s })
+  ] });
+}
+function N({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.Separator, { "data-slot": "select-separator", className: n("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", e), ...s });
+}
+function c({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(d, { className: "ttw:size-4" }) });
+}
+function u({
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(i, { className: "ttw:size-4" }) });
+}
 export {
-  s as FinancialApplicationState,
-  ae as useFinancing
+  g as Select,
+  x as SelectContent,
+  b as SelectItem,
+  u as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  N as SelectSeparator,
+  v as SelectTrigger,
+  h as SelectValue
 };

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

@@ -1,136 +1,7 @@
-import { jsxs as r, Fragment as S, jsx as t } from "@emotion/react/jsx-runtime";
-import { FinancedInvoiceStatusChip as T } from "./index54.js";
-import { InvoiceStatusChip as N } from "./index55.js";
-import { INVOICE_DOCUMENT_AUTO_ID as w } from "./index247.js";
-import { useKanmonContext as A } from "./index56.js";
-import { useMoniteContext as P } from "./index57.js";
-import { useCurrencies as j } from "./index58.js";
-import "react";
-import "./index92.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, R) => (p?.fee_percentage === e?.fee_percentage && p?.advance_rate_percentage === e?.advance_rate_percentage && (_ = {
-    pricingPlanIndex: R,
-    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", W = e?.status === "FUNDED" || e?.status === "LATE";
-  return /* @__PURE__ */ r(S, { 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 }) })
-      ] })
-    ] }),
-    W && /* @__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") }) })
-  ] });
-};
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { CenteredContentBox as r } from "./index202.js";
+import { LoadingSpinner as n } from "./index131.js";
+const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
 export {
-  Q as FinanceDetails
+  m as LoadingPage
 };