@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,67 +1,194 @@
-import { jsx as u, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as _ } from "react";
-import { getLineItemErrorMessage as v } from "./index408.js";
-import { useLingui as x } from "@lingui/react";
-import { Collapse as b, Alert as E, List as j, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: i
-}) => {
-  const t = o(() => {
-    for (const r of Object.values(i))
-      if (r) return !0;
-    return !1;
-  }, [i]);
-  return e || t ? /* @__PURE__ */ u(b, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
+import { formatDateRangeFilterChip as T, formatFilterChipMultiSelectValueSegment as N } from "./index99.js";
+import { useMoniteContext as D } from "./index59.js";
+import { useCurrencies as k } from "./index60.js";
+import { toMinorUnits as $ } from "./index119.js";
+import { useState as C, useMemo as l, useCallback as d } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as p, resolveDatePreset as A } from "./index392.js";
+const _ = [{
+  value: "draft",
+  label: "New"
+}, {
+  value: "pending_approval",
+  label: "Pending approval"
+}, {
+  value: "ready_to_pay",
+  label: "Ready to pay"
+}, {
+  value: "paid",
+  label: "Paid"
+}, {
+  value: "cancelled",
+  label: "Cancelled"
+}, {
+  value: "rejected",
+  label: "Rejected"
+}], w = {
+  draft: ["draft", "new"],
+  pending_approval: ["approve_in_progress"],
+  ready_to_pay: ["waiting_to_be_paid", "partially_paid"],
+  paid: ["paid"],
+  cancelled: ["canceled"],
+  rejected: ["rejected"]
+}, x = ["draft", "new", "approve_in_progress", "rejected", "waiting_to_be_paid", "partially_paid", "paid"];
+function v() {
+  return {
+    search: "",
+    activeDateField: "due_date",
+    datePreset: void 0,
+    dateFrom: void 0,
+    dateTo: void 0,
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    vendorName: "",
+    hasFile: void 0
+  };
+}
+function V() {
+  const [e, s] = C(v), {
+    formatToMinorUnits: u
+  } = k(), {
+    componentSettings: h
+  } = D(), c = h.onboarding.allowedCurrencies?.[0] ?? "USD", F = l(() => {
+    const a = {}, t = e.activeDateField;
+    if (e.dateFrom && (a[`${t}__gte`] = m(e.dateFrom, {
+      representation: "date"
+    })), e.dateTo && (a[`${t}__lte`] = m(e.dateTo, {
+      representation: "date"
+    })), e.status.length ? a.status__in = e.status.flatMap((o) => w[o] ?? [o]) : a.status__in = x, e.vendorName && (a.counterpart_name__icontains = e.vendorName), e.hasFile !== void 0 && (a.has_file = e.hasFile), e.search && (a.search_text = e.search), e.amountMode !== "any") {
+      const o = parseFloat(e.amountMin), r = parseFloat(e.amountMax), i = (n) => u(n, c) ?? $(n, 2);
+      if (e.amountMode === "exact") {
+        if (!isNaN(o)) {
+          const n = i(o);
+          a.total_amount__gte = n, a.total_amount__lte = n;
+        }
+      } else
+        isNaN(o) || (a.total_amount__gte = i(o)), isNaN(r) || (a.total_amount__lte = i(r));
     }
-  }, children: /* @__PURE__ */ g(E, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
+    return a;
+  }, [e, c, u]), f = l(() => {
+    let a = 0;
+    return e.status.length && a++, e.vendorName && a++, e.hasFile !== void 0 && a++, e.amountMode !== "any" && a++, e.search && a++, a;
+  }, [e]), b = l(() => {
+    const a = [];
+    if (e.dateFrom || e.dateTo) {
+      const t = (e.datePreset ? p.find((r) => r.value === e.datePreset)?.label : void 0) ?? T(e.dateFrom, e.dateTo), o = e.activeDateField === "due_date" ? "Due date" : e.activeDateField === "created_at" ? "Created on" : "Issue date";
+      a.push({
+        key: "date",
+        label: `${o}: ${t}`
+      });
     }
-  }, children: [
-    e && /* @__PURE__ */ u("div", { children: e }),
-    t && /* @__PURE__ */ u(j, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(i).map(([r, s]) => s ? /* @__PURE__ */ u(L, { disablePadding: !0, children: /* @__PURE__ */ u(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
-  const {
-    i18n: i
-  } = x(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = _((n) => {
-    for (let a = 0; a < t.length; a++) {
-      const f = t[a];
-      if (typeof f == "object") {
-        const h = v(f, n);
-        if (h)
-          return h;
+    if (e.status.length) {
+      const t = e.status.map((o) => _.find((r) => r.value === o)?.label ?? o);
+      a.push({
+        key: "status",
+        label: `Status: ${N(t)}`
+      });
+    }
+    return e.vendorName && a.push({
+      key: "vendor",
+      label: `Vendor: ${e.vendorName}`
+    }), e.hasFile === !0 && a.push({
+      key: "attachment",
+      label: "Has attachment"
+    }), e.hasFile === !1 && a.push({
+      key: "attachment",
+      label: "No attachment"
+    }), e.amountMode !== "any" && a.push({
+      key: "amount",
+      label: "Amount"
+    }), e.search && a.push({
+      key: "search",
+      label: `Search: ${e.search}`
+    }), a;
+  }, [e]), y = d((a) => {
+    const {
+      from: t,
+      to: o
+    } = A(a);
+    s((r) => ({
+      ...r,
+      datePreset: a,
+      dateFrom: t,
+      dateTo: o
+    }));
+  }, []), g = d((a, t) => {
+    s((o) => ({
+      ...o,
+      datePreset: void 0,
+      dateFrom: a,
+      dateTo: t
+    }));
+  }, []), M = d((a) => {
+    s((t) => ({
+      ...t,
+      activeDateField: a
+    }));
+  }, []), P = d((a) => {
+    switch (a) {
+      case "date": {
+        s((t) => ({
+          ...t,
+          datePreset: void 0,
+          dateFrom: void 0,
+          dateTo: void 0,
+          activeDateField: "due_date"
+        }));
+        break;
       }
+      case "status":
+        s((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "vendor":
+        s((t) => ({
+          ...t,
+          vendorName: ""
+        }));
+        break;
+      case "attachment":
+        s((t) => ({
+          ...t,
+          hasFile: void 0
+        }));
+        break;
+      case "amount":
+        s((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        s((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
     }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), c = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), m = o(() => r("vat_rate_id") ?? r("vat_rate_value") ?? r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || c || m || p || d) ? void 0 : t.some((n) => {
-    if (!n || typeof n != "object") return !1;
-    const a = Object.keys(n);
-    return a.length > 0 && a.some((f) => n[f] != null);
-  }) ? i._("Please check the form for errors") : void 0, [t, s, l, c, m, p, d, i]);
+  }, []), S = d(() => s(v()), []);
   return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: c,
-      tax: m,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || c || m || p || d)
+    state: e,
+    setState: s,
+    queryParams: F,
+    activeFilterCount: f,
+    activeChips: b,
+    datePresets: p,
+    statusOptions: _,
+    setDatePreset: y,
+    setDateRange: g,
+    setActiveDateField: M,
+    clearFilter: P,
+    clearAll: S
   };
-};
+}
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  x as AP_DEFAULT_STATUSES,
+  _ as AP_STATUS_OPTIONS,
+  V as usePayablesFilter
 };

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

@@ -1,72 +1,24 @@
-import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as F } from "react";
-import { Button as M } from "./index86.js";
-import { TableRow as T, TableCell as u } from "./index311.js";
-import { Trash2 as O } from "lucide-react";
-import { ItemSelector as S } from "./index308.js";
-import { PriceField as j } from "./index416.js";
-import { QuantityField as z } from "./index417.js";
-import { TaxRateField as B } from "./index418.js";
-import { VatRateField as E } from "./index419.js";
-const P = ({
-  field: v,
-  index: t,
-  control: h,
-  errors: l,
-  actualCurrency: m,
-  defaultCurrency: _ = "USD",
-  measureUnitsData: c,
-  isNonVatSupported: s,
-  vatRates: p,
-  highestVatRate: f,
-  tableRowClassName: x,
-  shouldOverrideVatRateDefaults: V,
-  container: w,
-  onRequestLineItemValue: a,
-  onLineItemValueChange: r,
-  onLineItemManuallyChanged: o,
-  onRequestOpenCreateProductDialog: R,
-  onUpdateItem: C,
-  onRemoveItem: I,
-  onRequestLineItemValidation: g
-}) => {
-  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
-    a("vat_rate_id") !== i && r("vat_rate_id", i, {
-      shouldValidate: !1
-    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
-      shouldValidate: !1
-    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
-      shouldValidate: !1
-    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
-      shouldValidate: !1
-    });
-  }, b = () => {
-    g?.("tax_rate_value");
-  };
-  return /* @__PURE__ */ q(T, { className: x, children: [
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
-      r("product.price.value", i, {
-        shouldValidate: !0
-      }), o();
-    } }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
-      r("tax_rate_value", i, {
-        shouldValidate: !0
-      }), o();
-    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
-      r("vat_rate_id", i, {
-        shouldValidate: !0
-      }), r("vat_rate_value", n, {
-        shouldValidate: !0
-      }), r("tax_rate_value", void 0, {
-        shouldValidate: !1
-      }), o();
-    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
-    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
-  ] }, v.id);
-}, Y = F(P);
+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";
 export {
-  Y as InvoiceItemRow
+  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
 };

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

@@ -1,40 +1,59 @@
-import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as x } from "@lingui/react";
-import { twMerge as f } from "tailwind-merge";
-import { useCurrencies as p } from "./index60.js";
-import "react";
-import "./index94.js";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-const a = ({
-  label: l,
-  value: r,
-  className: s
-}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
-  /* @__PURE__ */ t("span", { children: l }),
-  /* @__PURE__ */ t("span", { children: r?.toString() })
-] }), _ = ({
-  subtotalPrice: l,
-  totalTaxes: r,
-  totalPrice: s,
-  taxesByVatRate: o = {},
-  actualCurrency: i,
-  defaultCurrency: c
+import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
+import { useRootElements as s } from "./index94.js";
+import { FilterContainer as p } from "./index281.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 "./index306.js";
+import { getRowToStatusTextMap as S } from "./index401.js";
+import { AutocompleteCreatedBy as M } from "./index402.js";
+const O = ({
+  onChangeFilter: l,
+  sx: i
 }) => {
   const {
-    i18n: e
-  } = x(), {
-    formatCurrencyToDisplay: u
-  } = p();
-  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
-    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
-      taxRate: n
-    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
-    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
+    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"
+      },
+      popper: {
+        container: r
+      },
+      dialog: {
+        container: r
+      },
+      actionBar: {
+        actions: ["clear", "today"]
+      }
+    }, 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 {
-  _ as InvoiceTotals
+  O as ApprovalRequestsFilter
 };

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

@@ -1,192 +1,31 @@
-import { jsxs as c, jsx as i } from "@emotion/react/jsx-runtime";
-import { useState as g, useRef as ne, useCallback as p, useMemo as x, useEffect as ie } from "react";
-import { useMoniteContext as re } from "./index59.js";
-import { useCurrencies as ae } from "./index60.js";
-import "./index94.js";
-import { useLingui as se } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { Combobox as oe, ComboboxInput as le, ComboboxContent as me, ComboboxList as ue, ComboboxItem as C, ComboboxSeparator as ce } from "./index92.js";
-import { InputGroupAddon as de } from "./index103.js";
-import { Loader2 as V, Plus as pe } from "lucide-react";
-const b = "__create-new__", u = "custom", Ie = ({
-  fieldName: a,
-  error: E,
-  disabled: F,
-  index: z = 0,
-  actualCurrency: B,
-  defaultCurrency: H,
-  measureUnits: _,
-  container: K,
-  onCreateItem: $,
-  onChange: o
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useLingui as n } from "@lingui/react";
+import { Chip as u } from "@mui/material";
+import { styled as l, useThemeProps as f } from "@mui/material/styles";
+import { ROW_TO_STATUS_MUI_MAP as A, APPROVAL_REQUEST_STATUS_TO_MUI_ICON_MAP as S } from "./index306.js";
+import { getRowToStatusTextMap as T } from "./index401.js";
+const c = ({
+  ref: s,
+  ...e
 }) => {
   const {
-    i18n: M
-  } = se(), k = B ?? H, [t, f] = g(""), [N, A] = g(!1), [Q, v] = g(null), [D, h] = g(!1), w = ne(!1), {
-    api: W
-  } = re(), {
-    formatCurrencyToDisplay: O
-  } = ae(), {
-    data: y,
-    isLoading: G,
-    fetchNextPage: S,
-    hasNextPage: T,
-    isFetchingNextPage: I
-  } = W.finops.getProducts.useInfiniteQuery({
-    query: {
-      limit: 20,
-      currency: k
-    }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
-      }
-    },
-    getNextPageParam: (e) => {
-      if (e.next_pagination_token)
-        return {
-          query: {
-            pagination_token: e.next_pagination_token
-          }
-        };
-    },
-    enabled: !!k
-  }), J = p((e) => {
-    const {
-      scrollTop: n,
-      scrollHeight: m,
-      clientHeight: P
-    } = e.currentTarget;
-    m - n - P < 100 && T && !I && S();
-  }, [S, T, I]), l = x(() => y ? y.pages.flatMap((e) => e.data) : [], [y]), r = x(() => !l || l.length === 0 ? [] : l.map((e) => {
-    const n = _ ? _.data.find((m) => m.id === e.measure_unit_id) : void 0;
-    return {
-      id: e.id,
-      label: e.name,
-      description: e.description,
-      price: e.price,
-      smallestAmount: e.smallest_amount,
-      measureUnit: n
-    };
-  }), [l, _, a]);
-  ie(() => {
-    !N && a && a.length > 0 && !t.length && (l?.find((e) => e?.name === a) || f(a));
-  }, [a, N, l, t]);
-  const R = p(() => {
-    A(!0), h(!0);
-  }, []), X = p(() => {
-    A(!1), t && t.trim() !== "" && !r.some((e) => e.label === t) && o({
-      id: u,
-      label: t
-    }, !1);
-  }, [t, r, o]);
-  let s = l?.find((e) => e?.id === Q);
-  if (!N && a && a.length > 0 && !t.length && !s) {
-    const e = l?.find(
-      (n) => n?.name === a
-      // potentially item?.product.name, double check
-    );
-    e && (s = e);
-  }
-  const Y = s ? s.id : t ? u : null, L = s ? s.name : t, {
-    matchingItems: U,
-    nonMatchingItems: j,
-    showCustomOption: q
-  } = x(() => {
-    const e = L.toLowerCase().trim();
-    if (!e || s && s.name.toLowerCase() === e)
-      return {
-        matchingItems: r,
-        nonMatchingItems: [],
-        showCustomOption: !1
-      };
-    const n = [], m = [];
-    for (const d of r)
-      d.label.toLowerCase().includes(e) ? n.push(d) : m.push(d);
-    const P = n.some((d) => d.label.toLowerCase() === e);
-    return {
-      matchingItems: n,
-      nonMatchingItems: m,
-      showCustomOption: !P && !!t.trim()
-    };
-  }, [L, r, s, t]), Z = x(() => [
-    b,
-    ...r.map((e) => e.id),
-    // Always include CUSTOM_ID when there's a custom name so Base UI tracks
-    // it as the selected value and shows the clear button. The visible
-    // ComboboxItem is still gated by showCustomOption.
-    ...t ? [u] : []
-  ], [r, t]), ee = p((e) => {
-    if (!e) {
-      v(null), f(""), o({
-        id: "",
-        label: ""
-      }, !1);
-      return;
-    }
-    if (e === b) {
-      $();
-      return;
-    }
-    if (e === u) {
-      w.current = !0, o({
-        id: u,
-        label: t
-      }, !1);
-      return;
-    }
-    const n = r.find((m) => m.id === e);
-    n && (v(n.id), f(""), o(n, !0));
-  }, [t, r, o, $]), te = p((e) => {
-    if (e !== b && e !== u && !r.some((n) => n.id === e)) {
-      if (!e && w.current) {
-        w.current = !1;
-        return;
-      }
-      f(e), v(null), e.trim() && o({
-        id: u,
-        label: e
-      }, !1);
-    }
-  }, [r, o]);
-  return /* @__PURE__ */ c(oe, { value: Y, onValueChange: ee, inputValue: L, onInputValueChange: te, items: Z, filter: () => !0, disabled: F, open: D, onOpenChange: h, children: [
-    /* @__PURE__ */ i(le, { id: `item-selector-${z}`, placeholder: M._("Line item"), "aria-invalid": E || void 0, maxLength: 100, onFocus: R, onBlur: X, onClick: () => {
-      D || h(!0);
-    }, onKeyDown: (e) => {
-      e.key === "Enter" && (e.preventDefault(), t.trim() && (w.current = !0), h(!1));
-    }, showClear: !0, className: "ttw:w-full", children: G && /* @__PURE__ */ i(de, { align: "inline-start", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) }) }),
-    /* @__PURE__ */ i(me, { container: K, className: "ttw:min-w-138", children: /* @__PURE__ */ c(ue, { onScroll: J, children: [
-      /* @__PURE__ */ c(C, { value: b, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
-        /* @__PURE__ */ i(pe, {}),
-        M._("Create new item")
-      ] }),
-      U.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      q && /* @__PURE__ */ i(C, { value: u, children: /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: t }) }),
-      (U.length > 0 || q) && j.length > 0 && /* @__PURE__ */ i(ce, {}),
-      j.map((e) => /* @__PURE__ */ c(C, { value: e.id, children: [
-        /* @__PURE__ */ i("span", { className: "ttw:flex-1 ttw:min-w-0 ttw:truncate", children: e.label }),
-        /* @__PURE__ */ c("span", { className: "ttw:shrink-0 ttw:text-right ttw:text-xs ttw:text-muted-foreground", children: [
-          e.smallestAmount,
-          " ",
-          e.measureUnit?.description,
-          e.price && ` / ${O(e.price.value, e.price.currency)}`
-        ] })
-      ] }, e.id)),
-      I && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-center ttw:py-1", children: /* @__PURE__ */ i(V, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) })
-    ] }) })
-  ] });
-};
+    status: t,
+    icon: a,
+    size: i,
+    variant: p
+  } = f({
+    props: e,
+    name: "MoniteApprovalRequestStatusChip"
+  }), {
+    i18n: m
+  } = n(), o = S[t];
+  return /* @__PURE__ */ r(_, { ref: s, color: A[t], icon: a && o ? /* @__PURE__ */ r(o, { fontSize: "small" }) : void 0, label: T(m)[t], size: i, status: t, variant: p ?? "filled" });
+}, _ = l(u, {
+  // eslint-disable-next-line lingui/no-unlocalized-strings
+  name: "MoniteApprovalRequestStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  u as CUSTOM_ID,
-  Ie as ItemSelector
+  c as ApprovalRequestStatusChip
 };