@aws-amplify/ui 6.13.0 → 6.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/esm/helpers/authenticator/facade.mjs +9 -2
  2. package/dist/esm/helpers/authenticator/formFields/defaults.mjs +34 -8
  3. package/dist/esm/helpers/authenticator/getRoute.mjs +8 -0
  4. package/dist/esm/helpers/authenticator/textUtil.mjs +34 -0
  5. package/dist/esm/i18n/dictionaries/authenticator/defaultTexts.mjs +27 -0
  6. package/dist/esm/i18n/dictionaries/authenticator/es.mjs +1 -1
  7. package/dist/esm/i18n/dictionaries/authenticator/fr.mjs +1 -1
  8. package/dist/esm/machines/authenticator/actions.mjs +63 -4
  9. package/dist/esm/machines/authenticator/actors/signIn.mjs +199 -49
  10. package/dist/esm/machines/authenticator/actors/signUp.mjs +81 -27
  11. package/dist/esm/machines/authenticator/defaultServices.mjs +37 -0
  12. package/dist/esm/machines/authenticator/guards.mjs +49 -1
  13. package/dist/esm/machines/authenticator/index.mjs +29 -15
  14. package/dist/esm/machines/authenticator/utils.mjs +58 -6
  15. package/dist/index.js +625 -111
  16. package/dist/styles/StorageBrowser.css +0 -1
  17. package/dist/styles/StorageBrowser.layer.css +0 -1
  18. package/dist/styles/authenticator.css +17 -0
  19. package/dist/styles/authenticator.layer.css +17 -0
  20. package/dist/styles/modal.css +81 -0
  21. package/dist/styles/modal.layer.css +83 -0
  22. package/dist/styles.css +100 -1
  23. package/dist/styles.layer.css +100 -1
  24. package/dist/types/helpers/authenticator/facade.d.ts +6 -2
  25. package/dist/types/helpers/authenticator/textUtil.d.ts +24 -1
  26. package/dist/types/i18n/dictionaries/authenticator/defaultTexts.d.ts +27 -0
  27. package/dist/types/i18n/dictionaries/index.d.ts +27 -0
  28. package/dist/types/i18n/translations.d.ts +27 -0
  29. package/dist/types/machines/authenticator/defaultServices.d.ts +105 -0
  30. package/dist/types/machines/authenticator/types.d.ts +26 -2
  31. package/dist/types/machines/authenticator/utils.d.ts +14 -2
  32. package/dist/types/theme/components/index.d.ts +3 -1
  33. package/dist/types/theme/components/modal.d.ts +10 -0
  34. package/package.json +5 -4
@@ -384,7 +384,6 @@
384
384
  animation-timing-function: linear;
385
385
  animation-name: spin;
386
386
  }
387
-
388
387
  @keyframes spin {
389
388
  0% {
390
389
  transform: rotate(0deg);
@@ -385,7 +385,6 @@
385
385
  animation-timing-function: linear;
386
386
  animation-name: spin;
387
387
  }
388
-
389
388
  @keyframes spin {
390
389
  0% {
391
390
  transform: rotate(0deg);
@@ -69,4 +69,21 @@
69
69
  .amplify-authenticator__federated-button {
70
70
  font-weight: normal;
71
71
  gap: var(--amplify-space-medium);
72
+ }
73
+
74
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
75
+ font-size: var(--amplify-font-sizes-xxxl);
76
+ color: var(--amplify-colors-green-60, #34a853);
77
+ }
78
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
79
+ padding: var(--amplify-space-medium);
80
+ background-color: var(--amplify-colors-background-secondary);
81
+ border-radius: var(--amplify-radii-small);
82
+ }
83
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
84
+ color: var(--amplify-colors-font-error);
85
+ margin-top: var(--amplify-space-small);
86
+ }
87
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
88
+ font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
72
89
  }
@@ -71,4 +71,21 @@
71
71
  font-weight: normal;
