@digitaldefiance/express-suite-react-components 5.0.2 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (314) hide show
  1. package/package.json +5 -4
  2. package/src/auth/AdminRoute.d.ts +8 -0
  3. package/src/auth/AdminRoute.d.ts.map +1 -0
  4. package/src/auth/AdminRoute.js +28 -0
  5. package/src/auth/Private.d.ts +6 -0
  6. package/src/auth/Private.d.ts.map +1 -0
  7. package/src/auth/Private.js +14 -0
  8. package/src/auth/PrivateRoute.d.ts +8 -0
  9. package/src/auth/PrivateRoute.d.ts.map +1 -0
  10. package/src/auth/PrivateRoute.js +23 -0
  11. package/src/auth/UnAuth.d.ts +6 -0
  12. package/src/auth/UnAuth.d.ts.map +1 -0
  13. package/src/auth/UnAuth.js +14 -0
  14. package/src/auth/UnAuthRoute.d.ts +8 -0
  15. package/src/auth/UnAuthRoute.d.ts.map +1 -0
  16. package/src/auth/UnAuthRoute.js +22 -0
  17. package/src/auth/{index.ts → index.d.ts} +3 -2
  18. package/src/auth/index.d.ts.map +1 -0
  19. package/src/auth/index.js +12 -0
  20. package/src/components/ApiAccess.d.ts +16 -0
  21. package/src/components/ApiAccess.d.ts.map +1 -0
  22. package/src/components/ApiAccess.js +77 -0
  23. package/src/components/BackupCodeLoginForm.d.ts +43 -0
  24. package/src/components/BackupCodeLoginForm.d.ts.map +1 -0
  25. package/src/components/BackupCodeLoginForm.js +139 -0
  26. package/src/components/BackupCodesForm.d.ts +26 -0
  27. package/src/components/BackupCodesForm.d.ts.map +1 -0
  28. package/src/components/BackupCodesForm.js +120 -0
  29. package/src/components/CategoryMenu.d.ts +17 -0
  30. package/src/components/CategoryMenu.d.ts.map +1 -0
  31. package/src/components/CategoryMenu.js +65 -0
  32. package/src/components/ChangePasswordForm.d.ts +26 -0
  33. package/src/components/ChangePasswordForm.d.ts.map +1 -0
  34. package/src/components/ChangePasswordForm.js +78 -0
  35. package/src/components/ConfirmationDialog.d.ts +13 -0
  36. package/src/components/ConfirmationDialog.d.ts.map +1 -0
  37. package/src/components/ConfirmationDialog.js +10 -0
  38. package/src/components/CurrencyCodeSelector.d.ts +9 -0
  39. package/src/components/CurrencyCodeSelector.d.ts.map +1 -0
  40. package/src/components/CurrencyCodeSelector.js +31 -0
  41. package/src/components/CurrencyInput.d.ts +13 -0
  42. package/src/components/CurrencyInput.d.ts.map +1 -0
  43. package/src/components/CurrencyInput.js +22 -0
  44. package/src/components/DashboardPage.d.ts +8 -0
  45. package/src/components/DashboardPage.d.ts.map +1 -0
  46. package/src/components/DashboardPage.js +10 -0
  47. package/src/components/DropdownMenu.d.ts +13 -0
  48. package/src/components/DropdownMenu.d.ts.map +1 -0
  49. package/src/components/DropdownMenu.js +63 -0
  50. package/src/components/ExpirationSecondsSelector.d.ts +13 -0
  51. package/src/components/ExpirationSecondsSelector.d.ts.map +1 -0
  52. package/src/components/ExpirationSecondsSelector.js +32 -0
  53. package/src/components/FakeEmailAdminPanel.d.ts +23 -0
  54. package/src/components/FakeEmailAdminPanel.d.ts.map +1 -0
  55. package/src/components/FakeEmailAdminPanel.js +147 -0
  56. package/src/components/Flag.d.ts +20 -0
  57. package/src/components/Flag.d.ts.map +1 -0
  58. package/src/components/Flag.js +43 -0
  59. package/src/components/ForgotPasswordForm.d.ts +18 -0
  60. package/src/components/ForgotPasswordForm.d.ts.map +1 -0
  61. package/src/components/ForgotPasswordForm.js +61 -0
  62. package/src/components/LoginForm.d.ts +44 -0
  63. package/src/components/LoginForm.d.ts.map +1 -0
  64. package/src/components/LoginForm.js +123 -0
  65. package/src/components/LogoutPage.d.ts +8 -0
  66. package/src/components/LogoutPage.d.ts.map +1 -0
  67. package/src/components/LogoutPage.js +16 -0
  68. package/src/components/RegisterForm.d.ts +100 -0
  69. package/src/components/RegisterForm.d.ts.map +1 -0
  70. package/src/components/RegisterForm.js +306 -0
  71. package/src/components/ResetPasswordForm.d.ts +23 -0
  72. package/src/components/ResetPasswordForm.d.ts.map +1 -0
  73. package/src/components/ResetPasswordForm.js +78 -0
  74. package/src/components/SideMenu.d.ts +8 -0
  75. package/src/components/SideMenu.d.ts.map +1 -0
  76. package/src/components/SideMenu.js +25 -0
  77. package/src/components/SideMenuListItem.d.ts +13 -0
  78. package/src/components/SideMenuListItem.d.ts.map +1 -0
  79. package/src/components/SideMenuListItem.js +44 -0
  80. package/src/components/T.d.ts +7 -0
  81. package/src/components/T.d.ts.map +1 -0
  82. package/src/components/T.js +13 -0
  83. package/src/components/TDiv.d.ts +9 -0
  84. package/src/components/TDiv.d.ts.map +1 -0
  85. package/src/components/TDiv.js +14 -0
  86. package/src/components/TImgAlt.d.ts +10 -0
  87. package/src/components/TImgAlt.d.ts.map +1 -0
  88. package/src/components/TImgAlt.js +14 -0
  89. package/src/components/TopMenu.d.ts +50 -0
  90. package/src/components/TopMenu.d.ts.map +1 -0
  91. package/src/components/TopMenu.js +79 -0
  92. package/src/components/TotpSetupForm.d.ts +24 -0
  93. package/src/components/TotpSetupForm.d.ts.map +1 -0
  94. package/src/components/TotpSetupForm.js +82 -0
  95. package/src/components/TotpVerificationForm.d.ts +23 -0
  96. package/src/components/TotpVerificationForm.d.ts.map +1 -0
  97. package/src/components/TotpVerificationForm.js +66 -0
  98. package/src/components/TranslatedTitle.d.ts +8 -0
  99. package/src/components/TranslatedTitle.d.ts.map +1 -0
  100. package/src/components/TranslatedTitle.js +15 -0
  101. package/src/components/UserLanguageSelector.d.ts +4 -0
  102. package/src/components/UserLanguageSelector.d.ts.map +1 -0
  103. package/src/components/UserLanguageSelector.js +31 -0
  104. package/src/components/UserMenu.d.ts +4 -0
  105. package/src/components/UserMenu.d.ts.map +1 -0
  106. package/src/components/UserMenu.js +12 -0
  107. package/src/components/UserSettingsForm.d.ts +113 -0
  108. package/src/components/UserSettingsForm.d.ts.map +1 -0
  109. package/src/components/UserSettingsForm.js +269 -0
  110. package/src/components/VerifyEmailPage.d.ts +24 -0
  111. package/src/components/VerifyEmailPage.d.ts.map +1 -0
  112. package/src/components/VerifyEmailPage.js +81 -0
  113. package/src/components/{index.ts → index.d.ts} +1 -1
  114. package/src/components/index.d.ts.map +1 -0
  115. package/src/components/index.js +35 -0
  116. package/src/contexts/AuthProvider.d.ts +19 -0
  117. package/src/contexts/AuthProvider.d.ts.map +1 -0
  118. package/src/contexts/AuthProvider.js +514 -0
  119. package/src/contexts/I18nProvider.d.ts +27 -0
  120. package/src/contexts/I18nProvider.d.ts.map +1 -0
  121. package/src/contexts/I18nProvider.js +60 -0
  122. package/src/contexts/MenuContext.d.ts +28 -0
  123. package/src/contexts/MenuContext.d.ts.map +1 -0
  124. package/src/contexts/MenuContext.js +307 -0
  125. package/src/contexts/SuiteConfigProvider.d.ts +44 -0
  126. package/src/contexts/SuiteConfigProvider.d.ts.map +1 -0
  127. package/src/contexts/SuiteConfigProvider.js +43 -0
  128. package/src/contexts/ThemeProvider.d.ts +15 -0
  129. package/src/contexts/ThemeProvider.d.ts.map +1 -0
  130. package/src/contexts/ThemeProvider.js +36 -0
  131. package/src/contexts/auth-context.d.ts +172 -0
  132. package/src/contexts/auth-context.d.ts.map +1 -0
  133. package/src/contexts/auth-context.js +13 -0
  134. package/src/contexts/{index.ts → index.d.ts} +1 -0
  135. package/src/contexts/index.d.ts.map +1 -0
  136. package/src/contexts/index.js +8 -0
  137. package/src/hooks/{index.ts → index.d.ts} +1 -0
  138. package/src/hooks/index.d.ts.map +1 -0
  139. package/src/hooks/index.js +9 -0
  140. package/src/hooks/useAuthenticatedApi.d.ts +34 -0
  141. package/src/hooks/useAuthenticatedApi.d.ts.map +1 -0
  142. package/src/hooks/useAuthenticatedApi.js +46 -0
  143. package/src/hooks/useBackupCodes.d.ts +15 -0
  144. package/src/hooks/useBackupCodes.d.ts.map +1 -0
  145. package/src/hooks/useBackupCodes.js +74 -0
  146. package/src/hooks/useEmailVerification.d.ts +10 -0
  147. package/src/hooks/useEmailVerification.d.ts.map +1 -0
  148. package/src/hooks/useEmailVerification.js +40 -0
  149. package/src/hooks/useExpiringValue.d.ts +14 -0
  150. package/src/hooks/useExpiringValue.d.ts.map +1 -0
  151. package/src/hooks/useExpiringValue.js +53 -0
  152. package/src/hooks/useLocalStorage.d.ts +2 -0
  153. package/src/hooks/useLocalStorage.d.ts.map +1 -0
  154. package/src/hooks/useLocalStorage.js +15 -0
  155. package/src/hooks/useUserSettings.d.ts +48 -0
  156. package/src/hooks/useUserSettings.d.ts.map +1 -0
  157. package/src/hooks/useUserSettings.js +171 -0
  158. package/src/{index.ts → index.d.ts} +1 -1
  159. package/src/index.d.ts.map +1 -0
  160. package/src/index.js +12 -0
  161. package/src/interfaces/IAppConfig.d.ts +8 -0
  162. package/src/interfaces/IAppConfig.d.ts.map +1 -0
  163. package/src/interfaces/IAppConfig.js +2 -0
  164. package/src/interfaces/ICategoryConfig.d.ts +41 -0
  165. package/src/interfaces/ICategoryConfig.d.ts.map +1 -0
  166. package/src/interfaces/ICategoryConfig.js +2 -0
  167. package/src/interfaces/IMenuConfig.d.ts +28 -0
  168. package/src/interfaces/IMenuConfig.d.ts.map +1 -0
  169. package/src/interfaces/IMenuConfig.js +2 -0
  170. package/src/interfaces/IMenuOption.d.ts +82 -0
  171. package/src/interfaces/IMenuOption.d.ts.map +1 -0
  172. package/src/interfaces/IMenuOption.js +2 -0
  173. package/src/interfaces/{index.ts → index.d.ts} +1 -0
  174. package/src/interfaces/index.d.ts.map +1 -0
  175. package/src/interfaces/index.js +7 -0
  176. package/src/services/__mocks__/authService.d.ts +21 -0
  177. package/src/services/__mocks__/authService.d.ts.map +1 -0
  178. package/src/services/__mocks__/authService.js +15 -0
  179. package/src/services/api.d.ts +3 -0
  180. package/src/services/api.d.ts.map +1 -0
  181. package/src/services/api.js +14 -0
  182. package/src/services/authService.d.ts +126 -0
  183. package/src/services/authService.d.ts.map +1 -0
  184. package/src/services/authService.js +471 -0
  185. package/src/services/authenticatedApi.d.ts +3 -0
  186. package/src/services/authenticatedApi.d.ts.map +1 -0
  187. package/src/services/authenticatedApi.js +18 -0
  188. package/src/services/index.d.ts +4 -0
  189. package/src/services/index.d.ts.map +1 -0
  190. package/src/services/index.js +6 -0
  191. package/src/types/MenuType.d.ts +11 -0
  192. package/src/types/MenuType.d.ts.map +1 -0
  193. package/src/types/MenuType.js +12 -0
  194. package/src/types/expirationSeconds.d.ts +3 -0
  195. package/src/types/expirationSeconds.d.ts.map +1 -0
  196. package/src/types/expirationSeconds.js +17 -0
  197. package/src/types/index.d.ts +2 -0
  198. package/src/types/index.d.ts.map +1 -0
  199. package/src/types/index.js +4 -0
  200. package/src/types/translation.d.ts +10 -0
  201. package/src/types/translation.d.ts.map +1 -0
  202. package/src/types/translation.js +9 -0
  203. package/src/wrappers/BackupCodeLoginWrapper.d.ts +8 -0
  204. package/src/wrappers/BackupCodeLoginWrapper.d.ts.map +1 -0
  205. package/src/wrappers/BackupCodeLoginWrapper.js +20 -0
  206. package/src/wrappers/BackupCodesWrapper.d.ts +7 -0
  207. package/src/wrappers/BackupCodesWrapper.d.ts.map +1 -0
  208. package/src/wrappers/BackupCodesWrapper.js +17 -0
  209. package/src/wrappers/ChangePasswordFormWrapper.d.ts +8 -0
  210. package/src/wrappers/ChangePasswordFormWrapper.d.ts.map +1 -0
  211. package/src/wrappers/ChangePasswordFormWrapper.js +21 -0
  212. package/src/wrappers/ForgotPasswordFormWrapper.d.ts +8 -0
  213. package/src/wrappers/ForgotPasswordFormWrapper.d.ts.map +1 -0
  214. package/src/wrappers/ForgotPasswordFormWrapper.js +29 -0
  215. package/src/wrappers/LoginFormWrapper.d.ts +21 -0
  216. package/src/wrappers/LoginFormWrapper.d.ts.map +1 -0
  217. package/src/wrappers/LoginFormWrapper.js +72 -0
  218. package/src/wrappers/LogoutPageWrapper.d.ts +9 -0
  219. package/src/wrappers/LogoutPageWrapper.d.ts.map +1 -0
  220. package/src/wrappers/LogoutPageWrapper.js +21 -0
  221. package/src/wrappers/RegisterFormWrapper.d.ts +20 -0
  222. package/src/wrappers/RegisterFormWrapper.d.ts.map +1 -0
  223. package/src/wrappers/RegisterFormWrapper.js +51 -0
  224. package/src/wrappers/ResetPasswordFormWrapper.d.ts +9 -0
  225. package/src/wrappers/ResetPasswordFormWrapper.d.ts.map +1 -0
  226. package/src/wrappers/ResetPasswordFormWrapper.js +34 -0
  227. package/src/wrappers/UserSettingsFormWrapper.d.ts +29 -0
  228. package/src/wrappers/UserSettingsFormWrapper.d.ts.map +1 -0
  229. package/src/wrappers/UserSettingsFormWrapper.js +95 -0
  230. package/src/wrappers/VerifyEmailPageWrapper.d.ts +8 -0
  231. package/src/wrappers/VerifyEmailPageWrapper.d.ts.map +1 -0
  232. package/src/wrappers/VerifyEmailPageWrapper.js +21 -0
  233. package/src/wrappers/{index.tsx → index.d.ts} +1 -10
  234. package/src/wrappers/index.d.ts.map +1 -0
  235. package/src/wrappers/index.js +24 -0
  236. package/LICENSE +0 -21
  237. package/src/auth/AdminRoute.tsx +0 -54
  238. package/src/auth/Private.tsx +0 -17
  239. package/src/auth/PrivateRoute.tsx +0 -28
  240. package/src/auth/UnAuth.tsx +0 -16
  241. package/src/auth/UnAuthRoute.tsx +0 -30
  242. package/src/components/ApiAccess.tsx +0 -175
  243. package/src/components/BackupCodeLoginForm.tsx +0 -489
  244. package/src/components/BackupCodesForm.tsx +0 -287
  245. package/src/components/CategoryMenu.tsx +0 -155
  246. package/src/components/ChangePasswordForm.tsx +0 -273
  247. package/src/components/ConfirmationDialog.tsx +0 -48
  248. package/src/components/CurrencyCodeSelector.tsx +0 -60
  249. package/src/components/CurrencyInput.tsx +0 -80
  250. package/src/components/DashboardPage.tsx +0 -24
  251. package/src/components/DropdownMenu.tsx +0 -105
  252. package/src/components/ExpirationSecondsSelector.tsx +0 -60
  253. package/src/components/FakeEmailAdminPanel.tsx +0 -374
  254. package/src/components/Flag.tsx +0 -52
  255. package/src/components/ForgotPasswordForm.tsx +0 -174
  256. package/src/components/LoginForm.tsx +0 -468
  257. package/src/components/LogoutPage.tsx +0 -21
  258. package/src/components/RegisterForm.tsx +0 -1169
  259. package/src/components/ResetPasswordForm.tsx +0 -247
  260. package/src/components/SideMenu.tsx +0 -46
  261. package/src/components/SideMenuListItem.tsx +0 -75
  262. package/src/components/T.tsx +0 -24
  263. package/src/components/TDiv.tsx +0 -26
  264. package/src/components/TImgAlt.tsx +0 -28
  265. package/src/components/TopMenu.tsx +0 -252
  266. package/src/components/TotpSetupForm.tsx +0 -188
  267. package/src/components/TotpVerificationForm.tsx +0 -148
  268. package/src/components/TranslatedTitle.tsx +0 -31
  269. package/src/components/UserLanguageSelector.tsx +0 -45
  270. package/src/components/UserMenu.tsx +0 -15
  271. package/src/components/UserSettingsForm.tsx +0 -904
  272. package/src/components/VerifyEmailPage.tsx +0 -222
  273. package/src/components/__tests__/RegisterForm.totp.spec.tsx +0 -377
  274. package/src/components/__tests__/TotpSetupForm.spec.tsx +0 -258
  275. package/src/components/__tests__/TotpVerificationForm.spec.tsx +0 -259
  276. package/src/components/__tests__/UserSettingsForm.totp.spec.tsx +0 -396
  277. package/src/contexts/AuthProvider.spec.tsx +0 -1284
  278. package/src/contexts/AuthProvider.tsx +0 -977
  279. package/src/contexts/I18nProvider.tsx +0 -164
  280. package/src/contexts/MenuContext.tsx +0 -426
  281. package/src/contexts/SuiteConfigProvider.tsx +0 -93
  282. package/src/contexts/ThemeProvider.tsx +0 -67
  283. package/src/hooks/useAuthenticatedApi.tsx +0 -67
  284. package/src/hooks/useBackupCodes.ts +0 -105
  285. package/src/hooks/useEmailVerification.ts +0 -54
  286. package/src/hooks/useExpiringValue.ts +0 -78
  287. package/src/hooks/useLocalStorage.ts +0 -18
  288. package/src/hooks/useUserSettings.ts +0 -271
  289. package/src/interfaces/IAppConfig.ts +0 -7
  290. package/src/interfaces/ICategoryConfig.ts +0 -41
  291. package/src/interfaces/IMenuConfig.ts +0 -28
  292. package/src/interfaces/IMenuOption.ts +0 -79
  293. package/src/services/__mocks__/authService.ts +0 -14
  294. package/src/services/__tests__/authService.totp.property.spec.ts +0 -360
  295. package/src/services/__tests__/authService.totp.spec.ts +0 -439
  296. package/src/services/api.ts +0 -13
  297. package/src/services/authService.ts +0 -692
  298. package/src/services/authenticatedApi.ts +0 -17
  299. package/src/services/index.ts +0 -3
  300. package/src/types/MenuType.ts +0 -15
  301. package/src/types/expirationSeconds.ts +0 -18
  302. package/src/types/index.ts +0 -1
  303. package/src/types/translation.ts +0 -20
  304. package/src/wrappers/BackupCodeLoginWrapper.tsx +0 -34
  305. package/src/wrappers/BackupCodesWrapper.tsx +0 -28
  306. package/src/wrappers/ChangePasswordFormWrapper.tsx +0 -34
  307. package/src/wrappers/ForgotPasswordFormWrapper.tsx +0 -45
  308. package/src/wrappers/LoginFormWrapper.tsx +0 -108
  309. package/src/wrappers/LogoutPageWrapper.tsx +0 -30
  310. package/src/wrappers/RegisterFormWrapper.tsx +0 -109
  311. package/src/wrappers/ResetPasswordFormWrapper.tsx +0 -57
  312. package/src/wrappers/UserSettingsFormWrapper.tsx +0 -140
  313. package/src/wrappers/VerifyEmailPageWrapper.tsx +0 -27
  314. package/src/wrappers/__tests__/LoginFormWrapper.totp.spec.tsx +0 -339
