@atlashub/smartstack 3.11.0 → 3.14.0

package/dist/OnboardingWizardPage-CgEpUx9X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingWizardPage-CgEpUx9X.cjs","sources":["../src/pages/auth/OnboardingWizardPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Loader2, CheckCircle, Globe, Palette, Sparkles, ArrowRight, ArrowLeft } from 'lucide-react';\r\nimport { api } from '@/services/api/apiClient';\r\nimport { changeLanguage } from '@/i18n/config';\r\n\r\ntype Step = 'language' | 'theme' | 'complete';\r\n\r\ninterface LanguageOption {\r\n  code: string;\r\n  name: string;\r\n  flag: string;\r\n}\r\n\r\ninterface ThemeOption {\r\n  value: string;\r\n  labelKey: string;\r\n  icon: string;\r\n}\r\n\r\nconst languages: LanguageOption[] = [\r\n  { code: 'fr', name: 'Francais', flag: '🇫🇷' },\r\n  { code: 'en', name: 'English', flag: '🇬🇧' },\r\n  { code: 'de', name: 'Deutsch', flag: '🇩🇪' },\r\n  { code: 'it', name: 'Italiano', flag: '🇮🇹' },\r\n];\r\n\r\nconst themes: ThemeOption[] = [\r\n  { value: 'light', labelKey: 'themeLight', icon: '☀️' },\r\n  { value: 'dark', labelKey: 'themeDark', icon: '🌙' },\r\n  { value: 'system', labelKey: 'themeSystem', icon: '💻' },\r\n];\r\n\r\nconst accentColors = [\r\n  { key: 'indigo', color: '#6366f1', name: 'Indigo' },\r\n  { key: 'blue', color: '#3b82f6', name: 'Blue' },\r\n  { key: 'emerald', color: '#10b981', name: 'Emerald' },\r\n  { key: 'amber', color: '#f59e0b', name: 'Amber' },\r\n  { key: 'rose', color: '#f43f5e', name: 'Rose' },\r\n  { key: 'purple', color: '#a855f7', name: 'Purple' },\r\n];\r\n\r\nexport function OnboardingWizardPage(): ReactElement {\r\n  const { t, i18n } = useTranslation('auth');\r\n  const navigate = useNavigate();\r\n\r\n  const [currentStep, setCurrentStep] = useState<Step>('language');\r\n  const [selectedLanguage, setSelectedLanguage] = useState(i18n.language?.substring(0, 2) || 'fr');\r\n  const [selectedTheme, setSelectedTheme] = useState('dark');\r\n  const [selectedAccentColor, setSelectedAccentColor] = useState('indigo');\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [success, setSuccess] = useState(false);\r\n\r\n  // Check onboarding status on load\r\n  useEffect(() => {\r\n    const checkOnboardingStatus = async () => {\r\n      try {\r\n        const response = await api.get<{ hasCompletedOnboarding: boolean }>('/api/onboarding/status');\r\n        if (response.hasCompletedOnboarding) {\r\n          // Already completed, redirect to home\r\n          navigate('/myspace', { replace: true });\r\n        }\r\n      } catch {\r\n        // If we can't check status, allow proceeding\r\n      }\r\n    };\r\n\r\n    checkOnboardingStatus();\r\n  }, [navigate]);\r\n\r\n  // Update language immediately when selected (lazy loads translations if needed)\r\n  useEffect(() => {\r\n    if (selectedLanguage && selectedLanguage !== i18n.language?.substring(0, 2)) {\r\n      changeLanguage(selectedLanguage);\r\n    }\r\n  }, [selectedLanguage, i18n]);\r\n\r\n  const steps: { key: Step; labelKey: string; icon: React.ReactNode }[] = [\r\n    { key: 'language', labelKey: 'stepLanguage', icon: <Globe className=\"w-5 h-5\" /> },\r\n    { key: 'theme', labelKey: 'stepTheme', icon: <Palette className=\"w-5 h-5\" /> },\r\n    { key: 'complete', labelKey: 'stepComplete', icon: <Sparkles className=\"w-5 h-5\" /> },\r\n  ];\r\n\r\n  const currentStepIndex = steps.findIndex((s) => s.key === currentStep);\r\n\r\n  const handleNext = () => {\r\n    const nextIndex = currentStepIndex + 1;\r\n    if (nextIndex < steps.length) {\r\n      setCurrentStep(steps[nextIndex].key);\r\n    }\r\n  };\r\n\r\n  const handleBack = () => {\r\n    const prevIndex = currentStepIndex - 1;\r\n    if (prevIndex >= 0) {\r\n      setCurrentStep(steps[prevIndex].key);\r\n    }\r\n  };\r\n\r\n  const handleComplete = async () => {\r\n    setIsSubmitting(true);\r\n    setError(null);\r\n\r\n    try {\r\n      await api.post('/api/onboarding/complete', {\r\n        language: selectedLanguage,\r\n        theme: selectedTheme,\r\n        accentColorKey: selectedAccentColor,\r\n      });\r\n\r\n      // Save preferences locally\r\n      localStorage.setItem('i18nextLng', selectedLanguage);\r\n      localStorage.setItem(\r\n        'smartstack-theme-config',\r\n        JSON.stringify({\r\n          mode: selectedTheme,\r\n          accentColorKey: selectedAccentColor,\r\n          borderRadius: {},\r\n          itemPaletteKey: 'neutral',\r\n        })\r\n      );\r\n\r\n      setSuccess(true);\r\n\r\n      // Redirect after success animation\r\n      setTimeout(() => {\r\n        window.location.href = '/myspace';\r\n      }, 2000);\r\n    } catch (err) {\r\n      console.error('Onboarding error:', err);\r\n      setError(t('onboarding.errorMessage'));\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  };\r\n\r\n  if (success) {\r\n    return (\r\n      <div className=\"min-h-screen flex items-center justify-center bg-[var(--bg-primary)]\">\r\n        <div className=\"max-w-md w-full mx-4\">\r\n          <div className=\"bg-[var(--bg-secondary)] rounded-2xl p-8 shadow-lg border border-[var(--border-color)]\">\r\n            <div className=\"text-center\">\r\n              <div className=\"w-20 h-20 mx-auto bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mb-6\">\r\n                <CheckCircle className=\"w-12 h-12 text-green-600 dark:text-green-400\" />\r\n              </div>\r\n              <h2 className=\"text-2xl font-bold mb-3\">{t('onboarding.successTitle')}</h2>\r\n              <p className=\"text-[var(--text-secondary)]\">{t('onboarding.successMessage')}</p>\r\n              <div className=\"mt-6\">\r\n                <Loader2 className=\"w-6 h-6 mx-auto text-[var(--color-accent-500)] animate-spin\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"min-h-screen flex items-center justify-center bg-[var(--bg-primary)] p-4\">\r\n      <div className=\"max-w-lg w-full\">\r\n        {/* Header */}\r\n        <div className=\"text-center mb-8\">\r\n          <div className=\"flex items-center justify-center gap-2 mb-4\">\r\n            <div className=\"w-12 h-12 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center\">\r\n              <span className=\"text-white text-xl font-bold\">S</span>\r\n            </div>\r\n          </div>\r\n          <h1 className=\"text-3xl font-bold mb-2\">{t('onboarding.title')}</h1>\r\n          <p className=\"text-[var(--text-secondary)]\">{t('onboarding.subtitle')}</p>\r\n        </div>\r\n\r\n        {/* Steps indicator */}\r\n        <div className=\"flex justify-center mb-8\">\r\n          <div className=\"flex items-center gap-2\">\r\n            {steps.map((step, index) => (\r\n              <div key={step.key} className=\"flex items-center\">\r\n                <div\r\n                  className={`w-10 h-10 rounded-full flex items-center justify-center transition-all ${\r\n                    index <= currentStepIndex\r\n                      ? 'bg-[var(--color-accent-500)] text-white'\r\n                      : 'bg-[var(--bg-tertiary)] text-[var(--text-secondary)]'\r\n                  }`}\r\n                >\r\n                  {step.icon}\r\n                </div>\r\n                {index < steps.length - 1 && (\r\n                  <div\r\n                    className={`w-12 h-1 mx-1 rounded transition-all ${\r\n                      index < currentStepIndex\r\n                        ? 'bg-[var(--color-accent-500)]'\r\n                        : 'bg-[var(--bg-tertiary)]'\r\n                    }`}\r\n                  />\r\n                )}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Card */}\r\n        <div className=\"bg-[var(--bg-secondary)] rounded-2xl p-8 shadow-lg border border-[var(--border-color)]\">\r\n          {/* Language Step */}\r\n          {currentStep === 'language' && (\r\n            <div>\r\n              <h2 className=\"text-xl font-semibold mb-6 text-center\">{t('onboarding.languageLabel')}</h2>\r\n              <div className=\"grid grid-cols-2 gap-4\">\r\n                {languages.map((lang) => (\r\n                  <button\r\n                    key={lang.code}\r\n                    onClick={() => setSelectedLanguage(lang.code)}\r\n                    className={`p-4 rounded-xl border-2 transition-all ${\r\n                      selectedLanguage === lang.code\r\n                        ? 'border-[var(--color-accent-500)] bg-[var(--color-accent-50)] dark:bg-[var(--color-accent-900)]/20'\r\n                        : 'border-[var(--border-color)] hover:border-[var(--color-accent-300)]'\r\n                    }`}\r\n                  >\r\n                    <span className=\"text-3xl mb-2 block\">{lang.flag}</span>\r\n                    <span className=\"font-medium\">{lang.name}</span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Theme Step */}\r\n          {currentStep === 'theme' && (\r\n            <div>\r\n              <h2 className=\"text-xl font-semibold mb-6 text-center\">{t('onboarding.themeLabel')}</h2>\r\n\r\n              {/* Theme selection */}\r\n              <div className=\"grid grid-cols-3 gap-3 mb-8\">\r\n                {themes.map((theme) => (\r\n                  <button\r\n                    key={theme.value}\r\n                    onClick={() => setSelectedTheme(theme.value)}\r\n                    className={`p-4 rounded-xl border-2 transition-all ${\r\n                      selectedTheme === theme.value\r\n                        ? 'border-[var(--color-accent-500)] bg-[var(--color-accent-50)] dark:bg-[var(--color-accent-900)]/20'\r\n                        : 'border-[var(--border-color)] hover:border-[var(--color-accent-300)]'\r\n                    }`}\r\n                  >\r\n                    <span className=\"text-2xl mb-2 block\">{theme.icon}</span>\r\n                    <span className=\"text-sm font-medium\">{t(`onboarding.${theme.labelKey}`)}</span>\r\n                  </button>\r\n                ))}\r\n              </div>\r\n\r\n              {/* Accent color selection */}\r\n              <div>\r\n                <h3 className=\"text-sm font-medium mb-3 text-[var(--text-secondary)]\">\r\n                  {t('onboarding.accentColorLabel')}\r\n                </h3>\r\n                <div className=\"flex justify-center gap-3\">\r\n                  {accentColors.map((color) => (\r\n                    <button\r\n                      key={color.key}\r\n                      onClick={() => setSelectedAccentColor(color.key)}\r\n                      className={`w-10 h-10 rounded-full transition-all ${\r\n                        selectedAccentColor === color.key\r\n                          ? 'ring-2 ring-offset-2 ring-[var(--color-accent-500)] ring-offset-[var(--bg-secondary)]'\r\n                          : 'hover:scale-110'\r\n                      }`}\r\n                      style={{ backgroundColor: color.color }}\r\n                      title={color.name}\r\n                    />\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Complete Step */}\r\n          {currentStep === 'complete' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-20 h-20 mx-auto bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)]/30 rounded-full flex items-center justify-center mb-6\">\r\n                <Sparkles className=\"w-10 h-10 text-[var(--color-accent-500)]\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold mb-4\">{t('onboarding.stepComplete')}</h2>\r\n              <div className=\"text-[var(--text-secondary)] mb-6 space-y-2\">\r\n                <p>\r\n                  <span className=\"inline-flex items-center gap-2\">\r\n                    <Globe className=\"w-4 h-4\" />\r\n                    {languages.find((l) => l.code === selectedLanguage)?.name}\r\n                  </span>\r\n                </p>\r\n                <p>\r\n                  <span className=\"inline-flex items-center gap-2\">\r\n                    <Palette className=\"w-4 h-4\" />\r\n                    {themes.find((t) => t.value === selectedTheme)?.icon}{' '}\r\n                    {t(`onboarding.${themes.find((th) => th.value === selectedTheme)?.labelKey}`)}\r\n                  </span>\r\n                </p>\r\n                <p>\r\n                  <span className=\"inline-flex items-center gap-2\">\r\n                    <span\r\n                      className=\"w-4 h-4 rounded-full\"\r\n                      style={{ backgroundColor: accentColors.find((c) => c.key === selectedAccentColor)?.color }}\r\n                    />\r\n                    {accentColors.find((c) => c.key === selectedAccentColor)?.name}\r\n                  </span>\r\n                </p>\r\n              </div>\r\n\r\n              {error && (\r\n                <div className=\"bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-300 rounded-lg p-3 mb-4 text-sm\">\r\n                  {error}\r\n                </div>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* Navigation buttons */}\r\n          <div className=\"flex justify-between mt-8\">\r\n            {currentStepIndex > 0 ? (\r\n              <button\r\n                onClick={handleBack}\r\n                className=\"flex items-center gap-2 px-4 py-2 text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors\"\r\n              >\r\n                <ArrowLeft className=\"w-4 h-4\" />\r\n                {t('onboarding.back')}\r\n              </button>\r\n            ) : (\r\n              <div />\r\n            )}\r\n\r\n            {currentStep === 'complete' ? (\r\n              <button\r\n                onClick={handleComplete}\r\n                disabled={isSubmitting}\r\n                className=\"flex items-center gap-2 px-6 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white rounded-lg font-medium transition-colors disabled:opacity-50\"\r\n              >\r\n                {isSubmitting ? (\r\n                  <>\r\n                    <Loader2 className=\"w-4 h-4 animate-spin\" />\r\n                    {t('onboarding.completing')}\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    {t('onboarding.complete')}\r\n                    <CheckCircle className=\"w-4 h-4\" />\r\n                  </>\r\n                )}\r\n              </button>\r\n            ) : (\r\n              <button\r\n                onClick={handleNext}\r\n                className=\"flex items-center gap-2 px-6 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white rounded-lg font-medium transition-colors\"\r\n              >\r\n                {t('onboarding.continue')}\r\n                <ArrowRight className=\"w-4 h-4\" />\r\n              </button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["languages","themes","accentColors","OnboardingWizardPage","t","i18n","useTranslation","navigate","useNavigate","currentStep","setCurrentStep","useState","selectedLanguage","setSelectedLanguage","selectedTheme","setSelectedTheme","selectedAccentColor","setSelectedAccentColor","isSubmitting","setIsSubmitting","error","setError","success","setSuccess","useEffect","api","changeLanguage","steps","jsx","Globe","Palette","Sparkles","currentStepIndex","s","handleNext","nextIndex","handleBack","prevIndex","handleComplete","err","jsxs","CheckCircle","Loader2","step","index","lang","theme","color","l","th","c","ArrowLeft","Fragment","ArrowRight"],"mappings":"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"}

package/dist/{RegisterPage-DKr8quRk.cjs → RegisterPage-BejbbAl9.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("lucide-react"),E=require("react-router-dom"),o=require("./index-C6C5XmVj.cjs");function q(){const[i,h]=r.useState(""),[c,p]=r.useState(""),[d,b]=r.useState(""),[m,f]=r.useState(""),[x,y]=r.useState(""),[u,k]=r.useState(!1),[g,S]=r.useState(!1),[l,j]=r.useState(!1),[v,n]=r.useState(null),[N,w]=r.useState(null),C=()=>!i||!c||!d||!m||!x?(n("Tous les champs sont requis"),!1):c!==d?(n("Les mots de passe ne correspondent pas"),!1):c.length<8?(n("Le mot de passe doit contenir au moins 8 caractères"),!1):!0,L=async t=>{if(t.preventDefault(),n(null),w(null),!!C()){j(!0);try{o.logService.logEvent("register_attempt","auth",{email:i});const a=await o.authApi.register({email:i,password:c,firstName:m,lastName:x});o.logService.logEvent("register_success","auth",{email:i}),w(a.message),h(""),p(""),b(""),f(""),y("")}catch(a){if(a instanceof o.NetworkError)n(a.message);else{const P=a instanceof Error?a.message:"Une erreur inattendue est survenue";n(P)}o.logService.logError(a instanceof Error?a:new Error(String(a)),"RegisterPage.handleSubmit",{email:i})}finally{j(!1)}}};return e.jsxs("div",{className:"min-h-screen flex",children:[e.jsxs("div",{className:"hidden lg:flex lg:w-1/2 bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-600 p-12 text-white flex-col justify-between relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-10",children:e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(circle at 2px 2px, white 1px, transparent 0)",backgroundSize:"40px 40px"}})}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-12",children:[e.jsx("div",{className:"p-2 bg-white/20 backdrop-blur-sm rounded-lg",children:e.jsx("div",{className:"w-8 h-8 flex items-center justify-center",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"w-6 h-6",children:e.jsx("path",{d:"M12 2L2 7V17L12 22L22 17V7L12 2ZM12 4.5L19 8.27V15.73L12 19.5L5 15.73V8.27L12 4.5Z"})})})}),e.jsx("div",{className:"text-2xl font-bold tracking-tight",children:"SmartStack"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("h1",{className:"text-4xl font-bold leading-tight",children:["Créez votre compte",e.jsx("br",{}),e.jsx("span",{className:"text-white/80",children:"et rejoignez-nous"})]}),e.jsx("p",{className:"text-white/80 text-lg max-w-md",children:"Accédez à une plateforme complète de gestion avec authentification sécurisée et tableau de bord personnalisé."})]})]}),e.jsxs("div",{className:"relative z-10 text-sm text-white/60",children:["© ",new Date().getFullYear()," SmartStack. Tous droits réservés."]})]}),e.jsx("div",{className:"w-full lg:w-1/2 flex items-center justify-center p-8 bg-white dark:bg-gray-900",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsx("div",{className:"flex justify-end mb-8",children:e.jsx(o.ThemeSwitcher,{})}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-2",children:"Créer un compte"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:"Remplissez vos informations pour commencer"})]}),N&&e.jsxs("div",{className:"mb-6 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(s.CheckCircle2,{className:"w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-sm text-green-600 dark:text-green-400",children:N}),e.jsx("p",{className:"text-xs text-green-600/80 dark:text-green-400/80 mt-1",children:"Consultez vos emails pour confirmer votre adresse."})]})]}),v&&e.jsxs("div",{className:"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(s.AlertCircle,{className:"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-sm text-red-500 flex-1",children:v})]}),e.jsxs("form",{onSubmit:L,className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"firstName",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Prénom"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.User,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"firstName",type:"text",value:m,onChange:t=>f(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"Jean",required:!0,autoComplete:"given-name",disabled:l})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"lastName",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Nom"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.User,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"lastName",type:"text",value:x,onChange:t=>y(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"Dupont",required:!0,autoComplete:"family-name",disabled:l})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Adresse email"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Mail,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"email",type:"email",value:i,onChange:t=>h(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"vous@exemple.com",required:!0,autoComplete:"email",disabled:l})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"password",type:u?"text":"password",value:c,onChange:t=>p(t.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:l}),e.jsx("button",{type:"button",onClick:()=>k(!u),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",tabIndex:-1,children:u?e.jsx(s.EyeOff,{className:"h-5 w-5"}):e.jsx(s.Eye,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:"Minimum 8 caractères"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"confirmPassword",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Confirmer le mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"confirmPassword",type:g?"text":"password",value:d,onChange:t=>b(t.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:l}),e.jsx("button",{type:"button",onClick:()=>S(!g),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",tabIndex:-1,children:g?e.jsx(s.EyeOff,{className:"h-5 w-5"}):e.jsx(s.Eye,{className:"h-5 w-5"})})]})]}),e.jsx("button",{type:"submit",disabled:l,className:"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all disabled:opacity-50 disabled:cursor-not-allowed",children:l?e.jsxs(e.Fragment,{children:[e.jsx(s.Loader2,{className:"h-5 w-5 animate-spin"}),"Création en cours..."]}):e.jsx(e.Fragment,{children:"Créer mon compte"})})]}),e.jsx("div",{className:"mt-6 text-center space-y-2",children:e.jsxs("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:["Vous avez déjà un compte ?"," ",e.jsx(E.Link,{to:"/login",className:"text-blue-600 dark:text-blue-400 hover:underline font-medium",children:"Se connecter"})]})})]})})]})}exports.RegisterPage=q;
-//# sourceMappingURL=RegisterPage-DKr8quRk.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("lucide-react"),E=require("react-router-dom"),o=require("./index-BfMaHuWh.cjs");function q(){const[i,h]=r.useState(""),[c,p]=r.useState(""),[d,b]=r.useState(""),[m,f]=r.useState(""),[x,y]=r.useState(""),[u,k]=r.useState(!1),[g,S]=r.useState(!1),[l,j]=r.useState(!1),[v,n]=r.useState(null),[N,w]=r.useState(null),C=()=>!i||!c||!d||!m||!x?(n("Tous les champs sont requis"),!1):c!==d?(n("Les mots de passe ne correspondent pas"),!1):c.length<8?(n("Le mot de passe doit contenir au moins 8 caractères"),!1):!0,L=async t=>{if(t.preventDefault(),n(null),w(null),!!C()){j(!0);try{o.logService.logEvent("register_attempt","auth",{email:i});const a=await o.authApi.register({email:i,password:c,firstName:m,lastName:x});o.logService.logEvent("register_success","auth",{email:i}),w(a.message),h(""),p(""),b(""),f(""),y("")}catch(a){if(a instanceof o.NetworkError)n(a.message);else{const P=a instanceof Error?a.message:"Une erreur inattendue est survenue";n(P)}o.logService.logError(a instanceof Error?a:new Error(String(a)),"RegisterPage.handleSubmit",{email:i})}finally{j(!1)}}};return e.jsxs("div",{className:"min-h-screen flex",children:[e.jsxs("div",{className:"hidden lg:flex lg:w-1/2 bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-600 p-12 text-white flex-col justify-between relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-10",children:e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"radial-gradient(circle at 2px 2px, white 1px, transparent 0)",backgroundSize:"40px 40px"}})}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-12",children:[e.jsx("div",{className:"p-2 bg-white/20 backdrop-blur-sm rounded-lg",children:e.jsx("div",{className:"w-8 h-8 flex items-center justify-center",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"w-6 h-6",children:e.jsx("path",{d:"M12 2L2 7V17L12 22L22 17V7L12 2ZM12 4.5L19 8.27V15.73L12 19.5L5 15.73V8.27L12 4.5Z"})})})}),e.jsx("div",{className:"text-2xl font-bold tracking-tight",children:"SmartStack"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("h1",{className:"text-4xl font-bold leading-tight",children:["Créez votre compte",e.jsx("br",{}),e.jsx("span",{className:"text-white/80",children:"et rejoignez-nous"})]}),e.jsx("p",{className:"text-white/80 text-lg max-w-md",children:"Accédez à une plateforme complète de gestion avec authentification sécurisée et tableau de bord personnalisé."})]})]}),e.jsxs("div",{className:"relative z-10 text-sm text-white/60",children:["© ",new Date().getFullYear()," SmartStack. Tous droits réservés."]})]}),e.jsx("div",{className:"w-full lg:w-1/2 flex items-center justify-center p-8 bg-white dark:bg-gray-900",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsx("div",{className:"flex justify-end mb-8",children:e.jsx(o.ThemeSwitcher,{})}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-2",children:"Créer un compte"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:"Remplissez vos informations pour commencer"})]}),N&&e.jsxs("div",{className:"mb-6 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(s.CheckCircle2,{className:"w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-sm text-green-600 dark:text-green-400",children:N}),e.jsx("p",{className:"text-xs text-green-600/80 dark:text-green-400/80 mt-1",children:"Consultez vos emails pour confirmer votre adresse."})]})]}),v&&e.jsxs("div",{className:"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(s.AlertCircle,{className:"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-sm text-red-500 flex-1",children:v})]}),e.jsxs("form",{onSubmit:L,className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"firstName",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Prénom"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.User,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"firstName",type:"text",value:m,onChange:t=>f(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"Jean",required:!0,autoComplete:"given-name",disabled:l})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"lastName",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Nom"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.User,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"lastName",type:"text",value:x,onChange:t=>y(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"Dupont",required:!0,autoComplete:"family-name",disabled:l})]})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"email",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Adresse email"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Mail,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"email",type:"email",value:i,onChange:t=>h(t.target.value),className:"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"vous@exemple.com",required:!0,autoComplete:"email",disabled:l})]})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"password",type:u?"text":"password",value:c,onChange:t=>p(t.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:l}),e.jsx("button",{type:"button",onClick:()=>k(!u),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",tabIndex:-1,children:u?e.jsx(s.EyeOff,{className:"h-5 w-5"}):e.jsx(s.Eye,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:"Minimum 8 caractères"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"confirmPassword",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Confirmer le mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(s.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"confirmPassword",type:g?"text":"password",value:d,onChange:t=>b(t.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:l}),e.jsx("button",{type:"button",onClick:()=>S(!g),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",tabIndex:-1,children:g?e.jsx(s.EyeOff,{className:"h-5 w-5"}):e.jsx(s.Eye,{className:"h-5 w-5"})})]})]}),e.jsx("button",{type:"submit",disabled:l,className:"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all disabled:opacity-50 disabled:cursor-not-allowed",children:l?e.jsxs(e.Fragment,{children:[e.jsx(s.Loader2,{className:"h-5 w-5 animate-spin"}),"Création en cours..."]}):e.jsx(e.Fragment,{children:"Créer mon compte"})})]}),e.jsx("div",{className:"mt-6 text-center space-y-2",children:e.jsxs("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:["Vous avez déjà un compte ?"," ",e.jsx(E.Link,{to:"/login",className:"text-blue-600 dark:text-blue-400 hover:underline font-medium",children:"Se connecter"})]})})]})})]})}exports.RegisterPage=q;
+//# sourceMappingURL=RegisterPage-BejbbAl9.cjs.map

package/dist/RegisterPage-BejbbAl9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterPage-BejbbAl9.cjs","sources":["../src/pages/auth/RegisterPage.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { Eye, EyeOff, Lock, Mail, Loader2, User, CheckCircle2, AlertCircle } from 'lucide-react';\r\nimport { Link } from 'react-router-dom';\r\nimport { ThemeSwitcher } from '@/components/ui/ThemeSwitcher';\r\nimport { authApi } from '@/services/api/authApi';\r\nimport { logService } from '@/services/logging/logService';\r\nimport { NetworkError } from '@/types/errors';\r\n\r\nexport function RegisterPage(): ReactElement {\r\n  const [email, setEmail] = useState('');\r\n  const [password, setPassword] = useState('');\r\n  const [confirmPassword, setConfirmPassword] = useState('');\r\n  const [firstName, setFirstName] = useState('');\r\n  const [lastName, setLastName] = useState('');\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [success, setSuccess] = useState<string | null>(null);\r\n\r\n  const validateForm = () => {\r\n    if (!email || !password || !confirmPassword || !firstName || !lastName) {\r\n      setError('Tous les champs sont requis');\r\n      return false;\r\n    }\r\n\r\n    if (password !== confirmPassword) {\r\n      setError('Les mots de passe ne correspondent pas');\r\n      return false;\r\n    }\r\n\r\n    if (password.length < 8) {\r\n      setError('Le mot de passe doit contenir au moins 8 caractères');\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n    setSuccess(null);\r\n\r\n    if (!validateForm()) {\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      logService.logEvent('register_attempt', 'auth', { email });\r\n\r\n      const response = await authApi.register({\r\n        email,\r\n        password,\r\n        firstName,\r\n        lastName,\r\n      });\r\n\r\n      logService.logEvent('register_success', 'auth', { email });\r\n      setSuccess(response.message);\r\n\r\n      // Clear form\r\n      setEmail('');\r\n      setPassword('');\r\n      setConfirmPassword('');\r\n      setFirstName('');\r\n      setLastName('');\r\n    } catch (err) {\r\n      if (err instanceof NetworkError) {\r\n        setError(err.message);\r\n      } else {\r\n        const message = err instanceof Error ? err.message : 'Une erreur inattendue est survenue';\r\n        setError(message);\r\n      }\r\n      logService.logError(\r\n        err instanceof Error ? err : new Error(String(err)),\r\n        'RegisterPage.handleSubmit',\r\n        { email }\r\n      );\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"min-h-screen flex\">\r\n      {/* Left side - Branding & Features */}\r\n      <div className=\"hidden lg:flex lg:w-1/2 bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-600 p-12 text-white flex-col justify-between relative overflow-hidden\">\r\n        {/* Background pattern */}\r\n        <div className=\"absolute inset-0 opacity-10\">\r\n          <div className=\"absolute inset-0\" style={{\r\n            backgroundImage: 'radial-gradient(circle at 2px 2px, white 1px, transparent 0)',\r\n            backgroundSize: '40px 40px'\r\n          }} />\r\n        </div>\r\n\r\n        <div className=\"relative z-10\">\r\n          <div className=\"flex items-center gap-3 mb-12\">\r\n            <div className=\"p-2 bg-white/20 backdrop-blur-sm rounded-lg\">\r\n              <div className=\"w-8 h-8 flex items-center justify-center\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"w-6 h-6\">\r\n                  <path d=\"M12 2L2 7V17L12 22L22 17V7L12 2ZM12 4.5L19 8.27V15.73L12 19.5L5 15.73V8.27L12 4.5Z\" />\r\n                </svg>\r\n              </div>\r\n            </div>\r\n            <div className=\"text-2xl font-bold tracking-tight\">SmartStack</div>\r\n          </div>\r\n\r\n          <div className=\"space-y-6\">\r\n            <h1 className=\"text-4xl font-bold leading-tight\">\r\n              Créez votre compte<br />\r\n              <span className=\"text-white/80\">et rejoignez-nous</span>\r\n            </h1>\r\n            <p className=\"text-white/80 text-lg max-w-md\">\r\n              Accédez à une plateforme complète de gestion avec authentification sécurisée et tableau de bord personnalisé.\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"relative z-10 text-sm text-white/60\">\r\n          © {new Date().getFullYear()} SmartStack. Tous droits réservés.\r\n        </div>\r\n      </div>\r\n\r\n      {/* Right side - Registration Form */}\r\n      <div className=\"w-full lg:w-1/2 flex items-center justify-center p-8 bg-white dark:bg-gray-900\">\r\n        <div className=\"w-full max-w-md\">\r\n          {/* Theme Switcher */}\r\n          <div className=\"flex justify-end mb-8\">\r\n            <ThemeSwitcher />\r\n          </div>\r\n\r\n          {/* Form Header */}\r\n          <div className=\"text-center mb-8\">\r\n            <h2 className=\"text-3xl font-bold text-gray-900 dark:text-white mb-2\">\r\n              Créer un compte\r\n            </h2>\r\n            <p className=\"text-gray-600 dark:text-gray-400\">\r\n              Remplissez vos informations pour commencer\r\n            </p>\r\n          </div>\r\n\r\n          {/* Success Message */}\r\n          {success && (\r\n            <div className=\"mb-6 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3\">\r\n              <CheckCircle2 className=\"w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5\" />\r\n              <div className=\"flex-1\">\r\n                <p className=\"text-sm text-green-600 dark:text-green-400\">{success}</p>\r\n                <p className=\"text-xs text-green-600/80 dark:text-green-400/80 mt-1\">\r\n                  Consultez vos emails pour confirmer votre adresse.\r\n                </p>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Error Message */}\r\n          {error && (\r\n            <div className=\"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3\">\r\n              <AlertCircle className=\"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5\" />\r\n              <p className=\"text-sm text-red-500 flex-1\">{error}</p>\r\n            </div>\r\n          )}\r\n\r\n          {/* Registration Form */}\r\n          <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n            {/* Name Fields */}\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div>\r\n                <label htmlFor=\"firstName\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                  Prénom\r\n                </label>\r\n                <div className=\"relative\">\r\n                  <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                    <User className=\"h-5 w-5 text-gray-400\" />\r\n                  </div>\r\n                  <input\r\n                    id=\"firstName\"\r\n                    type=\"text\"\r\n                    value={firstName}\r\n                    onChange={(e) => setFirstName(e.target.value)}\r\n                    className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                    placeholder=\"Jean\"\r\n                    required\r\n                    autoComplete=\"given-name\"\r\n                    disabled={isLoading}\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <div>\r\n                <label htmlFor=\"lastName\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                  Nom\r\n                </label>\r\n                <div className=\"relative\">\r\n                  <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                    <User className=\"h-5 w-5 text-gray-400\" />\r\n                  </div>\r\n                  <input\r\n                    id=\"lastName\"\r\n                    type=\"text\"\r\n                    value={lastName}\r\n                    onChange={(e) => setLastName(e.target.value)}\r\n                    className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                    placeholder=\"Dupont\"\r\n                    required\r\n                    autoComplete=\"family-name\"\r\n                    disabled={isLoading}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Email Field */}\r\n            <div>\r\n              <label htmlFor=\"email\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Adresse email\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Mail className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"email\"\r\n                  type=\"email\"\r\n                  value={email}\r\n                  onChange={(e) => setEmail(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"vous@exemple.com\"\r\n                  required\r\n                  autoComplete=\"email\"\r\n                  disabled={isLoading}\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            {/* Password Field */}\r\n            <div>\r\n              <label htmlFor=\"password\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Mot de passe\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  value={password}\r\n                  onChange={(e) => setPassword(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"••••••••\"\r\n                  required\r\n                  autoComplete=\"new-password\"\r\n                  disabled={isLoading}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setShowPassword(!showPassword)}\r\n                  className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\r\n                  tabIndex={-1}\r\n                >\r\n                  {showPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                </button>\r\n              </div>\r\n              <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\r\n                Minimum 8 caractères\r\n              </p>\r\n            </div>\r\n\r\n            {/* Confirm Password Field */}\r\n            <div>\r\n              <label htmlFor=\"confirmPassword\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Confirmer le mot de passe\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"confirmPassword\"\r\n                  type={showConfirmPassword ? 'text' : 'password'}\r\n                  value={confirmPassword}\r\n                  onChange={(e) => setConfirmPassword(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"••••••••\"\r\n                  required\r\n                  autoComplete=\"new-password\"\r\n                  disabled={isLoading}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setShowConfirmPassword(!showConfirmPassword)}\r\n                  className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\r\n                  tabIndex={-1}\r\n                >\r\n                  {showConfirmPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Submit Button */}\r\n            <button\r\n              type=\"submit\"\r\n              disabled={isLoading}\r\n              className=\"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all disabled:opacity-50 disabled:cursor-not-allowed\"\r\n            >\r\n              {isLoading ? (\r\n                <>\r\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\r\n                  Création en cours...\r\n                </>\r\n              ) : (\r\n                <>Créer mon compte</>\r\n              )}\r\n            </button>\r\n          </form>\r\n\r\n          {/* Links */}\r\n          <div className=\"mt-6 text-center space-y-2\">\r\n            <p className=\"text-sm text-gray-600 dark:text-gray-400\">\r\n              Vous avez déjà un compte ?{' '}\r\n              <Link to=\"/login\" className=\"text-blue-600 dark:text-blue-400 hover:underline font-medium\">\r\n                Se connecter\r\n              </Link>\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["RegisterPage","email","setEmail","useState","password","setPassword","confirmPassword","setConfirmPassword","firstName","setFirstName","lastName","setLastName","showPassword","setShowPassword","showConfirmPassword","setShowConfirmPassword","isLoading","setIsLoading","error","setError","success","setSuccess","validateForm","handleSubmit","e","logService","response","authApi","err","NetworkError","message","jsxs","jsx","ThemeSwitcher","CheckCircle2","AlertCircle","User","Mail","Lock","EyeOff","Eye","Fragment","Loader2","Link"],"mappings":"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"}

package/dist/{RegisterPage-BzV0sCTe.js → RegisterPage-CcuYYRBS.js}

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e, Fragment as C } from "react/jsx-runtime";
 import { useState as a } from "react";
 import { CheckCircle2 as V, AlertCircle as A, User as L, Mail as I, Lock as S, EyeOff as P, Eye as E, Loader2 as T } from "lucide-react";
 import { Link as D } from "react-router-dom";
-import { T as R, l as h, a as U, N as Z } from "./index-0Jhdcj59.js";
+import { T as R, l as h, a as U, N as Z } from "./index-Kn_ynW2m.js";
 function G() {
   const [i, p] = a(""), [o, b] = a(""), [d, f] = a(""), [c, x] = a(""), [m, y] = a(""), [u, j] = a(!1), [g, z] = a(!1), [l, v] = a(!1), [N, n] = a(null), [w, k] = a(null), F = () => !i || !o || !d || !c || !m ? (n("Tous les champs sont requis"), !1) : o !== d ? (n("Les mots de passe ne correspondent pas"), !1) : o.length < 8 ? (n("Le mot de passe doit contenir au moins 8 caractères"), !1) : !0, q = async (t) => {
     if (t.preventDefault(), n(null), k(null), !!F()) {
@@ -224,4 +224,4 @@ function G() {
 export {
   G as RegisterPage
 };
-//# sourceMappingURL=RegisterPage-BzV0sCTe.js.map
+//# sourceMappingURL=RegisterPage-CcuYYRBS.js.map

package/dist/RegisterPage-CcuYYRBS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterPage-CcuYYRBS.js","sources":["../src/pages/auth/RegisterPage.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { Eye, EyeOff, Lock, Mail, Loader2, User, CheckCircle2, AlertCircle } from 'lucide-react';\r\nimport { Link } from 'react-router-dom';\r\nimport { ThemeSwitcher } from '@/components/ui/ThemeSwitcher';\r\nimport { authApi } from '@/services/api/authApi';\r\nimport { logService } from '@/services/logging/logService';\r\nimport { NetworkError } from '@/types/errors';\r\n\r\nexport function RegisterPage(): ReactElement {\r\n  const [email, setEmail] = useState('');\r\n  const [password, setPassword] = useState('');\r\n  const [confirmPassword, setConfirmPassword] = useState('');\r\n  const [firstName, setFirstName] = useState('');\r\n  const [lastName, setLastName] = useState('');\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [success, setSuccess] = useState<string | null>(null);\r\n\r\n  const validateForm = () => {\r\n    if (!email || !password || !confirmPassword || !firstName || !lastName) {\r\n      setError('Tous les champs sont requis');\r\n      return false;\r\n    }\r\n\r\n    if (password !== confirmPassword) {\r\n      setError('Les mots de passe ne correspondent pas');\r\n      return false;\r\n    }\r\n\r\n    if (password.length < 8) {\r\n      setError('Le mot de passe doit contenir au moins 8 caractères');\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n    setSuccess(null);\r\n\r\n    if (!validateForm()) {\r\n      return;\r\n    }\r\n\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      logService.logEvent('register_attempt', 'auth', { email });\r\n\r\n      const response = await authApi.register({\r\n        email,\r\n        password,\r\n        firstName,\r\n        lastName,\r\n      });\r\n\r\n      logService.logEvent('register_success', 'auth', { email });\r\n      setSuccess(response.message);\r\n\r\n      // Clear form\r\n      setEmail('');\r\n      setPassword('');\r\n      setConfirmPassword('');\r\n      setFirstName('');\r\n      setLastName('');\r\n    } catch (err) {\r\n      if (err instanceof NetworkError) {\r\n        setError(err.message);\r\n      } else {\r\n        const message = err instanceof Error ? err.message : 'Une erreur inattendue est survenue';\r\n        setError(message);\r\n      }\r\n      logService.logError(\r\n        err instanceof Error ? err : new Error(String(err)),\r\n        'RegisterPage.handleSubmit',\r\n        { email }\r\n      );\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"min-h-screen flex\">\r\n      {/* Left side - Branding & Features */}\r\n      <div className=\"hidden lg:flex lg:w-1/2 bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-600 p-12 text-white flex-col justify-between relative overflow-hidden\">\r\n        {/* Background pattern */}\r\n        <div className=\"absolute inset-0 opacity-10\">\r\n          <div className=\"absolute inset-0\" style={{\r\n            backgroundImage: 'radial-gradient(circle at 2px 2px, white 1px, transparent 0)',\r\n            backgroundSize: '40px 40px'\r\n          }} />\r\n        </div>\r\n\r\n        <div className=\"relative z-10\">\r\n          <div className=\"flex items-center gap-3 mb-12\">\r\n            <div className=\"p-2 bg-white/20 backdrop-blur-sm rounded-lg\">\r\n              <div className=\"w-8 h-8 flex items-center justify-center\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"w-6 h-6\">\r\n                  <path d=\"M12 2L2 7V17L12 22L22 17V7L12 2ZM12 4.5L19 8.27V15.73L12 19.5L5 15.73V8.27L12 4.5Z\" />\r\n                </svg>\r\n              </div>\r\n            </div>\r\n            <div className=\"text-2xl font-bold tracking-tight\">SmartStack</div>\r\n          </div>\r\n\r\n          <div className=\"space-y-6\">\r\n            <h1 className=\"text-4xl font-bold leading-tight\">\r\n              Créez votre compte<br />\r\n              <span className=\"text-white/80\">et rejoignez-nous</span>\r\n            </h1>\r\n            <p className=\"text-white/80 text-lg max-w-md\">\r\n              Accédez à une plateforme complète de gestion avec authentification sécurisée et tableau de bord personnalisé.\r\n            </p>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"relative z-10 text-sm text-white/60\">\r\n          © {new Date().getFullYear()} SmartStack. Tous droits réservés.\r\n        </div>\r\n      </div>\r\n\r\n      {/* Right side - Registration Form */}\r\n      <div className=\"w-full lg:w-1/2 flex items-center justify-center p-8 bg-white dark:bg-gray-900\">\r\n        <div className=\"w-full max-w-md\">\r\n          {/* Theme Switcher */}\r\n          <div className=\"flex justify-end mb-8\">\r\n            <ThemeSwitcher />\r\n          </div>\r\n\r\n          {/* Form Header */}\r\n          <div className=\"text-center mb-8\">\r\n            <h2 className=\"text-3xl font-bold text-gray-900 dark:text-white mb-2\">\r\n              Créer un compte\r\n            </h2>\r\n            <p className=\"text-gray-600 dark:text-gray-400\">\r\n              Remplissez vos informations pour commencer\r\n            </p>\r\n          </div>\r\n\r\n          {/* Success Message */}\r\n          {success && (\r\n            <div className=\"mb-6 p-4 bg-green-500/10 border border-green-500/20 rounded-lg flex items-start gap-3\">\r\n              <CheckCircle2 className=\"w-5 h-5 text-green-600 dark:text-green-400 flex-shrink-0 mt-0.5\" />\r\n              <div className=\"flex-1\">\r\n                <p className=\"text-sm text-green-600 dark:text-green-400\">{success}</p>\r\n                <p className=\"text-xs text-green-600/80 dark:text-green-400/80 mt-1\">\r\n                  Consultez vos emails pour confirmer votre adresse.\r\n                </p>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* Error Message */}\r\n          {error && (\r\n            <div className=\"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3\">\r\n              <AlertCircle className=\"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5\" />\r\n              <p className=\"text-sm text-red-500 flex-1\">{error}</p>\r\n            </div>\r\n          )}\r\n\r\n          {/* Registration Form */}\r\n          <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n            {/* Name Fields */}\r\n            <div className=\"grid grid-cols-2 gap-4\">\r\n              <div>\r\n                <label htmlFor=\"firstName\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                  Prénom\r\n                </label>\r\n                <div className=\"relative\">\r\n                  <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                    <User className=\"h-5 w-5 text-gray-400\" />\r\n                  </div>\r\n                  <input\r\n                    id=\"firstName\"\r\n                    type=\"text\"\r\n                    value={firstName}\r\n                    onChange={(e) => setFirstName(e.target.value)}\r\n                    className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                    placeholder=\"Jean\"\r\n                    required\r\n                    autoComplete=\"given-name\"\r\n                    disabled={isLoading}\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <div>\r\n                <label htmlFor=\"lastName\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                  Nom\r\n                </label>\r\n                <div className=\"relative\">\r\n                  <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                    <User className=\"h-5 w-5 text-gray-400\" />\r\n                  </div>\r\n                  <input\r\n                    id=\"lastName\"\r\n                    type=\"text\"\r\n                    value={lastName}\r\n                    onChange={(e) => setLastName(e.target.value)}\r\n                    className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                    placeholder=\"Dupont\"\r\n                    required\r\n                    autoComplete=\"family-name\"\r\n                    disabled={isLoading}\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Email Field */}\r\n            <div>\r\n              <label htmlFor=\"email\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Adresse email\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Mail className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"email\"\r\n                  type=\"email\"\r\n                  value={email}\r\n                  onChange={(e) => setEmail(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"vous@exemple.com\"\r\n                  required\r\n                  autoComplete=\"email\"\r\n                  disabled={isLoading}\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            {/* Password Field */}\r\n            <div>\r\n              <label htmlFor=\"password\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Mot de passe\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  value={password}\r\n                  onChange={(e) => setPassword(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"••••••••\"\r\n                  required\r\n                  autoComplete=\"new-password\"\r\n                  disabled={isLoading}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setShowPassword(!showPassword)}\r\n                  className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\r\n                  tabIndex={-1}\r\n                >\r\n                  {showPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                </button>\r\n              </div>\r\n              <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\r\n                Minimum 8 caractères\r\n              </p>\r\n            </div>\r\n\r\n            {/* Confirm Password Field */}\r\n            <div>\r\n              <label htmlFor=\"confirmPassword\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                Confirmer le mot de passe\r\n              </label>\r\n              <div className=\"relative\">\r\n                <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                  <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                </div>\r\n                <input\r\n                  id=\"confirmPassword\"\r\n                  type={showConfirmPassword ? 'text' : 'password'}\r\n                  value={confirmPassword}\r\n                  onChange={(e) => setConfirmPassword(e.target.value)}\r\n                  className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors\"\r\n                  placeholder=\"••••••••\"\r\n                  required\r\n                  autoComplete=\"new-password\"\r\n                  disabled={isLoading}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={() => setShowConfirmPassword(!showConfirmPassword)}\r\n                  className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\r\n                  tabIndex={-1}\r\n                >\r\n                  {showConfirmPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Submit Button */}\r\n            <button\r\n              type=\"submit\"\r\n              disabled={isLoading}\r\n              className=\"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-all disabled:opacity-50 disabled:cursor-not-allowed\"\r\n            >\r\n              {isLoading ? (\r\n                <>\r\n                  <Loader2 className=\"h-5 w-5 animate-spin\" />\r\n                  Création en cours...\r\n                </>\r\n              ) : (\r\n                <>Créer mon compte</>\r\n              )}\r\n            </button>\r\n          </form>\r\n\r\n          {/* Links */}\r\n          <div className=\"mt-6 text-center space-y-2\">\r\n            <p className=\"text-sm text-gray-600 dark:text-gray-400\">\r\n              Vous avez déjà un compte ?{' '}\r\n              <Link to=\"/login\" className=\"text-blue-600 dark:text-blue-400 hover:underline font-medium\">\r\n                Se connecter\r\n              </Link>\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["RegisterPage","email","setEmail","useState","password","setPassword","confirmPassword","setConfirmPassword","firstName","setFirstName","lastName","setLastName","showPassword","setShowPassword","showConfirmPassword","setShowConfirmPassword","isLoading","setIsLoading","error","setError","success","setSuccess","validateForm","handleSubmit","e","logService","response","authApi","err","NetworkError","message","jsxs","jsx","ThemeSwitcher","CheckCircle2","AlertCircle","User","Mail","Lock","EyeOff","Eye","Fragment","Loader2","Link"],"mappings":"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"}

package/dist/{ResetPasswordPage-x4do1o-j.cjs → ResetPasswordPage-7brP8dT7.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),n=require("react-router-dom"),t=require("lucide-react"),y=require("./index-C6C5XmVj.cjs");function C(){const[j]=n.useSearchParams(),w=n.useNavigate(),i=j.get("token"),[l,N]=s.useState(""),[g,v]=s.useState(""),[x,k]=s.useState(!1),[m,L]=s.useState(!1),[o,b]=s.useState(!1),[d,u]=s.useState("form"),[c,r]=s.useState(null);s.useEffect(()=>{i||(u("invalid_token"),r("Lien de réinitialisation invalide. Aucun token fourni."))},[i]);const P=()=>l.length<8?(r("Le mot de passe doit contenir au moins 8 caractères"),!1):l!==g?(r("Les mots de passe ne correspondent pas"),!1):!0,S=async a=>{if(a.preventDefault(),r(null),!(!P()||!i)){b(!0);try{await y.authApi.resetPassword(i,l),u("success")}catch(f){const p=f,h=f?.code;h==="TOKEN_EXPIRED"||h==="TOKEN_ALREADY_USED"||h==="INVALID_TOKEN"?(u("error"),r(p?.message||"Le lien de réinitialisation est invalide ou a expiré.")):r(p?.message||"Une erreur est survenue")}finally{b(!1)}}};return e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 p-8",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsx("div",{className:"flex justify-end mb-8",children:e.jsx(y.ThemeSwitcher,{})}),e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8",children:[d==="invalid_token"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.XCircle,{className:"w-10 h-10 text-red-600 dark:text-red-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Lien invalide"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:c}),e.jsx(n.Link,{to:"/forgot-password",className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors",children:"Demander un nouveau lien"})]}),d==="error"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.XCircle,{className:"w-10 h-10 text-red-600 dark:text-red-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Lien expiré"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:c}),e.jsx(n.Link,{to:"/forgot-password",className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors",children:"Demander un nouveau lien"})]}),d==="success"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.CheckCircle2,{className:"w-10 h-10 text-green-600 dark:text-green-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Mot de passe réinitialisé !"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:"Votre mot de passe a été modifié avec succès. Vous pouvez maintenant vous connecter."}),e.jsx("button",{onClick:()=>w("/login"),className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 transition-all",children:"Se connecter"})]}),d==="form"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.Lock,{className:"w-8 h-8 text-blue-600 dark:text-blue-400"})}),e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Nouveau mot de passe"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:"Choisissez un nouveau mot de passe sécurisé."})]}),c&&e.jsxs("div",{className:"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(t.AlertCircle,{className:"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-sm text-red-500",children:c})]}),e.jsxs("form",{onSubmit:S,className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Nouveau mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(t.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"password",type:x?"text":"password",value:l,onChange:a=>N(a.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:o}),e.jsx("button",{type:"button",onClick:()=>k(!x),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600",tabIndex:-1,children:x?e.jsx(t.EyeOff,{className:"h-5 w-5"}):e.jsx(t.Eye,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:"Minimum 8 caractères"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"confirmPassword",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Confirmer le mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(t.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"confirmPassword",type:m?"text":"password",value:g,onChange:a=>v(a.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:o}),e.jsx("button",{type:"button",onClick:()=>L(!m),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600",tabIndex:-1,children:m?e.jsx(t.EyeOff,{className:"h-5 w-5"}):e.jsx(t.Eye,{className:"h-5 w-5"})})]})]}),e.jsx("button",{type:"submit",disabled:o,className:"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 disabled:opacity-50 transition-all",children:o?e.jsxs(e.Fragment,{children:[e.jsx(t.Loader2,{className:"h-5 w-5 animate-spin"}),"Réinitialisation..."]}):"Réinitialiser le mot de passe"})]})]}),e.jsx("div",{className:"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700",children:e.jsx(n.Link,{to:"/login",className:"flex items-center justify-center text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",children:"Retour à la connexion"})})]})]})})}exports.ResetPasswordPage=C;
-//# sourceMappingURL=ResetPasswordPage-x4do1o-j.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),n=require("react-router-dom"),t=require("lucide-react"),y=require("./index-BfMaHuWh.cjs");function C(){const[j]=n.useSearchParams(),w=n.useNavigate(),i=j.get("token"),[l,N]=s.useState(""),[g,v]=s.useState(""),[x,k]=s.useState(!1),[m,L]=s.useState(!1),[o,b]=s.useState(!1),[d,u]=s.useState("form"),[c,r]=s.useState(null);s.useEffect(()=>{i||(u("invalid_token"),r("Lien de réinitialisation invalide. Aucun token fourni."))},[i]);const P=()=>l.length<8?(r("Le mot de passe doit contenir au moins 8 caractères"),!1):l!==g?(r("Les mots de passe ne correspondent pas"),!1):!0,S=async a=>{if(a.preventDefault(),r(null),!(!P()||!i)){b(!0);try{await y.authApi.resetPassword(i,l),u("success")}catch(f){const p=f,h=f?.code;h==="TOKEN_EXPIRED"||h==="TOKEN_ALREADY_USED"||h==="INVALID_TOKEN"?(u("error"),r(p?.message||"Le lien de réinitialisation est invalide ou a expiré.")):r(p?.message||"Une erreur est survenue")}finally{b(!1)}}};return e.jsx("div",{className:"min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 p-8",children:e.jsxs("div",{className:"w-full max-w-md",children:[e.jsx("div",{className:"flex justify-end mb-8",children:e.jsx(y.ThemeSwitcher,{})}),e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8",children:[d==="invalid_token"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.XCircle,{className:"w-10 h-10 text-red-600 dark:text-red-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Lien invalide"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:c}),e.jsx(n.Link,{to:"/forgot-password",className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors",children:"Demander un nouveau lien"})]}),d==="error"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.XCircle,{className:"w-10 h-10 text-red-600 dark:text-red-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Lien expiré"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:c}),e.jsx(n.Link,{to:"/forgot-password",className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors",children:"Demander un nouveau lien"})]}),d==="success"&&e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.CheckCircle2,{className:"w-10 h-10 text-green-600 dark:text-green-400"})}),e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:"Mot de passe réinitialisé !"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-6",children:"Votre mot de passe a été modifié avec succès. Vous pouvez maintenant vous connecter."}),e.jsx("button",{onClick:()=>w("/login"),className:"inline-flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 transition-all",children:"Se connecter"})]}),d==="form"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(t.Lock,{className:"w-8 h-8 text-blue-600 dark:text-blue-400"})}),e.jsx("h2",{className:"text-2xl font-bold text-gray-900 dark:text-white mb-2",children:"Nouveau mot de passe"}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400",children:"Choisissez un nouveau mot de passe sécurisé."})]}),c&&e.jsxs("div",{className:"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3",children:[e.jsx(t.AlertCircle,{className:"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5"}),e.jsx("p",{className:"text-sm text-red-500",children:c})]}),e.jsxs("form",{onSubmit:S,className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{htmlFor:"password",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Nouveau mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(t.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"password",type:x?"text":"password",value:l,onChange:a=>N(a.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:o}),e.jsx("button",{type:"button",onClick:()=>k(!x),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600",tabIndex:-1,children:x?e.jsx(t.EyeOff,{className:"h-5 w-5"}):e.jsx(t.Eye,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400",children:"Minimum 8 caractères"})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"confirmPassword",className:"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2",children:"Confirmer le mot de passe"}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(t.Lock,{className:"h-5 w-5 text-gray-400"})}),e.jsx("input",{id:"confirmPassword",type:m?"text":"password",value:g,onChange:a=>v(a.target.value),className:"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent",placeholder:"••••••••",required:!0,autoComplete:"new-password",disabled:o}),e.jsx("button",{type:"button",onClick:()=>L(!m),className:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600",tabIndex:-1,children:m?e.jsx(t.EyeOff,{className:"h-5 w-5"}):e.jsx(t.Eye,{className:"h-5 w-5"})})]})]}),e.jsx("button",{type:"submit",disabled:o,className:"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 disabled:opacity-50 transition-all",children:o?e.jsxs(e.Fragment,{children:[e.jsx(t.Loader2,{className:"h-5 w-5 animate-spin"}),"Réinitialisation..."]}):"Réinitialiser le mot de passe"})]})]}),e.jsx("div",{className:"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700",children:e.jsx(n.Link,{to:"/login",className:"flex items-center justify-center text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",children:"Retour à la connexion"})})]})]})})}exports.ResetPasswordPage=C;
+//# sourceMappingURL=ResetPasswordPage-7brP8dT7.cjs.map

package/dist/ResetPasswordPage-7brP8dT7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordPage-7brP8dT7.cjs","sources":["../src/pages/auth/ResetPasswordPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useSearchParams, Link, useNavigate } from 'react-router-dom';\r\nimport { Lock, Eye, EyeOff, Loader2, CheckCircle2, XCircle, AlertCircle } from 'lucide-react';\r\nimport { ThemeSwitcher } from '@/components/ui/ThemeSwitcher';\r\nimport { authApi } from '@/services/api/authApi';\r\n\r\ntype Status = 'form' | 'success' | 'error' | 'invalid_token';\r\n\r\nexport function ResetPasswordPage(): ReactElement {\r\n  const [searchParams] = useSearchParams();\r\n  const navigate = useNavigate();\r\n  const token = searchParams.get('token');\r\n\r\n  const [password, setPassword] = useState('');\r\n  const [confirmPassword, setConfirmPassword] = useState('');\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [status, setStatus] = useState<Status>('form');\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!token) {\r\n      setStatus('invalid_token');\r\n      setError('Lien de réinitialisation invalide. Aucun token fourni.');\r\n    }\r\n  }, [token]);\r\n\r\n  const validateForm = () => {\r\n    if (password.length < 8) {\r\n      setError('Le mot de passe doit contenir au moins 8 caractères');\r\n      return false;\r\n    }\r\n    if (password !== confirmPassword) {\r\n      setError('Les mots de passe ne correspondent pas');\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n\r\n    if (!validateForm() || !token) return;\r\n\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      await authApi.resetPassword(token, password);\r\n      setStatus('success');\r\n    } catch (err) {\r\n      const error = err as { message?: string; code?: string };\r\n      const code = (err as { code?: string })?.code;\r\n\r\n      if (code === 'TOKEN_EXPIRED' || code === 'TOKEN_ALREADY_USED' || code === 'INVALID_TOKEN') {\r\n        setStatus('error');\r\n        setError(error?.message || 'Le lien de réinitialisation est invalide ou a expiré.');\r\n      } else {\r\n        setError(error?.message || 'Une erreur est survenue');\r\n      }\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 p-8\">\r\n      <div className=\"w-full max-w-md\">\r\n        <div className=\"flex justify-end mb-8\">\r\n          <ThemeSwitcher />\r\n        </div>\r\n\r\n        <div className=\"bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8\">\r\n          {/* Invalid Token State */}\r\n          {status === 'invalid_token' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <XCircle className=\"w-10 h-10 text-red-600 dark:text-red-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Lien invalide\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">{error}</p>\r\n              <Link\r\n                to=\"/forgot-password\"\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors\"\r\n              >\r\n                Demander un nouveau lien\r\n              </Link>\r\n            </div>\r\n          )}\r\n\r\n          {/* Error State (expired/used token) */}\r\n          {status === 'error' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <XCircle className=\"w-10 h-10 text-red-600 dark:text-red-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Lien expiré\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">{error}</p>\r\n              <Link\r\n                to=\"/forgot-password\"\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors\"\r\n              >\r\n                Demander un nouveau lien\r\n              </Link>\r\n            </div>\r\n          )}\r\n\r\n          {/* Success State */}\r\n          {status === 'success' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <CheckCircle2 className=\"w-10 h-10 text-green-600 dark:text-green-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Mot de passe réinitialisé !\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">\r\n                Votre mot de passe a été modifié avec succès. Vous pouvez maintenant vous connecter.\r\n              </p>\r\n              <button\r\n                onClick={() => navigate('/login')}\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 transition-all\"\r\n              >\r\n                Se connecter\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {/* Form State */}\r\n          {status === 'form' && (\r\n            <>\r\n              <div className=\"text-center mb-8\">\r\n                <div className=\"w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                  <Lock className=\"w-8 h-8 text-blue-600 dark:text-blue-400\" />\r\n                </div>\r\n                <h2 className=\"text-2xl font-bold text-gray-900 dark:text-white mb-2\">\r\n                  Nouveau mot de passe\r\n                </h2>\r\n                <p className=\"text-gray-600 dark:text-gray-400\">\r\n                  Choisissez un nouveau mot de passe sécurisé.\r\n                </p>\r\n              </div>\r\n\r\n              {error && (\r\n                <div className=\"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3\">\r\n                  <AlertCircle className=\"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5\" />\r\n                  <p className=\"text-sm text-red-500\">{error}</p>\r\n                </div>\r\n              )}\r\n\r\n              <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n                <div>\r\n                  <label htmlFor=\"password\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                    Nouveau mot de passe\r\n                  </label>\r\n                  <div className=\"relative\">\r\n                    <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                      <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                    </div>\r\n                    <input\r\n                      id=\"password\"\r\n                      type={showPassword ? 'text' : 'password'}\r\n                      value={password}\r\n                      onChange={(e) => setPassword(e.target.value)}\r\n                      className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\r\n                      placeholder=\"••••••••\"\r\n                      required\r\n                      autoComplete=\"new-password\"\r\n                      disabled={isLoading}\r\n                    />\r\n                    <button\r\n                      type=\"button\"\r\n                      onClick={() => setShowPassword(!showPassword)}\r\n                      className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600\"\r\n                      tabIndex={-1}\r\n                    >\r\n                      {showPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                    </button>\r\n                  </div>\r\n                  <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\r\n                    Minimum 8 caractères\r\n                  </p>\r\n                </div>\r\n\r\n                <div>\r\n                  <label htmlFor=\"confirmPassword\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                    Confirmer le mot de passe\r\n                  </label>\r\n                  <div className=\"relative\">\r\n                    <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                      <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                    </div>\r\n                    <input\r\n                      id=\"confirmPassword\"\r\n                      type={showConfirmPassword ? 'text' : 'password'}\r\n                      value={confirmPassword}\r\n                      onChange={(e) => setConfirmPassword(e.target.value)}\r\n                      className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\r\n                      placeholder=\"••••••••\"\r\n                      required\r\n                      autoComplete=\"new-password\"\r\n                      disabled={isLoading}\r\n                    />\r\n                    <button\r\n                      type=\"button\"\r\n                      onClick={() => setShowConfirmPassword(!showConfirmPassword)}\r\n                      className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600\"\r\n                      tabIndex={-1}\r\n                    >\r\n                      {showConfirmPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                <button\r\n                  type=\"submit\"\r\n                  disabled={isLoading}\r\n                  className=\"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 disabled:opacity-50 transition-all\"\r\n                >\r\n                  {isLoading ? (\r\n                    <>\r\n                      <Loader2 className=\"h-5 w-5 animate-spin\" />\r\n                      Réinitialisation...\r\n                    </>\r\n                  ) : (\r\n                    'Réinitialiser le mot de passe'\r\n                  )}\r\n                </button>\r\n              </form>\r\n            </>\r\n          )}\r\n\r\n          <div className=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\r\n            <Link\r\n              to=\"/login\"\r\n              className=\"flex items-center justify-center text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\r\n            >\r\n              Retour à la connexion\r\n            </Link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ResetPasswordPage","searchParams","useSearchParams","navigate","useNavigate","token","password","setPassword","useState","confirmPassword","setConfirmPassword","showPassword","setShowPassword","showConfirmPassword","setShowConfirmPassword","isLoading","setIsLoading","status","setStatus","error","setError","useEffect","validateForm","handleSubmit","e","authApi","err","code","jsxs","jsx","ThemeSwitcher","XCircle","Link","CheckCircle2","Fragment","Lock","AlertCircle","EyeOff","Eye","Loader2"],"mappings":"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"}

package/dist/{ResetPasswordPage-DphmJrcJ.js → ResetPasswordPage-BX3wnSSM.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t, Fragment as w } from "react/jsx-runtime";
 import { useState as r, useEffect as A } from "react";
 import { useSearchParams as I, useNavigate as R, Link as g } from "react-router-dom";
 import { XCircle as N, CheckCircle2 as _, Lock as x, AlertCircle as T, EyeOff as v, Eye as k, Loader2 as F } from "lucide-react";
-import { T as O, a as K } from "./index-0Jhdcj59.js";
+import { T as O, a as K } from "./index-Kn_ynW2m.js";
 function Y() {
   const [C] = I(), P = R(), l = C.get("token"), [n, j] = r(""), [b, L] = r(""), [c, E] = r(!1), [m, S] = r(!1), [i, f] = r(!1), [o, u] = r("form"), [d, a] = r(null);
   A(() => {
@@ -163,4 +163,4 @@ function Y() {
 export {
   Y as ResetPasswordPage
 };
-//# sourceMappingURL=ResetPasswordPage-DphmJrcJ.js.map
+//# sourceMappingURL=ResetPasswordPage-BX3wnSSM.js.map

package/dist/ResetPasswordPage-BX3wnSSM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordPage-BX3wnSSM.js","sources":["../src/pages/auth/ResetPasswordPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useSearchParams, Link, useNavigate } from 'react-router-dom';\r\nimport { Lock, Eye, EyeOff, Loader2, CheckCircle2, XCircle, AlertCircle } from 'lucide-react';\r\nimport { ThemeSwitcher } from '@/components/ui/ThemeSwitcher';\r\nimport { authApi } from '@/services/api/authApi';\r\n\r\ntype Status = 'form' | 'success' | 'error' | 'invalid_token';\r\n\r\nexport function ResetPasswordPage(): ReactElement {\r\n  const [searchParams] = useSearchParams();\r\n  const navigate = useNavigate();\r\n  const token = searchParams.get('token');\r\n\r\n  const [password, setPassword] = useState('');\r\n  const [confirmPassword, setConfirmPassword] = useState('');\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [status, setStatus] = useState<Status>('form');\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (!token) {\r\n      setStatus('invalid_token');\r\n      setError('Lien de réinitialisation invalide. Aucun token fourni.');\r\n    }\r\n  }, [token]);\r\n\r\n  const validateForm = () => {\r\n    if (password.length < 8) {\r\n      setError('Le mot de passe doit contenir au moins 8 caractères');\r\n      return false;\r\n    }\r\n    if (password !== confirmPassword) {\r\n      setError('Les mots de passe ne correspondent pas');\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setError(null);\r\n\r\n    if (!validateForm() || !token) return;\r\n\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      await authApi.resetPassword(token, password);\r\n      setStatus('success');\r\n    } catch (err) {\r\n      const error = err as { message?: string; code?: string };\r\n      const code = (err as { code?: string })?.code;\r\n\r\n      if (code === 'TOKEN_EXPIRED' || code === 'TOKEN_ALREADY_USED' || code === 'INVALID_TOKEN') {\r\n        setStatus('error');\r\n        setError(error?.message || 'Le lien de réinitialisation est invalide ou a expiré.');\r\n      } else {\r\n        setError(error?.message || 'Une erreur est survenue');\r\n      }\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900 p-8\">\r\n      <div className=\"w-full max-w-md\">\r\n        <div className=\"flex justify-end mb-8\">\r\n          <ThemeSwitcher />\r\n        </div>\r\n\r\n        <div className=\"bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8\">\r\n          {/* Invalid Token State */}\r\n          {status === 'invalid_token' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <XCircle className=\"w-10 h-10 text-red-600 dark:text-red-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Lien invalide\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">{error}</p>\r\n              <Link\r\n                to=\"/forgot-password\"\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors\"\r\n              >\r\n                Demander un nouveau lien\r\n              </Link>\r\n            </div>\r\n          )}\r\n\r\n          {/* Error State (expired/used token) */}\r\n          {status === 'error' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-red-100 dark:bg-red-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <XCircle className=\"w-10 h-10 text-red-600 dark:text-red-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Lien expiré\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">{error}</p>\r\n              <Link\r\n                to=\"/forgot-password\"\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors\"\r\n              >\r\n                Demander un nouveau lien\r\n              </Link>\r\n            </div>\r\n          )}\r\n\r\n          {/* Success State */}\r\n          {status === 'success' && (\r\n            <div className=\"text-center\">\r\n              <div className=\"w-16 h-16 bg-green-100 dark:bg-green-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                <CheckCircle2 className=\"w-10 h-10 text-green-600 dark:text-green-400\" />\r\n              </div>\r\n              <h2 className=\"text-xl font-semibold text-gray-900 dark:text-white mb-2\">\r\n                Mot de passe réinitialisé !\r\n              </h2>\r\n              <p className=\"text-gray-600 dark:text-gray-400 mb-6\">\r\n                Votre mot de passe a été modifié avec succès. Vous pouvez maintenant vous connecter.\r\n              </p>\r\n              <button\r\n                onClick={() => navigate('/login')}\r\n                className=\"inline-flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 transition-all\"\r\n              >\r\n                Se connecter\r\n              </button>\r\n            </div>\r\n          )}\r\n\r\n          {/* Form State */}\r\n          {status === 'form' && (\r\n            <>\r\n              <div className=\"text-center mb-8\">\r\n                <div className=\"w-16 h-16 bg-blue-100 dark:bg-blue-900/30 rounded-full flex items-center justify-center mx-auto mb-4\">\r\n                  <Lock className=\"w-8 h-8 text-blue-600 dark:text-blue-400\" />\r\n                </div>\r\n                <h2 className=\"text-2xl font-bold text-gray-900 dark:text-white mb-2\">\r\n                  Nouveau mot de passe\r\n                </h2>\r\n                <p className=\"text-gray-600 dark:text-gray-400\">\r\n                  Choisissez un nouveau mot de passe sécurisé.\r\n                </p>\r\n              </div>\r\n\r\n              {error && (\r\n                <div className=\"mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-lg flex items-start gap-3\">\r\n                  <AlertCircle className=\"w-5 h-5 text-red-500 flex-shrink-0 mt-0.5\" />\r\n                  <p className=\"text-sm text-red-500\">{error}</p>\r\n                </div>\r\n              )}\r\n\r\n              <form onSubmit={handleSubmit} className=\"space-y-4\">\r\n                <div>\r\n                  <label htmlFor=\"password\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                    Nouveau mot de passe\r\n                  </label>\r\n                  <div className=\"relative\">\r\n                    <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                      <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                    </div>\r\n                    <input\r\n                      id=\"password\"\r\n                      type={showPassword ? 'text' : 'password'}\r\n                      value={password}\r\n                      onChange={(e) => setPassword(e.target.value)}\r\n                      className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\r\n                      placeholder=\"••••••••\"\r\n                      required\r\n                      autoComplete=\"new-password\"\r\n                      disabled={isLoading}\r\n                    />\r\n                    <button\r\n                      type=\"button\"\r\n                      onClick={() => setShowPassword(!showPassword)}\r\n                      className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600\"\r\n                      tabIndex={-1}\r\n                    >\r\n                      {showPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                    </button>\r\n                  </div>\r\n                  <p className=\"mt-1 text-xs text-gray-500 dark:text-gray-400\">\r\n                    Minimum 8 caractères\r\n                  </p>\r\n                </div>\r\n\r\n                <div>\r\n                  <label htmlFor=\"confirmPassword\" className=\"block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2\">\r\n                    Confirmer le mot de passe\r\n                  </label>\r\n                  <div className=\"relative\">\r\n                    <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\r\n                      <Lock className=\"h-5 w-5 text-gray-400\" />\r\n                    </div>\r\n                    <input\r\n                      id=\"confirmPassword\"\r\n                      type={showConfirmPassword ? 'text' : 'password'}\r\n                      value={confirmPassword}\r\n                      onChange={(e) => setConfirmPassword(e.target.value)}\r\n                      className=\"block w-full pl-10 pr-10 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\r\n                      placeholder=\"••••••••\"\r\n                      required\r\n                      autoComplete=\"new-password\"\r\n                      disabled={isLoading}\r\n                    />\r\n                    <button\r\n                      type=\"button\"\r\n                      onClick={() => setShowConfirmPassword(!showConfirmPassword)}\r\n                      className=\"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600\"\r\n                      tabIndex={-1}\r\n                    >\r\n                      {showConfirmPassword ? <EyeOff className=\"h-5 w-5\" /> : <Eye className=\"h-5 w-5\" />}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                <button\r\n                  type=\"submit\"\r\n                  disabled={isLoading}\r\n                  className=\"w-full flex items-center justify-center gap-2 px-4 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-medium hover:from-blue-700 hover:to-purple-700 disabled:opacity-50 transition-all\"\r\n                >\r\n                  {isLoading ? (\r\n                    <>\r\n                      <Loader2 className=\"h-5 w-5 animate-spin\" />\r\n                      Réinitialisation...\r\n                    </>\r\n                  ) : (\r\n                    'Réinitialiser le mot de passe'\r\n                  )}\r\n                </button>\r\n              </form>\r\n            </>\r\n          )}\r\n\r\n          <div className=\"mt-6 pt-6 border-t border-gray-200 dark:border-gray-700\">\r\n            <Link\r\n              to=\"/login\"\r\n              className=\"flex items-center justify-center text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\r\n            >\r\n              Retour à la connexion\r\n            </Link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ResetPasswordPage","searchParams","useSearchParams","navigate","useNavigate","token","password","setPassword","useState","confirmPassword","setConfirmPassword","showPassword","setShowPassword","showConfirmPassword","setShowConfirmPassword","isLoading","setIsLoading","status","setStatus","error","setError","useEffect","validateForm","jsxs","jsx","ThemeSwitcher","XCircle","Link","CheckCircle2","Fragment","Lock","AlertCircle","e","authApi","err","code","EyeOff","Eye","Loader2"],"mappings":";;;;;AASO,SAASA,IAAkC;AAChD,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAAWC,EAAA,GACXC,IAAQJ,EAAa,IAAI,OAAO,GAEhC,CAACK,GAAUC,CAAW,IAAIC,EAAS,EAAE,GACrC,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAE,GACnD,CAACG,GAAcC,CAAe,IAAIJ,EAAS,EAAK,GAChD,CAACK,GAAqBC,CAAsB,IAAIN,EAAS,EAAK,GAC9D,CAACO,GAAWC,CAAY,IAAIR,EAAS,EAAK,GAC1C,CAACS,GAAQC,CAAS,IAAIV,EAAiB,MAAM,GAC7C,CAACW,GAAOC,CAAQ,IAAIZ,EAAwB,IAAI;AAEtD,EAAAa,EAAU,MAAM;AACd,IAAKhB,MACHa,EAAU,eAAe,GACzBE,EAAS,wDAAwD;AAAA,EAErE,GAAG,CAACf,CAAK,CAAC;AAEV,QAAMiB,IAAe,MACfhB,EAAS,SAAS,KACpBc,EAAS,qDAAqD,GACvD,MAELd,MAAaG,KACfW,EAAS,wCAAwC,GAC1C,MAEF;AA6BT,2BACG,OAAA,EAAI,WAAU,iFACb,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA,EAACC,KAAc,GACjB;AAAA,IAEA,gBAAAF,EAAC,OAAA,EAAI,WAAU,uDAEZ,UAAA;AAAA,MAAAN,MAAW,mBACV,gBAAAM,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,sGACb,4BAACE,GAAA,EAAQ,WAAU,4CAA2C,EAAA,CAChE;AAAA,QACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,iBAEzE;AAAA,QACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,yCAAyC,UAAAL,GAAM;AAAA,QAC5D,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,GACF;AAAA,MAIDV,MAAW,WACV,gBAAAM,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,sGACb,4BAACE,GAAA,EAAQ,WAAU,4CAA2C,EAAA,CAChE;AAAA,QACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,eAEzE;AAAA,QACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,yCAAyC,UAAAL,GAAM;AAAA,QAC5D,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,GACF;AAAA,MAIDV,MAAW,aACV,gBAAAM,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,0GACb,4BAACI,GAAA,EAAa,WAAU,gDAA+C,EAAA,CACzE;AAAA,QACA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,4DAA2D,UAAA,+BAEzE;AAAA,QACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,yCAAwC,UAAA,wFAErD;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,MAAMrB,EAAS,QAAQ;AAAA,YAChC,WAAU;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,GACF;AAAA,MAIDc,MAAW,UACV,gBAAAM,EAAAM,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,wGACb,4BAACM,GAAA,EAAK,WAAU,4CAA2C,EAAA,CAC7D;AAAA,UACA,gBAAAN,EAAC,MAAA,EAAG,WAAU,yDAAwD,UAAA,wBAEtE;AAAA,UACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,oCAAmC,UAAA,+CAAA,CAEhD;AAAA,QAAA,GACF;AAAA,QAECL,KACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,qFACb,UAAA;AAAA,UAAA,gBAAAC,EAACO,GAAA,EAAY,WAAU,4CAAA,CAA4C;AAAA,UACnE,gBAAAP,EAAC,KAAA,EAAE,WAAU,wBAAwB,UAAAL,EAAA,CAAM;AAAA,QAAA,GAC7C;AAAA,QAGF,gBAAAI,EAAC,QAAA,EAAK,UAnHG,OAAOS,MAAuB;AAIjD,cAHAA,EAAE,eAAA,GACFZ,EAAS,IAAI,GAET,GAACE,OAAkB,CAACjB,IAExB;AAAA,YAAAW,EAAa,EAAI;AAEjB,gBAAI;AACF,oBAAMiB,EAAQ,cAAc5B,GAAOC,CAAQ,GAC3CY,EAAU,SAAS;AAAA,YACrB,SAASgB,GAAK;AACZ,oBAAMf,IAAQe,GACRC,IAAQD,GAA2B;AAEzC,cAAIC,MAAS,mBAAmBA,MAAS,wBAAwBA,MAAS,mBACxEjB,EAAU,OAAO,GACjBE,EAASD,GAAO,WAAW,uDAAuD,KAElFC,EAASD,GAAO,WAAW,yBAAyB;AAAA,YAExD,UAAA;AACE,cAAAH,EAAa,EAAK;AAAA,YACpB;AAAA;AAAA,QACF,GA2F0C,WAAU,aACtC,UAAA;AAAA,UAAA,gBAAAO,EAAC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAC,EAAC,SAAA,EAAM,SAAQ,YAAW,WAAU,mEAAkE,UAAA,wBAEtG;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,SAAI,WAAU,wEACb,4BAACM,GAAA,EAAK,WAAU,yBAAwB,EAAA,CAC1C;AAAA,cACA,gBAAAN;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAMb,IAAe,SAAS;AAAA,kBAC9B,OAAOL;AAAA,kBACP,UAAU,CAAC0B,MAAMzB,EAAYyB,EAAE,OAAO,KAAK;AAAA,kBAC3C,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,UAAQ;AAAA,kBACR,cAAa;AAAA,kBACb,UAAUjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEZ,gBAAAS;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAMZ,EAAgB,CAACD,CAAY;AAAA,kBAC5C,WAAU;AAAA,kBACV,UAAU;AAAA,kBAET,UAAAA,sBAAgByB,GAAA,EAAO,WAAU,WAAU,IAAK,gBAAAZ,EAACa,GAAA,EAAI,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC5E,GACF;AAAA,YACA,gBAAAb,EAAC,KAAA,EAAE,WAAU,iDAAgD,UAAA,uBAAA,CAE7D;AAAA,UAAA,GACF;AAAA,4BAEC,OAAA,EACC,UAAA;AAAA,YAAA,gBAAAA,EAAC,SAAA,EAAM,SAAQ,mBAAkB,WAAU,mEAAkE,UAAA,6BAE7G;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,SAAI,WAAU,wEACb,4BAACM,GAAA,EAAK,WAAU,yBAAwB,EAAA,CAC1C;AAAA,cACA,gBAAAN;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAMX,IAAsB,SAAS;AAAA,kBACrC,OAAOJ;AAAA,kBACP,UAAU,CAACuB,MAAMtB,EAAmBsB,EAAE,OAAO,KAAK;AAAA,kBAClD,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,UAAQ;AAAA,kBACR,cAAa;AAAA,kBACb,UAAUjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEZ,gBAAAS;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAMV,EAAuB,CAACD,CAAmB;AAAA,kBAC1D,WAAU;AAAA,kBACV,UAAU;AAAA,kBAET,UAAAA,sBAAuBuB,GAAA,EAAO,WAAU,WAAU,IAAK,gBAAAZ,EAACa,GAAA,EAAI,WAAU,UAAA,CAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACnF,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAUT;AAAA,cACV,WAAU;AAAA,cAET,cACC,gBAAAQ,EAAAM,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAAL,EAACc,GAAA,EAAQ,WAAU,uBAAA,CAAuB;AAAA,gBAAE;AAAA,cAAA,EAAA,CAE9C,IAEA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAGF,gBAAAd,EAAC,OAAA,EAAI,WAAU,2DACb,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}