@keycloakify/angular 0.1.3 → 0.1.5

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 (46) hide show
  1. package/bin/84.index.js +10 -5
  2. package/esm2022/login/pages/login-reset-password/login-reset-password.component.mjs +3 -3
  3. package/fesm2022/keycloakify-angular-login-pages-login-reset-password.mjs +2 -2
  4. package/fesm2022/keycloakify-angular-login-pages-login-reset-password.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/bin/eject-page.ts +19 -13
  7. package/src/bin/initialize-account-theme/boilerplate/KcPageStory.ts +1 -1
  8. package/src/login/pages/login-reset-password/login-reset-password.component.html +1 -1
  9. package/stories/account/pages/account.stories.ts +6 -6
  10. package/stories/account/pages/applications.stories.ts +6 -7
  11. package/stories/account/pages/federated-identity.stories.ts +3 -3
  12. package/stories/account/pages/log.stories.ts +6 -6
  13. package/stories/account/pages/password.stories.ts +37 -45
  14. package/stories/account/pages/sessions.stories.ts +6 -6
  15. package/stories/account/pages/totp.stories.ts +2 -2
  16. package/stories/login/pages/code.stories.ts +3 -3
  17. package/stories/login/pages/delete-account-confirm.stories.ts +3 -3
  18. package/stories/login/pages/delete-credential.stories.ts +4 -4
  19. package/stories/login/pages/error.stories.ts +4 -4
  20. package/stories/login/pages/frontchannel-logout.stories.ts +1 -1
  21. package/stories/login/pages/idp-review-user-profile.stories.ts +3 -3
  22. package/stories/login/pages/info.stories.ts +7 -7
  23. package/stories/login/pages/login-config-totp.stories.ts +4 -4
  24. package/stories/login/pages/login-idp-link-confirm.stories.ts +4 -4
  25. package/stories/login/pages/login-idp-link-email.stories.ts +4 -4
  26. package/stories/login/pages/login-oauth-grant.stories.ts +3 -3
  27. package/stories/login/pages/login-otp.stories.ts +4 -4
  28. package/stories/login/pages/login-page-expired.stories.ts +1 -1
  29. package/stories/login/pages/login-password.stories.ts +2 -2
  30. package/stories/login/pages/login-recovery-authn-code-config.stories.ts +1 -1
  31. package/stories/login/pages/login-reset-otp.stories.ts +3 -3
  32. package/stories/login/pages/login-reset-password.stories.ts +2 -2
  33. package/stories/login/pages/login-update-password.stories.ts +2 -2
  34. package/stories/login/pages/login-update-profile.stories.ts +1 -1
  35. package/stories/login/pages/login-username.stories.ts +1 -1
  36. package/stories/login/pages/login-verify-email.stories.ts +4 -4
  37. package/stories/login/pages/login-x509-info.stories.ts +1 -1
  38. package/stories/login/pages/login.stories.ts +14 -14
  39. package/stories/login/pages/logout-confirm.stories.ts +1 -1
  40. package/stories/login/pages/register.stories.ts +13 -13
  41. package/stories/login/pages/select-authenticator.stories.ts +3 -3
  42. package/stories/login/pages/terms.stories.ts +4 -4
  43. package/stories/login/pages/update-email.stories.ts +1 -1
  44. package/stories/login/pages/webauthn-authenticate.stories.ts +4 -4
  45. package/stories/login/pages/webauthn-error.stories.ts +3 -3
  46. package/stories/login/pages/webauthn-register.stories.ts +2 -2
@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
16
16
 
