@tesouro/embedded-components-react 0.2.116 → 0.2.118

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

@@ -1,170 +1,62 @@
-import { jsx as e, jsxs as s, Fragment as D } from "@emotion/react/jsx-runtime";
-import { Role as j } from "./index448.js";
-import { User as g } from "./index272.js";
-import { useApprovalPolicyScript as B } from "./index392.js";
-import { useApprovalPolicyTrigger as R } from "./index386.js";
-import { getCounterpartName as $ } from "./index7.js";
-import { useMoniteContext as q } from "./index57.js";
-import { useDialog as H } from "./index50.js";
-import { DialogFooter as N } from "./index449.js";
-import { DialogHeader as Q } from "./index450.js";
-import { useLingui as U, Trans as E } from "@lingui/react";
-import { Stack as c, Chip as w, DialogContent as F, Typography as u, Paper as A, Table as x, TableHead as C, TableRow as m, TableCell as o, TableBody as I } from "@mui/material";
-import { toast as M } from "react-hot-toast";
-const le = ({
-  approvalPolicy: d,
-  setIsEdit: P
+import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as _ } from "./index284.js";
+import { FinancedInvoiceStatusChip as C } from "./index54.js";
+import { useMoniteContext as D } from "./index57.js";
+import "react-hot-toast";
+import { useLingui as F } from "@lingui/react";
+import "./index56.js";
+import { useCurrencies as b } from "./index58.js";
+import { useState as I } from "react";
+import "./index92.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import "react-script-hook";
+import { useGetFinancedInvoices as T } from "./index287.js";
+import { Dialog as j } from "./index50.js";
+import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
+const K = ({
+  invoice: r,
+  offers: s
 }) => {
   const {
-    i18n: a
-  } = U(), T = H(), {
-    api: h,
-    queryClient: _
-  } = q(), {
-    triggers: i,
-    getTriggerLabel: k,
-    getAmountLabel: S
-  } = R({
-    approvalPolicy: d
-  }), {
-    rules: t,
-    getRuleLabel: b
-  } = B({
-    approvalPolicy: d
-  }), {
-    data: L
-  } = h.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    enabled: !!i?.tags?.length
-  }), {
-    data: W
-  } = h.finops.getCounterparts.useQuery({
-    query: {
-      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
-    }
-  }, {
-    enabled: !!i?.counterpart_id?.length
-  }), y = h.finops.deleteApprovalPoliciesId.useMutation(void 0, {
-    onSuccess: async () => {
-      await Promise.all([h.finops.getApprovalPolicies.invalidateQueries(_), h.finops.getApprovalPoliciesId.invalidateQueries({
-        parameters: {
-          path: {
-            approval_policy_id: d.id
-          }
-        }
-      }, _)]), M.success(a._("Approval policy has been deleted"));
-    }
-  }), f = Object.keys(i).map((r) => {
-    const l = k(r);
-    let p;
-    switch (r) {
-      case "was_created_by_user_id":
-        Array.isArray(i[r]) && (p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: i[r].map((n) => /* @__PURE__ */ e(g, { userId: n }, n)) }));
-        break;
-      case "tags":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: L?.data.map((n) => /* @__PURE__ */ e(w, { label: n.name }, n.id)) });
-        break;
-      case "counterpart_id":
-        p = /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: W?.data.map((n) => /* @__PURE__ */ e(w, { label: $(n) }, n.id)) });
-        break;
-      case "amount":
-        p = /* @__PURE__ */ e("p", { children: S(i.amount?.value ?? [], i.amount?.currency ?? "EUR") });
-        break;
-      default:
-        p = r;
-        break;
-    }
-    return {
-      label: l,
-      value: p
-    };
-  }), v = t && Object.keys(t)?.map((r) => {
-    if (!t[r]) return null;
-    switch (r) {
-      case "single_user":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(g, { userId: t[r].userId })
-        };
-      case "users_from_list":
-        return {
-          label: b(r, t[r].count),
-          value: /* @__PURE__ */ e(c, { direction: "column", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].userIds?.map((l) => /* @__PURE__ */ e(g, { userId: l }, l)) })
-        };
-      case "roles_from_list":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "row", gap: 1, sx: {
-            flexWrap: "wrap"
-          }, children: t[r].roleIds?.map((l) => /* @__PURE__ */ e(j, { roleId: l, quoted: !0 }, l)) })
-        };
-      case "approval_chain":
-        return {
-          label: b(r),
-          value: /* @__PURE__ */ e(c, { direction: "column", spacing: 0.5, children: t[r].chainUserIds?.map((l) => l ? /* @__PURE__ */ e(g, { userId: l }, l) : null) })
-        };
-    }
-  });
-  return /* @__PURE__ */ s(D, { children: [
-    /* @__PURE__ */ e(Q, { title: d?.name, closeButtonTooltip: a._("Close approval policy details") }),
-    /* @__PURE__ */ s(F, { children: [
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 2, mb: 1, children: a._("Description") }),
-      d?.description && /* @__PURE__ */ e(u, { variant: "body1", children: d.description }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Conditions") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: /* @__PURE__ */ e(E, { id: "INKhSX", components: {
-        0: /* @__PURE__ */ e("strong", {})
-      } }) }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Condition") }),
-          /* @__PURE__ */ e(o, { children: a._("Criteria") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: f.length > 0 ? f.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r.label }),
-          /* @__PURE__ */ e(o, { children: r.value })
-        ] }, r.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No conditions") }) }) })
-      ] }) }),
-      /* @__PURE__ */ e(u, { variant: "h5", mt: 4, mb: 1, children: a._("Approval flow") }),
-      /* @__PURE__ */ e(u, { variant: "body1", mb: 1, children: a._("Who needs to approve the document and how:") }),
-      /* @__PURE__ */ e(A, { variant: "outlined", children: /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: a._("Approval type") }),
-          /* @__PURE__ */ e(o, { children: a._("Users or Roles") })
-        ] }) }),
-        /* @__PURE__ */ e(I, { children: v && v.length > 0 ? v.map((r) => /* @__PURE__ */ s(m, { children: [
-          /* @__PURE__ */ e(o, { children: r?.label }),
-          /* @__PURE__ */ e(o, { children: r?.value })
-        ] }, r?.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { colSpan: 2, children: a._("No rules") }) }) })
-      ] }) })
+    i18n: i
+  } = F(), p = A(), {
+    locale: c
+  } = D(), [d, a] = I(!1), {
+    formatCurrencyToDisplay: l
+  } = b(), {
+    isLoading: u,
+    data: f
+  } = T({
+    invoice_id: r.id,
+    type: "receivable"
+  }), t = f?.data?.[0] ?? null, y = c.dateFormat, h = t ? l(t.repayment_schedule?.repayment_amount ?? 0, r.currency) : "—", v = t?.repayment_schedule?.repayment_date ? i.date(t?.repayment_schedule?.repayment_date, y) : "—", g = t?.status;
+  return u ? /* @__PURE__ */ e(E, { variant: "rounded", height: 80 }) : /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ n(o, { onClick: () => a(!0), sx: {
+      borderRadius: "16px",
+      px: 3,
+      py: 2.5,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      border: `1px solid ${p.palette.divider}`,
+      cursor: "pointer"
+    }, children: [
+      /* @__PURE__ */ n(o, { children: [
+        /* @__PURE__ */ e(m, { variant: "subtitle2", children: i._("Funding for {repaymentAmount}", {
+          repaymentAmount: h
+        }) }),
+        /* @__PURE__ */ e(m, { variant: "body1", children: i._("Repayment on {repaymentDate}", {
+          repaymentDate: v
+        }) })
+      ] }),
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(C, { icon: !0, status: g ?? "DEFAULTED" }) })
     ] }),
