@isettingkit/business-rules 3.2.4 → 3.2.6

package/dist/index.es.d.ts

@@ -266,7 +266,7 @@ declare interface IBusinessRules_3 {
     handleOpenModal?: (decision?: IRuleDecisionNew) => void;
     handleCloseModal?: () => void;
     handleSubmitForm?: (dataDecision: IRuleDecisionNew) => void;
-    handleOpenRulesModal?: (checkedItems?: IOption[], decision?: IRuleDecisionNew | null) => void;
+    handleOpenRulesModal?: (checkedItems?: IOption[]) => void;
     handleDelete?: (id: string) => void;
     terms?: boolean;
     onRemoveCondition?: (conditionName: string) => void;

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as b, Fragment as j } from "react/jsx-runtime";
-import { MdOutlineDelete as qt, MdOutlinePercent as wr, MdOutlineChevronRight as na, MdOutlineError as ra, MdClear as wt, MdOutlineFilterAltOff as Sr, MdOutlineLockClock as nt, MdAdd as St, MdOutlineCreate as aa, MdExpandLess as oa, MdExpandMore as un, MdInfo as ia, MdCached as la, MdOutlineInfo as sa, MdClose as da, MdOutlineFilterAlt as xr, MdChevronRight as Mn, MdArrowRight as ca, MdOutlineArrowCircleLeft as ua, MdOutlineArrowCircleRight as pa, MdKeyboardArrowUp as ha, MdKeyboardArrowDown as ga, MdOutlineArrowBack as fa } from "react-icons/md";
+import { MdOutlineDelete as Yt, MdOutlinePercent as wr, MdOutlineChevronRight as na, MdOutlineError as ra, MdClear as wt, MdOutlineFilterAltOff as Sr, MdOutlineLockClock as nt, MdAdd as St, MdOutlineCreate as aa, MdExpandLess as oa, MdExpandMore as un, MdInfo as ia, MdCached as la, MdOutlineInfo as sa, MdClose as da, MdOutlineFilterAlt as xr, MdChevronRight as Mn, MdArrowRight as ca, MdOutlineArrowCircleLeft as ua, MdOutlineArrowCircleRight as pa, MdKeyboardArrowUp as ha, MdKeyboardArrowDown as ga, MdOutlineArrowBack as fa } from "react-icons/md";
 import { inube as k, Stack as v, Divider as K, Icon as B, Textfield as mt, Moneyfield as Cr, Date as Oe, Numberfield as xn, Text as D, Tag as we, Checkpicker as Cn, Grid as Fe, Select as Ae, Label as ma, OptionItem as Dr, Box as Nr, useMediaQuery as Se, Blanket as xt, Button as Z, SkeletonLine as fe, Toggle as rt, Checkbox as Er, Tabs as Ar, SkeletonIcon as ba, Fieldset as Qe, OptionList as ya } from "@inubekit/inubekit";
 import $, { ThemeContext as Dn, keyframes as Nn } from "styled-components";
-import U, { useState as Y, forwardRef as va, useContext as En, useMemo as Yt, useRef as Ke, useEffect as Pe, useCallback as Ta } from "react";
-import { createPortal as Ct } from "react-dom";
+import U, { useState as Y, forwardRef as va, useContext as En, useMemo as Ct, useRef as Ke, useEffect as Pe, useCallback as Ta } from "react";
+import { createPortal as Dt } from "react-dom";
 import { useFormik as An } from "formik";
 import { string as Re, mixed as ze, object as ne, number as $e, lazy as bt, date as yt } from "yup";
 import { Link as $r, useNavigate as wa, useLocation as Sa } from "react-router-dom";
@@ -44,7 +44,7 @@ $.div`
     border-radius: 8px;
   }
 `;
