@consilioweb/payload-support 4.0.0 → 6.0.0

package/src/portal/auth/profile/page.tsx

@@ -561,8 +561,9 @@ export default function ProfilePage() {
 
           <div className="p-6 sm:p-8">
             <p className="mb-4 text-sm text-slate-500 dark:text-slate-400 leading-relaxed">
-              Conformement au RGPD, vous pouvez télécharger l&apos;ensemble de vos données personnelles
-              (profil, tickets, messages, enquetes de satisfaction).
+              Conformement au RGPD, vous pouvez télécharger l&apos;ensemble de vos données personnelles :
+              celles que vous avez fournies (profil, tickets, messages, temps passe, enquetes de
+              satisfaction, chat) et celles que nous avons deduites de votre historique (synthese IA).
             </p>
             <a
               href="/api/support/export-data"

package/src/portal/icons.tsx

@@ -0,0 +1,91 @@
+/**
+ * Inlined Lucide icons.
+ *
+ * The plugin used to require `lucide-react` as a peer dependency for exactly
+ * 5 icons across the portal live-chat widget. That made every integrator install an icon set,
+ * and a missing install a build-time failure, for 5 paths totalling a few
+ * hundred bytes. They are inlined here instead, and `lucide-react` is no longer
+ * a peer dependency.
+ *
+ * The geometry below is copied from lucide-react v1.41.0 and, like the rest of
+ * Lucide, is under the ISC licence:
+ *
+ *   ISC License
+ *   Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as
+ *   part of Feather (MIT). All other copyright (c) for Lucide are held by
+ *   Lucide Contributors 2022.
+ *
+ *   Permission to use, copy, modify, and/or distribute this software for any
+ *   purpose with or without fee is hereby granted, provided that the above
+ *   copyright notice and this permission notice appear in all copies.
+ *
+ *   THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+ *   WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+ *   MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ *   ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+ *   WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ *   ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR
+ *   IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+ */
+
+import React from 'react'
+
+export interface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'width' | 'height'> {
+  /** Rendered width and height. Lucide's own default is 24. */
+  size?: number | string
+}
+
+type IconNode = ReadonlyArray<readonly [string, Record<string, string | number>]>
+
+/**
+ * Icons are decorative by default (`aria-hidden`): every control that has
+ * nothing but an icon inside carries its own `aria-label`. Pass
+ * `aria-hidden={false}` plus a label to make one meaningful on its own.
+ */
+function createIcon(displayName: string, nodes: IconNode): React.FC<IconProps> {
+  const Icon: React.FC<IconProps> = ({ size = 24, strokeWidth = 2, ...rest }) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={strokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+      {...rest}
+    >
+      {nodes.map(([tag, attrs], index) => React.createElement(tag, { key: index, ...attrs }))}
+    </svg>
+  )
+  Icon.displayName = displayName
+  return Icon
+}
+
+export const ArrowLeft = createIcon('ArrowLeft', [
+  ['path', { d: "m12 19-7-7 7-7" }],
+  ['path', { d: "M19 12H5" }],
+] as const)
+
+export const MessageCircle = createIcon('MessageCircle', [
+  ['path', { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }],
+] as const)
+
+export const Minimize2 = createIcon('Minimize2', [
+  ['path', { d: "m14 10 7-7" }],
+  ['path', { d: "M20 10h-6V4" }],
+  ['path', { d: "m3 21 7-7" }],
+  ['path', { d: "M4 14h6v6" }],
+] as const)
+
+export const Send = createIcon('Send', [
+  ['path', { d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z" }],
+  ['path', { d: "m21.854 2.147-10.94 10.939" }],
+] as const)
+
+export const X = createIcon('X', [
+  ['path', { d: "M18 6 6 18" }],
+  ['path', { d: "m6 6 12 12" }],
+] as const)

package/src/portal/login/page.tsx

@@ -33,8 +33,11 @@ function SupportLoginContent() {
   // 2FA state
   const [needs2FA, setNeeds2FA] = useState(false)
   // Proof that the password step succeeded, minted by /support/login. Required
-  // by /support/2fa {action:'send'} — that endpoint no longer sends a code to
-  // anyone who merely knows the address.
+  // by BOTH branches of /support/2fa: `send` no longer mails a code to anyone
+  // who merely knows the address, and `verify` no longer lets such a caller
+  // burn the 5 verification attempts of the address they typed. Each accepted
+  // `send` returns a refreshed proof, so it stays valid as long as the code it
+  // just minted — keep the latest one.
   const [challenge, setChallenge] = useState('')
   const [twoFactorCode, setTwoFactorCode] = useState('')
   const [sending2FA, setSending2FA] = useState(false)
@@ -72,6 +75,8 @@ function SupportLoginContent() {
         })
 
         if (codeRes.ok) {
+          const codeData = await codeRes.json().catch(() => ({}))
+          if (codeData?.challenge) setChallenge(codeData.challenge)
           setNeeds2FA(true)
         } else {
           setError('Erreur lors de l\'envoi du code de vérification.')
@@ -98,13 +103,16 @@ function SupportLoginContent() {
       const verifyRes = await fetch('/api/support/2fa', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ action: 'verify', email, code: twoFactorCode }),
+        body: JSON.stringify({ action: 'verify', email, code: twoFactorCode, challenge }),
       })
 
       const verifyData = await verifyRes.json()
 
       if (!verifyRes.ok || !verifyData.verified) {
-        setError(verifyData.error || 'Code incorrect.')
+        // 401 = the proof of the password step expired (10 min), not a bad code.
+        setError(verifyRes.status === 401
+          ? 'Session expirée. Reconnectez-vous pour recevoir un nouveau code.'
+          : verifyData.error || 'Code incorrect.')
         return
       }
 
@@ -138,6 +146,8 @@ function SupportLoginContent() {
         body: JSON.stringify({ action: 'send', email, challenge }),
       })
       if (res.ok) {
+        const data = await res.json().catch(() => ({}))
+        if (data?.challenge) setChallenge(data.challenge)
         setError('')
       } else {
         // 401 = the challenge expired (10 min): the password must be re-entered.

package/src/styles/BillingView.module.scss

@@ -23,7 +23,7 @@
 }
 
 .subtitle {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 4px 0 0;
   font-size: 14px;
 }
@@ -59,7 +59,7 @@
 .label {
   font-size: 12px;
   font-weight: 700;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 4px;
 }
 
@@ -134,7 +134,7 @@
   border: 1px solid var(--theme-elevation-300);
   border-radius: 8px;
   background: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 14px;
 }
 
