@isettingkit/business-rules 0.1.26 → 0.1.27

package/dist/index.es.d.ts

@@ -4,7 +4,7 @@ import { ReactPortal } from 'react';
 
 export declare const BusinessRuleCard: (props: IBusinessRuleCard) => JSX_2.Element;
 
-export declare const BusinessRules: ({ controls, decisions, textValues, decisionTemplate, isModalOpen, selectedDecision, loading, handleOpenModal, handleCloseModal, handleSubmitForm, handleDelete, }: IBusinessRules) => JSX_2.Element;
+export declare const BusinessRules: (props: IBusinessRules) => JSX_2.Element;
 
 export declare const BusinessRuleView: (props: IBusinessRuleView) => JSX_2.Element;
 
@@ -45,9 +45,9 @@ declare interface IModalRules {
 
 export declare interface IRulesForm {
     decision: IRuleDecision;
+    onCancel: () => void;
     onSubmitEvent: (dataDecision: IRuleDecision) => void;
     textValues: IRulesFormTextValues;
-    onCancel: () => void;
 }
 
 declare interface IRulesFormTextValues {

package/dist/index.es.js

@@ -1,19 +1,19 @@
 import { jsxs as c, Fragment as A, jsx as t } from "react/jsx-runtime";
 import { ValueDataType as V, ValueHowToSetUp as m, InputRange as ee, MultipleChoices as te, DynamicField as ae } from "@isettingkit/input";
-import { Stack as d } from "@inubekit/stack";
+import { Stack as s } from "@inubekit/stack";
 import { Divider as S } from "@inubekit/divider";
 import { Button as B } from "@inubekit/button";
 import { useState as _, useEffect as re } from "react";
-import { Text as y } from "@inubekit/text";
+import { Text as C } from "@inubekit/text";
 import { Date as G } from "@inubekit/date";
 import { Checkbox as ne } from "@inubekit/checkbox";
 import { Toggle as K } from "@inubekit/toggle";
 import { inube as k } from "@inubekit/foundations";
-import b, { keyframes as oe } from "styled-components";
+import x, { keyframes as oe } from "styled-components";
 import { useFormik as le } from "formik";
 import { mixed as X, object as F, number as N, string as H, date as P, lazy as ie } from "yup";
 import { DecisionViewConditionRenderer as q } from "@isettingkit/view";
-import { SkeletonLine as E } from "@inubekit/skeleton";
+import { SkeletonLine as D } from "@inubekit/skeleton";
 import { MdOutlineDelete as de, MdClear as se, MdAdd as ce } from "react-icons/md";
 import { Icon as Z } from "@inubekit/icon";
 import { createPortal as ue } from "react-dom";
@@ -23,23 +23,23 @@ import { useMediaQuery as me } from "@inubekit/hooks";
 const ge = (r) => {
   const {
     onHandleStartChange: e,
-    onHandleEndChange: s,
-    onCheckClosedChange: i,
+    onHandleEndChange: l,
+    onCheckClosedChange: d,
     labelStart: h,
     labelEnd: a,
-    checkedClosed: l = !1,
+    checkedClosed: i = !1,
     required: o = !1,
     valueStart: u = "",
-    valueEnd: g = "",
-    messageStart: v = "",
-    messageEnd: f = "",
-    statusStart: p = "pending",
-    statusEnd: w = "pending"
-  } = r, [n, U] = _(l), [I, R] = _(u), [$, L] = _(g);
+    valueEnd: p = "",
+    messageStart: f = "",
+    messageEnd: g = "",
+    statusStart: v = "pending",
+    statusEnd: b = "pending"
+  } = r, [n, U] = _(i), [$, I] = _(u), [R, L] = _(p);
   return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c(d, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
-        y,
+    /* @__PURE__ */ c(s, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+        C,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -50,7 +50,7 @@ const ge = (r) => {
         }
       ) }),
       /* @__PURE__ */ t(
-        d,
+        s,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -60,8 +60,8 @@ const ge = (r) => {
             ne,
             {
               label: "Cerrada",
-              onChange: ({ target: x }) => {
-                U(x.checked), i && i(x.checked);
+              onChange: ({ target: y }) => {
+                U(y.checked), d && d(y.checked);
               },
               checked: n,
               value: ""
@@ -70,45 +70,45 @@ const ge = (r) => {
         }
       )
     ] }),
-    /* @__PURE__ */ c(d, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ t(d, { width: "189px", children: /* @__PURE__ */ t(
+    /* @__PURE__ */ c(s, { justifyContent: "space-between", gap: "24px", children: [
+      /* @__PURE__ */ t(s, { width: "189px", children: /* @__PURE__ */ t(
         G,
         {
           id: "dateStart",
           label: h,
-          onChange: (x) => {
-            R(x.target.value), e(x);
+          onChange: (y) => {
+            I(y.target.value), e(y);
           },
-          value: I,
+          value: $,
           required: o,
           size: "compact",
-          status: p,
-          message: v
+          status: v,
+          message: f
         }
       ) }),
-      n && /* @__PURE__ */ t(d, { width: "189px", children: /* @__PURE__ */ t(
+      n && /* @__PURE__ */ t(s, { width: "189px", children: /* @__PURE__ */ t(
         G,
         {
           id: "dateEnd",
           label: a,
-          onChange: (x) => {
-            L(x.target.value), s(x);
+          onChange: (y) => {
+            L(y.target.value), l(y);
           },
-          value: $,
+          value: R,
           required: o,
           size: "compact",
-          status: w,
-          message: f
+          status: b,
+          message: g
         }
       ) })
     ] })
   ] });
-}, be = b.div`
+}, be = x.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${k.palette.neutral.N30};
   }
-`, fe = b.div`
+`, fe = x.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -125,41 +125,41 @@ const ge = (r) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ve = (r) => {
+`, xe = (r) => {
   const {
     checked: e,
-    children: s,
-    handleToggleChange: i,
+    children: l,
+    handleToggleChange: d,
     id: h,
     labelToggle: a,
-    name: l,
+    name: i,
     valueToggle: o = ""
-  } = r, [u, g] = _(e), v = (f) => {
-    g(f.target.checked), i(f);
+  } = r, [u, p] = _(e), f = (g) => {
+    p(g.target.checked), d(g);
   };
   return re(() => {
-    g(e);
+    p(e);
   }, [e]), /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
       K,
       {
         checked: u,
         id: h,
-        name: l,
-        onChange: v,
+        name: i,
+        onChange: f,
         size: "small",
         value: o,
-        children: /* @__PURE__ */ t(y, { size: "medium", type: "label", weight: "bold", children: a })
+        children: /* @__PURE__ */ t(C, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
-    u && /* @__PURE__ */ t(A, { children: s })
+    u && /* @__PURE__ */ t(A, { children: l })
   ] });
-}, xe = (r) => ({
+}, ve = (r) => ({
   schema: X().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (e) => Array.isArray(e) ? e.every(
-      (s) => typeof s == "string" || typeof s == "number"
+      (l) => typeof l == "string" || typeof l == "number"
     ) : typeof e == "string"
   ),
   value: r
@@ -168,20 +168,20 @@ const ge = (r) => {
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (e) => Array.isArray(e) ? e.every(
-      (s) => typeof s == "string" || typeof s == "number"
+      (l) => typeof l == "string" || typeof l == "number"
     ) : typeof e == "string"
   ),
   value: r
 }), Ce = (r) => {
-  const e = (r == null ? void 0 : r.from) ?? 0, s = (r == null ? void 0 : r.to) ?? 0;
+  const e = (r == null ? void 0 : r.from) ?? 0, l = (r == null ? void 0 : r.to) ?? 0;
   return {
     schema: F({
-      from: N().required("Range From is required").max(s, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      from: N().required("Range From is required").max(l, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
       to: N().required("Range To is required").min(e, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
     }),
-    value: { from: e, to: s }
+    value: { from: e, to: l }
   };
-}, O = (r, e) => e === V.PERCENTAGE ? {
+}, j = (r, e) => e === V.PERCENTAGE ? {
   schema: N().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: r
 } : {
@@ -195,15 +195,15 @@ const ge = (r) => {
   ),
   value: r
 }), ke = {
-  [m.LIST_OF_VALUES]: xe,
+  [m.LIST_OF_VALUES]: ve,
   [m.LIST_OF_VALUES_MULTI]: ye,
   [m.RANGE]: Ce,
-  [m.GREATER_THAN]: O,
-  [m.LESS_THAN]: O,
-  [m.EQUAL]: O
+  [m.GREATER_THAN]: j,
+  [m.LESS_THAN]: j,
+  [m.EQUAL]: j
 }, Se = (r) => ke[r] || we;
 function Te({ decision: r, onSubmitEvent: e }) {
-  const s = {
+  const l = {
     name: r.name || "",
     dataType: r.dataType || "",
     valueUse: r.valueUse || "",
@@ -213,80 +213,87 @@ function Te({ decision: r, onSubmitEvent: e }) {
     toggleNone: !0,
     conditions: {},
     checkClosed: !1
-  }, i = F({
+  }, d = F({
     name: H().required("Name is required"),
     startDate: P().required("Start date is required"),
-    endDate: P().when("checkClosed", (l, o, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? o.required("End date is required") : o.notRequired()),
+    endDate: P().when("checkClosed", (i, o, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? o.required("End date is required").test(
+      "is-after-startDate",
+      "End date must be greater than or equal to Start date",
+      function(f) {
+        const g = this.parent.startDate;
+        return !g || !f ? !0 : new Date(f) >= new Date(g);
+      }
+    ) : o.notRequired()),
     value: F({
       from: N().min(0, "From value must be greater than or equal to 0").required("From value is required"),
       to: N().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(l) {
+        function(i) {
           const { from: o } = this.parent;
-          return l > o;
+          return i > o;
         }
       )
     }).required("Range value is required"),
-    conditions: ie((l, { parent: o }) => {
-      var g, v;
-      return (o == null ? void 0 : o.toggleNone) && ((g = o == null ? void 0 : o.conditions) == null ? void 0 : g.length) > 0 ? F().shape({}) : F(
-        (v = r.conditions) == null ? void 0 : v.reduce(
-          (f, p) => {
-            if (h.values.conditions[p.name] !== void 0) {
-              const w = Se(p.valueUse);
-              f[p.name] = w(
-                p.value,
-                p.dataType
+    conditions: ie((i, { parent: o }) => {
+      var p, f;
+      return (o == null ? void 0 : o.toggleNone) && ((p = o == null ? void 0 : o.conditions) == null ? void 0 : p.length) > 0 ? F().shape({}) : F(
+        (f = r.conditions) == null ? void 0 : f.reduce(
+          (g, v) => {
+            if (h.values.conditions[v.name] !== void 0) {
+              const b = Se(v.valueUse);
+              g[v.name] = b(
+                v.value,
+                v.dataType
               ).schema;
             }
-            return f;
+            return g;
           },
           {}
         )
       );
     })
   }), h = le({
-    initialValues: s,
-    validationSchema: i,
+    initialValues: l,
+    validationSchema: d,
     validateOnBlur: !0,
-    onSubmit: (l) => {
+    onSubmit: (i) => {
       var u;
       const o = {
         ...r,
-        name: l.name,
-        dataType: l.dataType,
-        valueUse: l.valueUse,
-        value: l.value,
-        startDate: l.startDate,
-        endDate: l.endDate,
-        conditions: (u = r.conditions) == null ? void 0 : u.map((g) => ({
-          ...g,
-          value: l.conditions[g.name]
+        name: i.name,
+        dataType: i.dataType,
+        valueUse: i.valueUse,
+        value: i.value,
+        startDate: i.startDate,
+        endDate: i.endDate,
+        conditions: (u = r.conditions) == null ? void 0 : u.map((p) => ({
+          ...p,
+          value: i.conditions[p.name]
         }))
       };
       e(o);
     }
   });
-  return { formik: h, handleToggleNoneChange: (l) => {
+  return { formik: h, handleToggleNoneChange: (i) => {
     var o;
-    h.setFieldValue("toggleNone", l), (o = r.conditions) == null || o.forEach((u) => {
-      if (l)
+    h.setFieldValue("toggleNone", i), (o = r.conditions) == null || o.forEach((u) => {
+      if (i)
         h.setFieldValue(`conditions.${u.name}`, void 0);
       else {
-        const g = u.valueUse === m.LIST_OF_VALUES_MULTI ? [] : "";
-        h.setFieldValue(`conditions.${u.name}`, g);
+        const p = u.valueUse === m.LIST_OF_VALUES_MULTI ? [] : "";
+        h.setFieldValue(`conditions.${u.name}`, p);
       }
     });
   } };
 }
-const Ee = (r) => {
-  var o, u, g, v, f, p, w;
-  const { decision: e, onSubmitEvent: s, textValues: i, onCancel: h } = r, { formik: a, handleToggleNoneChange: l } = Te({
+const De = (r) => {
+  var o, u, p, f, g, v, b;
+  const { decision: e, onSubmitEvent: l, textValues: d, onCancel: h } = r, { formik: a, handleToggleNoneChange: i } = Te({
     decision: e,
-    onSubmitEvent: s
+    onSubmitEvent: l
   });
-  return /* @__PURE__ */ t("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ c(d, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ t("form", { onSubmit: a.handleSubmit, children: /* @__PURE__ */ c(s, { direction: "column", gap: "24px", children: [
     /* @__PURE__ */ t(
       ee,
       {
@@ -299,44 +306,44 @@ const Ee = (r) => {
         handleInputChangeTo: (n) => a.setFieldValue("value.to", n),
         messageFrom: (o = a.errors.value) == null ? void 0 : o.from,
         messageTo: (u = a.errors.value) == null ? void 0 : u.to,
-        statusFrom: (g = a.touched.value) != null && g.from ? (v = a.errors.value) != null && v.from ? "invalid" : "valid" : "pending",
-        statusTo: (f = a.touched.value) != null && f.to ? (p = a.errors.value) != null && p.to ? "invalid" : "valid" : "pending",
+        statusFrom: (p = a.touched.value) != null && p.from ? (f = a.errors.value) != null && f.from ? "invalid" : "valid" : "pending",
+        statusTo: (g = a.touched.value) != null && g.to ? (v = a.errors.value) != null && v.to ? "invalid" : "valid" : "pending",
         onBlur: a.handleBlur
       }
     ),
     /* @__PURE__ */ t(S, { dashed: !0 }),
     /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ c(
-      d,
+      s,
       {
         direction: "column",
         padding: "6px 12px",
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ c(d, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ t(y, { children: i.factsThatConditionIt }),
+          /* @__PURE__ */ c(s, { direction: "row", justifyContent: "space-between", children: [
+            /* @__PURE__ */ t(C, { children: d.factsThatConditionIt }),
             /* @__PURE__ */ t(
               K,
               {
                 id: "toggleNone",
-                onChange: () => l(!a.values.toggleNone),
+                onChange: () => i(!a.values.toggleNone),
                 checked: a.values.toggleNone,
                 size: "small",
-                children: /* @__PURE__ */ t(y, { size: "medium", type: "label", weight: "bold", children: i.none })
+                children: /* @__PURE__ */ t(C, { size: "medium", type: "label", weight: "bold", children: d.none })
               }
             )
           ] }),
-          /* @__PURE__ */ t(d, { direction: "column", gap: "20px", children: (w = e.conditions) == null ? void 0 : w.map((n) => {
-            var U, I, R, $, L, z, j;
+          /* @__PURE__ */ t(s, { direction: "column", gap: "20px", children: (b = e.conditions) == null ? void 0 : b.map((n) => {
+            var U, $, I, R, L, z, M;
             return /* @__PURE__ */ t(
-              ve,
+              xe,
               {
                 id: `toggle-${n.name}`,
                 name: `toggle.${n.name}`,
                 labelToggle: n.name,
                 checked: !a.values.toggleNone && a.values.conditions[n.name] !== void 0,
-                handleToggleChange: (C) => {
-                  if (!C.target.checked)
+                handleToggleChange: (w) => {
+                  if (!w.target.checked)
                     a.setFieldValue(
                       `conditions.${n.name}`,
                       void 0
@@ -359,16 +366,16 @@ const Ee = (r) => {
                     id: n.name,
                     labelSelect: n.name,
                     labelSelected: `Selected ${n.name}`,
-                    options: (I = (U = n.possibleValue) == null ? void 0 : U.list) == null ? void 0 : I.map((C) => ({
-                      id: C,
-                      label: C,
-                      checked: (a.values.conditions[n.name] || []).includes(C)
+                    options: ($ = (U = n.possibleValue) == null ? void 0 : U.list) == null ? void 0 : $.map((w) => ({
+                      id: w,
+                      label: w,
+                      checked: (a.values.conditions[n.name] || []).includes(w)
                     })),
-                    onHandleSelectCheckChange: (C) => {
-                      const x = C.filter((T) => T.checked).map((T) => T.id);
+                    onHandleSelectCheckChange: (w) => {
+                      const y = w.filter((T) => T.checked).map((T) => T.id);
                       a.setFieldValue(
                         `conditions.${n.name}`,
-                        x
+                        y
                       ), a.setFieldTouched(
                         `conditions.${n.name}`,
                         !0,
@@ -376,7 +383,7 @@ const Ee = (r) => {
                       );
                     },
                     placeholderSelect: `Select ${n.name}`,
-                    message: (R = a.touched.conditions) != null && R[n.name] && (($ = a.errors.conditions) != null && $[n.name]) ? a.errors.conditions[n.name] : void 0,
+                    message: (I = a.touched.conditions) != null && I[n.name] && ((R = a.errors.conditions) != null && R[n.name]) ? a.errors.conditions[n.name] : void 0,
                     onBlur: () => a.setFieldTouched(
                       `conditions.${n.name}`,
                       !0,
@@ -390,14 +397,14 @@ const Ee = (r) => {
                     name: `conditions.${n.name}`,
                     label: n.name,
                     value: a.values.conditions[n.name],
-                    onChange: (C) => a.setFieldValue(
+                    onChange: (w) => a.setFieldValue(
                       `conditions.${n.name}`,
-                      C
+                      w
                     ),
                     messageValidate: String(
                       (L = a.errors.conditions) == null ? void 0 : L[n.name]
                     ),
-                    statusValidate: (z = a.touched.conditions) != null && z[n.name] ? (j = a.errors.conditions) != null && j[n.name] ? "invalid" : "valid" : void 0,
+                    statusValidate: (z = a.touched.conditions) != null && z[n.name] ? (M = a.errors.conditions) != null && M[n.name] ? "invalid" : "valid" : void 0,
                     onBlur: a.handleBlur
                   }
                 )
@@ -412,8 +419,8 @@ const Ee = (r) => {
     /* @__PURE__ */ t(
       ge,
       {
-        labelStart: i.termStart,
-        labelEnd: i.termEnd,
+        labelStart: d.termStart,
+        labelEnd: d.termEnd,
         valueStart: a.values.startDate,
         valueEnd: a.values.endDate,
         messageStart: a.errors.startDate,
@@ -429,18 +436,18 @@ const Ee = (r) => {
       }
     ),
     /* @__PURE__ */ t(S, {}),
-    /* @__PURE__ */ c(d, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ t(B, { appearance: "gray", onClick: h, children: i.cancel }),
-      /* @__PURE__ */ t(B, { type: "submit", children: i.confirm })
+    /* @__PURE__ */ c(s, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ t(B, { appearance: "gray", onClick: h, children: d.cancel }),
+      /* @__PURE__ */ t(B, { type: "submit", children: d.confirm })
     ] })
   ] }) });
-}, D = (r) => {
+}, E = (r) => {
   if (!r)
     return;
   const e = r.value;
   if (!e)
     return;
-  if (((i) => typeof i == "object" && i !== null)(e))
+  if (((d) => typeof d == "object" && d !== null)(e))
     switch (r.valueUse) {
       case m.LIST_OF_VALUES_MULTI:
         return e;
@@ -459,12 +466,12 @@ const Ee = (r) => {
         return e.value;
     }
   return e;
-}, Q = b.div`
+}, Q = x.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${k.palette.neutral.N30};
   }
-`, Y = b.div`
+`, Y = x.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -483,24 +490,24 @@ const Ee = (r) => {
     border-radius: 8px;
   }
 `, W = (r) => {
-  const { decision: e, loading: s = !1, textValues: i } = r, h = (l) => l && Object.keys(l).length > 0, a = {
+  const { decision: e, loading: l = !1, textValues: d } = r, h = (i) => i && Object.keys(i).length > 0, a = {
     name: (e == null ? void 0 : e.name) || "",
     dataType: (e == null ? void 0 : e.dataType) || "alphabetical",
-    value: D(e),
+    value: E(e),
     valueUse: (e == null ? void 0 : e.valueUse) || "equal"
   };
-  return !s && e && i ? /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
-    e && /* @__PURE__ */ t(d, { direction: "column", alignItems: "center", children: /* @__PURE__ */ t(
+  return !l && e && d ? /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
+    e && /* @__PURE__ */ t(s, { direction: "column", alignItems: "center", children: /* @__PURE__ */ t(
       q,
       {
         element: a,
-        valueData: D(a),
+        valueData: E(a),
         type: "decision"
       }
     ) }, e.name),
     /* @__PURE__ */ t(S, { dashed: !0 }),
     /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ c(
-      d,
+      s,
       {
         direction: "column",
         gap: "12px",
@@ -508,43 +515,43 @@ const Ee = (r) => {
         height: "203px",
         children: [
           /* @__PURE__ */ t(
-            y,
+            C,
             {
               type: "label",
               size: "large",
               appearance: "dark",
               weight: "bold",
               textAlign: "center",
-              children: i.factsThatConditionIt
+              children: d.factsThatConditionIt
             }
           ),
-          e.conditions && e.conditions.map((l) => {
-            if (l.hidden) return null;
-            const o = l.value;
-            return (typeof o == "object" && h(o) || o !== void 0 && typeof o == "string" && o.length > 0) && /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(d, { direction: "column", padding: "8px", children: /* @__PURE__ */ t(
+          e.conditions && e.conditions.map((i) => {
+            if (i.hidden) return null;
+            const o = i.value;
+            return (typeof o == "object" && h(o) || o !== void 0 && typeof o == "string" && o.length > 0) && /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(s, { direction: "column", padding: "8px", children: /* @__PURE__ */ t(
               q,
               {
                 element: {
-                  ...l,
+                  ...i,
                   value: o
                 },
-                valueData: D(l)
+                valueData: E(i)
               }
-            ) }) }, l.name);
+            ) }) }, i.name);
           }),
           /* @__PURE__ */ t(S, { dashed: !0 }),
-          /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
+          /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
             (e == null ? void 0 : e.startDate) && (e == null ? void 0 : e.endDate) && /* @__PURE__ */ t(
               q,
               {
                 element: {
-                  name: i.terms,
+                  name: d.terms,
                   value: String(e.startDate),
                   valueUse: m.RANGE,
                   dataType: V.DATE
                 },
-                valueData: D({
-                  name: i.terms,
+                valueData: E({
+                  name: d.terms,
                   value: {
                     from: String(e.startDate),
                     to: String(e.endDate)
@@ -554,64 +561,64 @@ const Ee = (r) => {
                 }),
                 type: "decision"
               },
-              i.terms
+              d.terms
             ),
             (e == null ? void 0 : e.startDate) && !(e != null && e.endDate) && /* @__PURE__ */ t(
               q,
               {
                 element: {
-                  name: i.terms,
+                  name: d.terms,
                   value: String(e.startDate),
                   valueUse: m.EQUAL,
                   dataType: V.DATE
                 },
-                valueData: D({
-                  name: i.terms,
+                valueData: E({
+                  name: d.terms,
                   value: String(e.startDate),
                   valueUse: m.EQUAL,
                   dataType: V.DATE
                 }),
                 type: "decision"
               },
-              i.terms
+              d.terms
             )
           ] })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ c(d, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ t(E, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ t(E, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ c(s, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ t(D, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ t(D, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ c(d, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ c(s, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ t(S, { dashed: !0 }),
-      /* @__PURE__ */ t(E, { animated: !0, width: "150px" })
+      /* @__PURE__ */ t(D, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
-      d,
+      s,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: Array.from({ length: 5 }).map((l, o) => /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ c(
-          d,
+        children: Array.from({ length: 5 }).map((i, o) => /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ c(
+          s,
           {
             direction: "column",
             gap: "12px",
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ t(E, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ t(E, { animated: !0, width: "85px" })
+              /* @__PURE__ */ t(D, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ t(D, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${o}`))
       }
     ) })
   ] });
-}, De = b.div`
+}, Ee = x.div`
   border-radius: 8px;
   border: 1px solid ${k.palette.neutral.N30};
   box-sizing: border-box;
@@ -623,7 +630,7 @@ const Ee = (r) => {
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-b.div`
+x.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -642,13 +649,13 @@ b.div`
     border-radius: 8px;
   }
 `;
-const M = (r) => {
-  const { children: e, controls: s = !0, handleDelete: i, id: h } = r;
-  return /* @__PURE__ */ t(De, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+const O = (r) => {
+  const { children: e, controls: l = !0, handleDelete: d, id: h } = r;
+  return /* @__PURE__ */ t(Ee, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     e,
-    s && /* @__PURE__ */ c(A, { children: [
+    l && /* @__PURE__ */ c(A, { children: [
       /* @__PURE__ */ t(S, {}),
-      /* @__PURE__ */ t(d, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ t(s, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ t(
         Z,
         {
           cursorHover: !0,
@@ -656,21 +663,21 @@ const M = (r) => {
           size: "24px",
           icon: /* @__PURE__ */ t(de, {}),
           onClick: () => {
-            i(h);
+            d(h);
           }
         }
       ) })
     ] })
   ] }) });
-}, Ve = b.div`
+}, Ve = x.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, Fe = b.div`
+`, Fe = x.div`
   background-color: ${({ theme: r }) => {
-  var e, s;
-  return ((s = (e = r == null ? void 0 : r.palette) == null ? void 0 : e.neutral) == null ? void 0 : s.N0) || k.palette.neutral.N0;
+  var e, l;
+  return ((l = (e = r == null ? void 0 : r.palette) == null ? void 0 : e.neutral) == null ? void 0 : l.N0) || k.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -699,16 +706,16 @@ const M = (r) => {
     border-radius: 8px;
   }
 `, Ae = (r) => {
-  const { children: e, portalId: s, onCloseModal: i, title: h } = r, a = document.getElementById(s);
+  const { children: e, portalId: l, onCloseModal: d, title: h } = r, a = document.getElementById(l);
   if (!a)
     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 ue(
-    /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ t(d, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(d, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ t(y, { type: "title", size: "large", appearance: "dark", weight: "bold", children: h }),
-        /* @__PURE__ */ t(se, { size: "24px", cursor: "pointer", onClick: i })
+    /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ t(s, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(s, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ t(C, { type: "title", size: "large", appearance: "dark", weight: "bold", children: h }),
+        /* @__PURE__ */ t(se, { size: "24px", cursor: "pointer", onClick: d })
       ] }) }),
       e
     ] }) }) }) }),
@@ -723,14 +730,14 @@ const M = (r) => {
     opacity: 1;
     transform: translateY(0);
   }
-`, J = b.div`
+`, J = x.div`
   width: 100%;
   height: 100%;
   & > div {
     animation: ${Ne} 600ms ease-out;
   }
 `;
-b.div`
+x.div`
   border-radius: 8px;
   border: 1px solid ${k.palette.neutral.N30};
   box-sizing: border-box;
@@ -742,7 +749,7 @@ b.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-const Ue = b.div`
+const Ue = x.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -762,14 +769,14 @@ const Ue = b.div`
       border-radius: 8px;
     }
   }
-`, Ie = b.div`
+`, $e = x.div`
   & > div > div {
     border-radius: 8px;
     border: 1px solid ${k.palette.neutral.N30};
     box-sizing: border-box;
     box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
   }
-`, Re = b.div`
+`, Ie = x.div`
   & > div {
     background-color: ${k.palette.neutral.N30};
     justify-content: center;
@@ -779,33 +786,33 @@ const Ue = b.div`
   height: 100%;
   padding-bottom: 12px;
 `;
-b.div`
+x.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${k.palette.neutral.N30};
   }
 `;
-const rt = ({
-  controls: r = !0,
-  decisions: e,
-  textValues: s,
-  decisionTemplate: i,
-  isModalOpen: h,
-  selectedDecision: a,
-  loading: l,
-  handleOpenModal: o,
-  handleCloseModal: u,
-  handleSubmitForm: g,
-  handleDelete: v
-}) => {
-  const f = me("(max-width: 681px)");
+const rt = (r) => {
+  const {
+    controls: e = !0,
+    decisions: l,
+    textValues: d,
+    decisionTemplate: h,
+    isModalOpen: a,
+    selectedDecision: i,
+    loading: o,
+    handleOpenModal: u,
+    handleCloseModal: p,
+    handleSubmitForm: f,
+    handleDelete: g
+  } = r, v = me("(max-width: 681px)");
   return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "16px", padding: "6px", children: [
-      e.length === 0 && !l && /* @__PURE__ */ c(y, { as: "span", type: "label", size: "large", appearance: "gray", children: [
+    /* @__PURE__ */ t($e, { children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "16px", padding: "6px", children: [
+      l.length === 0 && !o && /* @__PURE__ */ c(C, { as: "span", type: "label", size: "large", appearance: "gray", children: [
         "Aún no tienes definidas tasas de interés efectivas. Presiona",
         " ",
         /* @__PURE__ */ t(
-          y,
+          C,
           {
             as: "span",
             type: "label",
@@ -829,21 +836,21 @@ const rt = ({
           autoRows: "1fr",
           justifyItems: "center",
           padding: "6px",
-          height: f ? "auto" : "484px",
+          height: v ? "auto" : "484px",
           children: [
-            l ? Array.from({ length: 3 }).map((p, w) => /* @__PURE__ */ t(
-              M,
+            o ? Array.from({ length: 3 }).map((b, n) => /* @__PURE__ */ t(
+              O,
               {
-                id: `loading-card-${w}`,
+                id: `loading-card-${n}`,
                 handleDelete: () => {
                 },
-                handleView: () => o(),
+                handleView: () => u(),
                 controls: !1,
                 children: /* @__PURE__ */ t(W, { loading: !0 })
               },
-              `loading-card-${w}`
-            )) : e.map((p) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ c(
-              d,
+              `loading-card-${n}`
+            )) : l.map((b) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ c(
+              s,
               {
                 direction: "column",
                 gap: "4px",
@@ -851,37 +858,37 @@ const rt = ({
                 padding: "0 0 12px 0",
                 children: [
                   /* @__PURE__ */ t(
-                    y,
+                    C,
                     {
                       type: "title",
                       size: "medium",
                       appearance: "gray",
                       weight: "bold",
-                      children: p.id
+                      children: b.id
                     }
                   ),
                   /* @__PURE__ */ t(
-                    M,
+                    O,
                     {
-                      id: p.id,
-                      handleDelete: () => v(p.id),
-                      handleView: () => o(p),
-                      controls: r,
+                      id: b.id,
+                      handleDelete: () => g(b.id),
+                      handleView: () => u(b),
+                      controls: e,
                       children: /* @__PURE__ */ t(
                         W,
                         {
-                          decision: p,
-                          textValues: s
+                          decision: b,
+                          textValues: d
                         }
                       )
                     }
                   )
                 ]
               },
-              p.id
-            ) }, p.id)),
-            (e.length === 0 || e.length < Math.floor(window.innerWidth / 300)) && !l && r && /* @__PURE__ */ t(J, { children: /* @__PURE__ */ c(
-              d,
+              b.id
+            ) }, b.id)),
+            (l.length === 0 || l.length < Math.floor(window.innerWidth / 300)) && !o && e && /* @__PURE__ */ t(J, { children: /* @__PURE__ */ c(
+              s,
               {
                 direction: "column",
                 gap: "4px",
@@ -889,7 +896,7 @@ const rt = ({
                 height: "100%",
                 children: [
                   /* @__PURE__ */ t(
-                    y,
+                    C,
                     {
                       type: "title",
                       size: "medium",
@@ -899,19 +906,19 @@ const rt = ({
                     }
                   ),
                   /* @__PURE__ */ t(
-                    Re,
+                    Ie,
                     {
-                      onClick: () => o(),
+                      onClick: () => u(),
                       children: /* @__PURE__ */ t(
-                        M,
+                        O,
                         {
-                          id: `add-decision-${e.length}`,
+                          id: `add-decision-${l.length}`,
                           handleDelete: () => {
                           },
-                          handleView: () => o(),
+                          handleView: () => u(),
                           controls: !1,
                           children: /* @__PURE__ */ c(
-                            d,
+                            s,
                             {
                               direction: "column",
                               gap: "12px",
@@ -925,7 +932,7 @@ const rt = ({
                                     size: "35px"
                                   }
                                 ),
-                                /* @__PURE__ */ t(y, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
+                                /* @__PURE__ */ t(C, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
                               ]
                             }
                           )
@@ -935,25 +942,25 @@ const rt = ({
                   )
                 ]
               },
-              `add-decision-${e.length}`
-            ) }, `add-decision-${e.length}`)
+              `add-decision-${l.length}`
+            ) }, `add-decision-${l.length}`)
           ]
         }
       )
     ] }) }) }),
-    h && /* @__PURE__ */ t(
+    a && /* @__PURE__ */ t(
       Ae,
       {
         portalId: "modal-portal",
-        onCloseModal: u,
-        title: a ? "Editar Decisión" : "Nueva decisión",
+        onCloseModal: p,
+        title: i ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ t(
-          Ee,
+          De,
           {
-            decision: a || i,
-            onSubmitEvent: g,
-            textValues: s,
-            onCancel: () => u()
+            decision: i || h,
+            onSubmitEvent: f,
+            textValues: d,
+            onCancel: () => p()
           }
         )
       }
@@ -961,9 +968,9 @@ const rt = ({
   ] });
 };
 export {
-  M as BusinessRuleCard,
+  O as BusinessRuleCard,
   W as BusinessRuleView,
   rt as BusinessRules,
   Ae as ModalRules,
-  Ee as RulesForm
+  De as RulesForm
 };

package/package.json

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