@isettingkit/business-rules 1.0.9 → 1.0.11

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { jsx as a, jsxs as g, Fragment as E } from "react/jsx-runtime";
-import { MdOutlineDelete as ge, MdClear as ne, MdAdd as ie, MdOutlineFilterAltOff as me, MdOutlineFilterAlt as be } from "react-icons/md";
-import { inube as v, Stack as p, Divider as D, Icon as _, Text as x, SkeletonLine as F, useMediaQuery as R, Blanket as ae, Button as N, Grid as oe, Box as Te, Tag as fe, Checkpicker as ye, Toggle as re, Checkbox as xe, Date as Q } from "@inubekit/inubekit";
+import { jsx as i, 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 { ValueDataType as k, ValueHowToSetUp as L, DecisionConditionRender as Y } from "@isettingkit/input";
+import { ValueDataType as k, ValueHowToSetUp as O, DecisionConditionRender as Y } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as z } from "@isettingkit/view";
-import { createPortal as le } from "react-dom";
-import { useFormik as we } from "formik";
-import { string as H, mixed as se, object as O, number as q, lazy as K, date as W } from "yup";
-import { useState as V, useEffect as Ce } from "react";
-import Se from "axios";
-import { franc as De } from "franc-min";
-const Ee = f.div`
+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 De from "axios";
+import { franc as Ee } from "franc-min";
+const Ne = f.div`
   border-radius: 8px;
