@isettingkit/business-rules 1.0.10 → 1.0.12

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { jsx as i, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { jsx as a, jsxs as h, Fragment as D } from "react/jsx-runtime";
 import { MdOutlineDelete as fe, MdClear as ne, MdAdd as ae, MdOutlineFilterAltOff as ie, MdOutlineFilterAlt as oe } from "react-icons/md";
-import { inube as w, Stack as u, Divider as S, Icon as M, Text as x, SkeletonLine as $, useMediaQuery as A, Blanket as re, Button as N, Grid as le, Box as ye, Tag as se, Checkpicker as xe, Toggle as de, Checkbox as we, Date as Q } from "@inubekit/inubekit";
-import f, { keyframes as ve } from "styled-components";
+import { inube as w, Stack as p, Divider as S, Icon as M, Text as f, SkeletonLine as $, useMediaQuery as A, Blanket as re, Button as N, Grid as le, Box as ye, Tag as se, Checkpicker as xe, Toggle as de, Checkbox as we, Date as Q } from "@inubekit/inubekit";
+import y, { keyframes as ve } from "styled-components";
 import { ValueDataType as k, ValueHowToSetUp as O, DecisionConditionRender as Y } from "@isettingkit/input";
-import { DecisionViewConditionRenderer as z } from "@isettingkit/view";
+import { DecisionViewConditionRenderer as U } from "@isettingkit/view";
 import { createPortal as ce } from "react-dom";
 import { useFormik as Ce } from "formik";
 import { string as H, mixed as he, object as V, number as q, lazy as K, date as W } from "yup";
-import { useState as _, useEffect as Se } from "react";
+import { useState as z, useEffect as Se } from "react";
 import De from "axios";
 import { franc as Ee } from "franc-min";
-const Ne = f.div`
+const Ne = y.div`
   border-radius: 8px;
   border: 1px solid ${w.palette.neutral.N30};
   box-sizing: border-box;
@@ -22,7 +22,7 @@ const Ne = f.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-f.div`
+y.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -42,26 +42,26 @@ f.div`
   }
 `;
 const P = (e) => {
-  const { children: t, controls: n = !0, handleDelete: a, id: r } = e;
-  return /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  const { children: t, controls: n = !0, handleDelete: i, id: o } = e;
+  return /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
     n && /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ i(S, {}),
-      /* @__PURE__ */ i(u, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ a(S, {}),
+      /* @__PURE__ */ a(p, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
         M,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ i(fe, {}),
+          icon: /* @__PURE__ */ a(fe, {}),
           onClick: () => {
-            a(r);
+            i(o);
           }
         }
       ) })
     ] })
   ] }) });
-}, J = f.div`
+}, J = y.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -70,7 +70,7 @@ const P = (e) => {
   return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
-`, X = f.div`
+`, X = y.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -92,51 +92,51 @@ const P = (e) => {
   from: e.from ?? "",
   to: e.to ?? ""
 }), Ie = (e) => e.value, Re = (e) => e.value, Me = (e) => e.value;
-var y = /* @__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))(y || {});
+var x = /* @__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))(x || {});
 const Le = {
-  [y.LIST_OF_VALUES]: Ae,
-  [y.LIST_OF_VALUES_MULTI]: Fe,
-  [y.RANGE]: $e,
-  [y.GREATER_THAN]: Ie,
-  [y.LESS_THAN]: Re,
-  [y.EQUAL]: Me
+  [x.LIST_OF_VALUES]: Ae,
+  [x.LIST_OF_VALUES_MULTI]: Fe,
+  [x.RANGE]: $e,
+  [x.GREATER_THAN]: Ie,
+  [x.LESS_THAN]: Re,
+  [x.EQUAL]: Me
 }, R = (e) => {
-  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), a = Le[e == null ? void 0 : e.howToSetTheDecision] || ke;
-  return n && a(t) || t || void 0;
+  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), i = Le[e == null ? void 0 : e.howToSetTheDecision] || ke;
+  return n && i(t) || t || void 0;
 }, Oe = (e) => {
   const {
     conditionsAlignment: t,
     decision: n,
-    decisionDateElement: a,
-    decisionMapper: r,
-    loading: o,
-    skeleton: p,
-    terms: c,
+    decisionDateElement: i,
+    decisionMapper: o,
+    loading: r,
+    skeleton: u,
+    terms: l,
     textValues: s,
     visibleConditions: g
   } = e;
-  return o ? /* @__PURE__ */ h(u, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ i(u, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
-      z,
+  return r ? /* @__PURE__ */ h(p, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ a(p, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
+      U,
       {
-        element: r,
+        element: o,
         valueData: R(
-          r
+          o
         ),
         type: "decision"
       }
     ) }, n.ruleName),
-    /* @__PURE__ */ i(S, { dashed: !0 }),
-    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ h(
-      u,
+    /* @__PURE__ */ a(S, { dashed: !0 }),
+    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ h(
+      p,
       {
         direction: "column",
         gap: "12px",
         justifyContent: t,
         height: "203px",
         children: [
-          /* @__PURE__ */ i(
-            x,
+          /* @__PURE__ */ a(
+            f,
             {
               type: "label",
               size: "large",
@@ -146,22 +146,22 @@ const Le = {
               children: s.factsThatConditionIt
             }
           ),
-          g.map((d) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(u, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
-            z,
+          g.map((c) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(p, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
+            U,
             {
-              element: { ...d, value: d.value },
+              element: { ...c, value: c.value },
               valueData: R(
-                d
+                c
               )
             }
-          ) }) }, d.conditionName)),
-          c && /* @__PURE__ */ h(D, { children: [
-            /* @__PURE__ */ i(S, { dashed: !0 }),
-            a && /* @__PURE__ */ i(
-              z,
+          ) }) }, c.conditionName)),
+          l && /* @__PURE__ */ h(D, { children: [
+            /* @__PURE__ */ a(S, { dashed: !0 }),
+            i && /* @__PURE__ */ a(
+              U,
               {
-                element: a.element,
-                valueData: a.valueData,
+                element: i.element,
+                valueData: i.valueData,
                 type: "decision"
               },
               s.terms
@@ -170,49 +170,49 @@ const Le = {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ h(u, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ h(u, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ i($, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ i($, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ h(p, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ h(p, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ a($, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ a($, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ h(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ i(S, { dashed: !0 }),
-      /* @__PURE__ */ i($, { animated: !0, width: "150px" })
+    /* @__PURE__ */ h(p, { direction: "column", gap: "12px", alignItems: "center", children: [
+      /* @__PURE__ */ a(S, { dashed: !0 }),
+      /* @__PURE__ */ a($, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
-      u,
+    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(
+      p,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: p.map((d, l) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ h(
-          u,
+        children: u.map((c, d) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ h(
+          p,
           {
             direction: "column",
             gap: "12px",
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ i($, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ i($, { animated: !0, width: "85px" })
+              /* @__PURE__ */ a($, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ a($, { animated: !0, width: "85px" })
             ]
           }
-        ) }, `condition-${l}`))
+        ) }, `condition-${d}`))
       }
     ) })
   ] });
 }, ue = (e) => {
   var b;
-  const { decision: t, loading: n = !1, textValues: a } = e, r = !!(t != null && t.effectiveFrom), o = !!(t != null && t.validUntil), p = r && o ? {
+  const { decision: t, loading: n = !1, textValues: i } = e, o = !!(t != null && t.effectiveFrom), r = !!(t != null && t.validUntil), u = o && r ? {
     element: {
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: String(t.effectiveFrom),
       howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     },
     valueData: R({
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: {
         from: String(t.effectiveFrom),
         to: String(t.validUntil)
@@ -220,47 +220,47 @@ const Le = {
       howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     })
-  } : r && !o ? {
+  } : o && !r ? {
     element: {
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: String(t.effectiveFrom),
       howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     },
     valueData: R({
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: String(t.effectiveFrom),
       howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     })
-  } : null, c = t ? {
+  } : null, l = t ? {
     labelName: t.labelName || "",
     decisionDataType: t.decisionDataType || "alphabetical",
     value: R(t),
     howToSetTheDecision: t.howToSetTheDecision || "EqualTo"
   } : null, s = ((b = t == null ? void 0 : t.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
     (T) => !T.hidden
-  )) || [], g = Array.from({ length: 5 }), d = !!(!n && t && a && c), l = s.length < 2 ? "start" : "space-between";
-  return /* @__PURE__ */ i(
+  )) || [], g = Array.from({ length: 5 }), c = !!(!n && t && i && l), d = s.length < 2 ? "start" : "space-between";
+  return /* @__PURE__ */ a(
     Oe,
     {
-      conditionsAlignment: l,
+      conditionsAlignment: d,
       decision: t,
-      decisionDateElement: p,
-      decisionMapper: c,
-      loading: d,
+      decisionDateElement: u,
+      decisionMapper: l,
+      loading: c,
       skeleton: g,
-      terms: !!(a != null && a.terms),
-      textValues: a,
+      terms: !!(i != null && i.terms),
+      textValues: i,
       visibleConditions: s
     }
   );
-}, Ve = f.div`
+}, Ve = y.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, _e = f.div`
+`, ze = y.div`
   background-color: ${({ theme: e }) => {
   var t, n;
   return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
@@ -291,24 +291,24 @@ const Le = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ue = (e) => {
-  const { children: t, portalId: n, onCloseModal: a, title: r } = e, o = document.getElementById(n);
-  if (!o)
+`, _e = (e) => {
+  const { children: t, portalId: n, onCloseModal: i, title: o } = e, r = document.getElementById(n);
+  if (!r)
     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 p = A("(max-width: 400px)");
+  const u = A("(max-width: 400px)");
   return ce(
-    /* @__PURE__ */ i(Ve, { smallScreen: p, children: /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ i(u, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(u, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ i(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
-        /* @__PURE__ */ i(ne, { size: "24px", cursor: "pointer", onClick: a })
+    /* @__PURE__ */ a(Ve, { smallScreen: u, children: /* @__PURE__ */ a(re, { children: /* @__PURE__ */ a(ze, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ a(p, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(p, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ a(f, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
+        /* @__PURE__ */ a(ne, { size: "24px", cursor: "pointer", onClick: i })
       ] }) }),
       t
     ] }) }) }) }),
-    o
+    r
   );
