@tesouro/embedded-components-react 0.2.34 → 0.2.35

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

@@ -1,59 +1,64 @@
-import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
-import { useState as c, useMemo as u } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as E } from "./index94.js";
-import { useDebounceCallback as x, useDebounce as N } from "./index67.js";
-import { useLingui as v } from "@lingui/react";
-import { X as T } from "lucide-react";
-import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as _ } from "./index319.js";
-const C = 500, F = (t) => {
-  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
-  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
-}, L = ({
-  onChange: t
+import { jsx as s, jsxs as y } from "@emotion/react/jsx-runtime";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as U } from "./index77.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { Avatar as b, AvatarFallback as k } from "./index482.js";
+import { Badge as p } from "./index252.js";
+import { Skeleton as B } from "./index149.js";
+import { getVariantProps as d } from "./index483.js";
+const q = ({
+  userId: t,
+  user: e,
+  variant: m = "text",
+  showUsersAsEmail: i = !1,
+  showAvatar: f = !1,
+  className: o = ""
 }) => {
   const {
-    i18n: e
-  } = v(), {
-    api: n
-  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
-    data: d
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: b || void 0
-    }
-  }), w = u(() => d?.data ?? [], [d]), i = u(() => w.map((o) => ({
-    value: o.id,
-    label: F(o)
-  })), [w]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
-  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
-    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
-    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
-  } });
-}, q = ({
-  onChangeFilter: t
-}) => {
+    data: u,
+    isLoading: r,
+    isError: N
+  } = U(e ? void 0 : t), a = e || u;
+  if (!a && !r && N && t) {
+    const {
+      useBadge: x,
+      badgeVariant: E,
+      className: c
+    } = d({
+      variant: m,
+      isError: !0,
+      componentType: "user",
+      className: o
+    });
+    return x ? /* @__PURE__ */ s(p, { variant: E, className: c, children: "N/A" }) : /* @__PURE__ */ s("span", { className: c, children: "N/A" });
+  }
+  if (!a && !r)
+    return null;
+  const h = a ? `${a.first_name ?? ""} ${a.last_name ?? ""}`.trim() : "", w = a ? `${a.first_name?.[0] ?? ""}${a.last_name?.[0] ?? ""}`.toUpperCase() : "", n = i && a?.email ? a.email : h || a?.email || "";
+  if (r)
+    return /* @__PURE__ */ s(B, { className: "ttw:h-4 ttw:w-20" });
   const {
-    i18n: e
-  } = v(), {
-    root: n
-  } = E(), [r, l] = c(void 0), m = x((a) => {
-    t(k, a.trim() ? a : null);
-  }, C);
-  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
-    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
-    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
-    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
-      /* @__PURE__ */ s(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
-        l(a), t(_, a ?? null);
-      } }),
-      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
-        l(void 0), t(_, null);
-      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
-    ] })
-  ] });
+    useBadge: v,
+    badgeVariant: A,
+    className: l,
+    showAvatar: g
+  } = d({
+    variant: m,
+    isError: !1,
+    componentType: "user",
+    showAvatar: f,
+    showUsersAsEmail: i,
+    className: o
+  });
+  return v ? /* @__PURE__ */ y(p, { variant: A, className: l, children: [
+    g && /* @__PURE__ */ s(b, { className: "ttw:w-4 ttw:h-4", children: /* @__PURE__ */ s(k, { className: "ttw:text-xs ttw:font-medium", children: w }) }),
+    n
+  ] }) : /* @__PURE__ */ s("span", { className: l, children: n });
 };
 export {
-  q as Filters
+  q as User
 };

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

