@consilioweb/payload-support 2.0.0 → 3.0.0

package/dist/utils/features.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Ticketing feature flags — single source of truth (client + server).
+ *
+ * Flags are stored SERVER-side, in the `support-settings` row of
+ * `payload-preferences` (see `readSettings.ts` and `endpoints/settings.ts`).
+ * A flag toggled on one machine therefore applies to every browser and to
+ * server-side code (hooks, cron endpoints) alike.
+ *
+ * `localStorage` is still used, but demoted to a plain CACHE: it lets admin
+ * views paint synchronously on first render and keeps them usable when the
+ * settings endpoint is unreachable. It is never authoritative.
+ *
+ * Two flags are *projections* of settings that already lived server-side long
+ * before this module, and are deliberately NOT stored twice:
+ *   - `autoClose`     ← `settings.autoClose.enabled`
+ *   - `autoCloseDays` ← `settings.autoClose.daysBeforeClose`
+ * The `autoClose` block stays authoritative; the flags are recomputed on read
+ * and dropped on write. See `projectAutoClose` / `stripProjectedFeatures`.
+ */
+/**
+ * Feature flags for the ticketing module.
+ * Each feature can be enabled/disabled by the admin.
+ * When disabled, the corresponding UI section is hidden entirely.
+ */
+export interface TicketingFeatures {
+    /** Time tracking: timer, manual entries, billing */
+    timeTracking: boolean;
+    /** AI features: sentiment, synthesis, suggestion, rewrite */
+    ai: boolean;
+    /** Satisfaction surveys: CSAT rating after resolution */
+    satisfaction: boolean;
+    /** Live chat integration: chat → ticket conversion */
+    chat: boolean;
+    /** Email tracking: pixel tracking, open/sent status per message */
+    emailTracking: boolean;
+    /** Canned responses: quick reply templates */
+    canned: boolean;
+    /** Ticket merge: combine two tickets into one */
+    merge: boolean;
+    /** Snooze: temporarily hide a ticket */
+    snooze: boolean;
+    /** External messages: add messages received outside the system */
+    externalMessages: boolean;
+    /** Client history: past tickets, projects, notes sidebar */
+    clientHistory: boolean;
+    /** Activity log: audit trail of actions on the ticket */
+    activityLog: boolean;
+    /** Split ticket: extract a message into a new ticket */
+    splitTicket: boolean;
+    /** Scheduled replies: send a message at a future date */
+    scheduledReplies: boolean;
+    /** Auto-close: automatically resolve inactive tickets (projection of settings.autoClose.enabled) */
+    autoClose: boolean;
+    /** Auto-close delay in days (projection of settings.autoClose.daysBeforeClose) */
+    autoCloseDays: number;
+    /** Round-robin: distribute new tickets evenly among agents */
+    roundRobin: boolean;
+}
+/** Default features — all enabled except round-robin */
+export declare const DEFAULT_TICKETING_FEATURES: TicketingFeatures;
+/** Flags derived from another settings block — never persisted inside `features`. */
+declare const PROJECTED_FEATURE_KEYS: readonly ["autoClose", "autoCloseDays"];
+/**
+ * Coerce arbitrary input (stale localStorage, hand-edited preference row, older
+ * plugin version) into a complete, well-typed feature set. Unknown keys are
+ * dropped and wrongly-typed values fall back to their default.
+ */
+export declare function normalizeFeatures(raw: unknown): TicketingFeatures;
+/** Shape of the `autoClose` settings block the two projected flags mirror. */
+export interface AutoCloseProjectionSource {
+    enabled?: boolean;
+    daysBeforeClose?: number;
+}
+/** Recompute the projected flags from the authoritative `autoClose` block. */
+export declare function projectAutoClose(features: TicketingFeatures, autoClose: AutoCloseProjectionSource | undefined): TicketingFeatures;
+/**
+ * Drop the projected flags before persisting, so `features` and the `autoClose`
+ * block can never disagree.
+ */
+export declare function stripProjectedFeatures(features: TicketingFeatures): Omit<TicketingFeatures, (typeof PROJECTED_FEATURE_KEYS)[number]>;
+/** localStorage key. Was the source of truth before 2.1 — now only a cache. */
+export declare const FEATURES_CACHE_KEY = "ticketing_features";
+/** Set once the pre-2.1 localStorage values have been pushed to the server. */
+export declare const FEATURES_ADOPTED_KEY = "ticketing_features_adopted";
+/** Admin-only settings endpoint backing the flags. */
+export declare const FEATURES_ENDPOINT = "/api/support/settings";
+/** Read the cached flags, or `null` when nothing usable is cached. */
+export declare function readFeaturesCache(): TicketingFeatures | null;
+/** Refresh the cache with the values the server just confirmed. */
+export declare function writeFeaturesCache(features: TicketingFeatures): void;
+/**
+ * Synchronous read used for first paint. Returns the cache when present, the
+ * defaults otherwise. Callers must still refresh from the server — see
+ * `useFeatures`.
+ */
+export declare function getFeatures(): TicketingFeatures;
+/** True once this browser's legacy flags have been handed over to the server. */
+export declare function hasAdoptedLegacyFeatures(): boolean;
+export declare function markLegacyFeaturesAdopted(): void;
+/**
+ * Flags this browser configured before the server became authoritative, or
+ * `null` when there is nothing to migrate (no local values, or already done).
+ */
+export declare function readLegacyFeatures(): TicketingFeatures | null;
+export interface FetchedFeatures {
+    features: TicketingFeatures;
+    /** False when the server has never had feature flags saved (fresh install). */
+    configured: boolean;
+    /** True when the values come from the cache/defaults because the call failed. */
+    offline: boolean;
+}
+/**
+ * Read the flags from the server. Falls back to the local cache, then to the
+ * defaults: a failed settings call must never leave a ticket screen unusable.
+ */
+export declare function fetchFeatures(signal?: AbortSignal): Promise<FetchedFeatures>;
+/**
+ * Persist the flags server-side, then refresh the local cache.
+ *
+ * @returns true when the server accepted the write.
+ */
+export declare function saveFeatures(features: TicketingFeatures): Promise<boolean>;
+export {};

