@tesouro/embedded-components-react 0.2.5 → 0.2.6

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

@@ -1,119 +1,70 @@
-import { rateMinorToMajor as p, rateMajorToMinor as l } from "./index96.js";
-import { generateUniqueId as f } from "./index446.js";
-const c = (r, e) => {
-  let t = r;
-  for (const a of e) {
-    if (typeof t != "object" || t === null || !(a in t))
-      return;
-    t = t[a];
-  }
-  return typeof t == "object" && t !== null && "message" in t && typeof t.message == "string" ? String(t.message) : void 0;
-};
-function m(r, e) {
-  if (!r)
-    return;
-  const t = typeof r == "object";
-  if (t && "message" in r && typeof r.message == "string")
-    return r.message;
-  const a = e.split("."), n = !Array.isArray(r);
-  if (n && t)
-    return c(r, a);
-  if (n) return;
-  const s = r.find((i) => {
-    if (!i || typeof i != "object" || i === null) return !1;
-    let o = i;
-    for (const u of a) {
-      if (typeof o != "object" || o === null || !(u in o))
-        return !1;
-      o = o[u];
-    }
-    return typeof o == "object" && o !== null && "message" in o && typeof o.message == "string";
-  });
-  if (s)
-    return c(s, a);
-}
-const j = (r, e) => m(r, e), v = (r) => {
-  if (r === "")
-    return 0;
-  const e = Number(r);
-  return isNaN(e) ? 0 : Math.min(Math.max(e, 0), 100);
-}, b = (r) => {
-  if (r.value.startsWith("0") && r.value.length > 1 && !r.value.startsWith("0.")) {
-    const e = r.value.replace(/^0+/, "");
-    r.value = e || "0";
-  }
-}, _ = (r, e) => {
-  if (r === void 0 || isNaN(r)) return "";
-  const t = p(r);
-  return e.format(t);
-}, h = (r, e, t) => {
-  if (r.trim() === "") return 0;
-  let a = r;
-  if (t) {
-    const s = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    a = a.replace(new RegExp(s, "g"), "");
-  }
-  a = a.replace(e, ".");
-  const n = parseFloat(a);
-  return isNaN(n) ? 0 : l(n);
-}, g = ".", y = (r) => r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), d = (r) => {
-  if (typeof Intl > "u" || typeof Intl.NumberFormat > "u")
-    return {
-      decimal: ".",
-      group: ","
-    };
-  try {
-    const e = Intl.NumberFormat(r).formatToParts(12345.6), t = e.find((n) => n.type === "decimal")?.value || ".", a = e.find((n) => n.type === "group")?.value || ",";
-    return {
-      decimal: t,
-      group: a
-    };
-  } catch (e) {
-    return console.error("Error getting locale separators:", e), {
-      decimal: ".",
-      group: ","
-    };
-  }
-}, x = (r, e) => {
-  if (typeof r != "string" || !r.trim())
-    return 0;
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { ReminderSelectLayout as v } from "./index495.js";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as b } from "@lingui/react";
+import "react";
+import "date-fns";
+import { useUserPermissions as S } from "./index133.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+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 { Scope as d } from "../../shared/data-access/dist/lib/scopes.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import { Plus as C } from "lucide-react";
+import "./index86.js";
+import { useGetPaymentReminderById as $ } from "./index420.js";
+import { useGetPaymentReminders as R } from "./index423.js";
+import "./index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useFormContext as _, Controller as L } from "react-hook-form";
+import { Select as N, SelectTrigger as P, SelectValue as I, SelectContent as B, SelectItem as p, SelectSeparator as D } from "./index279.js";
+import { Label as U } from "./index265.js";
+const le = ({
+  handleCreate: c,
+  onUpdatePaymentReminder: u,
+  disabled: l
+}) => {
   const {
-    decimal: t,
-    group: a
-  } = d(e), n = r.replace(new RegExp(y(a), "g"), "");
-  let s = "", i = !1;
-  for (const u of n)
-    /\d/.test(u) ? s += u : u === t && !i && (s += g, i = !0);
-  const o = parseFloat(s);
-  return isNaN(o) ? 0 : o;
-}, T = (r) => !r || !Array.isArray(r) ? [] : r.filter((e) => !!e?.product?.name).map((e) => ({
-  ...e,
-  id: e.product_id || f(),
-  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
-    }
-  } : {}
-}));
+    data: o
+  } = R(), {
+    i18n: s
+  } = b(), n = S(), f = n.has(d.InvoiceWriteOrg), h = n.has(d.InvoiceWriteOrg), {
+    control: w,
+    watch: x
+  } = _(), y = x("payment_reminder_id"), {
+    data: t,
+    isLoading: g
+  } = $(y), m = o?.some(({
+    value: a
+  }) => a === t?.id) ? o : [...o ?? [], ...t ? [{
+    value: t.id,
+    label: t.name
+  }] : []];
+  return /* @__PURE__ */ e(v, { reminder: t, isReminderLoading: g, updateDisabled: l || !f || !t, onUpdate: u, children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+    /* @__PURE__ */ e(U, { className: "ttw:text-xs ttw:text-muted-foreground", children: s._("Before due date") }),
+    /* @__PURE__ */ e(L, { control: w, name: "payment_reminder_id", render: ({
+      field: a
+    }) => /* @__PURE__ */ i(N, { value: a.value ?? "", onValueChange: (r) => {
+      r === "create" ? c("payment") : a.onChange(r);
+    }, disabled: l, children: [
+      /* @__PURE__ */ e(P, { className: "ttw:w-full", children: /* @__PURE__ */ e(I, {}) }),
+      /* @__PURE__ */ i(B, { children: [
+        /* @__PURE__ */ i(p, { value: "create", disabled: !h, className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ e(C, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
+          s._("Create a reminder preset")
+        ] }),
+        m && m.length > 0 && /* @__PURE__ */ e(D, {}),
+        m?.map((r) => /* @__PURE__ */ e(p, { value: r.value, children: r.label }, r.value))
+      ] })
+    ] }) })
+  ] }) });
+};
 export {
-  _ as formatMinorToMajorCurrency,
-  b as formatTaxRate,
-  m as getErrorMessage,
-  j as getLineItemErrorMessage,
-  x as parseLocaleNumericString,
-  h as parseMajorToMinorCurrency,
-  v as processTaxRateValue,
-  T as sanitizeLineItems
+  le as ReminderBeforeDueDate
 };

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

