@isettingkit/business-rules 0.1.11 → 0.1.12

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,37 @@ export declare interface IBusinessRuleCard {
 }
 
 export declare interface IBusinessRuleView {
-    decision: IRuleDecision;
+    decision: IRuleDecision_2;
     textValues: IRulesFormTextValues;
 }
 
+declare interface ICondition {
+    description: string;
+    valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
+    name: string;
+    value?: string | string[] | number | IValue | undefined;
+    dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
+}
+
+declare interface IDecision {
+    description: 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];
+}
+
+declare interface IRuleDecision_2 {
+    id?: string;
+    conditions?: ICondition[];
+    decision?: IDecision;
+    decisions?: IDecision[];
+    startDate?: Date;
+    endDate?: Date;
+}
+
 export declare interface IRulesForm {
     id: string;
     decision: IRuleDecision;
@@ -44,6 +74,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";
@@ -20,24 +20,24 @@ const X = (t) => {
   const {
     label: e,
     labelText: a,
-    onHandleChange: o,
-    placeholder: l,
-    required: m,
-    value: g = ""
-  } = t, [s, b] = v(g);
-  return /* @__PURE__ */ u(i, { direction: "column", margin: "10px 4px", children: [
+    onHandleChange: i,
+    placeholder: c,
+    required: g,
+    value: l = ""
+  } = t, [d, b] = y(l);
+  return /* @__PURE__ */ m(o, { 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(
+    /* @__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,
-        value: s,
+        placeholder: c,
+        required: g,
+        value: d,
         maxLength: 120,
         fullwidth: !0
       }
@@ -47,46 +47,46 @@ const X = (t) => {
   const {
     checked: e,
     children: a,
-    handleToggleChange: o,
-    id: l,
-    labelToggle: m,
-    name: g,
-    valueToggle: s = ""
-  } = t, [b, f] = v(e), p = (S) => {
-    f(S.target.checked), o(S);
+    handleToggleChange: i,
+    id: c,
+    labelToggle: g,
+    name: l,
+    valueToggle: d = ""
+  } = t, [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,
-        id: l,
+        id: c,
         margin: "10px",
-        name: g,
+        name: l,
         onChange: p,
         size: "small",
-        value: s,
-        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: m })
+        value: d,
+        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: g })
       }
     ) }),
-    b && /* @__PURE__ */ n(A, { children: a })
+    b && /* @__PURE__ */ n(j, { children: a })
   ] });
 }, ee = (t) => {
   const {
     onHandleStartChange: e,
     onHandleEndChange: a,
-    labelStart: o,
-    labelEnd: l,
-    checkedClosed: m = !1,
-    required: g = !1,
-    valueStart: s = "",
+    labelStart: i,
+    labelEnd: c,
+    checkedClosed: g = !1,
+    required: l = !1,
+    valueStart: d = "",
     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(
+  } = t, [C, p] = y(g), [v, k] = y(d), [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",
@@ -108,76 +108,76 @@ const X = (t) => {
             Z,
             {
               label: "Cerrada",
-              onChange: ({ target: c }) => {
-                p(c.checked);
+              onChange: ({ target: s }) => {
+                p(s.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,
-          onChange: (c) => {
-            k(c.target.value), e(c);
+          label: i,
+          onChange: (s) => {
+            k(s.target.value), e(s);
           },
-          value: S,
-          required: g,
+          value: v,
+          required: l,
           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);
+          label: c,
+          onChange: (s) => {
+            D(s.target.value), a(s);
           },
           value: T,
-          required: g,
+          required: l,
           size: "compact"
         }
       ) })
     ] })
   ] });
-}, _ = (t) => {
-  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;
+}, N = (t) => {
+  var c;
+  const e = t.possibleValue, a = 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 (t.howToSetUp) {
-    case C.LIST_OF_VALUES:
+    case f.LIST_OF_VALUES:
       return {
         schema: F(),
-        value: (l = e.listSelected) == null ? void 0 : l[0]
+        value: (c = e.listSelected) == null ? void 0 : c[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")
         }),
         value: {
           rangeFrom: a,
-          rangeTo: o
+          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
@@ -191,14 +191,14 @@ const X = (t) => {
 }, 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);
+    const i = N(t.decision);
+    i && (e[t.decision.name] = i.schema, a[t.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);
+  return t.conditions && t.conditions.forEach((i) => {
+    const c = N(i);
+    c && (e[i.name] = c.schema, a[i.name] = c.value);
   }), { validationSchema: B().shape(e), initialValues: a };
-}, L = (t) => {
+}, R = (t) => {
   if (typeof t == "string")
     return t;
   if (typeof t == "object" && ("rangeFrom" in t || "rangeTo" in t))
@@ -208,48 +208,48 @@ const X = (t) => {
     };
   for (const e in t)
     if (Object.prototype.hasOwnProperty.call(t, e)) {
-      const a = L(t[e]);
+      const a = R(t[e]);
       if (a) return a;
     }
   return "";
 }, te = (t) => {
-  var c;
+  var s;
   const {
     decision: e,
     formik: a,
-    onChangeCondition: o,
-    onChangeDecision: l,
-    onStartChange: m,
-    onEndChange: g,
-    textValues: s,
+    onChangeCondition: i,
+    onChangeDecision: c,
+    onStartChange: g,
+    onEndChange: l,
+    textValues: d,
     onCancel: b,
-    onSubmit: f
-  } = t, [p, S] = v(!1), [k, T] = v(!0);
+    onSubmit: C
+  } = t, [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) => {
+  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(a.errors[r] || {});
     return typeof h == "string" ? h ? "invalid" : "pending" : h;
-  }, d = (r) => {
-    const h = L(a.errors[r] || {});
+  }, u = (r) => {
+    const h = R(a.errors[r] || {});
     return h;
   };
-  return /* @__PURE__ */ u(i, { direction: "column", gap: "24px", children: [
-    /* @__PURE__ */ u(i, { direction: "column", gap: "16", children: [
-      /* @__PURE__ */ n(x, { weight: "bold", size: "medium", children: s.criteria }),
+  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: d.criteria }),
       e.decision && /* @__PURE__ */ n(
-        j,
+        L,
         {
           element: e.decision,
-          onDecision: l,
+          onDecision: c,
           valueData: a.values[e.decision.name],
           message: a.errors[e.decision.name],
-          status: D(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__ */ n(x, { children: s.factsThatConditionIt }),
+    /* @__PURE__ */ m(o, { direction: "column", children: [
+      /* @__PURE__ */ m(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
+        /* @__PURE__ */ n(x, { children: d.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 })
+            children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d.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,
+              onDecision: i,
               valueData: a.values[r.name],
-              message: d(r.name),
-              status: D(r.name),
+              message: u(r.name),
+              status: S(r.name),
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
@@ -312,152 +312,154 @@ 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,
-        placeholder: s.changePlaceholder,
+        label: d.reasonForChange,
+        labelText: d.change,
+        onHandleChange: w,
+        placeholder: d.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),
-        onHandleEndChange: (r) => g(r.target.value),
-        labelStart: s.termStart,
-        labelEnd: s.termEnd,
+        onHandleStartChange: (r) => g(r.target.value),
+        onHandleEndChange: (r) => l(r.target.value),
+        labelStart: d.termStart,
+        labelEnd: d.termEnd,
         checkedClosed: !!e.decision.endDate,
         valueStart: e.decision.startDate.toLocaleDateString(
           "en-CA"
         ),
-        valueEnd: ((c = e.decision.endDate) == null ? void 0 : c.toLocaleDateString("en-CA")) || ""
+        valueEnd: ((s = e.decision.endDate) == null ? void 0 : s.toLocaleDateString("en-CA")) || ""
       }
     ) }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ u(i, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: s.cancel }),
+    /* @__PURE__ */ m(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: d.cancel }),
       /* @__PURE__ */ n(
         M,
         {
-          onClick: f,
+          onClick: C,
           disabled: k || !a.isValid,
           type: "submit",
-          children: s.confirm
+          children: d.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) => {
-    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 };
+}, Se = (t) => {
+  const { id: e, decision: a, onCancel: i, onSubmitEvent: c, textValues: g } = t, [l, d] = y(a), b = (u, s) => {
+    w.setFieldValue(u, s), w.validateField(u);
+  }, C = (u, s) => {
+    d((r) => {
+      var A;
+      const h = (A = r == null ? void 0 : r.conditions) == null ? void 0 : A.map((O) => O.name === s ? { ...O, value: u } : O);
+      return b(s, u), { ...r, conditions: h };
     });
-  }, p = (d) => {
-    s(
-      (c) => D(c, "value", d)
+  }, p = (u) => {
+    d(
+      (s) => S(s, "value", u)
     );
-  }, S = (d) => {
-    s(
-      (c) => D(c, "endDate", new Date(d))
+  }, v = (u) => {
+    d(
+      (s) => S(s, "endDate", new Date(u))
     );
-  }, k = (d) => {
-    s(
-      (c) => D(c, "startDate", new Date(d))
+  }, k = (u) => {
+    d(
+      (s) => S(s, "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(l);
+  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);
+      c(l);
     }
-  }), D = (d, c, r) => ({
-    ...d,
-    decision: { ...d.decision, [c]: r }
+  }), S = (u, s, r) => ({
+    ...u,
+    decision: { ...u.decision, [s]: r }
   });
   return /* @__PURE__ */ n(
     te,
     {
       id: e,
-      formik: y,
-      decision: g,
-      onCancel: o,
-      onSubmit: () => l(g),
-      onChangeCondition: f,
+      formik: w,
+      decision: l,
+      onCancel: i,
+      onSubmit: () => c(l),
+      onChangeCondition: C,
       onChangeDecision: p,
       onStartChange: k,
-      onEndChange: S,
-      textValues: m
+      onEndChange: v,
+      textValues: g
     }
   );
-}, N = (t) => {
+}, _ = (t) => {
   if (!t)
     return;
-  const e = t.value || t.possibleValue;
+  const e = t.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 (t.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: [
+}, De = (t) => {
+  var c, g;
+  const { decision: e, textValues: a } = t, i = (l) => l && Object.keys(l).length > 0;
+  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: a.criteria }),
-      /* @__PURE__ */ n(i, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(i, { direction: "column", children: /* @__PURE__ */ n(
+      /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
         V,
         {
           element: e.decision,
-          valueData: N(e.decision)
+          valueData: _(e.decision)
         }
       ) }, e.decision.name) })
     ] }),
-    /* @__PURE__ */ u(i, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
+    /* @__PURE__ */ m(o, { 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))
+      e.conditions && e.conditions.map(
+        (l) => (console.log("condition: ", l), (typeof l.value == "object" && i(l.value) || l.value) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
+          V,
+          {
+            element: l,
+            valueData: _(l)
+          }
+        ) }, l.name))
+      )
     ] }),
-    /* @__PURE__ */ u(i, { direction: "column", gap: "12px", children: [
+    /* @__PURE__ */ m(o, { 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, { justifyContent: "space-between", children: [
+        ((c = e == null ? void 0 : e.decision) == null ? void 0 : c.startDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
-              name: "startDate",
+              name: "Fecha de inicio",
               description: a.termStart,
               value: String(e.startDate),
-              howToSetUp: C.EQUAL,
-              typeData: U.DATE
+              valueUse: f.EQUAL,
+              dataType: U.DATE
             },
             valueData: new Date(
               e.decision.startDate
@@ -465,15 +467,15 @@ const X = (t) => {
           },
           "startDate"
         ),
-        ((l = e == null ? void 0 : e.decision) == null ? void 0 : l.endDate) && /* @__PURE__ */ n(
+        ((g = e == null ? void 0 : e.decision) == null ? void 0 : g.endDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
-              name: "endDate",
+              name: "Fecha de final",
               description: a.termEnd,
               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"
@@ -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 = (t) => {
+  const { children: e, handleDelete: a, handleView: i, id: c } = t;
+  return /* @__PURE__ */ m(ae, { 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(c);
             }
           }
         ),
@@ -538,7 +540,7 @@ const X = (t) => {
             size: "24px",
             icon: /* @__PURE__ */ n(K, {}),
             onClick: () => {
-              a(l);
+              a(c);
             }
           }
         )
@@ -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.12",
   "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.12"
   },
   "peerDependencies": {
     "react": "^18.2.0",