17
17
  export const Default: Story = {
18
18
  globals: {
19
- overrides: {
19
+ kcContext: {
20
20
  totp: {
21
21
  enabled: false,
22
22
  totpSecretEncoded: 'HE4W MSTC OBKU CY2M ONXF OV3Q NYYU I3SH',
@@ -51,7 +51,7 @@ export const Default: Story = {
51
51
 
52
52
  export const WithTotpEnabled: Story = {
53
53
  globals: {
54
- overrides: {
54
+ kcContext: {
55
55
  totp: {
56
56
  enabled: true,
57
57
  totpSecretEncoded: 'G55E MZKC JFUD MQLT MFIF EVSB JFLG M6SO',
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithErrorCode: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  code: {
22
22
  success: false,
23
23
  error: 'Failed to generate code'
@@ -27,7 +27,7 @@ export const WithErrorCode: Story = {
27
27
  };
28
28
  export const WithFrenchLanguage: Story = {
29
29
  globals: {
30
- overrides: {
30
+ kcContext: {
31
31
  locale: {
32
32
  currentLanguageTag: 'fr'
33
33
  },
@@ -41,7 +41,7 @@ export const WithFrenchLanguage: Story = {
41
41
 
42
42
  export const WithHtmlErrorMessage: Story = {
43
43
  globals: {
44
- overrides: {
44
+ kcContext: {
45
45
  code: {
46
46
  success: false,
47
47
  error: "Something went wrong. <a href='https://example.com'>Try again</a>"
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithAIAFlow: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  triggered_from_aia: true,
22
22
  url: { loginAction: '/login-action' }
23
23
  }
@@ -26,7 +26,7 @@ export const WithAIAFlow: Story = {
26
26
 
27
27
  export const WithoutAIAFlow: Story = {
28
28
  globals: {
29
- overrides: {
29
+ kcContext: {
30
30
  triggered_from_aia: false,
31
31
  url: { loginAction: '/login-action' }
32
32
  }
@@ -35,7 +35,7 @@ export const WithoutAIAFlow: Story = {
35
35
 
36
36
  export const WithCustomButtonStyle: Story = {
37
37
  globals: {
38
- overrides: {
38
+ kcContext: {
39
39
  triggered_from_aia: true,
40
40
  url: { loginAction: '/login-action' }
41
41
  }
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithCustomCredentialLabel: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  credentialLabel: 'Test Credential',
22
22
  url: { loginAction: '/login-action' }
23
23
  }
@@ -26,7 +26,7 @@ export const WithCustomCredentialLabel: Story = {
26
26
 
27
27
  export const WithSuccessMessage: Story = {
28
28
  globals: {
29
- overrides: {
29
+ kcContext: {
30
30
  message: {
31
31
  type: 'success',
32
32
  summary: 'Credential has been successfully deleted.'
@@ -37,7 +37,7 @@ export const WithSuccessMessage: Story = {
37
37
 
38
38
  export const WithErrorMessage: Story = {
39
39
  globals: {
40
- overrides: {
40
+ kcContext: {
41
41
  message: {
42
42
  type: 'error',
43
43
  summary: 'Failed to delete the credential. Please try again.'
@@ -48,7 +48,7 @@ export const WithErrorMessage: Story = {
48
48
 
49
49
  export const WithDisabledDeleteButton: Story = {
50
50
  globals: {
51
- overrides: {
51
+ kcContext: {
52
52
  isDeleteButtonDisabled: true,
53
53
  credentialLabel: 'Non-deletable Credential'
54
54
  }
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithAnotherMessage: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  message: { summary: 'With another error message' }
22
22
  }
23
23
  }
@@ -25,7 +25,7 @@ export const WithAnotherMessage: Story = {
25
25
 
26
26
  export const WithHtmlErrorMessage: Story = {
27
27
  globals: {
28
- overrides: {
28
+ kcContext: {
29
29
  message: {
30
30
  summary:
31
31
  "<strong>Error:</strong> Something went wrong. <a href='https://example.com'>Go back</a>"
@@ -36,7 +36,7 @@ export const WithHtmlErrorMessage: Story = {
36
36
 
37
37
  export const FrenchError: Story = {
38
38
  globals: {
39
- overrides: {
39
+ kcContext: {
40
40
  locale: { currentLanguageTag: 'fr' },
41
41
  message: { summary: "Une erreur s'est produite" }
42
42
  }
@@ -45,7 +45,7 @@ export const FrenchError: Story = {
45
45
 
46
46
  export const WithSkipLink: Story = {
47
47
  globals: {
48
- overrides: {
48
+ kcContext: {
49
49
  message: { summary: 'An error occurred' },
50
50
  skipLink: true,
51
51
  client: {
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithoutRedirectUrl: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  logout: {
22
22
  clients: []
23
23
  }
@@ -18,7 +18,7 @@ export const Default: Story = {};
18
18
 
19
19
  export const WithFormValidationErrors: Story = {
20
20
  globals: {
21
- overrides: {
21
+ kcContext: {
22
22
  messagesPerField: {
23
23
  existsError: (fieldName: string) =>
24
24
  ['email', 'firstName'].includes(fieldName),
@@ -34,7 +34,7 @@ export const WithFormValidationErrors: Story = {
34
34
 
35
35
  export const WithReadOnlyFields: Story = {
36
36
  globals: {
37
- overrides: {
37
+ kcContext: {
38
38
  profile: {
39
39
  attributesByName: {
40
40
  email: { value: 'jane.doe@example.com', readOnly: true },
@@ -47,7 +47,7 @@ export const WithReadOnlyFields: Story = {
47
47
 
48
48
  export const WithPrefilledFormFields: Story = {
49
49
  globals: {
50
- overrides: {
50
+ kcContext: {
51
51
  profile: {
52
52
  attributesByName: {
53
53
  firstName: { value: 'Jane' },
@@ -15,7 +15,7 @@ type Story = StoryObj<KcPageStory>;
15
15
 
16
16
  export const Default: Story = {
17
17
  globals: {
18
- overrides: {
18
+ kcContext: {
19
19
  message: {
20
20
  summary: 'Server info message'
21
21
  }
@@ -25,7 +25,7 @@ export const Default: Story = {
25
25
 
26
26
  export const WithLinkBack: Story = {
27
27
  globals: {
28
- overrides: {
28
+ kcContext: {
29
29
  message: {
30
30
  summary: 'Server message'
31
31
  },
@@ -36,7 +36,7 @@ export const WithLinkBack: Story = {
36
36
 
37
37
  export const WithRequiredActions: Story = {
38
38
  globals: {
39
- overrides: {
39
+ kcContext: {
40
40
  message: {
41
41
  summary: 'Required actions: '
42
42
  },
@@ -57,7 +57,7 @@ export const WithRequiredActions: Story = {
57
57
 
58
58
  export const WithPageRedirect: Story = {
59
59
  globals: {
60
- overrides: {
60
+ kcContext: {
61
61
  message: { summary: 'You will be redirected shortly.' },
62
62
  pageRedirectUri: 'https://example.com'
63
63
  }
@@ -66,7 +66,7 @@ export const WithPageRedirect: Story = {
66
66
 
67
67
  export const WithoutClientBaseUrl: Story = {
68
68
  globals: {
69
- overrides: {
69
+ kcContext: {
70
70
  message: { summary: 'No client base URL defined.' },
71
71
  client: { baseUrl: undefined }
72
72
  }
@@ -75,7 +75,7 @@ export const WithoutClientBaseUrl: Story = {
75
75
 
76
76
  export const WithMessageHeader: Story = {
77
77
  globals: {
78
- overrides: {
78
+ kcContext: {
79
79
  messageHeader: 'Important Notice',
80
80
  message: { summary: 'This is an important message.' }
81
81
  }
@@ -84,7 +84,7 @@ export const WithMessageHeader: Story = {
84
84
 
85
85
  export const WithAdvancedMessage: Story = {
86
86
  globals: {
87
- overrides: {
87
+ kcContext: {
88
88
  message: {
89
89
  summary:
90
90
  'Please take note of this <strong>important</strong> information.'
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithManualSetUp: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  mode: 'manual'
22
22
  }
23
23
  }
@@ -25,7 +25,7 @@ export const WithManualSetUp: Story = {
25
25
 
26
26
  export const WithError: Story = {
27
27
  globals: {
28
- overrides: {
28
+ kcContext: {
29
29
  messagesPerField: {
30
30
  get: (fieldName: string) =>
31
31
  fieldName === 'totp' ? 'Invalid TOTP' : undefined,
@@ -40,7 +40,7 @@ export const WithError: Story = {
40
40
 
41
41
  export const WithAppInitiatedAction: Story = {
42
42
  globals: {
43
- overrides: {
43
+ kcContext: {
44
44
  isAppInitiatedAction: true
45
45
  }
46
46
  }
@@ -48,7 +48,7 @@ export const WithAppInitiatedAction: Story = {
48
48
 
49
49
  export const WithPreFilledUserLabel: Story = {
50
50
  globals: {
51
- overrides: {
51
+ kcContext: {
52
52
  totp: {
53
53
  otpCredentials: [{ userLabel: 'MyDevice' }]
54
54
  }
@@ -21,7 +21,7 @@ const meta: Meta<KcPageStory> = {
21
21
  decorators: decorators,
22
22
  globals: {
23
23
  pageId: 'login-idp-link-confirm.ftl',
24
- overrides: {
24
+ kcContext: {
25
25
  kcContext: mockKcContext
26
26
  }
27
27
  }
@@ -47,7 +47,7 @@ export const Default: Story = {};
47
47
  */
48
48
  export const WithIdpAlias: Story = {
49
49
  globals: {
50
- overrides: {
50
+ kcContext: {
51
51
  ...mockKcContext,
52
52
  idpAlias: 'Google',
53
53
  brokerContext: {
@@ -68,7 +68,7 @@ export const WithIdpAlias: Story = {
68
68
  */
69
69
  export const WithCustomRealmDisplayName: Story = {
70
70
  globals: {
71
- overrides: {
71
+ kcContext: {
72
72
  ...mockKcContext,
73
73
  idpAlias: 'Facebook',
74
74
  brokerContext: {
@@ -89,7 +89,7 @@ export const WithCustomRealmDisplayName: Story = {
89
89
  */
90
90
  export const WithFormSubmissionError: Story = {
91
91
  globals: {
92
- overrides: {
92
+ kcContext: {
93
93
  ...mockKcContext,
94
94
  url: {
95
95
  loginAction: '/error'
@@ -20,7 +20,7 @@ const meta: Meta<KcPageStory> = {
20
20
  decorators: decorators,
21
21
  globals: {
22
22
  pageId: 'login-idp-link-email.ftl',
23
- overrides: {
23
+ kcContext: {
24
24
  mockKcContext
25
25
  }
26
26
  }
@@ -46,7 +46,7 @@ export const Default: Story = {};
46
46
  */
47
47
  export const WithIdpAlias: Story = {
48
48
  globals: {
49
- overrides: {
49
+ kcContext: {
50
50
  ...mockKcContext,
51
51
  idpAlias: 'Google',
52
52
  brokerContext: {
@@ -67,7 +67,7 @@ export const WithIdpAlias: Story = {
67
67
  */
68
68
  export const WithCustomRealmDisplayName: Story = {
69
69
  globals: {
70
- overrides: {
70
+ kcContext: {
71
71
  ...mockKcContext,
72
72
  idpAlias: 'Facebook',
73
73
  brokerContext: {
@@ -88,7 +88,7 @@ export const WithCustomRealmDisplayName: Story = {
88
88
  */
89
89
  export const WithFormSubmissionError: Story = {
90
90
  globals: {
91
- overrides: {
91
+ kcContext: {
92
92
  ...mockKcContext,
93
93
  url: {
94
94
  loginAction: '/error'
@@ -36,13 +36,13 @@ type Story = StoryObj<KcPageStory>;
36
36
 
37
37
  export const Default: Story = {
38
38
  globals: {
39
- overrides: mockKcContext
39
+ kcContext: mockKcContext
40
40
  }
41
41
  };
42
42
 
43
43
  export const WithoutScopes: Story = {
44
44
  globals: {
45
- overrides: {
45
+ kcContext: {
46
46
  ...mockKcContext,
47
47
  oauth: {
48
48
  ...mockKcContext.oauth,
@@ -54,7 +54,7 @@ export const WithoutScopes: Story = {
54
54
 
55
55
  export const WithFormSubmissionError: Story = {
56
56
  globals: {
57
- overrides: {
57
+ kcContext: {
58
58
  ...mockKcContext,
59
59
  url: {
60
60
  oauthAction: '/error'
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const MultipleOtpCredentials: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  otpLogin: {
22
22
  userOtpCredentials: [
23
23
  { id: 'credential1', userLabel: 'Device 1' },
@@ -41,7 +41,7 @@ export const MultipleOtpCredentials: Story = {
41
41
 
42
42
  export const WithOtpError: Story = {
43
43
  globals: {
44
- overrides: {
44
+ kcContext: {
45
45
  otpLogin: {
46
46
  userOtpCredentials: []
47
47
  },
@@ -58,7 +58,7 @@ export const WithOtpError: Story = {
58
58
 
59
59
  export const NoOtpCredentials: Story = {
60
60
  globals: {
61
- overrides: {
61
+ kcContext: {
62
62
  otpLogin: {
63
63
  userOtpCredentials: []
64
64
  },
@@ -74,7 +74,7 @@ export const NoOtpCredentials: Story = {
74
74
 
75
75
  export const WithErrorAndMultipleOtpCredentials: Story = {
76
76
  globals: {
77
- overrides: {
77
+ kcContext: {
78
78
  otpLogin: {
79
79
  userOtpCredentials: [
80
80
  { id: 'credential1', userLabel: 'Device 1' },
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithErrorMessage: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  url: {
22
22
  loginRestartFlowUrl: '/mock-restart-flow',
23
23
  loginAction: '/mock-continue-login'
@@ -18,7 +18,7 @@ export const Default: Story = {};
18
18
 
19
19
  export const WithPasswordError: Story = {
20
20
  globals: {
21
- overrides: {
21
+ kcContext: {
22
22
  realm: {
23
23
  resetPasswordAllowed: true
24
24
  },
@@ -36,7 +36,7 @@ export const WithPasswordError: Story = {
36
36
 
37
37
  export const WithoutResetPasswordOption: Story = {
38
38
  globals: {
39
- overrides: {
39
+ kcContext: {
40
40
  realm: {
41
41
  resetPasswordAllowed: false
42
42
  },
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithErrorDuringCodeGeneration: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  url: {
22
22
  loginAction: '/mock-login-action'
23
23
  },
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithoutOtpCredentials: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  url: {
22
22
  loginAction: '/mock-login'
23
23
  },
@@ -34,7 +34,7 @@ export const WithoutOtpCredentials: Story = {
34
34
 
35
35
  export const WithOtpError: Story = {
36
36
  globals: {
37
- overrides: {
37
+ kcContext: {
38
38
  url: {
39
39
  loginAction: '/mock-login'
40
40
  },
@@ -55,7 +55,7 @@ export const WithOtpError: Story = {
55
55
 
56
56
  export const WithOnlyOneOtpCredential: Story = {
57
57
  globals: {
58
- overrides: {
58
+ kcContext: {
59
59
  url: {
60
60
  loginAction: '/mock-login'
61
61
  },
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithEmailAsUsername: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  realm: {
22
22
  loginWithEmailAllowed: true,
23
23
  registrationEmailAsUsername: true
@@ -28,7 +28,7 @@ export const WithEmailAsUsername: Story = {
28
28
 
29
29
  export const WithUsernameError: Story = {
30
30
  globals: {
31
- overrides: {
31
+ kcContext: {
32
32
  realm: {
33
33
  loginWithEmailAllowed: false,
34
34
  registrationEmailAsUsername: false,
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithPasswordError: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  url: {
22
22
  loginAction: '/mock-login-action'
23
23
  },
@@ -32,7 +32,7 @@ export const WithPasswordError: Story = {
32
32
 
33
33
  export const WithPasswordConfirmError: Story = {
34
34
  globals: {
35
- overrides: {
35
+ kcContext: {
36
36
  url: {
37
37
  loginAction: '/mock-login-action'
38
38
  },
@@ -17,7 +17,7 @@ export const Default: Story = {};
17
17
 
18
18
  export const WithProfileError: Story = {
19
19
  globals: {
20
- overrides: {
20
+ kcContext: {
21
21
  url: {
22
22
  loginAction: '/mock-login-action'
23
23
  },
@@ -18,7 +18,7 @@ export const Default: Story = {};
18
18
 
19
19
  export const WithEmailAsUsername: Story = {
20
20
  globals: {
21
- overrides: {
21
+ kcContext: {
22
22
  realm: {
23
23
  loginWithEmailAllowed: true,
24
24
  registrationEmailAsUsername: true
@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
16
16
 
17
17
  export const Default: Story = {
18
18
  globals: {
19
- overrides: {
19
+ kcContext: {
20
20
  message: {
21
21
  summary: 'You need to verify your email to activate your account.',
22
22
  type: 'warning'
@@ -36,7 +36,7 @@ export const Default: Story = {
36
36
  */
37
37
  export const WithSuccessMessage: Story = {
38
38
  globals: {
39
- overrides: {
39
+ kcContext: {
40
40
  message: {
41
41
  summary: 'Your email has been successfully verified.',
42
42
  type: 'success'
@@ -59,7 +59,7 @@ export const WithSuccessMessage: Story = {
59
59
  */
60
60
  export const WithErrorMessage: Story = {
61
61
  globals: {
62
- overrides: {
62
+ kcContext: {
63
63
  message: {
64
64
  summary: 'There was an error verifying your email. Please try again.',
65
65
  type: 'error'
@@ -82,7 +82,7 @@ export const WithErrorMessage: Story = {
82
82
  */
83
83
  export const WithInfoMessage: Story = {
84
84
  globals: {
85
- overrides: {
85
+ kcContext: {
86
86
  message: {
87
87
  summary: 'Please verify your email to continue using our services.',
88
88
  type: 'info'
@@ -24,7 +24,7 @@ export const Default: Story = {};
24
24
  */
25
25
  export const WithoutUserEnabled: Story = {
26
26
  globals: {
27
- overrides: {
27
+ kcContext: {
28
28
  url: {
29
29
  loginAction: '/mock-login-action'
30
30
  },