@tesouro/embedded-components-react 0.2.38 → 0.2.43

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

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
 import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index168.js";
-import { ProductType as q } from "./index169.js";
-import { Filters as H } from "./index170.js";
+import { ProductDeleteModal as W } from "./index213.js";
+import { ProductType as q } from "./index214.js";
+import { Filters as H } from "./index215.js";
 import { useMoniteContext as Y } from "./index59.js";
 import { MoniteScopedProviders as J } from "./index85.js";
 import { useCurrencies as Q } from "./index60.js";
@@ -25,12 +25,12 @@ import "@radix-ui/react-dialog";
 import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
 import { DataTable as re } from "./index165.js";
 import { GetNoRowsOverlay as ae } from "./index164.js";
-import { MeasureUnit as se } from "./index171.js";
+import { MeasureUnit as se } from "./index216.js";
 import { hasSelectedText as ne } from "./index166.js";
-import { FILTER_TYPE_SEARCH as S } from "./index172.js";
+import { FILTER_TYPE_SEARCH as S } from "./index217.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index173.js";
-import { ManageMeasureUnits as ce } from "./index174.js";
+import { useGetProducts as le } from "./index218.js";
+import { ManageMeasureUnits as ce } from "./index219.js";
 const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
   onFilterChanged: d,
   onSortChanged: g,

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

