@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,65 +1,99 @@
-import { Price as _ } from "./index448.js";
-import { getRateValueForDisplay as m } from "./index184.js";
-import { useMemo as v } from "react";
-const I = ({
-  lineItems: c,
-  isNonVatSupported: n,
-  isInclusivePricing: p,
-  actualCurrency: s,
-  formatCurrencyToDisplay: l
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index185.js";
+import { useCurrencies as y } from "./index60.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index94.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index252.js";
+import { RHFDatePicker as D } from "./index478.js";
+import { RHFTextField as S } from "./index479.js";
+import { RHFTimePicker as T } from "./index480.js";
+import { DialogTitle as R, 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 = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
 }) => {
-  const x = (e) => {
-    const t = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
-    return {
-      price: t,
-      quantity: r
-    };
-  }, y = v(() => {
-    const e = c.reduce((r, a) => {
-      const {
-        price: u,
-        quantity: i
-      } = x(a), o = m(n, a.vat_rate_value ?? 0, a.tax_rate_value ?? 0) / 100;
-      if (p && o) {
-        const b = u * i / (1 + o);
-        return r + b;
-      }
-      return r + u * i;
-    }, 0), t = s ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (t)
-      return new _({
-        value: e,
-        currency: t,
-        formatter: l
-      });
-  }, [c, l, s, p, n]), f = v(() => c.reduce((e, t) => {
-    const {
-      price: r,
-      quantity: a
-    } = x(t), u = m(n, t.vat_rate_value ?? 0, t.tax_rate_value ?? 0);
-    if (!u) return e;
-    const i = r * a, o = p ? i - i / (1 + u / 100) : i * (u / 100);
-    return e[u] ? e[u] += o : e[u] = o, e;
-  }, {}), [c, p, n]), d = v(() => {
-    const e = Object.values(f).reduce((r, a) => r + a, 0), t = s ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
-    if (t)
-      return new _({
-        value: e,
-        currency: t,
-        formatter: l
-      });
-  }, [c, l, s, f]), q = v(() => {
-    if (!(!y || !d))
-      return y.add(d);
-  }, [y, d]), P = !n && c.some((e) => m(n, e.vat_rate_value ?? 0, e.tax_rate_value ?? 0) / 100 === 0);
-  return {
-    subtotalPrice: y,
-    totalTaxes: d,
-    totalPrice: q,
-    shouldShowTaxExemptRationale: P,
-    taxesByVatRate: f
-  };
+  const {
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: x
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const h = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(R, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${h}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(T, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
+    ] })
+  ] }) });
 };
 export {
-  I as useCreateInvoiceProductsTable
+  Z as PaymentRecordForm
 };

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

@@ -1,34 +1,39 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { useLingui as m } from "@lingui/react";
-import { Trash2 as d } from "lucide-react";
-import { Button as u } from "./index86.js";
-import { Card as w, CardContent as f } from "./index293.js";
-import { Typography as i } from "./index87.js";
-const g = ({
-  title: s,
-  subTitle: r,
-  daysBefore: a,
-  subject: l,
-  body: n,
-  onDelete: c
-}) => {
+import { useMoniteContext as c } from "./index59.js";
+import { getAPIErrorMessage as o } from "./index121.js";
+import { useLingui as u } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const f = (s, t) => {
   const {
-    i18n: o
-  } = m();
-  return /* @__PURE__ */ t(w, { className: "ttw:border-border", children: /* @__PURE__ */ e(f, { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-      /* @__PURE__ */ t(i, { variant: "h4", children: s }),
-      /* @__PURE__ */ e(u, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-destructive ttw:hover:text-destructive", "aria-label": o._("Delete"), onClick: c, children: [
-        /* @__PURE__ */ t(d, {}),
-        o._("Delete")
-      ] })
-    ] }),
-    r && /* @__PURE__ */ t(i, { variant: "body1", color: "muted", children: r }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: a }),
-    l,
-    n
-  ] }) });
+    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"));
+    }
+  });
 };
 export {
-  g as ReminderFormLayout
+  f as useCancelRecurrence
 };

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

@@ -1,31 +1,38 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index70.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
+import { jsxs as a, Fragment as p, jsx as e } from "@emotion/react/jsx-runtime";
+import { DeletePaymentTerms as f } from "./index482.js";
+import { PaymentTermsForm as x } from "./index483.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 "./index146.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 })
+  ] });
 };
 export {
-  z as useResizeObserver
+  $ as PaymentTermsDialog
 };

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

@@ -1,26 +1,38 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index70.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { rateMinorToMajor as s } from "./index198.js";
+import { useLingui as c } from "@lingui/react";
+import { PaymentTermSummaryItem as a } from "./index484.js";
+import { Card as f, CardContent as y } from "./index336.js";
+import { Button as l } from "./index86.js";
+import { Tag as m, Calendar as _ } from "lucide-react";
+const N = ({
+  paymentTerm: i,
+  openEditDialog: o
+}) => {
+  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") })
+  ] }) });
 };
 export {
-  E as useWindowResize
+  N as PaymentTermsSummary
 };

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

@@ -1,41 +1,35 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
-  }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
+function s(e) {
+  return e ? {
+    number_of_days: e.number_of_days ?? null,
+    discount: e.discount ?? null
+  } : null;
+}
+function d(e) {
+  return JSON.stringify({
+    name: e.name,
+    description: e.description ?? null,
+    term_final: {
+      number_of_days: e.term_final?.number_of_days ?? null
+    },
+    term_1: s(e.term_1),
+    term_2: s(e.term_2)
   });
-  return f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
-};
+}
+function a(e) {
+  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
+  for (const n of e) {
+    const o = d(n), i = t.get(o);
+    if (!i) {
+      t.set(o, n.id), r.push(n);
+      continue;
+    }
+    u.set(n.id, i);
+  }
+  return {
+    dedupedTerms: r,
+    duplicateIdMap: u
+  };
+}
 export {
-  y as useA4Dimensions
+  a as dedupePaymentTermsByContent
 };

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

@@ -1,76 +1,19 @@
-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 "./index408.js";
-const H = ({
-  value: i,
-  error: v = !1,
-  currency: m,
-  disabled: y = !1,
-  onChange: s,
-  locale: x
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index275.js";
+import { Typography as o } from "./index87.js";
+const f = ({
+  email: t,
+  isDefault: e
 }) => {
   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
-      }
-    )
+    i18n: r
+  } = s();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
+    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
   ] });
 };
 export {
-  H as PriceField
+  f as DefaultEmail
 };

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

@@ -1,48 +1,14 @@
-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 "./index408.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 "./index482.js";
-const A = ({
-  index: a,
-  control: h,
-  quantityError: o,
-  measureUnitsData: v,
-  measureUnitFieldError: u,
-  onRequestLineItemValue: r,
-  onLineItemValueChange: i,
-  onLineItemManuallyChanged: l
-}) => {
+import { useMoniteContext as i } from "./index59.js";
+const s = (e) => {
   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")) }) })
-  ] }) });
+    api: t
+  } = i();
+  return t.finops.postReceivablesIdPreview.useMutation({
+    path: {
+      receivable_id: e
+    }
+  });
 };
 export {
-  A as QuantityField
+  s as useCreateInvoiceEmailPreview
 };