@isettingkit/business-rules 1.0.19 → 1.0.20

package/dist/index.es.js

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as p, Fragment as A } from "react/jsx-runtime";
-import { MdOutlineDelete as Ce, MdClear as pe, MdAdd as ge, MdClose as Se, MdOutlineFilterAltOff as me, MdOutlineFilterAlt as be } from "react-icons/md";
-import { inube as y, Stack as g, Divider as I, Icon as M, Text as C, SkeletonLine as j, useMediaQuery as V, Blanket as fe, Button as L, Grid as J, Tag as q, OptionList as De, Checkpicker as ke, Toggle as Te, Checkbox as Ne, Date as ae } from "@inubekit/inubekit";
-import x, { keyframes as Ee, ThemeContext as $e } from "styled-components";
-import { ValueDataType as z, ValueHowToSetUp as B, DecisionConditionRender as re } from "@isettingkit/input";
-import { DecisionViewConditionRenderer as G } from "@isettingkit/view";
-import { createPortal as ye } from "react-dom";
-import Ae, { useState as R, useRef as H, useEffect as X, useContext as Fe } from "react";
-import { useFormik as Ie } from "formik";
-import { string as Z, mixed as xe, object as P, number as Q, lazy as ie, date as le } from "yup";
-import Re from "axios";
-import { franc as Oe } from "franc-min";
-const Me = x.div`
+import { jsx as o, jsxs as h, Fragment as k } from "react/jsx-runtime";
+import { MdOutlineDelete as Te, MdClear as xe, MdAdd as Y, MdExpandLess as Re, MdExpandMore as Oe, MdClose as Me, MdOutlineFilterAltOff as ve, MdOutlineFilterAlt as ye } from "react-icons/md";
+import { inube as v, Stack as g, Divider as R, Icon as L, Text as S, SkeletonLine as z, useMediaQuery as B, Blanket as we, Button as U, Grid as K, Box as Le, Tag as H, SkeletonIcon as Ue, OptionList as ze, Checkpicker as Ve, Toggle as Ce, Checkbox as je, Date as de } from "@inubekit/inubekit";
+import x, { keyframes as De, ThemeContext as Be } from "styled-components";
+import { ValueDataType as I, ValueHowToSetUp as V, DecisionConditionRender as ce } from "@isettingkit/input";
+import { DecisionViewConditionRenderer as X, DecisionViewConditionRendererNew as G } from "@isettingkit/view";
+import { createPortal as Se } from "react-dom";
+import _e, { useState as O, useRef as Q, useEffect as oe, useContext as He } from "react";
+import { useFormik as qe } from "formik";
+import { string as ie, mixed as Ne, object as W, number as ee, lazy as ue, date as pe } from "yup";
+import Pe from "axios";
+import { franc as Ge } from "franc-min";
+const Qe = x.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) || y.palette.neutral.N30;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -45,36 +45,51 @@ x.div`
     border-radius: 8px;
   }
 `;
-const ee = (e) => {
-  const { children: t, controls: n = !0, handleDelete: o, id: r } = e;
-  return /* @__PURE__ */ a(Me, { children: /* @__PURE__ */ p(g, { direction: "column", gap: "16px", padding: "12px 16px", children: [
-    t,
-    n && /* @__PURE__ */ p(A, { children: [
-      /* @__PURE__ */ a(I, {}),
-      /* @__PURE__ */ a(g, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
-        M,
+const re = (e) => {
+  const { children: n, controls: t = !0, handleDelete: a, id: i } = e;
+  return /* @__PURE__ */ o(Qe, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+    n,
+    t && /* @__PURE__ */ h(k, { children: [
+      /* @__PURE__ */ o(R, {}),
+      /* @__PURE__ */ o(g, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ o(
+        L,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ a(Ce, {}),
+          icon: /* @__PURE__ */ o(Te, {}),
           onClick: () => {
-            o(r);
+            a(i);
           }
         }
       ) })
     ] })
   ] }) });
-}, se = x.div`
+}, We = (e) => e.value, Ye = (e) => e.value, Ke = (e) => e.value, Je = (e) => ({
+  from: e.from ?? "",
+  to: e.to ?? ""
+}), Xe = (e) => e.value, Ze = (e) => e.value, en = (e) => e.value;
+var D = /* @__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))(D || {});
+const nn = {
+  [D.LIST_OF_VALUES]: Ye,
+  [D.LIST_OF_VALUES_MULTI]: Ke,
+  [D.RANGE]: Je,
+  [D.GREATER_THAN]: Xe,
+  [D.LESS_THAN]: Ze,
+  [D.EQUAL]: en
+}, q = (e) => {
+  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), a = nn[e == null ? void 0 : e.howToSetTheDecision] || We;
+  return t && a(n) || n || void 0;
+}, he = x.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) || y.palette.neutral.N30;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
 }};
   }
-`, de = x.div`
+`, ge = x.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -92,105 +107,90 @@ const ee = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Le = (e) => e.value, ze = (e) => e.value, Ve = (e) => e.value, je = (e) => ({
-  from: e.from ?? "",
-  to: e.to ?? ""
-}), _e = (e) => e.value, Ue = (e) => e.value, Be = (e) => e.value;
-var D = /* @__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))(D || {});
-const qe = {
-  [D.LIST_OF_VALUES]: ze,
-  [D.LIST_OF_VALUES_MULTI]: Ve,
-  [D.RANGE]: je,
-  [D.GREATER_THAN]: _e,
-  [D.LESS_THAN]: Ue,
-  [D.EQUAL]: Be
-}, U = (e) => {
-  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), o = qe[e == null ? void 0 : e.howToSetTheDecision] || Le;
-  return n && o(t) || t || void 0;
-}, He = (e) => {
+`, tn = (e) => {
   const {
-    conditionsAlignment: t,
-    decision: n,
-    decisionDateElement: o,
-    decisionMapper: r,
-    loading: i,
-    skeleton: h,
+    conditionsAlignment: n,
+    decision: t,
+    decisionDateElement: a,
+    decisionMapper: i,
+    loading: r,
+    skeleton: p,
     terms: l,
-    textValues: c,
-    visibleConditions: d
+    textValues: s,
+    visibleConditions: c
   } = e;
-  return i ? /* @__PURE__ */ p(g, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ a(g, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
-      G,
+  return r ? /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ o(g, { direction: "column", alignItems: "center", children: /* @__PURE__ */ o(
+      X,
       {
-        element: r,
-        valueData: U(
-          r
+        element: i,
+        valueData: q(
+          i
         ),
         type: "decision"
       }
-    ) }, n.ruleName),
-    /* @__PURE__ */ a(I, { dashed: !0 }),
-    /* @__PURE__ */ a(de, { children: /* @__PURE__ */ p(
+    ) }, t.ruleName),
+    /* @__PURE__ */ o(R, { dashed: !0 }),
+    /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ h(
       g,
       {
         direction: "column",
         gap: "12px",
-        justifyContent: t,
+        justifyContent: n,
         height: "203px",
         children: [
-          /* @__PURE__ */ a(
-            C,
+          /* @__PURE__ */ o(
+            S,
             {
               type: "label",
               size: "large",
               appearance: "dark",
               weight: "bold",
               textAlign: "center",
-              children: c.factsThatConditionIt
+              children: s.factsThatConditionIt
             }
           ),
-          d.map((u) => /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(g, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
-            G,
+          c.map((u) => /* @__PURE__ */ o(he, { children: /* @__PURE__ */ o(g, { direction: "column", padding: "8px", children: /* @__PURE__ */ o(
+            X,
             {
               element: { ...u, value: u.value },
-              valueData: U(
+              valueData: q(
                 u
               )
             }
           ) }) }, u.conditionName)),
-          l && /* @__PURE__ */ p(A, { children: [
-            /* @__PURE__ */ a(I, { dashed: !0 }),
-            o && /* @__PURE__ */ a(
-              G,
+          l && /* @__PURE__ */ h(k, { children: [
+            /* @__PURE__ */ o(R, { dashed: !0 }),
+            a && /* @__PURE__ */ o(
+              X,
               {
-                element: o.element,
-                valueData: o.valueData,
+                element: a.element,
+                valueData: a.valueData,
                 type: "decision"
               },
-              c.terms
+              s.terms
             )
           ] })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ p(g, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ p(g, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ a(j, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ a(j, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ h(g, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ o(z, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ o(z, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ p(g, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ a(I, { dashed: !0 }),
-      /* @__PURE__ */ a(j, { animated: !0, width: "150px" })
+    /* @__PURE__ */ h(g, { direction: "column", gap: "12px", alignItems: "center", children: [
+      /* @__PURE__ */ o(R, { dashed: !0 }),
+      /* @__PURE__ */ o(z, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ a(de, { children: /* @__PURE__ */ a(
+    /* @__PURE__ */ o(ge, { children: /* @__PURE__ */ o(
       g,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: h.map((u, s) => /* @__PURE__ */ a(se, { children: /* @__PURE__ */ p(
+        children: p.map((u, d) => /* @__PURE__ */ o(he, { children: /* @__PURE__ */ h(
           g,
           {
             direction: "column",
@@ -198,76 +198,76 @@ const qe = {
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ a(j, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ a(j, { animated: !0, width: "85px" })
+              /* @__PURE__ */ o(z, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ o(z, { animated: !0, width: "85px" })
             ]
           }
-        ) }, `condition-${s}`))
+        ) }, `condition-${d}`))
       }
     ) })
   ] });
-}, ve = (e) => {
-  var f;
-  const { decision: t, loading: n = !1, textValues: o } = e, r = !!(t != null && t.effectiveFrom), i = !!(t != null && t.validUntil), h = r && i ? {
+}, Ee = (e) => {
+  var b;
+  const { decision: n, loading: t = !1, textValues: a } = e, i = !!(n != null && n.effectiveFrom), r = !!(n != null && n.validUntil), p = i && r ? {
     element: {
-      labelName: o == null ? void 0 : o.terms,
-      value: String(t.effectiveFrom),
-      howToSetTheDecision: B.RANGE,
-      decisionDataType: z.DATE
+      labelName: a == null ? void 0 : a.terms,
+      value: String(n.effectiveFrom),
+      howToSetTheDecision: V.RANGE,
+      decisionDataType: I.DATE
     },
-    valueData: U({
-      labelName: o == null ? void 0 : o.terms,
+    valueData: q({
+      labelName: a == null ? void 0 : a.terms,
       value: {
-        from: String(t.effectiveFrom),
-        to: String(t.validUntil)
+        from: String(n.effectiveFrom),
+        to: String(n.validUntil)
       },
-      howToSetTheDecision: B.RANGE,
-      decisionDataType: z.DATE
+      howToSetTheDecision: V.RANGE,
+      decisionDataType: I.DATE
     })
-  } : r && !i ? {
+  } : i && !r ? {
     element: {
-      labelName: o == null ? void 0 : o.terms,
-      value: String(t.effectiveFrom),
-      howToSetTheDecision: B.EQUAL,
-      decisionDataType: z.DATE
+      labelName: a == null ? void 0 : a.terms,
+      value: String(n.effectiveFrom),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
     },
-    valueData: U({
-      labelName: o == null ? void 0 : o.terms,
-      value: String(t.effectiveFrom),
-      howToSetTheDecision: B.EQUAL,
-      decisionDataType: z.DATE
+    valueData: q({
+      labelName: a == null ? void 0 : a.terms,
+      value: String(n.effectiveFrom),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
     })
-  } : null, l = t ? {
-    labelName: t.labelName || "",
-    decisionDataType: t.decisionDataType || "alphabetical",
-    value: U(t),
-    howToSetTheDecision: t.howToSetTheDecision || "EqualTo"
-  } : null, c = ((f = t == null ? void 0 : t.conditionsThatEstablishesTheDecision) == null ? void 0 : f.filter(
-    (T) => !T.hidden
-  )) || [], d = Array.from({ length: 5 }), u = !!(!n && t && o && l), s = c.length < 2 ? "start" : "space-between";
-  return /* @__PURE__ */ a(
-    He,
+  } : null, l = n ? {
+    labelName: n.labelName || "",
+    decisionDataType: n.decisionDataType || "alphabetical",
+    value: q(n),
+    howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
+  } : null, s = ((b = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
+    (m) => !m.hidden
+  )) || [], c = Array.from({ length: 5 }), u = !!(!t && n && a && l), d = s.length < 2 ? "start" : "space-between";
+  return /* @__PURE__ */ o(
+    tn,
     {
-      conditionsAlignment: s,
-      decision: t,
-      decisionDateElement: h,
+      conditionsAlignment: d,
+      decision: n,
+      decisionDateElement: p,
       decisionMapper: l,
       loading: u,
-      skeleton: d,
-      terms: !!(o != null && o.terms),
-      textValues: o,
-      visibleConditions: c
+      skeleton: c,
+      terms: !!(a != null && a.terms),
+      textValues: a,
+      visibleConditions: s
     }
   );
-}, Pe = x.div`
+}, an = x.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, Ge = x.div`
+`, on = x.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) || y.palette.neutral.N0;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || v.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -295,24 +295,24 @@ const qe = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, We = (e) => {
-  const { children: t, portalId: n, onCloseModal: o, title: r } = e, i = document.getElementById(n);
-  if (!i)
+`, ke = (e) => {
+  const { children: n, portalId: t, onCloseModal: a, title: i } = e, r = document.getElementById(t);
+  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 h = V("(max-width: 400px)");
-  return ye(
-    /* @__PURE__ */ a(Pe, { smallScreen: h, children: /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ a(Ge, { children: /* @__PURE__ */ p(g, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ a(g, { direction: "column", gap: "24px", children: /* @__PURE__ */ p(g, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ a(C, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
-        /* @__PURE__ */ a(pe, { size: "24px", cursor: "pointer", onClick: o })
+  const p = B("(max-width: 400px)");
+  return Se(
+    /* @__PURE__ */ o(an, { smallScreen: p, children: /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o(on, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ o(g, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(g, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ o(S, { type: "title", size: "large", appearance: "dark", weight: "bold", children: i }),
+        /* @__PURE__ */ o(xe, { size: "24px", cursor: "pointer", onClick: a })
       ] }) }),
-      t
+      n
     ] }) }) }) }),
-    i
+    r
   );
-}, Qe = Ee`
+}, rn = De`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -326,8 +326,8 @@ x.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) || y.palette.neutral.N30;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -341,36 +341,32 @@ x.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) || y.palette.neutral.N30;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
 }};
   }
 `;
-const Ye = x.div`
+const Ae = x.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) || y.palette.neutral.N10;
+    box-shadow: 0px 2px 3px 0px
+      ${({ theme: e }) => {
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutralAlpha) == null ? void 0 : t.N700A) || v.palette.neutralAlpha.N30A;
 }};
-    justify-content: center;
+    cursor: pointer;
   }
-  min-height: 350px;
-  width: 100%;
-  height: 100%;
-  padding-bottom: 12px;
-  cursor: pointer;
-`, we = x.div`
+`, J = x.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${Qe} 600ms ease-out;
+    animation: ${rn} 600ms ease-out;
   }
-`, Ke = x.div`
+`, ln = x.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Je = x.div`
+`, sn = x.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -390,149 +386,145 @@ const Ye = x.div`
       border-radius: 8px;
     }
   }
-`;
-function Xe(e) {
-  const { index: t, handleOpenModal: n } = e;
-  return /* @__PURE__ */ a(
-    ee,
+`, dn = (e) => {
+  const { index: n, handleOpenModal: t } = e;
+  return /* @__PURE__ */ o(
+    re,
     {
-      id: `loading-card-${t}`,
+      id: `loading-card-${n}`,
       handleDelete: () => {
       },
-      handleView: () => n ? n() : null,
+      handleView: () => t ? t() : null,
       controls: !1,
-      children: /* @__PURE__ */ a(ve, { loading: !0 })
+      children: /* @__PURE__ */ o(Ee, { loading: !0 })
     },
-    `loading-card-${t}`
+    `loading-card-${n}`
   );
-}
-function Ze(e) {
-  const { decision: t, controls: n, handleOpenModal: o, handleDelete: r, textValues: i } = e;
-  return t ? /* @__PURE__ */ a(we, { children: /* @__PURE__ */ p(g, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ a(C, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
-    /* @__PURE__ */ a(
-      ee,
+}, cn = (e) => {
+  const { decision: n, controls: t, handleOpenModal: a, handleDelete: i, textValues: r } = e;
+  return n ? /* @__PURE__ */ o(J, { children: /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ o(S, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: n.decisionId }),
+    /* @__PURE__ */ o(
+      re,
       {
-        id: t.decisionId,
-        handleDelete: () => r ? r(t.decisionId) : null,
-        handleView: () => o ? o(t) : null,
-        controls: n,
-        children: /* @__PURE__ */ a(ve, { decision: t, textValues: i })
+        id: n.decisionId,
+        handleDelete: () => i ? i(n.decisionId) : null,
+        handleView: () => a ? a(n) : null,
+        controls: t,
+        children: /* @__PURE__ */ o(Ee, { decision: n, textValues: r })
       }
     )
-  ] }) }, t.decisionId) : null;
-}
-function et(e) {
+  ] }) }, n.decisionId) : null;
+}, un = (e) => {
   const {
-    customTitleContentAddCard: t,
-    index: n,
-    handleOpenModal: o,
-    shouldRenderEmptyMessage: r
-  } = e, i = t || "Agregar decisión";
-  return /* @__PURE__ */ a(we, { children: r ? null : /* @__PURE__ */ p(g, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ a(C, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ a(
-      Ye,
+    customTitleContentAddCard: n,
+    index: t,
+    handleOpenModal: a,
+    shouldRenderEmptyMessage: i
+  } = e, r = n || "Agregar decisión";
+  return /* @__PURE__ */ o(J, { children: i ? null : /* @__PURE__ */ h(g, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ o(S, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+    /* @__PURE__ */ o(
+      Ae,
       {
-        onClick: () => o ? o() : null,
-        children: /* @__PURE__ */ a(
-          ee,
+        onClick: () => a ? a() : null,
+        children: /* @__PURE__ */ o(
+          re,
           {
-            id: `add-decision-${n}`,
+            id: `add-decision-${t}`,
             handleDelete: () => {
             },
-            handleView: () => o ? o() : null,
+            handleView: () => a ? a() : null,
             controls: !1,
-            children: /* @__PURE__ */ p(g, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(ge, {}), size: "35px" }),
-              /* @__PURE__ */ a(C, { appearance: "gray", type: "body", size: "large", children: i })
+            children: /* @__PURE__ */ h(g, { direction: "column", gap: "12px", alignItems: "center", children: [
+              /* @__PURE__ */ o(L, { appearance: "gray", icon: /* @__PURE__ */ o(Y, {}), size: "35px" }),
+              /* @__PURE__ */ o(S, { appearance: "gray", type: "body", size: "large", children: r })
             ] })
           }
         )
       }
     )
-  ] }) }, `add-decision-${n}`);
-}
-const tt = {
-  loading: Xe,
-  decision: Ze,
-  add: et
-}, Y = (e) => {
-  const { type: t } = e, n = tt[t];
-  return n ? n(e) : null;
-}, nt = (e) => {
+  ] }) }, `add-decision-${t}`);
+}, pn = {
+  loading: dn,
+  decision: cn,
+  add: un
+}, ne = (e) => {
+  const { type: n } = e, t = pn[n];
+  return t ? t(e) : null;
+}, hn = (e) => {
   const {
-    controls: t,
-    customTitleContentAddCard: n,
-    decisions: o,
-    loading: r,
-    handleOpenModal: i,
-    handleDelete: h,
+    controls: n,
+    customTitleContentAddCard: t,
+    decisions: a,
+    loading: i,
+    handleOpenModal: r,
+    handleDelete: p,
     textValues: l
-  } = e, c = r ? Array.from({ length: 3 }).map(
-    (u, s) => Y({
+  } = e, s = i ? Array.from({ length: 3 }).map(
+    (u, d) => ne({
       type: "loading",
-      index: s,
-      controls: t,
-      customTitleContentAddCard: n,
-      loading: r,
-      handleOpenModal: i,
-      handleDelete: h,
+      index: d,
+      controls: n,
+      customTitleContentAddCard: t,
+      loading: i,
+      handleOpenModal: r,
+      handleDelete: p,
       textValues: l
     })
-  ) : o == null ? void 0 : o.map(
-    (u) => Y({
+  ) : a == null ? void 0 : a.map(
+    (u) => ne({
       type: "decision",
       decision: u,
-      controls: t,
-      customTitleContentAddCard: n,
-      loading: r,
-      handleOpenModal: i,
-      handleDelete: h,
+      controls: n,
+      customTitleContentAddCard: t,
+      loading: i,
+      handleOpenModal: r,
+      handleDelete: p,
       textValues: l
     })
-  ), d = ((o == null ? void 0 : o.length) === 0 || o.length < Math.floor(window.innerWidth / 300)) && !r && t;
-  return { renderedCards: c, shouldRenderAddCard: d };
-}, Gt = (e) => {
+  ), c = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !i && n;
+  return { renderedCards: s, shouldRenderAddCard: c };
+}, xt = (e) => {
   const {
-    controls: t = !0,
-    customTitleContentAddCard: n,
-    customMessageEmptyDecisions: o,
-    decisions: r,
-    textValues: i,
-    decisionTemplate: h,
+    controls: n = !0,
+    customTitleContentAddCard: t,
+    customMessageEmptyDecisions: a,
+    decisions: i,
+    textValues: r,
+    decisionTemplate: p,
     isModalOpen: l,
-    selectedDecision: c,
-    loading: d,
+    selectedDecision: s,
+    loading: c,
     handleOpenModal: u,
-    handleCloseModal: s,
-    handleSubmitForm: f,
-    handleDelete: T,
-    terms: b = !0
-  } = e, v = V("(max-width: 681px)"), w = V("(max-width: 400px)"), { renderedCards: S, shouldRenderAddCard: k } = nt({
-    controls: t,
-    customTitleContentAddCard: n,
-    decisions: r,
-    loading: d,
+    handleCloseModal: d,
+    handleSubmitForm: b,
+    handleDelete: m,
+    terms: f = !0
+  } = e, y = B("(max-width: 681px)"), C = B("(max-width: 400px)"), { renderedCards: w, shouldRenderAddCard: E } = hn({
+    controls: n,
+    customTitleContentAddCard: t,
+    decisions: i,
+    loading: c,
     handleOpenModal: u,
-    handleDelete: T,
-    textValues: i
-  }), F = (r == null ? void 0 : r.length) === 0 && !d;
-  return /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ a(Ke, { children: /* @__PURE__ */ a(Je, { children: /* @__PURE__ */ a(g, { direction: "column", gap: "16px", padding: "6px", children: F ? /* @__PURE__ */ p(
+    handleDelete: m,
+    textValues: r
+  }), $ = (i == null ? void 0 : i.length) === 0 && !c;
+  return /* @__PURE__ */ h(k, { children: [
+    /* @__PURE__ */ o(ln, { children: /* @__PURE__ */ o(sn, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "16px", padding: "6px", children: $ ? /* @__PURE__ */ h(
       g,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: v ? "auto" : "435px",
+        height: y ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ a(C, { as: "span", type: "label", size: "large", appearance: "gray", children: o || /* @__PURE__ */ p(A, { children: [
+          /* @__PURE__ */ o(S, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(k, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
-            /* @__PURE__ */ p(
-              C,
+            /* @__PURE__ */ h(
+              S,
               {
                 as: "span",
                 type: "label",
@@ -541,27 +533,27 @@ const tt = {
                 weight: "bold",
                 children: [
                   "“",
-                  n || "+ Agregar decisión",
+                  t || "+ Agregar decisión",
                   "”"
                 ]
               }
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ a(
-            L,
+          /* @__PURE__ */ o(
+            U,
             {
-              iconBefore: /* @__PURE__ */ a(ge, {}),
+              iconBefore: /* @__PURE__ */ o(Y, {}),
               onClick: () => u ? u() : null,
-              children: n || "Agregar decisión"
+              children: t || "Agregar decisión"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ p(
-      J,
+    ) : /* @__PURE__ */ h(
+      K,
       {
-        templateColumns: w ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
+        templateColumns: C ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
         gap: "24px",
         alignItems: "start",
@@ -569,45 +561,77 @@ const tt = {
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: v ? "auto" : "484px",
+        height: y ? "auto" : "484px",
         children: [
-          S,
-          k && Y({
+          w,
+          E && ne({
             type: "add",
-            index: r == null ? void 0 : r.length,
-            controls: t,
-            customTitleContentAddCard: n,
-            customMessageEmptyDecisions: o,
-            loading: d,
+            index: i == null ? void 0 : i.length,
+            controls: n,
+            customTitleContentAddCard: t,
+            customMessageEmptyDecisions: a,
+            loading: c,
             handleOpenModal: u,
-            handleDelete: T,
-            textValues: i,
-            shouldRenderEmptyMessage: F,
-            terms: b
+            handleDelete: m,
+            textValues: r,
+            shouldRenderEmptyMessage: $,
+            terms: f
           })
         ]
       }
     ) }) }) }),
-    l && /* @__PURE__ */ a(
-      We,
+    l && /* @__PURE__ */ o(
+      ke,
       {
         portalId: "modal-portal",
-        onCloseModal: s,
-        title: c ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ a(
-          kt,
+        onCloseModal: d,
+        title: s ? "Editar Decisión" : "Nueva decisión",
+        children: /* @__PURE__ */ o(
+          Ie,
           {
-            decision: c || h,
-            onSubmitEvent: f,
-            textValues: i,
-            onCancel: () => s ? s() : () => {
+            decision: s || p,
+            onSubmitEvent: b,
+            textValues: r,
+            onCancel: () => d ? d() : () => {
             }
           }
         )
       }
     )
   ] });
-}, ot = x.div`
+}, $e = (e) => {
+  const { children: n, controls: t = !0, handleDelete: a, id: i } = e;
+  return /* @__PURE__ */ h(Le, { width: "100%", children: [
+    n,
+    t && /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(g, { gap: "16px", justifyContent: "end", margin: "16px 0 0 0", children: /* @__PURE__ */ o(
+      U,
+      {
+        cursorHover: !0,
+        appearance: "danger",
+        spacing: "compact",
+        variant: "outlined",
+        iconBefore: /* @__PURE__ */ o(Te, {}),
+        onClick: () => {
+          a(i);
+        },
+        children: "Eliminar"
+      }
+    ) }) })
+  ] });
+}, gn = (e) => e.value, mn = (e) => e.value, bn = (e) => e.value, fn = (e) => ({
+  from: e.from ?? "",
+  to: e.to ?? ""
+}), Tn = (e) => e.value, xn = (e) => e.value, vn = (e) => e.value, yn = {
+  [D.LIST_OF_VALUES]: mn,
+  [D.LIST_OF_VALUES_MULTI]: bn,
+  [D.RANGE]: fn,
+  [D.GREATER_THAN]: Tn,
+  [D.LESS_THAN]: xn,
+  [D.EQUAL]: vn
+}, P = (e) => {
+  const n = e == null ? void 0 : e.value, t = typeof n == "object" && n !== null && !Array.isArray(n), a = yn[e == null ? void 0 : e.howToSetTheDecision] || gn;
+  return t && a(n) || n || void 0;
+}, wn = x.div`
   display: flex;
   justify-content: ${({ $justifyContent: e }) => e};
   align-items: ${({ $alignItems: e }) => e};
@@ -619,72 +643,603 @@ const tt = {
   gap: ${({ $gap: e }) => e};
   margin: ${({ $margin: e }) => e};
   padding: ${({ $padding: e }) => e};
-  background: ${({ $background: e, theme: t }) => {
-  var n, o, r, i;
-  return e ? `${((o = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : o.N10) || y.palette.neutral.N10}` : `${((i = (r = t == null ? void 0 : t.palette) == null ? void 0 : r.neutral) == null ? void 0 : i.N0) || y.palette.neutral.N0}`;
+  background: ${({ $background: e, theme: n }) => {
+  var t, a, i, r;
+  return e ? `${((a = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N10) || v.palette.neutral.N10}` : `${((r = (i = n == null ? void 0 : n.palette) == null ? void 0 : i.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0}`;
 }};
-  border: ${({ $border: e, theme: t }) => {
-  var n, o;
-  return e ? `1px solid ${((o = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : o.N40) || y.palette.neutral.N40}` : "none";
+  border: ${({ $border: e, theme: n }) => {
+  var t, a;
+  return e ? `1px solid ${((a = (t = n == null ? void 0 : n.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N40) || v.palette.neutral.N40}` : "none";
 }};
   border-radius: ${({ $borderRadius: e }) => e};
   box-sizing: ${({ $boxSizing: e }) => e};
   overflow-y: ${({ $scroll: e }) => e ? "scroll" : "none"};
-`, te = Ae.forwardRef(
-  (e, t) => {
+`, j = _e.forwardRef(
+  (e, n) => {
     const {
-      children: n,
-      wrap: o,
-      direction: r = "column",
-      justifyContent: i,
-      alignItems: h,
+      children: t,
+      wrap: a,
+      direction: i = "column",
+      justifyContent: r,
+      alignItems: p,
       alignContent: l,
-      height: c,
-      width: d,
+      height: s,
+      width: c,
       gap: u,
-      background: s,
-      borderRadius: f,
-      border: T,
-      margin: b = "0px",
-      padding: v = "0px",
-      boxSizing: w,
-      scroll: S = !1
+      background: d,
+      borderRadius: b,
+      border: m,
+      margin: f = "0px",
+      padding: y = "0px",
+      boxSizing: C,
+      scroll: w = !1
     } = e;
-    return /* @__PURE__ */ a(
-      ot,
+    return /* @__PURE__ */ o(
+      wn,
       {
-        ref: t,
-        direction: r,
-        $justifyContent: i,
-        $alignItems: h,
+        ref: n,
+        direction: i,
+        $justifyContent: r,
+        $alignItems: p,
         $alignContent: l,
-        height: c,
-        width: d,
-        wrap: o,
+        height: s,
+        width: c,
+        wrap: a,
         $gap: u,
-        $background: s,
-        $border: T,
-        $margin: b,
-        $padding: v,
-        $borderRadius: f,
-        $boxSizing: w,
-        $scroll: S,
-        children: n
+        $background: d,
+        $border: m,
+        $margin: f,
+        $padding: y,
+        $borderRadius: b,
+        $boxSizing: C,
+        $scroll: w,
+        children: t
       }
     );
   }
 );
-te.displayName = "BorderStack";
-const at = {
+j.displayName = "BorderStack";
+const Cn = (e) => {
+  const {
+    conditionsAlignment: n,
+    decision: t,
+    decisionMapper: a,
+    loading: i,
+    textValues: r,
+    visibleConditions: p,
+    tagLabel: l,
+    isOpen: s,
+    onToggle: c,
+    hasEffectiveFrom: u,
+    hasValidUntil: d,
+    effectiveFromRenderer: b,
+    validUntilRenderer: m
+  } = e;
+  return i ? /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
+    /* @__PURE__ */ h(
+      g,
+      {
+        alignItems: "start",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ o(
+            G,
+            {
+              element: a,
+              valueData: P(
+                a
+              ),
+              type: "decision"
+            }
+          ),
+          /* @__PURE__ */ h(g, { gap: "8px", children: [
+            /* @__PURE__ */ o(H, { appearance: "gray", label: l, displayIcon: !1 }),
+            /* @__PURE__ */ o(
+              L,
+              {
+                appearance: "dark",
+                icon: s ? /* @__PURE__ */ o(Re, {}) : /* @__PURE__ */ o(Oe, {}),
+                onClick: c,
+                size: "24px",
+                cursorHover: !0
+              }
+            )
+          ] })
+        ]
+      },
+      t.ruleName
+    ),
+    s && /* @__PURE__ */ h(k, { children: [
+      /* @__PURE__ */ o(R, { dashed: !0 }),
+      /* @__PURE__ */ h(g, { direction: "column", gap: "12px", children: [
+        /* @__PURE__ */ o(
+          S,
+          {
+            type: "label",
+            size: "large",
+            appearance: "dark",
+            weight: "bold",
+            textAlign: "start",
+            padding: "0 12px",
+            children: r.factsThatConditionIt
+          }
+        ),
+        /* @__PURE__ */ h(
+          g,
+          {
+            direction: "column",
+            gap: "8px",
+            justifyContent: n,
+            children: [
+              p.map((f) => /* @__PURE__ */ o(
+                j,
+                {
+                  direction: "column",
+                  padding: "6px 12px",
+                  borderRadius: "8px",
+                  background: !0,
+                  children: /* @__PURE__ */ o(
+                    G,
+                    {
+                      element: { ...f, value: f.value },
+                      valueData: P(
+                        f
+                      )
+                    }
+                  )
+                },
+                f.conditionName
+              )),
+              u && b && /* @__PURE__ */ o(
+                j,
+                {
+                  direction: "column",
+                  padding: "6px 12px",
+                  borderRadius: "8px",
+                  background: !0,
+                  children: /* @__PURE__ */ o(
+                    G,
+                    {
+                      element: b.element,
+                      valueData: b.valueData
+                    },
+                    "effectiveFrom"
+                  )
+                }
+              ),
+              d && m && /* @__PURE__ */ o(
+                j,
+                {
+                  direction: "column",
+                  padding: "6px 12px",
+                  borderRadius: "8px",
+                  background: !0,
+                  children: /* @__PURE__ */ o(
+                    G,
+                    {
+                      element: m.element,
+                      valueData: m.valueData
+                    },
+                    "validUntil"
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ h(g, { justifyContent: "space-between", children: [
+    /* @__PURE__ */ h(g, { alignItems: "center", gap: "8px", children: [
+      /* @__PURE__ */ o(z, { animated: !0, width: "150px" }),
+      /* @__PURE__ */ o(z, { animated: !0, width: "70px" })
+    ] }),
+    /* @__PURE__ */ h(g, { alignItems: "center", gap: "8px", children: [
+      /* @__PURE__ */ o(z, { animated: !0, width: "50px" }),
+      /* @__PURE__ */ o(Ue, { animated: !0 })
+    ] })
+  ] });
+}, Fe = (e) => {
+  var w;
+  const {
+    decision: n,
+    loading: t = !1,
+    textValues: a,
+    position: i,
+    isOpen: r = !1,
+    onToggle: p
+  } = e, l = !!(n != null && n.effectiveFrom), s = !!(n != null && n.validUntil), c = l ? {
+    element: {
+      labelName: a == null ? void 0 : a.effectiveFrom,
+      value: String(n.effectiveFrom),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
+    },
+    valueData: P({
+      labelName: a == null ? void 0 : a.effectiveFrom,
+      value: String(n.effectiveFrom),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
+    })
+  } : null, u = s ? {
+    element: {
+      labelName: a == null ? void 0 : a.validUntil,
+      value: String(n.validUntil),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
+    },
+    valueData: P({
+      labelName: a == null ? void 0 : a.validUntil,
+      value: String(n.validUntil),
+      howToSetTheDecision: V.EQUAL,
+      decisionDataType: I.DATE
+    })
+  } : null, d = n ? {
+    labelName: n.labelName || "",
+    decisionDataType: n.decisionDataType || "alphabetical",
+    value: P(n),
+    howToSetTheDecision: n.howToSetTheDecision || "EqualTo"
+  } : null, b = ((w = n == null ? void 0 : n.conditionsThatEstablishesTheDecision) == null ? void 0 : w.filter(
+    (E) => !E.hidden
+  )) || [], m = Array.from({ length: 5 }), f = !!(!t && n && a && d), y = b.length < 2 ? "start" : "space-between", C = `N° ${String((i ?? 0) + 1).padStart(2, "0")}`;
+  return /* @__PURE__ */ o(
+    Cn,
+    {
+      conditionsAlignment: y,
+      decision: n,
+      decisionMapper: d,
+      loading: f,
+      skeleton: m,
+      textValues: a,
+      visibleConditions: b,
+      tagLabel: C,
+      isOpen: r,
+      onToggle: p,
+      hasEffectiveFrom: l,
+      hasValidUntil: s,
+      effectiveFromRenderer: c,
+      validUntilRenderer: u
+    }
+  );
+}, Dn = De`
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+x.div`
+  border-radius: 8px;
+  border: 1px solid
+    ${({ theme: e }) => {
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
+}};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
+`;
+x.div`
+  & > div {
+    border-radius: 8px;
+    border: 1px solid
+      ${({ theme: e }) => {
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
+}};
+  }
+`;
+x.div`
+  & > div {
+    background-color: ${({ theme: e }) => {
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N10) || v.palette.neutral.N10;
+}};
+    justify-content: center;
+  }
+  min-height: 350px;
+  width: 100%;
+  height: 100%;
+  padding-bottom: 12px;
+  cursor: pointer;
+`;
+x.div`
+  width: 100%;
+  height: 100%;
+  & > div {
+    animation: ${Dn} 600ms ease-out;
+  }
+`;
+const Sn = x.div`
+  & > div > div {
+    border-radius: 8px;
+    box-sizing: border-box;
+  }
+`, Nn = x.div`
+  & > div {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar {
+      width: 8px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: #c1c7d0;
+      border-radius: 8px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background-color: #ebecf0;
+      border-radius: 8px;
+    }
+  }
+`, En = (e) => {
+  const { index: n, handleOpenModal: t } = e;
+  return /* @__PURE__ */ o(
+    $e,
+    {
+      id: `loading-card-${n}`,
+      handleDelete: () => {
+      },
+      handleView: () => t ? t() : null,
+      controls: !1,
+      children: /* @__PURE__ */ o(Fe, { loading: !0 })
+    },
+    `loading-card-${n}`
+  );
+}, kn = (e) => {
+  const {
+    decision: n,
+    controls: t,
+    handleOpenModal: a,
+    handleDelete: i,
+    textValues: r,
+    index: p,
+    isOpen: l,
+    onToggle: s
+  } = e;
+  return n ? /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ o(
+    $e,
+    {
+      id: n.decisionId,
+      handleDelete: () => i ? i(n.decisionId) : null,
+      handleView: () => a ? a(n) : null,
+      controls: t,
+      children: /* @__PURE__ */ o(
+        Fe,
+        {
+          decision: n,
+          textValues: r,
+          position: p,
+          isOpen: !!l,
+          onToggle: () => s == null ? void 0 : s(!l)
+        }
+      )
+    }
+  ) }) }, n.decisionId) : null;
+}, An = (e) => {
+  const {
+    customTitleContentAddCard: n,
+    index: t,
+    handleOpenModal: a,
+    shouldRenderEmptyMessage: i
+  } = e;
+  return /* @__PURE__ */ o(J, { children: i ? null : /* @__PURE__ */ o(
+    Ae,
+    {
+      onClick: () => a ? a() : null,
+      children: /* @__PURE__ */ o(
+        j,
+        {
+          direction: "column",
+          gap: "4px",
+          width: "100%",
+          height: "100%",
+          background: !0,
+          borderRadius: "8px",
+          children: /* @__PURE__ */ h(
+            g,
+            {
+              justifyContent: "space-between",
+              alignItems: "center",
+              padding: "16px",
+              children: [
+                /* @__PURE__ */ o(S, { appearance: "gray", type: "label", size: "large", weight: "bold", children: n || "Agregar decisión" }),
+                /* @__PURE__ */ o(
+                  L,
+                  {
+                    appearance: "gray",
+                    icon: /* @__PURE__ */ o(Y, {}),
+                    size: "24px",
+                    cursorHover: !0
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) }, `add-decision-${t}`);
+}, $n = {
+  loading: En,
+  decision: kn,
+  add: An
+}, te = (e) => {
+  const { type: n } = e, t = $n[n];
+  return t ? t(e) : null;
+}, Fn = (e) => {
+  const {
+    controls: n,
+    customTitleContentAddCard: t,
+    decisions: a,
+    loading: i,
+    handleOpenModal: r,
+    handleDelete: p,
+    textValues: l,
+    isOpenFor: s,
+    toggleAt: c
+  } = e, u = i ? Array.from({ length: 3 }).map(
+    (b, m) => te({
+      type: "loading",
+      index: m,
+      controls: n,
+      customTitleContentAddCard: t,
+      loading: i,
+      handleOpenModal: r,
+      handleDelete: p,
+      textValues: l
+    })
+  ) : a == null ? void 0 : a.map(
+    (b, m) => te({
+      type: "decision",
+      decision: b,
+      controls: s ? s(m) : !1,
+      customTitleContentAddCard: t,
+      loading: i,
+      handleOpenModal: r,
+      handleDelete: p,
+      textValues: l,
+      index: m,
+      isOpen: s ? s(m) : !1,
+      onToggle: c ? () => c(m) : void 0
+    })
+  ), d = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !i && n;
+  return { renderedCards: u, shouldRenderAddCard: d };
+}, vt = (e) => {
+  const {
+    controls: n = !0,
+    customTitleContentAddCard: t,
+    customMessageEmptyDecisions: a,
+    decisions: i,
+    textValues: r,
+    decisionTemplate: p,
+    isModalOpen: l,
+    selectedDecision: s,
+    loading: c,
+    handleOpenModal: u,
+    handleCloseModal: d,
+    handleSubmitForm: b,
+    handleDelete: m,
+    terms: f = !0
+  } = e, [y, C] = O(null), w = B("(max-width: 681px)"), { renderedCards: E, shouldRenderAddCard: $ } = Fn({
+    controls: n,
+    customTitleContentAddCard: t,
+    decisions: i,
+    loading: c,
+    handleOpenModal: u,
+    handleDelete: m,
+    textValues: r,
+    isOpenFor: (N) => y === N,
+    toggleAt: (N) => C((M) => M === N ? null : N)
+  }), A = (i == null ? void 0 : i.length) === 0 && !c;
+  return /* @__PURE__ */ h(k, { children: [
+    /* @__PURE__ */ o(Sn, { children: /* @__PURE__ */ o(Nn, { children: /* @__PURE__ */ o(g, { direction: "column", gap: "16px", padding: "6px", children: A ? /* @__PURE__ */ h(
+      g,
+      {
+        direction: "column",
+        gap: "28px",
+        width: "100%",
+        height: w ? "auto" : "435px",
+        justifyContent: "center",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ o(S, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(k, { children: [
+            "Aún NO tienes definidas tasas de interés efectivas . Presiona",
+            /* @__PURE__ */ h(
+              S,
+              {
+                as: "span",
+                type: "label",
+                size: "large",
+                appearance: "gray",
+                weight: "bold",
+                children: [
+                  "“",
+                  t || "+ Agregar decisión",
+                  "”"
+                ]
+              }
+            ),
+            "para empezar."
+          ] }) }),
+          /* @__PURE__ */ o(
+            U,
+            {
+              iconBefore: /* @__PURE__ */ o(Y, {}),
+              onClick: () => u ? u() : null,
+              children: t || "Agregar decisión"
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ h(
+      K,
+      {
+        templateColumns: "1fr",
+        autoFlow: "row dense",
+        gap: "16px",
+        alignItems: "start",
+        justifyContent: "center",
+        autoRows: "auto",
+        justifyItems: "center",
+        padding: "6px",
+        height: w ? "auto" : "484px",
+        children: [
+          E,
+          $ && te({
+            type: "add",
+            index: i == null ? void 0 : i.length,
+            controls: n,
+            customTitleContentAddCard: t,
+            customMessageEmptyDecisions: a,
+            loading: c,
+            handleOpenModal: u,
+            handleDelete: m,
+            textValues: r,
+            shouldRenderEmptyMessage: A,
+            terms: f
+          })
+        ]
+      }
+    ) }) }) }),
+    l && /* @__PURE__ */ o(
+      ke,
+      {
+        portalId: "modal-portal",
+        onCloseModal: d,
+        title: s ? "Editar Decisión" : "Nueva decisión",
+        children: /* @__PURE__ */ o(
+          Ie,
+          {
+            decision: s || p,
+            onSubmitEvent: b,
+            textValues: r,
+            onCancel: () => d ? d() : () => {
+            }
+          }
+        )
+      }
+    )
+  ] });
+}, In = {
   border: {
-    color: y.palette.neutral.N40
+    color: v.palette.neutral.N40
   }
-}, rt = x.div`
+}, Rn = x.div`
   border-width: 1px;
   border-style: solid;
   border-color: ${({ theme: e }) => {
-  var t, n;
-  return ((n = (t = e == null ? void 0 : e.box) == null ? void 0 : t.border) == null ? void 0 : n.color) || at.border.color;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.box) == null ? void 0 : n.border) == null ? void 0 : t.color) || In.border.color;
 }};
   border-radius: ${({ $borderRadius: e }) => e};
   margin: ${({ $margin: e }) => e};
@@ -693,92 +1248,92 @@ const at = {
   height: ${({ $height: e }) => e};
   box-sizing: border-box;
 `;
-function it(e) {
+function On(e) {
   const {
-    children: t,
-    padding: n = "16px",
-    margin: o,
-    borderRadius: r = "8px",
-    width: i,
-    height: h
+    children: n,
+    padding: t = "16px",
+    margin: a,
+    borderRadius: i = "8px",
+    width: r,
+    height: p
   } = e;
-  return /* @__PURE__ */ a(
-    rt,
+  return /* @__PURE__ */ o(
+    Rn,
     {
-      $padding: n,
-      $margin: o,
-      $borderRadius: r,
-      $width: i,
-      $height: h,
-      children: t
+      $padding: t,
+      $margin: a,
+      $borderRadius: i,
+      $width: r,
+      $height: p,
+      children: n
     }
   );
 }
-const lt = (e, t) => {
-  const [n, o] = R([]), [r, i] = R([]), [h, l] = R(!1), c = H(null);
-  return X(() => {
-    if (!e.current || !c.current) return;
-    const d = e.current, u = c.current, s = () => {
-      var F;
-      const T = d.clientWidth, b = Array.from(
+const Mn = (e, n) => {
+  const [t, a] = O([]), [i, r] = O([]), [p, l] = O(!1), s = Q(null);
+  return oe(() => {
+    if (!e.current || !s.current) return;
+    const c = e.current, u = s.current, d = () => {
+      var $;
+      const m = c.clientWidth, f = Array.from(
         u.querySelectorAll('[data-filter-tag="true"]')
-      ), v = 48;
-      let w = 0;
-      const S = [], k = [];
-      for (let $ = 0; $ < t.length; $++) {
-        const m = ((F = b[$]) == null ? void 0 : F.offsetWidth) ?? 0;
-        w + m + v <= T ? (S.push(t[$]), w += m) : k.push(t[$]);
+      ), y = 48;
+      let C = 0;
+      const w = [], E = [];
+      for (let A = 0; A < n.length; A++) {
+        const T = (($ = f[A]) == null ? void 0 : $.offsetWidth) ?? 0;
+        C + T + y <= m ? (w.push(n[A]), C += T) : E.push(n[A]);
       }
-      o(S), i(k), l(k.length > 0);
-    }, f = new ResizeObserver(() => {
-      requestAnimationFrame(s);
+      a(w), r(E), l(E.length > 0);
+    }, b = new ResizeObserver(() => {
+      requestAnimationFrame(d);
     });
-    return f.observe(d), () => f.disconnect();
-  }, [t, e]), { visible: n, hidden: r, showOverflowIndicator: h, measurementRef: c };
+    return b.observe(c), () => b.disconnect();
+  }, [n, e]), { visible: t, hidden: i, showOverflowIndicator: p, measurementRef: s };
 };
 x.div`
   & > div {
     width: 100%;
   }
 `;
-const st = x.div`
+const Ln = x.div`
   position: absolute;
   top: calc(100% + 4px);
   right: 0;
   z-index: 1000;
   width: 170px;
-`, dt = x.div`
+`, Un = x.div`
   position: absolute;
   visibility: hidden;
   pointer-events: none;
   height: 0;
   overflow: hidden;
-`, ct = x.div`
+`, zn = x.div`
   cursor: pointer;
-`, K = {
+`, ae = {
   border: {
     color: {
-      regular: y.palette.neutral.N40,
-      disabled: y.palette.neutral.N40,
-      focus: y.palette.blue.B300,
-      invalid: y.palette.red.R400
+      regular: v.palette.neutral.N40,
+      disabled: v.palette.neutral.N40,
+      focus: v.palette.blue.B300,
+      invalid: v.palette.red.R400
     }
   },
   background: {
     color: {
-      regular: y.palette.neutral.N0,
-      disabled: y.palette.neutral.N10
+      regular: v.palette.neutral.N0,
+      disabled: v.palette.neutral.N10
     }
   },
   content: {
     color: {
-      regular: y.palette.neutral.N900,
-      disabled: y.palette.neutral.N70
+      regular: v.palette.neutral.N900,
+      disabled: v.palette.neutral.N70
     }
   },
   placeholder: {
     color: {
-      regular: y.palette.neutral.N300
+      regular: v.palette.neutral.N300
     }
   },
   option: {
@@ -787,11 +1342,11 @@ const st = x.div`
       hover: "primary"
     },
     background: {
-      regular: y.palette.neutral.N0,
-      hover: y.palette.neutral.N30
+      regular: v.palette.neutral.N0,
+      hover: v.palette.neutral.N30
     }
   }
-}, ut = x.li`
+}, Vn = x.li`
   display: flex;
   align-items: center;
   align-self: stretch;
@@ -805,56 +1360,56 @@ const st = x.div`
 
   &:hover {
     background-color: ${({ theme: e }) => {
-  var t, n, o;
-  return ((o = (n = (t = e == null ? void 0 : e.input) == null ? void 0 : t.background) == null ? void 0 : n.color) == null ? void 0 : o.regular) || K.background.color.regular;
+  var n, t, a;
+  return ((a = (t = (n = e == null ? void 0 : e.input) == null ? void 0 : n.background) == null ? void 0 : t.color) == null ? void 0 : a.regular) || ae.background.color.regular;
 }};
   }
-`, ht = (e) => {
-  var f, T, b, v, w, S;
-  const { id: t, label: n, leadingIcon: o, onClose: r } = e, [i, h] = R(!1), l = () => h(!0), c = () => h(!1), d = Fe($e), u = ((b = (T = (f = d == null ? void 0 : d.input) == null ? void 0 : f.option) == null ? void 0 : T.appearance) == null ? void 0 : b.hover) ?? K.option.appearance.hover, s = ((S = (w = (v = d == null ? void 0 : d.input) == null ? void 0 : v.option) == null ? void 0 : w.appearance) == null ? void 0 : S.regular) ?? K.option.appearance.regular;
-  return /* @__PURE__ */ a(
-    ut,
+`, jn = (e) => {
+  var b, m, f, y, C, w;
+  const { id: n, label: t, leadingIcon: a, onClose: i } = e, [r, p] = O(!1), l = () => p(!0), s = () => p(!1), c = He(Be), u = ((f = (m = (b = c == null ? void 0 : c.input) == null ? void 0 : b.option) == null ? void 0 : m.appearance) == null ? void 0 : f.hover) ?? ae.option.appearance.hover, d = ((w = (C = (y = c == null ? void 0 : c.input) == null ? void 0 : y.option) == null ? void 0 : C.appearance) == null ? void 0 : w.regular) ?? ae.option.appearance.regular;
+  return /* @__PURE__ */ o(
+    Vn,
     {
-      id: t,
+      id: n,
       onMouseEnter: l,
-      onMouseLeave: c,
-      onClick: (k) => {
-        k.stopPropagation();
+      onMouseLeave: s,
+      onClick: (E) => {
+        E.stopPropagation();
       },
-      children: /* @__PURE__ */ p(
-        J,
+      children: /* @__PURE__ */ h(
+        K,
         {
           alignItems: "center",
           gap: "8px",
           templateColumns: "auto 1fr auto",
           width: "100%",
           children: [
-            o && /* @__PURE__ */ a(
-              M,
+            a && /* @__PURE__ */ o(
+              L,
               {
-                icon: o,
+                icon: a,
                 size: "medium",
-                appearance: i ? u : s
+                appearance: r ? u : d
               }
             ),
-            /* @__PURE__ */ a(
-              C,
+            /* @__PURE__ */ o(
+              S,
               {
                 textAlign: "start",
                 size: "medium",
-                appearance: i ? u : s,
-                children: n
+                appearance: r ? u : d,
+                children: t
               }
             ),
-            /* @__PURE__ */ a(
-              M,
+            /* @__PURE__ */ o(
+              L,
               {
-                icon: /* @__PURE__ */ a(Se, {}),
+                icon: /* @__PURE__ */ o(Me, {}),
                 size: "small",
-                onClick: (k) => {
-                  k.stopPropagation(), r == null || r();
+                onClick: (E) => {
+                  E.stopPropagation(), i == null || i();
                 },
-                appearance: i ? u : s,
+                appearance: r ? u : d,
                 cursorHover: !0
               }
             )
@@ -863,54 +1418,54 @@ const st = x.div`
       )
     }
   );
-}, Wt = (e) => {
+}, yt = (e) => {
   const {
-    appliedFilters: t = [],
-    onClear: n,
-    onClick: o,
-    noFiltersLabel: r,
-    titleClearFilter: i,
-    titleFilter: h
-  } = e, l = H(null), c = H(null), d = H(null), {
+    appliedFilters: n = [],
+    onClear: t,
+    onClick: a,
+    noFiltersLabel: i,
+    titleClearFilter: r,
+    titleFilter: p
+  } = e, l = Q(null), s = Q(null), c = Q(null), {
     visible: u,
-    hidden: s,
-    showOverflowIndicator: f,
-    measurementRef: T
-  } = lt(l, t), [b, v] = R(!1), w = (m) => {
-    m.stopPropagation(), v((N) => !N);
+    hidden: d,
+    showOverflowIndicator: b,
+    measurementRef: m
+  } = Mn(l, n), [f, y] = O(!1), C = (T) => {
+    T.stopPropagation(), y((N) => !N);
   };
-  X(() => {
-    const m = (N) => {
-      var ne, oe;
-      const O = N.target;
-      !((ne = c.current) != null && ne.contains(O)) && !((oe = d.current) != null && oe.contains(O)) && v(!1);
+  oe(() => {
+    const T = (N) => {
+      var le, se;
+      const M = N.target;
+      !((le = s.current) != null && le.contains(M)) && !((se = c.current) != null && se.contains(M)) && y(!1);
     };
-    return b && window.addEventListener("mousedown", m), () => window.removeEventListener("mousedown", m);
-  }, [b]);
-  const S = t.length === 0, k = b && s.length > 0, F = s.map((m) => ({
-    id: m.label,
-    value: m.label,
-    label: m.label,
-    icon: m.icon
-  })), $ = (m) => {
-    var N, O;
-    (O = (N = s.find((E) => E.label === m)) == null ? void 0 : N.onClose) == null || O.call(N), v(!1);
+    return f && window.addEventListener("mousedown", T), () => window.removeEventListener("mousedown", T);
+  }, [f]);
+  const w = n.length === 0, E = f && d.length > 0, $ = d.map((T) => ({
+    id: T.label,
+    value: T.label,
+    label: T.label,
+    icon: T.icon
+  })), A = (T) => {
+    var N, M;
+    (M = (N = d.find((F) => F.label === T)) == null ? void 0 : N.onClose) == null || M.call(N), y(!1);
   };
-  return /* @__PURE__ */ p(it, { borderRadius: "8px", width: "100%", children: [
-    /* @__PURE__ */ a(dt, { ref: T, children: t.map((m) => /* @__PURE__ */ a("div", { "data-filter-tag": "true", children: /* @__PURE__ */ a(
-      q,
+  return /* @__PURE__ */ h(On, { borderRadius: "8px", width: "100%", children: [
+    /* @__PURE__ */ o(Un, { ref: m, children: n.map((T) => /* @__PURE__ */ o("div", { "data-filter-tag": "true", children: /* @__PURE__ */ o(
+      H,
       {
         appearance: "primary",
         displayIcon: !0,
         removable: !0,
-        icon: m.icon,
-        label: m.label,
-        onClose: m.onClose
+        icon: T.icon,
+        label: T.label,
+        onClose: T.onClose
       }
-    ) }, m.label)) }),
-    /* @__PURE__ */ p(J, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
-      /* @__PURE__ */ a(
-        te,
+    ) }, T.label)) }),
+    /* @__PURE__ */ h(K, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
+      /* @__PURE__ */ o(
+        j,
         {
           ref: l,
           background: !0,
@@ -921,50 +1476,50 @@ const st = x.div`
           alignItems: "center",
           padding: "0px 8px",
           border: !0,
-          children: S ? /* @__PURE__ */ a(C, { size: "small", type: "label", appearance: "gray", children: r }) : /* @__PURE__ */ p(A, { children: [
-            u.map((m) => /* @__PURE__ */ a(
-              q,
+          children: w ? /* @__PURE__ */ o(S, { size: "small", type: "label", appearance: "gray", children: i }) : /* @__PURE__ */ h(k, { children: [
+            u.map((T) => /* @__PURE__ */ o(
+              H,
               {
                 "data-filter-tag": "true",
                 appearance: "primary",
                 displayIcon: !0,
                 removable: !0,
-                icon: m.icon,
-                label: m.label,
-                onClose: m.onClose
+                icon: T.icon,
+                label: T.label,
+                onClose: T.onClose
               },
-              m.label
+              T.label
             )),
-            f && /* @__PURE__ */ p(
+            b && /* @__PURE__ */ h(
               "div",
               {
-                ref: d,
+                ref: c,
                 style: { position: "relative", display: "inline-block" },
                 children: [
-                  /* @__PURE__ */ a(ct, { onClick: w, children: /* @__PURE__ */ a(
-                    q,
+                  /* @__PURE__ */ o(zn, { onClick: C, children: /* @__PURE__ */ o(
+                    H,
                     {
                       appearance: "primary",
-                      label: `+${s.length}`
+                      label: `+${d.length}`
                     }
                   ) }),
-                  k && /* @__PURE__ */ a(st, { ref: c, children: /* @__PURE__ */ a(
-                    De,
+                  E && /* @__PURE__ */ o(Ln, { ref: s, children: /* @__PURE__ */ o(
+                    ze,
                     {
-                      options: F,
-                      onOptionClick: $,
-                      children: s.map((m) => /* @__PURE__ */ a(
-                        ht,
+                      options: $,
+                      onOptionClick: A,
+                      children: d.map((T) => /* @__PURE__ */ o(
+                        jn,
                         {
-                          id: m.label,
-                          label: m.label,
-                          leadingIcon: m.icon,
+                          id: T.label,
+                          label: T.label,
+                          leadingIcon: T.icon,
                           onClose: () => {
                             var N;
-                            (N = m.onClose) == null || N.call(m), v(!1);
+                            (N = T.onClose) == null || N.call(T), y(!1);
                           }
                         },
-                        m.label
+                        T.label
                       ))
                     }
                   ) })
@@ -974,35 +1529,35 @@ const st = x.div`
           ] })
         }
       ),
-      /* @__PURE__ */ a(
-        L,
+      /* @__PURE__ */ o(
+        U,
         {
           cursorHover: !0,
-          disabled: S,
-          iconBefore: /* @__PURE__ */ a(me, {}),
-          onClick: n,
+          disabled: w,
+          iconBefore: /* @__PURE__ */ o(ve, {}),
+          onClick: t,
           variant: "outlined",
-          children: i
+          children: r
         }
       ),
-      /* @__PURE__ */ a(
-        L,
+      /* @__PURE__ */ o(
+        U,
         {
           cursorHover: !0,
-          iconBefore: /* @__PURE__ */ a(be, {}),
-          onClick: o,
+          iconBefore: /* @__PURE__ */ o(ye, {}),
+          onClick: a,
           variant: "outlined",
-          children: h
+          children: p
         }
       )
     ] })
   ] });
-}, pt = x.div`
+}, Bn = x.div`
   display: flex;
   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) || y.palette.neutral.N0;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N0) || v.palette.neutral.N0;
 }};
   width: ${({ $smallScreen: e }) => e ? "auto" : "450px"};
   height: auto;
@@ -1010,77 +1565,77 @@ const st = x.div`
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, Qt = (e) => {
+`, wt = (e) => {
   const {
-    actionButtonLabel: t,
-    cancelButtonLabel: n,
-    children: o,
-    loading: r,
-    onClick: i,
-    onCloseModal: h,
+    actionButtonLabel: n,
+    cancelButtonLabel: t,
+    children: a,
+    loading: i,
+    onClick: r,
+    onCloseModal: p,
     portalId: l,
-    title: c
-  } = e, d = V("(max-width: 768px)"), u = document.getElementById(l);
+    title: s
+  } = e, c = B("(max-width: 768px)"), u = document.getElementById(l);
   if (!u)
     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 ye(
-    /* @__PURE__ */ a(fe, { children: /* @__PURE__ */ p(pt, { $smallScreen: d, children: [
-      /* @__PURE__ */ p(g, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ p(g, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ a(C, { appearance: "dark", size: "small", type: "headline", children: c }),
-          /* @__PURE__ */ p(g, { alignItems: "center", children: [
-            /* @__PURE__ */ a(C, { children: "Cerrar" }),
-            /* @__PURE__ */ a(
-              M,
+  return Se(
+    /* @__PURE__ */ o(we, { children: /* @__PURE__ */ h(Bn, { $smallScreen: c, children: [
+      /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ h(g, { alignContent: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ o(S, { appearance: "dark", size: "small", type: "headline", children: s }),
+          /* @__PURE__ */ h(g, { alignItems: "center", children: [
+            /* @__PURE__ */ o(S, { children: "Cerrar" }),
+            /* @__PURE__ */ o(
+              L,
               {
                 appearance: "dark",
-                icon: /* @__PURE__ */ a(pe, {}),
-                onClick: h,
+                icon: /* @__PURE__ */ o(xe, {}),
+                onClick: p,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ a(I, {})
+        /* @__PURE__ */ o(R, {})
       ] }),
-      o,
-      /* @__PURE__ */ p(g, { gap: "20px", justifyContent: "flex-end", children: [
-        /* @__PURE__ */ a(
-          L,
+      a,
+      /* @__PURE__ */ h(g, { gap: "20px", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ o(
+          U,
           {
             appearance: "gray",
-            onClick: h,
-            iconBefore: /* @__PURE__ */ a(me, {}),
+            onClick: p,
+            iconBefore: /* @__PURE__ */ o(ve, {}),
             spacing: "wide",
             variant: "outlined",
-            children: n
+            children: t
           }
         ),
-        /* @__PURE__ */ a(
-          L,
+        /* @__PURE__ */ o(
+          U,
           {
             appearance: "primary",
-            loading: r,
-            onClick: i,
+            loading: i,
+            onClick: r,
             spacing: "wide",
             variant: "filled",
-            children: t
+            children: n
           }
         )
       ] })
     ] }) }),
     u
   );
-}, Yt = (e) => {
-  const { appliedFilters: t, fields: n, onChange: o, noFiltersLabel: r } = e, i = V("(max-width: 768px)"), h = !t || t.length === 0;
-  return /* @__PURE__ */ p(g, { direction: "column", gap: "16px", children: [
-    i && /* @__PURE__ */ p(A, { children: [
-      /* @__PURE__ */ p(g, { gap: "6px", width: "100%", alignItems: "center", children: [
-        /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(be, {}) }),
-        /* @__PURE__ */ a(
-          te,
+}, Ct = (e) => {
+  const { appliedFilters: n, fields: t, onChange: a, noFiltersLabel: i } = e, r = B("(max-width: 768px)"), p = !n || n.length === 0;
+  return /* @__PURE__ */ h(g, { direction: "column", gap: "16px", children: [
+    r && /* @__PURE__ */ h(k, { children: [
+      /* @__PURE__ */ h(g, { gap: "6px", width: "100%", alignItems: "center", children: [
+        /* @__PURE__ */ o(L, { appearance: "gray", icon: /* @__PURE__ */ o(ye, {}) }),
+        /* @__PURE__ */ o(
+          j,
           {
             background: !0,
             borderRadius: "8px",
@@ -1091,8 +1646,8 @@ const st = x.div`
             border: !0,
             width: "100%",
             height: "36px",
-            children: h ? /* @__PURE__ */ a(C, { size: "small", type: "label", appearance: "gray", children: r }) : t == null ? void 0 : t.map((l) => /* @__PURE__ */ a(
-              q,
+            children: p ? /* @__PURE__ */ o(S, { size: "small", type: "label", appearance: "gray", children: i }) : n == null ? void 0 : n.map((l) => /* @__PURE__ */ o(
+              H,
               {
                 appearance: "primary",
                 displayIcon: !0,
@@ -1106,19 +1661,19 @@ const st = x.div`
           }
         )
       ] }),
-      /* @__PURE__ */ a(I, { dashed: !0 })
+      /* @__PURE__ */ o(R, { dashed: !0 })
     ] }),
-    n.map((l) => /* @__PURE__ */ p(g, { gap: "6px", alignItems: "center", children: [
-      /* @__PURE__ */ a(g, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(M, { appearance: "primary", icon: l.icon }) }),
-      /* @__PURE__ */ a(
-        ke,
+    t.map((l) => /* @__PURE__ */ h(g, { gap: "6px", alignItems: "center", children: [
+      /* @__PURE__ */ o(g, { padding: "22px 0 0 0", children: /* @__PURE__ */ o(L, { appearance: "primary", icon: l.icon }) }),
+      /* @__PURE__ */ o(
+        Ve,
         {
           disabled: l.disabled,
           invalid: l.invalid,
           label: l.label,
           message: l.message,
           name: l.name,
-          onChange: o,
+          onChange: a,
           options: l.options,
           placeholder: l.placeholder,
           required: l.required,
@@ -1129,137 +1684,137 @@ const st = x.div`
       )
     ] }, l.name))
   ] });
-}, gt = (e) => {
-  const t = [];
-  return e.from !== void 0 && e.from !== null && t.push(`>${e.from}`), e.to !== void 0 && e.to !== null && t.push(`<${e.to}`), t.join(";");
-}, Kt = (e) => {
-  var h;
-  const { decision: t, fallbackId: n, template: o } = e, r = (l) => typeof l == "object" && l !== null && "from" in l && "to" in l ? gt(l) : l, i = ((h = t.conditionsThatEstablishesTheDecision) == null ? void 0 : h.map((l, c) => {
-    var s;
-    const d = l == null ? void 0 : l.value;
-    return d == null || typeof d == "string" && d.trim() === "" || Array.isArray(d) && d.length === 0 ? null : {
-      ...(s = o.conditionsThatEstablishesTheDecision) == null ? void 0 : s[c],
+}, _n = (e) => {
+  const n = [];
+  return e.from !== void 0 && e.from !== null && n.push(`>${e.from}`), e.to !== void 0 && e.to !== null && n.push(`<${e.to}`), n.join(";");
+}, Dt = (e) => {
+  var p;
+  const { decision: n, fallbackId: t, template: a } = e, i = (l) => typeof l == "object" && l !== null && "from" in l && "to" in l ? _n(l) : l, r = ((p = n.conditionsThatEstablishesTheDecision) == null ? void 0 : p.map((l, s) => {
+    var d;
+    const c = l == null ? void 0 : l.value;
+    return c == null || typeof c == "string" && c.trim() === "" || Array.isArray(c) && c.length === 0 ? null : {
+      ...(d = a.conditionsThatEstablishesTheDecision) == null ? void 0 : d[s],
       ...l,
-      value: r(d)
+      value: i(c)
     };
   }).filter(Boolean)) ?? [];
   return {
-    ...o,
-    ...t,
-    decisionId: n,
-    value: r(t.value),
-    conditionsThatEstablishesTheDecision: i
+    ...a,
+    ...n,
+    decisionId: t,
+    value: i(n.value),
+    conditionsThatEstablishesTheDecision: r
   };
-}, Jt = (e) => {
+}, St = (e) => {
   if (typeof e != "string") return e;
-  const t = e.split(";").map((o) => o.trim()), n = {};
-  for (const o of t)
-    if (o.startsWith(">")) {
-      const r = parseFloat(o.slice(1));
-      isNaN(r) || (n.from = r);
-    } else if (o.startsWith("<")) {
-      const r = parseFloat(o.slice(1));
-      isNaN(r) || (n.to = r);
+  const n = e.split(";").map((a) => a.trim()), t = {};
+  for (const a of n)
+    if (a.startsWith(">")) {
+      const i = parseFloat(a.slice(1));
+      isNaN(i) || (t.from = i);
+    } else if (a.startsWith("<")) {
+      const i = parseFloat(a.slice(1));
+      isNaN(i) || (t.to = i);
     }
-  return n.from !== void 0 || n.to !== void 0 ? n : e;
-}, Xt = (e) => {
-  const { dataDecision: t, originalDecision: n } = e, o = {
-    conditionName: t.ruleName || "",
-    labelName: t.labelName || "",
-    conditionDataType: t.decisionDataType || "alphabetical",
-    value: t.value || "",
-    howToSetTheCondition: t.howToSetTheDecision || "EqualTo",
+  return t.from !== void 0 || t.to !== void 0 ? t : e;
+}, Nt = (e) => {
+  const { dataDecision: n, originalDecision: t } = e, a = {
+    conditionName: n.ruleName || "",
+    labelName: n.labelName || "",
+    conditionDataType: n.decisionDataType || "alphabetical",
+    value: n.value || "",
+    howToSetTheCondition: n.howToSetTheDecision || "EqualTo",
     switchPlaces: !0,
     hidden: !1
   };
   return {
-    ...n,
-    conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (r) => r.hidden ? { ...o } : r
+    ...t,
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
+      (i) => i.hidden ? { ...a } : i
     )
   };
-}, Zt = (e) => {
-  const { decisions: t } = e;
-  return t == null ? void 0 : t.map((n) => {
-    var r;
-    const o = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-      (i) => i.hidden
+}, Et = (e) => {
+  const { decisions: n } = e;
+  return n == null ? void 0 : n.map((t) => {
+    var i;
+    const a = (i = t.conditionsThatEstablishesTheDecision) == null ? void 0 : i.find(
+      (r) => r.hidden
     );
-    return o ? {
-      ...n,
-      ruleName: n.ruleName,
-      labelName: n.labelName,
-      decisionDataType: n.decisionDataType,
-      value: n.value,
-      howToSetTheDecision: n.howToSetTheDecision,
-      conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (i) => i.hidden ? { ...o, hidden: !1 } : i
+    return a ? {
+      ...t,
+      ruleName: t.ruleName,
+      labelName: t.labelName,
+      decisionDataType: t.decisionDataType,
+      value: t.value,
+      howToSetTheDecision: t.howToSetTheDecision,
+      conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
+        (r) => r.hidden ? { ...a, hidden: !1 } : r
       )
-    } : n;
+    } : t;
   });
-}, mt = (e) => ({
-  schema: Z().required("Required").test(
+}, Hn = (e) => ({
+  schema: ie().required("Required").test(
     "non-empty",
     "Value cannot be empty",
-    (t) => t != null && t.trim() !== ""
+    (n) => n != null && n.trim() !== ""
   ),
   value: e
-}), bt = (e) => ({
-  schema: xe().test(
+}), qn = (e) => ({
+  schema: Ne().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
-    (t) => Array.isArray(t) ? t.every(
-      (n) => typeof n == "string" || typeof n == "number"
-    ) : typeof t == "string"
+    (n) => Array.isArray(n) ? n.every(
+      (t) => typeof t == "string" || typeof t == "number"
+    ) : typeof n == "string"
   ),
   value: e
-}), ft = (e) => ({
-  schema: xe().test(
+}), Pn = (e) => ({
+  schema: Ne().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
-    (t) => Array.isArray(t) ? t.every(
-      (n) => typeof n == "string" || typeof n == "number"
-    ) : typeof t == "string"
+    (n) => Array.isArray(n) ? n.every(
+      (t) => typeof t == "string" || typeof t == "number"
+    ) : typeof n == "string"
   ),
   value: e
-}), Tt = (e) => {
-  const t = (e == null ? void 0 : e.from) ?? 0, n = (e == null ? void 0 : e.to) ?? 0;
+}), Gn = (e) => {
+  const n = (e == null ? void 0 : e.from) ?? 0, t = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: P({
-      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(
+    schema: W({
+      from: ee().required("Range From is required").max(t, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      to: ee().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(o) {
-          const { from: r } = this.parent;
-          return o > r;
+        function(a) {
+          const { from: i } = this.parent;
+          return a > i;
         }
       )
     }),
-    value: { from: t, to: n }
+    value: { from: n, to: t }
   };
-}, W = (e, t) => t === z.PERCENTAGE ? {
-  schema: Q().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+}, Z = (e, n) => n === I.PERCENTAGE ? {
+  schema: ee().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: e
 } : {
-  schema: Z().required("Required"),
+  schema: ie().required("Required"),
   value: e
-}, yt = {
-  [D.LIST_OF_VALUES]: bt,
-  [D.LIST_OF_VALUES_MULTI]: ft,
-  [D.RANGE]: Tt,
-  [D.GREATER_THAN]: W,
-  [D.LESS_THAN]: W,
-  [D.EQUAL]: W
-}, ce = (e) => yt[e] || mt;
-function xt({
+}, Qn = {
+  [D.LIST_OF_VALUES]: qn,
+  [D.LIST_OF_VALUES_MULTI]: Pn,
+  [D.RANGE]: Gn,
+  [D.GREATER_THAN]: Z,
+  [D.LESS_THAN]: Z,
+  [D.EQUAL]: Z
+}, me = (e) => Qn[e] || Hn;
+function Wn({
   decision: e,
-  onSubmitEvent: t,
-  textValues: n
+  onSubmitEvent: n,
+  textValues: t
 }) {
-  const o = {
+  const a = {
     ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || z.ALPHABETICAL,
+    decisionDataType: e.decisionDataType || I.ALPHABETICAL,
     howToSetTheDecision: e.howToSetTheDecision || "",
     value: e.value || "",
     effectiveFrom: e.effectiveFrom || "",
@@ -1269,108 +1824,108 @@ function xt({
     checkClosed: !1,
     terms: !0
   };
-  let r;
-  const i = {
-    ruleName: Z().required("Name is required"),
-    value: ie(() => ce(
-      r.values.howToSetTheDecision
+  let i;
+  const r = {
+    ruleName: ie().required("Name is required"),
+    value: ue(() => me(
+      i.values.howToSetTheDecision
     )(
-      r.values.value,
-      r.values.decisionDataType
+      i.values.value,
+      i.values.decisionDataType
     ).schema),
-    conditionsThatEstablishesTheDecision: ie((c, { parent: d }) => {
-      var f;
-      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionsThatEstablishesTheDecision || {}).length > 0) return P().shape({});
-      const s = (f = e.conditionsThatEstablishesTheDecision) == null ? void 0 : f.reduce(
-        (T, b) => {
-          if (r.values.conditionsThatEstablishesTheDecision[b.conditionName] !== void 0) {
-            const w = ce(
-              b.howToSetTheCondition
+    conditionsThatEstablishesTheDecision: ue((s, { parent: c }) => {
+      var b;
+      if ((c == null ? void 0 : c.toggleNone) && Object.keys(c.conditionsThatEstablishesTheDecision || {}).length > 0) return W().shape({});
+      const d = (b = e.conditionsThatEstablishesTheDecision) == null ? void 0 : b.reduce(
+        (m, f) => {
+          if (i.values.conditionsThatEstablishesTheDecision[f.conditionName] !== void 0) {
+            const C = me(
+              f.howToSetTheCondition
             );
-            T[b.conditionName] = w(
-              b.value,
-              b.conditionDataType
+            m[f.conditionName] = C(
+              f.value,
+              f.conditionDataType
             ).schema;
           }
-          return T;
+          return m;
         },
         {}
       );
-      return P(s).test(
+      return W(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(
-          (b) => b != null && b !== ""
+        (m) => m ? Object.values(m).some(
+          (f) => f != null && f !== ""
         ) : !1
       );
     })
   };
-  n.terms && (i.effectiveFrom = le().required(
+  t.terms && (r.effectiveFrom = pe().required(
     "effective From date is required"
-  ), i.validUntil = le().when(
+  ), r.validUntil = pe().when(
     "checkClosed",
-    (c, d, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? d.required("valid Until date is required").test(
+    (s, c, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? c.required("valid Until date is required").test(
       "is-after-startDate",
       "valid Until date must be greater than or equal to Start date",
-      function(f) {
-        const T = this.parent.effectiveFrom;
-        return !T || !f ? !0 : new Date(f) >= new Date(T);
+      function(b) {
+        const m = this.parent.effectiveFrom;
+        return !m || !b ? !0 : new Date(b) >= new Date(m);
       }
-    ) : d.notRequired()
+    ) : c.notRequired()
   ));
-  const h = P(i);
-  return r = Ie({
-    initialValues: o,
-    validationSchema: h,
+  const p = W(r);
+  return i = qe({
+    initialValues: a,
+    validationSchema: p,
     validateOnBlur: !0,
-    onSubmit: (c) => {
+    onSubmit: (s) => {
       var u;
-      const d = {
+      const c = {
         ...e,
-        ruleName: c.ruleName,
-        decisionDataType: c.decisionDataType,
-        howToSetTheDecision: c.howToSetTheDecision,
-        value: c.value,
-        effectiveFrom: c.effectiveFrom,
-        validUntil: c.validUntil,
-        conditionsThatEstablishesTheDecision: (u = e.conditionsThatEstablishesTheDecision) == null ? void 0 : u.filter((s) => {
-          const f = c.conditionsThatEstablishesTheDecision[s.conditionName];
-          return f != null && f !== "";
-        }).map((s) => ({
-          ...s,
-          value: c.conditionsThatEstablishesTheDecision[s.conditionName]
+        ruleName: s.ruleName,
+        decisionDataType: s.decisionDataType,
+        howToSetTheDecision: s.howToSetTheDecision,
+        value: s.value,
+        effectiveFrom: s.effectiveFrom,
+        validUntil: s.validUntil,
+        conditionsThatEstablishesTheDecision: (u = e.conditionsThatEstablishesTheDecision) == null ? void 0 : u.filter((d) => {
+          const b = s.conditionsThatEstablishesTheDecision[d.conditionName];
+          return b != null && b !== "";
+        }).map((d) => ({
+          ...d,
+          value: s.conditionsThatEstablishesTheDecision[d.conditionName]
         }))
       };
-      t(d);
+      n(c);
     }
-  }), { formik: r, handleToggleNoneChange: (c) => {
-    var d;
-    r.setFieldValue("toggleNone", c), (d = e.conditionsThatEstablishesTheDecision) == null || d.forEach((u) => {
-      if (c)
-        r.setFieldValue(
+  }), { formik: i, handleToggleNoneChange: (s) => {
+    var c;
+    i.setFieldValue("toggleNone", s), (c = e.conditionsThatEstablishesTheDecision) == null || c.forEach((u) => {
+      if (s)
+        i.setFieldValue(
           `conditionsThatEstablishesTheDecision.${u.conditionName}`,
           void 0
         );
       else {
-        const s = u.howToSetTheCondition === D.LIST_OF_VALUES_MULTI ? [] : "";
-        r.setFieldValue(
+        const d = u.howToSetTheCondition === D.LIST_OF_VALUES_MULTI ? [] : "";
+        i.setFieldValue(
           `conditionsThatEstablishesTheDecision.${u.conditionName}`,
-          s
+          d
         );
       }
     });
   } };
 }
-const vt = x.div`
+const Yn = x.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) || y.palette.neutral.N30;
+  var n, t;
+  return ((t = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : t.N30) || v.palette.neutral.N30;
 }};
   }
-`, wt = x.div`
+`, Kn = x.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1387,61 +1942,61 @@ const vt = x.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ct = (e) => {
+`, Jn = (e) => {
   const {
-    checked: t,
-    children: n,
-    handleToggleChange: o,
-    id: r,
-    labelToggle: i,
-    name: h,
+    checked: n,
+    children: t,
+    handleToggleChange: a,
+    id: i,
+    labelToggle: r,
+    name: p,
     valueToggle: l = ""
-  } = e, [c, d] = R(t), u = (s) => {
-    d(s.target.checked), o(s);
+  } = e, [s, c] = O(n), u = (d) => {
+    c(d.target.checked), a(d);
   };
-  return X(() => {
-    d(t);
-  }, [t]), /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(
-      Te,
+  return oe(() => {
+    c(n);
+  }, [n]), /* @__PURE__ */ h(k, { children: [
+    /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(
+      Ce,
       {
-        checked: c,
-        id: r,
-        name: h,
+        checked: s,
+        id: i,
+        name: p,
         onChange: u,
         size: "small",
         value: l,
-        children: /* @__PURE__ */ a(C, { size: "medium", type: "label", weight: "bold", children: i })
+        children: /* @__PURE__ */ o(S, { size: "medium", type: "label", weight: "bold", children: r })
       }
     ) }),
-    c && /* @__PURE__ */ a(A, { children: n })
+    s && /* @__PURE__ */ o(k, { children: t })
   ] });
-}, St = (e) => {
+}, Xn = (e) => {
   const {
-    onHandleStartChange: t,
-    onHandleEndChange: n,
-    onCheckClosedChange: o,
-    labelStart: r,
-    labelEnd: i,
-    checkedClosed: h = !1,
+    onHandleStartChange: n,
+    onHandleEndChange: t,
+    onCheckClosedChange: a,
+    labelStart: i,
+    labelEnd: r,
+    checkedClosed: p = !1,
     required: l = !1,
-    valueStart: c = "",
-    valueEnd: d = "",
+    valueStart: s = "",
+    valueEnd: c = "",
     messageStart: u = "",
-    messageEnd: s = "",
-    statusStart: f = "pending",
-    statusEnd: T = "pending"
-  } = e, [b, v] = R(h), [w, S] = R(c), [k, F] = R(d), $ = ({ target: E }) => {
-    v(E.checked), o && o(E.checked);
-  }, m = (E) => {
-    S(E.target.value), t(E);
-  }, N = (E) => {
-    F(E.target.value), n(E);
-  }, O = V("(max-width: 400px)");
-  return /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ p(g, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ a(
-        C,
+    messageEnd: d = "",
+    statusStart: b = "pending",
+    statusEnd: m = "pending"
+  } = e, [f, y] = O(p), [C, w] = O(s), [E, $] = O(c), A = ({ target: F }) => {
+    y(F.checked), a && a(F.checked);
+  }, T = (F) => {
+    w(F.target.value), n(F);
+  }, N = (F) => {
+    $(F.target.value), t(F);
+  }, M = B("(max-width: 400px)");
+  return /* @__PURE__ */ h(k, { children: [
+    /* @__PURE__ */ h(g, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ o(
+        S,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -1451,83 +2006,83 @@ const vt = x.div`
           children: "Vigencia"
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ o(
         g,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
-          children: /* @__PURE__ */ a(
-            Ne,
+          children: /* @__PURE__ */ o(
+            je,
             {
               label: "Cerrada",
-              onChange: $,
-              checked: b,
+              onChange: A,
+              checked: f,
               value: ""
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ h(
       g,
       {
-        direction: O ? "column" : "row",
+        direction: M ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
-          /* @__PURE__ */ a(
-            ae,
+          /* @__PURE__ */ o(
+            de,
             {
               id: "dateStart",
-              label: r,
-              onChange: m,
-              value: w,
+              label: i,
+              onChange: T,
+              value: C,
               required: l,
               size: "compact",
-              status: f,
+              status: b,
               message: u
             }
           ),
-          b && /* @__PURE__ */ a(
-            ae,
+          f && /* @__PURE__ */ o(
+            de,
             {
               id: "dateEnd",
-              label: i,
+              label: r,
               onChange: N,
-              value: k,
+              value: E,
               required: l,
               size: "compact",
-              status: T,
-              message: s
+              status: m,
+              message: d
             }
           )
         ]
       }
     )
   ] });
-}, Dt = (e) => {
+}, Zn = (e) => {
   const {
-    formik: t,
-    textValues: n,
-    onCancel: o,
-    visibleConditions: r,
-    normalizedDecision: i,
-    handleToggleNoneChange: h,
+    formik: n,
+    textValues: t,
+    onCancel: a,
+    visibleConditions: i,
+    normalizedDecision: r,
+    handleToggleNoneChange: p,
     handleConditionToggleChange: l,
-    showConditionsError: c,
-    termStartStatus: d,
+    showConditionsError: s,
+    termStartStatus: c,
     termEndStatus: u
   } = e;
-  return /* @__PURE__ */ a("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ p(g, { direction: "column", gap: "24px", children: [
-    re({
-      condition: i,
-      formik: t,
+  return /* @__PURE__ */ o("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ h(g, { direction: "column", gap: "24px", children: [
+    ce({
+      condition: r,
+      formik: n,
       isDecision: !0
     }),
-    /* @__PURE__ */ a(I, { dashed: !0 }),
-    /* @__PURE__ */ a(vt, { children: /* @__PURE__ */ a(wt, { children: /* @__PURE__ */ p(
+    /* @__PURE__ */ o(R, { dashed: !0 }),
+    /* @__PURE__ */ o(Yn, { children: /* @__PURE__ */ o(Kn, { children: /* @__PURE__ */ h(
       g,
       {
         direction: "column",
@@ -1535,168 +2090,168 @@ const vt = x.div`
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ h(
             g,
             {
               justifyContent: "space-between",
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ a(C, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
-                /* @__PURE__ */ a(
-                  Te,
+                /* @__PURE__ */ o(S, { type: "title", size: "small", weight: "bold", appearance: "gray", children: t.factsThatConditionIt }),
+                /* @__PURE__ */ o(
+                  Ce,
                   {
                     id: "toggleNone",
-                    onChange: () => h(!t.values.toggleNone),
-                    checked: t.values.toggleNone,
+                    onChange: () => p(!n.values.toggleNone),
+                    checked: n.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ a(C, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
+                    children: /* @__PURE__ */ o(S, { as: "span", size: "medium", type: "label", weight: "bold", children: t.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ a(g, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((s) => /* @__PURE__ */ a(
-            Ct,
+          /* @__PURE__ */ o(g, { direction: "column", gap: "20px", children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o(
+            Jn,
             {
-              id: `toggle-${s.conditionName}`,
-              name: `toggle.${s.conditionName}`,
-              labelToggle: s.labelName,
-              checked: !t.values.toggleNone && t.values.conditionsThatEstablishesTheDecision[s.conditionName] !== void 0,
-              handleToggleChange: (f) => l(
-                s.conditionName,
-                s.howToSetTheCondition === D.LIST_OF_VALUES_MULTI
-              )(f.target.checked),
-              children: re({ condition: s, formik: t })
+              id: `toggle-${d.conditionName}`,
+              name: `toggle.${d.conditionName}`,
+              labelToggle: d.labelName,
+              checked: !n.values.toggleNone && n.values.conditionsThatEstablishesTheDecision[d.conditionName] !== void 0,
+              handleToggleChange: (b) => l(
+                d.conditionName,
+                d.howToSetTheCondition === D.LIST_OF_VALUES_MULTI
+              )(b.target.checked),
+              children: ce({ condition: d, formik: n })
             },
-            s.conditionName
+            d.conditionName
           )) })
         ]
       }
     ) }) }),
-    n.terms && /* @__PURE__ */ p(A, { children: [
-      /* @__PURE__ */ a(I, { dashed: !0 }),
-      /* @__PURE__ */ a(
-        St,
+    t.terms && /* @__PURE__ */ h(k, { children: [
+      /* @__PURE__ */ o(R, { dashed: !0 }),
+      /* @__PURE__ */ o(
+        Xn,
         {
-          labelStart: n.termStart,
-          labelEnd: n.termEnd,
-          valueStart: t.values.effectiveFrom,
-          valueEnd: t.values.validUntil,
-          messageStart: t.errors.effectiveFrom,
-          messageEnd: t.errors.validUntil,
-          statusStart: d,
+          labelStart: t.termStart,
+          labelEnd: t.termEnd,
+          valueStart: n.values.effectiveFrom,
+          valueEnd: n.values.validUntil,
+          messageStart: n.errors.effectiveFrom,
+          messageEnd: n.errors.validUntil,
+          statusStart: c,
           statusEnd: u,
-          onHandleStartChange: (s) => t.setFieldValue("effectiveFrom", s.target.value),
-          onHandleEndChange: (s) => t.setFieldValue("validUntil", s.target.value),
-          onCheckClosedChange: (s) => {
-            t.setFieldValue("checkClosed", s), s && t.setFieldValue("validUntil", "");
+          onHandleStartChange: (d) => n.setFieldValue("effectiveFrom", d.target.value),
+          onHandleEndChange: (d) => n.setFieldValue("validUntil", d.target.value),
+          onCheckClosedChange: (d) => {
+            n.setFieldValue("checkClosed", d), d && n.setFieldValue("validUntil", "");
           },
-          checkedClosed: t.values.checkClosed
+          checkedClosed: n.values.checkClosed
         }
       )
     ] }),
-    /* @__PURE__ */ a(I, {}),
-    c && /* @__PURE__ */ a(C, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ p(g, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ a(L, { appearance: "gray", onClick: o, children: n.cancel }),
-      /* @__PURE__ */ a(L, { type: "submit", children: n.confirm })
+    /* @__PURE__ */ o(R, {}),
+    s && /* @__PURE__ */ o(S, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionsThatEstablishesTheDecision) }),
+    /* @__PURE__ */ h(g, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ o(U, { appearance: "gray", onClick: a, children: t.cancel }),
+      /* @__PURE__ */ o(U, { type: "submit", children: t.confirm })
     ] })
   ] }) });
-}, kt = (e) => {
-  var T;
-  const { decision: t, onSubmitEvent: n, textValues: o, onCancel: r } = e, { formik: i, handleToggleNoneChange: h } = xt({
-    decision: t,
-    onSubmitEvent: n,
-    textValues: o
+}, Ie = (e) => {
+  var m;
+  const { decision: n, onSubmitEvent: t, textValues: a, onCancel: i } = e, { formik: r, handleToggleNoneChange: p } = Wn({
+    decision: n,
+    onSubmitEvent: t,
+    textValues: a
   }), l = {
-    ruleName: t.ruleName,
-    labelName: t.labelName,
-    howToSetTheCondition: t.howToSetTheDecision,
-    decisionDataType: t.decisionDataType,
-    listOfPossibleValues: t.listOfPossibleValues
-  }, c = ((T = t.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
-    (b) => !b.hidden
-  )) || [], d = !!i.errors.conditionsThatEstablishesTheDecision && i.submitCount > 0, u = i.touched.effectiveFrom ? i.errors.effectiveFrom ? "invalid" : "valid" : void 0, s = i.touched.validUntil ? i.errors.validUntil ? "invalid" : "valid" : void 0;
-  return /* @__PURE__ */ a(
-    Dt,
+    ruleName: n.ruleName,
+    labelName: n.labelName,
+    howToSetTheCondition: n.howToSetTheDecision,
+    decisionDataType: n.decisionDataType,
+    listOfPossibleValues: n.listOfPossibleValues
+  }, s = ((m = n.conditionsThatEstablishesTheDecision) == null ? void 0 : m.filter(
+    (f) => !f.hidden
+  )) || [], c = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, u = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, d = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
+  return /* @__PURE__ */ o(
+    Zn,
     {
-      formik: i,
-      onCancel: r,
-      textValues: o,
-      decision: t,
-      visibleConditions: c,
+      formik: r,
+      onCancel: i,
+      textValues: a,
+      decision: n,
+      visibleConditions: s,
       normalizedDecision: l,
-      handleToggleNoneChange: h,
-      handleConditionToggleChange: (b, v) => (w) => {
-        if (!w)
-          i.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${b}`,
+      handleToggleNoneChange: p,
+      handleConditionToggleChange: (f, y) => (C) => {
+        if (!C)
+          r.setFieldValue(
+            `conditionsThatEstablishesTheDecision.${f}`,
             void 0
-          ), i.setFieldTouched(
-            `conditionsThatEstablishesTheDecision.${b}`,
+          ), r.setFieldTouched(
+            `conditionsThatEstablishesTheDecision.${f}`,
             !1,
             !1
           );
         else {
-          const S = v ? [] : "";
-          i.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${b}`,
-            S
+          const w = y ? [] : "";
+          r.setFieldValue(
+            `conditionsThatEstablishesTheDecision.${f}`,
+            w
           );
         }
       },
-      showConditionsError: d,
+      showConditionsError: c,
       termStartStatus: u,
-      termEndStatus: s
+      termEndStatus: d
     }
   );
-}, en = (e) => {
-  var r;
-  const { decisionTemplate: t } = e, n = { ...t }, o = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-    (i) => i.switchPlaces
+}, kt = (e) => {
+  var i;
+  const { decisionTemplate: n } = e, t = { ...n }, a = (i = t.conditionsThatEstablishesTheDecision) == null ? void 0 : i.find(
+    (r) => r.switchPlaces
   );
-  return o ? {
-    ...n,
-    ruleName: o.conditionName,
-    labelName: o.labelName,
-    decisionDataType: o.conditionDataType,
-    value: o.value,
-    howToSetTheDecision: o.howToSetTheCondition,
-    conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (i) => i.conditionName === o.conditionName ? { ...i, hidden: !0 } : i
+  return a ? {
+    ...t,
+    ruleName: a.conditionName,
+    labelName: a.labelName,
+    decisionDataType: a.conditionDataType,
+    value: a.value,
+    howToSetTheDecision: a.howToSetTheCondition,
+    conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
+      (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
     )
-  } : n;
-}, tn = (e) => {
-  const { decisions: t } = e;
-  return t == null ? void 0 : t.map((n) => {
-    var r;
-    const o = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
-      (i) => i.switchPlaces
+  } : t;
+}, At = (e) => {
+  const { decisions: n } = e;
+  return n == null ? void 0 : n.map((t) => {
+    var i;
+    const a = (i = t.conditionsThatEstablishesTheDecision) == null ? void 0 : i.find(
+      (r) => r.switchPlaces
     );
-    return o ? {
-      ...n,
-      ruleName: o.conditionName,
-      labelName: o.labelName,
-      decisionDataType: o.conditionDataType,
-      value: o.value,
-      howToSetTheDecision: o.howToSetTheCondition,
-      conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (i) => i.conditionName === o.conditionName ? { ...i, hidden: !0 } : i
+    return a ? {
+      ...t,
+      ruleName: a.conditionName,
+      labelName: a.labelName,
+      decisionDataType: a.conditionDataType,
+      value: a.value,
+      howToSetTheDecision: a.howToSetTheCondition,
+      conditionsThatEstablishesTheDecision: t.conditionsThatEstablishesTheDecision.map(
+        (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
       )
-    } : n;
+    } : t;
   });
-}, _ = /* @__PURE__ */ new Map(), Nt = (e, t) => _.get(`${t}:${e}`), Et = (e, t, n) => {
-  const o = `${t}:${e}`;
-  if (_.set(o, n), _.size > 1e3) {
-    const r = _.keys().next().value;
-    r !== void 0 && _.delete(r);
+}, _ = /* @__PURE__ */ new Map(), et = (e, n) => _.get(`${n}:${e}`), nt = (e, n, t) => {
+  const a = `${n}:${e}`;
+  if (_.set(a, t), _.size > 1e3) {
+    const i = _.keys().next().value;
+    i !== void 0 && _.delete(i);
   }
-}, ue = /* @__PURE__ */ new Map(), $t = 1e3, At = (e) => {
-  const t = Date.now(), n = ue.get(e) || 0;
-  return t - n < $t ? !0 : (ue.set(e, t), !1);
-}, Ft = (e) => {
-  const t = Oe(e);
+}, be = /* @__PURE__ */ new Map(), tt = 1e3, at = (e) => {
+  const n = Date.now(), t = be.get(e) || 0;
+  return n - t < tt ? !0 : (be.set(e, n), !1);
+}, ot = (e) => {
+  const n = Ge(e);
   return {
     spa: "es",
     eng: "en",
@@ -1704,70 +2259,73 @@ const vt = x.div`
     fra: "fr",
     ita: "it",
     por: "pt"
-  }[t] || "en";
-}, It = async (e, t, { url: n, apiKey: o }) => {
-  const r = `${t}:${e}`, i = Nt(e, t);
-  if (i) return i;
-  if (At(r))
+  }[n] || "en";
+}, it = async (e, n, { url: t, apiKey: a }) => {
+  const i = `${n}:${e}`, r = et(e, n);
+  if (r) return r;
+  if (at(i))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const h = Ft(e);
+  const p = ot(e);
   try {
-    const { data: l } = await Re.post(
-      n,
+    const { data: l } = await Pe.post(
+      t,
       {
         q: e,
-        source: h,
-        target: t,
-        api_key: o
+        source: p,
+        target: n,
+        api_key: a
       },
       {
         headers: {
           "Content-Type": "application/json"
         }
       }
-    ), c = (l == null ? void 0 : l.translatedText) || e;
-    return Et(e, t, c), c;
+    ), s = (l == null ? void 0 : l.translatedText) || e;
+    return nt(e, n, s), s;
   } catch (l) {
     return console.warn(`[Translation] Failed for: "${e}"`, l), e;
   }
-}, Rt = (e) => typeof e == "string" && e.trim().length > 0, he = async (e, t, n) => {
-  const o = await Promise.all(
-    Object.entries(e).map(async ([r, i]) => {
-      if (Rt(i)) {
-        const h = await It(i, t, n);
-        return [r, h];
-      } else if (Array.isArray(i)) {
-        const h = await Promise.all(
-          i.map(
-            async (l) => typeof l == "object" && l !== null ? await he(l, t, n) : l
+}, rt = (e) => typeof e == "string" && e.trim().length > 0, fe = async (e, n, t) => {
+  const a = await Promise.all(
+    Object.entries(e).map(async ([i, r]) => {
+      if (rt(r)) {
+        const p = await it(r, n, t);
+        return [i, p];
+      } else if (Array.isArray(r)) {
+        const p = await Promise.all(
+          r.map(
+            async (l) => typeof l == "object" && l !== null ? await fe(l, n, t) : l
           )
         );
-        return [r, h];
-      } else if (typeof i == "object" && i !== null) {
-        const h = await he(i, t, n);
-        return [r, h];
+        return [i, p];
+      } else if (typeof r == "object" && r !== null) {
+        const p = await fe(r, n, t);
+        return [i, p];
       } else
-        return [r, i];
+        return [i, r];
     })
   );
-  return Object.fromEntries(o);
+  return Object.fromEntries(a);
 };
 export {
-  ee as BusinessRuleCard,
-  ve as BusinessRuleView,
-  Gt as BusinessRules,
-  Wt as Filter,
-  Qt as FilterModal,
-  Yt as FormFilter,
-  We as ModalRules,
-  kt as RulesForm,
-  gt as convertRangeToString,
-  Kt as formatDecisionForBackend,
-  Jt as parseRangeFromString,
-  Xt as revertSortedDataSampleSwitchPlaces,
-  Zt as revertSortedDataSwitchPlaces,
-  en as sortDisplayDataSampleSwitchPlaces,
-  tn as sortDisplayDataSwitchPlaces,
-  he as translateObject,
-  It as translateText
+  re as BusinessRuleCard,
+  $e as BusinessRuleCardNew,
+  Ee as BusinessRuleView,
+  Fe as BusinessRuleViewNew,
+  xt as BusinessRules,
+  vt as BusinessRulesNew,
+  yt as Filter,
+  wt as FilterModal,
+  Ct as FormFilter,
+  ke as ModalRules,
+  Ie as RulesForm,
+  _n as convertRangeToString,
+  Dt as formatDecisionForBackend,
+  St as parseRangeFromString,
+  Nt as revertSortedDataSampleSwitchPlaces,
+  Et as revertSortedDataSwitchPlaces,
+  kt as sortDisplayDataSampleSwitchPlaces,
+  At as sortDisplayDataSwitchPlaces,
+  fe as translateObject,
+  it as translateText
 };