@tesouro/embedded-components-react 0.2.81 → 0.2.82

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

@@ -1,48 +1,77 @@
-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]);
+import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
+import { useMemo as d, useState as g, useEffect as j } from "react";
+import { useCurrencies as N } from "./index58.js";
+import "./index92.js";
+import { useLingui as G } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index101.js";
+import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index311.js";
+const J = ({
+  value: i,
+  error: v = !1,
+  currency: m,
+  disabled: w = !1,
+  onChange: u,
+  locale: x
+}) => {
+  const {
+    getSymbolFromCurrency: y
+  } = N(), {
+    i18n: M
+  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [e]), {
+    decimalSeparator: F,
+    groupSeparator: S
+  } = d(() => {
+    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
+    return {
+      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
+      groupSeparator: r.find((t) => t.type === "group")?.value || ""
+    };
+  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
+  j(() => {
+    if (!l) {
+      const r = n(i, o);
+      r !== s && a(r);
+    }
+  }, [i, l, e, o, s]);
+  const b = (r) => {
+    const t = r.target.value;
+    a(t);
+  }, h = () => {
+    p(!0);
+  }, C = (r) => {
+    p(!1);
+    const t = r.target.value.trim();
+    if (t === "") {
+      a(n(0, o)), u(0);
+      return;
+    }
+    const c = P(t, F, S);
+    a(n(c, o)), u(c);
+  };
+  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
+    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
+    /* @__PURE__ */ f(
+      D,
+      {
+        type: "text",
+        inputMode: "decimal",
+        className: "ttw:text-right",
+        "aria-invalid": v || void 0,
+        disabled: w,
+        value: s,
+        onChange: b,
+        onFocus: h,
+        onBlur: C
+      }
+    )
+  ] });
 };
 export {
-  c as useMeasureUnitsMapping
+  J as PriceField
 };

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

@@ -1,14 +1,70 @@
-import { useMoniteContext as i } from "./index57.js";
-const s = (e) => {
-  const {
-    api: t
-  } = i();
-  return t.finops.postReceivablesIdPreview.useMutation({
-    path: {
-      receivable_id: e
+import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => {
+  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
     }
-  });
-};
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
+  ] });
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  s as useCreateInvoiceEmailPreview
+  z as QuantityField
 };

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

@@ -1,39 +1,41 @@
-import { useMoniteContext as c } from "./index57.js";
-import { getAPIErrorMessage as o } from "./index122.js";
-import { useLingui as u } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const f = (s, t) => {
+import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as h } from "react";
+import { ManageMeasureUnits as v } from "./index168.js";
+import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index288.js";
+import { useLingui as _ } from "@lingui/react";
+import { Plus as b } from "lucide-react";
+const s = "__none__", E = ({
+  value: n,
+  availableMeasureUnits: o,
+  error: m,
+  fieldError: c,
+  disabled: u = !1,
+  onChange: d
+}) => {
   const {
-    i18n: i
-  } = u(), {
-    api: e,
-    queryClient: r
-  } = c();
-  return e.finops.postRecurrencesIdCancel.useMutation({
-    path: {
-      recurrence_id: s
-    }
-  }, {
-    onError: (n) => {
-      a.error(o(i, n));
-    },
-    onSuccess: async () => {
-      await Promise.all([e.finops.getReceivables.invalidateQueries(r), e.finops.getReceivablesId.invalidateQueries({
-        parameters: {
-          path: {
-            receivable_id: t
-          }
-        }
-      }, r), e.finops.getRecurrencesId.invalidateQueries({
-        parameters: {
-          path: {
-            recurrence_id: s
-          }
-        }
-      }, r)]), a.success(i._("Recurrence has been canceled"));
-    }
-  });
+    i18n: r
+  } = _(), [p, i] = h(!1);
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
+      if (e === "create") {
+        i(!0);
+        return;
+      }
+      d(e === s ? "" : e);
+    }, disabled: u, children: [
+      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
+      /* @__PURE__ */ t(S, { children: [
+        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
+          r._("Manage measure units")
+        ] }),
+        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
+        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+  ] });
 };
 export {
-  f as useCancelRecurrence
+  E as MeasureUnitField
 };

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

@@ -1,10 +1,4 @@
-import { useMoniteContext as t } from "./index57.js";
-const o = () => {
-  const {
-    api: e
-  } = t();
-  return e.finops.getPaymentTerms.useQuery();
-};
+const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
 export {
-  o as useGetPaymentTerms
+  t as generateUniqueId
 };

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

@@ -1,16 +1,14 @@
-import { useMoniteContext as n } from "./index57.js";
-const m = (e) => {
-  const {
-    api: t
-  } = n();
-  return t.finops.getPaymentTermsId.useQuery({
-    path: {
-      payment_terms_id: e ?? ""
-    }
-  }, {
-    enabled: !!e
-  });
-};
+import { getCountries as i } from "./index93.js";
+const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
+  if (n) {
+    if ("organization" in n)
+      return n.organization.phone;
+    if ("individual" in n)
+      return n.individual.phone;
+  }
+}, u = (n, e) => e ? i(n)[e] ?? e : "";
 export {
-  m as useGetPaymentTermById
+  r as getCounterpartPhone,
+  u as getCountryName,
+  o as getMeasureUnitName
 };

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

