@tesouro/embedded-components-react 0.2.49 → 0.2.51

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

@@ -1,64 +1,194 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index292.js";
-import { FinanceMenuButtons as g } from "./index306.js";
-import { FinanceProgressBar as y } from "./index294.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 = []
-}) => {
-  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.");
+import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
+import { useMoniteContext as D } from "./index59.js";
+import { useCurrencies as k } from "./index60.js";
+import { toMinorUnits as $ } from "./index122.js";
+import { useState as C, useMemo as l, useCallback as d } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index406.js";
+const _ = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], w = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function v() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function V() {
+  const [e, s] = C(v), {
+    formatToMinorUnits: u
+  } = k(), {
+    componentSettings: h
+  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(o)) {
+          const n = i(o);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
+    }
+    return a;
+  }, [e, c, u]), f = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), b = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${o}: ${t}`
+      });
+    }
+    if (e.status.length) {
+      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
+      a.push({
+        key: "status",
+        label: `Status: ${N(t)}`
+      });
     }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e]), y = d((a) => {
+    const {
+      from: t,
+      to: o
+    } = A(a);
+    s((r) => ({
+      ...r,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: o
+    }));
+  }, []), g = d((a, t) => {
+    s((o) => ({
+      ...o,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), M = d((a) => {
+    s((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), P = d((a) => {
+    switch (a) {
+      case "date": {
+        s((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
+      }
+      case "status":
+        s((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        s((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "attachment":
+        s((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        s((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), S = d(() => s(v()), []);
+  return {
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
   };
-  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 {
-  P as FinanceLimits
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,26 +1,41 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index301.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 { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
+import { useLingui as y } from "@lingui/react";
+import { Switch as g } from "./index398.js";
+import { useState as v } from "react";
+import { useFormContext as x } from "react-hook-form";
+import { Typography as l } from "./index87.js";
+import { ReminderBeforeDueDate as b } from "./index423.js";
+import { ReminderOverdue as N } from "./index424.js";
+import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index202.js";
+const I = ({
+  disabled: a
+}) => {
   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: i
+  } = y(), {
+    watch: t,
+    setValue: d
+  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== D, [m, _] = v(o || w);
+  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
+      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
+        s || (d("payment_reminder_id", "", {
+          shouldDirty: !0
+        }), d("overdue_reminder_id", "", {
+          shouldDirty: !0
+        })), _(s);
+      }, "aria-label": i._("Payment reminders") }),
+      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
+    ] }),
+    m && /* @__PURE__ */ r(h, { children: [
+      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
+        f && /* @__PURE__ */ e(b, { disabled: a }),
+        /* @__PURE__ */ e(N, { disabled: a })
+      ] }),
+      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
+    ] })
   ] });
 };
 export {
-  w as FinanceMenuButtons
+  I as RemindersSection
 };

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

@@ -1,65 +1,48 @@
-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: 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}`))) })
-  ] });
+import { useEffect as _ } from "react";
+const c = (i, u, r) => {
+  _(() => {
+    if (!i?.data?.length) return;
+    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
+      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
+      let a;
+      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: a.id,
+          measure_unit_name: void 0
+        },
+        measure_unit: {
+          id: a.id,
+          name: a.name || ""
+        }
+      } : t ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0,
+          measure_unit_name: t
+        },
+        measure_unit: {
+          name: t,
+          id: null
+        }
+      } : n === "" || n === void 0 ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0
+        }
+      } : {
+        ...e
+      };
+    });
+    r({
+      ...d,
+      line_items: o
+    });
+  }, [i?.data, r, u]);
 };
 export {
-  F as FinanceOffers
+  c as useMeasureUnitsMapping
 };

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