-}, ze = ve`
+}, Ue = ve`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -318,7 +318,7 @@ const Le = {
     transform: translateY(0);
   }
 `;
-f.div`
+y.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
@@ -332,7 +332,7 @@ f.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-f.div`
+y.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -342,7 +342,7 @@ f.div`
 }};
   }
 `;
-const je = f.div`
+const je = y.div`
   & > div {
     background-color: ${({ theme: e }) => {
   var t, n;
@@ -354,18 +354,18 @@ const je = f.div`
   width: 100%;
   height: 100%;
   padding-bottom: 12px;
-`, pe = f.div`
+`, pe = y.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${ze} 600ms ease-out;
+    animation: ${Ue} 600ms ease-out;
   }
-`, qe = f.div`
+`, qe = y.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Be = f.div`
+`, Be = y.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -388,7 +388,7 @@ const je = f.div`
 `;
 function He(e) {
   const { index: t, handleOpenModal: n } = e;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     P,
     {
       id: `loading-card-${t}`,
@@ -396,23 +396,23 @@ function He(e) {
       },
       handleView: () => n ? n() : null,
       controls: !1,
-      children: /* @__PURE__ */ i(ue, { loading: !0 })
+      children: /* @__PURE__ */ a(ue, { loading: !0 })
     },
     `loading-card-${t}`
   );
 }
 function Pe(e) {
-  const { decision: t, controls: n, handleOpenModal: a, handleDelete: r, textValues: o } = e;
-  return t ? /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ i(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
-    /* @__PURE__ */ i(
+  const { decision: t, controls: n, handleOpenModal: i, handleDelete: o, textValues: r } = e;
+  return t ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ a(f, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
+    /* @__PURE__ */ a(
       P,
       {
         id: t.decisionId,
-        handleDelete: () => r ? r(t.decisionId) : null,
-        handleView: () => a ? a(t) : null,
+        handleDelete: () => o ? o(t.decisionId) : null,
+        handleView: () => i ? i(t) : null,
         controls: n,
-        children: /* @__PURE__ */ i(ue, { decision: t, textValues: o })
+        children: /* @__PURE__ */ a(ue, { decision: t, textValues: r })
       }
     )
   ] }) }, t.decisionId) : null;
