@tesouro/embedded-components-react 0.2.52 → 0.2.55

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

@@ -1,114 +1,129 @@
-import { jsxs as a, jsx as e, Fragment as y } from "@emotion/react/jsx-runtime";
-import { USStatesEnum as x } from "./index425.js";
-import { Field as o, FieldContent as s, FieldLabel as c, FieldError as m } from "./index156.js";
-import { Input as f } from "./index129.js";
-import { Select as F, SelectTrigger as _, SelectValue as j, SelectContent as A, SelectItem as E } from "./index290.js";
-import { Typography as b } from "./index86.js";
-import { MoniteCountryShadcn as L } from "./index426.js";
-import { useLingui as T } from "@lingui/react";
-import { useRef as U } from "react";
-import { useFormContext as B, Controller as w } from "react-hook-form";
-import { twMerge as g } from "tailwind-merge";
-const G = ({
-  hasExistingAddress: v,
-  isLoading: n,
-  isStandalone: d,
-  customerType: S
-}) => {
-  const {
-    i18n: l
-  } = T(), {
-    watch: N,
-    control: h
-  } = B(), u = U(null), i = S === "vendor";
-  return /* @__PURE__ */ a("div", { className: g("ttw:flex ttw:flex-col ttw:gap-4"), ref: u, children: [
-    d ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(b, { variant: "body1", className: "ttw:font-medium", children: v ? l._("Editing address") : l._("Adding address") }) }) : /* @__PURE__ */ e(y, { children: !i && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ a(b, { variant: "body1", className: "ttw:font-medium", children: [
-      l._("Address"),
-      " ",
-      /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground", children: l._("(optional)") })
-    ] }) }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "line1", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Street address") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "line2", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ a(c, { htmlFor: t.name, className: "ttw:gap-1", children: [
-          l._("Apt, suite, floor, etc."),
-          i && /* @__PURE__ */ e(b, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: l._("(optional)") })
-        ] }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "city", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("City") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "state", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => N("country") === "US" ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ a(F, { value: t.value ?? void 0, onValueChange: t.onChange, disabled: n, children: [
-          /* @__PURE__ */ e(_, { ref: t.ref, onBlur: t.onBlur, "aria-invalid": !!r || void 0, className: g("ttw:w-full", (d || i) && "ttw:bg-white"), disabled: n, children: /* @__PURE__ */ e(j, { placeholder: l._("Select a state") }) }),
-          /* @__PURE__ */ e(A, { children: Object.entries(x).map(([p, C]) => /* @__PURE__ */ a(E, { value: p, children: [
-            C,
-            " — ",
-            p
-          ] }, p)) })
-        ] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(w, { name: "postalCode", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Postal code") }),
-        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) }),
-      /* @__PURE__ */ e(w, { name: "country", control: h, render: ({
-        field: t,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
-        /* @__PURE__ */ e(c, { children: l._("Country") }),
-        /* @__PURE__ */ e(L, { value: t.value, className: d || i ? "ttw:bg-white" : "", onChange: t.onChange, invalid: !!r, disabled: n, container: u?.current, allowedCountries: ["US"] }),
-        /* @__PURE__ */ e(m, { errors: [r] })
-      ] }) }) })
-    ] })
-  ] });
-};
+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)
+      };
+    }
+  }
+}
 export {
-  G as CounterpartAddressFormContent
+  v as DATE_PRESETS,
+  g as resolveDatePreset
 };

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

