@isettingkit/business-rules 1.0.8 → 1.0.10

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { jsx as i, jsxs as p, Fragment as E } from "react/jsx-runtime";
-import { MdOutlineDelete as ge, MdClear as ne, MdAdd as ae, MdOutlineFilterAltOff as me, MdOutlineFilterAlt as be } from "react-icons/md";
-import { inube as v, Stack as u, Divider as D, Icon as U, Text as x, SkeletonLine as F, useMediaQuery as R, Blanket as ie, Button as N, Grid as oe, Box as Te, Tag as fe, Checkpicker as ye, Toggle as re, Checkbox as xe, Date as Q } from "@inubekit/inubekit";
+import { jsx as i, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { MdOutlineDelete as fe, MdClear as ne, MdAdd as ae, MdOutlineFilterAltOff as ie, MdOutlineFilterAlt as oe } from "react-icons/md";
+import { inube as w, Stack as u, Divider as S, Icon as M, Text as x, SkeletonLine as $, useMediaQuery as A, Blanket as re, Button as N, Grid as le, Box as ye, Tag as se, Checkpicker as xe, Toggle as de, Checkbox as we, Date as Q } from "@inubekit/inubekit";
 import f, { keyframes as ve } from "styled-components";
-import { ValueDataType as k, ValueHowToSetUp as L, DecisionConditionRender as Y } from "@isettingkit/input";
+import { ValueDataType as k, ValueHowToSetUp as O, DecisionConditionRender as Y } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as z } from "@isettingkit/view";
-import { createPortal as le } from "react-dom";
-import { useFormik as we } from "formik";
-import { string as H, mixed as se, object as O, number as q, lazy as K, date as W } from "yup";
-import { useState as V, useEffect as Ce } from "react";
-import Se from "axios";
-import { franc as De } from "franc-min";
-const Ee = f.div`
+import { createPortal as ce } from "react-dom";
+import { useFormik as Ce } from "formik";
+import { string as H, mixed as he, object as V, number as q, lazy as K, date as W } from "yup";
+import { useState as _, useEffect as Se } from "react";
+import De from "axios";
+import { franc as Ee } from "franc-min";
+const Ne = f.div`
   border-radius: 8px;
-  border: 1px solid ${v.palette.neutral.N30};
+  border: 1px solid ${w.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -42,20 +42,20 @@ f.div`
   }
 `;
 const P = (e) => {
-  const { children: t, controls: n = !0, handleDelete: a, id: o } = e;
-  return /* @__PURE__ */ i(Ee, { children: /* @__PURE__ */ p(u, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  const { children: t, controls: n = !0, handleDelete: a, id: r } = e;
+  return /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
-    n && /* @__PURE__ */ p(E, { children: [
-      /* @__PURE__ */ i(D, {}),
+    n && /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ i(S, {}),
       /* @__PURE__ */ i(u, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
-        U,
+        M,
         {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ i(ge, {}),
+          icon: /* @__PURE__ */ i(fe, {}),
           onClick: () => {
-            a(o);
+            a(r);
           }
         }
       ) })
@@ -67,7 +67,7 @@ const P = (e) => {
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
 `, X = f.div`
@@ -88,46 +88,46 @@ const P = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ne = (e) => e.value, ke = (e) => e.value, Ae = (e) => e.value, Fe = (e) => ({
+`, ke = (e) => e.value, Ae = (e) => e.value, Fe = (e) => e.value, $e = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), $e = (e) => e.value, Ie = (e) => e.value, Re = (e) => e.value;
+}), Ie = (e) => e.value, Re = (e) => e.value, Me = (e) => e.value;
 var y = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(y || {});
-const Me = {
-  [y.LIST_OF_VALUES]: ke,
-  [y.LIST_OF_VALUES_MULTI]: Ae,
-  [y.RANGE]: Fe,
-  [y.GREATER_THAN]: $e,
-  [y.LESS_THAN]: Ie,
-  [y.EQUAL]: Re
-}, I = (e) => {
-  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), a = Me[e == null ? void 0 : e.howToSetTheDecision] || Ne;
+const Le = {
+  [y.LIST_OF_VALUES]: Ae,
+  [y.LIST_OF_VALUES_MULTI]: Fe,
+  [y.RANGE]: $e,
+  [y.GREATER_THAN]: Ie,
+  [y.LESS_THAN]: Re,
+  [y.EQUAL]: Me
+}, R = (e) => {
+  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), a = Le[e == null ? void 0 : e.howToSetTheDecision] || ke;
   return n && a(t) || t || void 0;
-}, Le = (e) => {
+}, Oe = (e) => {
   const {
     conditionsAlignment: t,
     decision: n,
     decisionDateElement: a,
-    decisionMapper: o,
-    loading: r,
-    skeleton: c,
-    terms: g,
-    textValues: d,
-    visibleConditions: h
+    decisionMapper: r,
+    loading: o,
+    skeleton: p,
+    terms: c,
+    textValues: s,
+    visibleConditions: g
   } = e;
-  return r ? /* @__PURE__ */ p(u, { direction: "column", gap: "12px", children: [
+  return o ? /* @__PURE__ */ h(u, { direction: "column", gap: "12px", children: [
     /* @__PURE__ */ i(u, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
       z,
       {
-        element: o,
-        valueData: I(
-          o
+        element: r,
+        valueData: R(
+          r
         ),
         type: "decision"
       }
     ) }, n.ruleName),
-    /* @__PURE__ */ i(D, { dashed: !0 }),
-    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ p(
+    /* @__PURE__ */ i(S, { dashed: !0 }),
+    /* @__PURE__ */ i(X, { children: /* @__PURE__ */ h(
       u,
       {
         direction: "column",
@@ -143,20 +143,20 @@ const Me = {
               appearance: "dark",
               weight: "bold",
               textAlign: "center",
-              children: d.factsThatConditionIt
+              children: s.factsThatConditionIt
             }
           ),
-          h.map((s) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(u, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
+          g.map((d) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(u, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
             z,
             {
-              element: { ...s, value: s.value },
-              valueData: I(
-                s
+              element: { ...d, value: d.value },
+              valueData: R(
+                d
               )
             }
-          ) }) }, s.conditionName)),
-          g && /* @__PURE__ */ p(E, { children: [
-            /* @__PURE__ */ i(D, { dashed: !0 }),
+          ) }) }, d.conditionName)),
+          c && /* @__PURE__ */ h(D, { children: [
+            /* @__PURE__ */ i(S, { dashed: !0 }),
             a && /* @__PURE__ */ i(
               z,
               {
@@ -164,20 +164,20 @@ const Me = {
                 valueData: a.valueData,
                 type: "decision"
               },
-              d.terms
+              s.terms
             )
           ] })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ p(u, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ p(u, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ i(F, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ i(F, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ h(u, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ h(u, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ i($, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ i($, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ p(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ i(D, { dashed: !0 }),
-      /* @__PURE__ */ i(F, { animated: !0, width: "150px" })
+    /* @__PURE__ */ h(u, { direction: "column", gap: "12px", alignItems: "center", children: [
+      /* @__PURE__ */ i(S, { dashed: !0 }),
+      /* @__PURE__ */ i($, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ i(X, { children: /* @__PURE__ */ i(
       u,
@@ -186,7 +186,7 @@ const Me = {
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: c.map((s, l) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ p(
+        children: p.map((d, l) => /* @__PURE__ */ i(J, { children: /* @__PURE__ */ h(
           u,
           {
             direction: "column",
@@ -194,76 +194,76 @@ const Me = {
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ i(F, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ i(F, { animated: !0, width: "85px" })
+              /* @__PURE__ */ i($, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ i($, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${l}`))
       }
     ) })
   ] });
