@tesouro/embedded-components-react 0.2.7 → 0.2.15

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

@@ -1,111 +1,70 @@
-import { useCreateInvoiceProductsTable as N } from "./index461.js";
-import { sanitizeLineItems as W } from "./index306.js";
-import { useCurrencies as k } from "./index60.js";
-import { useRef as z, useState as J, useCallback as u, useEffect as x, useMemo as O } from "react";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { useIsMounted as j } from "./index70.js";
-import { generateUniqueId as B } from "./index464.js";
-import { useFormContext as G, useFieldArray as H } from "react-hook-form";
-const oe = ({
-  actualCurrency: f,
-  defaultCurrency: _,
-  isInclusivePricing: C
-}) => {
+import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as d } from "./index59.js";
+import { useLingui as p } from "@lingui/react";
+import { Box as s, Typography as e, List as h, ListItem as m } from "@mui/material";
+const g = () => {
   const {
-    control: P,
-    formState: {
-      errors: o
-    },
-    setValue: l,
-    getValues: r,
-    watch: y,
-    clearErrors: m,
-    trigger: g
-  } = G(), {
-    fields: a,
-    append: c,
-    remove: v
-  } = H({
-    control: P,
-    name: "line_items",
-    shouldUnregister: !1
-  }), d = j(), i = z(!1), [I, b] = J(!1), V = y("line_items"), T = y("tax_rate"), D = W(V), {
-    formatCurrencyToDisplay: L
-  } = k(), {
-    subtotalPrice: R,
-    totalPrice: S,
-    totalTaxes: q
-  } = N({
-    lineItems: D,
-    actualCurrency: f ?? _,
-    isInclusivePricing: C,
-    formatCurrencyToDisplay: L,
-    taxRate: Number(T) || void 0
-  }), n = u((e) => {
-    const t = {
-      name: e?.product?.name || "",
-      price: {
-        currency: f ?? _,
-        value: e?.product?.price?.value || 0
-      },
-      measure_unit_id: e?.product?.measure_unit_id || "",
-      type: e?.product?.type || "product"
-    };
-    return {
-      id: e?.id ?? B(),
-      product_id: e?.product_id || "",
-      product: t,
-      quantity: e?.quantity ?? 1,
-      tax_rate_value: e?.tax_rate_value ? e?.tax_rate_value ?? 0 : void 0,
-      ...e?.measure_unit ? {
-        measure_unit: e.measure_unit
-      } : {},
-      taxable: !0
-    };
-  }, [f, _]), A = u(() => {
-    if (i.current) return;
-    i.current = !0, c(n());
-    const e = r("line_items");
-    e && e.length > 0 && m(`line_items.${e.length - 1}`);
-  }, [c, n, r, m]);
-  x(() => {
-    i.current && Promise.resolve().then(() => {
-      d.current && (i.current = !1);
-    });
-  }, [a.length, d]), x(() => {
-    !d.current || I || !r("line_items")?.length && !i.current && (i.current = !0, c(n()), b(!0));
-  }, [d, I, r, c, n]);
-  const E = u((e) => v(e), [v, r]), F = u(() => {
-    const e = r("line_items");
-    if (!e?.length) return;
-    const t = e.filter((s) => !!s?.product?.name?.trim()), p = e.find((s) => !s?.product?.name?.trim()), h = t.length > 0 ? t : e.length > 0 ? [n(p || void 0)] : [];
-    (h.length !== e.length || !h.every((s, w) => s.id === e[w]?.id)) && (m("line_items"), l("line_items", h, {
-      shouldValidate: !1,
-      shouldDirty: !0
-    }));
-  }, [r, l, m, n]), M = u((e, t, p) => {
-    l(e, t, {
-      shouldDirty: !0,
-      ...p
-    }), p?.shouldValidate && g(e);
-  }, [l, g]), U = JSON.stringify(o.line_items), $ = O(() => Array.isArray(o.line_items) ? a.map((e, t) => o.line_items?.[t] ?? {}) : a.map(() => ({})), [o.line_items, U, a]);
-  return {
-    fields: a,
-    subtotalPrice: R,
-    totalPrice: S,
-    totalTaxes: q,
-    lineItemErrors: $,
-    handleAddRow: A,
-    handleRemoveItem: E,
-    setValueWithValidationLocal: M,
-    cleanUpLineItemsForSubmission: F
-  };
+    i18n: i
+  } = p(), {
+    componentSettings: l
+  } = d(), r = [{
+    id: 1,
+    title: i._("Create an invoice:"),
+    description: i._("If you applied for accounts receivable financing, issue an invoice and deliver it to your customer via email or any other channel."),
+    description2: i._("Or if you applied for accounts payable financing, upload/select the uploaded invoice you've received from your vendor."),
+    list: {
+      listTitle: i._("Invoices cannot be financed if:"),
+      listItems: [{
+        id: "listItem-1",
+        text: i._("- they are due within 7 days.")
+      }, {
+        id: "listItem-2",
+        text: i._("- they are already overdue.")
+      }, {
+        id: "listItem-3",
+        text: i._("- the loan sum exceeds your remaining limit.")
+      }]
+    }
+  }, {
+    id: 2,
+    title: i._("Select 'Get Paid Now':"),
+    description: i._("Access funding through the invoice list, within the invoice details, or the 'My Financing' tab. If approved, you will receive the invoice amount instantly, minus the fee associated with the payment offer chosen.")
+  }, {
+    id: 3,
+    title: i._("Pay out the financed sum:"),
+    description: i._("The full sum will be withdrawn from your bank account automatically on the date specified in the selected offer. You can also pay out the sum earlier via the 'Pay out' button.")
+  }], c = l?.financing?.financeSteps ?? r;
+  return /* @__PURE__ */ n(s, { px: 4, py: 5, children: [
+    /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(e, { variant: "h3", children: i._("How does invoice financing work?") }) }),
+    /* @__PURE__ */ o(h, { sx: {
+      mt: 4,
+      display: "flex",
+      flexDirection: "column",
+      gap: 3,
+      p: 0,
+      pl: 2
+    }, component: "ul", children: c.map((t) => /* @__PURE__ */ n(m, { component: "li", sx: {
+      p: 0,
+      display: "list-item",
+      listStyleType: "disc",
+      maxWidth: 472,
+      mx: "auto"
+    }, children: [
+      /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 400, mb: t.list || t.description2 ? 3 : 0, children: [
+        /* @__PURE__ */ n(e, { component: "span", variant: "body1", fontWeight: 600, children: [
+          t.title,
+          " "
+        ] }),
+        t.description
+      ] }),
+      t.description2 && /* @__PURE__ */ o(e, { variant: "body1", fontWeight: 400, mb: t.list ? 3 : 0, children: t.description2 }),
+      t.list && /* @__PURE__ */ n(e, { variant: "body1", fontWeight: 600, children: [
+        t.list.listTitle,
+        t.list.listItems.map((a) => /* @__PURE__ */ o(e, { variant: "body1", component: "span", display: "block", fontWeight: 400, children: a.text }, a.id))
+      ] })
+    ] }, t.id)) })
+  ] });
 };
 export {
-  oe as useLineItemManagement
+  g as FinanceHowItWorks
 };

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

