@isettingkit/business-rules 0.1.4 → 0.1.6

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 +1 -1
  2. package/dist/index.es.js +250 -228
  3. package/package.json +3 -3
package/dist/index.es.d.ts CHANGED
@@ -34,11 +34,11 @@ export declare interface IBusinessRuleView {
34
34
  }
35
35
 
36
36
  export declare interface IRulesForm {
37
+ id: string;
37
38
  decision: IRuleDecision;
38
39
  onCloseModal: () => void;
39
40
  onCancel: () => void;
40
41
  onSubmitEvent: (dataDecision: IRuleDecision) => void;
41
- portalId: string;
42
42
  textValues: {
43
43
  selectOptions: string;
44
44
  selectOption: string;
package/dist/index.es.js CHANGED
@@ -1,92 +1,92 @@
1
- import { jsxs as l, jsx as e, Fragment as V } from "react/jsx-runtime";
2
- import { useState as w, useEffect as U } from "react";
3
- import { useFormik as $ } from "formik";
4
- import { Divider as y } from "@inubekit/divider";
1
+ import { jsxs as c, jsx as n, Fragment as z } from "react/jsx-runtime";
2
+ import { useState as S, useEffect as N } from "react";
3
+ import { useFormik as R } from "formik";
4
+ import { Divider as T } from "@inubekit/divider";
5
5
  import { Stack as a } from "@inubekit/stack";
6
- import { Text as b } from "@inubekit/text";
7
- import { Toggle as A } from "@inubekit/toggle";
8
- import { Textarea as N } from "@inubekit/textarea";
9
- import { Date as z } from "@inubekit/date";
10
- import { Checkbox as R } from "@inubekit/checkbox";
11
- import { DecisionConditionRenderer as j, ValueValidationSchema as I, ValueHowToSetUp as F, ValueDataType as H } from "@isettingkit/input";
12
- import { Button as M } from "@inubekit/button";
13
- import { DecisionViewConditionRenderer as T } from "@isettingkit/view";
14
- import { MdOutlineRemoveRedEye as q, MdOutlineDelete as B } from "react-icons/md";
15
- import { Icon as O } from "@inubekit/icon";
16
- import { inube as Q } from "@inubekit/foundations";
17
- import L from "styled-components";
18
- const P = (c) => {
6
+ import { Text as x } from "@inubekit/text";
7
+ import { Toggle as U } from "@inubekit/toggle";
8
+ import { Textarea as $ } from "@inubekit/textarea";
9
+ import { Date as F } from "@inubekit/date";
10
+ import { Checkbox as _ } from "@inubekit/checkbox";
11
+ import { DecisionConditionRenderer as O, ValueValidationSchema as q, ValueHowToSetUp as y, ValueDataType as A } from "@isettingkit/input";
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 = (r) => {
19
19
  const {
20
- label: n,
20
+ label: e,
21
21
  labelText: i,
22
- onHandleChange: r,
23
- placeholder: s,
24
- required: h,
25
- value: d = ""
26
- } = c, [o, g] = w(d);
27
- return /* @__PURE__ */ l(a, { direction: "column", margin: "10px 4px", children: [
28
- /* @__PURE__ */ e(b, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
29
- /* @__PURE__ */ e(a, { margin: "10px 0", children: /* @__PURE__ */ e(
30
- N,
22
+ onHandleChange: l,
23
+ placeholder: d,
24
+ required: s,
25
+ value: h = ""
26
+ } = r, [o, p] = S(h);
27
+ return /* @__PURE__ */ c(a, { direction: "column", margin: "10px 4px", children: [
28
+ /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
29
+ /* @__PURE__ */ n(a, { margin: "10px 0", children: /* @__PURE__ */ n(
30
+ $,
31
31
  {
32
32
  id: "reasonChange",
33
- label: n,
34
- onChange: (m) => {
35
- g(m.target.value), r(m);
33
+ label: e,
34
+ onChange: (u) => {
35
+ p(u.target.value), l(u);
36
36
  },
37
- placeholder: s,
38
- required: h,
37
+ placeholder: d,
38
+ required: s,
39
39
  value: o,
40
40
  maxLength: 120,
41
41
  fullwidth: !0
42
42
  }
43
43
  ) })
44
44
  ] });
45
- }, Z = (c) => {
45
+ }, Z = (r) => {
46
46
  const {
47
- checked: n,
47
+ checked: e,
48
48
  children: i,
49
- handleToggleChange: r,
50
- id: s,
51
- labelToggle: h,
52
- name: d,
49
+ handleToggleChange: l,
50
+ id: d,
51
+ labelToggle: s,
52
+ name: h,
53
53
  valueToggle: o = ""
54
- } = c, [g, C] = w(n), m = (f) => {
55
- C(f.target.checked), r(f);
54
+ } = r, [p, g] = S(e), u = (f) => {
55
+ g(f.target.checked), l(f);
56
56
  };
57
- return U(() => {
58
- C(n);
59
- }, [n]), /* @__PURE__ */ l(V, { children: [
60
- /* @__PURE__ */ e(
61
- A,
57
+ return N(() => {
58
+ g(e);
59
+ }, [e]), /* @__PURE__ */ c(z, { children: [
60
+ /* @__PURE__ */ n(
61
+ U,
62
62
  {
63
- checked: g,
64
- id: s,
63
+ checked: p,
64
+ id: d,
65
65
  margin: "10px",
66
- name: d,
67
- onChange: m,
66
+ name: h,
67
+ onChange: u,
68
68
  size: "small",
69
69
  value: o,
70
- children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: h })
70
+ children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: s })
71
71
  }
72
72
  ),
73
- g && /* @__PURE__ */ e(V, { children: i })
73
+ p && /* @__PURE__ */ n(z, { children: i })
74
74
  ] });
75
- }, G = (c) => {
75
+ }, J = (r) => {
76
76
  const {
77
- onHandleStartChange: n,
77
+ onHandleStartChange: e,
78
78
  onHandleEndChange: i,
79
- labelStart: r,
80
- labelEnd: s,
81
- checkedClosed: h = !1,
82
- required: d = !1,
79
+ labelStart: l,
80
+ labelEnd: d,
81
+ checkedClosed: s = !1,
82
+ required: h = !1,
83
83
  valueStart: o = "",
84
- valueEnd: g = ""
85
- } = c, [C, m] = w(h), [f, k] = w(o), [v, u] = w(g);
86
- return /* @__PURE__ */ l(V, { children: [
87
- /* @__PURE__ */ l(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
88
- /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
89
- b,
84
+ valueEnd: p = ""
85
+ } = r, [g, u] = S(s), [f, w] = S(o), [v, k] = S(p);
86
+ return /* @__PURE__ */ c(z, { children: [
87
+ /* @__PURE__ */ c(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
88
+ /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(
89
+ x,
90
90
  {
91
91
  appearance: "gray",
92
92
  margin: "10px 0",
@@ -96,84 +96,84 @@ const P = (c) => {
96
96
  children: "Vigencia"
97
97
  }
98
98
  ) }),
99
- /* @__PURE__ */ e(
99
+ /* @__PURE__ */ n(
100
100
  a,
101
101
  {
102
102
  alignContent: "center",
103
103
  justifyContent: "center",
104
104
  wrap: "wrap",
105
105
  gap: "4px",
106
- children: /* @__PURE__ */ e(
107
- R,
106
+ children: /* @__PURE__ */ n(
107
+ _,
108
108
  {
109
109
  label: "Cerrada",
110
110
  onChange: ({ target: t }) => {
111
- m(t.checked);
111
+ u(t.checked);
112
112
  },
113
- checked: C,
113
+ checked: g,
114
114
  value: ""
115
115
  }
116
116
  )
117
117
  }
118
118
  )
119
119
  ] }),
120
- /* @__PURE__ */ l(a, { justifyContent: "space-between", gap: "24px", children: [
121
- /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
122
- z,
120
+ /* @__PURE__ */ c(a, { justifyContent: "space-between", gap: "24px", children: [
121
+ /* @__PURE__ */ n(a, { width: "189px", children: /* @__PURE__ */ n(
122
+ F,
123
123
  {
124
124
  id: "dateStart",
125
- label: r,
125
+ label: l,
126
126
  onChange: (t) => {
127
- k(t.target.value), n(t);
127
+ w(t.target.value), e(t);
128
128
  },
129
129
  value: f,
130
- required: d,
130
+ required: h,
131
131
  size: "compact"
132
132
  }
133
133
  ) }),
134
- C && /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
135
- z,
134
+ g && /* @__PURE__ */ n(a, { width: "189px", children: /* @__PURE__ */ n(
135
+ F,
136
136
  {
137
137
  id: "dateEnd",
138
- label: s,
138
+ label: d,
139
139
  onChange: (t) => {
140
- u(t.target.value), i(t);
140
+ k(t.target.value), i(t);
141
141
  },
142
142
  value: v,
143
- required: d,
143
+ required: h,
144
144
  size: "compact"
145
145
  }
146
146
  ) })
147
147
  ] })
148
148
  ] });
149
- }, J = (c) => {
150
- var S;
149
+ }, K = (r) => {
150
+ var D;
151
151
  const {
152
- decision: n,
152
+ decision: e,
153
153
  formik: i,
154
- onChangeCondition: r,
155
- onChangeDecision: s,
156
- onStartChange: h,
157
- onEndChange: d,
154
+ onChangeCondition: l,
155
+ onChangeDecision: d,
156
+ onStartChange: s,
157
+ onEndChange: h,
158
158
  textValues: o,
159
- onCancel: g,
160
- onSubmit: C
161
- } = c, [m, f] = w(!1), [k, v] = w(!0), u = (t) => {
159
+ onCancel: p,
160
+ onSubmit: g
161
+ } = r, [u, f] = S(!1), [w, v] = S(!0), k = (t) => {
162
162
  f(t.target.checked);
163
- }, x = (t) => {
163
+ }, C = (t) => {
164
164
  t.target.value ? v(!1) : v(!0);
165
- }, D = (t, p) => t.errors[p] ? "invalid" : "pending";
166
- return /* @__PURE__ */ l(a, { direction: "column", gap: "24px", children: [
167
- /* @__PURE__ */ l(a, { direction: "column", gap: "16", children: [
168
- /* @__PURE__ */ e(b, { weight: "bold", size: "medium", children: o.criteria }),
169
- n.decision && /* @__PURE__ */ e(
170
- j,
165
+ }, m = (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__ */ n(x, { weight: "bold", size: "medium", children: o.criteria }),
169
+ e.decision && /* @__PURE__ */ n(
170
+ O,
171
171
  {
172
- element: n.decision,
173
- onDecision: s,
174
- valueData: i.values[n.decision.name],
175
- message: i.errors[n.decision.name],
176
- status: D(i, n.decision.name),
172
+ element: e.decision,
173
+ onDecision: d,
174
+ valueData: i.values[e.decision.name],
175
+ message: i.errors[e.decision.name],
176
+ status: m(i, e.decision.name),
177
177
  textValues: {
178
178
  selectOptions: "Select an option",
179
179
  selectOption: "Option selected",
@@ -183,27 +183,27 @@ const P = (c) => {
183
183
  }
184
184
  )
185
185
  ] }),
186
- /* @__PURE__ */ e(y, { dashed: !0 }),
187
- /* @__PURE__ */ l(a, { direction: "column", children: [
188
- /* @__PURE__ */ l(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
189
- /* @__PURE__ */ e(b, { children: o.FactsThatConditionIt }),
190
- /* @__PURE__ */ e(
191
- A,
186
+ /* @__PURE__ */ n(T, { dashed: !0 }),
187
+ /* @__PURE__ */ c(a, { direction: "column", children: [
188
+ /* @__PURE__ */ c(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
189
+ /* @__PURE__ */ n(x, { children: o.FactsThatConditionIt }),
190
+ /* @__PURE__ */ n(
191
+ U,
192
192
  {
193
193
  id: "toogleNone",
194
- onChange: u,
195
- checked: m,
194
+ onChange: k,
195
+ checked: u,
196
196
  size: "small",
197
- children: /* @__PURE__ */ e(b, { size: "medium", type: "label", weight: "bold", children: o.none })
197
+ children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: o.none })
198
198
  }
199
199
  )
200
200
  ] }),
201
- n.conditions && n.conditions.map((t) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
201
+ e.conditions && e.conditions.map((t) => /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
202
202
  Z,
203
203
  {
204
- checked: !m,
205
- handleToggleChange: (p) => {
206
- p.target.checked || r(
204
+ checked: !u,
205
+ handleToggleChange: (b) => {
206
+ b.target.checked || l(
207
207
  {
208
208
  value: "",
209
209
  rangeTo: 0,
@@ -216,181 +216,203 @@ const P = (c) => {
216
216
  id: t.name.replace(" ", ""),
217
217
  labelToggle: t.name.split(/(?=[A-Z])/).join(" "),
218
218
  name: t.name.replace(" ", ""),
219
- children: /* @__PURE__ */ e(
220
- j,
219
+ children: /* @__PURE__ */ n(
220
+ O,
221
221
  {
222
222
  element: t,
223
- onDecision: r,
223
+ onDecision: l,
224
224
  valueData: i.values[t.name],
225
225
  message: i.errors[t.name],
226
- status: D(i, t.name),
226
+ status: m(i, t.name),
227
227
  textValues: {
228
228
  selectOptions: "Select an option",
229
229
  selectOption: "Option selected",
230
- rangeMin: (p) => `Minimum ${p}`,
231
- rangeMax: (p) => `Maximum ${p}`
230
+ rangeMin: (b) => `Minimum ${b}`,
231
+ rangeMax: (b) => `Maximum ${b}`
232
232
  }
233
233
  }
234
234
  )
235
235
  }
236
236
  ) }, t.name))
237
237
  ] }),
238
- /* @__PURE__ */ e(y, { dashed: !0 }),
239
- /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
238
+ /* @__PURE__ */ n(T, { dashed: !0 }),
239
+ /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
240
240
  P,
241
241
  {
242
242
  label: o.reasonForChange,
243
243
  labelText: o.change,
244
- onHandleChange: x,
244
+ onHandleChange: C,
245
245
  placeholder: o.changePlaceholder,
246
246
  required: !0
247
247
  }
248
248
  ) }),
249
- /* @__PURE__ */ e(y, { dashed: !0 }),
250
- /* @__PURE__ */ e(a, { direction: "column", children: n.decision && /* @__PURE__ */ e(
251
- G,
249
+ /* @__PURE__ */ n(T, { dashed: !0 }),
250
+ /* @__PURE__ */ n(a, { direction: "column", children: e.decision && /* @__PURE__ */ n(
251
+ J,
252
252
  {
253
- onHandleStartChange: (t) => h(t.target.value),
254
- onHandleEndChange: (t) => d(t.target.value),
253
+ onHandleStartChange: (t) => s(t.target.value),
254
+ onHandleEndChange: (t) => h(t.target.value),
255
255
  labelStart: o.termStart,
256
256
  labelEnd: o.termEnd,
257
- checkedClosed: !!n.decision.endDate,
258
- valueStart: n.decision.startDate.toLocaleDateString(
257
+ checkedClosed: !!e.decision.endDate,
258
+ valueStart: e.decision.startDate.toLocaleDateString(
259
259
  "en-CA"
260
260
  ),
261
- valueEnd: ((S = n.decision.endDate) == null ? void 0 : S.toLocaleDateString("en-CA")) || ""
261
+ valueEnd: ((D = e.decision.endDate) == null ? void 0 : D.toLocaleDateString("en-CA")) || ""
262
262
  }
263
263
  ) }),
264
- /* @__PURE__ */ e(y, { dashed: !0 }),
265
- /* @__PURE__ */ l(a, { direction: "row", justifyContent: "end", gap: "16px", children: [
266
- /* @__PURE__ */ e(M, { appearance: "gray", onClick: g, children: o.cancel }),
267
- /* @__PURE__ */ e(
268
- M,
264
+ /* @__PURE__ */ n(T, { dashed: !0 }),
265
+ /* @__PURE__ */ c(a, { direction: "row", justifyContent: "end", gap: "16px", children: [
266
+ /* @__PURE__ */ n(L, { appearance: "gray", onClick: p, children: o.cancel }),
267
+ /* @__PURE__ */ n(
268
+ L,
269
269
  {
270
- onClick: C,
271
- disabled: k || !i.isValid,
270
+ onClick: g,
271
+ disabled: w || !i.isValid,
272
272
  type: "submit",
273
273
  children: o.confirm
274
274
  }
275
275
  )
276
276
  ] })
277
277
  ] });
278
- }, E = (c, n, i) => ({
279
- ...c,
280
- decision: { ...c.decision, [n]: i }
281
- }), pe = (c) => {
282
- const { decision: n, onCancel: i, onSubmitEvent: r, textValues: s } = c, [h, d] = w(n), o = (u, x) => {
283
- d((D) => {
284
- var t;
285
- const S = (t = D == null ? void 0 : D.conditions) == null ? void 0 : t.map((p) => p.name === x ? { ...p, value: u } : p);
286
- return { ...D, conditions: S };
278
+ }, j = (r, e, i) => ({
279
+ ...r,
280
+ decision: { ...r.decision, [e]: i }
281
+ }), Ce = (r) => {
282
+ const { id: e, decision: i, onCancel: l, onSubmitEvent: d, textValues: s } = r, [h, o] = S(i), p = (C, m) => {
283
+ o((D) => {
284
+ var b;
285
+ const t = (b = D == null ? void 0 : D.conditions) == null ? void 0 : b.map((V) => V.name === m ? { ...V, value: C } : V);
286
+ return { ...D, conditions: t };
287
287
  });
288
- }, g = (u) => {
289
- d(
290
- (x) => E(x, "value", u)
288
+ }, g = (C) => {
289
+ o(
290
+ (m) => j(m, "value", C)
291
291
  );
292
- }, C = (u) => {
293
- d(
294
- (x) => E(x, "startDate", new Date(u))
292
+ }, u = (C) => {
293
+ o(
294
+ (m) => j(m, "startDate", new Date(C))
295
295
  );
296
- }, m = (u) => {
297
- d(
298
- (x) => E(x, "endDate", new Date(u))
296
+ }, f = (C) => {
297
+ o(
298
+ (m) => j(m, "endDate", new Date(C))
299
299
  );
300
- }, { validationSchema: f, initialValues: k } = I(h), v = $({
301
- initialValues: k,
302
- validationSchema: f,
300
+ }, { validationSchema: w, initialValues: v } = q(h), k = R({
301
+ initialValues: v,
302
+ validationSchema: w,
303
303
  validateOnChange: !1,
304
304
  onSubmit: () => {
305
- r(h);
305
+ d(h);
306
306
  }
307
307
  });
308
- return /* @__PURE__ */ e(
309
- J,
308
+ return /* @__PURE__ */ n(
309
+ K,
310
310
  {
311
- formik: v,
311
+ id: e,
312
+ formik: k,
312
313
  decision: h,
313
- onCancel: i,
314
- onSubmit: () => r(h),
315
- onChangeCondition: o,
314
+ onCancel: l,
315
+ onSubmit: () => d(h),
316
+ onChangeCondition: p,
316
317
  onChangeDecision: g,
317
- onStartChange: C,
318
- onEndChange: m,
318
+ onStartChange: u,
319
+ onEndChange: f,
319
320
  textValues: s
320
321
  }
321
322
  );
322
- }, ge = (c) => {
323
- const { decision: n, textValues: i } = c;
324
- return /* @__PURE__ */ l(a, { direction: "column", gap: "24px", children: [
325
- /* @__PURE__ */ l(a, { direction: "column", gap: "16px", children: [
326
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
327
- /* @__PURE__ */ e(a, { justifyContent: "space-between", children: n.decisions && n.decisions.map((r) => /* @__PURE__ */ e(
328
- T,
323
+ }, M = (r) => {
324
+ if (!r)
325
+ return;
326
+ const e = r.value || r.possibleValue;
327
+ if (!e)
328
+ return;
329
+ if (((l) => typeof l == "object" && l !== null)(e))
330
+ switch (r.howToSetUp) {
331
+ case y.LIST_OF_VALUES_MULTI:
332
+ return e.listSelected;
333
+ case y.LIST_OF_VALUES:
334
+ return e.listSelected ?? e.list;
335
+ case y.RANGE:
336
+ return {
337
+ rangeFrom: e.rangeFrom,
338
+ rangeTo: e.rangeTo
339
+ };
340
+ default:
341
+ return e.value;
342
+ }
343
+ return e;
344
+ }, be = (r) => {
345
+ var l, d;
346
+ const { decision: e, textValues: i } = r;
347
+ return /* @__PURE__ */ c(a, { direction: "column", gap: "24px", children: [
348
+ /* @__PURE__ */ c(a, { direction: "column", gap: "16px", children: [
349
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
350
+ /* @__PURE__ */ n(a, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
351
+ E,
329
352
  {
330
- element: r,
331
- valueData: r.value
332
- },
333
- r.name
334
- )) })
353
+ element: e.decision,
354
+ valueData: M(e.decision)
355
+ }
356
+ ) }, e.decision.name) })
335
357
  ] }),
336
- /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ l(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
337
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.FactsThatConditionIt }),
338
- n.conditions && n.conditions.map((r) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
339
- T,
358
+ /* @__PURE__ */ c(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
359
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.FactsThatConditionIt }),
360
+ e.conditions && e.conditions.map((s) => /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
361
+ E,
340
362
  {
341
- element: r,
342
- valueData: r.value
363
+ element: s,
364
+ valueData: M(s)
343
365
  }
344
- ) }, r.name))
345
- ] }) }),
346
- /* @__PURE__ */ l(a, { direction: "column", gap: "12px", children: [
347
- /* @__PURE__ */ e(b, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.Terms }),
348
- /* @__PURE__ */ l(a, { justifyContent: "space-between", children: [
349
- n.startDate && /* @__PURE__ */ e(
350
- T,
366
+ ) }, s.name))
367
+ ] }),
368
+ /* @__PURE__ */ c(a, { direction: "column", gap: "12px", children: [
369
+ /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.Terms }),
370
+ /* @__PURE__ */ c(a, { justifyContent: "space-between", children: [
371
+ ((l = e == null ? void 0 : e.decision) == null ? void 0 : l.startDate) && /* @__PURE__ */ n(
372
+ E,
351
373
  {
352
374
  element: {
353
375
  name: "startDate",
354
- label: i.termStart,
355
376
  description: i.termStart,
356
- value: String(n.startDate),
357
- howToSetUp: F.EQUAL,
358
- typeData: H.DATE
377
+ value: String(e.startDate),
378
+ howToSetUp: y.EQUAL,
379
+ typeData: A.DATE
359
380
  },
360
- valueData: new Date(n.startDate).toLocaleDateString(
361
- "en-CA"
362
- )
381
+ valueData: new Date(
382
+ e.decision.startDate
383
+ ).toLocaleDateString("en-CA")
363
384
  },
364
385
  "startDate"
365
386
  ),
366
- n.endDate && /* @__PURE__ */ e(
367
- T,
387
+ ((d = e == null ? void 0 : e.decision) == null ? void 0 : d.endDate) && /* @__PURE__ */ n(
388
+ E,
368
389
  {
369
390
  element: {
370
391
  name: "endDate",
371
- label: i.termEnd,
372
392
  description: i.termEnd,
373
- value: String(n.endDate),
374
- howToSetUp: F.EQUAL,
375
- typeData: H.DATE
393
+ value: String(e.endDate),
394
+ howToSetUp: y.EQUAL,
395
+ typeData: A.DATE
376
396
  },
377
- valueData: new Date(n.endDate).toLocaleDateString("en-CA")
397
+ valueData: new Date(e.decision.endDate).toLocaleDateString(
398
+ "en-CA"
399
+ )
378
400
  },
379
401
  "endDate"
380
402
  )
381
403
  ] })
382
404
  ] })
383
405
  ] });
384
- }, K = L.div`
406
+ }, W = I.div`
385
407
  border-radius: 8px;
386
- border: 1px solid ${Q.palette.neutral.N30};
408
+ border: 1px solid ${G.palette.neutral.N30};
387
409
  box-sizing: border-box;
388
410
  display: flex;
389
411
  flex-direction: column;
390
412
  height: 340px;
391
413
  width: 332px;
392
414
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
393
- `, W = L.div`
415
+ `, X = I.div`
394
416
  width: 100%;
395
417
  height: 100%;
396
418
  overflow-y: auto;
@@ -408,34 +430,34 @@ const P = (c) => {
408
430
  background-color: #ebecf0;
409
431
  border-radius: 8px;
410
432
  }
411
- `, Ce = (c) => {
412
- const { children: n, handleDelete: i, handleView: r, id: s } = c;
413
- return /* @__PURE__ */ l(K, { children: [
414
- /* @__PURE__ */ e(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(a, { direction: "column", margin: "10px", children: n }) }) }),
415
- /* @__PURE__ */ l(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
416
- /* @__PURE__ */ e(y, {}),
417
- /* @__PURE__ */ l(a, { gap: "16px", justifyContent: "end", children: [
418
- /* @__PURE__ */ e(
419
- O,
433
+ `, xe = (r) => {
434
+ const { children: e, handleDelete: i, handleView: l, id: d } = r;
435
+ return /* @__PURE__ */ c(W, { children: [
436
+ /* @__PURE__ */ n(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(a, { direction: "column", margin: "10px", children: e }) }) }),
437
+ /* @__PURE__ */ c(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
438
+ /* @__PURE__ */ n(T, {}),
439
+ /* @__PURE__ */ c(a, { gap: "16px", justifyContent: "end", children: [
440
+ /* @__PURE__ */ n(
441
+ H,
420
442
  {
421
443
  appearance: "dark",
422
444
  size: "24px",
423
445
  cursorHover: !0,
424
- icon: /* @__PURE__ */ e(q, {}),
446
+ icon: /* @__PURE__ */ n(B, {}),
425
447
  onClick: () => {
426
- r(s);
448
+ l(d);
427
449
  }
428
450
  }
429
451
  ),
430
- /* @__PURE__ */ e(
431
- O,
452
+ /* @__PURE__ */ n(
453
+ H,
432
454
  {
433
455
  cursorHover: !0,
434
456
  appearance: "dark",
435
457
  size: "24px",
436
- icon: /* @__PURE__ */ e(B, {}),
458
+ icon: /* @__PURE__ */ n(Q, {}),
437
459
  onClick: () => {
438
- i(s);
460
+ i(d);
439
461
  }
440
462
  }
441
463
  )
@@ -444,7 +466,7 @@ const P = (c) => {
444
466
  ] });
445
467
  };
446
468
  export {
447
- Ce as BusinessRuleCard,
448
- ge as BusinessRuleView,
449
- pe as RulesForm
469
+ xe as BusinessRuleCard,
470
+ be as BusinessRuleView,
471
+ Ce as RulesForm
450
472
  };
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "description": "",
12
12
  "private": false,
13
- "version": "0.1.4",
13
+ "version": "0.1.6",
14
14
  "type": "module",
15
15
  "exports": {
16
16
  ".": {
@@ -48,8 +48,8 @@
48
48
  "@inubekit/text": "^2.17.0",
49
49
  "@inubekit/textarea": "^2.45.0",
50
50
  "@inubekit/toggle": "^3.8.1",
51
- "@isettingkit/input": "^0.1.15",
52
- "@isettingkit/view": "^0.1.2"
51
+ "@isettingkit/input": "^0.1.16",
52
+ "@isettingkit/view": "^0.1.7"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "react": "^18.2.0",