@@ -1,90 +1,161 @@
-import { jsx as i, jsxs as m } from "@emotion/react/jsx-runtime";
-import { useForm as N, FormProvider as F } from "react-hook-form";
-import { useLingui as I } from "@lingui/react";
-import { useId as P, useMemo as z, useCallback as L } from "react";
-import { zodResolver as U } from "@hookform/resolvers/zod";
-import { Button as y } from "./index85.js";
-import { getAddressValidationSchema as j } from "./index258.js";
-import "./index58.js";
-import { toast as p } from "react-hot-toast";
-import "date-fns";
-import { getCounterpartName as k } from "./index7.js";
-import { useUpdateCounterpartAddress as D } from "./index317.js";
-import { useCreateCounterpartAddress as T } from "./index427.js";
-import { LoadingSpinner as V } from "./index136.js";
-import { CounterpartAddressFormContent as B } from "./index320.js";
-const tt = ({
-  counterpartId: c,
-  isStandalone: C,
-  address: t,
-  customerType: u,
-  handleClose: h,
-  onUpdate: d,
-  onCreate: n
-}) => {
+import { isIndividualCounterpart as v, isOrganizationCounterpart as y } from "./index7.js";
+import { fromMinorUnits as b, toMinorUnits as g } from "./index122.js";
+import { getIndividualName as x } from "./index96.js";
+import { format as D } from "date-fns";
+import { resolveNullableUpdate as q } from "./index417.js";
+const B = (t) => t ? t.map((e) => ({
+  value: e.id,
+  label: v(e) ? x(e.individual.first_name, e.individual.last_name) : y(e) ? e.organization.legal_name : ""
+})) : [];
+function p(t) {
+  const [e, a, r] = t.split("-");
+  return new Date(+e, +a - 1, +r);
+}
+const m = (t) => D(t, "yyyy-MM-dd"), M = (t, e, a) => {
+  if (!e)
+    return {
+      invoiceNumber: "",
+      counterpart: "",
+      counterpartBankAccount: "",
+      invoiceDate: void 0,
+      dueDate: void 0,
+      currency: "USD",
+      tags: [],
+      discount: null,
+      lineItems: [{
+        id: "",
+        name: "",
+        quantity: 1,
+        price: 0,
+        tax: 0
+      }]
+    };
   const {
-    i18n: r
-  } = I(), S = `counterpart-address-form-${P()}`, g = !!t, {
-    mutate: f,
-    isPending: x
-  } = D({
-    counterpartId: c,
-    addressId: t?.id ?? ""
-  }), {
-    mutate: w,
-    isPending: A
-  } = T(), o = x || A, v = z(() => ({
-    line1: t?.line1 ?? "",
-    line2: t?.line2 ?? "",
-    city: t?.city ?? "",
-    state: t?.state ?? "",
-    country: t?.country ?? "US",
-    postalCode: t?.postal_code ?? ""
-  }), [t]), {
-    resetField: e,
-    ...a
-  } = N({
-    resolver: U(j(r, u === "vendor")),
-    defaultValues: v
-  }), _ = L((l) => {
-    l.preventDefault(), l.stopPropagation(), a.handleSubmit((s) => {
-      const b = {
-        line1: s.line1 ?? "",
-        line2: s.line2,
-        city: s.city ?? "",
-        state: s.state ?? "",
-        country: s.country,
-        postal_code: s.postalCode ?? ""
-      };
-      return t ? f(b, {
-        onSuccess: () => {
-          p.success(r._("Address has been updated.")), d && d();
-        }
-      }) : w({
-        path: {
-          counterpart_id: c
-        },
-        body: b
-      }, {
-        onSuccess: () => {
-          p.success(r._("Address has been added.")), n && n();
-        }
-      });
-    })(l);
-  }, [p, f, w, k, d, n, a.handleSubmit, r]);
-  return /* @__PURE__ */ i(F, { resetField: e, ...a, children: /* @__PURE__ */ m("form", { id: S, onSubmit: _, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
-    /* @__PURE__ */ i(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
-    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
-      /* @__PURE__ */ i(y, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
-        e("line1"), e("line2"), e("city"), e("state"), e("postalCode"), e("country"), h();
-      }, children: r._("Cancel") }),
-      /* @__PURE__ */ m(y, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
-        o && /* @__PURE__ */ i(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
-        r._("Save")
-      ] })
-    ] })
-  ] }) });
+    document_id: r,
+    counterpart_id: i,
+    counterpart_bank_account_id: o,
+    issued_at: u,
+    due_date: c,
+    currency: n,
+    tags: l,
+    discount: d
+  } = e;
+  return {
+    invoiceNumber: r ?? "",
+    counterpart: i ?? "",
+    counterpartBankAccount: o ?? "",
+    invoiceDate: u ? p(u) : void 0,
+    dueDate: c ? p(c) : void 0,
+    currency: n ?? "USD",
+    tags: l ?? [],
+    discount: d && n ? t(d, n) : null,
+    lineItems: (a || []).map((s) => ({
+      id: s.id ?? "",
+      name: s.name ?? "",
+      quantity: s.quantity ?? 1,
+      price: s.unit_price && n ? t(s.unit_price, n) ?? 0 : 0,
+      tax: s.tax ? I(s.tax) : 0,
+      ledger_account_id: s.ledger_account_id
+    }))
+  };
+}, T = ({
+  discount: t,
+  invoiceNumber: e,
+  counterpart: a,
+  counterpartBankAccount: r,
+  invoiceDate: i,
+  dueDate: o,
+  currency: u,
+  tags: c,
+  counterpartAddressId: n
+}, l) => ({
+  document_id: e,
+  discount: t && u ? l(t, u) ?? 0 : 0,
+  counterpart_id: a || void 0,
+  counterpart_bank_account_id: r || void 0,
+  issued_at: i instanceof Date ? m(i) : void 0,
+  due_date: o instanceof Date ? m(o) : void 0,
+  currency: u,
+  tag_ids: c.map((d) => d.id),
+  counterpart_address_id: n
+}), _ = (t, e) => {
+  const a = t * e;
+  return parseFloat(a.toFixed(2));
+}, f = (t, e) => {
+  const a = t + e * t / 100;
+  return parseFloat(a.toFixed(2));
+}, w = (t) => {
+  const {
+    price: e,
+    quantity: a,
+    tax: r
+  } = t;
+  if (!e || !a) return 0;
+  const i = _(e, a);
+  return f(i, r || 0);
+}, z = (t, e) => {
+  const {
+    subtotal: a,
+    taxes: r,
+    total: i
+  } = t.reduce((o, u) => {
+    const c = _(u.price, u.quantity), n = f(c, u.tax || 0);
+    return {
+      subtotal: o.subtotal + c,
+      taxes: o.taxes + (n - c),
+      total: o.total + n
+    };
+  }, {
+    subtotal: 0,
+    taxes: 0,
+    total: 0
+  });
+  return {
+    subtotal: a,
+    taxes: r,
+    total: i - (e ?? 0)
+  };
+}, C = (t, e, a, r) => {
+  const {
+    name: i,
+    quantity: o,
+    price: u,
+    tax: c,
+    ledger_account_id: n
+  } = e, l = r?.allowLedgerUpdate ? q(n, r?.previous) : n, d = {
+    name: i,
+    quantity: o,
+    tax: F(c),
+    unit_price: a(u, t) ?? 0
+  };
+  return l !== void 0 && (d.ledger_account_id = l), d;
 };