-}, de = (e) => {
+}, ue = (e) => {
   var b;
-  const { decision: t, loading: n = !1, textValues: a } = e, o = !!(t != null && t.effectiveFrom), r = !!(t != null && t.validUntil), c = o && r ? {
+  const { decision: t, loading: n = !1, textValues: a } = e, r = !!(t != null && t.effectiveFrom), o = !!(t != null && t.validUntil), p = r && o ? {
     element: {
       labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.RANGE,
+      howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     },
-    valueData: I({
+    valueData: R({
       labelName: a == null ? void 0 : a.terms,
       value: {
         from: String(t.effectiveFrom),
         to: String(t.validUntil)
       },
-      howToSetTheDecision: L.RANGE,
+      howToSetTheDecision: O.RANGE,
       decisionDataType: k.DATE
     })
-  } : o && !r ? {
+  } : r && !o ? {
     element: {
       labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.EQUAL,
+      howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     },
-    valueData: I({
+    valueData: R({
       labelName: a == null ? void 0 : a.terms,
       value: String(t.effectiveFrom),
-      howToSetTheDecision: L.EQUAL,
+      howToSetTheDecision: O.EQUAL,
       decisionDataType: k.DATE
     })
-  } : null, g = t ? {
+  } : null, c = t ? {
     labelName: t.labelName || "",
     decisionDataType: t.decisionDataType || "alphabetical",
-    value: I(t),
+    value: R(t),
     howToSetTheDecision: t.howToSetTheDecision || "EqualTo"
-  } : null, d = ((b = t == null ? void 0 : t.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
+  } : null, s = ((b = t == null ? void 0 : t.conditionsThatEstablishesTheDecision) == null ? void 0 : b.filter(
     (T) => !T.hidden
-  )) || [], h = Array.from({ length: 5 }), s = !!(!n && t && a && g), l = d.length < 2 ? "start" : "space-between";
+  )) || [], g = Array.from({ length: 5 }), d = !!(!n && t && a && c), l = s.length < 2 ? "start" : "space-between";
   return /* @__PURE__ */ i(
-    Le,
+    Oe,
     {
       conditionsAlignment: l,
       decision: t,
-      decisionDateElement: c,
-      decisionMapper: g,
-      loading: s,
-      skeleton: h,
+      decisionDateElement: p,
+      decisionMapper: c,
+      loading: d,
+      skeleton: g,
       terms: !!(a != null && a.terms),
       textValues: a,
-      visibleConditions: d
+      visibleConditions: s
     }
   );
-}, Oe = f.div`
+}, Ve = f.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, Ve = f.div`
+`, _e = f.div`
   background-color: ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || v.palette.neutral.N0;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -292,23 +292,23 @@ const Me = {
     border-radius: 8px;
   }
 `, Ue = (e) => {
-  const { children: t, portalId: n, onCloseModal: a, title: o } = e, r = document.getElementById(n);
-  if (!r)
+  const { children: t, portalId: n, onCloseModal: a, title: r } = e, o = document.getElementById(n);
+  if (!o)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
-  const c = R("(max-width: 400px)");
-  return le(
-    /* @__PURE__ */ i(Oe, { smallScreen: c, children: /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(Ve, { children: /* @__PURE__ */ p(u, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ i(u, { direction: "column", gap: "24px", children: /* @__PURE__ */ p(u, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ i(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
+  const p = A("(max-width: 400px)");
+  return ce(
+    /* @__PURE__ */ i(Ve, { smallScreen: p, children: /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ i(u, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(u, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ i(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
         /* @__PURE__ */ i(ne, { size: "24px", cursor: "pointer", onClick: a })
       ] }) }),
       t
     ] }) }) }) }),
-    r
+    o
   );
-}, _e = ve`
+}, ze = ve`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -323,7 +323,7 @@ f.div`
   border: 1px solid
     ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -338,15 +338,15 @@ f.div`
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
 `;
-const ze = f.div`
+const je = f.div`
   & > div {
     background-color: ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N10) || v.palette.neutral.N10;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N10) || w.palette.neutral.N10;
 }};
     justify-content: center;
   }
@@ -354,18 +354,18 @@ const ze = f.div`
   width: 100%;
   height: 100%;
   padding-bottom: 12px;
-`, ce = f.div`
+`, pe = f.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${_e} 600ms ease-out;
+    animation: ${ze} 600ms ease-out;
   }
