@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,49 +1,26 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index60.js";
-import "react";
+import { useRef as u, useEffect as s } from "react";
+import "./index59.js";
+import "@lingui/react";
+import "react-hot-toast";
 import "./index94.js";
-import { useLingui as x } from "@lingui/react";
+import "@emotion/react/jsx-runtime";
 import "react-dom";
-import "./index59.js";
 import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index249.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index311.js";
-import { Typography as r } from "./index87.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index235.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
-}) => {
-  const {
-    i18n: t
-  } = x(), {
-    formatCurrencyToDisplay: w
-  } = b(), {
-    data: s,
-    isLoading: o
-  } = T({
-    measure_unit_id: n ?? ""
-  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
-  ] }) : /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
-    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
-    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
-    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
-      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
-      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
-    ] }, i.id)) }) })
-  ] });
-  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
-    name: p
-  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+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]);
 };
 export {
-  R as ConfirmDeleteMeasureUnitDialog
+  E as useWindowResize
 };

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

@@ -1,30 +1,41 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index212.js";
-import { Button as c } from "./index86.js";
-import { useLingui as u } from "@lingui/react";
-import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
-const A = ({
-  onEdit: t,
-  onDelete: l,
-  permissions: o
-}) => {
-  const {
-    i18n: n
-  } = u();
-  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
-    /* @__PURE__ */ i(d, { align: "end", children: [
-      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
-        /* @__PURE__ */ e(p, {}),
-        n._("Edit")
-      ] }),
-      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
-        /* @__PURE__ */ e(h, {}),
-        n._("Delete")
-      ] })
-    ] })
-  ] }) : null;
+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
+  });
+  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;
 };
 export {
-  A as TableActions
+  y as useA4Dimensions
 };

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

@@ -1,12 +1,76 @@
-const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
-  if (!n.due_date) return 0;
-  const e = /* @__PURE__ */ new Date();
-  e.setUTCHours(0, 0, 0, 0);
-  const t = new Date(n.due_date);
-  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
-  const r = o.includes(n.status), i = t.getTime() < e.getTime();
-  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+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 "./index445.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 {
-  s as getInvoiceOverdueDays
+  H as PriceField
 };

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

@@ -1,28 +1,48 @@
-import { useMoniteContext as o } from "./index59.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const d = () => {
+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 "./index445.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 "./index500.js";
+const A = ({
+  index: a,
+  control: h,
+  quantityError: o,
+  measureUnitsData: v,
+  measureUnitFieldError: u,
+  onRequestLineItemValue: r,
+  onLineItemValueChange: i,
+  onLineItemManuallyChanged: l
+}) => {
   const {
-    i18n: e
-  } = a(), {
-    api: r,
-    queryClient: t
-  } = o();
-  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
-    onSuccess: async (s) => {
-      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
-        parameters: {
-          path: {
-            counterpart_id: s.counterpart_id
-          }
-        }
-      }, t);
-    },
-    onError: () => {
-      n.error(e._("There was an error setting up the address"));
-    }
-  });
+    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 {
-  d as useCreateCounterpartAddress
+  A as QuantityField
 };

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

@@ -1,56 +1,29 @@
-const a = {
-  AL: "Alabama",
-  AK: "Alaska",
-  AZ: "Arizona",
-  AR: "Arkansas",
-  CA: "California",
-  CO: "Colorado",
-  CT: "Connecticut",
-  DE: "Delaware",
-  FL: "Florida",
-  GA: "Georgia",
-  HI: "Hawaii",
-  ID: "Idaho",
-  IL: "Illinois",
-  IN: "Indiana",
-  IA: "Iowa",
-  KS: "Kansas",
-  KY: "Kentucky",
-  LA: "Louisiana",
-  ME: "Maine",
-  MD: "Maryland",
-  MA: "Massachusetts",
-  MI: "Michigan",
-  MN: "Minnesota",
-  MS: "Mississippi",
-  MO: "Missouri",
-  MT: "Montana",
-  NE: "Nebraska",
-  NV: "Nevada",
-  NH: "New Hampshire",
-  NJ: "New Jersey",
-  NM: "New Mexico",
-  NY: "New York",
-  NC: "North Carolina",
-  ND: "North Dakota",
-  OH: "Ohio",
-  OK: "Oklahoma",
-  OR: "Oregon",
-  PA: "Pennsylvania",
-  RI: "Rhode Island",
-  SC: "South Carolina",
-  SD: "South Dakota",
-  TN: "Tennessee",
-  TX: "Texas",
-  UT: "Utah",
-  VT: "Vermont",
-  VA: "Virginia",
-  WA: "Washington",
-  WV: "West Virginia",
-  WI: "Wisconsin",
-  WY: "Wyoming",
-  DC: "Washington D.C."
-};
+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 "./index445.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 {
-  a as USStatesEnum
+  b as TaxRateField
 };

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

@@ -9,13 +9,13 @@ import "./index59.js";
 import "@mui/x-data-grid";
 import { zodResolver as N } from "@hookform/resolvers/zod";
 import { Button as p } from "./index86.js";
-import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index162.js";
-import { LoadingSpinner as L } from "./index164.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index151.js";
+import { LoadingSpinner as L } from "./index152.js";
 import { useForm as M, FormProvider as k } from "react-hook-form";
-import { useCreateProduct as q } from "./index237.js";
+import { useCreateProduct as q } from "./index153.js";
 import "react-hot-toast";
-import { getProductValidationSchema as z } from "./index238.js";
-import { ProductFormContent as T } from "./index239.js";
+import { getProductValidationSchema as z } from "./index154.js";
+import { ProductFormContent as T } from "./index155.js";
 const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
   onClose: s,
   open: u,

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

@@ -1,38 +1,34 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { getCountriesArray as g } from "./index95.js";
-import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index92.js";
-import { useLingui as A } from "@lingui/react";
-const E = ({
-  value: c,
-  onChange: u,
-  disabled: b,
-  invalid: C,
-  allowedCountries: a,
-  showClearButton: h = !0,
-  className: p,
-  container: x
+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 "./index221.js";
+import { Select as x, SelectTrigger as b, SelectValue as C, SelectContent as D, SelectItem as j } from "./index291.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: t
-  } = A(), r = d(() => {
-    const e = g(t);
-    return a ? e.filter((n) => a.includes(n.code)) : e;
-  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
-  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
-    const i = n.toLowerCase().trim();
-    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
-  }, disabled: m, children: [
-    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
-    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
-      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
-        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
-        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-      ] }, e) })
-    ] }) })
+  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 {
-  E as MoniteCountryShadcn
+  T as VatRateField
 };