@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,65 +1,59 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { useLingui as t } from "@lingui/react";
-import { Box as r, Typography as o, Link as s } from "@mui/material";
-const l = [{
-  id: 1,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "Does enrolling in the program affect my credit score?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Nope! During the onboarding process we will only conduct a soft pull on your credit report, which will not affect your personal credit score."
-  )
-}, {
-  id: 2,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "Why do I need to provide my bank connection details?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Securely connecting your business bank account allows us to review your cashflow and determine your best loan offers."
-  )
-}, {
-  id: 3,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "When should I expect to receive a loan offer?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Once you are enrolled into the program, we will be actively analyzing your financials and creating pre-approved offers that work best for your business needs. We do this to help you avoid debt trap. Loan offers are usually provided within less than 48 hours."
-  )
-}, {
-  id: 4,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "How do I repay the loan?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "At the moment we support monthly loan repayment once you agree to the loan payment schedule. A fixed amount will be automatically deducted from the bank you linked during the onboarding.In the near future, you can also choose to pay back the loan as a fixed percentage of your daily sales until the loan is fully repaid."
-  )
-}], h = () => {
+import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useState as y, useEffect as N } from "react";
+import { useCreateInvoiceEmailPreview as j } from "./index438.js";
+import { LanguageCodeEnum as C } from "./index252.js";
+import { CenteredContentBox as s } from "./index246.js";
+import { Button as _ } from "./index86.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index152.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
   const {
     i18n: e
-  } = t();
-  return /* @__PURE__ */ a(r, { p: 4, children: [
-    /* @__PURE__ */ a(r, { children: [
-      /* @__PURE__ */ n(o, { variant: "h3", children: e._("Simplified, fast funding for your growing business") }),
-      /* @__PURE__ */ n(o, { variant: "subtitle2", mt: 2, children: e._("Get your business moving and accelerate growth with quick and easy access to funding. Multiple options available.") })
-    ] }),
-    /* @__PURE__ */ a(r, { mt: 5, children: [
-      /* @__PURE__ */ n(o, { mb: 1, variant: "h3", children: e._("FAQ") }),
-      l.map((i) => /* @__PURE__ */ a(r, { mt: 3, children: [
-        /* @__PURE__ */ n(o, { variant: "subtitle2", children: e._("{faqQuestion}", {
-          faqQuestion: i.question
-        }) }),
-        /* @__PURE__ */ n(o, { variant: "body1", mt: 1, children: e._("{faqAnswer}", {
-          faqAnswer: i.answer
-        }) })
-      ] }, i.id))
-    ] }),
-    /* @__PURE__ */ n(r, { mt: 5, children: /* @__PURE__ */ a(o, { variant: "body2", children: [
-      e._("All loans are subject to credit approval. Your terms may vary. Flourish Capital loans are issued by Kanmon. California Loans are made pursuant to a Department of Financial Protection and Innovation California Lenders Law License. Read more about Kanmon"),
-      " ",
-      /* @__PURE__ */ n(s, { target: "_blank", rel: "noopener noreferrer", href: "https://kanmon.com", children: e._("here.") })
-    ] }) })
-  ] });
+  } = b(), [a, d] = y(0), {
+    data: w,
+    mutateAsync: f,
+    isPending: p,
+    error: u
+  } = j(l), x = () => {
+    d(a + 1);
+  }, h = (r) => Object.values(C).includes(r), g = () => {
+    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
+    return h(n) ? n : "en";
+  };
+  return N(() => {
+    f({
+      body_text: c,
+      subject_text: m,
+      language: g(),
+      type: "receivable"
+    });
+  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
+    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
+      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
+      ] }),
+      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
+        /* @__PURE__ */ t(P, {}),
+        e._("Reload")
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
+    width: "100%",
+    height: "100%",
+    marginBottom: "-16px",
+    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
+    border: 0,
+    flex: 1
+  } }) }) });
 };
 export {
-  h as FinanceFaqDetails
+  q as PreviewEmail
 };

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