72
72
  gap: var(--amplify-space-medium);
73
73
  }
74
+
75
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
76
+ font-size: var(--amplify-font-sizes-xxxl);
77
+ color: var(--amplify-colors-green-60, #34a853);
78
+ }
79
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
80
+ padding: var(--amplify-space-medium);
81
+ background-color: var(--amplify-colors-background-secondary);
82
+ border-radius: var(--amplify-radii-small);
83
+ }
84
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
85
+ color: var(--amplify-colors-font-error);
86
+ margin-top: var(--amplify-space-small);
87
+ }
88
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
89
+ font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
90
+ }
74
91
  }
@@ -0,0 +1,81 @@
1
+ /* Modal component with highest specificity to override global resets */
2
+ .amplify-modal__overlay.amplify-modal__overlay {
3
+ position: fixed;
4
+ top: 0;
5
+ left: 0;
6
+ right: 0;
7
+ bottom: 0;
8
+ background-color: rgba(0, 0, 0, 0.5);
9
+ z-index: 1000;
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ box-sizing: border-box;
14
+ }
15
+
16
+ .amplify-modal__content.amplify-modal__content {
17
+ background-color: var(--amplify-colors-background-primary);
18
+ padding: var(--amplify-space-large);
19
+ border-radius: var(--amplify-radii-medium);
20
+ box-shadow: var(--amplify-shadows-large);
21
+ max-width: 500px;
22
+ width: 90%;
23
+ box-sizing: border-box;
24
+ }
25
+
26
+ .amplify-modal__header.amplify-modal__header {
27
+ margin-bottom: var(--amplify-space-medium);
28
+ display: flex;
29
+ justify-content: space-between;
30
+ align-items: center;
31
+ }
32
+
33
+ .amplify-modal__title.amplify-modal__title {
34
+ font-weight: var(--amplify-font-weights-bold);
35
+ font-size: var(--amplify-font-sizes-large);
36
+ margin: 0;
37
+ }
38
+
39
+ .amplify-modal__close-button.amplify-modal__close-button {
40
+ background: none;
41
+ border: none;
42
+ font-size: var(--amplify-font-sizes-large);
43
+ cursor: pointer;
44
+ padding: var(--amplify-space-xs);
45
+ color: var(--amplify-colors-font-secondary);
46
+ }
47
+
48
+ .amplify-modal__close-button.amplify-modal__close-button:hover {
49
+ color: var(--amplify-colors-font-primary);
50
+ }
51
+
52
+ .amplify-modal__body.amplify-modal__body {
53
+ margin-bottom: var(--amplify-space-medium);
54
+ color: var(--amplify-colors-font-primary);
55
+ }
56
+
57
+ .amplify-modal__footer.amplify-modal__footer {
58
+ display: flex;
59
+ gap: var(--amplify-space-xs);
60
+ justify-content: flex-end;
61
+ }
62
+
63
+ .amplify-modal__list-title.amplify-modal__list-title {
64
+ margin-bottom: var(--amplify-space-xs);
65
+ font-weight: var(--amplify-font-weights-bold);
66
+ box-sizing: border-box;
67
+ }
68
+
69
+ .amplify-modal__list.amplify-modal__list {
70
+ margin: var(--amplify-space-xs) 0;
71
+ padding-left: var(--amplify-space-medium);
72
+ max-height: 250px;
73
+ overflow-y: auto;
74
+ box-sizing: border-box;
75
+ list-style: disc;
76
+ }
77
+
78
+ .amplify-modal__list-item.amplify-modal__list-item {
79
+ margin-bottom: var(--amplify-space-xxs);
80
+ box-sizing: border-box;
81
+ }
@@ -0,0 +1,83 @@
1
+ @layer amplify.components {
2
+ /* Modal component with highest specificity to override global resets */
3
+ .amplify-modal__overlay.amplify-modal__overlay {
4
+ position: fixed;
5
+ top: 0;
6
+ left: 0;
7
+ right: 0;
8
+ bottom: 0;
9
+ background-color: rgba(0, 0, 0, 0.5);
10
+ z-index: 1000;
11
+ display: flex;
12
+ align-items: center;
13
+ justify-content: center;
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ .amplify-modal__content.amplify-modal__content {
18
+ background-color: var(--amplify-colors-background-primary);
19
+ padding: var(--amplify-space-large);
20
+ border-radius: var(--amplify-radii-medium);
21
+ box-shadow: var(--amplify-shadows-large);
22
+ max-width: 500px;
23
+ width: 90%;
24
+ box-sizing: border-box;
25
+ }
26
+
27
+ .amplify-modal__header.amplify-modal__header {
28
+ margin-bottom: var(--amplify-space-medium);
29
+ display: flex;
30
+ justify-content: space-between;
31
+ align-items: center;
32
+ }
33
+
34
+ .amplify-modal__title.amplify-modal__title {
35
+ font-weight: var(--amplify-font-weights-bold);
36
+ font-size: var(--amplify-font-sizes-large);
37
+ margin: 0;
38
+ }
39
+
40
+ .amplify-modal__close-button.amplify-modal__close-button {
41
+ background: none;
42
+ border: none;
43
+ font-size: var(--amplify-font-sizes-large);
44
+ cursor: pointer;
45
+ padding: var(--amplify-space-xs);
46
+ color: var(--amplify-colors-font-secondary);
47
+ }
48
+
49
+ .amplify-modal__close-button.amplify-modal__close-button:hover {
50
+ color: var(--amplify-colors-font-primary);
51
+ }
52
+
53
+ .amplify-modal__body.amplify-modal__body {
54
+ margin-bottom: var(--amplify-space-medium);
55
+ color: var(--amplify-colors-font-primary);
56
+ }
57
+
58
+ .amplify-modal__footer.amplify-modal__footer {
59
+ display: flex;
60
+ gap: var(--amplify-space-xs);
61
+ justify-content: flex-end;
62
+ }
63
+
64
+ .amplify-modal__list-title.amplify-modal__list-title {
65
+ margin-bottom: var(--amplify-space-xs);
66
+ font-weight: var(--amplify-font-weights-bold);
67
+ box-sizing: border-box;
68
+ }
69
+
70
+ .amplify-modal__list.amplify-modal__list {
71
+ margin: var(--amplify-space-xs) 0;
72
+ padding-left: var(--amplify-space-medium);
73
+ max-height: 250px;
74
+ overflow-y: auto;
75
+ box-sizing: border-box;
76
+ list-style: disc;
77
+ }
78
+
79
+ .amplify-modal__list-item.amplify-modal__list-item {
80
+ margin-bottom: var(--amplify-space-xxs);
81
+ box-sizing: border-box;
82
+ }
83
+ }
package/dist/styles.css CHANGED
@@ -3565,6 +3565,23 @@ strong.amplify-text {
3565
3565
  gap: var(--amplify-space-medium);
3566
3566
  }
3567
3567
 
3568
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
3569
+ font-size: var(--amplify-font-sizes-xxxl);
3570
+ color: var(--amplify-colors-green-60, #34a853);
3571
+ }
3572
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
3573
+ padding: var(--amplify-space-medium);
3574
+ background-color: var(--amplify-colors-background-secondary);
3575
+ border-radius: var(--amplify-radii-small);
3576
+ }
3577
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
3578
+ color: var(--amplify-colors-font-error);
3579
+ margin-top: var(--amplify-space-small);
3580
+ }
3581
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
3582
+ font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
3583
+ }
3584
+
3568
3585
  .amplify-avatar {
3569
3586
  --avatar-color: var(--amplify-components-avatar-color);
3570
3587
  --avatar-background-color: var(--amplify-components-avatar-background-color);
@@ -4799,6 +4816,88 @@ html[dir=rtl] .amplify-field-group__inner-start {
4799
4816
  gap: var(--amplify-components-message-dismiss-gap);
4800
4817
  }
4801
4818
 
4819
+ /* Modal component with highest specificity to override global resets */
4820
+ .amplify-modal__overlay.amplify-modal__overlay {
4821
+ position: fixed;
4822
+ top: 0;
4823
+ left: 0;
4824
+ right: 0;
4825
+ bottom: 0;
4826
+ background-color: rgba(0, 0, 0, 0.5);
4827
+ z-index: 1000;
4828
+ display: flex;
4829
+ align-items: center;
4830
+ justify-content: center;
4831
+ box-sizing: border-box;
4832
+ }
4833
+
4834
+ .amplify-modal__content.amplify-modal__content {
4835
+ background-color: var(--amplify-colors-background-primary);
4836
+ padding: var(--amplify-space-large);
4837
+ border-radius: var(--amplify-radii-medium);
4838
+ box-shadow: var(--amplify-shadows-large);
4839
+ max-width: 500px;
4840
+ width: 90%;
4841
+ box-sizing: border-box;
4842
+ }
4843
+
4844
+ .amplify-modal__header.amplify-modal__header {
4845
+ margin-bottom: var(--amplify-space-medium);
4846
+ display: flex;
4847
+ justify-content: space-between;
4848
+ align-items: center;
4849
+ }
4850
+
4851
+ .amplify-modal__title.amplify-modal__title {
4852
+ font-weight: var(--amplify-font-weights-bold);
4853
+ font-size: var(--amplify-font-sizes-large);
4854
+ margin: 0;
4855
+ }
4856
+
4857
+ .amplify-modal__close-button.amplify-modal__close-button {
4858
+ background: none;
4859
+ border: none;
4860
+ font-size: var(--amplify-font-sizes-large);
4861
+ cursor: pointer;
4862
+ padding: var(--amplify-space-xs);
4863
+ color: var(--amplify-colors-font-secondary);
4864
+ }
4865
+
4866
+ .amplify-modal__close-button.amplify-modal__close-button:hover {
4867
+ color: var(--amplify-colors-font-primary);
4868
+ }
4869
+
4870
+ .amplify-modal__body.amplify-modal__body {
4871
+ margin-bottom: var(--amplify-space-medium);
4872
+ color: var(--amplify-colors-font-primary);
4873
+ }
4874
+
4875
+ .amplify-modal__footer.amplify-modal__footer {
4876
+ display: flex;
4877
+ gap: var(--amplify-space-xs);
4878
+ justify-content: flex-end;
4879
+ }
4880
+
4881
+ .amplify-modal__list-title.amplify-modal__list-title {
4882
+ margin-bottom: var(--amplify-space-xs);
4883
+ font-weight: var(--amplify-font-weights-bold);
4884
+ box-sizing: border-box;
4885
+ }
4886
+
4887
+ .amplify-modal__list.amplify-modal__list {
4888
+ margin: var(--amplify-space-xs) 0;
4889
+ padding-left: var(--amplify-space-medium);
4890
+ max-height: 250px;
4891
+ overflow-y: auto;
4892
+ box-sizing: border-box;
4893
+ list-style: disc;
4894
+ }
4895
+
4896
+ .amplify-modal__list-item.amplify-modal__list-item {
4897
+ margin-bottom: var(--amplify-space-xxs);
4898
+ box-sizing: border-box;
4899
+ }
4900
+
4802
4901
  .amplify-pagination {
4803
4902
  list-style-type: none;
4804
4903
  }
@@ -7007,7 +7106,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
7007
7106
  animation-timing-function: linear;
7008
7107
  animation-name: spin;
7009
7108
  }
