@inspirer-dev/crm-dashboard 1.0.80 → 1.0.82

package/dist/_chunks/index-CuMY0eo5.js

@@ -0,0 +1,310 @@
+"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).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__ */ 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-unxa4Q_H.mjs → index-DKJtyGq7.mjs}

@@ -53,8 +53,9 @@ const ValueInput = ({
       /* @__PURE__ */ jsx(
         Switch,
         {
-          label: "",
-          selected: boolVal,
+          onLabel: "",
+          offLabel: "",
+          checked: boolVal,
           onChange: () => onChange(!boolVal),
           disabled
         }
@@ -104,7 +105,7 @@ const ValueInput = ({
         SingleSelect,
         {
           value: unit,
-          onChange: (val) => onChange(createTimeAgoValue(amount, val)),
+          onChange: (val) => onChange(createTimeAgoValue(amount, String(val))),
           disabled,
           size: "S",
           children: TIME_UNITS.map((u) => /* @__PURE__ */ jsx(SingleSelectOption, { value: u.value, children: u.label }, u.value))
@@ -231,7 +232,7 @@ const RuleRow = ({ rule, onUpdate, onDelete, disabled }) => {
           SingleSelect,
           {
             value: rule.field,
-            onChange: (val) => handleFieldChange(val),
+            onChange: (val) => handleFieldChange(String(val)),
             disabled,
             size: "S",
             children: Object.entries(METRICS_BY_CATEGORY).map(([category, metrics]) => /* @__PURE__ */ jsxs(React.Fragment, { children: [

package/dist/_chunks/{index-BFRbyVHC.js → index-DRXMKPXI.js}

@@ -2826,7 +2826,7 @@ const StatsView = () => {
     }
     return chips;
   }, [filters, campaigns, segments]);
-  const totals = stats?.totals || { sent: 0, clicks: 0, click_rate: 0, deposits_1h: 0, deposit_sum_1h: 0, deposit_rate: 0 };
+  const totals = stats?.totals || { sent: 0, clicks: 0, unique_clickers: 0, click_rate: 0, deposits_1h: 0, deposit_sum_1h: 0, deposit_rate: 0, unique_users_sent: 0 };
   const previousTotals = stats?.previous_totals;
   const funnel = stats?.funnel;
   const timeSeries = stats?.time_series || [];

package/dist/_chunks/{index-Xa_4jez0.mjs → index-Dhj0KzCX.mjs}

@@ -435,6 +435,7 @@ const TriggerConfigField = forwardRef(
                     creatable: true,
                     createMessage: (v) => `Use custom event: "${v}"`,
                     onCreateOption: (v) => {
+                      if (!v) return;
                       const eventValue = extractEventValue(v);
                       handleUpdate({ eventName: eventValue });
                       setInputText(getEventLabel(eventValue));
@@ -517,7 +518,7 @@ const TriggerConfigField = forwardRef(
                         SingleSelect,
                         {
                           value: config.delayUnit || "minutes",
-                          onChange: (val) => handleUpdate({ delayUnit: val }),
+                          onChange: (val) => handleUpdate({ delayUnit: String(val) }),
                           disabled,
                           size: "S",
                           children: [
@@ -640,7 +641,7 @@ const TriggerConfigField = forwardRef(
                               SingleSelect,
                               {
                                 value: String(config.scheduleEveryMinutes ?? 5),
-                                onChange: (val) => handleUpdate({ scheduleEveryMinutes: parseInt(val, 10) || 5 }),
+                                onChange: (val) => handleUpdate({ scheduleEveryMinutes: parseInt(String(val), 10) || 5 }),
                                 disabled,
                                 size: "S",
                                 children: [
@@ -758,8 +759,8 @@ const TriggerConfigField = forwardRef(
           ]
         }
       ),
-      error && /* @__PURE__ */ jsx(Field.Error, { children: error }),
-      hint && /* @__PURE__ */ jsx(Field.Hint, { children: hint })
+      error && /* @__PURE__ */ jsx(Field.Error, {}),
+      hint && /* @__PURE__ */ jsx(Field.Hint, {})
     ] }) });
   }
 );

package/dist/_chunks/{index-Dv1tGmDT.mjs → index-LXBoz7PC.mjs}

@@ -2822,7 +2822,7 @@ const StatsView = () => {
     }
     return chips;
   }, [filters, campaigns, segments]);
-  const totals = stats?.totals || { sent: 0, clicks: 0, click_rate: 0, deposits_1h: 0, deposit_sum_1h: 0, deposit_rate: 0 };
+  const totals = stats?.totals || { sent: 0, clicks: 0, unique_clickers: 0, click_rate: 0, deposits_1h: 0, deposit_sum_1h: 0, deposit_rate: 0, unique_users_sent: 0 };
   const previousTotals = stats?.previous_totals;
   const funnel = stats?.funnel;
   const timeSeries = stats?.time_series || [];