@isettingkit/business-rules 1.0.16 → 1.0.17

package/dist/index.es.js

@@ -1,16 +1,16 @@
-import { jsx as a, jsxs as h, Fragment as D } from "react/jsx-runtime";
+import { jsx as a, jsxs as u, Fragment as D } from "react/jsx-runtime";
 import { MdOutlineDelete as fe, MdClear as ne, MdAdd as ae, MdOutlineFilterAltOff as ie, MdOutlineFilterAlt as oe } from "react-icons/md";
-import { inube as w, Stack as p, Divider as S, Icon as M, Text as y, SkeletonLine as $, useMediaQuery as A, Blanket as re, Button as N, Grid as le, Box as ye, Tag as se, Checkpicker as xe, Toggle as de, Checkbox as we, Date as Q } from "@inubekit/inubekit";
-import f, { keyframes as ve } from "styled-components";
+import { inube as w, Stack as p, Divider as S, Icon as M, Text as y, SkeletonLine as F, useMediaQuery as $, Blanket as re, Button as N, Grid as le, Tag as se, Checkpicker as ye, Toggle as de, Checkbox as xe, Date as Q } from "@inubekit/inubekit";
+import f, { keyframes as we } from "styled-components";
 import { ValueDataType as k, ValueHowToSetUp as O, DecisionConditionRender as Y } from "@isettingkit/input";
 import { DecisionViewConditionRenderer as U } from "@isettingkit/view";
 import { createPortal as ce } from "react-dom";
-import { useFormik as Ce } from "formik";
+import { useFormik as ve } from "formik";
 import { string as H, mixed as he, object as V, number as q, lazy as K, date as W } from "yup";
-import { useState as z, useEffect as Se } from "react";
-import De from "axios";
-import { franc as Ee } from "franc-min";
-const Ne = f.div`
+import { useState as z, useEffect as Ce } from "react";
+import Se from "axios";
+import { franc as De } from "franc-min";
+const Ee = f.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: e }) => {
@@ -47,9 +47,9 @@ f.div`
 `;
 const P = (e) => {
   const { children: t, controls: n = !0, handleDelete: i, id: o } = e;
-  return /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+  return /* @__PURE__ */ a(Ee, { children: /* @__PURE__ */ u(p, { direction: "column", gap: "16px", padding: "12px 16px", children: [
     t,
-    n && /* @__PURE__ */ h(D, { children: [
+    n && /* @__PURE__ */ u(D, { children: [
       /* @__PURE__ */ a(S, {}),
       /* @__PURE__ */ a(p, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
         M,
@@ -92,34 +92,34 @@ const P = (e) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ke = (e) => e.value, Ae = (e) => e.value, Fe = (e) => e.value, $e = (e) => ({
+`, Ne = (e) => e.value, ke = (e) => e.value, $e = (e) => e.value, Ae = (e) => ({
   from: e.from ?? "",
   to: e.to ?? ""
-}), Ie = (e) => e.value, Re = (e) => e.value, Me = (e) => e.value;
+}), Fe = (e) => e.value, Ie = (e) => e.value, Re = (e) => e.value;
 var x = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(x || {});