@@ -1,151 +1,33 @@
-import { z as D } from "zod";
-const S = {
-  AED: "AED",
-  AFN: "AFN",
-  ALL: "ALL",
-  AMD: "AMD",
-  ANG: "ANG",
-  AOA: "AOA",
-  ARS: "ARS",
-  AUD: "AUD",
-  AWG: "AWG",
-  AZN: "AZN",
-  BAM: "BAM",
-  BBD: "BBD",
-  BDT: "BDT",
-  BGN: "BGN",
-  BHD: "BHD",
-  BIF: "BIF",
-  BMD: "BMD",
-  BND: "BND",
-  BOB: "BOB",
-  BRL: "BRL",
-  BSD: "BSD",
-  BTN: "BTN",
-  BWP: "BWP",
-  BYN: "BYN",
-  BZD: "BZD",
-  CAD: "CAD",
-  CDF: "CDF",
-  CHF: "CHF",
-  CLP: "CLP",
-  CNY: "CNY",
-  COP: "COP",
-  CRC: "CRC",
-  CVE: "CVE",
-  CZK: "CZK",
-  DJF: "DJF",
-  DKK: "DKK",
-  DOP: "DOP",
-  DZD: "DZD",
-  EGP: "EGP",
-  ETB: "ETB",
-  EUR: "EUR",
-  FJD: "FJD",
-  FKP: "FKP",
-  GBP: "GBP",
-  GEL: "GEL",
-  GHS: "GHS",
-  GIP: "GIP",
-  GMD: "GMD",
-  GNF: "GNF",
-  GTQ: "GTQ",
-  GYD: "GYD",
-  HKD: "HKD",
-  HNL: "HNL",
-  HTG: "HTG",
-  HUF: "HUF",
-  IDR: "IDR",
-  ILS: "ILS",
-  INR: "INR",
-  IQD: "IQD",
-  ISK: "ISK",
-  JMD: "JMD",
-  JOD: "JOD",
-  JPY: "JPY",
-  KES: "KES",
-  KGS: "KGS",
-  KHR: "KHR",
-  KMF: "KMF",
-  KRW: "KRW",
-  KWD: "KWD",
-  KYD: "KYD",
-  KZT: "KZT",
-  LAK: "LAK",
-  LBP: "LBP",
-  LKR: "LKR",
-  LRD: "LRD",
-  LSL: "LSL",
-  LYD: "LYD",
-  MAD: "MAD",
-  MDL: "MDL",
-  MGA: "MGA",
-  MKD: "MKD",
-  MMK: "MMK",
-  MNT: "MNT",
-  MOP: "MOP",
-  MUR: "MUR",
-  MVR: "MVR",
-  MWK: "MWK",
-  MXN: "MXN",
-  MYR: "MYR",
-  MZN: "MZN",
-  NAD: "NAD",
-  NGN: "NGN",
-  NIO: "NIO",
-  NOK: "NOK",
-  NPR: "NPR",
-  NZD: "NZD",
-  OMR: "OMR",
-  PAB: "PAB",
-  PEN: "PEN",
-  PGK: "PGK",
-  PHP: "PHP",
-  PKR: "PKR",
-  PLN: "PLN",
-  PYG: "PYG",
-  QAR: "QAR",
-  RON: "RON",
-  RSD: "RSD",
-  RUB: "RUB",
-  RWF: "RWF",
-  SAR: "SAR",
-  SBD: "SBD",
-  SCR: "SCR",
-  SEK: "SEK",
-  SGD: "SGD",
-  SHP: "SHP",
-  SLE: "SLE",
-  SOS: "SOS",
-  SRD: "SRD",
-  SSP: "SSP",
-  SVC: "SVC",
-  SZL: "SZL",
-  THB: "THB",
-  TJS: "TJS",
-  TMT: "TMT",
-  TND: "TND",
-  TOP: "TOP",
-  TRY: "TRY",
-  TTD: "TTD",
-  TWD: "TWD",
-  TZS: "TZS",
-  UAH: "UAH",
-  UGX: "UGX",
-  USD: "USD",
-  UYU: "UYU",
-  UZS: "UZS",
-  VND: "VND",
-  VUV: "VUV",
-  WST: "WST",
-  XAF: "XAF",
-  XCD: "XCD",
-  XOF: "XOF",
-  XPF: "XPF",
-  YER: "YER",
-  ZAR: "ZAR",
-  ZMW: "ZMW"
-}, N = D.enum(Object.keys(S));
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ROW_TO_STATUS_MUI_MAP as n, getRowToStatusTextMap as l, APPROVAL_STATUS_TO_MUI_ICON_MAP as u } from "./index324.js";
+import { useLingui as S } from "@lingui/react";
+import f from "@mui/icons-material/Circle";
+import { Chip as A } from "@mui/material";
+import { styled as _, useThemeProps as T } from "@mui/material/styles";
+const d = ({
+  ref: s,
+  ...a
+}) => {
+  const {
+    status: o,
+    icon: i,
+    size: p,
+    variant: e
+  } = T({
+    props: a,
+    name: "MoniteApprovalStatusChip"
+  }), {
+    i18n: m
+  } = S(), r = u[o];
+  return /* @__PURE__ */ t(h, { className: "Monite-ApprovalStatusChip", ref: s, color: n[o], icon: i && r ? /* @__PURE__ */ t(r, { fontSize: "small" }) : /* @__PURE__ */ t(f, { sx: {
+    fontSize: "10px"
+  } }), label: l(m)[o], size: p, status: o, variant: e ?? "filled" });
+}, h = _(A, {
+  name: "MoniteApprovalStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  N as CurrencyEnumSchema
+  d as ApprovalStatusChip,
+  h as StyledChip
 };

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

@@ -1,21 +1,116 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index102.js";
-import * as e from "@radix-ui/react-radio-group";
-import { CircleIcon as s } from "lucide-react";
-function w({
-  className: r,
-  ...a
-}) {
-  return /* @__PURE__ */ t(e.Root, { "data-slot": "radio-group", className: i("ttw:grid ttw:gap-3", r), ...a });
-}
-function c({
-  className: r,
-  dotClassName: a,
-  ...o
-}) {
-  return /* @__PURE__ */ t(e.Item, { "data-slot": "radio-group-item", className: i("ttw:border-input ttw:text-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:aspect-square ttw:size-4 ttw:shrink-0 ttw:rounded-full ttw:border ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", r), ...o, children: /* @__PURE__ */ t(e.Indicator, { "data-slot": "radio-group-indicator", className: "ttw:relative ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(s, { className: i("ttw:fill-primary ttw:absolute ttw:top-1/2 ttw:left-1/2 ttw:size-2 ttw:-translate-x-1/2 ttw:-translate-y-1/2", a) }) }) });
-}
+import { getSharedApprovalRuleLabel as c, getUsersFromListLabel as R } from "./index443.js";
+const d = {
+  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
+  REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
+}, v = (e) => {
+  switch (e) {
+    case "approved":
+      return "waiting_to_be_paid";
+    case "rejected":
+      return "rejected";
+    case "canceled":
+      return "canceled";
+    default:
+      return "approve_in_progress";
+  }
+}, m = (e) => e.find((a) => a.call === d.REQUEST_APPROVAL_BY_USERS), q = (e) => e.find((a) => a.call === d.REQUEST_APPROVAL_BY_ROLES), f = (e, a, s = !1) => e.filter((r) => r.user_ids?.length ? s ? r.user_ids.some((t) => a.includes(t)) : a.every((t) => r.user_ids.includes(t)) : !1), b = (e, a, s) => {
+  if (e?.params) {
+    const {
+      user_ids: r,
+      required_approval_count: t
+    } = e.params;
+    return r?.length === 1 ? c.singleUser(s) : R(s, t);
+  }
+  return a?.params ? c.anyUserWithRole(s) : "";
+}, o = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(o) : e.if ? o(e.if) : [] : [], h = (e) => e.flatMap(o), j = (e) => {
+  const a = [];
+  if (e.all)
+    a.push(...e.all);
+  else if (e.if) {
+    const s = e.if;
+    s.all ? a.push(...s.all) : a.push(s);
+  }
+  return a;
+}, _ = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(_) : Array.isArray(e) ? e.flatMap(_) : [] : [], y = (e) => e.length === 0 || e.some((a) => a.status === "waiting") ? "waiting" : e.every((a) => a.status === "approved") ? "approved" : e.some((a) => a.status === "rejected") ? "rejected" : "waiting", E = (e, a, s) => ({
+  stepNumber: a,
+  type: s,
+  assignee: void 0,
+  assignees: e.assignees,
+  status: e.stepStatus,
+  payableStatus: v(e.stepStatus),
+  actualAssignees: e.actualAssignees,
+  hasActiveRequests: e.relatedRequests.length > 0,
+  requestIds: e.relatedRequests.map((r) => r.id),
+  approvalRequestId: e.approvalRequestId,
+  approvedBy: e.approvedBy,
+  objectId: e.objectId,
+  rejectedBy: e.rejectedBy,
+  requiredApprovalCount: e.requiredApprovalCount
+}), B = (e, a, s, r) => {
+  const t = y(a);
+  return {
+    stepNumber: s,
+    type: r,
+    assignee: void 0,
+    assignees: e,
+    status: t,
+    payableStatus: v(t),
+    actualAssignees: e,
+    hasActiveRequests: a.length > 0,
+    requestIds: a.map((l) => l.id),
+    approvalRequestId: a[0]?.id,
+    approvedBy: a.flatMap((l) => l.approved_by || []),
+    objectId: a[0]?.object_id,
+    rejectedBy: a.find((l) => l.rejected_by)?.rejected_by,
+    requiredApprovalCount: a.reduce((l, i) => l + i.required_approval_count, 0)
+  };
+}, C = (e, a) => {
+  const s = e.flatMap((t) => t.params?.user_ids || []), r = a.filter((t) => t.user_ids?.length && s.some((l) => t.user_ids.includes(l)));
+  return {
+    allChainUserIds: s,
+    allChainRequests: r
+  };
+}, I = (e) => {
+  const a = [];
+  if (e.all)
+    a.push(...e.all);
+  else if (e.if) {
+    const s = e.if;
+    s.all ? a.push(...s.all) : a.push(s);
+  }
+  return a;
+}, L = (e, a) => {
+  const s = e.call === d.REQUEST_APPROVAL_BY_USERS ? e : void 0;
+  let r = [];
+  s?.params?.user_ids && (r = s.params.user_ids);
+  const t = f(a, r, !0), l = t.flatMap((p) => p.user_ids || []), i = [...new Set(l)], A = t.length ? t[0].status : "waiting", u = t.find((p) => p.status !== "waiting"), S = t.flatMap((p) => p.approved_by || []), n = [...new Set(S)];
+  return {
+    assignees: r,
+    actualAssignees: i,
+    relatedRequests: t,
+    stepStatus: A,
+    approvalRequestId: u?.id,
+    approvedBy: n.length > 0 ? n : void 0,
+    objectId: u?.object_id || e.params?.object_id,
+    rejectedBy: u?.rejected_by,
+    requiredApprovalCount: e.params?.required_approval_count || u?.required_approval_count || 1
+  };
+};
 export {
-  w as RadioGroup,
-  c as RadioGroupItem
+  d as APPROVAL_CALL_TYPES,
+  y as calculateIntegralStatus,
+  E as createBaseApprovalStep,
+  B as createChainApprovalStep,
+  o as extractApprovalCalls,
+  _ as extractApprovalCallsForTable,
+  I as extractItemsFromScriptStep,
+  j as extractStructureItemsFromScriptStep,
+  f as filterRequestsByUsers,
+  q as findRoleApprovalCall,
+  m as findUserApprovalCall,
+  b as getApprovalRuleLabel,
+  v as mapApprovalStatusToPayableStatus,
+  h as processApprovalStructure,
+  C as processChainApprovalCalls,
+  L as resolveStepForCall
 };

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

@@ -1,14 +1,24 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-}), o = (a) => ({
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0
-});
+import _ from "@mui/icons-material/Cancel";
+import t from "@mui/icons-material/HourglassEmpty";
+import a from "@mui/icons-material/PaidOutlined";
+const i = "search", s = "created_at", A = "created_by", E = {
+  active: "success",
+  deleted: "error",
+  pending: "warning"
+}, n = (e) => ({
+  active: e._("Active"),
+  deleted: e._("Deleted"),
+  pending: e._("Pending")
+}), o = {
+  active: a,
+  deleted: _,
+  pending: t
+};
 export {
-  e as prepareBankAccountCreatePayload,
-  o as prepareBankAccountUpdatePayload
+  o as APPROVAL_STATUS_TO_MUI_ICON_MAP,
+  s as FILTER_TYPE_CREATED_AT,
+  A as FILTER_TYPE_CREATED_BY,
+  i as FILTER_TYPE_SEARCH,
+  E as ROW_TO_STATUS_MUI_MAP,
+  n as getRowToStatusTextMap
 };

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

@@ -1,36 +1,46 @@
-import { useMoniteContext as s } from "./index59.js";
-import { useLingui as n } from "@lingui/react";
-import { toast as r } from "react-hot-toast";
-const c = (i) => {
+import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
+import { useApprovalPolicyTrigger as l } from "./index433.js";
+import { ColumnList as s } from "./index434.js";
+import { UBuilding as n } from "./index435.js";
+import { ULabel as c } from "./index436.js";
+import { UMoneyBill as m } from "./index437.js";
+import { UUserCircle as p } from "./index438.js";
+const U = ({
+  approvalPolicy: o
+}) => {
   const {
-    i18n: e
-  } = n(), {
-    api: a,
-    queryClient: o
-  } = s();
-  return a.finops.patchProductsId.useMutation({
-    path: {
-      product_id: i
-    }
-  }, {
-    onSuccess: async (t) => {
-      await a.finops.getProducts.invalidateQueries(o), await a.finops.getProductsId.invalidateQueries({
-        parameters: {
-          path: {
-            product_id: t.id
-          }
-        }
-      }, o), r.success(t.type === "product" ? e._("Product {name} was updated.", {
-        name: t.name
-      }) : e._("Service {name} was updated.", {
-        name: t.name
-      }));
-    },
-    onError: () => {
-      r.error(e._("Failed to update"));
-    }
+    triggers: a,
+    getTriggerName: e
+  } = l({
+    approvalPolicy: o
   });
+  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
+    switch (r) {
+      case "amount":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(m, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "was_created_by_user_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(p, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "counterpart_id":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(n, { width: 18 }),
+          e(r)
+        ] }, r);
+      case "tags":
+        return /* @__PURE__ */ t("li", { children: [
+          /* @__PURE__ */ i(c, { width: 18 }),
+          e(r)
+        ] }, r);
+      default:
+        return null;
+    }
+  }) }) : null;
 };
 export {
-  c as useUpdateProduct
+  U as ApprovalPoliciesTriggers
 };

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

