@tesouro/embedded-components-react 0.2.226 → 0.2.227

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

@@ -1,18 +1,40 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as l } from "./index123.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 {
-  a as ULabel
+  v as useRejectApprovalRequest
 };

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

@@ -1,18 +1,37 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
+import { useMoniteContext as u } from "./index57.js";
+import { getAPIErrorMessage as m } from "./index123.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 UMoneyBill
+  g as useApproveApprovalRequest
 };

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

@@ -1,18 +1,9 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  h as UUserCircle
+  t as getRowToStatusTextMap
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index417.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 "./index471.js";
-import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
-const G = (r, d, f, i) => {
+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 "./index183.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: 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: {
+    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",
-      flexDirection: "column",
-      alignItems: "center",
-      gap: 2,
-      py: 4
-    }, children: [
-      /* @__PURE__ */ n(D, {}),
-      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
-    ] }) }) })
-  };
+      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 {
-  G as usePaymentHandler
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,40 +1,20 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as l } from "./index126.js";
-import { useLingui as m } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const v = (i, n, s, p) => {
+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
+}) => {
   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));
-    }
-  });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  v as useRejectApprovalRequest
+  n as UserAvatar
 };

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

@@ -1,37 +1,87 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index126.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as a } from "react-hot-toast";
-const g = (i, p, t, n) => {
+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 "./index154.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 {
-    api: e,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = d();
-  return e.finops.postApprovalRequestsIdApprove.useMutation({
-    path: {
-      approval_request_id: i
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
     }
-  }, {
-    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));
+  }), [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] : [] })
+    ] }) });
+  } });
 };
 export {
-  g as useApproveApprovalRequest
+  me as CounterpartSelector
 };

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 "./index141.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 "./index152.js";
+import { AccessRestriction as S } from "./index131.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,56 +1,19 @@
-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."
-};
+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 });
+}
 export {
-  a as USStatesEnum
+  n as Avatar,
+  f as AvatarFallback
 };