package/dist/utils/features.js

@@ -0,0 +1,147 @@
+const DEFAULT_TICKETING_FEATURES = {
+  timeTracking: true,
+  ai: true,
+  satisfaction: true,
+  chat: true,
+  emailTracking: true,
+  canned: true,
+  merge: true,
+  snooze: true,
+  externalMessages: true,
+  clientHistory: true,
+  activityLog: true,
+  splitTicket: true,
+  scheduledReplies: true,
+  autoClose: true,
+  autoCloseDays: 7,
+  roundRobin: false
+};
+const BOOLEAN_FEATURE_KEYS = [
+  "timeTracking",
+  "ai",
+  "satisfaction",
+  "chat",
+  "emailTracking",
+  "canned",
+  "merge",
+  "snooze",
+  "externalMessages",
+  "clientHistory",
+  "activityLog",
+  "splitTicket",
+  "scheduledReplies",
+  "autoClose",
+  "roundRobin"
+];
+const PROJECTED_FEATURE_KEYS = ["autoClose", "autoCloseDays"];
+function normalizeFeatures(raw) {
+  const out = { ...DEFAULT_TICKETING_FEATURES };
+  if (!raw || typeof raw !== "object") return out;
+  const src = raw;
+  for (const key of BOOLEAN_FEATURE_KEYS) {
+    if (typeof src[key] === "boolean") out[key] = src[key];
+  }
+  const days = src.autoCloseDays;
+  if (typeof days === "number" && Number.isFinite(days) && days >= 1) {
+    out.autoCloseDays = Math.floor(days);
+  }
+  return out;
+}
+function projectAutoClose(features, autoClose) {
+  if (!autoClose) return features;
+  return {
+    ...features,
+    autoClose: typeof autoClose.enabled === "boolean" ? autoClose.enabled : features.autoClose,
+    autoCloseDays: typeof autoClose.daysBeforeClose === "number" && autoClose.daysBeforeClose >= 1 ? Math.floor(autoClose.daysBeforeClose) : features.autoCloseDays
+  };
+}
+function stripProjectedFeatures(features) {
+  const out = { ...features };
+  for (const key of PROJECTED_FEATURE_KEYS) delete out[key];
+  return out;
+}
+const FEATURES_CACHE_KEY = "ticketing_features";
+const FEATURES_ADOPTED_KEY = "ticketing_features_adopted";
+const FEATURES_ENDPOINT = "/api/support/settings";
+function storage() {
+  try {
+    if (typeof window === "undefined" || !window.localStorage) return null;
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function readFeaturesCache() {
+  const store = storage();
+  if (!store) return null;
+  try {
+    const stored = store.getItem(FEATURES_CACHE_KEY);
+    if (!stored) return null;
+    return normalizeFeatures(JSON.parse(stored));
+  } catch {
+    return null;
+  }
+}
+function writeFeaturesCache(features) {
+  const store = storage();
+  if (!store) return;
+  try {
+    store.setItem(FEATURES_CACHE_KEY, JSON.stringify(features));
+  } catch {
+  }
+}
+function getFeatures() {
+  return readFeaturesCache() ?? { ...DEFAULT_TICKETING_FEATURES };
+}
+function hasAdoptedLegacyFeatures() {
+  const store = storage();
+  if (!store) return true;
+  try {
+    return store.getItem(FEATURES_ADOPTED_KEY) === "1";
+  } catch {
+    return true;
+  }
+}
+function markLegacyFeaturesAdopted() {
+  const store = storage();
+  if (!store) return;
+  try {
+    store.setItem(FEATURES_ADOPTED_KEY, "1");
+  } catch {
+  }
+}
+function readLegacyFeatures() {
+  if (hasAdoptedLegacyFeatures()) return null;
+  return readFeaturesCache();
+}
+async function fetchFeatures(signal) {
+  try {
+    const res = await fetch(FEATURES_ENDPOINT, { credentials: "include", signal });
+    if (res.ok) {
+      const data = await res.json();
+      const features = projectAutoClose(normalizeFeatures(data.features), data.autoClose);
+      writeFeaturesCache(features);
+      return { features, configured: data.featuresConfigured === true, offline: false };
+    }
+  } catch {
+  }
+  return { features: getFeatures(), configured: false, offline: true };
+}
+async function saveFeatures(features) {
+  const normalized = normalizeFeatures(features);
+  try {
+    const res = await fetch(FEATURES_ENDPOINT, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({ features: normalized })
+    });
+    if (!res.ok) return false;
+    writeFeaturesCache(normalized);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export { DEFAULT_TICKETING_FEATURES, FEATURES_ADOPTED_KEY, FEATURES_CACHE_KEY, FEATURES_ENDPOINT, fetchFeatures, getFeatures, hasAdoptedLegacyFeatures, markLegacyFeaturesAdopted, normalizeFeatures, projectAutoClose, readFeaturesCache, readLegacyFeatures, saveFeatures, stripProjectedFeatures, writeFeaturesCache };

package/dist/views/BillingView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BillingClient: React.FC;

package/dist/views/BillingView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const BillingView: React.FC<AdminViewServerProps>;
+export default BillingView;

package/dist/views/ChatView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ChatViewClient: React.FC;

package/dist/views/ChatView/client.js

@@ -21,6 +21,7 @@ const ChatViewClient = () => {
   const sessionsPollTimeout = useRef(void 0);
   const messagesPollInterval = useRef(3e3);
   const messagesPollTimeout = useRef(void 0);
+  const sessionsSnapshotRef = useRef("");
   const [sessionExpired, setSessionExpired] = useState(false);
   const fetchSessions = useCallback(async () => {
     let hadChanges = false;
@@ -32,15 +33,14 @@ const ChatViewClient = () => {
       }
       if (res.ok) {
         const data = await res.json();
-        setSessions((prev) => {
-          const newActive = data.active || [];
-          const newClosed = data.closed || [];
-          if (JSON.stringify(prev.active) !== JSON.stringify(newActive) || JSON.stringify(prev.closed) !== JSON.stringify(newClosed)) {
-            hadChanges = true;
-            return { active: newActive, closed: newClosed };
-          }
-          return prev;
-        });
+        const newActive = data.active || [];
+        const newClosed = data.closed || [];
+        const snapshot = JSON.stringify([newActive, newClosed]);
+        if (snapshot !== sessionsSnapshotRef.current) {
+          sessionsSnapshotRef.current = snapshot;
+          hadChanges = true;
+          setSessions({ active: newActive, closed: newClosed });
+        }
       }
     } catch {
     }

package/dist/views/ChatView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const ChatView: React.FC<AdminViewServerProps>;
+export default ChatView;

package/dist/views/CrmView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CrmClient: React.FC;

package/dist/views/CrmView/client.js

@@ -92,21 +92,18 @@ const CrmClient = () => {
   const fetchDetail = useCallback(async (clientId) => {
     setDetailLoading(true);
     try {
-      const [clientRes, ticketsRes, projectsRes, timeRes] = await Promise.all([
+      const [clientRes, ticketsRes, projectsRes] = await Promise.all([
         fetch(`/api/support-clients/${clientId}?depth=0`),
         fetch(`/api/tickets?where[client][equals]=${clientId}&sort=-createdAt&limit=20&depth=0`),
-        fetch(`/api/projects?where[client][equals]=${clientId}&depth=0`),
-        fetch(`/api/time-entries?limit=0&depth=0`)
+        fetch(`/api/projects?where[client][equals]=${clientId}&depth=0`)
       ]);
       const client = clientRes.ok ? await clientRes.json() : null;
       const tickets = ticketsRes.ok ? (await ticketsRes.json()).docs || [] : [];
       const projects = projectsRes.ok ? (await projectsRes.json()).docs || [] : [];
-      const ticketIds = tickets.map((t2) => t2.id);
-      let totalTimeMinutes = 0;
-      if (timeRes.ok) {
-        const timeData = await timeRes.json();
-        totalTimeMinutes = timeData.docs.filter((e) => ticketIds.includes(e.ticket)).reduce((sum, e) => sum + (e.duration || 0), 0);
-      }
+      const totalTimeMinutes = tickets.reduce(
+        (sum, t2) => sum + (t2.totalTimeMinutes || 0),
+        0
+      );
       const openTickets = tickets.filter(
         (t2) => ["open", "waiting_client"].includes(t2.status)
       ).length;

package/dist/views/CrmView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const CrmView: React.FC<AdminViewServerProps>;
+export default CrmView;

package/dist/views/EmailTrackingView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmailTrackingClient: React.FC;

package/dist/views/EmailTrackingView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const EmailTrackingView: React.FC<AdminViewServerProps>;
+export default EmailTrackingView;

package/dist/views/ImportConversationView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ImportConversationClient(): React.JSX.Element;

package/dist/views/ImportConversationView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const ImportConversationView: React.FC<AdminViewServerProps>;
+export default ImportConversationView;

package/dist/views/LogsView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LogsClient: React.FC;

package/dist/views/LogsView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const LogsView: React.FC<AdminViewServerProps>;
+export default LogsView;

package/dist/views/NewTicketView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NewTicketClient: React.FC;

package/dist/views/NewTicketView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const NewTicketView: React.FC<AdminViewServerProps>;
+export default NewTicketView;

package/dist/views/PendingEmailsView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PendingEmailsClient: React.FC;

package/dist/views/PendingEmailsView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const PendingEmailsView: React.FC<AdminViewServerProps>;
+export default PendingEmailsView;

package/dist/views/SupportDashboardView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SupportDashboardClient: React.FC;

package/dist/views/SupportDashboardView/client.js

@@ -400,7 +400,7 @@ const SupportDashboardClient = () => {
           /* @__PURE__ */ jsx(VolumeChart, { data: volumeData })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.panel, children: [
-          /* @__PURE__ */ jsx("h2", { className: styles.panelTitle, children: t("dashboard.csat") }),
+          /* @__PURE__ */ jsx("h2", { className: styles.panelTitle, children: t("dashboard.csatTitle") }),
           /* @__PURE__ */ jsx(CSATRing, { score: stats.satisfactionAvg, count: stats.satisfactionCount })
         ] })
       ] })

package/dist/views/SupportDashboardView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const SupportDashboardView: React.FC<AdminViewServerProps>;
+export default SupportDashboardView;

package/dist/views/TicketDetailView/NextActionItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function NextActionItem({ action, index, onToggle }: {
+    action: any;
+    index: number;
+    onToggle: (done: boolean) => Promise<void>;
+}): React.JSX.Element;

package/dist/views/TicketDetailView/RewriteDropdown.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const RewriteDropdown: React.FC<{
+    disabled: boolean;
+    loading: boolean;
+    onSelect: (style: string) => void;
+    toolbarBtnClass?: string;
+}>;

package/dist/views/TicketDetailView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TicketDetailClient: React.FC;

package/dist/views/TicketDetailView/client.js

@@ -6,7 +6,7 @@ import Link from 'next/link';
 import { RichTextEditor } from '../../components/RichTextEditor/index.js';
 import { hasCodeBlocks, CodeBlockRendererHtml, MessageWithCodeBlocks } from '../../components/TicketConversation/components/CodeBlock.js';
 import { CodeBlockInserter } from '../../components/TicketConversation/components/CodeBlockInserter.js';
-import { getFeatures } from '../shared/config.js';
+import { useFeatures } from '../../components/TicketConversation/hooks/useFeatures.js';
 import { computeSlaState, formatSlaRemaining } from '../shared/sla.js';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import { DATE_LOCALE } from '../shared/dateLocale.js';
@@ -20,7 +20,7 @@ const TicketDetailClient = () => {
   const { t } = useTranslation();
   const searchParams = useSearchParams();
   const ticketId = searchParams.get("id");
-  const features = getFeatures();
+  const { features } = useFeatures();
   const editorRef = useRef(null);
   const threadEndRef = useRef(null);
   const dropdownRef = useRef(null);

package/dist/views/TicketDetailView/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const ALIASES: Array<{
+    value: string;
+    label: string;
+}>;
+export declare const STATUS_STYLE: Record<string, {
+    bg: string;
+    color: string;
+}>;
+export declare const REWRITE_STYLES: {
+    id: string;
+    label: string;
+    desc: string;
+}[];

package/dist/views/TicketDetailView/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function timeAgo(d: string): string;
+export declare function dateLabel(d: string): string;

package/dist/views/TicketDetailView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const TicketDetailView: React.FC<AdminViewServerProps>;
+export default TicketDetailView;

package/dist/views/TicketDetailView/types.d.ts

@@ -0,0 +1,40 @@
+export interface Message {
+    id: string | number;
+    body: string;
+    bodyHtml?: string;
+    authorType: 'client' | 'admin' | 'email';
+    isInternal?: boolean;
+    isSolution?: boolean;
+    createdAt: string;
+    fromChat?: boolean;
+    fromAlias?: string;
+    attachments?: Array<{
+        file: {
+            id: number;
+            url?: string;
+            filename?: string;
+            mimeType?: string;
+        } | number;
+    }>;
+}
+export interface ClientInfo {
+    id: number;
+    company: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone?: string;
+}
+export interface TimeEntry {
+    id: string | number;
+    duration: number;
+    description?: string;
+    date: string;
+}
+export interface ActivityEntry {
+    id: string | number;
+    action: string;
+    detail?: string;
+    actorType?: string;
+    createdAt: string;
+}

package/dist/views/TicketInboxView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TicketInboxClient: React.FC;

package/dist/views/TicketInboxView/client.js

@@ -141,11 +141,11 @@ const TicketInboxClient = () => {
       try {
         const sn = `where[and][0][or][0][snoozeUntil][exists]=false&where[and][0][or][1][snoozeUntil][less_than_equal]=${encodeURIComponent((/* @__PURE__ */ new Date()).toISOString())}`;
         const [all, openRes, waiting, resolved, breach] = await Promise.all([
-          fetch(`/api/tickets?limit=0&depth=0&${sn}`, { credentials: "include" }),
-          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=open&${sn}`, { credentials: "include" }),
-          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=waiting_client&${sn}`, { credentials: "include" }),
-          fetch(`/api/tickets?limit=0&depth=0&where[status][equals]=resolved&${sn}`, { credentials: "include" }),
-          fetch(`/api/tickets?limit=0&depth=0&where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true&${sn}`, { credentials: "include" })
+          fetch(`/api/tickets/count?${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets/count?where[status][equals]=open&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets/count?where[status][equals]=waiting_client&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets/count?where[status][equals]=resolved&${sn}`, { credentials: "include" }),
+          fetch(`/api/tickets/count?where[or][0][slaFirstResponseBreached][equals]=true&where[or][1][slaResolutionBreached][equals]=true&${sn}`, { credentials: "include" })
         ]);
         const [a, o, w, r, b] = await Promise.all([all.json(), openRes.json(), waiting.json(), resolved.json(), breach.json()]);
         setCounts({

package/dist/views/TicketInboxView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const TicketInboxView: React.FC<AdminViewServerProps>;
+export default TicketInboxView;

package/dist/views/TicketingSettingsView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TicketingSettingsClient: React.FC;

package/dist/views/TicketingSettingsView/client.js

@@ -4,7 +4,8 @@ import React, { useState, useEffect } from 'react';
 import { Settings, Mail, Bot, Clock, Timer, Globe, FileSignature } from 'lucide-react';
 import { btnStyle, V } from '../shared/adminTokens.js';
 import { AdminViewHeader } from '../shared/AdminViewHeader.js';
-import { getFeatures, saveFeatures, DEFAULT_FEATURES } from '../../components/TicketConversation/config.js';
+import { DEFAULT_FEATURES } from '../../components/TicketConversation/config.js';
+import { useFeatures } from '../../components/TicketConversation/hooks/useFeatures.js';
 import { useTranslation } from '../../components/TicketConversation/hooks/useTranslation.js';
 import ts from '../../styles/TicketingSettings.module.scss';
 
@@ -206,7 +207,7 @@ const TicketingSettingsClient = () => {
   const { t } = useTranslation();
   const FEATURE_LIST = React.useMemo(() => getFeatureList(t), [t]);
   const CATEGORIES = React.useMemo(() => getCategories(t), [t]);
-  const [features, setFeatures] = useState(() => getFeatures());
+  const { features, setFeatures, save: saveFeatures } = useFeatures();
   const [settings, setSettings] = useState(DEFAULT_SETTINGS);
   const [signature, setSignature] = useState("");
   const [saved, setSaved] = useState(false);
@@ -253,13 +254,13 @@ const TicketingSettingsClient = () => {
   };
   const handleSave = async () => {
     setSaving(true);
-    saveFeatures(features);
+    const featuresOk = await saveFeatures(features);
     const [settingsOk, prefsOk] = await Promise.all([
       saveSettingsToAPI(settings),
       saveUserPrefs({ locale: settings.locale.language, signature })
     ]);
     setSaving(false);
-    if (settingsOk && prefsOk) {
+    if (featuresOk && settingsOk && prefsOk) {
       setSaved(true);
       setTimeout(() => setSaved(false), 3e3);
     }
@@ -299,7 +300,7 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxs(
       CollapsibleSection,
       {
-        title: t("settingsView.features"),
+        title: t("settingsView.featuresTitle"),
         icon: /* @__PURE__ */ jsx(Settings, { size: 16 }),
         color: V.blue,
         badge: /* @__PURE__ */ jsxs("span", { className: ts.badge, style: { backgroundColor: "#dbeafe", color: "#1e40af" }, children: [

package/dist/views/TicketingSettingsView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const TicketingSettingsView: React.FC<AdminViewServerProps>;
+export default TicketingSettingsView;

package/dist/views/TimeDashboardView/client.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TimeDashboardClient: React.FC;

package/dist/views/TimeDashboardView/index.d.ts

@@ -0,0 +1,4 @@
+import type { AdminViewServerProps } from 'payload';
+import React from 'react';
+export declare const TimeDashboardView: React.FC<AdminViewServerProps>;
+export default TimeDashboardView;

package/dist/views/shared/AdminViewHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AdminViewHeaderProps {
+    icon: React.ReactNode;
+    title: string;
+    subtitle?: string;
+    breadcrumb?: {
+        label: string;
+        href: string;
+    };
+    actions?: React.ReactNode;
+}
+export declare const AdminViewHeader: React.FC<AdminViewHeaderProps>;
+export {};