npm - @atlashub/smartstack - Versions diffs - 3.29.0 → 3.31.0 - Mend

@atlashub/smartstack 3.29.0 → 3.31.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 (322) hide show

package/dist/chunks/{PreferencesPage-Bu4gaDRb.js.map → PreferencesPage-DD0_XWdT.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreferencesPage-Bu4gaDRb.js","sources":["../../src/pages/personal/myspace/PreferencesPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTabNavigation } from '@/hooks/useTabNavigation';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Palette, Globe, Bell, Loader2, Check, Star, X, Search, GripVertical } from 'lucide-react';\r\nimport * as LucideIcons from 'lucide-react';\r\nimport type { LucideIcon } from 'lucide-react';\r\nimport { LanguageSwitcher } from '@/components/ui/LanguageSwitcher';\r\nimport { ThemeCustomizer } from '@/components/ui/ThemeCustomizer';\r\nimport { useTheme } from '@/contexts/ThemeContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useNavigation, type ModuleDto, type ApplicationDto } from '@/contexts/NavigationContext';\r\nimport { useFavoriteModules, type FavoriteModule } from '@/hooks/useFavoriteModules';\r\nimport { userApi } from '@/services/api/userApi';\r\n\r\nconst PREFERENCES_TABS = ['appearance', 'language', 'notifications', 'favorites'] as const;\r\ntype PreferencesTab = typeof PREFERENCES_TABS[number];\r\n\r\n// Dynamic icon component\r\nfunction DynamicIcon({ name, className }: { name: string; className?: string }) {\r\n const icons = LucideIcons as unknown as Record<string, LucideIcon>;\r\n const IconComponent = icons[name];\r\n if (!IconComponent) {\r\n return <Star className={className} />;\r\n }\r\n return <IconComponent className={className} />;\r\n}\r\n\r\nfunction getFavoriteButtonClass(isSelected: boolean, isDisabled: boolean): string {\r\n if (isSelected) return 'bg-[var(--accent-bg)] border-2 border-[var(--color-accent-500)]';\r\n if (isDisabled) return 'opacity-50 cursor-not-allowed bg-[var(--bg-tertiary)] border border-[var(--border-color)]';\r\n return 'bg-[var(--bg-primary)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)]';\r\n}\r\n\r\nexport function PreferencesPage(): ReactElement \| null {\r\n const { t, i18n } = useTranslation(['navigation', 'common']);\r\n const navigate = useNavigate();\r\n const { activeTab, setActiveTab } = useTabNavigation<PreferencesTab>('appearance', PREFERENCES_TABS);\r\n const { loadFromServer, isSyncing, selectedThemeTenant } = useTheme();\r\n const { currentTenant, isLoading: tenantLoading } = useTenant();\r\n const { menu } = useNavigation();\r\n const { favorites, toggleFavorite, isFavorite, canAddMore, maxFavorites, reorderFavorites, loading: favoritesLoading } = useFavoriteModules();\r\n const [syncSuccess, setSyncSuccess] = useState(false);\r\n const [moduleSearch, setModuleSearch] = useState('');\r\n const [draggedIndex, setDraggedIndex] = useState<number \| null>(null);\r\n const [dragOverIndex, setDragOverIndex] = useState<number \| null>(null);\r\n const dragNodeRef = useRef<HTMLDivElement \| null>(null);\r\n\r\n const [emailNotifications, setEmailNotifications] = useState(true);\r\n const [securityAlerts, setSecurityAlerts] = useState(true);\r\n const [productUpdates, setProductUpdates] = useState(false);\r\n const [notificationsSaving, setNotificationsSaving] = useState(false);\r\n const [notificationsSaved, setNotificationsSaved] = useState(false);\r\n const notificationsSaveTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\r\n const isInitialLoadRef = useRef(true);\r\n\r\n // Wait for tenant context to be loaded before fetching preferences\r\n useEffect(() => {\r\n if (!tenantLoading && currentTenant) {\r\n loadPreferences();\r\n }\r\n }, [tenantLoading, currentTenant]);\r\n\r\n const loadPreferences = async () => {\r\n try {\r\n const prefs = await userApi.preferences.get();\r\n setEmailNotifications(prefs.emailNotifications);\r\n setSecurityAlerts(prefs.pushNotifications);\r\n isInitialLoadRef.current = false;\r\n } catch {\r\n isInitialLoadRef.current = false;\r\n }\r\n };\r\n\r\n const saveNotifications = useCallback(async () => {\r\n setNotificationsSaving(true);\r\n setNotificationsSaved(false);\r\n try {\r\n await userApi.preferences.updateNotifications({\r\n emailNotifications,\r\n pushNotifications: securityAlerts,\r\n });\r\n setNotificationsSaved(true);\r\n setTimeout(() => setNotificationsSaved(false), 2000);\r\n } catch {\r\n console.error('[PreferencesPage] Failed to save notifications');\r\n } finally {\r\n setNotificationsSaving(false);\r\n }\r\n }, [emailNotifications, securityAlerts]);\r\n\r\n useEffect(() => {\r\n if (isInitialLoadRef.current) return;\r\n\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n\r\n notificationsSaveTimeoutRef.current = setTimeout(() => {\r\n saveNotifications();\r\n }, 1000);\r\n\r\n return () => {\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n };\r\n }, [emailNotifications, securityAlerts, saveNotifications]);\r\n\r\n const handleSync = async () => {\r\n // Determine which scope to sync based on selectedThemeTenant\r\n // null = global scope, string = tenant scope\r\n const scope = selectedThemeTenant === null ? 'global' : 'tenant';\r\n setSyncSuccess(false);\r\n try {\r\n await loadFromServer(scope);\r\n await loadPreferences();\r\n setSyncSuccess(true);\r\n setTimeout(() => setSyncSuccess(false), 3000);\r\n } catch (error) {\r\n console.error('[PreferencesPage] Sync failed:', error);\r\n }\r\n };\r\n\r\n const tabs = [\r\n { id: 'appearance' as const, label: 'Apparence', icon: Palette, description: 'Personnaliser le thème et les couleurs' },\r\n { id: 'language' as const, label: 'Langue', icon: Globe, description: 'Changer la langue de l\\'interface' },\r\n { id: 'notifications' as const, label: 'Notifications', icon: Bell, description: 'Gérer les notifications' },\r\n { id: 'favorites' as const, label: t('common:favorites.quickAccess'), icon: Star, description: 'Gérer vos modules favoris' },\r\n ];\r\n\r\n // Gather all modules grouped by application for favorites\r\n const modulesByApp: { app: ApplicationDto; modules: ModuleDto[] }[] = [];\r\n menu?.applications.forEach(app => {\r\n if ((app.modules?.length ?? 0) > 0) {\r\n modulesByApp.push({\r\n app,\r\n modules: app.modules,\r\n });\r\n }\r\n });\r\n\r\n const handleToggleFavorite = (module: ModuleDto, app: ApplicationDto) => {\r\n const favoriteModule: FavoriteModule = {\r\n id: module.id,\r\n code: module.code,\r\n label: module.label,\r\n icon: module.icon \|\| 'Star',\r\n route: `/${app.code}/${module.code}`,\r\n applicationCode: app.code,\r\n applicationLabel: app.label,\r\n };\r\n toggleFavorite(favoriteModule);\r\n };\r\n\r\n const handleFavoriteClick = (module: FavoriteModule) => {\r\n if (module.route) {\r\n navigate(module.route);\r\n }\r\n };\r\n\r\n // Drag and drop handlers for reordering\r\n const handleDragStart = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n setDraggedIndex(index);\r\n dragNodeRef.current = e.currentTarget;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text/plain', index.toString());\r\n // Add a slight delay to allow the drag image to be created before adding opacity\r\n setTimeout(() => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '0.4';\r\n }\r\n }, 0);\r\n };\r\n\r\n const handleDragEnd = () => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '1';\r\n }\r\n setDraggedIndex(null);\r\n setDragOverIndex(null);\r\n dragNodeRef.current = null;\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n e.preventDefault();\r\n e.dataTransfer.dropEffect = 'move';\r\n if (index !== draggedIndex) {\r\n setDragOverIndex(index);\r\n }\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setDragOverIndex(null);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent<HTMLDivElement>, dropIndex: number) => {\r\n e.preventDefault();\r\n const dragIndex = draggedIndex;\r\n if (dragIndex === null \|\| dragIndex === dropIndex) return;\r\n\r\n const newFavorites = [...favorites];\r\n const [draggedItem] = newFavorites.splice(dragIndex, 1);\r\n newFavorites.splice(dropIndex, 0, draggedItem);\r\n\r\n reorderFavorites(newFavorites);\r\n handleDragEnd();\r\n };\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.preferences')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">Personnalisez votre expérience SmartStack</p>\r\n </div>\r\n\r\n {/* Tab Navigation /}\r\n <div className=\"border-b border-[var(--item-color-border)]\">\r\n <nav className=\"flex gap-1\" aria-label=\"Tabs\">\r\n {tabs.map((tab) => {\r\n const Icon = tab.icon;\r\n return (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`flex items-center gap-2 px-4 py-3 text-sm font-medium transition-all border-b-2 ${\r\n activeTab === tab.id\r\n ? 'border-[var(--color-accent-500)] text-[var(--color-accent-600)] bg-[var(--accent-bg)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button) var(--radius-button) 0 0' }}\r\n >\r\n <Icon className=\"w-5 h-5\" />\r\n <span>{tab.label}</span>\r\n </button>\r\n );\r\n })}\r\n </nav>\r\n </div>\r\n\r\n {/ Tab Content /}\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--item-color-border)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {activeTab === 'appearance' && (\r\n <div className=\"space-y-4\">\r\n <ThemeCustomizer\r\n onSync={handleSync}\r\n isSyncing={isSyncing}\r\n syncSuccess={syncSuccess}\r\n />\r\n </div>\r\n )}\r\n\r\n {activeTab === 'language' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Langue</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Sélectionnez la langue de l'interface\r\n </p>\r\n </div>\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">\r\n {i18n.language?.startsWith('fr') ? 'Français' : 'English'}\r\n </h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Langue actuelle de l'interface\r\n </p>\r\n </div>\r\n <LanguageSwitcher />\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'notifications' && (\r\n <div className=\"space-y-6\">\r\n <div className=\"flex items-start justify-between\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Notifications</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Gérez vos préférences de notifications\r\n </p>\r\n </div>\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-muted)]\">\r\n {notificationsSaving && (\r\n <>\r\n <Loader2 className=\"w-3 h-3 animate-spin\" />\r\n <span>Sauvegarde...</span>\r\n </>\r\n )}\r\n {notificationsSaved && !notificationsSaving && (\r\n <>\r\n <Check className=\"w-3 h-3 text-green-500\" />\r\n <span className=\"text-green-600\">Sauvegardé</span>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"space-y-4\">\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Notifications par email</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Recevoir des notifications par email\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={emailNotifications}\r\n onChange={(e) => setEmailNotifications(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Alertes de sécurité</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Être notifié des événements de sécurité\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={securityAlerts}\r\n onChange={(e) => setSecurityAlerts(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Mises à jour produit</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Nouvelles fonctionnalités et améliorations\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={productUpdates}\r\n onChange={(e) => setProductUpdates(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'favorites' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">{t('common:favorites.quickAccess')}</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n {t('common:favorites.selectModules', { count: favorites.length, max: maxFavorites })}\r\n </p>\r\n </div>\r\n\r\n {favoritesLoading && (\r\n <div className=\"flex items-center justify-center py-8\">\r\n <Loader2 className=\"w-6 h-6 animate-spin text-[var(--color-accent-500)]\" />\r\n <span className=\"ml-2 text-[var(--text-secondary)]\">Chargement des favoris...</span>\r\n </div>\r\n )}\r\n\r\n {!favoritesLoading && (\r\n <>\r\n\r\n {/ Current Favorites /}\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between mb-3\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Vos favoris actuels</h3>\r\n {favorites.length > 1 && (\r\n <span className=\"text-xs text-[var(--text-muted)]\">Glissez pour réorganiser</span>\r\n )}\r\n </div>\r\n {favorites.length === 0 ? (\r\n <p className=\"text-sm text-[var(--text-secondary)]\">Aucun favori sélectionné</p>\r\n ) : (\r\n <div className=\"flex flex-col gap-2\">\r\n {favorites.map((module, index) => (\r\n <div\r\n key={module.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(e, index)}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={(e) => handleDragOver(e, index)}\r\n onDragLeave={handleDragLeave}\r\n onDrop={(e) => handleDrop(e, index)}\r\n className={`flex items-center gap-2 px-3 py-2 bg-[var(--accent-bg)] border text-[var(--color-accent-500)] cursor-grab active:cursor-grabbing transition-all ${\r\n dragOverIndex === index\r\n ? 'border-[var(--color-accent-500)] border-2 scale-[1.02]'\r\n : 'border-[var(--color-accent-500)]/50'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <GripVertical className=\"w-4 h-4 text-[var(--color-accent-400)] flex-shrink-0\" />\r\n <span className=\"text-xs text-[var(--color-accent-500)] font-mono w-4\">{index + 1}</span>\r\n <button\r\n onClick={() => handleFavoriteClick(module)}\r\n className=\"flex items-center gap-2 hover:underline flex-1\"\r\n >\r\n <DynamicIcon name={module.icon} className=\"w-4 h-4\" />\r\n <span className=\"text-sm font-medium\">{module.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({module.applicationLabel})</span>\r\n </button>\r\n <button\r\n onClick={() => toggleFavorite(module)}\r\n className=\"p-1 hover:bg-[var(--bg-tertiary)] rounded flex-shrink-0\"\r\n title=\"Retirer des favoris\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Available Modules */}\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Modules disponibles</h3>\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Rechercher un module...\"\r\n value={moduleSearch}\r\n onChange={(e) => setModuleSearch(e.target.value)}\r\n className=\"pl-9 pr-3 py-2 w-64 bg-[var(--bg-primary)] border border-[var(--border-color)] text-sm focus:outline-none focus:border-[var(--color-accent-500)]\"\r\n style={{ borderRadius: 'var(--radius-input)' }}\r\n />\r\n </div>\r\n </div>\r\n {modulesByApp.map(({ app, modules }) => {\r\n // Filter modules based on search\r\n const filteredModules = moduleSearch\r\n ? modules.filter(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n app.label.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n : modules;\r\n\r\n // Don't render app section if no modules match\r\n if (filteredModules.length === 0) return null;\r\n\r\n return (\r\n <div\r\n key={app.id}\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-2 mb-3\">\r\n <DynamicIcon name={app.icon \|\| 'Folder'} className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n <span className=\"font-medium text-[var(--text-primary)]\">{app.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({filteredModules.length} module{filteredModules.length > 1 ? 's' : ''})</span>\r\n </div>\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2\">\r\n {filteredModules.map((module) => {\r\n const isSelected = isFavorite(module.id);\r\n const isDisabled = !isSelected && !canAddMore;\r\n\r\n return (\r\n <button\r\n key={module.id}\r\n onClick={() => handleToggleFavorite(module, app)}\r\n disabled={isDisabled}\r\n className={`flex items-center gap-3 p-3 transition-all ${\r\n getFavoriteButtonClass(isSelected, isDisabled)\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <div className={`w-8 h-8 flex items-center justify-center ${\r\n isSelected\r\n ? 'bg-[var(--color-accent-600)] text-white'\r\n : 'bg-[var(--bg-tertiary)] text-[var(--text-secondary)]'\r\n }`} style={{ borderRadius: 'var(--radius-button)' }}>\r\n <DynamicIcon name={module.icon \|\| 'Star'} className=\"w-4 h-4\" />\r\n </div>\r\n <span className={`text-sm ${\r\n isSelected ? 'font-medium text-[var(--color-accent-500)]' : 'text-[var(--text-primary)]'\r\n }`}>\r\n {module.label}\r\n </span>\r\n {isSelected && (\r\n <Check className=\"w-4 h-4 text-[var(--color-accent-500)] ml-auto\" />\r\n )}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n })}\r\n\r\n {(modulesByApp.length === 0 \|\| (moduleSearch && modulesByApp.every(({ modules }) =>\r\n !modules.some(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n ))) && (\r\n <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n {moduleSearch ? `Aucun module trouvé pour \"${moduleSearch}\"` : t('common:favorites.noModules')}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["PREFERENCES_TABS","DynamicIcon","name","className","IconComponent","LucideIcons","jsx","Star","getFavoriteButtonClass","isSelected","isDisabled","PreferencesPage","t","i18n","useTranslation","navigate","useNavigate","activeTab","setActiveTab","useTabNavigation","loadFromServer","isSyncing","selectedThemeTenant","useTheme","currentTenant","tenantLoading","useTenant","menu","useNavigation","favorites","toggleFavorite","isFavorite","canAddMore","maxFavorites","reorderFavorites","favoritesLoading","useFavoriteModules","syncSuccess","setSyncSuccess","useState","moduleSearch","setModuleSearch","draggedIndex","setDraggedIndex","dragOverIndex","setDragOverIndex","dragNodeRef","useRef","emailNotifications","setEmailNotifications","securityAlerts","setSecurityAlerts","productUpdates","setProductUpdates","notificationsSaving","setNotificationsSaving","notificationsSaved","setNotificationsSaved","notificationsSaveTimeoutRef","isInitialLoadRef","useEffect","loadPreferences","prefs","userApi","saveNotifications","useCallback","handleSync","scope","error","tabs","Palette","Globe","Bell","modulesByApp","app","handleToggleFavorite","module","favoriteModule","handleFavoriteClick","handleDragStart","e","index","handleDragEnd","handleDragOver","handleDragLeave","handleDrop","dropIndex","dragIndex","newFavorites","draggedItem","jsxs","tab","Icon","ThemeCustomizer","LanguageSwitcher","Fragment","Loader2","Check","GripVertical","X","Search","modules","filteredModules","m"],"mappings":"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"}
1	+ {"version":3,"file":"PreferencesPage-DD0_XWdT.js","sources":["../../src/pages/personal/myspace/PreferencesPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTabNavigation } from '@/hooks/useTabNavigation';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Palette, Globe, Bell, Loader2, Check, Star, X, Search, GripVertical } from 'lucide-react';\r\nimport * as LucideIcons from 'lucide-react';\r\nimport type { LucideIcon } from 'lucide-react';\r\nimport { LanguageSwitcher } from '@/components/ui/LanguageSwitcher';\r\nimport { ThemeCustomizer } from '@/components/ui/ThemeCustomizer';\r\nimport { useTheme } from '@/contexts/ThemeContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useNavigation, type ModuleDto, type ApplicationDto } from '@/contexts/NavigationContext';\r\nimport { useFavoriteModules, type FavoriteModule } from '@/hooks/useFavoriteModules';\r\nimport { userApi } from '@/services/api/userApi';\r\n\r\nconst PREFERENCES_TABS = ['appearance', 'language', 'notifications', 'favorites'] as const;\r\ntype PreferencesTab = typeof PREFERENCES_TABS[number];\r\n\r\n// Dynamic icon component\r\nfunction DynamicIcon({ name, className }: { name: string; className?: string }) {\r\n const icons = LucideIcons as unknown as Record<string, LucideIcon>;\r\n const IconComponent = icons[name];\r\n if (!IconComponent) {\r\n return <Star className={className} />;\r\n }\r\n return <IconComponent className={className} />;\r\n}\r\n\r\nfunction getFavoriteButtonClass(isSelected: boolean, isDisabled: boolean): string {\r\n if (isSelected) return 'bg-[var(--accent-bg)] border-2 border-[var(--color-accent-500)]';\r\n if (isDisabled) return 'opacity-50 cursor-not-allowed bg-[var(--bg-tertiary)] border border-[var(--border-color)]';\r\n return 'bg-[var(--bg-primary)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)]';\r\n}\r\n\r\nexport function PreferencesPage(): ReactElement \| null {\r\n const { t, i18n } = useTranslation(['navigation', 'common']);\r\n const navigate = useNavigate();\r\n const { activeTab, setActiveTab } = useTabNavigation<PreferencesTab>('appearance', PREFERENCES_TABS);\r\n const { loadFromServer, isSyncing, selectedThemeTenant } = useTheme();\r\n const { currentTenant, isLoading: tenantLoading } = useTenant();\r\n const { menu } = useNavigation();\r\n const { favorites, toggleFavorite, isFavorite, canAddMore, maxFavorites, reorderFavorites, loading: favoritesLoading } = useFavoriteModules();\r\n const [syncSuccess, setSyncSuccess] = useState(false);\r\n const [moduleSearch, setModuleSearch] = useState('');\r\n const [draggedIndex, setDraggedIndex] = useState<number \| null>(null);\r\n const [dragOverIndex, setDragOverIndex] = useState<number \| null>(null);\r\n const dragNodeRef = useRef<HTMLDivElement \| null>(null);\r\n\r\n const [emailNotifications, setEmailNotifications] = useState(true);\r\n const [securityAlerts, setSecurityAlerts] = useState(true);\r\n const [productUpdates, setProductUpdates] = useState(false);\r\n const [notificationsSaving, setNotificationsSaving] = useState(false);\r\n const [notificationsSaved, setNotificationsSaved] = useState(false);\r\n const notificationsSaveTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\r\n const isInitialLoadRef = useRef(true);\r\n\r\n // Wait for tenant context to be loaded before fetching preferences\r\n useEffect(() => {\r\n if (!tenantLoading && currentTenant) {\r\n loadPreferences();\r\n }\r\n }, [tenantLoading, currentTenant]);\r\n\r\n const loadPreferences = async () => {\r\n try {\r\n const prefs = await userApi.preferences.get();\r\n setEmailNotifications(prefs.emailNotifications);\r\n setSecurityAlerts(prefs.pushNotifications);\r\n isInitialLoadRef.current = false;\r\n } catch {\r\n isInitialLoadRef.current = false;\r\n }\r\n };\r\n\r\n const saveNotifications = useCallback(async () => {\r\n setNotificationsSaving(true);\r\n setNotificationsSaved(false);\r\n try {\r\n await userApi.preferences.updateNotifications({\r\n emailNotifications,\r\n pushNotifications: securityAlerts,\r\n });\r\n setNotificationsSaved(true);\r\n setTimeout(() => setNotificationsSaved(false), 2000);\r\n } catch {\r\n console.error('[PreferencesPage] Failed to save notifications');\r\n } finally {\r\n setNotificationsSaving(false);\r\n }\r\n }, [emailNotifications, securityAlerts]);\r\n\r\n useEffect(() => {\r\n if (isInitialLoadRef.current) return;\r\n\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n\r\n notificationsSaveTimeoutRef.current = setTimeout(() => {\r\n saveNotifications();\r\n }, 1000);\r\n\r\n return () => {\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n };\r\n }, [emailNotifications, securityAlerts, saveNotifications]);\r\n\r\n const handleSync = async () => {\r\n // Determine which scope to sync based on selectedThemeTenant\r\n // null = global scope, string = tenant scope\r\n const scope = selectedThemeTenant === null ? 'global' : 'tenant';\r\n setSyncSuccess(false);\r\n try {\r\n await loadFromServer(scope);\r\n await loadPreferences();\r\n setSyncSuccess(true);\r\n setTimeout(() => setSyncSuccess(false), 3000);\r\n } catch (error) {\r\n console.error('[PreferencesPage] Sync failed:', error);\r\n }\r\n };\r\n\r\n const tabs = [\r\n { id: 'appearance' as const, label: 'Apparence', icon: Palette, description: 'Personnaliser le thème et les couleurs' },\r\n { id: 'language' as const, label: 'Langue', icon: Globe, description: 'Changer la langue de l\\'interface' },\r\n { id: 'notifications' as const, label: 'Notifications', icon: Bell, description: 'Gérer les notifications' },\r\n { id: 'favorites' as const, label: t('common:favorites.quickAccess'), icon: Star, description: 'Gérer vos modules favoris' },\r\n ];\r\n\r\n // Gather all modules grouped by application for favorites\r\n const modulesByApp: { app: ApplicationDto; modules: ModuleDto[] }[] = [];\r\n menu?.applications.forEach(app => {\r\n if ((app.modules?.length ?? 0) > 0) {\r\n modulesByApp.push({\r\n app,\r\n modules: app.modules,\r\n });\r\n }\r\n });\r\n\r\n const handleToggleFavorite = (module: ModuleDto, app: ApplicationDto) => {\r\n const favoriteModule: FavoriteModule = {\r\n id: module.id,\r\n code: module.code,\r\n label: module.label,\r\n icon: module.icon \|\| 'Star',\r\n route: `/${app.code}/${module.code}`,\r\n applicationCode: app.code,\r\n applicationLabel: app.label,\r\n };\r\n toggleFavorite(favoriteModule);\r\n };\r\n\r\n const handleFavoriteClick = (module: FavoriteModule) => {\r\n if (module.route) {\r\n navigate(module.route);\r\n }\r\n };\r\n\r\n // Drag and drop handlers for reordering\r\n const handleDragStart = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n setDraggedIndex(index);\r\n dragNodeRef.current = e.currentTarget;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text/plain', index.toString());\r\n // Add a slight delay to allow the drag image to be created before adding opacity\r\n setTimeout(() => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '0.4';\r\n }\r\n }, 0);\r\n };\r\n\r\n const handleDragEnd = () => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '1';\r\n }\r\n setDraggedIndex(null);\r\n setDragOverIndex(null);\r\n dragNodeRef.current = null;\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n e.preventDefault();\r\n e.dataTransfer.dropEffect = 'move';\r\n if (index !== draggedIndex) {\r\n setDragOverIndex(index);\r\n }\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setDragOverIndex(null);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent<HTMLDivElement>, dropIndex: number) => {\r\n e.preventDefault();\r\n const dragIndex = draggedIndex;\r\n if (dragIndex === null \|\| dragIndex === dropIndex) return;\r\n\r\n const newFavorites = [...favorites];\r\n const [draggedItem] = newFavorites.splice(dragIndex, 1);\r\n newFavorites.splice(dropIndex, 0, draggedItem);\r\n\r\n reorderFavorites(newFavorites);\r\n handleDragEnd();\r\n };\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.preferences')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">Personnalisez votre expérience SmartStack</p>\r\n </div>\r\n\r\n {/* Tab Navigation /}\r\n <div className=\"border-b border-[var(--item-color-border)]\">\r\n <nav className=\"flex gap-1\" aria-label=\"Tabs\">\r\n {tabs.map((tab) => {\r\n const Icon = tab.icon;\r\n return (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`flex items-center gap-2 px-4 py-3 text-sm font-medium transition-all border-b-2 ${\r\n activeTab === tab.id\r\n ? 'border-[var(--color-accent-500)] text-[var(--color-accent-600)] bg-[var(--accent-bg)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button) var(--radius-button) 0 0' }}\r\n >\r\n <Icon className=\"w-5 h-5\" />\r\n <span>{tab.label}</span>\r\n </button>\r\n );\r\n })}\r\n </nav>\r\n </div>\r\n\r\n {/ Tab Content /}\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--item-color-border)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {activeTab === 'appearance' && (\r\n <div className=\"space-y-4\">\r\n <ThemeCustomizer\r\n onSync={handleSync}\r\n isSyncing={isSyncing}\r\n syncSuccess={syncSuccess}\r\n />\r\n </div>\r\n )}\r\n\r\n {activeTab === 'language' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Langue</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Sélectionnez la langue de l'interface\r\n </p>\r\n </div>\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">\r\n {i18n.language?.startsWith('fr') ? 'Français' : 'English'}\r\n </h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Langue actuelle de l'interface\r\n </p>\r\n </div>\r\n <LanguageSwitcher />\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'notifications' && (\r\n <div className=\"space-y-6\">\r\n <div className=\"flex items-start justify-between\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Notifications</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Gérez vos préférences de notifications\r\n </p>\r\n </div>\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-muted)]\">\r\n {notificationsSaving && (\r\n <>\r\n <Loader2 className=\"w-3 h-3 animate-spin\" />\r\n <span>Sauvegarde...</span>\r\n </>\r\n )}\r\n {notificationsSaved && !notificationsSaving && (\r\n <>\r\n <Check className=\"w-3 h-3 text-green-500\" />\r\n <span className=\"text-green-600\">Sauvegardé</span>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"space-y-4\">\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Notifications par email</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Recevoir des notifications par email\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={emailNotifications}\r\n onChange={(e) => setEmailNotifications(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Alertes de sécurité</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Être notifié des événements de sécurité\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={securityAlerts}\r\n onChange={(e) => setSecurityAlerts(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Mises à jour produit</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Nouvelles fonctionnalités et améliorations\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={productUpdates}\r\n onChange={(e) => setProductUpdates(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'favorites' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">{t('common:favorites.quickAccess')}</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n {t('common:favorites.selectModules', { count: favorites.length, max: maxFavorites })}\r\n </p>\r\n </div>\r\n\r\n {favoritesLoading && (\r\n <div className=\"flex items-center justify-center py-8\">\r\n <Loader2 className=\"w-6 h-6 animate-spin text-[var(--color-accent-500)]\" />\r\n <span className=\"ml-2 text-[var(--text-secondary)]\">Chargement des favoris...</span>\r\n </div>\r\n )}\r\n\r\n {!favoritesLoading && (\r\n <>\r\n\r\n {/ Current Favorites /}\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between mb-3\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Vos favoris actuels</h3>\r\n {favorites.length > 1 && (\r\n <span className=\"text-xs text-[var(--text-muted)]\">Glissez pour réorganiser</span>\r\n )}\r\n </div>\r\n {favorites.length === 0 ? (\r\n <p className=\"text-sm text-[var(--text-secondary)]\">Aucun favori sélectionné</p>\r\n ) : (\r\n <div className=\"flex flex-col gap-2\">\r\n {favorites.map((module, index) => (\r\n <div\r\n key={module.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(e, index)}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={(e) => handleDragOver(e, index)}\r\n onDragLeave={handleDragLeave}\r\n onDrop={(e) => handleDrop(e, index)}\r\n className={`flex items-center gap-2 px-3 py-2 bg-[var(--accent-bg)] border text-[var(--color-accent-500)] cursor-grab active:cursor-grabbing transition-all ${\r\n dragOverIndex === index\r\n ? 'border-[var(--color-accent-500)] border-2 scale-[1.02]'\r\n : 'border-[var(--color-accent-500)]/50'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <GripVertical className=\"w-4 h-4 text-[var(--color-accent-400)] flex-shrink-0\" />\r\n <span className=\"text-xs text-[var(--color-accent-500)] font-mono w-4\">{index + 1}</span>\r\n <button\r\n onClick={() => handleFavoriteClick(module)}\r\n className=\"flex items-center gap-2 hover:underline flex-1\"\r\n >\r\n <DynamicIcon name={module.icon} className=\"w-4 h-4\" />\r\n <span className=\"text-sm font-medium\">{module.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({module.applicationLabel})</span>\r\n </button>\r\n <button\r\n onClick={() => toggleFavorite(module)}\r\n className=\"p-1 hover:bg-[var(--bg-tertiary)] rounded flex-shrink-0\"\r\n title=\"Retirer des favoris\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Available Modules */}\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Modules disponibles</h3>\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Rechercher un module...\"\r\n value={moduleSearch}\r\n onChange={(e) => setModuleSearch(e.target.value)}\r\n className=\"pl-9 pr-3 py-2 w-64 bg-[var(--bg-primary)] border border-[var(--border-color)] text-sm focus:outline-none focus:border-[var(--color-accent-500)]\"\r\n style={{ borderRadius: 'var(--radius-input)' }}\r\n />\r\n </div>\r\n </div>\r\n {modulesByApp.map(({ app, modules }) => {\r\n // Filter modules based on search\r\n const filteredModules = moduleSearch\r\n ? modules.filter(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n app.label.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n : modules;\r\n\r\n // Don't render app section if no modules match\r\n if (filteredModules.length === 0) return null;\r\n\r\n return (\r\n <div\r\n key={app.id}\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-2 mb-3\">\r\n <DynamicIcon name={app.icon \|\| 'Folder'} className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n <span className=\"font-medium text-[var(--text-primary)]\">{app.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({filteredModules.length} module{filteredModules.length > 1 ? 's' : ''})</span>\r\n </div>\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2\">\r\n {filteredModules.map((module) => {\r\n const isSelected = isFavorite(module.id);\r\n const isDisabled = !isSelected && !canAddMore;\r\n\r\n return (\r\n <button\r\n key={module.id}\r\n onClick={() => handleToggleFavorite(module, app)}\r\n disabled={isDisabled}\r\n className={`flex items-center gap-3 p-3 transition-all ${\r\n getFavoriteButtonClass(isSelected, isDisabled)\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <div className={`w-8 h-8 flex items-center justify-center ${\r\n isSelected\r\n ? 'bg-[var(--color-accent-600)] text-white'\r\n : 'bg-[var(--bg-tertiary)] text-[var(--text-secondary)]'\r\n }`} style={{ borderRadius: 'var(--radius-button)' }}>\r\n <DynamicIcon name={module.icon \|\| 'Star'} className=\"w-4 h-4\" />\r\n </div>\r\n <span className={`text-sm ${\r\n isSelected ? 'font-medium text-[var(--color-accent-500)]' : 'text-[var(--text-primary)]'\r\n }`}>\r\n {module.label}\r\n </span>\r\n {isSelected && (\r\n <Check className=\"w-4 h-4 text-[var(--color-accent-500)] ml-auto\" />\r\n )}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n })}\r\n\r\n {(modulesByApp.length === 0 \|\| (moduleSearch && modulesByApp.every(({ modules }) =>\r\n !modules.some(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n ))) && (\r\n <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n {moduleSearch ? `Aucun module trouvé pour \"${moduleSearch}\"` : t('common:favorites.noModules')}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["PREFERENCES_TABS","DynamicIcon","name","className","IconComponent","LucideIcons","jsx","Star","getFavoriteButtonClass","isSelected","isDisabled","PreferencesPage","t","i18n","useTranslation","navigate","useNavigate","activeTab","setActiveTab","useTabNavigation","loadFromServer","isSyncing","selectedThemeTenant","useTheme","currentTenant","tenantLoading","useTenant","menu","useNavigation","favorites","toggleFavorite","isFavorite","canAddMore","maxFavorites","reorderFavorites","favoritesLoading","useFavoriteModules","syncSuccess","setSyncSuccess","useState","moduleSearch","setModuleSearch","draggedIndex","setDraggedIndex","dragOverIndex","setDragOverIndex","dragNodeRef","useRef","emailNotifications","setEmailNotifications","securityAlerts","setSecurityAlerts","productUpdates","setProductUpdates","notificationsSaving","setNotificationsSaving","notificationsSaved","setNotificationsSaved","notificationsSaveTimeoutRef","isInitialLoadRef","useEffect","loadPreferences","prefs","userApi","saveNotifications","useCallback","handleSync","scope","error","tabs","Palette","Globe","Bell","modulesByApp","app","handleToggleFavorite","module","favoriteModule","handleFavoriteClick","handleDragStart","e","index","handleDragEnd","handleDragOver","handleDragLeave","handleDrop","dropIndex","dragIndex","newFavorites","draggedItem","jsxs","tab","Icon","ThemeCustomizer","LanguageSwitcher","Fragment","Loader2","Check","GripVertical","X","Search","modules","filteredModules","m"],"mappings":"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"}

package/dist/chunks/{PreferencesPage-Dbg0bEYD.js → PreferencesPage-ca2BOdoH.js} RENAMED Viewed

@@ -5,7 +5,7 @@ import { u as be } from "./useTabNavigation-Bsbskz0i.js";
 import { useTranslation as pe } from "react-i18next";
 import * as ge from "lucide-react";
 import { Palette as xe, Globe as ye, Bell as Ne, Star as V, Loader2 as O, Check as q, GripVertical as we, X as Se, Search as Ce } from "lucide-react";
-import { aa as ke, a as Le, u as Re, a9 as Te, f as U, ab as De, ac as Fe } from "./index-DA5VyW0k.js";
+import { ab as ke, a as Le, u as Re, aa as Te, f as U, ac as De, ad as Fe } from "./index-CpY95_ro.js";
 const Ae = ["appearance", "language", "notifications", "favorites"];
 function C({ name: i, className: m }) {
   const l = ge[i];
@@ -412,4 +412,4 @@ function Be() {
 export {
   Be as PreferencesPage
 };
-//# sourceMappingURL=PreferencesPage-Dbg0bEYD.js.map
+//# sourceMappingURL=PreferencesPage-ca2BOdoH.js.map

package/dist/chunks/{PreferencesPage-Dbg0bEYD.js.map → PreferencesPage-ca2BOdoH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreferencesPage-Dbg0bEYD.js","sources":["../../src/pages/personal/myspace/PreferencesPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTabNavigation } from '@/hooks/useTabNavigation';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Palette, Globe, Bell, Loader2, Check, Star, X, Search, GripVertical } from 'lucide-react';\r\nimport * as LucideIcons from 'lucide-react';\r\nimport type { LucideIcon } from 'lucide-react';\r\nimport { LanguageSwitcher } from '@/components/ui/LanguageSwitcher';\r\nimport { ThemeCustomizer } from '@/components/ui/ThemeCustomizer';\r\nimport { useTheme } from '@/contexts/ThemeContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useNavigation, type ModuleDto, type ApplicationDto } from '@/contexts/NavigationContext';\r\nimport { useFavoriteModules, type FavoriteModule } from '@/hooks/useFavoriteModules';\r\nimport { userApi } from '@/services/api/userApi';\r\n\r\nconst PREFERENCES_TABS = ['appearance', 'language', 'notifications', 'favorites'] as const;\r\ntype PreferencesTab = typeof PREFERENCES_TABS[number];\r\n\r\n// Dynamic icon component\r\nfunction DynamicIcon({ name, className }: { name: string; className?: string }) {\r\n const icons = LucideIcons as unknown as Record<string, LucideIcon>;\r\n const IconComponent = icons[name];\r\n if (!IconComponent) {\r\n return <Star className={className} />;\r\n }\r\n return <IconComponent className={className} />;\r\n}\r\n\r\nfunction getFavoriteButtonClass(isSelected: boolean, isDisabled: boolean): string {\r\n if (isSelected) return 'bg-[var(--accent-bg)] border-2 border-[var(--color-accent-500)]';\r\n if (isDisabled) return 'opacity-50 cursor-not-allowed bg-[var(--bg-tertiary)] border border-[var(--border-color)]';\r\n return 'bg-[var(--bg-primary)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)]';\r\n}\r\n\r\nexport function PreferencesPage(): ReactElement \| null {\r\n const { t, i18n } = useTranslation(['navigation', 'common']);\r\n const navigate = useNavigate();\r\n const { activeTab, setActiveTab } = useTabNavigation<PreferencesTab>('appearance', PREFERENCES_TABS);\r\n const { loadFromServer, isSyncing, selectedThemeTenant } = useTheme();\r\n const { currentTenant, isLoading: tenantLoading } = useTenant();\r\n const { menu } = useNavigation();\r\n const { favorites, toggleFavorite, isFavorite, canAddMore, maxFavorites, reorderFavorites, loading: favoritesLoading } = useFavoriteModules();\r\n const [syncSuccess, setSyncSuccess] = useState(false);\r\n const [moduleSearch, setModuleSearch] = useState('');\r\n const [draggedIndex, setDraggedIndex] = useState<number \| null>(null);\r\n const [dragOverIndex, setDragOverIndex] = useState<number \| null>(null);\r\n const dragNodeRef = useRef<HTMLDivElement \| null>(null);\r\n\r\n const [emailNotifications, setEmailNotifications] = useState(true);\r\n const [securityAlerts, setSecurityAlerts] = useState(true);\r\n const [productUpdates, setProductUpdates] = useState(false);\r\n const [notificationsSaving, setNotificationsSaving] = useState(false);\r\n const [notificationsSaved, setNotificationsSaved] = useState(false);\r\n const notificationsSaveTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\r\n const isInitialLoadRef = useRef(true);\r\n\r\n // Wait for tenant context to be loaded before fetching preferences\r\n useEffect(() => {\r\n if (!tenantLoading && currentTenant) {\r\n loadPreferences();\r\n }\r\n }, [tenantLoading, currentTenant]);\r\n\r\n const loadPreferences = async () => {\r\n try {\r\n const prefs = await userApi.preferences.get();\r\n setEmailNotifications(prefs.emailNotifications);\r\n setSecurityAlerts(prefs.pushNotifications);\r\n isInitialLoadRef.current = false;\r\n } catch {\r\n isInitialLoadRef.current = false;\r\n }\r\n };\r\n\r\n const saveNotifications = useCallback(async () => {\r\n setNotificationsSaving(true);\r\n setNotificationsSaved(false);\r\n try {\r\n await userApi.preferences.updateNotifications({\r\n emailNotifications,\r\n pushNotifications: securityAlerts,\r\n });\r\n setNotificationsSaved(true);\r\n setTimeout(() => setNotificationsSaved(false), 2000);\r\n } catch {\r\n console.error('[PreferencesPage] Failed to save notifications');\r\n } finally {\r\n setNotificationsSaving(false);\r\n }\r\n }, [emailNotifications, securityAlerts]);\r\n\r\n useEffect(() => {\r\n if (isInitialLoadRef.current) return;\r\n\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n\r\n notificationsSaveTimeoutRef.current = setTimeout(() => {\r\n saveNotifications();\r\n }, 1000);\r\n\r\n return () => {\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n };\r\n }, [emailNotifications, securityAlerts, saveNotifications]);\r\n\r\n const handleSync = async () => {\r\n // Determine which scope to sync based on selectedThemeTenant\r\n // null = global scope, string = tenant scope\r\n const scope = selectedThemeTenant === null ? 'global' : 'tenant';\r\n setSyncSuccess(false);\r\n try {\r\n await loadFromServer(scope);\r\n await loadPreferences();\r\n setSyncSuccess(true);\r\n setTimeout(() => setSyncSuccess(false), 3000);\r\n } catch (error) {\r\n console.error('[PreferencesPage] Sync failed:', error);\r\n }\r\n };\r\n\r\n const tabs = [\r\n { id: 'appearance' as const, label: 'Apparence', icon: Palette, description: 'Personnaliser le thème et les couleurs' },\r\n { id: 'language' as const, label: 'Langue', icon: Globe, description: 'Changer la langue de l\\'interface' },\r\n { id: 'notifications' as const, label: 'Notifications', icon: Bell, description: 'Gérer les notifications' },\r\n { id: 'favorites' as const, label: t('common:favorites.quickAccess'), icon: Star, description: 'Gérer vos modules favoris' },\r\n ];\r\n\r\n // Gather all modules grouped by application for favorites\r\n const modulesByApp: { app: ApplicationDto; modules: ModuleDto[] }[] = [];\r\n menu?.applications.forEach(app => {\r\n if ((app.modules?.length ?? 0) > 0) {\r\n modulesByApp.push({\r\n app,\r\n modules: app.modules,\r\n });\r\n }\r\n });\r\n\r\n const handleToggleFavorite = (module: ModuleDto, app: ApplicationDto) => {\r\n const favoriteModule: FavoriteModule = {\r\n id: module.id,\r\n code: module.code,\r\n label: module.label,\r\n icon: module.icon \|\| 'Star',\r\n route: `/${app.code}/${module.code}`,\r\n applicationCode: app.code,\r\n applicationLabel: app.label,\r\n };\r\n toggleFavorite(favoriteModule);\r\n };\r\n\r\n const handleFavoriteClick = (module: FavoriteModule) => {\r\n if (module.route) {\r\n navigate(module.route);\r\n }\r\n };\r\n\r\n // Drag and drop handlers for reordering\r\n const handleDragStart = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n setDraggedIndex(index);\r\n dragNodeRef.current = e.currentTarget;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text/plain', index.toString());\r\n // Add a slight delay to allow the drag image to be created before adding opacity\r\n setTimeout(() => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '0.4';\r\n }\r\n }, 0);\r\n };\r\n\r\n const handleDragEnd = () => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '1';\r\n }\r\n setDraggedIndex(null);\r\n setDragOverIndex(null);\r\n dragNodeRef.current = null;\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n e.preventDefault();\r\n e.dataTransfer.dropEffect = 'move';\r\n if (index !== draggedIndex) {\r\n setDragOverIndex(index);\r\n }\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setDragOverIndex(null);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent<HTMLDivElement>, dropIndex: number) => {\r\n e.preventDefault();\r\n const dragIndex = draggedIndex;\r\n if (dragIndex === null \|\| dragIndex === dropIndex) return;\r\n\r\n const newFavorites = [...favorites];\r\n const [draggedItem] = newFavorites.splice(dragIndex, 1);\r\n newFavorites.splice(dropIndex, 0, draggedItem);\r\n\r\n reorderFavorites(newFavorites);\r\n handleDragEnd();\r\n };\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.preferences')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">Personnalisez votre expérience SmartStack</p>\r\n </div>\r\n\r\n {/* Tab Navigation /}\r\n <div className=\"border-b border-[var(--item-color-border)]\">\r\n <nav className=\"flex gap-1\" aria-label=\"Tabs\">\r\n {tabs.map((tab) => {\r\n const Icon = tab.icon;\r\n return (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`flex items-center gap-2 px-4 py-3 text-sm font-medium transition-all border-b-2 ${\r\n activeTab === tab.id\r\n ? 'border-[var(--color-accent-500)] text-[var(--color-accent-600)] bg-[var(--accent-bg)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button) var(--radius-button) 0 0' }}\r\n >\r\n <Icon className=\"w-5 h-5\" />\r\n <span>{tab.label}</span>\r\n </button>\r\n );\r\n })}\r\n </nav>\r\n </div>\r\n\r\n {/ Tab Content /}\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--item-color-border)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {activeTab === 'appearance' && (\r\n <div className=\"space-y-4\">\r\n <ThemeCustomizer\r\n onSync={handleSync}\r\n isSyncing={isSyncing}\r\n syncSuccess={syncSuccess}\r\n />\r\n </div>\r\n )}\r\n\r\n {activeTab === 'language' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Langue</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Sélectionnez la langue de l'interface\r\n </p>\r\n </div>\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">\r\n {i18n.language?.startsWith('fr') ? 'Français' : 'English'}\r\n </h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Langue actuelle de l'interface\r\n </p>\r\n </div>\r\n <LanguageSwitcher />\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'notifications' && (\r\n <div className=\"space-y-6\">\r\n <div className=\"flex items-start justify-between\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Notifications</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Gérez vos préférences de notifications\r\n </p>\r\n </div>\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-muted)]\">\r\n {notificationsSaving && (\r\n <>\r\n <Loader2 className=\"w-3 h-3 animate-spin\" />\r\n <span>Sauvegarde...</span>\r\n </>\r\n )}\r\n {notificationsSaved && !notificationsSaving && (\r\n <>\r\n <Check className=\"w-3 h-3 text-green-500\" />\r\n <span className=\"text-green-600\">Sauvegardé</span>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"space-y-4\">\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Notifications par email</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Recevoir des notifications par email\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={emailNotifications}\r\n onChange={(e) => setEmailNotifications(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Alertes de sécurité</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Être notifié des événements de sécurité\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={securityAlerts}\r\n onChange={(e) => setSecurityAlerts(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Mises à jour produit</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Nouvelles fonctionnalités et améliorations\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={productUpdates}\r\n onChange={(e) => setProductUpdates(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'favorites' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">{t('common:favorites.quickAccess')}</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n {t('common:favorites.selectModules', { count: favorites.length, max: maxFavorites })}\r\n </p>\r\n </div>\r\n\r\n {favoritesLoading && (\r\n <div className=\"flex items-center justify-center py-8\">\r\n <Loader2 className=\"w-6 h-6 animate-spin text-[var(--color-accent-500)]\" />\r\n <span className=\"ml-2 text-[var(--text-secondary)]\">Chargement des favoris...</span>\r\n </div>\r\n )}\r\n\r\n {!favoritesLoading && (\r\n <>\r\n\r\n {/ Current Favorites /}\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between mb-3\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Vos favoris actuels</h3>\r\n {favorites.length > 1 && (\r\n <span className=\"text-xs text-[var(--text-muted)]\">Glissez pour réorganiser</span>\r\n )}\r\n </div>\r\n {favorites.length === 0 ? (\r\n <p className=\"text-sm text-[var(--text-secondary)]\">Aucun favori sélectionné</p>\r\n ) : (\r\n <div className=\"flex flex-col gap-2\">\r\n {favorites.map((module, index) => (\r\n <div\r\n key={module.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(e, index)}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={(e) => handleDragOver(e, index)}\r\n onDragLeave={handleDragLeave}\r\n onDrop={(e) => handleDrop(e, index)}\r\n className={`flex items-center gap-2 px-3 py-2 bg-[var(--accent-bg)] border text-[var(--color-accent-500)] cursor-grab active:cursor-grabbing transition-all ${\r\n dragOverIndex === index\r\n ? 'border-[var(--color-accent-500)] border-2 scale-[1.02]'\r\n : 'border-[var(--color-accent-500)]/50'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <GripVertical className=\"w-4 h-4 text-[var(--color-accent-400)] flex-shrink-0\" />\r\n <span className=\"text-xs text-[var(--color-accent-500)] font-mono w-4\">{index + 1}</span>\r\n <button\r\n onClick={() => handleFavoriteClick(module)}\r\n className=\"flex items-center gap-2 hover:underline flex-1\"\r\n >\r\n <DynamicIcon name={module.icon} className=\"w-4 h-4\" />\r\n <span className=\"text-sm font-medium\">{module.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({module.applicationLabel})</span>\r\n </button>\r\n <button\r\n onClick={() => toggleFavorite(module)}\r\n className=\"p-1 hover:bg-[var(--bg-tertiary)] rounded flex-shrink-0\"\r\n title=\"Retirer des favoris\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Available Modules */}\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Modules disponibles</h3>\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Rechercher un module...\"\r\n value={moduleSearch}\r\n onChange={(e) => setModuleSearch(e.target.value)}\r\n className=\"pl-9 pr-3 py-2 w-64 bg-[var(--bg-primary)] border border-[var(--border-color)] text-sm focus:outline-none focus:border-[var(--color-accent-500)]\"\r\n style={{ borderRadius: 'var(--radius-input)' }}\r\n />\r\n </div>\r\n </div>\r\n {modulesByApp.map(({ app, modules }) => {\r\n // Filter modules based on search\r\n const filteredModules = moduleSearch\r\n ? modules.filter(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n app.label.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n : modules;\r\n\r\n // Don't render app section if no modules match\r\n if (filteredModules.length === 0) return null;\r\n\r\n return (\r\n <div\r\n key={app.id}\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-2 mb-3\">\r\n <DynamicIcon name={app.icon \|\| 'Folder'} className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n <span className=\"font-medium text-[var(--text-primary)]\">{app.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({filteredModules.length} module{filteredModules.length > 1 ? 's' : ''})</span>\r\n </div>\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2\">\r\n {filteredModules.map((module) => {\r\n const isSelected = isFavorite(module.id);\r\n const isDisabled = !isSelected && !canAddMore;\r\n\r\n return (\r\n <button\r\n key={module.id}\r\n onClick={() => handleToggleFavorite(module, app)}\r\n disabled={isDisabled}\r\n className={`flex items-center gap-3 p-3 transition-all ${\r\n getFavoriteButtonClass(isSelected, isDisabled)\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <div className={`w-8 h-8 flex items-center justify-center ${\r\n isSelected\r\n ? 'bg-[var(--color-accent-600)] text-white'\r\n : 'bg-[var(--bg-tertiary)] text-[var(--text-secondary)]'\r\n }`} style={{ borderRadius: 'var(--radius-button)' }}>\r\n <DynamicIcon name={module.icon \|\| 'Star'} className=\"w-4 h-4\" />\r\n </div>\r\n <span className={`text-sm ${\r\n isSelected ? 'font-medium text-[var(--color-accent-500)]' : 'text-[var(--text-primary)]'\r\n }`}>\r\n {module.label}\r\n </span>\r\n {isSelected && (\r\n <Check className=\"w-4 h-4 text-[var(--color-accent-500)] ml-auto\" />\r\n )}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n })}\r\n\r\n {(modulesByApp.length === 0 \|\| (moduleSearch && modulesByApp.every(({ modules }) =>\r\n !modules.some(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n ))) && (\r\n <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n {moduleSearch ? `Aucun module trouvé pour \"${moduleSearch}\"` : t('common:favorites.noModules')}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["PREFERENCES_TABS","DynamicIcon","name","className","IconComponent","LucideIcons","jsx","Star","getFavoriteButtonClass","isSelected","isDisabled","PreferencesPage","t","i18n","useTranslation","navigate","useNavigate","activeTab","setActiveTab","useTabNavigation","loadFromServer","isSyncing","selectedThemeTenant","useTheme","currentTenant","tenantLoading","useTenant","menu","useNavigation","favorites","toggleFavorite","isFavorite","canAddMore","maxFavorites","reorderFavorites","favoritesLoading","useFavoriteModules","syncSuccess","setSyncSuccess","useState","moduleSearch","setModuleSearch","draggedIndex","setDraggedIndex","dragOverIndex","setDragOverIndex","dragNodeRef","useRef","emailNotifications","setEmailNotifications","securityAlerts","setSecurityAlerts","productUpdates","setProductUpdates","notificationsSaving","setNotificationsSaving","notificationsSaved","setNotificationsSaved","notificationsSaveTimeoutRef","isInitialLoadRef","useEffect","loadPreferences","prefs","userApi","saveNotifications","useCallback","handleSync","scope","error","tabs","Palette","Globe","Bell","modulesByApp","app","handleToggleFavorite","module","favoriteModule","handleFavoriteClick","handleDragStart","e","index","handleDragEnd","handleDragOver","handleDragLeave","handleDrop","dropIndex","dragIndex","newFavorites","draggedItem","jsxs","tab","Icon","ThemeCustomizer","LanguageSwitcher","Fragment","Loader2","Check","GripVertical","X","Search","modules","filteredModules","m"],"mappings":"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"}
1	+ {"version":3,"file":"PreferencesPage-ca2BOdoH.js","sources":["../../src/pages/personal/myspace/PreferencesPage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTabNavigation } from '@/hooks/useTabNavigation';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Palette, Globe, Bell, Loader2, Check, Star, X, Search, GripVertical } from 'lucide-react';\r\nimport * as LucideIcons from 'lucide-react';\r\nimport type { LucideIcon } from 'lucide-react';\r\nimport { LanguageSwitcher } from '@/components/ui/LanguageSwitcher';\r\nimport { ThemeCustomizer } from '@/components/ui/ThemeCustomizer';\r\nimport { useTheme } from '@/contexts/ThemeContext';\r\nimport { useTenant } from '@/contexts/TenantContext';\r\nimport { useNavigation, type ModuleDto, type ApplicationDto } from '@/contexts/NavigationContext';\r\nimport { useFavoriteModules, type FavoriteModule } from '@/hooks/useFavoriteModules';\r\nimport { userApi } from '@/services/api/userApi';\r\n\r\nconst PREFERENCES_TABS = ['appearance', 'language', 'notifications', 'favorites'] as const;\r\ntype PreferencesTab = typeof PREFERENCES_TABS[number];\r\n\r\n// Dynamic icon component\r\nfunction DynamicIcon({ name, className }: { name: string; className?: string }) {\r\n const icons = LucideIcons as unknown as Record<string, LucideIcon>;\r\n const IconComponent = icons[name];\r\n if (!IconComponent) {\r\n return <Star className={className} />;\r\n }\r\n return <IconComponent className={className} />;\r\n}\r\n\r\nfunction getFavoriteButtonClass(isSelected: boolean, isDisabled: boolean): string {\r\n if (isSelected) return 'bg-[var(--accent-bg)] border-2 border-[var(--color-accent-500)]';\r\n if (isDisabled) return 'opacity-50 cursor-not-allowed bg-[var(--bg-tertiary)] border border-[var(--border-color)]';\r\n return 'bg-[var(--bg-primary)] border border-[var(--border-color)] hover:border-[var(--color-accent-500)]';\r\n}\r\n\r\nexport function PreferencesPage(): ReactElement \| null {\r\n const { t, i18n } = useTranslation(['navigation', 'common']);\r\n const navigate = useNavigate();\r\n const { activeTab, setActiveTab } = useTabNavigation<PreferencesTab>('appearance', PREFERENCES_TABS);\r\n const { loadFromServer, isSyncing, selectedThemeTenant } = useTheme();\r\n const { currentTenant, isLoading: tenantLoading } = useTenant();\r\n const { menu } = useNavigation();\r\n const { favorites, toggleFavorite, isFavorite, canAddMore, maxFavorites, reorderFavorites, loading: favoritesLoading } = useFavoriteModules();\r\n const [syncSuccess, setSyncSuccess] = useState(false);\r\n const [moduleSearch, setModuleSearch] = useState('');\r\n const [draggedIndex, setDraggedIndex] = useState<number \| null>(null);\r\n const [dragOverIndex, setDragOverIndex] = useState<number \| null>(null);\r\n const dragNodeRef = useRef<HTMLDivElement \| null>(null);\r\n\r\n const [emailNotifications, setEmailNotifications] = useState(true);\r\n const [securityAlerts, setSecurityAlerts] = useState(true);\r\n const [productUpdates, setProductUpdates] = useState(false);\r\n const [notificationsSaving, setNotificationsSaving] = useState(false);\r\n const [notificationsSaved, setNotificationsSaved] = useState(false);\r\n const notificationsSaveTimeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\r\n const isInitialLoadRef = useRef(true);\r\n\r\n // Wait for tenant context to be loaded before fetching preferences\r\n useEffect(() => {\r\n if (!tenantLoading && currentTenant) {\r\n loadPreferences();\r\n }\r\n }, [tenantLoading, currentTenant]);\r\n\r\n const loadPreferences = async () => {\r\n try {\r\n const prefs = await userApi.preferences.get();\r\n setEmailNotifications(prefs.emailNotifications);\r\n setSecurityAlerts(prefs.pushNotifications);\r\n isInitialLoadRef.current = false;\r\n } catch {\r\n isInitialLoadRef.current = false;\r\n }\r\n };\r\n\r\n const saveNotifications = useCallback(async () => {\r\n setNotificationsSaving(true);\r\n setNotificationsSaved(false);\r\n try {\r\n await userApi.preferences.updateNotifications({\r\n emailNotifications,\r\n pushNotifications: securityAlerts,\r\n });\r\n setNotificationsSaved(true);\r\n setTimeout(() => setNotificationsSaved(false), 2000);\r\n } catch {\r\n console.error('[PreferencesPage] Failed to save notifications');\r\n } finally {\r\n setNotificationsSaving(false);\r\n }\r\n }, [emailNotifications, securityAlerts]);\r\n\r\n useEffect(() => {\r\n if (isInitialLoadRef.current) return;\r\n\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n\r\n notificationsSaveTimeoutRef.current = setTimeout(() => {\r\n saveNotifications();\r\n }, 1000);\r\n\r\n return () => {\r\n if (notificationsSaveTimeoutRef.current) {\r\n clearTimeout(notificationsSaveTimeoutRef.current);\r\n }\r\n };\r\n }, [emailNotifications, securityAlerts, saveNotifications]);\r\n\r\n const handleSync = async () => {\r\n // Determine which scope to sync based on selectedThemeTenant\r\n // null = global scope, string = tenant scope\r\n const scope = selectedThemeTenant === null ? 'global' : 'tenant';\r\n setSyncSuccess(false);\r\n try {\r\n await loadFromServer(scope);\r\n await loadPreferences();\r\n setSyncSuccess(true);\r\n setTimeout(() => setSyncSuccess(false), 3000);\r\n } catch (error) {\r\n console.error('[PreferencesPage] Sync failed:', error);\r\n }\r\n };\r\n\r\n const tabs = [\r\n { id: 'appearance' as const, label: 'Apparence', icon: Palette, description: 'Personnaliser le thème et les couleurs' },\r\n { id: 'language' as const, label: 'Langue', icon: Globe, description: 'Changer la langue de l\\'interface' },\r\n { id: 'notifications' as const, label: 'Notifications', icon: Bell, description: 'Gérer les notifications' },\r\n { id: 'favorites' as const, label: t('common:favorites.quickAccess'), icon: Star, description: 'Gérer vos modules favoris' },\r\n ];\r\n\r\n // Gather all modules grouped by application for favorites\r\n const modulesByApp: { app: ApplicationDto; modules: ModuleDto[] }[] = [];\r\n menu?.applications.forEach(app => {\r\n if ((app.modules?.length ?? 0) > 0) {\r\n modulesByApp.push({\r\n app,\r\n modules: app.modules,\r\n });\r\n }\r\n });\r\n\r\n const handleToggleFavorite = (module: ModuleDto, app: ApplicationDto) => {\r\n const favoriteModule: FavoriteModule = {\r\n id: module.id,\r\n code: module.code,\r\n label: module.label,\r\n icon: module.icon \|\| 'Star',\r\n route: `/${app.code}/${module.code}`,\r\n applicationCode: app.code,\r\n applicationLabel: app.label,\r\n };\r\n toggleFavorite(favoriteModule);\r\n };\r\n\r\n const handleFavoriteClick = (module: FavoriteModule) => {\r\n if (module.route) {\r\n navigate(module.route);\r\n }\r\n };\r\n\r\n // Drag and drop handlers for reordering\r\n const handleDragStart = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n setDraggedIndex(index);\r\n dragNodeRef.current = e.currentTarget;\r\n e.dataTransfer.effectAllowed = 'move';\r\n e.dataTransfer.setData('text/plain', index.toString());\r\n // Add a slight delay to allow the drag image to be created before adding opacity\r\n setTimeout(() => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '0.4';\r\n }\r\n }, 0);\r\n };\r\n\r\n const handleDragEnd = () => {\r\n if (dragNodeRef.current) {\r\n dragNodeRef.current.style.opacity = '1';\r\n }\r\n setDraggedIndex(null);\r\n setDragOverIndex(null);\r\n dragNodeRef.current = null;\r\n };\r\n\r\n const handleDragOver = (e: React.DragEvent<HTMLDivElement>, index: number) => {\r\n e.preventDefault();\r\n e.dataTransfer.dropEffect = 'move';\r\n if (index !== draggedIndex) {\r\n setDragOverIndex(index);\r\n }\r\n };\r\n\r\n const handleDragLeave = () => {\r\n setDragOverIndex(null);\r\n };\r\n\r\n const handleDrop = (e: React.DragEvent<HTMLDivElement>, dropIndex: number) => {\r\n e.preventDefault();\r\n const dragIndex = draggedIndex;\r\n if (dragIndex === null \|\| dragIndex === dropIndex) return;\r\n\r\n const newFavorites = [...favorites];\r\n const [draggedItem] = newFavorites.splice(dragIndex, 1);\r\n newFavorites.splice(dropIndex, 0, draggedItem);\r\n\r\n reorderFavorites(newFavorites);\r\n handleDragEnd();\r\n };\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.preferences')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">Personnalisez votre expérience SmartStack</p>\r\n </div>\r\n\r\n {/* Tab Navigation /}\r\n <div className=\"border-b border-[var(--item-color-border)]\">\r\n <nav className=\"flex gap-1\" aria-label=\"Tabs\">\r\n {tabs.map((tab) => {\r\n const Icon = tab.icon;\r\n return (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`flex items-center gap-2 px-4 py-3 text-sm font-medium transition-all border-b-2 ${\r\n activeTab === tab.id\r\n ? 'border-[var(--color-accent-500)] text-[var(--color-accent-600)] bg-[var(--accent-bg)]'\r\n : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button) var(--radius-button) 0 0' }}\r\n >\r\n <Icon className=\"w-5 h-5\" />\r\n <span>{tab.label}</span>\r\n </button>\r\n );\r\n })}\r\n </nav>\r\n </div>\r\n\r\n {/ Tab Content /}\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--item-color-border)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {activeTab === 'appearance' && (\r\n <div className=\"space-y-4\">\r\n <ThemeCustomizer\r\n onSync={handleSync}\r\n isSyncing={isSyncing}\r\n syncSuccess={syncSuccess}\r\n />\r\n </div>\r\n )}\r\n\r\n {activeTab === 'language' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Langue</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Sélectionnez la langue de l'interface\r\n </p>\r\n </div>\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">\r\n {i18n.language?.startsWith('fr') ? 'Français' : 'English'}\r\n </h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Langue actuelle de l'interface\r\n </p>\r\n </div>\r\n <LanguageSwitcher />\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'notifications' && (\r\n <div className=\"space-y-6\">\r\n <div className=\"flex items-start justify-between\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">Notifications</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Gérez vos préférences de notifications\r\n </p>\r\n </div>\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-muted)]\">\r\n {notificationsSaving && (\r\n <>\r\n <Loader2 className=\"w-3 h-3 animate-spin\" />\r\n <span>Sauvegarde...</span>\r\n </>\r\n )}\r\n {notificationsSaved && !notificationsSaving && (\r\n <>\r\n <Check className=\"w-3 h-3 text-green-500\" />\r\n <span className=\"text-green-600\">Sauvegardé</span>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n <div className=\"space-y-4\">\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Notifications par email</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Recevoir des notifications par email\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={emailNotifications}\r\n onChange={(e) => setEmailNotifications(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Alertes de sécurité</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Être notifié des événements de sécurité\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={securityAlerts}\r\n onChange={(e) => setSecurityAlerts(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Mises à jour produit</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n Nouvelles fonctionnalités et améliorations\r\n </p>\r\n </div>\r\n <label className=\"relative inline-flex items-center cursor-pointer\">\r\n <input\r\n type=\"checkbox\"\r\n className=\"sr-only peer\"\r\n checked={productUpdates}\r\n onChange={(e) => setProductUpdates(e.target.checked)}\r\n />\r\n <div\r\n className=\"w-11 h-6 bg-[var(--bg-tertiary)] peer peer-checked:bg-[var(--color-accent-500)] after:content-[''] after:absolute after:top-0.5 after:left-[2px] after:bg-white after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <span className=\"after:rounded-full\" />\r\n </div>\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {activeTab === 'favorites' && (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h2 className=\"text-xl font-bold text-[var(--text-primary)]\">{t('common:favorites.quickAccess')}</h2>\r\n <p className=\"text-sm text-[var(--text-secondary)] mt-1\">\r\n {t('common:favorites.selectModules', { count: favorites.length, max: maxFavorites })}\r\n </p>\r\n </div>\r\n\r\n {favoritesLoading && (\r\n <div className=\"flex items-center justify-center py-8\">\r\n <Loader2 className=\"w-6 h-6 animate-spin text-[var(--color-accent-500)]\" />\r\n <span className=\"ml-2 text-[var(--text-secondary)]\">Chargement des favoris...</span>\r\n </div>\r\n )}\r\n\r\n {!favoritesLoading && (\r\n <>\r\n\r\n {/ Current Favorites /}\r\n <div\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center justify-between mb-3\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Vos favoris actuels</h3>\r\n {favorites.length > 1 && (\r\n <span className=\"text-xs text-[var(--text-muted)]\">Glissez pour réorganiser</span>\r\n )}\r\n </div>\r\n {favorites.length === 0 ? (\r\n <p className=\"text-sm text-[var(--text-secondary)]\">Aucun favori sélectionné</p>\r\n ) : (\r\n <div className=\"flex flex-col gap-2\">\r\n {favorites.map((module, index) => (\r\n <div\r\n key={module.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(e, index)}\r\n onDragEnd={handleDragEnd}\r\n onDragOver={(e) => handleDragOver(e, index)}\r\n onDragLeave={handleDragLeave}\r\n onDrop={(e) => handleDrop(e, index)}\r\n className={`flex items-center gap-2 px-3 py-2 bg-[var(--accent-bg)] border text-[var(--color-accent-500)] cursor-grab active:cursor-grabbing transition-all ${\r\n dragOverIndex === index\r\n ? 'border-[var(--color-accent-500)] border-2 scale-[1.02]'\r\n : 'border-[var(--color-accent-500)]/50'\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <GripVertical className=\"w-4 h-4 text-[var(--color-accent-400)] flex-shrink-0\" />\r\n <span className=\"text-xs text-[var(--color-accent-500)] font-mono w-4\">{index + 1}</span>\r\n <button\r\n onClick={() => handleFavoriteClick(module)}\r\n className=\"flex items-center gap-2 hover:underline flex-1\"\r\n >\r\n <DynamicIcon name={module.icon} className=\"w-4 h-4\" />\r\n <span className=\"text-sm font-medium\">{module.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({module.applicationLabel})</span>\r\n </button>\r\n <button\r\n onClick={() => toggleFavorite(module)}\r\n className=\"p-1 hover:bg-[var(--bg-tertiary)] rounded flex-shrink-0\"\r\n title=\"Retirer des favoris\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/ Available Modules */}\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <h3 className=\"font-semibold text-[var(--text-primary)]\">Modules disponibles</h3>\r\n <div className=\"relative\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]\" />\r\n <input\r\n type=\"text\"\r\n placeholder=\"Rechercher un module...\"\r\n value={moduleSearch}\r\n onChange={(e) => setModuleSearch(e.target.value)}\r\n className=\"pl-9 pr-3 py-2 w-64 bg-[var(--bg-primary)] border border-[var(--border-color)] text-sm focus:outline-none focus:border-[var(--color-accent-500)]\"\r\n style={{ borderRadius: 'var(--radius-input)' }}\r\n />\r\n </div>\r\n </div>\r\n {modulesByApp.map(({ app, modules }) => {\r\n // Filter modules based on search\r\n const filteredModules = moduleSearch\r\n ? modules.filter(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n app.label.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n : modules;\r\n\r\n // Don't render app section if no modules match\r\n if (filteredModules.length === 0) return null;\r\n\r\n return (\r\n <div\r\n key={app.id}\r\n className=\"p-4 bg-[var(--bg-secondary)] border border-[var(--item-color-border)]\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-2 mb-3\">\r\n <DynamicIcon name={app.icon \|\| 'Folder'} className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n <span className=\"font-medium text-[var(--text-primary)]\">{app.label}</span>\r\n <span className=\"text-xs text-[var(--text-muted)]\">({filteredModules.length} module{filteredModules.length > 1 ? 's' : ''})</span>\r\n </div>\r\n <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2\">\r\n {filteredModules.map((module) => {\r\n const isSelected = isFavorite(module.id);\r\n const isDisabled = !isSelected && !canAddMore;\r\n\r\n return (\r\n <button\r\n key={module.id}\r\n onClick={() => handleToggleFavorite(module, app)}\r\n disabled={isDisabled}\r\n className={`flex items-center gap-3 p-3 transition-all ${\r\n getFavoriteButtonClass(isSelected, isDisabled)\r\n }`}\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n <div className={`w-8 h-8 flex items-center justify-center ${\r\n isSelected\r\n ? 'bg-[var(--color-accent-600)] text-white'\r\n : 'bg-[var(--bg-tertiary)] text-[var(--text-secondary)]'\r\n }`} style={{ borderRadius: 'var(--radius-button)' }}>\r\n <DynamicIcon name={module.icon \|\| 'Star'} className=\"w-4 h-4\" />\r\n </div>\r\n <span className={`text-sm ${\r\n isSelected ? 'font-medium text-[var(--color-accent-500)]' : 'text-[var(--text-primary)]'\r\n }`}>\r\n {module.label}\r\n </span>\r\n {isSelected && (\r\n <Check className=\"w-4 h-4 text-[var(--color-accent-500)] ml-auto\" />\r\n )}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n })}\r\n\r\n {(modulesByApp.length === 0 \|\| (moduleSearch && modulesByApp.every(({ modules }) =>\r\n !modules.some(m =>\r\n m.label.toLowerCase().includes(moduleSearch.toLowerCase()) \|\|\r\n m.code.toLowerCase().includes(moduleSearch.toLowerCase())\r\n )\r\n ))) && (\r\n <div className=\"text-center py-8 text-[var(--text-secondary)]\">\r\n {moduleSearch ? `Aucun module trouvé pour \"${moduleSearch}\"` : t('common:favorites.noModules')}\r\n </div>\r\n )}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["PREFERENCES_TABS","DynamicIcon","name","className","IconComponent","LucideIcons","jsx","Star","getFavoriteButtonClass","isSelected","isDisabled","PreferencesPage","t","i18n","useTranslation","navigate","useNavigate","activeTab","setActiveTab","useTabNavigation","loadFromServer","isSyncing","selectedThemeTenant","useTheme","currentTenant","tenantLoading","useTenant","menu","useNavigation","favorites","toggleFavorite","isFavorite","canAddMore","maxFavorites","reorderFavorites","favoritesLoading","useFavoriteModules","syncSuccess","setSyncSuccess","useState","moduleSearch","setModuleSearch","draggedIndex","setDraggedIndex","dragOverIndex","setDragOverIndex","dragNodeRef","useRef","emailNotifications","setEmailNotifications","securityAlerts","setSecurityAlerts","productUpdates","setProductUpdates","notificationsSaving","setNotificationsSaving","notificationsSaved","setNotificationsSaved","notificationsSaveTimeoutRef","isInitialLoadRef","useEffect","loadPreferences","prefs","userApi","saveNotifications","useCallback","handleSync","scope","error","tabs","Palette","Globe","Bell","modulesByApp","app","handleToggleFavorite","module","favoriteModule","handleFavoriteClick","handleDragStart","e","index","handleDragEnd","handleDragOver","handleDragLeave","handleDrop","dropIndex","dragIndex","newFavorites","draggedItem","jsxs","tab","Icon","ThemeCustomizer","LanguageSwitcher","Fragment","Loader2","Check","GripVertical","X","Search","modules","filteredModules","m"],"mappings":"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"}

package/dist/chunks/{ProfilePage-DfiBhOUt.js → ProfilePage-Bex_JN5N.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as d, useEffect as m } from "react";
 import { useTranslation as v } from "react-i18next";
 import { Construction as b, X as p, Mail as x, Calendar as h } from "lucide-react";
-import { o as u } from "./index-DA5VyW0k.js";
+import { o as u } from "./index-CpY95_ro.js";
 function C() {
   const { t } = v(["navigation", "common"]), { user: r } = u(), [i, o] = d(null);
   m(() => {
@@ -136,4 +136,4 @@ function C() {
 export {
   C as ProfilePage
 };
-//# sourceMappingURL=ProfilePage-DfiBhOUt.js.map
+//# sourceMappingURL=ProfilePage-Bex_JN5N.js.map

package/dist/chunks/{ProfilePage-DfiBhOUt.js.map → ProfilePage-Bex_JN5N.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProfilePage-DfiBhOUt.js","sources":["../../src/pages/personal/myspace/ProfilePage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Mail, Calendar, Construction, X } from 'lucide-react';\r\nimport { useAuth } from '@/contexts/AuthContext';\r\n\r\nexport function ProfilePage(): ReactElement {\r\n const { t } = useTranslation(['navigation', 'common']);\r\n const { user } = useAuth();\r\n const [notification, setNotification] = useState<string \| null>(null);\r\n\r\n useEffect(() => {\r\n if (notification) {\r\n const timer = setTimeout(() => setNotification(null), 4000);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [notification]);\r\n\r\n const handleComingSoon = () => {\r\n setNotification(t('common:underDevelopment.description'));\r\n };\r\n\r\n const displayName = user?.firstName && user?.lastName\r\n ? `${user.firstName} ${user.lastName}`\r\n : user?.email \|\| t('common:name');\r\n\r\n const initials = user?.firstName && user?.lastName\r\n ? `${user.firstName.at(0)}${user.lastName.at(0)}`.toUpperCase()\r\n : user?.email?.at(0)?.toUpperCase() \|\| 'U';\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.profile')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">{t('navigation:profile.subtitle')}</p>\r\n </div>\r\n\r\n {notification && (\r\n <div\r\n className=\"flex items-center gap-3 p-4 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 text-amber-800 dark:text-amber-200\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <Construction className=\"w-5 h-5 flex-shrink-0\" />\r\n <span className=\"flex-1 text-sm\">{notification}</span>\r\n <button\r\n onClick={() => setNotification(null)}\r\n className=\"p-1 hover:bg-amber-100 dark:hover:bg-amber-800/30 rounded transition-colors\"\r\n >\r\n <X className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n )}\r\n\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--border-color)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-6 mb-6\">\r\n <div\r\n className=\"w-20 h-20 bg-gradient-to-br from-[var(--color-accent-500)] to-[var(--color-accent-600)] flex items-center justify-center text-white text-2xl font-bold\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {initials}\r\n </div>\r\n <div>\r\n <h2 className=\"text-xl font-semibold text-[var(--text-primary)]\">{displayName}</h2>\r\n <p className=\"text-[var(--text-secondary)]\">{user?.email}</p>\r\n {user?.roles && user.roles.length > 0 && (\r\n <div className=\"flex flex-wrap gap-2 mt-2\">\r\n {user.roles.map((role) => (\r\n <span\r\n key={role}\r\n className=\"px-2 py-1 text-xs font-medium bg-[var(--accent-bg)] text-[var(--color-accent-600)]\"\r\n style={{ borderRadius: 'var(--radius-badge)' }}\r\n >\r\n {role}\r\n </span>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center gap-3 text-[var(--text-secondary)]\">\r\n <Mail className=\"w-5 h-5\" />\r\n <span>{user?.email \|\| t('navigation:profile.notProvided')}</span>\r\n </div>\r\n <div className=\"flex items-center gap-3 text-[var(--text-secondary)]\">\r\n <Calendar className=\"w-5 h-5\" />\r\n <span>{t('navigation:profile.memberSince', { date: 'janvier 2024' })}</span>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-6 pt-6 border-t border-[var(--border-color)]\">\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-4 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white font-medium transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('common:buttons.edit')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--border-color)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <h3 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4\">{t('navigation:profile.security.title')}</h3>\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)]\">{t('navigation:profile.security.password')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('navigation:profile.security.lastChanged', { days: 30 })}</p>\r\n </div>\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('common:buttons.edit')}\r\n </button>\r\n </div>\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)]\">{t('navigation:profile.security.twoFactor')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('navigation:profile.security.notEnabled')}</p>\r\n </div>\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('navigation:profile.security.enable')}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ProfilePage","useTranslation","user","useAuth","notification","setNotification","useState","useEffect","timer","handleComingSoon","displayName","initials","jsxs","jsx","Construction","X","role","Mail","Calendar"],"mappings":"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"}
1	+ {"version":3,"file":"ProfilePage-Bex_JN5N.js","sources":["../../src/pages/personal/myspace/ProfilePage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Mail, Calendar, Construction, X } from 'lucide-react';\r\nimport { useAuth } from '@/contexts/AuthContext';\r\n\r\nexport function ProfilePage(): ReactElement {\r\n const { t } = useTranslation(['navigation', 'common']);\r\n const { user } = useAuth();\r\n const [notification, setNotification] = useState<string \| null>(null);\r\n\r\n useEffect(() => {\r\n if (notification) {\r\n const timer = setTimeout(() => setNotification(null), 4000);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [notification]);\r\n\r\n const handleComingSoon = () => {\r\n setNotification(t('common:underDevelopment.description'));\r\n };\r\n\r\n const displayName = user?.firstName && user?.lastName\r\n ? `${user.firstName} ${user.lastName}`\r\n : user?.email \|\| t('common:name');\r\n\r\n const initials = user?.firstName && user?.lastName\r\n ? `${user.firstName.at(0)}${user.lastName.at(0)}`.toUpperCase()\r\n : user?.email?.at(0)?.toUpperCase() \|\| 'U';\r\n\r\n return (\r\n <div className=\"space-y-6\">\r\n <div>\r\n <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('navigation:sidebar.profile')}</h1>\r\n <p className=\"text-[var(--text-secondary)] mt-1\">{t('navigation:profile.subtitle')}</p>\r\n </div>\r\n\r\n {notification && (\r\n <div\r\n className=\"flex items-center gap-3 p-4 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 text-amber-800 dark:text-amber-200\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <Construction className=\"w-5 h-5 flex-shrink-0\" />\r\n <span className=\"flex-1 text-sm\">{notification}</span>\r\n <button\r\n onClick={() => setNotification(null)}\r\n className=\"p-1 hover:bg-amber-100 dark:hover:bg-amber-800/30 rounded transition-colors\"\r\n >\r\n <X className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n )}\r\n\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--border-color)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <div className=\"flex items-center gap-6 mb-6\">\r\n <div\r\n className=\"w-20 h-20 bg-gradient-to-br from-[var(--color-accent-500)] to-[var(--color-accent-600)] flex items-center justify-center text-white text-2xl font-bold\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n {initials}\r\n </div>\r\n <div>\r\n <h2 className=\"text-xl font-semibold text-[var(--text-primary)]\">{displayName}</h2>\r\n <p className=\"text-[var(--text-secondary)]\">{user?.email}</p>\r\n {user?.roles && user.roles.length > 0 && (\r\n <div className=\"flex flex-wrap gap-2 mt-2\">\r\n {user.roles.map((role) => (\r\n <span\r\n key={role}\r\n className=\"px-2 py-1 text-xs font-medium bg-[var(--accent-bg)] text-[var(--color-accent-600)]\"\r\n style={{ borderRadius: 'var(--radius-badge)' }}\r\n >\r\n {role}\r\n </span>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center gap-3 text-[var(--text-secondary)]\">\r\n <Mail className=\"w-5 h-5\" />\r\n <span>{user?.email \|\| t('navigation:profile.notProvided')}</span>\r\n </div>\r\n <div className=\"flex items-center gap-3 text-[var(--text-secondary)]\">\r\n <Calendar className=\"w-5 h-5\" />\r\n <span>{t('navigation:profile.memberSince', { date: 'janvier 2024' })}</span>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-6 pt-6 border-t border-[var(--border-color)]\">\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-4 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white font-medium transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('common:buttons.edit')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div\r\n className=\"bg-[var(--bg-card)] border border-[var(--border-color)] p-6\"\r\n style={{ borderRadius: 'var(--radius-card)' }}\r\n >\r\n <h3 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4\">{t('navigation:profile.security.title')}</h3>\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)]\">{t('navigation:profile.security.password')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('navigation:profile.security.lastChanged', { days: 30 })}</p>\r\n </div>\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('common:buttons.edit')}\r\n </button>\r\n </div>\r\n <div className=\"flex items-center justify-between\">\r\n <div>\r\n <p className=\"font-medium text-[var(--text-primary)]\">{t('navigation:profile.security.twoFactor')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('navigation:profile.security.notEnabled')}</p>\r\n </div>\r\n <button\r\n onClick={handleComingSoon}\r\n className=\"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors\"\r\n style={{ borderRadius: 'var(--radius-button)' }}\r\n >\r\n {t('navigation:profile.security.enable')}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ProfilePage","useTranslation","user","useAuth","notification","setNotification","useState","useEffect","timer","handleComingSoon","displayName","initials","jsxs","jsx","Construction","X","role","Mail","Calendar"],"mappings":"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"}

package/dist/chunks/{ProfilePage-C5QS7tsh.js → ProfilePage-C8tUIOnb.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),m=require("react-i18next"),i=require("lucide-react"),x=require("./index-vXiLh35n.js");function v(){const{t}=m.useTranslation(["navigation","common"]),{user:r}=x.useAuth(),[a,n]=c.useState(null);c.useEffect(()=>{if(a){const s=setTimeout(()=>n(null),4e3);return()=>clearTimeout(s)}},[a]);const o=()=>{n(t("common:underDevelopment.description"))},l=r?.firstName&&r?.lastName?`${r.firstName} ${r.lastName}`:r?.email||t("common:name"),d=r?.firstName&&r?.lastName?`${r.firstName.at(0)}${r.lastName.at(0)}`.toUpperCase():r?.email?.at(0)?.toUpperCase()||"U";return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:t("navigation:sidebar.profile")}),e.jsx("p",{className:"text-[var(--text-secondary)] mt-1",children:t("navigation:profile.subtitle")})]}),a&&e.jsxs("div",{className:"flex items-center gap-3 p-4 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 text-amber-800 dark:text-amber-200",style:{borderRadius:"var(--radius-card)"},children:[e.jsx(i.Construction,{className:"w-5 h-5 flex-shrink-0"}),e.jsx("span",{className:"flex-1 text-sm",children:a}),e.jsx("button",{onClick:()=>n(null),className:"p-1 hover:bg-amber-100 dark:hover:bg-amber-800/30 rounded transition-colors",children:e.jsx(i.X,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] p-6",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-6 mb-6",children:[e.jsx("div",{className:"w-20 h-20 bg-gradient-to-br from-[var(--color-accent-500)] to-[var(--color-accent-600)] flex items-center justify-center text-white text-2xl font-bold",style:{borderRadius:"var(--radius-card)"},children:d}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-[var(--text-primary)]",children:l}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:r?.email}),r?.roles&&r.roles.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:r.roles.map(s=>e.jsx("span",{className:"px-2 py-1 text-xs font-medium bg-[var(--accent-bg)] text-[var(--color-accent-600)]",style:{borderRadius:"var(--radius-badge)"},children:s},s))})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 text-[var(--text-secondary)]",children:[e.jsx(i.Mail,{className:"w-5 h-5"}),e.jsx("span",{children:r?.email||t("navigation:profile.notProvided")})]}),e.jsxs("div",{className:"flex items-center gap-3 text-[var(--text-secondary)]",children:[e.jsx(i.Calendar,{className:"w-5 h-5"}),e.jsx("span",{children:t("navigation:profile.memberSince",{date:"janvier 2024"})})]})]}),e.jsx("div",{className:"mt-6 pt-6 border-t border-[var(--border-color)]",children:e.jsx("button",{onClick:o,className:"px-4 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white font-medium transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:buttons.edit")})})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] p-6",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)] mb-4",children:t("navigation:profile.security.title")}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)]",children:t("navigation:profile.security.password")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t("navigation:profile.security.lastChanged",{days:30})})]}),e.jsx("button",{onClick:o,className:"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:buttons.edit")})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)]",children:t("navigation:profile.security.twoFactor")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t("navigation:profile.security.notEnabled")})]}),e.jsx("button",{onClick:o,className:"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("navigation:profile.security.enable")})]})]})]})]})}exports.ProfilePage=v;
-//# sourceMappingURL=ProfilePage-C5QS7tsh.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),m=require("react-i18next"),i=require("lucide-react"),x=require("./index-DK5czlkn.js");function v(){const{t}=m.useTranslation(["navigation","common"]),{user:r}=x.useAuth(),[a,n]=c.useState(null);c.useEffect(()=>{if(a){const s=setTimeout(()=>n(null),4e3);return()=>clearTimeout(s)}},[a]);const o=()=>{n(t("common:underDevelopment.description"))},l=r?.firstName&&r?.lastName?`${r.firstName} ${r.lastName}`:r?.email||t("common:name"),d=r?.firstName&&r?.lastName?`${r.firstName.at(0)}${r.lastName.at(0)}`.toUpperCase():r?.email?.at(0)?.toUpperCase()||"U";return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:t("navigation:sidebar.profile")}),e.jsx("p",{className:"text-[var(--text-secondary)] mt-1",children:t("navigation:profile.subtitle")})]}),a&&e.jsxs("div",{className:"flex items-center gap-3 p-4 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 text-amber-800 dark:text-amber-200",style:{borderRadius:"var(--radius-card)"},children:[e.jsx(i.Construction,{className:"w-5 h-5 flex-shrink-0"}),e.jsx("span",{className:"flex-1 text-sm",children:a}),e.jsx("button",{onClick:()=>n(null),className:"p-1 hover:bg-amber-100 dark:hover:bg-amber-800/30 rounded transition-colors",children:e.jsx(i.X,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] p-6",style:{borderRadius:"var(--radius-card)"},children:[e.jsxs("div",{className:"flex items-center gap-6 mb-6",children:[e.jsx("div",{className:"w-20 h-20 bg-gradient-to-br from-[var(--color-accent-500)] to-[var(--color-accent-600)] flex items-center justify-center text-white text-2xl font-bold",style:{borderRadius:"var(--radius-card)"},children:d}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-xl font-semibold text-[var(--text-primary)]",children:l}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:r?.email}),r?.roles&&r.roles.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:r.roles.map(s=>e.jsx("span",{className:"px-2 py-1 text-xs font-medium bg-[var(--accent-bg)] text-[var(--color-accent-600)]",style:{borderRadius:"var(--radius-badge)"},children:s},s))})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 text-[var(--text-secondary)]",children:[e.jsx(i.Mail,{className:"w-5 h-5"}),e.jsx("span",{children:r?.email||t("navigation:profile.notProvided")})]}),e.jsxs("div",{className:"flex items-center gap-3 text-[var(--text-secondary)]",children:[e.jsx(i.Calendar,{className:"w-5 h-5"}),e.jsx("span",{children:t("navigation:profile.memberSince",{date:"janvier 2024"})})]})]}),e.jsx("div",{className:"mt-6 pt-6 border-t border-[var(--border-color)]",children:e.jsx("button",{onClick:o,className:"px-4 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white font-medium transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:buttons.edit")})})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] p-6",style:{borderRadius:"var(--radius-card)"},children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)] mb-4",children:t("navigation:profile.security.title")}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)]",children:t("navigation:profile.security.password")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t("navigation:profile.security.lastChanged",{days:30})})]}),e.jsx("button",{onClick:o,className:"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("common:buttons.edit")})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)]",children:t("navigation:profile.security.twoFactor")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t("navigation:profile.security.notEnabled")})]}),e.jsx("button",{onClick:o,className:"px-3 py-1.5 text-sm bg-[var(--bg-tertiary)] hover:bg-[var(--bg-hover)] text-[var(--text-primary)] transition-colors",style:{borderRadius:"var(--radius-button)"},children:t("navigation:profile.security.enable")})]})]})]})]})}exports.ProfilePage=v;
+//# sourceMappingURL=ProfilePage-C8tUIOnb.js.map