@isettingkit/business-rules 0.1.31 → 0.1.33

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 (2) hide show
  1. package/dist/index.es.js +458 -437
  2. package/package.json +3 -3
package/dist/index.es.js CHANGED
@@ -1,45 +1,45 @@
1
- import { jsxs as u, Fragment as E, jsx as r } from "react/jsx-runtime";
2
- import { ValueDataType as k, ValueHowToSetUp as b, DecisionConditionRender as $ } from "@isettingkit/input";
3
- import { Stack as s } from "@inubekit/stack";
1
+ import { jsxs as c, Fragment as D, jsx as i } from "react/jsx-runtime";
2
+ import { ValueDataType as S, ValueHowToSetUp as f, DecisionConditionRender as $ } from "@isettingkit/input";
3
+ import { Stack as l } from "@inubekit/stack";
4
4
  import { Divider as w } from "@inubekit/divider";
5
5
  import { Button as z } from "@inubekit/button";
6
- import { useState as _, useEffect as te } from "react";
7
- import { Text as x } from "@inubekit/text";
8
- import { Date as q } from "@inubekit/date";
9
- import { Checkbox as re } from "@inubekit/checkbox";
6
+ import { useState as F, useEffect as te } from "react";
7
+ import { Text as T } from "@inubekit/text";
8
+ import { Date as O } from "@inubekit/date";
9
+ import { Checkbox as ie } from "@inubekit/checkbox";
10
10
  import { Toggle as B } from "@inubekit/toggle";
11
11
  import { inube as v } from "@inubekit/foundations";
12
- import g, { keyframes as ae } from "styled-components";
13
- import { useFormik as ne } from "formik";
14
- import { mixed as P, object as L, number as R, string as I, date as O, lazy as j } from "yup";
15
- import { DecisionViewConditionRenderer as N } from "@isettingkit/view";
16
- import { SkeletonLine as T } from "@inubekit/skeleton";
17
- import { MdOutlineDelete as oe, MdClear as ie, MdAdd as de } from "react-icons/md";
12
+ import b, { keyframes as ne } from "styled-components";
13
+ import { useFormik as re } from "formik";
14
+ import { mixed as P, object as L, number as I, string as U, date as q, lazy as M } from "yup";
15
+ import { DecisionViewConditionRenderer as A } from "@isettingkit/view";
16
+ import { SkeletonLine as E } from "@inubekit/skeleton";
17
+ import { MdOutlineDelete as ae, MdClear as oe, MdAdd as le } from "react-icons/md";
18
18
  import { Icon as Q } from "@inubekit/icon";
19
- import { createPortal as le } from "react-dom";
19
+ import { createPortal as de } from "react-dom";
20
20
  import { Blanket as se } from "@inubekit/blanket";
21
21
  import { Grid as ce } from "@inubekit/grid";
