@tesouro/embedded-components-react 0.2.35 → 0.2.36

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

@@ -1,70 +1,36 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as d } from "./index59.js";
+import { useMoniteContext as o } from "./index59.js";
+import { getAPIErrorMessage as n } from "./index121.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 c } from "react-hot-toast";
+const g = (e) => {
   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.")
-      }]
+    api: r,
+    queryClient: i
+  } = o(), {
+    i18n: t
+  } = p();
+  return r.finops.putReceivablesIdLineItems.useMutation({
+    path: {
+      receivable_id: e
     }
   }, {
-    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)) })
-  ] });
+    onSuccess: async () => {
+      await r.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: e
+          }
+        }
+      }, i);
+    },
+    onError: (s) => {
+      const a = n(t, s);
+      c.error(t._("Failed to update receivable line items: {errorMessage}", {
+        errorMessage: a
+      }));
+    }
+  });
 };
 export {
-  g as FinanceHowItWorks
+  g as useUpdateReceivableLineItems
 };

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

@@ -1,62 +1,10 @@
-import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as _ } from "./index361.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 "./index363.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 t } from "./index59.js";
+const o = () => {
   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: e
+  } = t();
+  return e.finops.getPaymentTerms.useQuery();
 };
 export {
-  K as FinanceOverviewCard
+  o as useGetPaymentTerms
 };

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

@@ -1,10 +1,106 @@
-import { useMoniteContext as n } from "./index59.js";
-const t = () => {
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index452.js";
+import { useRootElements as y } from "./index94.js";
+import { useCounterpartById as S } from "./index72.js";
+import "@tanstack/react-query";
+import "./index59.js";
+import { useCounterpartContactList as F } from "./index76.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index84.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index369.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
+}) => {
   const {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
+}) => {
+  const {
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
+      }
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
+    ] })
+  ] });
 };
 export {
-  t as useGetFinanceOffers
+  K as Form,
+  O as FormContent
 };

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

@@ -1,13 +1,23 @@
-import { useMoniteContext as o } from "./index59.js";
-const t = () => {
-  const {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
-    }
-  });
-};
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (r, t) => {
+  if (r && r.length)
+    return r.find((n) => n.is_default) ?? r[0];
+  if (!t || !e(t))
+    return;
+  const a = t.organization?.email;
+  if (a)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: a,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (r, t) => r?.length ? r : t ? [t] : [];
 export {
-  t as useFinanceAnInvoice
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index106.js";
 import { InvoiceStatusChip as D } from "./index57.js";
-import { ReceivableFilters as Q } from "./index181.js";
+import { ReceivableFilters as Q } from "./index183.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index59.js";
 import { useLingui as B } from "@lingui/react";
 import { useState as u, useMemo as G } from "react";
-import { useReceivablesFilters as A } from "./index182.js";
+import { useReceivablesFilters as A } from "./index184.js";
 import "date-fns";
 import { useCurrencies as W } from "./index60.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index86.js";
-import { useGetReceivables as j } from "./index158.js";
+import { useGetReceivables as j } from "./index147.js";
 import "./index94.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index64.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index85.js";
-import { ReceivableCursorFields as S } from "./index179.js";
-import { CounterpartNameCellById as Y } from "./index171.js";
-import { DataGridEmptyState as J } from "./index183.js";
-import { GetNoRowsOverlay as K } from "./index172.js";
-import { DueDateCell as U } from "./index180.js";
+import { ReceivableCursorFields as S } from "./index181.js";
+import { CounterpartNameCellById as Y } from "./index160.js";
+import { DataGridEmptyState as J } from "./index185.js";
+import { GetNoRowsOverlay as K } from "./index161.js";
+import { DueDateCell as U } from "./index182.js";
 import { TablePagination as X } from "./index88.js";
-import { classNames as Z } from "./index184.js";
-import { hasSelectedText as ee } from "./index174.js";
+import { classNames as Z } from "./index186.js";
+import { hasSelectedText as ee } from "./index163.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,64 +1,37 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index357.js";
-import { FinanceMenuButtons as g } from "./index371.js";
-import { FinanceProgressBar as y } from "./index359.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 { useMoniteContext as n } from "./index59.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
   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: a
+  } = o(), {
+    api: e,
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
+    path: {
+      receivable_id: 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, {})
-    ] }) })
-  ] });
+  }, {
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: i
+          }
+        }
+      }, t)]);
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, t);
+      r.success(a._("This {type} has been sent", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
 };
 export {
-  P as FinanceLimits
+  l as useSendReceivableById
 };

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

@@ -1,26 +1,59 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index366.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 = () => {
+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 "./index429.js";
+import { LanguageCodeEnum as C } from "./index249.js";
+import { CenteredContentBox as s } from "./index244.js";
+import { Button as _ } from "./index86.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index137.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
   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, {}) })
-  ] });
+    i18n: e
+  } = 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 {
-  w as FinanceMenuButtons
+  q as PreviewEmail
 };

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

@@ -1,65 +1,44 @@
-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
-}) => {
+import { useMoniteContext as c } from "./index59.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const v = () => {
   const {
-    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__ */ 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}`))) })
-  ] });
+    api: e,
+    entityId: i
+  } = c(), {
+    i18n: o
+  } = d(), {
+    data: n
+  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
+    path: {
+      entity_id: i
+    }
+  }), {
+    mutateAsync: s,
+    isPending: r
+  } = e.finops.postPaymentLinks.useMutation({});
+  async function y(m) {
+    const a = n ? n.data.filter(({
+      status: t,
+      direction: p
+    }) => t === "active" && p === "receive") : [];
+    a.length === 0 ? u.error(o._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : await s({
+      recipient: {
+        id: i,
+        type: "entity"
+      },
+      payment_methods: a.map((t) => t.type),
+      object: {
+        id: m,
+        type: "receivable"
+      }
+    });
+  }
+  return {
+    createPaymentLink: y,
+    isCreatingPaymentLink: r
+  };
 };
 export {
-  F as FinanceOffers
+  v as useCreateReceivablePaymentLink
 };