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