@tesouro/embedded-components-react 0.2.165 → 0.2.167

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

@@ -1,18 +1,13 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+const e = {
+  singleUser: (s) => s._("Single user"),
+  anyUserFromList: (s) => s._("Any user from the list"),
+  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
+    count: r.toString()
+  }),
+  anyUserWithRole: (s) => s._("Any user with role"),
+  allUsersFromList: (s) => s._("All users from list, one by one")
+}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
 export {
-  a as UUsersAlt
+  e as getSharedApprovalRuleLabel,
+  t as getUsersFromListLabel
 };

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

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as L, Fragment as k } from "@emotion/react/jsx-runtime";
-import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index186.js";
-import { useReceivableSubmit as M } from "./index187.js";
+import { getDraftInvoiceValidationSchema as x, getInvoiceValidationSchema as E } from "./index173.js";
+import { useReceivableSubmit as M } from "./index174.js";
 import { useMoniteContext as N } from "./index57.js";
 import { MoniteScopedProviders as U } from "./index83.js";
-import { useUserPermissions as q } from "./index141.js";
+import { useUserPermissions as q } 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";
@@ -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 "./index152.js";
+import { AccessRestriction as w } from "./index131.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 "./index188.js";
+import { ReceivableFormLayout as V } from "./index175.js";
 const ae = (i) => {
   const {
     i18n: n

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

@@ -1,18 +1,71 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+import { jsx as t, jsxs as a } from "@emotion/react/jsx-runtime";
+import { getMeasureUnitValidationSchema as z } from "./index186.js";
+import { Button as o } from "./index84.js";
+import { Input as p } from "./index128.js";
+import { TableRow as C, TableCell as M } from "./index313.js";
+import { zodResolver as S } from "@hookform/resolvers/zod";
+import { useLingui as U } from "@lingui/react";
+import { Check as $, X as j } from "lucide-react";
+import { useForm as k, Controller as f } from "react-hook-form";
+import { useCreateMeasureUnit as E } from "./index417.js";
+import { useUpdateMeasureUnit as V } from "./index418.js";
+const P = {
+  name: "",
+  description: ""
+}, D = ({
+  id: s,
+  isEditMode: n,
+  initialValues: h = P,
+  onCancel: g,
+  onEdit: v
+}) => {
+  const {
+    i18n: m
+  } = U(), b = z(m), {
+    handleSubmit: l,
+    control: d,
+    reset: y,
+    setError: c
+  } = k({
+    defaultValues: h,
+    resolver: S(b)
+  }), w = E(() => y(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), i = V(s ?? "", () => v?.(), (e) => c("name", {
+    type: "custom",
+    message: e
+  })), x = (e) => {
+    if (!n || !s) {
+      console.error("handleEdit called without valid id or edit mode");
+      return;
+    }
+    i.mutate(e);
+  }, N = (e) => {
+    w.mutate(e);
+  }, u = w.isPending || i.isPending;
+  return /* @__PURE__ */ t(C, { className: "ttw:border-border ttw:hover:bg-transparent", children: /* @__PURE__ */ t(M, { colSpan: 3, className: "ttw:w-full ttw:whitespace-normal", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-start", children: [
+    /* @__PURE__ */ t(f, { name: "name", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ a("div", { className: "ttw:w-[35%]", children: [
+      /* @__PURE__ */ t(p, { ...e, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }),
+      r && /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-destructive ttw:mt-1", children: r.message })
+    ] }) }),
+    /* @__PURE__ */ t(f, { name: "description", control: d, render: ({
+      field: e,
+      fieldState: {
+        error: r
+      }
+    }) => /* @__PURE__ */ t("div", { className: "ttw:w-[55%]", children: /* @__PURE__ */ t(p, { ...e, id: e.name, disabled: u, "aria-invalid": !!r || void 0, className: "ttw:h-8" }) }) }),
+    n ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-center ttw:gap-1", children: [
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", disabled: i.isPending, onClick: l(x), children: /* @__PURE__ */ t($, { className: "ttw:size-4" }) }),
+      /* @__PURE__ */ t(o, { variant: "outline", size: "icon", className: "ttw:size-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: g, children: /* @__PURE__ */ t(j, { className: "ttw:size-4" }) })
+    ] }) : /* @__PURE__ */ t(o, { variant: "outline", size: "sm", className: "ttw:h-8 ttw:bg-primary-foreground ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary-foreground/80 ttw:border-0", onClick: l(N), children: m._("Add") })
+  ] }) }) });
+};
 export {
-  A as UUserSquare
+  D as MeasureUnitsFormRow
 };

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

