@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,67 +1,10 @@
-import { jsx as u, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as _ } from "react";
-import { getLineItemErrorMessage as v } from "./index429.js";
-import { useLingui as x } from "@lingui/react";
-import { Collapse as b, Alert as E, List as j, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: i
-}) => {
-  const t = o(() => {
-    for (const r of Object.values(i))
-      if (r) return !0;
-    return !1;
-  }, [i]);
-  return e || t ? /* @__PURE__ */ u(b, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(E, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ u("div", { children: e }),
-    t && /* @__PURE__ */ u(j, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(i).map(([r, s]) => s ? /* @__PURE__ */ u(L, { disablePadding: !0, children: /* @__PURE__ */ u(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
+import { useMoniteContext as n } from "./index59.js";
+const t = () => {
   const {
-    i18n: i
-  } = x(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = _((n) => {
-    for (let a = 0; a < t.length; a++) {
-      const f = t[a];
-      if (typeof f == "object") {
-        const h = v(f, n);
-        if (h)
-          return h;
-      }
-    }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), c = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), m = o(() => r("vat_rate_id") ?? r("vat_rate_value") ?? 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 || c || m || p || d) ? void 0 : t.some((n) => {
-    if (!n || typeof n != "object") return !1;
-    const a = Object.keys(n);
-    return a.length > 0 && a.some((f) => n[f] != null);
-  }) ? i._("Please check the form for errors") : void 0, [t, s, l, c, m, p, d, i]);
-  return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: c,
-      tax: m,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || c || m || p || d)
-  };
+    api: e
+  } = n();
+  return e.finops.getFinancingOffers.useQuery();
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  t as useGetFinanceOffers
 };

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

@@ -1,72 +1,13 @@
-import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as F } from "react";
-import { Button as M } from "./index86.js";
-import { TableRow as T, TableCell as u } from "./index278.js";
-import { Trash2 as O } from "lucide-react";
-import { ItemSelector as S } from "./index345.js";
-import { PriceField as j } from "./index446.js";
-import { QuantityField as z } from "./index447.js";
-import { TaxRateField as B } from "./index448.js";
-import { VatRateField as E } from "./index449.js";
-const P = ({
-  field: v,
-  index: t,
-  control: h,
-  errors: l,
-  actualCurrency: m,
-  defaultCurrency: _ = "USD",
-  measureUnitsData: c,
-  isNonVatSupported: s,
-  vatRates: p,
-  highestVatRate: f,
-  tableRowClassName: x,
-  shouldOverrideVatRateDefaults: V,
-  container: w,
-  onRequestLineItemValue: a,
-  onLineItemValueChange: r,
-  onLineItemManuallyChanged: o,
-  onRequestOpenCreateProductDialog: R,
-  onUpdateItem: C,
-  onRemoveItem: I,
-  onRequestLineItemValidation: g
-}) => {
-  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
-    a("vat_rate_id") !== i && r("vat_rate_id", i, {
-      shouldValidate: !1
-    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
-      shouldValidate: !1
-    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
-      shouldValidate: !1
-    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
-      shouldValidate: !1
-    });
-  }, b = () => {
-    g?.("tax_rate_value");
-  };
-  return /* @__PURE__ */ q(T, { className: x, children: [
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
-      r("product.price.value", i, {
-        shouldValidate: !0
-      }), o();
-    } }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
-      r("tax_rate_value", i, {
-        shouldValidate: !0
-      }), o();
-    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
-      r("vat_rate_id", i, {
-        shouldValidate: !0
-      }), r("vat_rate_value", n, {
-        shouldValidate: !0
-      }), r("tax_rate_value", void 0, {
-        shouldValidate: !1
-      }), o();
-    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
-  ] }, v.id);
-}, Y = F(P);
+import { useMoniteContext as o } from "./index59.js";
+const t = () => {
+  const {
+    api: n
+  } = o();
+  return n.finops.postFinancingInvoices.useMutation({}, {
+    onError: () => {
+    }
+  });
+};
 export {
-  Y as InvoiceItemRow
+  t as useFinanceAnInvoice
 };

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

@@ -1,40 +1,64 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
-import { twMerge as f } from "tailwind-merge";
-import { useCurrencies as p } from "./index60.js";
+import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as h } from "./index330.js";
+import { FinanceMenuButtons as g } from "./index345.js";
+import { FinanceProgressBar as y } from "./index332.js";
+import { useMoniteContext as x } from "./index59.js";
+import { useCurrencies as v } from "./index60.js";
 import "react";
 import "./index94.js";