7010
-
7011
7109
  @keyframes spin {
7012
7110
  0% {
7013
7111
  transform: rotate(0deg);
@@ -7019,6 +7117,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
7019
7117
  transform: rotate(360deg);
7020
7118
  }
7021
7119
  }
7120
+
7022
7121
  .amplify-ai-conversation {
7023
7122
  display: flex;
7024
7123
  flex-direction: column;
@@ -3566,6 +3566,23 @@ strong.amplify-text {
3566
3566
  gap: var(--amplify-space-medium);
3567
3567
  }
3568
3568
 
3569
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
3570
+ font-size: var(--amplify-font-sizes-xxxl);
3571
+ color: var(--amplify-colors-green-60, #34a853);
3572
+ }
3573
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
3574
+ padding: var(--amplify-space-medium);
3575
+ background-color: var(--amplify-colors-background-secondary);
3576
+ border-radius: var(--amplify-radii-small);
3577
+ }
3578
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
3579
+ color: var(--amplify-colors-font-error);
3580
+ margin-top: var(--amplify-space-small);
3581
+ }
3582
+ [data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
3583
+ font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
3584
+ }
3585
+
3569
3586
  .amplify-avatar {
3570
3587
  --avatar-color: var(--amplify-components-avatar-color);
3571
3588
  --avatar-background-color: var(--amplify-components-avatar-background-color);
@@ -4800,6 +4817,88 @@ html[dir=rtl] .amplify-field-group__inner-start {
4800
4817
  gap: var(--amplify-components-message-dismiss-gap);
4801
4818
  }
4802
4819
 
4820
+ /* Modal component with highest specificity to override global resets */
4821
+ .amplify-modal__overlay.amplify-modal__overlay {
4822
+ position: fixed;
4823
+ top: 0;
4824
+ left: 0;
4825
+ right: 0;
4826
+ bottom: 0;
4827
+ background-color: rgba(0, 0, 0, 0.5);
4828
+ z-index: 1000;
4829
+ display: flex;
4830
+ align-items: center;
4831
+ justify-content: center;
4832
+ box-sizing: border-box;
4833
+ }
4834
+
4835
+ .amplify-modal__content.amplify-modal__content {
4836
+ background-color: var(--amplify-colors-background-primary);
4837
+ padding: var(--amplify-space-large);
4838
+ border-radius: var(--amplify-radii-medium);
4839
+ box-shadow: var(--amplify-shadows-large);
4840
+ max-width: 500px;
4841
+ width: 90%;
4842
+ box-sizing: border-box;
4843
+ }
4844
+
4845
+ .amplify-modal__header.amplify-modal__header {
4846
+ margin-bottom: var(--amplify-space-medium);
4847
+ display: flex;
4848
+ justify-content: space-between;
4849
+ align-items: center;
4850
+ }
4851
+
4852
+ .amplify-modal__title.amplify-modal__title {
4853
+ font-weight: var(--amplify-font-weights-bold);
4854
+ font-size: var(--amplify-font-sizes-large);
4855
+ margin: 0;
4856
+ }
4857
+
4858
+ .amplify-modal__close-button.amplify-modal__close-button {
4859
+ background: none;
4860
+ border: none;
4861
+ font-size: var(--amplify-font-sizes-large);
4862
+ cursor: pointer;
4863
+ padding: var(--amplify-space-xs);
4864
+ color: var(--amplify-colors-font-secondary);
4865
+ }
4866
+
4867
+ .amplify-modal__close-button.amplify-modal__close-button:hover {
4868
+ color: var(--amplify-colors-font-primary);
4869
+ }
4870
+
4871
+ .amplify-modal__body.amplify-modal__body {
4872
+ margin-bottom: var(--amplify-space-medium);
4873
+ color: var(--amplify-colors-font-primary);
4874
+ }
4875
+
4876
+ .amplify-modal__footer.amplify-modal__footer {
4877
+ display: flex;
4878
+ gap: var(--amplify-space-xs);
4879
+ justify-content: flex-end;
4880
+ }
4881
+
4882
+ .amplify-modal__list-title.amplify-modal__list-title {
4883
+ margin-bottom: var(--amplify-space-xs);
4884
+ font-weight: var(--amplify-font-weights-bold);
4885
+ box-sizing: border-box;
4886
+ }
4887
+
4888
+ .amplify-modal__list.amplify-modal__list {
4889
+ margin: var(--amplify-space-xs) 0;
4890
+ padding-left: var(--amplify-space-medium);
4891
+ max-height: 250px;
4892
+ overflow-y: auto;
4893
+ box-sizing: border-box;
4894
+ list-style: disc;
4895
+ }
4896
+
4897
+ .amplify-modal__list-item.amplify-modal__list-item {
4898
+ margin-bottom: var(--amplify-space-xxs);
4899
+ box-sizing: border-box;
4900
+ }
4901
+
4803
4902
  .amplify-pagination {
4804
4903
  list-style-type: none;
4805
4904
  }
@@ -7008,7 +7107,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
7008
7107
  animation-timing-function: linear;
7009
7108
  animation-name: spin;
7010
7109
  }
