@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,114 +1,56 @@
-import { jsxs as s, jsx as a } from "@emotion/react/jsx-runtime";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as j } from "@lingui/react";
-import { useState as I, Fragment as O } from "react";
-import { format as G } from "date-fns";
-import { useUserPermissions as k } from "./index143.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 F } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import { Plus as U, Loader2 as B } from "lucide-react";
-import { Button as h } from "./index86.js";
-import { useGetOverdueReminders as L } from "./index451.js";
-import { useCreateOverdueReminder as V } from "./index452.js";
-import { useGetPaymentTermById as Y } from "./index453.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useFormContext as z } from "react-hook-form";
-import { calculateDueDate as K } from "./index7.js";
-import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index202.js";
-import { RadioGroup as H, RadioGroupItem as b } from "./index376.js";
-import { Typography as n } from "./index87.js";
-import { Input as J } from "./index119.js";
-const Q = "MMM d, yyyy", N = 3, Et = ({
-  disabled: l
-}) => {
-  const {
-    data: u
-  } = L(), [o, c] = I([""]), {
-    i18n: e
-  } = j(), T = k().has(F.InvoiceWriteOrg), {
-    watch: w,
-    setValue: y
-  } = z(), A = w("overdue_reminder_id"), p = w("payment_terms_id"), C = w("payment_terms_custom_date"), v = p === W, _ = p === q, P = p && !v && !_ ? p : void 0, {
-    data: g
-  } = Y(P), x = v ? C ?? void 0 : _ ? /* @__PURE__ */ new Date() : g && K(g) || void 0, {
-    mutate: E,
-    isPending: d
-  } = V(), M = (t, i) => {
-    c((m) => m.map((r, f) => f === t ? i : r));
-  }, R = () => {
-    c((t) => t.length < N ? [...t, ""] : t);
-  }, D = () => {
-    c([""]);
-  }, $ = o.every((t) => Number(t) >= 1), S = () => {
-    const t = o.map((r) => Number(r)).sort((r, f) => r - f), i = t.map((r) => r === 1 ? e._("{daysAfter} day", {
-      daysAfter: r
-    }) : e._("{daysAfter} days", {
-      daysAfter: r
-    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
-    E({
-      body: {
-        name: m,
-        terms: t.map((r) => ({
-          days_after: r,
-          subject: e._("Payment is overdue"),
-          body: x ? e._("Payment was due on {dueDate}.", {
-            dueDate: G(x, Q)
-          }) : e._("Payment is overdue.")
-        }))
-      }
-    }, {
-      onSuccess: (r) => {
-        c([""]), y("overdue_reminder_id", r.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ s("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
-    /* @__PURE__ */ s(n, { variant: "body2", children: [
-      e._("Number of days"),
-      " ",
-      /* @__PURE__ */ a("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
-      " ",
-      e._("due date")
-    ] }),
-    /* @__PURE__ */ a(H, { className: "ttw:contents", value: A ?? "", onValueChange: (t) => y("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
-      /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: "", id: "no-overdue-reminder" }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
-      ] }) }),
-      u?.map((t) => /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: t.value, id: t.value }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
-      ] }) }, t.value))
-    ] }) }),
-    T && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ a(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ a(J, { type: "text", inputMode: "numeric", value: t, onChange: (r) => M(i, r.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
-          /* @__PURE__ */ a(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
-        ] }, i)),
-        o.length < N && /* @__PURE__ */ s(h, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: R, children: [
-          /* @__PURE__ */ a(U, {}),
-          e._("Add")
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        /* @__PURE__ */ a(h, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: D, children: e._("Clear") }),
-        /* @__PURE__ */ a(h, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !$, onClick: S, children: d ? /* @__PURE__ */ a(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
-      ] })
-    ] })
-  ] });
+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."
 };
 export {
-  Et as ReminderOverdue
+  a as USStatesEnum
 };

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

@@ -1,71 +1,38 @@
-import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
-import { getMeasureUnitValidationSchema as z } from "./index172.js";
-import { Button as o } from "./index86.js";
-import { Input as p } from "./index119.js";
-import { TableRow as C, TableCell as M } from "./index301.js";
-import { zodResolver as S } from "@hookform/resolvers/zod";
-import { useLingui as U } from "@lingui/react";
-import { Check as $, X as j } from "lucide-react";
-import { useForm as k, Controller as f } from "react-hook-form";
-import { useCreateMeasureUnit as E } from "./index436.js";
-import { useUpdateMeasureUnit as V } from "./index437.js";
-const P = {
-  name: "",
-  description: ""
-}, D = ({
-  id: s,
-  isEditMode: n,
-  initialValues: h = P,
-  onCancel: g,
-  onEdit: v
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index94.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index91.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
 }) => {
   const {
-    i18n: m
-  } = U(), b = z(m), {
-    handleSubmit: l,
-    control: d,
-    reset: y,
-    setError: c
-  } = k({
-    defaultValues: h,
-    resolver: S(b)
-  }), w = E(() => y(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
-    type: "custom",
-    message: e
-  })), x = (e) => {
-    if (!n || !s) {
-      console.error("handleEdit called without valid id or edit mode");
-      return;
-    }
-    i.mutate(e);
-  }, N = (e) => {
-    w.mutate(e);
-  }, u = w.isPending || i.isPending;
-  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
-    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
-      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
-      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
-    ] }) }),
-    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
-      field: e,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
-    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
-      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
-    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
-  ] }) }) });
+    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) })
+    ] }) })
+  ] });
 };
 export {
-  D as MeasureUnitsFormRow
+  E as MoniteCountryShadcn
 };

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

@@ -1,49 +1,14 @@
-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 "./index94.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index252.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index301.js";
-import { Typography as r } from "./index87.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index169.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 { getCountries as i } from "./index94.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 {
-  R as ConfirmDeleteMeasureUnitDialog
+  r as getCounterpartPhone,
+  u as getCountryName,
+  o as getMeasureUnitName
 };

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

@@ -1,30 +1,31 @@
-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 "./index135.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 { useRef as t, useEffect as p } from "react";
+import "./index58.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index93.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index69.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 {
-  A as TableActions
+  z as useResizeObserver
 };

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

@@ -1,24 +1,26 @@
-import { useMoniteContext as n } from "./index59.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const m = (e) => {
-  const {
-    api: t,
-    queryClient: i
-  } = n(), {
-    i18n: o
-  } = a();
-  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
-    onSuccess: async () => {
-      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
-        name: e
-      })));
-    },
-    onError: (r) => {
-      console.error(r), s.error(o._("Failed to delete Unit."));
-    }
-  });
+import { useRef as u, useEffect as s } from "react";
+import "./index58.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index93.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index69.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 {
-  m as useDeleteMeasureUnit
+  E as useWindowResize
 };

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

@@ -1,14 +1,41 @@
-import { getCountries as i } from "./index95.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;
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
   }
-}, u = (n, e) => e ? i(n)[e] ?? e : "";
+}, 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 {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  y as useA4Dimensions
 };