@inspirer-dev/crm-dashboard 1.0.81 → 1.0.83

package/admin/src/components/TriggerParamsField/constants.ts

@@ -0,0 +1,109 @@
+export interface TriggerParamDef {
+  key: string;
+  label: string;
+  description: string;
+  unit: string;
+  min: number;
+  placeholder: string;
+  stageTypes: string[];
+}
+
+export const TRIGGER_PARAMS: TriggerParamDef[] = [
+  {
+    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'],
+  },
+];
+
+export const STAGE_TYPE_LABELS: Record<string, string> = {
+  side_hint: 'Side-hint',
+  modal: 'Modal',
+  exit_intent: 'Exit intent',
+  retry: 'Retry',
+};

package/admin/src/components/TriggerParamsField/index.tsx

@@ -0,0 +1,290 @@
+import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import {
+  Box,
+  Button,
+  Field,
+  Flex,
+  IconButton,
+  NumberInput,
+  Typography,
+  SingleSelect,
+  SingleSelectOption,
+  Card,
+  CardContent,
+  Tooltip,
+} from '@strapi/design-system';
+import { Plus, Trash } from '@strapi/icons';
+import { useTheme } from 'styled-components';
+import { TRIGGER_PARAMS, STAGE_TYPE_LABELS, type TriggerParamDef } from './constants';
+
+type TriggerParamsValue = Record<string, number | undefined>;
+
+interface TriggerParamsFieldProps {
+  name: string;
+  value?: string | TriggerParamsValue | null;
+  onChange: (event: { target: { name: string; value: string } }) => void;
+  intlLabel: {
+    id: string;
+    defaultMessage: string;
+  };
+  attribute?: unknown;
+  disabled?: boolean;
+  error?: string;
+  required?: boolean;
+  hint?: string;
+}
+
+const parseValue = (value: string | TriggerParamsValue | null | undefined): TriggerParamsValue => {
+  if (!value) return {};
+  if (typeof value === 'object' && !Array.isArray(value)) return value as TriggerParamsValue;
+  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: TriggerParamsValue): string => {
+  const clean: Record<string, number> = {};
+  for (const [key, val] of Object.entries(params)) {
+    if (val !== undefined && val !== null) {
+      clean[key] = val;
+    }
+  }
+  return JSON.stringify(clean);
+};
+
+interface StrapiTheme {
+  colors?: Record<string, string>;
+}
+
+const useThemeColors = () => {
+  const theme = useTheme() as unknown as StrapiTheme;
+  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<HTMLDivElement, TriggerParamsFieldProps>(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [params, setParams] = useState<TriggerParamsValue>(() => parseValue(value));
+    const colors = useThemeColors();
+
+    useEffect(() => {
+      setParams(parseValue(value));
+    }, [value]);
+
+    const update = (next: TriggerParamsValue) => {
+      setParams(next);
+      onChange({ target: { name, value: serialize(next) } });
+    };
+
+    const activeKeys = Object.keys(params);
+
+    const availableParams = TRIGGER_PARAMS.filter((p) => !activeKeys.includes(p.key));
+
+    const addParam = (key: string) => {
+      const def = TRIGGER_PARAMS.find((p) => p.key === key);
+      if (!def) return;
+      update({ ...params, [key]: undefined });
+    };
+
+    const removeParam = (key: string) => {
+      const next = { ...params };
+      delete next[key];
+      update(next);
+    };
+
+    const setParamValue = (key: string, val: number | undefined) => {
+      update({ ...params, [key]: val });
+    };
+
+    const getParamDef = (key: string): TriggerParamDef | undefined =>
+      TRIGGER_PARAMS.find((p) => p.key === key);
+
+    return (
+      <Field.Root name={name} error={error} required={required} hint={hint} ref={ref}>
+        <Flex direction="column" gap={3}>
+          <Flex justifyContent="space-between" alignItems="center">
+            <Box>
+              <Field.Label>{intlLabel?.defaultMessage || 'Trigger Params'}</Field.Label>
+              <Typography variant="pi" textColor="neutral500">
+                Настройте параметры срабатывания для этого этапа
+              </Typography>
+            </Box>
+          </Flex>
+
+          {activeKeys.length === 0 ? (
+            <Box
+              padding={5}
+              background="neutral100"
+              hasRadius
+              style={{
+                border: `2px dashed ${colors.emptyBorder}`,
+                textAlign: 'center',
+              }}
+            >
+              <Typography variant="omega" textColor="neutral500">
+                Параметры не настроены
+              </Typography>
+              <Typography
+                variant="pi"
+                textColor="neutral400"
+                style={{ display: 'block', marginTop: 4 }}
+              >
+                Добавьте параметры триггера, чтобы управлять условиями показа этапа
+              </Typography>
+            </Box>
+          ) : (
+            <Flex direction="column" gap={2}>
+              {activeKeys.map((key) => {
+                const def = getParamDef(key);
+                if (!def) return null;
+
+                return (
+                  <Card
+                    key={key}
+                    background="neutral0"
+                    style={{
+                      border: `1px solid ${colors.cardBorder}`,
+                    }}
+                  >
+                    <CardContent>
+                      <Flex gap={3} alignItems="center" padding={3}>
+                        <Box style={{ flex: 1, minWidth: 0 }}>
+                          <Flex gap={2} alignItems="center" marginBottom={1}>
+                            <Typography variant="omega" fontWeight="semiBold">
+                              {def.label}
+                            </Typography>
+                            {def.unit && (
+                              <Typography variant="pi" textColor="neutral500">
+                                ({def.unit})
+                              </Typography>
+                            )}
+                          </Flex>
+                          <Typography variant="pi" textColor="neutral500">
+                            {def.description}
+                          </Typography>
+                          <Flex gap={1} marginTop={1} wrap="wrap">
+                            {def.stageTypes.map((st) => (
+                              <Box
+                                key={st}
+                                style={{
+                                  padding: '1px 6px',
+                                  borderRadius: '4px',
+                                  backgroundColor: colors.tagBg,
+                                  fontSize: '11px',
+                                }}
+                              >
+                                <Typography variant="pi" textColor="primary600">
+                                  {STAGE_TYPE_LABELS[st] || st}
+                                </Typography>
+                              </Box>
+                            ))}
+                          </Flex>
+                        </Box>
+
+                        <Box style={{ width: 120, flexShrink: 0 }}>
+                          <NumberInput
+                            placeholder={def.placeholder}
+                            value={params[key] ?? ''}
+                            onValueChange={(val: number | undefined) => setParamValue(key, val)}
+                            disabled={disabled}
+                            size="S"
+                            step={key === 'balanceThresholdMultiplier' ? 0.1 : 1}
+                          />
+                        </Box>
+
+                        <Tooltip label="Удалить параметр">
+                          <IconButton
+                            onClick={() => removeParam(key)}
+                            label="Delete"
+                            variant="ghost"
+                            size="S"
+                            disabled={disabled}
+                            style={{ color: '#d02b20', flexShrink: 0 }}
+                          >
+                            <Trash width={16} height={16} />
+                          </IconButton>
+                        </Tooltip>
+                      </Flex>
+                    </CardContent>
+                  </Card>
+                );
+              })}
+            </Flex>
+          )}
+
+          {availableParams.length > 0 && (
+            <AddParamSelect
+              available={availableParams}
+              onAdd={addParam}
+              disabled={disabled}
+            />
+          )}
+
+          {error && <Field.Error />}
+          {hint && <Field.Hint />}
+        </Flex>
+      </Field.Root>
+    );
+  }
+);
+
+TriggerParamsField.displayName = 'TriggerParamsField';
+
+interface AddParamSelectProps {
+  available: TriggerParamDef[];
+  onAdd: (key: string) => void;
+  disabled?: boolean;
+}
+
+const AddParamSelect: React.FC<AddParamSelectProps> = ({ available, onAdd, disabled }) => {
+  const [selected, setSelected] = useState<string | null>(null);
+
+  return (
+    <Flex gap={2} alignItems="flex-end">
+      <Box style={{ flex: 1 }}>
+        <SingleSelect
+          placeholder="Выберите параметр..."
+          value={selected}
+          onChange={(val: string) => setSelected(val)}
+          disabled={disabled}
+          size="S"
+        >
+          {available.map((p) => (
+            <SingleSelectOption key={p.key} value={p.key}>
+              {p.label} — {p.description}
+            </SingleSelectOption>
+          ))}
+        </SingleSelect>
+      </Box>
+      <Button
+        startIcon={<Plus />}
+        onClick={() => {
+          if (selected) {
+            onAdd(selected);
+            setSelected(null);
+          }
+        }}
+        disabled={disabled || !selected}
+        variant="secondary"
+        size="S"
+      >
+        Добавить
+      </Button>
+    </Flex>
+  );
+};
+
+export default TriggerParamsField;

