@tesouro/embedded-components-react 0.2.76 → 0.2.79

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

@@ -1,30 +1,18 @@
-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 "./index138.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;
-};
+import { createElement as t } from "react";
+const e = ({
+  color: h = "currentColor",
+  size: a,
+  ...o
+}) => t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: a,
+  viewBox: "0 0 24 24",
+  fill: h,
+  ...o
+}, t("path", {
+  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
+}));
 export {
-  A as TableActions
+  e as UListUiAlt
 };

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

@@ -1,10 +1,18 @@
-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
-});
+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"
+}));
 export {
-  e as prepareBankAccountCreatePayload
+  a as UUsersAlt
 };

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

@@ -1,18 +1,18 @@
-import { useMoniteContext as e } from "./index57.js";
-const a = () => {
-  const {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
-    }
-  });
-};
+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"
+}));
 export {
-  a as useUploadEntityLogo
+  A as UUserSquare
 };

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

@@ -1,26 +1,13 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as r } from "@lingui/react";
-const p = (i) => {
-  const {
-    api: t,
-    queryClient: s
-  } = n(), {
-    i18n: e
-  } = r();
-  return t.finops.deleteEntitiesIdLogo.useMutation({
-    path: {
-      entity_id: i
-    }
-  }, {
-    onSuccess: async () => {
-      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
-    },
-    onError: () => {
-      o.error(e._("Failed to remove logo."));
-    }
-  });
-};
+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 {
-  p as useDeleteEntityLogo
+  e as getSharedApprovalRuleLabel,
+  t as getUsersFromListLabel
 };

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

@@ -1,52 +1,19 @@
-import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
-import { useEffect as f } from "react";
-import { useLingui as h } from "@lingui/react";
-import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
-import { LoadingSpinner as y } from "./index136.js";
-import { Typography as l } from "./index85.js";
-import { twMerge as v } from "tailwind-merge";
-import { UploadBar as C } from "./index473.js";
-const U = ({
-  isUploading: o,
-  isSuccess: r,
-  isError: i,
-  isDraggingOver: d,
-  resetUpload: a,
-  fileName: m,
-  onClick: u
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index242.js";
+import { Typography as o } from "./index85.js";
+const f = ({
+  email: t,
+  isDefault: e
 }) => {
   const {
-    i18n: s
-  } = h(), w = o || r || i;
-  function p() {
-    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
-  }
-  return f(() => {
-    let n;
-    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
-  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
-    w || u();
-  }, children: w ? /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
-        p(),
-        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
-        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
-        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
-      ] })
-    ] }),
-    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
-  ] }) : /* @__PURE__ */ e(c, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
-    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
-      s._("Drop your files here, or "),
-      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
-    ] }),
-    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
-  ] }) });
+    i18n: r
+  } = s();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
+    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
+  ] });
 };
 export {
-  U as DragAndDropBox
+  f as DefaultEmail
 };

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