+function F(t) {
+  return g(t);
+}
+function I(t) {
+  return b(t);
+}
+const L = (t, e, a) => {
+  const r = {
+    invoiceNumber: !0,
+    dueDate: !0,
+    tags: !0,
+    currency: !0
+  };
+  if (a)
+    return !1;
+  const i = r[t] ?? !1, o = e?.[t] ?? !1;
+  return i || o;
+}, O = (t, e) => t.find((a) => a.currency === e && a.is_default_for_currency)?.id || "";
 export {
-  tt as CounterpartAddressForm
+  w as calculateTotalPriceForLineItem,
+  z as calculateTotalsForPayable,
+  B as counterpartsToSelect,
+  m as dateToString,
+  O as findDefaultBankAccount,
+  L as isFieldRequired,
+  M as prepareDefaultValues,
+  C as prepareLineItemSubmit,
+  T as prepareSubmit
 };

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

@@ -1,24 +1,30 @@
-import e from "@mui/icons-material/Cancel";
-import _ from "@mui/icons-material/DangerousOutlined";
-import r from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const s = ["waiting", "approved", "rejected", "canceled"], o = {
-  approved: "success",
-  canceled: "secondary",
-  rejected: "error",
-  waiting: "warning"
-}, A = {
-  approved: a,
-  canceled: e,
-  rejected: _,
-  waiting: r
-}, R = "status", d = "created_at", i = "created_by", S = "current_user";
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index173.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  s as APPROVAL_REQUEST_STATUSES,
-  A as APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP,
-  i as FILTER_TYPE_ADDED_BY,
-  d as FILTER_TYPE_CREATED_AT,
-  S as FILTER_TYPE_CURRENT_USER,
-  R as FILTER_TYPE_STATUS,
-  o as ROW_TO_STATUS_MUI_MAP
+  x as FilterContainer
 };

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

