@tesouro/embedded-components-react 0.2.200 → 0.2.203

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

@@ -1,144 +1,51 @@
-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 { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index478.js";
+import { useWindowResize as z } from "./index479.js";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
 import "./index92.js";
-import { useLingui as Y } from "@lingui/react";
+import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
-import { useUserPermissions as Z } from "./index135.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
-}) => {
+import { useIsMounted as O } from "./index68.js";
+import { useA4Dimensions as T } from "./index480.js";
+const K = (e, c, D = {}) => {
   const {
-    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);
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
       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("");
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
       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" }) })
-    ] }) })
-  ] });
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
+    };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
 };
 export {
-  le as CUSTOM_ID,
-  Ie as ItemSelector
+  K as useAdaptiveScale
 };

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

@@ -1,98 +1,17 @@
-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 "./index457.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 "./index175.js";
-import { Input as s } from "./index119.js";
-import { Typography as h } from "./index85.js";
-import { useCreateEntityBankAccount as F } from "./index393.js";
-import { Button as p } from "./index84.js";
-const I = ({
-  bankAccountsLength: b,
-  onCreate: _,
-  onCancel: f
-}) => {
-  const {
-    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") })
-    ] })
-  ] });
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index100.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  I as BankAccountSectionForm
+  l as AspectRatio
 };

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

@@ -1,14 +1,24 @@
-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;
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as s } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const p = (t) => {
+  const {
+    i18n: n
+  } = r(), {
+    api: a,
+    queryClient: i
+  } = s();
+  return a.finops.postBankDetails.useMutation(void 0, {
+    onSuccess: async (e) => {
+      await a.finops.getBankDetails.invalidateQueries(i), t && t(e?.id), o.success(n._('Bank Account "{name}" has been created.', {
+        name: e.display_name
+      }));
+    },
+    onError: (e) => {
+      o.error(e?.detail?.[0]?.msg || n._("Failed to create Bank Account."));
+    }
+  });
 };
 export {
-  l as validateAttachmentFile
+  p as useCreateEntityBankAccount
 };

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

@@ -1,4 +1,69 @@
-const r = (o) => o ? Array.from(o) : [];
+import { useMemo as g } from "react";
+import { useMoniteContext as k } from "./index57.js";
+const p = (t, u) => {
+  const {
+    api: r
+  } = k(), i = !!(t && u), o = i && u === "BANK_DETAILS", c = i && u === "INTERNAL", d = i && u === "EXTERNAL", {
+    data: n,
+    isLoading: b
+  } = r.finops.getBankDetailsId.useQuery({
+    path: {
+      bank_account_id: t ?? ""
+    }
+  }, {
+    enabled: o,
+    retry: !1
+  }), {
+    data: e,
+    isLoading: m
+  } = r.embeddedBanking.getBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: c,
+    retry: !1
+  }), {
+    data: a,
+    isLoading: _
+  } = r.embeddedBanking.getExternalBankAccount.useQuery({
+    path: {
+      id: t ?? ""
+    }
+  }, {
+    enabled: d,
+    retry: !1
+  }), s = b || m || _;
+  return {
+    data: g(() => {
+      if (n)
+        return {
+          id: n.id,
+          bank_name: n.bank_name,
+          account_number: n.account_number,
+          routing_number: n.routing_number,
+          bank_account_type: "BANK_DETAILS"
+        };
+      if (e)
+        return {
+          id: e.id,
+          bank_name: null,
+          account_number: e.accountNumber,
+          routing_number: e.routingNumber,
+          bank_account_type: "INTERNAL"
+        };
+      if (a)
+        return {
+          id: a.id,
+          bank_name: null,
+          account_number: a.accountNumber,
+          routing_number: a.routingNumber,
+          bank_account_type: "EXTERNAL"
+        };
+    }, [n, e, a]),
+    isLoading: s
+  };
+};
 export {
-  r as toFileArray
+  p as useGetBankAccountById
 };

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

@@ -3,14 +3,14 @@ import { useState as c, useCallback as r } from "react";
 import { ProductsTable as g } from "./index43.js";
 import { ProductDetails as v } from "./index45.js";
 import { MoniteScopedProviders as x } from "./index83.js";
-import { useUserPermissions as h } from "./index135.js";
+import { useUserPermissions as h } from "./index130.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 R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as S } from "./index136.js";
+import { AccessRestriction as S } from "./index131.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";