@tesouro/embedded-components-react 0.2.222 → 0.2.223

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

@@ -1,38 +1,14 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { getCountriesArray as g } from "./index93.js";
-import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.js";
-import { useLingui as A } from "@lingui/react";
-const E = ({
-  value: c,
-  onChange: u,
-  disabled: b,
-  invalid: C,
-  allowedCountries: a,
-  showClearButton: h = !0,
-  className: p,
-  container: x
-}) => {
+import { useMoniteContext as s } from "./index57.js";
+const r = (e, t = !0) => {
   const {
-    i18n: t
-  } = A(), r = d(() => {
-    const e = g(t);
-    return a ? e.filter((n) => a.includes(n.code)) : e;
-  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
-  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
-    const i = n.toLowerCase().trim();
-    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
-  }, disabled: m, children: [
-    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
-    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
-      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
-        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
-        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-      ] }, e) })
-    ] }) })
-  ] });
+    api: n
+  } = s();
+  return n.finops.getBankDetails.useQuery({
+    query: e
+  }, {
+    enabled: t
+  });
 };
 export {
-  E as MoniteCountryShadcn
+  r as useGetEntityBankAccounts
 };

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

@@ -1,28 +1,52 @@
-import { useMoniteContext as o } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const d = () => {
+import { useEffect as m, useMemo as p } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const l = 100, h = (s, g = !0) => {
   const {
-    i18n: e
-  } = a(), {
-    api: r,
-    queryClient: t
-  } = o();
-  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
-    onSuccess: async (s) => {
-      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: s.counterpart_id
+    api: u
+  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    query: {
+      ...s,
+      limit: l
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (a, x, P, d) => {
+      const t = a.nextPaginationToken ?? void 0;
+      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
+        return {
+          query: {
+            pagination_token: t
           }
-        }
-      }, t);
+        };
     },
-    onError: () => {
-      n.error(e._("There was an error setting up the address"));
-    }
-  });
+    enabled: g
+  }), {
+    hasNextPage: n,
+    isFetchingNextPage: i,
+    isError: r,
+    fetchNextPage: o
+  } = e;
+  return m(() => {
+    n && !i && !r && o();
+  }, [n, i, r, o]), {
+    data: p(() => {
+      if (e.data)
+        return {
+          data: e.data.pages.flatMap((a) => a.data ?? []),
+          nextPaginationToken: null,
+          prevPaginationToken: null
+        };
+    }, [e.data]),
+    isLoading: e.isLoading,
+    isFetching: e.isFetching,
+    isError: e.isError,
+    error: e.error
+  };
 };
 export {
-  d as useCreateCounterpartAddress
+  h as useGetExternalBankAccounts
 };

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

@@ -1,125 +1,48 @@
-import { useCurrencies as m } from "./index58.js";
-import "react";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index453.js";
-const O = ({
-  approvalPolicy: i
-}) => {
-  const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
+import { useEffect as _ } from "react";
+const c = (i, u, r) => {
+  _(() => {
+    if (!i?.data?.length) return;
+    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
+      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
+      let a;
+      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: a.id,
+          measure_unit_name: void 0
+        },
+        measure_unit: {
+          id: a.id,
+          name: a.name || ""
+        }
+      } : t ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0,
+          measure_unit_name: t
+        },
+        measure_unit: {
+          name: t,
+          id: null
+        }
+      } : n === "" || n === void 0 ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0
+        }
+      } : {
+        ...e
+      };
+    });
+    r({
+      ...d,
+      line_items: o
+    });
+  }, [i?.data, r, u]);
 };
 export {
-  O as useApprovalPolicyTrigger
+  c as useMeasureUnitsMapping
 };

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

@@ -1,20 +1,37 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
+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 {
-  e as ColumnList
+  u as useCancelReceivableById
 };

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

@@ -1,18 +1,30 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
+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 {
+    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 {
-  e as UBuilding
+  u as useDeleteReceivableById
 };

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

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as u, Fragment as $ } from "@emotion/react/jsx-runtime";
-import { InvoicesCounterpartCell as q } from "./index176.js";
-import { InvoiceRecurrenceStatusChip as B } from "./index177.js";
+import { InvoicesCounterpartCell as q } from "./index168.js";
+import { InvoiceRecurrenceStatusChip as B } from "./index169.js";
 import { InvoiceStatusChip as E } from "./index55.js";
-import { InvoicesFilterBar as U } from "./index178.js";
-import { InvoiceStatusCardsFilter as V } from "./index179.js";
-import { useInvoicesFilter as j } from "./index143.js";
-import { useGetReceivables as G } from "./index144.js";
+import { InvoicesFilterBar as U } from "./index170.js";
+import { InvoiceStatusCardsFilter as V } from "./index171.js";
+import { useInvoicesFilter as j } from "./index148.js";
+import { useGetReceivables as G } from "./index149.js";
 import { useMoniteContext as x } from "./index57.js";
 import { MoniteScopedProviders as Q } from "./index83.js";
 import { useCurrencies as W } from "./index58.js";
-import { ReceivableCursorFields as C } from "./index180.js";
-import { GetNoRowsOverlay as H } from "./index158.js";
-import { DueDateCell as J } from "./index181.js";
-import { DataTable as X } from "./index159.js";
-import { Skeleton as Y } from "./index134.js";
+import { ReceivableCursorFields as C } from "./index172.js";
+import { GetNoRowsOverlay as H } from "./index163.js";
+import { DueDateCell as J } from "./index173.js";
+import { DataTable as X } from "./index164.js";
+import { Skeleton as Y } from "./index139.js";
 import { useLingui as Z } from "@lingui/react";
 import tt from "@mui/icons-material/Sync";
 import { useState as d, useEffect as w } from "react";

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

@@ -1,18 +1,45 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index287.js";
+import "date-fns";
+import { Badge as s } from "./index221.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: 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 {
-  a as ULabel
+  z as InvoiceRecurrenceIterationStatusChip
 };

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

@@ -1,18 +1,27 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
+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 {
-  l as UMoneyBill
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,18 +1,76 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
+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 "./index435.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: 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 {
-  h as UUserCircle
+  L as ManualPaymentRecordDetails
 };