@@ -1,4 +1,76 @@
-const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
+import { jsxs as j, jsx as d } from "@emotion/react/jsx-runtime";
+import { useMemo as f, useState as g, useEffect as G } from "react";
+import { useCurrencies as T } from "./index60.js";
+import "./index94.js";
+import { useLingui as w } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { InputGroup as D, InputGroupAddon as N, InputGroupInput as P } from "./index103.js";
+import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as $ } from "./index429.js";
+const H = ({
+  value: i,
+  error: v = !1,
+  currency: m,
+  disabled: y = !1,
+  onChange: s,
+  locale: x
+}) => {
+  const {
+    getSymbolFromCurrency: C
+  } = T(), {
+    i18n: F
+  } = w(), o = x ?? F.locale, t = f(() => new Intl.NumberFormat(o, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [o]), {
+    decimalSeparator: M,
+    groupSeparator: S
+  } = f(() => {
+    const r = new Intl.NumberFormat(o).formatToParts(12345.67);
+    return {
+      decimalSeparator: r.find((e) => e.type === "decimal")?.value || ".",
+      groupSeparator: r.find((e) => e.type === "group")?.value || ""
+    };
+  }, [o]), [u, a] = g(n(i, t)), [l, p] = g(!1);
+  G(() => {
+    if (!l) {
+      const r = n(i, t);
+      r !== u && a(r);
+    }
+  }, [i, l, o, t, u]);
+  const I = (r) => {
+    const e = r.target.value;
+    a(e);
+  }, b = () => {
+    p(!0);
+  }, h = (r) => {
+    p(!1);
+    const e = r.target.value.trim();
+    if (e === "") {
+      a(n(0, t)), s(0);
+      return;
+    }
+    const c = $(e, M, S);
+    a(n(c, t)), s(c);
+  };
+  return /* @__PURE__ */ j(D, { children: [
+    /* @__PURE__ */ d(N, { align: "inline-start", children: C(m) || m }),
+    /* @__PURE__ */ d(
+      P,
+      {
+        type: "text",
+        inputMode: "decimal",
+        "aria-invalid": v || void 0,
+        disabled: y,
+        value: u,
+        onChange: I,
+        onFocus: b,
+        onBlur: h
+      }
+    )
+  ] });
+};
 export {
-  t as generateUniqueId
+  H as PriceField
 };

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

@@ -1,7 +1,48 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+import { jsx as t, jsxs as y } from "@emotion/react/jsx-runtime";
+import { useState as f } from "react";
+import { Controller as I } from "react-hook-form";
+import { parseLocaleNumericString as g } from "./index429.js";
+import { InputGroup as L, InputGroupInput as q, InputGroupAddon as C } from "./index103.js";
+import { useLingui as S } from "@lingui/react";
+import { MeasureUnitField as V } from "./index496.js";
+const A = ({
+  index: a,
+  control: h,
+  quantityError: o,
+  measureUnitsData: v,
+  measureUnitFieldError: u,
+  onRequestLineItemValue: r,
+  onLineItemValueChange: i,
+  onLineItemManuallyChanged: l
+}) => {
+  const {
+    i18n: s
+  } = S(), [_, m] = f(null), [d, p] = f("");
+  return /* @__PURE__ */ t(I, { name: `line_items.${a}.quantity`, control: h, render: ({
+    field: e
+  }) => /* @__PURE__ */ y(L, { children: [
+    /* @__PURE__ */ t(q, { type: "text", name: e.name, ref: e.ref, "aria-invalid": o || !!u || void 0, value: a === _ ? d : e.value?.toString() || "", onFocus: () => {
+      m(a), p(e.value?.toString() || "");
+    }, onBlur: () => {
+      const n = g(d, s.locale);
+      i("quantity", n, {
+        shouldValidate: !0
+      }), m(null), e.onBlur();
+    }, onChange: (n) => {
+      const c = n.target.value;
+      p(c), l();
+      const x = g(c, s.locale);
+      i("quantity", x, {
+        shouldValidate: !1
+      });
+    } }),
+    /* @__PURE__ */ t(C, { align: "inline-end", children: /* @__PURE__ */ t(V, { value: r("product.measure_unit_id"), onChange: (n) => {
+      i("product.measure_unit_id", n, {
+        shouldValidate: !0
+      }), l();
+    }, error: o, availableMeasureUnits: v?.data || [], fieldError: u, skipDefaultAssignment: !!r("product.name") || !!(r("product.measure_unit_name") || r("measure_unit.name")) }) })
+  ] }) });
+};
 export {
-  r as resolveNullableUpdate
+  A as QuantityField
 };

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

@@ -1,38 +1,29 @@
-import { jsxs as a, Fragment as p, jsx as e } from "@emotion/react/jsx-runtime";
-import { DeletePaymentTerms as f } from "./index497.js";
-import { PaymentTermsForm as x } from "./index498.js";
-import { useLingui as u } from "@lingui/react";
-import { Sheet as y, SheetContent as g, SheetHeader as b, SheetTitle as v, SheetDescription as N, SheetFooter as S } from "./index151.js";
-import { Button as m } from "./index86.js";
-import { useId as T, useState as C } from "react";
-const $ = ({
-  show: c,
-  closeDialog: s,
-  selectedTerm: t
-}) => {
-  const i = `Monite-Form-paymentTerms-${T()}`, {
-    i18n: r
-  } = u(), d = t ? r._("Save") : r._("Create"), l = t ? r._("Edit payment term") : r._("Create payment term"), [h, n] = C(!1), w = (o) => {
-    n(!1), s(void 0, o);
-  };
-  return /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ e(y, { open: c, onOpenChange: () => s(), children: /* @__PURE__ */ a(g, { className: "ttw:gap-0", children: [
-      /* @__PURE__ */ a(b, { className: "ttw:border-b ttw:border-border", children: [
-        /* @__PURE__ */ e(v, { className: "ttw:text-xl", children: l }),
-        /* @__PURE__ */ e(N, { hidden: !0, children: l })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ e(x, { formName: i, selectedTerm: t, onTermsChange: (o) => s(o) }) }),
-      /* @__PURE__ */ a(S, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-between", children: [
-        t ? /* @__PURE__ */ e(m, { variant: "ghost", className: "ttw:text-destructive ttw:hover:text-destructive", onClick: () => n(!0), children: r._("Delete") }) : /* @__PURE__ */ e("span", {}),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-          /* @__PURE__ */ e(m, { variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => s(), children: r._("Cancel") }),
-          /* @__PURE__ */ e(m, { type: "submit", form: i, children: d })
-        ] })
-      ] })
-    ] }) }),
-    t && /* @__PURE__ */ e(f, { show: h, paymentTermsId: t.id, closeDialog: w })
-  ] });
-};
+import { jsxs as d, jsx as r } from "@emotion/react/jsx-runtime";
+import { InputGroup as p, InputGroupInput as m, InputGroupAddon as x } from "./index103.js";
+import { formatTaxRate as c, processTaxRateValue as f } from "./index429.js";
+const b = ({
+  value: t,
+  error: s,
+  disabled: i = !1,
+  onModified: n,
+  onChange: e,
+  onBlur: l
+}) => /* @__PURE__ */ d(p, { className: "ttw:w-24", children: [
+  /* @__PURE__ */ r(m, { type: "number", min: 0, max: 100, step: "any", "aria-invalid": s || void 0, disabled: i, value: t ?? "", onChange: (a) => {
+    const o = a.target.value;
+    if (o === "") {
+      e(void 0), n?.();
+      return;
+    }
+    const u = f(o);
+    e(u), n?.();
+  }, onInput: (a) => {
+    c(a.target);
+  }, onBlur: () => {
+    l?.();
+  } }),
+  /* @__PURE__ */ r(x, { align: "inline-end", children: "%" })
+] });
 export {
-  $ as PaymentTermsDialog
+  b as TaxRateField
 };

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