@@ -1,32 +1,31 @@
-const n = {
-  WAS_CREATED_BY_USER_ID: "was_created_by_user_id",
-  COUNTERPART_ID: "counterpart_id",
-  TAGS: "tags.id",
-  AMOUNT: "amount",
-  CURRENCY: "currency"
-}, o = (e) => Object.values(n).includes(e), r = {
-  IN: "in",
-  EQUALS: "==",
-  GREATER_THAN: ">",
-  LESS_THAN: "<",
-  GREATER_THAN_OR_EQUAL: ">=",
-  LESS_THAN_OR_EQUAL: "<=",
-  RANGE: "range"
-}, i = (e) => Object.values(r).includes(e), a = (e) => e.replace("invoice.", ""), t = (e) => e.operator === r.IN && typeof e.left_operand == "string" && typeof e.right_operand == "object" && e.right_operand && "name" in e.right_operand, _ = (e) => !!e.left_operand && typeof e.left_operand == "object" && "name" in e.left_operand, l = (e) => t(e) ? {
-  key: a(e.right_operand.name),
-  value: e.left_operand
-} : _(e) ? {
-  key: a(e.left_operand?.name),
-  value: e.right_operand
-} : {
-  key: null,
-  value: null
-};
+import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
+const b = s(i)(({
+  theme: e,
+  isRequired: l
+}) => ({
+  color: l ? e.palette.error.main : e.palette.text.secondary,
+  minWidth: 120,
+  width: "35%"
+})), u = (e) => {
+  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
+  return l ? /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
+    /* @__PURE__ */ t(i, { children: l })
+  ] }) : null;
+}, y = ({
+  items: e,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
+  overflow: "visible"
+}, ...a, children: [
+  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
+  l
+] });
 export {
-  n as NAMED_VALUES,
-  r as OPERATOR_OPERATIONS,
-  a as extractFieldName,
-  l as getTriggerKeyAndValue,
-  i as isValidOperation,
-  o as isValidTriggerKey
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

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

@@ -9,13 +9,13 @@ import "./index57.js";
 import "@mui/x-data-grid";
 import { zodResolver as N } from "@hookform/resolvers/zod";
 import { Button as p } from "./index84.js";
-import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index135.js";
-import { LoadingSpinner as L } from "./index136.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index130.js";
+import { LoadingSpinner as L } from "./index131.js";
 import { useForm as M, FormProvider as k } from "react-hook-form";
-import { useCreateProduct as q } from "./index206.js";
+import { useCreateProduct as q } from "./index201.js";
 import "react-hot-toast";
-import { getProductValidationSchema as z } from "./index207.js";
-import { ProductFormContent as T } from "./index208.js";
+import { getProductValidationSchema as z } from "./index202.js";
+import { ProductFormContent as T } from "./index203.js";
 const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
   onClose: s,
   open: u,

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

@@ -1,76 +1,71 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useMemo as k } from "react";
-import { User as w } from "./index237.js";
-import { useLingui as T } from "@lingui/react";
-import f from "@mui/icons-material/AddCircleOutline";
-import x from "@mui/icons-material/Delete";
-import { Stack as s, Chip as g, Paper as y, Table as C, TableHead as v, TableRow as d, TableCell as a, TableBody as A, IconButton as j, Button as B } from "@mui/material";
-import { useApprovalPolicyTrigger as E } from "./index359.js";
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
 const M = ({
-  triggers: r,
-  onAddTrigger: m,
-  onEditTrigger: b,
-  onDeleteTrigger: _
+  control: p,
+  name: n,
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
 }) => {
-  const {
-    i18n: n
-  } = T(), {
-    getTriggerLabel: p,
-    getAmountLabel: u
-  } = E({}), h = k(() => Object.keys(r).map((i) => {
-    const c = p(i);
-    let t;
-    switch (i) {
-      case "was_created_by_user_id":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.was_created_by_user_id?.map((o) => /* @__PURE__ */ e(w, { userId: o.id }, o.id)) });
-        break;
-      case "tags":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.tags?.map((o) => /* @__PURE__ */ e(g, { label: o.name }, o.id)) });
-        break;
-      case "counterpart_id":
-        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
-          flexWrap: "wrap"
-        }, children: r.counterpart_id?.map((o) => /* @__PURE__ */ e(g, { label: o.label }, o.id)) });
-        break;
-      case "amount":
-        t = /* @__PURE__ */ e("p", { children: u(r.amount?.value ?? [], r.amount?.currency ?? "EUR") });
-        break;
-      default:
-        t = i;
-        break;
+  const i = (e) => e?.type === "custom", {
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: u
+    },
+    formState: {
+      isValid: f
     }
-    return {
-      key: i,
-      label: c,
-      value: t
-    };
-  }), [r, p, u]);
-  return /* @__PURE__ */ e(y, { variant: "outlined", children: /* @__PURE__ */ l(C, { children: [
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ l(d, { children: [
-      /* @__PURE__ */ e(a, { children: n._("Condition") }),
-      /* @__PURE__ */ e(a, { children: n._("Criteria") }),
-      /* @__PURE__ */ e(a, {})
-    ] }) }),
-    /* @__PURE__ */ l(A, { children: [
-      h.length > 0 ? h.map((i) => /* @__PURE__ */ l(d, { hover: !0, sx: {
-        "&.MuiTableRow-root": {
-          cursor: "pointer"
+  }) => {
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          ...e,
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
+            }
+          }
         }
-      }, onClick: () => b(i.key), children: [
-        /* @__PURE__ */ e(a, { children: i.label }),
-        /* @__PURE__ */ e(a, { children: i.value }),
-        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(j, { "aria-label": n._("Delete trigger"), onClick: (c) => {
-          c.stopPropagation(), _(i.key);
-        }, children: /* @__PURE__ */ e(x, {}) }) })
-      ] }, i.label)) : /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: n._("No conditions") }) }),
-      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: /* @__PURE__ */ e(B, { startIcon: /* @__PURE__ */ e(f, {}), onClick: m, disabled: !!(r?.was_created_by_user_id?.length && r?.tags?.length && r?.counterpart_id?.length && r?.amount?.value?.length), children: n._("Add new condition") }) }) })
-    ] })
-  ] }) });
+      ),
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  M as ConditionsTable
+  M as RHFDatePicker
 };

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

