@tesouro/embedded-components-react 0.2.68 → 0.2.70

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

@@ -1,10 +1,30 @@
-import { useMoniteContext as t } from "./index58.js";
-const o = () => {
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
   const {
-    api: e
-  } = t();
-  return e.finops.getPaymentTerms.useQuery();
+    i18n: o
+  } = r(), {
+    api: e,
+    queryClient: i
+  } = n();
+  return e.finops.deleteReceivablesId.useMutation({
+    path: {
+      receivable_id: t
+    }
+  }, {
+    onSuccess: () => {
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: t
+        }
+      }, i);
+      e.finops.getReceivables.invalidateQueries(i), a.success(o._("This {type} has been deleted", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
 };
 export {
-  o as useGetPaymentTerms
+  u as useDeleteReceivableById
 };

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

@@ -1,37 +1,37 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as z } from "./index105.js";
-import { InvoiceStatusChip as D } from "./index56.js";
-import { ReceivableFilters as Q } from "./index183.js";
+import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
+import { InvoiceStatusChip as D } from "./index55.js";
+import { ReceivableFilters as Q } from "./index169.js";
 import "react-hot-toast";
-import { useMoniteContext as k } from "./index58.js";
+import { useMoniteContext as k } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
 import { useState as u, useMemo as G } from "react";
-import { useReceivablesFilters as A } from "./index184.js";
-import "date-fns";
-import { useCurrencies as W } from "./index59.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 { useReceivablesFilters as A } from "./index170.js";
+import "date-fns";
+import { useCurrencies as W } from "./index58.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
-import "./index85.js";
-import { useGetReceivables as j } from "./index143.js";
-import "./index93.js";
-import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index63.js";
+import "./index84.js";
+import { useGetReceivables as j } from "./index142.js";
+import "./index92.js";
+import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
-import { MoniteScopedProviders as H } from "./index84.js";
-import { ReceivableCursorFields as S } from "./index181.js";
-import { CounterpartNameCellById as Y } from "./index157.js";
-import { DataGridEmptyState as J } from "./index185.js";
-import { GetNoRowsOverlay as K } from "./index158.js";
-import { DueDateCell as U } from "./index182.js";
-import { TablePagination as X } from "./index87.js";
-import { classNames as Z } from "./index186.js";
-import { hasSelectedText as ee } from "./index160.js";
+import { MoniteScopedProviders as H } from "./index83.js";
+import { ReceivableCursorFields as S } from "./index167.js";
+import { CounterpartNameCellById as Y } from "./index156.js";
+import { DataGridEmptyState as J } from "./index171.js";
+import { GetNoRowsOverlay as K } from "./index157.js";
+import { DueDateCell as U } from "./index168.js";
+import { TablePagination as X } from "./index86.js";
+import { classNames as Z } from "./index172.js";
+import { hasSelectedText as ee } from "./index159.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,106 +1,45 @@
-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 "./index459.js";
-import { useRootElements as y } from "./index93.js";
-import { useCounterpartById as S } from "./index71.js";
-import "@tanstack/react-query";
-import "./index58.js";
-import { useCounterpartContactList as F } from "./index75.js";
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index296.js";
 import "date-fns";
