npm - @atlashub/smartstack - Versions diffs - 3.11.0 → 3.14.0 - Mend

@atlashub/smartstack 3.11.0 → 3.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1016) hide show

package/dist/SupportMyTicketsDocPage-D2f6DaKb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SupportMyTicketsDocPage-D2f6DaKb.js","sources":["../src/pages/system/docs/user/SupportMyTicketsDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n UserCheck,\r\n ArrowRight,\r\n Shield,\r\n Search,\r\n Filter,\r\n Eye,\r\n Clock,\r\n AlertTriangle,\r\n Info,\r\n HelpCircle,\r\n MessageSquare,\r\n Gauge,\r\n} from 'lucide-react';\r\n\r\nconst mockAgentTickets = [\r\n { number: 'TKT-2024-001', title: 'Probleme de connexion', requester: 'Jean Dupont', priority: 'High', status: 'InProgress', sla: 'warning', slaText: '45min left', date: '09/01/2026 14:30' },\r\n { number: 'TKT-2024-004', title: 'Erreur critique serveur', requester: 'Marie Martin', priority: 'Critical', status: 'Open', sla: 'breached', slaText: 'SLA Breached', date: '09/01/2026 10:15' },\r\n { number: 'TKT-2024-005', title: 'Mise a jour mot de passe', requester: 'Pierre Durand', priority: 'Medium', status: 'InProgress', sla: 'ok', slaText: '4h left', date: '08/01/2026 16:00' },\r\n { number: 'TKT-2024-008', title: 'Question facturation', requester: 'Sophie Bernard', priority: 'Low', status: 'OnHold', sla: null, slaText: null, date: '07/01/2026 09:45' },\r\n];\r\n\r\nconst statusConfig = {\r\n Open: { label: 'Ouvert', color: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20' },\r\n InProgress: { label: 'En cours', color: 'bg-blue-500/10 text-blue-600 border-blue-500/20' },\r\n OnHold: { label: 'En attente', color: 'bg-orange-500/10 text-orange-600 border-orange-500/20' },\r\n Resolved: { label: 'Resolu', color: 'bg-green-500/10 text-green-600 border-green-500/20' },\r\n};\r\n\r\nconst priorityConfig = {\r\n Low: { label: 'Basse', color: 'bg-blue-100 text-blue-800' },\r\n Medium: { label: 'Moyenne', color: 'bg-yellow-100 text-yellow-800' },\r\n High: { label: 'Haute', color: 'bg-orange-100 text-orange-800' },\r\n Critical: { label: 'Critique', color: 'bg-red-600 text-white' },\r\n};\r\n\r\nconst slaStates = [\r\n { state: 'OK', description: 'Temps restant > 8h', color: 'bg-green-500/10 text-green-600', icon: Clock },\r\n { state: 'Warning', description: 'Temps restant < 8h', color: 'bg-yellow-500/10 text-yellow-600', icon: Clock },\r\n { state: 'Critical', description: 'Temps restant < 2h', color: 'bg-orange-500/10 text-orange-600', icon: Clock },\r\n { state: 'Breached', description: 'SLA depasse', color: 'bg-red-500/10 text-red-600', icon: AlertTriangle },\r\n];\r\n\r\nconst faqItems = [\r\n {\r\n question: 'Pourquoi certains tickets n\\'ont pas d\\'indicateur SLA ?',\r\n answer: 'Les tickets en statut \"On Hold\" (en attente) ont leur SLA en pause. Le compteur reprend lorsque le ticket repasse en statut actif. Les tickets sans priorite definie n\\'ont pas de SLA configure.',\r\n },\r\n {\r\n question: 'Comment fonctionne le tri des tickets ?',\r\n answer: 'Par defaut, les tickets sont tries par priorite (Critique > Haute > Moyenne > Basse) puis par temps SLA restant. Les tickets en danger sont affiches en premier.',\r\n },\r\n {\r\n question: 'Que signifie le badge \"SLA Breached\" ?',\r\n answer: 'Ce badge indique que le temps de resolution garanti pour ce ticket a ete depasse. Une escalade automatique peut avoir ete declenchee selon la configuration.',\r\n },\r\n {\r\n question: 'Comment filtrer mes tickets urgents ?',\r\n answer: 'Utilisez le filtre de priorite pour afficher uniquement les tickets Critical et High. Combinez avec le filtre de statut \"Open\" pour voir les tickets urgents non commences.',\r\n },\r\n];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET', url: '/api/support/tickets/my', description: 'Liste paginee des tickets de l\\'agent connecte' },\r\n { method: 'GET', url: '/api/support/tickets/{id}', description: 'Detail d\\'un ticket assigne' },\r\n { method: 'PUT', url: '/api/support/tickets/{id}/status', description: 'Changer le statut d\\'un ticket' },\r\n { method: 'POST', url: '/api/support/tickets/{id}/comments', description: 'Ajouter un commentaire' },\r\n];\r\n\r\nexport function SupportMyTicketsDocPage(): ReactElement {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb */}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user/support\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.support')}</Link>\r\n <span>/</span>\r\n <span>{t('support.myTickets.title')}</span>\r\n </div>\r\n\r\n {/* Header */}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <UserCheck className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n Mes Tickets (Agent)\r\n </h1>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n File d'attente personnelle de l'agent avec suivi SLA integre et indicateurs de priorite.\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-green-500/10 text-green-600 border border-green-500/20\">\r\n Agent\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20\">\r\n SLA\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/* Table des matieres */}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h2 className=\"font-semibold mb-3\">Table des matieres</h2>\r\n <nav className=\"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm\">\r\n <a href=\"#introduction\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Introduction</a>\r\n <a href=\"#access\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Acces</a>\r\n <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Vue d'ensemble</a>\r\n <a href=\"#sla\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Indicateurs SLA</a>\r\n <a href=\"#filters\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Filtres</a>\r\n <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">6. FAQ</a>\r\n <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">7. Reference API</a>\r\n </nav>\r\n </div>\r\n\r\n {/* 1. Introduction */}\r\n <section id=\"introduction\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">1</span>\r\n Introduction\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n La page \"Mes Tickets\" est concue specifiquement pour les agents de support. Elle affiche uniquement\r\n les tickets assignes a l'agent connecte, avec des indicateurs SLA en temps reel pour prioriser\r\n efficacement le travail.\r\n </p>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0\">\r\n <UserCheck className=\"w-4 h-4 text-green-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">File personnelle</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Uniquement vos tickets assignes</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Clock className=\"w-4 h-4 text-orange-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Suivi SLA temps reel</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Badges colores selon l'urgence</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Filter className=\"w-4 h-4 text-blue-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Filtres simplifies</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Par statut et priorite</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Gauge className=\"w-4 h-4 text-purple-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Prioritisation automatique</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Tri par urgence et SLA</div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 2. Acces */}\r\n <section id=\"access\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">2</span>\r\n Acces au module\r\n </h2>\r\n\r\n <div className=\"mb-4\">\r\n <div className=\"text-sm font-medium mb-2\">Navigation</div>\r\n <div className=\"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg\">\r\n <span className=\"px-2 py-1 bg-[var(--bg-primary)] rounded\">Support</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded\">My Tickets</span>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mb-4\">\r\n <div className=\"text-sm font-medium mb-2\">URL directe</div>\r\n <code className=\"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono\">\r\n /support/my-tickets\r\n </code>\r\n </div>\r\n\r\n <div>\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Shield className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"text-sm font-medium\">Permissions requises</span>\r\n </div>\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"text-left py-2 px-3 rounded-tl-lg\">Action</th>\r\n <th className=\"text-left py-2 px-3 rounded-tr-lg\">Permission</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3\">Voir ses tickets</td>\r\n <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.read</code></td>\r\n </tr>\r\n <tr>\r\n <td className=\"py-2 px-3\">Modifier ses tickets</td>\r\n <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.update</code></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/* 3. Vue d'ensemble - Maquette */}\r\n <section id=\"overview\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">3</span>\r\n Vue d'ensemble\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n L'interface est optimisee pour le travail quotidien de l'agent avec un focus sur les indicateurs SLA.\r\n </p>\r\n\r\n {/* Maquette */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n {/* Header */}\r\n <div className=\"p-4 border-b border-[var(--border-color)]\">\r\n <div className=\"flex items-center gap-2\">\r\n <UserCheck className=\"w-5 h-5\" />\r\n <span className=\"font-bold\">My Tickets</span>\r\n </div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Tickets assigned to you (4 total)</div>\r\n </div>\r\n\r\n {/* Search & Filters */}\r\n <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-4\">\r\n <div className=\"flex-1 relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search tickets...\"\r\n className=\"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n readOnly\r\n />\r\n </div>\r\n <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm bg-[var(--bg-primary)]\">\r\n <Filter className=\"w-4 h-4\" />\r\n Filters\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Table */}\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead className=\"bg-[var(--bg-secondary)]\">\r\n <tr>\r\n <th className=\"text-left p-3 font-medium\">Ticket</th>\r\n <th className=\"text-left p-3 font-medium\">Title</th>\r\n <th className=\"text-left p-3 font-medium\">Requester</th>\r\n <th className=\"text-left p-3 font-medium\">Priority</th>\r\n <th className=\"text-left p-3 font-medium\">Status</th>\r\n <th className=\"text-left p-3 font-medium\">SLA</th>\r\n <th className=\"text-left p-3 font-medium\">Created</th>\r\n <th className=\"text-right p-3 font-medium\">Actions</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {mockAgentTickets.map((ticket) => (\r\n <tr key={ticket.number} className=\"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]\">\r\n <td className=\"p-3\">\r\n <span className=\"font-mono text-xs font-medium text-[var(--color-primary-600)]\">{ticket.number}</span>\r\n </td>\r\n <td className=\"p-3 font-medium max-w-[200px] truncate\">{ticket.title}</td>\r\n <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.requester}</td>\r\n <td className=\"p-3\">\r\n <span className={`px-2 py-1 text-xs rounded ${priorityConfig[ticket.priority as keyof typeof priorityConfig]?.color}`}>\r\n {priorityConfig[ticket.priority as keyof typeof priorityConfig]?.label}\r\n </span>\r\n </td>\r\n <td className=\"p-3\">\r\n <span className={`px-2 py-1 text-xs rounded border ${statusConfig[ticket.status as keyof typeof statusConfig]?.color}`}>\r\n {statusConfig[ticket.status as keyof typeof statusConfig]?.label}\r\n </span>\r\n </td>\r\n <td className=\"p-3\">\r\n {ticket.sla === 'breached' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-red-500/10 text-red-600\">\r\n <AlertTriangle className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n {ticket.sla === 'warning' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-orange-500/10 text-orange-600\">\r\n <Clock className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n {ticket.sla === 'ok' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-yellow-500/10 text-yellow-600\">\r\n <Clock className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n </td>\r\n <td className=\"p-3 text-[var(--text-secondary)] text-xs\">{ticket.date}</td>\r\n <td className=\"p-3 text-right\">\r\n <button className=\"p-1.5 border border-[var(--border-color)] rounded hover:bg-[var(--bg-secondary)]\">\r\n <Eye className=\"w-4 h-4\" />\r\n </button>\r\n </td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 4. Indicateurs SLA */}\r\n <section id=\"sla\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">4</span>\r\n Indicateurs SLA\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n Chaque ticket affiche un badge SLA colore indiquant le temps restant avant la date limite de resolution.\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\r\n {slaStates.map((state) => (\r\n <div key={state.state} className={`p-4 rounded-lg ${state.color} flex items-center gap-3`}>\r\n <state.icon className=\"w-6 h-6\" />\r\n <div>\r\n <div className=\"font-semibold\">{state.state}</div>\r\n <div className=\"text-sm opacity-80\">{state.description}</div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n <div className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Calcul du temps SLA</h3>\r\n <div className=\"space-y-2 text-sm text-[var(--text-secondary)]\">\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">1</span>\r\n <span>Le SLA est calcule a partir de la date de creation du ticket</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">2</span>\r\n <span>Le temps de resolution depend de la priorite (Critical: 4h, High: 8h, Medium: 24h, Low: 72h)</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">3</span>\r\n <span>Le compteur est pause lorsque le ticket est en statut \"On Hold\"</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">4</span>\r\n <span>Le badge passe en rouge si le SLA est depasse (breach)</span>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 5. Filtres */}\r\n <section id=\"filters\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">5</span>\r\n Filtres disponibles\r\n </h2>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Filtre par statut</h3>\r\n <div className=\"flex flex-wrap gap-2\">\r\n {Object.entries(statusConfig).map(([key, config]) => (\r\n <span key={key} className={`px-3 py-1 text-xs rounded border ${config.color}`}>\r\n {config.label}\r\n </span>\r\n ))}\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-3\">\r\n Filtrez par statut pour voir uniquement les tickets ouverts, en cours, etc.\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Filtre par priorite</h3>\r\n <div className=\"flex flex-wrap gap-2\">\r\n {Object.entries(priorityConfig).map(([key, config]) => (\r\n <span key={key} className={`px-3 py-1 text-xs rounded ${config.color}`}>\r\n {config.label}\r\n </span>\r\n ))}\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-3\">\r\n Concentrez-vous sur les tickets urgents en filtrant par priorite.\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3\">\r\n <AlertTriangle className=\"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <div className=\"font-medium text-amber-600\">Conseil</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n Utilisez le bouton \"Clear Filters\" pour reinitialiser tous les filtres rapidement.\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 6. FAQ */}\r\n <section id=\"faq\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">6</span>\r\n <HelpCircle className=\"w-5 h-5\" />\r\n Questions frequentes\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {faqItems.map((item) => (\r\n <div key={item.question} className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"flex items-start gap-3\">\r\n <MessageSquare className=\"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <h4 className=\"font-medium mb-2\">{item.question}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{item.answer}</p>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* 7. Reference API */}\r\n <section id=\"api\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">7</span>\r\n Reference API\r\n </h2>\r\n\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"text-left py-2 px-3 rounded-tl-lg\">Methode</th>\r\n <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n <th className=\"text-left py-2 px-3 rounded-tr-lg\">Description</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {apiEndpoints.map((endpoint, index) => (\r\n <tr key={`${endpoint.method}-${endpoint.url}-${index}`} className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3\">\r\n <span className={`px-2 py-0.5 rounded text-xs font-medium ${\r\n endpoint.method === 'GET' ? 'bg-green-500/10 text-green-600' :\r\n endpoint.method === 'POST' ? 'bg-yellow-500/10 text-yellow-600' :\r\n 'bg-blue-500/10 text-blue-600'\r\n }`}>\r\n {endpoint.method}\r\n </span>\r\n </td>\r\n <td className=\"py-2 px-3 font-mono text-xs\">{endpoint.url}</td>\r\n <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{endpoint.description}</td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/* Info box */}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3\">\r\n <Info className=\"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <div className=\"font-medium text-blue-600\">Pour aller plus loin</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n Consultez la documentation \"Configuration SLA\" pour comprendre comment sont configures les temps de reponse et resolution.\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user/support-tickets\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n Gestion des Tickets\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/support-sla\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n Configuration SLA\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["mockAgentTickets","statusConfig","priorityConfig","slaStates","Clock","AlertTriangle","faqItems","apiEndpoints","SupportMyTicketsDocPage","t","useTranslation","jsxs","jsx","Link","UserCheck","Filter","Gauge","ArrowRight","Shield","Search","ticket","Eye","state","key","config","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":"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"}

package/dist/{SupportMyTicketsDocPage-jE1UMaIY.cjs → SupportMyTicketsDocPage-Dbp6XBnH.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-router-dom"),c=require("react-i18next"),t=require("lucide-react"),d=[{number:"TKT-2024-001",title:"Probleme de connexion",requester:"Jean Dupont",priority:"High",status:"InProgress",sla:"warning",slaText:"45min left",date:"09/01/2026 14:30"},{number:"TKT-2024-004",title:"Erreur critique serveur",requester:"Marie Martin",priority:"Critical",status:"Open",sla:"breached",slaText:"SLA Breached",date:"09/01/2026 10:15"},{number:"TKT-2024-005",title:"Mise a jour mot de passe",requester:"Pierre Durand",priority:"Medium",status:"InProgress",sla:"ok",slaText:"4h left",date:"08/01/2026 16:00"},{number:"TKT-2024-008",title:"Question facturation",requester:"Sophie Bernard",priority:"Low",status:"OnHold",sla:null,slaText:null,date:"07/01/2026 09:45"}],i={Open:{label:"Ouvert",color:"bg-yellow-500/10 text-yellow-600 border-yellow-500/20"},InProgress:{label:"En cours",color:"bg-blue-500/10 text-blue-600 border-blue-500/20"},OnHold:{label:"En attente",color:"bg-orange-500/10 text-orange-600 border-orange-500/20"},Resolved:{label:"Resolu",color:"bg-green-500/10 text-green-600 border-green-500/20"}},n={Low:{label:"Basse",color:"bg-blue-100 text-blue-800"},Medium:{label:"Moyenne",color:"bg-yellow-100 text-yellow-800"},High:{label:"Haute",color:"bg-orange-100 text-orange-800"},Critical:{label:"Critique",color:"bg-red-600 text-white"}},o=[{state:"OK",description:"Temps restant > 8h",color:"bg-green-500/10 text-green-600",icon:t.Clock},{state:"Warning",description:"Temps restant < 8h",color:"bg-yellow-500/10 text-yellow-600",icon:t.Clock},{state:"Critical",description:"Temps restant < 2h",color:"bg-orange-500/10 text-orange-600",icon:t.Clock},{state:"Breached",description:"SLA depasse",color:"bg-red-500/10 text-red-600",icon:t.AlertTriangle}],x=[{question:"Pourquoi certains tickets n'ont pas d'indicateur SLA ?",answer:`Les tickets en statut "On Hold" (en attente) ont leur SLA en pause. Le compteur reprend lorsque le ticket repasse en statut actif. Les tickets sans priorite definie n'ont pas de SLA configure.`},{question:"Comment fonctionne le tri des tickets ?",answer:"Par defaut, les tickets sont tries par priorite (Critique > Haute > Moyenne > Basse) puis par temps SLA restant. Les tickets en danger sont affiches en premier."},{question:'Que signifie le badge "SLA Breached" ?',answer:"Ce badge indique que le temps de resolution garanti pour ce ticket a ete depasse. Une escalade automatique peut avoir ete declenchee selon la configuration."},{question:"Comment filtrer mes tickets urgents ?",answer:'Utilisez le filtre de priorite pour afficher uniquement les tickets Critical et High. Combinez avec le filtre de statut "Open" pour voir les tickets urgents non commences.'}],m=[{method:"GET",url:"/api/support/tickets/my",description:"Liste paginee des tickets de l'agent connecte"},{method:"GET",url:"/api/support/tickets/{id}",description:"Detail d'un ticket assigne"},{method:"PUT",url:"/api/support/tickets/{id}/status",description:"Changer le statut d'un ticket"},{method:"POST",url:"/api/support/tickets/{id}/comments",description:"Ajouter un commentaire"}];function p(){const{t:l}=c.useTranslation("docs");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[var(--text-secondary)]",children:[e.jsx(a.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(a.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(a.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:l("support.myTickets.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(t.UserCheck,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Mes Tickets (Agent)"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"File d'attente personnelle de l'agent avec suivi SLA integre et indicateurs de priorite."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-green-500/10 text-green-600 border border-green-500/20",children:"Agent"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20",children:"SLA"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Vue d'ensemble"}),e.jsx("a",{href:"#sla",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Indicateurs SLA"}),e.jsx("a",{href:"#filters",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Filtres"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"6. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"7. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:`La page "Mes Tickets" est concue specifiquement pour les agents de support. Elle affiche uniquement les tickets assignes a l'agent connecte, avec des indicateurs SLA en temps reel pour prioriser efficacement le travail.`}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.UserCheck,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"File personnelle"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Uniquement vos tickets assignes"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Clock,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Suivi SLA temps reel"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Badges colores selon l'urgence"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Filter,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Filtres simplifies"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Par statut et priorite"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Gauge,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Prioritisation automatique"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tri par urgence et SLA"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(t.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"My Tickets"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/my-tickets"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir ses tickets"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.tickets.read"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier ses tickets"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.tickets.update"})})]})]})]})]})]}),e.jsxs("section",{id:"overview",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Vue d'ensemble"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"L'interface est optimisee pour le travail quotidien de l'agent avec un focus sur les indicateurs SLA."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.UserCheck,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"My Tickets"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tickets assigned to you (4 total)"})]}),e.jsx("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(t.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("input",{type:"text",placeholder:"Search tickets...",className:"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",readOnly:!0})]}),e.jsxs("button",{className:"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm bg-[var(--bg-primary)]",children:[e.jsx(t.Filter,{className:"w-4 h-4"}),"Filters"]})]})}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left p-3 font-medium",children:"Ticket"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Title"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Requester"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Priority"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Status"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"SLA"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Created"}),e.jsx("th",{className:"text-right p-3 font-medium",children:"Actions"})]})}),e.jsx("tbody",{children:d.map(s=>e.jsxs("tr",{className:"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]",children:[e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"font-mono text-xs font-medium text-[var(--color-primary-600)]",children:s.number})}),e.jsx("td",{className:"p-3 font-medium max-w-[200px] truncate",children:s.title}),e.jsx("td",{className:"p-3 text-[var(--text-secondary)]",children:s.requester}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded ${n[s.priority]?.color}`,children:n[s.priority]?.label})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded border ${i[s.status]?.color}`,children:i[s.status]?.label})}),e.jsxs("td",{className:"p-3",children:[s.sla==="breached"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-red-500/10 text-red-600",children:[e.jsx(t.AlertTriangle,{className:"w-3 h-3"}),s.slaText]}),s.sla==="warning"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-orange-500/10 text-orange-600",children:[e.jsx(t.Clock,{className:"w-3 h-3"}),s.slaText]}),s.sla==="ok"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-yellow-500/10 text-yellow-600",children:[e.jsx(t.Clock,{className:"w-3 h-3"}),s.slaText]})]}),e.jsx("td",{className:"p-3 text-[var(--text-secondary)] text-xs",children:s.date}),e.jsx("td",{className:"p-3 text-right",children:e.jsx("button",{className:"p-1.5 border border-[var(--border-color)] rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(t.Eye,{className:"w-4 h-4"})})})]},s.number))})]})})]})]}),e.jsxs("section",{id:"sla",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Indicateurs SLA"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Chaque ticket affiche un badge SLA colore indiquant le temps restant avant la date limite de resolution."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:o.map(s=>e.jsxs("div",{className:`p-4 rounded-lg ${s.color} flex items-center gap-3`,children:[e.jsx(s.icon,{className:"w-6 h-6"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:s.state}),e.jsx("div",{className:"text-sm opacity-80",children:s.description})]})]},s.state))}),e.jsxs("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Calcul du temps SLA"}),e.jsxs("div",{className:"space-y-2 text-sm text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"1"}),e.jsx("span",{children:"Le SLA est calcule a partir de la date de creation du ticket"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"2"}),e.jsx("span",{children:"Le temps de resolution depend de la priorite (Critical: 4h, High: 8h, Medium: 24h, Low: 72h)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"3"}),e.jsx("span",{children:'Le compteur est pause lorsque le ticket est en statut "On Hold"'})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"4"}),e.jsx("span",{children:"Le badge passe en rouge si le SLA est depasse (breach)"})]})]})]})]}),e.jsxs("section",{id:"filters",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Filtres disponibles"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Filtre par statut"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Object.entries(i).map(([s,r])=>e.jsx("span",{className:`px-3 py-1 text-xs rounded border ${r.color}`,children:r.label},s))}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-3",children:"Filtrez par statut pour voir uniquement les tickets ouverts, en cours, etc."})]}),e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Filtre par priorite"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Object.entries(n).map(([s,r])=>e.jsx("span",{className:`px-3 py-1 text-xs rounded ${r.color}`,children:r.label},s))}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-3",children:"Concentrez-vous sur les tickets urgents en filtrant par priorite."})]})]}),e.jsxs("div",{className:"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3",children:[e.jsx(t.AlertTriangle,{className:"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-amber-600",children:"Conseil"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Utilisez le bouton "Clear Filters" pour reinitialiser tous les filtres rapidement.'})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),e.jsx(t.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:x.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(t.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:m.map((s,r)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":"bg-blue-500/10 text-blue-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},r))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(t.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Pour aller plus loin"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Consultez la documentation "Configuration SLA" pour comprendre comment sont configures les temps de reponse et resolution.'})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(a.Link,{to:"/system/docs/user/support-tickets",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Gestion des Tickets"]}),e.jsxs(a.Link,{to:"/system/docs/user/support-sla",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Configuration SLA",e.jsx(t.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportMyTicketsDocPage=p;
-//# sourceMappingURL=SupportMyTicketsDocPage-jE1UMaIY.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-router-dom"),c=require("react-i18next"),t=require("lucide-react"),d=[{number:"TKT-2024-001",title:"Probleme de connexion",requester:"Jean Dupont",priority:"High",status:"InProgress",sla:"warning",slaText:"45min left",date:"09/01/2026 14:30"},{number:"TKT-2024-004",title:"Erreur critique serveur",requester:"Marie Martin",priority:"Critical",status:"Open",sla:"breached",slaText:"SLA Breached",date:"09/01/2026 10:15"},{number:"TKT-2024-005",title:"Mise a jour mot de passe",requester:"Pierre Durand",priority:"Medium",status:"InProgress",sla:"ok",slaText:"4h left",date:"08/01/2026 16:00"},{number:"TKT-2024-008",title:"Question facturation",requester:"Sophie Bernard",priority:"Low",status:"OnHold",sla:null,slaText:null,date:"07/01/2026 09:45"}],i={Open:{label:"Ouvert",color:"bg-yellow-500/10 text-yellow-600 border-yellow-500/20"},InProgress:{label:"En cours",color:"bg-blue-500/10 text-blue-600 border-blue-500/20"},OnHold:{label:"En attente",color:"bg-orange-500/10 text-orange-600 border-orange-500/20"},Resolved:{label:"Resolu",color:"bg-green-500/10 text-green-600 border-green-500/20"}},n={Low:{label:"Basse",color:"bg-blue-100 text-blue-800"},Medium:{label:"Moyenne",color:"bg-yellow-100 text-yellow-800"},High:{label:"Haute",color:"bg-orange-100 text-orange-800"},Critical:{label:"Critique",color:"bg-red-600 text-white"}},o=[{state:"OK",description:"Temps restant > 8h",color:"bg-green-500/10 text-green-600",icon:t.Clock},{state:"Warning",description:"Temps restant < 8h",color:"bg-yellow-500/10 text-yellow-600",icon:t.Clock},{state:"Critical",description:"Temps restant < 2h",color:"bg-orange-500/10 text-orange-600",icon:t.Clock},{state:"Breached",description:"SLA depasse",color:"bg-red-500/10 text-red-600",icon:t.AlertTriangle}],x=[{question:"Pourquoi certains tickets n'ont pas d'indicateur SLA ?",answer:`Les tickets en statut "On Hold" (en attente) ont leur SLA en pause. Le compteur reprend lorsque le ticket repasse en statut actif. Les tickets sans priorite definie n'ont pas de SLA configure.`},{question:"Comment fonctionne le tri des tickets ?",answer:"Par defaut, les tickets sont tries par priorite (Critique > Haute > Moyenne > Basse) puis par temps SLA restant. Les tickets en danger sont affiches en premier."},{question:'Que signifie le badge "SLA Breached" ?',answer:"Ce badge indique que le temps de resolution garanti pour ce ticket a ete depasse. Une escalade automatique peut avoir ete declenchee selon la configuration."},{question:"Comment filtrer mes tickets urgents ?",answer:'Utilisez le filtre de priorite pour afficher uniquement les tickets Critical et High. Combinez avec le filtre de statut "Open" pour voir les tickets urgents non commences.'}],m=[{method:"GET",url:"/api/support/tickets/my",description:"Liste paginee des tickets de l'agent connecte"},{method:"GET",url:"/api/support/tickets/{id}",description:"Detail d'un ticket assigne"},{method:"PUT",url:"/api/support/tickets/{id}/status",description:"Changer le statut d'un ticket"},{method:"POST",url:"/api/support/tickets/{id}/comments",description:"Ajouter un commentaire"}];function p(){const{t:l}=c.useTranslation("docs");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[var(--text-secondary)]",children:[e.jsx(a.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(a.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(a.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:l("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:l("support.myTickets.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(t.UserCheck,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Mes Tickets (Agent)"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"File d'attente personnelle de l'agent avec suivi SLA integre et indicateurs de priorite."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-green-500/10 text-green-600 border border-green-500/20",children:"Agent"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20",children:"SLA"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Vue d'ensemble"}),e.jsx("a",{href:"#sla",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Indicateurs SLA"}),e.jsx("a",{href:"#filters",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Filtres"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"6. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"7. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:`La page "Mes Tickets" est concue specifiquement pour les agents de support. Elle affiche uniquement les tickets assignes a l'agent connecte, avec des indicateurs SLA en temps reel pour prioriser efficacement le travail.`}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.UserCheck,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"File personnelle"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Uniquement vos tickets assignes"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Clock,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Suivi SLA temps reel"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Badges colores selon l'urgence"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Filter,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Filtres simplifies"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Par statut et priorite"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(t.Gauge,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Prioritisation automatique"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tri par urgence et SLA"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(t.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"My Tickets"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/my-tickets"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir ses tickets"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.tickets.read"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier ses tickets"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.tickets.update"})})]})]})]})]})]}),e.jsxs("section",{id:"overview",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Vue d'ensemble"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"L'interface est optimisee pour le travail quotidien de l'agent avec un focus sur les indicateurs SLA."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.UserCheck,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"My Tickets"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Tickets assigned to you (4 total)"})]}),e.jsx("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(t.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("input",{type:"text",placeholder:"Search tickets...",className:"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",readOnly:!0})]}),e.jsxs("button",{className:"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm bg-[var(--bg-primary)]",children:[e.jsx(t.Filter,{className:"w-4 h-4"}),"Filters"]})]})}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left p-3 font-medium",children:"Ticket"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Title"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Requester"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Priority"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Status"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"SLA"}),e.jsx("th",{className:"text-left p-3 font-medium",children:"Created"}),e.jsx("th",{className:"text-right p-3 font-medium",children:"Actions"})]})}),e.jsx("tbody",{children:d.map(s=>e.jsxs("tr",{className:"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]",children:[e.jsx("td",{className:"p-3",children:e.jsx("span",{className:"font-mono text-xs font-medium text-[var(--color-primary-600)]",children:s.number})}),e.jsx("td",{className:"p-3 font-medium max-w-[200px] truncate",children:s.title}),e.jsx("td",{className:"p-3 text-[var(--text-secondary)]",children:s.requester}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded ${n[s.priority]?.color}`,children:n[s.priority]?.label})}),e.jsx("td",{className:"p-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded border ${i[s.status]?.color}`,children:i[s.status]?.label})}),e.jsxs("td",{className:"p-3",children:[s.sla==="breached"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-red-500/10 text-red-600",children:[e.jsx(t.AlertTriangle,{className:"w-3 h-3"}),s.slaText]}),s.sla==="warning"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-orange-500/10 text-orange-600",children:[e.jsx(t.Clock,{className:"w-3 h-3"}),s.slaText]}),s.sla==="ok"&&e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-yellow-500/10 text-yellow-600",children:[e.jsx(t.Clock,{className:"w-3 h-3"}),s.slaText]})]}),e.jsx("td",{className:"p-3 text-[var(--text-secondary)] text-xs",children:s.date}),e.jsx("td",{className:"p-3 text-right",children:e.jsx("button",{className:"p-1.5 border border-[var(--border-color)] rounded hover:bg-[var(--bg-secondary)]",children:e.jsx(t.Eye,{className:"w-4 h-4"})})})]},s.number))})]})})]})]}),e.jsxs("section",{id:"sla",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Indicateurs SLA"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Chaque ticket affiche un badge SLA colore indiquant le temps restant avant la date limite de resolution."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6",children:o.map(s=>e.jsxs("div",{className:`p-4 rounded-lg ${s.color} flex items-center gap-3`,children:[e.jsx(s.icon,{className:"w-6 h-6"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:s.state}),e.jsx("div",{className:"text-sm opacity-80",children:s.description})]})]},s.state))}),e.jsxs("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Calcul du temps SLA"}),e.jsxs("div",{className:"space-y-2 text-sm text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"1"}),e.jsx("span",{children:"Le SLA est calcule a partir de la date de creation du ticket"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"2"}),e.jsx("span",{children:"Le temps de resolution depend de la priorite (Critical: 4h, High: 8h, Medium: 24h, Low: 72h)"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"3"}),e.jsx("span",{children:'Le compteur est pause lorsque le ticket est en statut "On Hold"'})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold",children:"4"}),e.jsx("span",{children:"Le badge passe en rouge si le SLA est depasse (breach)"})]})]})]})]}),e.jsxs("section",{id:"filters",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Filtres disponibles"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Filtre par statut"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Object.entries(i).map(([s,r])=>e.jsx("span",{className:`px-3 py-1 text-xs rounded border ${r.color}`,children:r.label},s))}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-3",children:"Filtrez par statut pour voir uniquement les tickets ouverts, en cours, etc."})]}),e.jsxs("div",{className:"p-4 border border-[var(--border-color)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Filtre par priorite"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:Object.entries(n).map(([s,r])=>e.jsx("span",{className:`px-3 py-1 text-xs rounded ${r.color}`,children:r.label},s))}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-3",children:"Concentrez-vous sur les tickets urgents en filtrant par priorite."})]})]}),e.jsxs("div",{className:"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3",children:[e.jsx(t.AlertTriangle,{className:"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-amber-600",children:"Conseil"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Utilisez le bouton "Clear Filters" pour reinitialiser tous les filtres rapidement.'})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),e.jsx(t.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:x.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(t.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:m.map((s,r)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":"bg-blue-500/10 text-blue-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},`${s.method}-${s.url}-${r}`))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(t.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Pour aller plus loin"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Consultez la documentation "Configuration SLA" pour comprendre comment sont configures les temps de reponse et resolution.'})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(a.Link,{to:"/system/docs/user/support-tickets",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Gestion des Tickets"]}),e.jsxs(a.Link,{to:"/system/docs/user/support-sla",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Configuration SLA",e.jsx(t.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportMyTicketsDocPage=p;
+//# sourceMappingURL=SupportMyTicketsDocPage-Dbp6XBnH.cjs.map

package/dist/SupportMyTicketsDocPage-Dbp6XBnH.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SupportMyTicketsDocPage-Dbp6XBnH.cjs","sources":["../src/pages/system/docs/user/SupportMyTicketsDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n UserCheck,\r\n ArrowRight,\r\n Shield,\r\n Search,\r\n Filter,\r\n Eye,\r\n Clock,\r\n AlertTriangle,\r\n Info,\r\n HelpCircle,\r\n MessageSquare,\r\n Gauge,\r\n} from 'lucide-react';\r\n\r\nconst mockAgentTickets = [\r\n { number: 'TKT-2024-001', title: 'Probleme de connexion', requester: 'Jean Dupont', priority: 'High', status: 'InProgress', sla: 'warning', slaText: '45min left', date: '09/01/2026 14:30' },\r\n { number: 'TKT-2024-004', title: 'Erreur critique serveur', requester: 'Marie Martin', priority: 'Critical', status: 'Open', sla: 'breached', slaText: 'SLA Breached', date: '09/01/2026 10:15' },\r\n { number: 'TKT-2024-005', title: 'Mise a jour mot de passe', requester: 'Pierre Durand', priority: 'Medium', status: 'InProgress', sla: 'ok', slaText: '4h left', date: '08/01/2026 16:00' },\r\n { number: 'TKT-2024-008', title: 'Question facturation', requester: 'Sophie Bernard', priority: 'Low', status: 'OnHold', sla: null, slaText: null, date: '07/01/2026 09:45' },\r\n];\r\n\r\nconst statusConfig = {\r\n Open: { label: 'Ouvert', color: 'bg-yellow-500/10 text-yellow-600 border-yellow-500/20' },\r\n InProgress: { label: 'En cours', color: 'bg-blue-500/10 text-blue-600 border-blue-500/20' },\r\n OnHold: { label: 'En attente', color: 'bg-orange-500/10 text-orange-600 border-orange-500/20' },\r\n Resolved: { label: 'Resolu', color: 'bg-green-500/10 text-green-600 border-green-500/20' },\r\n};\r\n\r\nconst priorityConfig = {\r\n Low: { label: 'Basse', color: 'bg-blue-100 text-blue-800' },\r\n Medium: { label: 'Moyenne', color: 'bg-yellow-100 text-yellow-800' },\r\n High: { label: 'Haute', color: 'bg-orange-100 text-orange-800' },\r\n Critical: { label: 'Critique', color: 'bg-red-600 text-white' },\r\n};\r\n\r\nconst slaStates = [\r\n { state: 'OK', description: 'Temps restant > 8h', color: 'bg-green-500/10 text-green-600', icon: Clock },\r\n { state: 'Warning', description: 'Temps restant < 8h', color: 'bg-yellow-500/10 text-yellow-600', icon: Clock },\r\n { state: 'Critical', description: 'Temps restant < 2h', color: 'bg-orange-500/10 text-orange-600', icon: Clock },\r\n { state: 'Breached', description: 'SLA depasse', color: 'bg-red-500/10 text-red-600', icon: AlertTriangle },\r\n];\r\n\r\nconst faqItems = [\r\n {\r\n question: 'Pourquoi certains tickets n\\'ont pas d\\'indicateur SLA ?',\r\n answer: 'Les tickets en statut \"On Hold\" (en attente) ont leur SLA en pause. Le compteur reprend lorsque le ticket repasse en statut actif. Les tickets sans priorite definie n\\'ont pas de SLA configure.',\r\n },\r\n {\r\n question: 'Comment fonctionne le tri des tickets ?',\r\n answer: 'Par defaut, les tickets sont tries par priorite (Critique > Haute > Moyenne > Basse) puis par temps SLA restant. Les tickets en danger sont affiches en premier.',\r\n },\r\n {\r\n question: 'Que signifie le badge \"SLA Breached\" ?',\r\n answer: 'Ce badge indique que le temps de resolution garanti pour ce ticket a ete depasse. Une escalade automatique peut avoir ete declenchee selon la configuration.',\r\n },\r\n {\r\n question: 'Comment filtrer mes tickets urgents ?',\r\n answer: 'Utilisez le filtre de priorite pour afficher uniquement les tickets Critical et High. Combinez avec le filtre de statut \"Open\" pour voir les tickets urgents non commences.',\r\n },\r\n];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET', url: '/api/support/tickets/my', description: 'Liste paginee des tickets de l\\'agent connecte' },\r\n { method: 'GET', url: '/api/support/tickets/{id}', description: 'Detail d\\'un ticket assigne' },\r\n { method: 'PUT', url: '/api/support/tickets/{id}/status', description: 'Changer le statut d\\'un ticket' },\r\n { method: 'POST', url: '/api/support/tickets/{id}/comments', description: 'Ajouter un commentaire' },\r\n];\r\n\r\nexport function SupportMyTicketsDocPage(): ReactElement {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb */}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user/support\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.support')}</Link>\r\n <span>/</span>\r\n <span>{t('support.myTickets.title')}</span>\r\n </div>\r\n\r\n {/* Header */}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <UserCheck className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n Mes Tickets (Agent)\r\n </h1>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n File d'attente personnelle de l'agent avec suivi SLA integre et indicateurs de priorite.\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-green-500/10 text-green-600 border border-green-500/20\">\r\n Agent\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-orange-500/10 text-orange-600 border border-orange-500/20\">\r\n SLA\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/* Table des matieres */}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h2 className=\"font-semibold mb-3\">Table des matieres</h2>\r\n <nav className=\"grid grid-cols-2 md:grid-cols-3 gap-2 text-sm\">\r\n <a href=\"#introduction\" className=\"text-[var(--color-primary-600)] hover:underline\">1. Introduction</a>\r\n <a href=\"#access\" className=\"text-[var(--color-primary-600)] hover:underline\">2. Acces</a>\r\n <a href=\"#overview\" className=\"text-[var(--color-primary-600)] hover:underline\">3. Vue d'ensemble</a>\r\n <a href=\"#sla\" className=\"text-[var(--color-primary-600)] hover:underline\">4. Indicateurs SLA</a>\r\n <a href=\"#filters\" className=\"text-[var(--color-primary-600)] hover:underline\">5. Filtres</a>\r\n <a href=\"#faq\" className=\"text-[var(--color-primary-600)] hover:underline\">6. FAQ</a>\r\n <a href=\"#api\" className=\"text-[var(--color-primary-600)] hover:underline\">7. Reference API</a>\r\n </nav>\r\n </div>\r\n\r\n {/* 1. Introduction */}\r\n <section id=\"introduction\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">1</span>\r\n Introduction\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n La page \"Mes Tickets\" est concue specifiquement pour les agents de support. Elle affiche uniquement\r\n les tickets assignes a l'agent connecte, avec des indicateurs SLA en temps reel pour prioriser\r\n efficacement le travail.\r\n </p>\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0\">\r\n <UserCheck className=\"w-4 h-4 text-green-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">File personnelle</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Uniquement vos tickets assignes</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Clock className=\"w-4 h-4 text-orange-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Suivi SLA temps reel</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Badges colores selon l'urgence</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Filter className=\"w-4 h-4 text-blue-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Filtres simplifies</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Par statut et priorite</div>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <div className=\"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Gauge className=\"w-4 h-4 text-purple-500\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium\">Prioritisation automatique</div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Tri par urgence et SLA</div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 2. Acces */}\r\n <section id=\"access\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">2</span>\r\n Acces au module\r\n </h2>\r\n\r\n <div className=\"mb-4\">\r\n <div className=\"text-sm font-medium mb-2\">Navigation</div>\r\n <div className=\"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg\">\r\n <span className=\"px-2 py-1 bg-[var(--bg-primary)] rounded\">Support</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded\">My Tickets</span>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mb-4\">\r\n <div className=\"text-sm font-medium mb-2\">URL directe</div>\r\n <code className=\"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono\">\r\n /support/my-tickets\r\n </code>\r\n </div>\r\n\r\n <div>\r\n <div className=\"flex items-center gap-2 mb-2\">\r\n <Shield className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"text-sm font-medium\">Permissions requises</span>\r\n </div>\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"text-left py-2 px-3 rounded-tl-lg\">Action</th>\r\n <th className=\"text-left py-2 px-3 rounded-tr-lg\">Permission</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3\">Voir ses tickets</td>\r\n <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.read</code></td>\r\n </tr>\r\n <tr>\r\n <td className=\"py-2 px-3\">Modifier ses tickets</td>\r\n <td className=\"py-2 px-3\"><code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">support.tickets.update</code></td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/* 3. Vue d'ensemble - Maquette */}\r\n <section id=\"overview\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">3</span>\r\n Vue d'ensemble\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n L'interface est optimisee pour le travail quotidien de l'agent avec un focus sur les indicateurs SLA.\r\n </p>\r\n\r\n {/* Maquette */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n {/* Header */}\r\n <div className=\"p-4 border-b border-[var(--border-color)]\">\r\n <div className=\"flex items-center gap-2\">\r\n <UserCheck className=\"w-5 h-5\" />\r\n <span className=\"font-bold\">My Tickets</span>\r\n </div>\r\n <div className=\"text-sm text-[var(--text-secondary)]\">Tickets assigned to you (4 total)</div>\r\n </div>\r\n\r\n {/* Search & Filters */}\r\n <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-4\">\r\n <div className=\"flex-1 relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search tickets...\"\r\n className=\"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n readOnly\r\n />\r\n </div>\r\n <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg flex items-center gap-2 text-sm bg-[var(--bg-primary)]\">\r\n <Filter className=\"w-4 h-4\" />\r\n Filters\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Table */}\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead className=\"bg-[var(--bg-secondary)]\">\r\n <tr>\r\n <th className=\"text-left p-3 font-medium\">Ticket</th>\r\n <th className=\"text-left p-3 font-medium\">Title</th>\r\n <th className=\"text-left p-3 font-medium\">Requester</th>\r\n <th className=\"text-left p-3 font-medium\">Priority</th>\r\n <th className=\"text-left p-3 font-medium\">Status</th>\r\n <th className=\"text-left p-3 font-medium\">SLA</th>\r\n <th className=\"text-left p-3 font-medium\">Created</th>\r\n <th className=\"text-right p-3 font-medium\">Actions</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {mockAgentTickets.map((ticket) => (\r\n <tr key={ticket.number} className=\"border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]\">\r\n <td className=\"p-3\">\r\n <span className=\"font-mono text-xs font-medium text-[var(--color-primary-600)]\">{ticket.number}</span>\r\n </td>\r\n <td className=\"p-3 font-medium max-w-[200px] truncate\">{ticket.title}</td>\r\n <td className=\"p-3 text-[var(--text-secondary)]\">{ticket.requester}</td>\r\n <td className=\"p-3\">\r\n <span className={`px-2 py-1 text-xs rounded ${priorityConfig[ticket.priority as keyof typeof priorityConfig]?.color}`}>\r\n {priorityConfig[ticket.priority as keyof typeof priorityConfig]?.label}\r\n </span>\r\n </td>\r\n <td className=\"p-3\">\r\n <span className={`px-2 py-1 text-xs rounded border ${statusConfig[ticket.status as keyof typeof statusConfig]?.color}`}>\r\n {statusConfig[ticket.status as keyof typeof statusConfig]?.label}\r\n </span>\r\n </td>\r\n <td className=\"p-3\">\r\n {ticket.sla === 'breached' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-red-500/10 text-red-600\">\r\n <AlertTriangle className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n {ticket.sla === 'warning' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-orange-500/10 text-orange-600\">\r\n <Clock className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n {ticket.sla === 'ok' && (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded bg-yellow-500/10 text-yellow-600\">\r\n <Clock className=\"w-3 h-3\" />\r\n {ticket.slaText}\r\n </span>\r\n )}\r\n </td>\r\n <td className=\"p-3 text-[var(--text-secondary)] text-xs\">{ticket.date}</td>\r\n <td className=\"p-3 text-right\">\r\n <button className=\"p-1.5 border border-[var(--border-color)] rounded hover:bg-[var(--bg-secondary)]\">\r\n <Eye className=\"w-4 h-4\" />\r\n </button>\r\n </td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 4. Indicateurs SLA */}\r\n <section id=\"sla\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">4</span>\r\n Indicateurs SLA\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n Chaque ticket affiche un badge SLA colore indiquant le temps restant avant la date limite de resolution.\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\r\n {slaStates.map((state) => (\r\n <div key={state.state} className={`p-4 rounded-lg ${state.color} flex items-center gap-3`}>\r\n <state.icon className=\"w-6 h-6\" />\r\n <div>\r\n <div className=\"font-semibold\">{state.state}</div>\r\n <div className=\"text-sm opacity-80\">{state.description}</div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n <div className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Calcul du temps SLA</h3>\r\n <div className=\"space-y-2 text-sm text-[var(--text-secondary)]\">\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">1</span>\r\n <span>Le SLA est calcule a partir de la date de creation du ticket</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">2</span>\r\n <span>Le temps de resolution depend de la priorite (Critical: 4h, High: 8h, Medium: 24h, Low: 72h)</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">3</span>\r\n <span>Le compteur est pause lorsque le ticket est en statut \"On Hold\"</span>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <span className=\"w-6 h-6 rounded-full bg-blue-500 text-white flex items-center justify-center text-xs font-bold\">4</span>\r\n <span>Le badge passe en rouge si le SLA est depasse (breach)</span>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 5. Filtres */}\r\n <section id=\"filters\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">5</span>\r\n Filtres disponibles\r\n </h2>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Filtre par statut</h3>\r\n <div className=\"flex flex-wrap gap-2\">\r\n {Object.entries(statusConfig).map(([key, config]) => (\r\n <span key={key} className={`px-3 py-1 text-xs rounded border ${config.color}`}>\r\n {config.label}\r\n </span>\r\n ))}\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-3\">\r\n Filtrez par statut pour voir uniquement les tickets ouverts, en cours, etc.\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 border border-[var(--border-color)] rounded-lg\">\r\n <h3 className=\"font-medium mb-3\">Filtre par priorite</h3>\r\n <div className=\"flex flex-wrap gap-2\">\r\n {Object.entries(priorityConfig).map(([key, config]) => (\r\n <span key={key} className={`px-3 py-1 text-xs rounded ${config.color}`}>\r\n {config.label}\r\n </span>\r\n ))}\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-3\">\r\n Concentrez-vous sur les tickets urgents en filtrant par priorite.\r\n </p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-4 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-start gap-3\">\r\n <AlertTriangle className=\"w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <div className=\"font-medium text-amber-600\">Conseil</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n Utilisez le bouton \"Clear Filters\" pour reinitialiser tous les filtres rapidement.\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* 6. FAQ */}\r\n <section id=\"faq\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">6</span>\r\n <HelpCircle className=\"w-5 h-5\" />\r\n Questions frequentes\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {faqItems.map((item) => (\r\n <div key={item.question} className=\"p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <div className=\"flex items-start gap-3\">\r\n <MessageSquare className=\"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <h4 className=\"font-medium mb-2\">{item.question}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{item.answer}</p>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* 7. Reference API */}\r\n <section id=\"api\" className=\"card p-6\">\r\n <h2 className=\"text-xl font-semibold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold\">7</span>\r\n Reference API\r\n </h2>\r\n\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"bg-[var(--bg-secondary)]\">\r\n <th className=\"text-left py-2 px-3 rounded-tl-lg\">Methode</th>\r\n <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n <th className=\"text-left py-2 px-3 rounded-tr-lg\">Description</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {apiEndpoints.map((endpoint, index) => (\r\n <tr key={`${endpoint.method}-${endpoint.url}-${index}`} className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-2 px-3\">\r\n <span className={`px-2 py-0.5 rounded text-xs font-medium ${\r\n endpoint.method === 'GET' ? 'bg-green-500/10 text-green-600' :\r\n endpoint.method === 'POST' ? 'bg-yellow-500/10 text-yellow-600' :\r\n 'bg-blue-500/10 text-blue-600'\r\n }`}>\r\n {endpoint.method}\r\n </span>\r\n </td>\r\n <td className=\"py-2 px-3 font-mono text-xs\">{endpoint.url}</td>\r\n <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{endpoint.description}</td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/* Info box */}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3\">\r\n <Info className=\"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5\" />\r\n <div>\r\n <div className=\"font-medium text-blue-600\">Pour aller plus loin</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n Consultez la documentation \"Configuration SLA\" pour comprendre comment sont configures les temps de reponse et resolution.\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/* Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user/support-tickets\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n Gestion des Tickets\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/support-sla\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n Configuration SLA\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["mockAgentTickets","statusConfig","priorityConfig","slaStates","Clock","AlertTriangle","faqItems","apiEndpoints","SupportMyTicketsDocPage","t","useTranslation","jsxs","jsx","Link","UserCheck","Filter","Gauge","ArrowRight","Shield","Search","ticket","Eye","state","key","config","HelpCircle","item","MessageSquare","endpoint","index","Info"],"mappings":"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"}

package/dist/{SupportTemplatesDocPage-ajO-cHmK.cjs → SupportTemplatesDocPage-BkeDpR-8.cjs} RENAMED Viewed

@@ -6,5 +6,5 @@ Afin de mieux traiter votre demande, pourriez-vous nous preciser...`,active:!0,o
 Votre probleme a ete resolu. Voici la solution...`,active:!0,order:3},{id:"4",title:"Escalade niveau 2",category:"Escalation",content:`Bonjour {{userFirstName}},
-Votre demande necessite une expertise supplementaire...`,active:!1,order:4}],d=[{name:"{{ticketNumber}}",description:"Numero du ticket (ex: TKT-2024-001)"},{name:"{{ticketTitle}}",description:"Titre du ticket"},{name:"{{userName}}",description:"Nom complet du demandeur"},{name:"{{userFirstName}}",description:"Prenom du demandeur"},{name:"{{userLastName}}",description:"Nom de famille du demandeur"},{name:"{{userEmail}}",description:"Email du demandeur"},{name:"{{priority}}",description:"Priorite du ticket (Low/Medium/High/Critical)"},{name:"{{type}}",description:"Type de ticket (Bug/Feature/Support/Question)"},{name:"{{status}}",description:"Statut actuel du ticket"},{name:"{{agentName}}",description:"Nom de l'agent assigne"},{name:"{{agentFirstName}}",description:"Prenom de l'agent"},{name:"{{createdAt}}",description:"Date de creation du ticket"},{name:"{{resolvedAt}}",description:"Date de resolution"},{name:"{{resolution}}",description:"Note de resolution"}],o=[{question:"Comment utiliser les variables dans un template ?",answer:"Les variables sont encadrees par des doubles accolades {{variable}}. Lors de l'utilisation du template, elles sont automatiquement remplacees par les valeurs reelles du ticket. Cliquez sur une variable dans l'editeur pour l'inserer a la position du curseur."},{question:"Quelle est la difference entre actif et inactif ?",answer:"Les templates inactifs ne sont pas visibles par les agents lors de la redaction de reponses. Utilisez cette fonctionnalite pour archiver des templates obsoletes sans les supprimer definitivement."},{question:"Comment organiser l'ordre d'affichage ?",answer:`Le champ "Display Order" permet de definir l'ordre d'apparition des templates dans une meme categorie. Les templates avec un ordre plus bas apparaissent en premier.`},{question:"Puis-je dupliquer un template existant ?",answer:`Il n'y a pas de fonction de duplication directe. Copiez le contenu avec le bouton "Copy", creez un nouveau template et collez le contenu. Vous pouvez ensuite le modifier selon vos besoins.`}],m=[{method:"GET",url:"/api/support/templates",description:"Liste des templates (filtrable par categorie)"},{method:"GET",url:"/api/support/templates/categories",description:"Liste des categories disponibles"},{method:"GET",url:"/api/support/templates/{id}",description:"Detail d'un template"},{method:"POST",url:"/api/support/templates",description:"Creer un nouveau template"},{method:"PUT",url:"/api/support/templates/{id}",description:"Modifier un template"},{method:"DELETE",url:"/api/support/templates/{id}",description:"Supprimer un template"},{method:"POST",url:"/api/support/templates/{id}/activate",description:"Activer un template"},{method:"POST",url:"/api/support/templates/{id}/deactivate",description:"Desactiver un template"}];function x(){const{t:a}=n.useTranslation("docs");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[var(--text-secondary)]",children:[e.jsx(t.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(t.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(t.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:a("support.templates.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(r.FileText,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Templates de Reponse"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"Gestion des reponses pre-definies avec variables dynamiques pour accelerer le traitement des tickets."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-teal-500/10 text-teal-600 border border-teal-500/20",children:"Configuration"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-purple-500/10 text-purple-600 border border-purple-500/20",children:"Variables"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Vue d'ensemble"}),e.jsx("a",{href:"#categories",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Categories"}),e.jsx("a",{href:"#variables",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Variables"}),e.jsx("a",{href:"#crud",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Operations"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"7. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"8. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les templates de reponse permettent aux agents de gagner du temps en utilisant des reponses pre-formatees. Les variables dynamiques sont remplacees automatiquement par les informations du ticket lors de l'insertion."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.FileText,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"6 categories"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Organisation claire des templates"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Variable,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"14 variables"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Personnalisation automatique"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Copy,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Copie rapide"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Un clic pour copier le contenu"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.EyeOff,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Activation/Desactivation"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Archivage sans suppression"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"Templates"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/templates"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir les templates"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.read"})})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Creer un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.create"})})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.update"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Supprimer un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.delete"})})]})]})]})]})]}),e.jsxs("section",{id:"overview",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Vue d'ensemble"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"L'interface affiche les templates en grille de cartes avec filtrage par categorie et recherche."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.FileText,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"Response Templates"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Manage pre-defined response templates for tickets"})]}),e.jsxs("button",{className:"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 text-sm",children:[e.jsx(r.Plus,{className:"w-4 h-4"}),"New Template"]})]}),e.jsx("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(r.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("input",{type:"text",placeholder:"Search templates...",className:"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",readOnly:!0})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.Filter,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsxs("select",{className:"px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",children:[e.jsx("option",{children:"All Categories"}),e.jsx("option",{children:"Greeting"}),e.jsx("option",{children:"Acknowledgment"}),e.jsx("option",{children:"Request Info"})]})]}),e.jsxs("label",{className:"flex items-center gap-2 text-sm",children:[e.jsx("input",{type:"checkbox",className:"rounded"}),"Show Inactive"]})]})}),e.jsx("div",{className:"p-4 grid grid-cols-1 md:grid-cols-2 gap-4",children:c.map(s=>e.jsxs("div",{className:`p-4 border border-[var(--border-color)] rounded-lg ${s.active?"":"opacity-60"}`,children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("span",{className:`text-xs px-2 py-1 rounded font-medium ${i[s.category]?.color}`,children:i[s.category]?.label}),e.jsxs("div",{className:"flex items-center gap-1",children:[!s.active&&e.jsx("span",{className:"text-xs text-red-500 mr-2",children:"Inactive"}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:e.jsx(r.Copy,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:e.jsx(r.Edit,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:s.active?e.jsx(r.EyeOff,{className:"w-3.5 h-3.5"}):e.jsx(r.Eye,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded text-red-500",children:e.jsx(r.Trash2,{className:"w-3.5 h-3.5"})})]})]}),e.jsx("h3",{className:"font-semibold mb-2",children:s.title}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] line-clamp-2 whitespace-pre-wrap",children:s.content}),e.jsxs("div",{className:"mt-3 pt-3 border-t border-[var(--border-color)] flex items-center justify-between text-xs text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["Order: ",s.order]}),e.jsx("span",{children:"Updated: 09/01/2026"})]})]},s.id))})]})]}),e.jsxs("section",{id:"categories",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Categories de templates"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les templates sont organises en 6 categories correspondant aux differentes etapes du cycle de vie d'un ticket."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:Object.entries(i).map(([s,l])=>e.jsxs("div",{className:`p-4 rounded-lg ${l.color}`,children:[e.jsx("h3",{className:"font-semibold mb-2",children:l.label}),e.jsxs("p",{className:"text-sm opacity-80",children:[s==="Greeting"&&"Messages de bienvenue et d'introduction",s==="Acknowledgment"&&"Accuses de reception des demandes",s==="RequestInfo"&&"Demandes d'informations complementaires",s==="Resolution"&&"Messages de resolution de probleme",s==="Escalation"&&"Notifications d'escalade",s==="Closure"&&"Messages de cloture de ticket"]})]},s))})]}),e.jsxs("section",{id:"variables",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Variables dynamiques"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les variables permettent de personnaliser automatiquement les templates avec les informations du ticket. Elles sont remplacees lors de l'insertion du template."}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Variable"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:d.map(s=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs font-mono",children:s.name})}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},s.name))})]})}),e.jsxs("div",{className:"mt-4 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-2",children:"Exemple d'utilisation"}),e.jsxs("div",{className:"p-3 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono text-sm",children:[e.jsxs("div",{children:["Bonjour ",e.jsx("span",{className:"text-purple-600",children:"{{userFirstName}}"}),","]}),e.jsxs("div",{className:"mt-2",children:['Nous avons bien recu votre demande concernant "',e.jsx("span",{className:"text-purple-600",children:"{{ticketTitle}}"}),'" (ref: ',e.jsx("span",{className:"text-purple-600",children:"{{ticketNumber}}"}),")."]}),e.jsxs("div",{className:"mt-2",children:["Votre ticket a ete assigne a ",e.jsx("span",{className:"text-purple-600",children:"{{agentName}}"})," qui vous recontactera sous peu."]})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-2",children:"Les variables en violet seront remplacees par les valeurs reelles du ticket."})]})]}),e.jsxs("section",{id:"crud",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),"Operations disponibles"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-green-500/10 border border-green-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Plus,{className:"w-5 h-5 text-green-600"}),e.jsx("h3",{className:"font-semibold text-green-600",children:"Creer"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Ouvre une modale avec le formulaire de creation: titre, categorie, contenu et ordre d'affichage."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Edit,{className:"w-5 h-5 text-blue-600"}),e.jsx("h3",{className:"font-semibold text-blue-600",children:"Modifier"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Edition du template existant. Tous les champs sont modifiables."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-purple-500/10 border border-purple-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Copy,{className:"w-5 h-5 text-purple-600"}),e.jsx("h3",{className:"font-semibold text-purple-600",children:"Copier"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Copie le contenu du template dans le presse-papiers pour une utilisation immediate."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-orange-500/10 border border-orange-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.EyeOff,{className:"w-5 h-5 text-orange-600"}),e.jsx("h3",{className:"font-semibold text-orange-600",children:"Activer/Desactiver"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Bascule l'etat du template. Les inactifs sont masques pour les agents."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-red-500/10 border border-red-500/20 md:col-span-2",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Trash2,{className:"w-5 h-5 text-red-600"}),e.jsx("h3",{className:"font-semibold text-red-600",children:"Supprimer"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Supprime definitivement le template apres confirmation. Preferez la desactivation pour conserver l'historique."})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Formulaire de creation/edition"}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]",children:[e.jsx("span",{className:"font-semibold",children:"Create Template"}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-hover)] rounded",children:"×"})]}),e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Title *"}),e.jsx("input",{type:"text",placeholder:"Template title",className:"w-full p-2 border border-[var(--border-color)] rounded-lg",readOnly:!0})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Category *"}),e.jsx("select",{className:"w-full p-2 border border-[var(--border-color)] rounded-lg",children:e.jsx("option",{children:"Greeting"})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Display Order"}),e.jsx("input",{type:"number",value:"0",className:"w-full p-2 border border-[var(--border-color)] rounded-lg",readOnly:!0})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Content *"}),e.jsx("textarea",{rows:4,placeholder:"Template content...",className:"w-full p-2 border border-[var(--border-color)] rounded-lg font-mono text-sm",readOnly:!0})]}),e.jsxs("div",{className:"p-3 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Available Variables"}),e.jsxs("div",{className:"flex flex-wrap gap-1",children:[d.slice(0,6).map(s=>e.jsx("button",{className:"text-xs px-2 py-1 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono",children:s.name},s.name)),e.jsx("span",{className:"text-xs px-2 py-1 text-[var(--text-secondary)]",children:"+8 more"})]})]})]}),e.jsxs("div",{className:"p-4 border-t border-[var(--border-color)] flex justify-end gap-2 bg-[var(--bg-secondary)]",children:[e.jsx("button",{className:"px-4 py-2 border border-[var(--border-color)] rounded-lg",children:"Cancel"}),e.jsxs("button",{className:"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2",children:[e.jsx(r.Save,{className:"w-4 h-4"}),"Create"]})]})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),e.jsx(r.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:o.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(r.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"8"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:m.map((s,l)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":s.method==="PUT"?"bg-blue-500/10 text-blue-600":"bg-red-500/10 text-red-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},l))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(r.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Pour aller plus loin"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Consultez la documentation "Configuration Escalade" pour automatiser les notifications lors de depassements SLA.'})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(t.Link,{to:"/system/docs/user/support-sla",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(r.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Configuration SLA"]}),e.jsxs(t.Link,{to:"/system/docs/user/support-escalation",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Configuration Escalade",e.jsx(r.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportTemplatesDocPage=x;
-//# sourceMappingURL=SupportTemplatesDocPage-ajO-cHmK.cjs.map
+Votre demande necessite une expertise supplementaire...`,active:!1,order:4}],d=[{name:"{{ticketNumber}}",description:"Numero du ticket (ex: TKT-2024-001)"},{name:"{{ticketTitle}}",description:"Titre du ticket"},{name:"{{userName}}",description:"Nom complet du demandeur"},{name:"{{userFirstName}}",description:"Prenom du demandeur"},{name:"{{userLastName}}",description:"Nom de famille du demandeur"},{name:"{{userEmail}}",description:"Email du demandeur"},{name:"{{priority}}",description:"Priorite du ticket (Low/Medium/High/Critical)"},{name:"{{type}}",description:"Type de ticket (Bug/Feature/Support/Question)"},{name:"{{status}}",description:"Statut actuel du ticket"},{name:"{{agentName}}",description:"Nom de l'agent assigne"},{name:"{{agentFirstName}}",description:"Prenom de l'agent"},{name:"{{createdAt}}",description:"Date de creation du ticket"},{name:"{{resolvedAt}}",description:"Date de resolution"},{name:"{{resolution}}",description:"Note de resolution"}],o=[{question:"Comment utiliser les variables dans un template ?",answer:"Les variables sont encadrees par des doubles accolades {{variable}}. Lors de l'utilisation du template, elles sont automatiquement remplacees par les valeurs reelles du ticket. Cliquez sur une variable dans l'editeur pour l'inserer a la position du curseur."},{question:"Quelle est la difference entre actif et inactif ?",answer:"Les templates inactifs ne sont pas visibles par les agents lors de la redaction de reponses. Utilisez cette fonctionnalite pour archiver des templates obsoletes sans les supprimer definitivement."},{question:"Comment organiser l'ordre d'affichage ?",answer:`Le champ "Display Order" permet de definir l'ordre d'apparition des templates dans une meme categorie. Les templates avec un ordre plus bas apparaissent en premier.`},{question:"Puis-je dupliquer un template existant ?",answer:`Il n'y a pas de fonction de duplication directe. Copiez le contenu avec le bouton "Copy", creez un nouveau template et collez le contenu. Vous pouvez ensuite le modifier selon vos besoins.`}],m=[{method:"GET",url:"/api/support/templates",description:"Liste des templates (filtrable par categorie)"},{method:"GET",url:"/api/support/templates/categories",description:"Liste des categories disponibles"},{method:"GET",url:"/api/support/templates/{id}",description:"Detail d'un template"},{method:"POST",url:"/api/support/templates",description:"Creer un nouveau template"},{method:"PUT",url:"/api/support/templates/{id}",description:"Modifier un template"},{method:"DELETE",url:"/api/support/templates/{id}",description:"Supprimer un template"},{method:"POST",url:"/api/support/templates/{id}/activate",description:"Activer un template"},{method:"POST",url:"/api/support/templates/{id}/deactivate",description:"Desactiver un template"}];function x(){const{t:a}=n.useTranslation("docs");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[var(--text-secondary)]",children:[e.jsx(t.Link,{to:"/system/docs",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.documentation")}),e.jsx("span",{children:"/"}),e.jsx(t.Link,{to:"/system/docs/user",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.user")}),e.jsx("span",{children:"/"}),e.jsx(t.Link,{to:"/system/docs/user/support",className:"hover:text-[var(--color-primary-600)]",children:a("breadcrumb.support")}),e.jsx("span",{children:"/"}),e.jsx("span",{children:a("support.templates.title")})]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(r.FileText,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),"Templates de Reponse"]}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:"Gestion des reponses pre-definies avec variables dynamiques pour accelerer le traitement des tickets."}),e.jsxs("div",{className:"mt-4 flex items-center gap-2",children:[e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-teal-500/10 text-teal-600 border border-teal-500/20",children:"Configuration"}),e.jsx("span",{className:"px-3 py-1 text-xs rounded-full bg-purple-500/10 text-purple-600 border border-purple-500/20",children:"Variables"})]})]}),e.jsxs("div",{className:"card p-4 bg-[var(--bg-secondary)]",children:[e.jsx("h2",{className:"font-semibold mb-3",children:"Table des matieres"}),e.jsxs("nav",{className:"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm",children:[e.jsx("a",{href:"#introduction",className:"text-[var(--color-primary-600)] hover:underline",children:"1. Introduction"}),e.jsx("a",{href:"#access",className:"text-[var(--color-primary-600)] hover:underline",children:"2. Acces"}),e.jsx("a",{href:"#overview",className:"text-[var(--color-primary-600)] hover:underline",children:"3. Vue d'ensemble"}),e.jsx("a",{href:"#categories",className:"text-[var(--color-primary-600)] hover:underline",children:"4. Categories"}),e.jsx("a",{href:"#variables",className:"text-[var(--color-primary-600)] hover:underline",children:"5. Variables"}),e.jsx("a",{href:"#crud",className:"text-[var(--color-primary-600)] hover:underline",children:"6. Operations"}),e.jsx("a",{href:"#faq",className:"text-[var(--color-primary-600)] hover:underline",children:"7. FAQ"}),e.jsx("a",{href:"#api",className:"text-[var(--color-primary-600)] hover:underline",children:"8. Reference API"})]})]}),e.jsxs("section",{id:"introduction",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"1"}),"Introduction"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les templates de reponse permettent aux agents de gagner du temps en utilisant des reponses pre-formatees. Les variables dynamiques sont remplacees automatiquement par les informations du ticket lors de l'insertion."}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-blue-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.FileText,{className:"w-4 h-4 text-blue-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"6 categories"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Organisation claire des templates"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-purple-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Variable,{className:"w-4 h-4 text-purple-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"14 variables"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Personnalisation automatique"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-green-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.Copy,{className:"w-4 h-4 text-green-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Copie rapide"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Un clic pour copier le contenu"})]})]}),e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-orange-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx(r.EyeOff,{className:"w-4 h-4 text-orange-500"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Activation/Desactivation"}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Archivage sans suppression"})]})]})]})]}),e.jsxs("section",{id:"access",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"2"}),"Acces au module"]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Navigation"}),e.jsxs("div",{className:"flex items-center gap-2 text-sm bg-[var(--bg-secondary)] p-3 rounded-lg",children:[e.jsx("span",{className:"px-2 py-1 bg-[var(--bg-primary)] rounded",children:"Support"}),e.jsx(r.ArrowRight,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"px-2 py-1 bg-[var(--color-primary-600)] text-white rounded",children:"Templates"})]})]}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"URL directe"}),e.jsx("code",{className:"block p-3 bg-[var(--bg-secondary)] rounded-lg text-sm font-mono",children:"/support/templates"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Shield,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm font-medium",children:"Permissions requises"})]}),e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Action"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Permission"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Voir les templates"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.read"})})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Creer un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.create"})})]}),e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:"Modifier un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.update"})})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 px-3",children:"Supprimer un template"}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded",children:"support.templates.delete"})})]})]})]})]})]}),e.jsxs("section",{id:"overview",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"3"}),"Vue d'ensemble"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"L'interface affiche les templates en grille de cartes avec filtrage par categorie et recherche."}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.FileText,{className:"w-5 h-5"}),e.jsx("span",{className:"font-bold",children:"Response Templates"})]}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:"Manage pre-defined response templates for tickets"})]}),e.jsxs("button",{className:"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 text-sm",children:[e.jsx(r.Plus,{className:"w-4 h-4"}),"New Template"]})]}),e.jsx("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex-1 relative",children:[e.jsx(r.Search,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-secondary)]"}),e.jsx("input",{type:"text",placeholder:"Search templates...",className:"w-full pl-10 pr-4 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",readOnly:!0})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r.Filter,{className:"w-4 h-4 text-[var(--text-secondary)]"}),e.jsxs("select",{className:"px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]",children:[e.jsx("option",{children:"All Categories"}),e.jsx("option",{children:"Greeting"}),e.jsx("option",{children:"Acknowledgment"}),e.jsx("option",{children:"Request Info"})]})]}),e.jsxs("label",{className:"flex items-center gap-2 text-sm",children:[e.jsx("input",{type:"checkbox",className:"rounded"}),"Show Inactive"]})]})}),e.jsx("div",{className:"p-4 grid grid-cols-1 md:grid-cols-2 gap-4",children:c.map(s=>e.jsxs("div",{className:`p-4 border border-[var(--border-color)] rounded-lg ${s.active?"":"opacity-60"}`,children:[e.jsxs("div",{className:"flex items-start justify-between mb-3",children:[e.jsx("span",{className:`text-xs px-2 py-1 rounded font-medium ${i[s.category]?.color}`,children:i[s.category]?.label}),e.jsxs("div",{className:"flex items-center gap-1",children:[!s.active&&e.jsx("span",{className:"text-xs text-red-500 mr-2",children:"Inactive"}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:e.jsx(r.Copy,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:e.jsx(r.Edit,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded",children:s.active?e.jsx(r.EyeOff,{className:"w-3.5 h-3.5"}):e.jsx(r.Eye,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-secondary)] rounded text-red-500",children:e.jsx(r.Trash2,{className:"w-3.5 h-3.5"})})]})]}),e.jsx("h3",{className:"font-semibold mb-2",children:s.title}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] line-clamp-2 whitespace-pre-wrap",children:s.content}),e.jsxs("div",{className:"mt-3 pt-3 border-t border-[var(--border-color)] flex items-center justify-between text-xs text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["Order: ",s.order]}),e.jsx("span",{children:"Updated: 09/01/2026"})]})]},s.id))})]})]}),e.jsxs("section",{id:"categories",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"4"}),"Categories de templates"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les templates sont organises en 6 categories correspondant aux differentes etapes du cycle de vie d'un ticket."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:Object.entries(i).map(([s,l])=>e.jsxs("div",{className:`p-4 rounded-lg ${l.color}`,children:[e.jsx("h3",{className:"font-semibold mb-2",children:l.label}),e.jsxs("p",{className:"text-sm opacity-80",children:[s==="Greeting"&&"Messages de bienvenue et d'introduction",s==="Acknowledgment"&&"Accuses de reception des demandes",s==="RequestInfo"&&"Demandes d'informations complementaires",s==="Resolution"&&"Messages de resolution de probleme",s==="Escalation"&&"Notifications d'escalade",s==="Closure"&&"Messages de cloture de ticket"]})]},s))})]}),e.jsxs("section",{id:"variables",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"5"}),"Variables dynamiques"]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:"Les variables permettent de personnaliser automatiquement les templates avec les informations du ticket. Elles sont remplacees lors de l'insertion du template."}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Variable"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:d.map(s=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("code",{className:"px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs font-mono",children:s.name})}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},s.name))})]})}),e.jsxs("div",{className:"mt-4 p-4 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("h3",{className:"font-medium mb-2",children:"Exemple d'utilisation"}),e.jsxs("div",{className:"p-3 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono text-sm",children:[e.jsxs("div",{children:["Bonjour ",e.jsx("span",{className:"text-purple-600",children:"{{userFirstName}}"}),","]}),e.jsxs("div",{className:"mt-2",children:['Nous avons bien recu votre demande concernant "',e.jsx("span",{className:"text-purple-600",children:"{{ticketTitle}}"}),'" (ref: ',e.jsx("span",{className:"text-purple-600",children:"{{ticketNumber}}"}),")."]}),e.jsxs("div",{className:"mt-2",children:["Votre ticket a ete assigne a ",e.jsx("span",{className:"text-purple-600",children:"{{agentName}}"})," qui vous recontactera sous peu."]})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-2",children:"Les variables en violet seront remplacees par les valeurs reelles du ticket."})]})]}),e.jsxs("section",{id:"crud",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"6"}),"Operations disponibles"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-green-500/10 border border-green-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Plus,{className:"w-5 h-5 text-green-600"}),e.jsx("h3",{className:"font-semibold text-green-600",children:"Creer"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Ouvre une modale avec le formulaire de creation: titre, categorie, contenu et ordre d'affichage."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Edit,{className:"w-5 h-5 text-blue-600"}),e.jsx("h3",{className:"font-semibold text-blue-600",children:"Modifier"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Edition du template existant. Tous les champs sont modifiables."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-purple-500/10 border border-purple-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Copy,{className:"w-5 h-5 text-purple-600"}),e.jsx("h3",{className:"font-semibold text-purple-600",children:"Copier"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Copie le contenu du template dans le presse-papiers pour une utilisation immediate."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-orange-500/10 border border-orange-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.EyeOff,{className:"w-5 h-5 text-orange-600"}),e.jsx("h3",{className:"font-semibold text-orange-600",children:"Activer/Desactiver"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Bascule l'etat du template. Les inactifs sont masques pour les agents."})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-red-500/10 border border-red-500/20 md:col-span-2",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(r.Trash2,{className:"w-5 h-5 text-red-600"}),e.jsx("h3",{className:"font-semibold text-red-600",children:"Supprimer"})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"Supprime definitivement le template apres confirmation. Preferez la desactivation pour conserver l'historique."})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h3",{className:"font-medium mb-3",children:"Formulaire de creation/edition"}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]",children:[e.jsx("span",{className:"font-semibold",children:"Create Template"}),e.jsx("button",{className:"p-1 hover:bg-[var(--bg-hover)] rounded",children:"×"})]}),e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Title *"}),e.jsx("input",{type:"text",placeholder:"Template title",className:"w-full p-2 border border-[var(--border-color)] rounded-lg",readOnly:!0})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Category *"}),e.jsx("select",{className:"w-full p-2 border border-[var(--border-color)] rounded-lg",children:e.jsx("option",{children:"Greeting"})})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Display Order"}),e.jsx("input",{type:"number",value:"0",className:"w-full p-2 border border-[var(--border-color)] rounded-lg",readOnly:!0})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-1",children:"Content *"}),e.jsx("textarea",{rows:4,placeholder:"Template content...",className:"w-full p-2 border border-[var(--border-color)] rounded-lg font-mono text-sm",readOnly:!0})]}),e.jsxs("div",{className:"p-3 bg-[var(--bg-secondary)] rounded-lg",children:[e.jsx("div",{className:"text-sm font-medium mb-2",children:"Available Variables"}),e.jsxs("div",{className:"flex flex-wrap gap-1",children:[d.slice(0,6).map(s=>e.jsx("button",{className:"text-xs px-2 py-1 bg-[var(--bg-primary)] rounded border border-[var(--border-color)] font-mono",children:s.name},s.name)),e.jsx("span",{className:"text-xs px-2 py-1 text-[var(--text-secondary)]",children:"+8 more"})]})]})]}),e.jsxs("div",{className:"p-4 border-t border-[var(--border-color)] flex justify-end gap-2 bg-[var(--bg-secondary)]",children:[e.jsx("button",{className:"px-4 py-2 border border-[var(--border-color)] rounded-lg",children:"Cancel"}),e.jsxs("button",{className:"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2",children:[e.jsx(r.Save,{className:"w-4 h-4"}),"Create"]})]})]})]})]}),e.jsxs("section",{id:"faq",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"7"}),e.jsx(r.HelpCircle,{className:"w-5 h-5"}),"Questions frequentes"]}),e.jsx("div",{className:"space-y-4",children:o.map(s=>e.jsx("div",{className:"p-4 bg-[var(--bg-secondary)] rounded-lg",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(r.MessageSquare,{className:"w-5 h-5 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium mb-2",children:s.question}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s.answer})]})]})},s.question))})]}),e.jsxs("section",{id:"api",className:"card p-6",children:[e.jsxs("h2",{className:"text-xl font-semibold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm font-bold",children:"8"}),"Reference API"]}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3 rounded-tl-lg",children:"Methode"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3 rounded-tr-lg",children:"Description"})]})}),e.jsx("tbody",{children:m.map((s,l)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${s.method==="GET"?"bg-green-500/10 text-green-600":s.method==="POST"?"bg-yellow-500/10 text-yellow-600":s.method==="PUT"?"bg-blue-500/10 text-blue-600":"bg-red-500/10 text-red-600"}`,children:s.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.url}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:s.description})]},`${s.method}-${s.url}-${l}`))})]})})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20 flex items-start gap-3",children:[e.jsx(r.Info,{className:"w-5 h-5 text-blue-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-blue-600",children:"Pour aller plus loin"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:'Consultez la documentation "Configuration Escalade" pour automatiser les notifications lors de depassements SLA.'})]})]}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(t.Link,{to:"/system/docs/user/support-sla",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(r.ArrowRight,{className:"w-4 h-4 rotate-180"}),"Configuration SLA"]}),e.jsxs(t.Link,{to:"/system/docs/user/support-escalation",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:["Configuration Escalade",e.jsx(r.ArrowRight,{className:"w-4 h-4"})]})]})]})}exports.SupportTemplatesDocPage=x;
+//# sourceMappingURL=SupportTemplatesDocPage-BkeDpR-8.cjs.map