@tesouro/embedded-components-react 0.2.114 → 0.2.115

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

@@ -1,64 +1,162 @@
-import { jsxs as t, jsx as e, Fragment as f } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as h } from "./index349.js";
-import { FinanceMenuButtons as g } from "./index363.js";
-import { FinanceProgressBar as y } from "./index351.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 = []
-}) => {
+import { isIndividualCounterpart as y, isOrganizationCounterpart as b } from "./index7.js";
+import { fromMinorUnits as g, toMinorUnits as x } from "./index120.js";
+import { getIndividualName as D } from "./index95.js";
+import { format as q } from "date-fns";
+import { resolveNullableUpdate as I } from "./index458.js";
+const C = (t, e, a) => t?.find((n) => n.id === a)?.default_billing_address_id ?? (e?.id === a ? e?.default_billing_address_id : void 0), T = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: y(e) ? D(e.individual.first_name, e.individual.last_name) : b(e) ? e.organization.legal_name : ""
+})) : [];
+function _(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => q(t, "yyyy-MM-dd"), M = (t, e, a, r) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: r ?? "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
   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.");
-    }
+    document_id: n,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: d,
+    tags: l,
+    discount: p
+  } = e;
+  return {
+    invoiceNumber: n ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? _(u) : void 0,
+    dueDate: c ? _(c) : void 0,
+    currency: d ?? "USD",
+    tags: l ?? [],
+    discount: p && d ? t(p, d) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && d ? t(s.unit_price, d) ?? 0 : 0,
+      tax: s.tax ? N(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
   };
-  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, {})
-    ] }) })
-  ] });
+}, P = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: n,
+  dueDate: i,
+  currency: o,
+  tags: u,
+  counterpartAddressId: c
+}, d) => ({
+  document_id: e,
+  discount: t && o ? d(t, o) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: n instanceof Date ? m(n) : void 0,
+  due_date: i instanceof Date ? m(i) : void 0,
+  currency: o,
+  tag_ids: u.map((l) => l.id),
+  counterpart_address_id: c
+}), f = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, v = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const n = f(e, a);
+  return v(n, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: n
+  } = t.reduce((i, o) => {
+    const u = f(o.price, o.quantity), c = v(u, o.tax || 0);
+    return {
+      subtotal: i.subtotal + u,
+      taxes: i.taxes + (c - u),
+      total: i.total + c
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: n - (e ?? 0)
+  };
+}, L = (t, e, a, r) => {
+  const {
+    name: n,
+    quantity: i,
+    price: o,
+    tax: u,
+    ledger_account_id: c
+  } = e, d = r?.allowLedgerUpdate ? I(c, r?.previous) : c, l = {
+    name: n,
+    quantity: i,
+    tax: F(u),
+    unit_price: a(o, t) ?? 0
+  };
+  return d !== void 0 && (l.ledger_account_id = d), l;
 };
+function F(t) {
+  return x(t);
+}
+function N(t) {
+  return g(t);
+}
+const O = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const n = r[t] ?? !1, i = e?.[t] ?? !1;
+  return n || i;
+}, R = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  P as FinanceLimits
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  T as counterpartsToSelect,
+  m as dateToString,
+  R as findDefaultBankAccount,
+  O as isFieldRequired,
+  M as prepareDefaultValues,
+  L as prepareLineItemSubmit,
+  P as prepareSubmit,
+  C as resolveCreatePayableCounterpartAddressId
 };

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

@@ -1,26 +1,30 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { FinanceHowItWorks as s } from "./index358.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 { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index177.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  w as FinanceMenuButtons
+  x as FilterContainer
 };

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