@@ -1,16 +1,42 @@
-import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { Box as f } from "@mui/material";
-import { FinanceLimits as e } from "./index305.js";
-import { FinanceOffers as i } from "./index307.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 { useMoniteContext as n } from "./index59.js";
+import { getAPIErrorMessage as p } from "./index123.js";
+import { useLingui as c } from "@lingui/react";
+import { toast as t } from "react-hot-toast";
+const v = (a) => {
+  const {
+    i18n: i
+  } = c(), {
+    api: e,
+    queryClient: s
+  } = n();
+  return e.finops.patchReceivablesId.useMutation({
+    path: {
+      receivable_id: a
+    }
+  }, {
+    onSuccess: async (r) => {
+      e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: a
+        }
+      }, r, s), await Promise.all([e.finops.getReceivablesIdPdfLink.resetQueries({
+        parameters: {
+          path: {
+            receivable_id: a
+          }
+        }
+      }, s), e.finops.getReceivables.invalidateQueries(s)]), t.success(i._("{receivableType} has been updated", {
+        receivableType: r.type
+      }));
+    },
+    onError: (r) => {
+      const o = p(i, r);
+      t.error(i._("Failed to update receivable: {errorMessage}", {
+        errorMessage: o
+      }));
+    }
+  });
+};
 export {
-  p as FinanceWidget
+  v as useUpdateReceivable
 };

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

@@ -1,43 +1,36 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Dialog as d, DialogTitle as h, Typography as n, DialogContent as x, DialogActions as g, Button as l } from "@mui/material";
-const v = ({
-  open: a,
-  type: p,
-  onClose: i,
-  onConfirm: c
-}) => {
+import { useMoniteContext as o } from "./index59.js";
+import { getAPIErrorMessage as n } from "./index123.js";
+import { useLingui as p } from "@lingui/react";
+import { toast as c } from "react-hot-toast";
+const g = (e) => {
   const {
-    i18n: o
-  } = s(), r = p === "approve";
-  return /* @__PURE__ */ t(d, { open: a, onClose: i, maxWidth: "sm", fullWidth: !0, container: () => document.body, PaperProps: {
-    sx: {
-      borderRadius: 3,
-      padding: 2
+    api: r,
+    queryClient: i
+  } = o(), {
+    i18n: t
+  } = p();
+  return r.finops.putReceivablesIdLineItems.useMutation({
+    path: {
+      receivable_id: e
     }
-  }, children: [
-    /* @__PURE__ */ e(h, { sx: {
-      p: "16px !important"
-    }, children: /* @__PURE__ */ e(n, { variant: "h5", fontWeight: 600, children: r ? o._("Force Approve bill?") : o._("Force Reject bill?") }) }),
-    /* @__PURE__ */ e(x, { sx: {
-      px: 2,
-      pb: 3
-    }, children: /* @__PURE__ */ e(n, { variant: "body1", color: "text.secondary", children: r ? o._("The bill status will change to Approved, skipping the approval flow.") : o._("The bill status will change to Rejected, skipping the approval flow.") }) }),
-    /* @__PURE__ */ t(g, { sx: {
-      px: 0,
-      pt: 2,
-      gap: 2
-    }, children: [
-      /* @__PURE__ */ e(l, { onClick: i, variant: "text", sx: {
-        color: "primary.main",
-        fontWeight: 500,
-        textTransform: "none",
-        fontSize: "16px"
-      }, children: o._("Cancel") }),
-      /* @__PURE__ */ e(l, { onClick: c, variant: "contained", color: r ? "primary" : "error", children: r ? o._("Force Approve") : o._("Force Reject") })
-    ] })
-  ] });
+  }, {
+    onSuccess: async () => {
+      await r.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: e
+          }
+        }
+      }, i);
+    },
+    onError: (s) => {
+      const a = n(t, s);
+      c.error(t._("Failed to update receivable line items: {errorMessage}", {
+        errorMessage: a
+      }));
+    }
+  });
 };
 export {
-  v as PayableDetailsForceActionDialog
+  g as useUpdateReceivableLineItems
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index59.js";
-import { getAPIErrorMessage as d } from "./index121.js";
+import { getAPIErrorMessage as d } from "./index123.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {