@isettingkit/business-rules 0.1.30 → 0.1.31

package/dist/index.es.js

@@ -1,43 +1,43 @@
-import { jsxs as c, Fragment as A, jsx as r } from "react/jsx-runtime";
-import { ValueDataType as D, ValueHowToSetUp as b, DecisionConditionRender as I } from "@isettingkit/input";
+import { jsxs as u, Fragment as E, jsx as r } from "react/jsx-runtime";
+import { ValueDataType as k, ValueHowToSetUp as b, DecisionConditionRender as $ } from "@isettingkit/input";
 import { Stack as s } from "@inubekit/stack";
 import { Divider as w } from "@inubekit/divider";
-import { Button as $ } from "@inubekit/button";
-import { useState as V, useEffect as Z } from "react";
+import { Button as z } from "@inubekit/button";
+import { useState as _, useEffect as te } from "react";
 import { Text as x } from "@inubekit/text";
-import { Date as z } from "@inubekit/date";
-import { Checkbox as ee } from "@inubekit/checkbox";
-import { Toggle as H } from "@inubekit/toggle";
+import { Date as q } from "@inubekit/date";
+import { Checkbox as re } from "@inubekit/checkbox";
+import { Toggle as B } from "@inubekit/toggle";
 import { inube as v } from "@inubekit/foundations";
