@inspirer-dev/crm-dashboard 1.0.80 → 1.0.82

package/dist/_chunks/index-NvFKi6er.mjs

@@ -0,0 +1,310 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useMemo } from "react";
+import { Field, Flex, Box, Typography, Card, CardContent, NumberInput, Tooltip, IconButton, SingleSelect, SingleSelectOption, Button } from "@strapi/design-system";
+import { Trash, Plus } from "@strapi/icons";
+import { useTheme } from "styled-components";
+const TRIGGER_PARAMS = [
+  {
+    key: "delaySeconds",
+    label: "Задержка",
+    description: "Задержка перед показом после срабатывания триггера",
+    unit: "сек",
+    min: 0,
+    placeholder: "7",
+    stageTypes: ["side_hint", "modal", "retry"]
+  },
+  {
+    key: "timeOnSiteSeconds",
+    label: "Время на сайте",
+    description: "Мин. время на сайте для срабатывания",
+    unit: "сек",
+    min: 0,
+    placeholder: "120",
+    stageTypes: ["exit_intent", "side_hint", "modal"]
+  },
+  {
+    key: "scrollThresholdPx",
+    label: "Порог скролла",
+    description: "Скролл в пикселях для срабатывания",
+    unit: "px",
+    min: 0,
+    placeholder: "200",
+    stageTypes: ["side_hint"]
+  },
+  {
+    key: "idleSeconds",
+    label: "Бездействие",
+    description: "Время без кликов/скролла",
+    unit: "сек",
+    min: 0,
+    placeholder: "15",
+    stageTypes: ["side_hint"]
+  },
+  {
+    key: "caseViewSeconds",
+    label: "Просмотр кейса",
+    description: "Время на странице кейса",
+    unit: "сек",
+    min: 0,
+    placeholder: "12",
+    stageTypes: ["modal", "side_hint"]
+  },
+  {
+    key: "activePlayMinutes",
+    label: "Активная игра",
+    description: "Время активной игры",
+    unit: "мин",
+    min: 0,
+    placeholder: "10",
+    stageTypes: ["modal"]
+  },
+  {
+    key: "actionCountThreshold",
+    label: "Порог действий",
+    description: "Кол-во значимых действий + низкий баланс",
+    unit: "",
+    min: 0,
+    placeholder: "2",
+    stageTypes: ["modal"]
+  },
+  {
+    key: "balanceThresholdMultiplier",
+    label: "Множитель баланса",
+    description: 'Множитель мин. цены кейса для "низкого баланса"',
+    unit: "×",
+    min: 0,
+    placeholder: "1.5",
+    stageTypes: ["modal", "side_hint"]
+  },
+  {
+    key: "abandonedTimeoutMinutes",
+    label: "Таймаут заброшенного депозита",
+    description: "Через сколько минут депозит считается заброшенным",
+    unit: "мин",
+    min: 1,
+    placeholder: "10",
+    stageTypes: ["retry"]
+  },
+  {
+    key: "minDepositAmount",
+    label: "Мин. сумма депозита",
+    description: "Подстановка в {{min_deposit}} в текстах",
+    unit: "₽",
+    min: 0,
+    placeholder: "250",
+    stageTypes: ["modal", "side_hint", "retry"]
+  }
+];
+const STAGE_TYPE_LABELS = {
+  side_hint: "Side-hint",
+  modal: "Modal",
+  exit_intent: "Exit intent",
+  retry: "Retry"
+};
+const parseValue = (value) => {
+  if (!value) return {};
+  if (typeof value === "object" && !Array.isArray(value)) return value;
+  if (typeof value === "string") {
+    try {
+      const parsed = JSON.parse(value);
+      if (typeof parsed === "object" && parsed !== null && !Array.isArray(parsed)) return parsed;
+    } catch {
+    }
+  }
+  return {};
+};
+const serialize = (params) => {
+  const clean = {};
+  for (const [key, val] of Object.entries(params)) {
+    if (val !== void 0 && val !== null) {
+      clean[key] = val;
+    }
+  }
+  return JSON.stringify(clean);
+};
+const useThemeColors = () => {
+  const theme = useTheme();
+  const isDark = theme?.colors?.neutral0 === "#212134";
+  return useMemo(
+    () => ({
+      isDark,
+      emptyBorder: isDark ? "#32324d" : "#dcdce4",
+      cardBorder: isDark ? "#32324d" : "#eaeaef",
+      tagBg: isDark ? "#2d2d4a" : "#f0f0ff"
+    }),
+    [isDark]
+  );
+};
+const TriggerParamsField = forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [params, setParams] = useState(() => parseValue(value));
+    const colors = useThemeColors();
+    useEffect(() => {
+      setParams(parseValue(value));
+    }, [value]);
+    const update = (next) => {
+      setParams(next);
+      onChange({ target: { name, value: serialize(next) } });
+    };
+    const activeKeys = Object.keys(params).filter(
+      (k) => params[k] !== void 0 && params[k] !== null
+    );
+    const availableParams = TRIGGER_PARAMS.filter((p) => !activeKeys.includes(p.key));
+    const addParam = (key) => {
+      const def = TRIGGER_PARAMS.find((p) => p.key === key);
+      if (!def) return;
+      update({ ...params, [key]: void 0 });
+    };
+    const removeParam = (key) => {
+      const next = { ...params };
+      delete next[key];
+      update(next);
+    };
+    const setParamValue = (key, val) => {
+      update({ ...params, [key]: val });
+    };
+    const getParamDef = (key) => TRIGGER_PARAMS.find((p) => p.key === key);
+    return /* @__PURE__ */ jsx(Field.Root, { name, error, required, hint, ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+      /* @__PURE__ */ jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: intlLabel?.defaultMessage || "Trigger Params" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "Настройте параметры срабатывания для этого этапа" })
+      ] }) }),
+      activeKeys.length === 0 ? /* @__PURE__ */ jsxs(
+        Box,
+        {
+          padding: 5,
+          background: "neutral100",
+          hasRadius: true,
+          style: {
+            border: `2px dashed ${colors.emptyBorder}`,
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral500", children: "Параметры не настроены" }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "pi",
+                textColor: "neutral400",
+                style: { display: "block", marginTop: 4 },
+                children: "Добавьте параметры триггера, чтобы управлять условиями показа этапа"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, children: activeKeys.map((key) => {
+        const def = getParamDef(key);
+        if (!def) return null;
+        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: [
+              /* @__PURE__ */ jsxs(Box, { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", marginBottom: 1, children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: def.label }),
+                  def.unit && /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral500", children: [
+                    "(",
+                    def.unit,
+                    ")"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: def.description }),
+                /* @__PURE__ */ jsx(Flex, { gap: 1, marginTop: 1, wrap: "wrap", children: def.stageTypes.map((st) => /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    style: {
+                      padding: "1px 6px",
+                      borderRadius: "4px",
+                      backgroundColor: colors.tagBg,
+                      fontSize: "11px"
+                    },
+                    children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "primary600", children: STAGE_TYPE_LABELS[st] || st })
+                  },
+                  st
+                )) })
+              ] }),
+              /* @__PURE__ */ jsx(Box, { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsx(
+                NumberInput,
+                {
+                  placeholder: def.placeholder,
+                  value: params[key] ?? "",
+                  onValueChange: (val) => setParamValue(key, val),
+                  disabled,
+                  size: "S",
+                  step: key === "balanceThresholdMultiplier" ? 0.1 : 1
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Tooltip, { label: "Удалить параметр", children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: () => removeParam(key),
+                  label: "Delete",
+                  variant: "ghost",
+                  size: "S",
+                  disabled,
+                  style: { color: "#d02b20", flexShrink: 0 },
+                  children: /* @__PURE__ */ jsx(Trash, { width: 16, height: 16 })
+                }
+              ) })
+            ] }) })
+          },
+          key
+        );
+      }) }),
+      availableParams.length > 0 && /* @__PURE__ */ jsx(
+        AddParamSelect,
+        {
+          available: availableParams,
+          onAdd: addParam,
+          disabled
+        }
+      ),
+      error && /* @__PURE__ */ jsx(Field.Error, {}),
+      hint && /* @__PURE__ */ jsx(Field.Hint, {})
+    ] }) });
+  }
+);
+TriggerParamsField.displayName = "TriggerParamsField";
+const AddParamSelect = ({ available, onAdd, disabled }) => {
+  const [selected, setSelected] = useState(null);
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-end", children: [
+    /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+      SingleSelect,
+      {
+        placeholder: "Выберите параметр...",
+        value: selected,
+        onChange: (val) => setSelected(val),
+        disabled,
+        size: "S",
+        children: available.map((p) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: p.key, children: [
+          p.label,
+          " — ",
+          p.description
+        ] }, p.key))
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        startIcon: /* @__PURE__ */ jsx(Plus, {}),
+        onClick: () => {
+          if (selected) {
+            onAdd(selected);
+            setSelected(null);
+          }
+        },
+        disabled: disabled || !selected,
+        variant: "secondary",
+        size: "S",
+        children: "Добавить"
+      }
+    )
+  ] });
+};
+export {
+  TriggerParamsField as default
+};

