@tesouro/embedded-components-react 0.2.184 → 0.2.189

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

@@ -1,67 +1,98 @@
-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 "./index392.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
-}) => {
-  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"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
+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 "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index80.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index476.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
+  const {
+    i18n: t
+  } = R(), {
+    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 {
-    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;
+    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;
       }
-    }
-    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 {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
+      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);
+        }
     },
-    hasErrors: !!(y || s || l || m || c || p || d)
+    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 {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  G as usePaymentHandler
 };

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

@@ -1,46 +1,40 @@
-import { jsxs as _, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as b } from "react";
-import { Button as I } from "./index84.js";
-import { Checkbox as y } from "./index373.js";
-import { Trash2 as N } from "lucide-react";
-import { ItemSelector as R } from "./index390.js";
-import { PriceField as U } from "./index466.js";
-import { QuantityField as F } from "./index467.js";
-import { MeasureUnitField as V } from "./index468.js";
-const j = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: o,
-  onLineItemValueChange: n,
-  onUpdateItem: p,
-  onRemoveItem: u,
-  canRemove: s,
-  autoFocusName: h = !1
-}) => {
-  const w = !!a.line_items?.[t]?.product?.name, v = !!a.line_items?.[t]?.quantity, f = !!a.line_items?.[t]?.product?.price?.value, d = o("product.name"), x = !!(d && d.trim()), g = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ _("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(R, { onChange: (r, C) => p(t, r, C), fieldName: o("product.name") || "", index: t, error: w, autoFocus: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(F, { index: t, control: l, quantityError: v, canRemove: s, hasProduct: x, onLineItemValueChange: n, onRemoveItem: u }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: o("product.measure_unit_id"), onChange: (r) => {
-      n("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: g }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { error: f, currency: i, value: o("product.price.value"), onChange: (r) => {
-      n("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: o("taxable") ?? !1, onCheckedChange: (r) => {
-      n("taxable", r === !0);
-    } }) }),
-    s && /* @__PURE__ */ e(I, { 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: () => u(t), children: /* @__PURE__ */ e(N, {}) })
-  ] });
-}, z = b(j);
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index119.js";
+import { useLingui as m } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const v = (i, n, s, p) => {
+  const {
+    api: e,
+    queryClient: t
+  } = u(), {
+    i18n: o
+  } = m();
+  return e.finops.postApprovalRequestsIdReject.useMutation({
+    path: {
+      approval_request_id: i
+    }
+  }, {
+    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 {
-  z as InvoiceItemRow
+  v as useRejectApprovalRequest
 };

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

@@ -1,27 +1,37 @@
-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
-}) => {
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index119.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as a } from "react-hot-toast";
+const g = (i, p, t, n) => {
   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" })
-  ] });
+    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 {
-  u as InvoiceTotals
+  g as useApproveApprovalRequest
 };

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

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as L, Fragment as k } from "@emotion/react/jsx-runtime";
-import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index151.js";
-import { useReceivableSubmit as M } from "./index152.js";
+import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index197.js";
+import { useReceivableSubmit as M } from "./index198.js";
 import { useMoniteContext as N } from "./index57.js";
 import { MoniteScopedProviders as U } from "./index83.js";
-import { useUserPermissions as q } from "./index130.js";
+import { useUserPermissions as q } 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";
@@ -11,12 +11,12 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as A } from "../../shared/data-access/dist/lib/scopes.js";
 import { useRef as B, useMemo as s, useCallback as F } from "react";
-import { AccessRestriction as w } from "./index131.js";
+import { AccessRestriction as w } from "./index157.js";
 import { Button as m } from "./index84.js";
 import { zodResolver as f } from "@hookform/resolvers/zod";
 import { useLingui as h } from "@lingui/react";
 import { useForm as P } from "react-hook-form";
-import { ReceivableFormLayout as V } from "./index153.js";
+import { ReceivableFormLayout as V } from "./index199.js";
 const ne = (i) => {
   const {
     i18n: a

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

@@ -1,144 +1,9 @@
-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 "./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 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 U } from "lucide-react";
-const le = "custom", Ie = ({
-  fieldName: i,
-  error: F,
-  disabled: M,
-  index: V = 0,
-  defaultCurrency: j,
-  measureUnits: C,
-  container: D,
-  autoFocus: E = !1,
-  onChange: l
-}) => {
-  const {
-    i18n: f
-  } = Y(), I = j, [g, m] = x(""), [b, k] = x(!1), [q, y] = x(null), [_, u] = x(!1), {
-    api: z
-  } = R(), {
-    formatCurrencyToDisplay: A
-  } = X(), c = Z().has(ee.InvoiceWriteOrg), {
-    data: v,
-    isLoading: B,
-    fetchNextPage: $,
-    hasNextPage: S,
-    isFetchingNextPage: N
-  } = z.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
-  }), H = 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 === q);
-  if (!b && i && i.length > 0 && !g.length && !n) {
-    const e = o?.find((t) => t?.name === i);
-    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 ? 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);
-  }, []), T = 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: O, onValueChange: T, inputValue: h, onInputValueChange: Q, items: W, filter: () => !0, disabled: M, open: _, onOpenChange: u, children: [
-    /* @__PURE__ */ a(ne, { id: `item-selector-${V}`, placeholder: c ? f._("e.g., The machine that goes ping") : f._("Search for an item"), "aria-invalid": F || 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 && (T(r.id), u(!1));
-      }
-    }, className: "ttw:w-full", children: B && /* @__PURE__ */ a(se, { align: "inline-start", children: /* @__PURE__ */ a(U, { 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: H, 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 && A(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(U, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
+const e = (t) => {
+  if (t < 1024)
+    return `${t} B`;
+  const o = t / 1024;
+  return o < 1024 ? `${Math.round(o)} KB` : `${(o / 1024).toFixed(1)} MB`;
 };
 export {
-  le as CUSTOM_ID,
-  Ie as ItemSelector
+  e as formatFileSize
 };