@@ -1,35 +1,129 @@
-function s(e) {
-  return e ? {
-    number_of_days: e.number_of_days ?? null,
-    discount: e.discount ?? null
-  } : null;
-}
-function d(e) {
-  return JSON.stringify({
-    name: e.name,
-    description: e.description ?? null,
-    term_final: {
-      number_of_days: e.term_final?.number_of_days ?? null
-    },
-    term_1: s(e.term_1),
-    term_2: s(e.term_2)
-  });
-}
-function a(e) {
-  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const o = d(n), i = t.get(o);
-    if (!i) {
-      t.set(o, n.id), r.push(n);
-      continue;
+import { startOfDay as c, startOfYear as r, subYears as m, endOfYear as s, startOfQuarter as o, subQuarters as b, endOfQuarter as u, subDays as a, startOfMonth as l, subMonths as d, endOfMonth as n, startOfWeek as _, subWeeks as i, endOfWeek as f, endOfDay as y } from "date-fns";
+const v = [{
+  value: "today",
+  label: "Today",
+  group: "Current"
+}, {
+  value: "this_week",
+  label: "This week",
+  group: "Current"
+}, {
+  value: "this_month",
+  label: "This month",
+  group: "Current"
+}, {
+  value: "this_quarter",
+  label: "This quarter",
+  group: "Current"
+}, {
+  value: "this_year",
+  label: "This year",
+  group: "Current"
+}, {
+  value: "yesterday",
+  label: "Yesterday",
+  group: "Past"
+}, {
+  value: "last_week",
+  label: "Last week",
+  group: "Past"
+}, {
+  value: "last_month",
+  label: "Last month",
+  group: "Past"
+}, {
+  value: "last_30_days",
+  label: "Last 30 days",
+  group: "Past"
+}, {
+  value: "last_90_days",
+  label: "Last 90 days",
+  group: "Past"
+}, {
+  value: "last_quarter",
+  label: "Last quarter",
+  group: "Past"
+}, {
+  value: "last_year",
+  label: "Last year",
+  group: "Past"
+}];
+function g(h) {
+  const e = c(/* @__PURE__ */ new Date());
+  switch (h) {
+    case "today":
+      return {
+        from: e,
+        to: y(e)
+      };
+    case "this_week":
+      return {
+        from: _(e),
+        to: f(e)
+      };
+    case "this_month":
+      return {
+        from: l(e),
+        to: n(e)
+      };
+    case "this_quarter":
+      return {
+        from: o(e),
+        to: u(e)
+      };
+    case "this_year":
+      return {
+        from: r(e),
+        to: s(e)
+      };
+    case "yesterday": {
+      const t = a(e, 1);
+      return {
+        from: t,
+        to: y(t)
+      };
+    }
+    case "last_week": {
+      const t = _(i(e, 1));
+      return {
+        from: t,
+        to: f(t)
+      };
+    }
+    case "last_month": {
+      const t = l(d(e, 1));
+      return {
+        from: t,
+        to: n(t)
+      };
+    }
+    case "last_30_days":
+      return {
+        from: a(e, 30),
+        to: e
+      };
+    case "last_90_days":
+      return {
+        from: a(e, 90),
+        to: e
+      };
+    case "last_quarter": {
+      const t = o(b(e, 1));
+      return {
+        from: t,
+        to: u(t)
+      };
+    }
+    case "last_year": {
+      const t = r(m(e, 1));
+      return {
+        from: t,
+        to: s(t)
+      };
     }
-    u.set(n.id, i);
   }
-  return {
-    dedupedTerms: r,
-    duplicateIdMap: u
-  };
 }
 export {
-  a as dedupePaymentTermsByContent
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,87 +1,7 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { buttonVariants as c, Button as x } from "./index86.js";
-import { cn as t } from "./index102.js";
-import { ChevronLeftIcon as b, ChevronRightIcon as y, ChevronDownIcon as h } from "lucide-react";
-import * as m from "react";
-import { getDefaultClassNames as g, DayPicker as _ } from "react-day-picker";
-function j({
-  className: u,
-  classNames: i,
-  showOutsideDays: a = !0,
-  captionLayout: w = "label",
-  buttonVariant: s = "ghost",
-  formatters: l,
-  components: f,
-  ...p
-}) {
-  const e = g();
-  return /* @__PURE__ */ n(_, { showOutsideDays: a, className: t("ttw:bg-background ttw:group/calendar ttw:p-3 ttw:[--cell-size:--spacing(8)] ttw:[[data-slot=card-content]_&]:bg-transparent ttw:[[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, u), captionLayout: w, formatters: {
-    formatMonthDropdown: (r) => r.toLocaleString("default", {
-      month: "short"
-    }),
-    ...l
-  }, classNames: {
-    root: t("ttw:w-fit", e.root),
-    months: t("ttw:flex ttw:gap-4 ttw:flex-col ttw:md:flex-row ttw:relative", e.months),
-    month: t("ttw:flex ttw:flex-col ttw:w-full ttw:gap-4", e.month),
-    nav: t("ttw:flex ttw:items-center ttw:gap-1 ttw:w-full ttw:absolute ttw:top-0 ttw:inset-x-0 ttw:justify-between", e.nav),
-    button_previous: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_previous),
-    button_next: t(c({
-      variant: s
-    }), "ttw:size-(--cell-size) ttw:aria-disabled:opacity-50 ttw:p-0 ttw:select-none", e.button_next),
-    month_caption: t("ttw:flex ttw:items-center ttw:justify-center ttw:h-(--cell-size) ttw:w-full ttw:px-(--cell-size)", e.month_caption),
-    dropdowns: t("ttw:w-full ttw:flex ttw:items-center ttw:text-sm ttw:font-medium ttw:justify-center ttw:h-(--cell-size) ttw:gap-1.5", e.dropdowns),
-    dropdown_root: t("ttw:relative ttw:has-focus:border-ring ttw:border ttw:border-input ttw:shadow-xs ttw:has-focus:ring-ring/50 ttw:has-focus:ring-[3px] ttw:rounded-md", e.dropdown_root),
-    dropdown: t("ttw:absolute ttw:bg-popover ttw:inset-0 ttw:opacity-0", e.dropdown),
-    caption_label: t("ttw:select-none ttw:font-medium", w === "label" ? "ttw:text-sm" : "ttw:rounded-md ttw:pl-2 ttw:pr-1 ttw:flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:h-8 ttw:[&>svg]:text-muted-foreground ttw:[&>svg]:size-3.5", e.caption_label),
-    table: "ttw:w-full ttw:border-collapse",
-    weekdays: t("ttw:flex", e.weekdays),
-    weekday: t("ttw:text-muted-foreground ttw:rounded-md ttw:flex-1 ttw:font-normal ttw:text-[0.8rem] ttw:select-none", e.weekday),
-    week: t("ttw:flex ttw:w-full ttw:mt-2", e.week),
-    week_number_header: t("ttw:select-none ttw:w-(--cell-size)", e.week_number_header),
-    week_number: t("ttw:text-[0.8rem] ttw:select-none ttw:text-muted-foreground", e.week_number),
-    day: t("ttw:relative ttw:w-full ttw:h-full ttw:p-0 ttw:text-center ttw:[&:first-child[data-selected=true]_button]:rounded-l-md ttw:[&:last-child[data-selected=true]_button]:rounded-r-md ttw:group/day ttw:aspect-square ttw:select-none", e.day),
-    range_start: t("ttw:rounded-l-md ttw:bg-accent", e.range_start),
-    range_middle: t("ttw:rounded-none", e.range_middle),
-    range_end: t("ttw:rounded-r-md ttw:bg-accent", e.range_end),
-    today: t("ttw:bg-accent ttw:text-accent-foreground ttw:rounded-md ttw:data-[selected=true]:rounded-none", e.today),
-    outside: t("ttw:text-muted-foreground ttw:aria-selected:text-muted-foreground", e.outside),
-    disabled: t("ttw:text-muted-foreground ttw:opacity-50", e.disabled),
-    hidden: t("ttw:invisible", e.hidden),
-    ...i
-  }, components: {
-    Root: ({
-      className: r,
-      rootRef: o,
-      ...d
-    }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: o, className: t(r), ...d }),
-    Chevron: ({
-      className: r,
-      orientation: o,
-      ...d
-    }) => o === "left" ? /* @__PURE__ */ n(b, { className: t("ttw:size-4", r), ...d }) : o === "right" ? /* @__PURE__ */ n(y, { className: t("ttw:size-4", r), ...d }) : /* @__PURE__ */ n(h, { className: t("ttw:size-4", r), ...d }),
-    DayButton: v,
-    WeekNumber: ({
-      children: r,
-      ...o
-    }) => /* @__PURE__ */ n("td", { ...o, children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:size-(--cell-size) ttw:items-center ttw:justify-center ttw:text-center", children: r }) }),
-    ...f
-  }, ...p });
-}
-function v({
-  className: u,
-  day: i,
-  modifiers: a,
-  ...w
-}) {
-  const s = g(), l = m.useRef(null);
-  return m.useEffect(() => {
-    a.focused && l.current?.focus();
-  }, [a.focused]), /* @__PURE__ */ n(x, { ref: l, variant: "ghost", size: "icon", "data-day": i.date.toLocaleDateString(), "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle, "data-range-start": a.range_start, "data-range-end": a.range_end, "data-range-middle": a.range_middle, className: t("ttw:data-[selected-single=true]:bg-primary ttw:data-[selected-single=true]:text-primary-foreground ttw:data-[range-middle=true]:bg-accent ttw:data-[range-middle=true]:text-accent-foreground ttw:data-[range-start=true]:bg-primary ttw:data-[range-start=true]:text-primary-foreground ttw:data-[range-end=true]:bg-primary ttw:data-[range-end=true]:text-primary-foreground ttw:group-data-[focused=true]/day:border-ring ttw:group-data-[focused=true]/day:ring-ring/50 ttw:dark:hover:text-accent-foreground ttw:flex ttw:aspect-square ttw:size-auto ttw:w-full ttw:min-w-(--cell-size) ttw:flex-col ttw:gap-1 ttw:leading-none ttw:font-normal ttw:group-data-[focused=true]/day:relative ttw:group-data-[focused=true]/day:z-1300 ttw:group-data-[focused=true]/day:ring-[3px] ttw:data-[range-end=true]:rounded-md ttw:data-[range-end=true]:rounded-r-md ttw:data-[range-middle=true]:rounded-none ttw:data-[range-start=true]:rounded-md ttw:data-[range-start=true]:rounded-l-md ttw:[&>span]:text-xs ttw:[&>span]:opacity-70", s.day, u), ...w });
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
 }
 export {
-  j as Calendar,
-  v as CalendarDayButton
+  r as resolveNullableUpdate
 };

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

@@ -1,26 +1,98 @@
-import { jsxs as e, jsx as o } from "@emotion/react/jsx-runtime";
-import { Button as l } from "./index86.js";
-import { Calendar as s } from "./index451.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as p } from "./index409.js";
-import { useLingui as c } from "@lingui/react";
-import { format as f } from "date-fns";
-import { Calendar as u } from "lucide-react";
-import * as w from "react";
-const h = "MMM d, yyyy";
-function D(t) {
-  const [a, r] = w.useState(!1), {
-    i18n: n
-  } = c();
-  return /* @__PURE__ */ e(d, { open: a, onOpenChange: r, children: [
-    /* @__PURE__ */ o(m, { asChild: !0, children: /* @__PURE__ */ e(l, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, "aria-invalid": t["aria-invalid"], className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? f(t.selected, h) : t.placeholder ?? n._("Mon DD, YYYY"),
-      /* @__PURE__ */ o(u, {})
-    ] }) }),
-    /* @__PURE__ */ o(p, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ o(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (i) => {
-      t.onSelect(i), r(!1);
-    } }) })
-  ] });
-}
+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 "./index94.js";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index82.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index485.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...") })
+    ] }) }) })
+  };
+};
 export {
-  D as DatePicker
+  G as usePaymentHandler
 };

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

