@tesouro/embedded-components-react 0.2.205 → 0.2.206

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

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index43.js";
 import { ProductDetails as v } from "./index45.js";
 import { MoniteScopedProviders as x } from "./index83.js";
-import { useUserPermissions as h } from "./index146.js";
+import { useUserPermissions as h } from "./index135.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index157.js";
+import { AccessRestriction as S } from "./index136.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,41 +1,51 @@
-import { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { Switch as g } from "./index411.js";
-import { useState as v } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { Typography as l } from "./index85.js";
-import { ReminderBeforeDueDate as b } from "./index473.js";
-import { ReminderOverdue as E } from "./index474.js";
-import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index335.js";
-const I = ({
-  disabled: a
-}) => {
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index467.js";
+import { useWindowResize as z } from "./index468.js";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as O } from "./index68.js";
+import { useA4Dimensions as T } from "./index469.js";
+const K = (e, c, D = {}) => {
   const {
-    i18n: i
-  } = y(), {
-    watch: t,
-    setValue: d
-  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== N, [m, _] = v(o || w);
-  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
-        s || (d("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), d("overdue_reminder_id", "", {
-          shouldDirty: !0
-        })), _(s);
-      }, "aria-label": i._("Payment reminders") }),
-      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
-    ] }),
-    m && /* @__PURE__ */ r(h, { children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
-        f && /* @__PURE__ */ e(b, { disabled: a }),
-        /* @__PURE__ */ e(E, { disabled: a })
-      ] }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
-    ] })
-  ] });
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
+      return;
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
+      return;
+    }
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
+    };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
 };
 export {
-  I as RemindersSection
+  K as useAdaptiveScale
 };

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

@@ -1,67 +1,17 @@
-import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as x } from "react";
-import { getLineItemErrorMessage as b } from "./index399.js";
-import { useLingui as E } from "@lingui/react";
-import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: n
-}) => {
-  const t = o(() => {
-    for (const r of Object.values(n))
-      if (r) return !0;
-    return !1;
-  }, [n]);
-  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ a("div", { children: e }),
-    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
-  const {
-    i18n: n
-  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u];
-      if (typeof f == "object") {
-        const h = b(f, i);
-        if (h)
-          return h;
-      }
-    }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
-    if (!i || typeof i != "object") return !1;
-    const u = Object.keys(i);
-    return u.length > 0 && u.some((f) => i[f] != null);
-  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
-  return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || m || c || p || d)
-  };
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index100.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  l as AspectRatio
 };

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

@@ -1,46 +1,37 @@
-import { jsxs as _, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as b } from "react";
-import { Button as I } from "./index84.js";
-import { Checkbox as y } from "./index351.js";
-import { Trash2 as N } from "lucide-react";
-import { ItemSelector as R } from "./index424.js";
-import { PriceField as U } from "./index475.js";
-import { QuantityField as F } from "./index476.js";
-import { MeasureUnitField as V } from "./index477.js";
-const j = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: o,
-  onLineItemValueChange: n,
-  onUpdateItem: p,
-  onRemoveItem: u,
-  canRemove: s,
-  autoFocusName: h = !1
-}) => {
-  const w = !!a.line_items?.[t]?.product?.name, v = !!a.line_items?.[t]?.quantity, f = !!a.line_items?.[t]?.product?.price?.value, d = o("product.name"), x = !!(d && d.trim()), g = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ _("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(R, { onChange: (r, C) => p(t, r, C), fieldName: o("product.name") || "", index: t, error: w, autoFocus: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(F, { index: t, control: l, quantityError: v, canRemove: s, hasProduct: x, onLineItemValueChange: n, onRemoveItem: u }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: o("product.measure_unit_id"), onChange: (r) => {
-      n("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: g }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { error: f, currency: i, value: o("product.price.value"), onChange: (r) => {
-      n("product.price.value", r, {
-        shouldValidate: !0
-      });
-    } }) }),
-    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: o("taxable") ?? !1, onCheckedChange: (r) => {
-      n("taxable", r === !0);
-    } }) }),
-    s && /* @__PURE__ */ e(I, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => u(t), children: /* @__PURE__ */ e(N, {}) })
-  ] });
-}, z = b(j);
+import { useMoniteContext as c } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
+  const {
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    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
+      }));
+    }
+  });
+};
 export {
-  z as InvoiceItemRow
+  u as useCancelReceivableById
 };

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

