@inspirer-dev/crm-dashboard 1.0.85 → 1.0.88

package/dist/_chunks/index-BqcFfrh8.js

@@ -0,0 +1,478 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const styledComponents = require("styled-components");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const React__default = /* @__PURE__ */ _interopDefault(React);
+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 === "string") {
+    try {
+      const parsed = JSON.parse(value);
+      if (Array.isArray(parsed)) return parsed.length > 0 ? parsed : [{}];
+      if (typeof parsed === "object" && parsed !== null) return [parsed];
+    } catch {
+    }
+    return [{}];
+  }
+  if (Array.isArray(value)) return value.length > 0 ? value : [{}];
+  if (typeof value === "object") return [value];
+  return [{}];
+};
+const serialize = (groups) => {
+  const cleaned = groups.map((group) => {
+    const out = {};
+    for (const [key, val] of Object.entries(group)) {
+      if (typeof val === "number") out[key] = val;
+    }
+    return out;
+  }).filter((group) => Object.keys(group).length > 0);
+  return JSON.stringify(cleaned.length > 0 ? cleaned : []);
+};
+const DEPTH_BORDERS = ["#7b79ff", "#ee5e52", "#0c75af", "#328048"];
+const useThemeColors = () => {
+  const theme = styledComponents.useTheme();
+  const isDark = theme?.colors?.neutral0 === "#212134";
+  return React.useMemo(
+    () => ({
+      isDark,
+      emptyBorder: isDark ? "#32324d" : "#dcdce4",
+      cardBorder: isDark ? "#32324d" : "#eaeaef",
+      tagBg: isDark ? "#2d2d4a" : "#f0f0ff",
+      groupBg: isDark ? "#1a1a2e" : "#f6f6f9",
+      orDividerLine: isDark ? "#32324d" : "#dcdce4",
+      andLabelColor: isDark ? "#a5a5ba" : "#666687",
+      depthBorders: DEPTH_BORDERS
+    }),
+    [isDark]
+  );
+};
+const getParamDef = (key) => TRIGGER_PARAMS.find((p) => p.key === key);
+const ParamCard = ({
+  paramKey,
+  value,
+  onValueChange,
+  onRemove,
+  disabled,
+  colors
+}) => {
+  const def = getParamDef(paramKey);
+  if (!def) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { background: "neutral0", style: { border: `1px solid ${colors.cardBorder}` }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", padding: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: def.label }),
+        def.unit && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: [
+          "(",
+          def.unit,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: def.description }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, marginTop: 1, wrap: "wrap", children: def.stageTypes.map((st) => /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          style: {
+            padding: "1px 6px",
+            borderRadius: "4px",
+            backgroundColor: colors.tagBg,
+            fontSize: "11px"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "primary600", children: STAGE_TYPE_LABELS[st] || st })
+        },
+        st
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 120, flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.NumberInput,
+      {
+        placeholder: def.placeholder,
+        value: value ?? "",
+        onValueChange,
+        disabled,
+        size: "S",
+        step: paramKey === "balanceThresholdMultiplier" ? 0.1 : 1
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Удалить параметр", children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.IconButton,
+      {
+        onClick: onRemove,
+        label: "Delete",
+        variant: "ghost",
+        size: "S",
+        disabled,
+        style: { color: "#d02b20", flexShrink: 0 },
+        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { width: 16, height: 16 })
+      }
+    ) })
+  ] }) }) });
+};
+const AndLabel = ({ colors }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", paddingTop: 1, paddingBottom: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+  designSystem.Typography,
+  {
+    variant: "sigma",
+    textColor: "neutral600",
+    style: {
+      fontSize: "11px",
+      fontWeight: 700,
+      letterSpacing: "0.5px",
+      color: colors.andLabelColor,
+      textTransform: "uppercase"
+    },
+    children: "И"
+  }
+) });
+const OrDivider = ({ colors }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, paddingTop: 2, paddingBottom: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, height: "1px", backgroundColor: colors.orDividerLine } }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Box,
+    {
+      style: {
+        padding: "2px 12px",
+        borderRadius: "12px",
+        border: `1px solid ${colors.orDividerLine}`,
+        backgroundColor: colors.isDark ? "#212134" : "#ffffff"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Typography,
+        {
+          variant: "sigma",
+          style: {
+            fontSize: "11px",
+            fontWeight: 700,
+            letterSpacing: "0.5px",
+            color: colors.andLabelColor,
+            textTransform: "uppercase"
+          },
+          children: "ИЛИ"
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, height: "1px", backgroundColor: colors.orDividerLine } })
+] });
+const ParamGroupCard = ({
+  group,
+  groupIndex,
+  totalGroups,
+  onAddParam,
+  onRemoveParam,
+  onSetValue,
+  onRemoveGroup,
+  disabled,
+  colors
+}) => {
+  const activeKeys = Object.keys(group);
+  const availableParams = TRIGGER_PARAMS.filter((p) => !activeKeys.includes(p.key));
+  const borderColor = colors.depthBorders[groupIndex % colors.depthBorders.length];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.Box,
+    {
+      padding: 4,
+      hasRadius: true,
+      style: {
+        backgroundColor: colors.groupBg,
+        borderLeft: `3px solid ${borderColor}`,
+        border: `1px solid ${colors.cardBorder}`,
+        borderLeftWidth: "3px",
+        borderLeftColor: borderColor
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Typography,
+            {
+              variant: "sigma",
+              textColor: "neutral700",
+              style: { textTransform: "uppercase", fontSize: "11px", letterSpacing: "0.5px" },
+              children: [
+                "Группа ",
+                groupIndex + 1
+              ]
+            }
+          ),
+          totalGroups > 1 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Удалить группу", children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.IconButton,
+            {
+              onClick: onRemoveGroup,
+              label: "Удалить группу",
+              variant: "ghost",
+              size: "S",
+              disabled,
+              style: { color: "#d02b20" },
+              children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { width: 14, height: 14 })
+            }
+          ) })
+        ] }),
+        activeKeys.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Box,
+          {
+            padding: 3,
+            hasRadius: true,
+            style: {
+              border: `1px dashed ${colors.emptyBorder}`,
+              textAlign: "center"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Добавьте параметры в группу" })
+          }
+        ) : activeKeys.map((key, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+          i > 0 && /* @__PURE__ */ jsxRuntime.jsx(AndLabel, { colors }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ParamCard,
+            {
+              paramKey: key,
+              value: group[key],
+              onValueChange: (val) => onSetValue(key, val),
+              onRemove: () => onRemoveParam(key),
+              disabled,
+              colors
+            }
+          )
+        ] }, key)),
+        availableParams.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(AddParamSelect, { available: availableParams, onAdd: onAddParam, disabled }) })
+      ] })
+    }
+  );
+};
+const TriggerParamsField = React.forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const initialRef = React.useRef(value);
+    const [groups, setGroups] = React.useState(() => parseValue(initialRef.current));
+    const colors = useThemeColors();
+    const update = (next) => {
+      setGroups(next);
+      onChange({ target: { name, value: serialize(next) } });
+    };
+    const addGroup = () => {
+      update([...groups, {}]);
+    };
+    const removeGroup = (idx) => {
+      const next = groups.filter((_, i) => i !== idx);
+      update(next.length > 0 ? next : [{}]);
+    };
+    const addParamToGroup = (idx, key) => {
+      const next = groups.map((g, i) => i === idx ? { ...g, [key]: null } : g);
+      update(next);
+    };
+    const removeParamFromGroup = (idx, key) => {
+      const next = groups.map((g, i) => {
+        if (i !== idx) return g;
+        const copy = { ...g };
+        delete copy[key];
+        return copy;
+      });
+      update(next);
+    };
+    const setParamValue = (idx, key, val) => {
+      const next = groups.map((g, i) => i === idx ? { ...g, [key]: val ?? null } : g);
+      update(next);
+    };
+    const allEmpty = groups.every((g) => Object.keys(g).length === 0);
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { name, error, required, hint, ref, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: intlLabel?.defaultMessage || "Trigger Params" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Настройте параметры срабатывания для этого этапа" })
+      ] }) }),
+      groups.length === 1 && allEmpty ? /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Box,
+        {
+          padding: 5,
+          background: "neutral100",
+          hasRadius: true,
+          style: {
+            border: `2px dashed ${colors.emptyBorder}`,
+            textAlign: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral500", children: "Параметры не настроены" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Typography,
+              {
+                variant: "pi",
+                textColor: "neutral400",
+                style: { display: "block", marginTop: 4 },
+                children: "Добавьте параметры триггера, чтобы управлять условиями показа этапа"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 0, children: groups.map((group, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+        idx > 0 && /* @__PURE__ */ jsxRuntime.jsx(OrDivider, { colors }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ParamGroupCard,
+          {
+            group,
+            groupIndex: idx,
+            totalGroups: groups.length,
+            onAddParam: (key) => addParamToGroup(idx, key),
+            onRemoveParam: (key) => removeParamFromGroup(idx, key),
+            onSetValue: (key, val) => setParamValue(idx, key, val),
+            onRemoveGroup: () => removeGroup(idx),
+            disabled,
+            colors
+          }
+        )
+      ] }, idx)) }),
+      groups.length === 1 && allEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+        AddParamSelect,
+        {
+          available: TRIGGER_PARAMS,
+          onAdd: (key) => addParamToGroup(0, key),
+          disabled
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+          onClick: addGroup,
+          disabled,
+          variant: "tertiary",
+          size: "S",
+          children: "Добавить OR группу"
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+    ] }) });
+  }
+);
+TriggerParamsField.displayName = "TriggerParamsField";
+const AddParamSelect = ({ available, onAdd, disabled }) => {
+  const [selected, setSelected] = React.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.SingleSelect,
+      {
+        placeholder: "Выберите параметр...",
+        value: selected,
+        onChange: (val) => setSelected(val),
+        disabled,
+        size: "S",
+        children: available.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.SingleSelectOption, { value: p.key, children: [
+          p.label,
+          " — ",
+          p.description
+        ] }, p.key))
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+        onClick: () => {
+          if (selected) {
+            onAdd(selected);
+            setSelected(null);
+          }
+        },
+        disabled: disabled || !selected,
+        variant: "secondary",
+        size: "S",
+        children: "Добавить"
+      }
+    )
+  ] });
+};
+exports.default = TriggerParamsField;

