@inspirer-dev/crm-dashboard 1.0.84 → 1.0.86

package/dist/_chunks/{index-BKfFI_Jo.mjs → index-ClbsgJmF.mjs}

@@ -1,29 +1,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect, useMemo } from "react";
-import { Field, Flex, Box, Typography, Button, Card, CardContent, TextInput, Tooltip, IconButton } from "@strapi/design-system";
-import { Plus, ArrowUp, ArrowDown, Trash, Link } from "@strapi/icons";
+import { Field, Flex, Box, Typography, Button, Card, CardContent, SingleSelect, SingleSelectOption, TextInput, Tooltip, IconButton } from "@strapi/design-system";
+import { Plus, ArrowUp, ArrowDown, Trash, Layout, Link } from "@strapi/icons";
 import { useTheme } from "styled-components";
 import { m as generateId } from "./utils-BHneBJ7U.mjs";
+const mapRawButton = (b) => ({
+  id: typeof b?.id === "string" ? b.id : generateId(),
+  text: typeof b?.text === "string" ? b.text : "",
+  url: typeof b?.url === "string" ? b.url : "",
+  row: typeof b?.row === "number" ? b.row : 0,
+  type: b?.type === "screen" ? "screen" : "url",
+  screenSlug: typeof b?.screenSlug === "string" ? b.screenSlug : ""
+});
 const parseButtons = (value) => {
   if (!value) return [];
   if (Array.isArray(value)) {
-    return value.map((b) => ({
-      id: typeof b?.id === "string" ? b.id : generateId(),
-      text: typeof b?.text === "string" ? b.text : "",
-      url: typeof b?.url === "string" ? b.url : "",
-      row: typeof b?.row === "number" ? b.row : 0
-    }));
+    return value.map(mapRawButton);
   }
   if (typeof value === "string") {
     try {
       const parsed = JSON.parse(value);
       if (!Array.isArray(parsed)) return [];
-      return parsed.map((b) => ({
-        id: typeof b?.id === "string" ? b.id : generateId(),
-        text: typeof b?.text === "string" ? b.text : "",
-        url: typeof b?.url === "string" ? b.url : "",
-        row: typeof b?.row === "number" ? b.row : 0
-      }));
+      return parsed.map(mapRawButton);
     } catch {
       return [];
     }
@@ -59,37 +57,38 @@ const useThemeColors = () => {
     }
   }), [isDark]);
 };
-const TelegramButtonPreview = ({ text, url }) => /* @__PURE__ */ jsxs(
-  "a",
-  {
-    href: url || "#",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    onClick: (e) => !url && e.preventDefault(),
-    style: {
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "6px",
-      padding: "8px 16px",
-      backgroundColor: "#3390ec",
-      color: "#ffffff",
-      borderRadius: "8px",
-      textDecoration: "none",
-      fontSize: "14px",
-      fontWeight: 500,
-      cursor: url ? "pointer" : "default",
-      transition: "background-color 0.15s ease",
-      minWidth: "80px"
-    },
-    onMouseEnter: (e) => url && (e.currentTarget.style.backgroundColor = "#2b7ed8"),
-    onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "#3390ec",
-    children: [
-      /* @__PURE__ */ jsx(Link, { width: 14, height: 14, style: { opacity: 0.9 } }),
-      /* @__PURE__ */ jsx("span", { children: text || "(empty)" })
-    ]
-  }
-);
+const TelegramButtonPreview = ({ text, btnType }) => {
+  const isScreen = btnType === "screen";
+  const bgColor = isScreen ? "#7c3aed" : "#3390ec";
+  const bgHover = isScreen ? "#6d28d9" : "#2b7ed8";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "6px",
+        padding: "8px 16px",
+        backgroundColor: bgColor,
+        color: "#ffffff",
+        borderRadius: "8px",
+        textDecoration: "none",
+        fontSize: "14px",
+        fontWeight: 500,
+        cursor: "default",
+        transition: "background-color 0.15s ease",
+        minWidth: "80px"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.backgroundColor = bgHover,
+      onMouseLeave: (e) => e.currentTarget.style.backgroundColor = bgColor,
+      children: [
+        isScreen ? /* @__PURE__ */ jsx(Layout, { width: 14, height: 14, style: { opacity: 0.9 } }) : /* @__PURE__ */ jsx(Link, { width: 14, height: 14, style: { opacity: 0.9 } }),
+        /* @__PURE__ */ jsx("span", { children: text || "(empty)" })
+      ]
+    }
+  );
+};
 const ButtonsBuilder = forwardRef(
   ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
     const [buttons, setButtons] = useState(() => parseButtons(value));
@@ -104,7 +103,7 @@ const ButtonsBuilder = forwardRef(
     const addButton = () => {
       update([
         ...buttons,
-        { id: generateId(), text: "Button", url: "https://cases.gg", row: 0 }
+        { id: generateId(), text: "Button", url: "https://cases.gg", row: 0, type: "url", screenSlug: "" }
       ]);
     };
     const updateButton = (id, patch) => {
@@ -162,7 +161,8 @@ const ButtonsBuilder = forwardRef(
           ]
         }
       ) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, children: buttons.map((btn, idx) => {
-        const urlOk = btn.url.length === 0 ? true : isValidUrl(btn.url);
+        const isScreen = btn.type === "screen";
+        const urlOk = isScreen || (btn.url ?? "").length === 0 || isValidUrl(btn.url ?? "");
         return /* @__PURE__ */ jsx(
           Card,
           {
@@ -189,6 +189,22 @@ const ButtonsBuilder = forwardRef(
                     children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "primary600", children: idx + 1 })
                   }
                 ),
+                /* @__PURE__ */ jsx(Box, { style: { width: 100, flexShrink: 0 }, children: /* @__PURE__ */ jsxs(
+                  SingleSelect,
+                  {
+                    value: btn.type || "url",
+                    onChange: (val) => updateButton(btn.id, {
+                      type: val,
+                      ...val === "url" ? { screenSlug: "" } : { url: "" }
+                    }),
+                    disabled,
+                    size: "S",
+                    children: [
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "url", children: "URL" }),
+                      /* @__PURE__ */ jsx(SingleSelectOption, { value: "screen", children: "Screen" })
+                    ]
+                  }
+                ) }),
                 /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 120 }, children: /* @__PURE__ */ jsx(
                   TextInput,
                   {
@@ -199,11 +215,20 @@ const ButtonsBuilder = forwardRef(
                     size: "S"
                   }
                 ) }),
