@tesouro/embedded-components-react 0.2.34 → 0.2.35

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

@@ -1,59 +1,23 @@
-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 "./index434.js";
-import { LanguageCodeEnum as C } from "./index256.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 "./index133.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
-}) => {
-  const {
-    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
-  } }) }) });
-};
+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 {
-  q as PreviewEmail
+  u as getContactList,
+  i as getDefaultContact
 };

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

@@ -1,44 +1,37 @@
-import { useMoniteContext as c } from "./index59.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as u } from "react-hot-toast";
-const v = () => {
+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 {
+    i18n: a
+  } = o(), {
     api: e,
-    entityId: i
-  } = c(), {
-    i18n: o
-  } = d(), {
-    data: n
-  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
     path: {
-      entity_id: i
+      receivable_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
-  };
+  }, {
+    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 {
-  v as useCreateReceivablePaymentLink
+  l as useSendReceivableById
 };

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

@@ -1,19 +1,59 @@
-import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as r } from "./index86.js";
-import { ArrowUpRight as s } from "lucide-react";
-import { twMerge as w } from "tailwind-merge";
-const d = ({
-  label: o,
-  value: a,
-  status: t,
-  onClick: l
-}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
-  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
-  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
-    /* @__PURE__ */ e(s, {})
-  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
-] });
+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 "./index426.js";
+import { LanguageCodeEnum as C } from "./index249.js";
+import { CenteredContentBox as s } from "./index143.js";
+import { Button as _ } from "./index86.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index148.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
+  const {
+    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 {
-  d as InvoiceDetailsInfoBlock
+  q as PreviewEmail
 };

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

@@ -1,63 +1,44 @@
-import { jsxs as n, jsx as i, Fragment as _ } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as f } from "./index59.js";
-import { useCurrencies as x } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as v } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { rateMinorToMajor as y } from "./index216.js";
-import { twMerge as b } from "tailwind-merge";
-import { useGetPaymentRecords as g } from "./index273.js";
-import { useGetReceivables as h } from "./index144.js";
-const r = ({
-  label: t,
-  value: a,
-  isBold: l
-}) => /* @__PURE__ */ n("li", { className: b("ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", l && "ttw:font-medium ttw:text-text"), children: [
-  /* @__PURE__ */ i("span", { children: t }),
-  /* @__PURE__ */ i("span", { children: a })
-] }), S = ({
-  invoice: t
-}) => {
+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: a
-  } = v(), {
-    formatCurrencyToDisplay: l
-  } = x(), {
-    locale: o
-  } = f(), {
-    data: s
-  } = g(t?.id), u = t?.type === "invoice" ? t?.related_documents?.credit_note_ids : void 0, {
-    data: m
-  } = h({
-    id__in: u,
-    type: "credit_note"
-  }, !!u?.length), d = t?.status === "paid", c = t?.status === "partially_paid", p = t?.status === "canceled", w = d || c || p;
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2", children: [
-    /* @__PURE__ */ i(r, { label: a._("Subtotal"), value: l(t?.subtotal ?? 0, t?.currency) }),
-    /* @__PURE__ */ i("li", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: t?.total_tax_amounts?.map((e) => /* @__PURE__ */ n("div", { className: "ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", children: [
-      /* @__PURE__ */ i("span", { children: a._("Total tax ({rate}%)", {
-        rate: y(e?.value)
-      }) }),
-      /* @__PURE__ */ i("span", { children: l(e?.amount ?? 0, t?.currency) })
-    ] }, e?.id)) }),
-    /* @__PURE__ */ i(r, { label: a._("Total ({invoice})", {
-      invoice: t?.currency
-    }), value: l(t?.total_amount ?? 0, t?.currency), isBold: !0 }),
-    w && /* @__PURE__ */ n(_, { children: [
-      s?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.paid_at ? a._("Amount paid on {i18nDate}", {
-        i18nDate: a.date(e?.paid_at, o.dateTimeFormat)
-      }) : a._("Amount paid"), value: l(e?.amount ?? 0, t?.currency) }, e?.id)),
-      m?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.issue_date ? a._("Credit applied on {i18nDate}", {
-        i18nDate: a.date(e?.issue_date, o.dateTimeFormat)
-      }) : a._("Credit applied"), value: l(e?.total_amount ?? 0, t?.currency) }, e?.id)),
-      /* @__PURE__ */ i(r, { label: a._("Amount due ({invoice})", {
-        invoice: t?.currency
-      }), value: l(t?.amount_due ?? 0, t?.currency), isBold: !0 })
-    ] })
-  ] });
+    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 {
-  S as InvoiceDetailsSummary
+  v as useCreateReceivablePaymentLink
 };

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