@@ -1,84 +1,62 @@
-import { rateMinorToMajor as p, rateMajorToMinor as f } from "./index96.js";
-import { generateUniqueId as l } from "./index464.js";
-const c = (t, e) => {
-  let r = t;
-  for (const n of e) {
-    if (typeof r != "object" || r === null || !(n in r))
-      return;
-    r = r[n];
-  }
-  return typeof r == "object" && r !== null && "message" in r && typeof r.message == "string" ? String(r.message) : void 0;
+import { jsx as e, jsxs as n, Fragment as x } from "@emotion/react/jsx-runtime";
+import { FinanceDetails as _ } from "./index299.js";
+import { FinancedInvoiceStatusChip as C } from "./index56.js";
+import { useMoniteContext as D } from "./index59.js";
+import "react-hot-toast";
+import { useLingui as F } from "@lingui/react";
+import "./index58.js";
+import { useCurrencies as b } from "./index60.js";
+import { useState as I } from "react";
+import "./index94.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 "./index302.js";
+import { Dialog as j } from "./index52.js";
+import { useTheme as A, Skeleton as E, Box as o, Typography as m } from "@mui/material";
+const K = ({
+  invoice: r,
+  offers: s
+}) => {
+  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 }) })
+  ] });
 };
-function m(t, e) {
-  if (!t)
-    return;
-  const r = typeof t == "object";
-  if (r && "message" in t && typeof t.message == "string")
-    return t.message;
-  const n = e.split("."), s = !Array.isArray(t);
-  if (s && r)
-    return c(t, n);
-  if (s) return;
-  const a = t.find((o) => {
-    if (!o || typeof o != "object" || o === null) return !1;
-    let i = o;
-    for (const u of n) {
-      if (typeof i != "object" || i === null || !(u in i))
-        return !1;
-      i = i[u];
-    }
-    return typeof i == "object" && i !== null && "message" in i && typeof i.message == "string";
-  });
-  if (a)
-    return c(a, n);
-}
-const d = (t, e) => m(t, e), M = (t) => {
-  let e = t.replace(/[^0-9.]/g, "");
-  const r = e.indexOf(".");
-  if (r !== -1 && (e = e.slice(0, r + 1) + e.slice(r + 1).replace(/\./g, ""), e = e.slice(0, r + 3)), e.length > 1 && e.startsWith("0") && e[1] !== "." && (e = e.replace(/^0+/, "") || "0"), e === "" || e === ".")
-    return e;
-  const n = Number(e);
-  return !isNaN(n) && n > 100 ? "100" : e;
-}, j = (t, e) => {
-  if (t === void 0 || isNaN(t)) return "";
-  const r = p(t);
-  return e.format(r);
-}, b = (t, e, r) => {
-  if (t.trim() === "") return 0;
-  let n = t;
-  if (r) {
-    const a = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    n = n.replace(new RegExp(a, "g"), "");
-  }
-  n = n.replace(e, ".");
-  const s = parseFloat(n);
-  return isNaN(s) ? 0 : f(s);
-}, _ = (t) => !t || !Array.isArray(t) ? [] : t.filter((e) => !!e?.product?.name).map((e) => ({
-  ...e,
-  id: e.product_id || l(),
-  quantity: e.quantity ?? 1,
-  product: {
-    ...e.product,
-    type: e.product?.type,
-    price: {
-      ...e.product?.price || {},
-      value: e.product?.price?.value ?? 0,
-      currency: e.product?.price?.currency || "USD"
-    },
-    measure_unit_id: e.product?.measure_unit_id || ""
-  },
-  ...e.measure_unit?.name ? {
-    measure_unit: {
-      name: e.measure_unit.name,
-      id: null
-    }
-  } : {}
-}));
 export {
-  j as formatMinorToMajorCurrency,
-  m as getErrorMessage,
-  d as getLineItemErrorMessage,
-  b as parseMajorToMinorCurrency,
-  _ as sanitizeLineItems,
-  M as sanitizeTaxRateInput
+  K as FinanceOverviewCard
 };

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

