@isettingkit/business-rules 0.1.11 → 0.1.13

package/dist/index.es.d.ts

@@ -1,5 +1,8 @@
+import { IInputStatus } from '@isettingkit/input';
 import { IRuleDecision } from '@isettingkit/input';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ValueDataType } from '@isettingkit/input';
+import { ValueHowToSetUp } from '@isettingkit/input';
 
 export declare const BusinessRuleCard: (props: IBusinessRuleCard) => JSX_2.Element;
 
@@ -13,10 +16,39 @@ export declare interface IBusinessRuleCard {
 }
 
 export declare interface IBusinessRuleView {
-    decision: IRuleDecision;
+    decision: IRuleDecision_2;
     textValues: IRulesFormTextValues;
 }
 
+declare interface ICondition {
+    valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
+    name: string;
+    value?: string | string[] | number | IValue | undefined;
+    dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
+}
+
+declare interface IDecision {
+    endDate?: Date;
+    valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
+    name: string;
+    value?: string | string[] | number | IValue | undefined;
+    startDate?: Date;
+    dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
+}
+
+declare interface IRuleDecision_2 {
+    id?: string;
+    endDate?: Date;
+    valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
+    name: string;
+    value?: string | string[] | number | IValue | undefined;
+    startDate?: Date;
+    dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
+    conditions?: ICondition[];
+    decision?: IDecision;
+    decisions?: IDecision[];
+}
+
 export declare interface IRulesForm {
     id: string;
     decision: IRuleDecision;
@@ -44,6 +76,20 @@ declare interface IRulesFormTextValues {
     termStart: string;
 }
 
+declare interface IValue {
+    list?: string[];
+    listSelected?: string[];
+    labelFrom?: string;
+    labelTo?: string;
+    from?: number | string | Date;
+    to?: number | string | Date;
+    value?: string | number;
+    messageFrom?: string;
+    messageTo?: string;
+    statusFrom?: IInputStatus;
+    statusTo?: IInputStatus;
+}
+
 export declare const RulesForm: (prop: IRulesForm) => JSX_2.Element;
 
 export { }

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { jsxs as u, jsx as n, Fragment as A } from "react/jsx-runtime";
+import { jsxs as m, jsx as n, Fragment as j } from "react/jsx-runtime";
 import { useFormik as Q } from "formik";
-import { useState as v, useEffect as q } from "react";
+import { useState as y, useEffect as q } from "react";
 import { Divider as E } from "@inubekit/divider";
-import { Stack as i } from "@inubekit/stack";
+import { Stack as o } from "@inubekit/stack";
 import { Text as x } from "@inubekit/text";
 import { Toggle as $ } from "@inubekit/toggle";
-import { ValueHowToSetUp as C, DecisionConditionRenderer as j, ValueDataType as U } from "@isettingkit/input";
+import { ValueHowToSetUp as f, DecisionConditionRenderer as L, ValueDataType as U } from "@isettingkit/input";
 import { Textarea as P } from "@inubekit/textarea";
 import { Date as z } from "@inubekit/date";
 import { Checkbox as Z } from "@inubekit/checkbox";
@@ -16,49 +16,49 @@ import { MdOutlineRemoveRedEye as J, MdOutlineDelete as K } from "react-icons/md
 import { Icon as I } from "@inubekit/icon";
 import { inube as W } from "@inubekit/foundations";
 import G from "styled-components";
-const X = (t) => {
+const X = (a) => {
   const {
     label: e,
-    labelText: a,
-    onHandleChange: o,
+    labelText: t,
+    onHandleChange: i,
     placeholder: l,
-    required: m,
+    required: d,
     value: g = ""
-  } = t, [s, b] = v(g);
-  return /* @__PURE__ */ u(i, { direction: "column", margin: "10px 4px", children: [
-    /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: a }),
-    /* @__PURE__ */ n(i, { margin: "10px 0", children: /* @__PURE__ */ n(
+  } = a, [s, b] = y(g);
+  return /* @__PURE__ */ m(o, { direction: "column", margin: "10px 4px", children: [
+    /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: t }),
+    /* @__PURE__ */ n(o, { margin: "10px 0", children: /* @__PURE__ */ n(
       P,
       {
         id: "reasonChange",
         label: e,
         onChange: (p) => {
-          b(p.target.value), o(p);
+          b(p.target.value), i(p);
         },
         placeholder: l,
-        required: m,
+        required: d,
         value: s,
         maxLength: 120,
         fullwidth: !0
       }
     ) })
   ] });
-}, Y = (t) => {
+}, Y = (a) => {
   const {
     checked: e,
-    children: a,
-    handleToggleChange: o,
+    children: t,
+    handleToggleChange: i,
     id: l,
-    labelToggle: m,
+    labelToggle: d,
     name: g,
     valueToggle: s = ""
-  } = t, [b, f] = v(e), p = (S) => {
-    f(S.target.checked), o(S);
+  } = a, [b, C] = y(e), p = (v) => {
+    C(v.target.checked), i(v);
   };
   return q(() => {
-    f(e);
-  }, [e]), /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(
+    C(e);
+  }, [e]), /* @__PURE__ */ m(j, { children: [
+    /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
       $,
       {
         checked: b,
@@ -68,25 +68,25 @@ const X = (t) => {
         onChange: p,
         size: "small",
         value: s,
-        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: m })
+        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d })
       }
     ) }),