@@ -1,15 +1,19 @@
-const r = (e, t) => {
-  switch (t) {
-    case "invoice":
-      return e._("Invoice");
-    case "credit_note":
-      return e._("Credit memo");
-    case "quote":
-      return e._("Quote");
-    default:
-      return e._("Receivable");
-  }
-};
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as r } from "./index86.js";
+import { ArrowUpRight as s } from "lucide-react";
+import { twMerge as w } from "tailwind-merge";
+const d = ({
+  label: o,
+  value: a,
+  status: t,
+  onClick: l
+}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
+  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
+  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
+    /* @__PURE__ */ e(s, {})
+  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
+] });
 export {
-  r as getTypeLabel
+  d as InvoiceDetailsInfoBlock
 };

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

@@ -1,96 +1,63 @@
-import { jsxs as n, Fragment as g, jsx as r } from "@emotion/react/jsx-runtime";
-import { getCreateRecurrenceValidationSchema as b } from "./index206.js";
-import { useUpdateRecurrenceById as x } from "./index435.js";
-import { InvoiceDetailsInfoBlock as c } from "./index336.js";
-import { InvoiceRecurrenceStatusChip as y } from "./index183.js";
-import { RecurrenceFormContent as S } from "./index440.js";
-import { Button as o } from "./index86.js";
-import { Form as N } from "./index262.js";
-import { Sheet as C, SheetContent as j, SheetHeader as D, SheetTitle as R, SheetDescription as F, SheetFooter as I } from "./index132.js";
-import { zodResolver as $ } from "@hookform/resolvers/zod";
-import { useLingui as k } from "@lingui/react";
-import { format as E } from "date-fns";
-import { SquarePen as z } from "lucide-react";
-import { useState as q, useMemo as B } from "react";
-import { useForm as T } from "react-hook-form";
-const X = ({
-  recurrence: t,
-  handleTabChange: _,
-  openInvoiceDetails: l,
-  isCreatedFromRecurrence: i
+import { jsxs as n, jsx as i, Fragment as _ } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as f } from "./index59.js";
+import { useCurrencies as x } from "./index60.js";
+import "react";
+import "./index94.js";
+import { useLingui as v } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { rateMinorToMajor as y } from "./index208.js";
+import { twMerge as b } from "tailwind-merge";
+import { useGetPaymentRecords as g } from "./index258.js";
+import { useGetReceivables as h } from "./index158.js";
+const r = ({
+  label: t,
+  value: a,
+  isBold: l
+}) => /* @__PURE__ */ n("li", { className: b("ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", l && "ttw:font-medium ttw:text-text"), children: [
+  /* @__PURE__ */ i("span", { children: t }),
+  /* @__PURE__ */ i("span", { children: a })
+] }), S = ({
+  invoice: t
 }) => {
   const {
-    i18n: e
-  } = k(), [m, s] = q(!1), u = new Date(t?.start_date).getDate(), h = B(() => t?.iterations?.filter((a) => a.status === "completed"), [t]), {
-    mutateAsync: w,
-    isPending: p
-  } = x(t?.id, t?.invoice_id), d = "edit-recurrence-form", f = T({
-    // See the identical cast in CreateReceivables.tsx — `zodResolver`'s
-    // inferred `Resolver` and react-hook-form's own `Resolver` type are
-    // structurally "unrelated" to `tsc --build` for this schema shape.
-    resolver: $(b(e)),
-    defaultValues: {
-      frequency: t?.frequency,
-      recurrence_max_occurrences: t?.max_occurrences ?? 1,
-      recurrence_start_date: new Date(t?.start_date),
-      recurrence_end_date: t?.end_date ? new Date(t?.end_date) : void 0,
-      recurrence_issue_mode: u === 1 ? "first_day" : "last_day",
-      recurrence_subject_text: t?.subject_text ?? e._("Recurrent invoice"),
-      recurrence_body_text: t?.body_text ?? e._("This invoice was generated from a recurrence. Please find the details of the recurrence in the invoice details section.")
-    }
-  }), v = async (a) => {
-    await w({
-      end_date: a.recurrence_end_date ? E(new Date(a.recurrence_end_date), "yyyy-MM-dd") : void 0,
-      subject_text: a.recurrence_subject_text || void 0,
-      body_text: a.recurrence_body_text || void 0
-    }), s(!1);
-  };
-  return /* @__PURE__ */ n(g, { children: [
-    m && /* @__PURE__ */ r(C, { open: m, onOpenChange: s, children: /* @__PURE__ */ r(N, { ...f, children: /* @__PURE__ */ r("form", { id: d, name: d, onSubmit: f.handleSubmit(v), children: /* @__PURE__ */ n(j, { className: "ttw:gap-0", showCloseButton: !1, children: [
-      /* @__PURE__ */ n(D, { className: "ttw:border-b ttw:border-border", children: [
-        /* @__PURE__ */ r(R, { children: e._("Edit recurrence settings") }),
-        /* @__PURE__ */ r(F, { hidden: !0, children: e._("Edit the settings for this recurring invoice") })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "ttw:p-8 ttw:flex ttw:flex-col ttw:gap-10", children: [
-        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-foreground", children: e._("You can set a different period length and the date of issuance. The starting date cannot be updated.") }),
-        /* @__PURE__ */ r(S, { isUpdate: !0 })
-      ] }),
-      /* @__PURE__ */ n(I, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
-        /* @__PURE__ */ r(o, { variant: "outline", size: "sm", onClick: () => s(!1), children: e._("Cancel") }),
-        /* @__PURE__ */ r(o, { size: "sm", type: "submit", form: d, disabled: p, children: e._("Save") })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-      i ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
-        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Created from recurrence") }),
-        /* @__PURE__ */ r(y, { status: t?.status })
-      ] }) : /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ r("h2", { className: "ttw:text-lg ttw:font-semibold ttw:leading-6", children: e._("Recurrence") }),
-        /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-muted-foreground", children: e._("All future invoices will be issued based on this invoice") })
-      ] }),
-      /* @__PURE__ */ n("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-        /* @__PURE__ */ r(c, { label: e._("Start"), value: t?.start_date ? e.date(t?.start_date, {
-          month: "long",
-          year: "numeric"
-        }) : "-" }),
-        /* @__PURE__ */ r(c, { label: e._("End"), value: t?.end_date ? e.date(t?.end_date, {
-          month: "long",
-          year: "numeric"
-        }) : "-" }),
-        /* @__PURE__ */ r(c, { label: e._("Frequency"), value: u === 1 ? e._("Every first day of month") : e._("Every last day of month") }),
-        /* @__PURE__ */ r(c, { label: e._("Issued documents"), value: `${h.length} / ${t?.iterations.length} ${e._("issued")}`, onClick: () => {
-          i && l?.(t?.invoice_id), _("scheduled-invoices");
-        } })
-      ] }),
-      i && /* @__PURE__ */ r(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => l?.(t?.invoice_id), children: e._("View recurrence") }),
-      !i && t?.status !== "canceled" && /* @__PURE__ */ n(o, { variant: "outline", size: "sm", className: "ttw:w-fit", onClick: () => s(!0), children: [
-        /* @__PURE__ */ r(z, {}),
-        " ",
-        e._("Edit settings")
-      ] })
+    i18n: a
+  } = v(), {
+    formatCurrencyToDisplay: l
+  } = x(), {
+    locale: o
+  } = f(), {
+    data: s
+  } = g(t?.id), u = t?.type === "invoice" ? t?.related_documents?.credit_note_ids : void 0, {
+    data: m
+  } = h({
+    id__in: u,
+    type: "credit_note"
+  }, !!u?.length), d = t?.status === "paid", c = t?.status === "partially_paid", p = t?.status === "canceled", w = d || c || p;
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ i(r, { label: a._("Subtotal"), value: l(t?.subtotal ?? 0, t?.currency) }),
+    /* @__PURE__ */ i("li", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: t?.total_tax_amounts?.map((e) => /* @__PURE__ */ n("div", { className: "ttw:w-full ttw:flex ttw:gap-4 ttw:justify-between ttw:text-neutral ttw:font-normal ttw:text-sm ttw:leading-5", children: [
+      /* @__PURE__ */ i("span", { children: a._("Total tax ({rate}%)", {
+        rate: y(e?.value)
+      }) }),
+      /* @__PURE__ */ i("span", { children: l(e?.amount ?? 0, t?.currency) })
+    ] }, e?.id)) }),
+    /* @__PURE__ */ i(r, { label: a._("Total ({invoice})", {
+      invoice: t?.currency
+    }), value: l(t?.total_amount ?? 0, t?.currency), isBold: !0 }),
+    w && /* @__PURE__ */ n(_, { children: [
+      s?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.paid_at ? a._("Amount paid on {i18nDate}", {
+        i18nDate: a.date(e?.paid_at, o.dateTimeFormat)
+      }) : a._("Amount paid"), value: l(e?.amount ?? 0, t?.currency) }, e?.id)),
+      m?.data?.map((e) => /* @__PURE__ */ i(r, { label: e?.issue_date ? a._("Credit applied on {i18nDate}", {
+        i18nDate: a.date(e?.issue_date, o.dateTimeFormat)
+      }) : a._("Credit applied"), value: l(e?.total_amount ?? 0, t?.currency) }, e?.id)),
+      /* @__PURE__ */ i(r, { label: a._("Amount due ({invoice})", {
+        invoice: t?.currency
+      }), value: l(t?.amount_due ?? 0, t?.currency), isBold: !0 })
     ] })
   ] });
 };
 export {
-  X as InvoiceDetailsOverviewRecurrenceSection
+  S as InvoiceDetailsSummary
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as i } from "./index59.js";
-import { getAPIErrorMessage as n } from "./index125.js";
+import { getAPIErrorMessage as n } from "./index124.js";
 import { useLingui as l } from "@lingui/react";
 import { toast as p } from "react-hot-toast";
 const y = (e, r) => {