@@ -1,80 +1,10 @@
-import { jsx as e, Fragment as y, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useState as F, useMemo as b, useEffect as N } from "react";
-import { useFormContext as D, Controller as V } from "react-hook-form";
-import { useLingui as E } from "@lingui/react";
-import { PaymentTermsDialog as I } from "./index466.js";
-import { PaymentTermsSummary as L } from "./index467.js";
-import { dedupePaymentTermsByContent as U } from "./index468.js";
-import { Skeleton as $ } from "./index145.js";
-import { Select as j, SelectTrigger as k, SelectValue as M, SelectContent as q, SelectItem as f } from "./index282.js";
-import { Field as z, FieldContent as B, FieldLabel as A, FieldError as G } from "./index164.js";
-import { Plus as H } from "lucide-react";
-const a = {
-  Closed: 0,
-  Create: 1,
-  Update: 2
-}, re = ({
-  disabled: w,
-  paymentTerms: c,
-  isLoading: C,
-  selectedPaymentTerm: s,
-  onPaymentTermsChange: _
-}) => {
+import { useMoniteContext as n } from "./index59.js";
+const t = () => {
   const {
-    i18n: i
-  } = E(), {
-    control: g,
-    watch: x,
-    setValue: p
-  } = D(), [u, n] = F(a.Closed), {
-    dedupedTerms: S,
-    duplicateIdMap: d
-  } = b(() => U(c?.data ?? []), [c]), l = x("payment_terms_id");
-  N(() => {
-    l && d.has(l) && p("payment_terms_id", d.get(l), {
-      shouldValidate: !0,
-      shouldDirty: !1,
-      shouldTouch: !1
-    });
-  }, [l, d, p]);
-  const T = () => {
-    n(a.Update);
-  }, v = (t, m) => {
-    n(a.Closed), (t || m) && _(t);
-  };
-  return /* @__PURE__ */ e(y, { children: C ? /* @__PURE__ */ e($, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ r(y, { children: [
-    /* @__PURE__ */ e(V, { name: "payment_terms_id", control: g, render: ({
-      field: t,
-      fieldState: {
-        error: m
-      }
-    }) => /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(A, { htmlFor: "payment_terms_id", required: !0, children: i._("Payment terms") }),
-      /* @__PURE__ */ r(j, { ...t, disabled: w, value: t.value, onValueChange: (o) => {
-        o === "create" ? n(a.Create) : t.onChange(o);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!m, children: /* @__PURE__ */ e(M, { placeholder: i._("Select payment terms") }) }),
-        /* @__PURE__ */ r(q, { children: [
-          /* @__PURE__ */ r(f, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-            /* @__PURE__ */ e(H, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-            i._("Create payment term")
-          ] }),
-          S.map(({
-            id: o,
-            name: P,
-            description: h
-          }) => /* @__PURE__ */ r(f, { value: o, children: [
-            P,
-            h && ` (${h})`
-          ] }, o))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(G, { errors: m ? [m] : [] })
-    ] }) }) }),
-    s && /* @__PURE__ */ e("div", { className: "ttw:mt-2", children: /* @__PURE__ */ e(L, { paymentTerm: s, openEditDialog: T }) }),
-    /* @__PURE__ */ e(I, { show: u !== a.Closed, closeDialog: v, selectedTerm: u === a.Update ? s : void 0 })
-  ] }) });
+    api: e
+  } = n();
+  return e.finops.getFinancingOffers.useQuery();
 };
 export {
-  re as PaymentSection
+  t as useGetFinanceOffers
 };

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

@@ -1,24 +1,13 @@
-import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as i } from "./index86.js";
-import { Calendar as s } from "./index472.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as c } from "./index395.js";
-import { useLingui as p } from "@lingui/react";
-import { Calendar as u } from "lucide-react";
-import * as f from "react";
-function C(t) {
-  const [a, o] = f.useState(!1), {
-    i18n: n
-  } = p();
-  return /* @__PURE__ */ r(d, { open: a, onOpenChange: o, children: [
-    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(i, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? t.selected.toLocaleDateString() : t.placeholder ?? n._("Select month"),
-      /* @__PURE__ */ e(u, {})
-    ] }) }),
-    /* @__PURE__ */ e(c, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ e(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (l) => {
-      t.onSelect(l), o(!1);
-    } }) })
-  ] });
-}
+import { useMoniteContext as o } from "./index59.js";
+const t = () => {
+  const {
+    api: n
+  } = o();
+  return n.finops.postFinancingInvoices.useMutation({}, {
+    onError: () => {
+    }
+  });
+};
 export {
-  C as DatePicker
+  t as useFinanceAnInvoice
 };