@@ -1,69 +1,69 @@
-import { Price as v } from "./index409.js";
-import { useMemo as m } from "react";
-const w = ({
-  lineItems: c,
-  isInclusivePricing: o,
-  actualCurrency: p,
-  formatCurrencyToDisplay: i,
-  taxRate: n
-}) => {
-  const b = (e) => {
-    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
-    return {
-      price: a,
-      quantity: r
-    };
-  }, s = m(() => {
-    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
-      const {
-        price: l,
-        quantity: u
-      } = b(f);
-      if (o && e && f.taxable) {
-        const d = l * u / (1 + e);
-        return t + d;
-      }
-      return t + l * u;
-    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
-    if (r)
-      return new v({
-        value: a,
-        currency: r,
-        formatter: i
-      });
-  }, [c, i, p, o, n]), y = m(() => {
-    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (!e)
-      return;
-    if (!n)
-      return new v({
-        value: 0,
-        currency: e,
-        formatter: i
-      });
-    const a = c.reduce((r, t) => {
-      if (!t.taxable) return r;
-      const {
-        price: f,
-        quantity: l
-      } = b(t), u = n / 100, d = f * l;
-      return o ? r + d * u / (1 + u) : r + d * u;
-    }, 0);
-    return new v({
-      value: a,
-      currency: e,
-      formatter: i
-    });
-  }, [c, i, p, n, o]), x = m(() => {
-    if (!(!s || !y))
-      return s.add(y);
-  }, [s, y]);
+import { useMemo as g } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const p = (t, u) => {
+  const {
+    api: r
+  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
+    data: n,
+    isLoading: b
+  } = r.finops.getBankDetailsId.useQuery({
+    path: {
+      bank_account_id: t ?? ""
+    }
+  }, {
+    enabled: o,
+    retry: !1
+  }), {
+    data: e,
+    isLoading: m
+  } = r.embeddedBanking.getBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: c,
+    retry: !1
+  }), {
+    data: a,
+    isLoading: _
+  } = r.embeddedBanking.getExternalBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: d,
+    retry: !1
+  }), s = b || m || _;
   return {
-    subtotalPrice: s,
-    totalTaxes: y,
-    totalPrice: x
+    data: g(() => {
+      if (n)
+        return {
+          id: n.id,
+          bank_name: n.bank_name,
+          account_number: n.account_number,
+          routing_number: n.routing_number,
+          bank_account_type: "BANK_DETAILS"
+        };
+      if (e)
+        return {
+          id: e.id,
+          bank_name: null,
+          account_number: e.accountNumber,
+          routing_number: e.routingNumber,
+          bank_account_type: "INTERNAL"
+        };
+      if (a)
+        return {
+          id: a.id,
+          bank_name: null,
+          account_number: a.accountNumber,
+          routing_number: a.routingNumber,
+          bank_account_type: "EXTERNAL"
+        };
+    }, [n, e, a]),
+    isLoading: s
   };
 };
 export {
-  w as useCreateInvoiceProductsTable
+  p as useGetBankAccountById
 };

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

@@ -1,23 +1,69 @@
-class t {
-  value;
-  currency;
-  formatter;
-  constructor(r) {
-    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
-  }
-  add(r) {
-    if (this.currency !== r.currency)
-      throw new Error("Currencies must match");
-    return new t({
-      value: Number(this.value) + Number(r.value),
-      currency: this.currency,
-      formatter: this.formatter
+import { Price as v } from "./index420.js";
+import { useMemo as m } from "react";
+const w = ({
+  lineItems: c,
+  isInclusivePricing: o,
+  actualCurrency: p,
+  formatCurrencyToDisplay: i,
+  taxRate: n
+}) => {
+  const b = (e) => {
+    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
+    return {
+      price: a,
+      quantity: r
+    };
+  }, s = m(() => {
+    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
+      const {
+        price: l,
+        quantity: u
+      } = b(f);
+      if (o && e && f.taxable) {
+        const d = l * u / (1 + e);
+        return t + d;
+      }
+      return t + l * u;
+    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
+    if (r)
+      return new v({
+        value: a,
+        currency: r,
+        formatter: i
+      });
+  }, [c, i, p, o, n]), y = m(() => {
+    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
+    if (!e)
+      return;
+    if (!n)
+      return new v({
+        value: 0,
+        currency: e,
+        formatter: i
+      });
+    const a = c.reduce((r, t) => {
+      if (!t.taxable) return r;
+      const {
+        price: f,
+        quantity: l
+      } = b(t), u = n / 100, d = f * l;
+      return o ? r + d * u / (1 + u) : r + d * u;
+    }, 0);
+    return new v({
+      value: a,
+      currency: e,
+      formatter: i
     });
-  }
-  toString() {
-    return this.formatter(this.value, this.currency) ?? "";
-  }
-}
+  }, [c, i, p, n, o]), x = m(() => {
+    if (!(!s || !y))
+      return s.add(y);
+  }, [s, y]);
+  return {
+    subtotalPrice: s,
+    totalTaxes: y,
+    totalPrice: x
+  };
+};
 export {
-  t as Price
+  w as useCreateInvoiceProductsTable
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as x } from "./index36.js";
 import { QuotesTable as $ } from "./index37.js";
 import { useMoniteContext as T } from "./index57.js";
 import { MoniteScopedProviders as I } from "./index83.js";
-import { classNames as q } from "./index191.js";
+import { classNames as q } from "./index185.js";
 import { useLingui as R } from "@lingui/react";
 import { Box as s, Tabs as D } from "@mui/material";
 import { useState as N, useId as S } from "react";

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

@@ -1,4 +1,31 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { useRef as t, useEffect as p } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index68.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
+  };
+};
 export {
-  t as generateUniqueId
+  z as useResizeObserver
 };