@tesouro/embedded-components-react 0.2.29 → 0.2.31

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

@@ -1,52 +1,26 @@
-import { useEffect as m, useMemo as f } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const p = 100, h = (s, g = !0) => {
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { FinanceHowItWorks as s } from "./index375.js";
+import { useKanmonContext as c } from "./index58.js";
+import { Dialog as m } from "./index52.js";
+import { useLingui as l } from "@lingui/react";
+import { Stack as p, Button as r } from "@mui/material";
+import { useState as g } from "react";
+const w = () => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getBankAccounts.useInfiniteQuery({
-    query: {
-      ...s,
-      limit: p
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (a, P, x, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: o,
-    fetchNextPage: r
-  } = e;
-  return m(() => {
-    n && !i && !o && r();
-  }, [n, i, o, r]), {
-    data: f(() => {
-      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
-  };
+    i18n: o
+  } = l(), {
+    startFinanceSession: t
+  } = c(), [e, i] = g(!1);
+  return /* @__PURE__ */ a(p, { direction: "row", gap: 1, alignItems: "center", children: [
+    /* @__PURE__ */ n(r, { variant: "text", onClick: () => i(!0), children: o._("How does invoice financing work?") }),
+    /* @__PURE__ */ n(r, { onClick: () => t(), variant: "contained", color: "primary", sx: {
+      px: 2.5,
+      py: 1.5,
+      height: 40
+    }, children: o._("Financing menu") }),
+    /* @__PURE__ */ n(m, { open: e, onClose: () => i(!1), alignDialog: "right", children: /* @__PURE__ */ n(s, {}) })
+  ] });
 };
 export {
-  h as useGetEmbeddedBankAccounts
+  w as FinanceMenuButtons
 };

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

@@ -1,52 +1,65 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const l = 100, h = (s, g = !0) => {
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { Fragment as m } from "react";
+import { useLingui as h } from "@lingui/react";
+import _ from "@mui/icons-material/MonetizationOnOutlined";
+import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
+const F = ({
+  offers: p
+}) => {
   const {
-    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
-          }
-        };
-    },
-    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
-  };
+    i18n: t
+  } = h(), d = g();
+  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
+    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
+      mb: 3,
+      display: "inline-block"
+    }, children: t._("Current offer") }),
+    /* @__PURE__ */ e(i, { sx: {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
+      backgroundColor: d.palette.background.paper,
+      borderRadius: "16px",
+      border: `1px solid ${d.palette.divider}`
+    }, children: [
+      /* @__PURE__ */ a(i, { sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        mb: 2
+      }, children: [
+        /* @__PURE__ */ e(_, { sx: {
+          fontSize: 24,
+          color: f(d.palette.primary.main, 0.6)
+        } }),
+        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
+          flex: "1 1 0%",
+          width: "100%"
+        }, children: t._("Financing plan") })
+      ] }),
+      /* @__PURE__ */ e(x, { sx: {
+        p: 0
+      }, children: /* @__PURE__ */ a(m, { children: [
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
+          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
+          itemRepayment_duration_days: r.repayment_duration_days
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
+          itemFee_percentage: r.fee_percentage / 100
+        }) }) })
+      ] }, r.advance_rate_percentage) })
+    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
+  ] });
 };
 export {
-  h as useGetExternalBankAccounts
+  F as FinanceOffers
 };

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

