@tesouro/embedded-components-react 0.2.111 → 0.2.113

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

@@ -1,38 +1,70 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { getCountriesArray as g } from "./index93.js";
-import { Combobox as v, ComboboxInput as L, ComboboxContent as y, ComboboxList as N, ComboboxEmpty as M, ComboboxCollection as _, ComboboxItem as j } from "./index90.js";
-import { useLingui as A } from "@lingui/react";
-const E = ({
-  value: c,
-  onChange: u,
-  disabled: b,
-  invalid: C,
-  allowedCountries: a,
-  showClearButton: h = !0,
-  className: p,
-  container: x
+import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
+import { useState as x, useEffect as q } from "react";
+import { Controller as C } from "react-hook-form";
+import { Minus as R, Plus as M } from "lucide-react";
+import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
+const I = (e) => Math.round(e * 100) / 100, b = (e) => {
+  let t = e.replace(/[^0-9.]/g, "");
+  const n = t.indexOf(".");
+  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
+}, E = ({
+  field: e,
+  index: t,
+  canRemove: n,
+  hasProduct: s,
+  hasQuantityError: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
 }) => {
-  const {
-    i18n: t
-  } = A(), r = d(() => {
-    const e = g(t);
-    return a ? e.filter((n) => a.includes(n.code)) : e;
-  }, [a, t]), s = d(() => new Map(r.map((e) => [e.code, e])), [r]), m = b || r.length === 1, f = (e) => s.get(e)?.label ?? e;
-  return /* @__PURE__ */ l(v, { value: c ?? null, onValueChange: (e) => u?.(e ?? void 0), items: r.map((e) => e.code), itemToStringLabel: f, filter: (e, n, w) => {
-    const i = n.toLowerCase().trim();
-    return i ? e.toLowerCase().includes(i) || (w?.(e) ?? "").toLowerCase().includes(i) : !0;
-  }, disabled: m, children: [
-    /* @__PURE__ */ o(L, { showClear: h, disabled: m, className: p, placeholder: t._("Country"), "aria-invalid": C || void 0 }),
-    /* @__PURE__ */ o(y, { container: x, children: /* @__PURE__ */ l(N, { children: [
-      /* @__PURE__ */ o(M, { children: t._("No countries found") }),
-      /* @__PURE__ */ o(_, { children: (e) => /* @__PURE__ */ l(j, { value: e, children: [
-        /* @__PURE__ */ o("span", { children: s.get(e)?.label ?? e }),
-        /* @__PURE__ */ o("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
-      ] }, e) })
-    ] }) })
+  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
+  q(() => {
+    if (!h) {
+      const r = i === 0 ? "" : String(i);
+      r !== p && c(r);
+    }
+  }, [i, h, p]);
+  const g = (r) => {
+    const a = I(r);
+    if (a <= 0 && n) {
+      d(t);
+      return;
+    }
+    const u = Math.max(w, a);
+    l("quantity", u, {
+      shouldValidate: !0
+    });
+  };
+  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
+    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
+      const a = b(r.target.value);
+      c(a);
+      const u = a === "" || a === "." ? 0 : Number(a);
+      l("quantity", u, {
+        shouldValidate: !1
+      });
+    }, onBlur: (r) => {
+      f(!1);
+      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
+      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
+        shouldValidate: !0
+      })) : (c(String(u)), l("quantity", u, {
+        shouldValidate: !0
+      })), e.onBlur();
+    } }),
+    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
   ] });
-};
+}, z = ({
+  index: e,
+  control: t,
+  quantityError: n,
+  canRemove: s,
+  hasProduct: m,
+  onLineItemValueChange: l,
+  onRemoveItem: d
+}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
+  field: i
+}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
 export {
-  E as MoniteCountryShadcn
+  z as QuantityField
 };

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