7011
-
7012
7110
  @keyframes spin {
7013
7111
  0% {
7014
7112
  transform: rotate(0deg);
@@ -7020,6 +7118,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
7020
7118
  transform: rotate(360deg);
7021
7119
  }
7022
7120
  }
7121
+
7023
7122
  .amplify-ai-conversation {
7024
7123
  display: flex;
7025
7124
  flex-direction: column;
@@ -7,18 +7,22 @@ import type { Sender } from 'xstate';
7
7
  import type { AuthUser } from 'aws-amplify/auth';
8
8
  import type { FederatedProvider, LoginMechanism, SocialProvider, UnverifiedUserAttributes, ValidationError } from '../../types';
9
9
  import type { AuthEvent, AuthEventData, AuthMachineState, AuthMFAType, ChallengeName, NavigableRoute, V5CodeDeliveryDetails } from '../../machines/authenticator/types';
10
- export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'forgotPassword' | 'setup' | 'signOut' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
10
+ export type AuthenticatorRoute = 'authenticated' | 'confirmResetPassword' | 'confirmSignIn' | 'confirmSignUp' | 'confirmVerifyUser' | 'forceNewPassword' | 'idle' | 'forgotPassword' | 'passkeyPrompt' | 'setup' | 'signInSelectAuthFactor' | 'signOut' | 'selectMfaType' | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' | 'transition' | 'verifyUser';
11
11
  type AuthenticatorValidationErrors = ValidationError;
12
12
  export type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
13
13
  interface AuthenticatorServiceContextFacade {
14
14
  allowedMfaTypes: AuthMFAType[] | undefined;
15
15
  authStatus: AuthStatus;
16
+ availableAuthMethods: string[] | undefined;
16
17
  challengeName: ChallengeName | undefined;
17
18
  codeDeliveryDetails: V5CodeDeliveryDetails;
18
19
  error: string;
19
20
  hasValidationErrors: boolean;
20
21
  isPending: boolean;
22
+ loginMechanism: LoginMechanism | undefined;
23
+ preferredChallenge: string | undefined;
21
24
  route: AuthenticatorRoute;
25
+ selectedAuthMethod: string | undefined;
22
26
  socialProviders: SocialProvider[];
23
27
  totpSecretCode: string | null;
24
28
  unverifiedUserAttributes: UnverifiedUserAttributes;
@@ -26,7 +30,7 @@ interface AuthenticatorServiceContextFacade {
26
30
  username: string;
27
31
  validationErrors: AuthenticatorValidationErrors;
28
32
  }
29
- type SendEventAlias = 'initializeMachine' | 'resendCode' | 'signOut' | 'submitForm' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toForgotPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
33
+ type SendEventAlias = 'initializeMachine' | 'resendCode' | 'selectAuthMethod' | 'signOut' | 'submitForm' | 'toShowAuthMethods' | 'updateForm' | 'updateBlur' | 'toFederatedSignIn' | 'toForgotPassword' | 'toSignIn' | 'toSignUp' | 'skipVerification';
30
34
  type AuthenticatorSendEventAliases = Record<SendEventAlias, (data?: AuthEventData) => void>;
31
35
  export interface AuthenticatorServiceFacade extends AuthenticatorSendEventAliases, AuthenticatorServiceContextFacade {
32
36
  }
@@ -1,4 +1,4 @@
1
- import type { SocialProvider } from '../../types';
1
+ import type { LoginMechanism, SocialProvider } from '../../types';
2
2
  import type { AuthMFAType, ChallengeName, V5CodeDeliveryDetails } from '../../machines/authenticator/types';
3
3
  import type { AuthenticatorRoute } from './facade';
4
4
  export declare const authenticatorTextUtil: {
@@ -8,6 +8,7 @@ export declare const authenticatorTextUtil: {
8
8
  readonly getChangingText: () => string;
9
9
  readonly getConfirmText: () => string;
10
10
  readonly getConfirmingText: () => string;
11
+ readonly getContinueText: () => string;
11
12
  readonly getCopyText: () => string;
12
13
  readonly getHidePasswordText: () => string;
13
14
  readonly getLoadingText: () => string;
@@ -28,6 +29,9 @@ export declare const authenticatorTextUtil: {
28
29
  /** SignUp */
29
30
  readonly getCreatingAccountText: () => string;
30
31
  readonly getCreateAccountText: () => string;
32
+ readonly getCreateAccountWithEmailText: () => string;
33
+ readonly getCreateAccountWithPasswordText: () => string;
34
+ readonly getCreateAccountWithSmsText: () => string;
31
35
  /** ConfirmSignUp */
32
36
  readonly getDeliveryMessageText: (codeDeliveryDetails: V5CodeDeliveryDetails) => string;
33
37
  readonly getDeliveryMethodText: (codeDeliveryDetails: V5CodeDeliveryDetails) => string;
@@ -52,6 +56,25 @@ export declare const authenticatorTextUtil: {
52
56
  readonly getVerifyText: () => string;
53
57
  readonly getVerifyContactText: () => string;
54
58
  readonly getAccountRecoveryInfoText: () => string;
59
+ /** Passwordless */
60
+ readonly getPasskeyPromptHeadingText: () => string;
61
+ readonly getPasskeyPromptDescriptionText: () => string;
62
+ readonly getCreatePasskeyText: () => string;
63
+ readonly getRegisteringText: () => string;
64
+ readonly getContinueWithoutPasskeyText: () => string;
65
+ readonly getPasskeyCreatedSuccessText: () => string;
66
+ readonly getPasskeyRegisteredText: () => string;
67
+ readonly getPasskeyRegistrationFailedText: () => string;
68
+ readonly getPasskeyLabelText: () => string;
69
+ readonly getExistingPasskeysText: () => string;
70
+ readonly getSetupAnotherPasskeyText: () => string;
71
+ readonly getSignInWithPasswordText: () => string;
72
+ readonly getSignInWithEmailText: () => string;
73
+ readonly getSignInWithSmsText: () => string;
74
+ readonly getSignInWithPasskeyText: () => string;
75
+ readonly getOtherSignInOptionsText: () => string;
76
+ readonly getEnterUsernameFirstText: () => string;
77
+ readonly getUsernameLabelByLoginMechanism: (loginMechanism?: LoginMechanism) => string;
55
78
  /** Validations */
56
79
  readonly getInvalidEmailText: () => string;
57
80
  readonly getRequiredFieldText: () => string;
@@ -21,7 +21,13 @@ export declare const defaultTexts: {
21
21
  CONFIRM: string;
22
22
  CONFIRMATION_CODE: string;
23
23
  CONFIRMING: string;
24
+ CONTINUE: string;
25
+ CONTINUE_WITHOUT_PASSKEY: string;
24
26
  CREATE_ACCOUNT: string;
27
+ CREATE_ACCOUNT_WITH_EMAIL_OTP: string;
28
+ CREATE_ACCOUNT_WITH_PASSWORD: string;
29
+ CREATE_ACCOUNT_WITH_SMS_OTP: string;
30
+ CREATE_PASSKEY: string;
25
31
  CREATING_ACCOUNT: string;
26
32
  EMAIL_ADDRESS: string;
27
33
  EMAIL_OTP: string;
@@ -38,6 +44,8 @@ export declare const defaultTexts: {
38
44
  ENTER_PHONE_NUMBER: string;
39
45
  ENTER_PREFERRED_USERNAME: string;
40
46
  ENTER_USERNAME: string;
47
+ ENTER_USERNAME_FIRST: string;
48
+ EXISTING_PASSKEYS: string;
41
49
  FAMILY_NAME: string;
42
50
  GIVEN_NAME: string;
43
51
  FORGOT_PASSWORD: string;
@@ -52,16 +60,30 @@ export declare const defaultTexts: {
52
60
  NICKNAME: string;
53
61
  NEW_PASSWORD: string;
54
62
  OR: string;
63
+ OTHER_SIGN_IN_OPTIONS: string;
64
+ PASSKEY_AUTHENTICATION_CANCELED: string;
65
+ PASSKEY_CREATED_SUCCESS: string;
66
+ PASSKEY_LABEL: string;
67
+ PASSKEY_PROMPT_DESCRIPTION: string;
68
+ PASSKEY_PROMPT_HEADING: string;
69
+ PASSKEY_REGISTERED: string;
70
+ PASSKEY_REGISTRATION_FAILED: string;
55
71
  PASSWORD: string;
72
+ PASSWORDLESS_NOT_ENABLED: string;
56
73
  PHONE_NUMBER: string;
57
74
  PREFERRED_USERNAME: string;
58
75
  PROFILE: string;
76
+ REGISTERING: string;
59
77
  RESEND_CODE: string;
60
78
  RESET_PASSWORD_HEADING: string;
61
79
  RESET_PASSWORD: string;
62
80
  SEND_CODE: string;
81
+ CODE_DELIVERY_FAILED: string;
82
+ VERIFICATION_CODE_EXPIRED: string;
83
+ VERIFICATION_CODE_INVALID: string;
63
84
  SENDING: string;
64
85
  SELECT_MFA_TYPE: string;
86
+ SETUP_ANOTHER_PASSKEY: string;
65
87
  SETUP_EMAIL: string;
66
88
  SETUP_TOTP: string;
67
89
  SHOW_PASSWORD: string;
@@ -69,8 +91,12 @@ export declare const defaultTexts: {
69
91
  SIGN_IN_TAB: string;
70
92
  SIGN_IN_WITH_AMAZON: string;
71
93
  SIGN_IN_WITH_APPLE: string;
94
+ SIGN_IN_WITH_EMAIL: string;
72
95
  SIGN_IN_WITH_FACEBOOK: string;
73
96
  SIGN_IN_WITH_GOOGLE: string;
97
+ SIGN_IN_WITH_PASSKEY: string;
98
+ SIGN_IN_WITH_PASSWORD: string;
99
+ SIGN_IN_WITH_SMS: string;
74
100
  SIGN_IN: string;
75
101
  SIGN_UP_BUTTON: string;
76
102
  SIGNING_IN_BUTTON: string;
@@ -80,6 +106,7 @@ export declare const defaultTexts: {
80
106
  SUBMITTING: string;
81
107
  SOFTWARE_TOKEN_MFA: string;
82
108
  UPPERCASE_COPY: string;
109
+ USERNAME: string;
83
110
  VERIFY_CONTACT: string;
84
111
  VERIFY_HEADING: string;
85
112
  VERIFY: string;