package/dist/_chunks/{index-BQcRoIJr.js → index-C6cSKRAH.js}

@@ -15,7 +15,9 @@ const ANALYTICS_EVENTS = {
     { value: "upgrade", label: "Upgrade Completed" },
     { value: "battle", label: "Battle Completed" },
     { value: "contract", label: "Contract Completed" },
-    { value: "withdrawal", label: "Withdrawal Completed" }
+    { value: "withdrawal", label: "Withdrawal Completed" },
+    { value: "deposit_abandoned", label: "Deposit Abandoned" },
+    { value: "balance_low", label: "Balance Low" }
   ],
   Case: [
     { value: "gg-case-fav", label: "Case Favorite" },
@@ -154,7 +156,9 @@ const parseConfig = (value) => {
     scheduleTime: parsed.scheduleTime || "12:00",
     scheduleDays: Array.isArray(parsed.scheduleDays) ? parsed.scheduleDays : [1, 2, 3, 4, 5],
     scheduleCron: parsed.scheduleCron || "0 12 * * *",
-    scheduleEveryMinutes: parsed.scheduleEveryMinutes ?? 5
+    scheduleEveryMinutes: parsed.scheduleEveryMinutes ?? 5,
+    depositAbandonedTimeoutMinutes: parsed.depositAbandonedTimeoutMinutes ?? 10,
+    balanceLowThreshold: parsed.balanceLowThreshold ?? 5
   });
   if (typeof value === "string") {
     try {
@@ -465,6 +469,115 @@ const TriggerConfigField = React.forwardRef(
                   }
                 )
               ] }),