-  border: 1px solid ${v.palette.neutral.N30};
+  border: 1px solid ${w.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -42,20 +42,20 @@ f.div`
   }
 `;
 const P = (e) => {
-  const { children: t, controls: n = !0, handleDelete: i, id: o } = e;
-  return /* @__PURE__ */ a(Ee, { children: /* @__PURE__ */ g(p, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  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: [
     t,
-    n && /* @__PURE__ */ g(E, { children: [
-      /* @__PURE__ */ a(D, {}),
-      /* @__PURE__ */ a(p, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
-        _,
+    n && /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ i(S, {}),
+      /* @__PURE__ */ i(u, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
+        M,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ a(ge, {}),
+          icon: /* @__PURE__ */ i(fe, {}),
           onClick: () => {
-            i(o);
+            a(r);
           }
         }
       ) })
@@ -67,7 +67,7 @@ const P = (e) => {
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  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`
@@ -88,54 +88,54 @@ const P = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ne = (e) => e.value, ke = (e) => e.value, Ae = (e) => e.value, Fe = (e) => ({
+`, ke = (e) => e.value, Ae = (e) => e.value, Fe = (e) => e.value, $e = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), $e = (e) => e.value, Ie = (e) => e.value, Re = (e) => e.value;
+}), 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 || {});
-const Me = {
-  [y.LIST_OF_VALUES]: ke,
-  [y.LIST_OF_VALUES_MULTI]: Ae,
-  [y.RANGE]: Fe,
-  [y.GREATER_THAN]: $e,
-  [y.LESS_THAN]: Ie,
-  [y.EQUAL]: Re
-}, I = (e) => {
-  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), i = Me[e == null ? void 0 : e.howToSetTheDecision] || Ne;
-  return n && i(t) || t || void 0;
-}, Le = (e) => {
+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
+}, 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;
+}, Oe = (e) => {
   const {
     conditionsAlignment: t,
     decision: n,
-    decisionDateElement: i,
-    decisionMapper: o,
-    loading: r,
-    skeleton: h,
+    decisionDateElement: a,
+    decisionMapper: r,
+    loading: o,
+    skeleton: p,
     terms: c,
     textValues: s,
-    visibleConditions: u
+    visibleConditions: g
   } = e;
-  return r ? /* @__PURE__ */ g(p, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ a(p, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
+  return o ? /* @__PURE__ */ h(u, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ i(u, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
       z,
       {
-        element: o,
-        valueData: I(
-          o
+        element: r,
+        valueData: R(
+          r
         ),
         type: "decision"
       }
     ) }, n.ruleName),
-    /* @__PURE__ */ a(D, { dashed: !0 }),
-    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ g(
-      p,
+    /* @__PURE__ */ i(S, { dashed: !0 }),
+    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ h(
+      u,
       {
         direction: "column",
         gap: "12px",
         justifyContent: t,
         height: "203px",
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ i(
             x,
             {
               type: "label",
@@ -146,22 +146,22 @@ const Me = {
               children: s.factsThatConditionIt
             }
           ),
-          u.map((d) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(p, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
+          g.map((d) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(u, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
             z,
             {
               element: { ...d, value: d.value },
-              valueData: I(
+              valueData: R(
                 d
               )
             }
           ) }) }, d.conditionName)),
-          c && /* @__PURE__ */ g(E, { children: [
-            /* @__PURE__ */ a(D, { dashed: !0 }),
-            i && /* @__PURE__ */ a(
+          c && /* @__PURE__ */ h(D, { children: [
+            /* @__PURE__ */ i(S, { dashed: !0 }),
+            a && /* @__PURE__ */ i(
               z,
               {
-                element: i.element,
-                valueData: i.valueData,
+                element: a.element,
+                valueData: a.valueData,
                 type: "decision"
               },
               s.terms
@@ -170,100 +170,100 @@ const Me = {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ g(p, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ g(p, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ a(F, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ a(F, { animated: !0, width: "85px" })
+  ] }) : /* @__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" })
     ] }, "loading"),
-    /* @__PURE__ */ g(p, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ a(D, { dashed: !0 }),
-      /* @__PURE__ */ a(F, { animated: !0, width: "150px" })
+    /* @__PURE__ */ h(u, { direction: "column", gap: "12px", alignItems: "center", children: [
+      /* @__PURE__ */ i(S, { dashed: !0 }),
+      /* @__PURE__ */ i($, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(
-      p,
+    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
+      u,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: h.map((d, l) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ g(
-          p,
+        children: p.map((d, l) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ h(
+          u,
           {
             direction: "column",
             gap: "12px",
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ a(F, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ a(F, { animated: !0, width: "85px" })
+              /* @__PURE__ */ i($, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ i($, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${l}`))
       }
     ) })
   ] });
-}, de = (e) => {
+}, ue = (e) => {
   var b;
-  const { decision: t, loading: n = !1, textValues: i } = e, o = !!(t != null && t.effectiveFrom), r = !!(t != null && t.validUntil), h = o && r ? {
+  const { decision: t, loading: n = !1, textValues: a } = e, r = !!(t != null && t.effectiveFrom), o = !!(t != null && t.validUntil), p = r && o ? {
     element: {
-      labelName: i == null ? void 0 : i.terms,
+      labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.RANGE,
+      howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     },
-    valueData: I({
-      labelName: i == null ? void 0 : i.terms,
+    valueData: R({
+      labelName: a == null ? void 0 : a.terms,
       value: {
         from: String(t.effectiveFrom),
         to: String(t.validUntil)
       },
-      howToSetTheDecision: L.RANGE,
+      howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     })
-  } : o && !r ? {
+  } : r && !o ? {
     element: {
-      labelName: i == null ? void 0 : i.terms,
+      labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.EQUAL,
+      howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     },
-    valueData: I({
-      labelName: i == null ? void 0 : i.terms,
+    valueData: R({
+      labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.EQUAL,
+      howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     })
   } : null, c = t ? {
     labelName: t.labelName || "",
     decisionDataType: t.decisionDataType || "alphabetical",
-    value: I(t),
+    value: R(t),
     howToSetTheDecision: t.howToSetTheDecision || "EqualTo"
   } : null, s = ((b = t == null ? void 0 : t.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
     (T) => !T.hidden
-  )) || [], u = Array.from({ length: 5 }), d = !!(!n && t && i && c), l = s.length < 2 ? "start" : "space-between";
-  return /* @__PURE__ */ a(
-    Le,
+  )) || [], g = Array.from({ length: 5 }), d = !!(!n && t && a && c), l = s.length < 2 ? "start" : "space-between";
+  return /* @__PURE__ */ i(
+    Oe,
     {
       conditionsAlignment: l,
       decision: t,
-      decisionDateElement: h,
+      decisionDateElement: p,
       decisionMapper: c,
       loading: d,
-      skeleton: u,
-      terms: !!(i != null && i.terms),
-      textValues: i,
+      skeleton: g,
+      terms: !!(a != null && a.terms),
+      textValues: a,
       visibleConditions: s
     }
   );
-}, Oe = f.div`
+}, Ve = f.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, Ve = f.div`
+`, _e = f.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) || v.palette.neutral.N0;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -291,24 +291,24 @@ const Me = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, _e = (e) => {
-  const { children: t, portalId: n, onCloseModal: i, title: o } = e, r = document.getElementById(n);
-  if (!r)
+`, Ue = (e) => {
+  const { children: t, portalId: n, onCloseModal: a, title: r } = e, o = document.getElementById(n);
+  if (!o)
     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 h = R("(max-width: 400px)");
-  return le(
-    /* @__PURE__ */ a(Oe, { smallScreen: h, children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ g(p, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ a(p, { direction: "column", gap: "24px", children: /* @__PURE__ */ g(p, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ a(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
-        /* @__PURE__ */ a(ne, { size: "24px", cursor: "pointer", onClick: i })
+  const p = 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 })
       ] }) }),
       t
     ] }) }) }) }),
-    r
+    o
   );
-}, Ue = ve`
+}, ze = ve`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -323,7 +323,7 @@ f.div`
   border: 1px solid
     ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -338,15 +338,15 @@ f.div`
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
 `;
-const ze = f.div`
+const je = f.div`
   & > 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.N10) || v.palette.neutral.N10;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N10) || w.palette.neutral.N10;
 }};
     justify-content: center;
   }
@@ -354,18 +354,18 @@ const ze = f.div`
   width: 100%;
   height: 100%;
   padding-bottom: 12px;
-`, ce = f.div`
+`, pe = f.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${Ue} 600ms ease-out;
+    animation: ${ze} 600ms ease-out;
   }
-`, je = f.div`
+`, qe = f.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, qe = f.div`
+`, Be = f.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -386,9 +386,9 @@ const ze = f.div`
     }
   }
 `;
-function Be(e) {
+function He(e) {
   const { index: t, handleOpenModal: n } = e;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     P,
     {
       id: `loading-card-${t}`,
@@ -396,51 +396,51 @@ function Be(e) {
       },
       handleView: () => n ? n() : null,
       controls: !1,
-      children: /* @__PURE__ */ a(de, { loading: !0 })
+      children: /* @__PURE__ */ i(ue, { loading: !0 })
     },
     `loading-card-${t}`
   );
 }
-function He(e) {
-  const { decision: t, controls: n, handleOpenModal: i, handleDelete: o, textValues: r } = e;
-  return t ? /* @__PURE__ */ a(ce, { children: /* @__PURE__ */ g(p, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ a(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
-    /* @__PURE__ */ a(
+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(
       P,
       {
         id: t.decisionId,
-        handleDelete: () => o ? o(t.decisionId) : null,
-        handleView: () => i ? i(t) : null,
+        handleDelete: () => r ? r(t.decisionId) : null,
+        handleView: () => a ? a(t) : null,
         controls: n,
-        children: /* @__PURE__ */ a(de, { decision: t, textValues: r })
+        children: /* @__PURE__ */ i(ue, { decision: t, textValues: o })
       }
     )
   ] }) }, t.decisionId) : null;
 }
-function Pe(e) {
+function Ge(e) {
   const {
     customTitleContentAddCard: t,
     index: n,
-    handleOpenModal: i,
-    shouldRenderEmptyMessage: o
-  } = e, r = t || "Agregar decisión";
-  return /* @__PURE__ */ a(ce, { children: o ? null : /* @__PURE__ */ g(p, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ a(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ a(
-      ze,
+    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(
+      je,
       {
-        onClick: () => i ? i() : null,
-        children: /* @__PURE__ */ a(
+        onClick: () => a ? a() : null,
+        children: /* @__PURE__ */ i(
           P,
           {
             id: `add-decision-${n}`,
             handleDelete: () => {
             },
-            handleView: () => i ? i() : null,
+            handleView: () => a ? a() : null,
             controls: !1,
-            children: /* @__PURE__ */ g(p, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ a(_, { appearance: "gray", icon: /* @__PURE__ */ a(ie, {}), size: "35px" }),
-              /* @__PURE__ */ a(x, { appearance: "gray", type: "body", size: "large", children: r })
+            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 })
             ] })
           }
         )
@@ -448,85 +448,85 @@ function Pe(e) {
     )
   ] }) }, `add-decision-${n}`);
 }
-const Ge = {
-  loading: Be,
-  decision: He,
-  add: Pe
+const Qe = {
+  loading: He,
+  decision: Pe,
+  add: Ge
 }, B = (e) => {
-  const { type: t } = e, n = Ge[t];
+  const { type: t } = e, n = Qe[t];
   return n ? n(e) : null;
-}, Qe = (e) => {
+}, Ye = (e) => {
   const {
     controls: t,
     customTitleContentAddCard: n,
-    decisions: i,
-    loading: o,
-    handleOpenModal: r,
-    handleDelete: h,
+    decisions: a,
+    loading: r,
+    handleOpenModal: o,
+    handleDelete: p,
     textValues: c
-  } = e, s = o ? Array.from({ length: 3 }).map(
+  } = e, s = r ? Array.from({ length: 3 }).map(
     (d, l) => B({
       type: "loading",
       index: l,
       controls: t,
       customTitleContentAddCard: n,
-      loading: o,
-      handleOpenModal: r,
-      handleDelete: h,
+      loading: r,
+      handleOpenModal: o,
+      handleDelete: p,
       textValues: c
     })
-  ) : i == null ? void 0 : i.map(
+  ) : a == null ? void 0 : a.map(
     (d) => B({
       type: "decision",
       decision: d,
       controls: t,
       customTitleContentAddCard: n,
-      loading: o,
-      handleOpenModal: r,
-      handleDelete: h,
+      loading: r,
+      handleOpenModal: o,
+      handleDelete: p,
       textValues: c
     })
-  ), u = ((i == null ? void 0 : i.length) === 0 || i.length < Math.floor(window.innerWidth / 300)) && !o && t;
-  return { renderedCards: s, shouldRenderAddCard: u };
+  ), g = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !r && t;
+  return { renderedCards: s, shouldRenderAddCard: g };
 }, kt = (e) => {
   const {
     controls: t = !0,
     customTitleContentAddCard: n,
-    customMessageEmptyDecisions: i,
-    decisions: o,
-    textValues: r,
-    decisionTemplate: h,
+    customMessageEmptyDecisions: a,
+    decisions: r,
+    textValues: o,
+    decisionTemplate: p,
     isModalOpen: c,
     selectedDecision: s,
-    loading: u,
+    loading: g,
     handleOpenModal: d,
     handleCloseModal: l,
     handleSubmitForm: b,
     handleDelete: T,
     terms: m = !0
-  } = e, w = R("(max-width: 681px)"), C = R("(max-width: 400px)"), { renderedCards: A, shouldRenderAddCard: U } = Qe({
+  } = e, v = A("(max-width: 681px)"), C = A("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: U } = Ye({
     controls: t,
     customTitleContentAddCard: n,
-    decisions: o,
-    loading: u,
+    decisions: r,
+    loading: g,
     handleOpenModal: d,
     handleDelete: T,
-    textValues: r
-  }), M = (o == null ? void 0 : o.length) === 0 && !u;
-  return /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ a(je, { children: /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(p, { direction: "column", gap: "16px", padding: "6px", children: M ? /* @__PURE__ */ g(
-      p,
+    textValues: o
+  }), L = (r == null ? void 0 : r.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,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: w ? "auto" : "435px",
+        height: v ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ a(x, { as: "span", type: "label", size: "large", appearance: "gray", children: i || /* @__PURE__ */ g(E, { children: [
+          /* @__PURE__ */ i(x, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(D, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ h(
               x,
               {
                 as: "span",
@@ -543,18 +543,18 @@ const Ge = {
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ i(
             N,
             {
-              iconBefore: /* @__PURE__ */ a(ie, {}),
+              iconBefore: /* @__PURE__ */ i(ae, {}),
               onClick: () => d ? d() : null,
               children: n || "Agregar decisión"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ g(
-      oe,
+    ) : /* @__PURE__ */ h(
+      le,
       {
         templateColumns: C ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
@@ -564,37 +564,37 @@ const Ge = {
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: w ? "auto" : "484px",
+        height: v ? "auto" : "484px",
         children: [
-          A,
+          F,
           U && B({
             type: "add",
-            index: o == null ? void 0 : o.length,
+            index: r == null ? void 0 : r.length,
             controls: t,
             customTitleContentAddCard: n,
-            customMessageEmptyDecisions: i,
-            loading: u,
+            customMessageEmptyDecisions: a,
+            loading: g,
             handleOpenModal: d,
             handleDelete: T,
-            textValues: r,
-            shouldRenderEmptyMessage: M,
+            textValues: o,
+            shouldRenderEmptyMessage: L,
             terms: m
           })
         ]
       }
     ) }) }) }),
-    c && /* @__PURE__ */ a(
-      _e,
+    c && /* @__PURE__ */ i(
+      Ue,
       {
         portalId: "modal-portal",
         onCloseModal: l,
         title: s ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ i(
           st,
           {
-            decision: s || h,
+            decision: s || p,
             onSubmitEvent: b,
-            textValues: r,
+            textValues: o,
             onCancel: () => l ? l() : () => {
             }
           }
@@ -602,7 +602,7 @@ const Ge = {
       }
     )
   ] });
-}, Ye = f.div`
+}, Ke = f.div`
   display: flex;
   justify-content: ${({ justifyContent: e }) => e};
   align-items: ${({ alignItems: e }) => e};
@@ -615,61 +615,61 @@ const Ge = {
   margin: ${({ margin: e }) => e};
   padding: ${({ padding: e }) => e};
   background: ${({ background: e, theme: t }) => {
-  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) || v.palette.neutral.N10}` : `${((r = (o = t == null ? void 0 : t.palette) == null ? void 0 : o.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0}`;
+  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}`;
 }};
   border: ${({ border: e, theme: t }) => {
-  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) || v.palette.neutral.N40}` : "none";
+  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";
 }};
   border-radius: ${({ borderRadius: e }) => e};
   box-sizing: ${({ boxSizing: e }) => e};
   overflow-y: ${({ scroll: e }) => e ? "scroll" : "none"};
-`, Ke = (e) => {
+`, ge = (e) => {
   const {
     children: t,
     wrap: n,
-    direction: i = "column",
-    justifyContent: o,
-    alignItems: r,
-    alignContent: h,
+    direction: a = "column",
+    justifyContent: r,
+    alignItems: o,
+    alignContent: p,
     height: c,
     width: s,
-    gap: u,
+    gap: g,
     background: d,
     borderRadius: l,
     border: b,
     margin: T = "0px",
     padding: m = "0px",
-    boxSizing: w,
+    boxSizing: v,
     scroll: C = !1
   } = e;
-  return /* @__PURE__ */ a(
-    Ye,
+  return /* @__PURE__ */ i(
+    Ke,
     {
-      direction: i,
-      justifyContent: o,
-      alignItems: r,
-      alignContent: h,
+      direction: a,
+      justifyContent: r,
+      alignItems: o,
+      alignContent: p,
       height: c,
       width: s,
       wrap: n,
-      gap: u,
+      gap: g,
       background: d,
       border: b,
       margin: T,
       padding: m,
       borderRadius: l,
-      boxSizing: w,
+      boxSizing: v,
       scroll: C,
       children: t
     }
   );
 }, At = (e) => {
-  const { appliedFilters: t, onClear: n, onClick: i, titleClearFilter: o, titleFilter: r } = e, h = !t || t.length === 0;
-  return /* @__PURE__ */ a(Te, { borderRadius: "8px", children: /* @__PURE__ */ g(oe, { gap: "12px", templateColumns: "1fr auto auto", children: [
-    /* @__PURE__ */ a(
-      Ke,
+  const { appliedFilters: t, onClear: n, onClick: a, titleClearFilter: r, titleFilter: o } = e, p = !t || t.length === 0;
+  return /* @__PURE__ */ i(ye, { borderRadius: "8px", width: "100%", children: /* @__PURE__ */ h(le, { gap: "12px", templateColumns: "1fr auto auto", children: [
+    /* @__PURE__ */ i(
+      ge,
       {
         background: !0,
         borderRadius: "8px",
@@ -678,37 +678,39 @@ const Ge = {
         gap: "8px",
         alignItems: "center",
         padding: "0px 8px",
-        children: t == null ? void 0 : t.map((c) => /* @__PURE__ */ a(
-          fe,
+        children: t == null ? void 0 : t.map((c) => /* @__PURE__ */ i(
+          se,
           {
             appearance: "primary",
             displayIcon: !0,
+            removable: !0,
             icon: c.icon,
-            label: c.label
+            label: c.label,
+            onClose: c.onClose
           },
           c.label
         ))
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       N,
       {
         cursorHover: !0,
-        disabled: h,
-        iconBefore: /* @__PURE__ */ a(me, {}),
+        disabled: p,
+        iconBefore: /* @__PURE__ */ i(ie, {}),
         onClick: n,
         variant: "outlined",
-        children: o
+        children: r
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       N,
       {
         cursorHover: !0,
-        iconBefore: /* @__PURE__ */ a(be, {}),
-        onClick: i,
+        iconBefore: /* @__PURE__ */ i(oe, {}),
+        onClick: a,
         variant: "outlined",
-        children: r
+        children: o
       }
     )
   ] }) });
@@ -717,9 +719,9 @@ const Ge = {
   flex-direction: column;
   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) || v.palette.neutral.N0;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
 }};
-  width: ${({ smallScreen: e }) => e ? "335px" : "450px"};
+  width: ${({ $smallScreen: e }) => e ? "auto" : "450px"};
   height: auto;
   border-radius: 8px;
   padding: 24px;
@@ -729,55 +731,56 @@ const Ge = {
   const {
     actionButtonLabel: t,
     cancelButtonLabel: n,
-    children: i,
-    loading: o,
-    onClick: r,
-    onCloseModal: h,
+    children: a,
+    loading: r,
+    onClick: o,
+    onCloseModal: p,
     portalId: c,
     title: s
-  } = e, u = R("(max-width: 768px)"), d = document.getElementById(c);
+  } = e, g = A("(max-width: 768px)"), d = document.getElementById(c);
   if (!d)
     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 le(
-    /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ g(We, { $smallScreen: u, children: [
-      /* @__PURE__ */ g(p, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ g(p, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ a(x, { appearance: "dark", size: "small", type: "headline", children: s }),
-          /* @__PURE__ */ g(p, { alignItems: "center", children: [
-            /* @__PURE__ */ a(x, { children: "Cerrar" }),
-            /* @__PURE__ */ a(
-              _,
+  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(
+              M,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ a(ne, {}),
-                onClick: h,
+                icon: /* @__PURE__ */ i(ne, {}),
+                onClick: p,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(D, {})
+        /* @__PURE__ */ i(S, {})
       ] }),
-      i,
-      /* @__PURE__ */ g(p, { gap: "20px", justifyContent: "flex-end", children: [
-        /* @__PURE__ */ a(
+      a,
+      /* @__PURE__ */ h(u, { gap: "20px", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ i(
           N,
           {
             appearance: "gray",
-            onClick: h,
+            onClick: p,
+            iconBefore: /* @__PURE__ */ i(ie, {}),
             spacing: "wide",
             variant: "outlined",
             children: n
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           N,
           {
             appearance: "primary",
-            loading: o,
-            onClick: r,
+            loading: r,
+            onClick: o,
             spacing: "wide",
             variant: "filled",
             children: t
@@ -788,30 +791,60 @@ const Ge = {
     d
   );
 }, $t = (e) => {
-  const { fields: t, onChange: n } = e;
-  return /* @__PURE__ */ a(p, { direction: "column", gap: "16px", children: t.map((i) => /* @__PURE__ */ g(p, { gap: "6px", alignItems: "center", children: [
-    /* @__PURE__ */ a(p, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(_, { appearance: "primary", icon: i.icon }) }),
-    /* @__PURE__ */ a(
-      ye,
-      {
-        disabled: i.disabled,
-        invalid: i.invalid,
-        label: i.label,
-        message: i.message,
-        name: i.name,
-        onChange: n,
-        options: i.options,
-        placeholder: i.placeholder,
-        required: i.required,
-        values: i.values,
-        fullwidth: !0
-      },
-      i.name
-    )
-  ] }, i.name)) });
+  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(
+          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(
+              se,
+              {
+                appearance: "primary",
+                displayIcon: !0,
+                icon: o.icon,
+                label: o.label
+              },
+              o.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(
+        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,
+          fullwidth: !0
+        },
+        o.name
+      )
+    ] }, o.name))
+  ] });
 }, It = (e) => {
   console.log(e);
-  const { dataDecision: t, originalDecision: n } = e, i = {
+  const { dataDecision: t, originalDecision: n } = e, a = {
     conditionName: t.ruleName || "",
     labelName: t.labelName || "",
     conditionDataType: t.decisionDataType || "alphabetical",
@@ -823,17 +856,17 @@ const Ge = {
   return {
     ...n,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (o) => o.hidden ? { ...i } : o
+      (r) => r.hidden ? { ...a } : r
     )
   };
 }, Rt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var o;
-    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-      (r) => r.hidden
+    var r;
+    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+      (o) => o.hidden
     );
-    return i ? {
+    return a ? {
       ...n,
       ruleName: n.ruleName,
       labelName: n.labelName,
@@ -841,7 +874,7 @@ const Ge = {
       value: n.value,
       howToSetTheDecision: n.howToSetTheDecision,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.hidden ? { ...i, hidden: !1 } : r
+        (o) => o.hidden ? { ...a, hidden: !1 } : o
       )
     } : n;
   });
@@ -853,7 +886,7 @@ const Ge = {
   ),
   value: e
 }), Xe = (e) => ({
-  schema: se().test(
+  schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -862,7 +895,7 @@ const Ge = {
   ),
   value: e
 }), Ze = (e) => ({
-  schema: se().test(
+  schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -873,14 +906,14 @@ const Ge = {
 }), et = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, n = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: O({
+    schema: V({
       from: q().required("Range From is required").max(n, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
       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(i) {
-          const { from: o } = this.parent;
-          return i > o;
+        function(a) {
+          const { from: r } = this.parent;
+          return a > r;
         }
       )
     }),
@@ -905,7 +938,7 @@ function nt({
   onSubmitEvent: t,
   textValues: n
 }) {
-  const i = {
+  const a = {
     ruleName: e.ruleName || "",
     decisionDataType: e.decisionDataType || k.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
@@ -917,21 +950,21 @@ function nt({
     checkClosed: !1,
     terms: !0
   };
-  let o;
-  const r = {
+  let r;
+  const o = {
     ruleName: H().required("Name is required"),
     value: K(() => Z(
-      o.values.howToSetTheDecision
+      r.values.howToSetTheDecision
     )(
-      o.values.value,
-      o.values.decisionDataType
+      r.values.value,
+      r.values.decisionDataType
     ).schema),
-    conditionsThatEstablishesTheDecision: K((s, { parent: u }) => {
+    conditionsThatEstablishesTheDecision: K((s, { parent: g }) => {
       var b;
-      if ((u == null ? void 0 : u.toggleNone) && Object.keys(u.conditionsThatEstablishesTheDecision || {}).length > 0) return O().shape({});
+      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(
         (T, m) => {
-          if (o.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
+          if (r.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
             const C = Z(
               m.howToSetTheCondition
             );
@@ -944,7 +977,7 @@ function nt({
         },
         {}
       );
-      return O(l).test(
+      return V(l).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(
@@ -953,27 +986,27 @@ function nt({
       );
     })
   };
-  n.terms && (r.effectiveFrom = W().required(
+  n.terms && (o.effectiveFrom = W().required(
     "effective From date is required"
-  ), r.validUntil = W().when(
+  ), o.validUntil = W().when(
     "checkClosed",
-    (s, u, { parent: d }) => (d == null ? void 0 : d.checkClosed) ? u.required("valid Until date is required").test(
+    (s, g, { parent: d }) => (d == null ? void 0 : d.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) {
         const T = this.parent.effectiveFrom;
         return !T || !b ? !0 : new Date(b) >= new Date(T);
       }
-    ) : u.notRequired()
+    ) : g.notRequired()
   ));
-  const h = O(r);
-  return o = we({
-    initialValues: i,
-    validationSchema: h,
+  const p = V(o);
+  return r = Ce({
+    initialValues: a,
+    validationSchema: p,
     validateOnBlur: !0,
     onSubmit: (s) => {
       var d;
-      const u = {
+      const g = {
         ...e,
         ruleName: s.ruleName,
         decisionDataType: s.decisionDataType,
@@ -989,19 +1022,19 @@ function nt({
           value: s.conditionsThatEstablishesTheDecision[l.conditionName]
         }))
       };
-      t(u);
+      t(g);
     }
-  }), { formik: o, handleToggleNoneChange: (s) => {
-    var u;
-    o.setFieldValue("toggleNone", s), (u = e.conditionsThatEstablishesTheDecision) == null || u.forEach((d) => {
+  }), { formik: r, handleToggleNoneChange: (s) => {
+    var g;
+    r.setFieldValue("toggleNone", s), (g = e.conditionsThatEstablishesTheDecision) == null || g.forEach((d) => {
       if (s)
-        o.setFieldValue(
+        r.setFieldValue(
           `conditionsThatEstablishesTheDecision.${d.conditionName}`,
           void 0
         );
       else {
         const l = d.howToSetTheCondition === y.LIST_OF_VALUES_MULTI ? [] : "";
-        o.setFieldValue(
+        r.setFieldValue(
           `conditionsThatEstablishesTheDecision.${d.conditionName}`,
           l
         );
@@ -1009,16 +1042,16 @@ function nt({
     });
   } };
 }
-const it = f.div`
+const at = f.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
-`, at = f.div`
+`, it = f.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1039,56 +1072,56 @@ const it = f.div`
   const {
     checked: t,
     children: n,
-    handleToggleChange: i,
-    id: o,
-    labelToggle: r,
-    name: h,
+    handleToggleChange: a,
+    id: r,
+    labelToggle: o,
+    name: p,
     valueToggle: c = ""
-  } = e, [s, u] = V(t), d = (l) => {
-    u(l.target.checked), i(l);
+  } = e, [s, g] = _(t), d = (l) => {
+    g(l.target.checked), a(l);
   };
-  return Ce(() => {
-    u(t);
-  }, [t]), /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(
-      re,
+  return Se(() => {
+    g(t);
+  }, [t]), /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
+      de,
       {
         checked: s,
-        id: o,
-        name: h,
+        id: r,
+        name: p,
         onChange: d,
         size: "small",
         value: c,
-        children: /* @__PURE__ */ a(x, { size: "medium", type: "label", weight: "bold", children: r })
+        children: /* @__PURE__ */ i(x, { size: "medium", type: "label", weight: "bold", children: o })
       }
     ) }),
-    s && /* @__PURE__ */ a(E, { children: n })
+    s && /* @__PURE__ */ i(D, { children: n })
   ] });
 }, rt = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: n,
-    onCheckClosedChange: i,
-    labelStart: o,
-    labelEnd: r,
-    checkedClosed: h = !1,
+    onCheckClosedChange: a,
+    labelStart: r,
+    labelEnd: o,
+    checkedClosed: p = !1,
     required: c = !1,
     valueStart: s = "",
-    valueEnd: u = "",
+    valueEnd: g = "",
     messageStart: d = "",
     messageEnd: l = "",
     statusStart: b = "pending",
     statusEnd: T = "pending"
-  } = e, [m, w] = V(h), [C, A] = V(s), [U, M] = V(u), G = ({ target: S }) => {
-    w(S.checked), i && i(S.checked);
-  }, he = (S) => {
-    A(S.target.value), t(S);
-  }, ue = (S) => {
-    M(S.target.value), n(S);
-  }, pe = R("(max-width: 400px)");
-  return /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ g(p, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ a(
+  } = e, [m, v] = _(p), [C, F] = _(s), [U, L] = _(g), G = ({ target: E }) => {
+    v(E.checked), a && a(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,
         {
           appearance: "gray",
@@ -1099,15 +1132,15 @@ const it = f.div`
           children: "Vigencia"
         }
       ),
-      /* @__PURE__ */ a(
-        p,
+      /* @__PURE__ */ i(
+        u,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
-          children: /* @__PURE__ */ a(
-            xe,
+          children: /* @__PURE__ */ i(
+            we,
             {
               label: "Cerrada",
               onChange: G,
@@ -1118,19 +1151,19 @@ const it = f.div`
         }
       )
     ] }),
-    /* @__PURE__ */ g(
-      p,
+    /* @__PURE__ */ h(
+      u,
       {
-        direction: pe ? "column" : "row",
+        direction: Te ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ i(
             Q,
             {
               id: "dateStart",
-              label: o,
-              onChange: he,
+              label: r,
+              onChange: me,
               value: C,
               required: c,
               size: "compact",
@@ -1138,12 +1171,12 @@ const it = f.div`
               message: d
             }
           ),
-          m && /* @__PURE__ */ a(
+          m && /* @__PURE__ */ i(
             Q,
             {
               id: "dateEnd",
-              label: r,
-              onChange: ue,
+              label: o,
+              onChange: be,
               value: U,
               required: c,
               size: "compact",
@@ -1159,52 +1192,52 @@ const it = f.div`
   const {
     formik: t,
     textValues: n,
-    onCancel: i,
-    visibleConditions: o,
-    normalizedDecision: r,
-    handleToggleNoneChange: h,
+    onCancel: a,
+    visibleConditions: r,
+    normalizedDecision: o,
+    handleToggleNoneChange: p,
     handleConditionToggleChange: c,
     showConditionsError: s,
-    termStartStatus: u,
+    termStartStatus: g,
     termEndStatus: d
   } = e;
-  return /* @__PURE__ */ a("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ g(p, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ h(u, { direction: "column", gap: "24px", children: [
     Y({
-      condition: r,
+      condition: o,
       formik: t,
       isDecision: !0
     }),
-    /* @__PURE__ */ a(D, { dashed: !0 }),
-    /* @__PURE__ */ a(it, { children: /* @__PURE__ */ a(at, { children: /* @__PURE__ */ g(
-      p,
+    /* @__PURE__ */ i(S, { dashed: !0 }),
+    /* @__PURE__ */ i(at, { children: /* @__PURE__ */ i(it, { children: /* @__PURE__ */ h(
+      u,
       {
         direction: "column",
         padding: "6px 12px",
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ g(
-            p,
+          /* @__PURE__ */ h(
+            u,
             {
               justifyContent: "space-between",
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ a(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
-                /* @__PURE__ */ a(
-                  re,
+                /* @__PURE__ */ i(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
+                /* @__PURE__ */ i(
+                  de,
                   {
                     id: "toggleNone",
-                    onChange: () => h(!t.values.toggleNone),
+                    onChange: () => p(!t.values.toggleNone),
                     checked: t.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ a(x, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
+                    children: /* @__PURE__ */ i(x, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ a(p, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ a(
+          /* @__PURE__ */ i(u, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((l) => /* @__PURE__ */ i(
             ot,
             {
               id: `toggle-${l.conditionName}`,
@@ -1222,9 +1255,9 @@ const it = f.div`
         ]
       }
     ) }) }),
-    n.terms && /* @__PURE__ */ g(E, { children: [
-      /* @__PURE__ */ a(D, { dashed: !0 }),
-      /* @__PURE__ */ a(
+    n.terms && /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ i(S, { dashed: !0 }),
+      /* @__PURE__ */ i(
         rt,
         {
           labelStart: n.termStart,
@@ -1233,7 +1266,7 @@ const it = f.div`
           valueEnd: t.values.validUntil,
           messageStart: t.errors.effectiveFrom,
           messageEnd: t.errors.validUntil,
-          statusStart: u,
+          statusStart: g,
           statusEnd: d,
           onHandleStartChange: (l) => t.setFieldValue("effectiveFrom", l.target.value),
           onHandleEndChange: (l) => t.setFieldValue("validUntil", l.target.value),
@@ -1244,19 +1277,19 @@ const it = f.div`
         }
       )
     ] }),
-    /* @__PURE__ */ a(D, {}),
-    s && /* @__PURE__ */ a(x, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ g(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 })
+    /* @__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 })
     ] })
   ] }) });
 }, st = (e) => {
   var T;
-  const { decision: t, onSubmitEvent: n, textValues: i, onCancel: o } = e, { formik: r, handleToggleNoneChange: h } = nt({
+  const { decision: t, onSubmitEvent: n, textValues: a, onCancel: r } = e, { formik: o, handleToggleNoneChange: p } = nt({
     decision: t,
     onSubmitEvent: n,
-    textValues: i
+    textValues: a
   }), c = {
     ruleName: t.ruleName,
     labelName: t.labelName,
@@ -1265,86 +1298,86 @@ const it = f.div`
     listOfPossibleValues: t.listOfPossibleValues
   }, s = ((T = t.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
     (m) => !m.hidden
-  )) || [], u = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, d = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
-  return /* @__PURE__ */ a(
+  )) || [], 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(
     lt,
     {
-      formik: r,
-      onCancel: o,
-      textValues: i,
+      formik: o,
+      onCancel: r,
+      textValues: a,
       decision: t,
       visibleConditions: s,
       normalizedDecision: c,
-      handleToggleNoneChange: h,
-      handleConditionToggleChange: (m, w) => (C) => {
+      handleToggleNoneChange: p,
+      handleConditionToggleChange: (m, v) => (C) => {
         if (!C)
-          r.setFieldValue(
+          o.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             void 0
-          ), r.setFieldTouched(
+          ), o.setFieldTouched(
             `conditionsThatEstablishesTheDecision.${m}`,
             !1,
             !1
           );
         else {
-          const A = w ? [] : "";
-          r.setFieldValue(
+          const F = v ? [] : "";
+          o.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
-            A
+            F
           );
         }
       },
-      showConditionsError: u,
+      showConditionsError: g,
       termStartStatus: d,
       termEndStatus: l
     }
   );
 }, Mt = (e) => {
-  var o;
-  const { decisionTemplate: t } = e, n = { ...t }, i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-    (r) => r.switchPlaces
+  var r;
+  const { decisionTemplate: t } = e, n = { ...t }, a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+    (o) => o.switchPlaces
   );
-  return i ? {
+  return a ? {
     ...n,
-    ruleName: i.conditionName,
-    labelName: i.labelName,
-    decisionDataType: i.conditionDataType,
-    value: i.value,
-    howToSetTheDecision: i.howToSetTheCondition,
+    ruleName: a.conditionName,
+    labelName: a.labelName,
+    decisionDataType: a.conditionDataType,
+    value: a.value,
+    howToSetTheDecision: a.howToSetTheCondition,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
+      (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
     )
   } : n;
 }, Lt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var o;
-    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-      (r) => r.switchPlaces
+    var r;
+    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+      (o) => o.switchPlaces
     );
-    return i ? {
+    return a ? {
       ...n,
-      ruleName: i.conditionName,
-      labelName: i.labelName,
-      decisionDataType: i.conditionDataType,
-      value: i.value,
-      howToSetTheDecision: i.howToSetTheCondition,
+      ruleName: a.conditionName,
+      labelName: a.labelName,
+      decisionDataType: a.conditionDataType,
+      value: a.value,
+      howToSetTheDecision: a.howToSetTheCondition,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
+        (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
       )
     } : n;
   });
-}, $ = /* @__PURE__ */ new Map(), dt = (e, t) => $.get(`${t}:${e}`), ct = (e, t, n) => {
-  const i = `${t}:${e}`;
-  if ($.set(i, n), $.size > 1e3) {
-    const o = $.keys().next().value;
-    o !== void 0 && $.delete(o);
+}, 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);
   }
 }, ee = /* @__PURE__ */ new Map(), ht = 1e3, ut = (e) => {
   const t = Date.now(), n = ee.get(e) || 0;
   return t - n < ht ? !0 : (ee.set(e, t), !1);
 }, pt = (e) => {
-  const t = De(e);
+  const t = Ee(e);
   return {
     spa: "es",
     eng: "en",
@@ -1353,20 +1386,20 @@ const it = f.div`
     ita: "it",
     por: "pt"
   }[t] || "en";
-}, gt = async (e, t, { url: n, apiKey: i }) => {
-  const o = `${t}:${e}`, r = dt(e, t);
-  if (r) return r;
-  if (ut(o))
+}, gt = async (e, t, { url: n, apiKey: a }) => {
+  const r = `${t}:${e}`, o = dt(e, t);
+  if (o) return o;
+  if (ut(r))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const h = pt(e);
+  const p = pt(e);
   try {
-    const { data: c } = await Se.post(
+    const { data: c } = await De.post(
       n,
       {
         q: e,
-        source: h,
+        source: p,
         target: t,
-        api_key: i
+        api_key: a
       },
       {
         headers: {
@@ -1379,35 +1412,35 @@ const it = f.div`
     return console.warn(`[Translation] Failed for: "${e}"`, c), e;
   }
 }, mt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t, n) => {
-  const i = await Promise.all(
-    Object.entries(e).map(async ([o, r]) => {
-      if (mt(r)) {
-        const h = await gt(r, t, n);
-        return [o, h];
-      } else if (Array.isArray(r)) {
-        const h = await Promise.all(
-          r.map(
+  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
           )
         );
-        return [o, h];
-      } else if (typeof r == "object" && r !== null) {
-        const h = await te(r, t, n);
-        return [o, h];
+        return [r, p];
+      } else if (typeof o == "object" && o !== null) {
+        const p = await te(o, t, n);
+        return [r, p];
       } else
-        return [o, r];
+        return [r, o];
     })
   );
-  return Object.fromEntries(i);
+  return Object.fromEntries(a);
 };
 export {
   P as BusinessRuleCard,
-  de as BusinessRuleView,
+  ue as BusinessRuleView,
   kt as BusinessRules,
   At as Filter,
   Ft as FilterModal,
   $t as FormFilter,
-  _e as ModalRules,
+  Ue as ModalRules,
   st as RulesForm,
   It as revertSortedDataSampleSwitchPlaces,
   Rt as revertSortedDataSwitchPlaces,