@isettingkit/business-rules 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.es.d.ts +45 -1
  2. package/dist/index.es.js +360 -277
  3. package/package.json +4 -4
package/dist/index.es.d.ts CHANGED
@@ -1,5 +1,8 @@
1
+ import { IInputStatus } from '@isettingkit/input';
1
2
  import { IRuleDecision } from '@isettingkit/input';
2
3
  import { JSX as JSX_2 } from 'react/jsx-runtime';
4
+ import { ValueDataType } from '@isettingkit/input';
5
+ import { ValueHowToSetUp } from '@isettingkit/input';
3
6
 
4
7
  export declare const BusinessRuleCard: (props: IBusinessRuleCard) => JSX_2.Element;
5
8
 
@@ -13,10 +16,37 @@ export declare interface IBusinessRuleCard {
13
16
  }
14
17
 
15
18
  export declare interface IBusinessRuleView {
16
- decision: IRuleDecision;
19
+ decision: IRuleDecision_2;
17
20
  textValues: IRulesFormTextValues;
18
21
  }
19
22
 
23
+ declare interface ICondition {
24
+ description: string;
25
+ valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
26
+ name: string;
27
+ value?: string | string[] | number | IValue | undefined;
28
+ dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
29
+ }
30
+
31
+ declare interface IDecision {
32
+ description: string;
33
+ endDate?: Date;
34
+ valueUse: (typeof ValueHowToSetUp)[keyof typeof ValueHowToSetUp];
35
+ name: string;
36
+ value?: string | string[] | number | IValue | undefined;
37
+ startDate?: Date;
38
+ dataType: (typeof ValueDataType)[keyof typeof ValueDataType];
39
+ }
40
+
41
+ declare interface IRuleDecision_2 {
42
+ id?: string;
43
+ conditions?: ICondition[];
44
+ decision?: IDecision;
45
+ decisions?: IDecision[];
46
+ startDate?: Date;
47
+ endDate?: Date;
48
+ }
49
+
20
50
  export declare interface IRulesForm {
21
51
  id: string;
22
52
  decision: IRuleDecision;
@@ -44,6 +74,20 @@ declare interface IRulesFormTextValues {
44
74
  termStart: string;
45
75
  }
46
76
 
77
+ declare interface IValue {
78
+ list?: string[];
79
+ listSelected?: string[];
80
+ labelFrom?: string;
81
+ labelTo?: string;
82
+ from?: number | string | Date;
83
+ to?: number | string | Date;
84
+ value?: string | number;
85
+ messageFrom?: string;
86
+ messageTo?: string;
87
+ statusFrom?: IInputStatus;
88
+ statusTo?: IInputStatus;
89
+ }
90
+
47
91
  export declare const RulesForm: (prop: IRulesForm) => JSX_2.Element;
48
92
 
49
93
  export { }
package/dist/index.es.js CHANGED
@@ -1,91 +1,92 @@
1
- import { jsxs as c, jsx as e, Fragment as j } from "react/jsx-runtime";
2
- import { useFormik as N } from "formik";
3
- import { useState as D, useEffect as R } from "react";
4
- import { DecisionConditionRenderer as O, ValueValidationSchema as $, ValueHowToSetUp as T, ValueDataType as F } from "@isettingkit/input";
5
- import { Divider as y } from "@inubekit/divider";
6
- import { Stack as a } from "@inubekit/stack";
1
+ import { jsxs as m, jsx as n, Fragment as j } from "react/jsx-runtime";
2
+ import { useFormik as Q } from "formik";
3
+ import { useState as y, useEffect as q } from "react";
4
+ import { Divider as E } from "@inubekit/divider";
5
+ import { Stack as o } from "@inubekit/stack";
7
6
  import { Text as x } from "@inubekit/text";
8
- import { Toggle as U } from "@inubekit/toggle";
9
- import { Textarea as _ } from "@inubekit/textarea";
10
- import { Date as A } from "@inubekit/date";
11
- import { Checkbox as q } from "@inubekit/checkbox";
12
- import { Button as L } from "@inubekit/button";
13
- import { DecisionViewConditionRenderer as E } from "@isettingkit/view";
14
- import { MdOutlineRemoveRedEye as B, MdOutlineDelete as Q } from "react-icons/md";
15
- import { Icon as H } from "@inubekit/icon";
16
- import { inube as G } from "@inubekit/foundations";
17
- import I from "styled-components";
18
- const P = (o) => {
7
+ import { Toggle as $ } from "@inubekit/toggle";
8
+ import { ValueHowToSetUp as f, DecisionConditionRenderer as L, ValueDataType as U } from "@isettingkit/input";
9
+ import { Textarea as P } from "@inubekit/textarea";
10
+ import { Date as z } from "@inubekit/date";
11
+ import { Checkbox as Z } from "@inubekit/checkbox";
12
+ import { Button as M } from "@inubekit/button";
13
+ import { object as B, string as F, number as H } from "yup";
14
+ import { DecisionViewConditionRenderer as V } from "@isettingkit/view";
15
+ import { MdOutlineRemoveRedEye as J, MdOutlineDelete as K } from "react-icons/md";
16
+ import { Icon as I } from "@inubekit/icon";
17
+ import { inube as W } from "@inubekit/foundations";
18
+ import G from "styled-components";
19
+ const X = (t) => {
19
20
  const {
20
- label: n,
21
- labelText: i,
22
- onHandleChange: l,
23
- placeholder: d,
24
- required: h,
25
- value: u = ""
26
- } = o, [r, g] = D(u);
27
- return /* @__PURE__ */ c(a, { direction: "column", margin: "10px 4px", children: [
28
- /* @__PURE__ */ e(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
29
- /* @__PURE__ */ e(a, { margin: "10px 0", children: /* @__PURE__ */ e(
30
- _,
21
+ label: e,
22
+ labelText: a,
23
+ onHandleChange: i,
24
+ placeholder: c,
25
+ required: g,
26
+ value: l = ""
27
+ } = t, [d, b] = y(l);
28
+ return /* @__PURE__ */ m(o, { direction: "column", margin: "10px 4px", children: [
29
+ /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: a }),
30
+ /* @__PURE__ */ n(o, { margin: "10px 0", children: /* @__PURE__ */ n(
31
+ P,
31
32
  {
32
33
  id: "reasonChange",
33
- label: n,
34
+ label: e,
34
35
  onChange: (p) => {
35
- g(p.target.value), l(p);
36
+ b(p.target.value), i(p);
36
37
  },
37
- placeholder: d,
38
- required: h,
39
- value: r,
38
+ placeholder: c,
39
+ required: g,
40
+ value: d,
40
41
  maxLength: 120,
41
42
  fullwidth: !0
42
43
  }
43
44
  ) })
44
45
  ] });
45
- }, Z = (o) => {
46
+ }, Y = (t) => {
46
47
  const {
47
- checked: n,
48
- children: i,
49
- handleToggleChange: l,
50
- id: d,
51
- labelToggle: h,
52
- name: u,
53
- valueToggle: r = ""
54
- } = o, [g, C] = D(n), p = (f) => {
55
- C(f.target.checked), l(f);
48
+ checked: e,
49
+ children: a,
50
+ handleToggleChange: i,
51
+ id: c,
52
+ labelToggle: g,
53
+ name: l,
54
+ valueToggle: d = ""
55
+ } = t, [b, C] = y(e), p = (v) => {
56
+ C(v.target.checked), i(v);
56
57
  };
57
- return R(() => {
58
- C(n);
59
- }, [n]), /* @__PURE__ */ c(j, { children: [
60
- /* @__PURE__ */ e(
61
- U,
58
+ return q(() => {
59
+ C(e);
60
+ }, [e]), /* @__PURE__ */ m(j, { children: [
61
+ /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
62
+ $,
62
63
  {
63
- checked: g,
64
- id: d,
64
+ checked: b,
65
+ id: c,
65
66
  margin: "10px",
66
- name: u,
67
+ name: l,
67
68
  onChange: p,
68
69
  size: "small",
69
- value: r,
70
- children: /* @__PURE__ */ e(x, { size: "medium", type: "label", weight: "bold", children: h })
70
+ value: d,
71
+ children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: g })
71
72
  }
72
- ),
73
- g && /* @__PURE__ */ e(j, { children: i })
73
+ ) }),
74
+ b && /* @__PURE__ */ n(j, { children: a })
74
75
  ] });
75
- }, J = (o) => {
76
+ }, ee = (t) => {
76
77
  const {
77
- onHandleStartChange: n,
78
- onHandleEndChange: i,
79
- labelStart: l,
80
- labelEnd: d,
81
- checkedClosed: h = !1,
82
- required: u = !1,
83
- valueStart: r = "",
84
- valueEnd: g = ""
85
- } = o, [C, p] = D(h), [f, w] = D(r), [S, k] = D(g);
86
- return /* @__PURE__ */ c(j, { children: [
87
- /* @__PURE__ */ c(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
88
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
78
+ onHandleStartChange: e,
79
+ onHandleEndChange: a,
80
+ labelStart: i,
81
+ labelEnd: c,
82
+ checkedClosed: g = !1,
83
+ required: l = !1,
84
+ valueStart: d = "",
85
+ valueEnd: b = ""
86
+ } = t, [C, p] = y(g), [v, k] = y(d), [T, D] = y(b);
87
+ return /* @__PURE__ */ m(j, { children: [
88
+ /* @__PURE__ */ m(o, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
89
+ /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(
89
90
  x,
90
91
  {
91
92
  appearance: "gray",
@@ -96,19 +97,19 @@ const P = (o) => {
96
97
  children: "Vigencia"
97
98
  }
98
99
  ) }),
99
- /* @__PURE__ */ e(
100
- a,
100
+ /* @__PURE__ */ n(
101
+ o,
101
102
  {
102
103
  alignContent: "center",
103
104
  justifyContent: "center",
104
105
  wrap: "wrap",
105
106
  gap: "4px",
106
- children: /* @__PURE__ */ e(
107
- q,
107
+ children: /* @__PURE__ */ n(
108
+ Z,
108
109
  {
109
110
  label: "Cerrada",
110
- onChange: ({ target: t }) => {
111
- p(t.checked);
111
+ onChange: ({ target: s }) => {
112
+ p(s.checked);
112
113
  },
113
114
  checked: C,
114
115
  value: ""
@@ -117,284 +118,366 @@ const P = (o) => {
117
118
  }
118
119
  )
119
120
  ] }),
120
- /* @__PURE__ */ c(a, { justifyContent: "space-between", gap: "24px", children: [
121
- /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
122
- A,
121
+ /* @__PURE__ */ m(o, { justifyContent: "space-between", gap: "24px", children: [
122
+ /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
123
+ z,
123
124
  {
124
125
  id: "dateStart",
125
- label: l,
126
- onChange: (t) => {
127
- w(t.target.value), n(t);
126
+ label: i,
127
+ onChange: (s) => {
128
+ k(s.target.value), e(s);
128
129
  },
129
- value: f,
130
- required: u,
130
+ value: v,
131
+ required: l,
131
132
  size: "compact"
132
133
  }
133
134
  ) }),
134
- C && /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
135
- A,
135
+ C && /* @__PURE__ */ n(o, { width: "189px", children: /* @__PURE__ */ n(
136
+ z,
136
137
  {
137
138
  id: "dateEnd",
138
- label: d,
139
- onChange: (t) => {
140
- k(t.target.value), i(t);
139
+ label: c,
140
+ onChange: (s) => {
141
+ D(s.target.value), a(s);
141
142
  },
142
- value: S,
143
- required: u,
143
+ value: T,
144
+ required: l,
144
145
  size: "compact"
145
146
  }
146
147
  ) })
147
148
  ] })
148
149
  ] });
149
- }, K = (o) => {
150
- var m;
150
+ }, N = (t) => {
151
+ var c;
152
+ 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;
153
+ switch (t.howToSetUp) {
154
+ case f.LIST_OF_VALUES:
155
+ return {
156
+ schema: F(),
157
+ value: (c = e.listSelected) == null ? void 0 : c[0]
158
+ };
159
+ case f.LIST_OF_VALUES_MULTI:
160
+ return {
161
+ schema: F(),
162
+ value: ""
163
+ };
164
+ case f.RANGE:
165
+ return {
166
+ schema: B({
167
+ rangeFrom: H().required("Range From is required").max(
168
+ i,
169
+ "'Range From' cannot be greater than 'Range To'"
170
+ ).min(0, "'Range From' cannot be less than 0"),
171
+ 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")
172
+ }),
173
+ value: {
174
+ rangeFrom: a,
175
+ rangeTo: i
176
+ }
177
+ };
178
+ case f.GREATER_THAN:
179
+ case f.LESS_THAN:
180
+ case f.EQUAL:
181
+ return {
182
+ schema: F().required("Required"),
183
+ value: e.value
184
+ };
185
+ default:
186
+ return {
187
+ schema: F(),
188
+ value: void 0
189
+ };
190
+ }
191
+ }, ne = (t) => {
192
+ const e = {}, a = {};
193
+ if (t.decision) {
194
+ const i = N(t.decision);
195
+ i && (e[t.decision.name] = i.schema, a[t.decision.name] = i.value);
196
+ }
197
+ return t.conditions && t.conditions.forEach((i) => {
198
+ const c = N(i);
199
+ c && (e[i.name] = c.schema, a[i.name] = c.value);
200
+ }), { validationSchema: B().shape(e), initialValues: a };
201
+ }, R = (t) => {
202
+ if (typeof t == "string")
203
+ return t;
204
+ if (typeof t == "object" && ("rangeFrom" in t || "rangeTo" in t))
205
+ return {
206
+ rangeFrom: t.rangeFrom || "",
207
+ rangeTo: t.rangeTo || ""
208
+ };
209
+ for (const e in t)
210
+ if (Object.prototype.hasOwnProperty.call(t, e)) {
211
+ const a = R(t[e]);
212
+ if (a) return a;
213
+ }
214
+ return "";
215
+ }, te = (t) => {
216
+ var s;
151
217
  const {
152
- decision: n,
153
- formik: i,
154
- onChangeCondition: l,
155
- onChangeDecision: d,
156
- onStartChange: h,
157
- onEndChange: u,
158
- textValues: r,
159
- onCancel: g,
218
+ decision: e,
219
+ formik: a,
220
+ onChangeCondition: i,
221
+ onChangeDecision: c,
222
+ onStartChange: g,
223
+ onEndChange: l,
224
+ textValues: d,
225
+ onCancel: b,
160
226
  onSubmit: C
161
- } = o, [p, f] = D(!1), [w, S] = D(!0), k = (t) => {
162
- f(t.target.checked);
163
- }, v = (t) => {
164
- t.target.value ? S(!1) : S(!0);
165
- }, s = (t, b) => t.errors[b] ? "invalid" : "pending";
166
- return /* @__PURE__ */ c(a, { direction: "column", gap: "24px", children: [
167
- /* @__PURE__ */ c(a, { direction: "column", gap: "16", children: [
168
- /* @__PURE__ */ e(x, { weight: "bold", size: "medium", children: r.criteria }),
169
- n.decision && /* @__PURE__ */ e(
170
- O,
227
+ } = t, [p, v] = y(!1), [k, T] = y(!0);
228
+ q(() => {
229
+ console.log("Updated formik.errors in RulesFormUI:", a.errors);
230
+ }, [a.errors]);
231
+ const D = (r) => {
232
+ v(r.target.checked);
233
+ }, w = (r) => {
234
+ r.target.value ? T(!1) : T(!0);
235
+ }, S = (r) => {
236
+ const h = R(a.errors[r] || {});
237
+ return typeof h == "string" ? h ? "invalid" : "pending" : h;
238
+ }, u = (r) => {
239
+ const h = R(a.errors[r] || {});
240
+ return h;
241
+ };
242
+ return /* @__PURE__ */ m(o, { direction: "column", gap: "24px", children: [
243
+ /* @__PURE__ */ m(o, { direction: "column", gap: "16", children: [
244
+ /* @__PURE__ */ n(x, { weight: "bold", size: "medium", children: d.criteria }),
245
+ e.decision && /* @__PURE__ */ n(
246
+ L,
171
247
  {
172
- element: n.decision,
173
- onDecision: d,
174
- valueData: i.values[n.decision.name],
175
- message: i.errors[n.decision.name],
176
- status: s(i, n.decision.name),
248
+ element: e.decision,
249
+ onDecision: c,
250
+ valueData: a.values[e.decision.name],
251
+ message: a.errors[e.decision.name],
252
+ status: S(e.decision.name),
177
253
  textValues: {
178
254
  selectOptions: "Select an option",
179
255
  selectOption: "Option selected",
180
- rangeMin: (t) => `Minimum ${t}`,
181
- rangeMax: (t) => `Maximum ${t}`
256
+ rangeMin: (r) => `Minimum ${r}`,
257
+ rangeMax: (r) => `Maximum ${r}`
182
258
  }
183
259
  }
184
260
  )
185
261
  ] }),
186
- /* @__PURE__ */ e(y, { dashed: !0 }),
187
- /* @__PURE__ */ c(a, { direction: "column", children: [
188
- /* @__PURE__ */ c(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
189
- /* @__PURE__ */ e(x, { children: r.factsThatConditionIt }),
190
- /* @__PURE__ */ e(
191
- U,
262
+ /* @__PURE__ */ n(E, { dashed: !0 }),
263
+ /* @__PURE__ */ m(o, { direction: "column", children: [
264
+ /* @__PURE__ */ m(o, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
265
+ /* @__PURE__ */ n(x, { children: d.factsThatConditionIt }),
266
+ /* @__PURE__ */ n(
267
+ $,
192
268
  {
193
269
  id: "toogleNone",
194
- onChange: k,
270
+ onChange: D,
195
271
  checked: p,
196
272
  size: "small",
197
- children: /* @__PURE__ */ e(x, { size: "medium", type: "label", weight: "bold", children: r.none })
273
+ children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: d.none })
198
274
  }
199
275
  )
200
276
  ] }),
201
- n.conditions && n.conditions.map((t) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
202
- Z,
277
+ e.conditions && e.conditions.map((r) => /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
278
+ Y,
203
279
  {
204
280
  checked: !p,
205
- handleToggleChange: (b) => {
206
- b.target.checked || l(
281
+ handleToggleChange: (h) => {
282
+ h.target.checked || i(
207
283
  {
208
284
  value: "",
209
285
  rangeTo: 0,
210
286
  rangeFrom: 0,
211
- list: t.possibleValue.list
287
+ list: r.possibleValue.list
212
288
  },
213
- t.name
289
+ r.name
214
290
  );
215
291
  },
216
- id: t.name.replace(" ", ""),
217
- labelToggle: t.name.split(/(?=[A-Z])/).join(" "),
218
- name: t.name.replace(" ", ""),
219
- children: /* @__PURE__ */ e(
220
- O,
292
+ id: r.name.replace(" ", ""),
293
+ labelToggle: r.name.split(/(?=[A-Z])/).join(" "),
294
+ name: r.name.replace(" ", ""),
295
+ children: /* @__PURE__ */ n(
296
+ L,
221
297
  {
222
- element: t,
223
- onDecision: l,
224
- valueData: i.values[t.name],
225
- message: i.errors[t.name],
226
- status: s(i, t.name),
298
+ element: r,
299
+ onDecision: i,
300
+ valueData: a.values[r.name],
301
+ message: u(r.name),
302
+ status: S(r.name),
227
303
  textValues: {
228
304
  selectOptions: "Select an option",
229
305
  selectOption: "Option selected",
230
- rangeMin: (b) => `Minimum ${b}`,
231
- rangeMax: (b) => `Maximum ${b}`
306
+ rangeMin: (h) => `Minimum ${h}`,
307
+ rangeMax: (h) => `Maximum ${h}`
232
308
  }
233
309
  }
234
310
  )
235
311
  }
236
- ) }, t.name))
312
+ ) }, r.name))
237
313
  ] }),
238
- /* @__PURE__ */ e(y, { dashed: !0 }),
239
- /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
240
- P,
314
+ /* @__PURE__ */ n(E, { dashed: !0 }),
315
+ /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
316
+ X,
241
317
  {
242
- label: r.reasonForChange,
243
- labelText: r.change,
244
- onHandleChange: v,
245
- placeholder: r.changePlaceholder,
318
+ label: d.reasonForChange,
319
+ labelText: d.change,
320
+ onHandleChange: w,
321
+ placeholder: d.changePlaceholder,
246
322
  required: !0
247
323
  }
248
324
  ) }),
249
- /* @__PURE__ */ e(y, { dashed: !0 }),
250
- /* @__PURE__ */ e(a, { direction: "column", children: n.decision && /* @__PURE__ */ e(
251
- J,
325
+ /* @__PURE__ */ n(E, { dashed: !0 }),
326
+ /* @__PURE__ */ n(o, { direction: "column", children: e.decision && /* @__PURE__ */ n(
327
+ ee,
252
328
  {
253
- onHandleStartChange: (t) => h(t.target.value),
254
- onHandleEndChange: (t) => u(t.target.value),
255
- labelStart: r.termStart,
256
- labelEnd: r.termEnd,
257
- checkedClosed: !!n.decision.endDate,
258
- valueStart: n.decision.startDate.toLocaleDateString(
329
+ onHandleStartChange: (r) => g(r.target.value),
330
+ onHandleEndChange: (r) => l(r.target.value),
331
+ labelStart: d.termStart,
332
+ labelEnd: d.termEnd,
333
+ checkedClosed: !!e.decision.endDate,
334
+ valueStart: e.decision.startDate.toLocaleDateString(
259
335
  "en-CA"
260
336
  ),
261
- valueEnd: ((m = n.decision.endDate) == null ? void 0 : m.toLocaleDateString("en-CA")) || ""
337
+ valueEnd: ((s = e.decision.endDate) == null ? void 0 : s.toLocaleDateString("en-CA")) || ""
262
338
  }
263
339
  ) }),
264
- /* @__PURE__ */ e(y, { dashed: !0 }),
265
- /* @__PURE__ */ c(a, { direction: "row", justifyContent: "end", gap: "16px", children: [
266
- /* @__PURE__ */ e(L, { appearance: "gray", onClick: g, children: r.cancel }),
267
- /* @__PURE__ */ e(
268
- L,
340
+ /* @__PURE__ */ n(E, { dashed: !0 }),
341
+ /* @__PURE__ */ m(o, { direction: "row", justifyContent: "end", gap: "16px", children: [
342
+ /* @__PURE__ */ n(M, { appearance: "gray", onClick: b, children: d.cancel }),
343
+ /* @__PURE__ */ n(
344
+ M,
269
345
  {
270
346
  onClick: C,
271
- disabled: w || !i.isValid,
347
+ disabled: k || !a.isValid,
272
348
  type: "submit",
273
- children: r.confirm
349
+ children: d.confirm
274
350
  }
275
351
  )
276
352
  ] })
277
353
  ] });
278
- }, Ce = (o) => {
279
- const { id: n, decision: i, onCancel: l, onSubmitEvent: d, textValues: h } = o, [u, r] = D(i), g = (s, m) => {
280
- r((t) => {
281
- var z;
282
- const b = (z = t == null ? void 0 : t.conditions) == null ? void 0 : z.map((V) => V.name === m ? { ...V, value: s } : V);
283
- return { ...t, conditions: b };
354
+ }, Se = (t) => {
355
+ const { id: e, decision: a, onCancel: i, onSubmitEvent: c, textValues: g } = t, [l, d] = y(a), b = (u, s) => {
356
+ w.setFieldValue(u, s), w.validateField(u);
357
+ }, C = (u, s) => {
358
+ d((r) => {
359
+ var A;
360
+ const h = (A = r == null ? void 0 : r.conditions) == null ? void 0 : A.map((O) => O.name === s ? { ...O, value: u } : O);
361
+ return b(s, u), { ...r, conditions: h };
284
362
  });
285
- }, C = (s) => {
286
- r(
287
- (m) => v(m, "value", s)
363
+ }, p = (u) => {
364
+ d(
365
+ (s) => S(s, "value", u)
288
366
  );
289
- }, p = (s) => {
290
- r(
291
- (m) => v(m, "endDate", new Date(s))
367
+ }, v = (u) => {
368
+ d(
369
+ (s) => S(s, "endDate", new Date(u))
292
370
  );
293
- }, f = (s) => {
294
- r(
295
- (m) => v(m, "startDate", new Date(s))
371
+ }, k = (u) => {
372
+ d(
373
+ (s) => S(s, "startDate", new Date(u))
296
374
  );
297
- }, { validationSchema: w, initialValues: S } = $(u), k = N({
298
- initialValues: S,
299
- validationSchema: w,
300
- validateOnChange: !1,
375
+ }, { validationSchema: T, initialValues: D } = ne(l);
376
+ T.validate(D, { abortEarly: !1 }).then(() => console.log("Validation passed")).catch((u) => console.log("Validation failed:", u.errors));
377
+ const w = Q({
378
+ initialValues: D,
379
+ validationSchema: T,
380
+ validateOnChange: !0,
381
+ validateOnBlur: !0,
301
382
  onSubmit: () => {
302
- d(u);
383
+ c(l);
303
384
  }
304
- }), v = (s, m, t) => ({
305
- ...s,
306
- decision: { ...s.decision, [m]: t }
385
+ }), S = (u, s, r) => ({
386
+ ...u,
387
+ decision: { ...u.decision, [s]: r }
307
388
  });
308
- return /* @__PURE__ */ e(
309
- K,
389
+ return /* @__PURE__ */ n(
390
+ te,
310
391
  {
311
- id: n,
312
- formik: k,
313
- decision: u,
314
- onCancel: l,
315
- onSubmit: () => d(u),
316
- onChangeCondition: g,
317
- onChangeDecision: C,
318
- onStartChange: f,
319
- onEndChange: p,
320
- textValues: h
392
+ id: e,
393
+ formik: w,
394
+ decision: l,
395
+ onCancel: i,
396
+ onSubmit: () => c(l),
397
+ onChangeCondition: C,
398
+ onChangeDecision: p,
399
+ onStartChange: k,
400
+ onEndChange: v,
401
+ textValues: g
321
402
  }
322
403
  );
323
- }, M = (o) => {
324
- if (!o)
404
+ }, _ = (t) => {
405
+ if (!t)
325
406
  return;
326
- const n = o.value || o.possibleValue;
327
- if (!n)
407
+ const e = t.value;
408
+ if (!e)
328
409
  return;
329
- if (((l) => typeof l == "object" && l !== null)(n))
330
- switch (o.howToSetUp) {
331
- case T.LIST_OF_VALUES_MULTI:
332
- return n.listSelected;
333
- case T.LIST_OF_VALUES:
334
- return n.listSelected ?? n.list;
335
- case T.RANGE:
410
+ if (((i) => typeof i == "object" && i !== null)(e))
411
+ switch (t.valueUse) {
412
+ case f.LIST_OF_VALUES_MULTI:
413
+ return e;
414
+ case f.LIST_OF_VALUES:
415
+ return e;
416
+ case f.RANGE:
336
417
  return {
337
- rangeFrom: n.rangeFrom,
338
- rangeTo: n.rangeTo
418
+ from: e.from,
419
+ to: e.to
339
420
  };
340
421
  default:
341
- return n.value;
422
+ return e.value;
342
423
  }
343
- return n;
344
- }, be = (o) => {
345
- var l, d;
346
- const { decision: n, textValues: i } = o;
347
- return /* @__PURE__ */ c(a, { direction: "column", gap: "24px", children: [
348
- /* @__PURE__ */ c(a, { direction: "column", gap: "16px", children: [
349
- /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
350
- /* @__PURE__ */ e(a, { justifyContent: "space-between", children: n.decision && /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
351
- E,
424
+ return e;
425
+ }, De = (t) => {
426
+ var c, g;
427
+ const { decision: e, textValues: a } = t, i = (l) => l && Object.keys(l).length > 0;
428
+ return /* @__PURE__ */ m(o, { direction: "column", gap: "24px", children: [
429
+ /* @__PURE__ */ m(o, { direction: "column", gap: "16px", children: [
430
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.criteria }),
431
+ /* @__PURE__ */ n(o, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
432
+ V,
352
433
  {
353
- element: n.decision,
354
- valueData: M(n.decision)
434
+ element: e.decision,
435
+ valueData: _(e.decision)
355
436
  }
356
- ) }, n.decision.name) })
437
+ ) }, e.decision.name) })
357
438
  ] }),
358
- /* @__PURE__ */ c(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
359
- /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.factsThatConditionIt }),
360
- n.conditions && n.conditions.map((h) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
361
- E,
362
- {
363
- element: h,
364
- valueData: M(h)
365
- }
366
- ) }, h.name))
439
+ /* @__PURE__ */ m(o, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
440
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.factsThatConditionIt }),
441
+ e.conditions && e.conditions.map(
442
+ (l) => (console.log("condition: ", l), (typeof l.value == "object" && i(l.value) || l.value) && /* @__PURE__ */ n(o, { direction: "column", children: /* @__PURE__ */ n(
443
+ V,
444
+ {
445
+ element: l,
446
+ valueData: _(l)
447
+ }
448
+ ) }, l.name))
449
+ )
367
450
  ] }),
368
- /* @__PURE__ */ c(a, { direction: "column", gap: "12px", children: [
369
- /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.terms }),
370
- /* @__PURE__ */ c(a, { justifyContent: "space-between", children: [
371
- ((l = n == null ? void 0 : n.decision) == null ? void 0 : l.startDate) && /* @__PURE__ */ e(
372
- E,
451
+ /* @__PURE__ */ m(o, { direction: "column", gap: "12px", children: [
452
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: a.terms }),
453
+ /* @__PURE__ */ m(o, { justifyContent: "space-between", children: [
454
+ ((c = e == null ? void 0 : e.decision) == null ? void 0 : c.startDate) && /* @__PURE__ */ n(
455
+ V,
373
456
  {
374
457
  element: {
375
- name: "startDate",
376
- description: i.termStart,
377
- value: String(n.startDate),
378
- howToSetUp: T.EQUAL,
379
- typeData: F.DATE
458
+ name: "Fecha de inicio",
459
+ description: a.termStart,
460
+ value: String(e.startDate),
461
+ valueUse: f.EQUAL,
462
+ dataType: U.DATE
380
463
  },
381
464
  valueData: new Date(
382
- n.decision.startDate
465
+ e.decision.startDate
383
466
  ).toLocaleDateString("en-CA")
384
467
  },
385
468
  "startDate"
386
469
  ),
387
- ((d = n == null ? void 0 : n.decision) == null ? void 0 : d.endDate) && /* @__PURE__ */ e(
388
- E,
470
+ ((g = e == null ? void 0 : e.decision) == null ? void 0 : g.endDate) && /* @__PURE__ */ n(
471
+ V,
389
472
  {
390
473
  element: {
391
- name: "endDate",
392
- description: i.termEnd,
393
- value: String(n.endDate),
394
- howToSetUp: T.EQUAL,
395
- typeData: F.DATE
474
+ name: "Fecha de final",
475
+ description: a.termEnd,
476
+ value: String(e.endDate),
477
+ valueUse: f.EQUAL,
478
+ dataType: U.DATE
396
479
  },
397
- valueData: new Date(n.decision.endDate).toLocaleDateString(
480
+ valueData: new Date(e.decision.endDate).toLocaleDateString(
398
481
  "en-CA"
399
482
  )
400
483
  },
@@ -403,16 +486,16 @@ const P = (o) => {
403
486
  ] })
404
487
  ] })
405
488
  ] });
406
- }, W = I.div`
489
+ }, ae = G.div`
407
490
  border-radius: 8px;
408
- border: 1px solid ${G.palette.neutral.N30};
491
+ border: 1px solid ${W.palette.neutral.N30};
409
492
  box-sizing: border-box;
410
493
  display: flex;
411
494
  flex-direction: column;
412
495
  height: 340px;
413
496
  width: 332px;
414
497
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
415
- `, X = I.div`
498
+ `, re = G.div`
416
499
  width: 100%;
417
500
  height: 100%;
418
501
  overflow-y: auto;
@@ -430,34 +513,34 @@ const P = (o) => {
430
513
  background-color: #ebecf0;
431
514
  border-radius: 8px;
432
515
  }
433
- `, xe = (o) => {
434
- const { children: n, handleDelete: i, handleView: l, id: d } = o;
435
- return /* @__PURE__ */ c(W, { children: [
436
- /* @__PURE__ */ e(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(a, { direction: "column", margin: "10px", children: n }) }) }),
437
- /* @__PURE__ */ c(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
438
- /* @__PURE__ */ e(y, {}),
439
- /* @__PURE__ */ c(a, { gap: "16px", justifyContent: "end", children: [
440
- /* @__PURE__ */ e(
441
- H,
516
+ `, we = (t) => {
517
+ const { children: e, handleDelete: a, handleView: i, id: c } = t;
518
+ return /* @__PURE__ */ m(ae, { children: [
519
+ /* @__PURE__ */ n(o, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(re, { children: /* @__PURE__ */ n(o, { direction: "column", margin: "10px", children: e }) }) }),
520
+ /* @__PURE__ */ m(o, { gap: "16px", direction: "column", margin: "2px 12px", children: [
521
+ /* @__PURE__ */ n(E, {}),
522
+ /* @__PURE__ */ m(o, { gap: "16px", justifyContent: "end", children: [
523
+ /* @__PURE__ */ n(
524
+ I,
442
525
  {
443
526
  appearance: "dark",
444
527
  size: "24px",
445
528
  cursorHover: !0,
446
- icon: /* @__PURE__ */ e(B, {}),
529
+ icon: /* @__PURE__ */ n(J, {}),
447
530
  onClick: () => {
448
- l(d);
531
+ i(c);
449
532
  }
450
533
  }
451
534
  ),
452
- /* @__PURE__ */ e(
453
- H,
535
+ /* @__PURE__ */ n(
536
+ I,
454
537
  {
455
538
  cursorHover: !0,
456
539
  appearance: "dark",
457
540
  size: "24px",
458
- icon: /* @__PURE__ */ e(Q, {}),
541
+ icon: /* @__PURE__ */ n(K, {}),
459
542
  onClick: () => {
460
- i(d);
543
+ a(c);
461
544
  }
462
545
  }
463
546
  )
@@ -466,7 +549,7 @@ const P = (o) => {
466
549
  ] });
467
550
  };
468
551
  export {
469
- xe as BusinessRuleCard,
470
- be as BusinessRuleView,
471
- Ce as RulesForm
552
+ we as BusinessRuleCard,
553
+ De as BusinessRuleView,
554
+ Se as RulesForm
472
555
  };
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "description": "",
12
12
  "private": false,
13
- "version": "0.1.10",
13
+ "version": "0.1.12",
14
14
  "type": "module",
15
15
  "exports": {
16
16
  ".": {
@@ -47,9 +47,9 @@
47
47
  "@inubekit/stack": "^3.8.1",
48
48
  "@inubekit/text": "^2.17.0",
49
49
  "@inubekit/textarea": "^2.45.0",
50
- "@inubekit/toggle": "^3.8.1",
51
- "@isettingkit/input": "^0.1.17",
52
- "@isettingkit/view": "^0.1.9"
50
+ "@inubekit/toggle": "^3.8.2",
51
+ "@isettingkit/input": "^0.1.21",
52
+ "@isettingkit/view": "^0.1.12"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "^18.2.0",