@@ -1,113 +1,16 @@
-import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useState as F, useCallback as k, useMemo as w } from "react";
-import { useFormContext as T, Controller as $ } from "react-hook-form";
-import { getCounterpartName as H, prepareAddressView as J } from "./index7.js";
-import { useRootElements as K } from "./index94.js";
-import "./index59.js";
-import { useCounterpartList as W } from "./index73.js";
-import "react-hot-toast";
-import { useLingui as X } from "@lingui/react";
-import { Combobox as Y, ComboboxInput as Z, ComboboxContent as tt, ComboboxList as et, ComboboxItem as C, ComboboxSeparator as rt } from "./index92.js";
-import { Button as ot } from "./index86.js";
-import { Field as at, FieldContent as it, FieldLabel as nt, FieldError as st } from "./index160.js";
-import { InputGroupAddon as lt } from "./index103.js";
-import { cn as dt } from "./index102.js";
-import { Loader2 as ut, Plus as mt } from "lucide-react";
-const h = "__create-new__", Vt = ({
-  setIsCreateCounterpartOpened: f,
-  setIsViewCounterpartOpened: b,
-  isSimplified: a = !1,
-  shouldDisableFormUpdate: x = !1,
-  disabled: S,
-  currentCounterpartId: z,
-  handleUpdateCounterpartId: v,
-  counterpartAddresses: I
-}) => {
-  const {
-    i18n: u
-  } = X(), {
-    root: A
-  } = K(), {
-    control: P,
-    watch: j
-  } = T(), {
-    data: g,
-    isLoading: D
-  } = W({
-    query: {
-      is_customer: !0
-    }
-  }), [m, _] = F(""), [c, y] = F(!1), M = k(() => {
-    !a && f && f(!0);
-  }, [a, f]), O = k(() => {
-    !a && b && b(!0);
-  }, [a, b]), q = j("counterpart_id"), p = x ? z : q, i = w(() => g ? g.data.map((r) => ({
-    id: r.id,
-    label: H(r)
-  })) : [], [g]), o = w(() => i.find((r) => r.id === p) ?? null, [i, p]), B = o ? o.label : m, {
-    matchingItems: N,
-    nonMatchingItems: L
-  } = w(() => {
-    const r = o ? "" : m.toLowerCase().trim();
-    if (!r)
-      return {
-        matchingItems: i,
-        nonMatchingItems: []
-      };
-    const n = [], l = [];
-    for (const d of i)
-      d.label.toLowerCase().includes(r) ? n.push(d) : l.push(d);
-    return {
-      matchingItems: n,
-      nonMatchingItems: l
-    };
-  }, [m, o, i]), U = w(() => [...a ? [] : [h], ...i.map((r) => r.id)], [i, a]), E = o ? Array.from(o.label)[0]?.toUpperCase() ?? "?" : "+", V = I?.data?.[0] ? J({
-    address: I.data[0]
-  }) : "", G = !c && !!o && !!V && !a;
-  return /* @__PURE__ */ e($, { name: "counterpart_id", control: P, render: ({
-    field: r,
-    fieldState: {
-      error: n
-    }
-  }) => {
-    const l = (t) => {
-      x && v ? v(t) : r.onChange(t);
-    }, d = (t) => {
-      if (t === h) {
-        M();
-        return;
-      }
-      _(""), l(t ?? "");
-    }, R = (t) => {
-      t !== h && (i.some((Q) => Q.id === t) || (_(t), p && l("")));
-    };
-    return /* @__PURE__ */ e(at, { children: /* @__PURE__ */ s(it, { children: [
-      /* @__PURE__ */ e(nt, { htmlFor: "counterpart_id", required: !0, children: u._("Customer") }),
-      /* @__PURE__ */ s(Y, { value: p ?? null, onValueChange: d, inputValue: B, onInputValueChange: R, items: U, filter: () => !0, disabled: S, open: c, onOpenChange: (t) => y(t), children: [
-        /* @__PURE__ */ s("div", { className: dt("ttw:flex ttw:flex-col ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:has-[[data-slot=input-group-control]:focus-visible]:border-ring ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20"), children: [
-          /* @__PURE__ */ s("div", { className: "ttw:relative", children: [
-            /* @__PURE__ */ e(Z, { id: "counterpart_id", placeholder: u._("Select customer"), "aria-invalid": !!n, showClear: c && (!!o || !!m), className: "ttw:min-h-10 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0 ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent", children: /* @__PURE__ */ e(lt, { align: "inline-start", children: D ? /* @__PURE__ */ e(ut, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ e("span", { className: "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:select-none ttw:text-xs ttw:font-medium", style: {
-              backgroundColor: o ? "rgba(203, 203, 254, 1)" : "rgba(235, 235, 255, 1)",
-              color: "rgba(55, 55, 255, 1)"
-            }, children: E }) }) }),
-            !c && o && !a && /* @__PURE__ */ e("div", { className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center", children: /* @__PURE__ */ e(ot, { type: "button", variant: "ghost", size: "sm", className: "ttw:pointer-events-auto ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary/10", onPointerDown: (t) => t.stopPropagation(), onClick: O, children: u._("View details") }) })
-          ] }),
-          G && /* @__PURE__ */ e("p", { className: "ttw:pl-12 ttw:pr-3 ttw:pb-2 ttw:text-xs ttw:text-muted-foreground ttw:cursor-text ttw:select-none", onClick: () => y(!0), children: V })
-        ] }),
-        /* @__PURE__ */ e(tt, { container: A, children: /* @__PURE__ */ s(et, { children: [
-          !a && /* @__PURE__ */ s(C, { value: h, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-            /* @__PURE__ */ e(mt, {}),
-            u._("Create new customer")
-          ] }),
-          N.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id)),
-          N.length > 0 && L.length > 0 && /* @__PURE__ */ e(rt, {}),
-          L.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id))
-        ] }) })
-      ] }),
-      /* @__PURE__ */ e(st, { errors: n ? [n] : [] })
-    ] }) });
-  } });
-};
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { Box as f } from "@mui/material";
+import { FinanceLimits as e } from "./index379.js";
+import { FinanceOffers as i } from "./index381.js";
+const p = ({
+  offers: s
+}) => /* @__PURE__ */ r(f, { sx: {
+  display: "flex",
+  gap: 2
+}, children: [
+  /* @__PURE__ */ o(e, { offers: s }),
+  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
+] });
 export {
-  Vt as CounterpartSelector
+  p as FinanceWidget
 };

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