@@ -1,75 +1,41 @@
-import { useLingui as S } from "@lingui/react";
-import { getRuleLabel as g, getRuleName as L, APPROVAL_REQUEST_CALLS as n } from "./index473.js";
-const b = ({
-  approvalPolicy: t
+import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
+import { useState as h } from "react";
+import { ManageMeasureUnits as v } from "./index203.js";
+import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index246.js";
+import { useLingui as _ } from "@lingui/react";
+import { Plus as b } from "lucide-react";
+const s = "__none__", E = ({
+  value: n,
+  availableMeasureUnits: o,
+  error: m,
+  fieldError: c,
+  disabled: u = !1,
+  onChange: d
 }) => {
   const {
-    i18n: o
-  } = S(), s = (r) => {
-    if (typeof r != "object" || r === null || !("call" in r) || typeof r.call != "string" || ![n.REQUEST_APPROVAL_BY_USERS, n.REQUEST_APPROVAL_BY_ROLES].includes(r.call) || !("params" in r) || typeof r.params != "object" || r.params === null) return !1;
-    const e = r.params;
-    return !("user_ids" in e && !Array.isArray(e.user_ids) || "role_ids" in e && !Array.isArray(e.role_ids) || !("required_approval_count" in e) || typeof e.required_approval_count != "number");
-  }, i = (r) => typeof r != "object" || r === null || !("run_concurrently" in r) || typeof r.run_concurrently != "boolean" || !("all" in r) || !Array.isArray(r.all) ? !1 : r.all.every((e) => s(e) || i(e)), f = (r) => {
-    if (!Array.isArray(r) || r.length !== 1) return !1;
-    const [e] = r;
-    if (typeof e != "object" || e === null || !("if" in e) || !("then" in e) || !("else" in e)) return !1;
-    const {
-      if: a,
-      then: l,
-      else: R
-    } = e;
-    if (typeof a != "object" || a === null || !("run_concurrently" in a) || !("all" in a)) return !1;
-    const {
-      run_concurrently: E,
-      all: c
-    } = a;
-    return typeof E != "boolean" || !Array.isArray(c) || !Array.isArray(l) || !Array.isArray(R) ? !1 : c.every((y) => s(y) || i(y));
-  }, u = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length === 1 && r.params.required_approval_count === 1, A = (r) => r.call === n.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length > 1 && r.params.required_approval_count > 0, d = (r) => r.call === n.REQUEST_APPROVAL_BY_ROLES && Array.isArray(r.params.role_ids) && r.params.role_ids.length >= 1 && r.params.required_approval_count > 0, m = (r) => !r.run_concurrently && r.all.length > 1 && r.all.every((e) => s(e) && u(e)), _ = (r) => L(r, o), p = (r, e) => g(r, o, e);
-  return f(t?.script) ? {
-    rules: t?.script[0].if.all.reduce((r, e) => {
-      if (i(e)) {
-        if (m(e))
-          return {
-            ...r,
-            approval_chain: {
-              chainUserIds: e.all.reduce((a, l) => s(l) && u(l) && l.params.user_ids[0] && l.params.user_ids[0] ? [...a, l.params.user_ids[0]] : a, [])
-            }
-          };
-      } else if (s(e)) {
-        if (u(e))
-          return {
-            ...r,
-            single_user: {
-              userId: e.params.user_ids[0]
-            }
-          };
-        if (A(e))
-          return {
-            ...r,
-            users_from_list: {
-              userIds: e.params.user_ids,
-              count: e.params.required_approval_count
-            }
-          };
-        if (d(e))
-          return {
-            ...r,
-            roles_from_list: {
-              roleIds: e.params.role_ids,
-              count: e.params.required_approval_count
-            }
-          };
+    i18n: r
+  } = _(), [p, i] = h(!1);
+  return /* @__PURE__ */ t(f, { children: [
+    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
+      if (e === "create") {
+        i(!0);
+        return;
       }
-      return r;
-    }, {}),
-    getRuleName: _,
-    getRuleLabel: p
-  } : {
-    rules: void 0,
-    getRuleName: _,
-    getRuleLabel: p
-  };
+      d(e === s ? "" : e);
+    }, disabled: u, children: [
+      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
+      /* @__PURE__ */ t(S, { children: [
+        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
+          r._("Manage measure units")
+        ] }),
+        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
+        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+  ] });
 };
 export {
-  b as useApprovalPolicyScript
+  E as MeasureUnitField
 };

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

@@ -1,18 +1,31 @@
-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"
-}));
+import { useRef as t, useEffect as p } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index68.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
+  };
+};
 export {
-  e as UListUiAlt
+  z as useResizeObserver
 };

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

@@ -1,18 +1,26 @@
-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"
-}));
+import { useRef as u, useEffect as s } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index68.js";
+const E = (r, t = 100) => {
+  const o = u(r), e = u(void 0), i = m();
+  o.current = r, s(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && o.current();
+      }, t);
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
+    };
+  }, [t, i]);
+};
 export {
-  a as UUsersAlt
+  E as useWindowResize
 };

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