@@ -1,27 +1,45 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as r } from "@lingui/react";
-import { twMerge as i } from "tailwind-merge";
-const o = ({
-  label: e,
-  value: l,
-  className: a
-}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
-  /* @__PURE__ */ t("span", { children: e }),
-  /* @__PURE__ */ t("span", { children: l?.toString() })
-] }), u = ({
-  subtotalPrice: e,
-  totalTaxes: l,
-  totalPrice: a
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index239.js";
+import "date-fns";
+import { Badge as s } from "./index238.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"
+    }
+  }
+}), z = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  dotSize: d,
+  ref: a
 }) => {
   const {
-    i18n: s
-  } = r();
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
-    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
-  ] });
+    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 {
-  u as InvoiceTotals
+  z as InvoiceRecurrenceIterationStatusChip
 };

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

@@ -1,144 +1,76 @@
-import { jsxs as P, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as x, useCallback as p, useMemo as w, useEffect as J } from "react";
-import { useMoniteContext as R } from "./index57.js";
-import { useCurrencies as X } from "./index58.js";
+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 Y } from "@lingui/react";
+import { useLingui as f } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as Z } from "./index146.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as ee } from "../../shared/data-access/dist/lib/scopes.js";
-import { Combobox as te, ComboboxInput as ne, ComboboxContent as ae, ComboboxList as ie, ComboboxEmpty as oe, ComboboxItem as re } from "./index90.js";
-import { InputGroupAddon as se } from "./index101.js";
-import { Loader2 as F } from "lucide-react";
-const le = "custom", Ie = ({
-  fieldName: i,
-  error: M,
-  disabled: T,
-  index: V = 0,
-  defaultCurrency: j,
-  measureUnits: C,
-  container: D,
-  autoFocus: E = !1,
-  onChange: l
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index75.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index473.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: f
-  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [O, y] = x(null), [_, u] = x(!1), {
-    api: q
-  } = R(), {
-    formatCurrencyToDisplay: z
-  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
-    data: v,
-    isLoading: A,
-    fetchNextPage: $,
-    hasNextPage: S,
-    isFetchingNextPage: N
-  } = q.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: I
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!I
-  }), B = p((e) => {
-    const {
-      scrollTop: t,
-      scrollHeight: r,
-      clientHeight: L
-    } = e.currentTarget;
-    r - t - L < 100 && S && !N && $();
-  }, [$, S, N]), o = w(() => v ? v.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [v]), d = w(() => !o || o.length === 0 ? [] : o.map((e) => {
-    const t = C ? C.data.find((r) => r.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: t
-    };
-  }), [o, C]);
-  J(() => {
-    !b && i && i.length > 0 && !g.length && (o?.find((e) => e?.name === i) || m(i));
-  }, [i, b, o, g]);
-  let n = o?.find((e) => e?.id === O);
-  if (!b && i && i.length > 0 && !g.length && !n) {
-    const e = o?.find((t) => t?.name === i);
-    e && (n = e);
-  }
-  const H = n ? n.id : null, h = n ? n.name : g, s = w(() => {
-    const e = h.toLowerCase().trim();
-    return !e || n && n.name.toLowerCase() === e ? d : d.filter((t) => t.label.toLowerCase().includes(e));
-  }, [h, d, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
-    k(!0), u(!0);
-  }, []), K = p(() => {
-    k(!1);
-  }, []), U = p((e) => {
-    if (!e) {
-      y(null), m(""), l({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    const t = d.find((r) => r.id === e);
-    t && (y(t.id), m(""), l(t, !0));
-  }, [d, l]), Q = p((e, t) => {
-    if (t.reason !== "input-change") {
-      c || m("");
-      return;
-    }
-    m(e), y(null), c && l(e.trim() ? {
-      id: le,
-      label: e
-    } : {
-      id: "",
-      label: ""
-    }, !1);
-  }, [c, l]);
-  return /* @__PURE__ */ P(te, { value: H, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: T, open: _, onOpenChange: u, children: [
-    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., Office supplies") : f._("Search for an item"), "aria-invalid": M || void 0, maxLength: 100, autoFocus: E, onFocus: G, onBlur: K, onClick: () => {
-      _ || u(!0);
-    }, onKeyDown: (e) => {
-      if (e.key === "Enter")
-        e.preventDefault(), u(!1);
-      else if (e.key === "Tab" && _) {
-        const t = h.toLowerCase().trim();
-        if (!t) return;
-        const r = s.find((L) => L.label.toLowerCase() === t) ?? (s.length === 1 ? s[0] : void 0);
-        r && (U(r.id), u(!1));
-      }
-    }, className: "ttw:w-full", children: A && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ a(ae, { container: D, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: B, children: [
-      /* @__PURE__ */ a(oe, { children: c ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
-      s.map((e) => /* @__PURE__ */ P(re, { value: e.id, children: [
-        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ a("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && z(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
-      ] }, e.id)),
-      N && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
+    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 {
-  le as CUSTOM_ID,
-  Ie as ItemSelector
+  L as ManualPaymentRecordDetails
 };