@@ -162,7 +162,7 @@
 }
 
 .groupClient {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 10px;
   font-size: 13px;
 }
@@ -190,7 +190,7 @@
 
 .groupAmountStrike {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-decoration: line-through;
 }
 
@@ -208,7 +208,7 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
   text-align: center;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: var(--theme-elevation-50);
   border-bottom: 1px solid var(--theme-elevation-300);
 }
@@ -268,7 +268,7 @@
 }
 
 .secondary {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .billedAmount {
@@ -326,7 +326,7 @@
   border-radius: 4px;
   border: 1px solid var(--theme-elevation-300);
   background: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 10px;
   font-weight: 600;
   cursor: pointer;
@@ -367,7 +367,7 @@
 
 .summaryMeta {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .summaryAction {
@@ -403,7 +403,7 @@
   background: var(--theme-elevation-100);
   border: 1px dashed var(--theme-elevation-300);
   border-radius: 6px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
   font-style: italic;
 }
@@ -423,7 +423,7 @@
 
 .totalMeta {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .totalChecked {

package/src/styles/ChatView.module.scss

@@ -29,7 +29,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 4px 0 0;
 }
 
@@ -67,7 +67,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   letter-spacing: 0.04em;
   border: none;
   cursor: pointer;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   position: relative;
   transition: color 100ms;
@@ -175,7 +175,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
 
 .sessionPreview {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -233,7 +233,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   border-radius: 6px;
   border: 1px solid var(--theme-elevation-200);
   background: none;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-weight: 600;
   font-size: 12px;
   cursor: pointer;
@@ -301,7 +301,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   border-color: var(--theme-elevation-200);
   padding: 6px 14px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-radius: 8px;
   max-width: 80%;
 }
@@ -339,7 +339,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   font-weight: 700;
   margin-bottom: 4px;
   opacity: 0.7;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .bubbleBody {
@@ -373,7 +373,7 @@ $font-stack: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui,
   font-size: 12px;
   font-weight: 600;
   background: none;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 80ms;
 

package/src/styles/CommandPalette.module.scss

@@ -121,7 +121,7 @@
 
 .itemSub {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 1px;
 }
 

package/src/styles/CrmView.module.scss

@@ -34,7 +34,7 @@ $red: #dc2626;
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-weight: 400;
 }
 
@@ -125,7 +125,7 @@ $red: #dc2626;
 
 .clientName {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .clientEmail {
@@ -181,7 +181,7 @@ $red: #dc2626;
 
 .clientHeaderContact {
   font-size: 14px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 4px;
 }
 
@@ -199,7 +199,7 @@ $red: #dc2626;
   background: var(--theme-elevation-50);
   border-radius: 6px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-style: italic;
 }
 
@@ -281,7 +281,7 @@ $red: #dc2626;
 
 .mergePanelDesc {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 10px;
   line-height: 1.5;
 }
@@ -328,13 +328,13 @@ $red: #dc2626;
 }
 
 .mergeResultName {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
 .mergeEmpty {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-style: italic;
   margin: 0;
 }
@@ -355,7 +355,7 @@ $red: #dc2626;
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   letter-spacing: 0.03em;
 }
 
@@ -477,7 +477,7 @@ $red: #dc2626;
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
   letter-spacing: 0.03em;
 }

package/src/styles/EmailTracking.module.scss

@@ -42,7 +42,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-bottom: 6px;
 }
 
@@ -55,7 +55,7 @@
 .statUnit {
   font-size: 14px;
   font-weight: 500;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 2px;
 }
 
@@ -78,7 +78,7 @@
   padding: 8px 14px;
   font-size: 13px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   border-bottom: 2px solid transparent;
@@ -104,7 +104,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 80ms;
   &:hover { background: var(--theme-elevation-100); }
@@ -141,7 +141,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
 }
 
@@ -217,7 +217,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   &:hover { background: var(--theme-elevation-100); }
   &:disabled { opacity: 0.4; cursor: not-allowed; }

package/src/styles/ImportConversation.module.scss

@@ -89,7 +89,7 @@
 
 .dropzoneText {
   font-size: 15px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-top: 8px;
 }
 
@@ -122,7 +122,7 @@
 .sectionTitleRight {
   font-weight: 400;
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: auto;
 }
 
@@ -139,7 +139,7 @@
 
 .infoLabel {
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   min-width: 100px;
 }
 
@@ -182,11 +182,11 @@
 
 .msgDate {
   font-size: 11px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .msgPreview {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   font-size: 12px;
   line-height: 1.4;
 }

package/src/styles/Logs.module.scss

@@ -34,7 +34,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   transition: all 100ms;
   &:hover { background: var(--theme-elevation-100); color: var(--theme-text); }
@@ -57,7 +57,7 @@
   padding: 10px 16px;
   font-size: 13px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: none;
   border: none;
   border-bottom: 2px solid transparent;
@@ -80,7 +80,7 @@
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   border-bottom: 1px solid var(--theme-elevation-200);
 }
 
@@ -128,7 +128,7 @@
   background: none;
   font-size: 12px;
   font-weight: 600;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   cursor: pointer;
   &:hover { background: var(--theme-elevation-100); }
   &:disabled { opacity: 0.4; cursor: not-allowed; }
@@ -136,7 +136,7 @@
 
 .pageInfo {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .empty {

package/src/styles/NewTicket.module.scss

@@ -13,7 +13,7 @@
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-decoration: none;
   font-size: 13px;
   font-weight: 500;
@@ -30,7 +30,7 @@
 
 .subtitle {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0 0 24px;
 }
 

package/src/styles/PendingEmails.module.scss

@@ -56,7 +56,7 @@ $radius-pill: 20px;
 }
 
 .subtitle {
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin: 0;
   font-size: 14px;
 }
@@ -86,7 +86,7 @@ $radius-pill: 20px;
   font-size: 13px;
   font-weight: 600;
   border-bottom: 2px solid transparent;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   background: transparent;
   transition: color 100ms, border-color 100ms;
 
@@ -156,7 +156,7 @@ $radius-pill: 20px;
 
 .senderEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .cardSubject {
@@ -171,7 +171,7 @@ $radius-pill: 20px;
   align-items: center;
   gap: 10px;
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 .attachment {
@@ -226,7 +226,7 @@ $radius-pill: 20px;
 
 .suggestionLow {
   background-color: var(--theme-elevation-100);
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
 }
 
 // ── Body preview ─────────────────────────────────────────────
@@ -236,7 +236,7 @@ $radius-pill: 20px;
 
 .bodyText {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   line-height: 1.5;
 }
 
@@ -353,7 +353,7 @@ $radius-pill: 20px;
   background: none;
   border: none;
   cursor: pointer;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 4px;
   border-radius: 4px;
   display: flex;
@@ -368,7 +368,7 @@ $radius-pill: 20px;
 .sectionLabel {
   font-size: 12px;
   font-weight: 700;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   margin-bottom: 8px;
@@ -433,7 +433,7 @@ $radius-pill: 20px;
 }
 
 .scoreLow {
-  background-color: var(--theme-elevation-500);
+  background-color: var(--theme-elevation-650);
 }
 
 // ── Detected client row ──────────────────────────────────────
@@ -456,7 +456,7 @@ $radius-pill: 20px;
 
 .detectedEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
@@ -481,7 +481,7 @@ $radius-pill: 20px;
 
 .clientResultEmail {
   font-size: 12px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   margin-left: 8px;
 }
 
@@ -523,13 +523,13 @@ $radius-pill: 20px;
 
 .searchingHint {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 8px;
 }
 
 .noResults {
   font-size: 13px;
-  color: var(--theme-elevation-500);
+  color: var(--theme-elevation-650);
   padding: 8px;
 }