@isettingkit/business-rules 0.1.12 → 0.1.13

package/dist/index.es.d.ts

@@ -21,7 +21,6 @@ export declare interface IBusinessRuleView {
 }
 
 declare interface ICondition {
-    description: string;
     valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
     name: string;
     value?: string | string[] | number | IValue | undefined;
@@ -29,7 +28,6 @@ declare interface ICondition {
 }
 
 declare interface IDecision {
-    description: string;
     endDate?: Date;
     valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
     name: string;
@@ -40,11 +38,15 @@ declare interface IDecision {
 
 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[];
-    startDate?: Date;
-    endDate?: Date;
 }
 
 export declare interface IRulesForm {

package/dist/index.es.js

@@ -16,17 +16,17 @@ 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,
+    labelText: t,
     onHandleChange: i,
-    placeholder: c,
-    required: g,
-    value: l = ""
-  } = t, [d, b] = y(l);
+    placeholder: l,
+    required: d,
+    value: g = ""
+  } = 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: a }),
+    /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: t }),
     /* @__PURE__ */ n(o, { margin: "10px 0", children: /* @__PURE__ */ n(
       P,
       {
@@ -35,24 +35,24 @@ const X = (t) => {
         onChange: (p) => {
           b(p.target.value), i(p);
         },
-        placeholder: c,
-        required: g,
-        value: d,
+        placeholder: l,
+        required: d,
+        value: s,
         maxLength: 120,
         fullwidth: !0
       }
     ) })
   ] });
-}, Y = (t) => {
+}, Y = (a) => {
   const {
     checked: e,
-    children: a,
+    children: t,
     handleToggleChange: i,
-    id: c,
-    labelToggle: g,
-    name: l,
-    valueToggle: d = ""
-  } = t, [b, C] = y(e), p = (v) => {
+    id: l,
+    labelToggle: d,
+    name: g,
+    valueToggle: s = ""
+  } = a, [b, C] = y(e), p = (v) => {
     C(v.target.checked), i(v);
   };
   return q(() => {
@@ -62,28 +62,28 @@ const X = (t) => {
       $,
       {
         checked: b,
-        id: c,
+        id: l,
         margin: "10px",
-        name: l,
+        name: g,
         onChange: p,
         size: "small",
-        value: d,
-        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: g })
+        value: s,
+        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d })
       }
     ) }),
-    b && /* @__PURE__ */ n(j, { children: a })
+    b && /* @__PURE__ */ n(j, { children: t })
   ] });
-}, ee = (t) => {
+}, ee = (a) => {
   const {
     onHandleStartChange: e,
-    onHandleEndChange: a,
+    onHandleEndChange: t,
     labelStart: i,
-    labelEnd: c,
-    checkedClosed: g = !1,
-    required: l = !1,
-    valueStart: d = "",
+    labelEnd: l,
+    checkedClosed: d = !1,
+    required: g = !1,
+    valueStart: s = "",
     valueEnd: b = ""
-  } = t, [C, p] = y(g), [v, k] = y(d), [T, D] = y(b);
+  } = 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(
@@ -108,8 +108,8 @@ const X = (t) => {
             Z,
             {
               label: "Cerrada",
-              onChange: ({ target: s }) => {
-                p(s.checked);
+              onChange: ({ target: c }) => {
+                p(c.checked);
               },
               checked: C,
               value: ""
@@ -124,11 +124,11 @@ const X = (t) => {
         {
           id: "dateStart",
           label: i,
-          onChange: (s) => {
-            k(s.target.value), e(s);
+          onChange: (c) => {
+            k(c.target.value), e(c);
           },
           value: v,
-          required: l,
+          required: g,
           size: "compact"
         }
       ) }),
@@ -136,25 +136,25 @@ const X = (t) => {
         z,
         {
           id: "dateEnd",
-          label: c,
-          onChange: (s) => {
-            D(s.target.value), a(s);
+          label: l,
+          onChange: (c) => {
+            D(c.target.value), t(c);
           },
           value: T,
-          required: l,
+          required: g,
           size: "compact"
         }
       ) })
     ] })
   ] });
-}, 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) {
+}, N = (a) => {
+  var l;
+  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: (c = e.listSelected) == null ? void 0 : c[0]
+        value: (l = e.listSelected) == null ? void 0 : l[0]
       };
     case f.LIST_OF_VALUES_MULTI:
       return {
@@ -168,10 +168,10 @@ const X = (t) => {
             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,
+          rangeFrom: t,
           rangeTo: i
         }
       };
@@ -188,67 +188,67 @@ const X = (t) => {
         value: void 0
       };
   }