@@ -1,18 +1,41 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
+  }
+}, y = () => {
+  const [h, r] = p({
+    width: 794,
+    height: 1123,
+    dpi: 96
+  });
+  return f(() => {
+    if (typeof window > "u") return;
+    const t = () => {
+      const c = [72, 96, 120, 144, 192, 240, 288, 384];
+      let n = 96;
+      for (const d of c)
+        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
+          n = d;
+          break;
+        }
+      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
+      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+      const a = e.getBoundingClientRect(), o = Math.round(a.width);
+      document.body.removeChild(e);
+      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
+      r({
+        width: l,
+        height: m,
+        dpi: i
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), h;
+};
 export {
-  A as UUserSquare
+  y as useA4Dimensions
 };

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

@@ -9,8 +9,8 @@ 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 "./index175.js";
-import { LoadingSpinner as L } from "./index176.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 "./index204.js";
 import "react-hot-toast";

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

@@ -1,13 +1,10 @@
-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);
+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
+});
 export {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  e as prepareBankAccountCreatePayload
 };

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

@@ -1,31 +1,42 @@
-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
-] });
+import { getSharedApprovalRuleLabel as _, getUsersFromListLabel as t } from "./index399.js";
+const r = {
+  SINGLE_USER: "single_user",
+  USERS_FROM_LIST: "users_from_list",
+  ROLES_FROM_LIST: "roles_from_list",
+  APPROVAL_CHAIN: "approval_chain"
+}, S = {
+  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
+  REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
+}, L = (s, e) => {
+  switch (s) {
+    case r.SINGLE_USER:
+      return e._("Single user");
+    case r.USERS_FROM_LIST:
+      return e._("Users from the list");
+    case r.ROLES_FROM_LIST:
+      return e._("Roles from the list");
+    case r.APPROVAL_CHAIN:
+      return e._("Approval chain");
+    default:
+      return;
+  }
+}, l = (s, e, a) => {
+  switch (s) {
+    case r.SINGLE_USER:
+      return _.singleUser(e);
+    case r.USERS_FROM_LIST:
+      return t(e, a);
+    case r.ROLES_FROM_LIST:
+      return _.anyUserWithRole(e);
+    case r.APPROVAL_CHAIN:
+      return _.allUsersFromList(e);
+    default:
+      return;
+  }
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  r as APPROVAL_POLICY_RULE_TYPES,
+  S as APPROVAL_REQUEST_CALLS,
+  l as getRuleLabel,
+  L as getRuleName
 };

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

@@ -1,71 +1,55 @@
-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 = ({
-  control: p,
-  name: n,
-  slotProps: o,
-  valueAs: c = "date",
-  stringFormat: s = "yyyy-MM-dd",
-  ...d
+import { jsx as o, jsxs as x } from "@emotion/react/jsx-runtime";
+import { UUserSquare as N } from "./index398.js";
+import { useMoniteContext as v } from "./index57.js";
+import { Badge as n } from "./index244.js";
+import { Skeleton as b } from "./index132.js";
+import { getVariantProps as i } from "./index455.js";
+const j = ({
+  roleId: s,
+  variant: a = "default",
+  quoted: l = !1,
+  roleData: e
 }) => {
-  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
+  const {
+    api: m
+  } = v(), {
+    data: c,
+    isLoading: d,
+    isError: f
+  } = m.finops.getRolesId.useQuery({
+    path: {
+      role_id: s
     }
-  }) => {
-    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
-            }
-          }
-        }
-      ),
-      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: r?.message })
-    ] });
-  } });
+  }, {
+    enabled: !e
+  }), t = e ?? c, r = !e && d;
+  if (!t && !r && f && s) {
+    const {
+      badgeVariant: u,
+      className: g
+    } = i({
+      variant: a,
+      isError: !0,
+      componentType: "role"
+    });
+    return /* @__PURE__ */ o(n, { variant: u, className: g, children: "N/A" });
+  }
+  if (!t && !r || !t)
+    return null;
+  const {
+    badgeVariant: p,
+    className: w,
+    showIcon: h
+  } = i({
+    variant: a,
+    isError: !1,
+    componentType: "role"
+  });
+  return /* @__PURE__ */ x(n, { variant: p, className: w, children: [
+    h && /* @__PURE__ */ o(N, { width: 24, height: 24, className: a === "default" ? "ttw:text-[rgb(97,97,97)] ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" : "ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" }),
+    r ? /* @__PURE__ */ o(b, { className: "ttw:h-4 ttw:w-20" }) : l ? `"${t.name}"` : t.name
+  ] });
 };
 export {
-  M as RHFDatePicker
+  j as Role
 };