@tesouro/embedded-components-react 0.2.133 → 0.2.149

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

@@ -1,62 +1,31 @@
-import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as _ } from "./index315.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 "./index317.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
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index65.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
 }) => {
-  const {
-    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(j, { open: d, onClose: () => a(!1), alignDialog: "right", children: /* @__PURE__ */ e(_, { invoice: r, offers: s?.offers, financedInvoice: t }) })
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      }
+    } })
   ] });
 };
 export {
-  K as FinanceOverviewCard
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -1,10 +1,80 @@
-import { useMoniteContext as n } from "./index57.js";
-const t = () => {
-  const {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
-};
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
+}) {
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
+}
 export {
-  t as useGetFinanceOffers
+  i as getLayoutStyles
 };

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

@@ -1,13 +1,12 @@
-import { useMoniteContext as o } from "./index57.js";
-const t = () => {
-  const {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
-    }
-  });
-};
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { cn as o } from "./index100.js";
+import * as r from "@radix-ui/react-label";
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(r.Root, { "data-slot": "label", className: o("ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-none ttw:font-medium ttw:select-none ttw:group-data-[disabled=true]:pointer-events-none ttw:group-data-[disabled=true]:opacity-50 ttw:peer-disabled:cursor-not-allowed ttw:peer-disabled:opacity-50", t), ...e });
+}
 export {
-  t as useFinanceAnInvoice
+  l as Label
 };

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

@@ -1,64 +1,151 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index311.js";
-import { FinanceMenuButtons as g } from "./index325.js";
-import { FinanceProgressBar as y } from "./index313.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 {
-    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, {})
-    ] }) })
-  ] });
-};
+import { z as D } from "zod";
+const S = {
+  AED: "AED",
+  AFN: "AFN",
+  ALL: "ALL",
+  AMD: "AMD",
+  ANG: "ANG",
+  AOA: "AOA",
+  ARS: "ARS",
+  AUD: "AUD",
+  AWG: "AWG",
+  AZN: "AZN",
+  BAM: "BAM",
+  BBD: "BBD",
+  BDT: "BDT",
+  BGN: "BGN",
+  BHD: "BHD",
+  BIF: "BIF",
+  BMD: "BMD",
+  BND: "BND",
+  BOB: "BOB",
+  BRL: "BRL",
+  BSD: "BSD",
+  BTN: "BTN",
+  BWP: "BWP",
+  BYN: "BYN",
+  BZD: "BZD",
+  CAD: "CAD",
+  CDF: "CDF",
+  CHF: "CHF",
+  CLP: "CLP",
+  CNY: "CNY",
+  COP: "COP",
+  CRC: "CRC",
+  CVE: "CVE",
+  CZK: "CZK",
+  DJF: "DJF",
+  DKK: "DKK",
+  DOP: "DOP",
+  DZD: "DZD",
+  EGP: "EGP",
+  ETB: "ETB",
+  EUR: "EUR",
+  FJD: "FJD",
+  FKP: "FKP",
+  GBP: "GBP",
+  GEL: "GEL",
+  GHS: "GHS",
+  GIP: "GIP",
+  GMD: "GMD",
+  GNF: "GNF",
+  GTQ: "GTQ",
+  GYD: "GYD",
+  HKD: "HKD",
+  HNL: "HNL",
+  HTG: "HTG",
+  HUF: "HUF",
+  IDR: "IDR",
+  ILS: "ILS",
+  INR: "INR",
+  IQD: "IQD",
+  ISK: "ISK",
+  JMD: "JMD",
+  JOD: "JOD",
+  JPY: "JPY",
+  KES: "KES",
+  KGS: "KGS",
+  KHR: "KHR",
+  KMF: "KMF",
+  KRW: "KRW",
+  KWD: "KWD",
+  KYD: "KYD",
+  KZT: "KZT",
+  LAK: "LAK",
+  LBP: "LBP",
+  LKR: "LKR",
+  LRD: "LRD",
+  LSL: "LSL",
+  LYD: "LYD",
+  MAD: "MAD",
+  MDL: "MDL",
+  MGA: "MGA",
+  MKD: "MKD",
+  MMK: "MMK",
+  MNT: "MNT",
+  MOP: "MOP",
+  MUR: "MUR",
+  MVR: "MVR",
+  MWK: "MWK",
+  MXN: "MXN",
+  MYR: "MYR",
+  MZN: "MZN",
+  NAD: "NAD",
+  NGN: "NGN",
+  NIO: "NIO",
+  NOK: "NOK",
+  NPR: "NPR",
+  NZD: "NZD",
+  OMR: "OMR",
+  PAB: "PAB",
+  PEN: "PEN",
+  PGK: "PGK",
+  PHP: "PHP",
+  PKR: "PKR",
+  PLN: "PLN",
+  PYG: "PYG",
+  QAR: "QAR",
+  RON: "RON",
+  RSD: "RSD",
+  RUB: "RUB",
+  RWF: "RWF",
+  SAR: "SAR",
+  SBD: "SBD",
+  SCR: "SCR",
+  SEK: "SEK",
+  SGD: "SGD",
+  SHP: "SHP",
+  SLE: "SLE",
+  SOS: "SOS",
+  SRD: "SRD",
+  SSP: "SSP",
+  SVC: "SVC",
+  SZL: "SZL",
+  THB: "THB",
+  TJS: "TJS",
+  TMT: "TMT",
+  TND: "TND",
+  TOP: "TOP",
+  TRY: "TRY",
+  TTD: "TTD",
+  TWD: "TWD",
+  TZS: "TZS",
+  UAH: "UAH",
+  UGX: "UGX",
+  USD: "USD",
+  UYU: "UYU",
+  UZS: "UZS",
+  VND: "VND",
+  VUV: "VUV",
+  WST: "WST",
+  XAF: "XAF",
+  XCD: "XCD",
+  XOF: "XOF",
+  XPF: "XPF",
+  YER: "YER",
+  ZAR: "ZAR",
+  ZMW: "ZMW"
+}, N = D.enum(Object.keys(S));
 export {
-  P as FinanceLimits
+  N as CurrencyEnumSchema
 };

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

@@ -1,26 +1,21 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index320.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: 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, {}) })
-  ] });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as s } from "lucide-react";
+function w({
+  className: r,
+  ...a
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
+}
+function c({
+  className: r,
+  dotClassName: a,
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
+}
 export {
-  w as FinanceMenuButtons
+  w as RadioGroup,
+  c as RadioGroupItem
 };

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

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