@tesouro/embedded-components-react 0.2.168 → 0.2.170

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

@@ -1,67 +1,69 @@
-import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as x } from "react";
-import { getLineItemErrorMessage as b } from "./index405.js";
-import { useLingui as E } from "@lingui/react";
-import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: n
+import { Price as v } from "./index415.js";
+import { useMemo as m } from "react";
+const w = ({
+  lineItems: c,
+  isInclusivePricing: o,
+  actualCurrency: p,
+  formatCurrencyToDisplay: i,
+  taxRate: n
 }) => {
-  const t = o(() => {
-    for (const r of Object.values(n))
-      if (r) return !0;
-    return !1;
-  }, [n]);
-  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ a("div", { children: e }),
-    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
+  const b = (e) => {
+    const a = e.product?.price?.value ?? e.price?.value ?? 0, r = e.quantity ?? 1;
+    return {
+      price: a,
+      quantity: r
+    };
+  }, s = m(() => {
+    const e = n !== void 0 ? (n ?? 0) / 100 : void 0, a = c.reduce((t, f) => {
+      const {
+        price: l,
+        quantity: u
+      } = b(f);
+      if (o && e && f.taxable) {
+        const d = l * u / (1 + e);
+        return t + d;
       }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
-  const {
-    i18n: n
-  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u];
-      if (typeof f == "object") {
-        const h = b(f, i);
-        if (h)
-          return h;
-      }
-    }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
-    if (!i || typeof i != "object") return !1;
-    const u = Object.keys(i);
-    return u.length > 0 && u.some((f) => i[f] != null);
-  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
+      return t + l * u;
+    }, 0), r = p ?? c.find((t) => !!t.product?.price?.currency)?.product?.price?.currency ?? c.find((t) => !!t.price?.currency)?.price?.currency;
+    if (r)
+      return new v({
+        value: a,
+        currency: r,
+        formatter: i
+      });
+  }, [c, i, p, o, n]), y = m(() => {
+    const e = p ?? c.find((r) => !!r.product?.price?.currency)?.product?.price?.currency ?? c.find((r) => !!r.price?.currency)?.price?.currency;
+    if (!e)
+      return;
+    if (!n)
+      return new v({
+        value: 0,
+        currency: e,
+        formatter: i
+      });
+    const a = c.reduce((r, t) => {
+      if (!t.taxable) return r;
+      const {
+        price: f,
+        quantity: l
+      } = b(t), u = n / 100, d = f * l;
+      return o ? r + d * u / (1 + u) : r + d * u;
+    }, 0);
+    return new v({
+      value: a,
+      currency: e,
+      formatter: i
+    });
+  }, [c, i, p, n, o]), x = m(() => {
+    if (!(!s || !y))
+      return s.add(y);
+  }, [s, y]);
   return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || m || c || p || d)
+    subtotalPrice: s,
+    totalTaxes: y,
+    totalPrice: x
   };
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  w as useCreateInvoiceProductsTable
 };

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

