@joelbarron/react-web-dev-kit 0.1.9 → 0.1.10

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 (271) hide show
  1. package/dist/auth/client.d.ts +46 -0
  2. package/dist/auth/client.d.ts.map +1 -0
  3. package/dist/auth/client.js +379 -0
  4. package/dist/auth/constants/countryCallingCodes.d.ts +9 -0
  5. package/dist/auth/constants/countryCallingCodes.d.ts.map +1 -0
  6. package/dist/auth/constants/countryCallingCodes.js +209 -0
  7. package/dist/auth/constants/gender.d.ts +9 -0
  8. package/dist/auth/constants/gender.d.ts.map +1 -0
  9. package/dist/auth/constants/gender.js +12 -0
  10. package/dist/auth/constants/index.d.ts +3 -0
  11. package/dist/auth/constants/index.d.ts.map +1 -0
  12. package/dist/auth/constants/index.js +2 -0
  13. package/dist/auth/forms/account/AuthAccountConfirmationForm.d.ts +18 -0
  14. package/dist/auth/forms/account/AuthAccountConfirmationForm.d.ts.map +1 -0
  15. package/dist/auth/forms/account/AuthAccountConfirmationForm.js +167 -0
  16. package/dist/auth/forms/account/index.d.ts +2 -0
  17. package/dist/auth/forms/account/index.d.ts.map +1 -0
  18. package/dist/auth/forms/account/index.js +1 -0
  19. package/dist/auth/forms/errorParser.d.ts +7 -0
  20. package/dist/auth/forms/errorParser.d.ts.map +1 -0
  21. package/dist/auth/forms/errorParser.js +65 -0
  22. package/dist/auth/forms/index.d.ts +6 -0
  23. package/dist/auth/forms/index.d.ts.map +1 -0
  24. package/dist/auth/forms/index.js +5 -0
  25. package/dist/auth/forms/password/AuthForgotPasswordForm.d.ts +16 -0
  26. package/dist/auth/forms/password/AuthForgotPasswordForm.d.ts.map +1 -0
  27. package/dist/auth/forms/password/AuthForgotPasswordForm.js +109 -0
  28. package/dist/auth/forms/password/AuthPasswordResetConfirmForm.d.ts +17 -0
  29. package/dist/auth/forms/password/AuthPasswordResetConfirmForm.d.ts.map +1 -0
  30. package/dist/auth/forms/password/AuthPasswordResetConfirmForm.js +163 -0
  31. package/dist/auth/forms/password/AuthResetPasswordForm.d.ts +12 -0
  32. package/dist/auth/forms/password/AuthResetPasswordForm.d.ts.map +1 -0
  33. package/dist/auth/forms/password/AuthResetPasswordForm.js +22 -0
  34. package/dist/auth/forms/password/index.d.ts +4 -0
  35. package/dist/auth/forms/password/index.d.ts.map +1 -0
  36. package/dist/auth/forms/password/index.js +3 -0
  37. package/dist/auth/forms/password/passwordValidation.d.ts +3 -0
  38. package/dist/auth/forms/password/passwordValidation.d.ts.map +1 -0
  39. package/dist/auth/forms/password/passwordValidation.js +45 -0
  40. package/dist/auth/forms/sign-in/AuthOtpSignInForm.d.ts +24 -0
  41. package/dist/auth/forms/sign-in/AuthOtpSignInForm.d.ts.map +1 -0
  42. package/dist/auth/forms/sign-in/AuthOtpSignInForm.js +227 -0
  43. package/dist/auth/forms/sign-in/AuthPasswordSignInForm.d.ts +22 -0
  44. package/dist/auth/forms/sign-in/AuthPasswordSignInForm.d.ts.map +1 -0
  45. package/dist/auth/forms/sign-in/AuthPasswordSignInForm.js +148 -0
  46. package/dist/auth/forms/sign-in/index.d.ts +3 -0
  47. package/dist/auth/forms/sign-in/index.d.ts.map +1 -0
  48. package/dist/auth/forms/sign-in/index.js +2 -0
  49. package/dist/auth/forms/sign-up/AuthSignUpForm.d.ts +37 -0
  50. package/dist/auth/forms/sign-up/AuthSignUpForm.d.ts.map +1 -0
  51. package/dist/auth/forms/sign-up/AuthSignUpForm.js +193 -0
  52. package/dist/auth/forms/sign-up/index.d.ts +2 -0
  53. package/dist/auth/forms/sign-up/index.d.ts.map +1 -0
  54. package/dist/auth/forms/sign-up/index.js +1 -0
  55. package/dist/auth/fuse/createFuseAuthViews.d.ts +25 -0
  56. package/dist/auth/fuse/createFuseAuthViews.d.ts.map +1 -0
  57. package/dist/auth/fuse/createFuseAuthViews.js +510 -0
  58. package/dist/auth/fuse/fuseAdapter.d.ts +42 -0
  59. package/dist/auth/fuse/fuseAdapter.d.ts.map +1 -0
  60. package/dist/auth/fuse/fuseAdapter.js +291 -0
  61. package/dist/auth/fuse/fuseIntegration.d.ts +74 -0
  62. package/dist/auth/fuse/fuseIntegration.d.ts.map +1 -0
  63. package/dist/auth/fuse/fuseIntegration.js +121 -0
  64. package/dist/auth/fuse/index.d.ts +4 -0
  65. package/dist/auth/fuse/index.d.ts.map +1 -0
  66. package/dist/auth/fuse/index.js +3 -0
  67. package/dist/auth/index.d.ts +11 -0
  68. package/dist/auth/index.d.ts.map +1 -0
  69. package/dist/auth/index.js +10 -0
  70. package/dist/auth/provider.d.ts +35 -0
  71. package/dist/auth/provider.d.ts.map +1 -0
  72. package/dist/auth/provider.js +133 -0
  73. package/dist/auth/query.d.ts +23 -0
  74. package/dist/auth/query.d.ts.map +1 -0
  75. package/dist/auth/query.js +103 -0
  76. package/dist/auth/routes.d.ts +37 -0
  77. package/dist/auth/routes.d.ts.map +1 -0
  78. package/dist/auth/routes.js +75 -0
  79. package/dist/auth/social/providerAuth.d.ts +101 -0
  80. package/dist/auth/social/providerAuth.d.ts.map +1 -0
  81. package/dist/auth/social/providerAuth.js +207 -0
  82. package/dist/auth/storage.d.ts +3 -0
  83. package/dist/auth/storage.d.ts.map +1 -0
  84. package/dist/auth/storage.js +20 -0
  85. package/dist/auth/types.d.ts +238 -0
  86. package/dist/auth/types.d.ts.map +1 -0
  87. package/dist/auth/types.js +1 -0
  88. package/dist/auth/ui/AuthPageTitle.d.ts +7 -0
  89. package/dist/auth/ui/AuthPageTitle.d.ts.map +1 -0
  90. package/dist/auth/ui/AuthPageTitle.js +7 -0
  91. package/dist/auth/ui/AuthPagesMessageSection.d.ts +3 -0
  92. package/dist/auth/ui/AuthPagesMessageSection.d.ts.map +1 -0
  93. package/dist/auth/ui/AuthPagesMessageSection.js +39 -0
  94. package/dist/auth/ui/AuthPrimaryButton.d.ts +9 -0
  95. package/dist/auth/ui/AuthPrimaryButton.d.ts.map +1 -0
  96. package/dist/auth/ui/AuthPrimaryButton.js +19 -0
  97. package/dist/auth/ui/AuthRoleSelectionDialog.d.ts +14 -0
  98. package/dist/auth/ui/AuthRoleSelectionDialog.d.ts.map +1 -0
  99. package/dist/auth/ui/AuthRoleSelectionDialog.js +39 -0
  100. package/dist/auth/ui/AuthRoutePageWrapper.d.ts +12 -0
  101. package/dist/auth/ui/AuthRoutePageWrapper.d.ts.map +1 -0
  102. package/dist/auth/ui/AuthRoutePageWrapper.js +61 -0
  103. package/dist/auth/ui/AuthSecondaryButton.d.ts +7 -0
  104. package/dist/auth/ui/AuthSecondaryButton.d.ts.map +1 -0
  105. package/dist/auth/ui/AuthSecondaryButton.js +18 -0
  106. package/dist/auth/ui/AuthSocialProviderButton.d.ts +11 -0
  107. package/dist/auth/ui/AuthSocialProviderButton.d.ts.map +1 -0
  108. package/dist/auth/ui/AuthSocialProviderButton.js +33 -0
  109. package/dist/auth/ui/index.d.ts +9 -0
  110. package/dist/auth/ui/index.d.ts.map +1 -0
  111. package/dist/auth/ui/index.js +8 -0
  112. package/dist/auth/ui/types.d.ts +15 -0
  113. package/dist/auth/ui/types.d.ts.map +1 -0
  114. package/dist/auth/ui/types.js +1 -0
  115. package/dist/config/createConfig.d.ts +14 -0
  116. package/dist/config/createConfig.d.ts.map +1 -0
  117. package/dist/config/createConfig.js +179 -0
  118. package/dist/config/defaults.d.ts +3 -0
  119. package/dist/config/defaults.d.ts.map +1 -0
  120. package/dist/config/defaults.js +39 -0
  121. package/dist/config/index.d.ts +5 -0
  122. package/dist/config/index.d.ts.map +1 -0
  123. package/dist/config/index.js +4 -0
  124. package/dist/config/merge.d.ts +2 -0
  125. package/dist/config/merge.d.ts.map +1 -0
  126. package/dist/config/merge.js +18 -0
  127. package/dist/config/types.d.ts +53 -0
  128. package/dist/config/types.d.ts.map +1 -0
  129. package/dist/config/types.js +1 -0
  130. package/dist/core/buttons/JBButton.d.ts +8 -0
  131. package/dist/core/buttons/JBButton.d.ts.map +1 -0
  132. package/dist/core/buttons/JBButton.js +55 -0
  133. package/dist/core/buttons/index.d.ts +2 -0
  134. package/dist/core/buttons/index.d.ts.map +1 -0
  135. package/dist/core/buttons/index.js +1 -0
  136. package/dist/core/dialogs/JBConfirmDialog.d.ts +15 -0
  137. package/dist/core/dialogs/JBConfirmDialog.d.ts.map +1 -0
  138. package/dist/core/dialogs/JBConfirmDialog.js +6 -0
  139. package/dist/core/dialogs/index.d.ts +2 -0
  140. package/dist/core/dialogs/index.d.ts.map +1 -0
  141. package/dist/core/dialogs/index.js +1 -0
  142. package/dist/core/index.d.ts +5 -0
  143. package/dist/core/index.d.ts.map +1 -0
  144. package/dist/core/index.js +4 -0
  145. package/dist/core/layout/JBContentContainer.d.ts +31 -0
  146. package/dist/core/layout/JBContentContainer.d.ts.map +1 -0
  147. package/dist/core/layout/JBContentContainer.js +50 -0
  148. package/dist/core/layout/JBFormHeader.d.ts +3 -0
  149. package/dist/core/layout/JBFormHeader.d.ts.map +1 -0
  150. package/dist/core/layout/JBFormHeader.js +131 -0
  151. package/dist/core/layout/index.d.ts +3 -0
  152. package/dist/core/layout/index.d.ts.map +1 -0
  153. package/dist/core/layout/index.js +2 -0
  154. package/dist/core/skeletons/JBFormContentSkeleton.d.ts +5 -0
  155. package/dist/core/skeletons/JBFormContentSkeleton.d.ts.map +1 -0
  156. package/dist/core/skeletons/JBFormContentSkeleton.js +12 -0
  157. package/dist/core/skeletons/JBFormHeaderSkeleton.d.ts +6 -0
  158. package/dist/core/skeletons/JBFormHeaderSkeleton.d.ts.map +1 -0
  159. package/dist/core/skeletons/JBFormHeaderSkeleton.js +19 -0
  160. package/dist/core/skeletons/index.d.ts +3 -0
  161. package/dist/core/skeletons/index.d.ts.map +1 -0
  162. package/dist/core/skeletons/index.js +2 -0
  163. package/dist/forms/JBAutocompleteField.d.ts +12 -0
  164. package/dist/forms/JBAutocompleteField.d.ts.map +1 -0
  165. package/dist/forms/JBAutocompleteField.js +20 -0
  166. package/dist/forms/JBCheckboxField.d.ts +12 -0
  167. package/dist/forms/JBCheckboxField.d.ts.map +1 -0
  168. package/dist/forms/JBCheckboxField.js +36 -0
  169. package/dist/forms/JBDatePickerField.d.ts +13 -0
  170. package/dist/forms/JBDatePickerField.d.ts.map +1 -0
  171. package/dist/forms/JBDatePickerField.js +67 -0
  172. package/dist/forms/JBRadioGroupField.d.ts +10 -0
  173. package/dist/forms/JBRadioGroupField.d.ts.map +1 -0
  174. package/dist/forms/JBRadioGroupField.js +8 -0
  175. package/dist/forms/JBSelectField.d.ts +9 -0
  176. package/dist/forms/JBSelectField.d.ts.map +1 -0
  177. package/dist/forms/JBSelectField.js +8 -0
  178. package/dist/forms/JBSwitchField.d.ts +11 -0
  179. package/dist/forms/JBSwitchField.d.ts.map +1 -0
  180. package/dist/forms/JBSwitchField.js +10 -0
  181. package/dist/forms/JBTextField.d.ts +6 -0
  182. package/dist/forms/JBTextField.d.ts.map +1 -0
  183. package/dist/forms/JBTextField.js +8 -0
  184. package/dist/forms/JBTimePickerField.d.ts +12 -0
  185. package/dist/forms/JBTimePickerField.d.ts.map +1 -0
  186. package/dist/forms/JBTimePickerField.js +35 -0
  187. package/dist/forms/index.d.ts +13 -0
  188. package/dist/forms/index.d.ts.map +1 -0
  189. package/dist/forms/index.js +12 -0
  190. package/dist/forms/rules.d.ts +16 -0
  191. package/dist/forms/rules.d.ts.map +1 -0
  192. package/dist/forms/rules.js +21 -0
  193. package/dist/forms/types.d.ts +12 -0
  194. package/dist/forms/types.d.ts.map +1 -0
  195. package/dist/forms/types.js +1 -0
  196. package/dist/forms/utils.d.ts +5 -0
  197. package/dist/forms/utils.d.ts.map +1 -0
  198. package/dist/forms/utils.js +7 -0
  199. package/dist/forms/zod.d.ts +4 -0
  200. package/dist/forms/zod.d.ts.map +1 -0
  201. package/dist/forms/zod.js +9 -0
  202. package/dist/grid/JBGrid.d.ts +3 -0
  203. package/dist/grid/JBGrid.d.ts.map +1 -0
  204. package/dist/grid/JBGrid.js +338 -0
  205. package/dist/grid/JBGridHeader.d.ts +3 -0
  206. package/dist/grid/JBGridHeader.d.ts.map +1 -0
  207. package/dist/grid/JBGridHeader.js +93 -0
  208. package/dist/grid/JBGridLoading.d.ts +9 -0
  209. package/dist/grid/JBGridLoading.d.ts.map +1 -0
  210. package/dist/grid/JBGridLoading.js +14 -0
  211. package/dist/grid/JBGridProviders.d.ts +13 -0
  212. package/dist/grid/JBGridProviders.d.ts.map +1 -0
  213. package/dist/grid/JBGridProviders.js +54 -0
  214. package/dist/grid/JBGridSkeleton.d.ts +7 -0
  215. package/dist/grid/JBGridSkeleton.d.ts.map +1 -0
  216. package/dist/grid/JBGridSkeleton.js +6 -0
  217. package/dist/grid/defaults.d.ts +4 -0
  218. package/dist/grid/defaults.d.ts.map +1 -0
  219. package/dist/grid/defaults.js +29 -0
  220. package/dist/grid/index.d.ts +8 -0
  221. package/dist/grid/index.d.ts.map +1 -0
  222. package/dist/grid/index.js +7 -0
  223. package/dist/grid/types.d.ts +197 -0
  224. package/dist/grid/types.d.ts.map +1 -0
  225. package/dist/grid/types.js +1 -0
  226. package/dist/hooks/index.d.ts +4 -0
  227. package/dist/hooks/index.d.ts.map +1 -0
  228. package/dist/hooks/index.js +3 -0
  229. package/dist/hooks/useJBDebouncedValue.d.ts +2 -0
  230. package/dist/hooks/useJBDebouncedValue.d.ts.map +1 -0
  231. package/dist/hooks/useJBDebouncedValue.js +11 -0
  232. package/dist/hooks/useJBEntityFormController.d.ts +54 -0
  233. package/dist/hooks/useJBEntityFormController.d.ts.map +1 -0
  234. package/dist/hooks/useJBEntityFormController.js +156 -0
  235. package/dist/hooks/useJBRedirect.d.ts +10 -0
  236. package/dist/hooks/useJBRedirect.d.ts.map +1 -0
  237. package/dist/hooks/useJBRedirect.js +11 -0
  238. package/dist/index.d.ts +9 -0
  239. package/dist/index.d.ts.map +1 -0
  240. package/dist/index.js +8 -0
  241. package/dist/query/createQueryClient.d.ts +8 -0
  242. package/dist/query/createQueryClient.d.ts.map +1 -0
  243. package/dist/query/createQueryClient.js +25 -0
  244. package/dist/query/http.d.ts +3 -0
  245. package/dist/query/http.d.ts.map +1 -0
  246. package/dist/query/http.js +12 -0
  247. package/dist/query/index.d.ts +4 -0
  248. package/dist/query/index.d.ts.map +1 -0
  249. package/dist/query/index.js +3 -0
  250. package/dist/query/types.d.ts +7 -0
  251. package/dist/query/types.d.ts.map +1 -0
  252. package/dist/query/types.js +1 -0
  253. package/dist/utils/errors.d.ts +10 -0
  254. package/dist/utils/errors.d.ts.map +1 -0
  255. package/dist/utils/errors.js +55 -0
  256. package/dist/utils/format.d.ts +4 -0
  257. package/dist/utils/format.d.ts.map +1 -0
  258. package/dist/utils/format.js +28 -0
  259. package/dist/utils/geo.d.ts +9 -0
  260. package/dist/utils/geo.d.ts.map +1 -0
  261. package/dist/utils/geo.js +186 -0
  262. package/dist/utils/index.d.ts +6 -0
  263. package/dist/utils/index.d.ts.map +1 -0
  264. package/dist/utils/index.js +5 -0
  265. package/dist/utils/query.d.ts +2 -0
  266. package/dist/utils/query.d.ts.map +1 -0
  267. package/dist/utils/query.js +4 -0
  268. package/dist/utils/regex.d.ts +7 -0
  269. package/dist/utils/regex.d.ts.map +1 -0
  270. package/dist/utils/regex.js +6 -0
  271. package/package.json +3 -1
