@tesouro/embedded-components-react 0.2.19 → 0.2.21

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

@@ -1,10 +1,30 @@
-import { useMoniteContext as n } from "./index59.js";
-const t = () => {
+import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
+import { useLingui as m } from "@lingui/react";
+import { twMerge as d } from "tailwind-merge";
+const p = ({
+  isAllStatus: s,
+  data: w,
+  amountOfItems: i,
+  selected: l,
+  onClick: n,
+  formatAmount: a,
+  statusChip: r,
+  allItemsText: o
+}) => {
   const {
-    api: e
-  } = n();
-  return e.finops.getFinancingOffers.useQuery();
+    i18n: c
+  } = m();
+  return /* @__PURE__ */ t("button", { onClick: n, type: "button", className: d("ttw:flex ttw:flex-col ttw:gap-2 ttw:px-4 ttw:py-2 ttw:rounded-xl ttw:border ttw:w-42 ttw:shrink-0 ttw:text-left ttw:cursor-pointer ttw:transition-colors ttw:bg-white", l ? "ttw:border-indigo-700" : "ttw:border-white ttw:hover:border-indigo-700"), children: s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+    /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:text-zinc-950", children: o ?? c._("All items") }),
+    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums", children: w })
+  ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2", children: [
+      r,
+      /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:text-zinc-950 ttw:tabular-nums", children: i ?? 0 })
+    ] }),
+    /* @__PURE__ */ t("span", { className: "ttw:text-2xl ttw:font-medium ttw:text-zinc-950 ttw:leading-8 ttw:tabular-nums ttw:overflow-hidden ttw:whitespace-nowrap ttw:text-ellipsis", children: a(w) })
+  ] }) });
 };
 export {
-  t as useGetFinanceOffers
+  p as StatusCard
 };

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

@@ -1,13 +1,129 @@
-import { useMoniteContext as o } from "./index59.js";
-const t = () => {
-  const {
-    api: n
-  } = o();
-  return n.finops.postFinancingInvoices.useMutation({}, {
-    onError: () => {
-    }
-  });
-};
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
+    }
+  }
+}
 export {
-  t as useFinanceAnInvoice
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,64 +1,26 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index331.js";
-import { FinanceMenuButtons as g } from "./index345.js";
-import { FinanceProgressBar as y } from "./index333.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 "@mui/x-data-grid";
-import { useTheme as D, Box as a, Typography as r } from "@mui/material";
-const P = ({
-  offers: i = []
-}) => {
+import { useMoniteContext as u } from "./index59.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const p = (r, s) => {
   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.");
+    i18n: e
+  } = n(), {
+    api: t,
+    queryClient: i
+  } = u();
+  return t.finops.deleteProductsId.useMutation({
+    path: {
+      product_id: r
     }
-  };
-  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, {})
-    ] }) })
-  ] });
+  }, {
+    onSuccess: async () => {
+      await t.finops.getProducts.invalidateQueries(i), o.success(e._("Product was deleted.")), s?.();
+    },
+    onError: () => {
+      o.error(e._("Failed to delete product."));
+    }
+  });
 };
 export {
-  P as FinanceLimits
+  p as useDeleteProduct
 };

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

@@ -1,26 +1,67 @@
-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 = () => {
+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 "./index350.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: 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, {}) })
-  ] });
+    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 {
-  w as FinanceMenuButtons
+  q as FormErrorDisplay,
+  C as useFormErrors
 };

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

@@ -1,65 +1,46 @@
-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 { jsxs as _, jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as b } from "react";
+import { Button as I } from "./index86.js";
+import { Checkbox as y } from "./index385.js";
+import { Trash2 as R } from "lucide-react";
+import { ItemSelector as U } from "./index348.js";
+import { PriceField as N } from "./index452.js";
+import { QuantityField as V } from "./index453.js";
+import { MeasureUnitField as j } from "./index454.js";
+const k = ({
+  index: t,
+  control: l,
+  errors: a,
+  defaultCurrency: i = "USD",
+  measureUnitsData: m,
+  container: c,
+  onRequestLineItemValue: n,
+  onLineItemValueChange: o,
+  onRequestOpenCreateProductDialog: p,
+  onUpdateItem: h,
+  onRemoveItem: s,
+  canRemove: u
 }) => {
-  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}`))) })
+  const w = !!a.line_items?.[t]?.product?.name, v = !!a.line_items?.[t]?.quantity, f = !!a.line_items?.[t]?.product?.price?.value, d = n("product.name"), x = !!(d && d.trim()), C = a.line_items?.[t]?.product?.measure_unit_id;
+  return /* @__PURE__ */ _("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(U, { onCreateItem: p, onChange: (r, g) => h(t, r, g), fieldName: n("product.name") || "", index: t, error: w, defaultCurrency: i, measureUnits: m, container: c }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { index: t, control: l, quantityError: v, canRemove: u, hasProduct: x, onLineItemValueChange: o, onRemoveItem: s }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(j, { value: n("product.measure_unit_id"), onChange: (r) => {
+      o("product.measure_unit_id", r, {
+        shouldValidate: !0
+      });
+    }, availableMeasureUnits: m?.data || [], fieldError: C }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { error: f, currency: i, value: n("product.price.value"), onChange: (r) => {
+      o("product.price.value", r, {
+        shouldValidate: !0
+      });
+    } }) }),
+    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: n("taxable") ?? !1, onCheckedChange: (r) => {
+      o("taxable", r === !0);
+    } }) }),
+    u && /* @__PURE__ */ e(I, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => s(t), children: /* @__PURE__ */ e(R, {}) })
   ] });
-};
+}, S = b(k);
 export {
-  F as FinanceOffers
+  S as InvoiceItemRow
 };

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

@@ -1,16 +1,27 @@
-import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { Box as f } from "@mui/material";
-import { FinanceLimits as e } from "./index344.js";
-import { FinanceOffers as i } from "./index346.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 })
-] });
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as r } from "@lingui/react";
+import { twMerge as i } from "tailwind-merge";
+const o = ({
+  label: e,
+  value: l,
+  className: a
+}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
+  /* @__PURE__ */ t("span", { children: e }),
+  /* @__PURE__ */ t("span", { children: l?.toString() })
+] }), u = ({
+  subtotalPrice: e,
+  totalTaxes: l,
+  totalPrice: a
+}) => {
+  const {
+    i18n: s
+  } = r();
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
+    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
+  ] });
+};
 export {
-  p as FinanceWidget
+  u as InvoiceTotals
 };