@tesouro/embedded-components-react 0.2.223 → 0.2.224

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

@@ -1,49 +1,27 @@
-import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useCurrencies as b } from "./index58.js";
-import "react";
-import "./index92.js";
-import { useLingui as x } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as y } from "./index255.js";
-import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index271.js";
-import { Typography as r } from "./index85.js";
-import { Loader2 as L } from "lucide-react";
-import { useGetProducts as T } from "./index194.js";
-const R = ({
-  onClose: c,
-  onDelete: d,
-  name: p,
-  isLoading: u,
-  open: h,
-  id: n
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as r } from "@lingui/react";
+import { twMerge as i } from "tailwind-merge";
+const o = ({
+  label: e,
+  value: l,
+  className: a
+}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
+  /* @__PURE__ */ t("span", { children: e }),
+  /* @__PURE__ */ t("span", { children: l?.toString() })
+] }), u = ({
+  subtotalPrice: e,
+  totalTaxes: l,
+  totalPrice: a
 }) => {
   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)) }) })
+    i18n: s
+  } = r();
+  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
+    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
+    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
   ] });
-  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() });
 };
 export {
-  R as ConfirmDeleteMeasureUnitDialog
+  u as InvoiceTotals
 };

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

@@ -1,30 +1,144 @@
-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 "./index140.js";
-import { Button as c } from "./index84.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
+import { jsxs as P, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as x, useCallback as p, useMemo as w, useEffect as J } from "react";
+import { useMoniteContext as R } from "./index57.js";
+import { useCurrencies as X } from "./index58.js";
+import "./index92.js";
+import { useLingui as Y } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useUserPermissions as Z } from "./index146.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 ee } from "../../shared/data-access/dist/lib/scopes.js";
+import { Combobox as te, ComboboxInput as ne, ComboboxContent as ae, ComboboxList as ie, ComboboxEmpty as oe, ComboboxItem as re } from "./index90.js";
+import { InputGroupAddon as se } from "./index101.js";
+import { Loader2 as F } from "lucide-react";
+const le = "custom", Ie = ({
+  fieldName: i,
+  error: M,
+  disabled: T,
+  index: V = 0,
+  defaultCurrency: j,
+  measureUnits: C,
+  container: D,
+  autoFocus: E = !1,
+  onChange: l
 }) => {
   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;
+    i18n: f
+  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [O, y] = x(null), [_, u] = x(!1), {
+    api: q
+  } = R(), {
+    formatCurrencyToDisplay: z
+  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
+    data: v,
+    isLoading: A,
+    fetchNextPage: $,
+    hasNextPage: S,
+    isFetchingNextPage: N
+  } = q.finops.getProducts.useInfiniteQuery({
+    query: {
+      limit: 20,
+      currency: I
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
+    },
+    enabled: !!I
+  }), B = p((e) => {
+    const {
+      scrollTop: t,
+      scrollHeight: r,
+      clientHeight: L
+    } = e.currentTarget;
+    r - t - L < 100 && S && !N && $();
+  }, [$, S, N]), o = w(() => v ? v.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [v]), d = w(() => !o || o.length === 0 ? [] : o.map((e) => {
+    const t = C ? C.data.find((r) => r.id === e.measure_unit_id) : void 0;
+    return {
+      id: e.id,
+      label: e.name,
+      description: e.description,
+      price: e.price,
+      smallestAmount: e.smallest_amount,
+      measureUnit: t
+    };
+  }), [o, C]);
+  J(() => {
+    !b && i && i.length > 0 && !g.length && (o?.find((e) => e?.name === i) || m(i));
+  }, [i, b, o, g]);
+  let n = o?.find((e) => e?.id === O);
+  if (!b && i && i.length > 0 && !g.length && !n) {
+    const e = o?.find((t) => t?.name === i);
+    e && (n = e);
+  }
+  const H = n ? n.id : null, h = n ? n.name : g, s = w(() => {
+    const e = h.toLowerCase().trim();
+    return !e || n && n.name.toLowerCase() === e ? d : d.filter((t) => t.label.toLowerCase().includes(e));
+  }, [h, d, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
+    k(!0), u(!0);
+  }, []), K = p(() => {
+    k(!1);
+  }, []), U = p((e) => {
+    if (!e) {
+      y(null), m(""), l({
+        id: "",
+        label: ""
+      }, !1);
+      return;
+    }
+    const t = d.find((r) => r.id === e);
+    t && (y(t.id), m(""), l(t, !0));
+  }, [d, l]), Q = p((e, t) => {
+    if (t.reason !== "input-change") {
+      c || m("");
+      return;
+    }
+    m(e), y(null), c && l(e.trim() ? {
+      id: le,
+      label: e
+    } : {
+      id: "",
+      label: ""
+    }, !1);
+  }, [c, l]);
+  return /* @__PURE__ */ P(te, { value: H, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: T, open: _, onOpenChange: u, children: [
+    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., Office supplies") : f._("Search for an item"), "aria-invalid": M || void 0, maxLength: 100, autoFocus: E, onFocus: G, onBlur: K, onClick: () => {
+      _ || u(!0);
+    }, onKeyDown: (e) => {
+      if (e.key === "Enter")
+        e.preventDefault(), u(!1);
+      else if (e.key === "Tab" && _) {
+        const t = h.toLowerCase().trim();
+        if (!t) return;
+        const r = s.find((L) => L.label.toLowerCase() === t) ?? (s.length === 1 ? s[0] : void 0);
+        r && (U(r.id), u(!1));
+      }
+    }, className: "ttw:w-full", children: A && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
+    /* @__PURE__ */ a(ae, { container: D, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: B, children: [
+      /* @__PURE__ */ a(oe, { children: c ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
+      s.map((e) => /* @__PURE__ */ P(re, { value: e.id, children: [
+        /* @__PURE__ */ a("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
+        /* @__PURE__ */ a("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && z(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
+      ] }, e.id)),
+      N && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ a(F, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
+    ] }) })
+  ] });
 };
 export {
-  A as TableActions
+  le as CUSTOM_ID,
+  Ie as ItemSelector
 };

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

@@ -1,28 +1,98 @@
-import { useMoniteContext as o } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const d = () => {
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index435.js";
+import "date-fns";
+import { getCreateBankAccountSchema as x } from "./index191.js";
+import { safeZodResolver as C } from "./index258.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index159.js";
+import { Input as s } from "./index123.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index386.js";
+import { Button as p } from "./index84.js";
+const I = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
+}) => {
   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: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
     }
-  });
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
+  };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
+  ] });
 };
 export {
-  d as useCreateCounterpartAddress
+  I as BankAccountSectionForm
 };

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

