@inspirer-dev/crm-dashboard 1.0.85 → 1.0.88
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/admin/src/components/ButtonsBuilder/index.tsx +4 -1
- package/admin/src/components/StepFlowBuilder/panels/EventTriggerConfig.tsx +13 -19
- package/admin/src/components/TriggerConfigField/index.tsx +120 -0
- package/admin/src/components/TriggerParamsField/index.tsx +331 -109
- package/dist/_chunks/index-BqcFfrh8.js +478 -0
- package/dist/_chunks/{index-BQcRoIJr.js → index-C6cSKRAH.js} +115 -2
- package/dist/_chunks/index-CKr1VvX0.mjs +476 -0
- package/dist/_chunks/{index-u-jR-zfs.js → index-CapXG1AZ.js} +4 -1
- package/dist/_chunks/{index-DRhcN7TG.mjs → index-ClbsgJmF.mjs} +4 -1
- package/dist/_chunks/{index-354YMebI.js → index-DitYBTyj.js} +10 -28
- package/dist/_chunks/{index-gR86Z3uh.mjs → index-P8pE6Zbx.mjs} +10 -28
- package/dist/_chunks/{index-Dhj0KzCX.mjs → index-o12Z75S3.mjs} +116 -3
- package/dist/admin/index.js +4 -4
- package/dist/admin/index.mjs +4 -4
- package/package.json +1 -1
- package/admin/playground/dist/assets/index-9hS_dqwV.css +0 -1
- package/admin/playground/dist/assets/index-BfQ5hqOR.js +0 -2588
- package/admin/playground/dist/index.html +0 -14
- package/dist/_chunks/index-CqRPcaXV.js +0 -304
- package/dist/_chunks/index-DnyoVNLo.mjs +0 -304
|
@@ -0,0 +1,476 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { forwardRef, useRef, useState, useMemo } from "react";
|
|
3
|
+
import { Field, Flex, Box, Typography, Button, Tooltip, IconButton, SingleSelect, SingleSelectOption, Card, CardContent, NumberInput } from "@strapi/design-system";
|
|
4
|
+
import { Plus, Trash } from "@strapi/icons";
|
|
5
|
+
import { useTheme } from "styled-components";
|
|
6
|
+
const TRIGGER_PARAMS = [
|
|
7
|
+
{
|
|
8
|
+
key: "delaySeconds",
|
|
9
|
+
label: "Задержка",
|
|
10
|
+
description: "Задержка перед показом после срабатывания триггера",
|
|
11
|
+
unit: "сек",
|
|
12
|
+
min: 0,
|
|
13
|
+
placeholder: "7",
|
|
14
|
+
stageTypes: ["side_hint", "modal", "retry"]
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
key: "timeOnSiteSeconds",
|
|
18
|
+
label: "Время на сайте",
|
|
19
|
+
description: "Мин. время на сайте для срабатывания",
|
|
20
|
+
unit: "сек",
|
|
21
|
+
min: 0,
|
|
22
|
+
placeholder: "120",
|
|
23
|
+
stageTypes: ["exit_intent", "side_hint", "modal"]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
key: "scrollThresholdPx",
|
|
27
|
+
label: "Порог скролла",
|
|
28
|
+
description: "Скролл в пикселях для срабатывания",
|
|
29
|
+
unit: "px",
|
|
30
|
+
min: 0,
|
|
31
|
+
placeholder: "200",
|
|
32
|
+
stageTypes: ["side_hint"]
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
key: "idleSeconds",
|
|
36
|
+
label: "Бездействие",
|
|
37
|
+
description: "Время без кликов/скролла",
|
|
38
|
+
unit: "сек",
|
|
39
|
+
min: 0,
|
|
40
|
+
placeholder: "15",
|
|
41
|
+
stageTypes: ["side_hint"]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
key: "caseViewSeconds",
|
|
45
|
+
label: "Просмотр кейса",
|
|
46
|
+
description: "Время на странице кейса",
|
|
47
|
+
unit: "сек",
|
|
48
|
+
min: 0,
|
|
49
|
+
placeholder: "12",
|
|
50
|
+
stageTypes: ["modal", "side_hint"]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
key: "activePlayMinutes",
|
|
54
|
+
label: "Активная игра",
|
|
55
|
+
description: "Время активной игры",
|
|
56
|
+
unit: "мин",
|
|
57
|
+
min: 0,
|
|
58
|
+
placeholder: "10",
|
|
59
|
+
stageTypes: ["modal"]
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
key: "actionCountThreshold",
|
|
63
|
+
label: "Порог действий",
|
|
64
|
+
description: "Кол-во значимых действий + низкий баланс",
|
|
65
|
+
unit: "",
|
|
66
|
+
min: 0,
|
|
67
|
+
placeholder: "2",
|
|
68
|
+
stageTypes: ["modal"]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
key: "balanceThresholdMultiplier",
|
|
72
|
+
label: "Множитель баланса",
|
|
73
|
+
description: 'Множитель мин. цены кейса для "низкого баланса"',
|
|
74
|
+
unit: "×",
|
|
75
|
+
min: 0,
|
|
76
|
+
placeholder: "1.5",
|
|
77
|
+
stageTypes: ["modal", "side_hint"]
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
key: "abandonedTimeoutMinutes",
|
|
81
|
+
label: "Таймаут заброшенного депозита",
|
|
82
|
+
description: "Через сколько минут депозит считается заброшенным",
|
|
83
|
+
unit: "мин",
|
|
84
|
+
min: 1,
|
|
85
|
+
placeholder: "10",
|
|
86
|
+
stageTypes: ["retry"]
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
key: "minDepositAmount",
|
|
90
|
+
label: "Мин. сумма депозита",
|
|
91
|
+
description: "Подстановка в {{min_deposit}} в текстах",
|
|
92
|
+
unit: "₽",
|
|
93
|
+
min: 0,
|
|
94
|
+
placeholder: "250",
|
|
95
|
+
stageTypes: ["modal", "side_hint", "retry"]
|
|
96
|
+
}
|
|
97
|
+
];
|
|
98
|
+
const STAGE_TYPE_LABELS = {
|
|
99
|
+
side_hint: "Side-hint",
|
|
100
|
+
modal: "Modal",
|
|
101
|
+
exit_intent: "Exit intent",
|
|
102
|
+
retry: "Retry"
|
|
103
|
+
};
|
|
104
|
+
const parseValue = (value) => {
|
|
105
|
+
if (!value) return [{}];
|
|
106
|
+
if (typeof value === "string") {
|
|
107
|
+
try {
|
|
108
|
+
const parsed = JSON.parse(value);
|
|
109
|
+
if (Array.isArray(parsed)) return parsed.length > 0 ? parsed : [{}];
|
|
110
|
+
if (typeof parsed === "object" && parsed !== null) return [parsed];
|
|
111
|
+
} catch {
|
|
112
|
+
}
|
|
113
|
+
return [{}];
|
|
114
|
+
}
|
|
115
|
+
if (Array.isArray(value)) return value.length > 0 ? value : [{}];
|
|
116
|
+
if (typeof value === "object") return [value];
|
|
117
|
+
return [{}];
|
|
118
|
+
};
|
|
119
|
+
const serialize = (groups) => {
|
|
120
|
+
const cleaned = groups.map((group) => {
|
|
121
|
+
const out = {};
|
|
122
|
+
for (const [key, val] of Object.entries(group)) {
|
|
123
|
+
if (typeof val === "number") out[key] = val;
|
|
124
|
+
}
|
|
125
|
+
return out;
|
|
126
|
+
}).filter((group) => Object.keys(group).length > 0);
|
|
127
|
+
return JSON.stringify(cleaned.length > 0 ? cleaned : []);
|
|
128
|
+
};
|
|
129
|
+
const DEPTH_BORDERS = ["#7b79ff", "#ee5e52", "#0c75af", "#328048"];
|
|
130
|
+
const useThemeColors = () => {
|
|
131
|
+
const theme = useTheme();
|
|
132
|
+
const isDark = theme?.colors?.neutral0 === "#212134";
|
|
133
|
+
return useMemo(
|
|
134
|
+
() => ({
|
|
135
|
+
isDark,
|
|
136
|
+
emptyBorder: isDark ? "#32324d" : "#dcdce4",
|
|
137
|
+
cardBorder: isDark ? "#32324d" : "#eaeaef",
|
|
138
|
+
tagBg: isDark ? "#2d2d4a" : "#f0f0ff",
|
|
139
|
+
groupBg: isDark ? "#1a1a2e" : "#f6f6f9",
|
|
140
|
+
orDividerLine: isDark ? "#32324d" : "#dcdce4",
|
|
141
|
+
andLabelColor: isDark ? "#a5a5ba" : "#666687",
|
|
142
|
+
depthBorders: DEPTH_BORDERS
|
|
143
|
+
}),
|
|
144
|
+
[isDark]
|
|
145
|
+
);
|
|
146
|
+
};
|
|
147
|
+
const getParamDef = (key) => TRIGGER_PARAMS.find((p) => p.key === key);
|
|
148
|
+
const ParamCard = ({
|
|
149
|
+
paramKey,
|
|
150
|
+
value,
|
|
151
|
+
onValueChange,
|
|
152
|
+
onRemove,
|
|
153
|
+
disabled,
|
|
154
|
+
colors
|
|
155
|
+
}) => {
|
|
156
|
+
const def = getParamDef(paramKey);
|
|
157
|
+
if (!def) return null;
|
|
158
|
+
return /* @__PURE__ */ jsx(Card, { background: "neutral0", style: { border: `1px solid ${colors.cardBorder}` }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", padding: 3, children: [
|
|
159
|
+
/* @__PURE__ */ jsxs(Box, { style: { flex: 1, minWidth: 0 }, children: [
|
|
160
|
+
/* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", marginBottom: 1, children: [
|
|
161
|
+
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: def.label }),
|
|
162
|
+
def.unit && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
|
|
163
|
+
"(",
|
|
164
|
+
def.unit,
|
|
165
|
+
")"
|
|
166
|
+
] })
|
|
167
|
+
] }),
|
|
168
|
+
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: def.description }),
|
|
169
|
+
/* @__PURE__ */ jsx(Flex, { gap: 1, marginTop: 1, wrap: "wrap", children: def.stageTypes.map((st) => /* @__PURE__ */ jsx(
|
|
170
|
+
Box,
|
|
171
|
+
{
|
|
172
|
+
style: {
|
|
173
|
+
padding: "1px 6px",
|
|
174
|
+
borderRadius: "4px",
|
|
175
|
+
backgroundColor: colors.tagBg,
|
|
176
|
+
fontSize: "11px"
|
|
177
|
+
},
|
|
178
|
+
children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary600", children: STAGE_TYPE_LABELS[st] || st })
|
|
179
|
+
},
|
|
180
|
+
st
|
|
181
|
+
)) })
|
|
182
|
+
] }),
|
|
183
|
+
/* @__PURE__ */ jsx(Box, { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx(
|
|
184
|
+
NumberInput,
|
|
185
|
+
{
|
|
186
|
+
placeholder: def.placeholder,
|
|
187
|
+
value: value ?? "",
|
|
188
|
+
onValueChange,
|
|
189
|
+
disabled,
|
|
190
|
+
size: "S",
|
|
191
|
+
step: paramKey === "balanceThresholdMultiplier" ? 0.1 : 1
|
|
192
|
+
}
|
|
193
|
+
) }),
|
|
194
|
+
/* @__PURE__ */ jsx(Tooltip, { label: "Удалить параметр", children: /* @__PURE__ */ jsx(
|
|
195
|
+
IconButton,
|
|
196
|
+
{
|
|
197
|
+
onClick: onRemove,
|
|
198
|
+
label: "Delete",
|
|
199
|
+
variant: "ghost",
|
|
200
|
+
size: "S",
|
|
201
|
+
disabled,
|
|
202
|
+
style: { color: "#d02b20", flexShrink: 0 },
|
|
203
|
+
children: /* @__PURE__ */ jsx(Trash, { width: 16, height: 16 })
|
|
204
|
+
}
|
|
205
|
+
) })
|
|
206
|
+
] }) }) });
|
|
207
|
+
};
|
|
208
|
+
const AndLabel = ({ colors }) => /* @__PURE__ */ jsx(Flex, { justifyContent: "center", paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsx(
|
|
209
|
+
Typography,
|
|
210
|
+
{
|
|
211
|
+
variant: "sigma",
|
|
212
|
+
textColor: "neutral600",
|
|
213
|
+
style: {
|
|
214
|
+
fontSize: "11px",
|
|
215
|
+
fontWeight: 700,
|
|
216
|
+
letterSpacing: "0.5px",
|
|
217
|
+
color: colors.andLabelColor,
|
|
218
|
+
textTransform: "uppercase"
|
|
219
|
+
},
|
|
220
|
+
children: "И"
|
|
221
|
+
}
|
|
222
|
+
) });
|
|
223
|
+
const OrDivider = ({ colors }) => /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, paddingTop: 2, paddingBottom: 2, children: [
|
|
224
|
+
/* @__PURE__ */ jsx(Box, { style: { flex: 1, height: "1px", backgroundColor: colors.orDividerLine } }),
|
|
225
|
+
/* @__PURE__ */ jsx(
|
|
226
|
+
Box,
|
|
227
|
+
{
|
|
228
|
+
style: {
|
|
229
|
+
padding: "2px 12px",
|
|
230
|
+
borderRadius: "12px",
|
|
231
|
+
border: `1px solid ${colors.orDividerLine}`,
|
|
232
|
+
backgroundColor: colors.isDark ? "#212134" : "#ffffff"
|
|
233
|
+
},
|
|
234
|
+
children: /* @__PURE__ */ jsx(
|
|
235
|
+
Typography,
|
|
236
|
+
{
|
|
237
|
+
variant: "sigma",
|
|
238
|
+
style: {
|
|
239
|
+
fontSize: "11px",
|
|
240
|
+
fontWeight: 700,
|
|
241
|
+
letterSpacing: "0.5px",
|
|
242
|
+
color: colors.andLabelColor,
|
|
243
|
+
textTransform: "uppercase"
|
|
244
|
+
},
|
|
245
|
+
children: "ИЛИ"
|
|
246
|
+
}
|
|
247
|
+
)
|
|
248
|
+
}
|
|
249
|
+
),
|
|
250
|
+
/* @__PURE__ */ jsx(Box, { style: { flex: 1, height: "1px", backgroundColor: colors.orDividerLine } })
|
|
251
|
+
] });
|
|
252
|
+
const ParamGroupCard = ({
|
|
253
|
+
group,
|
|
254
|
+
groupIndex,
|
|
255
|
+
totalGroups,
|
|
256
|
+
onAddParam,
|
|
257
|
+
onRemoveParam,
|
|
258
|
+
onSetValue,
|
|
259
|
+
onRemoveGroup,
|
|
260
|
+
disabled,
|
|
261
|
+
colors
|
|
262
|
+
}) => {
|
|
263
|
+
const activeKeys = Object.keys(group);
|
|
264
|
+
const availableParams = TRIGGER_PARAMS.filter((p) => !activeKeys.includes(p.key));
|
|
265
|
+
const borderColor = colors.depthBorders[groupIndex % colors.depthBorders.length];
|
|
266
|
+
return /* @__PURE__ */ jsx(
|
|
267
|
+
Box,
|
|
268
|
+
{
|
|
269
|
+
padding: 4,
|
|
270
|
+
hasRadius: true,
|
|
271
|
+
style: {
|
|
272
|
+
backgroundColor: colors.groupBg,
|
|
273
|
+
borderLeft: `3px solid ${borderColor}`,
|
|
274
|
+
border: `1px solid ${colors.cardBorder}`,
|
|
275
|
+
borderLeftWidth: "3px",
|
|
276
|
+
borderLeftColor: borderColor
|
|
277
|
+
},
|
|
278
|
+
children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
|
|
279
|
+
/* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
|
|
280
|
+
/* @__PURE__ */ jsxs(
|
|
281
|
+
Typography,
|
|
282
|
+
{
|
|
283
|
+
variant: "sigma",
|
|
284
|
+
textColor: "neutral700",
|
|
285
|
+
style: { textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px" },
|
|
286
|
+
children: [
|
|
287
|
+
"Группа ",
|
|
288
|
+
groupIndex + 1
|
|
289
|
+
]
|
|
290
|
+
}
|
|
291
|
+
),
|
|
292
|
+
totalGroups > 1 && /* @__PURE__ */ jsx(Tooltip, { label: "Удалить группу", children: /* @__PURE__ */ jsx(
|
|
293
|
+
IconButton,
|
|
294
|
+
{
|
|
295
|
+
onClick: onRemoveGroup,
|
|
296
|
+
label: "Удалить группу",
|
|
297
|
+
variant: "ghost",
|
|
298
|
+
size: "S",
|
|
299
|
+
disabled,
|
|
300
|
+
style: { color: "#d02b20" },
|
|
301
|
+
children: /* @__PURE__ */ jsx(Trash, { width: 14, height: 14 })
|
|
302
|
+
}
|
|
303
|
+
) })
|
|
304
|
+
] }),
|
|
305
|
+
activeKeys.length === 0 ? /* @__PURE__ */ jsx(
|
|
306
|
+
Box,
|
|
307
|
+
{
|
|
308
|
+
padding: 3,
|
|
309
|
+
hasRadius: true,
|
|
310
|
+
style: {
|
|
311
|
+
border: `1px dashed ${colors.emptyBorder}`,
|
|
312
|
+
textAlign: "center"
|
|
313
|
+
},
|
|
314
|
+
children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Добавьте параметры в группу" })
|
|
315
|
+
}
|
|
316
|
+
) : activeKeys.map((key, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
|
|
317
|
+
i > 0 && /* @__PURE__ */ jsx(AndLabel, { colors }),
|
|
318
|
+
/* @__PURE__ */ jsx(
|
|
319
|
+
ParamCard,
|
|
320
|
+
{
|
|
321
|
+
paramKey: key,
|
|
322
|
+
value: group[key],
|
|
323
|
+
onValueChange: (val) => onSetValue(key, val),
|
|
324
|
+
onRemove: () => onRemoveParam(key),
|
|
325
|
+
disabled,
|
|
326
|
+
colors
|
|
327
|
+
}
|
|
328
|
+
)
|
|
329
|
+
] }, key)),
|
|
330
|
+
availableParams.length > 0 && /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(AddParamSelect, { available: availableParams, onAdd: onAddParam, disabled }) })
|
|
331
|
+
] })
|
|
332
|
+
}
|
|
333
|
+
);
|
|
334
|
+
};
|
|
335
|
+
const TriggerParamsField = forwardRef(
|
|
336
|
+
({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
|
|
337
|
+
const initialRef = useRef(value);
|
|
338
|
+
const [groups, setGroups] = useState(() => parseValue(initialRef.current));
|
|
339
|
+
const colors = useThemeColors();
|
|
340
|
+
const update = (next) => {
|
|
341
|
+
setGroups(next);
|
|
342
|
+
onChange({ target: { name, value: serialize(next) } });
|
|
343
|
+
};
|
|
344
|
+
const addGroup = () => {
|
|
345
|
+
update([...groups, {}]);
|
|
346
|
+
};
|
|
347
|
+
const removeGroup = (idx) => {
|
|
348
|
+
const next = groups.filter((_, i) => i !== idx);
|
|
349
|
+
update(next.length > 0 ? next : [{}]);
|
|
350
|
+
};
|
|
351
|
+
const addParamToGroup = (idx, key) => {
|
|
352
|
+
const next = groups.map((g, i) => i === idx ? { ...g, [key]: null } : g);
|
|
353
|
+
update(next);
|
|
354
|
+
};
|
|
355
|
+
const removeParamFromGroup = (idx, key) => {
|
|
356
|
+
const next = groups.map((g, i) => {
|
|
357
|
+
if (i !== idx) return g;
|
|
358
|
+
const copy = { ...g };
|
|
359
|
+
delete copy[key];
|
|
360
|
+
return copy;
|
|
361
|
+
});
|
|
362
|
+
update(next);
|
|
363
|
+
};
|
|
364
|
+
const setParamValue = (idx, key, val) => {
|
|
365
|
+
const next = groups.map((g, i) => i === idx ? { ...g, [key]: val ?? null } : g);
|
|
366
|
+
update(next);
|
|
367
|
+
};
|
|
368
|
+
const allEmpty = groups.every((g) => Object.keys(g).length === 0);
|
|
369
|
+
return /* @__PURE__ */ jsx(Field.Root, { name, error, required, hint, ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
|
|
370
|
+
/* @__PURE__ */ jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ jsxs(Box, { children: [
|
|
371
|
+
/* @__PURE__ */ jsx(Field.Label, { children: intlLabel?.defaultMessage || "Trigger Params" }),
|
|
372
|
+
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Настройте параметры срабатывания для этого этапа" })
|
|
373
|
+
] }) }),
|
|
374
|
+
groups.length === 1 && allEmpty ? /* @__PURE__ */ jsxs(
|
|
375
|
+
Box,
|
|
376
|
+
{
|
|
377
|
+
padding: 5,
|
|
378
|
+
background: "neutral100",
|
|
379
|
+
hasRadius: true,
|
|
380
|
+
style: {
|
|
381
|
+
border: `2px dashed ${colors.emptyBorder}`,
|
|
382
|
+
textAlign: "center"
|
|
383
|
+
},
|
|
384
|
+
children: [
|
|
385
|
+
/* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral500", children: "Параметры не настроены" }),
|
|
386
|
+
/* @__PURE__ */ jsx(
|
|
387
|
+
Typography,
|
|
388
|
+
{
|
|
389
|
+
variant: "pi",
|
|
390
|
+
textColor: "neutral400",
|
|
391
|
+
style: { display: "block", marginTop: 4 },
|
|
392
|
+
children: "Добавьте параметры триггера, чтобы управлять условиями показа этапа"
|
|
393
|
+
}
|
|
394
|
+
)
|
|
395
|
+
]
|
|
396
|
+
}
|
|
397
|
+
) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 0, children: groups.map((group, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
|
|
398
|
+
idx > 0 && /* @__PURE__ */ jsx(OrDivider, { colors }),
|
|
399
|
+
/* @__PURE__ */ jsx(
|
|
400
|
+
ParamGroupCard,
|
|
401
|
+
{
|
|
402
|
+
group,
|
|
403
|
+
groupIndex: idx,
|
|
404
|
+
totalGroups: groups.length,
|
|
405
|
+
onAddParam: (key) => addParamToGroup(idx, key),
|
|
406
|
+
onRemoveParam: (key) => removeParamFromGroup(idx, key),
|
|
407
|
+
onSetValue: (key, val) => setParamValue(idx, key, val),
|
|
408
|
+
onRemoveGroup: () => removeGroup(idx),
|
|
409
|
+
disabled,
|
|
410
|
+
colors
|
|
411
|
+
}
|
|
412
|
+
)
|
|
413
|
+
] }, idx)) }),
|
|
414
|
+
groups.length === 1 && allEmpty ? /* @__PURE__ */ jsx(
|
|
415
|
+
AddParamSelect,
|
|
416
|
+
{
|
|
417
|
+
available: TRIGGER_PARAMS,
|
|
418
|
+
onAdd: (key) => addParamToGroup(0, key),
|
|
419
|
+
disabled
|
|
420
|
+
}
|
|
421
|
+
) : /* @__PURE__ */ jsx(
|
|
422
|
+
Button,
|
|
423
|
+
{
|
|
424
|
+
startIcon: /* @__PURE__ */ jsx(Plus, {}),
|
|
425
|
+
onClick: addGroup,
|
|
426
|
+
disabled,
|
|
427
|
+
variant: "tertiary",
|
|
428
|
+
size: "S",
|
|
429
|
+
children: "Добавить OR группу"
|
|
430
|
+
}
|
|
431
|
+
),
|
|
432
|
+
error && /* @__PURE__ */ jsx(Field.Error, {}),
|
|
433
|
+
hint && /* @__PURE__ */ jsx(Field.Hint, {})
|
|
434
|
+
] }) });
|
|
435
|
+
}
|
|
436
|
+
);
|
|
437
|
+
TriggerParamsField.displayName = "TriggerParamsField";
|
|
438
|
+
const AddParamSelect = ({ available, onAdd, disabled }) => {
|
|
439
|
+
const [selected, setSelected] = useState(null);
|
|
440
|
+
return /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-end", children: [
|
|
441
|
+
/* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
|
|
442
|
+
SingleSelect,
|
|
443
|
+
{
|
|
444
|
+
placeholder: "Выберите параметр...",
|
|
445
|
+
value: selected,
|
|
446
|
+
onChange: (val) => setSelected(val),
|
|
447
|
+
disabled,
|
|
448
|
+
size: "S",
|
|
449
|
+
children: available.map((p) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: p.key, children: [
|
|
450
|
+
p.label,
|
|
451
|
+
" — ",
|
|
452
|
+
p.description
|
|
453
|
+
] }, p.key))
|
|
454
|
+
}
|
|
455
|
+
) }),
|
|
456
|
+
/* @__PURE__ */ jsx(
|
|
457
|
+
Button,
|
|
458
|
+
{
|
|
459
|
+
startIcon: /* @__PURE__ */ jsx(Plus, {}),
|
|
460
|
+
onClick: () => {
|
|
461
|
+
if (selected) {
|
|
462
|
+
onAdd(selected);
|
|
463
|
+
setSelected(null);
|
|
464
|
+
}
|
|
465
|
+
},
|
|
466
|
+
disabled: disabled || !selected,
|
|
467
|
+
variant: "secondary",
|
|
468
|
+
size: "S",
|
|
469
|
+
children: "Добавить"
|
|
470
|
+
}
|
|
471
|
+
)
|
|
472
|
+
] });
|
|
473
|
+
};
|
|
474
|
+
export {
|
|
475
|
+
TriggerParamsField as default
|
|
476
|
+
};
|
|
@@ -195,7 +195,10 @@ const ButtonsBuilder = React.forwardRef(
|
|
|
195
195
|
designSystem.SingleSelect,
|
|
196
196
|
{
|
|
197
197
|
value: btn.type || "url",
|
|
198
|
-
onChange: (val) => updateButton(btn.id, {
|
|
198
|
+
onChange: (val) => updateButton(btn.id, {
|
|
199
|
+
type: val,
|
|
200
|
+
...val === "url" ? { screenSlug: "" } : { url: "" }
|
|
201
|
+
}),
|
|
199
202
|
disabled,
|
|
200
203
|
size: "S",
|
|
201
204
|
children: [
|
|
@@ -193,7 +193,10 @@ const ButtonsBuilder = forwardRef(
|
|
|
193
193
|
SingleSelect,
|
|
194
194
|
{
|
|
195
195
|
value: btn.type || "url",
|
|
196
|
-
onChange: (val) => updateButton(btn.id, {
|
|
196
|
+
onChange: (val) => updateButton(btn.id, {
|
|
197
|
+
type: val,
|
|
198
|
+
...val === "url" ? { screenSlug: "" } : { url: "" }
|
|
199
|
+
}),
|
|
197
200
|
disabled,
|
|
198
201
|
size: "S",
|
|
199
202
|
children: [
|
|
@@ -2365,7 +2365,9 @@ const ANALYTICS_EVENTS = {
|
|
|
2365
2365
|
{ value: "upgrade", label: "Upgrade Completed" },
|
|
2366
2366
|
{ value: "battle", label: "Battle Completed" },
|
|
2367
2367
|
{ value: "contract", label: "Contract Completed" },
|
|
2368
|
-
{ value: "withdrawal", label: "Withdrawal Completed" }
|
|
2368
|
+
{ value: "withdrawal", label: "Withdrawal Completed" },
|
|
2369
|
+
{ value: "deposit_abandoned", label: "Deposit Abandoned" },
|
|
2370
|
+
{ value: "balance_low", label: "Balance Low" }
|
|
2369
2371
|
],
|
|
2370
2372
|
Case: [
|
|
2371
2373
|
{ value: "gg-case-fav", label: "Case Favorite" },
|
|
@@ -2383,12 +2385,8 @@ const ANALYTICS_EVENTS = {
|
|
|
2383
2385
|
{ value: "gg-profile-skin-sell", label: "Profile Skin Sell" },
|
|
2384
2386
|
{ value: "gg-profile-skin-trade", label: "Profile Skin Trade" }
|
|
2385
2387
|
],
|
|
2386
|
-
Upgrade: [
|
|
2387
|
-
|
|
2388
|
-
],
|
|
2389
|
-
Contract: [
|
|
2390
|
-
{ value: "gg-contract-create", label: "Contract Create" }
|
|
2391
|
-
],
|
|
2388
|
+
Upgrade: [{ value: "gg-upgrade-launch", label: "Upgrade Launch" }],
|
|
2389
|
+
Contract: [{ value: "gg-contract-create", label: "Contract Create" }],
|
|
2392
2390
|
Deposit: [
|
|
2393
2391
|
{ value: "gg-deposit-deppage-refill", label: "Deposit Page Refill" },
|
|
2394
2392
|
{ value: "gg-depositbait-banner-herodepbonus-click", label: "Hero Deposit Bonus Banner" }
|
|
@@ -2571,15 +2569,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2571
2569
|
},
|
|
2572
2570
|
children: [
|
|
2573
2571
|
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, children: [
|
|
2574
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2575
|
-
designSystem.Typography,
|
|
2576
|
-
{
|
|
2577
|
-
variant: "omega",
|
|
2578
|
-
fontWeight: "semiBold",
|
|
2579
|
-
style: { color: theme.text },
|
|
2580
|
-
children: getEventLabel(eventValue)
|
|
2581
|
-
}
|
|
2582
|
-
),
|
|
2572
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", style: { color: theme.text }, children: getEventLabel(eventValue) }),
|
|
2583
2573
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: eventValue })
|
|
2584
2574
|
] }),
|
|
2585
2575
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2698,15 +2688,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2698
2688
|
}
|
|
2699
2689
|
) })
|
|
2700
2690
|
] }),
|
|
2701
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2702
|
-
designSystem.Typography,
|
|
2703
|
-
{
|
|
2704
|
-
variant: "pi",
|
|
2705
|
-
textColor: "neutral500",
|
|
2706
|
-
style: { marginTop: 8, display: "block" },
|
|
2707
|
-
children: timeout > 0 ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически` : "Установите 0 для бесконечного ожидания события"
|
|
2708
|
-
}
|
|
2709
|
-
)
|
|
2691
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", style: { marginTop: 8, display: "block" }, children: timeout > 0 ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически` : "Установите 0 для бесконечного ожидания события" })
|
|
2710
2692
|
] }),
|
|
2711
2693
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2712
2694
|
"div",
|
|
@@ -2728,8 +2710,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2728
2710
|
},
|
|
2729
2711
|
children: events.length === 0 ? "Выберите события, которые должен совершить пользователь для продолжения кампании." : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2730
2712
|
logic === "or" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2731
|
-
"Кампания продолжится, когда пользователь выполнит",
|
|
2732
|
-
" ",
|
|
2713
|
+
"Кампания продолжится, когда пользователь выполнит ",
|
|
2733
2714
|
/* @__PURE__ */ jsxRuntime.jsx("strong", { children: "любое" }),
|
|
2734
2715
|
" из выбранных событий"
|
|
2735
2716
|
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -2743,7 +2724,8 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2743
2724
|
] }),
|
|
2744
2725
|
timeout > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2745
2726
|
" ",
|
|
2746
|
-
"или через
|
|
2727
|
+
"или через",
|
|
2728
|
+
" ",
|
|
2747
2729
|
/* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
|
|
2748
2730
|
timeout,
|
|
2749
2731
|
" ",
|
|
@@ -2360,7 +2360,9 @@ const ANALYTICS_EVENTS = {
|
|
|
2360
2360
|
{ value: "upgrade", label: "Upgrade Completed" },
|
|
2361
2361
|
{ value: "battle", label: "Battle Completed" },
|
|
2362
2362
|
{ value: "contract", label: "Contract Completed" },
|
|
2363
|
-
{ value: "withdrawal", label: "Withdrawal Completed" }
|
|
2363
|
+
{ value: "withdrawal", label: "Withdrawal Completed" },
|
|
2364
|
+
{ value: "deposit_abandoned", label: "Deposit Abandoned" },
|
|
2365
|
+
{ value: "balance_low", label: "Balance Low" }
|
|
2364
2366
|
],
|
|
2365
2367
|
Case: [
|
|
2366
2368
|
{ value: "gg-case-fav", label: "Case Favorite" },
|
|
@@ -2378,12 +2380,8 @@ const ANALYTICS_EVENTS = {
|
|
|
2378
2380
|
{ value: "gg-profile-skin-sell", label: "Profile Skin Sell" },
|
|
2379
2381
|
{ value: "gg-profile-skin-trade", label: "Profile Skin Trade" }
|
|
2380
2382
|
],
|
|
2381
|
-
Upgrade: [
|
|
2382
|
-
|
|
2383
|
-
],
|
|
2384
|
-
Contract: [
|
|
2385
|
-
{ value: "gg-contract-create", label: "Contract Create" }
|
|
2386
|
-
],
|
|
2383
|
+
Upgrade: [{ value: "gg-upgrade-launch", label: "Upgrade Launch" }],
|
|
2384
|
+
Contract: [{ value: "gg-contract-create", label: "Contract Create" }],
|
|
2387
2385
|
Deposit: [
|
|
2388
2386
|
{ value: "gg-deposit-deppage-refill", label: "Deposit Page Refill" },
|
|
2389
2387
|
{ value: "gg-depositbait-banner-herodepbonus-click", label: "Hero Deposit Bonus Banner" }
|
|
@@ -2566,15 +2564,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2566
2564
|
},
|
|
2567
2565
|
children: [
|
|
2568
2566
|
/* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, children: [
|
|
2569
|
-
/* @__PURE__ */ jsx(
|
|
2570
|
-
Typography,
|
|
2571
|
-
{
|
|
2572
|
-
variant: "omega",
|
|
2573
|
-
fontWeight: "semiBold",
|
|
2574
|
-
style: { color: theme.text },
|
|
2575
|
-
children: getEventLabel(eventValue)
|
|
2576
|
-
}
|
|
2577
|
-
),
|
|
2567
|
+
/* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", style: { color: theme.text }, children: getEventLabel(eventValue) }),
|
|
2578
2568
|
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: eventValue })
|
|
2579
2569
|
] }),
|
|
2580
2570
|
/* @__PURE__ */ jsx(
|
|
@@ -2693,15 +2683,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2693
2683
|
}
|
|
2694
2684
|
) })
|
|
2695
2685
|
] }),
|
|
2696
|
-
/* @__PURE__ */ jsx(
|
|
2697
|
-
Typography,
|
|
2698
|
-
{
|
|
2699
|
-
variant: "pi",
|
|
2700
|
-
textColor: "neutral500",
|
|
2701
|
-
style: { marginTop: 8, display: "block" },
|
|
2702
|
-
children: timeout > 0 ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически` : "Установите 0 для бесконечного ожидания события"
|
|
2703
|
-
}
|
|
2704
|
-
)
|
|
2686
|
+
/* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", style: { marginTop: 8, display: "block" }, children: timeout > 0 ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически` : "Установите 0 для бесконечного ожидания события" })
|
|
2705
2687
|
] }),
|
|
2706
2688
|
/* @__PURE__ */ jsx(
|
|
2707
2689
|
"div",
|
|
@@ -2723,8 +2705,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2723
2705
|
},
|
|
2724
2706
|
children: events.length === 0 ? "Выберите события, которые должен совершить пользователь для продолжения кампании." : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2725
2707
|
logic === "or" ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2726
|
-
"Кампания продолжится, когда пользователь выполнит",
|
|
2727
|
-
" ",
|
|
2708
|
+
"Кампания продолжится, когда пользователь выполнит ",
|
|
2728
2709
|
/* @__PURE__ */ jsx("strong", { children: "любое" }),
|
|
2729
2710
|
" из выбранных событий"
|
|
2730
2711
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -2738,7 +2719,8 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
|
|
|
2738
2719
|
] }),
|
|
2739
2720
|
timeout > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2740
2721
|
" ",
|
|
2741
|
-
"или через
|
|
2722
|
+
"или через",
|
|
2723
|
+
" ",
|
|
2742
2724
|
/* @__PURE__ */ jsxs("strong", { children: [
|
|
2743
2725
|
timeout,
|
|
2744
2726
|
" ",
|