@@ -1,70 +1,22 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as d } from "./index59.js";
-import { useLingui as p } from "@lingui/react";
-import { Box as s, Typography as e, List as h, ListItem as m } from "@mui/material";
-const g = () => {
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as a } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const d = (i) => {
   const {
-    i18n: i
-  } = p(), {
-    componentSettings: l
-  } = d(), r = [{
-    id: 1,
-    title: i._("Create an invoice:"),
-    description: i._("If you applied for accounts receivable financing, issue an invoice and deliver it to your customer via email or any other channel."),
-    description2: i._("Or if you applied for accounts payable financing, upload/select the uploaded invoice you've received from your vendor."),
-    list: {
-      listTitle: i._("Invoices cannot be financed if:"),
-      listItems: [{
-        id: "listItem-1",
-        text: i._("- they are due within 7 days.")
-      }, {
-        id: "listItem-2",
-        text: i._("- they are already overdue.")
-      }, {
-        id: "listItem-3",
-        text: i._("- the loan sum exceeds your remaining limit.")
-      }]
+    i18n: o
+  } = r(), {
+    api: t,
+    queryClient: n
+  } = a();
+  return t.finops.postReceivablesIdClone.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await t.finops.getReceivables.invalidateQueries(n), i && i(e?.id), s.success(o._("Invoice duplicate has been created."));
+    },
+    onError: (e) => {
+      s.error(e?.detail?.[0]?.msg || o._("Failed to duplicate invoice."));
     }
-  }, {
-    id: 2,
-    title: i._("Select 'Get Paid Now':"),
-    description: i._("Access funding through the invoice list, within the invoice details, or the 'My Financing' tab. If approved, you will receive the invoice amount instantly, minus the fee associated with the payment offer chosen.")
-  }, {
-    id: 3,
-    title: i._("Pay out the financed sum:"),
-    description: i._("The full sum will be withdrawn from your bank account automatically on the date specified in the selected offer. You can also pay out the sum earlier via the 'Pay out' button.")
-  }], c = l?.financing?.financeSteps ?? r;
-  return /* @__PURE__ */ n(s, { px: 4, py: 5, children: [
-    /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e, { variant: "h3", children: i._("How does invoice financing work?") }) }),
-    /* @__PURE__ */ o(h, { sx: {
-      mt: 4,
-      display: "flex",
-      flexDirection: "column",
-      gap: 3,
-      p: 0,
-      pl: 2
-    }, component: "ul", children: c.map((t) => /* @__PURE__ */ n(m, { component: "li", sx: {
-      p: 0,
-      display: "list-item",
-      listStyleType: "disc",
-      maxWidth: 472,
-      mx: "auto"
-    }, children: [
-      /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 400, mb: t.list || t.description2 ? 3 : 0, children: [
-        /* @__PURE__ */ n(e, { component: "span", variant: "body1", fontWeight: 600, children: [
-          t.title,
-          " "
-        ] }),
-        t.description
-      ] }),
-      t.description2 && /* @__PURE__ */ o(e, { variant: "body1", fontWeight: 400, mb: t.list ? 3 : 0, children: t.description2 }),
-      t.list && /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 600, children: [
-        t.list.listTitle,
-        t.list.listItems.map((a) => /* @__PURE__ */ o(e, { variant: "body1", component: "span", display: "block", fontWeight: 400, children: a.text }, a.id))
-      ] })
-    ] }, t.id)) })
-  ] });
+  });
 };
 export {
-  g as FinanceHowItWorks
+  d as useDuplicateInvoice
 };

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

@@ -1,62 +1,16 @@
-import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as _ } from "./index340.js";
-import { FinancedInvoiceStatusChip as C } from "./index56.js";
-import { useMoniteContext as D } from "./index59.js";
-import "react-hot-toast";
-import { useLingui as F } from "@lingui/react";
-import "./index58.js";
-import { useCurrencies as b } from "./index60.js";
-import { useState as I } from "react";
-import "./index94.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 "./index342.js";
-import { Dialog as j } from "./index52.js";
-import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
-const K = ({
-  invoice: r,
-  offers: s
-}) => {
+import { useMoniteContext as i } from "./index59.js";
+const a = (e, t) => {
   const {
-    i18n: i
-  } = 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(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 }) })
-  ] });
+    api: s
+  } = i();
+  return s.finops.getReceivablesIdPdfLink.useQuery({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    enabled: t
+  });
 };
 export {
-  K as FinanceOverviewCard
+  a as useGetReceivablePDFById
 };

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

