@isettingkit/business-rules 0.1.24 → 0.1.26

package/dist/index.es.d.ts

@@ -70,6 +70,6 @@ declare interface IRulesFormTextValues {
 
 export declare const ModalRules: (props: IModalRules) => ReactPortal;
 
-export declare function RulesForm(props: IRulesForm): JSX_2.Element;
+export declare const RulesForm: (props: IRulesForm) => JSX_2.Element;
 
 export { }

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import { jsxs as c, Fragment as A, jsx as t } from "react/jsx-runtime";
-import { ValueDataType as V, ValueHowToSetUp as h, InputRange as ee, MultipleChoices as te, DynamicField as ae } from "@isettingkit/input";
+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 { Divider as k } from "@inubekit/divider";
+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 { Date as G } from "@inubekit/date";
 import { Checkbox as ne } from "@inubekit/checkbox";
 import { Toggle as K } from "@inubekit/toggle";
-import { inube as S } from "@inubekit/foundations";
+import { inube as k } from "@inubekit/foundations";
 import b, { 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";
@@ -17,25 +17,25 @@ import { SkeletonLine as E } 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";
-import { Blanket as pe } from "@inubekit/blanket";
-import { Grid as he } from "@inubekit/grid";
+import { Blanket as he } from "@inubekit/blanket";
+import { Grid as pe } from "@inubekit/grid";
 import { useMediaQuery as me } from "@inubekit/hooks";
 const ge = (r) => {
   const {
     onHandleStartChange: e,
     onHandleEndChange: s,
     onCheckClosedChange: i,
-    labelStart: u,
+    labelStart: h,
     labelEnd: a,
     checkedClosed: l = !1,
     required: o = !1,
-    valueStart: m = "",
+    valueStart: u = "",
     valueEnd: g = "",
-    messageStart: x = "",
+    messageStart: v = "",
     messageEnd: f = "",
     statusStart: p = "pending",
-    statusEnd: C = "pending"
-  } = r, [n, U] = _(l), [I, $] = _(m), [R, L] = _(g);
+    statusEnd: w = "pending"
+  } = r, [n, U] = _(l), [I, R] = _(u), [$, L] = _(g);
   return /* @__PURE__ */ c(A, { children: [
     /* @__PURE__ */ c(d, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
@@ -60,8 +60,8 @@ const ge = (r) => {
             ne,
             {
               label: "Cerrada",
-              onChange: ({ target: v }) => {
-                U(v.checked), i && i(v.checked);
+              onChange: ({ target: x }) => {
+                U(x.checked), i && i(x.checked);
               },
               checked: n,
               value: ""
@@ -75,15 +75,15 @@ const ge = (r) => {
         G,
         {
           id: "dateStart",
-          label: u,
-          onChange: (v) => {
-            $(v.target.value), e(v);
+          label: h,
+          onChange: (x) => {
+            R(x.target.value), e(x);
           },
           value: I,
           required: o,
           size: "compact",
           status: p,
-          message: x
+          message: v
         }
       ) }),
       n && /* @__PURE__ */ t(d, { width: "189px", children: /* @__PURE__ */ t(
@@ -91,13 +91,13 @@ const ge = (r) => {
         {
           id: "dateEnd",
           label: a,
-          onChange: (v) => {
-            L(v.target.value), s(v);
+          onChange: (x) => {
+            L(x.target.value), s(x);
           },
-          value: R,
+          value: $,
           required: o,
           size: "compact",
-          status: C,
+          status: w,
           message: f
         }
       ) })
@@ -106,7 +106,7 @@ const ge = (r) => {
 }, be = b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${S.palette.neutral.N30};
+    border: 1px solid ${k.palette.neutral.N30};
   }
 `, fe = b.div`
   width: 100%;
@@ -125,16 +125,16 @@ const ge = (r) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, xe = (r) => {
+`, ve = (r) => {
   const {
     checked: e,
     children: s,
     handleToggleChange: i,
-    id: u,
+    id: h,
     labelToggle: a,
     name: l,
     valueToggle: o = ""
-  } = r, [m, g] = _(e), x = (f) => {
+  } = r, [u, g] = _(e), v = (f) => {
     g(f.target.checked), i(f);
   };
   return re(() => {
@@ -143,18 +143,18 @@ const ge = (r) => {
     /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(
       K,
       {
-        checked: m,
-        id: u,
+        checked: u,
+        id: h,
         name: l,
-        onChange: x,
+        onChange: v,
         size: "small",
         value: o,
         children: /* @__PURE__ */ t(y, { size: "medium", type: "label", weight: "bold", children: a })
       }
     ) }),
-    m && /* @__PURE__ */ t(A, { children: s })
+    u && /* @__PURE__ */ t(A, { children: s })
   ] });
-}, ve = (r) => ({
+}, xe = (r) => ({
   schema: X().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
@@ -172,7 +172,7 @@ const ge = (r) => {
     ) : typeof e == "string"
   ),
   value: r
-}), we = (r) => {
+}), Ce = (r) => {
   const e = (r == null ? void 0 : r.from) ?? 0, s = (r == null ? void 0 : r.to) ?? 0;
   return {
     schema: F({
@@ -187,21 +187,21 @@ const ge = (r) => {
 } : {
   schema: H().required("Required"),
   value: r
-}, Ce = (r) => ({
+}, we = (r) => ({
   schema: H().required("Required").test(
     "non-empty",
     "Value cannot be empty",
     (e) => e != null && e.trim() !== ""
   ),
   value: r
-}), Se = {
-  [h.LIST_OF_VALUES]: ve,
-  [h.LIST_OF_VALUES_MULTI]: ye,
-  [h.RANGE]: we,
-  [h.GREATER_THAN]: O,
-  [h.LESS_THAN]: O,
-  [h.EQUAL]: O
-}, ke = (r) => Se[r] || Ce;
+}), ke = {
+  [m.LIST_OF_VALUES]: xe,
+  [m.LIST_OF_VALUES_MULTI]: ye,
+  [m.RANGE]: Ce,
+  [m.GREATER_THAN]: O,
+  [m.LESS_THAN]: O,
+  [m.EQUAL]: O
+}, Se = (r) => ke[r] || we;
 function Te({ decision: r, onSubmitEvent: e }) {
   const s = {
     name: r.name || "",
@@ -211,11 +211,12 @@ function Te({ decision: r, onSubmitEvent: e }) {
     startDate: r.startDate || "",
     endDate: r.endDate || "",
     toggleNone: !0,
-    conditions: {}
+    conditions: {},
+    checkClosed: !1
   }, i = F({
     name: H().required("Name is required"),
     startDate: P().required("Start date is required"),
-    endDate: P().required("End 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()),
     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(
@@ -228,13 +229,13 @@ function Te({ decision: r, onSubmitEvent: e }) {
       )
     }).required("Range value is required"),
     conditions: ie((l, { parent: o }) => {
-      var g, x;
+      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(
-        (x = r.conditions) == null ? void 0 : x.reduce(
+        (v = r.conditions) == null ? void 0 : v.reduce(
           (f, p) => {
-            if (u.values.conditions[p.name] !== void 0) {
-              const C = ke(p.valueUse);
-              f[p.name] = C(
+            if (h.values.conditions[p.name] !== void 0) {
+              const w = Se(p.valueUse);
+              f[p.name] = w(
                 p.value,
                 p.dataType
               ).schema;
@@ -245,12 +246,12 @@ function Te({ decision: r, onSubmitEvent: e }) {
         )
       );
     })
-  }), u = le({
+  }), h = le({
     initialValues: s,
     validationSchema: i,
     validateOnBlur: !0,
     onSubmit: (l) => {
-      var m;
+      var u;
       const o = {
         ...r,
         name: l.name,
@@ -259,7 +260,7 @@ function Te({ decision: r, onSubmitEvent: e }) {
         value: l.value,
         startDate: l.startDate,
         endDate: l.endDate,
-        conditions: (m = r.conditions) == null ? void 0 : m.map((g) => ({
+        conditions: (u = r.conditions) == null ? void 0 : u.map((g) => ({
           ...g,
           value: l.conditions[g.name]
         }))
@@ -267,21 +268,21 @@ function Te({ decision: r, onSubmitEvent: e }) {
       e(o);
     }
   });
-  return { formik: u, handleToggleNoneChange: (l) => {
+  return { formik: h, handleToggleNoneChange: (l) => {
     var o;
-    u.setFieldValue("toggleNone", l), (o = r.conditions) == null || o.forEach((m) => {
+    h.setFieldValue("toggleNone", l), (o = r.conditions) == null || o.forEach((u) => {
       if (l)
-        u.setFieldValue(`conditions.${m.name}`, void 0);
+        h.setFieldValue(`conditions.${u.name}`, void 0);
       else {
-        const g = m.valueUse === h.LIST_OF_VALUES_MULTI ? [] : "";
-        u.setFieldValue(`conditions.${m.name}`, g);
+        const g = u.valueUse === m.LIST_OF_VALUES_MULTI ? [] : "";
+        h.setFieldValue(`conditions.${u.name}`, g);
       }
     });
   } };
 }
-function Ee(r) {
-  var o, m, g, x, f, p, C;
-  const { decision: e, onSubmitEvent: s, textValues: i, onCancel: u } = r, { formik: a, handleToggleNoneChange: l } = Te({
+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({
     decision: e,
     onSubmitEvent: s
   });
@@ -297,13 +298,13 @@ function Ee(r) {
         handleInputChangeFrom: (n) => a.setFieldValue("value.from", n),
         handleInputChangeTo: (n) => a.setFieldValue("value.to", n),
         messageFrom: (o = a.errors.value) == null ? void 0 : o.from,
-        messageTo: (m = a.errors.value) == null ? void 0 : m.to,
-        statusFrom: (g = a.touched.value) != null && g.from ? (x = a.errors.value) != null && x.from ? "invalid" : "valid" : "pending",
+        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",
         onBlur: a.handleBlur
       }
     ),
-    /* @__PURE__ */ t(k, { dashed: !0 }),
+    /* @__PURE__ */ t(S, { dashed: !0 }),
     /* @__PURE__ */ t(be, { children: /* @__PURE__ */ t(fe, { children: /* @__PURE__ */ c(
       d,
       {
@@ -325,17 +326,17 @@ function Ee(r) {
               }
             )
           ] }),
-          /* @__PURE__ */ t(d, { direction: "column", gap: "20px", children: (C = e.conditions) == null ? void 0 : C.map((n) => {
-            var U, I, $, R, L, z, j;
+          /* @__PURE__ */ t(d, { direction: "column", gap: "20px", children: (w = e.conditions) == null ? void 0 : w.map((n) => {
+            var U, I, R, $, L, z, j;
             return /* @__PURE__ */ t(
-              xe,
+              ve,
               {
                 id: `toggle-${n.name}`,
                 name: `toggle.${n.name}`,
                 labelToggle: n.name,
                 checked: !a.values.toggleNone && a.values.conditions[n.name] !== void 0,
-                handleToggleChange: (w) => {
-                  if (!w.target.checked)
+                handleToggleChange: (C) => {
+                  if (!C.target.checked)
                     a.setFieldValue(
                       `conditions.${n.name}`,
                       void 0
@@ -345,29 +346,29 @@ function Ee(r) {
                       !1
                     );
                   else {
-                    const T = n.valueUse === h.LIST_OF_VALUES_MULTI ? [] : "";
+                    const T = n.valueUse === m.LIST_OF_VALUES_MULTI ? [] : "";
                     a.setFieldValue(
                       `conditions.${n.name}`,
                       T
                     );
                   }
                 },
-                children: n.valueUse === h.LIST_OF_VALUES_MULTI ? /* @__PURE__ */ t(
+                children: n.valueUse === m.LIST_OF_VALUES_MULTI ? /* @__PURE__ */ t(
                   te,
                   {
                     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((w) => ({
-                      id: w,
-                      label: w,
-                      checked: (a.values.conditions[n.name] || []).includes(w)
+                    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)
                     })),
-                    onHandleSelectCheckChange: (w) => {
-                      const v = w.filter((T) => T.checked).map((T) => T.id);
+                    onHandleSelectCheckChange: (C) => {
+                      const x = C.filter((T) => T.checked).map((T) => T.id);
                       a.setFieldValue(
                         `conditions.${n.name}`,
-                        v
+                        x
                       ), a.setFieldTouched(
                         `conditions.${n.name}`,
                         !0,
@@ -375,7 +376,7 @@ function Ee(r) {
                       );
                     },
                     placeholderSelect: `Select ${n.name}`,
-                    message: ($ = a.touched.conditions) != null && $[n.name] && ((R = a.errors.conditions) != null && R[n.name]) ? a.errors.conditions[n.name] : void 0,
+                    message: (R = a.touched.conditions) != null && R[n.name] && (($ = a.errors.conditions) != null && $[n.name]) ? a.errors.conditions[n.name] : void 0,
                     onBlur: () => a.setFieldTouched(
                       `conditions.${n.name}`,
                       !0,
@@ -389,9 +390,9 @@ function Ee(r) {
                     name: `conditions.${n.name}`,
                     label: n.name,
                     value: a.values.conditions[n.name],
-                    onChange: (w) => a.setFieldValue(
+                    onChange: (C) => a.setFieldValue(
                       `conditions.${n.name}`,
-                      w
+                      C
                     ),
                     messageValidate: String(
                       (L = a.errors.conditions) == null ? void 0 : L[n.name]
@@ -407,7 +408,7 @@ function Ee(r) {
         ]
       }
     ) }) }),
-    /* @__PURE__ */ t(k, { dashed: !0 }),
+    /* @__PURE__ */ t(S, { dashed: !0 }),
     /* @__PURE__ */ t(
       ge,
       {
@@ -422,18 +423,18 @@ function Ee(r) {
         onHandleStartChange: (n) => a.setFieldValue("startDate", n.target.value),
         onHandleEndChange: (n) => a.setFieldValue("endDate", n.target.value),
         onCheckClosedChange: (n) => {
-          n || a.setFieldValue("endDate", "");
-        }
+          a.setFieldValue("checkClosed", n), n && a.setFieldValue("endDate", "");
+        },
+        checkedClosed: a.values.checkClosed
       }
     ),
-    /* @__PURE__ */ t(k, {}),
+    /* @__PURE__ */ t(S, {}),
     /* @__PURE__ */ c(d, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ t(B, { appearance: "gray", onClick: u, children: i.cancel }),
+      /* @__PURE__ */ t(B, { appearance: "gray", onClick: h, children: i.cancel }),
       /* @__PURE__ */ t(B, { type: "submit", children: i.confirm })
     ] })
   ] }) });
-}
-const D = (r) => {
+}, D = (r) => {
   if (!r)
     return;
   const e = r.value;
@@ -441,18 +442,18 @@ const D = (r) => {
     return;
   if (((i) => typeof i == "object" && i !== null)(e))
     switch (r.valueUse) {
-      case h.LIST_OF_VALUES_MULTI:
+      case m.LIST_OF_VALUES_MULTI:
         return e;
-      case h.LIST_OF_VALUES:
+      case m.LIST_OF_VALUES:
         return e;
-      case h.RANGE:
+      case m.RANGE:
         return {
           from: e.from,
           to: e.to
         };
-      case h.GREATER_THAN:
-      case h.LESS_THAN:
-      case h.EQUAL:
+      case m.GREATER_THAN:
+      case m.LESS_THAN:
+      case m.EQUAL:
         return e.value;
       default:
         return e.value;
@@ -461,7 +462,7 @@ const D = (r) => {
 }, Q = b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${S.palette.neutral.N30};
+    border: 1px solid ${k.palette.neutral.N30};
   }
 `, Y = b.div`
   width: 100%;
@@ -482,7 +483,7 @@ const D = (r) => {
     border-radius: 8px;
   }
 `, W = (r) => {
-  const { decision: e, loading: s = !1, textValues: i } = r, u = (l) => l && Object.keys(l).length > 0, a = {
+  const { decision: e, loading: s = !1, textValues: i } = r, h = (l) => l && Object.keys(l).length > 0, a = {
     name: (e == null ? void 0 : e.name) || "",
     dataType: (e == null ? void 0 : e.dataType) || "alphabetical",
     value: D(e),
@@ -497,7 +498,7 @@ const D = (r) => {
         type: "decision"
       }
     ) }, e.name),
-    /* @__PURE__ */ t(k, { dashed: !0 }),
+    /* @__PURE__ */ t(S, { dashed: !0 }),
     /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ c(
       d,
       {
@@ -520,7 +521,7 @@ const D = (r) => {
           e.conditions && e.conditions.map((l) => {
             if (l.hidden) return null;
             const o = l.value;
-            return (typeof o == "object" && u(o) || o !== void 0 && typeof o == "string" && o.length > 0) && /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(d, { direction: "column", padding: "8px", children: /* @__PURE__ */ t(
+            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(
               q,
               {
                 element: {
@@ -531,7 +532,7 @@ const D = (r) => {
               }
             ) }) }, l.name);
           }),
-          /* @__PURE__ */ t(k, { dashed: !0 }),
+          /* @__PURE__ */ t(S, { dashed: !0 }),
           /* @__PURE__ */ c(d, { direction: "column", gap: "12px", children: [
             (e == null ? void 0 : e.startDate) && (e == null ? void 0 : e.endDate) && /* @__PURE__ */ t(
               q,
@@ -539,7 +540,7 @@ const D = (r) => {
                 element: {
                   name: i.terms,
                   value: String(e.startDate),
-                  valueUse: h.RANGE,
+                  valueUse: m.RANGE,
                   dataType: V.DATE
                 },
                 valueData: D({
@@ -548,7 +549,7 @@ const D = (r) => {
                     from: String(e.startDate),
                     to: String(e.endDate)
                   },
-                  valueUse: h.RANGE,
+                  valueUse: m.RANGE,
                   dataType: V.DATE
                 }),
                 type: "decision"
@@ -561,13 +562,13 @@ const D = (r) => {
                 element: {
                   name: i.terms,
                   value: String(e.startDate),
-                  valueUse: h.EQUAL,
+                  valueUse: m.EQUAL,
                   dataType: V.DATE
                 },
                 valueData: D({
                   name: i.terms,
                   value: String(e.startDate),
-                  valueUse: h.EQUAL,
+                  valueUse: m.EQUAL,
                   dataType: V.DATE
                 }),
                 type: "decision"
@@ -584,7 +585,7 @@ const D = (r) => {
       /* @__PURE__ */ t(E, { animated: !0, width: "85px" })
     ] }, "loading"),
     /* @__PURE__ */ c(d, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ t(k, { dashed: !0 }),
+      /* @__PURE__ */ t(S, { dashed: !0 }),
       /* @__PURE__ */ t(E, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
@@ -612,7 +613,7 @@ const D = (r) => {
   ] });
 }, De = b.div`
   border-radius: 8px;
-  border: 1px solid ${S.palette.neutral.N30};
+  border: 1px solid ${k.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -642,11 +643,11 @@ b.div`
   }
 `;
 const M = (r) => {
-  const { children: e, controls: s = !0, handleDelete: i, id: u } = 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: [
     e,
     s && /* @__PURE__ */ c(A, { children: [
-      /* @__PURE__ */ t(k, {}),
+      /* @__PURE__ */ t(S, {}),
       /* @__PURE__ */ t(d, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ t(
         Z,
         {
@@ -655,7 +656,7 @@ const M = (r) => {
           size: "24px",
           icon: /* @__PURE__ */ t(de, {}),
           onClick: () => {
-            i(u);
+            i(h);
           }
         }
       ) })
@@ -669,7 +670,7 @@ const M = (r) => {
 `, Fe = b.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) || S.palette.neutral.N0;
+  return ((s = (e = r == null ? void 0 : r.palette) == null ? void 0 : e.neutral) == null ? void 0 : s.N0) || k.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -698,15 +699,15 @@ const M = (r) => {
     border-radius: 8px;
   }
 `, Ae = (r) => {
-  const { children: e, portalId: s, onCloseModal: i, title: u } = r, a = document.getElementById(s);
+  const { children: e, portalId: s, onCloseModal: i, title: h } = r, a = document.getElementById(s);
   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(pe, { children: /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ c(d, { direction: "column", gap: "24px", children: [
+    /* @__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: u }),
+        /* @__PURE__ */ t(y, { type: "title", size: "large", appearance: "dark", weight: "bold", children: h }),
         /* @__PURE__ */ t(se, { size: "24px", cursor: "pointer", onClick: i })
       ] }) }),
       e
@@ -731,7 +732,7 @@ const M = (r) => {
 `;
 b.div`
   border-radius: 8px;
-  border: 1px solid ${S.palette.neutral.N30};
+  border: 1px solid ${k.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -764,13 +765,13 @@ const Ue = b.div`
 `, Ie = b.div`
   & > div > div {
     border-radius: 8px;
-    border: 1px solid ${S.palette.neutral.N30};
+    border: 1px solid ${k.palette.neutral.N30};
     box-sizing: border-box;
     box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
   }
-`, $e = b.div`
+`, Re = b.div`
   & > div {
-    background-color: ${S.palette.neutral.N30};
+    background-color: ${k.palette.neutral.N30};
     justify-content: center;
   }
   min-height: 300px;
@@ -781,7 +782,7 @@ const Ue = b.div`
 b.div`
   & > div {
     border-radius: 8px;
-    border: 1px solid ${S.palette.neutral.N30};
+    border: 1px solid ${k.palette.neutral.N30};
   }
 `;
 const rt = ({
@@ -789,13 +790,13 @@ const rt = ({
   decisions: e,
   textValues: s,
   decisionTemplate: i,
-  isModalOpen: u,
+  isModalOpen: h,
   selectedDecision: a,
   loading: l,
   handleOpenModal: o,
-  handleCloseModal: m,
+  handleCloseModal: u,
   handleSubmitForm: g,
-  handleDelete: x
+  handleDelete: v
 }) => {
   const f = me("(max-width: 681px)");
   return /* @__PURE__ */ c(A, { children: [
@@ -818,7 +819,7 @@ const rt = ({
         "para empezar."
       ] }),
       /* @__PURE__ */ c(
-        he,
+        pe,
         {
           templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
           autoFlow: "row dense",
@@ -830,17 +831,17 @@ const rt = ({
           padding: "6px",
           height: f ? "auto" : "484px",
           children: [
-            l ? Array.from({ length: 3 }).map((p, C) => /* @__PURE__ */ t(
+            l ? Array.from({ length: 3 }).map((p, w) => /* @__PURE__ */ t(
               M,
               {
-                id: `loading-card-${C}`,
+                id: `loading-card-${w}`,
                 handleDelete: () => {
                 },
                 handleView: () => o(),
                 controls: !1,
                 children: /* @__PURE__ */ t(W, { loading: !0 })
               },
-              `loading-card-${C}`
+              `loading-card-${w}`
             )) : e.map((p) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ c(
               d,
               {
@@ -863,7 +864,7 @@ const rt = ({
                     M,
                     {
                       id: p.id,
-                      handleDelete: () => x(p.id),
+                      handleDelete: () => v(p.id),
                       handleView: () => o(p),
                       controls: r,
                       children: /* @__PURE__ */ t(
@@ -898,7 +899,7 @@ const rt = ({
                     }
                   ),
                   /* @__PURE__ */ t(
-                    $e,
+                    Re,
                     {
                       onClick: () => o(),
                       children: /* @__PURE__ */ t(
@@ -940,11 +941,11 @@ const rt = ({
         }
       )
     ] }) }) }),
-    u && /* @__PURE__ */ t(
+    h && /* @__PURE__ */ t(
       Ae,
       {
         portalId: "modal-portal",
-        onCloseModal: m,
+        onCloseModal: u,
         title: a ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ t(
           Ee,
@@ -952,7 +953,7 @@ const rt = ({
             decision: a || i,
             onSubmitEvent: g,
             textValues: s,
-            onCancel: () => m()
+            onCancel: () => u()
           }
         )
       }

package/package.json

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