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