-import g, { keyframes as te } from "styled-components";
-import { useFormik as re } from "formik";
-import { mixed as G, object as E, number as N, string as U, date as O, lazy as ae } from "yup";
-import { DecisionViewConditionRenderer as _ } from "@isettingkit/view";
-import { SkeletonLine as S } from "@inubekit/skeleton";
-import { MdOutlineDelete as ne, MdClear as oe, MdAdd as ie } from "react-icons/md";
-import { Icon as B } from "@inubekit/icon";
-import { createPortal as de } from "react-dom";
-import { Blanket as le } from "@inubekit/blanket";
-import { Grid as se } from "@inubekit/grid";
-import { useMediaQuery as ce } from "@inubekit/hooks";
-const ue = (e) => {
+import g, { keyframes as ae } from "styled-components";
+import { useFormik as ne } from "formik";
+import { mixed as P, object as L, number as R, string as I, date as O, lazy as j } from "yup";
+import { DecisionViewConditionRenderer as N } from "@isettingkit/view";
+import { SkeletonLine as T } from "@inubekit/skeleton";
+import { MdOutlineDelete as oe, MdClear as ie, MdAdd as de } from "react-icons/md";
+import { Icon as Q } from "@inubekit/icon";
+import { createPortal as le } from "react-dom";
+import { Blanket as se } from "@inubekit/blanket";
+import { Grid as ce } from "@inubekit/grid";
+import { useMediaQuery as ue } from "@inubekit/hooks";
+const he = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: a,
-    onCheckClosedChange: i,
-    labelStart: h,
-    labelEnd: n,
+    onCheckClosedChange: n,
+    labelStart: c,
+    labelEnd: o,
     checkedClosed: l = !1,
-    required: o = !1,
-    valueStart: u = "",
+    required: i = !1,
+    valueStart: h = "",
     valueEnd: d = "",
     messageStart: m = "",
     messageEnd: p = "",
     statusStart: f = "pending",
-    statusEnd: k = "pending"
-  } = e, [R, Y] = V(l), [W, J] = V(u), [K, X] = V(d);
-  return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ c(s, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+    statusEnd: S = "pending"
+  } = e, [A, J] = _(l), [K, X] = _(h), [Z, ee] = _(d);
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ u(s, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
         x,
         {
@@ -57,58 +57,58 @@ const ue = (e) => {
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ r(
-            ee,
+            re,
             {
               label: "Cerrada",
               onChange: ({ target: y }) => {
-                Y(y.checked), i && i(y.checked);
+                J(y.checked), n && n(y.checked);
               },
-              checked: R,
+              checked: A,
               value: ""
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ c(s, { justifyContent: "space-between", gap: "24px", children: [
+    /* @__PURE__ */ u(s, { justifyContent: "space-between", gap: "24px", children: [
       /* @__PURE__ */ r(s, { width: "189px", children: /* @__PURE__ */ r(
-        z,
+        q,
         {
           id: "dateStart",
-          label: h,
+          label: c,
           onChange: (y) => {
-            J(y.target.value), t(y);
+            X(y.target.value), t(y);
           },
-          value: W,
-          required: o,
+          value: K,
+          required: i,
           size: "compact",
           status: f,
           message: m
         }
       ) }),
-      R && /* @__PURE__ */ r(s, { width: "189px", children: /* @__PURE__ */ r(
-        z,
+      A && /* @__PURE__ */ r(s, { width: "189px", children: /* @__PURE__ */ r(
+        q,
         {
           id: "dateEnd",
-          label: n,
+          label: o,
           onChange: (y) => {
-            X(y.target.value), a(y);
+            ee(y.target.value), a(y);
           },
-          value: K,
-          required: o,
+          value: Z,
+          required: i,
           size: "compact",
-          status: k,
+          status: S,
           message: p
         }
       ) })
     ] })
   ] });
-}, he = g.div`
+}, pe = g.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${v.palette.neutral.N30};
   }
-`, pe = g.div`
+`, ge = g.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -125,37 +125,37 @@ const ue = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ge = (e) => {
+`, me = (e) => {
   const {
     checked: t,
     children: a,
-    handleToggleChange: i,
-    id: h,
-    labelToggle: n,
+    handleToggleChange: n,
+    id: c,
+    labelToggle: o,
     name: l,
-    valueToggle: o = ""
-  } = e, [u, d] = V(t), m = (p) => {
-    d(p.target.checked), i(p);
+    valueToggle: i = ""
+  } = e, [h, d] = _(t), m = (p) => {
+    d(p.target.checked), n(p);
   };
-  return Z(() => {
+  return te(() => {
     d(t);
-  }, [t]), /* @__PURE__ */ c(A, { children: [
+  }, [t]), /* @__PURE__ */ u(E, { children: [
     /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
-      H,
+      B,
       {
-        checked: u,
-        id: h,
+        checked: h,
+        id: c,
         name: l,
         onChange: m,
         size: "small",
-        value: o,
-        children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: n })
+        value: i,
+        children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: o })
       }
     ) }),
-    u && /* @__PURE__ */ r(A, { children: a })
+    h && /* @__PURE__ */ r(E, { children: a })
   ] });
-}, me = (e) => ({
-  schema: G().test(
+}, be = (e) => ({
+  schema: P().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -163,8 +163,8 @@ const ue = (e) => {
     ) : typeof t == "string"
   ),
   value: e
-}), be = (e) => ({
-  schema: G().test(
+}), fe = (e) => ({
+  schema: P().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
     (t) => Array.isArray(t) ? t.every(
@@ -172,77 +172,74 @@ const ue = (e) => {
     ) : typeof t == "string"
   ),
   value: e
-}), fe = (e) => {
+}), xe = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, a = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: E({
-      from: N().required("Range From is required").max(a, "'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(t, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
+    schema: L({
+      from: R().required("Range From is required").max(a, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      to: R().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(n) {
+          const { from: c } = this.parent;
+          return n > c;
+        }
+      )
     }),
     value: { from: t, to: a }
   };
-}, L = (e, t) => t === D.PERCENTAGE ? {
-  schema: N().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+}, V = (e, t) => t === k.PERCENTAGE ? {
+  schema: R().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
   value: e
 } : {
-  schema: U().required("Required"),
+  schema: I().required("Required"),
   value: e
-}, xe = (e) => ({
-  schema: U().required("Required").test(
+}, ye = (e) => ({
+  schema: I().required("Required").test(
     "non-empty",
     "Value cannot be empty",
     (t) => t != null && t.trim() !== ""
   ),
   value: e
-}), ye = {
-  [b.LIST_OF_VALUES]: me,
-  [b.LIST_OF_VALUES_MULTI]: be,
-  [b.RANGE]: fe,
-  [b.GREATER_THAN]: L,
-  [b.LESS_THAN]: L,
-  [b.EQUAL]: L
-}, ve = (e) => ye[e] || xe;
+}), ve = {
+  [b.LIST_OF_VALUES]: be,
+  [b.LIST_OF_VALUES_MULTI]: fe,
+  [b.RANGE]: xe,
+  [b.GREATER_THAN]: V,
+  [b.LESS_THAN]: V,
+  [b.EQUAL]: V
+}, M = (e) => ve[e] || ye;
 function Ce({ decision: e, onSubmitEvent: t }) {
   const a = {
     name: e.name || "",
-    dataType: e.dataType || "",
+    dataType: e.dataType || k.ALPHABETICAL,
     valueUse: e.valueUse || "",
-    value: e.value || { from: 0, to: 0 },
+    value: e.value || "",
     startDate: e.startDate || "",
     endDate: e.endDate || "",
     toggleNone: !0,
     conditions: {},
     checkClosed: !1
-  }, i = E({
-    name: U().required("Name is required"),
+  }, n = L({
+    name: I().required("Name is required"),
     startDate: O().required("Start date is required"),
-    endDate: O().when("checkClosed", (l, o, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? o.required("End date is required").test(
+    endDate: O().when("checkClosed", (l, i, { parent: h }) => (h == null ? void 0 : h.checkClosed) ? i.required("End date is required").test(
       "is-after-startDate",
       "End date must be greater than or equal to Start date",
       function(m) {
         const p = this.parent.startDate;
         return !p || !m ? !0 : new Date(m) >= new Date(p);
       }
-    ) : o.notRequired()),
-    value: E({
-      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) {
-          const { from: o } = this.parent;
-          return l > o;
-        }
-      )
-    }).required("Range value is required"),
-    conditions: ae((l, { parent: o }) => {
+    ) : i.notRequired()),
+    value: j(() => M(c.values.valueUse)(c.values.value, c.values.dataType).schema),
+    conditions: j((l, { parent: i }) => {
       var d, m;
-      return (o == null ? void 0 : o.toggleNone) && ((d = o == null ? void 0 : o.conditions) == null ? void 0 : d.length) > 0 ? E().shape({}) : E(
+      return (i == null ? void 0 : i.toggleNone) && ((d = i == null ? void 0 : i.conditions) == null ? void 0 : d.length) > 0 ? L().shape({}) : L(
         (m = e.conditions) == null ? void 0 : m.reduce(
           (p, f) => {
-            if (h.values.conditions[f.name] !== void 0) {
-              const k = ve(f.valueUse);
-              p[f.name] = k(
+            if (c.values.conditions[f.name] !== void 0) {
+              const S = M(f.valueUse);
+              p[f.name] = S(
                 f.value,
                 f.dataType
               ).schema;
@@ -253,13 +250,13 @@ function Ce({ decision: e, onSubmitEvent: t }) {
         )
       );
     })
-  }), h = re({
+  }), c = ne({
     initialValues: a,
-    validationSchema: i,
+    validationSchema: n,
     validateOnBlur: !0,
     onSubmit: (l) => {
-      var u;
-      const o = {
+      var h;
+      const i = {
         ...e,
         name: l.name,
         dataType: l.dataType,
@@ -267,45 +264,45 @@ function Ce({ decision: e, onSubmitEvent: t }) {
         value: l.value,
         startDate: l.startDate,
         endDate: l.endDate,
-        conditions: (u = e.conditions) == null ? void 0 : u.map((d) => ({
+        conditions: (h = e.conditions) == null ? void 0 : h.map((d) => ({
           ...d,
           value: l.conditions[d.name]
         }))
       };
-      t(o);
+      t(i);
     }
   });
-  return { formik: h, handleToggleNoneChange: (l) => {
-    var o;
-    h.setFieldValue("toggleNone", l), (o = e.conditions) == null || o.forEach((u) => {
+  return { formik: c, handleToggleNoneChange: (l) => {
+    var i;
+    c.setFieldValue("toggleNone", l), (i = e.conditions) == null || i.forEach((h) => {
       if (l)
-        h.setFieldValue(`conditions.${u.name}`, void 0);
+        c.setFieldValue(`conditions.${h.name}`, void 0);
       else {
-        const d = u.valueUse === b.LIST_OF_VALUES_MULTI ? [] : "";
-        h.setFieldValue(`conditions.${u.name}`, d);
+        const d = h.valueUse === b.LIST_OF_VALUES_MULTI ? [] : "";
+        c.setFieldValue(`conditions.${h.name}`, d);
       }
     });
   } };
 }
 const we = (e) => {
-  var u;
-  const { decision: t, onSubmitEvent: a, textValues: i, onCancel: h } = e, { formik: n, handleToggleNoneChange: l } = Ce({
+  var h;
+  const { decision: t, onSubmitEvent: a, textValues: n, onCancel: c } = e, { formik: o, handleToggleNoneChange: l } = Ce({
     decision: t,
     onSubmitEvent: a
-  }), o = {
+  }), i = {
     name: t.name,
     valueUse: t.valueUse,
     dataType: t.dataType,
     possibleValue: t.possibleValue
   };
-  return /* @__PURE__ */ r("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ c(s, { direction: "column", gap: "24px", children: [
-    I({
-      condition: o,
-      formik: n,
+  return /* @__PURE__ */ r("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ u(s, { direction: "column", gap: "24px", children: [
+    $({
+      condition: i,
+      formik: o,
       isDecision: !0
     }),
     /* @__PURE__ */ r(w, { dashed: !0 }),
-    /* @__PURE__ */ r(he, { children: /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ c(
+    /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ u(
       s,
       {
         direction: "column",
@@ -313,45 +310,53 @@ const we = (e) => {
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ c(s, { direction: "row", justifyContent: "space-between", children: [
-            /* @__PURE__ */ r(x, { children: i.factsThatConditionIt }),
-            /* @__PURE__ */ r(
-              H,
-              {
-                id: "toggleNone",
-                onChange: () => l(!n.values.toggleNone),
-                checked: n.values.toggleNone,
-                size: "small",
-                children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: i.none })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ r(s, { direction: "column", gap: "20px", children: (u = t.conditions) == null ? void 0 : u.map((d) => /* @__PURE__ */ r(
-            ge,
+          /* @__PURE__ */ u(
+            s,
+            {
+              justifyContent: "space-between",
+              alignItems: "center",
+              gap: "64px",
+              children: [
+                /* @__PURE__ */ r(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
+                /* @__PURE__ */ r(
+                  B,
+                  {
+                    id: "toggleNone",
+                    onChange: () => l(!o.values.toggleNone),
+                    checked: o.values.toggleNone,
+                    size: "small",
+                    children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: n.none })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(s, { direction: "column", gap: "20px", children: (h = t.conditions) == null ? void 0 : h.map((d) => /* @__PURE__ */ r(
+            me,
             {
               id: `toggle-${d.name}`,
               name: `toggle.${d.name}`,
               labelToggle: d.name,
-              checked: !n.values.toggleNone && n.values.conditions[d.name] !== void 0,
+              checked: !o.values.toggleNone && o.values.conditions[d.name] !== void 0,
               handleToggleChange: (m) => {
                 if (!m.target.checked)
-                  n.setFieldValue(
+                  o.setFieldValue(
                     `conditions.${d.name}`,
                     void 0
-                  ), n.setFieldTouched(
+                  ), o.setFieldTouched(
                     `conditions.${d.name}`,
                     !1,
                     !1
                   );
                 else {
                   const f = d.valueUse === b.LIST_OF_VALUES_MULTI ? [] : "";
-                  n.setFieldValue(
+                  o.setFieldValue(
                     `conditions.${d.name}`,
                     f
                   );
                 }
               },
-              children: I({ condition: d, formik: n })
+              children: $({ condition: d, formik: o })
             },
             d.name
           )) })
@@ -360,36 +365,36 @@ const we = (e) => {
     ) }) }),
     /* @__PURE__ */ r(w, { dashed: !0 }),
     /* @__PURE__ */ r(
-      ue,
+      he,
       {
-        labelStart: i.termStart,
-        labelEnd: i.termEnd,
-        valueStart: n.values.startDate,
-        valueEnd: n.values.endDate,
-        messageStart: n.errors.startDate,
-        messageEnd: n.errors.endDate,
-        statusStart: n.touched.startDate ? n.errors.startDate ? "invalid" : "valid" : void 0,
-        statusEnd: n.touched.endDate ? n.errors.endDate ? "invalid" : "valid" : void 0,
-        onHandleStartChange: (d) => n.setFieldValue("startDate", d.target.value),
-        onHandleEndChange: (d) => n.setFieldValue("endDate", d.target.value),
+        labelStart: n.termStart,
+        labelEnd: n.termEnd,
+        valueStart: o.values.startDate,
+        valueEnd: o.values.endDate,
+        messageStart: o.errors.startDate,
+        messageEnd: o.errors.endDate,
+        statusStart: o.touched.startDate ? o.errors.startDate ? "invalid" : "valid" : void 0,
+        statusEnd: o.touched.endDate ? o.errors.endDate ? "invalid" : "valid" : void 0,
+        onHandleStartChange: (d) => o.setFieldValue("startDate", d.target.value),
+        onHandleEndChange: (d) => o.setFieldValue("endDate", d.target.value),
         onCheckClosedChange: (d) => {
-          n.setFieldValue("checkClosed", d), d && n.setFieldValue("endDate", "");
+          o.setFieldValue("checkClosed", d), d && o.setFieldValue("endDate", "");
         },
-        checkedClosed: n.values.checkClosed
+        checkedClosed: o.values.checkClosed
       }
     ),
     /* @__PURE__ */ r(w, {}),
-    /* @__PURE__ */ c(s, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ r($, { appearance: "gray", onClick: h, children: i.cancel }),
-      /* @__PURE__ */ r($, { type: "submit", children: i.confirm })
+    /* @__PURE__ */ u(s, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ r(z, { appearance: "gray", onClick: c, children: n.cancel }),
+      /* @__PURE__ */ r(z, { type: "submit", children: n.confirm })
     ] })
   ] }) });
-}, j = g.div`
+}, H = g.div`
   & > div {
     border-radius: 8px;
     border: 1px solid ${v.palette.neutral.N30};
   }
-`, M = g.div`
+`, G = g.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -412,7 +417,7 @@ const we = (e) => {
   to: e.to ?? ""
 }), De = (e) => e.value, Ee = (e) => e.value, Ae = (e) => e.value;
 var C = /* @__PURE__ */ ((e) => (e.EQUAL = "equal", e.GREATER_THAN = "greater_than", e.LESS_THAN = "less_than", e.LIST_OF_VALUES = "list_of_values", e.LIST_OF_VALUES_MULTI = "list_of_values_multi", e.RANGE = "range", e))(C || {});
-const Ne = (e) => e.value, Re = {
+const Ne = (e) => e.value, _e = {
   [C.LIST_OF_VALUES]: ke,
   [C.LIST_OF_VALUES_MULTI]: Se,
   [C.RANGE]: Te,
@@ -420,28 +425,28 @@ const Ne = (e) => e.value, Re = {
   [C.LESS_THAN]: Ee,
   [C.EQUAL]: Ae
 };
-function T(e) {
-  const t = e == null ? void 0 : e.value, a = typeof t == "object" && t !== null && !Array.isArray(t), i = Re[e == null ? void 0 : e.valueUse] || Ne;
-  return a && i(t) || t || void 0;
+function D(e) {
+  const t = e == null ? void 0 : e.value, a = typeof t == "object" && t !== null && !Array.isArray(t), n = _e[e == null ? void 0 : e.valueUse] || Ne;
+  return a && n(t) || t || void 0;
 }
-const P = (e) => {
-  const { decision: t, loading: a = !1, textValues: i } = e, h = (l) => l && Object.keys(l).length > 0, n = {
+const Y = (e) => {
+  const { decision: t, loading: a = !1, textValues: n } = e, c = (l) => l && Object.keys(l).length > 0, o = {
     name: (t == null ? void 0 : t.name) || "",
     dataType: (t == null ? void 0 : t.dataType) || "alphabetical",
-    value: T(t),
+    value: D(t),
     valueUse: (t == null ? void 0 : t.valueUse) || "equal"
   };
-  return !a && t && i ? /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
+  return !a && t && n ? /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
     t && /* @__PURE__ */ r(s, { direction: "column", alignItems: "center", children: /* @__PURE__ */ r(
-      _,
+      N,
       {
-        element: n,
-        valueData: T(n),
+        element: o,
+        valueData: D(o),
         type: "decision"
       }
     ) }, t.name),
     /* @__PURE__ */ r(w, { dashed: !0 }),
-    /* @__PURE__ */ r(M, { children: /* @__PURE__ */ c(
+    /* @__PURE__ */ r(G, { children: /* @__PURE__ */ u(
       s,
       {
         direction: "column",
@@ -457,87 +462,87 @@ const P = (e) => {
               appearance: "dark",
               weight: "bold",
               textAlign: "center",
-              children: i.factsThatConditionIt
+              children: n.factsThatConditionIt
             }
           ),
           t.conditions && t.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__ */ r(j, { children: /* @__PURE__ */ r(s, { direction: "column", padding: "8px", children: /* @__PURE__ */ r(
-              _,
+            const i = l.value;
+            return (typeof i == "object" && c(i) || i !== void 0 && typeof i == "string" && i.length > 0) && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(s, { direction: "column", padding: "8px", children: /* @__PURE__ */ r(
+              N,
               {
                 element: {
                   ...l,
-                  value: o
+                  value: i
                 },
-                valueData: T(l)
+                valueData: D(l)
               }
             ) }) }, l.name);
           }),
           /* @__PURE__ */ r(w, { dashed: !0 }),
-          /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
+          /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
             (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && /* @__PURE__ */ r(
-              _,
+              N,
               {
                 element: {
-                  name: i.terms,
+                  name: n.terms,
                   value: String(t.startDate),
                   valueUse: b.RANGE,
-                  dataType: D.DATE
+                  dataType: k.DATE
                 },
-                valueData: T({
-                  name: i.terms,
+                valueData: D({
+                  name: n.terms,
                   value: {
                     from: String(t.startDate),
                     to: String(t.endDate)
                   },
                   valueUse: b.RANGE,
-                  dataType: D.DATE
+                  dataType: k.DATE
                 }),
                 type: "decision"
               },
-              i.terms
+              n.terms
             ),
             (t == null ? void 0 : t.startDate) && !(t != null && t.endDate) && /* @__PURE__ */ r(
-              _,
+              N,
               {
                 element: {
-                  name: i.terms,
+                  name: n.terms,
                   value: String(t.startDate),
                   valueUse: b.EQUAL,
-                  dataType: D.DATE
+                  dataType: k.DATE
                 },
-                valueData: T({
-                  name: i.terms,
+                valueData: D({
+                  name: n.terms,
                   value: String(t.startDate),
                   valueUse: b.EQUAL,
-                  dataType: D.DATE
+                  dataType: k.DATE
                 }),
                 type: "decision"
               },
-              i.terms
+              n.terms
             )
           ] })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ c(s, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ c(s, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ r(S, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ r(S, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ u(s, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ r(T, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ r(T, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ c(s, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ u(s, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ r(w, { dashed: !0 }),
-      /* @__PURE__ */ r(S, { animated: !0, width: "150px" })
+      /* @__PURE__ */ r(T, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
       s,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: Array.from({ length: 5 }).map((l, o) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ c(
+        children: Array.from({ length: 5 }).map((l, i) => /* @__PURE__ */ r(H, { children: /* @__PURE__ */ u(
           s,
           {
             direction: "column",
@@ -545,15 +550,15 @@ const P = (e) => {
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ r(S, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ r(S, { animated: !0, width: "85px" })
+              /* @__PURE__ */ r(T, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ r(T, { animated: !0, width: "85px" })
             ]
           }
-        ) }, `condition-${o}`))
+        ) }, `condition-${i}`))
       }
     ) })
   ] });
-}, _e = g.div`
+}, Le = g.div`
   border-radius: 8px;
   border: 1px solid ${v.palette.neutral.N30};
   box-sizing: border-box;
@@ -584,21 +589,21 @@ g.div`
     border-radius: 8px;
   }
 `;
-const q = (e) => {
-  const { children: t, controls: a = !0, handleDelete: i, id: h } = e;
-  return /* @__PURE__ */ r(_e, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+const F = (e) => {
+  const { children: t, controls: a = !0, handleDelete: n, id: c } = e;
+  return /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
-    a && /* @__PURE__ */ c(A, { children: [
+    a && /* @__PURE__ */ u(E, { children: [
       /* @__PURE__ */ r(w, {}),
       /* @__PURE__ */ r(s, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ r(
-        B,
+        Q,
         {
           cursorHover: !0,
           appearance: "dark",
           size: "24px",
-          icon: /* @__PURE__ */ r(ne, {}),
+          icon: /* @__PURE__ */ r(oe, {}),
           onClick: () => {
-            i(h);
+            n(c);
           }
         }
       ) })
@@ -609,7 +614,7 @@ const q = (e) => {
   & > div {
     padding: 24px 16px;
   }
-`, Le = g.div`
+`, Re = g.div`
   background-color: ${({ theme: e }) => {
   var t, a;
   return ((a = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N0) || v.palette.neutral.N0;
@@ -640,23 +645,23 @@ const q = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Fe = (e) => {
-  const { children: t, portalId: a, onCloseModal: i, title: h } = e, n = document.getElementById(a);
-  if (!n)
+`, Ue = (e) => {
+  const { children: t, portalId: a, onCloseModal: n, title: c } = e, o = document.getElementById(a);
+  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__ */ r(Ve, { children: /* @__PURE__ */ r(le, { children: /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ r(s, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(s, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ r(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: h }),
-        /* @__PURE__ */ r(oe, { size: "24px", cursor: "pointer", onClick: i })
+  return le(
+    /* @__PURE__ */ r(Ve, { children: /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(Re, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ r(s, { direction: "column", gap: "24px", children: /* @__PURE__ */ u(s, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ r(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: c }),
+        /* @__PURE__ */ r(ie, { size: "24px", cursor: "pointer", onClick: n })
       ] }) }),
       t
     ] }) }) }) }),
-    n
+    o
   );
-}, Ue = te`
+}, Ie = ae`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -665,11 +670,11 @@ const q = (e) => {
     opacity: 1;
     transform: translateY(0);
   }
-`, Q = g.div`
+`, W = g.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${Ue} 600ms ease-out;
+    animation: ${Ie} 600ms ease-out;
   }
 `;
 g.div`
@@ -684,7 +689,7 @@ g.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-const qe = g.div`
+const Fe = g.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -704,14 +709,14 @@ const qe = g.div`
       border-radius: 8px;
     }
   }
-`, Ie = g.div`
+`, $e = g.div`
   & > div > div {
     border-radius: 8px;
     border: 1px solid ${v.palette.neutral.N30};
     box-sizing: border-box;
     box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
   }
-`, $e = g.div`
+`, ze = g.div`
   & > div {
     background-color: ${v.palette.neutral.N30};
     justify-content: center;
@@ -727,19 +732,19 @@ g.div`
     border: 1px solid ${v.palette.neutral.N30};
   }
 `;
-function ze({
+function qe({
   index: e,
   handleOpenModal: t
 }) {
   return /* @__PURE__ */ r(
-    q,
+    F,
     {
       id: `loading-card-${e}`,
       handleDelete: () => {
       },
       handleView: () => t(),
       controls: !1,
-      children: /* @__PURE__ */ r(P, { loading: !0 })
+      children: /* @__PURE__ */ r(Y, { loading: !0 })
     },
     `loading-card-${e}`
   );
@@ -748,19 +753,19 @@ function Oe({
   decision: e,
   controls: t,
   handleOpenModal: a,
-  handleDelete: i,
-  textValues: h
+  handleDelete: n,
+  textValues: c
 }) {
-  return e ? /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return e ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ r(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.id }),
     /* @__PURE__ */ r(
-      q,
+      F,
       {
         id: e.id,
-        handleDelete: () => i(e.id),
+        handleDelete: () => n(e.id),
         handleView: () => a(e),
         controls: t,
-        children: /* @__PURE__ */ r(P, { decision: e, textValues: h })
+        children: /* @__PURE__ */ r(Y, { decision: e, textValues: c })
       }
     )
   ] }) }, e.id) : null;
@@ -769,18 +774,18 @@ function je({
   index: e,
   handleOpenModal: t
 }) {
-  return /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ r(W, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ r(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ r($e, { onClick: () => t(), children: /* @__PURE__ */ r(
-      q,
+    /* @__PURE__ */ r(ze, { onClick: () => t(), children: /* @__PURE__ */ r(
+      F,
       {
         id: `add-decision-${e}`,
         handleDelete: () => {
         },
         handleView: () => t(),
         controls: !1,
-        children: /* @__PURE__ */ c(s, { direction: "column", gap: "12px", alignItems: "center", children: [
-          /* @__PURE__ */ r(B, { appearance: "gray", icon: /* @__PURE__ */ r(ie, {}), size: "35px" }),
+        children: /* @__PURE__ */ u(s, { direction: "column", gap: "12px", alignItems: "center", children: [
+          /* @__PURE__ */ r(Q, { appearance: "gray", icon: /* @__PURE__ */ r(de, {}), size: "35px" }),
           /* @__PURE__ */ r(x, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
         ] })
       }
@@ -788,11 +793,11 @@ function je({
   ] }) }, `add-decision-${e}`);
 }
 const Me = {
-  loading: ze,
+  loading: qe,
   decision: Oe,
   add: je
 };
-function F(e) {
+function U(e) {
   const { type: t } = e, a = Me[t];
   return a ? a(e) : null;
 }
@@ -800,57 +805,57 @@ function He({
   controls: e,
   decisions: t,
   loading: a,
-  handleOpenModal: i,
-  handleDelete: h,
-  textValues: n
+  handleOpenModal: n,
+  handleDelete: c,
+  textValues: o
 }) {
   const l = a ? Array.from({ length: 3 }).map(
-    (u, d) => F({
+    (h, d) => U({
       type: "loading",
       index: d,
       controls: e,
       loading: a,
-      handleOpenModal: i,
-      handleDelete: h,
-      textValues: n
+      handleOpenModal: n,
+      handleDelete: c,
+      textValues: o
     })
   ) : t.map(
-    (u) => F({
+    (h) => U({
       type: "decision",
-      decision: u,
+      decision: h,
       controls: e,
       loading: a,
-      handleOpenModal: i,
-      handleDelete: h,
-      textValues: n
+      handleOpenModal: n,
+      handleDelete: c,
+      textValues: o
     })
-  ), o = (t.length === 0 || t.length < Math.floor(window.innerWidth / 300)) && !a && e;
-  return { renderedCards: l, shouldRenderAddCard: o };
+  ), i = (t.length === 0 || t.length < Math.floor(window.innerWidth / 300)) && !a && e;
+  return { renderedCards: l, shouldRenderAddCard: i };
 }
 const mt = (e) => {
   const {
     controls: t = !0,
     decisions: a,
-    textValues: i,
-    decisionTemplate: h,
-    isModalOpen: n,
+    textValues: n,
+    decisionTemplate: c,
+    isModalOpen: o,
     selectedDecision: l,
-    loading: o,
-    handleOpenModal: u,
+    loading: i,
+    handleOpenModal: h,
     handleCloseModal: d,
     handleSubmitForm: m,
     handleDelete: p
-  } = e, f = ce("(max-width: 681px)"), { renderedCards: k, shouldRenderAddCard: R } = He({
+  } = e, f = ue("(max-width: 681px)"), { renderedCards: S, shouldRenderAddCard: A } = He({
     controls: t,
     decisions: a,
-    loading: o,
-    handleOpenModal: u,
+    loading: i,
+    handleOpenModal: h,
     handleDelete: p,
-    textValues: i
+    textValues: n
   });
-  return /* @__PURE__ */ c(A, { children: [
-    /* @__PURE__ */ r(Ie, { children: /* @__PURE__ */ r(qe, { children: /* @__PURE__ */ c(s, { direction: "column", gap: "16px", padding: "6px", children: [
-      a.length === 0 && !o && /* @__PURE__ */ c(x, { as: "span", type: "label", size: "large", appearance: "gray", children: [
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "16px", padding: "6px", children: [
+      a.length === 0 && !i && /* @__PURE__ */ u(x, { as: "span", type: "label", size: "large", appearance: "gray", children: [
         "Aún no tienes definidas tasas de interés efectivas. Presiona",
         /* @__PURE__ */ r(
           x,
@@ -865,8 +870,8 @@ const mt = (e) => {
         ),
         "para empezar."
       ] }),
-      /* @__PURE__ */ c(
-        se,
+      /* @__PURE__ */ u(
+        ce,
         {
           templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
           autoFlow: "row dense",
@@ -878,22 +883,22 @@ const mt = (e) => {
           padding: "6px",
           height: f ? "auto" : "484px",
           children: [
-            k,
-            R && F({
+            S,
+            A && U({
               type: "add",
               index: a.length,
               controls: t,
-              loading: o,
-              handleOpenModal: u,
+              loading: i,
+              handleOpenModal: h,
               handleDelete: p,
-              textValues: i
+              textValues: n
             })
           ]
         }
       )
     ] }) }) }),
-    n && /* @__PURE__ */ r(
-      Fe,
+    o && /* @__PURE__ */ r(
+      Ue,
       {
         portalId: "modal-portal",
         onCloseModal: d,
@@ -901,9 +906,9 @@ const mt = (e) => {
         children: /* @__PURE__ */ r(
           we,
           {
-            decision: l || h,
+            decision: l || c,
             onSubmitEvent: m,
-            textValues: i,
+            textValues: n,
             onCancel: () => d()
           }
         )
@@ -912,9 +917,9 @@ const mt = (e) => {
   ] });
 };
 export {
-  q as BusinessRuleCard,
-  P as BusinessRuleView,
+  F as BusinessRuleCard,
+  Y as BusinessRuleView,
   mt as BusinessRules,
-  Fe as ModalRules,
+  Ue as ModalRules,
   we as RulesForm
 };

package/package.json

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