22
- import { useMediaQuery as ue } from "@inubekit/hooks";
23
- const he = (e) => {
22
+ import { useMediaQuery as he } from "@inubekit/hooks";
23
+ const ue = (e) => {
24
24
  const {
25
25
  onHandleStartChange: t,
26
- onHandleEndChange: a,
27
- onCheckClosedChange: n,
28
- labelStart: c,
29
- labelEnd: o,
30
- checkedClosed: l = !1,
31
- required: i = !1,
32
- valueStart: h = "",
33
- valueEnd: d = "",
34
- messageStart: m = "",
35
- messageEnd: p = "",
36
- statusStart: f = "pending",
37
- statusEnd: S = "pending"
38
- } = e, [A, J] = _(l), [K, X] = _(h), [Z, ee] = _(d);
39
- return /* @__PURE__ */ u(E, { children: [
40
- /* @__PURE__ */ u(s, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
41
- /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
42
- x,
26
+ onHandleEndChange: r,
27
+ onCheckClosedChange: a,
28
+ labelStart: d,
29
+ labelEnd: n,
30
+ checkedClosed: s = !1,
31
+ required: h = !1,
32
+ valueStart: u = "",
33
+ valueEnd: o = "",
34
+ messageStart: p = "",
35
+ messageEnd: g = "",
36
+ statusStart: m = "pending",
37
+ statusEnd: N = "pending"
38
+ } = e, [C, J] = F(s), [K, X] = F(u), [Z, ee] = F(o);
39
+ return /* @__PURE__ */ c(D, { children: [
40
+ /* @__PURE__ */ c(l, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
41
+ /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(
42
+ T,
43
43
  {
44
44
  appearance: "gray",
45
45
  margin: "10px 0",
@@ -49,66 +49,66 @@ const he = (e) => {
49
49
  children: "Vigencia"
50
50
  }
51
51
  ) }),
52
- /* @__PURE__ */ r(
53
- s,
52
+ /* @__PURE__ */ i(
53
+ l,
54
54
  {
55
55
  alignContent: "center",
56
56
  justifyContent: "center",
57
57
  wrap: "wrap",
58
58
  gap: "4px",
59
- children: /* @__PURE__ */ r(
60
- re,
59
+ children: /* @__PURE__ */ i(
60
+ ie,
61
61
  {
62
62
  label: "Cerrada",
63
- onChange: ({ target: y }) => {
64
- J(y.checked), n && n(y.checked);
63
+ onChange: ({ target: x }) => {
64
+ J(x.checked), a && a(x.checked);
65
65
  },
66
- checked: A,
66
+ checked: C,
67
67
  value: ""
68
68
  }
69
69
  )
70
70
  }
71
71
  )
72
72
  ] }),
73
- /* @__PURE__ */ u(s, { justifyContent: "space-between", gap: "24px", children: [
74
- /* @__PURE__ */ r(s, { width: "189px", children: /* @__PURE__ */ r(
75
- q,
73
+ /* @__PURE__ */ c(l, { justifyContent: "space-between", gap: "24px", children: [
74
+ /* @__PURE__ */ i(l, { width: "189px", children: /* @__PURE__ */ i(
75
+ O,
76
76
  {
77
77
  id: "dateStart",
78
- label: c,
79
- onChange: (y) => {
80
- X(y.target.value), t(y);
78
+ label: d,
79
+ onChange: (x) => {
80
+ X(x.target.value), t(x);
81
81
  },
82
82
  value: K,
83
- required: i,
83
+ required: h,
84
84
  size: "compact",
85
- status: f,
86
- message: m
85
+ status: m,
86
+ message: p
87
87
  }
88
88
  ) }),
89
- A && /* @__PURE__ */ r(s, { width: "189px", children: /* @__PURE__ */ r(
90
- q,
89
+ C && /* @__PURE__ */ i(l, { width: "189px", children: /* @__PURE__ */ i(
90
+ O,
91
91
  {
92
92
  id: "dateEnd",
93
- label: o,
94
- onChange: (y) => {
95
- ee(y.target.value), a(y);
93
+ label: n,
94
+ onChange: (x) => {
95
+ ee(x.target.value), r(x);
96
96
  },
97
97
  value: Z,
98
- required: i,
98
+ required: h,
99
99
  size: "compact",
100
- status: S,
101
- message: p
100
+ status: N,
101
+ message: g
102
102
  }
103
103
  ) })
104
104
  ] })
105
105
  ] });
106
- }, pe = g.div`
106
+ }, pe = b.div`
107
107
  & > div {
108
108
  border-radius: 8px;
109
109
  border: 1px solid ${v.palette.neutral.N30};
110
110
  }
111
- `, ge = g.div`
111
+ `, ge = b.div`
112
112
  width: 100%;
113
113
  height: 100%;
114
114
  overflow-y: auto;
@@ -128,38 +128,38 @@ const he = (e) => {
128
128
  `, me = (e) => {
129
129
  const {
130
130
  checked: t,
131
- children: a,
132
- handleToggleChange: n,
133
- id: c,
134
- labelToggle: o,
135
- name: l,
136
- valueToggle: i = ""
137
- } = e, [h, d] = _(t), m = (p) => {
138
- d(p.target.checked), n(p);
131
+ children: r,
132
+ handleToggleChange: a,
133
+ id: d,
134
+ labelToggle: n,
135
+ name: s,
136
+ valueToggle: h = ""
137
+ } = e, [u, o] = F(t), p = (g) => {
138
+ o(g.target.checked), a(g);
139
139
  };
140
140
  return te(() => {
141
- d(t);
142
- }, [t]), /* @__PURE__ */ u(E, { children: [
143
- /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(
141
+ o(t);
142
+ }, [t]), /* @__PURE__ */ c(D, { children: [
143
+ /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(
144
144
  B,
145
145
  {
146
- checked: h,
147
- id: c,
148
- name: l,
149
- onChange: m,
146
+ checked: u,
147
+ id: d,
148
+ name: s,
149
+ onChange: p,
150
150
  size: "small",
151
- value: i,
152
- children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: o })
151
+ value: h,
152
+ children: /* @__PURE__ */ i(T, { size: "medium", type: "label", weight: "bold", children: n })
153
153
  }
154
154
  ) }),
155
- h && /* @__PURE__ */ r(E, { children: a })
155
+ u && /* @__PURE__ */ i(D, { children: r })
156
156
  ] });
157
157
  }, be = (e) => ({
158
158
  schema: P().test(
159
159
  "isArrayOrString",
160
160
  "Must be an array of strings/numbers or a single string",
161
161
  (t) => Array.isArray(t) ? t.every(
162
- (a) => typeof a == "string" || typeof a == "number"
162
+ (r) => typeof r == "string" || typeof r == "number"
163
163
  ) : typeof t == "string"
164
164
  ),
165
165
  value: e
@@ -168,233 +168,258 @@ const he = (e) => {
168
168
  "isArrayOrString",
169
169
  "Must be an array of strings/numbers or a single string",
170
170
  (t) => Array.isArray(t) ? t.every(
171
- (a) => typeof a == "string" || typeof a == "number"
171
+ (r) => typeof r == "string" || typeof r == "number"
172
172
  ) : typeof t == "string"
173
173
  ),
174
174
  value: e
175
- }), xe = (e) => {
176
- const t = (e == null ? void 0 : e.from) ?? 0, a = (e == null ? void 0 : e.to) ?? 0;
175
+ }), Te = (e) => {
176
+ const t = (e == null ? void 0 : e.from) ?? 0, r = (e == null ? void 0 : e.to) ?? 0;
177
177
  return {
178
178
  schema: L({
179
- from: R().required("Range From is required").max(a, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
180
- to: R().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
179
+ from: I().required("Range From is required").max(r, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
180
+ to: I().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
181
181
  "is-greater",
182
182
  "To value must be greater than From value",
183
- function(n) {
184
- const { from: c } = this.parent;
185
- return n > c;
183
+ function(a) {
184
+ const { from: d } = this.parent;
185
+ return a > d;
186
186
  }
187
187
  )
188
188
  }),
189
- value: { from: t, to: a }
189
+ value: { from: t, to: r }
190
190
  };
191
- }, V = (e, t) => t === k.PERCENTAGE ? {
192
- schema: R().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
191
+ }, V = (e, t) => t === S.PERCENTAGE ? {
192
+ schema: I().required("Percentage is required").min(0, "Percentage cannot be less than 0").max(100, "Percentage cannot be greater than 100"),
193
193
  value: e
194
194
  } : {
195
- schema: I().required("Required"),
195
+ schema: U().required("Required"),
196
196
  value: e
197
- }, ye = (e) => ({
198
- schema: I().required("Required").test(
197
+ }, xe = (e) => ({
198
+ schema: U().required("Required").test(
199
199
  "non-empty",
200
200
  "Value cannot be empty",
201
201
  (t) => t != null && t.trim() !== ""
202
202
  ),
203
203
  value: e
204
204
  }), ve = {
205
- [b.LIST_OF_VALUES]: be,
206
- [b.LIST_OF_VALUES_MULTI]: fe,
207
- [b.RANGE]: xe,
208
- [b.GREATER_THAN]: V,
209
- [b.LESS_THAN]: V,
210
- [b.EQUAL]: V
211
- }, M = (e) => ve[e] || ye;
212
- function Ce({ decision: e, onSubmitEvent: t }) {
213
- const a = {
214
- name: e.name || "",
215
- dataType: e.dataType || k.ALPHABETICAL,
216
- valueUse: e.valueUse || "",
205
+ [f.LIST_OF_VALUES]: be,
206
+ [f.LIST_OF_VALUES_MULTI]: fe,
207
+ [f.RANGE]: Te,
208
+ [f.GREATER_THAN]: V,
209
+ [f.LESS_THAN]: V,
210
+ [f.EQUAL]: V
211
+ }, j = (e) => ve[e] || xe;
212
+ function ye({ decision: e, onSubmitEvent: t }) {
213
+ const r = {
214
+ ruleName: e.ruleName || "",
215
+ decisionDataType: e.decisionDataType || S.ALPHABETICAL,
216
+ howToSetTheDecision: e.howToSetTheDecision || "",
217
217
  value: e.value || "",
218
- startDate: e.startDate || "",
219
- endDate: e.endDate || "",
218
+ effectiveFrom: e.effectiveFrom || "",
219
+ validUntil: e.validUntil || "",
220
220
  toggleNone: !0,
221
- conditions: {},
221
+ conditionThatEstablishesTheDecision: {},
222
222
  checkClosed: !1
223
- }, n = L({
224
- name: I().required("Name is required"),
225
- startDate: O().required("Start date is required"),
226
- endDate: O().when("checkClosed", (l, i, { parent: h }) => (h == null ? void 0 : h.checkClosed) ? i.required("End date is required").test(
227
- "is-after-startDate",
228
- "End date must be greater than or equal to Start date",
229
- function(m) {
230
- const p = this.parent.startDate;
231
- return !p || !m ? !0 : new Date(m) >= new Date(p);
232
- }
233
- ) : i.notRequired()),
234
- value: j(() => M(c.values.valueUse)(c.values.value, c.values.dataType).schema),
235
- conditions: j((l, { parent: i }) => {
236
- var d, m;
237
- return (i == null ? void 0 : i.toggleNone) && ((d = i == null ? void 0 : i.conditions) == null ? void 0 : d.length) > 0 ? L().shape({}) : L(
238
- (m = e.conditions) == null ? void 0 : m.reduce(
239
- (p, f) => {
240
- if (c.values.conditions[f.name] !== void 0) {
241
- const S = M(f.valueUse);
242
- p[f.name] = S(
243
- f.value,
244
- f.dataType
245
- ).schema;
246
- }
247
- return p;
248
- },
249
- {}
250
- )
223
+ }, a = L({
224
+ ruleName: U().required("Name is required"),
225
+ effectiveFrom: q().required("effective From date is required"),
226
+ validUntil: q().when(
227
+ "checkClosed",
228
+ (s, h, { parent: u }) => (u == null ? void 0 : u.checkClosed) ? h.required("valid Until date is required").test(
229
+ "is-after-startDate",
230
+ "valid Until date must be greater than or equal to Start date",
231
+ function(p) {
232
+ const g = this.parent.effectiveFrom;
233
+ return !g || !p ? !0 : new Date(p) >= new Date(g);
234
+ }
235
+ ) : h.notRequired()
236
+ ),
237
+ value: M(() => j(d.values.howToSetTheDecision)(
238
+ d.values.value,
239
+ d.values.decisionDataType
240
+ ).schema),
241
+ conditionThatEstablishesTheDecision: M((s, { parent: h }) => {
242
+ var p;
243
+ if ((h == null ? void 0 : h.toggleNone) && Object.keys(h.conditionThatEstablishesTheDecision || {}).length > 0) return L().shape({});
244
+ const o = (p = e.conditionThatEstablishesTheDecision) == null ? void 0 : p.reduce(
245
+ (g, m) => {
246
+ if (d.values.conditionThatEstablishesTheDecision[m.conditionName] !== void 0) {
247
+ const C = j(m.howToSetTheCondition);
248
+ g[m.conditionName] = C(
249
+ m.value,
250
+ m.conditionDataType
251
+ ).schema;
252
+ }
253
+ return g;
254
+ },
255
+ {}
256
+ );
257
+ return L(o).test(
258
+ "at-least-one-condition",
259
+ "It must be at least one condition in order for the decision to be validated correctly.",
260
+ (g) => g ? Object.values(g).some(
261
+ (m) => m != null && m !== ""
262
+ ) : !1
251
263
  );
252
264
  })
253
- }), c = ne({
254
- initialValues: a,
255
- validationSchema: n,
265
+ }), d = re({
266
+ initialValues: r,
267
+ validationSchema: a,
256
268
  validateOnBlur: !0,
257
- onSubmit: (l) => {
258
- var h;
259
- const i = {
269
+ onSubmit: (s) => {
270
+ var u;
271
+ const h = {
260
272
  ...e,
261
- name: l.name,
262
- dataType: l.dataType,
263
- valueUse: l.valueUse,
264
- value: l.value,
265
- startDate: l.startDate,
266
- endDate: l.endDate,
267
- conditions: (h = e.conditions) == null ? void 0 : h.map((d) => ({
268
- ...d,
269
- value: l.conditions[d.name]
273
+ ruleName: s.ruleName,
274
+ decisionDataType: s.decisionDataType,
275
+ howToSetTheDecision: s.howToSetTheDecision,
276
+ value: s.value,
277
+ effectiveFrom: s.effectiveFrom,
278
+ validUntil: s.validUntil,
279
+ conditionThatEstablishesTheDecision: (u = e.conditionThatEstablishesTheDecision) == null ? void 0 : u.filter((o) => {
280
+ const p = s.conditionThatEstablishesTheDecision[o.conditionName];
281
+ return p != null && p !== "";
282
+ }).map((o) => ({
283
+ ...o,
284
+ value: s.conditionThatEstablishesTheDecision[o.conditionName]
270
285
  }))
271
286
  };
272
- t(i);
287
+ t(h);
273
288
  }
274
289
  });
275
- return { formik: c, handleToggleNoneChange: (l) => {
276
- var i;
277
- c.setFieldValue("toggleNone", l), (i = e.conditions) == null || i.forEach((h) => {
278
- if (l)
279
- c.setFieldValue(`conditions.${h.name}`, void 0);
290
+ return { formik: d, handleToggleNoneChange: (s) => {
291
+ var h;
292
+ d.setFieldValue("toggleNone", s), (h = e.conditionThatEstablishesTheDecision) == null || h.forEach((u) => {
293
+ if (s)
294
+ d.setFieldValue(
295
+ `conditionThatEstablishesTheDecision.${u.conditionName}`,
296
+ void 0
297
+ );
280
298
  else {
281
- const d = h.valueUse === b.LIST_OF_VALUES_MULTI ? [] : "";
282
- c.setFieldValue(`conditions.${h.name}`, d);
299
+ const o = u.howToSetTheCondition === f.LIST_OF_VALUES_MULTI ? [] : "";
300
+ d.setFieldValue(
301
+ `conditionThatEstablishesTheDecision.${u.conditionName}`,
302
+ o
303
+ );
283
304
  }
284
305
  });
285
306
  } };
286
307
  }
287
308
  const we = (e) => {
288
- var h;
289
- const { decision: t, onSubmitEvent: a, textValues: n, onCancel: c } = e, { formik: o, handleToggleNoneChange: l } = Ce({
309
+ var u;
310
+ const { decision: t, onSubmitEvent: r, textValues: a, onCancel: d } = e, { formik: n, handleToggleNoneChange: s } = ye({
290
311
  decision: t,
291
- onSubmitEvent: a
292
- }), i = {
293
- name: t.name,
294
- valueUse: t.valueUse,
295
- dataType: t.dataType,
296
- possibleValue: t.possibleValue
312
+ onSubmitEvent: r
313
+ }), h = {
314
+ ruleName: t.ruleName,
315
+ labelName: t.labelName,
316
+ howToSetTheCondition: t.howToSetTheDecision,
317
+ decisionDataType: t.decisionDataType,
318
+ listOfPossibleValues: t.listOfPossibleValues
297
319
  };
298
- return /* @__PURE__ */ r("form", { onSubmit: o.handleSubmit, children: /* @__PURE__ */ u(s, { direction: "column", gap: "24px", children: [
320
+ return /* @__PURE__ */ i("form", { onSubmit: n.handleSubmit, children: /* @__PURE__ */ c(l, { direction: "column", gap: "24px", children: [
299
321
  $({
300
- condition: i,
301
- formik: o,
322
+ condition: h,
323
+ formik: n,
302
324
  isDecision: !0
303
325
  }),
304
- /* @__PURE__ */ r(w, { dashed: !0 }),
305
- /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ r(ge, { children: /* @__PURE__ */ u(
306
- s,
326
+ /* @__PURE__ */ i(w, { dashed: !0 }),
327
+ /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(ge, { children: /* @__PURE__ */ c(
328
+ l,
307
329
  {
308
330
  direction: "column",
309
331
  padding: "6px 12px",
310
332
  gap: "16px",
311
333
  height: "272px",
312
334
  children: [
313
- /* @__PURE__ */ u(
314
- s,
335
+ /* @__PURE__ */ c(
336
+ l,
315
337
  {
316
338
  justifyContent: "space-between",
317
339
  alignItems: "center",
318
340
  gap: "64px",
319
341
  children: [
320
- /* @__PURE__ */ r(x, { type: "title", size: "small", weight: "bold", appearance: "gray", children: n.factsThatConditionIt }),
321
- /* @__PURE__ */ r(
342
+ /* @__PURE__ */ i(T, { type: "title", size: "small", weight: "bold", appearance: "gray", children: a.factsThatConditionIt }),
343
+ /* @__PURE__ */ i(
322
344
  B,
323
345
  {
324
346
  id: "toggleNone",
325
- onChange: () => l(!o.values.toggleNone),
326
- checked: o.values.toggleNone,
347
+ onChange: () => s(!n.values.toggleNone),
348
+ checked: n.values.toggleNone,
327
349
  size: "small",
328
- children: /* @__PURE__ */ r(x, { size: "medium", type: "label", weight: "bold", children: n.none })
350
+ children: /* @__PURE__ */ i(T, { size: "medium", type: "label", weight: "bold", children: a.none })
329
351
  }
330
352
  )
331
353
  ]
332
354
  }
333
355
  ),
334
- /* @__PURE__ */ r(s, { direction: "column", gap: "20px", children: (h = t.conditions) == null ? void 0 : h.map((d) => /* @__PURE__ */ r(
335
- me,
336
- {
337
- id: `toggle-${d.name}`,
338
- name: `toggle.${d.name}`,
339
- labelToggle: d.name,
340
- checked: !o.values.toggleNone && o.values.conditions[d.name] !== void 0,
341
- handleToggleChange: (m) => {
342
- if (!m.target.checked)
343
- o.setFieldValue(
344
- `conditions.${d.name}`,
345
- void 0
346
- ), o.setFieldTouched(
347
- `conditions.${d.name}`,
348
- !1,
349
- !1
350
- );
351
- else {
352
- const f = d.valueUse === b.LIST_OF_VALUES_MULTI ? [] : "";
353
- o.setFieldValue(
354
- `conditions.${d.name}`,
355
- f
356
- );
357
- }
356
+ /* @__PURE__ */ i(l, { direction: "column", gap: "20px", children: (u = t.conditionThatEstablishesTheDecision) == null ? void 0 : u.map(
357
+ (o) => /* @__PURE__ */ i(
358
+ me,
359
+ {
360
+ id: `toggle-${o.conditionName}`,
361
+ name: `toggle.${o.conditionName}`,
362
+ labelToggle: o.labelName,
363
+ checked: !n.values.toggleNone && n.values.conditionThatEstablishesTheDecision[o.conditionName] !== void 0,
364
+ handleToggleChange: (p) => {
365
+ if (!p.target.checked)
366
+ n.setFieldValue(
367
+ `conditionThatEstablishesTheDecision.${o.conditionName}`,
368
+ void 0
369
+ ), n.setFieldTouched(
370
+ `conditionThatEstablishesTheDecision.${o.conditionName}`,
371
+ !1,
372
+ !1
373
+ );
374
+ else {
375
+ const m = o.howToSetTheCondition === f.LIST_OF_VALUES_MULTI ? [] : "";
376
+ n.setFieldValue(
377
+ `conditionThatEstablishesTheDecision.${o.conditionName}`,
378
+ m
379
+ );
380
+ }
381
+ },
382
+ children: $({ condition: o, formik: n })
358
383
  },
359
- children: $({ condition: d, formik: o })
360
- },
361
- d.name
362
- )) })
384
+ o.conditionName
385
+ )
386
+ ) })
363
387
  ]
364
388
  }
365
389
  ) }) }),
366
- /* @__PURE__ */ r(w, { dashed: !0 }),
367
- /* @__PURE__ */ r(
368
- he,
390
+ /* @__PURE__ */ i(w, { dashed: !0 }),
391
+ /* @__PURE__ */ i(
392
+ ue,
369
393
  {
370
- labelStart: n.termStart,
371
- labelEnd: n.termEnd,
372
- valueStart: o.values.startDate,
373
- valueEnd: o.values.endDate,
374
- messageStart: o.errors.startDate,
375
- messageEnd: o.errors.endDate,
376
- statusStart: o.touched.startDate ? o.errors.startDate ? "invalid" : "valid" : void 0,
377
- statusEnd: o.touched.endDate ? o.errors.endDate ? "invalid" : "valid" : void 0,
378
- onHandleStartChange: (d) => o.setFieldValue("startDate", d.target.value),
379
- onHandleEndChange: (d) => o.setFieldValue("endDate", d.target.value),
380
- onCheckClosedChange: (d) => {
381
- o.setFieldValue("checkClosed", d), d && o.setFieldValue("endDate", "");
394
+ labelStart: a.termStart,
395
+ labelEnd: a.termEnd,
396
+ valueStart: n.values.effectiveFrom,
397
+ valueEnd: n.values.validUntil,
398
+ messageStart: n.errors.effectiveFrom,
399
+ messageEnd: n.errors.validUntil,
400
+ statusStart: n.touched.effectiveFrom ? n.errors.effectiveFrom ? "invalid" : "valid" : void 0,
401
+ statusEnd: n.touched.validUntil ? n.errors.validUntil ? "invalid" : "valid" : void 0,
402
+ onHandleStartChange: (o) => n.setFieldValue("effectiveFrom", o.target.value),
403
+ onHandleEndChange: (o) => n.setFieldValue("validUntil", o.target.value),
404
+ onCheckClosedChange: (o) => {
405
+ n.setFieldValue("checkClosed", o), o && n.setFieldValue("validUntil", "");
382
406
  },
383
- checkedClosed: o.values.checkClosed
407
+ checkedClosed: n.values.checkClosed
384
408
  }
385
409
  ),
386
- /* @__PURE__ */ r(w, {}),
387
- /* @__PURE__ */ u(s, { direction: "row", justifyContent: "end", gap: "16px", children: [
388
- /* @__PURE__ */ r(z, { appearance: "gray", onClick: c, children: n.cancel }),
389
- /* @__PURE__ */ r(z, { type: "submit", children: n.confirm })
410
+ /* @__PURE__ */ i(w, {}),
411
+ n.errors.conditionThatEstablishesTheDecision && n.submitCount > 0 && /* @__PURE__ */ i(T, { type: "label", size: "medium", appearance: "danger", children: String(n.errors.conditionThatEstablishesTheDecision) }),
412
+ /* @__PURE__ */ c(l, { direction: "row", justifyContent: "end", gap: "16px", children: [
413
+ /* @__PURE__ */ i(z, { appearance: "gray", onClick: d, children: a.cancel }),
414
+ /* @__PURE__ */ i(z, { type: "submit", children: a.confirm })
390
415
  ] })
391
416
  ] }) });
392
- }, H = g.div`
417
+ }, H = b.div`
393
418
  & > div {
394
419
  border-radius: 8px;
395
420
  border: 1px solid ${v.palette.neutral.N30};
396
421
  }
397
- `, G = g.div`
422
+ `, G = b.div`
398
423
  width: 100%;
399
424
  height: 100%;
400
425
  overflow-y: auto;
@@ -412,153 +437,149 @@ const we = (e) => {
412
437
  background-color: #ebecf0;
413
438
  border-radius: 8px;
414
439
  }
415
- `, ke = (e) => e.value, Se = (e) => e.value, Te = (e) => ({
440
+ `, Ce = (e) => e.value, Se = (e) => e.value, Ee = (e) => ({
416
441
  from: e.from ?? "",
417
442
  to: e.to ?? ""
418
- }), De = (e) => e.value, Ee = (e) => e.value, Ae = (e) => e.value;
419
- var C = /* @__PURE__ */ ((e) => (e.EQUAL = "equal", e.GREATER_THAN = "greater_than", e.LESS_THAN = "less_than", e.LIST_OF_VALUES = "list_of_values", e.LIST_OF_VALUES_MULTI = "list_of_values_multi", e.RANGE = "range", e))(C || {});
420
- const Ne = (e) => e.value, _e = {
421
- [C.LIST_OF_VALUES]: ke,
422
- [C.LIST_OF_VALUES_MULTI]: Se,
423
- [C.RANGE]: Te,
424
- [C.GREATER_THAN]: De,
425
- [C.LESS_THAN]: Ee,
426
- [C.EQUAL]: Ae
443
+ }), ke = (e) => e.value, De = (e) => e.value, Ne = (e) => e.value;
444
+ var y = /* @__PURE__ */ ((e) => (e.EQUAL = "EqualTo", e.GREATER_THAN = "GreaterThan", e.LESS_THAN = "LessThan", e.LIST_OF_VALUES = "ListOfValues", e.LIST_OF_VALUES_MULTI = "ListOfValuesMulti", e.RANGE = "Range", e))(y || {});
445
+ const Ae = (e) => e.value, Fe = {
446
+ [y.LIST_OF_VALUES]: Ce,
447
+ [y.LIST_OF_VALUES_MULTI]: Se,
448
+ [y.RANGE]: Ee,
449
+ [y.GREATER_THAN]: ke,
450
+ [y.LESS_THAN]: De,
451
+ [y.EQUAL]: Ne
427
452
  };
428
- function D(e) {
429
- const t = e == null ? void 0 : e.value, a = typeof t == "object" && t !== null && !Array.isArray(t), n = _e[e == null ? void 0 : e.valueUse] || Ne;
430
- return a && n(t) || t || void 0;
453
+ function k(e) {
454
+ const t = e == null ? void 0 : e.value, r = typeof t == "object" && t !== null && !Array.isArray(t), a = Fe[e == null ? void 0 : e.howToSetTheDecision] || Ae;
455
+ return r && a(t) || t || void 0;
431
456
  }
432
457
  const Y = (e) => {
433
- const { decision: t, loading: a = !1, textValues: n } = e, c = (l) => l && Object.keys(l).length > 0, o = {
434
- name: (t == null ? void 0 : t.name) || "",
435
- dataType: (t == null ? void 0 : t.dataType) || "alphabetical",
436
- value: D(t),
437
- valueUse: (t == null ? void 0 : t.valueUse) || "equal"
458
+ const { decision: t, loading: r = !1, textValues: a } = e, d = {
459
+ labelName: (t == null ? void 0 : t.labelName) || "",
460
+ decisionDataType: (t == null ? void 0 : t.decisionDataType) || "alphabetical",
461
+ value: k(t),
462
+ howToSetTheDecision: (t == null ? void 0 : t.howToSetTheDecision) || "EqualTo"
438
463
  };
439
- return !a && t && n ? /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
440
- t && /* @__PURE__ */ r(s, { direction: "column", alignItems: "center", children: /* @__PURE__ */ r(
441
- N,
464
+ return !r && t && a ? /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
465
+ t && /* @__PURE__ */ i(l, { direction: "column", alignItems: "center", children: /* @__PURE__ */ i(
466
+ A,
442
467
  {
443
- element: o,
444
- valueData: D(o),
468
+ element: d,
469
+ valueData: k(d),
445
470
  type: "decision"
446
471
  }
447
- ) }, t.name),
448
- /* @__PURE__ */ r(w, { dashed: !0 }),
449
- /* @__PURE__ */ r(G, { children: /* @__PURE__ */ u(
450
- s,
472
+ ) }, t.ruleName),
473
+ /* @__PURE__ */ i(w, { dashed: !0 }),
474
+ /* @__PURE__ */ i(G, { children: /* @__PURE__ */ c(
475
+ l,
451
476
  {
452
477
  direction: "column",
453
478
  gap: "12px",
454
479
  justifyContent: "space-between",
455
480
  height: "203px",
456
481
  children: [
457
- /* @__PURE__ */ r(
458
- x,
482
+ /* @__PURE__ */ i(
483
+ T,
459
484
  {
460
485
  type: "label",
461
486
  size: "large",
462
487
  appearance: "dark",
463
488
  weight: "bold",
464
489
  textAlign: "center",
465
- children: n.factsThatConditionIt
490
+ children: a.factsThatConditionIt
466
491
  }
467
492
  ),
468
- t.conditions && t.conditions.map((l) => {
469
- if (l.hidden) return null;
470
- const i = l.value;
471
- return (typeof i == "object" && c(i) || i !== void 0 && typeof i == "string" && i.length > 0) && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(s, { direction: "column", padding: "8px", children: /* @__PURE__ */ r(
472
- N,
473
- {
474
- element: {
475
- ...l,
476
- value: i
477
- },
478
- valueData: D(l)
479
- }
480
- ) }) }, l.name);
481
- }),
482
- /* @__PURE__ */ r(w, { dashed: !0 }),
483
- /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
484
- (t == null ? void 0 : t.startDate) && (t == null ? void 0 : t.endDate) && /* @__PURE__ */ r(
485
- N,
493
+ t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((n) => n.hidden ? null : /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(l, { direction: "column", padding: "8px", children: /* @__PURE__ */ i(
494
+ A,
495
+ {
496
+ element: {
497
+ ...n,
498
+ value: n.value
499
+ },
500
+ valueData: k(n)
501
+ }
502
+ ) }) }, n.conditionName)),
503
+ /* @__PURE__ */ i(w, { dashed: !0 }),
504
+ /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
505
+ (t == null ? void 0 : t.effectiveFrom) && (t == null ? void 0 : t.validUntil) && /* @__PURE__ */ i(
506
+ A,
486
507
  {
487
508
  element: {
488
- name: n.terms,
489
- value: String(t.startDate),
490
- valueUse: b.RANGE,
491
- dataType: k.DATE
509
+ labelName: a.terms,
510
+ value: String(t.effectiveFrom),
511
+ howToSetTheDecision: f.RANGE,
512
+ decisionDataType: S.DATE
492
513
  },
493
- valueData: D({
494
- name: n.terms,
514
+ valueData: k({
515
+ labelName: a.terms,
495
516
  value: {
496
- from: String(t.startDate),
497
- to: String(t.endDate)
517
+ from: String(t.effectiveFrom),
518
+ to: String(t.validUntil)
498
519
  },
499
- valueUse: b.RANGE,
500
- dataType: k.DATE
520
+ howToSetTheDecision: f.RANGE,
521
+ decisionDataType: S.DATE
501
522
  }),
502
523
  type: "decision"
503
524
  },
504
- n.terms
525
+ a.terms
505
526
  ),
506
- (t == null ? void 0 : t.startDate) && !(t != null && t.endDate) && /* @__PURE__ */ r(
507
- N,
527
+ (t == null ? void 0 : t.effectiveFrom) && !(t != null && t.validUntil) && /* @__PURE__ */ i(
528
+ A,
508
529
  {
509
530
  element: {
510
- name: n.terms,
511
- value: String(t.startDate),
512
- valueUse: b.EQUAL,
513
- dataType: k.DATE
531
+ labelName: a.terms,
532
+ value: String(t.effectiveFrom),
533
+ howToSetTheDecision: f.EQUAL,
534
+ decisionDataType: S.DATE
514
535
  },
515
- valueData: D({
516
- name: n.terms,
517
- value: String(t.startDate),
518
- valueUse: b.EQUAL,
519
- dataType: k.DATE
536
+ valueData: k({
537
+ labelName: a.terms,
538
+ value: String(t.effectiveFrom),
539
+ howToSetTheDecision: f.EQUAL,
540
+ decisionDataType: S.DATE
520
541
  }),
521
542
  type: "decision"
522
543
  },
523
- n.terms
544
+ a.terms
524
545
  )
525
546
  ] })
526
547
  ]
527
548
  }
528
549
  ) })
529
- ] }) : /* @__PURE__ */ u(s, { direction: "column", gap: "12px", children: [
530
- /* @__PURE__ */ u(s, { direction: "column", alignItems: "center", gap: "4px", children: [
531
- /* @__PURE__ */ r(T, { animated: !0, width: "180px" }),
532
- /* @__PURE__ */ r(T, { animated: !0, width: "85px" })
550
+ ] }) : /* @__PURE__ */ c(l, { direction: "column", gap: "12px", children: [
551
+ /* @__PURE__ */ c(l, { direction: "column", alignItems: "center", gap: "4px", children: [
552
+ /* @__PURE__ */ i(E, { animated: !0, width: "180px" }),
553
+ /* @__PURE__ */ i(E, { animated: !0, width: "85px" })
533
554
  ] }, "loading"),
534
- /* @__PURE__ */ u(s, { direction: "column", gap: "12px", alignItems: "center", children: [
535
- /* @__PURE__ */ r(w, { dashed: !0 }),
536
- /* @__PURE__ */ r(T, { animated: !0, width: "150px" })
555
+ /* @__PURE__ */ c(l, { direction: "column", gap: "12px", alignItems: "center", children: [
556
+ /* @__PURE__ */ i(w, { dashed: !0 }),
557
+ /* @__PURE__ */ i(E, { animated: !0, width: "150px" })
537
558
  ] }),
538
- /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
539
- s,
559
+ /* @__PURE__ */ i(G, { children: /* @__PURE__ */ i(
560
+ l,
540
561
  {
541
562
  direction: "column",
542
563
  gap: "12px",
543
564
  justifyContent: "space-between",
544
565
  height: "203px",
545
- children: Array.from({ length: 5 }).map((l, i) => /* @__PURE__ */ r(H, { children: /* @__PURE__ */ u(
546
- s,
566
+ children: Array.from({ length: 5 }).map((n, s) => /* @__PURE__ */ i(H, { children: /* @__PURE__ */ c(
567
+ l,
547
568
  {
548
569
  direction: "column",
549
570
  gap: "12px",
550
571
  alignItems: "start",
551
572
  padding: "8px",
552
573
  children: [
553
- /* @__PURE__ */ r(T, { animated: !0, width: "180px" }),
554
- /* @__PURE__ */ r(T, { animated: !0, width: "85px" })
574
+ /* @__PURE__ */ i(E, { animated: !0, width: "180px" }),
575
+ /* @__PURE__ */ i(E, { animated: !0, width: "85px" })
555
576
  ]
556
577
  }
557
- ) }, `condition-${i}`))
578
+ ) }, `condition-${s}`))
558
579
  }
559
580
  ) })
560
581
  ] });
561
- }, Le = g.div`
582
+ }, Le = b.div`
562
583
  border-radius: 8px;
563
584
  border: 1px solid ${v.palette.neutral.N30};
564
585
  box-sizing: border-box;
@@ -570,7 +591,7 @@ const Y = (e) => {
570
591
  height: 100%;
571
592
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
572
593
  `;
573
- g.div`
594
+ b.div`
574
595
  width: 100%;
575
596
  height: 100%;
576
597
  overflow-y: auto;
@@ -589,35 +610,35 @@ g.div`
589
610
  border-radius: 8px;
590
611
  }
591
612
  `;
592
- const F = (e) => {
593
- const { children: t, controls: a = !0, handleDelete: n, id: c } = e;
594
- return /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "16px", padding: "12px 16px", children: [
613
+ const _ = (e) => {
614
+ const { children: t, controls: r = !0, handleDelete: a, id: d } = e;
615
+ return /* @__PURE__ */ i(Le, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "16px", padding: "12px 16px", children: [
595
616
  t,
596
- a && /* @__PURE__ */ u(E, { children: [
597
- /* @__PURE__ */ r(w, {}),
598
- /* @__PURE__ */ r(s, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ r(
617
+ r && /* @__PURE__ */ c(D, { children: [
618
+ /* @__PURE__ */ i(w, {}),
619
+ /* @__PURE__ */ i(l, { gap: "16px", justifyContent: "end", children: /* @__PURE__ */ i(
599
620
  Q,
600
621
  {
601
622
  cursorHover: !0,
602
623
  appearance: "dark",
603
624
  size: "24px",
604
- icon: /* @__PURE__ */ r(oe, {}),
625
+ icon: /* @__PURE__ */ i(ae, {}),
605
626
  onClick: () => {
606
- n(c);
627
+ a(d);
607
628
  }
608
629
  }
609
630
  ) })
610
631
  ] })
611
632
  ] }) });
612
- }, Ve = g.div`
633
+ }, Ve = b.div`
613
634
  position: relative;
614
635
  & > div {
615
636
  padding: 24px 16px;
616
637
  }
617
- `, Re = g.div`
638
+ `, Ie = b.div`
618
639
  background-color: ${({ theme: e }) => {
619
- var t, a;
620
- return ((a = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : a.N0) || v.palette.neutral.N0;
640
+ var t, r;
641
+ return ((r = (t = e == null ? void 0 : e.palette) == null ? void 0 : t.neutral) == null ? void 0 : r.N0) || v.palette.neutral.N0;
621
642
  }};
622
643
  max-width: 450px;
623
644
  max-height: 90vh;
@@ -645,23 +666,23 @@ const F = (e) => {
645
666
  background-color: #ebecf0;
646
667
  border-radius: 8px;
647
668
  }
648
- `, Ue = (e) => {
649
- const { children: t, portalId: a, onCloseModal: n, title: c } = e, o = document.getElementById(a);
650
- if (!o)
669
+ `, Re = (e) => {
670
+ const { children: t, portalId: r, onCloseModal: a, title: d } = e, n = document.getElementById(r);
671
+ if (!n)
651
672
  throw new Error(
652
673
  "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
653
674
  );
654
- return le(
655
- /* @__PURE__ */ r(Ve, { children: /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r(Re, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "24px", children: [
656
- /* @__PURE__ */ r(s, { direction: "column", gap: "24px", children: /* @__PURE__ */ u(s, { alignItems: "center", justifyContent: "space-between", children: [
657
- /* @__PURE__ */ r(x, { type: "title", size: "large", appearance: "dark", weight: "bold", children: c }),
658
- /* @__PURE__ */ r(ie, { size: "24px", cursor: "pointer", onClick: n })
675
+ return de(
676
+ /* @__PURE__ */ i(Ve, { children: /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(Ie, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "24px", children: [
677
+ /* @__PURE__ */ i(l, { direction: "column", gap: "24px", children: /* @__PURE__ */ c(l, { alignItems: "center", justifyContent: "space-between", children: [
678
+ /* @__PURE__ */ i(T, { type: "title", size: "large", appearance: "dark", weight: "bold", children: d }),
679
+ /* @__PURE__ */ i(oe, { size: "24px", cursor: "pointer", onClick: a })
659
680
  ] }) }),
660
681
  t
661
682
  ] }) }) }) }),
662
- o
683
+ n
663
684
  );
664
- }, Ie = ae`
685
+ }, Ue = ne`
665
686
  from {
666
687
  opacity: 0;
667
688
  transform: translateY(20px);
@@ -670,14 +691,14 @@ const F = (e) => {
670
691
  opacity: 1;
671
692
  transform: translateY(0);
672
693
  }
673
- `, W = g.div`
694
+ `, W = b.div`
674
695
  width: 100%;
675
696
  height: 100%;
676
697
  & > div {
677
- animation: ${Ie} 600ms ease-out;
698
+ animation: ${Ue} 600ms ease-out;
678
699
  }
679
700
  `;
680
- g.div`
701
+ b.div`
681
702
  border-radius: 8px;
682
703
  border: 1px solid ${v.palette.neutral.N30};
683
704
  box-sizing: border-box;
@@ -689,7 +710,7 @@ g.div`
689
710
  height: 100%;
690
711
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
691
712
  `;
692
- const Fe = g.div`
713
+ const _e = b.div`
693
714
  & > div {
694
715
  width: 100%;
695
716
  height: 100%;
@@ -709,14 +730,14 @@ const Fe = g.div`
709
730
  border-radius: 8px;
710
731
  }
711
732
  }
712
- `, $e = g.div`
733
+ `, $e = b.div`
713
734
  & > div > div {
714
735
  border-radius: 8px;
715
736
  border: 1px solid ${v.palette.neutral.N30};
716
737
  box-sizing: border-box;
717
738
  box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
718
739
  }
719
- `, ze = g.div`
740
+ `, ze = b.div`
720
741
  & > div {
721
742
  background-color: ${v.palette.neutral.N30};
722
743
  justify-content: center;
@@ -726,139 +747,139 @@ const Fe = g.div`
726
747
  height: 100%;
727
748
  padding-bottom: 12px;
728
749
  `;
729
- g.div`
750
+ b.div`
730
751
  & > div {
731
752
  border-radius: 8px;
732
753
  border: 1px solid ${v.palette.neutral.N30};
733
754
  }
734
755
  `;
735
- function qe({
756
+ function Oe({
736
757
  index: e,
737
758
  handleOpenModal: t
738
759
  }) {
739
- return /* @__PURE__ */ r(
740
- F,
760
+ return /* @__PURE__ */ i(
761
+ _,
741
762
  {
742
763
  id: `loading-card-${e}`,
743
764
  handleDelete: () => {
744
765
  },
745
766
  handleView: () => t(),
746
767
  controls: !1,
747
- children: /* @__PURE__ */ r(Y, { loading: !0 })
768
+ children: /* @__PURE__ */ i(Y, { loading: !0 })
748
769
  },
749
770
  `loading-card-${e}`
750
771
  );
751
772
  }
752
- function Oe({
773
+ function qe({
753
774
  decision: e,
754
775
  controls: t,
755
- handleOpenModal: a,
756
- handleDelete: n,
757
- textValues: c
776
+ handleOpenModal: r,
777
+ handleDelete: a,
778
+ textValues: d
758
779
  }) {
759
- return e ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
760
- /* @__PURE__ */ r(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.id }),
761
- /* @__PURE__ */ r(
762
- F,
780
+ return e ? /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "4px", width: "100%", padding: "0 0 12px 0", children: [
781
+ /* @__PURE__ */ i(T, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: e.decisionId }),
782
+ /* @__PURE__ */ i(
783
+ _,
763
784
  {
764
- id: e.id,
765
- handleDelete: () => n(e.id),
766
- handleView: () => a(e),
785
+ id: e.decisionId,
786
+ handleDelete: () => a(e.decisionId),
787
+ handleView: () => r(e),
767
788
  controls: t,
768
- children: /* @__PURE__ */ r(Y, { decision: e, textValues: c })
789
+ children: /* @__PURE__ */ i(Y, { decision: e, textValues: d })
769
790
  }
770
791
  )
771
- ] }) }, e.id) : null;
792
+ ] }) }, e.decisionId) : null;
772
793
  }
773
- function je({
794
+ function Me({
774
795
  index: e,
775
796
  handleOpenModal: t
776
797
  }) {
777
- return /* @__PURE__ */ r(W, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
778
- /* @__PURE__ */ r(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
779
- /* @__PURE__ */ r(ze, { onClick: () => t(), children: /* @__PURE__ */ r(
780
- F,
798
+ return /* @__PURE__ */ i(W, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "4px", width: "100%", height: "100%", children: [
799
+ /* @__PURE__ */ i(T, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: "Nueva decisión" }),
800
+ /* @__PURE__ */ i(ze, { onClick: () => t(), children: /* @__PURE__ */ i(
801
+ _,
781
802
  {
782
803
  id: `add-decision-${e}`,
783
804
  handleDelete: () => {
784
805
  },
785
806
  handleView: () => t(),
786
807
  controls: !1,
787
- children: /* @__PURE__ */ u(s, { direction: "column", gap: "12px", alignItems: "center", children: [
788
- /* @__PURE__ */ r(Q, { appearance: "gray", icon: /* @__PURE__ */ r(de, {}), size: "35px" }),
789
- /* @__PURE__ */ r(x, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
808
+ children: /* @__PURE__ */ c(l, { direction: "column", gap: "12px", alignItems: "center", children: [
809
+ /* @__PURE__ */ i(Q, { appearance: "gray", icon: /* @__PURE__ */ i(le, {}), size: "35px" }),
810
+ /* @__PURE__ */ i(T, { appearance: "gray", type: "body", size: "large", children: "Agregar decisión" })
790
811
  ] })
791
812
  }
792
813
  ) })
793
814
  ] }) }, `add-decision-${e}`);
794
815
  }
795
- const Me = {
796
- loading: qe,
797
- decision: Oe,
798
- add: je
816
+ const je = {
817
+ loading: Oe,
818
+ decision: qe,
819
+ add: Me
799
820
  };
800
- function U(e) {
801
- const { type: t } = e, a = Me[t];
802
- return a ? a(e) : null;
821
+ function R(e) {
822
+ const { type: t } = e, r = je[t];
823
+ return r ? r(e) : null;
803
824
  }
804
825
  function He({
805
826
  controls: e,
806
827
  decisions: t,
807
- loading: a,
808
- handleOpenModal: n,
809
- handleDelete: c,
810
- textValues: o
828
+ loading: r,
829
+ handleOpenModal: a,
830
+ handleDelete: d,
831
+ textValues: n
811
832
  }) {
812
- const l = a ? Array.from({ length: 3 }).map(
813
- (h, d) => U({
833
+ const s = r ? Array.from({ length: 3 }).map(
834
+ (u, o) => R({
814
835
  type: "loading",
815
- index: d,
836
+ index: o,
816
837
  controls: e,
817
- loading: a,
818
- handleOpenModal: n,
819
- handleDelete: c,
820
- textValues: o
838
+ loading: r,
839
+ handleOpenModal: a,
840
+ handleDelete: d,
841
+ textValues: n
821
842
  })
822
843
  ) : t.map(
823
- (h) => U({
844
+ (u) => R({
824
845
  type: "decision",
825
- decision: h,
846
+ decision: u,
826
847
  controls: e,
827
- loading: a,
828
- handleOpenModal: n,
829
- handleDelete: c,
830
- textValues: o
848
+ loading: r,
849
+ handleOpenModal: a,
850
+ handleDelete: d,
851
+ textValues: n
831
852
  })
832
- ), i = (t.length === 0 || t.length < Math.floor(window.innerWidth / 300)) && !a && e;
833
- return { renderedCards: l, shouldRenderAddCard: i };
853
+ ), h = (t.length === 0 || t.length < Math.floor(window.innerWidth / 300)) && !r && e;
854
+ return { renderedCards: s, shouldRenderAddCard: h };
834
855
  }
835
856
  const mt = (e) => {
836
857
  const {
837
858
  controls: t = !0,
838
- decisions: a,
839
- textValues: n,
840
- decisionTemplate: c,
841
- isModalOpen: o,
842
- selectedDecision: l,
843
- loading: i,
844
- handleOpenModal: h,
845
- handleCloseModal: d,
846
- handleSubmitForm: m,
847
- handleDelete: p
848
- } = e, f = ue("(max-width: 681px)"), { renderedCards: S, shouldRenderAddCard: A } = He({
859
+ decisions: r,
860
+ textValues: a,
861
+ decisionTemplate: d,
862
+ isModalOpen: n,
863
+ selectedDecision: s,
864
+ loading: h,
865
+ handleOpenModal: u,
866
+ handleCloseModal: o,
867
+ handleSubmitForm: p,
868
+ handleDelete: g
869
+ } = e, m = he("(max-width: 681px)"), { renderedCards: N, shouldRenderAddCard: C } = He({
849
870
  controls: t,
850
- decisions: a,
851
- loading: i,
852
- handleOpenModal: h,
853
- handleDelete: p,
854
- textValues: n
871
+ decisions: r,
872
+ loading: h,
873
+ handleOpenModal: u,
874
+ handleDelete: g,
875
+ textValues: a
855
876
  });
856
- return /* @__PURE__ */ u(E, { children: [
857
- /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(Fe, { children: /* @__PURE__ */ u(s, { direction: "column", gap: "16px", padding: "6px", children: [
858
- a.length === 0 && !i && /* @__PURE__ */ u(x, { as: "span", type: "label", size: "large", appearance: "gray", children: [
877
+ return /* @__PURE__ */ c(D, { children: [
878
+ /* @__PURE__ */ i($e, { children: /* @__PURE__ */ i(_e, { children: /* @__PURE__ */ c(l, { direction: "column", gap: "16px", padding: "6px", children: [
879
+ r.length === 0 && !h && /* @__PURE__ */ c(T, { as: "span", type: "label", size: "large", appearance: "gray", children: [
859
880
  "Aún no tienes definidas tasas de interés efectivas. Presiona",
860
- /* @__PURE__ */ r(
861
- x,
881
+ /* @__PURE__ */ i(
882
+ T,
862
883
  {
863
884
  as: "span",
864
885
  type: "label",
@@ -870,7 +891,7 @@ const mt = (e) => {
870
891
  ),
871
892
  "para empezar."
872
893
  ] }),
873
- /* @__PURE__ */ u(
894
+ /* @__PURE__ */ c(
874
895
  ce,
875
896
  {
876
897
  templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
@@ -881,35 +902,35 @@ const mt = (e) => {
881
902
  autoRows: "1fr",
882
903
  justifyItems: "center",
883
904
  padding: "6px",
884
- height: f ? "auto" : "484px",
905
+ height: m ? "auto" : "484px",
885
906
  children: [
886
- S,
887
- A && U({
907
+ N,
908
+ C && R({
888
909
  type: "add",
889
- index: a.length,
910
+ index: r.length,
890
911
  controls: t,
891
- loading: i,
892
- handleOpenModal: h,
893
- handleDelete: p,
894
- textValues: n
912
+ loading: h,
913
+ handleOpenModal: u,
914
+ handleDelete: g,
915
+ textValues: a
895
916
  })
896
917
  ]
897
918
  }
898
919
  )
899
920
  ] }) }) }),
900
- o && /* @__PURE__ */ r(
901
- Ue,
921
+ n && /* @__PURE__ */ i(
922
+ Re,
902
923
  {
903
924
  portalId: "modal-portal",
904
- onCloseModal: d,
905
- title: l ? "Editar Decisión" : "Nueva decisión",
906
- children: /* @__PURE__ */ r(
925
+ onCloseModal: o,
926
+ title: s ? "Editar Decisión" : "Nueva decisión",
927
+ children: /* @__PURE__ */ i(
907
928
  we,
908
929
  {
909
- decision: l || c,
910
- onSubmitEvent: m,
911
- textValues: n,
912
- onCancel: () => d()
930
+ decision: s || d,
931
+ onSubmitEvent: p,
932
+ textValues: a,
933
+ onCancel: () => o()
913
934
  }
914
935
  )
915
936
  }
@@ -917,9 +938,9 @@ const mt = (e) => {
917
938
  ] });
918
939
  };
919
940
  export {
920
- F as BusinessRuleCard,
941
+ _ as BusinessRuleCard,
921
942
  Y as BusinessRuleView,
922
943
  mt as BusinessRules,
923
- Ue as ModalRules,
944
+ Re as ModalRules,
924
945
  we as RulesForm
925
946
  };