@tech-diefra/fluig-ui 1.2.12 → 1.2.14

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsxs as f, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { memo as _, useMemo as I, useCallback as S, useState as T, useRef as B, useEffect as A, forwardRef as K } from "react";
-import { useFormContext as D, useController as F, useFormState as ee } from "react-hook-form";
+import { jsxs as h, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { memo as I, useMemo as j, useCallback as S, useState as F, useRef as E, useEffect as A, forwardRef as K } from "react";
+import { useFormContext as O, useController as _, useFormState as ee } from "react-hook-form";
 import { IMaskInput as te } from "react-imask";
-import { useSection as j, useFluigRuntime as O } from "@fluig-kit/ecm";
+import { useSection as T, useFluigRuntime as D } from "@fluig-kit/ecm";
 import ne, { registerLocale as ae } from "react-datepicker";
 import { parse as re, isValid as ie, format as se } from "date-fns";
 const oe = {
@@ -16,221 +16,221 @@ function le({
   label: r = "",
   placeholder: n = "",
   type: c = "text",
-  mask: o,
+  mask: s,
   className: l = "",
   forceReadOnly: i = !1,
   forceHidden: a = !1
 }) {
-  const { isReadOnly: g, isHidden: u } = j(), m = i || !!g(e), w = a || !!u(e), { control: k } = D(), { isView: N } = O(), { field: h } = F({ name: e, control: k }), { errors: p } = ee({ name: e }), b = p == null ? void 0 : p[e], C = I(
-    () => o ? oe[o] ?? o : null,
-    [o]
-  ), P = S((s) => {
-    if (!s) return "";
-    const d = s.replace(/\D/g, "");
+  const { isReadOnly: v, isHidden: m } = T(), u = i || !!v(e), f = a || !!m(e), { control: k } = O(), { isView: R } = D(), { field: b } = _({ name: e, control: k }), { errors: y } = ee({ name: e }), g = y == null ? void 0 : y[e], x = j(
+    () => s ? oe[s] ?? s : null,
+    [s]
+  ), P = S((o) => {
+    if (!o) return "";
+    const d = o.replace(/\D/g, "");
     return (Number(d) / 100).toLocaleString("pt-BR", {
       style: "currency",
       currency: "BRL"
     });
-  }, []), y = S(
-    (s) => c === "monetary" ? P(s) : s,
+  }, []), w = S(
+    (o) => c === "monetary" ? P(o) : o,
     [c, P]
   );
-  return N ? /* @__PURE__ */ f("div", { className: "form-group", children: [
+  return R ? /* @__PURE__ */ h("div", { className: "form-group", children: [
     /* @__PURE__ */ t("label", { children: r }),
-    /* @__PURE__ */ t("span", { className: "form-control", children: h.value || "-" })
-  ] }) : /* @__PURE__ */ f("div", { className: `form-group ${w ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ t("span", { className: "form-control", children: b.value || "-" })
+  ] }) : /* @__PURE__ */ h("div", { className: `form-group ${f ? "hidden" : ""}`, children: [
     /* @__PURE__ */ t("label", { children: r }),
-    C ? /* @__PURE__ */ t(
+    x ? /* @__PURE__ */ t(
       te,
       {
         name: e,
-        mask: C,
-        value: String(h.value ?? ""),
+        mask: x,
+        value: String(b.value ?? ""),
         unmask: !1,
-        onAccept: (s) => h.onChange(y(s)),
+        onAccept: (o) => b.onChange(w(o)),
         placeholder: n,
-        readOnly: m,
-        className: `form-control ${b ? "border-red" : ""} ${l}`,
-        inputRef: h.ref,
-        onBlur: h.onBlur
+        readOnly: u,
+        className: `form-control ${g ? "border-red" : ""} ${l}`,
+        inputRef: b.ref,
+        onBlur: b.onBlur
       }
     ) : /* @__PURE__ */ t(
       "input",
       {
-        ...h,
+        ...b,
         type: "text",
-        value: h.value ?? "",
-        onChange: (s) => h.onChange(y(s.target.value)),
+        value: b.value ?? "",
+        onChange: (o) => b.onChange(w(o.target.value)),
         placeholder: n,
-        readOnly: m,
-        className: `form-control ${b ? "border-red" : ""} ${l}`
+        readOnly: u,
+        className: `form-control ${g ? "border-red" : ""} ${l}`
       }
     ),
-    b && /* @__PURE__ */ t("p", { className: "text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const it = _(le);
+const it = I(le);
 function ce({
   name: e,
   label: r = "",
   options: n = [],
   placeholder: c = "",
-  labelKey: o = "label",
+  labelKey: s = "label",
   valueKey: l = "value",
   enableSearch: i = !1,
   searchPlaceholder: a = "Buscar...",
-  loading: g = !1,
-  onSearchChange: u,
-  debounceTime: m = 300,
-  onSelect: w,
+  loading: v = !1,
+  onSearchChange: m,
+  debounceTime: u = 300,
+  onSelect: f,
   forceReadOnly: k = !1,
-  forceHidden: N = !1
+  forceHidden: R = !1
 }) {
-  const { isReadOnly: h, isHidden: p } = j(), b = k || !!h(e), C = N || !!p(e), { control: P, clearErrors: y } = D(), { isView: s } = O(), {
-    field: { onChange: d, value: v, ref: V },
-    fieldState: { error: x }
-  } = F({
+  const { isReadOnly: b, isHidden: y } = T(), g = k || !!b(e), x = R || !!y(e), { control: P, clearErrors: w } = O(), { isView: o } = D(), {
+    field: { onChange: d, value: p, ref: V },
+    fieldState: { error: N }
+  } = _({
     name: e,
     control: P
-  }), [$, W] = T(!1), [M, Q] = T(""), E = B(null), z = B(u);
+  }), [$, M] = F(!1), [W, Q] = F(""), B = E(null), z = E(m);
   A(() => {
-    z.current = u;
-  }, [u]), A(() => {
-    const R = (H) => {
-      E.current && !E.current.contains(H.target) && W(!1);
+    z.current = m;
+  }, [m]), A(() => {
+    const C = (H) => {
+      B.current && !B.current.contains(H.target) && M(!1);
     };
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
   }, []), A(() => {
     $ || Q("");
   }, [$]), A(() => {
     if (!i) return;
-    const R = setTimeout(() => {
-      z.current && z.current(M);
-    }, m);
-    return () => clearTimeout(R);
-  }, [M, i, m]);
-  const U = I(() => i && !u && M.trim() ? n.filter(
-    (R) => String((R == null ? void 0 : R[o]) ?? "").toLowerCase().includes(M.toLowerCase())
-  ) : n ?? [], [n, i, u, M, o]), G = I(() => {
-    if (v == null) return "";
-    if (typeof v == "object")
-      return String(v[l] ?? "");
-    const R = (n || []).find(
-      (H) => String(H == null ? void 0 : H[l]) === String(v)
+    const C = setTimeout(() => {
+      z.current && z.current(W);
+    }, u);
+    return () => clearTimeout(C);
+  }, [W, i, u]);
+  const U = j(() => i && !m && W.trim() ? n.filter(
+    (C) => String((C == null ? void 0 : C[s]) ?? "").toLowerCase().includes(W.toLowerCase())
+  ) : n ?? [], [n, i, m, W, s]), G = j(() => {
+    if (p == null) return "";
+    if (typeof p == "object")
+      return String(p[l] ?? "");
+    const C = (n || []).find(
+      (H) => String(H == null ? void 0 : H[l]) === String(p)
     );
-    return String(R ? (R == null ? void 0 : R[o]) ?? "" : v);
-  }, [v, n, l, o]), Z = (R) => {
-    b || (d(R[l]), w && w(R), y(e), W(!1));
+    return String(C ? (C == null ? void 0 : C[s]) ?? "" : p);
+  }, [p, n, l, s]), Z = (C) => {
+    g || (d(C[l]), f && f(C), w(e), M(!1));
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: `select-wrapper form-group ${C ? "hidden" : ""}`,
-      ref: E,
+      className: `select-wrapper form-group ${x ? "hidden" : ""}`,
+      ref: B,
       children: [
         /* @__PURE__ */ t("label", { className: "control-label", children: r }),
-        s ? /* @__PURE__ */ t("span", { className: "form-control", children: G || "-" }) : /* @__PURE__ */ f(J, { children: [
-          /* @__PURE__ */ f(
+        o ? /* @__PURE__ */ t("span", { className: "form-control", children: G || "-" }) : /* @__PURE__ */ h(J, { children: [
+          /* @__PURE__ */ h(
             "div",
             {
-              className: `select-control ${x ? "border-red" : ""} ${b ? "readOnly" : ""}`,
-              onClick: () => !b && W((R) => !R),
+              className: `select-control ${N ? "border-red" : ""} ${g ? "readOnly" : ""}`,
+              onClick: () => !g && M((C) => !C),
               ref: V,
               children: [
-                /* @__PURE__ */ t("span", { className: `select-display ${b ? "readOnly" : ""}`, children: G || c }),
+                /* @__PURE__ */ t("span", { className: `select-display ${g ? "readOnly" : ""}`, children: G || c }),
                 /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-down select-icon" })
               ]
             }
           ),
-          $ && !b && /* @__PURE__ */ f("div", { className: "select-dropdown", children: [
+          $ && !g && /* @__PURE__ */ h("div", { className: "select-dropdown", children: [
             i && /* @__PURE__ */ t("div", { className: "select-search", children: /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
                 className: "select-search-input",
-                value: M,
-                onChange: (R) => Q(R.target.value),
-                placeholder: g ? "Carregando..." : a,
+                value: W,
+                onChange: (C) => Q(C.target.value),
+                placeholder: v ? "Carregando..." : a,
                 autoFocus: !0,
-                onClick: (R) => R.stopPropagation()
+                onClick: (C) => C.stopPropagation()
               }
             ) }),
-            /* @__PURE__ */ t("ul", { className: "select-options", children: g ? /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Carregando..." }) : U.length > 0 ? U.map((R) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t("ul", { className: "select-options", children: v ? /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Carregando..." }) : U.length > 0 ? U.map((C) => /* @__PURE__ */ t(
               "li",
               {
-                onClick: () => Z(R),
+                onClick: () => Z(C),
                 className: "select-option handleHover",
-                children: R[o]
+                children: C[s]
               },
-              R[l]
+              C[l]
             )) : /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Sem resultados" }) })
           ] })
         ] }),
-        /* @__PURE__ */ t("input", { type: "hidden", name: e, value: v || "" }),
-        x && /* @__PURE__ */ t("p", { className: "text-danger", children: String(x.message) })
+        /* @__PURE__ */ t("input", { type: "hidden", name: e, value: p || "" }),
+        N && /* @__PURE__ */ t("p", { className: "text-danger", children: String(N.message) })
       ]
     }
   );
 }
-const st = _(ce);
+const st = I(ce);
 function ot({
   name: e,
   options: r = [],
   label: n = "",
   valueKey: c = "value",
-  labelKey: o = "label",
+  labelKey: s = "label",
   forceReadOnly: l = !1,
   forceHidden: i = !1
 }) {
-  var v, V;
-  const a = D(), { isView: g, isReadOnly: u } = O(), { isReadOnly: m, isHidden: w } = j(), k = m ? m(e) : !1, N = w ? w(e) : !1, h = l || k, p = i || N, b = h || u || g;
+  var p, V;
+  const a = O(), { isView: v, isReadOnly: m } = D(), { isReadOnly: u, isHidden: f } = T(), k = u ? u(e) : !1, R = f ? f(e) : !1, b = l || k, y = i || R, g = b || m || v;
   if (!a || !e)
     return console.error("Checkbox requer contexto de formulário e nome."), null;
-  const C = () => !r || !a ? {} : r.reduce((x, $) => {
-    const W = $[c], M = a.getValues(W);
-    return x[W] = M === "on", x;
-  }, {}), P = a.watch(e), y = I(() => P && typeof P == "object" ? P : C(), [P, r, c]);
+  const x = () => !r || !a ? {} : r.reduce((N, $) => {
+    const M = $[c], W = a.getValues(M);
+    return N[M] = W === "on", N;
+  }, {}), P = a.watch(e), w = j(() => P && typeof P == "object" ? P : x(), [P, r, c]);
   A(() => {
-    const x = a.getValues(e);
-    (!x || typeof x != "object") && a.setValue(e, y, {
+    const N = a.getValues(e);
+    (!N || typeof N != "object") && a.setValue(e, w, {
       shouldDirty: !1,
       shouldValidate: !1
     });
-  }, [y, e, a]);
-  const s = (x, $) => {
-    if (b) return;
-    const W = { ...y, [x]: $ };
-    a.setValue(e, W, {
+  }, [w, e, a]);
+  const o = (N, $) => {
+    if (g) return;
+    const M = { ...w, [N]: $ };
+    a.setValue(e, M, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), a.setValue(x, $ ? "on" : "", { shouldValidate: !1 });
-  }, d = (V = (v = a.formState) == null ? void 0 : v.errors) == null ? void 0 : V[e];
-  return /* @__PURE__ */ f("div", { className: `form-group ${p ? "hidden" : ""}`, children: [
+    }), a.setValue(N, $ ? "on" : "", { shouldValidate: !1 });
+  }, d = (V = (p = a.formState) == null ? void 0 : p.errors) == null ? void 0 : V[e];
+  return /* @__PURE__ */ h("div", { className: `form-group ${y ? "hidden" : ""}`, children: [
     n && /* @__PURE__ */ t("label", { children: n }),
     /* @__PURE__ */ t(
       "div",
       {
-        className: `checkbox-group-custom ${b ? "readOnly" : ""}`,
-        children: r.map((x) => {
-          const $ = String(x[c]), W = y[$] === !0;
-          return /* @__PURE__ */ f("div", { children: [
+        className: `checkbox-group-custom ${g ? "readOnly" : ""}`,
+        children: r.map((N) => {
+          const $ = String(N[c]), M = w[$] === !0;
+          return /* @__PURE__ */ h("div", { children: [
             /* @__PURE__ */ t("input", { type: "hidden", ...a.register($) }),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ h(
               "label",
               {
-                className: `custom-checkbox ${W ? "checked" : ""} ${b ? "readOnly" : ""}`,
+                className: `custom-checkbox ${M ? "checked" : ""} ${g ? "readOnly" : ""}`,
                 children: [
                   /* @__PURE__ */ t(
                     "input",
                     {
                       type: "checkbox",
-                      checked: W,
-                      disabled: b,
-                      onChange: (M) => s($, M.target.checked)
+                      checked: M,
+                      disabled: g,
+                      onChange: (W) => o($, W.target.checked)
                     }
                   ),
                   /* @__PURE__ */ t("span", { className: "checkmark" }),
-                  /* @__PURE__ */ t("span", { children: x[o] })
+                  /* @__PURE__ */ t("span", { children: N[s] })
                 ]
               }
             )
@@ -246,38 +246,38 @@ function de({
   label: r = "",
   options: n = [],
   valueKey: c = "value",
-  labelKey: o = "label",
+  labelKey: s = "label",
   iconKey: l = "icon",
   forceReadOnly: i = !1,
   forceHidden: a = !1
 }) {
-  const { isReadOnly: g, isHidden: u } = j(), m = i || !!g(e), w = a || !!u(e), { control: k } = D(), { isView: N, isReadOnly: h } = O(), {
-    field: p,
-    fieldState: { error: b }
-  } = F({
+  const { isReadOnly: v, isHidden: m } = T(), u = i || !!v(e), f = a || !!m(e), { control: k } = O(), { isView: R, isReadOnly: b } = D(), {
+    field: y,
+    fieldState: { error: g }
+  } = _({
     name: e,
     control: k
-  }), C = m || h || N, P = p.value ?? "", y = S(
-    (s) => {
-      C || p.onChange(s);
+  }), x = u || b || R, P = y.value ?? "", w = S(
+    (o) => {
+      x || y.onChange(o);
     },
-    [C, p]
+    [x, y]
   );
-  return /* @__PURE__ */ f("div", { className: `form-group column ${w ? "hidden" : ""}`, children: [
+  return /* @__PURE__ */ h("div", { className: `form-group column ${f ? "hidden" : ""}`, children: [
     r && /* @__PURE__ */ t("label", { className: "control-label", children: r }),
     /* @__PURE__ */ t(
       "div",
       {
-        className: `btn-group ${C ? "view-mode" : ""}`,
+        className: `btn-group ${x ? "view-mode" : ""}`,
         "data-field-name": e,
-        children: n.map((s) => {
-          const d = s[c], v = P === d, V = s.color ? { "--customColor": s.color } : void 0;
-          return /* @__PURE__ */ f(
+        children: n.map((o) => {
+          const d = o[c], p = P === d, V = o.color ? { "--customColor": o.color } : void 0;
+          return /* @__PURE__ */ h(
             "label",
             {
               htmlFor: `${e}_${d}`,
               style: V,
-              className: `btn fs-ellipsis ${v ? "active" : ""}`,
+              className: `btn fs-ellipsis ${p ? "active" : ""}`,
               children: [
                 /* @__PURE__ */ t(
                   "input",
@@ -286,15 +286,15 @@ function de({
                     id: `${e}_${d}`,
                     name: e,
                     value: d,
-                    checked: v,
+                    checked: p,
                     className: "hidden",
-                    onChange: () => y(d),
-                    disabled: C
+                    onChange: () => w(d),
+                    disabled: x
                   }
                 ),
-                s[l] && /* @__PURE__ */ t("i", { className: `${s[l]} icon-sm` }),
+                o[l] && /* @__PURE__ */ t("i", { className: `${o[l]} icon-sm` }),
                 " ",
-                s[o]
+                o[s]
               ]
             },
             d
@@ -302,46 +302,46 @@ function de({
         })
       }
     ),
-    b && /* @__PURE__ */ t("p", { className: "text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const lt = _(de), ue = ({
+const lt = I(de), ue = ({
   name: e,
   label: r = "",
   placeholder: n = "",
   className: c = "",
-  rows: o = 4,
+  rows: s = 4,
   maxLength: l,
   forceReadOnly: i = !1,
   forceHidden: a = !1
 }) => {
-  const { isReadOnly: g, isHidden: u } = j(), m = i || !!g(e), w = a || !!u(e), { control: k } = D(), { isView: N } = O(), {
-    field: h,
-    fieldState: { error: p }
-  } = F({
+  const { isReadOnly: v, isHidden: m } = T(), u = i || !!v(e), f = a || !!m(e), { control: k } = O(), { isView: R } = D(), {
+    field: b,
+    fieldState: { error: y }
+  } = _({
     name: e,
     control: k
   });
-  return N ? /* @__PURE__ */ f("div", { className: `form-group ${w ? "hidden" : ""}`, children: [
+  return R ? /* @__PURE__ */ h("div", { className: `form-group ${f ? "hidden" : ""}`, children: [
     /* @__PURE__ */ t("label", { children: r }),
-    /* @__PURE__ */ t("span", { className: "form-control", children: h.value || "-" })
-  ] }) : /* @__PURE__ */ f("div", { className: `form-group ${w ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ t("span", { className: "form-control", children: b.value || "-" })
+  ] }) : /* @__PURE__ */ h("div", { className: `form-group ${f ? "hidden" : ""}`, children: [
     /* @__PURE__ */ t("label", { children: r }),
     /* @__PURE__ */ t(
       "textarea",
       {
-        ...h,
-        rows: o,
+        ...b,
+        rows: s,
         maxLength: l,
-        value: h.value || "",
+        value: b.value || "",
         placeholder: n,
-        readOnly: m,
-        className: `form-control ${p ? "border-red" : ""} ${c}`
+        readOnly: u,
+        className: `form-control ${y ? "border-red" : ""} ${c}`
       }
     ),
-    p && /* @__PURE__ */ t("p", { className: "text-danger", children: String(p.message) })
+    y && /* @__PURE__ */ t("p", { className: "text-danger", children: String(y.message) })
   ] });
-}, ct = _(ue);
+}, ct = I(ue);
 function X(e) {
   return (r = {}) => {
     const n = r.width ? String(r.width) : e.defaultWidth;
@@ -351,34 +351,34 @@ function X(e) {
 function q(e) {
   return (r, n) => {
     const c = n != null && n.context ? String(n.context) : "standalone";
-    let o;
+    let s;
     if (c === "formatting" && e.formattingValues) {
       const i = e.defaultFormattingWidth || e.defaultWidth, a = n != null && n.width ? String(n.width) : i;
-      o = e.formattingValues[a] || e.formattingValues[i];
+      s = e.formattingValues[a] || e.formattingValues[i];
     } else {
       const i = e.defaultWidth, a = n != null && n.width ? String(n.width) : e.defaultWidth;
-      o = e.values[a] || e.values[i];
+      s = e.values[a] || e.values[i];
     }
     const l = e.argumentCallback ? e.argumentCallback(r) : r;
-    return o[l];
+    return s[l];
   };
 }
 function L(e) {
   return (r, n = {}) => {
-    const c = n.width, o = c && e.matchPatterns[c] || e.matchPatterns[e.defaultMatchWidth], l = r.match(o);
+    const c = n.width, s = c && e.matchPatterns[c] || e.matchPatterns[e.defaultMatchWidth], l = r.match(s);
     if (!l)
       return null;
-    const i = l[0], a = c && e.parsePatterns[c] || e.parsePatterns[e.defaultParseWidth], g = Array.isArray(a) ? he(a, (w) => w.test(i)) : (
+    const i = l[0], a = c && e.parsePatterns[c] || e.parsePatterns[e.defaultParseWidth], v = Array.isArray(a) ? he(a, (f) => f.test(i)) : (
       // [TODO] -- I challenge you to fix the type
-      me(a, (w) => w.test(i))
+      me(a, (f) => f.test(i))
     );
-    let u;
-    u = e.valueCallback ? e.valueCallback(g) : g, u = n.valueCallback ? (
+    let m;
+    m = e.valueCallback ? e.valueCallback(v) : v, m = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(u)
-    ) : u;
-    const m = r.slice(i.length);
-    return { value: u, rest: m };
+      n.valueCallback(m)
+    ) : m;
+    const u = r.slice(i.length);
+    return { value: m, rest: u };
   };
 }
 function me(e, r) {
@@ -395,11 +395,11 @@ function fe(e) {
   return (r, n = {}) => {
     const c = r.match(e.matchPattern);
     if (!c) return null;
-    const o = c[0], l = r.match(e.parsePattern);
+    const s = c[0], l = r.match(e.parsePattern);
     if (!l) return null;
     let i = e.valueCallback ? e.valueCallback(l[0]) : l[0];
     i = n.valueCallback ? n.valueCallback(i) : i;
-    const a = r.slice(o.length);
+    const a = r.slice(s.length);
     return { value: i, rest: a };
   };
 }
@@ -467,14 +467,14 @@ const ge = {
   }
 }, pe = (e, r, n) => {
   let c;
-  const o = ge[e];
-  return typeof o == "string" ? c = o : r === 1 ? c = o.one : c = o.other.replace("{{count}}", String(r)), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "em " + c : "há " + c : c;
-}, be = {
+  const s = ge[e];
+  return typeof s == "string" ? c = s : r === 1 ? c = s.one : c = s.other.replace("{{count}}", String(r)), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "em " + c : "há " + c : c;
+}, ve = {
   full: "EEEE, d 'de' MMMM 'de' y",
   long: "d 'de' MMMM 'de' y",
   medium: "d MMM y",
   short: "dd/MM/yyyy"
-}, ve = {
+}, be = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
@@ -486,11 +486,11 @@ const ge = {
   short: "{{date}}, {{time}}"
 }, we = {
   date: X({
-    formats: be,
+    formats: ve,
     defaultWidth: "full"
   }),
   time: X({
-    formats: ve,
+    formats: be,
     defaultWidth: "full"
   }),
   dateTime: X({
@@ -507,14 +507,14 @@ const ge = {
   tomorrow: "'amanhã às' p",
   nextWeek: "eeee 'às' p",
   other: "P"
-}, xe = (e, r, n, c) => {
-  const o = Ne[e];
-  return typeof o == "function" ? o(r) : o;
-}, ke = {
+}, ke = (e, r, n, c) => {
+  const s = Ne[e];
+  return typeof s == "function" ? s(r) : s;
+}, Ce = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
   wide: ["antes de cristo", "depois de cristo"]
-}, Ce = {
+}, xe = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["T1", "T2", "T3", "T4"],
   wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
@@ -634,14 +634,14 @@ const ge = {
 }, Ve = (e, r) => {
   const n = Number(e);
   return (r == null ? void 0 : r.unit) === "week" ? n + "ª" : n + "º";
-}, We = {
+}, Me = {
   ordinalNumber: Ve,
   era: q({
-    values: ke,
+    values: Ce,
     defaultWidth: "wide"
   }),
   quarter: q({
-    values: Ce,
+    values: xe,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
@@ -659,7 +659,7 @@ const ge = {
     formattingValues: Se,
     defaultFormattingWidth: "wide"
   })
-}, Me = /^(\d+)[ºªo]?/i, Ae = /\d+/i, Oe = {
+}, We = /^(\d+)[ºªo]?/i, Ae = /\d+/i, Oe = {
   narrow: /^(ac|dc|a|d)/i,
   abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
   wide: /^(antes de cristo|depois de cristo)/i
@@ -670,13 +670,13 @@ const ge = {
   narrow: /^[1234]/i,
   abbreviated: /^T[1234]/i,
   wide: /^[1234](º)? trimestre/i
-}, Ie = {
+}, Fe = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, _e = {
+}, Ie = {
   narrow: /^[jfmajsond]/i,
   abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
   wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i
-}, Fe = {
+}, _e = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -728,9 +728,9 @@ const ge = {
     evening: /tarde/i,
     night: /noite/i
   }
-}, Be = {
+}, Ee = {
   ordinalNumber: fe({
-    matchPattern: Me,
+    matchPattern: We,
     parsePattern: Ae,
     valueCallback: (e) => parseInt(e, 10)
   }),
@@ -743,14 +743,14 @@ const ge = {
   quarter: L({
     matchPatterns: je,
     defaultMatchWidth: "wide",
-    parsePatterns: Ie,
+    parsePatterns: Fe,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
   month: L({
-    matchPatterns: _e,
+    matchPatterns: Ie,
     defaultMatchWidth: "wide",
-    parsePatterns: Fe,
+    parsePatterns: _e,
     defaultParseWidth: "any"
   }),
   day: L({
@@ -765,32 +765,32 @@ const ge = {
     parsePatterns: Le,
     defaultParseWidth: "any"
   })
-}, Ee = {
+}, Be = {
   code: "pt-BR",
   formatDistance: pe,
   formatLong: we,
-  formatRelative: xe,
-  localize: We,
-  match: Be,
+  formatRelative: ke,
+  localize: Me,
+  match: Ee,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-ae("pt-BR", Ee);
+ae("pt-BR", Be);
 const Y = "dd/MM/yyyy", ze = (e) => {
   if (!e) return null;
   const r = re(e, Y, /* @__PURE__ */ new Date());
   return ie(r) ? r : null;
 }, Xe = (e) => e ? se(e, Y) : "", Je = K(
-  ({ shimRef: e, className: r, name: n, ...c }, o) => /* @__PURE__ */ t(
+  ({ shimRef: e, className: r, name: n, ...c }, s) => /* @__PURE__ */ t(
     "input",
     {
       name: n,
       ...c,
       className: r,
       ref: (l) => {
-        typeof o == "function" ? o(l) : o && (o.current = l), e && e(l);
+        typeof s == "function" ? s(l) : s && (s.current = l), e && e(l);
       }
     }
   )
@@ -799,117 +799,117 @@ const Y = "dd/MM/yyyy", ze = (e) => {
   label: r = "",
   placeholder: n = "dd/mm/aaaa",
   className: c = "",
-  forceReadOnly: o = !1,
+  forceReadOnly: s = !1,
   forceHidden: l = !1
 }) => {
-  const { control: i } = D(), { isView: a } = O(), { isReadOnly: g, isHidden: u } = j(), m = o || !!g(e), w = l || !!u(e), {
-    field: { onChange: k, onBlur: N, value: h, ref: p },
-    fieldState: { error: b }
-  } = F({
+  const { control: i } = O(), { isView: a } = D(), { isReadOnly: v, isHidden: m } = T(), u = s || !!v(e), f = l || !!m(e), {
+    field: { onChange: k, onBlur: R, value: b, ref: y },
+    fieldState: { error: g }
+  } = _({
     name: e,
     control: i
-  }), C = I(() => ze(h), [h]), P = S(
-    (s) => {
-      k(s ? Xe(s) : "");
+  }), x = j(() => ze(b), [b]), P = S(
+    (o) => {
+      k(o ? Xe(o) : "");
     },
     [k]
-  ), y = S(
-    (s) => {
-      var d, v;
-      if (p(s), s && ((v = (d = i._fields) == null ? void 0 : d[e]) != null && v._f)) {
+  ), w = S(
+    (o) => {
+      var d, p;
+      if (y(o), o && ((p = (d = i._fields) == null ? void 0 : d[e]) != null && p._f)) {
         const V = i._fields[e];
         V._f.ref = {
           focus: () => {
-            var x;
-            return (x = s.focus) == null ? void 0 : x.call(s);
+            var N;
+            return (N = o.focus) == null ? void 0 : N.call(o);
           },
           select: () => {
-            var x;
-            return (x = s.select) == null ? void 0 : x.call(s);
+            var N;
+            return (N = o.select) == null ? void 0 : N.call(o);
           },
-          setCustomValidity: (x) => {
+          setCustomValidity: (N) => {
             var $;
-            return ($ = s.setCustomValidity) == null ? void 0 : $.call(s, x);
+            return ($ = o.setCustomValidity) == null ? void 0 : $.call(o, N);
           },
           reportValidity: () => {
-            var x;
-            return (x = s.reportValidity) == null ? void 0 : x.call(s);
+            var N;
+            return (N = o.reportValidity) == null ? void 0 : N.call(o);
           }
         };
       }
     },
-    [p, i, e]
+    [y, i, e]
   );
-  return w ? null : a ? /* @__PURE__ */ f("div", { className: "form-group", children: [
+  return f ? null : a ? /* @__PURE__ */ h("div", { className: "form-group", children: [
     /* @__PURE__ */ t("label", { children: r }),
-    /* @__PURE__ */ t("span", { className: "form-control", children: h || "-" })
-  ] }) : /* @__PURE__ */ f("div", { className: `form-group fluig-style-guide ${c}`, children: [
+    /* @__PURE__ */ t("span", { className: "form-control", children: b || "-" })
+  ] }) : /* @__PURE__ */ h("div", { className: `form-group fluig-style-guide ${c}`, children: [
     r && /* @__PURE__ */ t("label", { className: "control-label", htmlFor: e, children: r }),
-    /* @__PURE__ */ t("div", { className: `${b ? "border-red" : ""}`, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: `${g ? "border-red" : ""}`, children: /* @__PURE__ */ t(
       ne,
       {
         id: e,
         name: e,
-        selected: C,
+        selected: x,
         onChange: P,
-        onBlur: N,
+        onBlur: R,
         dateFormat: Y,
         placeholderText: n,
-        disabled: m,
-        readOnly: m,
+        disabled: u,
+        readOnly: u,
         locale: "pt-BR",
-        className: `form-control ${b ? "border-red" : ""}`,
+        className: `form-control ${g ? "border-red" : ""}`,
         wrapperClassName: "w-100",
         showMonthDropdown: !0,
         showYearDropdown: !0,
         dropdownMode: "select",
-        isClearable: !m && !!h,
+        isClearable: !u && !!b,
         autoComplete: "off",
-        customInput: /* @__PURE__ */ t(Je, { name: e, shimRef: y })
+        customInput: /* @__PURE__ */ t(Je, { name: e, shimRef: w })
       }
     ) }),
-    b && /* @__PURE__ */ t("span", { className: "help-block text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("span", { className: "help-block text-danger", children: String(g.message) })
   ] });
-}, dt = _(Ye);
+}, dt = I(Ye);
 function Qe({
   mapping: e = {},
   defaultLabel: r = "Não reconhecido",
   className: n = "",
   hidden: c = !1,
-  label: o
+  label: s
 }) {
-  const { activityId: l } = O(), i = I(() => !e || l === null || l === void 0 ? null : e[l], [l, e]);
+  const { activityId: l } = D(), i = j(() => !e || l === null || l === void 0 ? null : e[l], [l, e]);
   if (!i)
-    return /* @__PURE__ */ f("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
-      o && /* @__PURE__ */ t("label", { children: o }),
+    return /* @__PURE__ */ h("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
+      s && /* @__PURE__ */ t("label", { children: s }),
       /* @__PURE__ */ t("div", { className: `status-badge default ${n}`, children: r })
     ] });
   const a = {
     "--customColor": i.color
   };
-  return /* @__PURE__ */ f("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
-    o && /* @__PURE__ */ t("label", { children: o }),
-    /* @__PURE__ */ f("div", { className: `status-badge ${n}`, style: a, children: [
+  return /* @__PURE__ */ h("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
+    s && /* @__PURE__ */ t("label", { children: s }),
+    /* @__PURE__ */ h("div", { className: `status-badge ${n}`, style: a, children: [
       i.icon && /* @__PURE__ */ t("i", { className: i.icon }),
       /* @__PURE__ */ t("span", { children: i.label })
     ] })
   ] });
 }
-const ut = _(Qe);
+const ut = I(Qe);
 function Ue({
   name: e,
   control: r,
   defaultRowValue: n,
   isView: c,
-  isReadOnly: o,
+  isReadOnly: s,
   filters: l = []
 }) {
-  const { field: i } = F({ name: e, control: r }), [a, g] = T([]), [u, m] = T([]), w = () => Date.now() + Math.random(), k = (s) => {
+  const { field: i } = _({ name: e, control: r }), [a, v] = F([]), [m, u] = F([]), f = () => Date.now() + Math.random(), k = (o) => {
     try {
-      const d = JSON.parse(s);
-      return Array.isArray(d) ? d.map((v) => ({
-        ...v,
-        _uid: v._uid || w()
+      const d = JSON.parse(o);
+      return Array.isArray(d) ? d.map((p) => ({
+        ...p,
+        _uid: p._uid || f()
       })) : [];
     } catch (d) {
       return console.error(`Erro ao ler dados da tabela "${e}":`, d), [];
@@ -917,59 +917,59 @@ function Ue({
   };
   A(() => {
     if (!(a.length > 0 && !c) && i.value && typeof i.value == "string") {
-      const s = JSON.stringify(a);
-      if (i.value === s) return;
+      const o = JSON.stringify(a);
+      if (i.value === o) return;
       const d = k(i.value);
-      g(d);
+      v(d);
     }
   }, [i.value, c]), A(() => {
-    if (o) return;
-    const s = JSON.stringify(a);
-    i.value !== s && i.onChange(s);
-  }, [a, i, o]);
-  const N = S(() => {
-    const s = { _uid: w(), ...n };
-    g((d) => [...d, s]);
-  }, [n]), h = S(() => {
-    g(
-      (s) => s.filter((d) => !u.includes(d._uid))
-    ), m([]);
-  }, [u]), p = S(
-    (s, d, v) => {
-      g(
+    if (s) return;
+    const o = JSON.stringify(a);
+    i.value !== o && i.onChange(o);
+  }, [a, i, s]);
+  const R = S(() => {
+    const o = { _uid: f(), ...n };
+    v((d) => [...d, o]);
+  }, [n]), b = S(() => {
+    v(
+      (o) => o.filter((d) => !m.includes(d._uid))
+    ), u([]);
+  }, [m]), y = S(
+    (o, d, p) => {
+      v(
         (V) => V.map(
-          (x) => x._uid === s ? { ...x, [d]: v } : x
+          (N) => N._uid === o ? { ...N, [d]: p } : N
         )
       );
     },
     []
-  ), b = S((s) => {
-    m(
-      (d) => d.includes(s) ? d.filter((v) => v !== s) : [...d, s]
+  ), g = S((o) => {
+    u(
+      (d) => d.includes(o) ? d.filter((p) => p !== o) : [...d, o]
     );
-  }, []), C = S(
-    (s) => {
-      m(s ? a.map((d) => d._uid) : []);
+  }, []), x = S(
+    (o) => {
+      u(o ? a.map((d) => d._uid) : []);
     },
     [a]
-  ), P = a.length > 0 && u.length === a.length, y = I(() => !l || l.length === 0 ? a : a.filter(
-    (s) => l.every((d) => {
+  ), P = a.length > 0 && m.length === a.length, w = j(() => !l || l.length === 0 ? a : a.filter(
+    (o) => l.every((d) => {
       if ("custom" in d)
-        return d.custom(s);
-      const v = s[d.field];
+        return d.custom(o);
+      const p = o[d.field];
       switch (d.operator) {
         case "===":
-          return v === d.value;
+          return p === d.value;
         case "!==":
-          return v !== d.value;
+          return p !== d.value;
         case ">":
-          return v > d.value;
+          return p > d.value;
         case "<":
-          return v < d.value;
+          return p < d.value;
         case ">=":
-          return v >= d.value;
+          return p >= d.value;
         case "<=":
-          return v <= d.value;
+          return p <= d.value;
         default:
           return !0;
       }
@@ -978,15 +978,15 @@ function Ue({
   return {
     field: i,
     tableRows: a,
-    visibleRows: y,
-    selectedRowIds: u,
+    visibleRows: w,
+    selectedRowIds: m,
     isAllSelected: P,
     handle: {
-      addRow: N,
-      removeRows: h,
-      updateCellValue: p,
-      toggleSelection: b,
-      toggleSelectAll: C
+      addRow: R,
+      removeRows: b,
+      updateCellValue: y,
+      toggleSelection: g,
+      toggleSelectAll: x
     }
   };
 }
@@ -995,240 +995,190 @@ const mt = ({
   title: r = "Tabela Dinâmica",
   columns: n,
   defaultRowValue: c = {},
-  forceReadOnly: o = !1,
+  forceReadOnly: s = !1,
   layout: l = "fluid",
   actions: i = !0,
   filters: a = []
 }) => {
-  const { control: g } = D(), { isView: u, isReadOnly: m } = O(), { isReadOnly: w } = j(), k = o || u || m || w && w(e), { field: N, visibleRows: h, selectedRowIds: p, isAllSelected: b, handle: C } = Ue({
+  const { control: v } = O(), { isView: m, isReadOnly: u } = D(), { isReadOnly: f } = T(), k = s || m || u || f && f(e), { field: R, visibleRows: b, selectedRowIds: y, isAllSelected: g, handle: x } = Ue({
     name: e,
-    control: g,
+    control: v,
     defaultRowValue: c,
-    isView: u,
+    isView: m,
     isReadOnly: !!k,
     filters: a
   }), P = l === "fixed";
-  return /* @__PURE__ */ f("div", { className: `table-wrapper ${P ? "table-fixed" : "table-fluid"}`, children: [
-    /* @__PURE__ */ t("input", { type: "hidden", ...N }),
-    /* @__PURE__ */ f("div", { className: "header-handle", children: [
+  return /* @__PURE__ */ h("div", { className: `table-wrapper ${P ? "table-fixed" : "table-fluid"}`, children: [
+    /* @__PURE__ */ t("input", { type: "hidden", ...R }),
+    /* @__PURE__ */ h("div", { className: "header-handle", children: [
       /* @__PURE__ */ t("h3", { children: r }),
-      !k && i && /* @__PURE__ */ f("div", { className: "handle-actions", children: [
-        /* @__PURE__ */ f(
+      !k && i && /* @__PURE__ */ h("div", { className: "handle-actions", children: [
+        /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            className: `btn ${p.length > 0 ? "btn-danger" : ""}`,
-            disabled: p.length === 0,
-            onClick: C.removeRows,
+            className: `btn ${y.length > 0 ? "btn-danger" : ""}`,
+            disabled: y.length === 0,
+            onClick: x.removeRows,
             children: [
               "Remover (",
-              p.length,
+              y.length,
               ")"
             ]
           }
         ),
-        /* @__PURE__ */ t("button", { type: "button", className: "btn-add", onClick: C.addRow, children: "Adicionar" })
+        /* @__PURE__ */ t("button", { type: "button", className: "btn-add", onClick: x.addRow, children: "Adicionar" })
       ] })
     ] }),
-    /* @__PURE__ */ t("div", { className: "table-scroll", children: /* @__PURE__ */ f("table", { className: "table-custom", children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ f("tr", { children: [
+    /* @__PURE__ */ t("div", { className: "table-scroll", children: /* @__PURE__ */ h("table", { className: "table-custom", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ h("tr", { children: [
         !k && /* @__PURE__ */ t("th", { style: { width: "50px" }, children: /* @__PURE__ */ t(
           "input",
           {
             type: "checkbox",
-            checked: b,
-            onChange: (y) => C.toggleSelectAll(y.target.checked)
+            checked: g,
+            onChange: (w) => x.toggleSelectAll(w.target.checked)
           }
         ) }),
-        n.map((y) => /* @__PURE__ */ t(
+        n.map((w) => /* @__PURE__ */ t(
           "th",
           {
-            style: y.width ? { minWidth: P ? y.width : "100%" } : { width: "max-content" },
-            children: y.label
+            style: w.width ? { minWidth: P ? w.width : "100%" } : { width: "max-content" },
+            children: w.label
           },
-          y.key
+          w.key
         ))
       ] }) }),
-      /* @__PURE__ */ f("tbody", { children: [
-        h.map((y, s) => /* @__PURE__ */ f("tr", { children: [
+      /* @__PURE__ */ h("tbody", { children: [
+        b.map((w, o) => /* @__PURE__ */ h("tr", { children: [
           !k && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
             "input",
             {
               type: "checkbox",
-              checked: p.includes(y._uid),
-              onChange: () => C.toggleSelection(y._uid)
+              checked: y.includes(w._uid),
+              onChange: () => x.toggleSelection(w._uid)
             }
           ) }),
           n.map((d) => /* @__PURE__ */ t("td", { children: d.render ? d.render.length <= 1 ? d.render({
-            row: y,
-            index: s,
-            updateRow: (v, V) => C.updateCellValue(y._uid, v, V),
+            row: w,
+            index: o,
+            updateRow: (p, V) => x.updateCellValue(w._uid, p, V),
             isLocked: !!k,
-            isView: !!u
+            isView: !!m
           }) : d.render(
-            y,
-            s,
-            (v, V) => C.updateCellValue(y._uid, v, V),
+            w,
+            o,
+            (p, V) => x.updateCellValue(w._uid, p, V),
             !!k,
-            !!u
-          ) : y[d.key] }, `${y._uid}-${d.key}`))
-        ] }, y._uid)),
-        h.length === 0 && /* @__PURE__ */ t("tr", { className: "empty-row", children: /* @__PURE__ */ t("td", { colSpan: 100, className: "text-center", children: k ? "Nenhum registro encontrado." : "Nenhum registro." }) })
+            !!m
+          ) : w[d.key] }, `${w._uid}-${d.key}`))
+        ] }, w._uid)),
+        b.length === 0 && /* @__PURE__ */ t("tr", { className: "empty-row", children: /* @__PURE__ */ t("td", { colSpan: 100, className: "text-center", children: k ? "Nenhum registro encontrado." : "Nenhum registro." }) })
       ] })
     ] }) })
   ] });
-}, Ge = ({
-  name: e,
-  label: r,
-  help: n,
-  className: c = "",
-  forceReadOnly: o = !1
-}) => {
-  const { isReadOnly: l } = j(), { isView: i } = O(), { control: a } = D(), { field: g } = F({ name: e, control: a }), u = !!g.value, m = o || !!l(e) || i;
-  A(() => {
-    const N = () => {
-      var p;
-      const h = window.parent;
-      if ((p = h.WKFViewAttachment) != null && p.getAllAttachments) {
-        const C = h.WKFViewAttachment.getAllAttachments().find(
-          (P) => {
-            var y;
-            return P.description.includes(e) || ((y = P.documentDescription) == null ? void 0 : y.includes(e));
-          }
-        );
-        C && g.onChange(C.description);
-      }
-    };
-    return window.addEventListener("fluig_attachments_updated", N), N(), () => window.removeEventListener("fluig_attachments_updated", N);
-  }, [e, g]);
-  const w = S(() => {
-    if (m) return;
-    const N = window.parent;
-    if (N.JSInterface && N.JSInterface.showCamera)
-      N.JSInterface.showCamera(`anexo_${e}`);
-    else {
-      const h = N.$("#btnInputAttachment") || N.$("[data-attachment-upload]");
-      h.length ? h.click() : alert("Botão de anexo nativo não localizado.");
-    }
-  }, [e, m]), k = S(() => {
-    if (!u) return;
-    const h = window.parent.WKFViewAttachment;
-    if (h != null && h.getAllAttachments) {
-      const p = h.getAllAttachments().find((b) => b.description.includes(e));
-      p ? h.openAttachmentView(
-        p.colleagueId,
-        p.documentId,
-        p.version || "1000"
-      ) : alert("O anexo ainda não foi processado pelo servidor.");
+}, Ge = ({ name: e, label: r, help: n }) => {
+  const { control: c } = O(), { field: s } = _({ name: e, control: c }), [l, i] = F(null), a = S(() => {
+    const f = (window.top || window.parent || window).WKFViewAttachment;
+    if (f && f.getAllAttachments) {
+      const k = f.getAllAttachments(), R = n || e, b = k.find(
+        (y) => {
+          var g;
+          return y.description === R || y.documentDescription === R || ((g = y.description) == null ? void 0 : g.includes(e));
+        }
+      );
+      b ? (i(b), s.value !== b.description && s.onChange(b.description)) : i(null);
     }
-  }, [e, u]);
-  return /* @__PURE__ */ f("div", { className: `form-group ${c}`, style: { marginBottom: "15px" }, children: [
-    r && /* @__PURE__ */ t("label", { style: { fontWeight: "bold", display: "block" }, children: r }),
-    /* @__PURE__ */ f(
-      "div",
+  }, [e, n, s]);
+  A(() => (window.addEventListener("fluig_attachments_changed", a), a(), () => window.removeEventListener("fluig_attachments_changed", a)), [a]);
+  const v = S(() => {
+    const u = window.top || window.parent || window, f = n || e;
+    l ? (u.WKFViewAttachment.userCanView(l) || u.WKFViewAttachment.checkPermission("R")) && u.WKFViewAttachment.openAttachmentView(
+      l.colleagueId,
+      l.documentId,
+      l.version
+    ) : u.JSInterface && u.JSInterface.showCamera ? u.JSInterface.showCamera(f) : u.openInputFile ? u.openInputFile("ecm-navigation-inputFile-clone", f) : window.parent.$("#btnInputAttachment").click();
+  }, [l, e, n]), m = !!l || !!s.value;
+  return /* @__PURE__ */ h("div", { className: "form-group", style: { marginBottom: "15px" }, children: [
+    r && /* @__PURE__ */ t("label", { className: "control-label", children: r }),
+    /* @__PURE__ */ h(
+      "button",
       {
-        className: "attachment-container",
+        type: "button",
+        onClick: v,
+        className: "btn btn-block",
         style: {
+          textAlign: "left",
           display: "flex",
           alignItems: "center",
-          border: "1px solid #ddd",
-          borderRadius: "4px",
-          padding: "8px 12px",
-          backgroundColor: m ? "#f5f5f5" : "#fff",
-          minHeight: "45px"
+          gap: "10px",
+          padding: "10px",
+          backgroundColor: m ? "#f8fff9" : "#fff",
+          border: m ? "1px solid #27ae60" : "1px dashed #ccc",
+          color: m ? "#27ae60" : "#333",
+          transition: "all 0.2s"
         },
         children: [
-          /* @__PURE__ */ f(
-            "div",
+          /* @__PURE__ */ t(
+            "i",
             {
-              style: {
-                flex: 1,
-                display: "flex",
-                alignItems: "center",
-                gap: "10px"
-              },
-              children: [
-                /* @__PURE__ */ t(
-                  "i",
-                  {
-                    className: `fluigicon ${u ? "fluigicon-file-pdf" : "fluigicon-paperclip"} icon-sm`
-                  }
-                ),
-                /* @__PURE__ */ t("span", { style: { fontSize: "13px", color: u ? "#333" : "#999" }, children: u ? g.value : n || "Nenhum arquivo anexado" })
-              ]
+              className: `fluigicon ${m ? "fluigicon-check-circle-on" : "fluigicon-paperclip"} icon-sm`
             }
           ),
-          !m && !u && /* @__PURE__ */ t(
-            "button",
+          /* @__PURE__ */ t(
+            "span",
             {
-              type: "button",
-              className: "btn btn-info btn-sm",
-              onClick: w,
-              children: "Anexar"
+              style: {
+                flex: 1,
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis"
+              },
+              children: m ? s.value : `Anexar ${n || ""}`
             }
           ),
-          u && /* @__PURE__ */ f("div", { style: { display: "flex", gap: "5px" }, children: [
-            /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                className: "btn btn-primary btn-sm",
-                onClick: k,
-                children: "Visualizar"
-              }
-            ),
-            !m && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                className: "btn btn-danger btn-sm",
-                onClick: () => g.onChange(""),
-                title: "Remover anexo do campo",
-                children: /* @__PURE__ */ t("i", { className: "fluigicon fluigicon-trash icon-xs" })
-              }
-            )
-          ] })
+          m && /* @__PURE__ */ t("i", { className: "fluigicon fluigicon-eye-open" })
         ]
       }
     ),
-    /* @__PURE__ */ t("input", { type: "hidden", name: e, value: g.value || "" })
+    /* @__PURE__ */ t("input", { type: "hidden", name: e, value: s.value || "" })
   ] });
-}, ht = _(Ge);
+}, ht = I(Ge);
 function ft({
   items: e,
   time: r = 0,
   showNavigation: n = !0,
   progressBar: c = !0
 }) {
-  const [o, l] = T(0), [i, a] = T(0), g = B(null), u = B(null), m = S(() => {
-    l((p) => (p + 1) % e.length), a(0);
-  }, [e.length]), w = S(() => {
-    l((p) => (p - 1 + e.length) % e.length), a(0);
+  const [s, l] = F(0), [i, a] = F(0), v = E(null), m = E(null), u = S(() => {
+    l((y) => (y + 1) % e.length), a(0);
+  }, [e.length]), f = S(() => {
+    l((y) => (y - 1 + e.length) % e.length), a(0);
   }, [e.length]);
   if (A(() => {
     if (r > 0 && e.length > 1) {
-      const b = 100 / r * 100;
-      g.current = setInterval(m, r), u.current = setInterval(() => {
-        a((C) => C >= 100 ? 0 : C + b);
+      const g = 100 / r * 100;
+      v.current = setInterval(u, r), m.current = setInterval(() => {
+        a((x) => x >= 100 ? 0 : x + g);
       }, 100);
     }
     return () => {
-      g.current && clearInterval(g.current), u.current && clearInterval(u.current);
+      v.current && clearInterval(v.current), m.current && clearInterval(m.current);
     };
-  }, [r, m, e.length, o]), !e || e.length === 0) return null;
-  const k = e[o], N = typeof k == "string" ? k : k.url, h = /\.(jpg|jpeg|png|gif|webp)$/i.test(N);
-  return /* @__PURE__ */ f("div", { className: "carousel-root", children: [
-    /* @__PURE__ */ f("div", { className: "carousel-viewport", children: [
-      n && e.length > 1 && /* @__PURE__ */ f(J, { children: [
-        /* @__PURE__ */ t("button", { className: "nav-btn prev", onClick: w, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-left" }) }),
-        /* @__PURE__ */ t("button", { className: "nav-btn next", onClick: m, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-right" }) })
+  }, [r, u, e.length, s]), !e || e.length === 0) return null;
+  const k = e[s], R = typeof k == "string" ? k : k.url, b = /\.(jpg|jpeg|png|gif|webp)$/i.test(R);
+  return /* @__PURE__ */ h("div", { className: "carousel-root", children: [
+    /* @__PURE__ */ h("div", { className: "carousel-viewport", children: [
+      n && e.length > 1 && /* @__PURE__ */ h(J, { children: [
+        /* @__PURE__ */ t("button", { className: "nav-btn prev", onClick: f, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-left" }) }),
+        /* @__PURE__ */ t("button", { className: "nav-btn next", onClick: u, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-right" }) })
       ] }),
-      /* @__PURE__ */ t("div", { className: "carousel-media", children: h ? /* @__PURE__ */ t("img", { src: N, alt: "Slide", className: "carousel-image" }) : /* @__PURE__ */ f("div", { className: "carousel-file-fallback", children: [
+      /* @__PURE__ */ t("div", { className: "carousel-media", children: b ? /* @__PURE__ */ t("img", { src: R, alt: "Slide", className: "carousel-image" }) : /* @__PURE__ */ h("div", { className: "carousel-file-fallback", children: [
         /* @__PURE__ */ t("i", { className: "flaticon flaticon-file icon-xl" }),
         /* @__PURE__ */ t(
           "a",
           {
-            href: N,
+            href: R,
             target: "_blank",
             rel: "noreferrer",
             className: "btn-open",
@@ -1236,15 +1186,15 @@ function ft({
           }
         )
       ] }) }),
-      e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-dots", children: e.map((p, b) => /* @__PURE__ */ t(
+      e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-dots", children: e.map((y, g) => /* @__PURE__ */ t(
         "div",
         {
-          className: `dot ${b === o ? "active" : ""}`,
+          className: `dot ${g === s ? "active" : ""}`,
           onClick: () => {
-            l(b), a(0);
+            l(g), a(0);
           }
         },
-        b
+        g
       )) })
     ] }),
     c && r > 0 && e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-progress-container", children: /* @__PURE__ */ t(
@@ -1261,13 +1211,13 @@ function gt({
   isOpen: r,
   onOpen: n,
   onClose: c,
-  content: o,
+  content: s,
   footer: l,
   width: i
 }) {
   const a = S(
-    (g) => {
-      g.key === "Escape" && c();
+    (v) => {
+      v.key === "Escape" && c();
     },
     [c]
   );
@@ -1280,14 +1230,14 @@ function gt({
       onClick: c,
       "aria-modal": "true",
       role: "dialog",
-      children: /* @__PURE__ */ f(
+      children: /* @__PURE__ */ h(
         "div",
         {
           style: { maxWidth: i },
           className: "modal-container",
-          onClick: (g) => g.stopPropagation(),
+          onClick: (v) => v.stopPropagation(),
           children: [
-            /* @__PURE__ */ f("div", { className: "modal-header", children: [
+            /* @__PURE__ */ h("div", { className: "modal-header", children: [
               /* @__PURE__ */ t("h3", { children: e }),
               /* @__PURE__ */ t(
                 "div",
@@ -1306,7 +1256,7 @@ function gt({
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: "modal-content", children: o }),
+            /* @__PURE__ */ t("div", { className: "modal-content", children: s }),
             l && /* @__PURE__ */ t("div", { className: "modal-footer", children: l })
           ]
         }
@@ -1319,24 +1269,24 @@ function pt({
   childs: r,
   footer: n,
   contentExternal: c,
-  bg: o,
+  bg: s,
   color: l,
   onSelect: i
 }) {
-  return /* @__PURE__ */ f("div", { className: "main-container dfea", children: [
-    /* @__PURE__ */ f("div", { className: "sidebar-wrapper", style: { backgroundColor: `${o}` }, children: [
+  return /* @__PURE__ */ h("div", { className: "main-container dfea", children: [
+    /* @__PURE__ */ h("div", { className: "sidebar-wrapper", style: { backgroundColor: `${s}` }, children: [
       e && /* @__PURE__ */ t("div", { className: "sidebar-logo", children: /* @__PURE__ */ t("img", { src: e, alt: "", width: "auto", height: "28px" }) }),
       /* @__PURE__ */ t("ul", { className: "sidebar-childs-content", children: r == null ? void 0 : r.map(
         (a) => {
-          var g, u;
-          return a != null && a.options && ((g = a == null ? void 0 : a.options) == null ? void 0 : g.length) > 0 ? /* @__PURE__ */ t(J, { children: /* @__PURE__ */ f("ul", { className: "sidebar-child sidebar-options-content", children: [
-            /* @__PURE__ */ f(
+          var v, m;
+          return a != null && a.options && ((v = a == null ? void 0 : a.options) == null ? void 0 : v.length) > 0 ? /* @__PURE__ */ t(J, { children: /* @__PURE__ */ h("ul", { className: "sidebar-child sidebar-options-content", children: [
+            /* @__PURE__ */ h(
               "li",
               {
                 className: "sidebar-child",
                 onClick: () => {
-                  var m;
-                  (m = a.action) == null || m.call(a), i == null || i(a.id);
+                  var u;
+                  (u = a.action) == null || u.call(a), i == null || i(a.id);
                 },
                 style: { color: `${l}` },
                 children: [
@@ -1345,25 +1295,25 @@ function pt({
                 ]
               }
             ),
-            (u = a.options) == null ? void 0 : u.map((m) => /* @__PURE__ */ t(
+            (m = a.options) == null ? void 0 : m.map((u) => /* @__PURE__ */ t(
               "li",
               {
                 className: "sidebar-option",
                 onClick: () => {
-                  var w;
-                  (w = m.action) == null || w.call(m), i == null || i(m.id);
+                  var f;
+                  (f = u.action) == null || f.call(u), i == null || i(u.id);
                 },
                 style: { color: `${l}` },
-                children: m.label
+                children: u.label
               }
             ))
-          ] }) }) : /* @__PURE__ */ f(
+          ] }) }) : /* @__PURE__ */ h(
             "li",
             {
               className: "sidebar-child",
               onClick: () => {
-                var m;
-                (m = a.action) == null || m.call(a), i == null || i(a.id);
+                var u;
+                (u = a.action) == null || u.call(a), i == null || i(a.id);
               },
               style: { color: `${l}` },
               children: [