-                /* @__PURE__ */ jsx(Box, { style: { flex: 2, minWidth: 180 }, children: /* @__PURE__ */ jsx(
+                isScreen ? /* @__PURE__ */ jsx(Box, { style: { flex: 2, minWidth: 180 }, children: /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    placeholder: "screen-slug",
+                    value: btn.screenSlug ?? "",
+                    onChange: (e) => updateButton(btn.id, { screenSlug: e.target.value }),
+                    disabled,
+                    size: "S"
+                  }
+                ) }) : /* @__PURE__ */ jsx(Box, { style: { flex: 2, minWidth: 180 }, children: /* @__PURE__ */ jsx(
                   TextInput,
                   {
                     placeholder: "https://...",
-                    value: btn.url,
+                    value: btn.url ?? "",
                     onChange: (e) => updateButton(btn.id, { url: e.target.value }),
                     disabled,
                     size: "S",
@@ -282,7 +307,7 @@ const ButtonsBuilder = forwardRef(
                 children: "PREVIEW"
               }
             ),
-            /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, alignItems: "center", children: previewRows.map((row) => /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", justifyContent: "center", children: row.items.map((b) => /* @__PURE__ */ jsx(TelegramButtonPreview, { text: b.text, url: b.url }, b.id)) }, row.row)) })
+            /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, alignItems: "center", children: previewRows.map((row) => /* @__PURE__ */ jsx(Flex, { gap: 2, wrap: "wrap", justifyContent: "center", children: row.items.map((b) => /* @__PURE__ */ jsx(TelegramButtonPreview, { text: b.text, btnType: b.type }, b.id)) }, row.row)) })
           ]
         }
       ),

package/dist/admin/index.js

@@ -107,7 +107,7 @@ const index = {
       components: {
         Input: async () => Promise.resolve().then(() => require(
           /* webpackChunkName: "crm-telegram-buttons" */
-          "../_chunks/index-Cg0G_bTE.js"
+          "../_chunks/index-CapXG1AZ.js"
         ))
       },
       options: {
@@ -155,7 +155,7 @@ const index = {
       components: {
         Input: async () => Promise.resolve().then(() => require(
           /* webpackChunkName: "crm-trigger-params" */
-          "../_chunks/index-Cmo9If32.js"
+          "../_chunks/index-BqcFfrh8.js"
         ))
       },
       options: {

package/dist/admin/index.mjs

@@ -106,7 +106,7 @@ const index = {
       components: {
         Input: async () => import(
           /* webpackChunkName: "crm-telegram-buttons" */
-          "../_chunks/index-BKfFI_Jo.mjs"
+          "../_chunks/index-ClbsgJmF.mjs"
         )
       },
       options: {
@@ -154,7 +154,7 @@ const index = {
       components: {
         Input: async () => import(
           /* webpackChunkName: "crm-trigger-params" */
-          "../_chunks/index-Bot_XlI2.mjs"
+          "../_chunks/index-CKr1VvX0.mjs"
         )
       },
       options: {

package/package.json

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

package/dist/_chunks/index-Bot_XlI2.mjs

@@ -1,304 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useState, 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 out = {};
-  for (const [key, val] of Object.entries(params)) {
-    out[key] = typeof val === "number" ? val : null;
-  }
-  return JSON.stringify(out);
-};
-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 initialRef = useRef(value);
-    const [params, setParams] = useState(() => parseValue(initialRef.current));
-    const colors = useThemeColors();
-    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]: null });
-    };
-    const removeParam = (key) => {
-      const next = { ...params };
-      delete next[key];
-      update(next);
-    };
-    const setParamValue = (key, val) => {
-      update({ ...params, [key]: val ?? null });
-    };
-    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
-};