@@ -1,88 +1,59 @@
-import { jsx as e, jsxs as u } from "@emotion/react/jsx-runtime";
-import { useMemo as k } from "react";
-import { useLingui as v } from "@lingui/react";
-import x from "@mui/icons-material/AddCircleOutline";
-import w from "@mui/icons-material/Delete";
-import { Stack as p, Paper as C, Table as T, TableHead as y, TableRow as m, TableCell as i, TableBody as I, IconButton as R, Button as S } from "@mui/material";
-import { useApprovalPolicyScript as L } from "./index365.js";
-import { Role as j } from "./index453.js";
-import { User as h } from "./index237.js";
-const N = ({
-  rules: r,
-  usersFromListCount: t,
-  rolesFromListCount: c,
-  onAddRule: f,
-  onEditRule: b,
-  onDeleteRule: g
+import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { useRootElements as P } from "./index92.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
+  name: n,
+  SelectProps: s,
+  type: a,
+  ...c
 }) => {
-  const {
-    i18n: n
-  } = v(), {
-    getRuleLabel: d
-  } = L({}), _ = k(() => Object.keys(r).map((l) => {
-    let s, a;
-    switch (l) {
-      case "users_from_list":
-        s = d(l, (typeof t == "string" ? parseInt(t) : t) || 0);
-        break;
-      case "roles_from_list":
-        s = d(l, typeof c == "string" ? parseInt(c) : c || 0);
-        break;
-      default:
-        s = d(l);
+  const i = (e) => e?.type === "custom", {
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: d
+    },
+    formState: {
+      isValid: u
     }
-    switch (l) {
-      case "single_user":
-        a = /* @__PURE__ */ e(p, { direction: "column", spacing: 0.5, sx: {
-          overflow: "hidden"
-        }, children: r.single_user?.id && /* @__PURE__ */ e(h, { userId: r.single_user?.id }, r.single_user?.id) });
-        break;
-      case "users_from_list":
-        a = /* @__PURE__ */ e(p, { direction: "column", spacing: 0.5, sx: {
-          overflow: "hidden"
-        }, children: r?.users_from_list?.map((o) => /* @__PURE__ */ e(h, { userId: o.id }, o.id)) });
-        break;
-      case "roles_from_list":
-        a = /* @__PURE__ */ e(p, { direction: "row", gap: 1, flexWrap: "wrap", useFlexGap: !0, sx: {
-          "& > *": {
-            flexShrink: 0
-          }
-        }, children: r.roles_from_list?.map((o) => /* @__PURE__ */ e(j, { roleId: o.id }, o.id)) });
-        break;
-      case "approval_chain":
-        a = /* @__PURE__ */ e(p, { direction: "column", spacing: 0.5, sx: {
-          overflow: "hidden"
-        }, children: r?.approval_chain?.map((o) => /* @__PURE__ */ e(h, { userId: o.id }, o.id)) });
-        break;
-    }
-    return {
-      key: l,
-      label: s,
-      value: a
+  }) => {
+    const m = (d || !u) && !i(r), g = (f) => {
+      const o = f.target.value;
+      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
     };
-  }), [r, t, d, c]);
-  return /* @__PURE__ */ e(C, { variant: "outlined", children: /* @__PURE__ */ u(T, { children: [
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ u(m, { children: [
-      /* @__PURE__ */ e(i, { children: n._("Condition") }),
-      /* @__PURE__ */ e(i, { children: n._("Criteria") }),
-      /* @__PURE__ */ e(i, {})
-    ] }) }),
-    /* @__PURE__ */ u(I, { children: [
-      _.length > 0 ? _.map((l) => /* @__PURE__ */ u(m, { hover: !0, sx: {
-        "&.MuiTableRow-root": {
-          cursor: "pointer"
+    return /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ t(
+        T,
+        {
+          ...e,
+          ...c,
+          id: n,
+          variant: "standard",
+          type: a,
+          value: e.value ?? "",
+          onChange: g,
+          error: m && !!r?.message,
+          helperText: m && r?.message,
+          SelectProps: {
+            ...s,
+            MenuProps: {
+              ...s?.MenuProps,
+              container: p
+            }
+          }
         }
-      }, onClick: () => b(l.key), children: [
-        /* @__PURE__ */ e(i, { children: l.label }),
-        /* @__PURE__ */ e(i, { children: l.value }),
-        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(R, { "aria-label": n._("Delete trigger"), onClick: (s) => {
-          s.stopPropagation(), g(l.key);
-        }, children: /* @__PURE__ */ e(w, {}) }) })
-      ] }, l.label)) : /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { colSpan: 3, children: n._("No rules") }) }),
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { colSpan: 3, children: /* @__PURE__ */ e(S, { startIcon: /* @__PURE__ */ e(x, {}), onClick: f, disabled: !!r.single_user && (r.users_from_list?.length ?? 0) > 0 && (r.roles_from_list?.length ?? 0) > 0 && (r.approval_chain?.length ?? 0) > 0, children: n._("Add new rule") }) }) })
-    ] })
-  ] }) });
+      ),
+      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  N as RulesTable
+  j as RHFTextField
 };