@isettingkit/business-rules 1.0.22 → 1.0.24

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as h, Fragment as E } from "react/jsx-runtime";
+import { jsx as r, jsxs as h, Fragment as E } from "react/jsx-runtime";
 import { MdOutlineDelete as Te, MdClear as ye, MdAdd as J, MdExpandLess as Me, MdExpandMore as we, MdClose as Le, MdOutlineFilterAltOff as Ce, MdOutlineFilterAlt as De, MdChevronRight as ze, MdArrowRight as Ue } from "react-icons/md";
-import { inube as x, Stack as g, Divider as F, Icon as R, Text as w, SkeletonLine as V, useMediaQuery as H, Blanket as Se, Button as U, Grid as X, Box as Ve, Tag as q, SkeletonIcon as Be, OptionList as He, Checkpicker as je, Toggle as ke, Checkbox as _e, Date as ue } from "@inubekit/inubekit";
+import { inube as x, Stack as g, Divider as O, Icon as F, Text as w, SkeletonLine as V, useMediaQuery as H, Blanket as Se, Button as U, Grid as X, Box as Ve, Tag as q, SkeletonIcon as Be, OptionList as je, Checkpicker as He, Toggle as ke, Checkbox as _e, Date as ue } from "@inubekit/inubekit";
 import T, { keyframes as Ne, ThemeContext as qe } from "styled-components";
-import { ValueDataType as O, ValueHowToSetUp as B, DecisionConditionRender as pe } from "@isettingkit/input";
+import { ValueDataType as R, ValueHowToSetUp as B, DecisionConditionRender as pe } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as Z, DecisionViewConditionRendererNew as Q } from "@isettingkit/view";
 import { createPortal as Ee } from "react-dom";
-import W, { useState as M, useRef as K, useEffect as re, useContext as Pe } from "react";
+import W, { useState as M, useRef as Y, useEffect as oe, useContext as Pe } from "react";
 import { useFormik as Ge } from "formik";
-import { string as ie, mixed as $e, object as Y, number as ne, lazy as he, date as ge } from "yup";
+import { string as ie, mixed as $e, object as K, number as ne, lazy as he, date as ge } from "yup";
 import { Link as Qe, useLocation as We } from "react-router-dom";
