@inspirer-dev/crm-dashboard 1.0.10 → 1.0.12

package/dist/_chunks/index-DRJ5o0cz.js

@@ -0,0 +1,253 @@
+"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 DEFAULT_CONFIG = {
+  type: "event_based",
+  eventName: "",
+  delayValue: 10,
+  delayUnit: "minutes",
+  scheduleType: "daily",
+  scheduleTime: "12:00",
+  scheduleDays: [1, 2, 3, 4, 5],
+  scheduleCron: "0 12 * * *"
+};
+const WEEKDAYS = [
+  { value: 0, label: "Sun" },
+  { value: 1, label: "Mon" },
+  { value: 2, label: "Tue" },
+  { value: 3, label: "Wed" },
+  { value: 4, label: "Thu" },
+  { value: 5, label: "Fri" },
+  { value: 6, label: "Sat" }
+];
+const parseConfig = (value) => {
+  if (!value) return DEFAULT_CONFIG;
+  try {
+    const parsed = JSON.parse(value);
+    return {
+      type: parsed.type || "event_based",
+      eventName: parsed.eventName || "",
+      delayValue: parsed.delayValue ?? 10,
+      delayUnit: parsed.delayUnit || "minutes",
+      scheduleType: parsed.scheduleType || "daily",
+      scheduleTime: parsed.scheduleTime || "12:00",
+      scheduleDays: parsed.scheduleDays || [1, 2, 3, 4, 5],
+      scheduleCron: parsed.scheduleCron || "0 12 * * *"
+    };
+  } catch {
+    return DEFAULT_CONFIG;
+  }
+};
+const serializeConfig = (config) => {
+  return JSON.stringify(config);
+};
+const TriggerConfigField = React.forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [config, setConfig] = React.useState(() => parseConfig(value));
+    React.useEffect(() => {
+      const parsed = parseConfig(value);
+      setConfig(parsed);
+    }, [value]);
+    const handleUpdate = (updates) => {
+      const newConfig = { ...config, ...updates };
+      setConfig(newConfig);
+      onChange({
+        target: {
+          name,
+          value: serializeConfig(newConfig)
+        }
+      });
+    };
+    const toggleDay = (day) => {
+      const days = config.scheduleDays || [];
+      const newDays = days.includes(day) ? days.filter((d) => d !== day) : [...days, day].sort((a, b) => a - b);
+      handleUpdate({ scheduleDays: newDays });
+    };
+    const isEventBased = config.type === "event_based";
+    const isDbBased = config.type === "db_based";
+    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.Field.Label, { children: intlLabel?.defaultMessage || "Trigger Configuration" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "8px", display: "block" }, children: "Campaign Type" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Box,
+            {
+              padding: 3,
+              background: isEventBased ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `2px solid ${isEventBased ? "#4945ff" : "#dcdce4"}`,
+                flex: 1,
+                textAlign: "center"
+              },
+              onClick: () => !disabled && handleUpdate({ type: "event_based" }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Typography,
+                  {
+                    variant: "omega",
+                    fontWeight: isEventBased ? "bold" : "regular",
+                    textColor: isEventBased ? "primary600" : "neutral600",
+                    children: "Event-Based"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Fires on user action" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Box,
+            {
+              padding: 3,
+              background: isDbBased ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `2px solid ${isDbBased ? "#4945ff" : "#dcdce4"}`,
+                flex: 1,
+                textAlign: "center"
+              },
+              onClick: () => !disabled && handleUpdate({ type: "db_based" }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Typography,
+                  {
+                    variant: "omega",
+                    fontWeight: isDbBased ? "bold" : "regular",
+                    textColor: isDbBased ? "primary600" : "neutral600",
+                    children: "DB-Based (Scheduled)"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "Runs on schedule" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      isEventBased && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Event Configuration" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}-eventName`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Event Name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              placeholder: "e.g., gg-case-deposit",
+              value: config.eventName || "",
+              onChange: (e) => handleUpdate({ eventName: e.target.value }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: "The event that triggers this campaign (e.g., gg-case-deposit, gg-deposit-suggestion-selected)" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral800", style: { marginBottom: "8px", display: "block" }, children: "Delay Before Sending" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "120px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.TextInput,
+              {
+                type: "number",
+                value: String(config.delayValue || 0),
+                onChange: (e) => handleUpdate({ delayValue: parseInt(e.target.value, 10) || 0 }),
+                disabled,
+                "aria-label": "Delay value"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: "150px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.SingleSelect,
+              {
+                value: config.delayUnit || "minutes",
+                onChange: (val) => handleUpdate({ delayUnit: val }),
+                disabled,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "seconds", children: "seconds" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "minutes", children: "minutes" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "hours", children: "hours" })
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", style: { marginTop: "4px" }, children: "Wait this long after the event before checking segment rules and sending" })
+        ] })
+      ] }) }) }),
+      isDbBased && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Card, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 4, padding: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: "Schedule Configuration" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}-scheduleType`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Schedule Type" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.SingleSelect,
+            {
+              value: config.scheduleType || "daily",
+              onChange: (val) => handleUpdate({ scheduleType: val }),
+              disabled,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "daily", children: "Daily" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "weekly", children: "Weekly" }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "cron", children: "Custom (Cron)" })
+              ]
+            }
+          )
+        ] }),
+        (config.scheduleType === "daily" || config.scheduleType === "weekly") && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}-scheduleTime`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Time of Day (UTC)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              type: "time",
+              value: config.scheduleTime || "12:00",
+              onChange: (e) => handleUpdate({ scheduleTime: e.target.value }),
+              disabled
+            }
+          )
+        ] }),
+        config.scheduleType === "weekly" && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral800", style: { marginBottom: "8px", display: "block" }, children: "Days of Week" }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: WEEKDAYS.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Box,
+            {
+              padding: 2,
+              background: (config.scheduleDays || []).includes(day.value) ? "primary100" : "neutral100",
+              hasRadius: true,
+              style: {
+                cursor: disabled ? "not-allowed" : "pointer",
+                border: `1px solid ${(config.scheduleDays || []).includes(day.value) ? "#4945ff" : "#dcdce4"}`,
+                minWidth: "50px",
+                textAlign: "center"
+              },
+              onClick: () => !disabled && toggleDay(day.value),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Typography,
+                {
+                  variant: "omega",
+                  textColor: (config.scheduleDays || []).includes(day.value) ? "primary600" : "neutral600",
+                  children: day.label
+                }
+              )
+            },
+            day.value
+          )) })
+        ] }),
+        config.scheduleType === "cron" && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}-scheduleCron`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Cron Expression" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              placeholder: "0 12 * * *",
+              value: config.scheduleCron || "",
+              onChange: (e) => handleUpdate({ scheduleCron: e.target.value }),
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: 'Standard cron format: minute hour day month weekday (e.g., "0 12 * * *" = daily at 12:00 UTC)' })
+        ] })
+      ] }) }) }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, { children: error }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: hint })
+    ] }) });
+  }
+);
+TriggerConfigField.displayName = "TriggerConfigField";
+exports.default = TriggerConfigField;

package/dist/_chunks/index-XE6toVNT.mjs

@@ -0,0 +1,170 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useMemo } from "react";
+import { Field, Flex, Typography, Box, TextInput, Tooltip, IconButton, Button, Badge } from "@strapi/design-system";
+import { ArrowUp, ArrowDown, Trash, Plus } from "@strapi/icons";
+import { m as generateId } from "./utils-C6_ndVAZ.mjs";
+const parseButtons = (value) => {
+  if (!value) return [];
+  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
+    }));
+  } catch {
+    return [];
+  }
+};
+const serializeButtons = (buttons) => JSON.stringify(buttons);
+const isValidUrl = (url) => {
+  try {
+    const u = new URL(url);
+    return u.protocol === "http:" || u.protocol === "https:";
+  } catch {
+    return false;
+  }
+};
+const ButtonsBuilder = forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [buttons, setButtons] = useState(() => parseButtons(value));
+    useEffect(() => {
+      setButtons(parseButtons(value));
+    }, [value]);
+    const update = (next) => {
+      setButtons(next);
+      onChange({ target: { name, value: serializeButtons(next) } });
+    };
+    const addButton = () => {
+      update([
+        ...buttons,
+        { id: generateId(), text: "Button", url: "https://cases.gg", row: 0 }
+      ]);
+    };
+    const updateButton = (id, patch) => {
+      update(buttons.map((b) => b.id === id ? { ...b, ...patch } : b));
+    };
+    const deleteButton = (id) => {
+      update(buttons.filter((b) => b.id !== id));
+    };
+    const move = (from, to) => {
+      if (to < 0 || to >= buttons.length) return;
+      const copy = [...buttons];
+      const [item] = copy.splice(from, 1);
+      copy.splice(to, 0, item);
+      update(copy);
+    };
+    const previewRows = useMemo(() => {
+      const rows = /* @__PURE__ */ new Map();
+      for (const b of buttons) {
+        const row = b.row ?? 0;
+        rows.set(row, [...rows.get(row) || [], b]);
+      }
+      return Array.from(rows.entries()).sort((a, b) => a[0] - b[0]).map(([row, items]) => ({ row, items }));
+    }, [buttons]);
+    return /* @__PURE__ */ jsx(Field.Root, { name, error, required, hint, ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: intlLabel?.defaultMessage || "Buttons" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Build Telegram inline keyboard buttons (text + URL). Stored as JSON." }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
+        buttons.map((btn, idx) => {
+          const urlOk = btn.url.length === 0 ? true : isValidUrl(btn.url);
+          return /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              gap: 2,
+              alignItems: "flex-start",
+              padding: 3,
+              background: "neutral0",
+              hasRadius: true,
+              style: { border: "1px solid #dcdce4" },
+              children: [
+                /* @__PURE__ */ jsx(Box, { style: { flex: 2, minWidth: 180 }, children: /* @__PURE__ */ jsxs(Field.Root, { name: `${name}.${btn.id}.text`, children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: "Text" }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      value: btn.text,
+                      onChange: (e) => updateButton(btn.id, { text: e.target.value }),
+                      disabled
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsx(Box, { style: { flex: 3, minWidth: 220 }, children: /* @__PURE__ */ jsxs(Field.Root, { name: `${name}.${btn.id}.url`, children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: "URL" }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      value: btn.url,
+                      onChange: (e) => updateButton(btn.id, { url: e.target.value }),
+                      disabled
+                    }
+                  ),
+                  !urlOk && /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", style: { marginTop: 4 }, children: "Please enter a valid http/https URL" })
+                ] }) }),
+                /* @__PURE__ */ jsx(Box, { style: { width: 90 }, children: /* @__PURE__ */ jsxs(Field.Root, { name: `${name}.${btn.id}.row`, children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: "Row" }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      type: "number",
+                      value: String(btn.row ?? 0),
+                      onChange: (e) => updateButton(btn.id, { row: parseInt(e.target.value, 10) || 0 }),
+                      disabled
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, paddingTop: 6, children: [
+                  /* @__PURE__ */ jsx(Tooltip, { label: "Move up", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      onClick: () => move(idx, idx - 1),
+                      label: "Move up",
+                      variant: "ghost",
+                      disabled: disabled || idx === 0,
+                      children: /* @__PURE__ */ jsx(ArrowUp, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Tooltip, { label: "Move down", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      onClick: () => move(idx, idx + 1),
+                      label: "Move down",
+                      variant: "ghost",
+                      disabled: disabled || idx === buttons.length - 1,
+                      children: /* @__PURE__ */ jsx(ArrowDown, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Tooltip, { label: "Delete button", children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      onClick: () => deleteButton(btn.id),
+                      label: "Delete button",
+                      variant: "ghost",
+                      disabled,
+                      children: /* @__PURE__ */ jsx(Trash, {})
+                    }
+                  ) })
+                ] })
+              ]
+            },
+            btn.id
+          );
+        }),
+        buttons.length === 0 && /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral0", hasRadius: true, style: { border: "1px dashed #dcdce4" }, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: "No buttons. Add one to create an inline keyboard." }) })
+      ] }),
+      /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Plus, {}), onClick: addButton, disabled, variant: "secondary", children: "Add button" }) }),
+      buttons.length > 0 && /* @__PURE__ */ jsxs(Box, { paddingTop: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: 8, display: "block" }, children: "Preview" }),
+        /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 2, children: previewRows.map((row) => /* @__PURE__ */ jsx(Flex, { gap: 1, wrap: "wrap", children: row.items.map((b) => /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", children: b.text || "(empty)" }, b.id)) }, row.row)) })
+      ] }),
+      error && /* @__PURE__ */ jsx(Field.Error, { children: error }),
+      hint && /* @__PURE__ */ jsx(Field.Hint, { children: hint })
+    ] }) });
+  }
+);
+ButtonsBuilder.displayName = "ButtonsBuilder";
+export {
+  ButtonsBuilder as default
+};

package/dist/_chunks/index-d16UivTb.js

@@ -0,0 +1,170 @@
+"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 utils = require("./utils-CmonL0io.js");
+const parseButtons = (value) => {
+  if (!value) return [];
+  try {
+    const parsed = JSON.parse(value);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.map((b) => ({
+      id: typeof b?.id === "string" ? b.id : utils.generateId(),
+      text: typeof b?.text === "string" ? b.text : "",
+      url: typeof b?.url === "string" ? b.url : "",
+      row: typeof b?.row === "number" ? b.row : 0
+    }));
+  } catch {
+    return [];
+  }
+};
+const serializeButtons = (buttons) => JSON.stringify(buttons);
+const isValidUrl = (url) => {
+  try {
+    const u = new URL(url);
+    return u.protocol === "http:" || u.protocol === "https:";
+  } catch {
+    return false;
+  }
+};
+const ButtonsBuilder = React.forwardRef(
+  ({ name, value, onChange, intlLabel, disabled, error, required, hint }, ref) => {
+    const [buttons, setButtons] = React.useState(() => parseButtons(value));
+    React.useEffect(() => {
+      setButtons(parseButtons(value));
+    }, [value]);
+    const update = (next) => {
+      setButtons(next);
+      onChange({ target: { name, value: serializeButtons(next) } });
+    };
+    const addButton = () => {
+      update([
+        ...buttons,
+        { id: utils.generateId(), text: "Button", url: "https://cases.gg", row: 0 }
+      ]);
+    };
+    const updateButton = (id, patch) => {
+      update(buttons.map((b) => b.id === id ? { ...b, ...patch } : b));
+    };
+    const deleteButton = (id) => {
+      update(buttons.filter((b) => b.id !== id));
+    };
+    const move = (from, to) => {
+      if (to < 0 || to >= buttons.length) return;
+      const copy = [...buttons];
+      const [item] = copy.splice(from, 1);
+      copy.splice(to, 0, item);
+      update(copy);
+    };
+    const previewRows = React.useMemo(() => {
+      const rows = /* @__PURE__ */ new Map();
+      for (const b of buttons) {
+        const row = b.row ?? 0;
+        rows.set(row, [...rows.get(row) || [], b]);
+      }
+      return Array.from(rows.entries()).sort((a, b) => a[0] - b[0]).map(([row, items]) => ({ row, items }));
+    }, [buttons]);
+    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.Field.Label, { children: intlLabel?.defaultMessage || "Buttons" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Build Telegram inline keyboard buttons (text + URL). Stored as JSON." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
+        buttons.map((btn, idx) => {
+          const urlOk = btn.url.length === 0 ? true : isValidUrl(btn.url);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Flex,
+            {
+              gap: 2,
+              alignItems: "flex-start",
+              padding: 3,
+              background: "neutral0",
+              hasRadius: true,
+              style: { border: "1px solid #dcdce4" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 2, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}.${btn.id}.text`, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Text" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      value: btn.text,
+                      onChange: (e) => updateButton(btn.id, { text: e.target.value }),
+                      disabled
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 3, minWidth: 220 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}.${btn.id}.url`, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "URL" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      value: btn.url,
+                      onChange: (e) => updateButton(btn.id, { url: e.target.value }),
+                      disabled
+                    }
+                  ),
+                  !urlOk && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger600", style: { marginTop: 4 }, children: "Please enter a valid http/https URL" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 90 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: `${name}.${btn.id}.row`, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Row" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      type: "number",
+                      value: String(btn.row ?? 0),
+                      onChange: (e) => updateButton(btn.id, { row: parseInt(e.target.value, 10) || 0 }),
+                      disabled
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, paddingTop: 6, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Move up", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.IconButton,
+                    {
+                      onClick: () => move(idx, idx - 1),
+                      label: "Move up",
+                      variant: "ghost",
+                      disabled: disabled || idx === 0,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUp, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Move down", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.IconButton,
+                    {
+                      onClick: () => move(idx, idx + 1),
+                      label: "Move down",
+                      variant: "ghost",
+                      disabled: disabled || idx === buttons.length - 1,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowDown, {})
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { label: "Delete button", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.IconButton,
+                    {
+                      onClick: () => deleteButton(btn.id),
+                      label: "Delete button",
+                      variant: "ghost",
+                      disabled,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                    }
+                  ) })
+                ] })
+              ]
+            },
+            btn.id
+          );
+        }),
+        buttons.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, background: "neutral0", hasRadius: true, style: { border: "1px dashed #dcdce4" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: "No buttons. Add one to create an inline keyboard." }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}), onClick: addButton, disabled, variant: "secondary", children: "Add button" }) }),
+      buttons.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: 8, display: "block" }, children: "Preview" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: previewRows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, wrap: "wrap", children: row.items.map((b) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "primary100", children: b.text || "(empty)" }, b.id)) }, row.row)) })
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, { children: error }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, { children: hint })
+    ] }) });
+  }
+);
+ButtonsBuilder.displayName = "ButtonsBuilder";
+exports.default = ButtonsBuilder;