@@ -1,45 +1,23 @@
-import { jsxs as C, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as _ } from "react";
-import { Button as b } from "./index84.js";
-import { Checkbox as y } from "./index350.js";
-import { Trash2 as I } from "lucide-react";
-import { ItemSelector as U } from "./index417.js";
-import { PriceField as R } from "./index465.js";
-import { QuantityField as N } from "./index466.js";
-import { MeasureUnitField as V } from "./index467.js";
-const k = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: n,
-  onLineItemValueChange: o,
-  onUpdateItem: p,
-  onRemoveItem: s,
-  canRemove: u
-}) => {
-  const h = !!a.line_items?.[t]?.product?.name, w = !!a.line_items?.[t]?.quantity, v = !!a.line_items?.[t]?.product?.price?.value, d = n("product.name"), f = !!(d && d.trim()), x = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ C("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(U, { onChange: (r, g) => p(t, r, g), fieldName: n("product.name") || "", index: t, error: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { index: t, control: l, quantityError: w, canRemove: u, hasProduct: f, onLineItemValueChange: o, onRemoveItem: s }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: n("product.measure_unit_id"), onChange: (r) => {
-      o("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: x }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(R, { error: v, currency: i, value: n("product.price.value"), onChange: (r) => {
-      o("product.price.value", r, {
-        shouldValidate: !0
-      });
-    } }) }),
-    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: n("taxable") ?? !1, onCheckedChange: (r) => {
-      o("taxable", r === !0);
-    } }) }),
-    u && /* @__PURE__ */ e(b, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => s(t), children: /* @__PURE__ */ e(I, {}) })
-  ] });
-}, S = _(k);
+class t {
+  value;
+  currency;
+  formatter;
+  constructor(r) {
+    this.value = r.value, this.currency = r.currency, this.formatter = r.formatter;
+  }
+  add(r) {
+    if (this.currency !== r.currency)
+      throw new Error("Currencies must match");
+    return new t({
+      value: Number(this.value) + Number(r.value),
+      currency: this.currency,
+      formatter: this.formatter
+    });
+  }
+  toString() {
+    return this.formatter(this.value, this.currency) ?? "";
+  }
+}
 export {
-  S as InvoiceItemRow
+  t as Price
 };

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