@@ -1,38 +1,34 @@
-import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
-import { rateMinorToMajor as s } from "./index221.js";
-import { useLingui as c } from "@lingui/react";
-import { PaymentTermSummaryItem as a } from "./index499.js";
-import { Card as f, CardContent as y } from "./index359.js";
-import { Button as l } from "./index86.js";
-import { Tag as m, Calendar as _ } from "lucide-react";
-const N = ({
-  paymentTerm: i,
-  openEditDialog: o
+import { jsxs as V, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as S, useEffect as g } from "react";
+import { formatVatRateForDisplay as R } from "./index198.js";
+import { Select as x, SelectTrigger as b, SelectValue as C, SelectContent as D, SelectItem as j } from "./index279.js";
+const T = ({
+  availableVatRates: n,
+  value: o,
+  isNonVatSupported: l,
+  currentTaxRateValue: i,
+  highestVatRate: r,
+  error: f,
+  disabled: v = !1,
+  onChange: h,
+  onInitializeDefaults: u,
+  onModified: m,
+  shouldOverrideVatRateDefaults: d
 }) => {
-  const {
-    i18n: e
-  } = c(), {
-    term_final: d,
-    term_1: r,
-    term_2: n
-  } = i;
-  return /* @__PURE__ */ t(f, { className: "ttw:border-transparent ttw:bg-[#fafafa] ttw:shadow-none", children: /* @__PURE__ */ u(y, { children: [
-    r && /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(m, { className: "ttw:size-4" }), leftLine: e._("Pay in the first {numberOfDays} days", {
-      numberOfDays: r.number_of_days
-    }), rightLine: e._("{discount}% discount", {
-      discount: s(r.discount)
-    }), className: "ttw:mb-4" }),
-    n && /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(m, { className: "ttw:size-4" }), leftLine: e._("Pay in the first {numberOfDays} days", {
-      numberOfDays: n.number_of_days
-    }), rightLine: e._("{discount}% discount", {
-      discount: s(n.discount)
-    }), className: "ttw:mb-4" }),
-    /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(_, { className: "ttw:size-4" }), leftLine: e._("Payment due"), rightLine: e._("{numberOfDays} days", {
-      numberOfDays: d?.number_of_days
-    }) }),
-    /* @__PURE__ */ t(l, { type: "button", variant: "secondary", className: "ttw:text-primary ttw:mt-4 ttw:hover:brightness-85", onClick: o, children: e._("Edit terms") })
-  ] }) });
+  const [c, p] = S(!1);
+  return g(() => {
+    if (c || !u || d)
+      return;
+    let e = null, t = null, a = null;
+    !l && r ? (e = r.id, t = r.value, a = null) : l && (e = null, t = null, a = i === void 0 ? 0 : i), (e !== o || l && a !== i) && u(e, t, a), p(!0);
+  }, [c, l, r, u, o, i, d]), l ? null : /* @__PURE__ */ V(x, { value: o ?? "", onValueChange: (e) => {
+    const t = n?.find((a) => a.id === e);
+    h(e, t?.value), m?.();
+  }, disabled: v, children: [
+    /* @__PURE__ */ s(b, { className: "ttw:w-full", "aria-invalid": f || void 0, children: /* @__PURE__ */ s(C, {}) }),
+    /* @__PURE__ */ s(D, { children: n?.map((e) => /* @__PURE__ */ s(j, { value: e.id, children: R(e.value) }, e.id)) })
+  ] });
 };
 export {
-  N as PaymentTermsSummary
+  T as VatRateField
 };

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

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index141.js";
-import { ProductType as q } from "./index142.js";
-import { Filters as H } from "./index143.js";
+import { ProductDeleteModal as W } from "./index136.js";
+import { ProductType as q } from "./index137.js";
+import { Filters as H } from "./index138.js";
 import { useMoniteContext as Y } from "./index59.js";
 import { MoniteScopedProviders as J } from "./index85.js";
 import { useCurrencies as Q } from "./index60.js";
@@ -10,27 +10,27 @@ import "./index94.js";
 import { useLingui as V } from "@lingui/react";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index137.js";
+import { useUserPermissions as X } from "./index133.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 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 { Scope as k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index138.js";
+import { AccessRestriction as Z } from "./index135.js";
 import { Button as f } from "./index86.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index144.js";
-import { GetNoRowsOverlay as ae } from "./index145.js";
-import { MeasureUnit as se } from "./index146.js";
-import { hasSelectedText as ne } from "./index147.js";
-import { FILTER_TYPE_SEARCH as S } from "./index148.js";
+import { DataTable as re } from "./index139.js";
+import { GetNoRowsOverlay as ae } from "./index140.js";
+import { MeasureUnit as se } from "./index141.js";
+import { hasSelectedText as ne } from "./index142.js";
+import { FILTER_TYPE_SEARCH as S } from "./index143.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index149.js";
-import { ManageMeasureUnits as ce } from "./index150.js";
+import { useGetProducts as le } from "./index144.js";
+import { ManageMeasureUnits as ce } from "./index145.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,