-import "react";
-import "react-hot-toast";
-import { useLingui as I } from "@lingui/react";
-import { useGetReceivableById as N } from "./index83.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 "./index371.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 {
-    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
+import { Badge as s } from "./index235.js";
+import { cn as g } from "./index100.js";
+import { useLingui as c } from "@lingui/react";
+import { cva as l } from "class-variance-authority";
+const r = l("", {
+  variants: {
+    variant: {
+      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
+      send_failed: "ttw:bg-red-100 ttw:text-red-700",
+      completed: "ttw:bg-green-100 ttw:text-green-700"
+    },
+    dotVariant: {
+      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
+      send_failed: "ttw:border-red-100 ttw:bg-red-700",
+      completed: "ttw:border-green-100 ttw:bg-green-700"
     }
-  }) => /* @__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
+  }
+}), z = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  dotSize: d,
+  ref: a
 }) => {
   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 }) }) })
-    ] })
-  ] });
+    i18n: n
+  } = c();
+  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), o), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
 };
 export {
-  K as Form,
-  O as FormContent
+  z as InvoiceRecurrenceIterationStatusChip
 };

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

@@ -1,23 +1,27 @@
-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] : [];
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
+  const {
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+    }
+  });
+};
 export {
-  u as getContactList,
-  i as getDefaultContact
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,37 +1,76 @@
-import { useMoniteContext as n } from "./index58.js";
-import { useLingui as o } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const l = (i) => {
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index57.js";
+import { useCurrencies as y } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as f } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index75.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index439.js";
+import _ from "@mui/icons-material/DriveFileRenameOutline";
+import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
+const L = ({
+  paymentRecords: i,
+  invoice: n
+}) => {
   const {
-    i18n: a
-  } = o(), {
-    api: e,
-    queryClient: t
-  } = n();
-  return e.finops.postReceivablesIdSend.useMutation({
-    path: {
-      receivable_id: i
-    }
-  }, {
-    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
-      }));
-    }
-  });
+    i18n: t
+  } = f(), {
+    locale: c
+  } = h(), {
+    formatCurrencyToDisplay: s
+  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
+    data: l,
+    isLoading: u
+  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
+  return /* @__PURE__ */ a(o, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3
+  }, children: [
+    /* @__PURE__ */ a(o, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "center",
+      textAlign: "center"
+    }, children: [
+      /* @__PURE__ */ e(o, { sx: {
+        borderRadius: "100%",
+        backgroundColor: "#F2F2F2",
+        width: "44px",
+        height: "44px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ e(_, { sx: {
+        color: "#707070"
+      } }) }),
+      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
+      /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
+        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
+          invoiceCounterpart_name: n.counterpart_name
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(g, { items: [{
+      label: t._("Received"),
+      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
+    }, {
+      label: t._("Reference"),
+      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
+    }, {
+      label: t._("Created by"),
+      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
+    }] }),
+    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
+  ] });
 };
 export {
-  l as useSendReceivableById
+  L as ManualPaymentRecordDetails
 };

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

@@ -1,59 +1,99 @@
-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 "./index410.js";
-import { LanguageCodeEnum as C } from "./index239.js";
-import { CenteredContentBox as s } from "./index223.js";
-import { Button as _ } from "./index85.js";
-import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
-import { LoadingSpinner as B } from "./index132.js";
-const q = ({
-  invoiceId: l,
-  body: c,
-  subject: m
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index175.js";
+import { useCurrencies as y } from "./index58.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index92.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index265.js";
+import { RHFDatePicker as D } from "./index440.js";
+import { RHFTextField as S } from "./index441.js";
+import { RHFTimePicker as R } from "./index442.js";
+import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
+import { useForm as V } from "react-hook-form";
+const Z = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
 }) => {
   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.") })
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: h
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const x = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(T, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${x}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => h("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
+        ] })
       ] }),
-      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
-        /* @__PURE__ */ t(P, {}),
-        e._("Reload")
-      ] })
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(R, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
     ] })
-  ] }) }) : /* @__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 {
-  q as PreviewEmail
+  Z as PaymentRecordForm
 };

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

@@ -1,37 +1,39 @@
-import { useMoniteContext as c } from "./index58.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const u = (i) => {
+import { useMoniteContext as c } from "./index57.js";
+import { getAPIErrorMessage as o } from "./index118.js";
+import { useLingui as u } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const f = (s, t) => {
   const {
-    i18n: s
-  } = n(), {
+    i18n: i
+  } = u(), {
     api: e,
-    queryClient: a
+    queryClient: r
   } = c();
-  return e.finops.postReceivablesIdCancel.useMutation({
+  return e.finops.postRecurrencesIdCancel.useMutation({
     path: {
-      receivable_id: i
+      recurrence_id: s
     }
   }, {
+    onError: (n) => {
+      a.error(o(i, n));
+    },
     onSuccess: async () => {
-      const t = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
+      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: t
+          }
         }
-      }, a);
-      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: i
+      }, r), e.finops.getRecurrencesId.invalidateQueries({
+        parameters: {
+          path: {
+            recurrence_id: s
+          }
         }
-      }, {
-        ...t,
-        status: "canceled"
-      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
-        type: t?.type === "credit_note" ? "credit memo" : t?.type
-      }));
+      }, r)]), a.success(i._("Recurrence has been canceled"));
     }
   });
 };
 export {
-  u as useCancelReceivableById
+  f as useCancelRecurrence
 };