@@ -1,5 +1,49 @@
-import { ROLE_APPROVAL_CALLS as s } from "./index290.js";
-const l = (o) => typeof o == "string" && s.includes(o);
+import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useCurrencies as b } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as x } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { ConfirmationModal as y } from "./index253.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index313.js";
+import { Typography as r } from "./index85.js";
+import { Loader2 as L } from "lucide-react";
+import { useGetProducts as T } from "./index183.js";
+const R = ({
+  onClose: c,
+  onDelete: d,
+  name: p,
+  isLoading: u,
+  open: h,
+  id: n
+}) => {
+  const {
+    i18n: t
+  } = x(), {
+    formatCurrencyToDisplay: w
+  } = b(), {
+    data: s,
+    isLoading: o
+  } = T({
+    measure_unit_id: n ?? ""
+  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
+  ] }) : /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
+    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
+    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
+      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
+      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
+    ] }, i.id)) }) })
+  ] });
+  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
+    name: p
+  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
+};
 export {
-  l as isRoleApprovalCall
+  R as ConfirmDeleteMeasureUnitDialog
 };

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

@@ -1,13 +1,30 @@
-const e = {
-  singleUser: (s) => s._("Single user"),
-  anyUserFromList: (s) => s._("Any user from the list"),
-  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
-    count: r.toString()
-  }),
-  anyUserWithRole: (s) => s._("Any user with role"),
-  allUsersFromList: (s) => s._("All users from list, one by one")
-}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index135.js";
+import { Button as c } from "./index84.js";
+import { useLingui as u } from "@lingui/react";
+import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
+const A = ({
+  onEdit: t,
+  onDelete: l,
+  permissions: o
+}) => {
+  const {
+    i18n: n
+  } = u();
+  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
+    /* @__PURE__ */ i(d, { align: "end", children: [
+      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
+        /* @__PURE__ */ e(p, {}),
+        n._("Edit")
+      ] }),
+      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
+        /* @__PURE__ */ e(h, {}),
+        n._("Delete")
+      ] })
+    ] })
+  ] }) : null;
+};
 export {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  A as TableActions
 };

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

@@ -1,87 +1,24 @@
-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
-}) => {
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const m = (e) => {
   const {
+    api: t,
+    queryClient: i
+  } = n(), {
     i18n: o
-  } = z(), {
-    root: g
-  } = j(), {
-    control: x,
-    setValue: s,
-    watch: v,
-    clearErrors: f
-  } = $(), {
-    data: d,
-    isLoading: L
-  } = k({
-    query: {
-      is_customer: !0
+  } = a();
+  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
+    onSuccess: async () => {
+      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
+        name: e
+      })));
+    },
+    onError: (r) => {
+      console.error(r), s.error(o._("Failed to delete Unit."));
     }
-  }), [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 {
-  me as CounterpartSelector
+  m as useDeleteMeasureUnit
 };

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

@@ -1,19 +1,9 @@
-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 });
-}
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  n as Avatar,
-  f as AvatarFallback
+  t as getRowToStatusTextMap
 };

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

@@ -1,88 +1,56 @@
-import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
-import { useState as k, useMemo as b } from "react";
-import { useFormContext as Y, Controller as j } from "react-hook-form";
-import { format as x } from "date-fns";
-import { Calendar as A } from "lucide-react";
-import { calculateDueDate as N } from "./index7.js";
-import { useLingui as L } from "@lingui/react";
-import { dedupePaymentTermsByContent as $ } from "./index466.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index333.js";
-import { cn as D } from "./index100.js";
-import { Skeleton as O } from "./index132.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index316.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index370.js";
-import { Calendar as G } from "./index467.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index154.js";
-const S = "MMM d, yyyy", ue = ({
-  disabled: T,
-  paymentTerms: f,
-  isLoading: E
+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: a
-  } = L(), {
-    control: M,
-    watch: w,
-    setValue: _
-  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
-    dedupedTerms: g
-  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
-    window.setTimeout(() => m(!0), 0);
-  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
-    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
-  ] });
-  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
-    field: r,
-    fieldState: {
-      error: s
+    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
     }
-  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
-    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
-    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
-      m(t), !t && i === l && !o && r.onChange(void 0);
-    }, children: [
-      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
-        if (t === l) {
-          i !== l && p(void 0), r.onChange(t), c();
-          return;
-        }
-        r.onChange(t), t === u && _("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), p(void 0), m(!1);
-      }, children: [
-        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
-          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
-          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
-            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
-              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
-              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
-            ] }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
-          ] }),
-          d && C(d.name, P)
-        ] }) }) }),
-        /* @__PURE__ */ n(z, { children: [
-          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
-          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
-            (t.key === "Enter" || t.key === " ") && c();
-          }, children: a._("Custom date") }),
-          /* @__PURE__ */ e(I, {}),
-          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
-        t.preventDefault();
-      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
-        before: /* @__PURE__ */ new Date()
-      }, onSelect: (t) => {
-        p(t), m(!1);
-      } }) })
-    ] }),
-    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
-    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
-  ] }) }) }) }) });
+  }, {
+    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 {
-  ue as PaymentSection
+  $ as AutocompleteCreatedBy
 };