@atlashub/smartstack 3.21.0 → 3.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{AgentSkillsPage-7si3Ng8e.js → AgentSkillsPage-BWQSCYl-.js} +2 -2
- package/dist/chunks/{AgentSkillsPage-7si3Ng8e.js.map → AgentSkillsPage-BWQSCYl-.js.map} +1 -1
- package/dist/chunks/{AgentSkillsPage-D0cD1QdM.js → AgentSkillsPage-IQcMnBaD.js} +2 -2
- package/dist/chunks/{AgentSkillsPage-D0cD1QdM.js.map → AgentSkillsPage-IQcMnBaD.js.map} +1 -1
- package/dist/chunks/{AgentWorkloadPage-H_7ze33H.js → AgentWorkloadPage-DqrjkvWL.js} +2 -2
- package/dist/chunks/{AgentWorkloadPage-H_7ze33H.js.map → AgentWorkloadPage-DqrjkvWL.js.map} +1 -1
- package/dist/chunks/{AgentWorkloadPage-D4d86cdV.js → AgentWorkloadPage-w-HiyFYP.js} +2 -2
- package/dist/chunks/{AgentWorkloadPage-D4d86cdV.js.map → AgentWorkloadPage-w-HiyFYP.js.map} +1 -1
- package/dist/chunks/{ApiCatalogDetailPage-2ktkRrCb.js → ApiCatalogDetailPage-D3L8Yf4G.js} +3 -3
- package/dist/chunks/{ApiCatalogDetailPage-2ktkRrCb.js.map → ApiCatalogDetailPage-D3L8Yf4G.js.map} +1 -1
- package/dist/chunks/{ApiCatalogDetailPage-BQ53xuwD.js → ApiCatalogDetailPage-MPT3Kz6H.js} +2 -2
- package/dist/chunks/{ApiCatalogDetailPage-BQ53xuwD.js.map → ApiCatalogDetailPage-MPT3Kz6H.js.map} +1 -1
- package/dist/chunks/{ApiCatalogPage-BEqTDJz8.js → ApiCatalogPage-D4Hg3uiS.js} +2 -2
- package/dist/chunks/{ApiCatalogPage-BEqTDJz8.js.map → ApiCatalogPage-D4Hg3uiS.js.map} +1 -1
- package/dist/chunks/{ApiCatalogPage-BBkWSLI8.js → ApiCatalogPage-DRg5Cz0r.js} +2 -2
- package/dist/chunks/{ApiCatalogPage-BBkWSLI8.js.map → ApiCatalogPage-DRg5Cz0r.js.map} +1 -1
- package/dist/chunks/{ApplicationDetailPage-BYJ2YMPq.js → ApplicationDetailPage-Caizuyn2.js} +2 -2
- package/dist/chunks/{ApplicationDetailPage-BYJ2YMPq.js.map → ApplicationDetailPage-Caizuyn2.js.map} +1 -1
- package/dist/chunks/{ApplicationDetailPage-D8-bf1as.js → ApplicationDetailPage-CuCW6aMB.js} +4 -4
- package/dist/chunks/{ApplicationDetailPage-D8-bf1as.js.map → ApplicationDetailPage-CuCW6aMB.js.map} +1 -1
- package/dist/chunks/{ApplicationsDashboardPage-BBlLms2r.js → ApplicationsDashboardPage-B2MW8-Kc.js} +2 -2
- package/dist/chunks/{ApplicationsDashboardPage-BBlLms2r.js.map → ApplicationsDashboardPage-B2MW8-Kc.js.map} +1 -1
- package/dist/chunks/{ApplicationsDashboardPage-DTWZxJJM.js → ApplicationsDashboardPage-BDIjFIYZ.js} +3 -3
- package/dist/chunks/{ApplicationsDashboardPage-DTWZxJJM.js.map → ApplicationsDashboardPage-BDIjFIYZ.js.map} +1 -1
- package/dist/chunks/{ApplicationsGridPage-BQaMsK1K.js → ApplicationsGridPage-DV-FihKj.js} +2 -2
- package/dist/chunks/{ApplicationsGridPage-BQaMsK1K.js.map → ApplicationsGridPage-DV-FihKj.js.map} +1 -1
- package/dist/chunks/{ApplicationsGridPage-DbVcvezt.js → ApplicationsGridPage-DXsTfXPI.js} +2 -2
- package/dist/chunks/{ApplicationsGridPage-DbVcvezt.js.map → ApplicationsGridPage-DXsTfXPI.js.map} +1 -1
- package/dist/chunks/{ApplicationsListPage-DYKM2Yeo.js → ApplicationsListPage--CGkyBuJ.js} +2 -2
- package/dist/chunks/{ApplicationsListPage-DYKM2Yeo.js.map → ApplicationsListPage--CGkyBuJ.js.map} +1 -1
- package/dist/chunks/{ApplicationsListPage-C91v2rZt.js → ApplicationsListPage-JUX823bh.js} +2 -2
- package/dist/chunks/{ApplicationsListPage-C91v2rZt.js.map → ApplicationsListPage-JUX823bh.js.map} +1 -1
- package/dist/chunks/{ApplicationsPage-BCbgotIx.js → ApplicationsPage-6zgFye6w.js} +2 -2
- package/dist/chunks/{ApplicationsPage-BCbgotIx.js.map → ApplicationsPage-6zgFye6w.js.map} +1 -1
- package/dist/chunks/{ApplicationsPage-CW3-Hjlu.js → ApplicationsPage-CQPuuiO6.js} +4 -4
- package/dist/chunks/{ApplicationsPage-CW3-Hjlu.js.map → ApplicationsPage-CQPuuiO6.js.map} +1 -1
- package/dist/chunks/{AssignmentRulesPage-D8vfGDBN.js → AssignmentRulesPage-CFffeEbo.js} +2 -2
- package/dist/chunks/{AssignmentRulesPage-D8vfGDBN.js.map → AssignmentRulesPage-CFffeEbo.js.map} +1 -1
- package/dist/chunks/{AssignmentRulesPage-CxktlEMB.js → AssignmentRulesPage-D78UeUId.js} +2 -2
- package/dist/chunks/{AssignmentRulesPage-CxktlEMB.js.map → AssignmentRulesPage-D78UeUId.js.map} +1 -1
- package/dist/chunks/{AssignmentsPage-DmfBYQAD.js → AssignmentsPage-Cww2ifZF.js} +2 -2
- package/dist/chunks/{AssignmentsPage-DmfBYQAD.js.map → AssignmentsPage-Cww2ifZF.js.map} +1 -1
- package/dist/chunks/{AssignmentsPage-sRCCBmRc.js → AssignmentsPage-DE_QS2LO.js} +2 -2
- package/dist/chunks/{AssignmentsPage-sRCCBmRc.js.map → AssignmentsPage-DE_QS2LO.js.map} +1 -1
- package/dist/chunks/{AuthCallbackPage-C7XiZxKb.js → AuthCallbackPage-CA2nO6DG.js} +2 -2
- package/dist/chunks/{AuthCallbackPage-C7XiZxKb.js.map → AuthCallbackPage-CA2nO6DG.js.map} +1 -1
- package/dist/chunks/{AuthCallbackPage-BCe_bwJM.js → AuthCallbackPage-CDUAoX-N.js} +2 -2
- package/dist/chunks/{AuthCallbackPage-BCe_bwJM.js.map → AuthCallbackPage-CDUAoX-N.js.map} +1 -1
- package/dist/chunks/{ConfirmEmailPage-BUfGSqxF.js → ConfirmEmailPage-BqsILAYH.js} +2 -2
- package/dist/chunks/{ConfirmEmailPage-BUfGSqxF.js.map → ConfirmEmailPage-BqsILAYH.js.map} +1 -1
- package/dist/chunks/{ConfirmEmailPage-Buj4x-rx.js → ConfirmEmailPage-INeHCuMB.js} +2 -2
- package/dist/chunks/{ConfirmEmailPage-Buj4x-rx.js.map → ConfirmEmailPage-INeHCuMB.js.map} +1 -1
- package/dist/chunks/{CreateSupportTicketPage-CKDX_HQm.js → CreateSupportTicketPage-BWeuV2aU.js} +2 -2
- package/dist/chunks/{CreateSupportTicketPage-CKDX_HQm.js.map → CreateSupportTicketPage-BWeuV2aU.js.map} +1 -1
- package/dist/chunks/{CreateSupportTicketPage-0LgY-_pu.js → CreateSupportTicketPage-OBwF4v7b.js} +2 -2
- package/dist/chunks/{CreateSupportTicketPage-0LgY-_pu.js.map → CreateSupportTicketPage-OBwF4v7b.js.map} +1 -1
- package/dist/chunks/{DashboardPage-CUZ80NGV.js → DashboardPage-CKHqWrdS.js} +3 -3
- package/dist/chunks/{DashboardPage-CUZ80NGV.js.map → DashboardPage-CKHqWrdS.js.map} +1 -1
- package/dist/chunks/{DashboardPage-CaNOAstg.js → DashboardPage-COmc9b__.js} +3 -3
- package/dist/chunks/{DashboardPage-CaNOAstg.js.map → DashboardPage-COmc9b__.js.map} +1 -1
- package/dist/chunks/{DashboardPage-B48_rQFi.js → DashboardPage-CfKZHiSj.js} +2 -2
- package/dist/chunks/{DashboardPage-B48_rQFi.js.map → DashboardPage-CfKZHiSj.js.map} +1 -1
- package/dist/chunks/{DashboardPage-CUZV1J9t.js → DashboardPage-CwEZZ3jx.js} +2 -2
- package/dist/chunks/{DashboardPage-CUZV1J9t.js.map → DashboardPage-CwEZZ3jx.js.map} +1 -1
- package/dist/chunks/{EscalationConfigPage-CdzAbnGy.js → EscalationConfigPage--7lgZ0kJ.js} +2 -2
- package/dist/chunks/{EscalationConfigPage-CdzAbnGy.js.map → EscalationConfigPage--7lgZ0kJ.js.map} +1 -1
- package/dist/chunks/{EscalationConfigPage-CYGIl_e6.js → EscalationConfigPage-DPyiBcqV.js} +2 -2
- package/dist/chunks/{EscalationConfigPage-CYGIl_e6.js.map → EscalationConfigPage-DPyiBcqV.js.map} +1 -1
- package/dist/chunks/{ForceChangePasswordPage-lRpkwcX7.js → ForceChangePasswordPage-BE-6umub.js} +2 -2
- package/dist/chunks/{ForceChangePasswordPage-lRpkwcX7.js.map → ForceChangePasswordPage-BE-6umub.js.map} +1 -1
- package/dist/chunks/{ForceChangePasswordPage-CvmYAV3r.js → ForceChangePasswordPage-CnsYoWmV.js} +2 -2
- package/dist/chunks/{ForceChangePasswordPage-CvmYAV3r.js.map → ForceChangePasswordPage-CnsYoWmV.js.map} +1 -1
- package/dist/chunks/{ForgotPasswordPage-0u49E4Pw.js → ForgotPasswordPage-CSq4DnFF.js} +2 -2
- package/dist/chunks/{ForgotPasswordPage-0u49E4Pw.js.map → ForgotPasswordPage-CSq4DnFF.js.map} +1 -1
- package/dist/chunks/{ForgotPasswordPage-CxQUqKOm.js → ForgotPasswordPage-DZLVolAC.js} +2 -2
- package/dist/chunks/{ForgotPasswordPage-CxQUqKOm.js.map → ForgotPasswordPage-DZLVolAC.js.map} +1 -1
- package/dist/chunks/{GroupDetailPage-DFBvVO1S.js → GroupDetailPage-Bf9Wb_2j.js} +5 -5
- package/dist/chunks/{GroupDetailPage-DFBvVO1S.js.map → GroupDetailPage-Bf9Wb_2j.js.map} +1 -1
- package/dist/chunks/{GroupDetailPage-B2FkKrGG.js → GroupDetailPage-R-hf3rJ7.js} +2 -2
- package/dist/chunks/{GroupDetailPage-B2FkKrGG.js.map → GroupDetailPage-R-hf3rJ7.js.map} +1 -1
- package/dist/chunks/{MyAccessRequestsPage-C9IX4c0K.js → MyAccessRequestsPage-BIisvWM6.js} +2 -2
- package/dist/chunks/{MyAccessRequestsPage-C9IX4c0K.js.map → MyAccessRequestsPage-BIisvWM6.js.map} +1 -1
- package/dist/chunks/{MyAccessRequestsPage-D6pVULNM.js → MyAccessRequestsPage-BLSV7Tbx.js} +2 -2
- package/dist/chunks/{MyAccessRequestsPage-D6pVULNM.js.map → MyAccessRequestsPage-BLSV7Tbx.js.map} +1 -1
- package/dist/chunks/{MyTenantsPage-BEcYYdGR.js → MyTenantsPage-D-7k9CP1.js} +3 -3
- package/dist/chunks/{MyTenantsPage-BEcYYdGR.js.map → MyTenantsPage-D-7k9CP1.js.map} +1 -1
- package/dist/chunks/{MyTenantsPage-D9f85zjF.js → MyTenantsPage-DqGW6aDt.js} +2 -2
- package/dist/chunks/{MyTenantsPage-D9f85zjF.js.map → MyTenantsPage-DqGW6aDt.js.map} +1 -1
- package/dist/chunks/{MyTicketsPage-DJR8h6y1.js → MyTicketsPage--DgDsnZA.js} +2 -2
- package/dist/chunks/{MyTicketsPage-DJR8h6y1.js.map → MyTicketsPage--DgDsnZA.js.map} +1 -1
- package/dist/chunks/{MyTicketsPage-DiOUExKJ.js → MyTicketsPage-CqJ3Aqob.js} +2 -2
- package/dist/chunks/{MyTicketsPage-DiOUExKJ.js.map → MyTicketsPage-CqJ3Aqob.js.map} +1 -1
- package/dist/chunks/{NavigationAppsPage-CeHbxfZw.js → NavigationAppsPage-Bebis_RT.js} +2 -2
- package/dist/chunks/{NavigationAppsPage-CeHbxfZw.js.map → NavigationAppsPage-Bebis_RT.js.map} +1 -1
- package/dist/chunks/{NavigationAppsPage-If7tmCFY.js → NavigationAppsPage-THNPOAjv.js} +2 -2
- package/dist/chunks/{NavigationAppsPage-If7tmCFY.js.map → NavigationAppsPage-THNPOAjv.js.map} +1 -1
- package/dist/chunks/{NotificationsPage-C29Lln5o.js → NotificationsPage-CAbNW_Cn.js} +2 -2
- package/dist/chunks/{NotificationsPage-C29Lln5o.js.map → NotificationsPage-CAbNW_Cn.js.map} +1 -1
- package/dist/chunks/{NotificationsPage-BiaLRb0s.js → NotificationsPage-DxwizUhL.js} +2 -2
- package/dist/chunks/{NotificationsPage-BiaLRb0s.js.map → NotificationsPage-DxwizUhL.js.map} +1 -1
- package/dist/chunks/{OnboardingWizardPage-DQrBKNBq.js → OnboardingWizardPage-C6HlbJ3K.js} +2 -2
- package/dist/chunks/{OnboardingWizardPage-DQrBKNBq.js.map → OnboardingWizardPage-C6HlbJ3K.js.map} +1 -1
- package/dist/chunks/{OnboardingWizardPage-BQah4cI8.js → OnboardingWizardPage-CyC2zONO.js} +2 -2
- package/dist/chunks/{OnboardingWizardPage-BQah4cI8.js.map → OnboardingWizardPage-CyC2zONO.js.map} +1 -1
- package/dist/chunks/{PermissionDetailPage-Ckjdjvf9.js → PermissionDetailPage-BDHiNgky.js} +2 -2
- package/dist/chunks/{PermissionDetailPage-Ckjdjvf9.js.map → PermissionDetailPage-BDHiNgky.js.map} +1 -1
- package/dist/chunks/{PermissionDetailPage-Dh8v7mGj.js → PermissionDetailPage-C5K17ydY.js} +2 -2
- package/dist/chunks/{PermissionDetailPage-Dh8v7mGj.js.map → PermissionDetailPage-C5K17ydY.js.map} +1 -1
- package/dist/chunks/{PermissionsPage-l0PnY-EE.js → PermissionsPage-COI5LJPo.js} +2 -2
- package/dist/chunks/{PermissionsPage-l0PnY-EE.js.map → PermissionsPage-COI5LJPo.js.map} +1 -1
- package/dist/chunks/{PermissionsPage-DLy9U3P3.js → PermissionsPage-CkOwH2_d.js} +2 -2
- package/dist/chunks/{PermissionsPage-DLy9U3P3.js.map → PermissionsPage-CkOwH2_d.js.map} +1 -1
- package/dist/chunks/{PortalDashboardPage-DFBx38-x.js → PortalDashboardPage-CoEC4CmC.js} +2 -2
- package/dist/chunks/{PortalDashboardPage-DFBx38-x.js.map → PortalDashboardPage-CoEC4CmC.js.map} +1 -1
- package/dist/chunks/{PortalDashboardPage-rQYhrX0q.js → PortalDashboardPage-DrYymEf-.js} +2 -2
- package/dist/chunks/{PortalDashboardPage-rQYhrX0q.js.map → PortalDashboardPage-DrYymEf-.js.map} +1 -1
- package/dist/chunks/{PreferencesPage-BBu8yZQB.js → PreferencesPage-CJRaU3ba.js} +2 -2
- package/dist/chunks/{PreferencesPage-BBu8yZQB.js.map → PreferencesPage-CJRaU3ba.js.map} +1 -1
- package/dist/chunks/{PreferencesPage-B81MsNV1.js → PreferencesPage-Cqr9mAab.js} +2 -2
- package/dist/chunks/{PreferencesPage-B81MsNV1.js.map → PreferencesPage-Cqr9mAab.js.map} +1 -1
- package/dist/chunks/{ProfilePage-DDrl10zj.js → ProfilePage-BZVpg6-l.js} +2 -2
- package/dist/chunks/{ProfilePage-DDrl10zj.js.map → ProfilePage-BZVpg6-l.js.map} +1 -1
- package/dist/chunks/{ProfilePage-DPoXwdnc.js → ProfilePage-Cu_FITeL.js} +2 -2
- package/dist/chunks/{ProfilePage-DPoXwdnc.js.map → ProfilePage-Cu_FITeL.js.map} +1 -1
- package/dist/chunks/{ReferencesManagementPage-eFsKjIEK.js → ReferencesManagementPage-DUlVk9Ps.js} +3 -3
- package/dist/chunks/{ReferencesManagementPage-eFsKjIEK.js.map → ReferencesManagementPage-DUlVk9Ps.js.map} +1 -1
- package/dist/chunks/{ReferencesManagementPage-DhVsuElE.js → ReferencesManagementPage-ZCuYtqd7.js} +2 -2
- package/dist/chunks/{ReferencesManagementPage-DhVsuElE.js.map → ReferencesManagementPage-ZCuYtqd7.js.map} +1 -1
- package/dist/chunks/{RegisterPage-CiQib3-6.js → RegisterPage-C4xmVwh9.js} +2 -2
- package/dist/chunks/{RegisterPage-CiQib3-6.js.map → RegisterPage-C4xmVwh9.js.map} +1 -1
- package/dist/chunks/{RegisterPage-bXCcJD88.js → RegisterPage-DGyzoIHT.js} +2 -2
- package/dist/chunks/{RegisterPage-bXCcJD88.js.map → RegisterPage-DGyzoIHT.js.map} +1 -1
- package/dist/chunks/{ResetPasswordPage-Dqiahhnj.js → ResetPasswordPage-DqDD6VPR.js} +2 -2
- package/dist/chunks/{ResetPasswordPage-Dqiahhnj.js.map → ResetPasswordPage-DqDD6VPR.js.map} +1 -1
- package/dist/chunks/{ResetPasswordPage-CubPG3yv.js → ResetPasswordPage-Glu-aeqv.js} +2 -2
- package/dist/chunks/{ResetPasswordPage-CubPG3yv.js.map → ResetPasswordPage-Glu-aeqv.js.map} +1 -1
- package/dist/chunks/{ResolutionModal-Bg7XZmR1.js → ResolutionModal-CxjANAOP.js} +2 -2
- package/dist/chunks/{ResolutionModal-Bg7XZmR1.js.map → ResolutionModal-CxjANAOP.js.map} +1 -1
- package/dist/chunks/{ResolutionModal-DqRk_T0n.js → ResolutionModal-Duat18qV.js} +2 -2
- package/dist/chunks/{ResolutionModal-DqRk_T0n.js.map → ResolutionModal-Duat18qV.js.map} +1 -1
- package/dist/chunks/{RoleDetailPage-Blau6_4c.js → RoleDetailPage-BQffUSnt.js} +3 -3
- package/dist/chunks/{RoleDetailPage-Blau6_4c.js.map → RoleDetailPage-BQffUSnt.js.map} +1 -1
- package/dist/chunks/{RoleDetailPage-CiRVxxIP.js → RoleDetailPage-JTm5lD1_.js} +2 -2
- package/dist/chunks/{RoleDetailPage-CiRVxxIP.js.map → RoleDetailPage-JTm5lD1_.js.map} +1 -1
- package/dist/chunks/{RolesPage-Pm-RN3lP.js → RolesPage-B9rRzciI.js} +2 -2
- package/dist/chunks/{RolesPage-Pm-RN3lP.js.map → RolesPage-B9rRzciI.js.map} +1 -1
- package/dist/chunks/{RolesPage-Cb8joqdJ.js → RolesPage-BN8_zMOC.js} +2 -2
- package/dist/chunks/{RolesPage-Cb8joqdJ.js.map → RolesPage-BN8_zMOC.js.map} +1 -1
- package/dist/chunks/{SlaConfigPage-B86McKM6.js → SlaConfigPage-B7kZNig4.js} +2 -2
- package/dist/chunks/{SlaConfigPage-B86McKM6.js.map → SlaConfigPage-B7kZNig4.js.map} +1 -1
- package/dist/chunks/{SlaConfigPage-BY7gvYU6.js → SlaConfigPage-okvZfA_K.js} +2 -2
- package/dist/chunks/{SlaConfigPage-BY7gvYU6.js.map → SlaConfigPage-okvZfA_K.js.map} +1 -1
- package/dist/chunks/{SupportPermissionsPage-BYxcLMSd.js → SupportPermissionsPage-DGAPqJbl.js} +2 -2
- package/dist/chunks/{SupportPermissionsPage-BYxcLMSd.js.map → SupportPermissionsPage-DGAPqJbl.js.map} +1 -1
- package/dist/chunks/{SupportPermissionsPage-MXqXNJIZ.js → SupportPermissionsPage-Dg_wLOme.js} +2 -2
- package/dist/chunks/{SupportPermissionsPage-MXqXNJIZ.js.map → SupportPermissionsPage-Dg_wLOme.js.map} +1 -1
- package/dist/chunks/{TemplatesPage-BDguJ401.js → TemplatesPage-DT9fhlAU.js} +2 -2
- package/dist/chunks/{TemplatesPage-BDguJ401.js.map → TemplatesPage-DT9fhlAU.js.map} +1 -1
- package/dist/chunks/{TemplatesPage-DdnGgioU.js → TemplatesPage-DiEk538p.js} +2 -2
- package/dist/chunks/{TemplatesPage-DdnGgioU.js.map → TemplatesPage-DiEk538p.js.map} +1 -1
- package/dist/chunks/{TenantCard-ffwWsgFQ.js → TenantCard-BbSYk9_Z.js} +2 -2
- package/dist/chunks/{TenantCard-ffwWsgFQ.js.map → TenantCard-BbSYk9_Z.js.map} +1 -1
- package/dist/chunks/{TenantCard-CUjb6og9.js → TenantCard-CEkiKxcZ.js} +2 -2
- package/dist/chunks/{TenantCard-CUjb6og9.js.map → TenantCard-CEkiKxcZ.js.map} +1 -1
- package/dist/chunks/{TenantScopeSelector-Dz7i1I43.js → TenantScopeSelector-BWfYxvEa.js} +2 -2
- package/dist/chunks/{TenantScopeSelector-Dz7i1I43.js.map → TenantScopeSelector-BWfYxvEa.js.map} +1 -1
- package/dist/chunks/{TenantScopeSelector-Cym_Zyps.js → TenantScopeSelector-D-BKgQPV.js} +2 -2
- package/dist/chunks/{TenantScopeSelector-Cym_Zyps.js.map → TenantScopeSelector-D-BKgQPV.js.map} +1 -1
- package/dist/chunks/{TicketDetailPage-GOh9GX7E.js → TicketDetailPage-C1mNS9Up.js} +2 -2
- package/dist/chunks/{TicketDetailPage-GOh9GX7E.js.map → TicketDetailPage-C1mNS9Up.js.map} +1 -1
- package/dist/chunks/{TicketDetailPage-Du8WMyqf.js → TicketDetailPage-ieVDRh42.js} +2 -2
- package/dist/chunks/{TicketDetailPage-Du8WMyqf.js.map → TicketDetailPage-ieVDRh42.js.map} +1 -1
- package/dist/chunks/{TicketsPage-Bqd6moQy.js → TicketsPage-CnuWsnIW.js} +2 -2
- package/dist/chunks/{TicketsPage-Bqd6moQy.js.map → TicketsPage-CnuWsnIW.js.map} +1 -1
- package/dist/chunks/{TicketsPage-WdU4Bb7M.js → TicketsPage-jjyY15_D.js} +2 -2
- package/dist/chunks/{TicketsPage-WdU4Bb7M.js.map → TicketsPage-jjyY15_D.js.map} +1 -1
- package/dist/chunks/{UserCreateTicketPage-Cm1emgwR.js → UserCreateTicketPage-B8Tvf-ag.js} +2 -2
- package/dist/chunks/{UserCreateTicketPage-Cm1emgwR.js.map → UserCreateTicketPage-B8Tvf-ag.js.map} +1 -1
- package/dist/chunks/{UserCreateTicketPage-BPw-5Y_D.js → UserCreateTicketPage-DnOsDlfO.js} +2 -2
- package/dist/chunks/{UserCreateTicketPage-BPw-5Y_D.js.map → UserCreateTicketPage-DnOsDlfO.js.map} +1 -1
- package/dist/chunks/{UserDashboardPage-BP5WeXPS.js → UserDashboardPage-BrtkJ-NB.js} +2 -2
- package/dist/chunks/{UserDashboardPage-BP5WeXPS.js.map → UserDashboardPage-BrtkJ-NB.js.map} +1 -1
- package/dist/chunks/{UserDashboardPage-B53C8fUq.js → UserDashboardPage-KLB5CQP5.js} +2 -2
- package/dist/chunks/{UserDashboardPage-B53C8fUq.js.map → UserDashboardPage-KLB5CQP5.js.map} +1 -1
- package/dist/chunks/{UserDetailPage-B110bmGX.js → UserDetailPage-U7smBQoF.js} +5 -5
- package/dist/chunks/{UserDetailPage-B110bmGX.js.map → UserDetailPage-U7smBQoF.js.map} +1 -1
- package/dist/chunks/{UserDetailPage-CV2VCE46.js → UserDetailPage-_J6lcKAU.js} +2 -2
- package/dist/chunks/{UserDetailPage-CV2VCE46.js.map → UserDetailPage-_J6lcKAU.js.map} +1 -1
- package/dist/chunks/{UserTicketDetailPage-CCNJON1V.js → UserTicketDetailPage-CWoYQgH-.js} +2 -2
- package/dist/chunks/{UserTicketDetailPage-CCNJON1V.js.map → UserTicketDetailPage-CWoYQgH-.js.map} +1 -1
- package/dist/chunks/{UserTicketDetailPage-V0mLXrox.js → UserTicketDetailPage-DkufSlvZ.js} +2 -2
- package/dist/chunks/{UserTicketDetailPage-V0mLXrox.js.map → UserTicketDetailPage-DkufSlvZ.js.map} +1 -1
- package/dist/chunks/{UsersGroupsPage-CmdaU-z-.js → UsersGroupsPage-C38s2-Rq.js} +3 -3
- package/dist/chunks/{UsersGroupsPage-CmdaU-z-.js.map → UsersGroupsPage-C38s2-Rq.js.map} +1 -1
- package/dist/chunks/{UsersGroupsPage-BgfAMgEP.js → UsersGroupsPage-Dq3rAteo.js} +2 -2
- package/dist/chunks/{UsersGroupsPage-BgfAMgEP.js.map → UsersGroupsPage-Dq3rAteo.js.map} +1 -1
- package/dist/chunks/{UsersPage-Bg7033pp.js → UsersPage-B5C5KEUR.js} +2 -2
- package/dist/chunks/{UsersPage-Bg7033pp.js.map → UsersPage-B5C5KEUR.js.map} +1 -1
- package/dist/chunks/{UsersPage-TYAfwPY1.js → UsersPage-CXC9Hvq6.js} +2 -2
- package/dist/chunks/{UsersPage-TYAfwPY1.js.map → UsersPage-CXC9Hvq6.js.map} +1 -1
- package/dist/chunks/{accessRequestsApi-DZeDvzwv.js → accessRequestsApi-B-4TJ5_U.js} +2 -2
- package/dist/chunks/{accessRequestsApi-DZeDvzwv.js.map → accessRequestsApi-B-4TJ5_U.js.map} +1 -1
- package/dist/chunks/{accessRequestsApi-ZXFPCid2.js → accessRequestsApi-DZSfThpd.js} +2 -2
- package/dist/chunks/{accessRequestsApi-ZXFPCid2.js.map → accessRequestsApi-DZSfThpd.js.map} +1 -1
- package/dist/chunks/{aiApi-CsH8DXgs.js → aiApi-B20Teu2v.js} +2 -2
- package/dist/chunks/{aiApi-CsH8DXgs.js.map → aiApi-B20Teu2v.js.map} +1 -1
- package/dist/chunks/{aiApi-CVPzFTXa.js → aiApi-DMGz-RPM.js} +2 -2
- package/dist/chunks/{aiApi-CVPzFTXa.js.map → aiApi-DMGz-RPM.js.map} +1 -1
- package/dist/chunks/{applicationAnalyticsApi-B8AhFYLr.js → applicationAnalyticsApi-Bwa75Fzd.js} +2 -2
- package/dist/chunks/{applicationAnalyticsApi-B8AhFYLr.js.map → applicationAnalyticsApi-Bwa75Fzd.js.map} +1 -1
- package/dist/chunks/{applicationAnalyticsApi-Ce_1qOk-.js → applicationAnalyticsApi-CLBqRPfN.js} +2 -2
- package/dist/chunks/{applicationAnalyticsApi-Ce_1qOk-.js.map → applicationAnalyticsApi-CLBqRPfN.js.map} +1 -1
- package/dist/chunks/{groupsApi-BgCk2fsp.js → groupsApi-QzXI-5xu.js} +2 -2
- package/dist/chunks/{groupsApi-BgCk2fsp.js.map → groupsApi-QzXI-5xu.js.map} +1 -1
- package/dist/chunks/{groupsApi-BIbG665N.js → groupsApi-hB9kSWEd.js} +2 -2
- package/dist/chunks/{groupsApi-BIbG665N.js.map → groupsApi-hB9kSWEd.js.map} +1 -1
- package/dist/chunks/{index-Cb3LotuT.js → index--NGcBYUu.js} +3 -3
- package/dist/chunks/{index-Cb3LotuT.js.map → index--NGcBYUu.js.map} +1 -1
- package/dist/chunks/{index-C33zcyF4.js → index--aPwOFjF.js} +2 -2
- package/dist/chunks/{index-C33zcyF4.js.map → index--aPwOFjF.js.map} +1 -1
- package/dist/chunks/{index-sMr9qND_.js → index-0VrOtwP0.js} +2 -2
- package/dist/chunks/{index-sMr9qND_.js.map → index-0VrOtwP0.js.map} +1 -1
- package/dist/chunks/{index-DDKetfKq.js → index-37U271aw.js} +2 -2
- package/dist/chunks/{index-DDKetfKq.js.map → index-37U271aw.js.map} +1 -1
- package/dist/chunks/{index-B9fS7ir6.js → index-B7qZTuQ-.js} +2 -2
- package/dist/chunks/{index-B9fS7ir6.js.map → index-B7qZTuQ-.js.map} +1 -1
- package/dist/chunks/{index-CdjBY7L8.js → index-Bedzmqr-.js} +2 -2
- package/dist/chunks/{index-CdjBY7L8.js.map → index-Bedzmqr-.js.map} +1 -1
- package/dist/chunks/{index-CHG_O1fS.js → index-Betxo5g5.js} +2 -2
- package/dist/chunks/{index-CHG_O1fS.js.map → index-Betxo5g5.js.map} +1 -1
- package/dist/chunks/{index-jiGu-H8x.js → index-BmaJz475.js} +2 -2
- package/dist/chunks/{index-jiGu-H8x.js.map → index-BmaJz475.js.map} +1 -1
- package/dist/chunks/{index-C53JoVNk.js → index-Buhqag3v.js} +2 -2
- package/dist/chunks/{index-C53JoVNk.js.map → index-Buhqag3v.js.map} +1 -1
- package/dist/chunks/{index-DO0Rw7hX.js → index-C3VxlfKq.js} +2 -2
- package/dist/chunks/{index-DO0Rw7hX.js.map → index-C3VxlfKq.js.map} +1 -1
- package/dist/chunks/{index-CSQ60fpG.js → index-CgpRo8Oe.js} +2 -2
- package/dist/chunks/{index-CSQ60fpG.js.map → index-CgpRo8Oe.js.map} +1 -1
- package/dist/chunks/{index-B-e-ELsf.js → index-DOY0w8Iu.js} +8 -8
- package/dist/chunks/{index-B-e-ELsf.js.map → index-DOY0w8Iu.js.map} +1 -1
- package/dist/chunks/{index-D2REDIRX.js → index-DwuvIOrQ.js} +2 -2
- package/dist/chunks/{index-D2REDIRX.js.map → index-DwuvIOrQ.js.map} +1 -1
- package/dist/chunks/{index-DCcl7Qof.js → index-DzedSLdI.js} +2 -2
- package/dist/chunks/{index-DCcl7Qof.js.map → index-DzedSLdI.js.map} +1 -1
- package/dist/chunks/{index-2wUhd9Lu.js → index-IgLVXPg8.js} +10 -10
- package/dist/chunks/index-IgLVXPg8.js.map +1 -0
- package/dist/chunks/{index-CwSaRXXg.js → index-lpIzhufD.js} +1916 -1900
- package/dist/chunks/index-lpIzhufD.js.map +1 -0
- package/dist/chunks/{index-Cuwn2q-f.js → index-mLUKwbGl.js} +4 -4
- package/dist/chunks/{index-Cuwn2q-f.js.map → index-mLUKwbGl.js.map} +1 -1
- package/dist/chunks/{index-B0mk2tNY.js → index-tO6MMIFB.js} +2 -2
- package/dist/chunks/{index-B0mk2tNY.js.map → index-tO6MMIFB.js.map} +1 -1
- package/dist/chunks/{tenantIconMap-BpNANQ5s.js → tenantIconMap-BQD9byc8.js} +2 -2
- package/dist/chunks/{tenantIconMap-BpNANQ5s.js.map → tenantIconMap-BQD9byc8.js.map} +1 -1
- package/dist/chunks/{tenantIconMap-DtdUgvJO.js → tenantIconMap-CTMuSt18.js} +2 -2
- package/dist/chunks/{tenantIconMap-DtdUgvJO.js.map → tenantIconMap-CTMuSt18.js.map} +1 -1
- package/dist/chunks/{ticketingApi-Bu4rKwLl.js → ticketingApi-BNIdox5t.js} +2 -2
- package/dist/chunks/{ticketingApi-Bu4rKwLl.js.map → ticketingApi-BNIdox5t.js.map} +1 -1
- package/dist/chunks/{ticketingApi-r4Avm9iS.js → ticketingApi-J0vC_t7r.js} +2 -2
- package/dist/chunks/{ticketingApi-r4Avm9iS.js.map → ticketingApi-J0vC_t7r.js.map} +1 -1
- package/dist/chunks/{useAccessRequests-B9bF4swg.js → useAccessRequests-DCNNLnxk.js} +3 -3
- package/dist/chunks/{useAccessRequests-B9bF4swg.js.map → useAccessRequests-DCNNLnxk.js.map} +1 -1
- package/dist/chunks/{useAccessRequests-JyPUX3Om.js → useAccessRequests-DT7X4FAK.js} +2 -2
- package/dist/chunks/{useAccessRequests-JyPUX3Om.js.map → useAccessRequests-DT7X4FAK.js.map} +1 -1
- package/dist/chunks/{useUserAccessRequests-DjPQenC2.js → useUserAccessRequests-BYbmG4c7.js} +2 -2
- package/dist/chunks/{useUserAccessRequests-DjPQenC2.js.map → useUserAccessRequests-BYbmG4c7.js.map} +1 -1
- package/dist/chunks/{useUserAccessRequests-BB6FHW14.js → useUserAccessRequests-CylKxRN6.js} +2 -2
- package/dist/chunks/{useUserAccessRequests-BB6FHW14.js.map → useUserAccessRequests-CylKxRN6.js.map} +1 -1
- package/dist/hooks/useCollapsibleState.d.ts +5 -2
- package/dist/hooks/useCollapsibleState.d.ts.map +1 -1
- package/dist/i18n/config.d.ts +1 -0
- package/dist/i18n/config.d.ts.map +1 -1
- package/dist/main.d.ts +0 -1
- package/dist/main.d.ts.map +1 -1
- package/dist/smartstack.cjs +1 -1
- package/dist/smartstack.js +1 -1
- package/dist/utils/permissions.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/chunks/index-2wUhd9Lu.js.map +0 -1
- package/dist/chunks/index-CwSaRXXg.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterPage-CiQib3-6.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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"}
|
|
1
|
+
{"version":3,"file":"RegisterPage-C4xmVwh9.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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"}
|
|
@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e, Fragment as C } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as a } from "react";
|
|
3
3
|
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";
|
|
4
4
|
import { Link as D } from "react-router-dom";
|
|
5
|
-
import { T as R, l as h, c as U, N as Z } from "./index-
|
|
5
|
+
import { T as R, l as h, c as U, N as Z } from "./index-lpIzhufD.js";
|
|
6
6
|
function G() {
|
|
7
7
|
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) => {
|
|
8
8
|
if (t.preventDefault(), n(null), k(null), !!F()) {
|
|
@@ -224,4 +224,4 @@ function G() {
|
|
|
224
224
|
export {
|
|
225
225
|
G as RegisterPage
|
|
226
226
|
};
|
|
227
|
-
//# sourceMappingURL=RegisterPage-
|
|
227
|
+
//# sourceMappingURL=RegisterPage-DGyzoIHT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterPage-bXCcJD88.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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"}
|
|
1
|
+
{"version":3,"file":"RegisterPage-DGyzoIHT.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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"}
|
|
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t, Fragment as w } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as r, useEffect as A } from "react";
|
|
3
3
|
import { useSearchParams as I, useNavigate as R, Link as g } from "react-router-dom";
|
|
4
4
|
import { XCircle as N, CheckCircle2 as _, Lock as x, AlertCircle as T, EyeOff as v, Eye as k, Loader2 as F } from "lucide-react";
|
|
5
|
-
import { T as O, c as K } from "./index-
|
|
5
|
+
import { T as O, c as K } from "./index-lpIzhufD.js";
|
|
6
6
|
function Y() {
|
|
7
7
|
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);
|
|
8
8
|
A(() => {
|
|
@@ -163,4 +163,4 @@ function Y() {
|
|
|
163
163
|
export {
|
|
164
164
|
Y as ResetPasswordPage
|
|
165
165
|
};
|
|
166
|
-
//# sourceMappingURL=ResetPasswordPage-
|
|
166
|
+
//# sourceMappingURL=ResetPasswordPage-DqDD6VPR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResetPasswordPage-Dqiahhnj.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":"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"}
|
|
1
|
+
{"version":3,"file":"ResetPasswordPage-DqDD6VPR.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":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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-
|
|
2
|
-
//# sourceMappingURL=ResetPasswordPage-
|
|
1
|
+
"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-IgLVXPg8.js");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;
|
|
2
|
+
//# sourceMappingURL=ResetPasswordPage-Glu-aeqv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResetPasswordPage-CubPG3yv.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","handleSubmit","e","authApi","err","code","jsxs","jsx","ThemeSwitcher","XCircle","Link","CheckCircle2","Fragment","Lock","AlertCircle","EyeOff","Eye","Loader2"],"mappings":"iOASO,SAASA,GAAkC,CAChD,KAAM,CAACC,CAAY,EAAIC,kBAAA,EACjBC,EAAWC,EAAAA,YAAA,EACXC,EAAQJ,EAAa,IAAI,OAAO,EAEhC,CAACK,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAE,EACrC,CAACC,EAAiBC,CAAkB,EAAIF,EAAAA,SAAS,EAAE,EACnD,CAACG,EAAcC,CAAe,EAAIJ,EAAAA,SAAS,EAAK,EAChD,CAACK,EAAqBC,CAAsB,EAAIN,EAAAA,SAAS,EAAK,EAC9D,CAACO,EAAWC,CAAY,EAAIR,EAAAA,SAAS,EAAK,EAC1C,CAACS,EAAQC,CAAS,EAAIV,EAAAA,SAAiB,MAAM,EAC7C,CAACW,EAAOC,CAAQ,EAAIZ,EAAAA,SAAwB,IAAI,EAEtDa,EAAAA,UAAU,IAAM,CACThB,IACHa,EAAU,eAAe,EACzBE,EAAS,wDAAwD,EAErE,EAAG,CAACf,CAAK,CAAC,EAEV,MAAMiB,EAAe,IACfhB,EAAS,OAAS,GACpBc,EAAS,qDAAqD,EACvD,IAELd,IAAaG,GACfW,EAAS,wCAAwC,EAC1C,IAEF,GAGHG,EAAe,MAAOC,GAAuB,CAIjD,GAHAA,EAAE,eAAA,EACFJ,EAAS,IAAI,EAET,GAACE,KAAkB,CAACjB,GAExB,CAAAW,EAAa,EAAI,EAEjB,GAAI,CACF,MAAMS,UAAQ,cAAcpB,EAAOC,CAAQ,EAC3CY,EAAU,SAAS,CACrB,OAASQ,EAAK,CACZ,MAAMP,EAAQO,EACRC,EAAQD,GAA2B,KAErCC,IAAS,iBAAmBA,IAAS,sBAAwBA,IAAS,iBACxET,EAAU,OAAO,EACjBE,EAASD,GAAO,SAAW,uDAAuD,GAElFC,EAASD,GAAO,SAAW,yBAAyB,CAExD,QAAA,CACEH,EAAa,EAAK,CACpB,EACF,EAEA,aACG,MAAA,CAAI,UAAU,gFACb,SAAAY,EAAAA,KAAC,MAAA,CAAI,UAAU,kBACb,SAAA,CAAAC,MAAC,MAAA,CAAI,UAAU,wBACb,SAAAA,MAACC,EAAAA,gBAAc,EACjB,EAEAF,EAAAA,KAAC,MAAA,CAAI,UAAU,sDAEZ,SAAA,CAAAX,IAAW,iBACVW,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,qGACb,eAACE,EAAAA,QAAA,CAAQ,UAAU,2CAA2C,CAAA,CAChE,EACAF,EAAAA,IAAC,KAAA,CAAG,UAAU,2DAA2D,SAAA,gBAEzE,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,wCAAyC,SAAAV,EAAM,EAC5DU,EAAAA,IAACG,EAAAA,KAAA,CACC,GAAG,mBACH,UAAU,4IACX,SAAA,0BAAA,CAAA,CAED,EACF,EAIDf,IAAW,SACVW,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,qGACb,eAACE,EAAAA,QAAA,CAAQ,UAAU,2CAA2C,CAAA,CAChE,EACAF,EAAAA,IAAC,KAAA,CAAG,UAAU,2DAA2D,SAAA,cAEzE,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,wCAAyC,SAAAV,EAAM,EAC5DU,EAAAA,IAACG,EAAAA,KAAA,CACC,GAAG,mBACH,UAAU,4IACX,SAAA,0BAAA,CAAA,CAED,EACF,EAIDf,IAAW,WACVW,OAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,yGACb,eAACI,EAAAA,aAAA,CAAa,UAAU,+CAA+C,CAAA,CACzE,EACAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,2DAA2D,SAAA,8BAEzE,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,wCAAwC,SAAA,uFAErD,EACAA,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM1B,EAAS,QAAQ,EAChC,UAAU,gMACX,SAAA,cAAA,CAAA,CAED,EACF,EAIDc,IAAW,QACVW,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAN,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,uGACb,eAACM,EAAAA,KAAA,CAAK,UAAU,2CAA2C,CAAA,CAC7D,EACAN,EAAAA,IAAC,KAAA,CAAG,UAAU,wDAAwD,SAAA,uBAEtE,EACAA,EAAAA,IAAC,IAAA,CAAE,UAAU,mCAAmC,SAAA,8CAAA,CAEhD,CAAA,EACF,EAECV,GACCS,EAAAA,KAAC,MAAA,CAAI,UAAU,oFACb,SAAA,CAAAC,EAAAA,IAACO,EAAAA,YAAA,CAAY,UAAU,2CAAA,CAA4C,EACnEP,EAAAA,IAAC,IAAA,CAAE,UAAU,uBAAwB,SAAAV,CAAA,CAAM,CAAA,EAC7C,EAGFS,EAAAA,KAAC,OAAA,CAAK,SAAUL,EAAc,UAAU,YACtC,SAAA,CAAAK,OAAC,MAAA,CACC,SAAA,CAAAC,MAAC,QAAA,CAAM,QAAQ,WAAW,UAAU,kEAAkE,SAAA,uBAEtG,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,uEACb,eAACM,EAAAA,KAAA,CAAK,UAAU,wBAAwB,CAAA,CAC1C,EACAN,EAAAA,IAAC,QAAA,CACC,GAAG,WACH,KAAMlB,EAAe,OAAS,WAC9B,MAAOL,EACP,SAAWkB,GAAMjB,EAAYiB,EAAE,OAAO,KAAK,EAC3C,UAAU,gOACV,YAAY,WACZ,SAAQ,GACR,aAAa,eACb,SAAUT,CAAA,CAAA,EAEZc,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMjB,EAAgB,CAACD,CAAY,EAC5C,UAAU,sFACV,SAAU,GAET,SAAAA,QAAgB0B,EAAAA,OAAA,CAAO,UAAU,UAAU,EAAKR,EAAAA,IAACS,EAAAA,IAAA,CAAI,UAAU,SAAA,CAAU,CAAA,CAAA,CAC5E,EACF,EACAT,EAAAA,IAAC,IAAA,CAAE,UAAU,gDAAgD,SAAA,sBAAA,CAE7D,CAAA,EACF,SAEC,MAAA,CACC,SAAA,CAAAA,MAAC,QAAA,CAAM,QAAQ,kBAAkB,UAAU,kEAAkE,SAAA,4BAE7G,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAU,uEACb,eAACM,EAAAA,KAAA,CAAK,UAAU,wBAAwB,CAAA,CAC1C,EACAN,EAAAA,IAAC,QAAA,CACC,GAAG,kBACH,KAAMhB,EAAsB,OAAS,WACrC,MAAOJ,EACP,SAAWe,GAAMd,EAAmBc,EAAE,OAAO,KAAK,EAClD,UAAU,gOACV,YAAY,WACZ,SAAQ,GACR,aAAa,eACb,SAAUT,CAAA,CAAA,EAEZc,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMf,EAAuB,CAACD,CAAmB,EAC1D,UAAU,sFACV,SAAU,GAET,SAAAA,QAAuBwB,EAAAA,OAAA,CAAO,UAAU,UAAU,EAAKR,EAAAA,IAACS,EAAAA,IAAA,CAAI,UAAU,SAAA,CAAU,CAAA,CAAA,CACnF,CAAA,CACF,CAAA,EACF,EAEAT,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,SAAUd,EACV,UAAU,oNAET,WACCa,EAAAA,KAAAM,EAAAA,SAAA,CACE,SAAA,CAAAL,EAAAA,IAACU,EAAAA,QAAA,CAAQ,UAAU,sBAAA,CAAuB,EAAE,qBAAA,CAAA,CAE9C,EAEA,+BAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,EAGFV,EAAAA,IAAC,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAAA,IAACG,EAAAA,KAAA,CACC,GAAG,SACH,UAAU,2IACX,SAAA,uBAAA,CAAA,CAED,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
|
|
1
|
+
{"version":3,"file":"ResetPasswordPage-Glu-aeqv.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","handleSubmit","e","authApi","err","code","jsxs","jsx","ThemeSwitcher","XCircle","Link","CheckCircle2","Fragment","Lock","AlertCircle","EyeOff","Eye","Loader2"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as u, i as k } from "./index-
|
|
1
|
+
import { j as u, i as k } from "./index-lpIzhufD.js";
|
|
2
2
|
import { jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
3
3
|
import { useTranslation as h } from "react-i18next";
|
|
4
4
|
import { Cloud as y, Users as g, AlertCircle as C, Mail as D, AlertTriangle as w, Calendar as T, CheckCircle as $, Link2 as E, Building2 as M, Merge as S, SkipForward as j, X as L, Loader2 as V } from "lucide-react";
|
|
@@ -408,4 +408,4 @@ export {
|
|
|
408
408
|
U as c,
|
|
409
409
|
Q as e
|
|
410
410
|
};
|
|
411
|
-
//# sourceMappingURL=ResolutionModal-
|
|
411
|
+
//# sourceMappingURL=ResolutionModal-CxjANAOP.js.map
|