@@ -1,65 +1,31 @@
-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 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: 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 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 {
-  F as FinanceOffers
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

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

@@ -1,16 +1,80 @@
-import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
-import { Box as f } from "@mui/material";
-import { FinanceLimits as e } from "./index362.js";
-import { FinanceOffers as i } from "./index364.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 })
-] });
+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 {
-  p as FinanceWidget
+  i as getLayoutStyles
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as p } from "./index122.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) => {

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as D } from "./index55.js";
-import { ReceivableFilters as Q } from "./index180.js";
+import { ReceivableFilters as Q } from "./index174.js";
 import "react-hot-toast";
 import { useMoniteContext as k } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
@@ -11,7 +11,7 @@ import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { useReceivablesFilters as A } from "./index181.js";
+import { useReceivablesFilters as A } from "./index175.js";
 import "date-fns";
 import { useCurrencies as W } from "./index58.js";
 import "clsx";
@@ -19,19 +19,19 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as j } from "./index142.js";
+import { useGetReceivables as j } from "./index150.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as E, useAutosizeGridColumns as V } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as H } from "./index83.js";
-import { ReceivableCursorFields as S } from "./index178.js";
-import { CounterpartNameCellById as Y } from "./index156.js";
-import { DataGridEmptyState as J } from "./index182.js";
-import { GetNoRowsOverlay as K } from "./index157.js";
-import { DueDateCell as U } from "./index179.js";
+import { ReceivableCursorFields as S } from "./index172.js";
+import { CounterpartNameCellById as Y } from "./index163.js";
+import { DataGridEmptyState as J } from "./index176.js";
+import { GetNoRowsOverlay as K } from "./index164.js";
+import { DueDateCell as U } from "./index173.js";
 import { TablePagination as X } from "./index86.js";
-import { classNames as Z } from "./index183.js";
-import { hasSelectedText as ee } from "./index159.js";
+import { classNames as Z } from "./index177.js";
+import { hasSelectedText as ee } from "./index166.js";
 import { Stack as te, Typography as oe, Box as ae } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const We = (l) => /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(re, { ...l }) }), re = ({

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as o } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index122.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) => {

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

@@ -1,7 +1,7 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getCommonRecurrenceIterationStatusLabel as w } from "./index315.js";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index291.js";
 import "date-fns";
-import { Badge as s } from "./index238.js";
+import { Badge as s } from "./index244.js";
 import { cn as g } from "./index100.js";
 import { useLingui as c } from "@lingui/react";
 import { cva as l } from "class-variance-authority";

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

@@ -10,7 +10,7 @@ import "@tanstack/react-query";
 import "date-fns";
 import { useEntityUserByAuthToken as x } from "./index75.js";
 import "react-hot-toast";
-import { MoniteCard as g } from "./index441.js";
+import { MoniteCard as g } from "./index447.js";
 import _ from "@mui/icons-material/DriveFileRenameOutline";
 import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
 const L = ({

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

@@ -1,5 +1,5 @@
 import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
-import { manualPaymentRecordValidationSchema as y } from "./index186.js";
+import { manualPaymentRecordValidationSchema as y } from "./index180.js";
 import { useCurrencies as g } from "./index58.js";
 import { useMemo as _, useEffect as C } from "react";
 import "./index92.js";
@@ -7,10 +7,10 @@ import { useLingui as F } from "@lingui/react";
 import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
-import { safeZodResolver as v } from "./index345.js";
-import { RHFDatePicker as D } from "./index442.js";
-import { RHFTextField as S } from "./index443.js";
-import { RHFTimePicker as R } from "./index444.js";
+import { safeZodResolver as v } from "./index239.js";
+import { RHFDatePicker as D } from "./index460.js";
+import { RHFTextField as S } from "./index441.js";
+import { RHFTimePicker as R } from "./index461.js";
 import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
 import { useForm as V } from "react-hook-form";
 const Z = ({

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as c } from "./index57.js";
-import { getAPIErrorMessage as o } from "./index122.js";
+import { getAPIErrorMessage as o } from "./index123.js";
 import { useLingui as u } from "@lingui/react";
 import { toast as a } from "react-hot-toast";
 const f = (s, t) => {