@tesouro/embedded-components-react 0.2.6 → 0.2.15

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

@@ -1,56 +1,13 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as I } from "./index94.js";
-import { classNames as _ } from "./index168.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
-  const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
-    }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
-};
+const e = {
+  singleUser: (s) => s._("Single user"),
+  anyUserFromList: (s) => s._("Any user from the list"),
+  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
+    count: r.toString()
+  }),
+  anyUserWithRole: (s) => s._("Any user with role"),
+  allUsersFromList: (s) => s._("All users from list, one by one")
+}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
 export {
-  $ as AutocompleteCreatedBy
+  e as getSharedApprovalRuleLabel,
+  t as getUsersFromListLabel
 };

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

@@ -1,20 +1,9 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => {
-  const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  n as UserAvatar
+  t as getRowToStatusTextMap
 };

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

@@ -1,71 +1,56 @@
-import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index149.js";
-import { Button as o } from "./index86.js";
-import { Input as p } from "./index123.js";
-import { TableRow as C, TableCell as M } from "./index278.js";
-import { zodResolver as S } from "@hookform/resolvers/zod";
-import { useLingui as U } from "@lingui/react";
-import { Check as $, X as j } from "lucide-react";
-import { useForm as k, Controller as f } from "react-hook-form";
-import { useCreateMeasureUnit as E } from "./index399.js";
-import { useUpdateMeasureUnit as V } from "./index400.js";
-const P = {
-  name: "",
-  description: ""
-}, D = ({
-  id: s,
-  isEditMode: n,
-  initialValues: h = P,
-  onCancel: g,
-  onEdit: v
+import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { useState as n } from "react";
+import { useMoniteContext as y } from "./index59.js";
+import { useRootElements as I } from "./index94.js";
+import { classNames as _ } from "./index171.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
+const $ = ({
+  onChange: l,
+  className: p
 }) => {
   const {
-    i18n: m
-  } = U(), b = z(m), {
-    handleSubmit: l,
-    control: d,
-    reset: y,
-    setError: c
-  } = k({
-    defaultValues: h,
-    resolver: S(b)
-  }), w = E(() => y(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), x = (e) => {
-    if (!n || !s) {
-      console.error("handleEdit called without valid id or edit mode");
-      return;
+    i18n: r
+  } = F(), {
+    api: d
+  } = y(), {
+    root: u
+  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
+    data: C,
+    isLoading: a,
+    refetch: A
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: f || void 0
     }
-    i.mutate(e);
-  }, N = (e) => {
-    w.mutate(e);
-  }, u = w.isPending || i.isPending;
-  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
-    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
-      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
-      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
-    ] }) }),
-    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
-    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
-    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
-  ] }) }) });
+  }, {
+    enabled: i
+  });
+  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
+    popper: {
+      container: u
+    }
+  }, open: i, onOpen: () => {
+    s(!0);
+  }, onClose: () => {
+    s(!1);
+  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+    g(t);
+  }, onChange: (e, t) => {
+    c(t), l(t?.id), A();
+  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
+    "&.MuiAutocomplete-root": {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ h(x, { children: [
+      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }) });
 };
 export {
-  D as MeasureUnitsFormRow
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,49 +1,20 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index249.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index278.js";
-import { Typography as r } from "./index87.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index144.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index79.js";
+import { Avatar as e } from "@mui/material";
+const n = ({
+  alt: t,
+  fileId: a,
+  ...r
+}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
+  alt: t,
+  fileId: a,
+  ...r
 }) => {
   const {
-    i18n: t
-  } = x(), {
-    formatCurrencyToDisplay: w
-  } = b(), {
-    data: s,
-    isLoading: o
-  } = T({
-    measure_unit_id: n ?? ""
-  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
-  ] }) : /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
-    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
-    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
-      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
-    ] }, i.id)) }) })
-  ] });
-  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
-    name: p
-  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  R as ConfirmDeleteMeasureUnitDialog
+  n as UserAvatar
 };

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

@@ -1,30 +1,69 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index152.js";
-import { Button as c } from "./index86.js";
-import { useLingui as u } from "@lingui/react";
-import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
-const A = ({
-  onEdit: t,
-  onDelete: l,
-  permissions: o
-}) => {
+import { useMemo as g } from "react";
+import { useMoniteContext as k } from "./index59.js";
+const p = (t, u) => {
   const {
-    i18n: n
-  } = u();
-  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
-    /* @__PURE__ */ i(d, { align: "end", children: [
-      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
-        /* @__PURE__ */ e(p, {}),
-        n._("Edit")
-      ] }),
-      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
-        /* @__PURE__ */ e(h, {}),
-        n._("Delete")
-      ] })
-    ] })
-  ] }) : null;
+    api: r
+  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
+    data: n,
+    isLoading: b
+  } = r.finops.getBankDetailsId.useQuery({
+    path: {
+      bank_account_id: t ?? ""
+    }
+  }, {
+    enabled: o,
+    retry: !1
+  }), {
+    data: e,
+    isLoading: m
+  } = r.embeddedBanking.getBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: c,
+    retry: !1
+  }), {
+    data: a,
+    isLoading: _
+  } = r.embeddedBanking.getExternalBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: d,
+    retry: !1
+  }), s = b || m || _;
+  return {
+    data: g(() => {
+      if (n)
+        return {
+          id: n.id,
+          bank_name: n.bank_name,
+          account_number: n.account_number,
+          routing_number: n.routing_number,
+          bank_account_type: "BANK_DETAILS"
+        };
+      if (e)
+        return {
+          id: e.id,
+          bank_name: null,
+          account_number: e.accountNumber,
+          routing_number: e.routingNumber,
+          bank_account_type: "INTERNAL"
+        };
+      if (a)
+        return {
+          id: a.id,
+          bank_name: null,
+          account_number: a.accountNumber,
+          routing_number: a.routingNumber,
+          bank_account_type: "EXTERNAL"
+        };
+    }, [n, e, a]),
+    isLoading: s
+  };
 };
 export {
-  A as TableActions
+  p as useGetBankAccountById
 };

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

@@ -1,37 +1,16 @@
-import { useMoniteContext as c } from "./index59.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as o } from "react-hot-toast";
-const u = (i) => {
+import { useMoniteContext as n } from "./index59.js";
+const m = (e) => {
   const {
-    i18n: s
-  } = n(), {
-    api: e,
-    queryClient: a
-  } = c();
-  return e.finops.postReceivablesIdCancel.useMutation({
+    api: t
+  } = n();
+  return t.finops.getPaymentRemindersId.useQuery({
     path: {
-      receivable_id: i
+      payment_reminder_id: e ?? ""
     }
   }, {
-    onSuccess: async () => {
-      const t = e.finops.getReceivablesId.getQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, a);
-      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
-        path: {
-          receivable_id: i
-        }
-      }, {
-        ...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
-      }));
-    }
+    enabled: !!e
   });
 };
 export {
-  u as useCancelReceivableById
+  m as useGetPaymentReminderById
 };

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

@@ -1,30 +1,18 @@
-import { toast as a } from "react-hot-toast";
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as r } from "@lingui/react";
-const u = (t) => {
+import { useMoniteContext as s } from "./index59.js";
+const r = () => {
   const {
-    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
-      }));
-    }
+    api: e
+  } = s();
+  return e.finops.getPaymentReminders.useQuery(void 0, {
+    select: (t) => t.data.map(({
+      id: a,
+      name: n
+    }) => ({
+      value: a,
+      label: n
+    }))
   });
 };
 export {
-  u as useDeleteReceivableById
+  r as useGetPaymentReminders
 };

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

@@ -1,27 +1,23 @@
-import { toast as c } from "react-hot-toast";
 import { useMoniteContext as n } from "./index59.js";
-import { useLingui as l } from "@lingui/react";
-const b = (e, t) => {
+import { getAPIErrorMessage as i } from "./index120.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const c = () => {
   const {
-    api: i,
+    api: e,
     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"));
+    i18n: r
+  } = a();
+  return e.finops.postPaymentReminders.useMutation(void 0, {
+    onSuccess: async () => {
+      await e.finops.getPaymentReminders.invalidateQueries(s), o.success(r._("Reminder has been added"));
+    },
+    onError: (t) => {
+      o.error(i(r, t));
     }
   });
 };
 export {
-  b as useMarkAsUncollectibleReceivableById
+  c as useCreatePaymentReminder
 };

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

@@ -11,8 +11,8 @@ import "./index94.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { useComponentSettings as y } from "./index69.js";
-import { useUserPermissions as P } from "./index133.js";
-import { AccessRestriction as U } from "./index135.js";
+import { useUserPermissions as P } from "./index143.js";
+import { AccessRestriction as U } from "./index153.js";
 import { Button as w } from "./index86.js";
 import "clsx";
 import "tailwind-merge";
@@ -32,7 +32,7 @@ const ne = (s) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(z, { ...s }
   } = j(), {
     componentSettings: g,
     receivablesCallbacks: m
-  } = y(), [p, c] = n(""), [I, r] = n(!1), [d, a] = n(g.receivables.tab ?? u.Invoices), o = t((i) => {
+  } = y(), [p, c] = n(""), [d, r] = n(!1), [I, a] = n(g.receivables.tab ?? u.Invoices), o = t((i) => {
     c(i);
   }, []), h = t((i) => {
     o(i);
@@ -46,9 +46,9 @@ const ne = (s) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(z, { ...s }
       r(!0);
     }, children: C._("Create Invoice") }) })),
     !v && /* @__PURE__ */ e(U, {}),
-    v && /* @__PURE__ */ e($, { tab: d, onTabChange: a, onRowClick: h, setIsCreateInvoiceDialogOpen: r }),
+    v && /* @__PURE__ */ e($, { tab: I, onTabChange: a, onRowClick: h, setIsCreateInvoiceDialogOpen: r }),
     !!p && /* @__PURE__ */ e(k, { open: !0, invoiceId: p, onCloseInvoiceDetails: R, onDuplicate: o, openInvoiceDetails: o }),
-    I && /* @__PURE__ */ e(O, { open: !0, type: "invoice", onCreate: D, onOpenChange: () => r(!1) })
+    d && /* @__PURE__ */ e(O, { open: !0, type: "invoice", onCreate: D, onOpenChange: () => r(!1) })
   ] });
 };
 export {

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

@@ -1,76 +1,16 @@
-import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { useMoniteContext as h } from "./index59.js";
-import { useCurrencies as y } from "./index60.js";
-import "react";
-import "./index94.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 "./index77.js";
-import "react-hot-toast";
-import { MoniteCard as g } from "./index476.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
-}) => {
+import { useMoniteContext as d } from "./index59.js";
+const n = (e) => {
   const {
-    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.") }) })
-  ] });
+    api: r
+  } = d();
+  return r.finops.getOverdueRemindersId.useQuery({
+    path: {
+      overdue_reminder_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
 };
 export {
-  L as ManualPaymentRecordDetails
+  n as useGetOverdueReminderById
 };