@@ -1,41 +1,59 @@
-import { jsxs as r, jsx as e, Fragment as h } from "@emotion/react/jsx-runtime";
-import { useLingui as y } from "@lingui/react";
-import { Switch as g } from "./index399.js";
-import { useState as v } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { Typography as l } from "./index87.js";
-import { ReminderBeforeDueDate as b } from "./index441.js";
-import { ReminderOverdue as N } from "./index442.js";
-import { RECEIPT_DUE_PAYMENT_TERM as D } from "./index207.js";
-const I = ({
-  disabled: a
+import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
+import { useState as c, useMemo as u } from "react";
+import { useMoniteContext as y } from "./index59.js";
+import { useRootElements as E } from "./index94.js";
+import { useDebounceCallback as x, useDebounce as N } from "./index67.js";
+import { useLingui as v } from "@lingui/react";
+import { X as T } from "lucide-react";
+import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as _ } from "./index324.js";
+const C = 500, F = (t) => {
+  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
+  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
+}, L = ({
+  onChange: t
 }) => {
   const {
-    i18n: i
-  } = y(), {
-    watch: t,
-    setValue: d
-  } = x(), n = t("payment_terms_id"), c = t("payment_terms_custom_date"), p = t("payment_reminder_id"), u = t("overdue_reminder_id"), o = !!(n || c), w = !!(p || u), f = n !== D, [m, _] = v(o || w);
-  return /* @__PURE__ */ r("section", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3", children: [
-      /* @__PURE__ */ e(g, { checked: m, disabled: !o, onCheckedChange: (s) => {
-        s || (d("payment_reminder_id", "", {
-          shouldDirty: !0
-        }), d("overdue_reminder_id", "", {
-          shouldDirty: !0
-        })), _(s);
-      }, "aria-label": i._("Payment reminders") }),
-      /* @__PURE__ */ e(l, { variant: "body2", children: i._("Send reminders when an invoice is approaching its due date or past due.") })
-    ] }),
-    m && /* @__PURE__ */ r(h, { children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row", children: [
-        f && /* @__PURE__ */ e(b, { disabled: a }),
-        /* @__PURE__ */ e(N, { disabled: a })
-      ] }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: i._("New reminders will be saved to your organization's library and can be managed via Invoice settings") })
+    i18n: e
+  } = v(), {
+    api: n
+  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
+    data: d
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: b || void 0
+    }
+  }), w = u(() => d?.data ?? [], [d]), i = u(() => w.map((o) => ({
+    value: o.id,
+    label: F(o)
+  })), [w]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
+  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
+    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
+    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
+  } });
+}, q = ({
+  onChangeFilter: t
+}) => {
+  const {
+    i18n: e
+  } = v(), {
+    root: n
+  } = E(), [r, l] = c(void 0), m = x((a) => {
+    t(k, a.trim() ? a : null);
+  }, C);
+  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
+    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
+    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
+      /* @__PURE__ */ s(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
+        l(a), t(_, a ?? null);
+      } }),
+      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
+        l(void 0), t(_, null);
+      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
     ] })
   ] });
 };
 export {
-  I as RemindersSection
+  q as Filters
 };