-    /* @__PURE__ */ e(N, { primaryButton: {
-      label: a._("Edit"),
-      onClick: () => P(!0)
-    }, deleteButton: {
-      onClick: () => {
-        y.mutate({
-          path: {
-            approval_policy_id: d.id
-          }
-        }, {
-          onSuccess: () => T?.onClose?.()
-        });
-      },
-      isLoading: y.isPending
-    } })
+    /* @__PURE__ */ e(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: t }) })
   ] });
 };
 export {
-  le as ApprovalPolicyView
+  K as FinanceOverviewCard
 };

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

@@ -1,24 +1,10 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+import { useMoniteContext as n } from "./index57.js";
+const t = () => {
+  const {
+    api: e
+  } = n();
+  return e.finops.getFinancingOffers.useQuery();
+};
 export {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  t as useGetFinanceOffers
 };

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

@@ -1,59 +1,13 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index92.js";
-import { FilterContainer as p } from "./index299.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index292.js";
-import { getRowToStatusTextMap as S } from "./index398.js";
-import { AutocompleteCreatedBy as M } from "./index399.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
-}) => {
+import { useMoniteContext as o } from "./index57.js";
+const t = () => {
   const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
-      },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
-      }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
-  ] });
+    api: n
+  } = o();
+  return n.finops.postFinancingInvoices.useMutation({}, {
+    onError: () => {
+    }
+  });
 };
 export {
-  O as ApprovalRequestsFilter
+  t as useFinanceAnInvoice
 };

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

