@consilioweb/payload-support 2.0.0 → 3.0.0

package/dist/views/TicketingSettingsView/client.cjs

@@ -1,740 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lucideReact = require('lucide-react');
-var adminTokens = require('../shared/adminTokens');
-var AdminViewHeader = require('../shared/AdminViewHeader');
-var config = require('../../components/TicketConversation/config');
-var useTranslation = require('../../components/TicketConversation/hooks/useTranslation');
-var ts = require('../../styles/TicketingSettings.module.scss');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ts__default = /*#__PURE__*/_interopDefault(ts);
-
-const DEFAULT_SETTINGS = {
-  email: {
-    fromAddress: "",
-    fromName: "Support ConsilioWEB",
-    replyToAddress: ""
-  },
-  ai: {
-    provider: "ollama",
-    apiKey: "",
-    model: "qwen2.5:32b",
-    enableSentiment: true,
-    enableSynthesis: true,
-    enableSuggestion: true,
-    enableRewrite: true
-  },
-  sla: {
-    firstResponseMinutes: 120,
-    resolutionMinutes: 1440,
-    businessHoursOnly: true,
-    escalationEmail: ""
-  },
-  autoClose: {
-    enabled: true,
-    daysBeforeClose: 7,
-    reminderDaysBefore: 2
-  },
-  locale: {
-    language: "fr"
-  }
-};
-async function fetchSettingsFromAPI() {
-  try {
-    const res = await fetch("/api/support/settings", { credentials: "include" });
-    if (res.ok) {
-      const data = await res.json();
-      return {
-        email: { ...DEFAULT_SETTINGS.email, ...data.email },
-        ai: { ...DEFAULT_SETTINGS.ai, apiKey: "", ...data.ai },
-        sla: { ...DEFAULT_SETTINGS.sla, ...data.sla },
-        autoClose: { ...DEFAULT_SETTINGS.autoClose, ...data.autoClose },
-        locale: DEFAULT_SETTINGS.locale
-        // locale is now per-user
-      };
-    }
-  } catch {
-  }
-  return DEFAULT_SETTINGS;
-}
-async function saveSettingsToAPI(settings) {
-  try {
-    const toSave = {
-      email: settings.email,
-      ai: { ...settings.ai, apiKey: void 0 },
-      sla: settings.sla,
-      autoClose: settings.autoClose
-      // locale excluded — saved per-user via user-prefs
-    };
-    const res = await fetch("/api/support/settings", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      credentials: "include",
-      body: JSON.stringify(toSave)
-    });
-    return res.ok;
-  } catch {
-    return false;
-  }
-}
-async function fetchUserPrefs() {
-  try {
-    const res = await fetch("/api/support/user-prefs", { credentials: "include" });
-    if (res.ok) return await res.json();
-  } catch {
-  }
-  return { locale: "fr", signature: "" };
-}
-async function saveUserPrefs(prefs) {
-  try {
-    const res = await fetch("/api/support/user-prefs", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      credentials: "include",
-      body: JSON.stringify(prefs)
-    });
-    return res.ok;
-  } catch {
-    return false;
-  }
-}
-function getFeatureList(t) {
-  return [
-    // Core
-    { key: "canned", label: t("settingsView.features.canned.label"), description: t("settingsView.features.canned.description"), category: "core" },
-    { key: "scheduledReplies", label: t("settingsView.features.scheduledReplies.label"), description: t("settingsView.features.scheduledReplies.description"), category: "core" },
-    { key: "activityLog", label: t("settingsView.features.activityLog.label"), description: t("settingsView.features.activityLog.description"), category: "core" },
-    // Communication
-    { key: "emailTracking", label: t("settingsView.features.emailTracking.label"), description: t("settingsView.features.emailTracking.description"), category: "communication" },
-    { key: "chat", label: t("settingsView.features.chat.label"), description: t("settingsView.features.chat.description"), category: "communication" },
-    { key: "externalMessages", label: t("settingsView.features.externalMessages.label"), description: t("settingsView.features.externalMessages.description"), category: "communication" },
-    // Productivity
-    { key: "ai", label: t("settingsView.features.ai.label"), description: t("settingsView.features.ai.description"), category: "productivity" },
-    { key: "timeTracking", label: t("settingsView.features.timeTracking.label"), description: t("settingsView.features.timeTracking.description"), category: "productivity" },
-    { key: "satisfaction", label: t("settingsView.features.satisfaction.label"), description: t("settingsView.features.satisfaction.description"), category: "productivity" },
-    // Advanced
-    { key: "merge", label: t("settingsView.features.merge.label"), description: t("settingsView.features.merge.description"), category: "advanced" },
-    { key: "splitTicket", label: t("settingsView.features.splitTicket.label"), description: t("settingsView.features.splitTicket.description"), category: "advanced" },
-    { key: "snooze", label: t("settingsView.features.snooze.label"), description: t("settingsView.features.snooze.description"), category: "advanced" },
-    { key: "clientHistory", label: t("settingsView.features.clientHistory.label"), description: t("settingsView.features.clientHistory.description"), category: "advanced" }
-  ];
-}
-function getCategories(t) {
-  return [
-    { key: "core", label: t("settingsView.categories.core"), color: adminTokens.V.blue },
-    { key: "communication", label: t("settingsView.categories.communication"), color: adminTokens.V.green },
-    { key: "productivity", label: t("settingsView.categories.productivity"), color: adminTokens.V.amber },
-    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#17807c" }
-  ];
-}
-const Toggle = ({ checked, onChange, color = adminTokens.V.blue, size = "md" }) => {
-  const w = size === "sm" ? 36 : 40;
-  const h = size === "sm" ? 20 : 22;
-  const knob = size === "sm" ? 16 : 18;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "switch",
-      "aria-checked": checked,
-      tabIndex: 0,
-      onClick: onChange,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onChange();
-        }
-      },
-      style: {
-        width: w,
-        height: h,
-        borderRadius: h / 2,
-        flexShrink: 0,
-        backgroundColor: checked ? color : "var(--theme-elevation-300)",
-        position: "relative",
-        transition: "background 150ms",
-        cursor: "pointer"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-        width: knob,
-        height: knob,
-        borderRadius: "50%",
-        backgroundColor: "#fff",
-        position: "absolute",
-        top: (h - knob) / 2,
-        left: checked ? w - knob - (h - knob) / 2 : (h - knob) / 2,
-        transition: "left 150ms",
-        boxShadow: "0 1px 3px rgba(0,0,0,0.15)"
-      } })
-    }
-  );
-};
-const CollapsibleSection = ({ title, icon, color, defaultOpen = true, children, badge }) => {
-  const [open, setOpen] = React.useState(defaultOpen);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.sectionWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: ts__default.default.sectionHeader,
-        onClick: () => setOpen(!open),
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            setOpen(!open);
-          }
-        },
-        "aria-expanded": open,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.sectionIcon, style: { backgroundColor: color }, children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.sectionTitle, children: title }),
-          badge,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${ts__default.default.sectionChevron} ${open ? ts__default.default.open : ""}`, children: "\u25BC" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.sectionBody, children })
-  ] });
-};
-const FieldRow = ({ label, description, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.fieldRow, children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.fieldLabel, children: [
-    label,
-    description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.fieldDescription, children: description })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.fieldContent, children })
-] });
-const TicketingSettingsClient = () => {
-  const { t } = useTranslation.useTranslation();
-  const FEATURE_LIST = React__default.default.useMemo(() => getFeatureList(t), [t]);
-  const CATEGORIES = React__default.default.useMemo(() => getCategories(t), [t]);
-  const [features, setFeatures] = React.useState(() => config.getFeatures());
-  const [settings, setSettings] = React.useState(DEFAULT_SETTINGS);
-  const [signature, setSignature] = React.useState("");
-  const [saved, setSaved] = React.useState(false);
-  const [saving, setSaving] = React.useState(false);
-  const [showApiKey, setShowApiKey] = React.useState(false);
-  const [loadingSettings, setLoadingSettings] = React.useState(true);
-  React.useEffect(() => {
-    let cancelled = false;
-    Promise.all([fetchSettingsFromAPI(), fetchUserPrefs()]).then(([s, prefs]) => {
-      if (!cancelled) {
-        setSettings({ ...s, locale: { language: prefs.locale || "fr" } });
-        setSignature(prefs.signature || "");
-        setLoadingSettings(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const handleToggle = (key) => {
-    const updated = { ...features, [key]: !features[key] };
-    setFeatures(updated);
-    setSaved(false);
-  };
-  const updateEmail = (field, value) => {
-    setSettings((prev) => ({ ...prev, email: { ...prev.email, [field]: value } }));
-    setSaved(false);
-  };
-  const updateAI = (field, value) => {
-    setSettings((prev) => ({ ...prev, ai: { ...prev.ai, [field]: value } }));
-    setSaved(false);
-  };
-  const updateSLA = (field, value) => {
-    setSettings((prev) => ({ ...prev, sla: { ...prev.sla, [field]: value } }));
-    setSaved(false);
-  };
-  const updateAutoClose = (field, value) => {
-    setSettings((prev) => ({ ...prev, autoClose: { ...prev.autoClose, [field]: value } }));
-    setSaved(false);
-  };
-  const updateLocale = (field, value) => {
-    setSettings((prev) => ({ ...prev, locale: { ...prev.locale, [field]: value } }));
-    setSaved(false);
-  };
-  const handleSave = async () => {
-    setSaving(true);
-    config.saveFeatures(features);
-    const [settingsOk, prefsOk] = await Promise.all([
-      saveSettingsToAPI(settings),
-      saveUserPrefs({ locale: settings.locale.language, signature })
-    ]);
-    setSaving(false);
-    if (settingsOk && prefsOk) {
-      setSaved(true);
-      setTimeout(() => setSaved(false), 3e3);
-    }
-  };
-  const handleReset = () => {
-    setFeatures({ ...config.DEFAULT_FEATURES });
-    setSettings({ ...DEFAULT_SETTINGS });
-    setSignature("");
-    setSaved(false);
-  };
-  const enabledCount = Object.entries(features).filter(([k, v]) => typeof v === "boolean" && v).length;
-  const totalCount = Object.entries(features).filter(([k, v]) => typeof v === "boolean").length;
-  const smtpHost = process.env.NEXT_PUBLIC_SMTP_HOST || "(non configure)";
-  const smtpPort = process.env.NEXT_PUBLIC_SMTP_PORT || "\u2014";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.page, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      AdminViewHeader.AdminViewHeader,
-      {
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 24 }),
-        title: t("settingsView.configTitle"),
-        subtitle: t("settings.subtitle", { enabled: String(enabledCount), total: String(totalCount) }),
-        actions: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleReset, style: adminTokens.btnStyle("var(--theme-elevation-400)", { small: true }), children: t("settingsView.reset") }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleSave,
-              disabled: saving,
-              style: adminTokens.btnStyle(saved ? adminTokens.V.green : adminTokens.V.blue, { small: true }),
-              children: saving ? "..." : saved ? t("settingsView.saved") : t("common.save")
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.intro, children: t("settingsView.intro") }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.features"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 16 }),
-        color: adminTokens.V.blue,
-        badge: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.badge, style: { backgroundColor: "#dbeafe", color: "#1e40af" }, children: [
-          enabledCount,
-          "/",
-          totalCount
-        ] }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.featuresDescription") }),
-          CATEGORIES.map((cat) => {
-            const categoryFeatures = FEATURE_LIST.filter((f) => f.category === cat.key);
-            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.categoryGroup, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: ts__default.default.categoryHeading, style: { color: cat.color }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.categoryDot, style: { backgroundColor: cat.color } }),
-                cat.label
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.featureList, children: categoryFeatures.map((feat) => {
-                const enabled = features[feat.key];
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    onClick: () => handleToggle(feat.key),
-                    className: `${ts__default.default.featureCard} ${enabled ? ts__default.default.enabled : ""}`,
-                    role: "switch",
-                    "aria-checked": !!enabled,
-                    tabIndex: 0,
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        handleToggle(feat.key);
-                      }
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(Toggle, { checked: !!enabled, onChange: () => handleToggle(feat.key), color: cat.color }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.featureLabel, children: feat.label }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.featureDesc, children: feat.description })
-                      ] })
-                    ]
-                  },
-                  feat.key
-                );
-              }) })
-            ] }, cat.key);
-          })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.emailConfig"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { size: 16 }),
-        color: "#ea580c",
-        defaultOpen: false,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.emailDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.senderAddress"), description: t("settingsView.senderAddressDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "email",
-              value: settings.email.fromAddress,
-              onChange: (e) => updateEmail("fromAddress", e.target.value),
-              placeholder: "support@example.com",
-              className: ts__default.default.input
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.senderName"), description: t("settingsView.senderNameDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "text",
-              value: settings.email.fromName,
-              onChange: (e) => updateEmail("fromName", e.target.value),
-              placeholder: "Support ConsilioWEB",
-              className: ts__default.default.input
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.replyTo"), description: t("settingsView.replyToDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "email",
-              value: settings.email.replyToAddress,
-              onChange: (e) => updateEmail("replyToAddress", e.target.value),
-              placeholder: "(identique a l'expediteur)",
-              className: ts__default.default.input
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.smtpServer"), description: t("settingsView.smtpServerDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "text",
-              value: smtpHost,
-              readOnly: true,
-              className: ts__default.default.inputReadonly
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.smtpPort"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "text",
-              value: smtpPort,
-              readOnly: true,
-              className: ts__default.default.inputReadonly,
-              style: { maxWidth: 100 }
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.aiTitle"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16 }),
-        color: "#17807c",
-        defaultOpen: false,
-        badge: features.ai ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: t("settingsView.aiBadgeActive") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: t("settingsView.aiBadgeInactive") }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.aiDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiProvider"), description: t("settingsView.aiProviderDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
-            {
-              value: settings.ai.provider,
-              onChange: (e) => updateAI("provider", e.target.value),
-              className: ts__default.default.select,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "ollama", children: "Ollama (local / tunnel)" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "anthropic", children: "Anthropic (Claude)" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "openai", children: "OpenAI (GPT)" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "gemini", children: "Google (Gemini)" })
-              ]
-            }
-          ) }),
-          settings.ai.provider !== "ollama" && /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiApiKey"), description: t("settingsView.aiApiKeyDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.apiKeyRow, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: showApiKey ? "text" : "password",
-                value: settings.ai.apiKey,
-                onChange: (e) => updateAI("apiKey", e.target.value),
-                placeholder: "sk-...",
-                className: ts__default.default.input,
-                style: { flex: 1 }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setShowApiKey(!showApiKey),
-                className: ts__default.default.apiKeyToggle,
-                children: showApiKey ? t("settingsView.hideKey") : t("settingsView.showKey")
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.aiModel"), description: t("settingsView.aiModelDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "text",
-              value: settings.ai.model,
-              onChange: (e) => updateAI("model", e.target.value),
-              placeholder: "qwen2.5:32b",
-              className: ts__default.default.input
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.aiSubFeaturesLabel, children: t("settingsView.aiSubFeatures") }),
-          [
-            { key: "enableSentiment", label: t("settingsView.aiSentiment"), desc: t("settingsView.aiSentimentDesc") },
-            { key: "enableSynthesis", label: t("settingsView.aiSynthesis"), desc: t("settingsView.aiSynthesisDesc") },
-            { key: "enableSuggestion", label: t("settingsView.aiSuggestion"), desc: t("settingsView.aiSuggestionDesc") },
-            { key: "enableRewrite", label: t("settingsView.aiRewrite"), desc: t("settingsView.aiRewriteDesc") }
-          ].map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.aiToggleRow, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Toggle,
-              {
-                checked: settings.ai[item.key],
-                onChange: () => updateAI(item.key, !settings.ai[item.key]),
-                color: "#17807c",
-                size: "sm"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.aiToggleLabel, children: item.label }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.aiToggleDesc, children: item.desc })
-            ] })
-          ] }, item.key))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.slaTitle"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { size: 16 }),
-        color: "#0891b2",
-        defaultOpen: false,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.slaDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.slaFirstResponse"), description: t("settingsView.slaFirstResponseDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "number",
-                min: 1,
-                value: settings.sla.firstResponseMinutes,
-                onChange: (e) => updateSLA("firstResponseMinutes", parseInt(e.target.value) || 0),
-                className: ts__default.default.numberInput
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.slaHint, children: [
-              t("settingsView.minutes"),
-              " (",
-              Math.floor(settings.sla.firstResponseMinutes / 60),
-              "h",
-              String(settings.sla.firstResponseMinutes % 60).padStart(2, "0"),
-              ")"
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.slaResolution"), description: t("settingsView.slaResolutionDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "number",
-                min: 1,
-                value: settings.sla.resolutionMinutes,
-                onChange: (e) => updateSLA("resolutionMinutes", parseInt(e.target.value) || 0),
-                className: ts__default.default.numberInput
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.slaHint, children: [
-              t("settingsView.minutes"),
-              " (",
-              Math.floor(settings.sla.resolutionMinutes / 60),
-              "h",
-              String(settings.sla.resolutionMinutes % 60).padStart(2, "0"),
-              ")"
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.toggleRow, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Toggle,
-              {
-                checked: settings.sla.businessHoursOnly,
-                onChange: () => updateSLA("businessHoursOnly", !settings.sla.businessHoursOnly),
-                color: "#0891b2",
-                size: "sm"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: t("settingsView.businessHoursOnly") }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.inlineDesc, children: t("settingsView.businessHoursDesc") })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.separator }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.escalationEmail"), description: t("settingsView.escalationEmailDesc"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "email",
-              value: settings.sla.escalationEmail,
-              onChange: (e) => updateSLA("escalationEmail", e.target.value),
-              placeholder: "admin@example.com",
-              className: ts__default.default.input
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.autoCloseTitle"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Timer, { size: 16 }),
-        color: "#d97706",
-        defaultOpen: false,
-        badge: settings.autoClose.enabled ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ts__default.default.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: [
-          settings.autoClose.daysBeforeClose,
-          "j"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.badge, style: { backgroundColor: "#e5e7eb", color: "#374151" }, children: "Off" }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.autoCloseDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.toggleRow, style: { paddingBottom: 14 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Toggle,
-              {
-                checked: settings.autoClose.enabled,
-                onChange: () => updateAutoClose("enabled", !settings.autoClose.enabled),
-                color: "#d97706"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.inlineLabel, children: t("settingsView.autoCloseEnable") })
-          ] }),
-          settings.autoClose.enabled && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.autoCloseDelay"), description: t("settingsView.autoCloseDelayDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "number",
-                  min: 1,
-                  max: 90,
-                  value: settings.autoClose.daysBeforeClose,
-                  onChange: (e) => updateAutoClose("daysBeforeClose", parseInt(e.target.value) || 7),
-                  className: ts__default.default.numberInput
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.slaHint, children: t("settingsView.days") })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.autoCloseReminder"), description: t("settingsView.autoCloseReminderDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.slaInline, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "number",
-                  min: 1,
-                  max: settings.autoClose.daysBeforeClose - 1,
-                  value: settings.autoClose.reminderDaysBefore,
-                  onChange: (e) => updateAutoClose("reminderDaysBefore", parseInt(e.target.value) || 2),
-                  className: ts__default.default.numberInput
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.slaHint, children: t("settingsView.autoCloseDaysBeforeReminder", { count: String(settings.autoClose.reminderDaysBefore) }) })
-            ] }) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
-      marginTop: 32,
-      marginBottom: 16,
-      padding: "12px 16px",
-      borderRadius: 8,
-      background: "linear-gradient(135deg, #dbeafe 0%, #ede9fe 100%)",
-      border: "1px solid #c7d2fe"
-    }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 700, fontSize: 15, color: "#1e293b" }, children: t("settingsView.myPreferences") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: "#64748b", marginTop: 2 }, children: t("settingsView.myPreferencesDesc") })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.localeTitle"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Globe, { size: 16 }),
-        color: "#16a34a",
-        defaultOpen: false,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.localeDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { label: t("settingsView.language"), description: t("settingsView.languageDesc"), children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "select",
-            {
-              value: settings.locale.language,
-              onChange: (e) => updateLocale("language", e.target.value),
-              className: ts__default.default.select,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "fr", children: t("settingsView.french") }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "en", children: t("settingsView.english") })
-              ]
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      CollapsibleSection,
-      {
-        title: t("settingsView.signatureTitle"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileSignature, { size: 16 }),
-        color: "#6366f1",
-        defaultOpen: false,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.signatureDescription") }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "textarea",
-            {
-              value: signature,
-              onChange: (e) => {
-                setSignature(e.target.value);
-                setSaved(false);
-              },
-              placeholder: t("settingsView.signaturePlaceholder"),
-              rows: 6,
-              className: ts__default.default.signatureTextarea
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleSection, { title: t("settingsView.purgeTitle"), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 18 }), color: "#ef4444", defaultOpen: false, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: ts__default.default.sectionDescription, children: t("settingsView.purgeDescription") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.purgeGroup, children: ["email-logs", "auth-logs"].map((col) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.purgeCategory, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ts__default.default.purgeCategoryLabel, children: col === "email-logs" ? t("settingsView.purgeEmailLogs") : t("settingsView.purgeAuthLogs") }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ts__default.default.purgeButtons, children: [
-          { label: t("settingsView.purge7days"), days: 7 },
-          { label: t("settingsView.purge30days"), days: 30 },
-          { label: t("settingsView.purge90days"), days: 90 },
-          { label: t("settingsView.purgeAllLabel"), days: 0 }
-        ].map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: async () => {
-              if (!window.confirm(t("settingsView.purgeConfirm", { collection: col, days: opt.days === 0 ? t("settingsView.purgeAllLabel") : String(opt.days) }))) return;
-              try {
-                const res = await fetch(`/api/support/purge-logs?collection=${col}&days=${opt.days}`, { method: "DELETE", credentials: "include" });
-                if (res.ok) {
-                  const d = await res.json();
-                  alert(`${d.purged} ${t("settingsView.purgeDone")}`);
-                }
-              } catch {
-                alert(t("import.errorTitle"));
-              }
-            },
-            style: { ...adminTokens.btnStyle(opt.days === 0 ? "#ef4444" : "var(--theme-elevation-500)", { small: true }), fontSize: 11 },
-            children: opt.label
-          },
-          opt.days
-        )) })
-      ] }, col)) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ts__default.default.bottomBar, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleReset, style: adminTokens.btnStyle("var(--theme-elevation-400)", { small: true }), children: t("settingsView.resetAll") }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: handleSave,
-          disabled: saving,
-          style: adminTokens.btnStyle(saved ? adminTokens.V.green : adminTokens.V.blue, { small: true }),
-          children: saving ? t("settingsView.saving") : saved ? t("settingsView.saved2") : t("settingsView.saveChanges")
-        }
-      )
-    ] })
-  ] });
-};
-
-exports.TicketingSettingsClient = TicketingSettingsClient;