@@ -1,34 +1,14 @@
-import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
-const D = () => {
-  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
-    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
-  }, []), h = r(() => {
-    a(!1);
-  }, []), i = r(() => {
-    a(!1);
-  }, []), L = r((e) => {
-    if (!n) return;
-    e.preventDefault();
-    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
-    t.current && (t.current.scrollLeft = f - p);
-  }, [n, u, f]), l = r((e) => {
-    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-  }, []);
-  return M(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("wheel", l), () => {
-        e.removeEventListener("wheel", l);
-      };
-  }, [l]), {
-    containerRef: t,
-    handleMouseDown: d,
-    handleMouseLeave: h,
-    handleMouseUp: i,
-    handleMouseMove: L,
-    isDragging: n
-  };
+const o = (e) => {
+  const t = e.lastIndexOf(".");
+  return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
+}, l = (e, {
+  acceptedFormats: t,
+  acceptedExtensions: n,
+  maxFileSizeInMB: s
+}) => {
+  const a = t.includes(e.type), c = n.includes(o(e.name));
+  return !a && !c ? "unsupported_type" : e.size > s * 1024 * 1024 ? "too_large" : null;
 };
 export {
-  D as useDragScroll
+  l as validateAttachmentFile
 };

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

@@ -1,7 +1,4 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
-};
+const r = (o) => o ? Array.from(o) : [];
 export {
-  r as getPayablesAnalyticsSnapshot
+  r as toFileArray
 };