@@ -1,31 +1,64 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useLingui as n } from "@lingui/react";
-import { Chip as u } from "@mui/material";
-import { styled as l, useThemeProps as f } from "@mui/material/styles";
-import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index292.js";
-import { getRowToStatusTextMap as T } from "./index398.js";
-const c = ({
-  ref: s,
-  ...e
+import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as h } from "./index280.js";
+import { FinanceMenuButtons as g } from "./index295.js";
+import { FinanceProgressBar as y } from "./index282.js";
+import { useMoniteContext as x } from "./index57.js";
+import { useCurrencies as v } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as b } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useTheme as D, Box as a, Typography as r } from "@mui/material";
+const P = ({
+  offers: i = []
 }) => {
   const {
-    status: t,
-    icon: a,
-    size: i,
-    variant: p
-  } = f({
-    props: e,
-    name: "MoniteApprovalRequestStatusChip"
-  }), {
-    i18n: m
-  } = n(), o = S[t];
-  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
-}, _ = l(u, {
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  name: "MoniteApprovalRequestStatusChip",
-  slot: "root",
-  shouldForwardProp: () => !0
-})({});
+    componentSettings: m
+  } = x(), {
+    i18n: n
+  } = b(), u = D(), {
+    formatCurrencyToDisplay: o
+  } = v(), s = i?.[0]?.total_amount ?? 0, l = (i?.[0]?.status === "LATE" ? 0 : i?.[0]?.available_amount) ?? 0, p = l / s * 100, c = i?.[0]?.status !== "CLOSED" && i?.[0]?.status !== "DEFAULTED", d = () => {
+    switch (i?.[0]?.status) {
+      case "DEFAULTED":
+        return n._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details.");
+      case "CLOSED":
+        return n._("Financing is not available for your business anymore. Please, contact the provider for further details.");
+      case "LATE":
+        return n._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.");
+      default:
+        return n._("Your amount available for financing additional invoices.");
+    }
+  };
+  return !i || i.length === 0 ? null : /* @__PURE__ */ t(a, { maxWidth: "440px", width: "100%", children: [
+    /* @__PURE__ */ e(r, { variant: "subtitle1", sx: {
+      mb: 3,
+      display: "inline-block"
+    }, children: n._("My financing") }),
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ t(a, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1.25
+    }, children: [
+      /* @__PURE__ */ e(a, { children: c ? /* @__PURE__ */ t(f, { children: [
+        /* @__PURE__ */ e(r, { variant: "body1", children: n._("Remaining limit") }),
+        /* @__PURE__ */ t(a, { display: "flex", alignItems: "center", gap: 1, children: [
+          /* @__PURE__ */ e(r, { variant: "h2", fontSize: 24, lineHeight: "32px", children: o(l, "USD") }),
+          /* @__PURE__ */ t(r, { component: "span", variant: "subtitle1", fontSize: 18, color: u.palette.grey[400], children: [
+            "/ ",
+            o(s, "USD")
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e(r, { variant: "h2", fontSize: 24, children: n._("Not available") }) }),
+      /* @__PURE__ */ t(a, { display: "flex", flexDirection: "column", gap: 1.5, children: [
+        c && /* @__PURE__ */ e(y, { progress: p }),
+        /* @__PURE__ */ e(r, { variant: "body1", fontSize: 14, lineHeight: "22px", fontWeight: 400, children: d() })
+      ] }),
+      m?.financing?.enableFinanceWidgetButton && /* @__PURE__ */ e(g, {})
+    ] }) })
+  ] });
+};
 export {
-  c as ApprovalRequestStatusChip
+  P as FinanceLimits
 };

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

@@ -1,62 +1,26 @@
-import { jsxs as d, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as c } from "react";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserByAuthToken as p } from "./index75.js";
-import "react-hot-toast";
-import { useLingui as s } from "@lingui/react";
-import u from "@mui/icons-material/CheckCircleOutlineRounded";
-import f from "@mui/icons-material/HighlightOffRounded";
-import { Stack as m, IconButton as a } from "@mui/material";
-const C = ({
-  id: o,
-  onClick: t
-}) => {
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { FinanceHowItWorks as s } from "./index290.js";
+import { useKanmonContext as c } from "./index56.js";
+import { Dialog as m } from "./index50.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 {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Approve request"), color: "success", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "approve"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(u, {}) });
-}, k = ({
-  id: o,
-  onClick: t
-}) => {
-  const {
-    i18n: r
-  } = s(), [i, n] = c(!1);
-  return /* @__PURE__ */ e(a, { "aria-label": r._("Reject request"), color: "error", disabled: i, onClick: (l) => {
-    l.preventDefault(), n(!0), t({
-      id: o,
-      action: "reject"
-    })?.finally(() => n(!1));
-  }, children: /* @__PURE__ */ e(f, {}) });
-}, q = (o) => {
-  const {
-    i18n: t
-  } = s(), {
-    data: r
-  } = p();
-  if ("onRowActionClick" in o && o.onRowActionClick)
-    return {
-      field: "actions",
-      headerName: t._("Actions"),
-      sortable: !1,
-      display: "flex",
-      align: "right",
-      renderCell: (i) => {
-        if (i.row.status === "waiting" && r?.id && i.row.user_ids.includes(r.id) && !i.row.approved_by?.includes(r.id))
-          return /* @__PURE__ */ d(m, { direction: "row", children: [
-            /* @__PURE__ */ e(C, { id: i.row.id, onClick: o.onRowActionClick }),
-            /* @__PURE__ */ e(k, { id: i.row.id, onClick: o.onRowActionClick })
-          ] });
-      }
-    };
+    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 {
-  q as useApprovalRequestActionsCell
+  w as FinanceMenuButtons
 };

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

@@ -1,22 +1,65 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import "./index57.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useEntityUserById as e } from "./index75.js";
-import "react";
-import "react-hot-toast";
-import "@lingui/react";
-import { UserAvatar as m } from "./index400.js";
-import { Chip as i, Skeleton as n } from "@mui/material";
-const y = ({
-  entityUserId: o
+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 {
-    data: r,
-    isLoading: a
-  } = e(o);
-  return r ? a ? /* @__PURE__ */ t(i, { label: /* @__PURE__ */ t(n, { variant: "rounded", height: "50%", width: 100, animation: "wave" }) }) : /* @__PURE__ */ t(i, { avatar: /* @__PURE__ */ t(m, { fileId: r.userpic_file_id }), label: `${r.first_name ?? ""} ${r.last_name ?? ""}`.trim() || "—", variant: "outlined", color: "secondary" }) : null;
+    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 {
-  y as UserCell
+  F as FinanceOffers
 };