@@ -1,59 +1,31 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useRootElements as s } from "./index93.js";
-import { FilterContainer as p } from "./index328.js";
-import { useLingui as m } from "@lingui/react";
-import { FormControl as u, InputLabel as c, Select as d, MenuItem as E, FormControlLabel as F, Switch as T } from "@mui/material";
-import { DatePicker as _ } from "@mui/x-date-pickers";
-import { APPROVAL_REQUEST_STATUSES as v, FILTER_TYPE_STATUS as R, FILTER_TYPE_ADDED_BY as A, FILTER_TYPE_CREATED_AT as C, FILTER_TYPE_CURRENT_USER as h } from "./index322.js";
-import { getRowToStatusTextMap as S } from "./index428.js";
-import { AutocompleteCreatedBy as M } from "./index429.js";
-const O = ({
-  onChangeFilter: l,
-  sx: i
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index66.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
 }) => {
-  const {
-    i18n: a
-  } = m(), {
-    root: r
-  } = s();
-  return /* @__PURE__ */ n(p, { className: "Monite-ApprovalRequestsFilters", sx: i, children: [
-    /* @__PURE__ */ n(u, { variant: "standard", fullWidth: !0, className: "Monite-ApprovalStatusFilter Monite-FilterControl", children: [
-      /* @__PURE__ */ t(c, { id: "status", children: a._("Status") }),
-      /* @__PURE__ */ t(d, { labelId: "status", label: a._("Status"), defaultValue: "all", MenuProps: {
-        container: r
-      }, onChange: (e) => {
-        l(R, e && e.target.value);
-      }, children: [{
-        label: a._("All invoices"),
-        value: "all"
-      }, ...Object.values(v).map((e) => ({
-        label: S(a)[e],
-        value: e
-      }))].map(({
-        label: e,
-        value: o
-      }) => /* @__PURE__ */ t(E, { value: o, children: e }, o)) })
-    ] }),
-    /* @__PURE__ */ t(M, { onChange: (e) => l(A, e || null) }),
-    /* @__PURE__ */ t(_, { label: a._("Requested on"), className: "Monite-ApprovalRequestedOnFilter Monite-FilterControl Monite-DateFilterControl", onChange: (e, o) => {
-      o.validationError || l(C, e);
-    }, slotProps: {
-      textField: {
-        variant: "standard"
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
       },
-      popper: {
-        container: r
-      },
-      dialog: {
-        container: r
-      },
-      actionBar: {
-        actions: ["clear", "today"]
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
       }
-    }, views: ["year", "month", "day"] }),
-    /* @__PURE__ */ t(F, { control: /* @__PURE__ */ t(T, {}), className: "Monite-ApprovalOnlyMyFilter Monite-FilterControl", label: a._("Only my approvals"), onChange: (e, o) => l(h, o) })
+    } })
   ] });
 };
 export {
-  O as ApprovalRequestsFilter
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };