@isettingkit/business-rules 0.1.13 → 0.1.15

package/dist/index.es.d.ts

@@ -1,8 +1,5 @@
-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;
 
@@ -16,39 +13,10 @@ export declare interface IBusinessRuleCard {
 }
 
 export declare interface IBusinessRuleView {
-    decision: IRuleDecision_2;
+    decision: IRuleDecision;
     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;
@@ -76,20 +44,6 @@ 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,34 +1,34 @@
-import { jsxs as m, jsx as n, Fragment as j } from "react/jsx-runtime";
+import { jsxs as h, jsx as n, Fragment as R } from "react/jsx-runtime";
 import { useFormik as Q } from "formik";
-import { useState as y, useEffect as q } from "react";
-import { Divider as E } from "@inubekit/divider";
+import { useState as x, useEffect as P } from "react";
+import { Divider as V } from "@inubekit/divider";
 import { Stack as o } from "@inubekit/stack";
-import { Text as x } from "@inubekit/text";
+import { Text as y } from "@inubekit/text";
 import { Toggle as $ } from "@inubekit/toggle";
-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";
-import { Button as M } from "@inubekit/button";
-import { object as B, string as F, number as H } from "yup";
-import { DecisionViewConditionRenderer as V } from "@isettingkit/view";
-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 { ValueHowToSetUp as f, ValueDataType as j, parsePercentageString as Z, DecisionConditionRenderer as L } from "@isettingkit/input";
+import { Textarea as J } from "@inubekit/textarea";
+import { Date as M } from "@inubekit/date";
+import { Checkbox as K } from "@inubekit/checkbox";
+import { Button as z } from "@inubekit/button";
+import { object as B, string as H, number as F, mixed as I } from "yup";
+import { DecisionViewConditionRenderer as A } from "@isettingkit/view";
+import { MdOutlineRemoveRedEye as W, MdOutlineDelete as X } from "react-icons/md";
+import { Icon as N } from "@inubekit/icon";
+import { inube as Y } from "@inubekit/foundations";
 import G from "styled-components";
-const X = (a) => {
+const ee = (t) => {
   const {
     label: e,
-    labelText: t,
+    labelText: a,
     onHandleChange: i,
     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: t }),
+    required: c,
+    value: m = ""
+  } = t, [d, b] = x(m);
+  return /* @__PURE__ */ h(o, { direction: "column", margin: "10px 4px", children: [
+    /* @__PURE__ */ n(y, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: a }),
     /* @__PURE__ */ n(o, { margin: "10px 0", children: /* @__PURE__ */ n(
-      P,
+      J,
       {
         id: "reasonChange",
         label: e,
@@ -36,58 +36,58 @@ const X = (a) => {
           b(p.target.value), i(p);
         },
         placeholder: l,
-        required: d,
-        value: s,
+        required: c,
+        value: d,
         maxLength: 120,
         fullwidth: !0
       }
     ) })
   ] });
-}, Y = (a) => {
+}, ne = (t) => {
   const {
     checked: e,
-    children: t,
+    children: a,
     handleToggleChange: i,
     id: l,
-    labelToggle: d,
-    name: g,
-    valueToggle: s = ""
-  } = a, [b, C] = y(e), p = (v) => {
+    labelToggle: c,
+    name: m,
+    valueToggle: d = ""
+  } = t, [b, C] = x(e), p = (v) => {
     C(v.target.checked), i(v);
   };
-  return q(() => {
+  return P(() => {
     C(e);
-  }, [e]), /* @__PURE__ */ m(j, { children: [
+  }, [e]), /* @__PURE__ */ h(R, { children: [
     /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
       $,
       {
         checked: b,
         id: l,
         margin: "10px",
-        name: g,
+        name: m,
         onChange: p,
         size: "small",
-        value: s,
-        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d })
+        value: d,
+        children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: c })
       }
     ) }),
-    b && /* @__PURE__ */ n(j, { children: t })
+    b && /* @__PURE__ */ n(R, { children: a })
   ] });