@@ -1,14 +1,40 @@
-import { getCountries as i } from "./index95.js";
-const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
-  if (n) {
-    if ("organization" in n)
-      return n.organization.phone;
-    if ("individual" in n)
-      return n.individual.phone;
-  }
-}, u = (n, e) => e ? i(n)[e] ?? e : "";
+import { useMoniteContext as u } from "./index59.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 {
+    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 {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  v as useRejectApprovalRequest
 };

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

@@ -1,31 +1,37 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index70.js";
-const z = (o, s = 50) => {
-  const c = t(o), e = t(void 0), r = t(void 0), i = d();
-  c.current = o;
-  const m = (u) => {
-    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && c.current();
-      }, s);
-    }), r.current.observe(u));
-  }, n = () => {
-    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
-  };
-  return p(() => () => {
-    n();
-  }, []), {
-    observe: m,
-    disconnect: n
-  };
+import { useMoniteContext as u } from "./index59.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 {
-  z as useResizeObserver
+  g as useApproveApprovalRequest
 };

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

@@ -1,26 +1,9 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index70.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  E as useWindowResize
+  t as getRowToStatusTextMap
 };

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

@@ -1,41 +1,56 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
-  }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
+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 "./index59.js";
+import { useRootElements as I } from "./index94.js";
+import { classNames as _ } from "./index176.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 f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
+  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 {
-  y as useA4Dimensions
+  $ as AutocompleteCreatedBy
 };