@@ -1,10 +1,28 @@
-import { useMoniteContext as n } from "./index59.js";
-const t = () => {
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { useGetReceivableById as r } from "./index84.js";
+import { useCancelReceivableById as m } from "./index415.js";
+import { ConfirmationModal as d } from "./index254.js";
+import { useLingui as u } from "@lingui/react";
+const v = ({
+  invoiceId: o,
+  open: c,
+  onClose: i
+}) => {
   const {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
+    i18n: e
+  } = u(), {
+    data: n,
+    isLoading: t
+  } = r(o), a = m(o);
+  if (!n)
+    return null;
+  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
+  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
+    a.mutate(void 0, {
+      onSuccess: i
+    });
+  }, isLoading: a.isPending || t });
 };
 export {
-  t as useGetFinanceOffers
+  v as InvoiceCancelModal
 };

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

@@ -1,13 +1,42 @@
-import { useMoniteContext as o } from "./index59.js";
-const t = () => {
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useDeleteReceivableById as u } from "./index416.js";
+import { useComponentSettings as f } from "./index69.js";
+import { useUserPermissions as v } from "./index137.js";
+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 { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+import { ConfirmationModal as C } from "./index254.js";
+import { useLingui as D } from "@lingui/react";
+import { toast as I } from "react-hot-toast";
+const H = ({
+  open: r,
+  onClose: o,
+  invoiceId: t,
+  onDelete: n,
+  documentId: i
+}) => {
   const {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
-    }
-  });
+    i18n: e
+  } = D(), {
+    receivablesCallbacks: s
+  } = f(), {
+    mutate: m,
+    isPending: a
+  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
+    l ? m(void 0, {
+      onSuccess: () => {
+        s?.onDelete?.(t), n?.(), o();
+      }
+    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
+  }, p = i ? e._("Delete receivable “{documentId}”?", {
+    documentId: i
+  }) : e._("Delete receivable?");
+  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
 };
 export {
-  t as useFinanceAnInvoice
+  H as InvoiceDeleteModal
 };

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

@@ -1,64 +1,54 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index336.js";
-import { FinanceMenuButtons as g } from "./index350.js";
-import { FinanceProgressBar as y } from "./index338.js";
-import { useMoniteContext as x } from "./index59.js";
-import { useCurrencies as v } from "./index60.js";
-import "react";
-import "./index94.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 = []
+import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
+import { Button as l } from "./index86.js";
+import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index201.js";
+import { useLingui as v } from "@lingui/react";
+import { useMarkAsUncollectibleReceivableById as C } from "./index417.js";
+import { useState as x } from "react";
+import { Textarea as D } from "./index125.js";
+import { Label as _ } from "./index332.js";
+import { LoadingSpinner as M } from "./index152.js";
+const U = ({
+  invoiceId: r,
+  open: s,
+  onClose: i,
+  onMarkAsUncollectible: c
 }) => {
   const {
-    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.");
-    }
+    i18n: o
+  } = v(), [n, m] = x(""), {
+    mutate: d,
+    isPending: a
+  } = C(r, c), p = () => {
+    d({
+      comment: n.trim()
+    }, {
+      onSuccess: () => {
+        i();
+      }
+    });
   };
-  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, {})
-    ] }) })
-  ] });
+  return /* @__PURE__ */ e(u, { open: s, onOpenChange: i, children: /* @__PURE__ */ t(g, { showCloseButton: !1, children: [
+    /* @__PURE__ */ t(b, { children: [
+      /* @__PURE__ */ e(f, { children: o._("Mark invoice as uncollectible?") }),
+      /* @__PURE__ */ t(w, { children: [
+        /* @__PURE__ */ e("p", { children: o._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
+        /* @__PURE__ */ e("br", {}),
+        /* @__PURE__ */ e("p", { children: o._("For bookkeeping purposes, this is a write-off and has tax implications.") })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e(_, { htmlFor: "comment", children: o._("Comment (optional)") }),
+      /* @__PURE__ */ e(D, { id: "comment", placeholder: o._("Add a comment"), value: n, onChange: (h) => m(h.target.value) })
+    ] }),
+    /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(l, { variant: "outline", onClick: i, children: o._("Cancel") }),
+      /* @__PURE__ */ t(l, { onClick: p, disabled: a, children: [
+        a && /* @__PURE__ */ e(M, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
+        o._("Mark as uncollectible")
+      ] })
+    ] })
+  ] }) });
 };
 export {
-  P as FinanceLimits
+  U as MarkAsUncollectibleModal
 };

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

@@ -1,26 +1,100 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index345.js";
-import { useKanmonContext as c } from "./index58.js";
-import { Dialog as m } from "./index52.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, {}) })
+import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
+import { ManualPaymentRecordDetails as k } from "./index418.js";
+import { PaymentRecordForm as E } from "./index419.js";
+import { useMoniteContext as $ } from "./index59.js";
+import { useRootElements as B } from "./index94.js";
+import "@tanstack/react-query";
+import { fromMinorUnits as F, toMinorUnits as H } from "./index120.js";
+import "date-fns";
+import { useEntityUserByAuthToken as L } from "./index77.js";
+import { useCreatePaymentRecord as U } from "./index81.js";
+import { useLingui as A } from "@lingui/react";
+import { Dialog as I, DialogContent as Q, DialogActions as W, Button as m, Box as q } from "@mui/material";
+import { useState as l } from "react";
+const g = {
+  amount: 0,
+  payment_date: /* @__PURE__ */ new Date(),
+  payment_time: /* @__PURE__ */ new Date(),
+  created_by: ""
+}, ie = ({
+  children: b,
+  invoice: t
+}) => {
+  const [h, c] = l(!1), [C, r] = l(!1), [e, u] = l(g), {
+    i18n: s
+  } = A(), {
+    root: x
+  } = B(), v = () => c(!0), n = () => c(!1), {
+    api: p,
+    queryClient: y
+  } = $(), {
+    mutate: D,
+    isPending: M
+  } = U(), {
+    data: f,
+    isLoading: R
+  } = L(), w = (a) => {
+    u({
+      ...a,
+      amount: H(a?.amount ?? 0),
+      created_by: f?.id ?? ""
+    }), r(!0);
+  }, P = () => {
+    r(!1), u(g);
+  }, S = () => {
+    const a = new Date(e.payment_date).setHours(e.payment_time.getHours(), e.payment_time.getMinutes()), j = new Date(a);
+    D({
+      amount: e?.amount ?? 0,
+      currency: t.currency,
+      paid_at: j.toISOString(),
+      object: {
+        id: t.id,
+        type: "receivable"
+      },
+      payment_intent_id: t.id,
+      entity_user_id: f?.id,
+      status: "succeeded"
+    }, {
+      onSuccess: () => {
+        p.finops.getReceivablesId.invalidateQueries({
+          parameters: {
+            path: {
+              receivable_id: t.id
+            }
+          }
+        }, y), p.finops.getReceivables.invalidateQueries(y), n(), P();
+      }
+    });
+  }, d = M || R;
+  return ["draft", "paid", "canceled", "deleted", "accepted", "recurring", "expired", "declined", "uncollectible"].includes(t.status) ? null : /* @__PURE__ */ o(_, { children: [
+    b({
+      openModal: v
+    }),
+    /* @__PURE__ */ i(I, { open: h, onClose: n, container: x, "aria-labelledby": "dialog-title", fullWidth: !0, maxWidth: "sm", children: C ? /* @__PURE__ */ o(_, { children: [
+      /* @__PURE__ */ i(Q, { sx: {
+        p: 4
+      }, children: /* @__PURE__ */ i(k, { invoice: t, paymentRecords: e }) }),
+      /* @__PURE__ */ o(W, { sx: {
+        px: 4,
+        pb: 4,
+        justifyContent: "space-between"
+      }, children: [
+        /* @__PURE__ */ i(m, { onClick: n, children: s._("Cancel") }),
+        /* @__PURE__ */ o(q, { sx: {
+          display: "flex",
+          gap: 2
+        }, children: [
+          /* @__PURE__ */ i(m, { variant: "outlined", disabled: d, onClick: () => r(!1), children: s._("Edit record") }),
+          /* @__PURE__ */ i(m, { variant: "contained", disabled: d, onClick: S, children: s._("Confirm") })
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ i(E, { invoice: t, initialValues: {
+      amount: e.amount ? F(e.amount) : 0,
+      payment_date: e.payment_date,
+      payment_time: e.payment_time
+    }, isLoading: d, onCancel: n, onSubmit: w }) })
   ] });
 };
 export {
-  w as FinanceMenuButtons
+  ie as RecordManualPaymentModal
 };