-    b && /* @__PURE__ */ n(A, { children: a })
+    b && /* @__PURE__ */ n(j, { children: t })
   ] });
-}, ee = (t) => {
+}, ee = (a) => {
   const {
     onHandleStartChange: e,
-    onHandleEndChange: a,
-    labelStart: o,
+    onHandleEndChange: t,
+    labelStart: i,
     labelEnd: l,
-    checkedClosed: m = !1,
+    checkedClosed: d = !1,
     required: g = !1,
     valueStart: s = "",
     valueEnd: b = ""
-  } = t, [f, p] = v(m), [S, k] = v(s), [T, w] = v(b);
-  return /* @__PURE__ */ u(A, { children: [
-    /* @__PURE__ */ u(i, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n(
+  } = a, [C, p] = y(d), [v, k] = y(s), [T, D] = y(b);
+  return /* @__PURE__ */ m(j, { children: [
+    /* @__PURE__ */ m(o, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
+      /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
         x,
         {
           appearance: "gray",
@@ -98,7 +98,7 @@ const X = (t) => {
         }
       ) }),
       /* @__PURE__ */ n(
-        i,
+        o,
         {
           alignContent: "center",
           justifyContent: "center",
@@ -111,34 +111,34 @@ const X = (t) => {
               onChange: ({ target: c }) => {
                 p(c.checked);
               },
-              checked: f,
+              checked: C,
               value: ""
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ u(i, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ n(i, { width: "189px", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ m(o, { justifyContent: "space-between", gap: "24px", children: [
+      /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
         z,
         {
           id: "dateStart",
-          label: o,
+          label: i,
           onChange: (c) => {
             k(c.target.value), e(c);
           },
-          value: S,
+          value: v,
           required: g,
           size: "compact"
         }
       ) }),
-      f && /* @__PURE__ */ n(i, { width: "189px", children: /* @__PURE__ */ n(
+      C && /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
         z,
         {
           id: "dateEnd",
           label: l,
           onChange: (c) => {
-            w(c.target.value), a(c);
+            D(c.target.value), t(c);
           },
           value: T,
           required: g,
@@ -147,37 +147,37 @@ const X = (t) => {
       ) })
     ] })
   ] });
-}, _ = (t) => {
+}, N = (a) => {
   var l;
-  const e = t.possibleValue, a = typeof (e == null ? void 0 : e.rangeFrom) == "number" ? e.rangeFrom : 0, o = typeof (e == null ? void 0 : e.rangeTo) == "number" ? e.rangeTo : 1 / 0;
-  switch (t.howToSetUp) {
-    case C.LIST_OF_VALUES:
+  const e = a.possibleValue, t = typeof (e == null ? void 0 : e.rangeFrom) == "number" ? e.rangeFrom : 0, i = typeof (e == null ? void 0 : e.rangeTo) == "number" ? e.rangeTo : 1 / 0;
+  switch (a.howToSetUp) {
+    case f.LIST_OF_VALUES:
       return {
         schema: F(),
         value: (l = e.listSelected) == null ? void 0 : l[0]
       };
-    case C.LIST_OF_VALUES_MULTI:
+    case f.LIST_OF_VALUES_MULTI:
       return {
         schema: F(),
         value: ""
       };
-    case C.RANGE:
+    case f.RANGE:
       return {
         schema: B({
           rangeFrom: H().required("Range From is required").max(
-            o,
+            i,
             "'Range From' cannot be greater than 'Range To'"
           ).min(0, "'Range From' cannot be less than 0"),
-          rangeTo: H().required("Range To is required").min(a, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
+          rangeTo: H().required("Range To is required").min(t, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
         }),
         value: {
-          rangeFrom: a,
-          rangeTo: o
+          rangeFrom: t,
+          rangeTo: i
         }
       };
-    case C.GREATER_THAN:
-    case C.LESS_THAN:
-    case C.EQUAL:
+    case f.GREATER_THAN:
+    case f.LESS_THAN:
+    case f.EQUAL:
       return {
         schema: F().required("Required"),
         value: e.value
@@ -188,68 +188,68 @@ const X = (t) => {
         value: void 0
       };
   }
-}, ne = (t) => {
-  const e = {}, a = {};
-  if (t.decision) {
-    const o = _(t.decision);
-    o && (e[t.decision.name] = o.schema, a[t.decision.name] = o.value);
+}, ne = (a) => {
+  const e = {}, t = {};
+  if (a.decision) {
+    const i = N(a.decision);
+    i && (e[a.decision.name] = i.schema, t[a.decision.name] = i.value);
   }
-  return t.conditions && t.conditions.forEach((o) => {
-    const l = _(o);
-    l && (e[o.name] = l.schema, a[o.name] = l.value);
-  }), { validationSchema: B().shape(e), initialValues: a };
-}, L = (t) => {
-  if (typeof t == "string")
-    return t;
-  if (typeof t == "object" && ("rangeFrom" in t || "rangeTo" in t))
+  return a.conditions && a.conditions.forEach((i) => {
+    const l = N(i);
+    l && (e[i.name] = l.schema, t[i.name] = l.value);
+  }), { validationSchema: B().shape(e), initialValues: t };
+}, R = (a) => {
+  if (typeof a == "string")
+    return a;
+  if (typeof a == "object" && ("rangeFrom" in a || "rangeTo" in a))
     return {
-      rangeFrom: t.rangeFrom || "",
-      rangeTo: t.rangeTo || ""
+      rangeFrom: a.rangeFrom || "",
+      rangeTo: a.rangeTo || ""
     };
-  for (const e in t)
-    if (Object.prototype.hasOwnProperty.call(t, e)) {
-      const a = L(t[e]);
-      if (a) return a;
+  for (const e in a)
+    if (Object.prototype.hasOwnProperty.call(a, e)) {
+      const t = R(a[e]);
+      if (t) return t;
     }
   return "";
-}, te = (t) => {
+}, ae = (a) => {
   var c;
   const {
     decision: e,
-    formik: a,
-    onChangeCondition: o,
+    formik: t,
+    onChangeCondition: i,
     onChangeDecision: l,
-    onStartChange: m,
+    onStartChange: d,
     onEndChange: g,
     textValues: s,
     onCancel: b,
-    onSubmit: f
-  } = t, [p, S] = v(!1), [k, T] = v(!0);
+    onSubmit: C
+  } = a, [p, v] = y(!1), [k, T] = y(!0);
   q(() => {
-    console.log("Updated formik.errors in RulesFormUI:", a.errors);
-  }, [a.errors]);
-  const w = (r) => {
-    S(r.target.checked);
-  }, y = (r) => {
+    console.log("Updated formik.errors in RulesFormUI:", t.errors);
+  }, [t.errors]);
+  const D = (r) => {
+    v(r.target.checked);
+  }, w = (r) => {
     r.target.value ? T(!1) : T(!0);
-  }, D = (r) => {
-    const h = L(a.errors[r] || {});
+  }, S = (r) => {
+    const h = R(t.errors[r] || {});
     return typeof h == "string" ? h ? "invalid" : "pending" : h;
-  }, d = (r) => {
-    const h = L(a.errors[r] || {});
+  }, u = (r) => {
+    const h = R(t.errors[r] || {});
     return h;
   };
-  return /* @__PURE__ */ u(i, { direction: "column", gap: "24px", children: [
-    /* @__PURE__ */ u(i, { direction: "column", gap: "16", children: [
+  return /* @__PURE__ */ m(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ m(o, { direction: "column", gap: "16", children: [
       /* @__PURE__ */ n(x, { weight: "bold", size: "medium", children: s.criteria }),
       e.decision && /* @__PURE__ */ n(
-        j,
+        L,
         {
           element: e.decision,
           onDecision: l,
-          valueData: a.values[e.decision.name],
-          message: a.errors[e.decision.name],
-          status: D(e.decision.name),
+          valueData: t.values[e.decision.name],
+          message: t.errors[e.decision.name],
+          status: S(e.decision.name),
           textValues: {
             selectOptions: "Select an option",
             selectOption: "Option selected",
@@ -260,26 +260,26 @@ const X = (t) => {
       )
     ] }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ u(i, { direction: "column", children: [
-      /* @__PURE__ */ u(i, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
+    /* @__PURE__ */ m(o, { direction: "column", children: [
+      /* @__PURE__ */ m(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
         /* @__PURE__ */ n(x, { children: s.factsThatConditionIt }),
         /* @__PURE__ */ n(
           $,
           {
             id: "toogleNone",
-            onChange: w,
+            onChange: D,
             checked: p,
             size: "small",
             children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: s.none })
           }
         )
       ] }),
-      e.conditions && e.conditions.map((r) => /* @__PURE__ */ n(i, { direction: "column", children: /* @__PURE__ */ n(
+      e.conditions && e.conditions.map((r) => /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
         Y,
         {
           checked: !p,
           handleToggleChange: (h) => {
-            h.target.checked || o(
+            h.target.checked || i(
               {
                 value: "",
                 rangeTo: 0,
@@ -293,13 +293,13 @@ const X = (t) => {
           labelToggle: r.name.split(/(?=[A-Z])/).join(" "),
           name: r.name.replace(" ", ""),
           children: /* @__PURE__ */ n(
-            j,
+            L,
             {
               element: r,
-              onDecision: o,
-              valueData: a.values[r.name],
-              message: d(r.name),
-              status: D(r.name),
+              onDecision: i,
+              valueData: t.values[r.name],
+              message: u(r.name),
+              status: S(r.name),
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
@@ -312,21 +312,21 @@ const X = (t) => {
       ) }, r.name))
     ] }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ n(i, { direction: "column", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
       X,
       {
         label: s.reasonForChange,
         labelText: s.change,
-        onHandleChange: y,
+        onHandleChange: w,
         placeholder: s.changePlaceholder,
         required: !0
       }
     ) }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ n(i, { direction: "column", children: e.decision && /* @__PURE__ */ n(
+    /* @__PURE__ */ n(o, { direction: "column", children: e.decision && /* @__PURE__ */ n(
       ee,
       {
-        onHandleStartChange: (r) => m(r.target.value),
+        onHandleStartChange: (r) => d(r.target.value),
         onHandleEndChange: (r) => g(r.target.value),
         labelStart: s.termStart,
         labelEnd: s.termEnd,
@@ -338,153 +338,155 @@ const X = (t) => {
       }
     ) }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ u(i, { direction: "row", justifyContent: "end", gap: "16px", children: [
+    /* @__PURE__ */ m(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
       /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: s.cancel }),
       /* @__PURE__ */ n(
         M,
         {
-          onClick: f,
-          disabled: k || !a.isValid,
+          onClick: C,
+          disabled: k || !t.isValid,
           type: "submit",
           children: s.confirm
         }
       )
     ] })
   ] });
-}, De = (t) => {
-  const { id: e, decision: a, onCancel: o, onSubmitEvent: l, textValues: m } = t, [g, s] = v(a), b = (d, c) => {
-    y.setFieldValue(d, c), y.validateField(d);
-  }, f = (d, c) => {
+}, Se = (a) => {
+  const { id: e, decision: t, onCancel: i, onSubmitEvent: l, textValues: d } = a, [g, s] = y(t), b = (u, c) => {
+    w.setFieldValue(u, c), w.validateField(u);
+  }, C = (u, c) => {
     s((r) => {
-      var O;
-      const h = (O = r == null ? void 0 : r.conditions) == null ? void 0 : O.map((R) => R.name === c ? { ...R, value: d } : R);
-      return b(c, d), { ...r, conditions: h };
+      var A;
+      const h = (A = r == null ? void 0 : r.conditions) == null ? void 0 : A.map((O) => O.name === c ? { ...O, value: u } : O);
+      return b(c, u), { ...r, conditions: h };
     });
-  }, p = (d) => {
+  }, p = (u) => {
     s(
-      (c) => D(c, "value", d)
+      (c) => S(c, "value", u)
     );
-  }, S = (d) => {
+  }, v = (u) => {
     s(
-      (c) => D(c, "endDate", new Date(d))
+      (c) => S(c, "endDate", new Date(u))
     );
-  }, k = (d) => {
+  }, k = (u) => {
     s(
-      (c) => D(c, "startDate", new Date(d))
+      (c) => S(c, "startDate", new Date(u))
     );
-  }, { validationSchema: T, initialValues: w } = ne(g);
-  T.validate(w, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((d) => console.log("Validation failed:", d.errors));
-  const y = Q({
-    initialValues: w,
+  }, { validationSchema: T, initialValues: D } = ne(g);
+  T.validate(D, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((u) => console.log("Validation failed:", u.errors));
+  const w = Q({
+    initialValues: D,
     validationSchema: T,
     validateOnChange: !0,
     validateOnBlur: !0,
     onSubmit: () => {
       l(g);
     }
-  }), D = (d, c, r) => ({
-    ...d,
-    decision: { ...d.decision, [c]: r }
+  }), S = (u, c, r) => ({
+    ...u,
+    decision: { ...u.decision, [c]: r }
   });
   return /* @__PURE__ */ n(
-    te,
+    ae,
     {
       id: e,
-      formik: y,
+      formik: w,
       decision: g,
-      onCancel: o,
+      onCancel: i,
       onSubmit: () => l(g),
-      onChangeCondition: f,
+      onChangeCondition: C,
       onChangeDecision: p,
       onStartChange: k,
-      onEndChange: S,
-      textValues: m
+      onEndChange: v,
+      textValues: d
     }
   );
-}, N = (t) => {
-  if (!t)
+}, _ = (a) => {
+  if (!a)
     return;
-  const e = t.value || t.possibleValue;
+  const e = a.value;
   if (!e)
     return;
-  if (((o) => typeof o == "object" && o !== null)(e))
-    switch (t.howToSetUp) {
-      case C.LIST_OF_VALUES_MULTI:
-        return e.listSelected;
-      case C.LIST_OF_VALUES:
-        return e.listSelected ?? e.list;
-      case C.RANGE:
+  if (((i) => typeof i == "object" && i !== null)(e))
+    switch (a.valueUse) {
+      case f.LIST_OF_VALUES_MULTI:
+        return e;
+      case f.LIST_OF_VALUES:
+        return e;
+      case f.RANGE:
         return {
-          rangeFrom: e.rangeFrom,
-          rangeTo: e.rangeTo
+          from: e.from,
+          to: e.to
         };
       default:
         return e.value;
     }
   return e;
-}, we = (t) => {
-  var o, l;
-  const { decision: e, textValues: a } = t;
-  return /* @__PURE__ */ u(i, { direction: "column", gap: "24px", children: [
-    /* @__PURE__ */ u(i, { direction: "column", gap: "16px", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.criteria }),
-      /* @__PURE__ */ n(i, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(i, { direction: "column", children: /* @__PURE__ */ n(
+}, De = (a) => {
+  const { decision: e, textValues: t } = a, i = (d) => d && Object.keys(d).length > 0, l = {
+    name: e.name,
+    dataType: e.dataType,
+    value: e.value,
+    valueUse: e.valueUse
+  };
+  return /* @__PURE__ */ m(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ m(o, { direction: "column", gap: "16px", children: [
+      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.criteria }),
+      /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
         V,
         {
-          element: e.decision,
-          valueData: N(e.decision)
+          element: l,
+          valueData: _(l)
         }
-      ) }, e.decision.name) })
+      ) }, e.name) })
     ] }),
-    /* @__PURE__ */ u(i, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.factsThatConditionIt }),
-      e.conditions && e.conditions.map((m) => /* @__PURE__ */ n(i, { direction: "column", children: /* @__PURE__ */ n(
-        V,
-        {
-          element: m,
-          valueData: N(m)
-        }
-      ) }, m.name))
+    /* @__PURE__ */ m(o, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.factsThatConditionIt }),
+      e.conditions && e.conditions.map(
+        (d) => (typeof d.value == "object" && i(d.value) || d.value) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
+          V,
+          {
+            element: d,
+            valueData: _(d)
+          }
+        ) }, d.name)
+      )
     ] }),
-    /* @__PURE__ */ u(i, { direction: "column", gap: "12px", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.terms }),
-      /* @__PURE__ */ u(i, { justifyContent: "space-between", children: [
-        ((o = e == null ? void 0 : e.decision) == null ? void 0 : o.startDate) && /* @__PURE__ */ n(
+    /* @__PURE__ */ m(o, { direction: "column", gap: "12px", children: [
+      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.terms }),
+      /* @__PURE__ */ m(o, { justifyContent: "space-between", children: [
+        (e == null ? void 0 : e.startDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
-              name: "startDate",
-              description: a.termStart,
+              name: "Fecha de inicio",
               value: String(e.startDate),
-              howToSetUp: C.EQUAL,
-              typeData: U.DATE
+              valueUse: f.EQUAL,
+              dataType: U.DATE
             },
-            valueData: new Date(
-              e.decision.startDate
-            ).toLocaleDateString("en-CA")
+            valueData: new Date(e.startDate).toLocaleDateString(
+              "en-CA"
+            )
           },
           "startDate"
         ),
-        ((l = e == null ? void 0 : e.decision) == null ? void 0 : l.endDate) && /* @__PURE__ */ n(
+        (e == null ? void 0 : e.endDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
-              name: "endDate",
-              description: a.termEnd,
+              name: "Fecha de final",
               value: String(e.endDate),
-              howToSetUp: C.EQUAL,
-              typeData: U.DATE
+              valueUse: f.EQUAL,
+              dataType: U.DATE
             },
-            valueData: new Date(e.decision.endDate).toLocaleDateString(
-              "en-CA"
-            )
+            valueData: new Date(e.endDate).toLocaleDateString("en-CA")
           },
           "endDate"
         )
       ] })
     ] })
   ] });
-}, ae = G.div`
+}, te = G.div`
   border-radius: 8px;
   border: 1px solid ${W.palette.neutral.N30};
   box-sizing: border-box;
@@ -511,13 +513,13 @@ const X = (t) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, ye = (t) => {
-  const { children: e, handleDelete: a, handleView: o, id: l } = t;
-  return /* @__PURE__ */ u(ae, { children: [
-    /* @__PURE__ */ n(i, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(i, { direction: "column", margin: "10px", children: e }) }) }),
-    /* @__PURE__ */ u(i, { gap: "16px", direction: "column", margin: "2px 12px", children: [
+`, we = (a) => {
+  const { children: e, handleDelete: t, handleView: i, id: l } = a;
+  return /* @__PURE__ */ m(te, { children: [
+    /* @__PURE__ */ n(o, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(o, { direction: "column", margin: "10px", children: e }) }) }),
+    /* @__PURE__ */ m(o, { gap: "16px", direction: "column", margin: "2px 12px", children: [
       /* @__PURE__ */ n(E, {}),
-      /* @__PURE__ */ u(i, { gap: "16px", justifyContent: "end", children: [
+      /* @__PURE__ */ m(o, { gap: "16px", justifyContent: "end", children: [
         /* @__PURE__ */ n(
           I,
           {
@@ -526,7 +528,7 @@ const X = (t) => {
             cursorHover: !0,
             icon: /* @__PURE__ */ n(J, {}),
             onClick: () => {
-              o(l);
+              i(l);
             }
           }
         ),
@@ -538,7 +540,7 @@ const X = (t) => {
             size: "24px",
             icon: /* @__PURE__ */ n(K, {}),
             onClick: () => {
-              a(l);
+              t(l);
             }
           }
         )
@@ -547,7 +549,7 @@ const X = (t) => {
   ] });
 };
 export {
-  ye as BusinessRuleCard,
-  we as BusinessRuleView,
-  De as RulesForm
+  we as BusinessRuleCard,
+  De as BusinessRuleView,
+  Se as RulesForm
 };

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.11",
+  "version": "0.1.13",
   "type": "module",
   "exports": {
     ".": {
@@ -49,7 +49,7 @@
     "@inubekit/textarea": "^2.45.0",
     "@inubekit/toggle": "^3.8.2",
     "@isettingkit/input": "^0.1.21",
-    "@isettingkit/view": "^0.1.9"
+    "@isettingkit/view": "^0.1.13"
   },
   "peerDependencies": {
     "react": "^18.2.0",