@consilioweb/payload-support 1.1.1 → 2.0.1

package/dist/styles/ChatView.module.scss

@@ -37,7 +37,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
 .container {
   display: flex;
   gap: 16px;
-  height: calc(100vh - 220px);
+  height: calc(100dvh - 220px);
   min-height: 500px;
 }
 

package/dist/styles/TicketDetail.module.scss

@@ -531,7 +531,7 @@
   gap: 8px;
   padding: 8px 14px;
   font-size: 12px;
-  color: #7c3aed;
+  color: #17807c;
   font-weight: 500;
 }
 
@@ -539,7 +539,7 @@
   display: flex;
   gap: 3px;
   span {
-    width: 5px; height: 5px; border-radius: 50%; background: #7c3aed;
+    width: 5px; height: 5px; border-radius: 50%; background: #17807c;
     animation: bounce 1.2s infinite;
     &:nth-child(2) { animation-delay: 150ms; }
     &:nth-child(3) { animation-delay: 300ms; }
@@ -612,7 +612,7 @@
   &:disabled { opacity: 0.4; cursor: not-allowed; }
 }
 
-// Bouton IA — accent purple, pill style
+// AI button — teal accent, pill style
 .toolbarBtnAi {
   background: var(--theme-accent-50, color-mix(in srgb, var(--theme-accent-500, #6b46e8) 10%, transparent));
   border-color: color-mix(in srgb, var(--theme-accent-500, #6b46e8) 25%, transparent);

package/dist/styles/_tokens.scss

@@ -18,7 +18,7 @@ $green: #16a34a;
 $amber: #d97706;
 $orange: #ea580c;
 $red: #dc2626;
-$purple: #7c3aed;
+$teal: #17807c;
 $cyan: #0891b2;
 
 // Mixins

package/dist/styles/theme.css

@@ -136,7 +136,7 @@
   --support-cat-core: #2563eb;
   --support-cat-communication: #16a34a;
   --support-cat-productivity: #d97706;
-  --support-cat-advanced: #7c3aed;
+  --support-cat-advanced: #17807c;
 
   /* ------------------------------------------
    * 8. PROJECT STATUS COLORS
@@ -385,7 +385,7 @@
   --support-activity-line-color: var(--support-border-color);
   --support-activity-dot-default: var(--support-text-muted);
   --support-activity-dot-status: var(--support-primary);
-  --support-activity-dot-assign: #7c3aed;
+  --support-activity-dot-assign: #17807c;
   --support-activity-dot-merge: #0891b2;
 
   /* ------------------------------------------
@@ -465,10 +465,10 @@
    * Indicator for messages scheduled to be
    * sent at a future date/time.
    * ------------------------------------------ */
-  --support-scheduled-bg: #f5f3ff;
+  --support-scheduled-bg: #eef8f7;
   --support-scheduled-border: #a78bfa;
   --support-scheduled-text: #5b21b6;
-  --support-scheduled-icon: #7c3aed;
+  --support-scheduled-icon: #17807c;
 
   /* ------------------------------------------
    * 34. EMAIL TRACKING
@@ -615,8 +615,8 @@
 
   /* Scheduled */
   --support-scheduled-bg: #2e1065;
-  --support-scheduled-border: #7c3aed;
-  --support-scheduled-text: #c4b5fd;
+  --support-scheduled-border: #17807c;
+  --support-scheduled-text: #80bbb7;
 
   /* Email tracking */
   --support-email-pending: #64748b;

package/dist/views/SupportDashboardView/client.cjs

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

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/TicketingSettingsView/client.cjs

@@ -129,7 +129,7 @@ function getCategories(t) {
     { 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: "#7c3aed" }
+    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#17807c" }
   ];
 }
 const Toggle = ({ checked, onChange, color = adminTokens.V.blue, size = "md" }) => {
@@ -305,7 +305,7 @@ const TicketingSettingsClient = () => {
     /* @__PURE__ */ jsxRuntime.jsxs(
       CollapsibleSection,
       {
-        title: t("settingsView.features"),
+        title: t("settingsView.featuresTitle"),
         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: [
@@ -421,7 +421,7 @@ const TicketingSettingsClient = () => {
       {
         title: t("settingsView.aiTitle"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bot, { size: 16 }),
-        color: "#7c3aed",
+        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: [
@@ -484,7 +484,7 @@ const TicketingSettingsClient = () => {
               {
                 checked: settings.ai[item.key],
                 onChange: () => updateAI(item.key, !settings.ai[item.key]),
-                color: "#7c3aed",
+                color: "#17807c",
                 size: "sm"
               }
             ),

package/dist/views/TicketingSettingsView/client.js

@@ -123,7 +123,7 @@ function getCategories(t) {
     { key: "core", label: t("settingsView.categories.core"), color: V.blue },
     { key: "communication", label: t("settingsView.categories.communication"), color: V.green },
     { key: "productivity", label: t("settingsView.categories.productivity"), color: V.amber },
-    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#7c3aed" }
+    { key: "advanced", label: t("settingsView.categories.advanced"), color: "#17807c" }
   ];
 }
 const Toggle = ({ checked, onChange, color = V.blue, size = "md" }) => {
@@ -299,7 +299,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: [
@@ -415,7 +415,7 @@ const TicketingSettingsClient = () => {
       {
         title: t("settingsView.aiTitle"),
         icon: /* @__PURE__ */ jsx(Bot, { size: 16 }),
-        color: "#7c3aed",
+        color: "#17807c",
         defaultOpen: false,
         badge: features.ai ? /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#dcfce7", color: "#166534" }, children: t("settingsView.aiBadgeActive") }) : /* @__PURE__ */ jsx("span", { className: ts.badge, style: { backgroundColor: "#fee2e2", color: "#991b1b" }, children: t("settingsView.aiBadgeInactive") }),
         children: [
@@ -478,7 +478,7 @@ const TicketingSettingsClient = () => {
               {
                 checked: settings.ai[item.key],
                 onChange: () => updateAI(item.key, !settings.ai[item.key]),
-                color: "#7c3aed",
+                color: "#17807c",
                 size: "sm"
               }
             ),