package/dist/_chunks/{index-BKrTVHBr.js → index-T7VXjklK.js}

@@ -57,8 +57,9 @@ const ValueInput = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Switch,
         {
-          label: "",
-          selected: boolVal,
+          onLabel: "",
+          offLabel: "",
+          checked: boolVal,
           onChange: () => onChange(!boolVal),
           disabled
         }
@@ -108,7 +109,7 @@ const ValueInput = ({
         designSystem.SingleSelect,
         {
           value: unit,
-          onChange: (val) => onChange(utils.createTimeAgoValue(amount, val)),
+          onChange: (val) => onChange(utils.createTimeAgoValue(amount, String(val))),
           disabled,
           size: "S",
           children: utils.TIME_UNITS.map((u) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: u.value, children: u.label }, u.value))
@@ -235,7 +236,7 @@ const RuleRow = ({ rule, onUpdate, onDelete, disabled }) => {
           designSystem.SingleSelect,
           {
             value: rule.field,
-            onChange: (val) => handleFieldChange(val),
+            onChange: (val) => handleFieldChange(String(val)),
             disabled,
             size: "S",
             children: Object.entries(utils.METRICS_BY_CATEGORY).map(([category, metrics]) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [

package/dist/_chunks/{index-CWSibOAr.mjs → index-gR86Z3uh.mjs}

@@ -139,7 +139,9 @@ const DEFAULT_NODE_DATA = {
     config: {
       eventTrigger: {
         events: [],
-        logic: "or"
+        logic: "or",
+        timeout: 0,
+        timeoutUnit: "minutes"
       }
     }
   }
@@ -1087,12 +1089,24 @@ const EventTriggerNode = ({ id, data, selected }) => {
   const eventTrigger = data.config.eventTrigger;
   const events = eventTrigger?.events || [];
   const logic = eventTrigger?.logic || "or";
+  const timeout = eventTrigger?.timeout || 0;
+  const timeoutUnit = eventTrigger?.timeoutUnit || "minutes";
   const { hasError, hasWarning } = useNodeValidation(id);
   const getEventLabel2 = () => {
     if (events.length === 0) return "No events";
     if (events.length === 1) return events[0];
     return `${events.length} events (${logic.toUpperCase()})`;
   };
+  const getTimeoutLabel = () => {
+    if (timeout <= 0) return null;
+    const unitShort = {
+      seconds: "s",
+      minutes: "m",
+      hours: "h",
+      days: "d"
+    };
+    return `${timeout}${unitShort[timeoutUnit] || timeoutUnit}`;
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1174,7 +1188,7 @@ const EventTriggerNode = ({ id, data, selected }) => {
               children: data.name
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               style: {
@@ -1182,24 +1196,44 @@ const EventTriggerNode = ({ id, data, selected }) => {
                 gap: 6,
                 marginTop: 6
               },
-              children: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontSize: 10,
-                    fontWeight: 600,
-                    color: colors.border,
-                    background: "rgba(255, 255, 255, 0.9)",
-                    padding: "2px 10px",
-                    borderRadius: 4,
-                    maxWidth: 160,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap"
-                  },
-                  children: getEventLabel2()
-                }
-              )
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 10,
+                      fontWeight: 600,
+                      color: colors.border,
+                      background: "rgba(255, 255, 255, 0.9)",
+                      padding: "2px 10px",
+                      borderRadius: 4,
+                      maxWidth: getTimeoutLabel() ? 120 : 160,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: getEventLabel2()
+                  }
+                ),
+                getTimeoutLabel() && /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 10,
+                      fontWeight: 600,
+                      color: "#d97706",
+                      background: "rgba(255, 255, 255, 0.9)",
+                      padding: "2px 8px",
+                      borderRadius: 4,
+                      whiteSpace: "nowrap"
+                    },
+                    children: [
+                      "⏱ ",
+                      getTimeoutLabel()
+                    ]
+                  }
+                )
+              ]
             }
           )
         ] }),