@@ -421,26 +421,26 @@ function Ge(e) {
   const {
     customTitleContentAddCard: t,
     index: n,
-    handleOpenModal: a,
-    shouldRenderEmptyMessage: r
-  } = e, o = t || "Agregar decisión";
-  return /* @__PURE__ */ i(pe, { children: r ? null : /* @__PURE__ */ h(u, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ i(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ i(
+    handleOpenModal: i,
+    shouldRenderEmptyMessage: o
+  } = e, r = t || "Agregar decisión";
+  return /* @__PURE__ */ a(pe, { children: o ? null : /* @__PURE__ */ h(p, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ a(f, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+    /* @__PURE__ */ a(
       je,
       {
-        onClick: () => a ? a() : null,
-        children: /* @__PURE__ */ i(
+        onClick: () => i ? i() : null,
+        children: /* @__PURE__ */ a(
           P,
           {
             id: `add-decision-${n}`,
             handleDelete: () => {
             },
-            handleView: () => a ? a() : null,
+            handleView: () => i ? i() : null,
             controls: !1,
-            children: /* @__PURE__ */ h(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ i(M, { appearance: "gray", icon: /* @__PURE__ */ i(ae, {}), size: "35px" }),
-              /* @__PURE__ */ i(x, { appearance: "gray", type: "body", size: "large", children: o })
+            children: /* @__PURE__ */ h(p, { direction: "column", gap: "12px", alignItems: "center", children: [
+              /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(ae, {}), size: "35px" }),
+              /* @__PURE__ */ a(f, { appearance: "gray", type: "body", size: "large", children: r })
             ] })
           }
         )
@@ -459,63 +459,63 @@ const Qe = {
   const {
     controls: t,
     customTitleContentAddCard: n,
-    decisions: a,
-    loading: r,
-    handleOpenModal: o,
-    handleDelete: p,
-    textValues: c
-  } = e, s = r ? Array.from({ length: 3 }).map(
-    (d, l) => B({
+    decisions: i,
+    loading: o,
+    handleOpenModal: r,
+    handleDelete: u,
+    textValues: l
+  } = e, s = o ? Array.from({ length: 3 }).map(
+    (c, d) => B({
       type: "loading",
-      index: l,
+      index: d,
       controls: t,
       customTitleContentAddCard: n,
-      loading: r,
-      handleOpenModal: o,
-      handleDelete: p,
-      textValues: c
+      loading: o,
+      handleOpenModal: r,
+      handleDelete: u,
+      textValues: l
     })
-  ) : a == null ? void 0 : a.map(
-    (d) => B({
+  ) : i == null ? void 0 : i.map(
+    (c) => B({
       type: "decision",
-      decision: d,
+      decision: c,
       controls: t,
       customTitleContentAddCard: n,
-      loading: r,
-      handleOpenModal: o,
-      handleDelete: p,
-      textValues: c
+      loading: o,
+      handleOpenModal: r,
+      handleDelete: u,
+      textValues: l
     })
-  ), g = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !r && t;
+  ), g = ((i == null ? void 0 : i.length) === 0 || i.length < Math.floor(window.innerWidth / 300)) && !o && t;
   return { renderedCards: s, shouldRenderAddCard: g };
 }, kt = (e) => {
   const {
     controls: t = !0,
     customTitleContentAddCard: n,
-    customMessageEmptyDecisions: a,
-    decisions: r,
-    textValues: o,
-    decisionTemplate: p,
-    isModalOpen: c,
+    customMessageEmptyDecisions: i,
+    decisions: o,
+    textValues: r,
+    decisionTemplate: u,
+    isModalOpen: l,
     selectedDecision: s,
     loading: g,
-    handleOpenModal: d,
-    handleCloseModal: l,
+    handleOpenModal: c,
+    handleCloseModal: d,
     handleSubmitForm: b,
     handleDelete: T,
     terms: m = !0
-  } = e, v = A("(max-width: 681px)"), C = A("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: U } = Ye({
+  } = e, v = A("(max-width: 681px)"), C = A("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: _ } = Ye({
     controls: t,
     customTitleContentAddCard: n,
-    decisions: r,
+    decisions: o,
     loading: g,
-    handleOpenModal: d,
+    handleOpenModal: c,
     handleDelete: T,
-    textValues: o
-  }), L = (r == null ? void 0 : r.length) === 0 && !g;
+    textValues: r
+  }), L = (o == null ? void 0 : o.length) === 0 && !g;
   return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ i(u, { direction: "column", gap: "16px", padding: "6px", children: L ? /* @__PURE__ */ h(
-      u,
+    /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(Be, { children: /* @__PURE__ */ a(p, { direction: "column", gap: "16px", padding: "6px", children: L ? /* @__PURE__ */ h(
+      p,
       {
         direction: "column",
         gap: "28px",
@@ -524,10 +524,10 @@ const Qe = {
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(x, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(D, { children: [
+          /* @__PURE__ */ a(f, { as: "span", type: "label", size: "large", appearance: "gray", children: i || /* @__PURE__ */ h(D, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
             /* @__PURE__ */ h(
-              x,
+              f,
               {
                 as: "span",
                 type: "label",
@@ -543,11 +543,11 @@ const Qe = {
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             N,
             {
-              iconBefore: /* @__PURE__ */ i(ae, {}),
-              onClick: () => d ? d() : null,
+              iconBefore: /* @__PURE__ */ a(ae, {}),
+              onClick: () => c ? c() : null,
               children: n || "Agregar decisión"
             }
           )
@@ -567,42 +567,42 @@ const Qe = {
         height: v ? "auto" : "484px",
         children: [
           F,
-          U && B({
+          _ && B({
             type: "add",
-            index: r == null ? void 0 : r.length,
+            index: o == null ? void 0 : o.length,
             controls: t,
             customTitleContentAddCard: n,
-            customMessageEmptyDecisions: a,
+            customMessageEmptyDecisions: i,
             loading: g,
-            handleOpenModal: d,
+            handleOpenModal: c,
             handleDelete: T,
-            textValues: o,
+            textValues: r,
             shouldRenderEmptyMessage: L,
             terms: m
           })
         ]
       }
     ) }) }) }),
-    c && /* @__PURE__ */ i(
-      Ue,
+    l && /* @__PURE__ */ a(
+      _e,
       {
         portalId: "modal-portal",
-        onCloseModal: l,
+        onCloseModal: d,
         title: s ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ a(
           st,
           {
-            decision: s || p,
+            decision: s || u,
             onSubmitEvent: b,
-            textValues: o,
-            onCancel: () => l ? l() : () => {
+            textValues: r,
+            onCancel: () => d ? d() : () => {
             }
           }
         )
       }
     )
   ] });
-}, Ke = f.div`
+}, Ke = y.div`
   display: flex;
   justify-content: ${({ justifyContent: e }) => e};
   align-items: ${({ alignItems: e }) => e};
@@ -615,12 +615,12 @@ const Qe = {
   margin: ${({ margin: e }) => e};
   padding: ${({ padding: e }) => e};
   background: ${({ background: e, theme: t }) => {
-  var n, a, r, o;
-  return e ? `${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N10) || w.palette.neutral.N10}` : `${((o = (r = t == null ? void 0 : t.palette) == null ? void 0 : r.neutral) == null ? void 0 : o.N0) || w.palette.neutral.N0}`;
+  var n, i, o, r;
+  return e ? `${((i = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : i.N10) || w.palette.neutral.N10}` : `${((r = (o = t == null ? void 0 : t.palette) == null ? void 0 : o.neutral) == null ? void 0 : r.N0) || w.palette.neutral.N0}`;
 }};
   border: ${({ border: e, theme: t }) => {
-  var n, a;
-  return e ? `1px solid ${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N40) || w.palette.neutral.N40}` : "none";
+  var n, i;
+  return e ? `1px solid ${((i = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : i.N40) || w.palette.neutral.N40}` : "none";
 }};
   border-radius: ${({ borderRadius: e }) => e};
   box-sizing: ${({ boxSizing: e }) => e};
@@ -629,46 +629,53 @@ const Qe = {
   const {
     children: t,
     wrap: n,
-    direction: a = "column",
-    justifyContent: r,
-    alignItems: o,
-    alignContent: p,
-    height: c,
+    direction: i = "column",
+    justifyContent: o,
+    alignItems: r,
+    alignContent: u,
+    height: l,
     width: s,
     gap: g,
-    background: d,
-    borderRadius: l,
+    background: c,
+    borderRadius: d,
     border: b,
     margin: T = "0px",
     padding: m = "0px",
     boxSizing: v,
     scroll: C = !1
   } = e;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     Ke,
     {
-      direction: a,
-      justifyContent: r,
-      alignItems: o,
-      alignContent: p,
-      height: c,
+      direction: i,
+      justifyContent: o,
+      alignItems: r,
+      alignContent: u,
+      height: l,
       width: s,
       wrap: n,
       gap: g,
-      background: d,
+      background: c,
       border: b,
       margin: T,
       padding: m,
-      borderRadius: l,
+      borderRadius: d,
       boxSizing: v,
       scroll: C,
       children: t
     }
   );
 }, At = (e) => {
-  const { appliedFilters: t, onClear: n, onClick: a, titleClearFilter: r, titleFilter: o } = e, p = !t || t.length === 0;
-  return /* @__PURE__ */ i(ye, { borderRadius: "8px", children: /* @__PURE__ */ h(le, { gap: "12px", templateColumns: "1fr auto auto", children: [
-    /* @__PURE__ */ i(
+  const {
+    appliedFilters: t,
+    onClear: n,
+    onClick: i,
+    noFiltersLabel: o,
+    titleClearFilter: r,
+    titleFilter: u
+  } = e, l = !t || t.length === 0;
+  return /* @__PURE__ */ a(ye, { borderRadius: "8px", width: "100%", children: /* @__PURE__ */ h(le, { gap: "12px", templateColumns: "1fr auto auto", children: [
+    /* @__PURE__ */ a(
       ge,
       {
         background: !0,
@@ -678,41 +685,44 @@ const Qe = {
         gap: "8px",
         alignItems: "center",
         padding: "0px 8px",
-        children: t == null ? void 0 : t.map((c) => /* @__PURE__ */ i(
+        border: !0,
+        children: l ? /* @__PURE__ */ a(f, { size: "small", type: "label", appearance: "gray", children: o }) : t == null ? void 0 : t.map((s) => /* @__PURE__ */ a(
           se,
           {
             appearance: "primary",
             displayIcon: !0,
-            icon: c.icon,
-            label: c.label
+            removable: !0,
+            icon: s.icon,
+            label: s.label,
+            onClose: s.onClose
           },
-          c.label
+          s.label
         ))
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       N,
       {
         cursorHover: !0,
-        disabled: p,
-        iconBefore: /* @__PURE__ */ i(ie, {}),
+        disabled: l,
+        iconBefore: /* @__PURE__ */ a(ie, {}),
         onClick: n,
         variant: "outlined",
         children: r
       }
     ),
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       N,
       {
         cursorHover: !0,
-        iconBefore: /* @__PURE__ */ i(oe, {}),
-        onClick: a,
+        iconBefore: /* @__PURE__ */ a(oe, {}),
+        onClick: i,
         variant: "outlined",
-        children: o
+        children: u
       }
     )
   ] }) });
-}, We = f.div`
+}, We = y.div`
   display: flex;
   flex-direction: column;
   background-color: ${({ theme: e }) => {
@@ -729,56 +739,56 @@ const Qe = {
   const {
     actionButtonLabel: t,
     cancelButtonLabel: n,
-    children: a,
-    loading: r,
-    onClick: o,
-    onCloseModal: p,
-    portalId: c,
+    children: i,
+    loading: o,
+    onClick: r,
+    onCloseModal: u,
+    portalId: l,
     title: s
-  } = e, g = A("(max-width: 768px)"), d = document.getElementById(c);
-  if (!d)
+  } = e, g = A("(max-width: 768px)"), c = document.getElementById(l);
+  if (!c)
     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."
     );
   return ce(
-    /* @__PURE__ */ i(re, { children: /* @__PURE__ */ h(We, { $smallScreen: g, children: [
-      /* @__PURE__ */ h(u, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ h(u, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ i(x, { appearance: "dark", size: "small", type: "headline", children: s }),
-          /* @__PURE__ */ h(u, { alignItems: "center", children: [
-            /* @__PURE__ */ i(x, { children: "Cerrar" }),
-            /* @__PURE__ */ i(
+    /* @__PURE__ */ a(re, { children: /* @__PURE__ */ h(We, { $smallScreen: g, children: [
+      /* @__PURE__ */ h(p, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ h(p, { alignContent: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ a(f, { appearance: "dark", size: "small", type: "headline", children: s }),
+          /* @__PURE__ */ h(p, { alignItems: "center", children: [
+            /* @__PURE__ */ a(f, { children: "Cerrar" }),
+            /* @__PURE__ */ a(
               M,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ i(ne, {}),
-                onClick: p,
+                icon: /* @__PURE__ */ a(ne, {}),
+                onClick: u,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ i(S, {})
+        /* @__PURE__ */ a(S, {})
       ] }),
-      a,
-      /* @__PURE__ */ h(u, { gap: "20px", justifyContent: "flex-end", children: [
-        /* @__PURE__ */ i(
+      i,
+      /* @__PURE__ */ h(p, { gap: "20px", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ a(
           N,
           {
             appearance: "gray",
-            onClick: p,
-            iconBefore: /* @__PURE__ */ i(ie, {}),
+            onClick: u,
+            iconBefore: /* @__PURE__ */ a(ie, {}),
             spacing: "wide",
             variant: "outlined",
             children: n
           }
         ),
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           N,
           {
             appearance: "primary",
-            loading: r,
-            onClick: o,
+            loading: o,
+            onClick: r,
             spacing: "wide",
             variant: "filled",
             children: t
@@ -786,63 +796,67 @@ const Qe = {
         )
       ] })
     ] }) }),
-    d
+    c
   );
 }, $t = (e) => {
-  const { appliedFilters: t, fields: n, onChange: a } = e, r = A("(max-width: 768px)");
-  return /* @__PURE__ */ h(u, { direction: "column", gap: "16px", children: [
-    r && (t != null && t.length) && t.length > 0 ? /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ h(u, { gap: "6px", children: [
-        /* @__PURE__ */ i(M, { appearance: "primary", icon: /* @__PURE__ */ i(oe, {}) }),
-        /* @__PURE__ */ i(
+  const { appliedFilters: t, fields: n, onChange: i, noFiltersLabel: o } = e, r = A("(max-width: 768px)"), u = !t || t.length === 0;
+  return /* @__PURE__ */ h(p, { direction: "column", gap: "16px", children: [
+    r && /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ h(p, { gap: "6px", width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(oe, {}) }),
+        /* @__PURE__ */ a(
           ge,
           {
             background: !0,
             borderRadius: "8px",
-            height: "100%",
             direction: "row",
             gap: "8px",
             alignItems: "center",
             padding: "0px 8px",
-            children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ i(
+            border: !0,
+            width: "100%",
+            height: "32px",
+            children: u ? /* @__PURE__ */ a(f, { size: "small", type: "label", appearance: "gray", children: o }) : t == null ? void 0 : t.map((l) => /* @__PURE__ */ a(
               se,
               {
                 appearance: "primary",
                 displayIcon: !0,
-                icon: o.icon,
-                label: o.label
+                icon: l.icon,
+                label: l.label,
+                onClose: l.onClose,
+                removable: !0
               },
-              o.label
+              l.label
             ))
           }
         )
       ] }),
-      /* @__PURE__ */ i(S, { dashed: !0 })
-    ] }) : null,
-    n.map((o) => /* @__PURE__ */ h(u, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ i(u, { padding: "22px 0 0 0", children: /* @__PURE__ */ i(M, { appearance: "primary", icon: o.icon }) }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(S, { dashed: !0 })
+    ] }),
+    n.map((l) => /* @__PURE__ */ h(p, { gap: "6px", alignItems: "center", children: [
+      /* @__PURE__ */ a(p, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(M, { appearance: "primary", icon: l.icon }) }),
+      /* @__PURE__ */ a(
         xe,
         {
-          disabled: o.disabled,
-          invalid: o.invalid,
-          label: o.label,
-          message: o.message,
-          name: o.name,
-          onChange: a,
-          options: o.options,
-          placeholder: o.placeholder,
-          required: o.required,
-          values: o.values,
+          disabled: l.disabled,
+          invalid: l.invalid,
+          label: l.label,
+          message: l.message,
+          name: l.name,
+          onChange: i,
+          options: l.options,
+          placeholder: l.placeholder,
+          required: l.required,
+          values: l.values,
           fullwidth: !0
         },
-        o.name
+        l.name
       )
-    ] }, o.name))
+    ] }, l.name))
   ] });
 }, It = (e) => {
   console.log(e);
-  const { dataDecision: t, originalDecision: n } = e, a = {
+  const { dataDecision: t, originalDecision: n } = e, i = {
     conditionName: t.ruleName || "",
     labelName: t.labelName || "",
     conditionDataType: t.decisionDataType || "alphabetical",
@@ -854,17 +868,17 @@ const Qe = {
   return {
     ...n,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (r) => r.hidden ? { ...a } : r
+      (o) => o.hidden ? { ...i } : o
     )
   };
 }, Rt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var r;
-    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-      (o) => o.hidden
+    var o;
+    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+      (r) => r.hidden
     );
-    return a ? {
+    return i ? {
       ...n,
       ruleName: n.ruleName,
       labelName: n.labelName,
@@ -872,7 +886,7 @@ const Qe = {
       value: n.value,
       howToSetTheDecision: n.howToSetTheDecision,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (o) => o.hidden ? { ...a, hidden: !1 } : o
+        (r) => r.hidden ? { ...i, hidden: !1 } : r
       )
     } : n;
   });
@@ -909,9 +923,9 @@ const Qe = {
       to: q().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;
+        function(i) {
+          const { from: o } = this.parent;
+          return i > o;
         }
       )
     }),
@@ -924,19 +938,19 @@ const Qe = {
   schema: H().required("Required"),
   value: e
 }, tt = {
-  [y.LIST_OF_VALUES]: Xe,
-  [y.LIST_OF_VALUES_MULTI]: Ze,
-  [y.RANGE]: et,
-  [y.GREATER_THAN]: j,
-  [y.LESS_THAN]: j,
-  [y.EQUAL]: j
+  [x.LIST_OF_VALUES]: Xe,
+  [x.LIST_OF_VALUES_MULTI]: Ze,
+  [x.RANGE]: et,
+  [x.GREATER_THAN]: j,
+  [x.LESS_THAN]: j,
+  [x.EQUAL]: j
 }, Z = (e) => tt[e] || Je;
 function nt({
   decision: e,
   onSubmitEvent: t,
   textValues: n
 }) {
-  const a = {
+  const i = {
     ruleName: e.ruleName || "",
     decisionDataType: e.decisionDataType || k.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
@@ -948,21 +962,21 @@ function nt({
     checkClosed: !1,
     terms: !0
   };
-  let r;
-  const o = {
+  let o;
+  const r = {
     ruleName: H().required("Name is required"),
     value: K(() => Z(
-      r.values.howToSetTheDecision
+      o.values.howToSetTheDecision
     )(
-      r.values.value,
-      r.values.decisionDataType
+      o.values.value,
+      o.values.decisionDataType
     ).schema),
     conditionsThatEstablishesTheDecision: K((s, { parent: g }) => {
       var b;
       if ((g == null ? void 0 : g.toggleNone) && Object.keys(g.conditionsThatEstablishesTheDecision || {}).length > 0) return V().shape({});
-      const l = (b = e.conditionsThatEstablishesTheDecision) == null ? void 0 : b.reduce(
+      const d = (b = e.conditionsThatEstablishesTheDecision) == null ? void 0 : b.reduce(
         (T, m) => {
-          if (r.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
+          if (o.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
             const C = Z(
               m.howToSetTheCondition
             );
@@ -975,7 +989,7 @@ function nt({
         },
         {}
       );
-      return V(l).test(
+      return V(d).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (T) => T ? Object.values(T).some(
@@ -984,11 +998,11 @@ function nt({
       );
     })
   };
-  n.terms && (o.effectiveFrom = W().required(
+  n.terms && (r.effectiveFrom = W().required(
     "effective From date is required"
-  ), o.validUntil = W().when(
+  ), r.validUntil = W().when(
     "checkClosed",
-    (s, g, { parent: d }) => (d == null ? void 0 : d.checkClosed) ? g.required("valid Until date is required").test(
+    (s, g, { parent: c }) => (c == null ? void 0 : c.checkClosed) ? g.required("valid Until date is required").test(
       "is-after-startDate",
       "valid Until date must be greater than or equal to Start date",
       function(b) {
@@ -997,13 +1011,13 @@ function nt({
       }
     ) : g.notRequired()
   ));
-  const p = V(o);
-  return r = Ce({
-    initialValues: a,
-    validationSchema: p,
+  const u = V(r);
+  return o = Ce({
+    initialValues: i,
+    validationSchema: u,
     validateOnBlur: !0,
     onSubmit: (s) => {
-      var d;
+      var c;
       const g = {
         ...e,
         ruleName: s.ruleName,
@@ -1012,35 +1026,35 @@ function nt({
         value: s.value,
         effectiveFrom: s.effectiveFrom,
         validUntil: s.validUntil,
-        conditionsThatEstablishesTheDecision: (d = e.conditionsThatEstablishesTheDecision) == null ? void 0 : d.filter((l) => {
-          const b = s.conditionsThatEstablishesTheDecision[l.conditionName];
+        conditionsThatEstablishesTheDecision: (c = e.conditionsThatEstablishesTheDecision) == null ? void 0 : c.filter((d) => {
+          const b = s.conditionsThatEstablishesTheDecision[d.conditionName];
           return b != null && b !== "";
-        }).map((l) => ({
-          ...l,
-          value: s.conditionsThatEstablishesTheDecision[l.conditionName]
+        }).map((d) => ({
+          ...d,
+          value: s.conditionsThatEstablishesTheDecision[d.conditionName]
         }))
       };
       t(g);
     }
-  }), { formik: r, handleToggleNoneChange: (s) => {
+  }), { formik: o, handleToggleNoneChange: (s) => {
     var g;
-    r.setFieldValue("toggleNone", s), (g = e.conditionsThatEstablishesTheDecision) == null || g.forEach((d) => {
+    o.setFieldValue("toggleNone", s), (g = e.conditionsThatEstablishesTheDecision) == null || g.forEach((c) => {
       if (s)
-        r.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
+        o.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${c.conditionName}`,
           void 0
         );
       else {
-        const l = d.howToSetTheCondition === y.LIST_OF_VALUES_MULTI ? [] : "";
-        r.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
-          l
+        const d = c.howToSetTheCondition === x.LIST_OF_VALUES_MULTI ? [] : "";
+        o.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${c.conditionName}`,
+          d
         );
       }
     });
   } };
 }
-const at = f.div`
+const at = y.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -1049,7 +1063,7 @@ const at = f.div`
   return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
-`, it = f.div`
+`, it = y.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1070,57 +1084,57 @@ const at = f.div`
   const {
     checked: t,
     children: n,
-    handleToggleChange: a,
-    id: r,
-    labelToggle: o,
-    name: p,
-    valueToggle: c = ""
-  } = e, [s, g] = _(t), d = (l) => {
-    g(l.target.checked), a(l);
+    handleToggleChange: i,
+    id: o,
+    labelToggle: r,
+    name: u,
+    valueToggle: l = ""
+  } = e, [s, g] = z(t), c = (d) => {
+    g(d.target.checked), i(d);
   };
   return Se(() => {
     g(t);
   }, [t]), /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
+    /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(
       de,
       {
         checked: s,
-        id: r,
-        name: p,
-        onChange: d,
+        id: o,
+        name: u,
+        onChange: c,
         size: "small",
-        value: c,
-        children: /* @__PURE__ */ i(x, { size: "medium", type: "label", weight: "bold", children: o })
+        value: l,
+        children: /* @__PURE__ */ a(f, { size: "medium", type: "label", weight: "bold", children: r })
       }
     ) }),
-    s && /* @__PURE__ */ i(D, { children: n })
+    s && /* @__PURE__ */ a(D, { children: n })
   ] });
 }, rt = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: n,
-    onCheckClosedChange: a,
-    labelStart: r,
-    labelEnd: o,
-    checkedClosed: p = !1,
-    required: c = !1,
+    onCheckClosedChange: i,
+    labelStart: o,
+    labelEnd: r,
+    checkedClosed: u = !1,
+    required: l = !1,
     valueStart: s = "",
     valueEnd: g = "",
-    messageStart: d = "",
-    messageEnd: l = "",
+    messageStart: c = "",
+    messageEnd: d = "",
     statusStart: b = "pending",
     statusEnd: T = "pending"
-  } = e, [m, v] = _(p), [C, F] = _(s), [U, L] = _(g), G = ({ target: E }) => {
-    v(E.checked), a && a(E.checked);
+  } = e, [m, v] = z(u), [C, F] = z(s), [_, L] = z(g), G = ({ target: E }) => {
+    v(E.checked), i && i(E.checked);
   }, me = (E) => {
     F(E.target.value), t(E);
   }, be = (E) => {
     L(E.target.value), n(E);
   }, Te = A("(max-width: 400px)");
   return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ h(u, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ i(
-        x,
+    /* @__PURE__ */ h(p, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ a(
+        f,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -1130,14 +1144,14 @@ const at = f.div`
           children: "Vigencia"
         }
       ),
-      /* @__PURE__ */ i(
-        u,
+      /* @__PURE__ */ a(
+        p,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
-          children: /* @__PURE__ */ i(
+          children: /* @__PURE__ */ a(
             we,
             {
               label: "Cerrada",
@@ -1150,36 +1164,36 @@ const at = f.div`
       )
     ] }),
     /* @__PURE__ */ h(
-      u,
+      p,
       {
         direction: Te ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             Q,
             {
               id: "dateStart",
-              label: r,
+              label: o,
               onChange: me,
               value: C,
-              required: c,
+              required: l,
               size: "compact",
               status: b,
-              message: d
+              message: c
             }
           ),
-          m && /* @__PURE__ */ i(
+          m && /* @__PURE__ */ a(
             Q,
             {
               id: "dateEnd",
-              label: o,
+              label: r,
               onChange: be,
-              value: U,
-              required: c,
+              value: _,
+              required: l,
               size: "compact",
               status: T,
-              message: l
+              message: d
             }
           )
         ]
@@ -1190,24 +1204,24 @@ const at = f.div`
   const {
     formik: t,
     textValues: n,
-    onCancel: a,
-    visibleConditions: r,
-    normalizedDecision: o,
-    handleToggleNoneChange: p,
-    handleConditionToggleChange: c,
+    onCancel: i,
+    visibleConditions: o,
+    normalizedDecision: r,
+    handleToggleNoneChange: u,
+    handleConditionToggleChange: l,
     showConditionsError: s,
     termStartStatus: g,
-    termEndStatus: d
+    termEndStatus: c
   } = e;
-  return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ h(u, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ a("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ h(p, { direction: "column", gap: "24px", children: [
     Y({
-      condition: o,
+      condition: r,
       formik: t,
       isDecision: !0
     }),
-    /* @__PURE__ */ i(S, { dashed: !0 }),
-    /* @__PURE__ */ i(at, { children: /* @__PURE__ */ i(it, { children: /* @__PURE__ */ h(
-      u,
+    /* @__PURE__ */ a(S, { dashed: !0 }),
+    /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(it, { children: /* @__PURE__ */ h(
+      p,
       {
         direction: "column",
         padding: "6px 12px",
@@ -1215,47 +1229,47 @@ const at = f.div`
         height: "272px",
         children: [
           /* @__PURE__ */ h(
-            u,
+            p,
             {
               justifyContent: "space-between",
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ i(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ a(f, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
+                /* @__PURE__ */ a(
                   de,
                   {
                     id: "toggleNone",
-                    onChange: () => p(!t.values.toggleNone),
+                    onChange: () => u(!t.values.toggleNone),
                     checked: t.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ i(x, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
+                    children: /* @__PURE__ */ a(f, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ i(u, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((l) => /* @__PURE__ */ i(
+          /* @__PURE__ */ a(p, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((d) => /* @__PURE__ */ a(
             ot,
             {
-              id: `toggle-${l.conditionName}`,
-              name: `toggle.${l.conditionName}`,
-              labelToggle: l.labelName,
-              checked: !t.values.toggleNone && t.values.conditionsThatEstablishesTheDecision[l.conditionName] !== void 0,
-              handleToggleChange: (b) => c(
-                l.conditionName,
-                l.howToSetTheCondition === y.LIST_OF_VALUES_MULTI
+              id: `toggle-${d.conditionName}`,
+              name: `toggle.${d.conditionName}`,
+              labelToggle: d.labelName,
+              checked: !t.values.toggleNone && t.values.conditionsThatEstablishesTheDecision[d.conditionName] !== void 0,
+              handleToggleChange: (b) => l(
+                d.conditionName,
+                d.howToSetTheCondition === x.LIST_OF_VALUES_MULTI
               )(b.target.checked),
-              children: Y({ condition: l, formik: t })
+              children: Y({ condition: d, formik: t })
             },
-            l.conditionName
+            d.conditionName
           )) })
         ]
       }
     ) }) }),
     n.terms && /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ i(S, { dashed: !0 }),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(S, { dashed: !0 }),
+      /* @__PURE__ */ a(
         rt,
         {
           labelStart: n.termStart,
@@ -1265,30 +1279,30 @@ const at = f.div`
           messageStart: t.errors.effectiveFrom,
           messageEnd: t.errors.validUntil,
           statusStart: g,
-          statusEnd: d,
-          onHandleStartChange: (l) => t.setFieldValue("effectiveFrom", l.target.value),
-          onHandleEndChange: (l) => t.setFieldValue("validUntil", l.target.value),
-          onCheckClosedChange: (l) => {
-            t.setFieldValue("checkClosed", l), l && t.setFieldValue("validUntil", "");
+          statusEnd: c,
+          onHandleStartChange: (d) => t.setFieldValue("effectiveFrom", d.target.value),
+          onHandleEndChange: (d) => t.setFieldValue("validUntil", d.target.value),
+          onCheckClosedChange: (d) => {
+            t.setFieldValue("checkClosed", d), d && t.setFieldValue("validUntil", "");
           },
           checkedClosed: t.values.checkClosed
         }
       )
     ] }),
-    /* @__PURE__ */ i(S, {}),
-    s && /* @__PURE__ */ i(x, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ h(u, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ i(N, { appearance: "gray", onClick: a, children: n.cancel }),
-      /* @__PURE__ */ i(N, { type: "submit", children: n.confirm })
+    /* @__PURE__ */ a(S, {}),
+    s && /* @__PURE__ */ a(f, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
+    /* @__PURE__ */ h(p, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ a(N, { appearance: "gray", onClick: i, children: n.cancel }),
+      /* @__PURE__ */ a(N, { type: "submit", children: n.confirm })
     ] })
   ] }) });
 }, st = (e) => {
   var T;
-  const { decision: t, onSubmitEvent: n, textValues: a, onCancel: r } = e, { formik: o, handleToggleNoneChange: p } = nt({
+  const { decision: t, onSubmitEvent: n, textValues: i, onCancel: o } = e, { formik: r, handleToggleNoneChange: u } = nt({
     decision: t,
     onSubmitEvent: n,
-    textValues: a
-  }), c = {
+    textValues: i
+  }), l = {
     ruleName: t.ruleName,
     labelName: t.labelName,
     howToSetTheCondition: t.howToSetTheDecision,
@@ -1296,80 +1310,80 @@ const at = f.div`
     listOfPossibleValues: t.listOfPossibleValues
   }, s = ((T = t.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
     (m) => !m.hidden
-  )) || [], g = !!o.errors.conditionsThatEstablishesTheDecision && o.submitCount > 0, d = o.touched.effectiveFrom ? o.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = o.touched.validUntil ? o.errors.validUntil ? "invalid" : "valid" : void 0;
-  return /* @__PURE__ */ i(
+  )) || [], g = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, c = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, d = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
+  return /* @__PURE__ */ a(
     lt,
     {
-      formik: o,
-      onCancel: r,
-      textValues: a,
+      formik: r,
+      onCancel: o,
+      textValues: i,
       decision: t,
       visibleConditions: s,
-      normalizedDecision: c,
-      handleToggleNoneChange: p,
+      normalizedDecision: l,
+      handleToggleNoneChange: u,
       handleConditionToggleChange: (m, v) => (C) => {
         if (!C)
-          o.setFieldValue(
+          r.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             void 0
-          ), o.setFieldTouched(
+          ), r.setFieldTouched(
             `conditionsThatEstablishesTheDecision.${m}`,
             !1,
             !1
           );
         else {
           const F = v ? [] : "";
-          o.setFieldValue(
+          r.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             F
           );
         }
       },
       showConditionsError: g,
-      termStartStatus: d,
-      termEndStatus: l
+      termStartStatus: c,
+      termEndStatus: d
     }
   );
 }, Mt = (e) => {
-  var r;
-  const { decisionTemplate: t } = e, n = { ...t }, a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-    (o) => o.switchPlaces
+  var o;
+  const { decisionTemplate: t } = e, n = { ...t }, i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+    (r) => r.switchPlaces
   );
-  return a ? {
+  return i ? {
     ...n,
-    ruleName: a.conditionName,
-    labelName: a.labelName,
-    decisionDataType: a.conditionDataType,
-    value: a.value,
-    howToSetTheDecision: a.howToSetTheCondition,
+    ruleName: i.conditionName,
+    labelName: i.labelName,
+    decisionDataType: i.conditionDataType,
+    value: i.value,
+    howToSetTheDecision: i.howToSetTheCondition,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
+      (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
     )
   } : n;
 }, Lt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var r;
-    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-      (o) => o.switchPlaces
+    var o;
+    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+      (r) => r.switchPlaces
     );
-    return a ? {
+    return i ? {
       ...n,
-      ruleName: a.conditionName,
-      labelName: a.labelName,
-      decisionDataType: a.conditionDataType,
-      value: a.value,
-      howToSetTheDecision: a.howToSetTheCondition,
+      ruleName: i.conditionName,
+      labelName: i.labelName,
+      decisionDataType: i.conditionDataType,
+      value: i.value,
+      howToSetTheDecision: i.howToSetTheCondition,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
+        (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
       )
     } : n;
   });
 }, I = /* @__PURE__ */ new Map(), dt = (e, t) => I.get(`${t}:${e}`), ct = (e, t, n) => {
-  const a = `${t}:${e}`;
-  if (I.set(a, n), I.size > 1e3) {
-    const r = I.keys().next().value;
-    r !== void 0 && I.delete(r);
+  const i = `${t}:${e}`;
+  if (I.set(i, n), I.size > 1e3) {
+    const o = I.keys().next().value;
+    o !== void 0 && I.delete(o);
   }
 }, ee = /* @__PURE__ */ new Map(), ht = 1e3, ut = (e) => {
   const t = Date.now(), n = ee.get(e) || 0;
@@ -1384,52 +1398,52 @@ const at = f.div`
     ita: "it",
     por: "pt"
   }[t] || "en";
-}, gt = async (e, t, { url: n, apiKey: a }) => {
-  const r = `${t}:${e}`, o = dt(e, t);
-  if (o) return o;
-  if (ut(r))
+}, gt = async (e, t, { url: n, apiKey: i }) => {
+  const o = `${t}:${e}`, r = dt(e, t);
+  if (r) return r;
+  if (ut(o))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const p = pt(e);
+  const u = pt(e);
   try {
-    const { data: c } = await De.post(
+    const { data: l } = await De.post(
       n,
       {
         q: e,
-        source: p,
+        source: u,
         target: t,
-        api_key: a
+        api_key: i
       },
       {
         headers: {
           "Content-Type": "application/json"
         }
       }
-    ), s = (c == null ? void 0 : c.translatedText) || e;
+    ), s = (l == null ? void 0 : l.translatedText) || e;
     return ct(e, t, s), s;
-  } catch (c) {
-    return console.warn(`[Translation] Failed for: "${e}"`, c), e;
+  } catch (l) {
+    return console.warn(`[Translation] Failed for: "${e}"`, l), e;
   }
 }, mt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t, n) => {
-  const a = await Promise.all(
-    Object.entries(e).map(async ([r, o]) => {
-      if (mt(o)) {
-        const p = await gt(o, t, n);
-        return [r, p];
-      } else if (Array.isArray(o)) {
-        const p = await Promise.all(
-          o.map(
-            async (c) => typeof c == "object" && c !== null ? await te(c, t, n) : c
+  const i = await Promise.all(
+    Object.entries(e).map(async ([o, r]) => {
+      if (mt(r)) {
+        const u = await gt(r, t, n);
+        return [o, u];
+      } else if (Array.isArray(r)) {
+        const u = await Promise.all(
+          r.map(
+            async (l) => typeof l == "object" && l !== null ? await te(l, t, n) : l
           )
         );
-        return [r, p];
-      } else if (typeof o == "object" && o !== null) {
-        const p = await te(o, t, n);
-        return [r, p];
+        return [o, u];
+      } else if (typeof r == "object" && r !== null) {
+        const u = await te(r, t, n);
+        return [o, u];
       } else
-        return [r, o];
+        return [o, r];
     })
   );
-  return Object.fromEntries(a);
+  return Object.fromEntries(i);
 };
 export {
   P as BusinessRuleCard,
@@ -1438,7 +1452,7 @@ export {
   At as Filter,
   Ft as FilterModal,
   $t as FormFilter,
-  Ue as ModalRules,
+  _e as ModalRules,
   st as RulesForm,
   It as revertSortedDataSampleSwitchPlaces,
   Rt as revertSortedDataSwitchPlaces,