-}, ne = (t) => {
-  const e = {}, a = {};
-  if (t.decision) {
-    const i = N(t.decision);
-    i && (e[t.decision.name] = i.schema, a[t.decision.name] = i.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((i) => {
-    const c = N(i);
-    c && (e[i.name] = c.schema, a[i.name] = c.value);
-  }), { validationSchema: B().shape(e), initialValues: a };
-}, R = (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 = R(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) => {
-  var s;
+}, ae = (a) => {
+  var c;
   const {
     decision: e,
-    formik: a,
+    formik: t,
     onChangeCondition: i,
-    onChangeDecision: c,
-    onStartChange: g,
-    onEndChange: l,
-    textValues: d,
+    onChangeDecision: l,
+    onStartChange: d,
+    onEndChange: g,
+    textValues: s,
     onCancel: b,
     onSubmit: C
-  } = t, [p, v] = y(!1), [k, T] = y(!0);
+  } = a, [p, v] = y(!1), [k, T] = y(!0);
   q(() => {
-    console.log("Updated formik.errors in RulesFormUI:", a.errors);
-  }, [a.errors]);
+    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);
   }, S = (r) => {
-    const h = R(a.errors[r] || {});
+    const h = R(t.errors[r] || {});
     return typeof h == "string" ? h ? "invalid" : "pending" : h;
   }, u = (r) => {
-    const h = R(a.errors[r] || {});
+    const h = R(t.errors[r] || {});
     return h;
   };
   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 }),
+      /* @__PURE__ */ n(x, { weight: "bold", size: "medium", children: s.criteria }),
       e.decision && /* @__PURE__ */ n(
         L,
         {
           element: e.decision,
-          onDecision: c,
-          valueData: a.values[e.decision.name],
-          message: a.errors[e.decision.name],
+          onDecision: l,
+          valueData: t.values[e.decision.name],
+          message: t.errors[e.decision.name],
           status: S(e.decision.name),
           textValues: {
             selectOptions: "Select an option",
@@ -262,7 +262,7 @@ const X = (t) => {
     /* @__PURE__ */ n(E, { dashed: !0 }),
     /* @__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(x, { children: s.factsThatConditionIt }),
         /* @__PURE__ */ n(
           $,
           {
@@ -270,7 +270,7 @@ const X = (t) => {
             onChange: D,
             checked: p,
             size: "small",
-            children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d.none })
+            children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: s.none })
           }
         )
       ] }),
@@ -297,7 +297,7 @@ const X = (t) => {
             {
               element: r,
               onDecision: i,
-              valueData: a.values[r.name],
+              valueData: t.values[r.name],
               message: u(r.name),
               status: S(r.name),
               textValues: {
@@ -315,10 +315,10 @@ const X = (t) => {
     /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
       X,
       {
-        label: d.reasonForChange,
-        labelText: d.change,
+        label: s.reasonForChange,
+        labelText: s.change,
         onHandleChange: w,
-        placeholder: d.changePlaceholder,
+        placeholder: s.changePlaceholder,
         required: !0
       }
     ) }),
@@ -326,53 +326,53 @@ const X = (t) => {
     /* @__PURE__ */ n(o, { direction: "column", children: e.decision && /* @__PURE__ */ n(
       ee,
       {
-        onHandleStartChange: (r) => g(r.target.value),
-        onHandleEndChange: (r) => l(r.target.value),
-        labelStart: d.termStart,
-        labelEnd: d.termEnd,
+        onHandleStartChange: (r) => d(r.target.value),
+        onHandleEndChange: (r) => g(r.target.value),
+        labelStart: s.termStart,
+        labelEnd: s.termEnd,
         checkedClosed: !!e.decision.endDate,
         valueStart: e.decision.startDate.toLocaleDateString(
           "en-CA"
         ),
-        valueEnd: ((s = e.decision.endDate) == null ? void 0 : s.toLocaleDateString("en-CA")) || ""
+        valueEnd: ((c = e.decision.endDate) == null ? void 0 : c.toLocaleDateString("en-CA")) || ""
       }
     ) }),
     /* @__PURE__ */ n(E, { dashed: !0 }),
     /* @__PURE__ */ m(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: d.cancel }),
+      /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: s.cancel }),
       /* @__PURE__ */ n(
         M,
         {
           onClick: C,
-          disabled: k || !a.isValid,
+          disabled: k || !t.isValid,
           type: "submit",
-          children: d.confirm
+          children: s.confirm
         }
       )
     ] })
   ] });