@@ -1711,8 +1745,7 @@ const WaitConfig = ({ data, onUpdate, disabled }) => {
           value: duration,
           onValueChange: handleDurationChange,
           disabled,
-          step: 1,
-          label: ""
+          step: 1
         }
       ) })
     ] }),
@@ -1735,9 +1768,8 @@ const WaitConfig = ({ data, onUpdate, disabled }) => {
         SingleSelect,
         {
           value: durationUnit,
-          onChange: handleUnitChange,
+          onChange: (val) => handleUnitChange(String(val)),
           disabled,
-          label: "",
           children: DURATION_UNIT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
         }
       ) })
@@ -2377,6 +2409,8 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
   const eventTrigger = data.config.eventTrigger || { events: [], logic: "or" };
   const events = eventTrigger.events || [];
   const logic = eventTrigger.logic || "or";
+  const timeout = eventTrigger.timeout || 0;
+  const timeoutUnit = eventTrigger.timeoutUnit || "minutes";
   const [inputText, setInputText] = useState("");
   const justSelectedRef = useRef(false);
   useEffect(() => {
@@ -2423,6 +2457,28 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
       }
     });
   };
+  const handleTimeoutChange = (value) => {
+    onUpdate({
+      config: {
+        ...data.config,
+        eventTrigger: {
+          ...eventTrigger,
+          timeout: value || 0
+        }
+      }
+    });
+  };
+  const handleTimeoutUnitChange = (value) => {
+    onUpdate({
+      config: {
+        ...data.config,
+        eventTrigger: {
+          ...eventTrigger,
+          timeoutUnit: value
+        }
+      }
+    });
+  };
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
     /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
       /* @__PURE__ */ jsx(
@@ -2460,6 +2516,7 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
           creatable: true,
           createMessage: (v) => `Использовать: "${v}"`,
           onCreateOption: (v) => {
+            if (!v) return;
             handleAddEvent(v);
           },
           children: Object.entries(ANALYTICS_EVENTS).flatMap(
@@ -2601,6 +2658,51 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "sigma",
+          style: {
+            marginBottom: 10,
+            display: "block",
+            fontSize: 11,
+            letterSpacing: "0.05em",
+            color: theme.textMuted
+          },
+          children: "ТАЙМАУТ"
+        }
+      ),
+      /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+          NumberInput,
+          {
+            value: timeout,
+            onValueChange: handleTimeoutChange,
+            disabled,
+            step: 1
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { style: { width: 140 }, children: /* @__PURE__ */ jsx(
+          SingleSelect,
+          {
+            value: timeoutUnit,
+            onChange: (val) => handleTimeoutUnitChange(String(val)),
+            disabled,
+            children: DURATION_UNIT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "pi",
+          textColor: "neutral500",
+          style: { marginTop: 8, display: "block" },
+          children: timeout > 0 ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически` : "Установите 0 для бесконечного ожидания события"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -2619,19 +2721,31 @@ const EventTriggerConfig = ({ data, onUpdate, disabled }) => {
               fontSize: 12,
               lineHeight: 1.5
             },
-            children: events.length === 0 ? "Выберите события, которые должен совершить пользователь для продолжения кампании." : logic === "or" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              "Кампания продолжится, когда пользователь выполнит",
-              " ",
-              /* @__PURE__ */ jsx("strong", { children: "любое" }),
-              " из выбранных событий."
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              "Кампания продолжится только когда пользователь выполнит",
-              " ",
-              /* @__PURE__ */ jsxs("strong", { children: [
-                "все ",
-                events.length
+            children: events.length === 0 ? "Выберите события, которые должен совершить пользователь для продолжения кампании." : /* @__PURE__ */ jsxs(Fragment, { children: [
+              logic === "or" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                "Кампания продолжится, когда пользователь выполнит",
+                " ",
+                /* @__PURE__ */ jsx("strong", { children: "любое" }),
+                " из выбранных событий"
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                "Кампания продолжится только когда пользователь выполнит",
+                " ",
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  "все ",
+                  events.length
+                ] }),
+                " выбранных события"
               ] }),
-              " выбранных события."
+              timeout > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                "или через ",
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  timeout,
+                  " ",
+                  timeoutUnit
+                ] })
+              ] }),
+              "."
             ] })
           }
         )
@@ -2948,7 +3062,7 @@ const NodeEditPanel = ({
               {
                 value: name,
                 onChange: handleNameChange,
-                disabled: disabled || stepType === "entry",
+                disabled,
                 placeholder: "Enter step name..."
               }
             ) })
@@ -4668,7 +4782,7 @@ const StepFlowBuilderInner = forwardRef(
     }, [intlLabel]);
     const stepCount = steps.length;
     const validationError = useMemo(() => {
-      if (!validation || validation.isValid) return null;
+      if (!validation || validation.isValid) return void 0;
       const errorCount = validation.errors.length;
       const errorWord = pluralize(errorCount, "ошибка", "ошибки", "ошибок");
       return `Поток содержит ${errorCount} ${errorWord} валидации. Исправьте все ошибки перед публикацией.`;

package/dist/_chunks/{index-CAwynvu7.js → index-xDSMnUMp.js}

@@ -149,7 +149,8 @@ const ValueInput = ({ metric, value, operator, onChange, disabled }) => {
       /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.Switch,
         {
-          label: "",
+          onLabel: "",
+          offLabel: "",
           checked: boolVal,
           onChange: () => onChange(!boolVal),
           disabled
@@ -189,7 +190,7 @@ const ValueInput = ({ metric, value, operator, onChange, disabled }) => {
         designSystem.SingleSelect,
         {
           value: unit,
-          onChange: (newUnit) => onChange({ [newUnit]: numValue }),
+          onChange: (newUnit) => onChange({ [String(newUnit)]: numValue }),
           disabled,
           children: CANCEL_TIME_UNITS.map((u) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: u.value, children: u.label }, u.value))
         }
@@ -228,7 +229,7 @@ const RuleRow = ({ rule, onUpdate, onDelete, disabled }) => {
           designSystem.SingleSelect,
           {
             value: rule.field,
-            onChange: (val) => handleFieldChange(val),
+            onChange: (val) => handleFieldChange(String(val)),
             disabled,
             size: "S",
             children: CANCEL_METRICS.map((m) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: m.key, children: m.label }, m.key))
@@ -238,7 +239,7 @@ const RuleRow = ({ rule, onUpdate, onDelete, disabled }) => {
           designSystem.SingleSelect,
           {
             value: rule.operator,
-            onChange: (val) => onUpdate({ ...rule, operator: val }),
+            onChange: (val) => onUpdate({ ...rule, operator: String(val) }),
             disabled,
             size: "S",
             children: OPERATORS.filter((op) => availableOperators.includes(op.value)).map((op) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: op.value, children: op.label }, op.value))
@@ -350,8 +351,8 @@ const CancelConditionsField = React.forwardRef(
           }
         ) })
       ] }) }) }),
-      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, { children: error }),
-      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: hint })
+      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
     ] }) });
   }
 );

package/dist/_chunks/{ru-BKzplvmu.js → ru-bj5iiIPr.js}

@@ -81,6 +81,8 @@ const ru = {
   "crm-dashboard.template.title.label": "Заголовок",
   "crm-dashboard.template.title.description": "Для email: тема письма. Для Telegram: внутренний заголовок (не виден пользователю). Для push: заголовок уведомления.",
   "crm-dashboard.template.body.label": "Текст сообщения",
-  "crm-dashboard.template.body.description": "Текст сообщения. Переменные: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *жирный*, _курсив_"
+  "crm-dashboard.template.body.description": "Текст сообщения. Переменные: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *жирный*, _курсив_",
+  "crm-dashboard.trigger-params.label": "Параметры триггера",
+  "crm-dashboard.trigger-params.description": "Настройте параметры срабатывания для этапов popup-флоу. Добавляйте только параметры, релевантные для данного типа этапа."
 };
 exports.default = ru;