@tesouro/embedded-components-react 0.2.175 → 0.2.176

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

@@ -1,20 +1,37 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index77.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => {
+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 {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    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 {
-  n as UserAvatar
+  g as useApproveApprovalRequest
 };

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

@@ -1,98 +1,56 @@
-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 "./index442.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 {
-    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;
-      }
-      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);
-        }
-    },
-    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...") })
-    ] }) }) })
-  };
+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 {
-  G as usePaymentHandler
+  a as USStatesEnum
 };

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

@@ -1,40 +1,38 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as l } from "./index122.js";
-import { useLingui as m } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const v = (i, n, s, p) => {
+import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { getCountriesArray as g } from "./index93.js";
+import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.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 {
-    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));
-    }
-  });
+    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 {
-  v as useRejectApprovalRequest
+  E as MoniteCountryShadcn
 };

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

@@ -1,37 +1,28 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index122.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
+import { useMoniteContext as o } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const d = () => {
   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 ?? ""
-            }
+    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
           }
-        }, o), e.finops.getPayables.invalidateQueries(o)]).then(() => s());
-      }, 500);
-    })),
-    onError: (s) => {
-      a.error(m(r, s));
+        }
+      }, t);
+    },
+    onError: () => {
+      n.error(e._("There was an error setting up the address"));
     }
   });
 };
 export {
-  g as useApproveApprovalRequest
+  d as useCreateCounterpartAddress
 };

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

@@ -1,87 +1,9 @@
-import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useState as S, useMemo as p } from "react";
-import { useFormContext as $, Controller as E } from "react-hook-form";
-import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
-import { useRootElements as j } from "./index92.js";
-import "./index57.js";
-import { useCounterpartList as k } from "./index71.js";
-import "react-hot-toast";
-import { useLingui as z } from "@lingui/react";
-import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
-import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index159.js";
-import { InputGroupAddon as H } from "./index101.js";
-import { Loader2 as J, Search as Q } from "lucide-react";
-const me = ({
-  disabled: _,
-  canCreateCounterpart: i = !0
-}) => {
-  const {
-    i18n: o
-  } = z(), {
-    root: g
-  } = j(), {
-    control: x,
-    setValue: s,
-    watch: v,
-    clearErrors: f
-  } = $(), {
-    data: d,
-    isLoading: L
-  } = k({
-    query: {
-      is_customer: !0
-    }
-  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
-    id: e.id,
-    name: I(e),
-    email: V(e)
-  })) : [], [d]), a = p(() => {
-    const e = m.toLowerCase().trim();
-    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
-  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
-  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
-    field: e,
-    fieldState: {
-      error: n
-    }
-  }) => {
-    const w = (r) => {
-      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
-    }, N = (r, l) => {
-      if (l.reason !== "input-change") {
-        i || s("counterpart_name", "");
-        return;
-      }
-      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
-    };
-    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
-      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
-      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
-        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
-          if (r.key === "Enter") {
-            r.preventDefault();
-            return;
-          }
-          if (r.key === "Tab" && h) {
-            const l = m.toLowerCase().trim();
-            if (!l) return;
-            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
-            b && (w(b.id), C(!1));
-          }
-        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
-        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
-          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
-          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
-            /* @__PURE__ */ t("span", { children: r.name }),
-            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
-          ] }) }, r.id))
-        ] }) })
-      ] }),
-      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
-      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
-    ] }) });
-  } });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  me as CounterpartSelector
+  t as getRowToStatusTextMap
 };

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

@@ -1,19 +1,56 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index100.js";
-import * as r from "@radix-ui/react-avatar";
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
-}
-function f({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
-}
+import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { useState as n } from "react";
+import { useMoniteContext as y } from "./index57.js";
+import { useRootElements as I } from "./index92.js";
+import { classNames as _ } from "./index172.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
+const $ = ({
+  onChange: l,
+  className: p
+}) => {
+  const {
+    i18n: r
+  } = F(), {
+    api: d
+  } = y(), {
+    root: u
+  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
+    data: C,
+    isLoading: a,
+    refetch: A
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: f || void 0
+    }
+  }, {
+    enabled: i
+  });
+  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
+    popper: {
+      container: u
+    }
+  }, open: i, onOpen: () => {
+    s(!0);
+  }, onClose: () => {
+    s(!1);
+  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+    g(t);
+  }, onChange: (e, t) => {
+    c(t), l(t?.id), A();
+  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
+    "&.MuiAutocomplete-root": {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ h(x, { children: [
+      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }) });
+};
 export {
-  n as Avatar,
-  f as AvatarFallback
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as b, Fragment as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as k } from "./index55.js";
-import { ReceivableFilters as G } from "./index187.js";
+import { ReceivableFilters as G } from "./index169.js";
 import "react-hot-toast";
 import { useMoniteContext as A } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
@@ -11,7 +11,7 @@ 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 { useReceivablesFilters as W } from "./index188.js";
+import { useReceivablesFilters as W } from "./index170.js";
 import "date-fns";
 import { useCurrencies as j } from "./index58.js";
 import "clsx";
@@ -19,18 +19,18 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as E } from "./index148.js";
+import { useGetReceivables as E } from "./index143.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as V, defaultCounterpartColumnWidth as q, useAutosizeGridColumns as H } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as Q } from "./index83.js";
-import { ReceivableCursorFields as x } from "./index185.js";
-import { CounterpartNameCellById as Y } from "./index162.js";
-import { DataGridEmptyState as J } from "./index189.js";
-import { GetNoRowsOverlay as K } from "./index163.js";
+import { ReceivableCursorFields as x } from "./index167.js";
+import { CounterpartNameCellById as Y } from "./index157.js";
+import { DataGridEmptyState as J } from "./index171.js";
+import { GetNoRowsOverlay as K } from "./index158.js";
 import { TablePagination as U } from "./index86.js";
-import { classNames as X } from "./index190.js";
-import { hasSelectedText as Z } from "./index165.js";
+import { classNames as X } from "./index172.js";
+import { hasSelectedText as Z } from "./index160.js";
 import { Stack as ee, Typography as te, Box as oe } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const De = (s) => /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(ae, { ...s }) }), ae = ({