-import Ke from "axios";
-import { franc as Ye } from "franc-min";
+import Ye from "axios";
+import { franc as Ke } from "franc-min";
 const Je = T.div`
   border-radius: 8px;
   border: 1px solid
@@ -47,20 +47,20 @@ T.div`
   }
 `;
 const le = (e) => {
-  const { children: n, controls: t = !0, handleDelete: a, id: r } = e;
-  return /* @__PURE__ */ o(Je, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  const { children: n, controls: t = !0, handleDelete: a, id: o } = e;
+  return /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     n,
     t && /* @__PURE__ */ h(E, { children: [
-      /* @__PURE__ */ o(F, {}),
-      /* @__PURE__ */ o(g, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ o(
-        R,
+      /* @__PURE__ */ r(O, {}),
+      /* @__PURE__ */ r(g, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ r(
+        F,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ o(Te, {}),
+          icon: /* @__PURE__ */ r(Te, {}),
           onClick: () => {
-            a(r);
+            a(o);
           }
         }
       ) })
@@ -69,17 +69,17 @@ const le = (e) => {
 }, Xe = (e) => e.value, Ze = (e) => e.value, en = (e) => e.value, nn = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), tn = (e) => e.value, an = (e) => e.value, on = (e) => e.value;
+}), tn = (e) => e.value, an = (e) => e.value, rn = (e) => e.value;
 var S = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(S || {});
-const rn = {
+const on = {
   [S.LIST_OF_VALUES]: Ze,
   [S.LIST_OF_VALUES_MULTI]: en,
   [S.RANGE]: nn,
   [S.GREATER_THAN]: tn,
   [S.LESS_THAN]: an,
-  [S.EQUAL]: on
+  [S.EQUAL]: rn
 }, P = (e) => {
-  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), a = rn[e == null ? void 0 : e.howToSetTheDecision] || Xe;
+  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), a = on[e == null ? void 0 : e.howToSetTheDecision] || Xe;
   return t && a(n) || n || void 0;
 }, be = T.div`
   & > div {
@@ -113,7 +113,7 @@ const rn = {
     conditionsAlignment: n,
     decision: t,
     decisionDateElement: a,
-    decisionMapper: r,
+    decisionMapper: o,
     loading: i,
     skeleton: u,
     terms: l,
@@ -121,18 +121,18 @@ const rn = {
     visibleConditions: s
   } = e;
   return i ? /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ o(g, { direction: "column", alignItems: "center", children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r(g, { direction: "column", alignItems: "center", children: /* @__PURE__ */ r(
       Z,
       {
-        element: r,
+        element: o,
         valueData: P(
-          r
+          o
         ),
         type: "decision"
       }
     ) }, t.ruleName),
-    /* @__PURE__ */ o(F, { dashed: !0 }),
-    /* @__PURE__ */ o(me, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ r(O, { dashed: !0 }),
+    /* @__PURE__ */ r(me, { children: /* @__PURE__ */ h(
       g,
       {
         direction: "column",
@@ -140,7 +140,7 @@ const rn = {
         justifyContent: n,
         height: "203px",
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             w,
             {
               type: "label",
@@ -151,7 +151,7 @@ const rn = {
               children: d.factsThatConditionIt
             }
           ),
-          s.map((p) => /* @__PURE__ */ o(be, { children: /* @__PURE__ */ o(g, { direction: "column", padding: "8px", children: /* @__PURE__ */ o(
+          s.map((p) => /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(g, { direction: "column", padding: "8px", children: /* @__PURE__ */ r(
             Z,
             {
               element: { ...p, value: p.value },
@@ -161,8 +161,8 @@ const rn = {
             }
           ) }) }, p.conditionName)),
           l && /* @__PURE__ */ h(E, { children: [
-            /* @__PURE__ */ o(F, { dashed: !0 }),
-            a && /* @__PURE__ */ o(
+            /* @__PURE__ */ r(O, { dashed: !0 }),
+            a && /* @__PURE__ */ r(
               Z,
               {
                 element: a.element,
@@ -177,21 +177,21 @@ const rn = {
     ) })
   ] }) : /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
     /* @__PURE__ */ h(g, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ o(V, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ o(V, { animated: !0, width: "85px" })
+      /* @__PURE__ */ r(V, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ r(V, { animated: !0, width: "85px" })
     ] }, "loading"),
     /* @__PURE__ */ h(g, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ o(F, { dashed: !0 }),
-      /* @__PURE__ */ o(V, { animated: !0, width: "150px" })
+      /* @__PURE__ */ r(O, { dashed: !0 }),
+      /* @__PURE__ */ r(V, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ o(me, { children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r(me, { children: /* @__PURE__ */ r(
       g,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: u.map((p, c) => /* @__PURE__ */ o(be, { children: /* @__PURE__ */ h(
+        children: u.map((p, c) => /* @__PURE__ */ r(be, { children: /* @__PURE__ */ h(
           g,
           {
             direction: "column",
@@ -199,8 +199,8 @@ const rn = {
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ o(V, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ o(V, { animated: !0, width: "85px" })
+              /* @__PURE__ */ r(V, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ r(V, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${c}`))
@@ -209,12 +209,12 @@ const rn = {
   ] });
 }, Ae = (e) => {
   var m;
-  const { decision: n, loading: t = !1, textValues: a } = e, r = !!(n != null && n.effectiveFrom), i = !!(n != null && n.validUntil), u = r && i ? {
+  const { decision: n, loading: t = !1, textValues: a } = e, o = !!(n != null && n.effectiveFrom), i = !!(n != null && n.validUntil), u = o && i ? {
     element: {
       labelName: a == null ? void 0 : a.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: B.RANGE,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     },
     valueData: P({
       labelName: a == null ? void 0 : a.terms,
@@ -223,20 +223,20 @@ const rn = {
         to: String(n.validUntil)
       },
       howToSetTheDecision: B.RANGE,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     })
-  } : r && !i ? {
+  } : o && !i ? {
     element: {
       labelName: a == null ? void 0 : a.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     },
     valueData: P({
       labelName: a == null ? void 0 : a.terms,
       value: String(n.effectiveFrom),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     })
   } : null, l = n ? {
     labelName: n.labelName || "",
@@ -246,7 +246,7 @@ const rn = {
   } : null, d = ((m = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : m.filter(
     (b) => !b.hidden
   )) || [], s = Array.from({ length: 5 }), p = !!(!t && n && a && l), c = d.length < 2 ? "start" : "space-between";
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     ln,
     {
       conditionsAlignment: c,
@@ -297,17 +297,17 @@ const rn = {
     border-radius: 8px;
   }
 `, Ie = (e) => {
-  const { children: n, portalId: t, onCloseModal: a, title: r } = e, i = document.getElementById(t);
+  const { children: n, portalId: t, onCloseModal: a, title: o } = e, i = document.getElementById(t);
   if (!i)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   const u = H("(max-width: 400px)");
   return Ee(
-    /* @__PURE__ */ o(dn, { smallScreen: u, children: /* @__PURE__ */ o(Se, { children: /* @__PURE__ */ o(sn, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ o(g, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(g, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ o(w, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
-        /* @__PURE__ */ o(ye, { size: "24px", cursor: "pointer", onClick: a })
+    /* @__PURE__ */ r(dn, { smallScreen: u, children: /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ r(g, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(g, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ r(w, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
+        /* @__PURE__ */ r(ye, { size: "24px", cursor: "pointer", onClick: a })
       ] }) }),
       n
     ] }) }) }) }),
@@ -393,7 +393,7 @@ const un = T.div`
   }
 `, gn = (e) => {
   const { index: n, handleOpenModal: t } = e;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     le,
     {
       id: `loading-card-${n}`,
@@ -401,22 +401,22 @@ const un = T.div`
       },
       handleView: () => t ? t() : null,
       controls: !1,
-      children: /* @__PURE__ */ o(Ae, { loading: !0 })
+      children: /* @__PURE__ */ r(Ae, { loading: !0 })
     },
     `loading-card-${n}`
   );
 }, bn = (e) => {
-  const { decision: n, controls: t, handleOpenModal: a, handleDelete: r, textValues: i } = e;
-  return n ? /* @__PURE__ */ o(de, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ o(w, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
-    /* @__PURE__ */ o(
+  const { decision: n, controls: t, handleOpenModal: a, handleDelete: o, textValues: i } = e;
+  return n ? /* @__PURE__ */ r(de, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ r(w, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
+    /* @__PURE__ */ r(
       le,
       {
         id: n.decisionId,
-        handleDelete: () => r ? r(n.decisionId) : null,
+        handleDelete: () => o ? o(n.decisionId) : null,
         handleView: () => a ? a(n) : null,
         controls: t,
-        children: /* @__PURE__ */ o(Ae, { decision: n, textValues: i })
+        children: /* @__PURE__ */ r(Ae, { decision: n, textValues: i })
       }
     )
   ] }) }, n.decisionId) : null;
@@ -425,15 +425,15 @@ const un = T.div`
     customTitleContentAddCard: n,
     index: t,
     handleOpenModal: a,
-    shouldRenderEmptyMessage: r
+    shouldRenderEmptyMessage: o
   } = e, i = n || "Agregar decisión";
-  return /* @__PURE__ */ o(de, { children: r ? null : /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ o(w, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(de, { children: o ? null : /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ r(w, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+    /* @__PURE__ */ r(
       un,
       {
         onClick: () => a ? a() : null,
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ r(
           le,
           {
             id: `add-decision-${t}`,
@@ -442,8 +442,8 @@ const un = T.div`
             handleView: () => a ? a() : null,
             controls: !1,
             children: /* @__PURE__ */ h(g, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ o(R, { appearance: "gray", icon: /* @__PURE__ */ o(J, {}), size: "35px" }),
-              /* @__PURE__ */ o(w, { appearance: "gray", type: "body", size: "large", children: i })
+              /* @__PURE__ */ r(F, { appearance: "gray", icon: /* @__PURE__ */ r(J, {}), size: "35px" }),
+              /* @__PURE__ */ r(w, { appearance: "gray", type: "body", size: "large", children: i })
             ] })
           }
         )
@@ -462,17 +462,17 @@ const un = T.div`
     controls: n,
     customTitleContentAddCard: t,
     decisions: a,
-    loading: r,
+    loading: o,
     handleOpenModal: i,
     handleDelete: u,
     textValues: l
-  } = e, d = r ? Array.from({ length: 3 }).map(
+  } = e, d = o ? Array.from({ length: 3 }).map(
     (p, c) => te({
       type: "loading",
       index: c,
       controls: n,
       customTitleContentAddCard: t,
-      loading: r,
+      loading: o,
       handleOpenModal: i,
       handleDelete: u,
       textValues: l
@@ -483,19 +483,19 @@ const un = T.div`
       decision: p,
       controls: n,
       customTitleContentAddCard: t,
-      loading: r,
+      loading: o,
       handleOpenModal: i,
       handleDelete: u,
       textValues: l
     })
-  ), s = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !r && n;
+  ), s = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !o && n;
   return { renderedCards: d, shouldRenderAddCard: s };
-}, It = (e) => {
+}, Rt = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
     customMessageEmptyDecisions: a,
-    decisions: r,
+    decisions: o,
     textValues: i,
     decisionTemplate: u,
     isModalOpen: l,
@@ -509,14 +509,14 @@ const un = T.div`
   } = e, y = H("(max-width: 681px)"), D = H("(max-width: 400px)"), { renderedCards: C, shouldRenderAddCard: N } = vn({
     controls: n,
     customTitleContentAddCard: t,
-    decisions: r,
+    decisions: o,
     loading: s,
     handleOpenModal: p,
     handleDelete: b,
     textValues: i
-  }), A = (r == null ? void 0 : r.length) === 0 && !s;
+  }), A = (o == null ? void 0 : o.length) === 0 && !s;
   return /* @__PURE__ */ h(E, { children: [
-    /* @__PURE__ */ o(pn, { children: /* @__PURE__ */ o(hn, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "16px", padding: "6px", children: A ? /* @__PURE__ */ h(
+    /* @__PURE__ */ r(pn, { children: /* @__PURE__ */ r(hn, { children: /* @__PURE__ */ r(g, { direction: "column", gap: "16px", padding: "6px", children: A ? /* @__PURE__ */ h(
       g,
       {
         direction: "column",
@@ -526,7 +526,7 @@ const un = T.div`
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(w, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(E, { children: [
+          /* @__PURE__ */ r(w, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(E, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ h(
               w,
@@ -545,10 +545,10 @@ const un = T.div`
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             U,
             {
-              iconBefore: /* @__PURE__ */ o(J, {}),
+              iconBefore: /* @__PURE__ */ r(J, {}),
               onClick: () => p ? p() : null,
               children: t || "Agregar decisión"
             }
@@ -571,7 +571,7 @@ const un = T.div`
           C,
           N && te({
             type: "add",
-            index: r == null ? void 0 : r.length,
+            index: o == null ? void 0 : o.length,
             controls: n,
             customTitleContentAddCard: t,
             customMessageEmptyDecisions: a,
@@ -585,13 +585,13 @@ const un = T.div`
         ]
       }
     ) }) }) }),
-    l && /* @__PURE__ */ o(
+    l && /* @__PURE__ */ r(
       Ie,
       {
         portalId: "modal-portal",
         onCloseModal: c,
         title: d ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ r(
           Oe,
           {
             decision: d || u,
@@ -605,19 +605,19 @@ const un = T.div`
     )
   ] });
 }, Fe = (e) => {
-  const { children: n, controls: t = !0, handleDelete: a, id: r } = e;
+  const { children: n, controls: t = !0, handleDelete: a, id: o } = e;
   return /* @__PURE__ */ h(Ve, { width: "100%", children: [
     n,
-    t && /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(g, { gap: "16px", justifyContent: "end", margin: "16px 0 0 0", children: /* @__PURE__ */ o(
+    t && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(g, { gap: "16px", justifyContent: "end", margin: "16px 0 0 0", children: /* @__PURE__ */ r(
       U,
       {
         cursorHover: !0,
         appearance: "danger",
         spacing: "compact",
         variant: "outlined",
-        iconBefore: /* @__PURE__ */ o(Te, {}),
+        iconBefore: /* @__PURE__ */ r(Te, {}),
         onClick: () => {
-          a(r);
+          a(o);
         },
         children: "Eliminar"
       }
@@ -649,8 +649,8 @@ const un = T.div`
   margin: ${({ $margin: e }) => e};
   padding: ${({ $padding: e }) => e};
   background: ${({ $background: e, theme: n }) => {
-  var t, a, r, i;
-  return e ? `${((a = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N10) || x.palette.neutral.N10}` : `${((i = (r = n == null ? void 0 : n.palette) == null ? void 0 : r.neutral) == null ? void 0 : i.N0) || x.palette.neutral.N0}`;
+  var t, a, o, i;
+  return e ? `${((a = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N10) || x.palette.neutral.N10}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || x.palette.neutral.N0}`;
 }};
   border: ${({ $border: e, theme: n }) => {
   var t, a;
@@ -664,7 +664,7 @@ const un = T.div`
     const {
       children: t,
       wrap: a,
-      direction: r = "column",
+      direction: o = "column",
       justifyContent: i,
       alignItems: u,
       alignContent: l,
@@ -679,11 +679,11 @@ const un = T.div`
       boxSizing: D,
       scroll: C = !1
     } = e;
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ r(
       Nn,
       {
         ref: n,
-        direction: r,
+        direction: o,
         $justifyContent: i,
         $alignItems: u,
         $alignContent: l,
@@ -709,7 +709,7 @@ const En = (e) => {
     conditionsAlignment: n,
     decision: t,
     decisionMapper: a,
-    loading: r,
+    loading: o,
     textValues: i,
     visibleConditions: u,
     tagLabel: l,
@@ -720,14 +720,14 @@ const En = (e) => {
     effectiveFromRenderer: m,
     validUntilRenderer: b
   } = e;
-  return r ? /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
+  return o ? /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
     /* @__PURE__ */ h(
       g,
       {
         alignItems: "start",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             Q,
             {
               element: a,
@@ -738,12 +738,12 @@ const En = (e) => {
             }
           ),
           /* @__PURE__ */ h(g, { gap: "8px", children: [
-            /* @__PURE__ */ o(q, { appearance: "gray", label: l, displayIcon: !1 }),
-            /* @__PURE__ */ o(
-              R,
+            /* @__PURE__ */ r(q, { appearance: "gray", label: l, displayIcon: !1 }),
+            /* @__PURE__ */ r(
+              F,
               {
                 appearance: "dark",
-                icon: d ? /* @__PURE__ */ o(Me, {}) : /* @__PURE__ */ o(we, {}),
+                icon: d ? /* @__PURE__ */ r(Me, {}) : /* @__PURE__ */ r(we, {}),
                 onClick: s,
                 size: "24px",
                 cursorHover: !0
@@ -755,9 +755,9 @@ const En = (e) => {
       t.ruleName
     ),
     d && /* @__PURE__ */ h(E, { children: [
-      /* @__PURE__ */ o(F, { dashed: !0 }),
+      /* @__PURE__ */ r(O, { dashed: !0 }),
       /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           w,
           {
             type: "label",
@@ -776,14 +776,14 @@ const En = (e) => {
             gap: "8px",
             justifyContent: n,
             children: [
-              u.map((f) => /* @__PURE__ */ o(
+              u.map((f) => /* @__PURE__ */ r(
                 z,
                 {
                   direction: "column",
                   padding: "6px 12px",
                   borderRadius: "8px",
                   background: !0,
-                  children: /* @__PURE__ */ o(
+                  children: /* @__PURE__ */ r(
                     Q,
                     {
                       element: { ...f, value: f.value },
@@ -795,14 +795,14 @@ const En = (e) => {
                 },
                 f.conditionName
               )),
-              p && m && /* @__PURE__ */ o(
+              p && m && /* @__PURE__ */ r(
                 z,
                 {
                   direction: "column",
                   padding: "6px 12px",
                   borderRadius: "8px",
                   background: !0,
-                  children: /* @__PURE__ */ o(
+                  children: /* @__PURE__ */ r(
                     Q,
                     {
                       element: m.element,
@@ -812,14 +812,14 @@ const En = (e) => {
                   )
                 }
               ),
-              c && b && /* @__PURE__ */ o(
+              c && b && /* @__PURE__ */ r(
                 z,
                 {
                   direction: "column",
                   padding: "6px 12px",
                   borderRadius: "8px",
                   background: !0,
-                  children: /* @__PURE__ */ o(
+                  children: /* @__PURE__ */ r(
                     Q,
                     {
                       element: b.element,
@@ -836,12 +836,12 @@ const En = (e) => {
     ] })
   ] }) : /* @__PURE__ */ h(g, { justifyContent: "space-between", children: [
     /* @__PURE__ */ h(g, { alignItems: "center", gap: "8px", children: [
-      /* @__PURE__ */ o(V, { animated: !0, width: "150px" }),
-      /* @__PURE__ */ o(V, { animated: !0, width: "70px" })
+      /* @__PURE__ */ r(V, { animated: !0, width: "150px" }),
+      /* @__PURE__ */ r(V, { animated: !0, width: "70px" })
     ] }),
     /* @__PURE__ */ h(g, { alignItems: "center", gap: "8px", children: [
-      /* @__PURE__ */ o(V, { animated: !0, width: "50px" }),
-      /* @__PURE__ */ o(Be, { animated: !0 })
+      /* @__PURE__ */ r(V, { animated: !0, width: "50px" }),
+      /* @__PURE__ */ r(Be, { animated: !0 })
     ] })
   ] });
 }, Re = (e) => {
@@ -850,7 +850,7 @@ const En = (e) => {
     decision: n,
     loading: t = !1,
     textValues: a,
-    position: r,
+    position: o,
     isOpen: i = !1,
     onToggle: u
   } = e, l = !!(n != null && n.effectiveFrom), d = !!(n != null && n.validUntil), s = l ? {
@@ -858,26 +858,26 @@ const En = (e) => {
       labelName: a == null ? void 0 : a.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     },
     valueData: G({
       labelName: a == null ? void 0 : a.effectiveFrom,
       value: String(n.effectiveFrom),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     })
   } : null, p = d ? {
     element: {
       labelName: a == null ? void 0 : a.validUntil,
       value: String(n.validUntil),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     },
     valueData: G({
       labelName: a == null ? void 0 : a.validUntil,
       value: String(n.validUntil),
       howToSetTheDecision: B.EQUAL,
-      decisionDataType: O.DATE
+      decisionDataType: R.DATE
     })
   } : null, c = n ? {
     labelName: n.labelName || "",
@@ -886,8 +886,8 @@ const En = (e) => {
     howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
   } : null, m = ((C = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : C.filter(
     (N) => !N.hidden
-  )) || [], b = Array.from({ length: 5 }), f = !!(!t && n && a && c), y = m.length < 2 ? "start" : "space-between", D = `N° ${String((r ?? 0) + 1).padStart(2, "0")}`;
-  return /* @__PURE__ */ o(
+  )) || [], b = Array.from({ length: 5 }), f = !!(!t && n && a && c), y = m.length < 2 ? "start" : "space-between", D = `N° ${String((o ?? 0) + 1).padStart(2, "0")}`;
+  return /* @__PURE__ */ r(
     En,
     {
       conditionsAlignment: y,
@@ -982,7 +982,7 @@ const An = T.div`
   }
 `, On = (e) => {
   const { index: n, handleOpenModal: t } = e;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     Fe,
     {
       id: `loading-card-${n}`,
@@ -990,7 +990,7 @@ const An = T.div`
       },
       handleView: () => t ? t() : null,
       controls: !1,
-      children: /* @__PURE__ */ o(Re, { loading: !0 })
+      children: /* @__PURE__ */ r(Re, { loading: !0 })
     },
     `loading-card-${n}`
   );
@@ -999,20 +999,20 @@ const An = T.div`
     decision: n,
     controls: t,
     handleOpenModal: a,
-    handleDelete: r,
+    handleDelete: o,
     textValues: i,
     index: u,
     isOpen: l,
     onToggle: d
   } = e;
-  return n ? /* @__PURE__ */ o(de, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ o(
+  return n ? /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(g, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ r(
     Fe,
     {
       id: n.decisionId,
-      handleDelete: () => r ? r(n.decisionId) : null,
+      handleDelete: () => o ? o(n.decisionId) : null,
       handleView: () => a ? a(n) : null,
       controls: t,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ r(
         Re,
         {
           decision: n,
@@ -1029,13 +1029,13 @@ const An = T.div`
     customTitleContentAddCard: n,
     index: t,
     handleOpenModal: a,
-    shouldRenderEmptyMessage: r
+    shouldRenderEmptyMessage: o
   } = e;
-  return /* @__PURE__ */ o(In, { children: r ? null : /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(In, { children: o ? null : /* @__PURE__ */ r(
     An,
     {
       onClick: () => a ? a() : null,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ r(
         z,
         {
           direction: "column",
@@ -1051,12 +1051,12 @@ const An = T.div`
               alignItems: "center",
               padding: "16px",
               children: [
-                /* @__PURE__ */ o(w, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
-                /* @__PURE__ */ o(
-                  R,
+                /* @__PURE__ */ r(w, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
+                /* @__PURE__ */ r(
+                  F,
                   {
                     appearance: "gray",
-                    icon: /* @__PURE__ */ o(J, {}),
+                    icon: /* @__PURE__ */ r(J, {}),
                     size: "24px",
                     cursorHover: !0
                   }
@@ -1080,19 +1080,19 @@ const An = T.div`
     controls: n,
     customTitleContentAddCard: t,
     decisions: a,
-    loading: r,
+    loading: o,
     handleOpenModal: i,
     handleDelete: u,
     textValues: l,
     isOpenFor: d,
     toggleAt: s
-  } = e, p = r ? Array.from({ length: 3 }).map(
+  } = e, p = o ? Array.from({ length: 3 }).map(
     (m, b) => ae({
       type: "loading",
       index: b,
       controls: n,
       customTitleContentAddCard: t,
-      loading: r,
+      loading: o,
       handleOpenModal: i,
       handleDelete: u,
       textValues: l
@@ -1103,7 +1103,7 @@ const An = T.div`
       decision: m,
       controls: d ? d(b) : !1,
       customTitleContentAddCard: t,
-      loading: r,
+      loading: o,
       handleOpenModal: i,
       handleDelete: u,
       textValues: l,
@@ -1111,14 +1111,14 @@ const An = T.div`
       isOpen: d ? d(b) : !1,
       onToggle: s ? () => s(b) : void 0
     })
-  ), c = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !r && n;
+  ), c = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !o && n;
   return { renderedCards: p, shouldRenderAddCard: c };
-}, Ft = (e) => {
+}, Ot = (e) => {
   const {
     controls: n = !0,
     customTitleContentAddCard: t,
     customMessageEmptyDecisions: a,
-    decisions: r,
+    decisions: o,
     textValues: i,
     decisionTemplate: u,
     isModalOpen: l,
@@ -1132,16 +1132,16 @@ const An = T.div`
   } = e, [y, D] = M(null), C = H("(max-width: 681px)"), { renderedCards: N, shouldRenderAddCard: A } = Un({
     controls: n,
     customTitleContentAddCard: t,
-    decisions: r,
+    decisions: o,
     loading: s,
     handleOpenModal: p,
     handleDelete: b,
     textValues: i,
     isOpenFor: (k) => y === k,
     toggleAt: (k) => D((L) => L === k ? null : k)
-  }), $ = (r == null ? void 0 : r.length) === 0 && !s;
+  }), $ = (o == null ? void 0 : o.length) === 0 && !s;
   return /* @__PURE__ */ h(E, { children: [
-    /* @__PURE__ */ o(Fn, { children: /* @__PURE__ */ o(Rn, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "16px", padding: "6px", children: $ ? /* @__PURE__ */ h(
+    /* @__PURE__ */ r(Fn, { children: /* @__PURE__ */ r(Rn, { children: /* @__PURE__ */ r(g, { direction: "column", gap: "16px", padding: "6px", children: $ ? /* @__PURE__ */ h(
       g,
       {
         direction: "column",
@@ -1151,7 +1151,7 @@ const An = T.div`
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ o(w, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(E, { children: [
+          /* @__PURE__ */ r(w, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(E, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ h(
               w,
@@ -1170,10 +1170,10 @@ const An = T.div`
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             U,
             {
-              iconBefore: /* @__PURE__ */ o(J, {}),
+              iconBefore: /* @__PURE__ */ r(J, {}),
               onClick: () => p ? p() : null,
               children: t || "Agregar decisión"
             }
@@ -1196,7 +1196,7 @@ const An = T.div`
           N,
           A && ae({
             type: "add",
-            index: r == null ? void 0 : r.length,
+            index: o == null ? void 0 : o.length,
             controls: n,
             customTitleContentAddCard: t,
             customMessageEmptyDecisions: a,
@@ -1210,13 +1210,13 @@ const An = T.div`
         ]
       }
     ) }) }) }),
-    l && /* @__PURE__ */ o(
+    l && /* @__PURE__ */ r(
       Ie,
       {
         portalId: "modal-portal",
         onCloseModal: c,
         title: d ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ r(
           Oe,
           {
             decision: d || u,
@@ -1247,30 +1247,30 @@ const An = T.div`
   height: ${({ $height: e }) => e};
   box-sizing: border-box;
 `;
-function Hn(e) {
+function jn(e) {
   const {
     children: n,
     padding: t = "16px",
     margin: a,
-    borderRadius: r = "8px",
+    borderRadius: o = "8px",
     width: i,
     height: u
   } = e;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     Bn,
     {
       $padding: t,
       $margin: a,
-      $borderRadius: r,
+      $borderRadius: o,
       $width: i,
       $height: u,
       children: n
     }
   );
 }
-const jn = (e, n) => {
-  const [t, a] = M([]), [r, i] = M([]), [u, l] = M(!1), d = K(null);
-  return re(() => {
+const Hn = (e, n) => {
+  const [t, a] = M([]), [o, i] = M([]), [u, l] = M(!1), d = Y(null);
+  return oe(() => {
     if (!e.current || !d.current) return;
     const s = e.current, p = d.current, c = () => {
       var A;
@@ -1288,7 +1288,7 @@ const jn = (e, n) => {
       requestAnimationFrame(c);
     });
     return m.observe(s), () => m.disconnect();
-  }, [n, e]), { visible: t, hidden: r, showOverflowIndicator: u, measurementRef: d };
+  }, [n, e]), { visible: t, hidden: o, showOverflowIndicator: u, measurementRef: d };
 };
 T.div`
   & > div {
@@ -1309,7 +1309,7 @@ const _n = T.div`
   overflow: hidden;
 `, Pn = T.div`
   cursor: pointer;
-`, oe = {
+`, re = {
   border: {
     color: {
       regular: x.palette.neutral.N40,
@@ -1360,13 +1360,13 @@ const _n = T.div`
   &:hover {
     background-color: ${({ theme: e }) => {
   var n, t, a;
-  return ((a = (t = (n = e == null ? void 0 : e.input) == null ? void 0 : n.background) == null ? void 0 : t.color) == null ? void 0 : a.regular) || oe.background.color.regular;
+  return ((a = (t = (n = e == null ? void 0 : e.input) == null ? void 0 : n.background) == null ? void 0 : t.color) == null ? void 0 : a.regular) || re.background.color.regular;
 }};
   }
 `, Qn = (e) => {
   var m, b, f, y, D, C;
-  const { id: n, label: t, leadingIcon: a, onClose: r } = e, [i, u] = M(!1), l = () => u(!0), d = () => u(!1), s = Pe(qe), p = ((f = (b = (m = s == null ? void 0 : s.input) == null ? void 0 : m.option) == null ? void 0 : b.appearance) == null ? void 0 : f.hover) ?? oe.option.appearance.hover, c = ((C = (D = (y = s == null ? void 0 : s.input) == null ? void 0 : y.option) == null ? void 0 : D.appearance) == null ? void 0 : C.regular) ?? oe.option.appearance.regular;
-  return /* @__PURE__ */ o(
+  const { id: n, label: t, leadingIcon: a, onClose: o } = e, [i, u] = M(!1), l = () => u(!0), d = () => u(!1), s = Pe(qe), p = ((f = (b = (m = s == null ? void 0 : s.input) == null ? void 0 : m.option) == null ? void 0 : b.appearance) == null ? void 0 : f.hover) ?? re.option.appearance.hover, c = ((C = (D = (y = s == null ? void 0 : s.input) == null ? void 0 : y.option) == null ? void 0 : D.appearance) == null ? void 0 : C.regular) ?? re.option.appearance.regular;
+  return /* @__PURE__ */ r(
     Gn,
     {
       id: n,
@@ -1383,15 +1383,15 @@ const _n = T.div`
           templateColumns: "auto 1fr auto",
           width: "100%",
           children: [
-            a && /* @__PURE__ */ o(
-              R,
+            a && /* @__PURE__ */ r(
+              F,
               {
                 icon: a,
                 size: "medium",
                 appearance: i ? p : c
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ r(
               w,
               {
                 textAlign: "start",
@@ -1400,13 +1400,13 @@ const _n = T.div`
                 children: t
               }
             ),
-            /* @__PURE__ */ o(
-              R,
+            /* @__PURE__ */ r(
+              F,
               {
-                icon: /* @__PURE__ */ o(Le, {}),
+                icon: /* @__PURE__ */ r(Le, {}),
                 size: "small",
                 onClick: (N) => {
-                  N.stopPropagation(), r == null || r();
+                  N.stopPropagation(), o == null || o();
                 },
                 appearance: i ? p : c,
                 cursorHover: !0
@@ -1417,23 +1417,23 @@ const _n = T.div`
       )
     }
   );
-}, Rt = (e) => {
+}, Mt = (e) => {
   const {
     appliedFilters: n = [],
     onClear: t,
     onClick: a,
-    noFiltersLabel: r,
+    noFiltersLabel: o,
     titleClearFilter: i,
     titleFilter: u
-  } = e, l = K(null), d = K(null), s = K(null), {
+  } = e, l = Y(null), d = Y(null), s = Y(null), {
     visible: p,
     hidden: c,
     showOverflowIndicator: m,
     measurementRef: b
-  } = jn(l, n), [f, y] = M(!1), D = (v) => {
+  } = Hn(l, n), [f, y] = M(!1), D = (v) => {
     v.stopPropagation(), y((k) => !k);
   };
-  re(() => {
+  oe(() => {
     const v = (k) => {
       var se, ce;
       const L = k.target;
@@ -1450,8 +1450,8 @@ const _n = T.div`
     var k, L;
     (L = (k = c.find((I) => I.label === v)) == null ? void 0 : k.onClose) == null || L.call(k), y(!1);
   };
-  return /* @__PURE__ */ h(Hn, { borderRadius: "8px", width: "100%", children: [
-    /* @__PURE__ */ o(qn, { ref: b, children: n.map((v) => /* @__PURE__ */ o("div", { "data-filter-tag": "true", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ h(jn, { borderRadius: "8px", width: "100%", children: [
+    /* @__PURE__ */ r(qn, { ref: b, children: n.map((v) => /* @__PURE__ */ r("div", { "data-filter-tag": "true", children: /* @__PURE__ */ r(
       q,
       {
         appearance: "primary",
@@ -1463,7 +1463,7 @@ const _n = T.div`
       }
     ) }, v.label)) }),
     /* @__PURE__ */ h(X, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         z,
         {
           ref: l,
@@ -1475,8 +1475,8 @@ const _n = T.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: C ? /* @__PURE__ */ o(w, { size: "small", type: "label", appearance: "gray", children: r }) : /* @__PURE__ */ h(E, { children: [
-            p.map((v) => /* @__PURE__ */ o(
+          children: C ? /* @__PURE__ */ r(w, { size: "small", type: "label", appearance: "gray", children: o }) : /* @__PURE__ */ h(E, { children: [
+            p.map((v) => /* @__PURE__ */ r(
               q,
               {
                 "data-filter-tag": "true",
@@ -1495,19 +1495,19 @@ const _n = T.div`
                 ref: s,
                 style: { position: "relative", display: "inline-block" },
                 children: [
-                  /* @__PURE__ */ o(Pn, { onClick: D, children: /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(Pn, { onClick: D, children: /* @__PURE__ */ r(
                     q,
                     {
                       appearance: "primary",
                       label: `+${c.length}`
                     }
                   ) }),
-                  N && /* @__PURE__ */ o(_n, { ref: d, children: /* @__PURE__ */ o(
-                    He,
+                  N && /* @__PURE__ */ r(_n, { ref: d, children: /* @__PURE__ */ r(
+                    je,
                     {
                       options: A,
                       onOptionClick: $,
-                      children: c.map((v) => /* @__PURE__ */ o(
+                      children: c.map((v) => /* @__PURE__ */ r(
                         Qn,
                         {
                           id: v.label,
@@ -1528,22 +1528,22 @@ const _n = T.div`
           ] })
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         U,
         {
           cursorHover: !0,
           disabled: C,
-          iconBefore: /* @__PURE__ */ o(Ce, {}),
+          iconBefore: /* @__PURE__ */ r(Ce, {}),
           onClick: t,
           variant: "outlined",
           children: i
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         U,
         {
           cursorHover: !0,
-          iconBefore: /* @__PURE__ */ o(De, {}),
+          iconBefore: /* @__PURE__ */ r(De, {}),
           onClick: a,
           variant: "outlined",
           children: u
@@ -1564,12 +1564,12 @@ const _n = T.div`
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, Ot = (e) => {
+`, Lt = (e) => {
   const {
     actionButtonLabel: n,
     cancelButtonLabel: t,
     children: a,
-    loading: r,
+    loading: o,
     onClick: i,
     onCloseModal: u,
     portalId: l,
@@ -1580,43 +1580,43 @@ const _n = T.div`
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   return Ee(
-    /* @__PURE__ */ o(Se, { children: /* @__PURE__ */ h(Wn, { $smallScreen: s, children: [
+    /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ h(Wn, { $smallScreen: s, children: [
       /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
         /* @__PURE__ */ h(g, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ o(w, { appearance: "dark", size: "small", type: "headline", children: d }),
+          /* @__PURE__ */ r(w, { appearance: "dark", size: "small", type: "headline", children: d }),
           /* @__PURE__ */ h(g, { alignItems: "center", children: [
-            /* @__PURE__ */ o(w, { children: "Cerrar" }),
-            /* @__PURE__ */ o(
-              R,
+            /* @__PURE__ */ r(w, { children: "Cerrar" }),
+            /* @__PURE__ */ r(
+              F,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ o(ye, {}),
+                icon: /* @__PURE__ */ r(ye, {}),
                 onClick: u,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ o(F, {})
+        /* @__PURE__ */ r(O, {})
       ] }),
       a,
       /* @__PURE__ */ h(g, { gap: "20px", justifyContent: "flex-end", children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           U,
           {
             appearance: "gray",
             onClick: u,
-            iconBefore: /* @__PURE__ */ o(Ce, {}),
+            iconBefore: /* @__PURE__ */ r(Ce, {}),
             spacing: "wide",
             variant: "outlined",
             children: t
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           U,
           {
             appearance: "primary",
-            loading: r,
+            loading: o,
             onClick: i,
             spacing: "wide",
             variant: "filled",
@@ -1627,13 +1627,13 @@ const _n = T.div`
     ] }) }),
     p
   );
-}, Mt = (e) => {
-  const { appliedFilters: n, fields: t, onChange: a, noFiltersLabel: r } = e, i = H("(max-width: 768px)"), u = !n || n.length === 0;
+}, zt = (e) => {
+  const { appliedFilters: n, fields: t, onChange: a, noFiltersLabel: o } = e, i = H("(max-width: 768px)"), u = !n || n.length === 0;
   return /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
     i && /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ h(g, { gap: "6px", width: "100%", alignItems: "center", children: [
-        /* @__PURE__ */ o(R, { appearance: "gray", icon: /* @__PURE__ */ o(De, {}) }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(F, { appearance: "gray", icon: /* @__PURE__ */ r(De, {}) }),
+        /* @__PURE__ */ r(
           z,
           {
             background: !0,
@@ -1645,7 +1645,7 @@ const _n = T.div`
             border: !0,
             width: "100%",
             height: "36px",
-            children: u ? /* @__PURE__ */ o(w, { size: "small", type: "label", appearance: "gray", children: r }) : n == null ? void 0 : n.map((l) => /* @__PURE__ */ o(
+            children: u ? /* @__PURE__ */ r(w, { size: "small", type: "label", appearance: "gray", children: o }) : n == null ? void 0 : n.map((l) => /* @__PURE__ */ r(
               q,
               {
                 appearance: "primary",
@@ -1660,12 +1660,12 @@ const _n = T.div`
           }
         )
       ] }),
-      /* @__PURE__ */ o(F, { dashed: !0 })
+      /* @__PURE__ */ r(O, { dashed: !0 })
     ] }),
     t.map((l) => /* @__PURE__ */ h(g, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ o(g, { padding: "22px 0 0 0", children: /* @__PURE__ */ o(R, { appearance: "primary", icon: l.icon }) }),
-      /* @__PURE__ */ o(
-        je,
+      /* @__PURE__ */ r(g, { padding: "22px 0 0 0", children: /* @__PURE__ */ r(F, { appearance: "primary", icon: l.icon }) }),
+      /* @__PURE__ */ r(
+        He,
         {
           disabled: l.disabled,
           invalid: l.invalid,
@@ -1683,40 +1683,40 @@ const _n = T.div`
       )
     ] }, l.name))
   ] });
-}, Kn = (e) => {
+}, Yn = (e) => {
   const n = [];
   return e.from !== void 0 && e.from !== null && n.push(`>${e.from}`), e.to !== void 0 && e.to !== null && n.push(`<${e.to}`), n.join(";");
-}, Lt = (e) => {
+}, Ut = (e) => {
   var u;
-  const { decision: n, fallbackId: t, template: a } = e, r = (l) => typeof l == "object" && l !== null && "from" in l && "to" in l ? Kn(l) : l, i = ((u = n.conditionsThatEstablishesTheDecision) == null ? void 0 : u.map((l, d) => {
+  const { decision: n, fallbackId: t, template: a } = e, o = (l) => typeof l == "object" && l !== null && "from" in l && "to" in l ? Yn(l) : l, i = ((u = n.conditionsThatEstablishesTheDecision) == null ? void 0 : u.map((l, d) => {
     var c;
     const s = l == null ? void 0 : l.value;
     return s == null || typeof s == "string" && s.trim() === "" || Array.isArray(s) && s.length === 0 ? null : {
       ...(c = a.conditionsThatEstablishesTheDecision) == null ? void 0 : c[d],
       ...l,
-      value: r(s)
+      value: o(s)
     };
   }).filter(Boolean)) ?? [];
   return {
     ...a,
     ...n,
     decisionId: t,
-    value: r(n.value),
+    value: o(n.value),
     conditionsThatEstablishesTheDecision: i
   };
-}, zt = (e) => {
+}, Vt = (e) => {
   if (typeof e != "string") return e;
   const n = e.split(";").map((a) => a.trim()), t = {};
   for (const a of n)
     if (a.startsWith(">")) {
-      const r = parseFloat(a.slice(1));
-      isNaN(r) || (t.from = r);
+      const o = parseFloat(a.slice(1));
+      isNaN(o) || (t.from = o);
     } else if (a.startsWith("<")) {
-      const r = parseFloat(a.slice(1));
-      isNaN(r) || (t.to = r);
+      const o = parseFloat(a.slice(1));
+      isNaN(o) || (t.to = o);
     }
   return t.from !== void 0 || t.to !== void 0 ? t : e;
-}, Ut = (e) => {
+}, Bt = (e) => {
   const { dataDecision: n, originalDecision: t } = e, a = {
     conditionName: n.ruleName || "",
     labelName: n.labelName || "",
@@ -1729,14 +1729,14 @@ const _n = T.div`
   return {
     ...t,
     conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
-      (r) => r.hidden ? { ...a } : r
+      (o) => o.hidden ? { ...a } : o
     )
   };
-}, Vt = (e) => {
+}, jt = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
-    var r;
-    const a = (r = t.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+    var o;
+    const a = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
       (i) => i.hidden
     );
     return a ? {
@@ -1751,7 +1751,7 @@ const _n = T.div`
       )
     } : t;
   });
-}, Yn = (e) => ({
+}, Kn = (e) => ({
   schema: ie().required("Required").test(
     "non-empty",
     "Value cannot be empty",
@@ -1779,20 +1779,20 @@ const _n = T.div`
 }), Zn = (e) => {
   const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: Y({
+    schema: K({
       from: ne().required("Range From is required").max(t, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
       to: ne().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
         "is-greater",
         "To value must be greater than From value",
         function(a) {
-          const { from: r } = this.parent;
-          return a > r;
+          const { from: o } = this.parent;
+          return a > o;
         }
       )
     }),
     value: { from: n, to: t }
   };
-}, ee = (e, n) => n === O.PERCENTAGE ? {
+}, ee = (e, n) => n === R.PERCENTAGE ? {
   schema: ne().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: e
 } : {
@@ -1805,7 +1805,7 @@ const _n = T.div`
   [S.GREATER_THAN]: ee,
   [S.LESS_THAN]: ee,
   [S.EQUAL]: ee
-}, fe = (e) => et[e] || Yn;
+}, fe = (e) => et[e] || Kn;
 function nt({
   decision: e,
   onSubmitEvent: n,
@@ -1813,7 +1813,7 @@ function nt({
 }) {
   const a = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || O.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || R.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
@@ -1823,21 +1823,21 @@ function nt({
     checkClosed: !1,
     terms: !0
   };
-  let r;
+  let o;
   const i = {
     ruleName: ie().required("Name is required"),
     value: he(() => fe(
-      r.values.howToSetTheDecision
+      o.values.howToSetTheDecision
     )(
-      r.values.value,
-      r.values.decisionDataType
+      o.values.value,
+      o.values.decisionDataType
     ).schema),
     conditionsThatEstablishesTheDecision: he((d, { parent: s }) => {
       var m;
-      if ((s == null ? void 0 : s.toggleNone) && Object.keys(s.conditionsThatEstablishesTheDecision || {}).length > 0) return Y().shape({});
+      if ((s == null ? void 0 : s.toggleNone) && Object.keys(s.conditionsThatEstablishesTheDecision || {}).length > 0) return K().shape({});
       const c = (m = e.conditionsThatEstablishesTheDecision) == null ? void 0 : m.reduce(
         (b, f) => {
-          if (r.values.conditionsThatEstablishesTheDecision[f.conditionName] !== void 0) {
+          if (o.values.conditionsThatEstablishesTheDecision[f.conditionName] !== void 0) {
             const D = fe(
               f.howToSetTheCondition
             );
@@ -1850,7 +1850,7 @@ function nt({
         },
         {}
       );
-      return Y(c).test(
+      return K(c).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (b) => b ? Object.values(b).some(
@@ -1872,8 +1872,8 @@ function nt({
       }
     ) : s.notRequired()
   ));
-  const u = Y(i);
-  return r = Ge({
+  const u = K(i);
+  return o = Ge({
     initialValues: a,
     validationSchema: u,
     validateOnBlur: !0,
@@ -1897,17 +1897,17 @@ function nt({
       };
       n(s);
     }
-  }), { formik: r, handleToggleNoneChange: (d) => {
+  }), { formik: o, handleToggleNoneChange: (d) => {
     var s;
-    r.setFieldValue("toggleNone", d), (s = e.conditionsThatEstablishesTheDecision) == null || s.forEach((p) => {
+    o.setFieldValue("toggleNone", d), (s = e.conditionsThatEstablishesTheDecision) == null || s.forEach((p) => {
       if (d)
-        r.setFieldValue(
+        o.setFieldValue(
           `conditionsThatEstablishesTheDecision.${p.conditionName}`,
           void 0
         );
       else {
         const c = p.howToSetTheCondition === S.LIST_OF_VALUES_MULTI ? [] : "";
-        r.setFieldValue(
+        o.setFieldValue(
           `conditionsThatEstablishesTheDecision.${p.conditionName}`,
           c
         );
@@ -1941,41 +1941,41 @@ const tt = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ot = (e) => {
+`, rt = (e) => {
   const {
     checked: n,
     children: t,
     handleToggleChange: a,
-    id: r,
+    id: o,
     labelToggle: i,
     name: u,
     valueToggle: l = ""
   } = e, [d, s] = M(n), p = (c) => {
     s(c.target.checked), a(c);
   };
-  return re(() => {
+  return oe(() => {
     s(n);
   }, [n]), /* @__PURE__ */ h(E, { children: [
-    /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
       ke,
       {
         checked: d,
-        id: r,
+        id: o,
         name: u,
         onChange: p,
         size: "small",
         value: l,
-        children: /* @__PURE__ */ o(w, { size: "medium", type: "label", weight: "bold", children: i })
+        children: /* @__PURE__ */ r(w, { size: "medium", type: "label", weight: "bold", children: i })
       }
     ) }),
-    d && /* @__PURE__ */ o(E, { children: t })
+    d && /* @__PURE__ */ r(E, { children: t })
   ] });
-}, rt = (e) => {
+}, ot = (e) => {
   const {
     onHandleStartChange: n,
     onHandleEndChange: t,
     onCheckClosedChange: a,
-    labelStart: r,
+    labelStart: o,
     labelEnd: i,
     checkedClosed: u = !1,
     required: l = !1,
@@ -1994,7 +1994,7 @@ const tt = T.div`
   }, L = H("(max-width: 400px)");
   return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ h(g, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         w,
         {
           appearance: "gray",
@@ -2005,14 +2005,14 @@ const tt = T.div`
           children: "Vigencia"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ r(
         g,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ r(
             _e,
             {
               label: "Cerrada",
@@ -2031,11 +2031,11 @@ const tt = T.div`
         justifyContent: "space-between",
         gap: "24px",
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ r(
             ue,
             {
               id: "dateStart",
-              label: r,
+              label: o,
               onChange: v,
               value: D,
               required: l,
@@ -2044,7 +2044,7 @@ const tt = T.div`
               message: p
             }
           ),
-          f && /* @__PURE__ */ o(
+          f && /* @__PURE__ */ r(
             ue,
             {
               id: "dateEnd",
@@ -2066,7 +2066,7 @@ const tt = T.div`
     formik: n,
     textValues: t,
     onCancel: a,
-    visibleConditions: r,
+    visibleConditions: o,
     normalizedDecision: i,
     handleToggleNoneChange: u,
     handleConditionToggleChange: l,
@@ -2074,14 +2074,14 @@ const tt = T.div`
     termStartStatus: s,
     termEndStatus: p
   } = e;
-  return /* @__PURE__ */ o("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ r("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
     pe({
       condition: i,
       formik: n,
       isDecision: !0
     }),
-    /* @__PURE__ */ o(F, { dashed: !0 }),
-    /* @__PURE__ */ o(tt, { children: /* @__PURE__ */ o(at, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ r(O, { dashed: !0 }),
+    /* @__PURE__ */ r(tt, { children: /* @__PURE__ */ r(at, { children: /* @__PURE__ */ h(
       g,
       {
         direction: "column",
@@ -2096,22 +2096,22 @@ const tt = T.div`
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ o(w, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(w, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
+                /* @__PURE__ */ r(
                   ke,
                   {
                     id: "toggleNone",
                     onChange: () => u(!n.values.toggleNone),
                     checked: n.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ o(w, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
+                    children: /* @__PURE__ */ r(w, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ o(g, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((c) => /* @__PURE__ */ o(
-            ot,
+          /* @__PURE__ */ r(g, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((c) => /* @__PURE__ */ r(
+            rt,
             {
               id: `toggle-${c.conditionName}`,
               name: `toggle.${c.conditionName}`,
@@ -2129,9 +2129,9 @@ const tt = T.div`
       }
     ) }) }),
     t.terms && /* @__PURE__ */ h(E, { children: [
-      /* @__PURE__ */ o(F, { dashed: !0 }),
-      /* @__PURE__ */ o(
-        rt,
+      /* @__PURE__ */ r(O, { dashed: !0 }),
+      /* @__PURE__ */ r(
+        ot,
         {
           labelStart: t.termStart,
           labelEnd: t.termEnd,
@@ -2150,16 +2150,16 @@ const tt = T.div`
         }
       )
     ] }),
-    /* @__PURE__ */ o(F, {}),
-    d && /* @__PURE__ */ o(w, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionsThatEstablishesTheDecision) }),
+    /* @__PURE__ */ r(O, {}),
+    d && /* @__PURE__ */ r(w, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionsThatEstablishesTheDecision) }),
     /* @__PURE__ */ h(g, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ o(U, { appearance: "gray", onClick: a, children: t.cancel }),
-      /* @__PURE__ */ o(U, { type: "submit", children: t.confirm })
+      /* @__PURE__ */ r(U, { appearance: "gray", onClick: a, children: t.cancel }),
+      /* @__PURE__ */ r(U, { type: "submit", children: t.confirm })
     ] })
   ] }) });
 }, Oe = (e) => {
   var b;
-  const { decision: n, onSubmitEvent: t, textValues: a, onCancel: r } = e, { formik: i, handleToggleNoneChange: u } = nt({
+  const { decision: n, onSubmitEvent: t, textValues: a, onCancel: o } = e, { formik: i, handleToggleNoneChange: u } = nt({
     decision: n,
     onSubmitEvent: t,
     textValues: a
@@ -2172,11 +2172,11 @@ const tt = T.div`
   }, d = ((b = n.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
     (f) => !f.hidden
   )) || [], s = !!i.errors.conditionsThatEstablishesTheDecision && i.submitCount > 0, p = i.touched.effectiveFrom ? i.errors.effectiveFrom ? "invalid" : "valid" : void 0, c = i.touched.validUntil ? i.errors.validUntil ? "invalid" : "valid" : void 0;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ r(
     it,
     {
       formik: i,
-      onCancel: r,
+      onCancel: o,
       textValues: a,
       decision: n,
       visibleConditions: d,
@@ -2205,9 +2205,9 @@ const tt = T.div`
       termEndStatus: c
     }
   );
-}, Bt = (e) => {
-  var r;
-  const { decisionTemplate: n } = e, t = { ...n }, a = (r = t.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+}, Ht = (e) => {
+  var o;
+  const { decisionTemplate: n } = e, t = { ...n }, a = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (i) => i.switchPlaces
   );
   return a ? {
@@ -2221,11 +2221,11 @@ const tt = T.div`
       (i) => i.conditionName === a.conditionName ? { ...i, hidden: !0 } : i
     )
   } : t;
-}, Ht = (e) => {
+}, _t = (e) => {
   const { decisions: n } = e;
   return n == null ? void 0 : n.map((t) => {
-    var r;
-    const a = (r = t.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+    var o;
+    const a = (o = t.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
       (i) => i.switchPlaces
     );
     return a ? {
@@ -2261,31 +2261,34 @@ const tt = T.div`
   & > div {
     border: 1px solid
       ${({ theme: e, $active: n }) => {
-  var t, a, r, i;
-  return n ? ((a = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : a.color) || j.border.expanded.color : ((i = (r = e == null ? void 0 : e.border) == null ? void 0 : r.contracted) == null ? void 0 : i.color) || j.border.contracted.color;
+  var t, a, o, i;
+  return n ? ((a = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : a.color) || j.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || j.border.contracted.color;
 }};
   }
   &:hover {
     cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
     background-color: ${({ theme: e, $disabled: n }) => {
-  var t, a, r;
+  var t, a, o;
   if (!n)
-    return ((r = (a = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : a.background) == null ? void 0 : r.hover) || j.item.background.hover;
+    return ((o = (a = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : a.background) == null ? void 0 : o.hover) || j.item.background.hover;
 }};
   }
 `, dt = T.div`
   display: block;
   text-decoration: none;
   background-color: ${({ theme: e, $active: n }) => {
-  var t, a, r, i, u, l;
-  return n ? ((r = (a = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : a.background) == null ? void 0 : r.active) || j.item.background.active : ((l = (u = (i = e == null ? void 0 : e.menu) == null ? void 0 : i.item) == null ? void 0 : u.background) == null ? void 0 : l.inactive) || j.item.background.inactive;
+  var t, a, o, i, u, l;
+  return n ? ((o = (a = (t = e == null ? void 0 : e.menu) == null ? void 0 : t.item) == null ? void 0 : a.background) == null ? void 0 : o.active) || j.item.background.active : ((l = (u = (i = e == null ? void 0 : e.menu) == null ? void 0 : i.item) == null ? void 0 : u.background) == null ? void 0 : l.inactive) || j.item.background.inactive;
 }};
+  &:last-child {
+    border-radius: 0 0 8px 8px;
+  }
   &:hover {
     cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
     background-color: ${({ $active: e, theme: n, $disabled: t }) => {
-  var a, r, i;
+  var a, o, i;
   if (!t && !e)
-    return ((i = (r = (a = n == null ? void 0 : n.menu) == null ? void 0 : a.item) == null ? void 0 : r.background) == null ? void 0 : i.hover) || j.item.background.hover;
+    return ((i = (o = (a = n == null ? void 0 : n.menu) == null ? void 0 : a.item) == null ? void 0 : o.background) == null ? void 0 : i.hover) || j.item.background.hover;
 }};
   }
 `, st = T.div`
@@ -2295,10 +2298,21 @@ const tt = T.div`
   width: 100%;
   outline: none;
   cursor: pointer;
-`, ct = (e) => {
-  const { isOpen: n, links: t, onClick: a, title: r, activeId: i } = e;
-  return /* @__PURE__ */ o(lt, { $active: n, children: /* @__PURE__ */ h(z, { border: !0, borderRadius: "8px", width: "100%", children: [
-    /* @__PURE__ */ o(
+`, ct = T.div`
+  & > div {
+    border-bottom: 1px solid
+      ${({ theme: e, $active: n }) => {
+  var t, a, o, i;
+  return n ? ((a = (t = e == null ? void 0 : e.border) == null ? void 0 : t.expanded) == null ? void 0 : a.color) || j.border.expanded.color : ((i = (o = e == null ? void 0 : e.border) == null ? void 0 : o.contracted) == null ? void 0 : i.color) || j.border.contracted.color;
+}};
+    border-radius: 8px 8px 0 0;
+  }
+`, ut = (e) => {
+  const { isOpen: n, links: t, onClick: a, title: o, activeId: i } = e, u = (l) => {
+    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), a());
+  };
+  return /* @__PURE__ */ r(lt, { $active: n, children: /* @__PURE__ */ h(z, { border: !0, borderRadius: "8px", width: "100%", children: [
+    /* @__PURE__ */ r(ct, { $active: n && t.length > 0, children: /* @__PURE__ */ r(
       z,
       {
         alignItems: "center",
@@ -2310,23 +2324,21 @@ const tt = T.div`
           st,
           {
             onClick: a,
-            onKeyDown: (l) => {
-              (l.key === "Enter" || l.key === " ") && (l.preventDefault(), a());
-            },
+            onKeyDown: u,
             role: "button",
             tabIndex: 0,
             "aria-expanded": n,
             "aria-controls": "dropdown-links",
             children: [
-              /* @__PURE__ */ o(
-                R,
+              /* @__PURE__ */ r(
+                F,
                 {
                   appearance: n ? "primary" : "dark",
                   cursorHover: !0,
-                  icon: n ? /* @__PURE__ */ o(we, {}) : /* @__PURE__ */ o(ze, {})
+                  icon: n && t.length > 0 ? /* @__PURE__ */ r(we, {}) : /* @__PURE__ */ r(ze, {})
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ r(
                 w,
                 {
                   appearance: n ? "primary" : "dark",
@@ -2334,53 +2346,58 @@ const tt = T.div`
                   size: "small",
                   type: "title",
                   weight: n ? "bold" : "normal",
-                  children: r
+                  children: o
                 }
               )
             ]
           }
         )
       }
-    ),
-    n && /* @__PURE__ */ h(E, { children: [
-      /* @__PURE__ */ o(F, {}),
-      /* @__PURE__ */ o(g, { direction: "column", children: t.map((l) => {
-        const d = l.id === i;
-        return /* @__PURE__ */ o(
-          Qe,
-          {
-            to: l.path,
-            style: { textDecoration: "none" },
-            children: /* @__PURE__ */ o(dt, { $active: d, children: /* @__PURE__ */ h(
-              g,
-              {
-                alignItems: "center",
-                direction: "row",
-                gap: "8px",
-                padding: d ? "8px 4px" : "8px 32px",
-                children: [
-                  d && /* @__PURE__ */ o(R, { appearance: "primary", icon: /* @__PURE__ */ o(Ue, {}) }),
-                  /* @__PURE__ */ o(
-                    w,
-                    {
-                      appearance: d ? "primary" : "dark",
-                      size: "small",
-                      type: "title",
-                      weight: d ? "bold" : "normal",
-                      children: l.label
-                    }
-                  )
-                ]
-              }
-            ) })
-          },
-          l.id
-        );
-      }) })
-    ] })
+    ) }),
+    n && t.length > 0 && /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(g, { direction: "column", children: t.map((l) => {
+      const d = l.id === i;
+      return /* @__PURE__ */ r(
+        Qe,
+        {
+          to: l.path,
+          style: { textDecoration: "none" },
+          children: /* @__PURE__ */ r(dt, { $active: d, children: /* @__PURE__ */ h(
+            g,
+            {
+              alignItems: "center",
+              direction: "row",
+              gap: "8px",
+              padding: d ? "8px 4px" : "8px 32px",
+              children: [
+                d && /* @__PURE__ */ r(F, { appearance: "primary", icon: /* @__PURE__ */ r(Ue, {}) }),
+                /* @__PURE__ */ r(
+                  w,
+                  {
+                    appearance: d ? "primary" : "dark",
+                    size: "small",
+                    type: "title",
+                    weight: d ? "bold" : "normal",
+                    children: l.label
+                  }
+                )
+              ]
+            }
+          ) })
+        },
+        l.id
+      );
+    }) }) })
   ] }) });
-}, jt = (e) => {
-  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: a } = e, [r, i] = W.useState(t), u = We();
+}, pt = T.div`
+  & > div {
+    background: ${({ $background: e, theme: n }) => {
+  var t, a, o, i;
+  return e ? `${((a = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N20) || x.palette.neutral.N20}` : `${((i = (o = n == null ? void 0 : n.palette) == null ? void 0 : o.neutral) == null ? void 0 : i.N0) || x.palette.neutral.N0}`;
+}};
+  }
+  height: 90vh;
+`, qt = (e) => {
+  const { collapseOnNavigate: n = !1, defaultOpenId: t = null, groups: a } = e, [o, i] = W.useState(t), u = We();
   W.useEffect(() => {
     n && i(null);
   }, [n, u.pathname]);
@@ -2391,28 +2408,28 @@ const tt = T.div`
     },
     [u.pathname]
   );
-  return console.log(l(a[0].links), u.pathname), /* @__PURE__ */ o(g, { direction: "column", gap: "8px", children: a.map((d) => /* @__PURE__ */ o(
-    ct,
+  return /* @__PURE__ */ r(pt, { $background: !0, children: /* @__PURE__ */ r(g, { direction: "column", gap: "8px", padding: "12px", height: "100%", children: a.map((d) => /* @__PURE__ */ r(
+    ut,
     {
       activeId: l(d.links),
-      isOpen: r === d.id,
+      isOpen: o === d.id,
       links: d.links,
       onClick: () => i((s) => s === d.id ? null : d.id),
       title: d.title
     },
     d.id
-  )) });
-}, _ = /* @__PURE__ */ new Map(), ut = (e, n) => _.get(`${n}:${e}`), pt = (e, n, t) => {
+  )) }) });
+}, _ = /* @__PURE__ */ new Map(), ht = (e, n) => _.get(`${n}:${e}`), gt = (e, n, t) => {
   const a = `${n}:${e}`;
   if (_.set(a, t), _.size > 1e3) {
-    const r = _.keys().next().value;
-    r !== void 0 && _.delete(r);
+    const o = _.keys().next().value;
+    o !== void 0 && _.delete(o);
   }
-}, ve = /* @__PURE__ */ new Map(), ht = 1e3, gt = (e) => {
+}, ve = /* @__PURE__ */ new Map(), bt = 1e3, mt = (e) => {
   const n = Date.now(), t = ve.get(e) || 0;
-  return n - t < ht ? !0 : (ve.set(e, n), !1);
-}, bt = (e) => {
-  const n = Ye(e);
+  return n - t < bt ? !0 : (ve.set(e, n), !1);
+}, ft = (e) => {
+  const n = Ke(e);
   return {
     spa: "es",
     eng: "en",
@@ -2421,14 +2438,14 @@ const tt = T.div`
     ita: "it",
     por: "pt"
   }[n] || "en";
-}, mt = async (e, n, { url: t, apiKey: a }) => {
-  const r = `${n}:${e}`, i = ut(e, n);
+}, vt = async (e, n, { url: t, apiKey: a }) => {
+  const o = `${n}:${e}`, i = ht(e, n);
   if (i) return i;
-  if (gt(r))
+  if (mt(o))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const u = bt(e);
+  const u = ft(e);
   try {
-    const { data: l } = await Ke.post(
+    const { data: l } = await Ye.post(
       t,
       {
         q: e,
@@ -2442,28 +2459,28 @@ const tt = T.div`
         }
       }
     ), d = (l == null ? void 0 : l.translatedText) || e;
-    return pt(e, n, d), d;
+    return gt(e, n, d), d;
   } catch (l) {
     return console.warn(`[Translation] Failed for: "${e}"`, l), e;
   }
-}, ft = (e) => typeof e == "string" && e.trim().length > 0, xe = async (e, n, t) => {
+}, xt = (e) => typeof e == "string" && e.trim().length > 0, xe = async (e, n, t) => {
   const a = await Promise.all(
-    Object.entries(e).map(async ([r, i]) => {
-      if (ft(i)) {
-        const u = await mt(i, n, t);
-        return [r, u];
+    Object.entries(e).map(async ([o, i]) => {
+      if (xt(i)) {
+        const u = await vt(i, n, t);
+        return [o, u];
       } else if (Array.isArray(i)) {
         const u = await Promise.all(
           i.map(
             async (l) => typeof l == "object" && l !== null ? await xe(l, n, t) : l
           )
         );
-        return [r, u];
+        return [o, u];
       } else if (typeof i == "object" && i !== null) {
         const u = await xe(i, n, t);
-        return [r, u];
+        return [o, u];
       } else
-        return [r, i];
+        return [o, i];
     })
   );
   return Object.fromEntries(a);
@@ -2473,22 +2490,22 @@ export {
   Fe as BusinessRuleCardNew,
   Ae as BusinessRuleView,
   Re as BusinessRuleViewNew,
-  It as BusinessRules,
-  Ft as BusinessRulesNew,
-  ct as DropdownMenu,
-  jt as DropdownMenuContainer,
-  Rt as Filter,
-  Ot as FilterModal,
-  Mt as FormFilter,
+  Rt as BusinessRules,
+  Ot as BusinessRulesNew,
+  ut as DropdownMenu,
+  qt as DropdownMenuContainer,
+  Mt as Filter,
+  Lt as FilterModal,
+  zt as FormFilter,
   Ie as ModalRules,
   Oe as RulesForm,
-  Kn as convertRangeToString,
-  Lt as formatDecisionForBackend,
-  zt as parseRangeFromString,
-  Ut as revertSortedDataSampleSwitchPlaces,
-  Vt as revertSortedDataSwitchPlaces,
-  Bt as sortDisplayDataSampleSwitchPlaces,
-  Ht as sortDisplayDataSwitchPlaces,
+  Yn as convertRangeToString,
+  Ut as formatDecisionForBackend,
+  Vt as parseRangeFromString,
+  Bt as revertSortedDataSampleSwitchPlaces,
+  jt as revertSortedDataSwitchPlaces,
+  Ht as sortDisplayDataSampleSwitchPlaces,
+  _t as sortDisplayDataSwitchPlaces,
   xe as translateObject,
-  mt as translateText
+  vt as translateText
 };