-const Le = {
-  [x.LIST_OF_VALUES]: Ae,
-  [x.LIST_OF_VALUES_MULTI]: Fe,
-  [x.RANGE]: $e,
-  [x.GREATER_THAN]: Ie,
-  [x.LESS_THAN]: Re,
-  [x.EQUAL]: Me
+const Me = {
+  [x.LIST_OF_VALUES]: ke,
+  [x.LIST_OF_VALUES_MULTI]: $e,
+  [x.RANGE]: Ae,
+  [x.GREATER_THAN]: Fe,
+  [x.LESS_THAN]: Ie,
+  [x.EQUAL]: Re
 }, R = (e) => {
-  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), i = Le[e == null ? void 0 : e.howToSetTheDecision] || ke;
+  const t = e == null ? void 0 : e.value, n = typeof t == "object" && t !== null && !Array.isArray(t), i = Me[e == null ? void 0 : e.howToSetTheDecision] || Ne;
   return n && i(t) || t || void 0;
-}, Oe = (e) => {
+}, Le = (e) => {
   const {
     conditionsAlignment: t,
     decision: n,
     decisionDateElement: i,
     decisionMapper: o,
     loading: r,
-    skeleton: u,
+    skeleton: h,
     terms: l,
     textValues: s,
     visibleConditions: g
   } = e;
-  return r ? /* @__PURE__ */ h(p, { direction: "column", gap: "12px", children: [
+  return r ? /* @__PURE__ */ u(p, { direction: "column", gap: "12px", children: [
     /* @__PURE__ */ a(p, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
       U,
       {
@@ -131,7 +131,7 @@ const Le = {
       }
     ) }, n.ruleName),
     /* @__PURE__ */ a(S, { dashed: !0 }),
-    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ a(X, { children: /* @__PURE__ */ u(
       p,
       {
         direction: "column",
@@ -159,7 +159,7 @@ const Le = {
               )
             }
           ) }) }, c.conditionName)),
-          l && /* @__PURE__ */ h(D, { children: [
+          l && /* @__PURE__ */ u(D, { children: [
             /* @__PURE__ */ a(S, { dashed: !0 }),
             i && /* @__PURE__ */ a(
               U,
@@ -174,14 +174,14 @@ const Le = {
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ h(p, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ h(p, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ a($, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ a($, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ u(p, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ u(p, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ a(F, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ a(F, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ h(p, { direction: "column", gap: "12px", alignItems: "center", children: [
+    /* @__PURE__ */ u(p, { direction: "column", gap: "12px", alignItems: "center", children: [
       /* @__PURE__ */ a(S, { dashed: !0 }),
-      /* @__PURE__ */ a($, { animated: !0, width: "150px" })
+      /* @__PURE__ */ a(F, { animated: !0, width: "150px" })
     ] }),
     /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(
       p,
@@ -190,7 +190,7 @@ const Le = {
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: u.map((c, d) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ h(
+        children: h.map((c, d) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ u(
           p,
           {
             direction: "column",
@@ -198,8 +198,8 @@ const Le = {
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ a($, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ a($, { animated: !0, width: "85px" })
+              /* @__PURE__ */ a(F, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ a(F, { animated: !0, width: "85px" })
             ]
           }
         ) }, `condition-${d}`))
@@ -208,7 +208,7 @@ const Le = {
   ] });
 }, ue = (e) => {
   var b;
-  const { decision: t, loading: n = !1, textValues: i } = e, o = !!(t != null && t.effectiveFrom), r = !!(t != null && t.validUntil), u = o && r ? {
+  const { decision: t, loading: n = !1, textValues: i } = e, o = !!(t != null && t.effectiveFrom), r = !!(t != null && t.validUntil), h = o && r ? {
     element: {
       labelName: i == null ? void 0 : i.terms,
       value: String(t.effectiveFrom),
@@ -246,11 +246,11 @@ const Le = {
     (T) => !T.hidden
   )) || [], g = Array.from({ length: 5 }), c = !!(!n && t && i && l), d = s.length < 2 ? "start" : "space-between";
   return /* @__PURE__ */ a(
-    Oe,
+    Le,
     {
       conditionsAlignment: d,
       decision: t,
-      decisionDateElement: u,
+      decisionDateElement: h,
       decisionMapper: l,
       loading: c,
       skeleton: g,
@@ -259,12 +259,12 @@ const Le = {
       visibleConditions: s
     }
   );
-}, Ve = f.div`
+}, Oe = f.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, ze = f.div`
+`, Ve = f.div`
   background-color: ${({ theme: e }) => {
   var t, n;
   return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
@@ -295,16 +295,16 @@ const Le = {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, _e = (e) => {
+`, ze = (e) => {
   const { children: t, portalId: n, onCloseModal: i, title: o } = e, r = document.getElementById(n);
   if (!r)
     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."
     );
-  const u = A("(max-width: 400px)");
+  const h = $("(max-width: 400px)");
   return ce(
-    /* @__PURE__ */ a(Ve, { smallScreen: u, children: /* @__PURE__ */ a(re, { children: /* @__PURE__ */ a(ze, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ a(p, { direction: "column", gap: "24px", children: /* @__PURE__ */ h(p, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ a(Oe, { smallScreen: h, children: /* @__PURE__ */ a(re, { children: /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ u(p, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ a(p, { direction: "column", gap: "24px", children: /* @__PURE__ */ u(p, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ a(y, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
         /* @__PURE__ */ a(ne, { size: "24px", cursor: "pointer", onClick: i })
       ] }) }),
@@ -312,7 +312,7 @@ const Le = {
     ] }) }) }) }),
     r
   );
-}, Ue = ve`
+}, _e = we`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -346,7 +346,7 @@ f.div`
 }};
   }
 `;
-const je = f.div`
+const Ue = f.div`
   & > div {
     background-color: ${({ theme: e }) => {
   var t, n;
@@ -362,14 +362,14 @@ const je = f.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${Ue} 600ms ease-out;
+    animation: ${_e} 600ms ease-out;
   }
-`, qe = f.div`
+`, je = f.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Be = f.div`
+`, qe = f.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -390,7 +390,7 @@ const je = f.div`
     }
   }
 `;
-function He(e) {
+function Be(e) {
   const { index: t, handleOpenModal: n } = e;
   return /* @__PURE__ */ a(
     P,
@@ -405,9 +405,9 @@ function He(e) {
     `loading-card-${t}`
   );
 }
-function Pe(e) {
+function He(e) {
   const { decision: t, controls: n, handleOpenModal: i, handleDelete: o, textValues: r } = e;
-  return t ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ h(p, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+  return t ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ u(p, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
     /* @__PURE__ */ a(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.decisionId }),
     /* @__PURE__ */ a(
       P,
@@ -421,17 +421,17 @@ function Pe(e) {
     )
   ] }) }, t.decisionId) : null;
 }
-function Ge(e) {
+function Pe(e) {
   const {
     customTitleContentAddCard: t,
     index: n,
     handleOpenModal: i,
     shouldRenderEmptyMessage: o
   } = e, r = t || "Agregar decisión";
-  return /* @__PURE__ */ a(pe, { children: o ? null : /* @__PURE__ */ h(p, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
+  return /* @__PURE__ */ a(pe, { children: o ? null : /* @__PURE__ */ u(p, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
     /* @__PURE__ */ a(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
     /* @__PURE__ */ a(
-      je,
+      Ue,
       {
         onClick: () => i ? i() : null,
         children: /* @__PURE__ */ a(
@@ -442,7 +442,7 @@ function Ge(e) {
             },
             handleView: () => i ? i() : null,
             controls: !1,
-            children: /* @__PURE__ */ h(p, { direction: "column", gap: "12px", alignItems: "center", children: [
+            children: /* @__PURE__ */ u(p, { direction: "column", gap: "12px", alignItems: "center", children: [
               /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(ae, {}), size: "35px" }),
               /* @__PURE__ */ a(y, { appearance: "gray", type: "body", size: "large", children: r })
             ] })
@@ -452,21 +452,21 @@ function Ge(e) {
     )
   ] }) }, `add-decision-${n}`);
 }
-const Qe = {
-  loading: He,
-  decision: Pe,
-  add: Ge
+const Ge = {
+  loading: Be,
+  decision: He,
+  add: Pe
 }, B = (e) => {
-  const { type: t } = e, n = Qe[t];
+  const { type: t } = e, n = Ge[t];
   return n ? n(e) : null;
-}, Ye = (e) => {
+}, Qe = (e) => {
   const {
     controls: t,
     customTitleContentAddCard: n,
     decisions: i,
     loading: o,
     handleOpenModal: r,
-    handleDelete: u,
+    handleDelete: h,
     textValues: l
   } = e, s = o ? Array.from({ length: 3 }).map(
     (c, d) => B({
@@ -476,7 +476,7 @@ const Qe = {
       customTitleContentAddCard: n,
       loading: o,
       handleOpenModal: r,
-      handleDelete: u,
+      handleDelete: h,
       textValues: l
     })
   ) : i == null ? void 0 : i.map(
@@ -487,7 +487,7 @@ const Qe = {
       customTitleContentAddCard: n,
       loading: o,
       handleOpenModal: r,
-      handleDelete: u,
+      handleDelete: h,
       textValues: l
     })
   ), g = ((i == null ? void 0 : i.length) === 0 || i.length < Math.floor(window.innerWidth / 300)) && !o && t;
@@ -499,7 +499,7 @@ const Qe = {
     customMessageEmptyDecisions: i,
     decisions: o,
     textValues: r,
-    decisionTemplate: u,
+    decisionTemplate: h,
     isModalOpen: l,
     selectedDecision: s,
     loading: g,
@@ -508,7 +508,7 @@ const Qe = {
     handleSubmitForm: b,
     handleDelete: T,
     terms: m = !0
-  } = e, v = A("(max-width: 681px)"), C = A("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: _ } = Ye({
+  } = e, v = $("(max-width: 681px)"), C = $("(max-width: 400px)"), { renderedCards: A, shouldRenderAddCard: _ } = Qe({
     controls: t,
     customTitleContentAddCard: n,
     decisions: o,
@@ -517,8 +517,8 @@ const Qe = {
     handleDelete: T,
     textValues: r
   }), L = (o == null ? void 0 : o.length) === 0 && !g;
-  return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(Be, { children: /* @__PURE__ */ a(p, { direction: "column", gap: "16px", padding: "6px", children: L ? /* @__PURE__ */ h(
+  return /* @__PURE__ */ u(D, { children: [
+    /* @__PURE__ */ a(je, { children: /* @__PURE__ */ a(qe, { children: /* @__PURE__ */ a(p, { direction: "column", gap: "16px", padding: "6px", children: L ? /* @__PURE__ */ u(
       p,
       {
         direction: "column",
@@ -528,9 +528,9 @@ const Qe = {
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ a(y, { as: "span", type: "label", size: "large", appearance: "gray", children: i || /* @__PURE__ */ h(D, { children: [
+          /* @__PURE__ */ a(y, { as: "span", type: "label", size: "large", appearance: "gray", children: i || /* @__PURE__ */ u(D, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ u(
               y,
               {
                 as: "span",
@@ -557,7 +557,7 @@ const Qe = {
           )
         ]
       }
-    ) : /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ u(
       le,
       {
         templateColumns: C ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
@@ -570,7 +570,7 @@ const Qe = {
         padding: "6px",
         height: v ? "auto" : "484px",
         children: [
-          F,
+          A,
           _ && B({
             type: "add",
             index: o == null ? void 0 : o.length,
@@ -588,15 +588,15 @@ const Qe = {
       }
     ) }) }) }),
     l && /* @__PURE__ */ a(
-      _e,
+      ze,
       {
         portalId: "modal-portal",
         onCloseModal: d,
         title: s ? "Editar Decisión" : "Nueva decisión",
         children: /* @__PURE__ */ a(
-          dt,
+          ct,
           {
-            decision: s || u,
+            decision: s || h,
             onSubmitEvent: b,
             textValues: r,
             onCancel: () => d ? d() : () => {
@@ -606,7 +606,7 @@ const Qe = {
       }
     )
   ] });
-}, Ke = f.div`
+}, Ye = f.div`
   display: flex;
   justify-content: ${({ justifyContent: e }) => e};
   align-items: ${({ alignItems: e }) => e};
@@ -636,7 +636,7 @@ const Qe = {
     direction: i = "column",
     justifyContent: o,
     alignItems: r,
-    alignContent: u,
+    alignContent: h,
     height: l,
     width: s,
     gap: g,
@@ -649,12 +649,12 @@ const Qe = {
     scroll: C = !1
   } = e;
   return /* @__PURE__ */ a(
-    Ke,
+    Ye,
     {
       direction: i,
       justifyContent: o,
       alignItems: r,
-      alignContent: u,
+      alignContent: h,
       height: l,
       width: s,
       wrap: n,
@@ -669,20 +669,55 @@ const Qe = {
       children: t
     }
   );
-}, We = f.div`
-  & > div {
-    width: 100%;
+}, Ke = {
+  border: {
+    color: w.palette.neutral.N40
   }
-`, Ft = (e) => {
+}, We = f.div`
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ theme: e }) => {
+  var t, n;
+  return ((n = (t = e == null ? void 0 : e.box) == null ? void 0 : t.border) == null ? void 0 : n.color) || Ke.border.color;
+}};
+  border-radius: ${({ $borderRadius: e }) => e};
+  margin: ${({ $margin: e }) => e};
+  padding: ${({ $padding: e }) => e};
+  width: ${({ $width: e }) => e};
+  height: ${({ $height: e }) => e};
+  box-sizing: border-box;
+`;
+function Je(e) {
+  const {
+    children: t,
+    padding: n = "16px",
+    margin: i,
+    borderRadius: o = "8px",
+    width: r,
+    height: h
+  } = e;
+  return /* @__PURE__ */ a(
+    We,
+    {
+      $padding: n,
+      $margin: i,
+      $borderRadius: o,
+      $width: r,
+      $height: h,
+      children: t
+    }
+  );
+}
+const Ft = (e) => {
   const {
     appliedFilters: t,
     onClear: n,
     onClick: i,
     noFiltersLabel: o,
     titleClearFilter: r,
-    titleFilter: u
+    titleFilter: h
   } = e, l = !t || t.length === 0;
-  return /* @__PURE__ */ a(We, { children: /* @__PURE__ */ a(ye, { borderRadius: "8px", width: "100%", children: /* @__PURE__ */ h(le, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
+  return /* @__PURE__ */ a(Je, { borderRadius: "8px", width: "100%", children: /* @__PURE__ */ u(le, { gap: "12px", templateColumns: "1fr auto auto", width: "100%", children: [
     /* @__PURE__ */ a(
       ge,
       {
@@ -726,11 +761,11 @@ const Qe = {
         iconBefore: /* @__PURE__ */ a(oe, {}),
         onClick: i,
         variant: "outlined",
-        children: u
+        children: h
       }
     )
-  ] }) }) });
-}, Je = f.div`
+  ] }) });
+}, Xe = f.div`
   display: flex;
   flex-direction: column;
   background-color: ${({ theme: e }) => {
@@ -743,34 +778,34 @@ const Qe = {
   padding: 24px;
   gap: 24px;
   box-sizing: border-box;
-`, $t = (e) => {
+`, It = (e) => {
   const {
     actionButtonLabel: t,
     cancelButtonLabel: n,
     children: i,
     loading: o,
     onClick: r,
-    onCloseModal: u,
+    onCloseModal: h,
     portalId: l,
     title: s
-  } = e, g = A("(max-width: 768px)"), c = document.getElementById(l);
+  } = e, g = $("(max-width: 768px)"), c = document.getElementById(l);
   if (!c)
     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 ce(
-    /* @__PURE__ */ a(re, { children: /* @__PURE__ */ h(Je, { $smallScreen: g, children: [
-      /* @__PURE__ */ h(p, { direction: "column", gap: "16px", children: [
-        /* @__PURE__ */ h(p, { alignContent: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ a(re, { children: /* @__PURE__ */ u(Xe, { $smallScreen: g, children: [
+      /* @__PURE__ */ u(p, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ u(p, { alignContent: "center", justifyContent: "space-between", children: [
           /* @__PURE__ */ a(y, { appearance: "dark", size: "small", type: "headline", children: s }),
-          /* @__PURE__ */ h(p, { alignItems: "center", children: [
+          /* @__PURE__ */ u(p, { alignItems: "center", children: [
             /* @__PURE__ */ a(y, { children: "Cerrar" }),
             /* @__PURE__ */ a(
               M,
               {
                 appearance: "dark",
                 icon: /* @__PURE__ */ a(ne, {}),
-                onClick: u,
+                onClick: h,
                 cursorHover: !0
               }
             )
@@ -779,12 +814,12 @@ const Qe = {
         /* @__PURE__ */ a(S, {})
       ] }),
       i,
-      /* @__PURE__ */ h(p, { gap: "20px", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ u(p, { gap: "20px", justifyContent: "flex-end", children: [
         /* @__PURE__ */ a(
           N,
           {
             appearance: "gray",
-            onClick: u,
+            onClick: h,
             iconBefore: /* @__PURE__ */ a(ie, {}),
             spacing: "wide",
             variant: "outlined",
@@ -806,11 +841,11 @@ const Qe = {
     ] }) }),
     c
   );
-}, It = (e) => {
-  const { appliedFilters: t, fields: n, onChange: i, noFiltersLabel: o } = e, r = A("(max-width: 768px)"), u = !t || t.length === 0;
-  return /* @__PURE__ */ h(p, { direction: "column", gap: "16px", children: [
-    r && /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ h(p, { gap: "6px", width: "100%", alignItems: "center", children: [
+}, Rt = (e) => {
+  const { appliedFilters: t, fields: n, onChange: i, noFiltersLabel: o } = e, r = $("(max-width: 768px)"), h = !t || t.length === 0;
+  return /* @__PURE__ */ u(p, { direction: "column", gap: "16px", children: [
+    r && /* @__PURE__ */ u(D, { children: [
+      /* @__PURE__ */ u(p, { gap: "6px", width: "100%", alignItems: "center", children: [
         /* @__PURE__ */ a(M, { appearance: "gray", icon: /* @__PURE__ */ a(oe, {}) }),
         /* @__PURE__ */ a(
           ge,
@@ -824,7 +859,7 @@ const Qe = {
             border: !0,
             width: "100%",
             height: "32px",
-            children: u ? /* @__PURE__ */ a(y, { size: "small", type: "label", appearance: "gray", children: o }) : t == null ? void 0 : t.map((l) => /* @__PURE__ */ a(
+            children: h ? /* @__PURE__ */ a(y, { size: "small", type: "label", appearance: "gray", children: o }) : t == null ? void 0 : t.map((l) => /* @__PURE__ */ a(
               se,
               {
                 appearance: "primary",
@@ -841,10 +876,10 @@ const Qe = {
       ] }),
       /* @__PURE__ */ a(S, { dashed: !0 })
     ] }),
-    n.map((l) => /* @__PURE__ */ h(p, { gap: "6px", alignItems: "center", children: [
+    n.map((l) => /* @__PURE__ */ u(p, { gap: "6px", alignItems: "center", children: [
       /* @__PURE__ */ a(p, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(M, { appearance: "primary", icon: l.icon }) }),
       /* @__PURE__ */ a(
-        xe,
+        ye,
         {
           disabled: l.disabled,
           invalid: l.invalid,
@@ -862,7 +897,7 @@ const Qe = {
       )
     ] }, l.name))
   ] });
-}, Rt = (e) => {
+}, Mt = (e) => {
   console.log(e);
   const { dataDecision: t, originalDecision: n } = e, i = {
     conditionName: t.ruleName || "",
@@ -879,7 +914,7 @@ const Qe = {
       (o) => o.hidden ? { ...i } : o
     )
   };
-}, Mt = (e) => {
+}, Lt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
     var o;
@@ -898,14 +933,14 @@ const Qe = {
       )
     } : n;
   });
-}, Xe = (e) => ({
+}, Ze = (e) => ({
   schema: H().required("Required").test(
     "non-empty",
     "Value cannot be empty",
     (t) => t != null && t.trim() !== ""
   ),
   value: e
-}), Ze = (e) => ({
+}), et = (e) => ({
   schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
@@ -914,7 +949,7 @@ const Qe = {
     ) : typeof t == "string"
   ),
   value: e
-}), et = (e) => ({
+}), tt = (e) => ({
   schema: he().test(
     "isArrayOrString",
     "Must be an array of strings/numbers or a single string",
@@ -923,7 +958,7 @@ const Qe = {
     ) : typeof t == "string"
   ),
   value: e
-}), tt = (e) => {
+}), nt = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, n = (e == null ? void 0 : e.to) ?? 0;
   return {
     schema: V({
@@ -945,15 +980,15 @@ const Qe = {
 } : {
   schema: H().required("Required"),
   value: e
-}, nt = {
-  [x.LIST_OF_VALUES]: Ze,
-  [x.LIST_OF_VALUES_MULTI]: et,
-  [x.RANGE]: tt,
+}, at = {
+  [x.LIST_OF_VALUES]: et,
+  [x.LIST_OF_VALUES_MULTI]: tt,
+  [x.RANGE]: nt,
   [x.GREATER_THAN]: j,
   [x.LESS_THAN]: j,
   [x.EQUAL]: j
-}, Z = (e) => nt[e] || Xe;
-function at({
+}, Z = (e) => at[e] || Ze;
+function it({
   decision: e,
   onSubmitEvent: t,
   textValues: n
@@ -1019,10 +1054,10 @@ function at({
       }
     ) : g.notRequired()
   ));
-  const u = V(r);
-  return o = Ce({
+  const h = V(r);
+  return o = ve({
     initialValues: i,
-    validationSchema: u,
+    validationSchema: h,
     validateOnBlur: !0,
     onSubmit: (s) => {
       var c;
@@ -1062,7 +1097,7 @@ function at({
     });
   } };
 }
-const it = f.div`
+const ot = f.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
@@ -1071,7 +1106,7 @@ const it = f.div`
   return ((n = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
 }};
   }
-`, ot = f.div`
+`, rt = f.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -1088,27 +1123,27 @@ const it = f.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, rt = (e) => {
+`, lt = (e) => {
   const {
     checked: t,
     children: n,
     handleToggleChange: i,
     id: o,
     labelToggle: r,
-    name: u,
+    name: h,
     valueToggle: l = ""
   } = e, [s, g] = z(t), c = (d) => {
     g(d.target.checked), i(d);
   };
-  return Se(() => {
+  return Ce(() => {
     g(t);
-  }, [t]), /* @__PURE__ */ h(D, { children: [
+  }, [t]), /* @__PURE__ */ u(D, { children: [
     /* @__PURE__ */ a(p, { children: /* @__PURE__ */ a(
       de,
       {
         checked: s,
         id: o,
-        name: u,
+        name: h,
         onChange: c,
         size: "small",
         value: l,
@@ -1117,14 +1152,14 @@ const it = f.div`
     ) }),
     s && /* @__PURE__ */ a(D, { children: n })
   ] });
-}, lt = (e) => {
+}, st = (e) => {
   const {
     onHandleStartChange: t,
     onHandleEndChange: n,
     onCheckClosedChange: i,
     labelStart: o,
     labelEnd: r,
-    checkedClosed: u = !1,
+    checkedClosed: h = !1,
     required: l = !1,
     valueStart: s = "",
     valueEnd: g = "",
@@ -1132,15 +1167,15 @@ const it = f.div`
     messageEnd: d = "",
     statusStart: b = "pending",
     statusEnd: T = "pending"
-  } = e, [m, v] = z(u), [C, F] = z(s), [_, L] = z(g), G = ({ target: E }) => {
+  } = e, [m, v] = z(h), [C, A] = z(s), [_, L] = z(g), G = ({ target: E }) => {
     v(E.checked), i && i(E.checked);
   }, me = (E) => {
-    F(E.target.value), t(E);
+    A(E.target.value), t(E);
   }, be = (E) => {
     L(E.target.value), n(E);
-  }, Te = A("(max-width: 400px)");
-  return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ h(p, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+  }, Te = $("(max-width: 400px)");
+  return /* @__PURE__ */ u(D, { children: [
+    /* @__PURE__ */ u(p, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ a(
         y,
         {
@@ -1160,7 +1195,7 @@ const it = f.div`
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ a(
-            we,
+            xe,
             {
               label: "Cerrada",
               onChange: G,
@@ -1171,7 +1206,7 @@ const it = f.div`
         }
       )
     ] }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ u(
       p,
       {
         direction: Te ? "column" : "row",
@@ -1208,27 +1243,27 @@ const it = f.div`
       }
     )
   ] });
-}, st = (e) => {
+}, dt = (e) => {
   const {
     formik: t,
     textValues: n,
     onCancel: i,
     visibleConditions: o,
     normalizedDecision: r,
-    handleToggleNoneChange: u,
+    handleToggleNoneChange: h,
     handleConditionToggleChange: l,
     showConditionsError: s,
     termStartStatus: g,
     termEndStatus: c
   } = e;
-  return /* @__PURE__ */ a("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ h(p, { direction: "column", gap: "24px", children: [
+  return /* @__PURE__ */ a("form", { onSubmit: t.handleSubmit, children: /* @__PURE__ */ u(p, { direction: "column", gap: "24px", children: [
     Y({
       condition: r,
       formik: t,
       isDecision: !0
     }),
     /* @__PURE__ */ a(S, { dashed: !0 }),
-    /* @__PURE__ */ a(it, { children: /* @__PURE__ */ a(ot, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ a(ot, { children: /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ u(
       p,
       {
         direction: "column",
@@ -1236,7 +1271,7 @@ const it = f.div`
         gap: "16px",
         height: "272px",
         children: [
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ u(
             p,
             {
               justifyContent: "space-between",
@@ -1248,7 +1283,7 @@ const it = f.div`
                   de,
                   {
                     id: "toggleNone",
-                    onChange: () => u(!t.values.toggleNone),
+                    onChange: () => h(!t.values.toggleNone),
                     checked: t.values.toggleNone,
                     size: "small",
                     children: /* @__PURE__ */ a(y, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
@@ -1258,7 +1293,7 @@ const it = f.div`
             }
           ),
           /* @__PURE__ */ a(p, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((d) => /* @__PURE__ */ a(
-            rt,
+            lt,
             {
               id: `toggle-${d.conditionName}`,
               name: `toggle.${d.conditionName}`,
@@ -1275,10 +1310,10 @@ const it = f.div`
         ]
       }
     ) }) }),
-    n.terms && /* @__PURE__ */ h(D, { children: [
+    n.terms && /* @__PURE__ */ u(D, { children: [
       /* @__PURE__ */ a(S, { dashed: !0 }),
       /* @__PURE__ */ a(
-        lt,
+        st,
         {
           labelStart: n.termStart,
           labelEnd: n.termEnd,
@@ -1299,14 +1334,14 @@ const it = f.div`
     ] }),
     /* @__PURE__ */ a(S, {}),
     s && /* @__PURE__ */ a(y, { type: "label", size: "medium", appearance: "danger", children: String(t.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ h(p, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    /* @__PURE__ */ u(p, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ a(N, { appearance: "gray", onClick: i, children: n.cancel }),
       /* @__PURE__ */ a(N, { type: "submit", children: n.confirm })
     ] })
   ] }) });
-}, dt = (e) => {
+}, ct = (e) => {
   var T;
-  const { decision: t, onSubmitEvent: n, textValues: i, onCancel: o } = e, { formik: r, handleToggleNoneChange: u } = at({
+  const { decision: t, onSubmitEvent: n, textValues: i, onCancel: o } = e, { formik: r, handleToggleNoneChange: h } = it({
     decision: t,
     onSubmitEvent: n,
     textValues: i
@@ -1320,7 +1355,7 @@ const it = f.div`
     (m) => !m.hidden
   )) || [], g = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, c = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, d = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
   return /* @__PURE__ */ a(
-    st,
+    dt,
     {
       formik: r,
       onCancel: o,
@@ -1328,7 +1363,7 @@ const it = f.div`
       decision: t,
       visibleConditions: s,
       normalizedDecision: l,
-      handleToggleNoneChange: u,
+      handleToggleNoneChange: h,
       handleConditionToggleChange: (m, v) => (C) => {
         if (!C)
           r.setFieldValue(
@@ -1340,10 +1375,10 @@ const it = f.div`
             !1
           );
         else {
-          const F = v ? [] : "";
+          const A = v ? [] : "";
           r.setFieldValue(
             `conditionsThatEstablishesTheDecision.${m}`,
-            F
+            A
           );
         }
       },
@@ -1352,7 +1387,7 @@ const it = f.div`
       termEndStatus: d
     }
   );
-}, Lt = (e) => {
+}, Ot = (e) => {
   var o;
   const { decisionTemplate: t } = e, n = { ...t }, i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
     (r) => r.switchPlaces
@@ -1368,7 +1403,7 @@ const it = f.div`
       (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
     )
   } : n;
-}, Ot = (e) => {
+}, Vt = (e) => {
   const { decisions: t } = e;
   return t == null ? void 0 : t.map((n) => {
     var o;
@@ -1387,17 +1422,17 @@ const it = f.div`
       )
     } : n;
   });
-}, I = /* @__PURE__ */ new Map(), ct = (e, t) => I.get(`${t}:${e}`), ht = (e, t, n) => {
+}, I = /* @__PURE__ */ new Map(), ht = (e, t) => I.get(`${t}:${e}`), ut = (e, t, n) => {
   const i = `${t}:${e}`;
   if (I.set(i, n), I.size > 1e3) {
     const o = I.keys().next().value;
     o !== void 0 && I.delete(o);
   }
-}, ee = /* @__PURE__ */ new Map(), ut = 1e3, pt = (e) => {
+}, ee = /* @__PURE__ */ new Map(), pt = 1e3, gt = (e) => {
   const t = Date.now(), n = ee.get(e) || 0;
-  return t - n < ut ? !0 : (ee.set(e, t), !1);
-}, gt = (e) => {
-  const t = Ee(e);
+  return t - n < pt ? !0 : (ee.set(e, t), !1);
+}, mt = (e) => {
+  const t = De(e);
   return {
     spa: "es",
     eng: "en",
@@ -1406,18 +1441,18 @@ const it = f.div`
     ita: "it",
     por: "pt"
   }[t] || "en";
-}, mt = async (e, t, { url: n, apiKey: i }) => {
-  const o = `${t}:${e}`, r = ct(e, t);
+}, bt = async (e, t, { url: n, apiKey: i }) => {
+  const o = `${t}:${e}`, r = ht(e, t);
   if (r) return r;
-  if (pt(o))
+  if (gt(o))
     return console.warn(`[Throttle] Skipped translation for: "${e}"`), e;
-  const u = gt(e);
+  const h = mt(e);
   try {
-    const { data: l } = await De.post(
+    const { data: l } = await Se.post(
       n,
       {
         q: e,
-        source: u,
+        source: h,
         target: t,
         api_key: i
       },
@@ -1427,26 +1462,26 @@ const it = f.div`
         }
       }
     ), s = (l == null ? void 0 : l.translatedText) || e;
-    return ht(e, t, s), s;
+    return ut(e, t, s), s;
   } catch (l) {
     return console.warn(`[Translation] Failed for: "${e}"`, l), e;
   }
-}, bt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t, n) => {
+}, Tt = (e) => typeof e == "string" && e.trim().length > 0, te = async (e, t, n) => {
   const i = await Promise.all(
     Object.entries(e).map(async ([o, r]) => {
-      if (bt(r)) {
-        const u = await mt(r, t, n);
-        return [o, u];
+      if (Tt(r)) {
+        const h = await bt(r, t, n);
+        return [o, h];
       } else if (Array.isArray(r)) {
-        const u = await Promise.all(
+        const h = await Promise.all(
           r.map(
             async (l) => typeof l == "object" && l !== null ? await te(l, t, n) : l
           )
         );
-        return [o, u];
+        return [o, h];
       } else if (typeof r == "object" && r !== null) {
-        const u = await te(r, t, n);
-        return [o, u];
+        const h = await te(r, t, n);
+        return [o, h];
       } else
         return [o, r];
     })
@@ -1458,14 +1493,14 @@ export {
   ue as BusinessRuleView,
   At as BusinessRules,
   Ft as Filter,
-  $t as FilterModal,
-  It as FormFilter,
-  _e as ModalRules,
-  dt as RulesForm,
-  Rt as revertSortedDataSampleSwitchPlaces,
-  Mt as revertSortedDataSwitchPlaces,
-  Lt as sortDisplayDataSampleSwitchPlaces,
-  Ot as sortDisplayDataSwitchPlaces,
+  It as FilterModal,
+  Rt as FormFilter,
+  ze as ModalRules,
+  ct as RulesForm,
+  Mt as revertSortedDataSampleSwitchPlaces,
+  Lt as revertSortedDataSwitchPlaces,
+  Ot as sortDisplayDataSampleSwitchPlaces,
+  Vt as sortDisplayDataSwitchPlaces,
   te as translateObject,
-  mt as translateText
+  bt as translateText
 };

package/package.json

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