@@ -1,27 +1,4 @@
-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: 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" })
-  ] });
-};
+const t = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 9)}`;
 export {
-  u as InvoiceTotals
+  t as generateUniqueId
 };

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

@@ -1,143 +1,98 @@
-import { jsxs as P, jsx as i } 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 "./index136.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 { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index92.js";
+import "./index57.js";
 import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as $ } from "../../shared/data-access/dist/lib/scopes.js";
-import { Combobox as ee, ComboboxInput as te, ComboboxContent as ne, ComboboxList as ie, ComboboxEmpty as ae, ComboboxItem as oe } from "./index90.js";
-import { InputGroupAddon as re } from "./index101.js";
-import { Loader2 as M } from "lucide-react";
-const se = "custom", Pe = ({
-  fieldName: a,
-  error: V,
-  disabled: j,
-  index: B = 0,
-  defaultCurrency: D,
-  measureUnits: C,
-  container: E,
-  onChange: l
-}) => {
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index480.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
-    i18n: f
-  } = Y(), k = D, [g, m] = x(""), [b, I] = x(!1), [q, y] = x(null), [_, u] = x(!1), {
-    api: z
+    i18n: t
   } = R(), {
-    formatCurrencyToDisplay: A
-  } = X(), d = Z().has($.ProductWriteOrg), {
-    data: N,
-    isLoading: F,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: v
-  } = z.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
       }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
           }
-        };
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
+        }
     },
-    enabled: !!k
-  }), H = p((e) => {
-    const {
-      scrollTop: t,
-      scrollHeight: r,
-      clientHeight: L
-    } = e.currentTarget;
-    r - t - L < 100 && T && !v && S();
-  }, [S, T, v]), o = w(() => N ? N.pages.flatMap((e) => e.data).sort((e, t) => (e.name ?? "").localeCompare(t.name ?? "")) : [], [N]), c = 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 && a && a.length > 0 && !g.length && (o?.find((e) => e?.name === a) || m(a));
-  }, [a, b, o, g]);
-  let n = o?.find((e) => e?.id === q);
-  if (!b && a && a.length > 0 && !g.length && !n) {
-    const e = o?.find((t) => t?.name === a);
-    e && (n = e);
-  }
-  const O = n ? n.id : null, h = n ? n.name : g, s = w(() => {
-    const e = h.toLowerCase().trim();
-    return !e || n && n.name.toLowerCase() === e ? c : c.filter((t) => t.label.toLowerCase().includes(e));
-  }, [h, c, n]), W = w(() => s.map((e) => e.id), [s]), G = p(() => {
-    I(!0), u(!0);
-  }, []), K = p(() => {
-    I(!1);
-  }, []), U = p((e) => {
-    if (!e) {
-      y(null), m(""), l({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    const t = c.find((r) => r.id === e);
-    t && (y(t.id), m(""), l(t, !0));
-  }, [c, l]), Q = p((e, t) => {
-    if (t.reason !== "input-change") {
-      d || m("");
-      return;
-    }
-    m(e), y(null), d && l(e.trim() ? {
-      id: se,
-      label: e
-    } : {
-      id: "",
-      label: ""
-    }, !1);
-  }, [d, l]);
-  return /* @__PURE__ */ P(ee, { value: O, onValueChange: U, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: j, open: _, onOpenChange: u, children: [
-    /* @__PURE__ */ i(te, { id: `item-selector-${B}`, placeholder: d ? f._("e.g., The machine that goes ping") : f._("Search for an item"), "aria-invalid": V || void 0, maxLength: 100, 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: F && /* @__PURE__ */ i(re, { align: "inline-start", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(ne, { container: E, className: "ttw:min-w-138", children: /* @__PURE__ */ P(ie, { onScroll: H, children: [
-      /* @__PURE__ */ i(ae, { children: d ? f._("No saved items found - type to add an item") : f._("No saved items found") }),
-      s.map((e) => /* @__PURE__ */ P(oe, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ i("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [e.price && A(e.price.value, e.price.currency), e.measureUnit?.name].filter(Boolean).join(" ") })
-      ] }, e.id)),
-      v && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(M, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
 };
 export {
-  se as CUSTOM_ID,
-  Pe as ItemSelector
+  G as usePaymentHandler
 };

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

@@ -1,98 +1,40 @@
-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 "./index439.js";
-import "date-fns";
-import { getCreateBankAccountSchema as x } from "./index191.js";
-import { safeZodResolver as C } from "./index223.js";
-import { useLingui as S } from "@lingui/react";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index161.js";
-import { Input as s } from "./index119.js";
-import { Typography as h } from "./index85.js";
-import { useCreateEntityBankAccount as F } from "./index391.js";
-import { Button as p } from "./index84.js";
-const I = ({
-  bankAccountsLength: b,
-  onCreate: _,
-  onCancel: f
-}) => {
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index121.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
   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: ""
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
     }
-  }), 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") })
-    ] })
-  ] });
+  }, {
+    onSuccess: () => {
+      if (e.finops.getApprovalRequests.invalidateQueries(t), a.success(o._("Payable “{document_id}” has been rejected", {
+        document_id: p
+      })), !!s)
+        return n?.(s ?? ""), new Promise((r) => {
+          setTimeout(() => {
+            Promise.all([e.finops.getPayablesId.invalidateQueries({
+              parameters: {
+                path: {
+                  payable_id: s ?? ""
+                }
+              }
+            }, t), e.finops.getPayables.invalidateQueries(t)]).then(() => r());
+          }, 500);
+        });
+    },
+    onError: (r) => {
+      a.error(l(o, r));
+    }
+  });
 };
 export {
-  I as BankAccountSectionForm
+  v as useRejectApprovalRequest
 };

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

@@ -1,14 +1,37 @@
-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 { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index121.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
+  const {
+    api: e,
+    queryClient: o
+  } = u(), {
+    i18n: r
+  } = d();
+  return e.finops.postApprovalRequestsIdApprove.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    onSuccess: () => (e.finops.getApprovalRequests.invalidateQueries(o), a.success(r._('Payable "{document_id}" has been approved', {
+      document_id: n ?? "document id is unknown"
+    })), p?.(t ?? ""), new Promise((s) => {
+      setTimeout(() => {
+        Promise.all([e.finops.getPayablesId.invalidateQueries({
+          parameters: {
+            path: {
+              payable_id: t ?? ""
+            }
+          }
+        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
+      }, 500);
+    })),
+    onError: (s) => {
+      a.error(m(r, s));
+    }
+  });
 };
 export {
-  l as validateAttachmentFile
+  g as useApproveApprovalRequest
 };