@@ -0,0 +1,109 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { zodResolver } from '@hookform/resolvers/zod';
3
+ import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
4
+ import Alert from '@mui/material/Alert';
5
+ import _ from 'lodash';
6
+ import { useEffect, useState } from 'react';
7
+ import { useForm } from 'react-hook-form';
8
+ import { z } from 'zod';
9
+ import { JBTextField } from '../../../forms';
10
+ import { AuthPrimaryButton } from '../../ui';
11
+ import { parseAuthError } from '../errorParser';
12
+ function getEmailSentFlag(response) {
13
+ if (!response || typeof response !== 'object') {
14
+ return undefined;
15
+ }
16
+ const data = response;
17
+ const emailSent = data.emailSent ?? data.email_sent;
18
+ return typeof emailSent === 'boolean' ? emailSent : undefined;
19
+ }
20
+ const forgotSchema = z.object({
21
+ email: z.string().email('Debes ingresar un correo válido').nonempty('Debes ingresar un correo')
22
+ });
23
+ export function AuthForgotPasswordForm(props) {
24
+ const { defaultValues, loading = false, submitLabel = 'Enviar enlace de recuperación', resendLabel = 'Reenviar enlace de recuperación', successMessage = 'Si la cuenta existe, enviamos un enlace de recuperación a tu correo.', notSentMessage = 'Solicitud recibida, pero no se pudo enviar el correo de recuperación.', resendCooldownSeconds = 30, onEmailSentSuccess, onSubmit } = props;
25
+ const [success, setSuccess] = useState(null);
26
+ const [successSeverity, setSuccessSeverity] = useState('success');
27
+ const [isEmailSentSuccessfully, setIsEmailSentSuccessfully] = useState(false);
28
+ const [resendSecondsLeft, setResendSecondsLeft] = useState(0);
29
+ const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
30
+ mode: 'onChange',
31
+ defaultValues: {
32
+ email: defaultValues?.email ?? ''
33
+ },
34
+ resolver: zodResolver(forgotSchema)
35
+ });
36
+ const { errors, dirtyFields, isSubmitting, isValid } = formState;
37
+ const emailValue = watch('email');
38
+ const isResendCooldownActive = isEmailSentSuccessfully && resendSecondsLeft > 0;
39
+ useEffect(() => {
40
+ if (!isResendCooldownActive) {
41
+ return;
42
+ }
43
+ const timer = window.setInterval(() => {
44
+ setResendSecondsLeft((current) => {
45
+ if (current <= 1) {
46
+ window.clearInterval(timer);
47
+ return 0;
48
+ }
49
+ return current - 1;
50
+ });
51
+ }, 1000);
52
+ return () => {
53
+ window.clearInterval(timer);
54
+ };
55
+ }, [isResendCooldownActive]);
56
+ useEffect(() => {
57
+ const subscription = watch((_value, { name }) => {
58
+ if (name) {
59
+ clearErrors(name);
60
+ }
61
+ clearErrors('root');
62
+ });
63
+ return () => {
64
+ subscription.unsubscribe();
65
+ };
66
+ }, [watch, clearErrors]);
67
+ async function onSubmitForm(values) {
68
+ try {
69
+ setSuccess(null);
70
+ const response = await onSubmit(values);
71
+ const emailSent = getEmailSentFlag(response);
72
+ setSuccessSeverity(emailSent === false ? 'warning' : 'success');
73
+ setSuccess(emailSent === false ? notSentMessage : successMessage);
74
+ setIsEmailSentSuccessfully(emailSent === true);
75
+ if (emailSent === true) {
76
+ setResendSecondsLeft(resendCooldownSeconds);
77
+ onEmailSentSuccess?.();
78
+ }
79
+ }
80
+ catch (error) {
81
+ const parsed = parseAuthError(error);
82
+ Object.entries(parsed.fieldErrors).forEach(([field, message]) => {
83
+ if (field === 'email') {
84
+ setError('email', {
85
+ type: 'manual',
86
+ message
87
+ });
88
+ return;
89
+ }
90
+ setError('root', {
91
+ type: 'manual',
92
+ message
93
+ });
94
+ });
95
+ if (parsed.rootMessage) {
96
+ setError('root', {
97
+ type: 'manual',
98
+ message: parsed.rootMessage
99
+ });
100
+ return;
101
+ }
102
+ setError('root', {
103
+ type: 'manual',
104
+ message: 'No se pudo enviar el correo de recuperación. Inténtalo de nuevo.'
105
+ });
106
+ }
107
+ }
108
+ return (_jsxs("form", { name: "forgotPasswordForm", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmitForm), children: [!isEmailSentSuccessfully ? (_jsx(JBTextField, { control: control, name: "email", sx: { mb: 3 }, label: "Correo electr\u00F3nico", autoFocus: true, type: "email", variant: "outlined", required: true, fullWidth: true })) : null, errors.root?.message && (_jsx(Alert, { sx: { mb: 2 }, severity: "error", children: errors.root.message })), success && (_jsx(Alert, { sx: { mb: 2 }, severity: successSeverity, children: success })), !isEmailSentSuccessfully ? (_jsx(AuthPrimaryButton, { "aria-label": submitLabel, type: "submit", startIcon: _jsx(LinkOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || _.isEmpty(dirtyFields) || !isValid, children: submitLabel })) : (_jsx(AuthPrimaryButton, { "aria-label": resendLabel, type: "submit", startIcon: _jsx(LinkOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || isResendCooldownActive || !isValid || !emailValue?.trim(), children: isResendCooldownActive ? `${resendLabel} (${resendSecondsLeft}s)` : resendLabel }))] }));
109
+ }
@@ -0,0 +1,17 @@
1
+ export type AuthPasswordResetConfirmFormValues = {
2
+ uid: string;
3
+ token: string;
4
+ newPassword: string;
5
+ newPasswordConfirm: string;
6
+ };
7
+ export type AuthPasswordResetConfirmFormProps = {
8
+ defaultValues?: Partial<AuthPasswordResetConfirmFormValues>;
9
+ loading?: boolean;
10
+ submitLabel?: string;
11
+ successMessage?: string;
12
+ successRedirectSeconds?: number;
13
+ onGoToSignIn?: () => void;
14
+ onSubmit: (values: AuthPasswordResetConfirmFormValues) => unknown | Promise<unknown>;
15
+ };
16
+ export declare function AuthPasswordResetConfirmForm(props: AuthPasswordResetConfirmFormProps): import("react/jsx-runtime").JSX.Element;
17
+ //# sourceMappingURL=AuthPasswordResetConfirmForm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthPasswordResetConfirmForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/AuthPasswordResetConfirmForm.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,kCAAkC,GAAG;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC,kCAAkC,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,kCAAkC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACtF,CAAC;AA8BF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,2CA6OpF"}
@@ -0,0 +1,163 @@
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { zodResolver } from '@hookform/resolvers/zod';
3
+ import ArrowBackOutlinedIcon from '@mui/icons-material/ArrowBackOutlined';
4
+ import LockResetOutlinedIcon from '@mui/icons-material/LockResetOutlined';
5
+ import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
6
+ import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
7
+ import Alert from '@mui/material/Alert';
8
+ import IconButton from '@mui/material/IconButton';
9
+ import InputAdornment from '@mui/material/InputAdornment';
10
+ import _ from 'lodash';
11
+ import { useEffect, useMemo, useState } from 'react';
12
+ import { useForm } from 'react-hook-form';
13
+ import { z } from 'zod';
14
+ import { JBTextField } from '../../../forms';
15
+ import { AuthPrimaryButton, AuthSecondaryButton } from '../../ui';
16
+ import { parseAuthError } from '../errorParser';
17
+ import { getDjangoLikePasswordError } from './passwordValidation';
18
+ const resetSchema = z
19
+ .object({
20
+ uid: z.string().nonempty('El uid es obligatorio'),
21
+ token: z.string().nonempty('El token es obligatorio'),
22
+ newPassword: z.string().superRefine((value, ctx) => {
23
+ if (!value) {
24
+ ctx.addIssue({
25
+ code: z.ZodIssueCode.custom,
26
+ message: 'Debes ingresar tu nueva contraseña'
27
+ });
28
+ return;
29
+ }
30
+ const passwordError = getDjangoLikePasswordError(value);
31
+ if (passwordError) {
32
+ ctx.addIssue({
33
+ code: z.ZodIssueCode.custom,
34
+ message: passwordError
35
+ });
36
+ }
37
+ }),
38
+ newPasswordConfirm: z.string().nonempty('La confirmación de contraseña es obligatoria')
39
+ })
40
+ .refine((data) => data.newPassword === data.newPasswordConfirm, {
41
+ message: 'Las contraseñas deben coincidir',
42
+ path: ['newPasswordConfirm']
43
+ });
44
+ export function AuthPasswordResetConfirmForm(props) {
45
+ const { defaultValues, loading = false, submitLabel = 'Restablecer contraseña', successMessage = 'Contraseña restablecida correctamente. Ya puedes iniciar sesión.', successRedirectSeconds = 5, onGoToSignIn, onSubmit } = props;
46
+ const [redirectSecondsLeft, setRedirectSecondsLeft] = useState(null);
47
+ const [showNewPassword, setShowNewPassword] = useState(false);
48
+ const [showNewPasswordConfirm, setShowNewPasswordConfirm] = useState(false);
49
+ const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
50
+ mode: 'onChange',
51
+ defaultValues: {
52
+ uid: defaultValues?.uid ?? '',
53
+ token: defaultValues?.token ?? '',
54
+ newPassword: defaultValues?.newPassword ?? '',
55
+ newPasswordConfirm: defaultValues?.newPasswordConfirm ?? ''
56
+ },
57
+ resolver: zodResolver(resetSchema)
58
+ });
59
+ const { errors, dirtyFields, isSubmitting, isValid, isSubmitSuccessful } = formState;
60
+ const uidValue = watch('uid');
61
+ const tokenValue = watch('token');
62
+ const hasValidRecoveryLink = Boolean(uidValue?.trim() && tokenValue?.trim());
63
+ const goToSignInLabel = useMemo(() => {
64
+ if (!isSubmitSuccessful) {
65
+ return 'Ir a iniciar sesión';
66
+ }
67
+ if (!redirectSecondsLeft || redirectSecondsLeft <= 0) {
68
+ return 'Ir a iniciar sesión';
69
+ }
70
+ return `Ir a iniciar sesión (${redirectSecondsLeft}s)`;
71
+ }, [isSubmitSuccessful, redirectSecondsLeft]);
72
+ useEffect(() => {
73
+ const subscription = watch((_value, { name }) => {
74
+ if (name) {
75
+ clearErrors(name);
76
+ }
77
+ clearErrors('root');
78
+ });
79
+ return () => {
80
+ subscription.unsubscribe();
81
+ };
82
+ }, [watch, clearErrors]);
83
+ useEffect(() => {
84
+ if (!isSubmitSuccessful || !onGoToSignIn) {
85
+ setRedirectSecondsLeft(null);
86
+ return;
87
+ }
88
+ setRedirectSecondsLeft(successRedirectSeconds);
89
+ const timer = window.setInterval(() => {
90
+ setRedirectSecondsLeft((current) => {
91
+ if (!current || current <= 1) {
92
+ window.clearInterval(timer);
93
+ onGoToSignIn();
94
+ return 0;
95
+ }
96
+ return current - 1;
97
+ });
98
+ }, 1000);
99
+ return () => {
100
+ window.clearInterval(timer);
101
+ };
102
+ }, [isSubmitSuccessful, onGoToSignIn, successRedirectSeconds]);
103
+ async function onSubmitForm(values) {
104
+ try {
105
+ await onSubmit(values);
106
+ }
107
+ catch (error) {
108
+ const parsed = parseAuthError(error);
109
+ const allowedFields = [
110
+ 'uid',
111
+ 'token',
112
+ 'newPassword',
113
+ 'newPasswordConfirm'
114
+ ];
115
+ Object.entries(parsed.fieldErrors).forEach(([field, message]) => {
116
+ if (field === 'uid' || field === 'token') {
117
+ setError('root', {
118
+ type: 'manual',
119
+ message
120
+ });
121
+ return;
122
+ }
123
+ if (allowedFields.includes(field)) {
124
+ setError(field, {
125
+ type: 'manual',
126
+ message
127
+ });
128
+ return;
129
+ }
130
+ setError('root', {
131
+ type: 'manual',
132
+ message
133
+ });
134
+ });
135
+ if (parsed.rootMessage) {
136
+ setError('root', {
137
+ type: 'manual',
138
+ message: parsed.rootMessage
139
+ });
140
+ return;
141
+ }
142
+ if (Object.keys(parsed.fieldErrors).length > 0) {
143
+ const firstFieldError = Object.values(parsed.fieldErrors)[0];
144
+ if (firstFieldError) {
145
+ setError('root', {
146
+ type: 'manual',
147
+ message: firstFieldError
148
+ });
149
+ return;
150
+ }
151
+ }
152
+ setError('root', {
153
+ type: 'manual',
154
+ message: 'No se pudo restablecer la contraseña. Inténtalo de nuevo.'
155
+ });
156
+ }
157
+ }
158
+ return (_jsxs("form", { name: "resetPasswordForm", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmitForm), children: [!isSubmitSuccessful && !hasValidRecoveryLink ? (_jsx(Alert, { sx: { mb: 3 }, severity: "warning", children: "El enlace de recuperaci\u00F3n es inv\u00E1lido o incompleto." })) : null, !isSubmitSuccessful ? (_jsxs(_Fragment, { children: [_jsx(JBTextField, { control: control, name: "newPassword", sx: { mb: 3 }, label: "Nueva contrase\u00F1a", type: showNewPassword ? 'text' : 'password', InputProps: {
159
+ endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showNewPassword ? 'Ocultar contraseña' : 'Mostrar contraseña', onClick: () => setShowNewPassword((prev) => !prev), children: showNewPassword ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
160
+ }, variant: "outlined", required: true, fullWidth: true }), _jsx(JBTextField, { control: control, name: "newPasswordConfirm", sx: { mb: 3 }, label: "Confirmar nueva contrase\u00F1a", type: showNewPasswordConfirm ? 'text' : 'password', InputProps: {
161
+ endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showNewPasswordConfirm ? 'Ocultar confirmación de contraseña' : 'Mostrar confirmación de contraseña', onClick: () => setShowNewPasswordConfirm((prev) => !prev), children: showNewPasswordConfirm ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
162
+ }, variant: "outlined", required: true, fullWidth: true })] })) : null, errors.root?.message && (_jsx(Alert, { sx: { mb: 2 }, severity: "error", children: errors.root.message })), isSubmitSuccessful && (_jsx(Alert, { sx: { mb: 2 }, severity: "success", children: successMessage })), !isSubmitSuccessful ? (_jsx(AuthPrimaryButton, { "aria-label": submitLabel, startIcon: _jsx(LockResetOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || _.isEmpty(dirtyFields) || !isValid || !hasValidRecoveryLink, type: "submit", size: "large", children: submitLabel })) : null, isSubmitSuccessful && onGoToSignIn ? (_jsx(AuthSecondaryButton, { sx: { mt: 2 }, startIcon: _jsx(ArrowBackOutlinedIcon, { fontSize: "small" }), onClick: onGoToSignIn, children: goToSignInLabel })) : null] }));
163
+ }
@@ -0,0 +1,12 @@
1
+ export type AuthResetPasswordFormValues = {
2
+ newPassword: string;
3
+ confirmPassword: string;
4
+ };
5
+ export type AuthResetPasswordFormProps = {
6
+ defaultValues?: Partial<AuthResetPasswordFormValues>;
7
+ loading?: boolean;
8
+ submitLabel?: string;
9
+ onSubmit: (values: AuthResetPasswordFormValues) => void | Promise<void>;
10
+ };
11
+ export declare function AuthResetPasswordForm(props: AuthResetPasswordFormProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=AuthResetPasswordForm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/AuthResetPasswordForm.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzE,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA+CtE"}
@@ -0,0 +1,22 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Button, Stack } from '@mui/material';
3
+ import { useForm } from 'react-hook-form';
4
+ import { JBTextField } from '../../../forms';
5
+ import { getDjangoLikePasswordError } from './passwordValidation';
6
+ export function AuthResetPasswordForm(props) {
7
+ const { defaultValues, loading = false, submitLabel = 'Restablecer contraseña', onSubmit } = props;
8
+ const { control, handleSubmit, watch } = useForm({
9
+ defaultValues: {
10
+ newPassword: defaultValues?.newPassword ?? '',
11
+ confirmPassword: defaultValues?.confirmPassword ?? ''
12
+ }
13
+ });
14
+ const newPasswordValue = watch('newPassword');
15
+ return (_jsx("form", { style: { paddingTop: 4 }, onSubmit: handleSubmit((values) => onSubmit(values)), children: _jsxs(Stack, { spacing: 2, children: [_jsx(JBTextField, { control: control, name: "newPassword", label: "Nueva contrase\u00F1a", type: "password", fullWidth: true, rules: {
16
+ required: 'El password es requerido',
17
+ validate: (value) => getDjangoLikePasswordError(value) ?? true
18
+ } }), _jsx(JBTextField, { control: control, name: "confirmPassword", label: "Confirmar contrase\u00F1a", type: "password", fullWidth: true, rules: {
19
+ required: 'La confirmacion es requerida',
20
+ validate: (value) => value === newPasswordValue || 'Las contraseñas no coinciden'
21
+ } }), _jsx(Button, { variant: "contained", type: "submit", disabled: loading, children: submitLabel })] }) }));
22
+ }
@@ -0,0 +1,4 @@
1
+ export * from './AuthForgotPasswordForm';
2
+ export * from './AuthPasswordResetConfirmForm';
3
+ export * from './AuthResetPasswordForm';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './AuthForgotPasswordForm';
2
+ export * from './AuthPasswordResetConfirmForm';
3
+ export * from './AuthResetPasswordForm';
@@ -0,0 +1,3 @@
1
+ export declare function getDjangoLikePasswordError(password: string): string | null;
2
+ export declare function isPasswordTooSimilar(password: string, candidates: Array<string | undefined | null>): boolean;
3
+ //# sourceMappingURL=passwordValidation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"passwordValidation.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/passwordValidation.ts"],"names":[],"mappings":"AAqBA,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAe1E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,CAa5G"}
@@ -0,0 +1,45 @@
1
+ const COMMON_PASSWORDS = new Set([
2
+ '12345678',
3
+ '123456789',
4
+ 'password',
5
+ 'password123',
6
+ 'qwerty123',
7
+ 'abc12345',
8
+ 'letmein123',
9
+ 'admin1234',
10
+ 'welcome123',
11
+ 'iloveyou123'
12
+ ]);
13
+ function normalize(value) {
14
+ return value
15
+ .normalize('NFD')
16
+ .replace(/[\u0300-\u036f]/g, '')
17
+ .toLowerCase()
18
+ .trim();
19
+ }
20
+ export function getDjangoLikePasswordError(password) {
21
+ if (!password || password.length < 8) {
22
+ return 'La contraseña debe tener al menos 8 caracteres.';
23
+ }
24
+ if (/^\d+$/.test(password)) {
25
+ return 'La contraseña no puede ser completamente numérica.';
26
+ }
27
+ const normalized = normalize(password);
28
+ if (COMMON_PASSWORDS.has(normalized)) {
29
+ return 'La contraseña es demasiado común.';
30
+ }
31
+ return null;
32
+ }
33
+ export function isPasswordTooSimilar(password, candidates) {
34
+ const normalizedPassword = normalize(password);
35
+ if (!normalizedPassword) {
36
+ return false;
37
+ }
38
+ return candidates.some((candidate) => {
39
+ const normalizedCandidate = normalize(candidate ?? '');
40
+ if (normalizedCandidate.length < 3) {
41
+ return false;
42
+ }
43
+ return normalizedPassword.includes(normalizedCandidate);
44
+ });
45
+ }
@@ -0,0 +1,24 @@
1
+ import { SelectOption } from '../../../forms';
2
+ export type AuthOtpSignInFormValues = {
3
+ countryCode: string;
4
+ phone: string;
5
+ code?: string;
6
+ };
7
+ export type AuthOtpSignInFormProps = {
8
+ defaultValues?: Partial<AuthOtpSignInFormValues>;
9
+ countryCodeOptions?: SelectOption<string>[];
10
+ requestRoleSelection?: () => Promise<string | undefined>;
11
+ countryCodes?: string[];
12
+ loading?: boolean;
13
+ onRequestOtp: (values: {
14
+ phone: string;
15
+ }) => unknown | Promise<unknown>;
16
+ onVerifyOtp: (values: {
17
+ phone: string;
18
+ code: string;
19
+ role?: string;
20
+ }) => unknown | Promise<unknown>;
21
+ onBackToPassword?: () => void;
22
+ };
23
+ export declare function AuthOtpSignInForm(props: AuthOtpSignInFormProps): import("react/jsx-runtime").JSX.Element;
24
+ //# sourceMappingURL=AuthOtpSignInForm.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthOtpSignInForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/sign-in/AuthOtpSignInForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA8B,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK1E,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAQF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAuX9D"}