@@ -1,56 +1,37 @@
-const a = {
-  AL: "Alabama",
-  AK: "Alaska",
-  AZ: "Arizona",
-  AR: "Arkansas",
-  CA: "California",
-  CO: "Colorado",
-  CT: "Connecticut",
-  DE: "Delaware",
-  FL: "Florida",
-  GA: "Georgia",
-  HI: "Hawaii",
-  ID: "Idaho",
-  IL: "Illinois",
-  IN: "Indiana",
-  IA: "Iowa",
-  KS: "Kansas",
-  KY: "Kentucky",
-  LA: "Louisiana",
-  ME: "Maine",
-  MD: "Maryland",
-  MA: "Massachusetts",
-  MI: "Michigan",
-  MN: "Minnesota",
-  MS: "Mississippi",
-  MO: "Missouri",
-  MT: "Montana",
-  NE: "Nebraska",
-  NV: "Nevada",
-  NH: "New Hampshire",
-  NJ: "New Jersey",
-  NM: "New Mexico",
-  NY: "New York",
-  NC: "North Carolina",
-  ND: "North Dakota",
-  OH: "Ohio",
-  OK: "Oklahoma",
-  OR: "Oregon",
-  PA: "Pennsylvania",
-  RI: "Rhode Island",
-  SC: "South Carolina",
-  SD: "South Dakota",
-  TN: "Tennessee",
-  TX: "Texas",
-  UT: "Utah",
-  VT: "Vermont",
-  VA: "Virginia",
-  WA: "Washington",
-  WV: "West Virginia",
-  WI: "Wisconsin",
-  WY: "Wyoming",
-  DC: "Washington D.C."
+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) => {
+  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 {
-  a as USStatesEnum
+  u as useCancelReceivableById
 };

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

@@ -1,38 +1,30 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { getCountriesArray as g } from "./index95.js";
-import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index92.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 { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
   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) })
-    ] }) })
-  ] });
+    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 MoniteCountryShadcn
+  u as useDeleteReceivableById
 };

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

@@ -1,28 +1,27 @@
-import { useMoniteContext as o } from "./index59.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const d = () => {
+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) => {
   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: 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
         }
-      }, t);
-    },
-    onError: () => {
-      n.error(e._("There was an error setting up the address"));
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
     }
   });
 };
 export {
-  d as useCreateCounterpartAddress
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,36 +1,76 @@
-import { useMoniteContext as e } from "./index59.js";
-import { useLingui as i } from "@lingui/react";
-import { toast as u } from "react-hot-toast";
-const d = () => {
+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 "./index456.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 {
-    api: r,
-    queryClient: n
-  } = e(), {
-    i18n: o
-  } = i();
-  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
-    onSuccess: async (t) => {
-      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
-        path: {
-          counterpart_id: t.counterpart_id,
-          bank_account_id: t.id
-        }
-      }, (a) => ({
-        ...a,
-        ...t
-      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: t.counterpart_id
-          }
-        }
-      }, n);
-    },
-    onError: () => {
-      u.error(o._("Failed to update Bank Account."));
-    }
-  });
+    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 {
-  d as useUpdateCounterpartBank
+  L as ManualPaymentRecordDetails
 };