package/admin/src/index.ts

@@ -1,4 +1,4 @@
-import { Message, Clock, Cross, Link, ArrowRight } from '@strapi/icons';
+import { Message, Clock, Cross, Link, ArrowRight, Filter } from '@strapi/icons';
 
 const PLUGIN_ID = 'crm-dashboard';
 
@@ -129,6 +129,31 @@ export default {
       },
     });
 
+    app.customFields.register({
+      name: 'trigger-params',
+      pluginId: PLUGIN_ID,
+      type: 'json',
+      intlLabel: {
+        id: `${PLUGIN_ID}.trigger-params.label`,
+        defaultMessage: 'Trigger Params',
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.trigger-params.description`,
+        defaultMessage: 'Configure trigger parameters for popup flow stages',
+      },
+      icon: Filter,
+      components: {
+        Input: async () =>
+          import(
+            /* webpackChunkName: "crm-trigger-params" */ './components/TriggerParamsField/index'
+          ),
+      },
+      options: {
+        base: [],
+        advanced: [],
+      },
+    });
+
     app.addMenuLink({
       to: `/plugins/${PLUGIN_ID}`,
       icon: Message,

package/admin/src/translations/en.json

@@ -119,5 +119,8 @@
   "crm-dashboard.template.title.description": "For email: subject line. For Telegram: optional internal title (not shown to user). For push: notification title.",
 
   "crm-dashboard.template.body.label": "Message Body",
-  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_"
+  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_",
+
+  "crm-dashboard.trigger-params.label": "Trigger Params",
+  "crm-dashboard.trigger-params.description": "Configure trigger parameters for popup flow stages. Add only the parameters relevant to this stage type."
 }

package/admin/src/translations/ru.json

@@ -119,5 +119,8 @@
   "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-флоу. Добавляйте только параметры, релевантные для данного типа этапа."
 }

package/dist/_chunks/{en-DEUgX5uV.mjs → en-B5BgIROW.mjs}

@@ -79,7 +79,9 @@ const en = {
   "crm-dashboard.template.title.label": "Title",
   "crm-dashboard.template.title.description": "For email: subject line. For Telegram: optional internal title (not shown to user). For push: notification title.",
   "crm-dashboard.template.body.label": "Message Body",
-  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_"
+  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_",
+  "crm-dashboard.trigger-params.label": "Trigger Params",
+  "crm-dashboard.trigger-params.description": "Configure trigger parameters for popup flow stages. Add only the parameters relevant to this stage type."
 };
 export {
   en as default

package/dist/_chunks/{en-D2kTkBns.js → en-GKZo4lia.js}

@@ -81,6 +81,8 @@ const en = {
   "crm-dashboard.template.title.label": "Title",
   "crm-dashboard.template.title.description": "For email: subject line. For Telegram: optional internal title (not shown to user). For push: notification title.",
   "crm-dashboard.template.body.label": "Message Body",
-  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_"
+  "crm-dashboard.template.body.description": "The message text. Variables: {{userName}}, {{balance}}, {{depositCount}}, {{depositTotal}}, {{amount}}. Markdown: *bold*, _italic_",
+  "crm-dashboard.trigger-params.label": "Trigger Params",
+  "crm-dashboard.trigger-params.description": "Configure trigger parameters for popup flow stages. Add only the parameters relevant to this stage type."
 };
 exports.default = en;

package/dist/_chunks/index-2rErXqfH.js

@@ -0,0 +1,308 @@
+"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 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 = styledComponents.useTheme();
+  const isDark = theme?.colors?.neutral0 === "#212134";
+  return React.useMemo(
+    () => ({
+      isDark,
+      emptyBorder: isDark ? "#32324d" : "#dcdce4",
+      cardBorder: isDark ? "#32324d" : "#eaeaef",
+      tagBg: isDark ? "#2d2d4a" : "#f0f0ff"
+    }),
+    [isDark]
+  );
+};
+const TriggerParamsField = React.forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [params, setParams] = React.useState(() => parseValue(value));
+    const colors = useThemeColors();
+    React.useEffect(() => {
+      setParams(parseValue(value));
+    }, [value]);
+    const update = (next) => {
+      setParams(next);
+      onChange({ target: { name, value: serialize(next) } });
+    };
+    const activeKeys = Object.keys(params);
+    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__ */ 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: "Настройте параметры срабатывания для этого этапа" })
+      ] }) }),
+      activeKeys.length === 0 ? /* @__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: 2, children: activeKeys.map((key) => {
+        const def = getParamDef(key);
+        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: params[key] ?? "",
+                  onValueChange: (val) => setParamValue(key, val),
+                  disabled,
+                  size: "S",
+                  step: key === "balanceThresholdMultiplier" ? 0.1 : 1
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Удалить параметр", children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.IconButton,
+                {
+                  onClick: () => removeParam(key),
+                  label: "Delete",
+                  variant: "ghost",
+                  size: "S",
+                  disabled,
+                  style: { color: "#d02b20", flexShrink: 0 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, { width: 16, height: 16 })
+                }
+              ) })
+            ] }) })
+          },
+          key
+        );
+      }) }),
+      availableParams.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        AddParamSelect,
+        {
+          available: availableParams,
+          onAdd: addParam,
+          disabled
+        }
+      ),
+      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-BMvCnlEy.mjs

@@ -0,0 +1,308 @@
+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);
+    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/{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;

package/dist/_chunks/{ru-DOt1yfNm.mjs → ru-h22ZdPCS.mjs}

@@ -79,7 +79,9 @@ 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-флоу. Добавляйте только параметры, релевантные для данного типа этапа."
 };
 export {
   ru as default

package/dist/admin/index.js

@@ -139,6 +139,30 @@ const index = {
         advanced: []
       }
     });
+    app.customFields.register({
+      name: "trigger-params",
+      pluginId: PLUGIN_ID,
+      type: "json",
+      intlLabel: {
+        id: `${PLUGIN_ID}.trigger-params.label`,
+        defaultMessage: "Trigger Params"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.trigger-params.description`,
+        defaultMessage: "Configure trigger parameters for popup flow stages"
+      },
+      icon: icons.Filter,
+      components: {
+        Input: async () => Promise.resolve().then(() => require(
+          /* webpackChunkName: "crm-trigger-params" */
+          "../_chunks/index-2rErXqfH.js"
+        ))
+      },
+      options: {
+        base: [],
+        advanced: []
+      }
+    });
     app.addMenuLink({
       to: `/plugins/${PLUGIN_ID}`,
       icon: icons.Message,
@@ -168,7 +192,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("../_chunks/en-D2kTkBns.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("../_chunks/ru-BKzplvmu.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => Promise.resolve().then(() => require("../_chunks/en-GKZo4lia.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("../_chunks/ru-bj5iiIPr.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { Message, Clock, Cross, Link, ArrowRight } from "@strapi/icons";
+import { Message, Clock, Cross, Link, ArrowRight, Filter } from "@strapi/icons";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
@@ -138,6 +138,30 @@ const index = {
         advanced: []
       }
     });
+    app.customFields.register({
+      name: "trigger-params",
+      pluginId: PLUGIN_ID,
+      type: "json",
+      intlLabel: {
+        id: `${PLUGIN_ID}.trigger-params.label`,
+        defaultMessage: "Trigger Params"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.trigger-params.description`,
+        defaultMessage: "Configure trigger parameters for popup flow stages"
+      },
+      icon: Filter,
+      components: {
+        Input: async () => import(
+          /* webpackChunkName: "crm-trigger-params" */
+          "../_chunks/index-BMvCnlEy.mjs"
+        )
+      },
+      options: {
+        base: [],
+        advanced: []
+      }
+    });
     app.addMenuLink({
       to: `/plugins/${PLUGIN_ID}`,
       icon: Message,
@@ -167,7 +191,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-DEUgX5uV.mjs"), "./translations/ru.json": () => import("../_chunks/ru-DOt1yfNm.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-B5BgIROW.mjs"), "./translations/ru.json": () => import("../_chunks/ru-h22ZdPCS.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };

package/dist/server/index.js

@@ -32,6 +32,11 @@ const register = ({ strapi }) => {
     plugin: "crm-dashboard",
     type: "json"
   });
+  strapi.customFields.register({
+    name: "trigger-params",
+    plugin: "crm-dashboard",
+    type: "json"
+  });
 };
 const bootstrap = ({ strapi }) => {
 };

package/dist/server/index.mjs

@@ -31,6 +31,11 @@ const register = ({ strapi }) => {
     plugin: "crm-dashboard",
     type: "json"
   });
+  strapi.customFields.register({
+    name: "trigger-params",
+    plugin: "crm-dashboard",
+    type: "json"
+  });
 };
 const bootstrap = ({ strapi }) => {
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inspirer-dev/crm-dashboard",
-  "version": "1.0.81",
+  "version": "1.0.83",
   "description": "CRM Dashboard and Tools",
   "strapi": {
     "name": "crm-dashboard",

package/server/src/register.ts

@@ -38,6 +38,12 @@ const register = ({ strapi }: { strapi: Core.Strapi }) => {
     plugin: 'crm-dashboard',
     type: 'json',
   });
+
+  strapi.customFields.register({
+    name: 'trigger-params',
+    plugin: 'crm-dashboard',
+    type: 'json',
+  });
 };
 
 export default register;