@isettingkit/business-rules 0.2.1 → 1.0.0

package/dist/index.es.js

@@ -1,185 +1,32 @@
-import { jsxs as g, Fragment as S, jsx as i } from "react/jsx-runtime";
-import { useFormik as le } from "formik";
-import { string as q, mixed as K, object as V, number as _, lazy as P, date as B } from "yup";
-import { ValueDataType as C, DecisionConditionRender as G, ValueHowToSetUp as R } from "@isettingkit/input";
-import { inube as w, Stack as u, Toggle as X, Text as y, useMediaQuery as M, Checkbox as se, Date as Q, Divider as D, Button as z, SkeletonLine as A, Icon as Z, Blanket as de, Grid as ce } from "@inubekit/inubekit";
-import T, { keyframes as he } from "styled-components";
-import { useState as L, useEffect as ue } from "react";
-import { DecisionViewConditionRenderer as U } from "@isettingkit/view";
-import { MdOutlineDelete as pe, MdClear as ge, MdAdd as ee } from "react-icons/md";
-import { createPortal as me } from "react-dom";
-const be = (t) => ({
-  schema: q().required("Required").test(
-    "non-empty",
-    "Value cannot be empty",
-    (e) => e != null && e.trim() !== ""
-  ),
-  value: t
-}), Te = (t) => ({
-  schema: K().test(
-    "isArrayOrString",
-    "Must be an array of strings/numbers or a single string",
-    (e) => Array.isArray(e) ? e.every(
-      (n) => typeof n == "string" || typeof n == "number"
-    ) : typeof e == "string"
-  ),
-  value: t
-}), fe = (t) => ({
-  schema: K().test(
-    "isArrayOrString",
-    "Must be an array of strings/numbers or a single string",
-    (e) => Array.isArray(e) ? e.every(
-      (n) => typeof n == "string" || typeof n == "number"
-    ) : typeof e == "string"
-  ),
-  value: t
-}), ye = (t) => {
-  const e = (t == null ? void 0 : t.from) ?? 0, n = (t == null ? void 0 : t.to) ?? 0;
-  return {
-    schema: V({
-      from: _().required("Range From is required").max(n, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
-      to: _().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
-        "is-greater",
-        "To value must be greater than From value",
-        function(a) {
-          const { from: o } = this.parent;
-          return a > o;
-        }
-      )
-    }),
-    value: { from: e, to: n }
-  };
-}, O = (t, e) => e === C.PERCENTAGE ? {
-  schema: _().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
-  value: t
-} : {
-  schema: q().required("Required"),
-  value: t
-};
-var b = /* @__PURE__ */ ((t) => (t.EQUAL = "EqualTo", t.GREATER_THAN = "GreaterThan", t.LESS_THAN = "LessThan", t.LIST_OF_VALUES = "ListOfValues", t.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", t.RANGE = "Range", t))(b || {});
-const ve = {
-  [b.LIST_OF_VALUES]: Te,
-  [b.LIST_OF_VALUES_MULTI]: fe,
-  [b.RANGE]: ye,
-  [b.GREATER_THAN]: O,
-  [b.LESS_THAN]: O,
-  [b.EQUAL]: O
-}, Y = (t) => ve[t] || be;
-function xe({ decision: t, onSubmitEvent: e }) {
-  const n = {
-    ruleName: t.ruleName || "",
-    decisionDataType: t.decisionDataType || C.ALPHABETICAL,
-    howToSetTheDecision: t.howToSetTheDecision || "",
-    value: t.value || "",
-    effectiveFrom: t.effectiveFrom || "",
-    validUntil: t.validUntil || "",
-    toggleNone: !0,
-    conditionsThatEstablishesTheDecision: {},
-    checkClosed: !1
-  }, a = V({
-    ruleName: q().required("Name is required"),
-    effectiveFrom: B().required("effective From date is required"),
-    validUntil: B().when(
-      "checkClosed",
-      (s, c, { parent: d }) => (d == null ? void 0 : d.checkClosed) ? c.required("valid Until date is required").test(
-        "is-after-startDate",
-        "valid Until date must be greater than or equal to Start date",
-        function(p) {
-          const l = this.parent.effectiveFrom;
-          return !l || !p ? !0 : new Date(p) >= new Date(l);
-        }
-      ) : c.notRequired()
-    ),
-    value: P(() => Y(
-      o.values.howToSetTheDecision
-    )(
-      o.values.value,
-      o.values.decisionDataType
-    ).schema),
-    conditionsThatEstablishesTheDecision: P((s, { parent: c }) => {
-      var p;
-      if ((c == null ? void 0 : c.toggleNone) && Object.keys(c.conditionsThatEstablishesTheDecision || {}).length > 0) return V().shape({});
-      const h = (p = t.conditionsThatEstablishesTheDecision) == null ? void 0 : p.reduce(
-        (l, m) => {
-          if (o.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
-            const f = Y(
-              m.howToSetTheCondition
-            );
-            l[m.conditionName] = f(
-              m.value,
-              m.conditionDataType
-            ).schema;
-          }
-          return l;
-        },
-        {}
-      );
-      return V(h).test(
-        "at-least-one-condition",
-        "It must be at least one condition in order for the decision to be validated correctly.",
-        (l) => l ? Object.values(l).some(
-          (m) => m != null && m !== ""
-        ) : !1
-      );
-    })
-  }), o = le({
-    initialValues: n,
-    validationSchema: a,
-    validateOnBlur: !0,
-    onSubmit: (s) => {
-      var d;
-      const c = {
-        ...t,
-        ruleName: s.ruleName,
-        decisionDataType: s.decisionDataType,
-        howToSetTheDecision: s.howToSetTheDecision,
-        value: s.value,
-        effectiveFrom: s.effectiveFrom,
-        validUntil: s.validUntil,
-        conditionsThatEstablishesTheDecision: (d = t.conditionsThatEstablishesTheDecision) == null ? void 0 : d.filter((h) => {
-          const p = s.conditionsThatEstablishesTheDecision[h.conditionName];
-          return p != null && p !== "";
-        }).map((h) => ({
-          ...h,
-          value: s.conditionsThatEstablishesTheDecision[h.conditionName]
-        }))
-      };
-      e(c);
-    }
-  });
-  return { formik: o, handleToggleNoneChange: (s) => {
-    var c;
-    o.setFieldValue("toggleNone", s), (c = t.conditionsThatEstablishesTheDecision) == null || c.forEach((d) => {
-      if (s)
-        o.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
-          void 0
-        );
-      else {
-        const h = d.howToSetTheCondition === b.LIST_OF_VALUES_MULTI ? [] : "";
-        o.setFieldValue(
-          `conditionsThatEstablishesTheDecision.${d.conditionName}`,
-          h
-        );
-      }
-    });
-  } };
-}
-const De = T.div`
-  & > div {
-    border-radius: 8px;
-    border: 1px solid
-      ${({ theme: t }) => {
-  var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
-}};
-  }
-`, we = T.div`
+import { jsx as a, jsxs as u, Fragment as E } from "react/jsx-runtime";
+import { MdOutlineDelete as he, MdClear as Z, MdAdd as ee, MdOutlineFilterAltOff as ue, MdOutlineFilterAlt as pe } from "react-icons/md";
+import { inube as v, Stack as h, Divider as D, Icon as O, Text as y, SkeletonLine as A, useMediaQuery as I, Blanket as te, Button as N, Grid as ne, Box as ge, Tag as me, Checkpicker as be, Toggle as ie, Checkbox as Te, Date as G } from "@inubekit/inubekit";
+import f, { keyframes as fe } from "styled-components";
+import { ValueDataType as k, ValueHowToSetUp as L, DecisionConditionRender as Q } from "@isettingkit/input";
+import { DecisionViewConditionRenderer as _ } from "@isettingkit/view";
+import { createPortal as ae } from "react-dom";
+import { useFormik as xe } from "formik";
+import { string as B, mixed as oe, object as M, number as q, lazy as Y, date as W } from "yup";
+import { useState as V, useEffect as ye } from "react";
+const ve = f.div`
+  border-radius: 8px;
+  border: 1px solid ${v.palette.neutral.N30};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  // height: 364px;
+  // width: 332px;
+  width: 100%;
+  height: 100%;
+  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
+`;
+f.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
+
   &::-webkit-scrollbar {
-    width: 4px;
+    width: 8px;
   }
 
   &::-webkit-scrollbar-thumb {
@@ -191,279 +38,37 @@ const De = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, Ce = (t) => {
-  const {
-    checked: e,
-    children: n,
-    handleToggleChange: a,
-    id: o,
-    labelToggle: r,
-    name: s,
-    valueToggle: c = ""
-  } = t, [d, h] = L(e), p = (l) => {
-    h(l.target.checked), a(l);
-  };
-  return ue(() => {
-    h(e);
-  }, [e]), /* @__PURE__ */ g(S, { children: [
-    /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(
-      X,
-      {
-        checked: d,
-        id: o,
-        name: s,
-        onChange: p,
-        size: "small",
-        value: c,
-        children: /* @__PURE__ */ i(y, { size: "medium", type: "label", weight: "bold", children: r })
-      }
-    ) }),
-    d && /* @__PURE__ */ i(S, { children: n })
-  ] });
-}, Se = (t) => {
-  const {
-    onHandleStartChange: e,
-    onHandleEndChange: n,
-    onCheckClosedChange: a,
-    labelStart: o,
-    labelEnd: r,
-    checkedClosed: s = !1,
-    required: c = !1,
-    valueStart: d = "",
-    valueEnd: h = "",
-    messageStart: p = "",
-    messageEnd: l = "",
-    statusStart: m = "pending",
-    statusEnd: v = "pending"
-  } = t, [f, E] = L(s), [N, k] = L(d), [I, H] = L(h), ie = ({ target: x }) => {
-    E(x.checked), a && a(x.checked);
-  }, ae = (x) => {
-    k(x.target.value), e(x);
-  }, oe = (x) => {
-    H(x.target.value), n(x);
-  }, re = M("(max-width: 400px)");
-  return /* @__PURE__ */ g(S, { children: [
-    /* @__PURE__ */ g(u, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ i(
-        y,
-        {
-          appearance: "gray",
-          margin: "10px 0",
-          size: "medium",
-          type: "title",
-          weight: "bold",
-          children: "Vigencia"
-        }
-      ),
-      /* @__PURE__ */ i(
-        u,
+`;
+const H = (t) => {
+  const { children: e, controls: n = !0, handleDelete: i, id: o } = t;
+  return /* @__PURE__ */ a(ve, { children: /* @__PURE__ */ u(h, { direction: "column", gap: "16px", padding: "12px 16px", children: [
+    e,
+    n && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ a(D, {}),
+      /* @__PURE__ */ a(h, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ a(
+        O,
         {
-          alignContent: "center",
-          justifyContent: "center",
-          wrap: "wrap",
-          gap: "4px",
-          children: /* @__PURE__ */ i(
-            se,
-            {
-              label: "Cerrada",
-              onChange: ie,
-              checked: f,
-              value: ""
-            }
-          )
+          cursorHover: !0,
+          appearance: "danger",
+          size: "24px",
+          icon: /* @__PURE__ */ a(he, {}),
+          onClick: () => {
+            i(o);
+          }
         }
-      )
-    ] }),
-    /* @__PURE__ */ g(
-      u,
-      {
-        direction: re ? "column" : "row",
-        justifyContent: "space-between",
-        gap: "24px",
-        children: [
-          /* @__PURE__ */ i(
-            Q,
-            {
-              id: "dateStart",
-              label: o,
-              onChange: ae,
-              value: N,
-              required: c,
-              size: "compact",
-              status: m,
-              message: p
-            }
-          ),
-          f && /* @__PURE__ */ i(
-            Q,
-            {
-              id: "dateEnd",
-              label: r,
-              onChange: oe,
-              value: I,
-              required: c,
-              size: "compact",
-              status: v,
-              message: l
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, Ee = (t) => {
-  const {
-    formik: e,
-    textValues: n,
-    onCancel: a,
-    visibleConditions: o,
-    normalizedDecision: r,
-    handleToggleNoneChange: s,
-    handleConditionToggleChange: c,
-    showConditionsError: d,
-    termStartStatus: h,
-    termEndStatus: p
-  } = t;
-  return /* @__PURE__ */ i("form", { onSubmit: e.handleSubmit, children: /* @__PURE__ */ g(u, { direction: "column", gap: "24px", children: [
-    G({
-      condition: r,
-      formik: e,
-      isDecision: !0
-    }),
-    /* @__PURE__ */ i(D, { dashed: !0 }),
-    /* @__PURE__ */ i(De, { children: /* @__PURE__ */ i(we, { children: /* @__PURE__ */ g(
-      u,
-      {
-        direction: "column",
-        padding: "6px 12px",
-        gap: "16px",
-        height: "272px",
-        children: [
-          /* @__PURE__ */ g(
-            u,
-            {
-              justifyContent: "space-between",
-              alignItems: "center",
-              gap: "64px",
-              children: [
-                /* @__PURE__ */ i(y, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
-                /* @__PURE__ */ i(
-                  X,
-                  {
-                    id: "toggleNone",
-                    onChange: () => s(!e.values.toggleNone),
-                    checked: e.values.toggleNone,
-                    size: "small",
-                    children: /* @__PURE__ */ i(y, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(u, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ i(
-            Ce,
-            {
-              id: `toggle-${l.conditionName}`,
-              name: `toggle.${l.conditionName}`,
-              labelToggle: l.labelName,
-              checked: !e.values.toggleNone && e.values.conditionsThatEstablishesTheDecision[l.conditionName] !== void 0,
-              handleToggleChange: (m) => c(
-                l.conditionName,
-                l.howToSetTheCondition === b.LIST_OF_VALUES_MULTI
-              )(m.target.checked),
-              children: G({ condition: l, formik: e })
-            },
-            l.conditionName
-          )) })
-        ]
-      }
-    ) }) }),
-    /* @__PURE__ */ i(D, { dashed: !0 }),
-    /* @__PURE__ */ i(
-      Se,
-      {
-        labelStart: n.termStart,
-        labelEnd: n.termEnd,
-        valueStart: e.values.effectiveFrom,
-        valueEnd: e.values.validUntil,
-        messageStart: e.errors.effectiveFrom,
-        messageEnd: e.errors.validUntil,
-        statusStart: h,
-        statusEnd: p,
-        onHandleStartChange: (l) => e.setFieldValue("effectiveFrom", l.target.value),
-        onHandleEndChange: (l) => e.setFieldValue("validUntil", l.target.value),
-        onCheckClosedChange: (l) => {
-          e.setFieldValue("checkClosed", l), l && e.setFieldValue("validUntil", "");
-        },
-        checkedClosed: e.values.checkClosed
-      }
-    ),
-    /* @__PURE__ */ i(D, {}),
-    d && /* @__PURE__ */ i(y, { type: "label", size: "medium", appearance: "danger", children: String(e.errors.conditionsThatEstablishesTheDecision) }),
-    /* @__PURE__ */ g(u, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ i(z, { appearance: "gray", onClick: a, children: n.cancel }),
-      /* @__PURE__ */ i(z, { type: "submit", children: n.confirm })
+      ) })
     ] })
   ] }) });
-}, Ne = (t) => {
-  var v;
-  const { decision: e, onSubmitEvent: n, textValues: a, onCancel: o } = t, { formik: r, handleToggleNoneChange: s } = xe({
-    decision: e,
-    onSubmitEvent: n
-  }), c = {
-    ruleName: e.ruleName,
-    labelName: e.labelName,
-    howToSetTheCondition: e.howToSetTheDecision,
-    decisionDataType: e.decisionDataType,
-    listOfPossibleValues: e.listOfPossibleValues
-  }, d = ((v = e.conditionsThatEstablishesTheDecision) == null ? void 0 : v.filter(
-    (f) => !f.hidden
-  )) || [], h = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, p = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
-  return /* @__PURE__ */ i(
-    Ee,
-    {
-      formik: r,
-      onCancel: o,
-      textValues: a,
-      decision: e,
-      visibleConditions: d,
-      normalizedDecision: c,
-      handleToggleNoneChange: s,
-      handleConditionToggleChange: (f, E) => (N) => {
-        if (!N)
-          r.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${f}`,
-            void 0
-          ), r.setFieldTouched(
-            `conditionsThatEstablishesTheDecision.${f}`,
-            !1,
-            !1
-          );
-        else {
-          const k = E ? [] : "";
-          r.setFieldValue(
-            `conditionsThatEstablishesTheDecision.${f}`,
-            k
-          );
-        }
-      },
-      showConditionsError: h,
-      termStartStatus: p,
-      termEndStatus: l,
-      onSubmitEvent: () => {
-      }
-    }
-  );
-}, W = T.div`
+}, J = f.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: t }) => {
   var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
 }};
   }
-`, J = T.div`
+`, K = f.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -481,50 +86,53 @@ const De = T.div`
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ke = (t) => t.value, Ae = (t) => t.value, Fe = (t) => t.value, Ie = (t) => ({
+`, Ce = (t) => t.value, we = (t) => t.value, Se = (t) => t.value, De = (t) => ({
   from: t.from ?? "",
   to: t.to ?? ""
-}), Re = (t) => t.value, Ve = (t) => t.value, Le = (t) => t.value, Me = {
-  [b.LIST_OF_VALUES]: Ae,
-  [b.LIST_OF_VALUES_MULTI]: Fe,
-  [b.RANGE]: Ie,
-  [b.GREATER_THAN]: Re,
-  [b.LESS_THAN]: Ve,
-  [b.EQUAL]: Le
-}, F = (t) => {
-  const e = t == null ? void 0 : t.value, n = typeof e == "object" && e !== null && !Array.isArray(e), a = Me[t == null ? void 0 : t.howToSetTheDecision] || ke;
-  return n && a(e) || e || void 0;
-}, Ue = (t) => {
+}), Ee = (t) => t.value, Ne = (t) => t.value, ke = (t) => t.value;
+var x = /* @__PURE__ */ ((t) => (t.EQUAL = "EqualTo", t.GREATER_THAN = "GreaterThan", t.LESS_THAN = "LessThan", t.LIST_OF_VALUES = "ListOfValues", t.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", t.RANGE = "Range", t))(x || {});
+const Fe = {
+  [x.LIST_OF_VALUES]: we,
+  [x.LIST_OF_VALUES_MULTI]: Se,
+  [x.RANGE]: De,
+  [x.GREATER_THAN]: Ee,
+  [x.LESS_THAN]: Ne,
+  [x.EQUAL]: ke
+}, $ = (t) => {
+  const e = t == null ? void 0 : t.value, n = typeof e == "object" && e !== null && !Array.isArray(e), i = Fe[t == null ? void 0 : t.howToSetTheDecision] || Ce;
+  return n && i(e) || e || void 0;
+}, Ae = (t) => {
   const {
     loading: e,
     textValues: n,
-    decision: a,
+    decision: i,
     decisionMapper: o,
     visibleConditions: r,
-    decisionDateElement: s,
-    skeleton: c
+    decisionDateElement: p,
+    skeleton: g,
+    terms: s
   } = t;
-  return e ? /* @__PURE__ */ g(u, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ i(u, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
-      U,
+  return e ? /* @__PURE__ */ u(h, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ a(h, { direction: "column", alignItems: "center", children: /* @__PURE__ */ a(
+      _,
       {
         element: o,
-        valueData: F(
+        valueData: $(
           o
         ),
         type: "decision"
       }
-    ) }, a.ruleName),
-    /* @__PURE__ */ i(D, { dashed: !0 }),
-    /* @__PURE__ */ i(J, { children: /* @__PURE__ */ g(
-      u,
+    ) }, i.ruleName),
+    /* @__PURE__ */ a(D, { dashed: !0 }),
+    /* @__PURE__ */ a(K, { children: /* @__PURE__ */ u(
+      h,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             y,
             {
               type: "label",
@@ -535,171 +143,123 @@ const De = T.div`
               children: n.factsThatConditionIt
             }
           ),
-          r.map((d) => /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(u, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
-            U,
+          r.map((d) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ a(h, { direction: "column", padding: "8px", children: /* @__PURE__ */ a(
+            _,
             {
               element: { ...d, value: d.value },
-              valueData: F(
+              valueData: $(
                 d
               )
             }
           ) }) }, d.conditionName)),
-          /* @__PURE__ */ i(D, { dashed: !0 }),
-          s && /* @__PURE__ */ i(
-            U,
-            {
-              element: s.element,
-              valueData: s.valueData,
-              type: "decision"
-            },
-            n.terms
-          )
+          s && /* @__PURE__ */ u(E, { children: [
+            /* @__PURE__ */ a(D, { dashed: !0 }),
+            p && /* @__PURE__ */ a(
+              _,
+              {
+                element: p.element,
+                valueData: p.valueData,
+                type: "decision"
+              },
+              n.terms
+            )
+          ] })
         ]
       }
     ) })
-  ] }) : /* @__PURE__ */ g(u, { direction: "column", gap: "12px", children: [
-    /* @__PURE__ */ g(u, { direction: "column", alignItems: "center", gap: "4px", children: [
-      /* @__PURE__ */ i(A, { animated: !0, width: "180px" }),
-      /* @__PURE__ */ i(A, { animated: !0, width: "85px" })
+  ] }) : /* @__PURE__ */ u(h, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ u(h, { direction: "column", alignItems: "center", gap: "4px", children: [
+      /* @__PURE__ */ a(A, { animated: !0, width: "180px" }),
+      /* @__PURE__ */ a(A, { animated: !0, width: "85px" })
     ] }, "loading"),
-    /* @__PURE__ */ g(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-      /* @__PURE__ */ i(D, { dashed: !0 }),
-      /* @__PURE__ */ i(A, { animated: !0, width: "150px" })
+    /* @__PURE__ */ u(h, { direction: "column", gap: "12px", alignItems: "center", children: [
+      /* @__PURE__ */ a(D, { dashed: !0 }),
+      /* @__PURE__ */ a(A, { animated: !0, width: "150px" })
     ] }),
-    /* @__PURE__ */ i(J, { children: /* @__PURE__ */ i(
-      u,
+    /* @__PURE__ */ a(K, { children: /* @__PURE__ */ a(
+      h,
       {
         direction: "column",
         gap: "12px",
         justifyContent: "space-between",
         height: "203px",
-        children: c.map((d, h) => /* @__PURE__ */ i(W, { children: /* @__PURE__ */ g(
-          u,
+        children: g.map((d, c) => /* @__PURE__ */ a(J, { children: /* @__PURE__ */ u(
+          h,
           {
             direction: "column",
             gap: "12px",
             alignItems: "start",
             padding: "8px",
             children: [
-              /* @__PURE__ */ i(A, { animated: !0, width: "180px" }),
-              /* @__PURE__ */ i(A, { animated: !0, width: "85px" })
+              /* @__PURE__ */ a(A, { animated: !0, width: "180px" }),
+              /* @__PURE__ */ a(A, { animated: !0, width: "85px" })
             ]
           }
-        ) }, `condition-${h}`))
+        ) }, `condition-${c}`))
       }
     ) })
   ] });
-}, te = (t) => {
+}, re = (t) => {
   var l;
-  const { decision: e, loading: n = !1, textValues: a } = t, o = !!(e != null && e.effectiveFrom), r = !!(e != null && e.validUntil), s = o && r ? {
+  const { decision: e, loading: n = !1, textValues: i } = t, o = !!(e != null && e.effectiveFrom), r = !!(e != null && e.validUntil), p = o && r ? {
     element: {
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: String(e.effectiveFrom),
-      howToSetTheDecision: R.RANGE,
-      decisionDataType: C.DATE
+      howToSetTheDecision: L.RANGE,
+      decisionDataType: k.DATE
     },
-    valueData: F({
-      labelName: a == null ? void 0 : a.terms,
+    valueData: $({
+      labelName: i == null ? void 0 : i.terms,
       value: {
         from: String(e.effectiveFrom),
         to: String(e.validUntil)
       },
-      howToSetTheDecision: R.RANGE,
-      decisionDataType: C.DATE
+      howToSetTheDecision: L.RANGE,
+      decisionDataType: k.DATE
     })
   } : o && !r ? {
     element: {
-      labelName: a == null ? void 0 : a.terms,
+      labelName: i == null ? void 0 : i.terms,
       value: String(e.effectiveFrom),
-      howToSetTheDecision: R.EQUAL,
-      decisionDataType: C.DATE
+      howToSetTheDecision: L.EQUAL,
+      decisionDataType: k.DATE
     },
-    valueData: F({
-      labelName: a == null ? void 0 : a.terms,
+    valueData: $({
+      labelName: i == null ? void 0 : i.terms,
       value: String(e.effectiveFrom),
-      howToSetTheDecision: R.EQUAL,
-      decisionDataType: C.DATE
+      howToSetTheDecision: L.EQUAL,
+      decisionDataType: k.DATE
     })
-  } : null, c = e ? {
+  } : null, g = e ? {
     labelName: e.labelName || "",
     decisionDataType: e.decisionDataType || "alphabetical",
-    value: F(e),
+    value: $(e),
     howToSetTheDecision: e.howToSetTheDecision || "EqualTo"
-  } : null, d = ((l = e == null ? void 0 : e.conditionsThatEstablishesTheDecision) == null ? void 0 : l.filter(
-    (m) => !m.hidden
-  )) || [], h = Array.from({ length: 5 });
-  return /* @__PURE__ */ i(
-    Ue,
+  } : null, s = ((l = e == null ? void 0 : e.conditionsThatEstablishesTheDecision) == null ? void 0 : l.filter(
+    (b) => !b.hidden
+  )) || [], d = Array.from({ length: 5 });
+  return /* @__PURE__ */ a(
+    Ae,
     {
-      loading: !!(!n && e && a && c),
-      textValues: a,
+      loading: !!(!n && e && i && g),
+      textValues: i,
       decision: e,
-      decisionMapper: c,
-      visibleConditions: d,
-      decisionDateElement: s,
-      skeleton: h
+      decisionMapper: g,
+      visibleConditions: s,
+      decisionDateElement: p,
+      skeleton: d,
+      terms: !!(i != null && i.terms)
     }
   );
-}, Oe = T.div`
-  border-radius: 8px;
-  border: 1px solid ${w.palette.neutral.N30};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  // height: 364px;
-  // width: 332px;
-  width: 100%;
-  height: 100%;
-  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
-`;
-T.div`
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-
-  &::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #c1c7d0;
-    border-radius: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: #ebecf0;
-    border-radius: 8px;
-  }
-`;
-const j = (t) => {
-  const { children: e, controls: n = !0, handleDelete: a, id: o } = t;
-  return /* @__PURE__ */ i(Oe, { children: /* @__PURE__ */ g(u, { direction: "column", gap: "16px", padding: "12px 16px", children: [
-    e,
-    n && /* @__PURE__ */ g(S, { children: [
-      /* @__PURE__ */ i(D, {}),
-      /* @__PURE__ */ i(u, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
-        Z,
-        {
-          cursorHover: !0,
-          appearance: "danger",
-          size: "24px",
-          icon: /* @__PURE__ */ i(pe, {}),
-          onClick: () => {
-            a(o);
-          }
-        }
-      ) })
-    ] })
-  ] }) });
-}, _e = T.div`
+}, $e = f.div`
   position: relative;
   & > div {
     padding: 24px 16px;
   }
-`, ze = T.div`
+`, Ie = f.div`
   background-color: ${({ theme: t }) => {
   var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N0) || w.palette.neutral.N0;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N0) || v.palette.neutral.N0;
 }};
   max-width: 450px;
   max-height: 90vh;
@@ -727,24 +287,24 @@ const j = (t) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, $e = (t) => {
-  const { children: e, portalId: n, onCloseModal: a, title: o } = t, r = document.getElementById(n);
+`, Re = (t) => {
+  const { children: e, portalId: n, onCloseModal: i, title: o } = t, 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 s = M("(max-width: 400px)");
-  return me(
-    /* @__PURE__ */ i(_e, { smallScreen: s, children: /* @__PURE__ */ i(de, { children: /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ g(u, { direction: "column", gap: "24px", children: [
-      /* @__PURE__ */ i(u, { direction: "column", gap: "24px", children: /* @__PURE__ */ g(u, { alignItems: "center", justifyContent: "space-between", children: [
-        /* @__PURE__ */ i(y, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
-        /* @__PURE__ */ i(ge, { size: "24px", cursor: "pointer", onClick: a })
+  const p = I("(max-width: 400px)");
+  return ae(
+    /* @__PURE__ */ a($e, { smallScreen: p, children: /* @__PURE__ */ a(te, { children: /* @__PURE__ */ a(Ie, { children: /* @__PURE__ */ u(h, { direction: "column", gap: "24px", children: [
+      /* @__PURE__ */ a(h, { direction: "column", gap: "24px", children: /* @__PURE__ */ u(h, { alignItems: "center", justifyContent: "space-between", children: [
+        /* @__PURE__ */ a(y, { type: "title", size: "large", appearance: "dark", weight: "bold", children: o }),
+        /* @__PURE__ */ a(Z, { size: "24px", cursor: "pointer", onClick: i })
       ] }) }),
       e
     ] }) }) }) }),
     r
   );
-}, qe = he`
+}, Le = fe`
   from {
     opacity: 0;
     transform: translateY(20px);
@@ -754,12 +314,12 @@ const j = (t) => {
     transform: translateY(0);
   }
 `;
-T.div`
+f.div`
   border-radius: 8px;
   border: 1px solid
     ${({ theme: t }) => {
   var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
 }};
   box-sizing: border-box;
   display: flex;
@@ -768,21 +328,21 @@ T.div`
   height: 100%;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
 `;
-T.div`
+f.div`
   & > div {
     border-radius: 8px;
     border: 1px solid
       ${({ theme: t }) => {
   var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || w.palette.neutral.N30;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
 }};
   }
 `;
-const je = T.div`
+const Me = f.div`
   & > div {
     background-color: ${({ theme: t }) => {
   var e, n;
-  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N10) || w.palette.neutral.N10;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N10) || v.palette.neutral.N10;
 }};
     justify-content: center;
   }
@@ -790,18 +350,18 @@ const je = T.div`
   width: 100%;
   height: 100%;
   padding-bottom: 12px;
-`, ne = T.div`
+`, le = f.div`
   width: 100%;
   height: 100%;
   & > div {
-    animation: ${qe} 600ms ease-out;
+    animation: ${Le} 600ms ease-out;
   }
-`, He = T.div`
+`, Ve = f.div`
   & > div > div {
     border-radius: 8px;
     box-sizing: border-box;
   }
-`, Pe = T.div`
+`, Oe = f.div`
   & > div {
     width: 100%;
     height: 100%;
@@ -822,61 +382,61 @@ const je = T.div`
     }
   }
 `;
-function Be(t) {
+function Ue(t) {
   const { index: e, handleOpenModal: n } = t;
-  return /* @__PURE__ */ i(
-    j,
+  return /* @__PURE__ */ a(
+    H,
     {
       id: `loading-card-${e}`,
       handleDelete: () => {
       },
       handleView: () => n ? n() : null,
       controls: !1,
-      children: /* @__PURE__ */ i(te, { loading: !0 })
+      children: /* @__PURE__ */ a(re, { loading: !0 })
     },
     `loading-card-${e}`
   );
 }
-function Ge(t) {
-  const { decision: e, controls: n, handleOpenModal: a, handleDelete: o, textValues: r } = t;
-  return e ? /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ g(u, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
-    /* @__PURE__ */ i(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
-    /* @__PURE__ */ i(
-      j,
+function _e(t) {
+  const { decision: e, controls: n, handleOpenModal: i, handleDelete: o, textValues: r } = t;
+  return e ? /* @__PURE__ */ a(le, { children: /* @__PURE__ */ u(h, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
+    /* @__PURE__ */ a(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
+    /* @__PURE__ */ a(
+      H,
       {
         id: e.decisionId,
         handleDelete: () => o ? o(e.decisionId) : null,
-        handleView: () => a ? a(e) : null,
+        handleView: () => i ? i(e) : null,
         controls: n,
-        children: /* @__PURE__ */ i(te, { decision: e, textValues: r })
+        children: /* @__PURE__ */ a(re, { decision: e, textValues: r })
       }
     )
   ] }) }, e.decisionId) : null;
 }
-function Qe(t) {
+function ze(t) {
   const {
     customTitleContentAddCard: e,
     index: n,
-    handleOpenModal: a,
+    handleOpenModal: i,
     shouldRenderEmptyMessage: o
   } = t, r = e || "Agregar decisión";
-  return /* @__PURE__ */ i(ne, { children: o ? null : /* @__PURE__ */ g(u, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ i(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
-    /* @__PURE__ */ i(
-      je,
+  return /* @__PURE__ */ a(le, { children: o ? null : /* @__PURE__ */ u(h, { 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(
+      Me,
       {
-        onClick: () => a ? a() : null,
-        children: /* @__PURE__ */ i(
-          j,
+        onClick: () => i ? i() : null,
+        children: /* @__PURE__ */ a(
+          H,
           {
             id: `add-decision-${n}`,
             handleDelete: () => {
             },
-            handleView: () => a ? a() : null,
+            handleView: () => i ? i() : null,
             controls: !1,
-            children: /* @__PURE__ */ g(u, { direction: "column", gap: "12px", alignItems: "center", children: [
-              /* @__PURE__ */ i(Z, { appearance: "gray", icon: /* @__PURE__ */ i(ee, {}), size: "35px" }),
-              /* @__PURE__ */ i(y, { appearance: "gray", type: "body", size: "large", children: r })
+            children: /* @__PURE__ */ u(h, { direction: "column", gap: "12px", alignItems: "center", children: [
+              /* @__PURE__ */ a(O, { appearance: "gray", icon: /* @__PURE__ */ a(ee, {}), size: "35px" }),
+              /* @__PURE__ */ a(y, { appearance: "gray", type: "body", size: "large", children: r })
             ] })
           }
         )
@@ -884,84 +444,85 @@ function Qe(t) {
     )
   ] }) }, `add-decision-${n}`);
 }
-const Ye = {
-  loading: Be,
-  decision: Ge,
-  add: Qe
-}, $ = (t) => {
-  const { type: e } = t, n = Ye[e];
+const qe = {
+  loading: Ue,
+  decision: _e,
+  add: ze
+}, j = (t) => {
+  const { type: e } = t, n = qe[e];
   return n ? n(t) : null;
-}, We = (t) => {
+}, je = (t) => {
   const {
     controls: e,
     customTitleContentAddCard: n,
-    decisions: a,
+    decisions: i,
     loading: o,
     handleOpenModal: r,
-    handleDelete: s,
-    textValues: c
-  } = t, d = o ? Array.from({ length: 3 }).map(
-    (p, l) => $({
+    handleDelete: p,
+    textValues: g
+  } = t, s = o ? Array.from({ length: 3 }).map(
+    (c, l) => j({
       type: "loading",
       index: l,
       controls: e,
       customTitleContentAddCard: n,
       loading: o,
       handleOpenModal: r,
-      handleDelete: s,
-      textValues: c
+      handleDelete: p,
+      textValues: g
     })
-  ) : a == null ? void 0 : a.map(
-    (p) => $({
+  ) : i == null ? void 0 : i.map(
+    (c) => j({
       type: "decision",
-      decision: p,
+      decision: c,
       controls: e,
       customTitleContentAddCard: n,
       loading: o,
       handleOpenModal: r,
-      handleDelete: s,
-      textValues: c
+      handleDelete: p,
+      textValues: g
     })
-  ), h = ((a == null ? void 0 : a.length) === 0 || a.length < Math.floor(window.innerWidth / 300)) && !o && e;
-  return { renderedCards: d, shouldRenderAddCard: h };
-}, rt = (t) => {
+  ), d = ((i == null ? void 0 : i.length) === 0 || i.length < Math.floor(window.innerWidth / 300)) && !o && e;
+  return { renderedCards: s, shouldRenderAddCard: d };
+}, gt = (t) => {
   const {
     controls: e = !0,
     customTitleContentAddCard: n,
-    customMessageEmptyDecisions: a,
+    customMessageEmptyDecisions: i,
     decisions: o,
     textValues: r,
-    decisionTemplate: s,
-    isModalOpen: c,
-    selectedDecision: d,
-    loading: h,
-    handleOpenModal: p,
+    decisionTemplate: p,
+    isModalOpen: g,
+    selectedDecision: s,
+    loading: d,
+    handleOpenModal: c,
     handleCloseModal: l,
-    handleSubmitForm: m,
-    handleDelete: v
-  } = t, f = M("(max-width: 681px)"), E = M("(max-width: 400px)"), { renderedCards: N, shouldRenderAddCard: k } = We({
+    handleSubmitForm: b,
+    handleDelete: T,
+    terms: m = !0
+  } = t, C = I("(max-width: 681px)"), w = I("(max-width: 400px)"), { renderedCards: F, shouldRenderAddCard: U } = je({
     controls: e,
     customTitleContentAddCard: n,
     decisions: o,
-    loading: h,
-    handleOpenModal: p,
-    handleDelete: v,
+    loading: d,
+    handleOpenModal: c,
+    handleDelete: T,
     textValues: r
-  }), I = (o == null ? void 0 : o.length) === 0 && !h;
-  return /* @__PURE__ */ g(S, { children: [
-    /* @__PURE__ */ i(He, { children: /* @__PURE__ */ i(Pe, { children: /* @__PURE__ */ i(u, { direction: "column", gap: "16px", padding: "6px", children: I ? /* @__PURE__ */ g(
-      u,
+  }), R = (o == null ? void 0 : o.length) === 0 && !d;
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ a(h, { direction: "column", gap: "16px", padding: "6px", children: R ? /* @__PURE__ */ u(
+      h,
       {
         direction: "column",
         gap: "28px",
         width: "100%",
-        height: f ? "auto" : "435px",
+        height: C ? "auto" : "435px",
         justifyContent: "center",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ i(y, { as: "span", type: "label", size: "large", appearance: "gray", children: a || /* @__PURE__ */ g(S, { children: [
+          /* @__PURE__ */ a(y, { as: "span", type: "label", size: "large", appearance: "gray", children: i || /* @__PURE__ */ u(E, { children: [
             "Aún NO tienes definidas tasas de interés efectivas . Presiona",
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ u(
               y,
               {
                 as: "span",
@@ -978,20 +539,20 @@ const Ye = {
             ),
             "para empezar."
           ] }) }),
-          /* @__PURE__ */ i(
-            z,
+          /* @__PURE__ */ a(
+            N,
             {
-              iconBefore: /* @__PURE__ */ i(ee, {}),
-              onClick: () => p ? p() : null,
+              iconBefore: /* @__PURE__ */ a(ee, {}),
+              onClick: () => c ? c() : null,
               children: n || "Agregar decisión"
             }
           )
         ]
       }
-    ) : /* @__PURE__ */ g(
-      ce,
+    ) : /* @__PURE__ */ u(
+      ne,
       {
-        templateColumns: E ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
+        templateColumns: w ? "repeat(auto-fill, minmax(200px, 1fr))" : "repeat(auto-fill, minmax(300px, 1fr))",
         autoFlow: "row dense",
         gap: "24px",
         alignItems: "start",
@@ -999,35 +560,36 @@ const Ye = {
         autoRows: "1fr",
         justifyItems: "center",
         padding: "6px",
-        height: f ? "auto" : "484px",
+        height: C ? "auto" : "484px",
         children: [
-          N,
-          k && $({
+          F,
+          U && j({
             type: "add",
             index: o == null ? void 0 : o.length,
             controls: e,
             customTitleContentAddCard: n,
-            customMessageEmptyDecisions: a,
-            loading: h,
-            handleOpenModal: p,
-            handleDelete: v,
+            customMessageEmptyDecisions: i,
+            loading: d,
+            handleOpenModal: c,
+            handleDelete: T,
             textValues: r,
-            shouldRenderEmptyMessage: I
+            shouldRenderEmptyMessage: R,
+            terms: m
           })
         ]
       }
     ) }) }) }),
-    c && /* @__PURE__ */ i(
-      $e,
+    g && /* @__PURE__ */ a(
+      Re,
       {
         portalId: "modal-portal",
         onCloseModal: l,
-        title: d ? "Editar Decisión" : "Nueva decisión",
-        children: /* @__PURE__ */ i(
-          Ne,
+        title: s ? "Editar Decisión" : "Nueva decisión",
+        children: /* @__PURE__ */ a(
+          it,
           {
-            decision: d || s,
-            onSubmitEvent: m,
+            decision: s || p,
+            onSubmitEvent: b,
             textValues: r,
             onCancel: () => l ? l() : () => {
             }
@@ -1036,44 +598,216 @@ const Ye = {
       }
     )
   ] });
-}, lt = (t) => {
-  var o;
-  const { decisionTemplate: e } = t, n = { ...e }, a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-    (r) => r.switchPlaces
+}, Be = f.div`
+  display: flex;
+  justify-content: ${({ justifyContent: t }) => t};
+  align-items: ${({ alignItems: t }) => t};
+  align-content: ${({ alignContent: t }) => t};
+  flex-direction: ${({ direction: t }) => t};
+  flex-wrap: ${({ wrap: t }) => t};
+  height: ${({ height: t }) => t};
+  width: ${({ width: t }) => t};
+  gap: ${({ gap: t }) => t};
+  margin: ${({ margin: t }) => t};
+  padding: ${({ padding: t }) => t};
+  background: ${({ background: t, theme: e }) => {
+  var n, i, o, r;
+  return t ? `${((i = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : i.N10) || v.palette.neutral.N10}` : `${((r = (o = e == null ? void 0 : e.palette) == null ? void 0 : o.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0}`;
+}};
+  border: ${({ border: t, theme: e }) => {
+  var n, i;
+  return t ? `1px solid ${((i = (n = e == null ? void 0 : e.palette) == null ? void 0 : n.neutral) == null ? void 0 : i.N40) || v.palette.neutral.N40}` : "none";
+}};
+  border-radius: ${({ borderRadius: t }) => t};
+  box-sizing: ${({ boxSizing: t }) => t};
+  overflow-y: ${({ scroll: t }) => t ? "scroll" : "none"};
+`, He = (t) => {
+  const {
+    children: e,
+    wrap: n,
+    direction: i = "column",
+    justifyContent: o,
+    alignItems: r,
+    alignContent: p,
+    height: g,
+    width: s,
+    gap: d,
+    background: c,
+    borderRadius: l,
+    border: b,
+    margin: T = "0px",
+    padding: m = "0px",
+    boxSizing: C,
+    scroll: w = !1
+  } = t;
+  return /* @__PURE__ */ a(
+    Be,
+    {
+      direction: i,
+      justifyContent: o,
+      alignItems: r,
+      alignContent: p,
+      height: g,
+      width: s,
+      wrap: n,
+      gap: d,
+      background: c,
+      border: b,
+      margin: T,
+      padding: m,
+      borderRadius: l,
+      boxSizing: C,
+      scroll: w,
+      children: e
+    }
   );
-  return a ? {
-    ...n,
-    ruleName: a.conditionName,
-    labelName: a.labelName,
-    decisionDataType: a.conditionDataType,
-    value: a.value,
-    howToSetTheDecision: a.howToSetTheCondition,
-    conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
+}, mt = (t) => {
+  const { appliedFilters: e, onClear: n, onClick: i, titleClearFilter: o, titleFilter: r } = t, p = !e || e.length === 0;
+  return /* @__PURE__ */ a(ge, { borderRadius: "8px", children: /* @__PURE__ */ u(ne, { gap: "12px", templateColumns: "1fr auto auto", children: [
+    /* @__PURE__ */ a(
+      He,
+      {
+        background: !0,
+        borderRadius: "8px",
+        height: "100%",
+        direction: "row",
+        gap: "8px",
+        alignItems: "center",
+        padding: "0px 8px",
+        children: e == null ? void 0 : e.map((g) => /* @__PURE__ */ a(
+          me,
+          {
+            appearance: "primary",
+            displayIcon: !0,
+            icon: g.icon,
+            label: g.label
+          },
+          g.label
+        ))
+      }
+    ),
+    /* @__PURE__ */ a(
+      N,
+      {
+        cursorHover: !0,
+        disabled: p,
+        iconBefore: /* @__PURE__ */ a(ue, {}),
+        onClick: n,
+        variant: "outlined",
+        children: o
+      }
+    ),
+    /* @__PURE__ */ a(
+      N,
+      {
+        cursorHover: !0,
+        iconBefore: /* @__PURE__ */ a(pe, {}),
+        onClick: i,
+        variant: "outlined",
+        children: r
+      }
     )
-  } : n;
-}, st = (t) => {
-  const { decisions: e } = t;
-  return e == null ? void 0 : e.map((n) => {
-    var o;
-    const a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
-      (r) => r.switchPlaces
+  ] }) });
+}, Pe = f.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${({ theme: t }) => {
+  var e, n;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N0) || v.palette.neutral.N0;
+}};
+  width: ${({ smallScreen: t }) => t ? "335px" : "450px"};
+  height: auto;
+  border-radius: 8px;
+  padding: 24px;
+  gap: 24px;
+  box-sizing: border-box;
+`, bt = (t) => {
+  const {
+    actionButtonLabel: e,
+    cancelButtonLabel: n,
+    children: i,
+    loading: o,
+    onClick: r,
+    onCloseModal: p,
+    portalId: g,
+    title: s
+  } = t, d = I("(max-width: 768px)"), c = document.getElementById(g);
+  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 a ? {
-      ...n,
-      ruleName: a.conditionName,
-      labelName: a.labelName,
-      decisionDataType: a.conditionDataType,
-      value: a.value,
-      howToSetTheDecision: a.howToSetTheCondition,
-      conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.conditionName === a.conditionName ? { ...r, hidden: !0 } : r
-      )
-    } : n;
-  });
-}, dt = (t) => {
+  return ae(
+    /* @__PURE__ */ a(te, { children: /* @__PURE__ */ u(Pe, { $smallScreen: d, children: [
+      /* @__PURE__ */ u(h, { direction: "column", gap: "16px", children: [
+        /* @__PURE__ */ u(h, { alignContent: "center", justifyContent: "space-between", children: [
+          /* @__PURE__ */ a(y, { appearance: "dark", size: "small", type: "headline", children: s }),
+          /* @__PURE__ */ u(h, { alignItems: "center", children: [
+            /* @__PURE__ */ a(y, { children: "Cerrar" }),
+            /* @__PURE__ */ a(
+              O,
+              {
+                appearance: "dark",
+                icon: /* @__PURE__ */ a(Z, {}),
+                onClick: p,
+                cursorHover: !0
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ a(D, {})
+      ] }),
+      i,
+      /* @__PURE__ */ u(h, { gap: "20px", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ a(
+          N,
+          {
+            appearance: "gray",
+            onClick: p,
+            spacing: "wide",
+            variant: "outlined",
+            children: n
+          }
+        ),
+        /* @__PURE__ */ a(
+          N,
+          {
+            appearance: "primary",
+            loading: o,
+            onClick: r,
+            spacing: "wide",
+            variant: "filled",
+            children: e
+          }
+        )
+      ] })
+    ] }) }),
+    c
+  );
+}, Tt = (t) => {
+  const { fields: e, onChange: n } = t;
+  return /* @__PURE__ */ a(h, { direction: "column", gap: "16px", children: e.map((i) => /* @__PURE__ */ u(h, { gap: "6px", alignItems: "center", children: [
+    /* @__PURE__ */ a(h, { padding: "22px 0 0 0", children: /* @__PURE__ */ a(O, { appearance: "primary", icon: i.icon }) }),
+    /* @__PURE__ */ a(
+      be,
+      {
+        disabled: i.disabled,
+        invalid: i.invalid,
+        label: i.label,
+        message: i.message,
+        name: i.name,
+        onChange: n,
+        options: i.options,
+        placeholder: i.placeholder,
+        required: i.required,
+        values: i.values,
+        fullwidth: !0
+      },
+      i.name
+    )
+  ] }, i.name)) });
+}, ft = (t) => {
   console.log(t);
-  const { dataDecision: e, originalDecision: n } = t, a = {
+  const { dataDecision: e, originalDecision: n } = t, i = {
     conditionName: e.ruleName || "",
     labelName: e.labelName || "",
     conditionDataType: e.decisionDataType || "alphabetical",
@@ -1085,17 +819,17 @@ const Ye = {
   return {
     ...n,
     conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-      (o) => o.hidden ? { ...a } : o
+      (o) => o.hidden ? { ...i } : o
     )
   };
-}, ct = (t) => {
+}, xt = (t) => {
   const { decisions: e } = t;
   return e == null ? void 0 : e.map((n) => {
     var o;
-    const a = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
       (r) => r.hidden
     );
-    return a ? {
+    return i ? {
       ...n,
       ruleName: n.ruleName,
       labelName: n.labelName,
@@ -1103,19 +837,511 @@ const Ye = {
       value: n.value,
       howToSetTheDecision: n.howToSetTheDecision,
       conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
-        (r) => r.hidden ? { ...a, hidden: !1 } : r
+        (r) => r.hidden ? { ...i, hidden: !1 } : r
+      )
+    } : n;
+  });
+}, Ge = (t) => ({
+  schema: B().required("Required").test(
+    "non-empty",
+    "Value cannot be empty",
+    (e) => e != null && e.trim() !== ""
+  ),
+  value: t
+}), Qe = (t) => ({
+  schema: oe().test(
+    "isArrayOrString",
+    "Must be an array of strings/numbers or a single string",
+    (e) => Array.isArray(e) ? e.every(
+      (n) => typeof n == "string" || typeof n == "number"
+    ) : typeof e == "string"
+  ),
+  value: t
+}), Ye = (t) => ({
+  schema: oe().test(
+    "isArrayOrString",
+    "Must be an array of strings/numbers or a single string",
+    (e) => Array.isArray(e) ? e.every(
+      (n) => typeof n == "string" || typeof n == "number"
+    ) : typeof e == "string"
+  ),
+  value: t
+}), We = (t) => {
+  const e = (t == null ? void 0 : t.from) ?? 0, n = (t == null ? void 0 : t.to) ?? 0;
+  return {
+    schema: M({
+      from: q().required("Range From is required").max(n, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+      to: q().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
+        "is-greater",
+        "To value must be greater than From value",
+        function(i) {
+          const { from: o } = this.parent;
+          return i > o;
+        }
+      )
+    }),
+    value: { from: e, to: n }
+  };
+}, z = (t, e) => e === k.PERCENTAGE ? {
+  schema: q().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+  value: t
+} : {
+  schema: B().required("Required"),
+  value: t
+}, Je = {
+  [x.LIST_OF_VALUES]: Qe,
+  [x.LIST_OF_VALUES_MULTI]: Ye,
+  [x.RANGE]: We,
+  [x.GREATER_THAN]: z,
+  [x.LESS_THAN]: z,
+  [x.EQUAL]: z
+}, X = (t) => Je[t] || Ge;
+function Ke({
+  decision: t,
+  onSubmitEvent: e,
+  textValues: n
+}) {
+  const i = {
+    ruleName: t.ruleName || "",
+    decisionDataType: t.decisionDataType || k.ALPHABETICAL,
+    howToSetTheDecision: t.howToSetTheDecision || "",
+    value: t.value || "",
+    effectiveFrom: t.effectiveFrom || "",
+    validUntil: t.validUntil || "",
+    toggleNone: !0,
+    conditionsThatEstablishesTheDecision: {},
+    checkClosed: !1,
+    terms: !0
+  };
+  let o;
+  const r = {
+    ruleName: B().required("Name is required"),
+    value: Y(() => X(
+      o.values.howToSetTheDecision
+    )(
+      o.values.value,
+      o.values.decisionDataType
+    ).schema),
+    conditionsThatEstablishesTheDecision: Y((s, { parent: d }) => {
+      var b;
+      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionsThatEstablishesTheDecision || {}).length > 0) return M().shape({});
+      const l = (b = t.conditionsThatEstablishesTheDecision) == null ? void 0 : b.reduce(
+        (T, m) => {
+          if (o.values.conditionsThatEstablishesTheDecision[m.conditionName] !== void 0) {
+            const w = X(
+              m.howToSetTheCondition
+            );
+            T[m.conditionName] = w(
+              m.value,
+              m.conditionDataType
+            ).schema;
+          }
+          return T;
+        },
+        {}
+      );
+      return M(l).test(
+        "at-least-one-condition",
+        "It must be at least one condition in order for the decision to be validated correctly.",
+        (T) => T ? Object.values(T).some(
+          (m) => m != null && m !== ""
+        ) : !1
+      );
+    })
+  };
+  n.terms && (r.effectiveFrom = W().required(
+    "effective From date is required"
+  ), r.validUntil = W().when(
+    "checkClosed",
+    (s, d, { parent: c }) => (c == null ? void 0 : c.checkClosed) ? d.required("valid Until date is required").test(
+      "is-after-startDate",
+      "valid Until date must be greater than or equal to Start date",
+      function(b) {
+        const T = this.parent.effectiveFrom;
+        return !T || !b ? !0 : new Date(b) >= new Date(T);
+      }
+    ) : d.notRequired()
+  ));
+  const p = M(r);
+  return o = xe({
+    initialValues: i,
+    validationSchema: p,
+    validateOnBlur: !0,
+    onSubmit: (s) => {
+      var c;
+      const d = {
+        ...t,
+        ruleName: s.ruleName,
+        decisionDataType: s.decisionDataType,
+        howToSetTheDecision: s.howToSetTheDecision,
+        value: s.value,
+        effectiveFrom: s.effectiveFrom,
+        validUntil: s.validUntil,
+        conditionsThatEstablishesTheDecision: (c = t.conditionsThatEstablishesTheDecision) == null ? void 0 : c.filter((l) => {
+          const b = s.conditionsThatEstablishesTheDecision[l.conditionName];
+          return b != null && b !== "";
+        }).map((l) => ({
+          ...l,
+          value: s.conditionsThatEstablishesTheDecision[l.conditionName]
+        }))
+      };
+      e(d);
+    }
+  }), { formik: o, handleToggleNoneChange: (s) => {
+    var d;
+    o.setFieldValue("toggleNone", s), (d = t.conditionsThatEstablishesTheDecision) == null || d.forEach((c) => {
+      if (s)
+        o.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${c.conditionName}`,
+          void 0
+        );
+      else {
+        const l = c.howToSetTheCondition === x.LIST_OF_VALUES_MULTI ? [] : "";
+        o.setFieldValue(
+          `conditionsThatEstablishesTheDecision.${c.conditionName}`,
+          l
+        );
+      }
+    });
+  } };
+}
+const Xe = f.div`
+  & > div {
+    border-radius: 8px;
+    border: 1px solid
+      ${({ theme: t }) => {
+  var e, n;
+  return ((n = (e = t == null ? void 0 : t.palette) == null ? void 0 : e.neutral) == null ? void 0 : n.N30) || v.palette.neutral.N30;
+}};
+  }
+`, Ze = f.div`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: #c1c7d0;
+    border-radius: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: #ebecf0;
+    border-radius: 8px;
+  }
+`, et = (t) => {
+  const {
+    checked: e,
+    children: n,
+    handleToggleChange: i,
+    id: o,
+    labelToggle: r,
+    name: p,
+    valueToggle: g = ""
+  } = t, [s, d] = V(e), c = (l) => {
+    d(l.target.checked), i(l);
+  };
+  return ye(() => {
+    d(e);
+  }, [e]), /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ a(h, { children: /* @__PURE__ */ a(
+      ie,
+      {
+        checked: s,
+        id: o,
+        name: p,
+        onChange: c,
+        size: "small",
+        value: g,
+        children: /* @__PURE__ */ a(y, { size: "medium", type: "label", weight: "bold", children: r })
+      }
+    ) }),
+    s && /* @__PURE__ */ a(E, { children: n })
+  ] });
+}, tt = (t) => {
+  const {
+    onHandleStartChange: e,
+    onHandleEndChange: n,
+    onCheckClosedChange: i,
+    labelStart: o,
+    labelEnd: r,
+    checkedClosed: p = !1,
+    required: g = !1,
+    valueStart: s = "",
+    valueEnd: d = "",
+    messageStart: c = "",
+    messageEnd: l = "",
+    statusStart: b = "pending",
+    statusEnd: T = "pending"
+  } = t, [m, C] = V(p), [w, F] = V(s), [U, R] = V(d), P = ({ target: S }) => {
+    C(S.checked), i && i(S.checked);
+  }, de = (S) => {
+    F(S.target.value), e(S);
+  }, se = (S) => {
+    R(S.target.value), n(S);
+  }, ce = I("(max-width: 400px)");
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ u(h, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ a(
+        y,
+        {
+          appearance: "gray",
+          margin: "10px 0",
+          size: "medium",
+          type: "title",
+          weight: "bold",
+          children: "Vigencia"
+        }
+      ),
+      /* @__PURE__ */ a(
+        h,
+        {
+          alignContent: "center",
+          justifyContent: "center",
+          wrap: "wrap",
+          gap: "4px",
+          children: /* @__PURE__ */ a(
+            Te,
+            {
+              label: "Cerrada",
+              onChange: P,
+              checked: m,
+              value: ""
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u(
+      h,
+      {
+        direction: ce ? "column" : "row",
+        justifyContent: "space-between",
+        gap: "24px",
+        children: [
+          /* @__PURE__ */ a(
+            G,
+            {
+              id: "dateStart",
+              label: o,
+              onChange: de,
+              value: w,
+              required: g,
+              size: "compact",
+              status: b,
+              message: c
+            }
+          ),
+          m && /* @__PURE__ */ a(
+            G,
+            {
+              id: "dateEnd",
+              label: r,
+              onChange: se,
+              value: U,
+              required: g,
+              size: "compact",
+              status: T,
+              message: l
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, nt = (t) => {
+  const {
+    formik: e,
+    textValues: n,
+    onCancel: i,
+    visibleConditions: o,
+    normalizedDecision: r,
+    handleToggleNoneChange: p,
+    handleConditionToggleChange: g,
+    showConditionsError: s,
+    termStartStatus: d,
+    termEndStatus: c
+  } = t;
+  return /* @__PURE__ */ a("form", { onSubmit: e.handleSubmit, children: /* @__PURE__ */ u(h, { direction: "column", gap: "24px", children: [
+    Q({
+      condition: r,
+      formik: e,
+      isDecision: !0
+    }),
+    /* @__PURE__ */ a(D, { dashed: !0 }),
+    /* @__PURE__ */ a(Xe, { children: /* @__PURE__ */ a(Ze, { children: /* @__PURE__ */ u(
+      h,
+      {
+        direction: "column",
+        padding: "6px 12px",
+        gap: "16px",
+        height: "272px",
+        children: [
+          /* @__PURE__ */ u(
+            h,
+            {
+              justifyContent: "space-between",
+              alignItems: "center",
+              gap: "64px",
+              children: [
+                /* @__PURE__ */ a(y, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
+                /* @__PURE__ */ a(
+                  ie,
+                  {
+                    id: "toggleNone",
+                    onChange: () => p(!e.values.toggleNone),
+                    checked: e.values.toggleNone,
+                    size: "small",
+                    children: /* @__PURE__ */ a(y, { as: "span", size: "medium", type: "label", weight: "bold", children: n.none })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(h, { direction: "column", gap: "20px", children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ a(
+            et,
+            {
+              id: `toggle-${l.conditionName}`,
+              name: `toggle.${l.conditionName}`,
+              labelToggle: l.labelName,
+              checked: !e.values.toggleNone && e.values.conditionsThatEstablishesTheDecision[l.conditionName] !== void 0,
+              handleToggleChange: (b) => g(
+                l.conditionName,
+                l.howToSetTheCondition === x.LIST_OF_VALUES_MULTI
+              )(b.target.checked),
+              children: Q({ condition: l, formik: e })
+            },
+            l.conditionName
+          )) })
+        ]
+      }
+    ) }) }),
+    n.terms && /* @__PURE__ */ u(E, { children: [
+      /* @__PURE__ */ a(D, { dashed: !0 }),
+      /* @__PURE__ */ a(
+        tt,
+        {
+          labelStart: n.termStart,
+          labelEnd: n.termEnd,
+          valueStart: e.values.effectiveFrom,
+          valueEnd: e.values.validUntil,
+          messageStart: e.errors.effectiveFrom,
+          messageEnd: e.errors.validUntil,
+          statusStart: d,
+          statusEnd: c,
+          onHandleStartChange: (l) => e.setFieldValue("effectiveFrom", l.target.value),
+          onHandleEndChange: (l) => e.setFieldValue("validUntil", l.target.value),
+          onCheckClosedChange: (l) => {
+            e.setFieldValue("checkClosed", l), l && e.setFieldValue("validUntil", "");
+          },
+          checkedClosed: e.values.checkClosed
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(D, {}),
+    s && /* @__PURE__ */ a(y, { type: "label", size: "medium", appearance: "danger", children: String(e.errors.conditionsThatEstablishesTheDecision) }),
+    /* @__PURE__ */ u(h, { 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 })
+    ] })
+  ] }) });
+}, it = (t) => {
+  var T;
+  const { decision: e, onSubmitEvent: n, textValues: i, onCancel: o } = t, { formik: r, handleToggleNoneChange: p } = Ke({
+    decision: e,
+    onSubmitEvent: n,
+    textValues: i
+  }), g = {
+    ruleName: e.ruleName,
+    labelName: e.labelName,
+    howToSetTheCondition: e.howToSetTheDecision,
+    decisionDataType: e.decisionDataType,
+    listOfPossibleValues: e.listOfPossibleValues
+  }, s = ((T = e.conditionsThatEstablishesTheDecision) == null ? void 0 : T.filter(
+    (m) => !m.hidden
+  )) || [], d = !!r.errors.conditionsThatEstablishesTheDecision && r.submitCount > 0, c = r.touched.effectiveFrom ? r.errors.effectiveFrom ? "invalid" : "valid" : void 0, l = r.touched.validUntil ? r.errors.validUntil ? "invalid" : "valid" : void 0;
+  return /* @__PURE__ */ a(
+    nt,
+    {
+      formik: r,
+      onCancel: o,
+      textValues: i,
+      decision: e,
+      visibleConditions: s,
+      normalizedDecision: g,
+      handleToggleNoneChange: p,
+      handleConditionToggleChange: (m, C) => (w) => {
+        if (!w)
+          r.setFieldValue(
+            `conditionsThatEstablishesTheDecision.${m}`,
+            void 0
+          ), r.setFieldTouched(
+            `conditionsThatEstablishesTheDecision.${m}`,
+            !1,
+            !1
+          );
+        else {
+          const F = C ? [] : "";
+          r.setFieldValue(
+            `conditionsThatEstablishesTheDecision.${m}`,
+            F
+          );
+        }
+      },
+      showConditionsError: d,
+      termStartStatus: c,
+      termEndStatus: l
+    }
+  );
+}, yt = (t) => {
+  var o;
+  const { decisionTemplate: e } = t, n = { ...e }, i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+    (r) => r.switchPlaces
+  );
+  return i ? {
+    ...n,
+    ruleName: i.conditionName,
+    labelName: i.labelName,
+    decisionDataType: i.conditionDataType,
+    value: i.value,
+    howToSetTheDecision: i.howToSetTheCondition,
+    conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
+      (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
+    )
+  } : n;
+}, vt = (t) => {
+  const { decisions: e } = t;
+  return e == null ? void 0 : e.map((n) => {
+    var o;
+    const i = (o = n.conditionsThatEstablishesTheDecision) == null ? void 0 : o.find(
+      (r) => r.switchPlaces
+    );
+    return i ? {
+      ...n,
+      ruleName: i.conditionName,
+      labelName: i.labelName,
+      decisionDataType: i.conditionDataType,
+      value: i.value,
+      howToSetTheDecision: i.howToSetTheCondition,
+      conditionsThatEstablishesTheDecision: n.conditionsThatEstablishesTheDecision.map(
+        (r) => r.conditionName === i.conditionName ? { ...r, hidden: !0 } : r
       )
     } : n;
   });
 };
 export {
-  j as BusinessRuleCard,
-  te as BusinessRuleView,
-  rt as BusinessRules,
-  $e as ModalRules,
-  Ne as RulesForm,
-  dt as revertSortedDataSampleSwitchPlaces,
-  ct as revertSortedDataSwitchPlaces,
-  lt as sortDisplayDataSampleSwitchPlaces,
-  st as sortDisplayDataSwitchPlaces
+  H as BusinessRuleCard,
+  re as BusinessRuleView,
+  gt as BusinessRules,
+  mt as Filter,
+  bt as FilterModal,
+  Tt as FormFilter,
+  Re as ModalRules,
+  it as RulesForm,
+  ft as revertSortedDataSampleSwitchPlaces,
+  xt as revertSortedDataSwitchPlaces,
+  yt as sortDisplayDataSampleSwitchPlaces,
+  vt as sortDisplayDataSwitchPlaces
 };