-}, ee = (a) => {
+}, te = (t) => {
   const {
     onHandleStartChange: e,
-    onHandleEndChange: t,
+    onHandleEndChange: a,
     labelStart: i,
     labelEnd: l,
-    checkedClosed: d = !1,
-    required: g = !1,
-    valueStart: s = "",
+    checkedClosed: c = !1,
+    required: m = !1,
+    valueStart: d = "",
     valueEnd: 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: [
+  } = t, [C, p] = x(c), [v, E] = x(d), [S, T] = x(b);
+  return /* @__PURE__ */ h(R, { children: [
+    /* @__PURE__ */ h(o, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
-        x,
+        y,
         {
           appearance: "gray",
           margin: "10px 0",
@@ -105,11 +105,11 @@ const X = (a) => {
           wrap: "wrap",
           gap: "4px",
           children: /* @__PURE__ */ n(
-            Z,
+            K,
             {
               label: "Cerrada",
-              onChange: ({ target: c }) => {
-                p(c.checked);
+              onChange: ({ target: s }) => {
+                p(s.checked);
               },
               checked: C,
               value: ""
@@ -118,138 +118,157 @@ const X = (a) => {
         }
       )
     ] }),
-    /* @__PURE__ */ m(o, { justifyContent: "space-between", gap: "24px", children: [
+    /* @__PURE__ */ h(o, { justifyContent: "space-between", gap: "24px", children: [
       /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
-        z,
+        M,
         {
           id: "dateStart",
           label: i,
-          onChange: (c) => {
-            k(c.target.value), e(c);
+          onChange: (s) => {
+            E(s.target.value), e(s);
           },
           value: v,
-          required: g,
+          required: m,
           size: "compact"
         }
       ) }),
       C && /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
-        z,
+        M,
         {
           id: "dateEnd",
           label: l,
-          onChange: (c) => {
-            D(c.target.value), t(c);
+          onChange: (s) => {
+            T(s.target.value), a(s);
           },
-          value: T,
-          required: g,
+          value: S,
+          required: m,
           size: "compact"
         }
       ) })
     ] })
   ] });
-}, 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: (l = e.listSelected) == null ? void 0 : l[0]
-      };
-    case f.LIST_OF_VALUES_MULTI:
-      return {
-        schema: F(),
-        value: ""
-      };
-    case f.RANGE:
-      return {
-        schema: B({
-          rangeFrom: H().required("Range From is required").max(
-            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(t, "'Range To' cannot be less than 'Range From'").min(0, "'Range To' cannot be less than 0")
-        }),
-        value: {
-          rangeFrom: t,
-          rangeTo: i
-        }
-      };
-    case f.GREATER_THAN:
-    case f.LESS_THAN:
-    case f.EQUAL:
-      return {
-        schema: F().required("Required"),
-        value: e.value
-      };
-    default:
-      return {
-        schema: F(),
-        value: void 0
-      };
+}, _ = (t) => {
+  if ("value" in t && "valueUse" in t && t.value !== void 0) {
+    const e = t.value, a = typeof e == "object" && "from" in e && typeof e.from == "number" ? e.from : 0, i = typeof e == "object" && "to" in e && typeof e.to == "number" ? e.to : 1 / 0;
+    switch (t.valueUse) {
+      case f.LIST_OF_VALUES:
+        return {
+          schema: I().test(
+            "isArrayOrString",
+            "Must be an array of strings/numbers or a single string",
+            (l) => Array.isArray(l) ? l.every(
+              (c) => typeof c == "string" || typeof c == "number"
+            ) : typeof l == "string"
+          ),
+          value: e
+        };
+      case f.LIST_OF_VALUES_MULTI:
+        return {
+          schema: I().test(
+            "isArrayOrString",
+            "Must be an array of strings/numbers or a single string",
+            (l) => Array.isArray(l) ? l.every(
+              (c) => typeof c == "string" || typeof c == "number"
+            ) : typeof l == "string"
+          ),
+          value: e
+        };
+      case f.RANGE:
+        return {
+          schema: B({
+            from: F().required("Range From is required").max(i, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
+            to: F().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: {
+            from: a,
+            to: i
+          }
+        };
+      case f.GREATER_THAN:
+      case f.LESS_THAN:
+      case f.EQUAL:
+        return t.dataType === j.PERCENTAGE ? {
+          schema: F().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
+          value: e
+        } : {
+          schema: H().required("Required"),
+          value: e
+        };
+      default:
+        return {
+          schema: H(),
+          value: void 0
+        };
+    }
   }
-}, 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);
+}, ae = (t) => {
+  const e = {}, a = {};
+  if (t) {
+    const i = _(t);
+    i && (e[t.name] = i.schema, a[t.name] = i.value);
   }
-  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 t.conditions && t.conditions.forEach((i) => {
+    const l = _(i);
+    l && (e[i.name] = l.schema, a[i.name] = l.value);
+  }), { validationSchema: B().shape(e), initialValues: a };
+}, U = (t) => {
+  if (typeof t == "string")
+    return t;
+  if (typeof t == "object" && ("from" in t || "to" in t))
     return {
-      rangeFrom: a.rangeFrom || "",
-      rangeTo: a.rangeTo || ""
+      from: t.from || "",
+      to: t.to || ""
     };
-  for (const e in a)
-    if (Object.prototype.hasOwnProperty.call(a, e)) {
-      const t = R(a[e]);
-      if (t) return t;
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e)) {
+      const a = U(t[e]);
+      if (a) return a;
     }
   return "";
-}, ae = (a) => {
-  var c;
+}, re = (t) => {
+  var D;
   const {
     decision: e,
-    formik: t,
+    formik: a,
     onChangeCondition: i,
     onChangeDecision: l,
-    onStartChange: d,
-    onEndChange: g,
-    textValues: s,
+    onStartChange: c,
+    onEndChange: m,
+    textValues: d,
     onCancel: b,
     onSubmit: C
-  } = a, [p, v] = y(!1), [k, T] = y(!0);
-  q(() => {
-    console.log("Updated formik.errors in RulesFormUI:", t.errors);
-  }, [t.errors]);
-  const D = (r) => {
+  } = t, [p, v] = x(!1), [E, S] = x(!0), T = {
+    name: e.name,
+    dataType: e.dataType,
+    value: e.dataType === "percentage" ? Z(e.value) : e.value,
+    valueUse: e.valueUse,
+    possibleValue: e.possibleValue
+  };
+  P(() => {
+    console.log("Updated formik.errors in RulesFormUI:", a.errors);
+  }, [a.errors]);
+  const k = (r) => {
     v(r.target.checked);
   }, w = (r) => {
-    r.target.value ? T(!1) : T(!0);
-  }, S = (r) => {
-    const h = R(t.errors[r] || {});
-    return typeof h == "string" ? h ? "invalid" : "pending" : h;
+    r.target.value ? S(!1) : S(!0);
   }, u = (r) => {
-    const h = R(t.errors[r] || {});
-    return h;
+    const g = U(a.errors[r] || {});
+    return typeof g == "string" ? g ? "invalid" : "pending" : g;
+  }, s = (r) => {
+    const g = U(a.errors[r] || {});
+    return g;
   };
-  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(
+  return /* @__PURE__ */ h(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ h(o, { direction: "column", gap: "16", children: [
+      /* @__PURE__ */ n(y, { weight: "bold", size: "medium", children: d.criteria }),
+      e && /* @__PURE__ */ n(
         L,
         {
-          element: e.decision,
+          element: T,
           onDecision: l,
-          valueData: t.values[e.decision.name],
-          message: t.errors[e.decision.name],
-          status: S(e.decision.name),
+          valueData: a.values[e.name],
+          message: a.errors[e.name],
+          status: u(e.name),
           textValues: {
             selectOptions: "Select an option",
             selectOption: "Option selected",
@@ -259,31 +278,31 @@ const X = (a) => {
         }
       )
     ] }),
-    /* @__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: s.factsThatConditionIt }),
+    /* @__PURE__ */ n(V, { dashed: !0 }),
+    /* @__PURE__ */ h(o, { direction: "column", children: [
+      /* @__PURE__ */ h(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
+        /* @__PURE__ */ n(y, { children: d.factsThatConditionIt }),
         /* @__PURE__ */ n(
           $,
           {
             id: "toogleNone",
-            onChange: D,
+            onChange: k,
             checked: p,
             size: "small",
-            children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: s.none })
+            children: /* @__PURE__ */ n(y, { size: "medium", type: "label", weight: "bold", children: d.none })
           }
         )
       ] }),
       e.conditions && e.conditions.map((r) => /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-        Y,
+        ne,
         {
           checked: !p,
-          handleToggleChange: (h) => {
-            h.target.checked || i(
+          handleToggleChange: (g) => {
+            g.target.checked || i(
               {
                 value: "",
-                rangeTo: 0,
-                rangeFrom: 0,
+                to: 0,
+                from: 0,
                 list: r.possibleValue.list
               },
               r.name
@@ -297,118 +316,122 @@ const X = (a) => {
             {
               element: r,
               onDecision: i,
-              valueData: t.values[r.name],
-              message: u(r.name),
-              status: S(r.name),
+              valueData: a.values[r.name],
+              message: s(r.name),
+              status: u(r.name),
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
-                rangeMin: (h) => `Minimum ${h}`,
-                rangeMax: (h) => `Maximum ${h}`
+                rangeMin: (g) => `Minimum ${g}`,
+                rangeMax: (g) => `Maximum ${g}`
               }
             }
           )
         }
       ) }, r.name))
     ] }),
-    /* @__PURE__ */ n(E, { dashed: !0 }),
+    /* @__PURE__ */ n(V, { dashed: !0 }),
     /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-      X,
+      ee,
       {
-        label: s.reasonForChange,
-        labelText: s.change,
+        label: d.reasonForChange,
+        labelText: d.change,
         onHandleChange: w,
-        placeholder: s.changePlaceholder,
+        placeholder: d.changePlaceholder,
         required: !0
       }
     ) }),
-    /* @__PURE__ */ n(E, { dashed: !0 }),
-    /* @__PURE__ */ n(o, { direction: "column", children: e.decision && /* @__PURE__ */ n(
-      ee,
+    /* @__PURE__ */ n(V, { dashed: !0 }),
+    /* @__PURE__ */ n(o, { direction: "column", children: e && /* @__PURE__ */ n(
+      te,
       {
-        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: ((c = e.decision.endDate) == null ? void 0 : c.toLocaleDateString("en-CA")) || ""
+        onHandleStartChange: (r) => c(r.target.value),
+        onHandleEndChange: (r) => m(r.target.value),
+        labelStart: d.termStart,
+        labelEnd: d.termEnd,
+        checkedClosed: !!e.endDate,
+        valueStart: e.startDate.toLocaleDateString("en-CA"),
+        valueEnd: ((D = e.endDate) == null ? void 0 : D.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: s.cancel }),
+    /* @__PURE__ */ n(V, { dashed: !0 }),
+    /* @__PURE__ */ h(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
+      /* @__PURE__ */ n(z, { appearance: "gray", onClick: b, children: d.cancel }),
       /* @__PURE__ */ n(
-        M,
+        z,
         {
           onClick: C,
-          disabled: k || !t.isValid,
+          disabled: E || !a.isValid,
           type: "submit",
-          children: s.confirm
+          children: d.confirm
         }
       )
     ] })
   ] });
-}, 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 === c ? { ...O, value: u } : O);
-      return b(c, u), { ...r, conditions: h };
-    });
+}, ke = (t) => {
+  const { id: e, decision: a, onCancel: i, onSubmitEvent: l, textValues: c } = t, [m, d] = x(a), b = (u, s) => {
+    k.setFieldValue(u, s), k.validateField(u);
+  }, C = (u, s) => {
+    const D = u instanceof Date ? u.toISOString() : u;
+    d((r) => {
+      if (!r.conditions)
+        return r;
+      const g = r.conditions.map((O) => O.name === s ? { ...O, value: D } : O);
+      return {
+        ...r,
+        conditions: g
+      };
+    }), b(s, D);
   }, p = (u) => {
-    s(
-      (c) => S(c, "value", u)
+    d(
+      (s) => w(s, "value", u)
     );
   }, v = (u) => {
-    s(
-      (c) => S(c, "endDate", new Date(u))
+    d(
+      (s) => w(s, "endDate", new Date(u))
     );
-  }, k = (u) => {
-    s(
-      (c) => S(c, "startDate", new Date(u))
+  }, E = (u) => {
+    d(
+      (s) => w(s, "startDate", new Date(u))
     );
-  }, { 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,
+  }, { validationSchema: S, initialValues: T } = ae(m);
+  S.validate(T, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((u) => console.log("Validation failed:", u.errors));
+  const k = Q({
+    initialValues: T,
+    validationSchema: S,
     validateOnChange: !0,
     validateOnBlur: !0,
     onSubmit: () => {
-      l(g);
+      l(m);
     }
-  }), S = (u, c, r) => ({
+  }), w = (u, s, D) => ({
     ...u,
-    decision: { ...u.decision, [c]: r }
+    ...u.decision,
+    [s]: D
   });
   return /* @__PURE__ */ n(
-    ae,
+    re,
     {
       id: e,
-      formik: w,
-      decision: g,
+      formik: k,
+      decision: m,
       onCancel: i,
-      onSubmit: () => l(g),
+      onSubmit: () => l(m),
       onChangeCondition: C,
       onChangeDecision: p,
-      onStartChange: k,
+      onStartChange: E,
       onEndChange: v,
-      textValues: d
+      textValues: c
     }
   );
-}, _ = (a) => {
-  if (!a)
+}, q = (t) => {
+  if (!t)
     return;
-  const e = a.value;
+  const e = t.value;
   if (!e)
     return;
   if (((i) => typeof i == "object" && i !== null)(e))
-    switch (a.valueUse) {
+    switch (t.valueUse) {
       case f.LIST_OF_VALUES_MULTI:
         return e;
       case f.LIST_OF_VALUES:
@@ -422,47 +445,51 @@ const X = (a) => {
         return e.value;
     }
   return e;
-}, De = (a) => {
-  const { decision: e, textValues: t } = a, i = (d) => d && Object.keys(d).length > 0, l = {
+}, we = (t) => {
+  const { decision: e, textValues: a } = t, i = (c) => c && Object.keys(c).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 }),
+  return /* @__PURE__ */ h(o, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ h(o, { direction: "column", gap: "16px", children: [
+      /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.criteria }),
       /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
-        V,
+        A,
         {
           element: l,
-          valueData: _(l)
+          valueData: q(l)
         }
       ) }, 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: 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,
+    /* @__PURE__ */ h(o, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
+      /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.factsThatConditionIt }),
+      e.conditions && e.conditions.map((c) => {
+        const m = c.value;
+        return (typeof m == "object" && i(m) || m) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
+          A,
           {
-            element: d,
-            valueData: _(d)
+            element: {
+              ...c,
+              value: m
+            },
+            valueData: q(c)
           }
-        ) }, d.name)
-      )
+        ) }, c.name);
+      })
     ] }),
-    /* @__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: [
+    /* @__PURE__ */ h(o, { direction: "column", gap: "12px", children: [
+      /* @__PURE__ */ n(y, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.terms }),
+      /* @__PURE__ */ h(o, { justifyContent: "space-between", children: [
         (e == null ? void 0 : e.startDate) && /* @__PURE__ */ n(
-          V,
+          A,
           {
             element: {
               name: "Fecha de inicio",
               value: String(e.startDate),
               valueUse: f.EQUAL,
-              dataType: U.DATE
+              dataType: j.DATE
             },
             valueData: new Date(e.startDate).toLocaleDateString(
               "en-CA"
@@ -471,13 +498,13 @@ const X = (a) => {
           "startDate"
         ),
         (e == null ? void 0 : e.endDate) && /* @__PURE__ */ n(
-          V,
+          A,
           {
             element: {
               name: "Fecha de final",
               value: String(e.endDate),
               valueUse: f.EQUAL,
-              dataType: U.DATE
+              dataType: j.DATE
             },
             valueData: new Date(e.endDate).toLocaleDateString("en-CA")
           },
@@ -486,16 +513,16 @@ const X = (a) => {
       ] })
     ] })
   ] });
-}, te = G.div`
+}, oe = G.div`
   border-radius: 8px;
-  border: 1px solid ${W.palette.neutral.N30};
+  border: 1px solid ${Y.palette.neutral.N30};
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: 340px;
   width: 332px;
   box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
-`, re = G.div`
+`, ie = G.div`
   width: 100%;
   height: 100%;
   overflow-y: auto;
@@ -513,34 +540,34 @@ const X = (a) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, 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__ */ m(o, { gap: "16px", justifyContent: "end", children: [
+`, Ee = (t) => {
+  const { children: e, handleDelete: a, handleView: i, id: l } = t;
+  return /* @__PURE__ */ h(oe, { children: [
+    /* @__PURE__ */ n(o, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(o, { direction: "column", margin: "10px", children: e }) }) }),
+    /* @__PURE__ */ h(o, { gap: "16px", direction: "column", margin: "2px 12px", children: [
+      /* @__PURE__ */ n(V, {}),
+      /* @__PURE__ */ h(o, { gap: "16px", justifyContent: "end", children: [
         /* @__PURE__ */ n(
-          I,
+          N,
           {
             appearance: "dark",
             size: "24px",
             cursorHover: !0,
-            icon: /* @__PURE__ */ n(J, {}),
+            icon: /* @__PURE__ */ n(W, {}),
             onClick: () => {
               i(l);
             }
           }
         ),
         /* @__PURE__ */ n(
-          I,
+          N,
           {
             cursorHover: !0,
             appearance: "dark",
             size: "24px",
-            icon: /* @__PURE__ */ n(K, {}),
+            icon: /* @__PURE__ */ n(X, {}),
             onClick: () => {
-              t(l);
+              a(l);
             }
           }
         )
@@ -549,7 +576,7 @@ const X = (a) => {
   ] });
 };
 export {
-  we as BusinessRuleCard,
-  De as BusinessRuleView,
-  Se as RulesForm
+  Ee as BusinessRuleCard,
+  we as BusinessRuleView,
+  ke as RulesForm
 };

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.13",
+  "version": "0.1.15",
   "type": "module",
   "exports": {
     ".": {
@@ -38,8 +38,8 @@
   "dependencies": {
     "@inubekit/button": "^4.44.1",
     "@inubekit/checkbox": "^0.2.2",
-    "@inubekit/divider": "^0.16.1",
     "@inubekit/date": "^2.39.1",
+    "@inubekit/divider": "^0.16.1",
     "@inubekit/foundations": "^5.11.3",
     "@inubekit/grid": "^2.14.1",
     "@inubekit/icon": "^2.18.1",
@@ -48,15 +48,15 @@
     "@inubekit/text": "^2.17.0",
     "@inubekit/textarea": "^2.45.0",
     "@inubekit/toggle": "^3.8.2",
-    "@isettingkit/input": "^0.1.21",
+    "@isettingkit/input": "^0.1.23",
     "@isettingkit/view": "^0.1.13"
   },
   "peerDependencies": {
+    "formik": "^2.4.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.0.1",
     "styled-components": "^6.1.8",
-    "formik": "^2.4.6",
     "yup": "^1.4.0"
   },
   "publishConfig": {
@@ -87,7 +87,6 @@
     "husky": "^8.0.3",
     "lint-staged": "^15.2.0",
     "prettier": "^3.1.1",
-    "storybook": "^8.0.2",
     "typescript": "^5.2.2",
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.7.2"