@isettingkit/business-rules 0.1.33 → 0.1.34

package/dist/index.es.d.ts

@@ -24,10 +24,10 @@ declare interface IBusinessRules {
     isModalOpen: boolean;
     selectedDecision: IRuleDecision | null;
     loading: boolean;
-    handleOpenModal: (decision?: IRuleDecision | null) => void;
-    handleCloseModal: () => void;
-    handleSubmitForm: (dataDecision: IRuleDecision) => void;
-    handleDelete: (id: string) => void;
+    handleOpenModal?: (decision?: IRuleDecision | null) => void;
+    handleCloseModal?: () => void;
+    handleSubmitForm?: (dataDecision: IRuleDecision) => void;
+    handleDelete?: (id: string) => void;
 }
 
 export declare interface IBusinessRuleView {
@@ -45,7 +45,7 @@ declare interface IModalRules {
 
 export declare interface IRulesForm {
     decision: IRuleDecision;
-    onCancel: () => void;
+    onCancel?: () => void;
     onSubmitEvent: (dataDecision: IRuleDecision) => void;
     textValues: IRulesFormTextValues;
 }
@@ -70,6 +70,14 @@ declare interface IRulesFormTextValues {
 
 export declare const ModalRules: (props: IModalRules) => ReactPortal;
 
+export declare const revertSortedDataSampleSwitchPlaces: (dataDecision: IRuleDecision, originalDecision: IRuleDecision) => IRuleDecision;
+
+export declare const revertSortedDataSwitchPlaces: (decisions: IRuleDecision[]) => IRuleDecision[];
+
 export declare const RulesForm: (props: IRulesForm) => JSX_2.Element;
 
+export declare const sortDisplayDataSampleSwitchPlaces: (decision: IRuleDecision) => IRuleDecision;
+
+export declare const sortDisplayDataSwitchPlaces: (decisions: IRuleDecision[]) => IRuleDecision[];
+
 export { }

package/dist/index.es.js

@@ -1,45 +1,45 @@
-import { jsxs as c, Fragment as D, jsx as i } from "react/jsx-runtime";
-import { ValueDataType as S, ValueHowToSetUp as f, DecisionConditionRender as $ } from "@isettingkit/input";
-import { Stack as l } from "@inubekit/stack";
+import { jsxs as c, Fragment as N, jsx as i } from "react/jsx-runtime";
+import { ValueDataType as D, ValueHowToSetUp as T, DecisionConditionRender as $ } from "@isettingkit/input";
+import { Stack as d } from "@inubekit/stack";
 import { Divider as w } from "@inubekit/divider";
 import { Button as z } from "@inubekit/button";
 import { useState as F, useEffect as te } from "react";
-import { Text as T } from "@inubekit/text";
-import { Date as O } from "@inubekit/date";
+import { Text as f } from "@inubekit/text";
+import { Date as q } from "@inubekit/date";
 import { Checkbox as ie } from "@inubekit/checkbox";
-import { Toggle as B } from "@inubekit/toggle";
-import { inube as v } from "@inubekit/foundations";
+import { Toggle as G } from "@inubekit/toggle";
+import { inube as x } from "@inubekit/foundations";
 import b, { keyframes as ne } from "styled-components";
-import { useFormik as re } from "formik";
-import { mixed as P, object as L, number as I, string as U, date as q, lazy as M } from "yup";
+import { useFormik as ae } from "formik";
+import { mixed as B, object as L, number as I, string as U, date as O, lazy as j } from "yup";
 import { DecisionViewConditionRenderer as A } from "@isettingkit/view";
-import { SkeletonLine as E } from "@inubekit/skeleton";
-import { MdOutlineDelete as ae, MdClear as oe, MdAdd as le } from "react-icons/md";
+import { SkeletonLine as C } from "@inubekit/skeleton";
+import { MdOutlineDelete as re, MdClear as oe, MdAdd as le } from "react-icons/md";
 import { Icon as Q } from "@inubekit/icon";
 import { createPortal as de } from "react-dom";
 import { Blanket as se } from "@inubekit/blanket";
 import { Grid as ce } from "@inubekit/grid";
 import { useMediaQuery as he } from "@inubekit/hooks";
-const ue = (e) => {
+const ue = (t) => {
   const {
-    onHandleStartChange: t,
-    onHandleEndChange: r,
+    onHandleStartChange: e,
+    onHandleEndChange: n,
     onCheckClosedChange: a,
-    labelStart: d,
-    labelEnd: n,
+    labelStart: r,
+    labelEnd: o,
     checkedClosed: s = !1,
     required: h = !1,
     valueStart: u = "",
-    valueEnd: o = "",
+    valueEnd: l = "",
     messageStart: p = "",
-    messageEnd: g = "",
-    statusStart: m = "pending",
-    statusEnd: N = "pending"
-  } = e, [C, J] = F(s), [K, X] = F(u), [Z, ee] = F(o);
-  return /* @__PURE__ */ c(D, { children: [
-    /* @__PURE__ */ c(l, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(
-        T,
+    messageEnd: m = "",
+    statusStart: g = "pending",
+    statusEnd: k = "pending"
+  } = t, [S, J] = F(s), [K, X] = F(u), [Z, ee] = F(l);
+  return /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ c(d, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(
+        f,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -50,7 +50,7 @@ const ue = (e) => {
         }
       ) }),
       /* @__PURE__ */ i(
-        l,
+        d,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -60,45 +60,45 @@ const ue = (e) => {
             ie,
             {
               label: "Cerrada",
-              onChange: ({ target: x }) => {
-                J(x.checked), a && a(x.checked);
+              onChange: ({ target: y }) => {
+                J(y.checked), a && a(y.checked);
               },
-              checked: C,
+              checked: S,
               value: ""
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ c(l, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ i(l, { width: "189px", children: /* @__PURE__ */ i(
-        O,
+    /* @__PURE__ */ c(d, { justifyContent: "space-between", gap: "24px", children: [
+      /* @__PURE__ */ i(d, { width: "189px", children: /* @__PURE__ */ i(
+        q,
         {
           id: "dateStart",
-          label: d,
-          onChange: (x) => {
-            X(x.target.value), t(x);
+          label: r,
+          onChange: (y) => {
+            X(y.target.value), e(y);
           },
           value: K,
           required: h,
           size: "compact",
-          status: m,
+          status: g,
           message: p
         }
       ) }),
-      C && /* @__PURE__ */ i(l, { width: "189px", children: /* @__PURE__ */ i(
-        O,
+      S && /* @__PURE__ */ i(d, { width: "189px", children: /* @__PURE__ */ i(
+        q,
         {
           id: "dateEnd",
-          label: n,
-          onChange: (x) => {
-            ee(x.target.value), r(x);
+          label: o,
+          onChange: (y) => {
+            ee(y.target.value), n(y);
           },
           value: Z,
           required: h,
           size: "compact",
-          status: N,
-          message: g
+          status: k,
+          message: m
         }
       ) })
     ] })
@@ -106,9 +106,9 @@ const ue = (e) => {
 }, pe = b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${v.palette.neutral.N30};
+    border: 1px solid ${x.palette.neutral.N30};
   }
-`, ge = b.div`
+`, me = b.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -125,207 +125,207 @@ const ue = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, me = (e) => {
+`, ge = (t) => {
   const {
-    checked: t,
-    children: r,
+    checked: e,
+    children: n,
     handleToggleChange: a,
-    id: d,
-    labelToggle: n,
+    id: r,
+    labelToggle: o,
     name: s,
     valueToggle: h = ""
-  } = e, [u, o] = F(t), p = (g) => {
-    o(g.target.checked), a(g);
+  } = t, [u, l] = F(e), p = (m) => {
+    l(m.target.checked), a(m);
   };
   return te(() => {
-    o(t);
-  }, [t]), /* @__PURE__ */ c(D, { children: [
-    /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(
-      B,
+    l(e);
+  }, [e]), /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(
+      G,
       {
         checked: u,
-        id: d,
+        id: r,
         name: s,
         onChange: p,
         size: "small",
         value: h,
-        children: /* @__PURE__ */ i(T, { size: "medium", type: "label", weight: "bold", children: n })
+        children: /* @__PURE__ */ i(f, { size: "medium", type: "label", weight: "bold", children: o })
       }
     ) }),
-    u && /* @__PURE__ */ i(D, { children: r })
+    u && /* @__PURE__ */ i(N, { children: n })
   ] });
-}, be = (e) => ({
-  schema: P().test(
+}, be = (t) => ({
+  schema: B().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
-    (t) => Array.isArray(t) ? t.every(
-      (r) => typeof r == "string" || typeof r == "number"
-    ) : typeof t == "string"
+    (e) => Array.isArray(e) ? e.every(
+      (n) => typeof n == "string" || typeof n == "number"
+    ) : typeof e == "string"
   ),
-  value: e
-}), fe = (e) => ({
-  schema: P().test(
+  value: t
+}), Te = (t) => ({
+  schema: B().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
-    (t) => Array.isArray(t) ? t.every(
-      (r) => typeof r == "string" || typeof r == "number"
-    ) : typeof t == "string"
+    (e) => Array.isArray(e) ? e.every(
+      (n) => typeof n == "string" || typeof n == "number"
+    ) : typeof e == "string"
   ),
-  value: e
-}), Te = (e) => {
-  const t = (e == null ? void 0 : e.from) ?? 0, r = (e == null ? void 0 : e.to) ?? 0;
+  value: t
+}), fe = (t) => {
+  const e = (t == null ? void 0 : t.from) ?? 0, n = (t == null ? void 0 : t.to) ?? 0;
   return {
     schema: L({
-      from: I().required("Range From is required").max(r, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      from: I().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: I().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: d } = this.parent;
-          return a > d;
+          const { from: r } = this.parent;
+          return a > r;
         }
       )
     }),
-    value: { from: t, to: r }
+    value: { from: e, to: n }
   };
-}, V = (e, t) => t === S.PERCENTAGE ? {
+}, V = (t, e) => e === D.PERCENTAGE ? {
   schema: I().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
-  value: e
+  value: t
 } : {
   schema: U().required("Required"),
-  value: e
-}, xe = (e) => ({
+  value: t
+}, ye = (t) => ({
   schema: U().required("Required").test(
     "non-empty",
     "Value cannot be empty",
-    (t) => t != null && t.trim() !== ""
+    (e) => e != null && e.trim() !== ""
   ),
-  value: e
-}), ve = {
-  [f.LIST_OF_VALUES]: be,
-  [f.LIST_OF_VALUES_MULTI]: fe,
-  [f.RANGE]: Te,
-  [f.GREATER_THAN]: V,
-  [f.LESS_THAN]: V,
-  [f.EQUAL]: V
-}, j = (e) => ve[e] || xe;
-function ye({ decision: e, onSubmitEvent: t }) {
-  const r = {
-    ruleName: e.ruleName || "",
-    decisionDataType: e.decisionDataType || S.ALPHABETICAL,
-    howToSetTheDecision: e.howToSetTheDecision || "",
-    value: e.value || "",
-    effectiveFrom: e.effectiveFrom || "",
-    validUntil: e.validUntil || "",
+  value: t
+}), xe = {
+  [T.LIST_OF_VALUES]: be,
+  [T.LIST_OF_VALUES_MULTI]: Te,
+  [T.RANGE]: fe,
+  [T.GREATER_THAN]: V,
+  [T.LESS_THAN]: V,
+  [T.EQUAL]: V
+}, H = (t) => xe[t] || ye;
+function ve({ decision: t, onSubmitEvent: e }) {
+  const n = {
+    ruleName: t.ruleName || "",
+    decisionDataType: t.decisionDataType || D.ALPHABETICAL,
+    howToSetTheDecision: t.howToSetTheDecision || "",
+    value: t.value || "",
+    effectiveFrom: t.effectiveFrom || "",
+    validUntil: t.validUntil || "",
     toggleNone: !0,
     conditionThatEstablishesTheDecision: {},
     checkClosed: !1
   }, a = L({
     ruleName: U().required("Name is required"),
-    effectiveFrom: q().required("effective From date is required"),
-    validUntil: q().when(
+    effectiveFrom: O().required("effective From date is required"),
+    validUntil: O().when(
       "checkClosed",
       (s, h, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? h.required("valid Until date is required").test(
         "is-after-startDate",
         "valid Until date must be greater than or equal to Start date",
         function(p) {
-          const g = this.parent.effectiveFrom;
-          return !g || !p ? !0 : new Date(p) >= new Date(g);
+          const m = this.parent.effectiveFrom;
+          return !m || !p ? !0 : new Date(p) >= new Date(m);
         }
       ) : h.notRequired()
     ),
-    value: M(() => j(d.values.howToSetTheDecision)(
-      d.values.value,
-      d.values.decisionDataType
+    value: j(() => H(r.values.howToSetTheDecision)(
+      r.values.value,
+      r.values.decisionDataType
     ).schema),
-    conditionThatEstablishesTheDecision: M((s, { parent: h }) => {
+    conditionThatEstablishesTheDecision: j((s, { parent: h }) => {
       var p;
       if ((h == null ? void 0 : h.toggleNone) && Object.keys(h.conditionThatEstablishesTheDecision || {}).length > 0) return L().shape({});
-      const o = (p = e.conditionThatEstablishesTheDecision) == null ? void 0 : p.reduce(
-        (g, m) => {
-          if (d.values.conditionThatEstablishesTheDecision[m.conditionName] !== void 0) {
-            const C = j(m.howToSetTheCondition);
-            g[m.conditionName] = C(
-              m.value,
-              m.conditionDataType
+      const l = (p = t.conditionThatEstablishesTheDecision) == null ? void 0 : p.reduce(
+        (m, g) => {
+          if (r.values.conditionThatEstablishesTheDecision[g.conditionName] !== void 0) {
+            const S = H(g.howToSetTheCondition);
+            m[g.conditionName] = S(
+              g.value,
+              g.conditionDataType
             ).schema;
           }
-          return g;
+          return m;
         },
         {}
       );
-      return L(o).test(
+      return L(l).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
-        (g) => g ? Object.values(g).some(
-          (m) => m != null && m !== ""
+        (m) => m ? Object.values(m).some(
+          (g) => g != null && g !== ""
         ) : !1
       );
     })
-  }), d = re({
-    initialValues: r,
+  }), r = ae({
+    initialValues: n,
     validationSchema: a,
     validateOnBlur: !0,
     onSubmit: (s) => {
       var u;
       const h = {
-        ...e,
+        ...t,
         ruleName: s.ruleName,
         decisionDataType: s.decisionDataType,
         howToSetTheDecision: s.howToSetTheDecision,
         value: s.value,
         effectiveFrom: s.effectiveFrom,
         validUntil: s.validUntil,
-        conditionThatEstablishesTheDecision: (u = e.conditionThatEstablishesTheDecision) == null ? void 0 : u.filter((o) => {
-          const p = s.conditionThatEstablishesTheDecision[o.conditionName];
+        conditionThatEstablishesTheDecision: (u = t.conditionThatEstablishesTheDecision) == null ? void 0 : u.filter((l) => {
+          const p = s.conditionThatEstablishesTheDecision[l.conditionName];
           return p != null && p !== "";
-        }).map((o) => ({
-          ...o,
-          value: s.conditionThatEstablishesTheDecision[o.conditionName]
+        }).map((l) => ({
+          ...l,
+          value: s.conditionThatEstablishesTheDecision[l.conditionName]
         }))
       };
-      t(h);
+      e(h);
     }
   });
-  return { formik: d, handleToggleNoneChange: (s) => {
+  return { formik: r, handleToggleNoneChange: (s) => {
     var h;
-    d.setFieldValue("toggleNone", s), (h = e.conditionThatEstablishesTheDecision) == null || h.forEach((u) => {
+    r.setFieldValue("toggleNone", s), (h = t.conditionThatEstablishesTheDecision) == null || h.forEach((u) => {
       if (s)
-        d.setFieldValue(
+        r.setFieldValue(
           `conditionThatEstablishesTheDecision.${u.conditionName}`,
           void 0
         );
       else {
-        const o = u.howToSetTheCondition === f.LIST_OF_VALUES_MULTI ? [] : "";
-        d.setFieldValue(
+        const l = u.howToSetTheCondition === T.LIST_OF_VALUES_MULTI ? [] : "";
+        r.setFieldValue(
           `conditionThatEstablishesTheDecision.${u.conditionName}`,
-          o
+          l
         );
       }
     });
   } };
 }
-const we = (e) => {
+const we = (t) => {
   var u;
-  const { decision: t, onSubmitEvent: r, textValues: a, onCancel: d } = e, { formik: n, handleToggleNoneChange: s } = ye({
-    decision: t,
-    onSubmitEvent: r
+  const { decision: e, onSubmitEvent: n, textValues: a, onCancel: r } = t, { formik: o, handleToggleNoneChange: s } = ve({
+    decision: e,
+    onSubmitEvent: n
   }), h = {
-    ruleName: t.ruleName,
-    labelName: t.labelName,
-    howToSetTheCondition: t.howToSetTheDecision,
-    decisionDataType: t.decisionDataType,
-    listOfPossibleValues: t.listOfPossibleValues
+    ruleName: e.ruleName,
+    labelName: e.labelName,
+    howToSetTheCondition: e.howToSetTheDecision,
+    decisionDataType: e.decisionDataType,
+    listOfPossibleValues: e.listOfPossibleValues
   };
-  return /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ c(l, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ i("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ c(d, { direction: "column", gap: "24px", children: [
     $({
       condition: h,
-      formik: n,
+      formik: o,
       isDecision: !0
     }),
     /* @__PURE__ */ i(w, { dashed: !0 }),
-    /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ c(
-      l,
+    /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(me, { children: /* @__PURE__ */ c(
+      d,
       {
         direction: "column",
         padding: "6px 12px",
@@ -333,55 +333,55 @@ const we = (e) => {
         height: "272px",
         children: [
           /* @__PURE__ */ c(
-            l,
+            d,
             {
               justifyContent: "space-between",
               alignItems: "center",
               gap: "64px",
               children: [
-                /* @__PURE__ */ i(T, { type: "title", size: "small", weight: "bold", appearance: "gray", children: a.factsThatConditionIt }),
+                /* @__PURE__ */ i(f, { type: "title", size: "small", weight: "bold", appearance: "gray", children: a.factsThatConditionIt }),
                 /* @__PURE__ */ i(
-                  B,
+                  G,
                   {
                     id: "toggleNone",
-                    onChange: () => s(!n.values.toggleNone),
-                    checked: n.values.toggleNone,
+                    onChange: () => s(!o.values.toggleNone),
+                    checked: o.values.toggleNone,
                     size: "small",
-                    children: /* @__PURE__ */ i(T, { size: "medium", type: "label", weight: "bold", children: a.none })
+                    children: /* @__PURE__ */ i(f, { size: "medium", type: "label", weight: "bold", children: a.none })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ i(l, { direction: "column", gap: "20px", children: (u = t.conditionThatEstablishesTheDecision) == null ? void 0 : u.map(
-            (o) => /* @__PURE__ */ i(
-              me,
+          /* @__PURE__ */ i(d, { direction: "column", gap: "20px", children: (u = e.conditionThatEstablishesTheDecision) == null ? void 0 : u.map(
+            (l) => l.hidden ? null : /* @__PURE__ */ i(
+              ge,
               {
-                id: `toggle-${o.conditionName}`,
-                name: `toggle.${o.conditionName}`,
-                labelToggle: o.labelName,
-                checked: !n.values.toggleNone && n.values.conditionThatEstablishesTheDecision[o.conditionName] !== void 0,
+                id: `toggle-${l.conditionName}`,
+                name: `toggle.${l.conditionName}`,
+                labelToggle: l.labelName,
+                checked: !o.values.toggleNone && o.values.conditionThatEstablishesTheDecision[l.conditionName] !== void 0,
                 handleToggleChange: (p) => {
                   if (!p.target.checked)
-                    n.setFieldValue(
-                      `conditionThatEstablishesTheDecision.${o.conditionName}`,
+                    o.setFieldValue(
+                      `conditionThatEstablishesTheDecision.${l.conditionName}`,
                       void 0
-                    ), n.setFieldTouched(
-                      `conditionThatEstablishesTheDecision.${o.conditionName}`,
+                    ), o.setFieldTouched(
+                      `conditionThatEstablishesTheDecision.${l.conditionName}`,
                       !1,
                       !1
                     );
                   else {
-                    const m = o.howToSetTheCondition === f.LIST_OF_VALUES_MULTI ? [] : "";
-                    n.setFieldValue(
-                      `conditionThatEstablishesTheDecision.${o.conditionName}`,
-                      m
+                    const g = l.howToSetTheCondition === T.LIST_OF_VALUES_MULTI ? [] : "";
+                    o.setFieldValue(
+                      `conditionThatEstablishesTheDecision.${l.conditionName}`,
+                      g
                     );
                   }
                 },
-                children: $({ condition: o, formik: n })
+                children: $({ condition: l, formik: o })
               },
-              o.conditionName
+              l.conditionName
             )
           ) })
         ]
@@ -393,33 +393,33 @@ const we = (e) => {
       {
         labelStart: a.termStart,
         labelEnd: a.termEnd,
-        valueStart: n.values.effectiveFrom,
-        valueEnd: n.values.validUntil,
-        messageStart: n.errors.effectiveFrom,
-        messageEnd: n.errors.validUntil,
-        statusStart: n.touched.effectiveFrom ? n.errors.effectiveFrom ? "invalid" : "valid" : void 0,
-        statusEnd: n.touched.validUntil ? n.errors.validUntil ? "invalid" : "valid" : void 0,
-        onHandleStartChange: (o) => n.setFieldValue("effectiveFrom", o.target.value),
-        onHandleEndChange: (o) => n.setFieldValue("validUntil", o.target.value),
-        onCheckClosedChange: (o) => {
-          n.setFieldValue("checkClosed", o), o && n.setFieldValue("validUntil", "");
+        valueStart: o.values.effectiveFrom,
+        valueEnd: o.values.validUntil,
+        messageStart: o.errors.effectiveFrom,
+        messageEnd: o.errors.validUntil,
+        statusStart: o.touched.effectiveFrom ? o.errors.effectiveFrom ? "invalid" : "valid" : void 0,
+        statusEnd: o.touched.validUntil ? o.errors.validUntil ? "invalid" : "valid" : void 0,
+        onHandleStartChange: (l) => o.setFieldValue("effectiveFrom", l.target.value),
+        onHandleEndChange: (l) => o.setFieldValue("validUntil", l.target.value),
+        onCheckClosedChange: (l) => {
+          o.setFieldValue("checkClosed", l), l && o.setFieldValue("validUntil", "");
         },
-        checkedClosed: n.values.checkClosed
+        checkedClosed: o.values.checkClosed
       }
     ),
     /* @__PURE__ */ i(w, {}),
-    n.errors.conditionThatEstablishesTheDecision && n.submitCount > 0 && /* @__PURE__ */ i(T, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionThatEstablishesTheDecision) }),
-    /* @__PURE__ */ c(l, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ i(z, { appearance: "gray", onClick: d, children: a.cancel }),
+    o.errors.conditionThatEstablishesTheDecision && o.submitCount > 0 && /* @__PURE__ */ i(f, { type: "label", size: "medium", appearance: "danger", children: String(o.errors.conditionThatEstablishesTheDecision) }),
+    /* @__PURE__ */ c(d, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ i(z, { appearance: "gray", onClick: r, children: a.cancel }),
       /* @__PURE__ */ i(z, { type: "submit", children: a.confirm })
     ] })
   ] }) });
-}, H = b.div`
+}, M = b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${v.palette.neutral.N30};
+    border: 1px solid ${x.palette.neutral.N30};
   }
-`, G = b.div`
+`, P = b.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -437,42 +437,42 @@ const we = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ce = (e) => e.value, Se = (e) => e.value, Ee = (e) => ({
-  from: e.from ?? "",
-  to: e.to ?? ""
-}), ke = (e) => e.value, De = (e) => e.value, Ne = (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 Ae = (e) => e.value, Fe = {
-  [y.LIST_OF_VALUES]: Ce,
-  [y.LIST_OF_VALUES_MULTI]: Se,
-  [y.RANGE]: Ee,
-  [y.GREATER_THAN]: ke,
-  [y.LESS_THAN]: De,
-  [y.EQUAL]: Ne
+`, Se = (t) => t.value, De = (t) => t.value, Ce = (t) => ({
+  from: t.from ?? "",
+  to: t.to ?? ""
+}), Ee = (t) => t.value, Ne = (t) => t.value, ke = (t) => t.value;
+var v = /* @__PURE__ */ ((t) => (t.EQUAL = "EqualTo", t.GREATER_THAN = "GreaterThan", t.LESS_THAN = "LessThan", t.LIST_OF_VALUES = "ListOfValues", t.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", t.RANGE = "Range", t))(v || {});
+const Ae = (t) => t.value, Fe = {
+  [v.LIST_OF_VALUES]: Se,
+  [v.LIST_OF_VALUES_MULTI]: De,
+  [v.RANGE]: Ce,
+  [v.GREATER_THAN]: Ee,
+  [v.LESS_THAN]: Ne,
+  [v.EQUAL]: ke
 };
-function k(e) {
-  const t = e == null ? void 0 : e.value, r = typeof t == "object" && t !== null && !Array.isArray(t), a = Fe[e == null ? void 0 : e.howToSetTheDecision] || Ae;
-  return r && a(t) || t || void 0;
+function E(t) {
+  const e = t == null ? void 0 : t.value, n = typeof e == "object" && e !== null && !Array.isArray(e), a = Fe[t == null ? void 0 : t.howToSetTheDecision] || Ae;
+  return n && a(e) || e || void 0;
 }
-const Y = (e) => {
-  const { decision: t, loading: r = !1, textValues: a } = e, d = {
-    labelName: (t == null ? void 0 : t.labelName) || "",
-    decisionDataType: (t == null ? void 0 : t.decisionDataType) || "alphabetical",
-    value: k(t),
-    howToSetTheDecision: (t == null ? void 0 : t.howToSetTheDecision) || "EqualTo"
+const Y = (t) => {
+  const { decision: e, loading: n = !1, textValues: a } = t, r = {
+    labelName: (e == null ? void 0 : e.labelName) || "",
+    decisionDataType: (e == null ? void 0 : e.decisionDataType) || "alphabetical",
+    value: E(e),
+    howToSetTheDecision: (e == null ? void 0 : e.howToSetTheDecision) || "EqualTo"
   };
-  return !r && t && a ? /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
-    t && /* @__PURE__ */ i(l, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
+  return !n && e && a ? /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
+    e && /* @__PURE__ */ i(d, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
       A,
       {
-        element: d,
-        valueData: k(d),
+        element: r,
+        valueData: E(r),
         type: "decision"
       }
-    ) }, t.ruleName),
+    ) }, e.ruleName),
     /* @__PURE__ */ i(w, { dashed: !0 }),
-    /* @__PURE__ */ i(G, { children: /* @__PURE__ */ c(
-      l,
+    /* @__PURE__ */ i(P, { children: /* @__PURE__ */ c(
+      d,
       {
         direction: "column",
         gap: "12px",
@@ -480,7 +480,7 @@ const Y = (e) => {
         height: "203px",
         children: [
           /* @__PURE__ */ i(
-            T,
+            f,
             {
               type: "label",
               size: "large",
@@ -490,54 +490,54 @@ const Y = (e) => {
               children: a.factsThatConditionIt
             }
           ),
-          t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((n) => n.hidden ? null : /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(l, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
+          e.conditionThatEstablishesTheDecision && e.conditionThatEstablishesTheDecision.map((o) => o.hidden ? null : /* @__PURE__ */ i(M, { children: /* @__PURE__ */ i(d, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
             A,
             {
               element: {
-                ...n,
-                value: n.value
+                ...o,
+                value: o.value
               },
-              valueData: k(n)
+              valueData: E(o)
             }
-          ) }) }, n.conditionName)),
+          ) }) }, o.conditionName)),
           /* @__PURE__ */ i(w, { dashed: !0 }),
-          /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
-            (t == null ? void 0 : t.effectiveFrom) && (t == null ? void 0 : t.validUntil) && /* @__PURE__ */ i(
+          /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
+            (e == null ? void 0 : e.effectiveFrom) && (e == null ? void 0 : e.validUntil) && /* @__PURE__ */ i(
               A,
               {
                 element: {
                   labelName: a.terms,
-                  value: String(t.effectiveFrom),
-                  howToSetTheDecision: f.RANGE,
-                  decisionDataType: S.DATE
+                  value: String(e.effectiveFrom),
+                  howToSetTheDecision: T.RANGE,
+                  decisionDataType: D.DATE
                 },
-                valueData: k({
+                valueData: E({
                   labelName: a.terms,
                   value: {
-                    from: String(t.effectiveFrom),
-                    to: String(t.validUntil)
+                    from: String(e.effectiveFrom),
+                    to: String(e.validUntil)
                   },
-                  howToSetTheDecision: f.RANGE,
-                  decisionDataType: S.DATE
+                  howToSetTheDecision: T.RANGE,
+                  decisionDataType: D.DATE
                 }),
                 type: "decision"
               },
               a.terms
             ),
-            (t == null ? void 0 : t.effectiveFrom) && !(t != null && t.validUntil) && /* @__PURE__ */ i(
+            (e == null ? void 0 : e.effectiveFrom) && !(e != null && e.validUntil) && /* @__PURE__ */ i(
               A,
               {
                 element: {
                   labelName: a.terms,
-                  value: String(t.effectiveFrom),
-                  howToSetTheDecision: f.EQUAL,
-                  decisionDataType: S.DATE
+                  value: String(e.effectiveFrom),
+                  howToSetTheDecision: T.EQUAL,
+                  decisionDataType: D.DATE
                 },
-                valueData: k({
+                valueData: E({
                   labelName: a.terms,
-                  value: String(t.effectiveFrom),
-                  howToSetTheDecision: f.EQUAL,
-                  decisionDataType: S.DATE
+                  value: String(e.effectiveFrom),
+                  howToSetTheDecision: T.EQUAL,
+                  decisionDataType: D.DATE
                 }),
                 type: "decision"
               },
@@ -547,32 +547,32 @@ const Y = (e) => {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ c(l, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ i(E, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ i(E, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ c(d, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ i(C, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ i(C, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ c(l, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ c(d, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ i(w, { dashed: !0 }),
-      /* @__PURE__ */ i(E, { animated: !0, width: "150px" })
+      /* @__PURE__ */ i(C, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(
-      l,
+    /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(
+      d,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: Array.from({ length: 5 }).map((n, s) => /* @__PURE__ */ i(H, { children: /* @__PURE__ */ c(
-          l,
+        children: Array.from({ length: 5 }).map((o, s) => /* @__PURE__ */ i(M, { children: /* @__PURE__ */ c(
+          d,
           {
             direction: "column",
             gap: "12px",
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ i(E, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ i(E, { animated: !0, width: "85px" })
+              /* @__PURE__ */ i(C, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ i(C, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${s}`))
@@ -581,7 +581,7 @@ const Y = (e) => {
   ] });
 }, Le = b.div`
   border-radius: 8px;
-  border: 1px solid ${v.palette.neutral.N30};
+  border: 1px solid ${x.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -610,21 +610,21 @@ b.div`
     border-radius: 8px;
   }
 `;
-const _ = (e) => {
-  const { children: t, controls: r = !0, handleDelete: a, id: d } = e;
-  return /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "16px", padding: "12px 16px", children: [
-    t,
-    r && /* @__PURE__ */ c(D, { children: [
+const _ = (t) => {
+  const { children: e, controls: n = !0, handleDelete: a, id: r } = t;
+  return /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+    e,
+    n && /* @__PURE__ */ c(N, { children: [
       /* @__PURE__ */ i(w, {}),
-      /* @__PURE__ */ i(l, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(d, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
         Q,
         {
           cursorHover: !0,
           appearance: "dark",
           size: "24px",
-          icon: /* @__PURE__ */ i(ae, {}),
+          icon: /* @__PURE__ */ i(re, {}),
           onClick: () => {
-            a(d);
+            a(r);
           }
         }
       ) })
@@ -636,9 +636,9 @@ const _ = (e) => {
     padding: 24px 16px;
   }
 `, Ie = b.div`
-  background-color: ${({ theme: e }) => {
-  var t, r;
-  return ((r = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0;
+  background-color: ${({ theme: t }) => {
+  var e, n;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N0) || x.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -666,21 +666,21 @@ const _ = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Re = (e) => {
-  const { children: t, portalId: r, onCloseModal: a, title: d } = e, n = document.getElementById(r);
-  if (!n)
+`, Re = (t) => {
+  const { children: e, portalId: n, onCloseModal: a, title: r } = t, 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."
     );
   return de(
-    /* @__PURE__ */ i(Ve, { children: /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(Ie, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ i(l, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(l, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ i(T, { type: "title", size: "large", appearance: "dark", weight: "bold", children: d }),
+    /* @__PURE__ */ i(Ve, { children: /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(Ie, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ i(d, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(d, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ i(f, { type: "title", size: "large", appearance: "dark", weight: "bold", children: r }),
         /* @__PURE__ */ i(oe, { size: "24px", cursor: "pointer", onClick: a })
       ] }) }),
-      t
+      e
     ] }) }) }) }),
-    n
+    o
   );
 }, Ue = ne`
   from {
@@ -700,7 +700,7 @@ const _ = (e) => {
 `;
 b.div`
   border-radius: 8px;
-  border: 1px solid ${v.palette.neutral.N30};
+  border: 1px solid ${x.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -733,13 +733,13 @@ const _e = b.div`
 `, $e = b.div`
   & > div > div {
     border-radius: 8px;
-    border: 1px solid ${v.palette.neutral.N30};
+    border: 1px solid ${x.palette.neutral.N30};
     box-sizing: border-box;
     box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
   }
 `, ze = b.div`
   & > div {
-    background-color: ${v.palette.neutral.N30};
+    background-color: ${x.palette.neutral.N30};
     justify-content: center;
   }
   min-height: 300px;
@@ -750,136 +750,142 @@ const _e = b.div`
 b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${v.palette.neutral.N30};
+    border: 1px solid ${x.palette.neutral.N30};
   }
 `;
-function Oe({
-  index: e,
-  handleOpenModal: t
+function qe({
+  index: t,
+  handleOpenModal: e
 }) {
   return /* @__PURE__ */ i(
     _,
     {
-      id: `loading-card-${e}`,
+      id: `loading-card-${t}`,
       handleDelete: () => {
       },
-      handleView: () => t(),
+      handleView: () => e ? e() : null,
       controls: !1,
       children: /* @__PURE__ */ i(Y, { loading: !0 })
     },
-    `loading-card-${e}`
+    `loading-card-${t}`
   );
 }
-function qe({
-  decision: e,
-  controls: t,
-  handleOpenModal: r,
+function Oe({
+  decision: t,
+  controls: e,
+  handleOpenModal: n,
   handleDelete: a,
-  textValues: d
+  textValues: r
 }) {
-  return e ? /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ i(T, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
+  return t ? /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ i(f, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
     /* @__PURE__ */ i(
       _,
       {
-        id: e.decisionId,
-        handleDelete: () => a(e.decisionId),
-        handleView: () => r(e),
-        controls: t,
-        children: /* @__PURE__ */ i(Y, { decision: e, textValues: d })
+        id: t.decisionId,
+        handleDelete: () => a ? a(t.decisionId) : null,
+        handleView: () => n ? n(t) : null,
+        controls: e,
+        children: /* @__PURE__ */ i(Y, { decision: t, textValues: r })
       }
     )
-  ] }) }, e.decisionId) : null;
+  ] }) }, t.decisionId) : null;
 }
-function Me({
-  index: e,
-  handleOpenModal: t
+function je({
+  index: t,
+  handleOpenModal: e
 }) {
-  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ i(T, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ i(ze, { onClick: () => t(), children: /* @__PURE__ */ i(
-      _,
+  return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ i(f, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
+    /* @__PURE__ */ i(
+      ze,
       {
-        id: `add-decision-${e}`,
-        handleDelete: () => {
-        },
-        handleView: () => t(),
-        controls: !1,
-        children: /* @__PURE__ */ c(l, { direction: "column", gap: "12px", alignItems: "center", children: [
-          /* @__PURE__ */ i(Q, { appearance: "gray", icon: /* @__PURE__ */ i(le, {}), size: "35px" }),
-          /* @__PURE__ */ i(T, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
-        ] })
+        onClick: () => e ? e() : null,
+        children: /* @__PURE__ */ i(
+          _,
+          {
+            id: `add-decision-${t}`,
+            handleDelete: () => {
+            },
+            handleView: () => e ? e() : null,
+            controls: !1,
+            children: /* @__PURE__ */ c(d, { direction: "column", gap: "12px", alignItems: "center", children: [
+              /* @__PURE__ */ i(Q, { appearance: "gray", icon: /* @__PURE__ */ i(le, {}), size: "35px" }),
+              /* @__PURE__ */ i(f, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
+            ] })
+          }
+        )
       }
-    ) })
-  ] }) }, `add-decision-${e}`);
+    )
+  ] }) }, `add-decision-${t}`);
 }
-const je = {
-  loading: Oe,
-  decision: qe,
-  add: Me
+const He = {
+  loading: qe,
+  decision: Oe,
+  add: je
 };
-function R(e) {
-  const { type: t } = e, r = je[t];
-  return r ? r(e) : null;
+function R(t) {
+  const { type: e } = t, n = He[e];
+  return n ? n(t) : null;
 }
-function He({
-  controls: e,
-  decisions: t,
-  loading: r,
+function Me({
+  controls: t,
+  decisions: e,
+  loading: n,
   handleOpenModal: a,
-  handleDelete: d,
-  textValues: n
+  handleDelete: r,
+  textValues: o
 }) {
-  const s = r ? Array.from({ length: 3 }).map(
-    (u, o) => R({
+  const s = n ? Array.from({ length: 3 }).map(
+    (u, l) => R({
       type: "loading",
-      index: o,
-      controls: e,
-      loading: r,
+      index: l,
+      controls: t,
+      loading: n,
       handleOpenModal: a,
-      handleDelete: d,
-      textValues: n
+      handleDelete: r,
+      textValues: o
     })
-  ) : t.map(
+  ) : e.map(
     (u) => R({
       type: "decision",
       decision: u,
-      controls: e,
-      loading: r,
+      controls: t,
+      loading: n,
       handleOpenModal: a,
-      handleDelete: d,
-      textValues: n
+      handleDelete: r,
+      textValues: o
     })
-  ), h = (t.length === 0 || t.length < Math.floor(window.innerWidth / 300)) && !r && e;
+  ), h = (e.length === 0 || e.length < Math.floor(window.innerWidth / 300)) && !n && t;
   return { renderedCards: s, shouldRenderAddCard: h };
 }
-const mt = (e) => {
+const gt = (t) => {
   const {
-    controls: t = !0,
-    decisions: r,
+    controls: e = !0,
+    decisions: n,
     textValues: a,
-    decisionTemplate: d,
-    isModalOpen: n,
+    decisionTemplate: r,
+    isModalOpen: o,
     selectedDecision: s,
     loading: h,
     handleOpenModal: u,
-    handleCloseModal: o,
+    handleCloseModal: l,
     handleSubmitForm: p,
-    handleDelete: g
-  } = e, m = he("(max-width: 681px)"), { renderedCards: N, shouldRenderAddCard: C } = He({
-    controls: t,
-    decisions: r,
+    handleDelete: m
+  } = t, g = he("(max-width: 681px)"), { renderedCards: k, shouldRenderAddCard: S } = Me({
+    controls: e,
+    decisions: n,
     loading: h,
     handleOpenModal: u,
-    handleDelete: g,
+    handleDelete: m,
     textValues: a
   });
-  return /* @__PURE__ */ c(D, { children: [
-    /* @__PURE__ */ i($e, { children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "16px", padding: "6px", children: [
-      r.length === 0 && !h && /* @__PURE__ */ c(T, { as: "span", type: "label", size: "large", appearance: "gray", children: [
+  return /* @__PURE__ */ c(N, { children: [
+    /* @__PURE__ */ i($e, { children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "16px", padding: "6px", children: [
+      n.length === 0 && !h && /* @__PURE__ */ c(f, { as: "span", type: "label", size: "large", appearance: "gray", children: [
         "Aún no tienes definidas tasas de interés efectivas. Presiona",
         /* @__PURE__ */ i(
-          T,
+          f,
           {
             as: "span",
             type: "label",
@@ -902,45 +908,114 @@ const mt = (e) => {
           autoRows: "1fr",
           justifyItems: "center",
           padding: "6px",
-          height: m ? "auto" : "484px",
+          height: g ? "auto" : "484px",
           children: [
-            N,
-            C && R({
+            k,
+            S && R({
               type: "add",
-              index: r.length,
-              controls: t,
+              index: n.length,
+              controls: e,
               loading: h,
               handleOpenModal: u,
-              handleDelete: g,
+              handleDelete: m,
               textValues: a
             })
           ]
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ i(
+    o && /* @__PURE__ */ i(
       Re,
       {
         portalId: "modal-portal",
-        onCloseModal: o,
+        onCloseModal: l,
         title: s ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ i(
           we,
           {
-            decision: s || d,
+            decision: s || r,
             onSubmitEvent: p,
             textValues: a,
-            onCancel: () => o()
+            onCancel: () => l ? l() : () => {
+            }
           }
         )
       }
     )
   ] });
-};
+}, bt = (t) => {
+  var a;
+  const e = { ...t }, n = (a = e.conditionThatEstablishesTheDecision) == null ? void 0 : a.find(
+    (r) => r.switchPlaces
+  );
+  return n ? {
+    ...e,
+    ruleName: n.conditionName,
+    labelName: n.labelName,
+    decisionDataType: n.conditionDataType,
+    value: n.value,
+    howToSetTheDecision: n.howToSetTheCondition,
+    conditionThatEstablishesTheDecision: e.conditionThatEstablishesTheDecision.map(
+      (r) => r.conditionName === n.conditionName ? { ...r, hidden: !0 } : r
+    )
+  } : e;
+}, Tt = (t) => t.map((e) => {
+  var a;
+  const n = (a = e.conditionThatEstablishesTheDecision) == null ? void 0 : a.find(
+    (r) => r.switchPlaces
+  );
+  return n ? {
+    ...e,
+    ruleName: n.conditionName,
+    labelName: n.labelName,
+    decisionDataType: n.conditionDataType,
+    value: n.value,
+    howToSetTheDecision: n.howToSetTheCondition,
+    conditionThatEstablishesTheDecision: e.conditionThatEstablishesTheDecision.map(
+      (r) => r.conditionName === n.conditionName ? { ...r, hidden: !0 } : r
+    )
+  } : e;
+}), ft = (t, e) => {
+  const n = {
+    conditionName: t.ruleName || "",
+    labelName: t.labelName || "",
+    conditionDataType: t.decisionDataType || "alphabetical",
+    value: t.value || "",
+    howToSetTheCondition: t.howToSetTheDecision || "EqualTo",
+    switchPlaces: !0,
+    hidden: !1
+  };
+  return {
+    ...e,
+    conditionThatEstablishesTheDecision: e.conditionThatEstablishesTheDecision.map(
+      (a) => a.hidden ? { ...n } : a
+    )
+  };
+}, yt = (t) => t.map((e) => {
+  var a;
+  const n = (a = e.conditionThatEstablishesTheDecision) == null ? void 0 : a.find(
+    (r) => r.hidden
+  );
+  return n ? {
+    ...e,
+    ruleName: e.ruleName,
+    labelName: e.labelName,
+    decisionDataType: e.decisionDataType,
+    value: e.value,
+    howToSetTheDecision: e.howToSetTheDecision,
+    conditionThatEstablishesTheDecision: e.conditionThatEstablishesTheDecision.map(
+      (r) => r.hidden ? { ...n, hidden: !1 } : r
+    )
+  } : e;
+});
 export {
   _ as BusinessRuleCard,
   Y as BusinessRuleView,
-  mt as BusinessRules,
+  gt as BusinessRules,
   Re as ModalRules,
-  we as RulesForm
+  we as RulesForm,
+  ft as revertSortedDataSampleSwitchPlaces,
+  yt as revertSortedDataSwitchPlaces,
+  bt as sortDisplayDataSampleSwitchPlaces,
+  Tt as sortDisplayDataSwitchPlaces
 };

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.33",
+  "version": "0.1.34",
   "type": "module",
   "exports": {
     ".": {