+              config.eventName === "deposit_abandoned" && /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Box,
+                {
+                  padding: 4,
+                  hasRadius: true,
+                  style: {
+                    background: colors.event.innerCard,
+                    border: `1px solid ${colors.event.border}`
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Box,
+                      {
+                        style: {
+                          width: 40,
+                          height: 40,
+                          borderRadius: 10,
+                          background: "linear-gradient(135deg, #f97316 0%, #ea580c 100%)",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          color: "#fff",
+                          flexShrink: 0
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { width: 20, height: 20 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Typography,
+                        {
+                          variant: "pi",
+                          fontWeight: "bold",
+                          textColor: "neutral700",
+                          style: { marginBottom: 4, display: "block" },
+                          children: "Таймаут незавершённого депозита"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Через сколько минут считать депозит брошенным" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.NumberInput,
+                      {
+                        value: config.depositAbandonedTimeoutMinutes ?? 10,
+                        onValueChange: (val) => handleUpdate({ depositAbandonedTimeoutMinutes: val ?? 10 }),
+                        disabled,
+                        step: 1,
+                        min: 1,
+                        max: 60
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "мин" })
+                  ] })
+                }
+              ),
+              config.eventName === "balance_low" && /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Box,
+                {
+                  padding: 4,
+                  hasRadius: true,
+                  style: {
+                    background: colors.event.innerCard,
+                    border: `1px solid ${colors.event.border}`
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Box,
+                      {
+                        style: {
+                          width: 40,
+                          height: 40,
+                          borderRadius: 10,
+                          background: "linear-gradient(135deg, #ef4444 0%, #dc2626 100%)",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          color: "#fff",
+                          flexShrink: 0
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { width: 20, height: 20 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { flex: 1 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Typography,
+                        {
+                          variant: "pi",
+                          fontWeight: "bold",
+                          textColor: "neutral700",
+                          style: { marginBottom: 4, display: "block" },
+                          children: "Порог баланса"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Событие сработает когда баланс упадёт ниже этой суммы" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 100 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.NumberInput,
+                      {
+                        value: config.balanceLowThreshold ?? 5,
+                        onValueChange: (val) => handleUpdate({ balanceLowThreshold: val ?? 5 }),
+                        disabled,
+                        step: 0.5,
+                        min: 0
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "$" })
+                  ] })
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 designSystem.Box,
                 {