-const Dt = (e) => {
+const Nt = (e) => {
   const { children: t, controls: n = !0, handleDelete: r, id: a } = e;
   return /* @__PURE__ */ i(Da, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
@@ -56,7 +56,7 @@ const Dt = (e) => {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ i(qt, {}),
+          icon: /* @__PURE__ */ i(Yt, {}),
           onClick: () => {
             r(a);
           }
@@ -99,7 +99,7 @@ const Dt = (e) => {
   style: "currency",
   currency: "COP",
   minimumFractionDigits: 0
-}).format(e), zt = (e) => e === "$ 0" ? NaN : parseInt(e.replace(/\$|\./g, "")), Ut = (e) => {
+}).format(e), Ut = (e) => e === "$ 0" ? NaN : parseInt(e.replace(/\$|\./g, "")), jt = (e) => {
   const t = e.trim();
   return t ? /^-?\d*(?:[.,]\d+)?$/.test(t) ? parseFloat(t.replace(",", ".")) : NaN : NaN;
 }, Ea = (e) => {
@@ -110,7 +110,7 @@ const Dt = (e) => {
   const t = e.trim();
   if (!/^-?\d*(?:[.,]\d+)?$/.test(t))
     return t;
-  const r = Ut(t);
+  const r = jt(t);
   return Number.isNaN(r) ? t : `${String(e)}%`;
 }, Aa = {
   currency: (e) => vt(e),
@@ -387,10 +387,10 @@ const Oa = {
     onBlur: g
   } = e, [f, y] = Y(c), [m, T] = Y(l), S = (N) => {
     let A;
-    a === "currency" ? A = zt(N.target.value) : a === "date" ? A = new Date(N.target.value) : A = Number(N.target.value), y(A), t(A);
+    a === "currency" ? A = Ut(N.target.value) : a === "date" ? A = new Date(N.target.value) : A = Number(N.target.value), y(A), t(A);
   }, E = (N) => {
     let A;
-    a === "currency" ? A = zt(N.target.value) : a === "date" ? A = new Date(N.target.value) : A = Number(N.target.value), T(A), n(A);
+    a === "currency" ? A = Ut(N.target.value) : a === "date" ? A = new Date(N.target.value) : A = Number(N.target.value), T(A), n(A);
   }, C = (N, A) => A === "currency" ? vt(N) : A === "date" && N instanceof Date ? N.toISOString().split("T")[0] : Number(N);
   return /* @__PURE__ */ b(v, { direction: "column", children: [
     /* @__PURE__ */ i(D, { type: "label", weight: "bold", size: "large", appearance: "dark", children: o }),
@@ -646,7 +646,7 @@ const Oa = {
   ListOfValues: "LIST_OF_VALUES",
   ListOfValuesMulti: "LIST_OF_VALUES_MULTI",
   Range: "RANGE"
-})[e] || null, jt = ({
+})[e] || null, Gt = ({
   condition: e,
   formik: t,
   isDecision: n = !1
@@ -962,7 +962,7 @@ const Oa = {
                 }
                 if (!/^-?\d*(?:[.,]\d*)?$/.test(f))
                   return;
-                const m = Ut(f);
+                const m = jt(f);
                 Number.isNaN(m) ? a(t, f) : a(t, m);
               },
               fullwidth: !0,
@@ -987,7 +987,7 @@ const Ja = {
   [q.DATE]: Wa,
   [q.NUMBER]: Qa,
   [q.PERCENTAGE]: Xa
-}, Za = (e) => Ja[e] || null, Gt = (e) => {
+}, Za = (e) => Ja[e] || null, Bt = (e) => {
   const {
     condition: t,
     type: n,
@@ -1029,7 +1029,7 @@ const tn = ({
 }) => {
   var n, r;
   return /* @__PURE__ */ i(kn, { children: /* @__PURE__ */ i(
-    Gt,
+    Bt,
     {
       type: e.decisionDataType.toLowerCase(),
       name: e.ruleName,
@@ -1314,7 +1314,7 @@ const lo = (e) => {
     onOptionClick: ie,
     onCheckboxChange: ce,
     handleClear: re
-  } = e, L = En(Dn), M = ((je = (_e = L == null ? void 0 : L.input) == null ? void 0 : _e.required) == null ? void 0 : je.appearance) || Ie.required.appearance, Ce = f && !r, De = T || m === "" ? "" : zn(h, m), Ve = Yt(
+  } = e, L = En(Dn), M = ((je = (_e = L == null ? void 0 : L.input) == null ? void 0 : _e.required) == null ? void 0 : je.appearance) || Ie.required.appearance, Ce = f && !r, De = T || m === "" ? "" : zn(h, m), Ve = Ct(
     () => h.filter((Q) => E.includes(Q.id)),
     [h, E]
   ), Ye = (Q, W) => {
@@ -1516,16 +1516,16 @@ const lo = (e) => {
     }
   }
   function je(W) {
-    const { value: ee, checked: Et } = W.target;
+    const { value: ee, checked: At } = W.target;
     re((it) => {
-      const lt = Et ? [...it, ee] : it.filter((st) => st !== ee);
+      const lt = At ? [...it, ee] : it.filter((st) => st !== ee);
       return p(l, lt.join(",")), lt;
     });
   }
   Pe(() => (document.addEventListener("click", De), () => {
     document.removeEventListener("click", De);
   }), [De]);
-  const Q = Yt(() => O || C ? f : [{ id: "empty-option", label: "", value: "" }, ...f], [f, O, C]);
+  const Q = Ct(() => O || C ? f : [{ id: "empty-option", label: "", value: "" }, ...f], [f, O, C]);
   return /* @__PURE__ */ i(
     so,
     {
@@ -1652,11 +1652,11 @@ const lo = (e) => {
   } = e, [C, N] = Y(l), [A, O] = Y(d), V = (L) => {
     let M;
     if (o === q.MONETARY)
-      M = zt(String(L));
+      M = Ut(String(L));
     else if (o === "date")
       M = L instanceof Date ? L : new Date(String(L));
     else if (o === "percentage") {
-      const Ce = Ut(String(L));
+      const Ce = jt(String(L));
       N(String(L)), n(Ce);
       return;
     } else o === "number" ? M = Number(L) : M = String(L);
@@ -1664,11 +1664,11 @@ const lo = (e) => {
   }, G = (L) => {
     let M;
     if (o === q.MONETARY)
-      M = zt(String(L));
+      M = Ut(String(L));
     else if (o === "date")
       M = L instanceof Date ? L : new Date(String(L));
     else if (o === "percentage") {
-      const Ce = Ut(String(L));
+      const Ce = jt(String(L));
       O(String(L)), r(Ce);
       return;
     } else o === "number" ? M = Number(L) : M = String(L);
@@ -1726,7 +1726,7 @@ const lo = (e) => {
                     onBlur: ce
                   }
                 ) : /* @__PURE__ */ i(
-                  Gt,
+                  Bt,
                   {
                     type: o,
                     name: `${a}DynamicFieldFrom`,
@@ -1776,7 +1776,7 @@ const lo = (e) => {
                   onBlur: re
                 }
               ) : /* @__PURE__ */ i(
-                Gt,
+                Bt,
                 {
                   type: o,
                   name: `${a}DynamicFieldTo`,
@@ -1866,7 +1866,7 @@ const lo = (e) => {
     });
   };
   return /* @__PURE__ */ i(
-    Gt,
+    Bt,
     {
       condition: !0,
       type: e.conditionDataType.toLowerCase(),
@@ -2179,7 +2179,7 @@ const Ao = {
       ]
     }
   );
-}, kt = ({
+}, It = ({
   nameLabel: e,
   type: t,
   valueData: n,
@@ -2301,10 +2301,10 @@ const Ao = {
 }, Lo = {
   LIST_OF_VALUES_MULTI: Io,
   RANGE: Ro,
-  GREATER_THAN: kt,
-  LESS_THAN: kt,
-  EQUAL: kt,
-  LIST_OF_VALUES: kt
+  GREATER_THAN: It,
+  LESS_THAN: It,
+  EQUAL: It,
+  LIST_OF_VALUES: It
 }, Fo = (e) => Lo[e], Vo = (e) => ({
   EqualTo: "EQUAL",
   GreaterThan: "GREATER_THAN",
@@ -2376,7 +2376,7 @@ const Ao = {
     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 Ct(
+  return Dt(
     /* @__PURE__ */ i(
       Mo,
       {
@@ -2503,7 +2503,7 @@ const Ao = {
       }
     )
   ] });
-}, It = ({
+}, Ot = ({
   nameLabel: e,
   type: t,
   valueData: n,
@@ -2717,10 +2717,10 @@ const Ao = {
 }, Bo = {
   LIST_OF_VALUES_MULTI: Uo,
   RANGE: Go,
-  GREATER_THAN: It,
-  LESS_THAN: It,
-  EQUAL: It,
-  LIST_OF_VALUES: It
+  GREATER_THAN: Ot,
+  LESS_THAN: Ot,
+  EQUAL: Ot,
+  LIST_OF_VALUES: Ot
 }, Ho = (e) => Bo[e], qo = (e) => ({
   EqualTo: "EQUAL",
   GreaterThan: "GREATER_THAN",
@@ -2728,7 +2728,7 @@ const Ao = {
   ListOfValues: "LIST_OF_VALUES",
   ListOfValuesMulti: "LIST_OF_VALUES_MULTI",
   Range: "RANGE"
-})[e] || null, Ot = (e) => {
+})[e] || null, Rt = (e) => {
   const { element: t, valueData: n, type: r } = e, a = qo(
     t.howToSetTheDecision || t.howToSetTheCondition
   );
@@ -2951,7 +2951,7 @@ const Ao = {
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   const s = Se("(max-width: 400px)");
-  return Ct(
+  return Dt(
     /* @__PURE__ */ i(Wo, { smallScreen: s, children: /* @__PURE__ */ i(xt, { children: /* @__PURE__ */ i(Qo, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ i(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ i(D, { type: "title", size: "large", appearance: "dark", weight: "bold", children: a }),
@@ -3008,7 +3008,7 @@ const Fr = $.div`
   height: 100%;
   padding-bottom: 12px;
   cursor: pointer;
-`, Nt = $.div`
+`, Et = $.div`
   width: 100%;
   height: 100%;
   & > div {
@@ -3042,7 +3042,7 @@ const Fr = $.div`
 `, ei = (e) => {
   const { index: t, handleOpenModal: n } = e;
   return /* @__PURE__ */ i(
-    Dt,
+    Nt,
     {
       id: `loading-card-${t}`,
       handleDelete: () => {
@@ -3055,10 +3055,10 @@ const Fr = $.div`
   );
 }, ti = (e) => {
   const { decision: t, controls: n, handleOpenModal: r, handleDelete: a, textValues: o } = e;
-  return t ? /* @__PURE__ */ i(Nt, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return t ? /* @__PURE__ */ i(Et, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ i(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
     /* @__PURE__ */ i(
-      Dt,
+      Nt,
       {
         id: t.decisionId,
         handleDelete: () => a ? a(t.decisionId) : null,
@@ -3075,14 +3075,14 @@ const Fr = $.div`
     handleOpenModal: r,
     shouldRenderEmptyMessage: a
   } = e, o = t || "Agregar decisión";
-  return /* @__PURE__ */ i(Nt, { children: a ? null : /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ i(Et, { children: a ? null : /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ i(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ i(
       Fr,
       {
         onClick: () => r ? r() : null,
         children: /* @__PURE__ */ i(
-          Dt,
+          Nt,
           {
             id: `add-decision-${n}`,
             handleDelete: () => {
@@ -3295,7 +3295,7 @@ const Fr = $.div`
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
   const s = Se("(max-width: 400px)");
-  return Ct(
+  return Dt(
     /* @__PURE__ */ i(oi, { $smallScreen: s, children: /* @__PURE__ */ i(xt, { children: /* @__PURE__ */ i(ii, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ i(v, { direction: "column", gap: "24px", children: /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ i(D, { type: "title", size: "large", appearance: "dark", weight: "bold", children: a }),
@@ -3388,7 +3388,7 @@ const di = $.div`
 `, ui = (e) => {
   const { index: t, handleOpenModal: n } = e;
   return /* @__PURE__ */ i(
-    Dt,
+    Nt,
     {
       id: `loading-card-${t}`,
       handleDelete: () => {
@@ -3647,7 +3647,7 @@ const Ni = (e) => {
           cursorHover: !0,
           appearance: "danger",
           size: "24px",
-          icon: /* @__PURE__ */ i(qt, {}),
+          icon: /* @__PURE__ */ i(Yt, {}),
           onClick: () => {
             r(a);
           }
@@ -3659,7 +3659,7 @@ const Ni = (e) => {
   const { decision: t, controls: n, handleOpenModal: r, handleDelete: a, textValues: o, index: s } = e;
   if (!t) return null;
   const c = typeof s == "number" ? `Decisión ${s + 1}` : t.decisionId;
-  return /* @__PURE__ */ i(Nt, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return /* @__PURE__ */ i(Et, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ i(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: c }),
     /* @__PURE__ */ i(
       Ni,
@@ -3685,14 +3685,14 @@ const Ni = (e) => {
     handleOpenModal: r,
     shouldRenderEmptyMessage: a
   } = e, o = t || "Agregar decisión";
-  return /* @__PURE__ */ i(Nt, { children: a ? null : /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ i(Et, { children: a ? null : /* @__PURE__ */ b(v, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ i(D, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ i(
       Fr,
       {
         onClick: () => r ? r() : null,
         children: /* @__PURE__ */ i(
-          Dt,
+          Nt,
           {
             id: `add-decision-${n}`,
             handleDelete: () => {
@@ -3769,14 +3769,14 @@ const Ni = (e) => {
   [F.GREATER_THAN]: rn,
   [F.LESS_THAN]: rn,
   [F.EQUAL]: rn
-}, Fi = (e) => Li[e] || ki, Mt = (e) => e != null && (typeof e != "string" || e.trim() !== "") && (!Array.isArray(e) || e.length > 0), qn = (e, t) => {
+}, Fi = (e) => Li[e] || ki, Pt = (e) => e != null && (typeof e != "string" || e.trim() !== "") && (!Array.isArray(e) || e.length > 0), qn = (e, t) => {
   var c;
   const n = Object.entries(
     (e == null ? void 0 : e.conditionsThatEstablishesTheDecision) ?? {}
-  ).filter(([, l]) => Mt(l)).map(([l, d]) => ({ conditionName: l, value: d }));
+  ).filter(([, l]) => Pt(l)).map(([l, d]) => ({ conditionName: l, value: d }));
   let r = [];
   const a = (c = e == null ? void 0 : e.conditionGroups) == null ? void 0 : c.conditionsThatEstablishesTheDecision;
-  Array.isArray(a) ? r = a.filter((l) => Mt(l == null ? void 0 : l.value)).map((l) => ({ conditionName: l == null ? void 0 : l.conditionName, value: l == null ? void 0 : l.value })) : a && typeof a == "object" && (r = Object.entries(a).filter(([, l]) => Mt(l)).map(([l, d]) => ({ conditionName: l, value: d })));
+  Array.isArray(a) ? r = a.filter((l) => Pt(l == null ? void 0 : l.value)).map((l) => ({ conditionName: l == null ? void 0 : l.conditionName, value: l == null ? void 0 : l.value })) : a && typeof a == "object" && (r = Object.entries(a).filter(([, l]) => Pt(l)).map(([l, d]) => ({ conditionName: l, value: d })));
   const o = n.length ? n : r, s = new Map(
     (t ?? []).map((l) => [l == null ? void 0 : l.conditionName, l])
   );
@@ -3797,7 +3797,7 @@ function Vi({
 }) {
   var u, h;
   const r = ((u = e.conditionGroups[0]) == null ? void 0 : u.conditionsThatEstablishesTheDecision) ?? [], a = r.reduce(
-    (g, f) => (Mt(f.value) && (g[f.conditionName] = f.value), g),
+    (g, f) => (Pt(f.value) && (g[f.conditionName] = f.value), g),
     {}
   ), o = Object.keys(a).length > 0, s = {
     ruleName: e.ruleName || "",
@@ -4052,7 +4052,7 @@ const Ui = (e) => {
     termEndStatus: p
   } = e;
   return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-    jt({
+    Gt({
       condition: o,
       formik: t,
       isDecision: !0
@@ -4100,7 +4100,7 @@ const Ui = (e) => {
                   u.conditionName,
                   u.howToSetTheCondition === Vr.LIST_OF_VALUES_MULTI
                 )(g.target.checked),
-                children: jt({ condition: u, formik: t })
+                children: Gt({ condition: u, formik: t })
               },
               u.conditionName
             );
@@ -4520,7 +4520,7 @@ const nl = (e) => {
               }
             ) }),
             /* @__PURE__ */ i(tl, { children: /* @__PURE__ */ i(
-              Ot,
+              Rt,
               {
                 element: a,
                 valueData: Ze(
@@ -4549,7 +4549,7 @@ const nl = (e) => {
                 B,
                 {
                   appearance: "danger",
-                  icon: /* @__PURE__ */ i(qt, {}),
+                  icon: /* @__PURE__ */ i(Yt, {}),
                   size: "24px",
                   cursorHover: !0,
                   onClick: (A) => {
@@ -4608,7 +4608,7 @@ const nl = (e) => {
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ i(
-                  Ot,
+                  Rt,
                   {
                     element: {
                       ...A,
@@ -4632,7 +4632,7 @@ const nl = (e) => {
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ i(
-                  Ot,
+                  Rt,
                   {
                     element: u.element,
                     valueData: u.valueData,
@@ -4650,7 +4650,7 @@ const nl = (e) => {
                 borderRadius: "8px",
                 background: !0,
                 children: /* @__PURE__ */ i(
-                  Ot,
+                  Rt,
                   {
                     element: h.element,
                     valueData: h.valueData,
@@ -4674,7 +4674,7 @@ const nl = (e) => {
       /* @__PURE__ */ i(ba, { animated: !0 })
     ] })
   ] });
-}, Yn = (e) => !e || typeof e != "object" || Array.isArray(e) ? !1 : Object.values(e).some(Array.isArray), Pt = (e) => {
+}, Yn = (e) => !e || typeof e != "object" || Array.isArray(e) ? !1 : Object.values(e).some(Array.isArray), zt = (e) => {
   const t = /* @__PURE__ */ new Set(), n = [];
   for (const r of e) {
     const a = String((r == null ? void 0 : r.conditionName) ?? "");
@@ -4686,20 +4686,20 @@ const nl = (e) => {
   if (Yn(e.conditionsThatEstablishesTheDecision)) {
     const t = e.conditionsThatEstablishesTheDecision;
     return Object.fromEntries(
-      Object.entries(t).map(([n, r]) => [n, Pt(r)])
+      Object.entries(t).map(([n, r]) => [n, zt(r)])
     );
   }
   if (Array.isArray(e.conditionGroups)) {
     const t = e.conditionGroups.map((n) => [
       n.ConditionGroupId,
-      Pt(
+      zt(
         Array.isArray(n.conditionsThatEstablishesTheDecision) ? n.conditionsThatEstablishesTheDecision : []
       )
     ]);
     return Object.fromEntries(t);
   }
   return Yn(e) ? Object.fromEntries(
-    Object.entries(e).map(([t, n]) => [t, Pt(n)])
+    Object.entries(e).map(([t, n]) => [t, zt(n)])
   ) : {};
 }, Mr = (e, t) => Object.fromEntries(
   Object.entries(e).map(([n, r]) => [n, r.filter(t)])
@@ -4727,7 +4727,7 @@ const nl = (e) => {
     default:
       return String(n);
   }
-}, Rt = (e) => {
+}, Lt = (e) => {
   if (e == null || e === "") return "";
   const t = [
     "Ene",
@@ -4798,24 +4798,24 @@ const nl = (e) => {
   }, [n]) ?? n, f = !!(g != null && g.effectiveFrom), y = !!(g != null && g.validUntil), m = f ? {
     element: {
       labelName: "Vigencia desde:",
-      value: Rt(g.effectiveFrom),
+      value: Lt(g.effectiveFrom),
       howToSetTheDecision: z.EQUAL,
       decisionDataType: q.DATE
     },
     valueData: Ze({
-      value: Rt(g.effectiveFrom),
+      value: Lt(g.effectiveFrom),
       howToSetTheDecision: z.EQUAL,
       decisionDataType: q.DATE
     })
   } : null, T = y ? {
     element: {
       labelName: "Vigencia hasta:",
-      value: Rt(g.validUntil),
+      value: Lt(g.validUntil),
       howToSetTheDecision: z.EQUAL,
       decisionDataType: q.DATE
     },
     valueData: Ze({
-      value: Rt(g.validUntil),
+      value: Lt(g.validUntil),
       howToSetTheDecision: z.EQUAL,
       decisionDataType: q.DATE
     })
@@ -4924,7 +4924,7 @@ const nl = (e) => {
     };
   }), [Ve, Ye] = U.useState(
     ((ct = De[0]) == null ? void 0 : ct.id) ?? "mainCondition"
-  ), _e = (I) => Ye(I), je = M[Ve] ?? L[0] ?? "group-primary", Q = re[je] ?? [], W = L.length > 1, ee = Array.from({ length: 5 }), Et = !!(!r && g && A), it = Q.length < 2 ? "start" : "space-between", lt = `N° ${String((a ?? 0) + 1).padStart(2, "0")}`;
+  ), _e = (I) => Ye(I), je = M[Ve] ?? L[0] ?? "group-primary", Q = re[je] ?? [], W = L.length > 1, ee = Array.from({ length: 5 }), At = !!(!r && g && A), it = Q.length < 2 ? "start" : "space-between", lt = `N° ${String((a ?? 0) + 1).padStart(2, "0")}`;
   return /* @__PURE__ */ i(
     nl,
     {
@@ -4932,7 +4932,7 @@ const nl = (e) => {
       controls: d,
       decision: g,
       decisionMapper: A,
-      loading: Et,
+      loading: At,
       skeleton: ee,
       tagLabel: lt,
       isOpen: o,
@@ -5055,7 +5055,7 @@ const ll = $.div`
     editionMode: d,
     withEditOption: p
   } = e;
-  return n ? /* @__PURE__ */ i(Nt, { children: /* @__PURE__ */ i(v, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ i(
+  return n ? /* @__PURE__ */ i(Et, { children: /* @__PURE__ */ i(v, { direction: "column", gap: "4px", width: "100%", children: /* @__PURE__ */ i(
     _r,
     {
       id: n.decisionId,
@@ -5172,7 +5172,7 @@ const ll = $.div`
     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 Ct(
+  return Dt(
     /* @__PURE__ */ i(zr, { children: /* @__PURE__ */ i(xt, { children: /* @__PURE__ */ i(hl, { $size: s, children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
         /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
@@ -5222,13 +5222,13 @@ const ll = $.div`
     ) : typeof t == "string"
   ),
   value: e
-}), Lt = "Por favor escribe un valor", Xn = "Por favor escribe un valor mayor o igual que 0", Jn = "El valor desde no puede ser mayor que el valor hasta", Zn = (e, t) => {
+}), Ft = "Por favor escribe un valor", Xn = "Por favor escribe un valor mayor o igual que 0", Jn = "El valor desde no puede ser mayor que el valor hasta", Zn = (e, t) => {
   if (t !== "")
     return e;
 }, bl = (e) => ({
   schema: ne({
-    from: $e().transform(Zn).typeError(Lt).required(Lt).min(0, Xn),
-    to: $e().transform(Zn).typeError(Lt).required(Lt).min(0, Xn)
+    from: $e().transform(Zn).typeError(Ft).required(Ft).min(0, Xn),
+    to: $e().transform(Zn).typeError(Ft).required(Ft).min(0, Xn)
   }).test("from<=to", Jn, function(t) {
     const n = t == null ? void 0 : t.from, r = t == null ? void 0 : t.to;
     return n === void 0 || r === void 0 ? !0 : n > r ? this.createError({
@@ -5237,7 +5237,7 @@ const ll = $.div`
     }) : !0;
   }),
   value: { from: e == null ? void 0 : e.from, to: e == null ? void 0 : e.to }
-}), Ft = "Por favor escribe un valor", Kn = "Por favor escribe un valor mayor o igual que 0", er = "El valor desde no puede ser mayor que el valor hasta", tr = (e, t) => {
+}), Vt = "Por favor escribe un valor", Kn = "Por favor escribe un valor mayor o igual que 0", er = "El valor desde no puede ser mayor que el valor hasta", tr = (e, t) => {
   if (t !== "")
     return e;
 }, yl = ({
@@ -5245,8 +5245,8 @@ const ll = $.div`
   max: t,
   pathPrefix: n = ""
 } = {}) => ne({
-  from: $e().transform(tr).typeError(Ft).required(Ft).min(e, Kn).max(t ?? Number.POSITIVE_INFINITY),
-  to: $e().transform(tr).typeError(Ft).required(Ft).min(e, Kn).max(t ?? Number.POSITIVE_INFINITY)
+  from: $e().transform(tr).typeError(Vt).required(Vt).min(e, Kn).max(t ?? Number.POSITIVE_INFINITY),
+  to: $e().transform(tr).typeError(Vt).required(Vt).min(e, Kn).max(t ?? Number.POSITIVE_INFINITY)
 }).test("from<=to", er, function(r) {
   const a = r == null ? void 0 : r.from, o = r == null ? void 0 : r.to;
   if (a === void 0 || o === void 0) return !0;
@@ -5584,7 +5584,7 @@ const xl = $.div`
     withTerm: T,
     decisionNumber: S
   } = e;
-  return console.log(r), /* @__PURE__ */ b(j, { children: [
+  return /* @__PURE__ */ b(j, { children: [
     /* @__PURE__ */ i("form", { onSubmit: r.handleSubmit, autoComplete: "off", children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", width: "100%", children: [
       /* @__PURE__ */ i(Qe, { legend: `Decisión N° ${S}`, spacing: "wide", children: /* @__PURE__ */ b(v, { direction: "column", width: "100%", gap: "16px", children: [
         /* @__PURE__ */ b(
@@ -5667,7 +5667,7 @@ const xl = $.div`
             /* @__PURE__ */ i(
               B,
               {
-                icon: /* @__PURE__ */ i(qt, {}),
+                icon: /* @__PURE__ */ i(Yt, {}),
                 appearance: "danger",
                 cursorHover: !0,
                 onClick: () => s(C)
@@ -5868,12 +5868,12 @@ const ut = (e) => {
         const ae = _[be] || [], ve = Object.keys(ye).map((Ne) => {
           const J = ye[Ne], ue = ae.find((ta) => ta.conditionName === Ne) || {}, Zt = ut(
             ue.howToSetTheCondition ?? (J == null ? void 0 : J.howToSetTheCondition)
-          ), At = ue.value ?? pt(Zt), $t = J && typeof J == "object" && "value" in J ? J.value : J;
+          ), $t = ue.value ?? pt(Zt), kt = J && typeof J == "object" && "value" in J ? J.value : J;
           return {
             ...ue,
             ...typeof J == "object" && !Array.isArray(J) ? J : {},
             conditionName: Ne,
-            value: $t !== void 0 ? $t : At
+            value: kt !== void 0 ? kt : $t
           };
         });
         return {
@@ -5902,7 +5902,7 @@ const ut = (e) => {
           d.values,
           w,
           X.conditionName
-        ), At = ue !== void 0 ? ue : Zt, $t = At !== void 0 ? At : pt(ae);
+        ), $t = ue !== void 0 ? ue : Zt, kt = $t !== void 0 ? $t : pt(ae);
         return {
           ...X,
           __originalConditionName: X.conditionName,
@@ -5913,7 +5913,7 @@ const ut = (e) => {
           groupKey: w,
           labelName: ve,
           __unitAfterInput: Ne,
-          value: $t
+          value: kt
         };
       });
       return [w, P];
@@ -6042,30 +6042,29 @@ const ut = (e) => {
     min-height: auto;
   }
 `, Ul = (e) => {
-  const { options: t } = e, [n, r] = Y([]);
+  const { options: t } = e, [n, r] = Y([]), a = Ct(() => t.filter((p) => p.value === "true"), [t]);
   Pe(() => {
-    const d = t.filter((p) => p.value === "true");
-    r(d);
-  }, [t]);
-  const a = (d) => {
-    r((p) => {
-      if (p.some((g) => g.id === d))
-        return p.filter((g) => g.id !== d);
-      const h = t.find((g) => g.id === d);
-      return h ? [...p, h] : p;
+    r(a);
+  }, [a]);
+  const o = (p) => {
+    r((u) => {
+      if (u.some((f) => f.id === p))
+        return u.filter((f) => f.id !== p);
+      const g = t.find((f) => f.id === p);
+      return g ? [...u, g] : u;
     });
-  }, o = () => {
-    r([]);
   }, s = () => {
+    r([]);
+  }, c = () => {
     r(t);
-  }, c = n.length === 0, l = n.length === t.length;
+  }, l = n.length === 0, d = n.length === t.length;
   return {
-    onToggleAllConditions: s,
-    isAllConditionsChecked: l,
-    isAnyConditionChecked: c,
-    onToggleAnyCondition: o,
+    onToggleAllConditions: c,
+    isAllConditionsChecked: d,
+    isAnyConditionChecked: l,
+    onToggleAnyCondition: s,
     checkedItems: n,
-    handleCheckboxChange: a
+    handleCheckboxChange: o
   };
 }, jl = (e) => {
   const { options: t, portalId: n, onCloseModal: r, onOpenRulesModal: a } = e, o = document.getElementById(n);
@@ -6081,7 +6080,7 @@ const ut = (e) => {
     checkedItems: p,
     handleCheckboxChange: u
   } = Ul({ options: t });
-  return Ct(
+  return Dt(
     /* @__PURE__ */ i(zr, { children: /* @__PURE__ */ i(xt, { children: /* @__PURE__ */ i(Pl, { children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
         /* @__PURE__ */ b(v, { alignItems: "center", justifyContent: "space-between", children: [
@@ -7078,7 +7077,7 @@ const os = $.div`
     termEndStatus: p
   } = e;
   return /* @__PURE__ */ i("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ b(v, { direction: "column", gap: "24px", children: [
-    jt({
+    Gt({
       condition: o,
       formik: t,
       isDecision: !0
@@ -7124,7 +7123,7 @@ const os = $.div`
                 u.conditionName,
                 u.howToSetTheCondition === F.LIST_OF_VALUES_MULTI
               )(h.target.checked),
-              children: jt({ condition: u, formik: t })
+              children: Gt({ condition: u, formik: t })
             },
             u.conditionName
           )) })
@@ -7699,7 +7698,7 @@ function $s({
 }) {
   var l, d, p;
   if (!Ln) return;
-  dr || (dr = Bt(document, {
+  dr || (dr = Ht(document, {
     dragover: Es,
     pointerdown: xs,
     pointerup: Cs,
@@ -7859,7 +7858,7 @@ function Xe(e, t, n) {
     s !== -1 && n.selectedState.nodes.splice(s, 1);
   }
 }
-function Vt(e, t, n, r, a = !1) {
+function _t(e, t, n, r, a = !1) {
   r.pointerSelection = a;
   for (const o of t)
     o.el.setAttribute("aria-selected", "true"), tt([o.el], e.data.config.selectedClass, !0);
@@ -7928,17 +7927,17 @@ function me(e) {
   return "synthDragging" in e && !!e.synthDragging;
 }
 function Ls(e, t) {
-  t.abortControllers.mainParent = Bt(e, {
-    dragover: _t(t.config.handleParentDragover),
+  t.abortControllers.mainParent = Ht(e, {
+    dragover: Mt(t.config.handleParentDragover),
     handleParentPointerover: t.config.handleParentPointerover,
-    scroll: _t(t.config.handleParentScroll),
-    drop: _t(t.config.handleParentDrop),
+    scroll: Mt(t.config.handleParentScroll),
+    drop: Mt(t.config.handleParentDrop),
     hasNestedParent: (n) => {
       const r = oe.get(n.target);
       r && (r.nestedParent = n.detail.parent);
     },
-    focus: _t(t.config.handleParentFocus)
-  }), t.config.externalDragHandle && t.config.externalDragHandle.el && t.config.externalDragHandle.callback && (t.abortControllers.externalDragHandle = Bt(
+    focus: Mt(t.config.handleParentFocus)
+  }), t.config.externalDragHandle && t.config.externalDragHandle.el && t.config.externalDragHandle.callback && (t.abortControllers.externalDragHandle = Ht(
     t.config.externalDragHandle.el,
     {
       pointerdown: (n) => {
@@ -7974,7 +7973,7 @@ function Ls(e, t) {
 function Fs(e) {
   var n;
   const t = e.parent.data.config;
-  e.node.data.abortControllers.mainNode = Bt(e.node.el, {
+  e.node.data.abortControllers.mainNode = Ht(e.node.el, {
     keydown: pe(t.handleNodeKeydown),
     dragstart: pe(t.handleDragstart),
     dragover: pe(t.handleNodeDragover),
@@ -8195,7 +8194,7 @@ function Hs(e, t) {
       (p) => p.el === s.el
     ) === -1 ? r = [...t.selectedState.nodes, s] : r = t.selectedState.nodes.filter(
       (p) => p.el !== s.el
-    ) : r = [s], Vt(
+    ) : r = [s], _t(
       e.targetData.parent,
       r,
       e.targetData.node,
@@ -8224,7 +8223,7 @@ function Hs(e, t) {
     else
       for (let p = 0; p <= s.data.index; p++)
         r.push(d[p]);
-    Vt(
+    _t(
       e.targetData.parent,
       r,
       e.targetData.node,
@@ -8235,13 +8234,13 @@ function Hs(e, t) {
   }
   (l = (c = t.selectedState) == null ? void 0 : c.nodes) != null && l.length ? t.selectedState.nodes.findIndex(
     (p) => p.el === e.targetData.node.el
-  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? Xe(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Yr() ? r.push(...t.selectedState.nodes) : Xe(t.selectedState.nodes, e.targetData.parent, t), Vt(
+  ) === -1 && (t.selectedState.parent.el !== e.targetData.parent.el ? Xe(t.selectedState.nodes, e.targetData.parent, t) : n.config.multiDrag && Yr() ? r.push(...t.selectedState.nodes) : Xe(t.selectedState.nodes, e.targetData.parent, t), _t(
     e.targetData.parent,
     r,
     e.targetData.node,
     t,
     !0
-  )) : Vt(
+  )) : _t(
     e.targetData.parent,
     [e.targetData.node],
     e.targetData.node,
@@ -8672,7 +8671,7 @@ function Qt(e, t) {
     targetNodes: "node" in e.targetData ? [e.targetData.node] : []
   }), t.currentParent = e.targetData.parent, t.transferred = !0);
 }
-function _t(e) {
+function Mt(e) {
   function t(n) {
     const r = oe.get(n);
     if (r)
@@ -8848,7 +8847,7 @@ function gd(e) {
 function Jt(e) {
   return e instanceof HTMLElement && e.parentNode instanceof HTMLElement;
 }
-function Bt(e, t) {
+function Ht(e, t) {
   const n = new AbortController();
   for (const r in t) {
     const a = t[r];
@@ -8870,18 +8869,18 @@ function md(e, t) {
   const n = fd(e);
   n && t(n);
 }
-var Ht = /* @__PURE__ */ new WeakMap();
+var qt = /* @__PURE__ */ new WeakMap();
 function bd(e) {
-  const t = Ht.get(e);
+  const t = qt.get(e);
   return t ? t[0] : (console.warn("No values found for parent element"), []);
 }
 function yd(e, t) {
-  const n = Ht.get(t);
-  n && n[1](e), Ht.set(t, [e, n[1]]);
+  const n = qt.get(t);
+  n && n[1](e), qt.set(t, [e, n[1]]);
 }
 function vd(e, t) {
   return (n) => {
-    Ht.set(n, t), $s({ parent: n, getValues: bd, setValues: yd, config: e });
+    qt.set(n, t), $s({ parent: n, getValues: bd, setValues: yd, config: e });
   };
 }
 function hr(e) {
@@ -9164,7 +9163,7 @@ const gr = {
   );
 }, Dd = (e) => Object.entries(e).map(([t, n]) => ({
   ConditionGroupId: t,
-  conditionsThatEstablishesTheDecision: Pt(n)
+  conditionsThatEstablishesTheDecision: zt(n)
 })), Vc = (e) => {
   const t = Me(e);
   return {
@@ -10082,10 +10081,10 @@ function ac(e) {
   }) };
 }
 function oc(e, t) {
-  return Yt(() => t ?? ac(e), [t, e]);
+  return Ct(() => t ?? ac(e), [t, e]);
 }
 function _c(e) {
-  const { data: t, isMobile: n, isTablet: r, onBackStep: a, schema: o } = e, s = oc(t, o), c = { data: t, isMobile: n, isTablet: r }, l = Yt(() => Kd(vr), []), d = s.steps.map((p) => {
+  const { data: t, isMobile: n, isTablet: r, onBackStep: a, schema: o } = e, s = oc(t, o), c = { data: t, isMobile: n, isTablet: r }, l = Ct(() => Kd(vr), []), d = s.steps.map((p) => {
     const u = p.nodes.map((h) => vr(h, c, l)).filter((h) => h != null && h !== !1);
     return {
       ...p,
@@ -10117,7 +10116,7 @@ function _c(e) {
 }
 export {
   Rc as BackAndNextButton,
-  Dt as BusinessRuleCard,
+  Nt as BusinessRuleCard,
   _r as BusinessRuleCardNew,
   Rn as BusinessRuleView,
   Pr as BusinessRuleViewNew,
@@ -10125,16 +10124,16 @@ export {
   wc as BusinessRulesNew,
   Tc as BusinessRulesWithGroup,
   Rr as Checkpicker,
-  jt as DecisionConditionRender,
+  Gt as DecisionConditionRender,
   Un as DecisionConditionRenderNew,
   et as DecisionViewConditionRenderer,
-  Ot as DecisionViewConditionRendererNew,
+  Rt as DecisionViewConditionRendererNew,
   Ic as DragAndDropBoxes,
   fr as DraggableList,
   bs as DropdownMenu,
   kc as DropdownMenuContainer,
   kr as DynamicField,
-  Gt as DynamicFieldNew,
+  Bt as DynamicFieldNew,
   $o as DynamicViewField,
   Po as DynamicViewFieldNew,
   We as EFieldType,
@@ -10168,8 +10167,8 @@ export {
   Dd as groupsRecordToArrayNew,
   Fc as mapByGroupNew,
   Vc as normalizeDecisionToNewShape,
-  zt as parseCurrencyString,
-  Ut as parsePercentageString,
+  Ut as parseCurrencyString,
+  jt as parsePercentageString,
   Dc as parseRangeFromString,
   Ea as percentageFormat,
   Nc as revertSortedDataSampleSwitchPlaces,

package/package.json

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