+import { useLingui as b } from "@lingui/react";
 import "react-dom";
-import "./index59.js";
 import "@mui/x-data-grid";
-const a = ({
-  label: l,
-  value: r,
-  className: s
-}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
-  /* @__PURE__ */ t("span", { children: l }),
-  /* @__PURE__ */ t("span", { children: r?.toString() })
-] }), _ = ({
-  subtotalPrice: l,
-  totalTaxes: r,
-  totalPrice: s,
-  taxesByVatRate: o = {},
-  actualCurrency: i,
-  defaultCurrency: c
+import { useTheme as D, Box as a, Typography as r } from "@mui/material";
+const P = ({
+  offers: i = []
 }) => {
   const {
-    i18n: e
+    componentSettings: m
   } = x(), {
-    formatCurrencyToDisplay: u
-  } = p();
-  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
-    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
-      taxRate: n
-    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
+    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 {
-  _ as InvoiceTotals
+  P as FinanceLimits
 };

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

@@ -1,192 +1,26 @@
-import { jsxs as c, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as g, useRef as ne, useCallback as p, useMemo as x, useEffect as ie } from "react";
-import { useMoniteContext as re } from "./index59.js";
-import { useCurrencies as ae } from "./index60.js";
-import "./index94.js";
-import { useLingui as se } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Combobox as oe, ComboboxInput as le, ComboboxContent as me, ComboboxList as ue, ComboboxItem as C, ComboboxSeparator as ce } from "./index92.js";
-import { InputGroupAddon as de } from "./index103.js";
-import { Loader2 as V, Plus as pe } from "lucide-react";
-const b = "__create-new__", u = "custom", Ie = ({
-  fieldName: a,
-  error: E,
-  disabled: F,
-  index: z = 0,
-  actualCurrency: B,
-  defaultCurrency: H,
-  measureUnits: _,
-  container: K,
-  onCreateItem: $,
-  onChange: o
-}) => {
+import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
+import { FinanceHowItWorks as s } from "./index340.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 {
-    i18n: M
-  } = se(), k = B ?? H, [t, f] = g(""), [N, A] = g(!1), [Q, v] = g(null), [D, h] = g(!1), w = ne(!1), {
-    api: W
-  } = re(), {
-    formatCurrencyToDisplay: O
-  } = ae(), {
-    data: y,
-    isLoading: G,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: I
-  } = W.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!k
-  }), J = p((e) => {
-    const {
-      scrollTop: n,
-      scrollHeight: m,
-      clientHeight: P
-    } = e.currentTarget;
-    m - n - P < 100 && T && !I && S();
-  }, [S, T, I]), l = x(() => y ? y.pages.flatMap((e) => e.data) : [], [y]), r = x(() => !l || l.length === 0 ? [] : l.map((e) => {
-    const n = _ ? _.data.find((m) => m.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: n
-    };
-  }), [l, _, a]);
-  ie(() => {
-    !N && a && a.length > 0 && !t.length && (l?.find((e) => e?.name === a) || f(a));
-  }, [a, N, l, t]);
-  const R = p(() => {
-    A(!0), h(!0);
-  }, []), X = p(() => {
-    A(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
-      id: u,
-      label: t
-    }, !1);
-  }, [t, r, o]);
-  let s = l?.find((e) => e?.id === Q);
-  if (!N && a && a.length > 0 && !t.length && !s) {
-    const e = l?.find(
-      (n) => n?.name === a
-      // potentially item?.product.name, double check
-    );
-    e && (s = e);
-  }
-  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
-    matchingItems: U,
-    nonMatchingItems: j,
-    showCustomOption: q
-  } = x(() => {
-    const e = L.toLowerCase().trim();
-    if (!e || s && s.name.toLowerCase() === e)
-      return {
-        matchingItems: r,
-        nonMatchingItems: [],
-        showCustomOption: !1
-      };
-    const n = [], m = [];
-    for (const d of r)
-      d.label.toLowerCase().includes(e) ? n.push(d) : m.push(d);
-    const P = n.some((d) => d.label.toLowerCase() === e);
-    return {
-      matchingItems: n,
-      nonMatchingItems: m,
-      showCustomOption: !P && !!t.trim()
-    };
-  }, [L, r, s, t]), Z = x(() => [
-    b,
-    ...r.map((e) => e.id),
-    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
-    // it as the selected value and shows the clear button. The visible
-    // ComboboxItem is still gated by showCustomOption.
-    ...t ? [u] : []
-  ], [r, t]), ee = p((e) => {
-    if (!e) {
-      v(null), f(""), o({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    if (e === b) {
-      $();
-      return;
-    }
-    if (e === u) {
-      w.current = !0, o({
-        id: u,
-        label: t
-      }, !1);
-      return;
-    }
-    const n = r.find((m) => m.id === e);
-    n && (v(n.id), f(""), o(n, !0));
-  }, [t, r, o, $]), te = p((e) => {
-    if (e !== b && e !== u && !r.some((n) => n.id === e)) {
-      if (!e && w.current) {
-        w.current = !1;
-        return;
-      }
-      f(e), v(null), e.trim() && o({
-        id: u,
-        label: e
-      }, !1);
-    }
-  }, [r, o]);
-  return /* @__PURE__ */ c(oe, { value: Y, onValueChange: ee, inputValue: L, onInputValueChange: te, items: Z, filter: () => !0, disabled: F, open: D, onOpenChange: h, children: [
-    /* @__PURE__ */ i(le, { id: `item-selector-${z}`, placeholder: M._("Line item"), "aria-invalid": E || void 0, maxLength: 100, onFocus: R, onBlur: X, onClick: () => {
-      D || h(!0);
-    }, onKeyDown: (e) => {
-      e.key === "Enter" && (e.preventDefault(), t.trim() && (w.current = !0), h(!1));
-    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ i(de, { align: "inline-start", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(me, { container: K, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
-      /* @__PURE__ */ c(C, { value: b, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-        /* @__PURE__ */ i(pe, {}),
-        M._("Create new item")
-      ] }),
-      U.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      q && /* @__PURE__ */ i(C, { value: u, children: /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
-      (U.length > 0 || q) && j.length > 0 && /* @__PURE__ */ i(ce, {}),
-      j.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      I && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
+    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 {
-  u as CUSTOM_ID,
-  Ie as ItemSelector
+  w as FinanceMenuButtons
 };

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

@@ -1,28 +1,65 @@
-import { jsxs as o, jsx as t } from "@emotion/react/jsx-runtime";
-import { useFormContext as c } from "react-hook-form";
-import { DropdownMenu as d, DropdownMenuTrigger as m, DropdownMenuContent as l, DropdownMenuItem as r } from "./index152.js";
-import { useLingui as u } from "@lingui/react";
-import { ChevronDownIcon as x } from "lucide-react";
-function g({
-  disabled: e
-}) {
+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 {
-    i18n: n
-  } = u(), {
-    setValue: i,
-    watch: a
-  } = c(), s = a("tax_mode") === "inclusive";
-  return /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ t(m, { asChild: !0, disabled: e, children: /* @__PURE__ */ o("button", { type: "button", className: "ttw:text-primary ttw:font-medium ttw:text-sm ttw:flex ttw:items-center ttw:gap-1", disabled: e, children: [
-      n._(s ? "Incl. tax" : "Excl. tax"),
-      !e && /* @__PURE__ */ t(x, { className: "ttw:w-4 ttw:h-4" })
-    ] }) }),
-    /* @__PURE__ */ o(l, { children: [
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "exclusive"), children: n._("Excluding tax") }),
-      /* @__PURE__ */ t(r, { onClick: () => i("tax_mode", "inclusive"), children: n._("Including tax") })
-    ] })
+    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 {
-  g as TaxModeMenu
+  F as FinanceOffers
 };