-}, 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) => {
+}, 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 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 };
+      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 = (u) => {
-    d(
-      (s) => S(s, "value", u)
+    s(
+      (c) => S(c, "value", u)
     );
   }, v = (u) => {
-    d(
-      (s) => S(s, "endDate", new Date(u))
+    s(
+      (c) => S(c, "endDate", new Date(u))
     );
   }, k = (u) => {
-    d(
-      (s) => S(s, "startDate", new Date(u))
+    s(
+      (c) => S(c, "startDate", new Date(u))
     );
-  }, { validationSchema: T, initialValues: D } = ne(l);
+  }, { 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,
@@ -380,35 +380,35 @@ const X = (t) => {
     validateOnChange: !0,
     validateOnBlur: !0,
     onSubmit: () => {
-      c(l);
+      l(g);
     }
-  }), S = (u, s, r) => ({
+  }), S = (u, c, r) => ({
     ...u,
-    decision: { ...u.decision, [s]: r }
+    decision: { ...u.decision, [c]: r }
   });
   return /* @__PURE__ */ n(
-    te,
+    ae,
     {
       id: e,
       formik: w,
-      decision: l,
+      decision: g,
       onCancel: i,
-      onSubmit: () => c(l),
+      onSubmit: () => l(g),
       onChangeCondition: C,
       onChangeDecision: p,
       onStartChange: k,
       onEndChange: v,
-      textValues: g
+      textValues: d
     }
   );
-}, _ = (t) => {
-  if (!t)
+}, _ = (a) => {
+  if (!a)
     return;
-  const e = t.value;
+  const e = a.value;
   if (!e)
     return;
   if (((i) => typeof i == "object" && i !== null)(e))
-    switch (t.valueUse) {
+    switch (a.valueUse) {
       case f.LIST_OF_VALUES_MULTI:
         return e;
       case f.LIST_OF_VALUES:
@@ -422,71 +422,71 @@ const X = (t) => {
         return e.value;
     }
   return e;
-}, De = (t) => {
-  var c, g;
-  const { decision: e, textValues: a } = t, i = (l) => l && Object.keys(l).length > 0;
+}, 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: a.criteria }),
-      /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
+      /* @__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: _(e.decision)
+          element: l,
+          valueData: _(l)
         }
-      ) }, e.decision.name) })
+      ) }, e.name) })
     ] }),
     /* @__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 }),
+      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.factsThatConditionIt }),
       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(
+        (d) => (typeof d.value == "object" && i(d.value) || d.value) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
           V,
           {
-            element: l,
-            valueData: _(l)
+            element: d,
+            valueData: _(d)
           }
-        ) }, l.name))
+        ) }, d.name)
       )
     ] }),
     /* @__PURE__ */ m(o, { direction: "column", gap: "12px", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.terms }),
+      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: t.terms }),
       /* @__PURE__ */ m(o, { justifyContent: "space-between", children: [
-        ((c = e == null ? void 0 : e.decision) == null ? void 0 : c.startDate) && /* @__PURE__ */ n(
+        (e == null ? void 0 : e.startDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
               name: "Fecha de inicio",
-              description: a.termStart,
               value: String(e.startDate),
               valueUse: f.EQUAL,
               dataType: U.DATE
             },
-            valueData: new Date(
-              e.decision.startDate
-            ).toLocaleDateString("en-CA")
+            valueData: new Date(e.startDate).toLocaleDateString(
+              "en-CA"
+            )
           },
           "startDate"
         ),
-        ((g = e == null ? void 0 : e.decision) == null ? void 0 : g.endDate) && /* @__PURE__ */ n(
+        (e == null ? void 0 : e.endDate) && /* @__PURE__ */ n(
           V,
           {
             element: {
               name: "Fecha de final",
-              description: a.termEnd,
               value: String(e.endDate),
               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;
@@ -513,9 +513,9 @@ const X = (t) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, we = (t) => {
-  const { children: e, handleDelete: a, handleView: i, id: c } = t;
-  return /* @__PURE__ */ m(ae, { 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, {}),
@@ -528,7 +528,7 @@ const X = (t) => {
             cursorHover: !0,
             icon: /* @__PURE__ */ n(J, {}),
             onClick: () => {
-              i(c);
+              i(l);
             }
           }
         ),
@@ -540,7 +540,7 @@ const X = (t) => {
             size: "24px",
             icon: /* @__PURE__ */ n(K, {}),
             onClick: () => {
-              a(c);
+              t(l);
             }
           }
         )

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.12",
+  "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.12"
+    "@isettingkit/view": "^0.1.13"
   },
   "peerDependencies": {
     "react": "^18.2.0",