-`, je = f.div`
+`, qe = f.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, qe = f.div`
+`, Be = f.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -386,7 +386,7 @@ const ze = f.div`
     }
   }
 `;
-function Be(e) {
+function He(e) {
   const { index: t, handleOpenModal: n } = e;
   return /* @__PURE__ */ i(
     P,
@@ -396,38 +396,38 @@ function Be(e) {
       },
       handleView: () => n ? n() : null,
       controls: !1,
-      children: /* @__PURE__ */ i(de, { loading: !0 })
+      children: /* @__PURE__ */ i(ue, { loading: !0 })
     },
     `loading-card-${t}`
   );
 }
-function He(e) {
-  const { decision: t, controls: n, handleOpenModal: a, handleDelete: o, textValues: r } = e;
-  return t ? /* @__PURE__ */ i(ce, { children: /* @__PURE__ */ p(u, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+function Pe(e) {
+  const { decision: t, controls: n, handleOpenModal: a, handleDelete: r, textValues: o } = e;
+  return t ? /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ h(u, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ i(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
     /* @__PURE__ */ i(
       P,
       {
         id: t.decisionId,
-        handleDelete: () => o ? o(t.decisionId) : null,
+        handleDelete: () => r ? r(t.decisionId) : null,
         handleView: () => a ? a(t) : null,
         controls: n,
-        children: /* @__PURE__ */ i(de, { decision: t, textValues: r })
+        children: /* @__PURE__ */ i(ue, { decision: t, textValues: o })
       }
     )
   ] }) }, t.decisionId) : null;
 }
-function Pe(e) {
+function Ge(e) {
   const {
     customTitleContentAddCard: t,
     index: n,
     handleOpenModal: a,
-    shouldRenderEmptyMessage: o
-  } = e, r = t || "Agregar decisión";
-  return /* @__PURE__ */ i(ce, { children: o ? null : /* @__PURE__ */ p(u, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    shouldRenderEmptyMessage: r
+  } = e, o = t || "Agregar decisión";
+  return /* @__PURE__ */ i(pe, { children: r ? null : /* @__PURE__ */ h(u, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ i(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ i(
-      ze,
+      je,
       {
         onClick: () => a ? a() : null,
         children: /* @__PURE__ */ i(
@@ -438,9 +438,9 @@ function Pe(e) {
             },
             handleView: () => a ? a() : null,
             controls: !1,
-            children: /* @__PURE__ */ p(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ i(U, { appearance: "gray", icon: /* @__PURE__ */ i(ae, {}), size: "35px" }),
-              /* @__PURE__ */ i(x, { appearance: "gray", type: "body", size: "large", children: r })
+            children: /* @__PURE__ */ h(u, { direction: "column", gap: "12px", alignItems: "center", children: [
+              /* @__PURE__ */ i(M, { appearance: "gray", icon: /* @__PURE__ */ i(ae, {}), size: "35px" }),
+              /* @__PURE__ */ i(x, { appearance: "gray", type: "body", size: "large", children: o })
             ] })
           }
         )
@@ -448,85 +448,85 @@ function Pe(e) {
     )
   ] }) }, `add-decision-${n}`);
 }
-const Ge = {
-  loading: Be,
-  decision: He,
-  add: Pe
+const Qe = {
+  loading: He,
+  decision: Pe,
+  add: Ge
 }, B = (e) => {
-  const { type: t } = e, n = Ge[t];
+  const { type: t } = e, n = Qe[t];
   return n ? n(e) : null;
-}, Qe = (e) => {
+}, Ye = (e) => {
   const {
     controls: t,
     customTitleContentAddCard: n,
     decisions: a,
-    loading: o,
-    handleOpenModal: r,
-    handleDelete: c,
-    textValues: g
-  } = e, d = o ? Array.from({ length: 3 }).map(
-    (s, l) => B({
+    loading: r,
+    handleOpenModal: o,
+    handleDelete: p,
+    textValues: c
+  } = e, s = r ? Array.from({ length: 3 }).map(
+    (d, l) => B({
       type: "loading",
       index: l,
       controls: t,
       customTitleContentAddCard: n,
-      loading: o,
-      handleOpenModal: r,
-      handleDelete: c,
-      textValues: g
+      loading: r,
+      handleOpenModal: o,
+      handleDelete: p,
+      textValues: c
     })
   ) : a == null ? void 0 : a.map(
-    (s) => B({
+    (d) => B({
       type: "decision",
-      decision: s,
+      decision: d,
       controls: t,
       customTitleContentAddCard: n,
-      loading: o,
-      handleOpenModal: r,
-      handleDelete: c,
-      textValues: g
+      loading: r,
+      handleOpenModal: o,
+      handleDelete: p,
+      textValues: c
     })
-  ), h = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !o && t;
-  return { renderedCards: d, shouldRenderAddCard: h };
-}, At = (e) => {
+  ), g = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !r && t;
+  return { renderedCards: s, shouldRenderAddCard: g };
+}, kt = (e) => {
   const {
     controls: t = !0,
     customTitleContentAddCard: n,
     customMessageEmptyDecisions: a,
-    decisions: o,
-    textValues: r,
-    decisionTemplate: c,
-    isModalOpen: g,
-    selectedDecision: d,
-    loading: h,
-    handleOpenModal: s,
+    decisions: r,
+    textValues: o,
+    decisionTemplate: p,
+    isModalOpen: c,
+    selectedDecision: s,
+    loading: g,
+    handleOpenModal: d,
     handleCloseModal: l,
     handleSubmitForm: b,
     handleDelete: T,
     terms: m = !0
-  } = e, w = R("(max-width: 681px)"), C = R("(max-width: 400px)"), { renderedCards: A, shouldRenderAddCard: _ } = Qe({
+  } = e, v = A("(max-width: 681px)"), C = A("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: U } = Ye({
     controls: t,
     customTitleContentAddCard: n,
-    decisions: o,
-    loading: h,
-    handleOpenModal: s,
+    decisions: r,
+    loading: g,
+    handleOpenModal: d,
     handleDelete: T,
-    textValues: r
-  }), M = (o == null ? void 0 : o.length) === 0 && !h;
-  return /* @__PURE__ */ p(E, { children: [
-    /* @__PURE__ */ i(je, { children: /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(u, { direction: "column", gap: "16px", padding: "6px", children: M ? /* @__PURE__ */ p(
+    textValues: o
+  }), L = (r == null ? void 0 : r.length) === 0 && !g;
+  return /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ i(qe, { children: /* @__PURE__ */ i(Be, { children: /* @__PURE__ */ i(u, { direction: "column", gap: "16px", padding: "6px", children: L ? /* @__PURE__ */ h(
       u,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: w ? "auto" : "435px",
+        height: v ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(x, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ p(E, { children: [
+          /* @__PURE__ */ i(x, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ h(D, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
-            /* @__PURE__ */ p(
+            /* @__PURE__ */ h(
               x,
               {
                 as: "span",
@@ -547,14 +547,14 @@ const Ge = {
             N,
             {
               iconBefore: /* @__PURE__ */ i(ae, {}),
-              onClick: () => s ? s() : null,
+              onClick: () => d ? d() : null,
               children: n || "Agregar decisión"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ p(
-      oe,
+    ) : /* @__PURE__ */ h(
+      le,
       {
         templateColumns: C ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
@@ -564,37 +564,37 @@ const Ge = {
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: w ? "auto" : "484px",
+        height: v ? "auto" : "484px",
         children: [
-          A,
-          _ && B({
+          F,
+          U && B({
             type: "add",
-            index: o == null ? void 0 : o.length,
+            index: r == null ? void 0 : r.length,
             controls: t,
             customTitleContentAddCard: n,
             customMessageEmptyDecisions: a,
-            loading: h,
-            handleOpenModal: s,
+            loading: g,
+            handleOpenModal: d,
             handleDelete: T,
-            textValues: r,
-            shouldRenderEmptyMessage: M,
+            textValues: o,
+            shouldRenderEmptyMessage: L,
             terms: m
           })
         ]
       }
     ) }) }) }),
-    g && /* @__PURE__ */ i(
+    c && /* @__PURE__ */ i(
       Ue,
       {
         portalId: "modal-portal",
         onCloseModal: l,
-        title: d ? "Editar Decisión" : "Nueva decisión",
+        title: s ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ i(
           st,
           {
-            decision: d || c,
+            decision: s || p,
             onSubmitEvent: b,
-            textValues: r,
+            textValues: o,
             onCancel: () => l ? l() : () => {
             }
           }
@@ -602,7 +602,7 @@ const Ge = {
       }
     )
   ] });
-}, Ye = f.div`
+}, Ke = f.div`
   display: flex;
   justify-content: ${({ justifyContent: e }) => e};
   align-items: ${({ alignItems: e }) => e};
@@ -615,61 +615,61 @@ const Ge = {
   margin: ${({ margin: e }) => e};
   padding: ${({ padding: e }) => e};
   background: ${({ background: e, theme: t }) => {
-  var n, a, o, r;
-  return e ? `${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N10) || v.palette.neutral.N10}` : `${((r = (o = t == null ? void 0 : t.palette) == null ? void 0 : o.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0}`;
+  var n, a, r, o;
+  return e ? `${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N10) || w.palette.neutral.N10}` : `${((o = (r = t == null ? void 0 : t.palette) == null ? void 0 : r.neutral) == null ? void 0 : o.N0) || w.palette.neutral.N0}`;
 }};
   border: ${({ border: e, theme: t }) => {
   var n, a;
-  return e ? `1px solid ${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N40) || v.palette.neutral.N40}` : "none";
+  return e ? `1px solid ${((a = (n = t == null ? void 0 : t.palette) == null ? void 0 : n.neutral) == null ? void 0 : a.N40) || w.palette.neutral.N40}` : "none";
 }};
   border-radius: ${({ borderRadius: e }) => e};
   box-sizing: ${({ boxSizing: e }) => e};
   overflow-y: ${({ scroll: e }) => e ? "scroll" : "none"};
-`, Ke = (e) => {
+`, ge = (e) => {
   const {
     children: t,
     wrap: n,
     direction: a = "column",
-    justifyContent: o,
-    alignItems: r,
-    alignContent: c,
-    height: g,
-    width: d,
-    gap: h,
-    background: s,
+    justifyContent: r,
+    alignItems: o,
+    alignContent: p,
+    height: c,
+    width: s,
+    gap: g,
+    background: d,
     borderRadius: l,
     border: b,
     margin: T = "0px",
     padding: m = "0px",
-    boxSizing: w,
+    boxSizing: v,
     scroll: C = !1
   } = e;
   return /* @__PURE__ */ i(
-    Ye,
+    Ke,
     {
       direction: a,
-      justifyContent: o,
-      alignItems: r,
-      alignContent: c,
-      height: g,
-      width: d,
+      justifyContent: r,
+      alignItems: o,
+      alignContent: p,
+      height: c,
+      width: s,
       wrap: n,
-      gap: h,
-      background: s,
+      gap: g,
+      background: d,
       border: b,
       margin: T,
       padding: m,
       borderRadius: l,
-      boxSizing: w,
+      boxSizing: v,
       scroll: C,
       children: t
     }
   );
-}, Ft = (e) => {
-  const { appliedFilters: t, onClear: n, onClick: a, titleClearFilter: o, titleFilter: r } = e, c = !t || t.length === 0;
-  return /* @__PURE__ */ i(Te, { borderRadius: "8px", children: /* @__PURE__ */ p(oe, { gap: "12px", templateColumns: "1fr auto auto", children: [
+}, At = (e) => {
+  const { appliedFilters: t, onClear: n, onClick: a, titleClearFilter: r, titleFilter: o } = e, p = !t || t.length === 0;
+  return /* @__PURE__ */ i(ye, { borderRadius: "8px", children: /* @__PURE__ */ h(le, { gap: "12px", templateColumns: "1fr auto auto", children: [
     /* @__PURE__ */ i(
-      Ke,
+      ge,
       {
         background: !0,
         borderRadius: "8px",
@@ -678,15 +678,15 @@ const Ge = {
         gap: "8px",
         alignItems: "center",
         padding: "0px 8px",
-        children: t == null ? void 0 : t.map((g) => /* @__PURE__ */ i(
-          fe,
+        children: t == null ? void 0 : t.map((c) => /* @__PURE__ */ i(
+          se,
           {
             appearance: "primary",
             displayIcon: !0,
-            icon: g.icon,
-            label: g.label
+            icon: c.icon,
+            label: c.label
           },
-          g.label
+          c.label
         ))
       }
     ),
@@ -694,21 +694,21 @@ const Ge = {
       N,
       {
         cursorHover: !0,
-        disabled: c,
-        iconBefore: /* @__PURE__ */ i(me, {}),
+        disabled: p,
+        iconBefore: /* @__PURE__ */ i(ie, {}),
         onClick: n,
         variant: "outlined",
-        children: o
+        children: r
       }
     ),
     /* @__PURE__ */ i(
       N,
       {
         cursorHover: !0,
-        iconBefore: /* @__PURE__ */ i(be, {}),
+        iconBefore: /* @__PURE__ */ i(oe, {}),
         onClick: a,
         variant: "outlined",
-        children: r
+        children: o
       }
     )
   ] }) });
@@ -717,56 +717,57 @@ const Ge = {
   flex-direction: column;
   background-color: ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || v.palette.neutral.N0;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
 }};
-  width: ${({ smallScreen: e }) => e ? "335px" : "450px"};
+  width: ${({ $smallScreen: e }) => e ? "auto" : "450px"};
   height: auto;
   border-radius: 8px;
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, $t = (e) => {
+`, Ft = (e) => {
   const {
     actionButtonLabel: t,
     cancelButtonLabel: n,
     children: a,
-    loading: o,
-    onClick: r,
-    onCloseModal: c,
-    portalId: g,
-    title: d
-  } = e, h = R("(max-width: 768px)"), s = document.getElementById(g);
-  if (!s)
+    loading: r,
+    onClick: o,
+    onCloseModal: p,
+    portalId: c,
+    title: s
+  } = e, g = A("(max-width: 768px)"), d = document.getElementById(c);
+  if (!d)
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
-  return le(
-    /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ p(We, { $smallScreen: h, children: [
-      /* @__PURE__ */ p(u, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ p(u, { alignContent: "center", justifyContent: "space-between", children: [
-          /* @__PURE__ */ i(x, { appearance: "dark", size: "small", type: "headline", children: d }),
-          /* @__PURE__ */ p(u, { alignItems: "center", children: [
+  return ce(
+    /* @__PURE__ */ i(re, { children: /* @__PURE__ */ h(We, { $smallScreen: g, children: [
+      /* @__PURE__ */ h(u, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ h(u, { alignContent: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ i(x, { appearance: "dark", size: "small", type: "headline", children: s }),
+          /* @__PURE__ */ h(u, { alignItems: "center", children: [
             /* @__PURE__ */ i(x, { children: "Cerrar" }),
             /* @__PURE__ */ i(
-              U,
+              M,
               {
                 appearance: "dark",
                 icon: /* @__PURE__ */ i(ne, {}),
-                onClick: c,
+                onClick: p,
                 cursorHover: !0
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ i(D, {})
+        /* @__PURE__ */ i(S, {})
       ] }),
       a,
-      /* @__PURE__ */ p(u, { gap: "20px", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ h(u, { gap: "20px", justifyContent: "flex-end", children: [
         /* @__PURE__ */ i(
           N,
           {
             appearance: "gray",
-            onClick: c,
+            onClick: p,
+            iconBefore: /* @__PURE__ */ i(ie, {}),
             spacing: "wide",
             variant: "outlined",
             children: n
@@ -776,8 +777,8 @@ const Ge = {
           N,
           {
             appearance: "primary",
-            loading: o,
-            onClick: r,
+            loading: r,
+            onClick: o,
             spacing: "wide",
             variant: "filled",
             children: t
@@ -785,31 +786,61 @@ const Ge = {
         )
       ] })
     ] }) }),
-    s
+    d
   );
+}, $t = (e) => {
+  const { appliedFilters: t, fields: n, onChange: a } = e, r = A("(max-width: 768px)");
+  return /* @__PURE__ */ h(u, { direction: "column", gap: "16px", children: [
+    r && (t != null && t.length) && t.length > 0 ? /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ h(u, { gap: "6px", children: [
+        /* @__PURE__ */ i(M, { appearance: "primary", icon: /* @__PURE__ */ i(oe, {}) }),
+        /* @__PURE__ */ i(
+          ge,
+          {
+            background: !0,
+            borderRadius: "8px",
+            height: "100%",
+            direction: "row",
+            gap: "8px",
+            alignItems: "center",
+            padding: "0px 8px",
+            children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ i(
+              se,
+              {
+                appearance: "primary",
+                displayIcon: !0,
+                icon: o.icon,
+                label: o.label
+              },
+              o.label
+            ))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i(S, { dashed: !0 })
+    ] }) : null,
+    n.map((o) => /* @__PURE__ */ h(u, { gap: "6px", alignItems: "center", children: [
+      /* @__PURE__ */ i(u, { padding: "22px 0 0 0", children: /* @__PURE__ */ i(M, { appearance: "primary", icon: o.icon }) }),
+      /* @__PURE__ */ i(
+        xe,
+        {
+          disabled: o.disabled,
+          invalid: o.invalid,
+          label: o.label,
+          message: o.message,
+          name: o.name,
+          onChange: a,
+          options: o.options,
+          placeholder: o.placeholder,
+          required: o.required,
+          values: o.values,
+          fullwidth: !0
+        },
+        o.name
+      )
+    ] }, o.name))
+  ] });
 }, It = (e) => {
-  const { fields: t, onChange: n } = e;
-  return /* @__PURE__ */ i(u, { direction: "column", gap: "16px", children: t.map((a) => /* @__PURE__ */ p(u, { gap: "6px", alignItems: "center", children: [
-    /* @__PURE__ */ i(u, { padding: "22px 0 0 0", children: /* @__PURE__ */ i(U, { appearance: "primary", icon: a.icon }) }),
-    /* @__PURE__ */ i(
-      ye,
-      {
-        disabled: a.disabled,
-        invalid: a.invalid,
-        label: a.label,
-        message: a.message,
-        name: a.name,
-        onChange: n,
-        options: a.options,
-        placeholder: a.placeholder,
-        required: a.required,
-        values: a.values,
-        fullwidth: !0
-      },
-      a.name
-    )
-  ] }, a.name)) });
-}, Rt = (e) => {
   console.log(e);
   const { dataDecision: t, originalDecision: n } = e, a = {
     conditionName: t.ruleName || "",
@@ -823,15 +854,15 @@ const Ge = {
   return {
     ...n,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (o) => o.hidden ? { ...a } : o
+      (r) => r.hidden ? { ...a } : r
     )
   };
-}, Mt = (e) => {
+}, Rt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var o;
-    const a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-      (r) => r.hidden
+    var r;
+    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+      (o) => o.hidden
     );
     return a ? {
       ...n,
@@ -841,7 +872,7 @@ const Ge = {
       value: n.value,
       howToSetTheDecision: n.howToSetTheDecision,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.hidden ? { ...a, hidden: !1 } : r
+        (o) => o.hidden ? { ...a, hidden: !1 } : o
       )
     } : n;
   });
@@ -853,7 +884,7 @@ const Ge = {
   ),
   value: e
 }), Xe = (e) => ({
-  schema: se().test(
+  schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -862,7 +893,7 @@ const Ge = {
   ),
   value: e
 }), Ze = (e) => ({
-  schema: se().test(
+  schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -873,14 +904,14 @@ const Ge = {
 }), et = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, n = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: O({
+    schema: V({
       from: q().required("Range From is required").max(n, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
       to: q().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
         "is-greater",
         "To value must be greater than From value",
         function(a) {
-          const { from: o } = this.parent;
-          return a > o;
+          const { from: r } = this.parent;
+          return a > r;
         }
       )
     }),
@@ -917,21 +948,21 @@ function nt({
     checkClosed: !1,
     terms: !0
   };
-  let o;
-  const r = {
+  let r;
+  const o = {
     ruleName: H().required("Name is required"),
     value: K(() => Z(
-      o.values.howToSetTheDecision
+      r.values.howToSetTheDecision
     )(
-      o.values.value,
-      o.values.decisionDataType
+      r.values.value,
+      r.values.decisionDataType
     ).schema),
-    conditionsThatEstablishesTheDecision: K((d, { parent: h }) => {
+    conditionsThatEstablishesTheDecision: K((s, { parent: g }) => {
       var b;
-      if ((h == null ? void 0 : h.toggleNone) && Object.keys(h.conditionsThatEstablishesTheDecision || {}).length > 0) return O().shape({});
+      if ((g == null ? void 0 : g.toggleNone) && Object.keys(g.conditionsThatEstablishesTheDecision || {}).length > 0) return V().shape({});
       const l = (b = e.conditionsThatEstablishesTheDecision) == null ? void 0 : b.reduce(
         (T, m) => {
-          if (o.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
+          if (r.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
             const C = Z(
               m.howToSetTheCondition
             );
@@ -944,7 +975,7 @@ function nt({
         },
         {}
       );
-      return O(l).test(
+      return V(l).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (T) => T ? Object.values(T).some(
@@ -953,56 +984,56 @@ function nt({
       );
     })
   };
-  n.terms && (r.effectiveFrom = W().required(
+  n.terms && (o.effectiveFrom = W().required(
     "effective From date is required"
-  ), r.validUntil = W().when(
+  ), o.validUntil = W().when(
     "checkClosed",
-    (d, h, { parent: s }) => (s == null ? void 0 : s.checkClosed) ? h.required("valid Until date is required").test(
+    (s, g, { parent: d }) => (d == null ? void 0 : d.checkClosed) ? g.required("valid Until date is required").test(
       "is-after-startDate",
       "valid Until date must be greater than or equal to Start date",
       function(b) {
         const T = this.parent.effectiveFrom;
         return !T || !b ? !0 : new Date(b) >= new Date(T);
       }
-    ) : h.notRequired()
+    ) : g.notRequired()
   ));
-  const c = O(r);
-  return o = we({
+  const p = V(o);
+  return r = Ce({
     initialValues: a,
-    validationSchema: c,
+    validationSchema: p,
     validateOnBlur: !0,
-    onSubmit: (d) => {
-      var s;
-      const h = {
+    onSubmit: (s) => {
+      var d;
+      const g = {
         ...e,
-        ruleName: d.ruleName,
-        decisionDataType: d.decisionDataType,
-        howToSetTheDecision: d.howToSetTheDecision,
-        value: d.value,
-        effectiveFrom: d.effectiveFrom,
-        validUntil: d.validUntil,
-        conditionsThatEstablishesTheDecision: (s = e.conditionsThatEstablishesTheDecision) == null ? void 0 : s.filter((l) => {
-          const b = d.conditionsThatEstablishesTheDecision[l.conditionName];
+        ruleName: s.ruleName,
+        decisionDataType: s.decisionDataType,
+        howToSetTheDecision: s.howToSetTheDecision,
+        value: s.value,
+        effectiveFrom: s.effectiveFrom,
+        validUntil: s.validUntil,
+        conditionsThatEstablishesTheDecision: (d = e.conditionsThatEstablishesTheDecision) == null ? void 0 : d.filter((l) => {
+          const b = s.conditionsThatEstablishesTheDecision[l.conditionName];
           return b != null && b !== "";
         }).map((l) => ({
           ...l,
-          value: d.conditionsThatEstablishesTheDecision[l.conditionName]
+          value: s.conditionsThatEstablishesTheDecision[l.conditionName]
         }))
       };
-      t(h);
+      t(g);
     }
-  }), { formik: o, handleToggleNoneChange: (d) => {
-    var h;
-    o.setFieldValue("toggleNone", d), (h = e.conditionsThatEstablishesTheDecision) == null || h.forEach((s) => {
-      if (d)
-        o.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${s.conditionName}`,
+  }), { formik: r, handleToggleNoneChange: (s) => {
+    var g;
+    r.setFieldValue("toggleNone", s), (g = e.conditionsThatEstablishesTheDecision) == null || g.forEach((d) => {
+      if (s)
+        r.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
           void 0
         );
       else {
-        const l = s.howToSetTheCondition === y.LIST_OF_VALUES_MULTI ? [] : "";
-        o.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${s.conditionName}`,
+        const l = d.howToSetTheCondition === y.LIST_OF_VALUES_MULTI ? [] : "";
+        r.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
           l
         );
       }
@@ -1015,7 +1046,7 @@ const at = f.div`
     border: 1px solid
       ${({ theme: e }) => {
   var t, n;
-  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+  return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
 `, it = f.div`
@@ -1040,54 +1071,54 @@ const at = f.div`
     checked: t,
     children: n,
     handleToggleChange: a,
-    id: o,
-    labelToggle: r,
-    name: c,
-    valueToggle: g = ""
-  } = e, [d, h] = V(t), s = (l) => {
-    h(l.target.checked), a(l);
+    id: r,
+    labelToggle: o,
+    name: p,
+    valueToggle: c = ""
+  } = e, [s, g] = _(t), d = (l) => {
+    g(l.target.checked), a(l);
   };
-  return Ce(() => {
-    h(t);
-  }, [t]), /* @__PURE__ */ p(E, { children: [
+  return Se(() => {
+    g(t);
+  }, [t]), /* @__PURE__ */ h(D, { children: [
     /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
-      re,
+      de,
       {
-        checked: d,
-        id: o,
-        name: c,
-        onChange: s,
+        checked: s,
+        id: r,
+        name: p,
+        onChange: d,
         size: "small",
-        value: g,
-        children: /* @__PURE__ */ i(x, { size: "medium", type: "label", weight: "bold", children: r })
+        value: c,
+        children: /* @__PURE__ */ i(x, { size: "medium", type: "label", weight: "bold", children: o })
       }
     ) }),
-    d && /* @__PURE__ */ i(E, { children: n })
+    s && /* @__PURE__ */ i(D, { children: n })
   ] });
 }, rt = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: n,
     onCheckClosedChange: a,
-    labelStart: o,
-    labelEnd: r,
-    checkedClosed: c = !1,
-    required: g = !1,
-    valueStart: d = "",
-    valueEnd: h = "",
-    messageStart: s = "",
+    labelStart: r,
+    labelEnd: o,
+    checkedClosed: p = !1,
+    required: c = !1,
+    valueStart: s = "",
+    valueEnd: g = "",
+    messageStart: d = "",
     messageEnd: l = "",
     statusStart: b = "pending",
     statusEnd: T = "pending"
-  } = e, [m, w] = V(c), [C, A] = V(d), [_, M] = V(h), G = ({ target: S }) => {
-    w(S.checked), a && a(S.checked);
-  }, he = (S) => {
-    A(S.target.value), t(S);
-  }, ue = (S) => {
-    M(S.target.value), n(S);
-  }, pe = R("(max-width: 400px)");
-  return /* @__PURE__ */ p(E, { children: [
-    /* @__PURE__ */ p(u, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+  } = e, [m, v] = _(p), [C, F] = _(s), [U, L] = _(g), G = ({ target: E }) => {
+    v(E.checked), a && a(E.checked);
+  }, me = (E) => {
+    F(E.target.value), t(E);
+  }, be = (E) => {
+    L(E.target.value), n(E);
+  }, Te = A("(max-width: 400px)");
+  return /* @__PURE__ */ h(D, { children: [
+    /* @__PURE__ */ h(u, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ i(
         x,
         {
@@ -1107,7 +1138,7 @@ const at = f.div`
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ i(
-            xe,
+            we,
             {
               label: "Cerrada",
               onChange: G,
@@ -1118,10 +1149,10 @@ const at = f.div`
         }
       )
     ] }),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ h(
       u,
       {
-        direction: pe ? "column" : "row",
+        direction: Te ? "column" : "row",
         justifyContent: "space-between",
         gap: "24px",
         children: [
@@ -1129,23 +1160,23 @@ const at = f.div`
             Q,
             {
               id: "dateStart",
-              label: o,
-              onChange: he,
+              label: r,
+              onChange: me,
               value: C,
-              required: g,
+              required: c,
               size: "compact",
               status: b,
-              message: s
+              message: d
             }
           ),
           m && /* @__PURE__ */ i(
             Q,
             {
               id: "dateEnd",
-              label: r,
-              onChange: ue,
-              value: _,
-              required: g,
+              label: o,
+              onChange: be,
+              value: U,
+              required: c,
               size: "compact",
               status: T,
               message: l
@@ -1160,22 +1191,22 @@ const at = f.div`
     formik: t,
     textValues: n,
     onCancel: a,
-    visibleConditions: o,
-    normalizedDecision: r,
-    handleToggleNoneChange: c,
-    handleConditionToggleChange: g,
-    showConditionsError: d,
-    termStartStatus: h,
-    termEndStatus: s
+    visibleConditions: r,
+    normalizedDecision: o,
+    handleToggleNoneChange: p,
+    handleConditionToggleChange: c,
+    showConditionsError: s,
+    termStartStatus: g,
+    termEndStatus: d
   } = e;
-  return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ p(u, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ h(u, { direction: "column", gap: "24px", children: [
     Y({
-      condition: r,
+      condition: o,
       formik: t,
       isDecision: !0
     }),
-    /* @__PURE__ */ i(D, { dashed: !0 }),
-    /* @__PURE__ */ i(at, { children: /* @__PURE__ */ i(it, { children: /* @__PURE__ */ p(
+    /* @__PURE__ */ i(S, { dashed: !0 }),
+    /* @__PURE__ */ i(at, { children: /* @__PURE__ */ i(it, { children: /* @__PURE__ */ h(
       u,
       {
         direction: "column",
@@ -1183,7 +1214,7 @@ const at = f.div`
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ h(
             u,
             {
               justifyContent: "space-between",
@@ -1192,10 +1223,10 @@ const at = f.div`
               children: [
                 /* @__PURE__ */ i(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
                 /* @__PURE__ */ i(
-                  re,
+                  de,
                   {
                     id: "toggleNone",
-                    onChange: () => c(!t.values.toggleNone),
+                    onChange: () => p(!t.values.toggleNone),
                     checked: t.values.toggleNone,
                     size: "small",
                     children: /* @__PURE__ */ i(x, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
@@ -1204,14 +1235,14 @@ const at = f.div`
               ]
             }
           ),
-          /* @__PURE__ */ i(u, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ i(
+          /* @__PURE__ */ i(u, { direction: "column", gap: "20px", children: r == null ? void 0 : r.map((l) => /* @__PURE__ */ i(
             ot,
             {
               id: `toggle-${l.conditionName}`,
               name: `toggle.${l.conditionName}`,
               labelToggle: l.labelName,
               checked: !t.values.toggleNone && t.values.conditionsThatEstablishesTheDecision[l.conditionName] !== void 0,
-              handleToggleChange: (b) => g(
+              handleToggleChange: (b) => c(
                 l.conditionName,
                 l.howToSetTheCondition === y.LIST_OF_VALUES_MULTI
               )(b.target.checked),
@@ -1222,8 +1253,8 @@ const at = f.div`
         ]
       }
     ) }) }),
-    n.terms && /* @__PURE__ */ p(E, { children: [
-      /* @__PURE__ */ i(D, { dashed: !0 }),
+    n.terms && /* @__PURE__ */ h(D, { children: [
+      /* @__PURE__ */ i(S, { dashed: !0 }),
       /* @__PURE__ */ i(
         rt,
         {
@@ -1233,8 +1264,8 @@ const at = f.div`
           valueEnd: t.values.validUntil,
           messageStart: t.errors.effectiveFrom,
           messageEnd: t.errors.validUntil,
-          statusStart: h,
-          statusEnd: s,
+          statusStart: g,
+          statusEnd: d,
           onHandleStartChange: (l) => t.setFieldValue("effectiveFrom", l.target.value),
           onHandleEndChange: (l) => t.setFieldValue("validUntil", l.target.value),
           onCheckClosedChange: (l) => {
@@ -1244,65 +1275,65 @@ const at = f.div`
         }
       )
     ] }),
-    /* @__PURE__ */ i(D, {}),
-    d && /* @__PURE__ */ i(x, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ p(u, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    /* @__PURE__ */ i(S, {}),
+    s && /* @__PURE__ */ i(x, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
+    /* @__PURE__ */ h(u, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ i(N, { appearance: "gray", onClick: a, children: n.cancel }),
       /* @__PURE__ */ i(N, { type: "submit", children: n.confirm })
     ] })
   ] }) });
 }, st = (e) => {
   var T;
-  const { decision: t, onSubmitEvent: n, textValues: a, onCancel: o } = e, { formik: r, handleToggleNoneChange: c } = nt({
+  const { decision: t, onSubmitEvent: n, textValues: a, onCancel: r } = e, { formik: o, handleToggleNoneChange: p } = nt({
     decision: t,
     onSubmitEvent: n,
     textValues: a
-  }), g = {
+  }), c = {
     ruleName: t.ruleName,
     labelName: t.labelName,
     howToSetTheCondition: t.howToSetTheDecision,
     decisionDataType: t.decisionDataType,
     listOfPossibleValues: t.listOfPossibleValues
-  }, d = ((T = t.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
+  }, s = ((T = t.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
     (m) => !m.hidden
-  )) || [], h = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, s = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
+  )) || [], g = !!o.errors.conditionsThatEstablishesTheDecision && o.submitCount > 0, d = o.touched.effectiveFrom ? o.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = o.touched.validUntil ? o.errors.validUntil ? "invalid" : "valid" : void 0;
   return /* @__PURE__ */ i(
     lt,
     {
-      formik: r,
-      onCancel: o,
+      formik: o,
+      onCancel: r,
       textValues: a,
       decision: t,
-      visibleConditions: d,
-      normalizedDecision: g,
-      handleToggleNoneChange: c,
-      handleConditionToggleChange: (m, w) => (C) => {
+      visibleConditions: s,
+      normalizedDecision: c,
+      handleToggleNoneChange: p,
+      handleConditionToggleChange: (m, v) => (C) => {
         if (!C)
-          r.setFieldValue(
+          o.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
             void 0
-          ), r.setFieldTouched(
+          ), o.setFieldTouched(
             `conditionsThatEstablishesTheDecision.${m}`,
             !1,
             !1
           );
         else {
-          const A = w ? [] : "";
-          r.setFieldValue(
+          const F = v ? [] : "";
+          o.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
-            A
+            F
           );
         }
       },
-      showConditionsError: h,
-      termStartStatus: s,
+      showConditionsError: g,
+      termStartStatus: d,
       termEndStatus: l
     }
   );
-}, Lt = (e) => {
-  var o;
-  const { decisionTemplate: t } = e, n = { ...t }, a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-    (r) => r.switchPlaces
+}, Mt = (e) => {
+  var r;
+  const { decisionTemplate: t } = e, n = { ...t }, a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+    (o) => o.switchPlaces
   );
   return a ? {
     ...n,
@@ -1312,15 +1343,15 @@ const at = f.div`
     value: a.value,
     howToSetTheDecision: a.howToSetTheCondition,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
+      (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
     )
   } : n;
-}, Ot = (e) => {
+}, Lt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
-    var o;
-    const a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-      (r) => r.switchPlaces
+    var r;
+    const a = (r = n.conditionsThatEstablishesTheDecision) == null ? void 0 : r.find(
+      (o) => o.switchPlaces
     );
     return a ? {
       ...n,
@@ -1330,21 +1361,21 @@ const at = f.div`
       value: a.value,
       howToSetTheDecision: a.howToSetTheCondition,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
+        (o) => o.conditionName === a.conditionName ? { ...o, hidden: !0 } : o
       )
     } : n;
   });
-}, $ = /* @__PURE__ */ new Map(), dt = (e, t) => $.get(`${t}:${e}`), ct = (e, t, n) => {
+}, I = /* @__PURE__ */ new Map(), dt = (e, t) => I.get(`${t}:${e}`), ct = (e, t, n) => {
   const a = `${t}:${e}`;
-  if ($.set(a, n), $.size > 1e3) {
-    const o = $.keys().next().value;
-    o !== void 0 && $.delete(o);
+  if (I.set(a, n), I.size > 1e3) {
+    const r = I.keys().next().value;
+    r !== void 0 && I.delete(r);
   }
 }, ee = /* @__PURE__ */ new Map(), ht = 1e3, ut = (e) => {
   const t = Date.now(), n = ee.get(e) || 0;
   return t - n < ht ? !0 : (ee.set(e, t), !1);
 }, pt = (e) => {
-  const t = De(e);
+  const t = Ee(e);
   return {
     spa: "es",
     eng: "en",
@@ -1353,59 +1384,66 @@ const at = f.div`
     ita: "it",
     por: "pt"
   }[t] || "en";
-}, gt = "https://api.mymemory.translated.net/get", mt = async (e, t) => {
-  var r;
-  const n = `${t}:${e}`, a = dt(e, t);
-  if (a) return a;
-  if (ut(n))
+}, gt = async (e, t, { url: n, apiKey: a }) => {
+  const r = `${t}:${e}`, o = dt(e, t);
+  if (o) return o;
+  if (ut(r))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const o = pt(e);
+  const p = pt(e);
   try {
-    const { data: c } = await Se.get(gt, {
-      params: {
+    const { data: c } = await De.post(
+      n,
+      {
         q: e,
-        langpair: `${o}|${t}`
+        source: p,
+        target: t,
+        api_key: a
+      },
+      {
+        headers: {
+          "Content-Type": "application/json"
+        }
       }
-    }), g = ((r = c == null ? void 0 : c.responseData) == null ? void 0 : r.translatedText) || e;
-    return ct(e, t, g), g;
+    ), s = (c == null ? void 0 : c.translatedText) || e;
+    return ct(e, t, s), s;
   } catch (c) {
     return console.warn(`[Translation] Failed for: "${e}"`, c), e;
   }
-}, bt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t) => {
-  const n = await Promise.all(
-    Object.entries(e).map(async ([a, o]) => {
-      if (bt(o)) {
-        const r = await mt(o, t);
-        return [a, r];
+}, mt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t, n) => {
+  const a = await Promise.all(
+    Object.entries(e).map(async ([r, o]) => {
+      if (mt(o)) {
+        const p = await gt(o, t, n);
+        return [r, p];
       } else if (Array.isArray(o)) {
-        const r = await Promise.all(
+        const p = await Promise.all(
           o.map(
-            async (c) => typeof c == "object" && c !== null ? await te(c, t) : c
+            async (c) => typeof c == "object" && c !== null ? await te(c, t, n) : c
           )
         );
-        return [a, r];
+        return [r, p];
       } else if (typeof o == "object" && o !== null) {
-        const r = await te(o, t);
-        return [a, r];
+        const p = await te(o, t, n);
+        return [r, p];
       } else
-        return [a, o];
+        return [r, o];
     })
   );
-  return Object.fromEntries(n);
+  return Object.fromEntries(a);
 };
 export {
   P as BusinessRuleCard,
-  de as BusinessRuleView,
-  At as BusinessRules,
-  Ft as Filter,
-  $t as FilterModal,
-  It as FormFilter,
+  ue as BusinessRuleView,
+  kt as BusinessRules,
+  At as Filter,
+  Ft as FilterModal,
+  $t as FormFilter,
   Ue as ModalRules,
   st as RulesForm,
-  Rt as revertSortedDataSampleSwitchPlaces,
-  Mt as revertSortedDataSwitchPlaces,
-  Lt as sortDisplayDataSampleSwitchPlaces,
-  Ot as sortDisplayDataSwitchPlaces,
+  It as revertSortedDataSampleSwitchPlaces,
+  Rt as revertSortedDataSwitchPlaces,
+  Mt as sortDisplayDataSampleSwitchPlaces,
+  Lt as sortDisplayDataSwitchPlaces,
   te as translateObject,
-  mt as translateText
+  gt as translateText
 };