package/src/components/FakeEmailAdminPanel.tsx DELETED
@@ -1,374 +0,0 @@
1
- /**
2
- * FakeEmailAdminPanel — dev-only panel for inspecting captured emails.
3
- *
4
- * Renders only in development/test environments where FakeEmailService is
5
- * active. Calls the AdminEmailRouter endpoints mounted at `baseUrl/api/admin/emails`.
6
- *
7
- * Self-contained: wraps itself with AuthenticatedApiProvider internally.
8
- * Usage (inside SuiteConfigProvider):
9
- * <FakeEmailAdminPanel />
10
- */
11
- import {
12
- SuiteCoreComponentId,
13
- SuiteCoreStringKey,
14
- SuiteCoreStringKeyValue,
15
- } from '@digitaldefiance/suite-core-lib';
16
- import DeleteIcon from '@mui/icons-material/Delete';
17
- import ExpandLessIcon from '@mui/icons-material/ExpandLess';
18
- import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
19
- import RefreshIcon from '@mui/icons-material/Refresh';
20
- import {
21
- Alert,
22
- Box,
23
- Button,
24
- Chip,
25
- CircularProgress,
26
- Collapse,
27
- Divider,
28
- IconButton,
29
- List,
30
- ListItemButton,
31
- ListItemText,
32
- Paper,
33
- Typography,
34
- } from '@mui/material';
35
- import { FC, useCallback, useEffect, useRef, useState } from 'react';
36
- import { useI18n } from '../contexts';
37
- import { ConfirmationDialog } from './ConfirmationDialog';
38
- import {
39
- AuthenticatedApiProvider,
40
- useAuthenticatedApi,
41
- } from '../hooks/useAuthenticatedApi';
42
-
43
- /** Shape of a single captured email as returned by AdminEmailRouter */
44
- export interface CapturedEmailInfo {
45
- to: string;
46
- subject: string;
47
- text: string;
48
- html: string;
49
- timestamp: string;
50
- }
51
-
52
- /** Shape of a recipient summary as returned by GET /api/admin/emails */
53
- export interface RecipientSummary {
54
- address: string;
55
- count: number;
56
- }
57
-
58
- /**
59
- * Renders email HTML content in a sandboxed iframe so that links are
60
- * clickable and open in a new tab. Falls back to plain text when no
61
- * HTML body is available.
62
- */
63
- const EmailBodyIframe: FC<{ html: string; text: string }> = ({
64
- html,
65
- text,
66
- }) => {
67
- const iframeRef = useRef<HTMLIFrameElement>(null);
68
-
69
- useEffect(() => {
70
- const iframe = iframeRef.current;
71
- if (!iframe) return;
72
- const doc = iframe.contentDocument ?? iframe.contentWindow?.document;
73
- if (!doc) return;
74
-
75
- if (html) {
76
- // Inject a <base target="_blank"> so every link opens in a new tab,
77
- // then write the original HTML body.
78
- doc.open();
79
- doc.write(
80
- `<!DOCTYPE html><html><head><base target="_blank"><style>body{font-family:sans-serif;font-size:14px;margin:8px;}</style></head><body>${html}</body></html>`
81
- );
82
- doc.close();
83
- } else {
84
- doc.open();
85
- doc.write(
86
- `<!DOCTYPE html><html><head><style>body{font-family:sans-serif;font-size:14px;margin:8px;white-space:pre-wrap;}</style></head><body>${text.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</body></html>`
87
- );
88
- doc.close();
89
- }
90
-
91
- // Auto-resize iframe height to fit content
92
- const resize = () => {
93
- if (doc.body) {
94
- iframe.style.height = `${doc.body.scrollHeight + 16}px`;
95
- }
96
- };
97
- // Resize after content loads (images, etc.)
98
- iframe.addEventListener('load', resize);
99
- resize();
100
- // Small delay to catch late-rendering content
101
- const timer = setTimeout(resize, 200);
102
- return () => {
103
- iframe.removeEventListener('load', resize);
104
- clearTimeout(timer);
105
- };
106
- }, [html, text]);
107
-
108
- return (
109
- <iframe
110
- ref={iframeRef}
111
- sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin"
112
- style={{
113
- width: '100%',
114
- minHeight: 80,
115
- border: '1px solid #e0e0e0',
116
- borderRadius: 4,
117
- background: '#fff',
118
- }}
119
- title="Email body"
120
- />
121
- );
122
- };
123
-
124
- const FakeEmailAdminPanelContent: FC = () => {
125
- const api = useAuthenticatedApi();
126
- const { tComponent } = useI18n();
127
- const t = (key: SuiteCoreStringKeyValue) =>
128
- tComponent<SuiteCoreStringKeyValue>(SuiteCoreComponentId, key);
129
-
130
- const [recipients, setRecipients] = useState<RecipientSummary[]>([]);
131
- const [expanded, setExpanded] = useState<string | null>(null);
132
- /** Tracks which individual email is expanded to show its body (address:idx) */
133
- const [expandedEmail, setExpandedEmail] = useState<string | null>(null);
134
- const [emailsByAddress, setEmailsByAddress] = useState<
135
- Record<string, CapturedEmailInfo[]>
136
- >({});
137
- const [loading, setLoading] = useState(false);
138
- const [error, setError] = useState<string | null>(null);
139
- const [clearDialogOpen, setClearDialogOpen] = useState(false);
140
-
141
- const loadRecipients = useCallback(async () => {
142
- setLoading(true);
143
- setError(null);
144
- try {
145
- const res = await api.get<{ recipients: RecipientSummary[] }>(
146
- '/admin/emails'
147
- );
148
- setRecipients(res.data.recipients);
149
- } catch (err) {
150
- setError(err instanceof Error ? err.message : String(err));
151
- } finally {
152
- setLoading(false);
153
- }
154
- }, [api]);
155
-
156
- useEffect(() => {
157
- void loadRecipients();
158
- }, [loadRecipients]);
159
-
160
- const toggleExpand = useCallback(
161
- async (address: string) => {
162
- if (expanded === address) {
163
- setExpanded(null);
164
- return;
165
- }
166
- setExpanded(address);
167
- if (!emailsByAddress[address]) {
168
- try {
169
- const res = await api.get<CapturedEmailInfo[]>(
170
- `/admin/emails/${encodeURIComponent(address)}`
171
- );
172
- setEmailsByAddress((prev) => ({ ...prev, [address]: res.data }));
173
- } catch (err) {
174
- setError(err instanceof Error ? err.message : String(err));
175
- }
176
- }
177
- },
178
- [api, expanded, emailsByAddress]
179
- );
180
-
181
- const handleClearAll = useCallback(async () => {
182
- setClearDialogOpen(false);
183
- try {
184
- await api.delete('/admin/emails');
185
- setRecipients([]);
186
- setEmailsByAddress({});
187
- setExpanded(null);
188
- } catch (err) {
189
- setError(err instanceof Error ? err.message : String(err));
190
- }
191
- }, [api]);
192
-
193
- return (
194
- <Paper variant="outlined" sx={{ p: 2 }}>
195
- {/* Header */}
196
- <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>
197
- <Typography variant="subtitle1" fontWeight="bold" sx={{ flexGrow: 1 }}>
198
- {t(SuiteCoreStringKey.FakeEmail_Admin_Title)}
199
- </Typography>
200
- <Chip label="DEV" size="small" color="warning" />
201
- <IconButton
202
- size="small"
203
- onClick={() => void loadRecipients()}
204
- title={t(SuiteCoreStringKey.FakeEmail_Admin_Refresh)}
205
- >
206
- <RefreshIcon fontSize="small" />
207
- </IconButton>
208
- <IconButton
209
- size="small"
210
- color="error"
211
- onClick={() => setClearDialogOpen(true)}
212
- title={t(SuiteCoreStringKey.FakeEmail_Admin_ClearAll)}
213
- disabled={recipients.length === 0}
214
- >
215
- <DeleteIcon fontSize="small" />
216
- </IconButton>
217
- </Box>
218
-
219
- <Divider sx={{ mb: 1 }} />
220
-
221
- {/* Error */}
222
- {error && (
223
- <Alert severity="error" sx={{ mb: 1 }} onClose={() => setError(null)}>
224
- {error}
225
- </Alert>
226
- )}
227
-
228
- {/* Loading */}
229
- {loading && (
230
- <Box sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>
231
- <CircularProgress size={24} />
232
- </Box>
233
- )}
234
-
235
- {/* Empty state */}
236
- {!loading && recipients.length === 0 && (
237
- <Typography variant="body2" color="text.secondary">
238
- {t(SuiteCoreStringKey.FakeEmail_Admin_NoRecipients)}
239
- </Typography>
240
- )}
241
-
242
- {/* Recipient list */}
243
- {!loading && recipients.length > 0 && (
244
- <List dense disablePadding>
245
- {recipients.map((r) => (
246
- <Box key={r.address}>
247
- <ListItemButton
248
- onClick={() => void toggleExpand(r.address)}
249
- sx={{ px: 0, py: 0.5 }}
250
- >
251
- <ListItemText
252
- primary={r.address}
253
- secondary={`${r.count} ${t(SuiteCoreStringKey.FakeEmail_Admin_Recipients)}`}
254
- />
255
- {expanded === r.address ? (
256
- <ExpandLessIcon fontSize="small" />
257
- ) : (
258
- <ExpandMoreIcon fontSize="small" />
259
- )}
260
- </ListItemButton>
261
-
262
- <Collapse in={expanded === r.address} unmountOnExit>
263
- {emailsByAddress[r.address]?.length === 0 ? (
264
- <Typography
265
- variant="body2"
266
- color="text.secondary"
267
- sx={{ pl: 2, py: 0.5 }}
268
- >
269
- {t(SuiteCoreStringKey.FakeEmail_Admin_NoEmails)}
270
- </Typography>
271
- ) : (
272
- <List dense disablePadding sx={{ pl: 2 }}>
273
- {(emailsByAddress[r.address] ?? []).map((email, idx) => {
274
- const emailKey = `${r.address}:${idx}`;
275
- const isEmailExpanded = expandedEmail === emailKey;
276
- return (
277
- <Box key={idx} sx={{ py: 0.25 }}>
278
- <ListItemButton
279
- disableGutters
280
- onClick={() =>
281
- setExpandedEmail(isEmailExpanded ? null : emailKey)
282
- }
283
- sx={{ py: 0.25, px: 0.5, borderRadius: 1 }}
284
- >
285
- <ListItemText
286
- primary={email.subject || '(no subject)'}
287
- secondary={`${t(SuiteCoreStringKey.FakeEmail_Admin_Timestamp)}: ${new Date(email.timestamp).toLocaleString()}`}
288
- primaryTypographyProps={{ variant: 'body2' }}
289
- secondaryTypographyProps={{ variant: 'caption' }}
290
- />
291
- {isEmailExpanded ? (
292
- <ExpandLessIcon fontSize="small" />
293
- ) : (
294
- <ExpandMoreIcon fontSize="small" />
295
- )}
296
- </ListItemButton>
297
- <Collapse in={isEmailExpanded} unmountOnExit>
298
- <Box sx={{ pl: 1, pr: 1, pb: 1 }}>
299
- <EmailBodyIframe
300
- html={email.html}
301
- text={email.text}
302
- />
303
- </Box>
304
- </Collapse>
305
- </Box>
306
- );
307
- })}
308
- </List>
309
- )}
310
- </Collapse>
311
- <Divider />
312
- </Box>
313
- ))}
314
- </List>
315
- )}
316
-
317
- {/* Clear confirmation */}
318
- <ConfirmationDialog
319
- open={clearDialogOpen}
320
- title={t(SuiteCoreStringKey.FakeEmail_Admin_ClearAll)}
321
- message={t(SuiteCoreStringKey.FakeEmail_Admin_ClearConfirm)}
322
- onConfirm={() => void handleClearAll()}
323
- onCancel={() => setClearDialogOpen(false)}
324
- />
325
- </Paper>
326
- );
327
- };
328
-
329
- export const FakeEmailAdminPanel: FC = () => (
330
- <AuthenticatedApiProvider>
331
- <FakeEmailAdminPanelContent />
332
- </AuthenticatedApiProvider>
333
- );
334
-
335
- export default FakeEmailAdminPanel;
336
-
337
- // Buttons component for use outside the panel (e.g. in a toolbar)
338
- export interface FakeEmailAdminButtonsProps {
339
- onRefresh: () => void;
340
- onClear: () => void;
341
- disabled?: boolean;
342
- }
343
-
344
- export const FakeEmailAdminButtons: FC<FakeEmailAdminButtonsProps> = ({
345
- onRefresh,
346
- onClear,
347
- disabled = false,
348
- }) => {
349
- const { tComponent } = useI18n();
350
- const t = (key: SuiteCoreStringKeyValue) =>
351
- tComponent<SuiteCoreStringKeyValue>(SuiteCoreComponentId, key);
352
-
353
- return (
354
- <Box sx={{ display: 'flex', gap: 1 }}>
355
- <Button
356
- size="small"
357
- startIcon={<RefreshIcon />}
358
- onClick={onRefresh}
359
- disabled={disabled}
360
- >
361
- {t(SuiteCoreStringKey.FakeEmail_Admin_Refresh)}
362
- </Button>
363
- <Button
364
- size="small"
365
- color="error"
366
- startIcon={<DeleteIcon />}
367
- onClick={onClear}
368
- disabled={disabled}
369
- >
370
- {t(SuiteCoreStringKey.FakeEmail_Admin_ClearAll)}
371
- </Button>
372
- </Box>
373
- );
374
- };
package/src/components/Flag.tsx DELETED
@@ -1,52 +0,0 @@
1
- import { getFlagCode } from '@digitaldefiance/suite-core-lib';
2
- import { Box, SxProps, Theme } from '@mui/material';
3
- import { FC } from 'react';
4
-
5
- export interface FlagProps {
6
- language: string;
7
- sx?: SxProps<Theme>;
8
- }
9
-
10
- /**
11
- * A simple component to display a flag icon for a given language.
12
- *
13
- * Props:
14
- * language: The language to display a flag for, as a StringLanguages enum value.
15
- * sx: Optional styles to apply to the component.
16
- *
17
- * Returns a Box component with an SVG flag icon from flagcdn.com as a ::before pseudo-element.
18
- * The flag is sized to 1.5rem by default, but can be overridden by passing a custom sx prop.
19
- * The component also includes an aria-label for accessibility, set to `Flag for <language>`.
20
- */
21
- export const Flag: FC<FlagProps> = ({ language, sx }) => {
22
- const flagContent = getFlagCode(language);
23
- if (!flagContent) {
24
- return null;
25
- }
26
- return (
27
- <Box
28
- component="span"
29
- aria-label={`Flag for ${language}`}
30
- sx={{
31
- fontSize: '1.5rem',
32
- lineHeight: 1,
33
- verticalAlign: 'middle',
34
- '&::before': {
35
- content: `" "`,
36
- display: 'inline-block',
37
- width: '1em',
38
- height: '1em',
39
- backgroundImage: `url(https://flagcdn.com/${flagContent.toLowerCase()}.svg)`,
40
- backgroundSize: 'contain',
41
- backgroundRepeat: 'no-repeat',
42
- backgroundPosition: 'center',
43
- border: '1px solid rgba(0, 0, 0, 0.1)',
44
- borderRadius: '2px',
45
- },
46
- ...sx,
47
- }}
48
- />
49
- );
50
- };
51
-
52
- export default Flag;
package/src/components/ForgotPasswordForm.tsx DELETED
@@ -1,174 +0,0 @@
1
- import {
2
- SuiteCoreComponentId,
3
- SuiteCoreStringKey,
4
- SuiteCoreStringKeyValue,
5
- } from '@digitaldefiance/suite-core-lib';
6
- import {
7
- Alert,
8
- Box,
9
- Button,
10
- Container,
11
- TextField,
12
- Typography,
13
- } from '@mui/material';
14
- import { useFormik } from 'formik';
15
- import { FC, useState } from 'react';
16
- import * as Yup from 'yup';
17
- import { useI18n } from '../contexts';
18
-
19
- export interface ForgotPasswordFormValues {
20
- email: string;
21
- }
22
-
23
- export interface ForgotPasswordFormProps {
24
- onSubmit: (values: ForgotPasswordFormValues) => Promise<void>;
25
- emailValidation?: Yup.StringSchema;
26
- labels?: {
27
- title?: string;
28
- email?: string;
29
- sendResetLink?: string;
30
- successMessage?: string;
31
- };
32
- }
33
-
34
- export const ForgotPasswordForm: FC<ForgotPasswordFormProps> = ({
35
- onSubmit,
36
- emailValidation,
37
- labels = {},
38
- }) => {
39
- const { tComponent } = useI18n();
40
- const [success, setSuccess] = useState(false);
41
- const [apiError, setApiError] = useState<string>('');
42
-
43
- const validation = {
44
- email:
45
- emailValidation ||
46
- Yup.string()
47
- .email(
48
- tComponent<SuiteCoreStringKeyValue>(
49
- SuiteCoreComponentId,
50
- SuiteCoreStringKey.Validation_InvalidEmail
51
- )
52
- )
53
- .required(
54
- tComponent<SuiteCoreStringKeyValue>(
55
- SuiteCoreComponentId,
56
- SuiteCoreStringKey.Validation_Required
57
- )
58
- ),
59
- };
60
-
61
- const translatedLabels = {
62
- title:
63
- labels.title ||
64
- tComponent<SuiteCoreStringKeyValue>(
65
- SuiteCoreComponentId,
66
- SuiteCoreStringKey.ForgotPassword_Title
67
- ),
68
- email:
69
- labels.email ||
70
- tComponent<SuiteCoreStringKeyValue>(
71
- SuiteCoreComponentId,
72
- SuiteCoreStringKey.Common_Email
73
- ),
74
- sendResetLink:
75
- labels.sendResetLink ||
76
- tComponent<SuiteCoreStringKeyValue>(
77
- SuiteCoreComponentId,
78
- SuiteCoreStringKey.ForgotPassword_SendResetLink
79
- ),
80
- successMessage:
81
- labels.successMessage ||
82
- tComponent<SuiteCoreStringKeyValue>(
83
- SuiteCoreComponentId,
84
- SuiteCoreStringKey.PasswordReset_Success
85
- ),
86
- };
87
-
88
- const formik = useFormik<ForgotPasswordFormValues>({
89
- initialValues: {
90
- email: '',
91
- },
92
- validationSchema: Yup.object({
93
- email: validation.email,
94
- }),
95
- onSubmit: async (values) => {
96
- try {
97
- await onSubmit(values);
98
- setSuccess(true);
99
- setApiError('');
100
- } catch (error: unknown) {
101
- const err = error as { response?: { data?: { message?: string } } };
102
- setApiError(
103
- err.response?.data?.message ||
104
- tComponent<SuiteCoreStringKeyValue>(
105
- SuiteCoreComponentId,
106
- SuiteCoreStringKey.ForgotPassword_Error
107
- )
108
- );
109
- setSuccess(false);
110
- }
111
- },
112
- });
113
-
114
- return (
115
- <Container maxWidth="sm">
116
- <Box
117
- sx={{
118
- mt: 8,
119
- display: 'flex',
120
- flexDirection: 'column',
121
- alignItems: 'center',
122
- }}
123
- >
124
- <Typography variant="h4" component="h1" gutterBottom>
125
- {translatedLabels.title}
126
- </Typography>
127
-
128
- <Box
129
- component="form"
130
- onSubmit={formik.handleSubmit}
131
- sx={{ mt: 1, width: '100%' }}
132
- >
133
- <TextField
134
- fullWidth
135
- id="email"
136
- name="email"
137
- label={translatedLabels.email}
138
- value={formik.values.email}
139
- onChange={formik.handleChange}
140
- onBlur={formik.handleBlur}
141
- error={Boolean(formik.touched.email && formik.errors.email)}
142
- helperText={formik.touched.email && formik.errors.email}
143
- margin="normal"
144
- />
145
-
146
- {apiError && (
147
- <Alert severity="error" sx={{ mt: 2, mb: 2 }}>
148
- {apiError}
149
- </Alert>
150
- )}
151
-
152
- {success && (
153
- <Alert severity="success" sx={{ mt: 2, mb: 2 }}>
154
- {translatedLabels.successMessage}
155
- </Alert>
156
- )}
157
-
158
- <Button
159
- type="submit"
160
- fullWidth
161
- variant="contained"
162
- color="primary"
163
- sx={{ mt: 3, mb: 2 }}
164
- disabled={formik.isSubmitting}
165
- >
166
- {translatedLabels.sendResetLink}
167
- </Button>
168
- </Box>
169
- </Box>
170
- </Container>
171
- );
172
- };
173
-
174
- export default ForgotPasswordForm;