@keycloakify/angular 0.1.2 → 0.1.4

package/stories/login/pages/delete-credential.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithCustomCredentialLabel: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             credentialLabel: 'Test Credential',
             url: { loginAction: '/login-action' }
         }
@@ -26,7 +26,7 @@ export const WithCustomCredentialLabel: Story = {
 
 export const WithSuccessMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 type: 'success',
                 summary: 'Credential has been successfully deleted.'
@@ -37,7 +37,7 @@ export const WithSuccessMessage: Story = {
 
 export const WithErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 type: 'error',
                 summary: 'Failed to delete the credential. Please try again.'
@@ -48,7 +48,7 @@ export const WithErrorMessage: Story = {
 
 export const WithDisabledDeleteButton: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             isDeleteButtonDisabled: true,
             credentialLabel: 'Non-deletable Credential'
         }

package/stories/login/pages/error.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithAnotherMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: { summary: 'With another error message' }
         }
     }
@@ -25,7 +25,7 @@ export const WithAnotherMessage: Story = {
 
 export const WithHtmlErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary:
                     "<strong>Error:</strong> Something went wrong. <a href='https://example.com'>Go back</a>"
@@ -36,7 +36,7 @@ export const WithHtmlErrorMessage: Story = {
 
 export const FrenchError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             locale: { currentLanguageTag: 'fr' },
             message: { summary: "Une erreur s'est produite" }
         }
@@ -45,7 +45,7 @@ export const FrenchError: Story = {
 
 export const WithSkipLink: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: { summary: 'An error occurred' },
             skipLink: true,
             client: {

package/stories/login/pages/frontchannel-logout.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithoutRedirectUrl: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             logout: {
                 clients: []
             }

package/stories/login/pages/idp-review-user-profile.stories.ts

@@ -18,7 +18,7 @@ export const Default: Story = {};
 
 export const WithFormValidationErrors: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             messagesPerField: {
                 existsError: (fieldName: string) =>
                     ['email', 'firstName'].includes(fieldName),
@@ -34,7 +34,7 @@ export const WithFormValidationErrors: Story = {
 
 export const WithReadOnlyFields: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             profile: {
                 attributesByName: {
                     email: { value: 'jane.doe@example.com', readOnly: true },
@@ -47,7 +47,7 @@ export const WithReadOnlyFields: Story = {
 
 export const WithPrefilledFormFields: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             profile: {
                 attributesByName: {
                     firstName: { value: 'Jane' },

package/stories/login/pages/info.stories.ts

@@ -15,7 +15,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'Server info message'
             }
@@ -25,7 +25,7 @@ export const Default: Story = {
 
 export const WithLinkBack: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'Server message'
             },
@@ -36,7 +36,7 @@ export const WithLinkBack: Story = {
 
 export const WithRequiredActions: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'Required actions: '
             },
@@ -57,7 +57,7 @@ export const WithRequiredActions: Story = {
 
 export const WithPageRedirect: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: { summary: 'You will be redirected shortly.' },
             pageRedirectUri: 'https://example.com'
         }
@@ -66,7 +66,7 @@ export const WithPageRedirect: Story = {
 
 export const WithoutClientBaseUrl: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: { summary: 'No client base URL defined.' },
             client: { baseUrl: undefined }
         }
@@ -75,7 +75,7 @@ export const WithoutClientBaseUrl: Story = {
 
 export const WithMessageHeader: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             messageHeader: 'Important Notice',
             message: { summary: 'This is an important message.' }
         }
@@ -84,7 +84,7 @@ export const WithMessageHeader: Story = {
 
 export const WithAdvancedMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary:
                     'Please take note of this <strong>important</strong> information.'

package/stories/login/pages/login-config-totp.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithManualSetUp: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             mode: 'manual'
         }
     }
@@ -25,7 +25,7 @@ export const WithManualSetUp: Story = {
 
 export const WithError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             messagesPerField: {
                 get: (fieldName: string) =>
                     fieldName === 'totp' ? 'Invalid TOTP' : undefined,
@@ -40,7 +40,7 @@ export const WithError: Story = {
 
 export const WithAppInitiatedAction: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             isAppInitiatedAction: true
         }
     }
@@ -48,7 +48,7 @@ export const WithAppInitiatedAction: Story = {
 
 export const WithPreFilledUserLabel: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             totp: {
                 otpCredentials: [{ userLabel: 'MyDevice' }]
             }

package/stories/login/pages/login-idp-link-confirm.stories.ts

@@ -21,7 +21,7 @@ const meta: Meta<KcPageStory> = {
     decorators: decorators,
     globals: {
         pageId: 'login-idp-link-confirm.ftl',
-        overrides: {
+        kcContext: {
             kcContext: mockKcContext
         }
     }
@@ -47,7 +47,7 @@ export const Default: Story = {};
  */
 export const WithIdpAlias: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             idpAlias: 'Google',
             brokerContext: {
@@ -68,7 +68,7 @@ export const WithIdpAlias: Story = {
  */
 export const WithCustomRealmDisplayName: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             idpAlias: 'Facebook',
             brokerContext: {
@@ -89,7 +89,7 @@ export const WithCustomRealmDisplayName: Story = {
  */
 export const WithFormSubmissionError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             url: {
                 loginAction: '/error'

package/stories/login/pages/login-idp-link-email.stories.ts

@@ -20,7 +20,7 @@ const meta: Meta<KcPageStory> = {
     decorators: decorators,
     globals: {
         pageId: 'login-idp-link-email.ftl',
-        overrides: {
+        kcContext: {
             mockKcContext
         }
     }
@@ -46,7 +46,7 @@ export const Default: Story = {};
  */
 export const WithIdpAlias: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             idpAlias: 'Google',
             brokerContext: {
@@ -67,7 +67,7 @@ export const WithIdpAlias: Story = {
  */
 export const WithCustomRealmDisplayName: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             idpAlias: 'Facebook',
             brokerContext: {
@@ -88,7 +88,7 @@ export const WithCustomRealmDisplayName: Story = {
  */
 export const WithFormSubmissionError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             url: {
                 loginAction: '/error'

package/stories/login/pages/login-oauth-grant.stories.ts

@@ -36,13 +36,13 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: mockKcContext
+        kcContext: mockKcContext
     }
 };
 
 export const WithoutScopes: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             oauth: {
                 ...mockKcContext.oauth,
@@ -54,7 +54,7 @@ export const WithoutScopes: Story = {
 
 export const WithFormSubmissionError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             ...mockKcContext,
             url: {
                 oauthAction: '/error'

package/stories/login/pages/login-otp.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const MultipleOtpCredentials: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             otpLogin: {
                 userOtpCredentials: [
                     { id: 'credential1', userLabel: 'Device 1' },
@@ -41,7 +41,7 @@ export const MultipleOtpCredentials: Story = {
 
 export const WithOtpError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             otpLogin: {
                 userOtpCredentials: []
             },
@@ -58,7 +58,7 @@ export const WithOtpError: Story = {
 
 export const NoOtpCredentials: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             otpLogin: {
                 userOtpCredentials: []
             },
@@ -74,7 +74,7 @@ export const NoOtpCredentials: Story = {
 
 export const WithErrorAndMultipleOtpCredentials: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             otpLogin: {
                 userOtpCredentials: [
                     { id: 'credential1', userLabel: 'Device 1' },

package/stories/login/pages/login-page-expired.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginRestartFlowUrl: '/mock-restart-flow',
                 loginAction: '/mock-continue-login'

package/stories/login/pages/login-password.stories.ts

@@ -18,7 +18,7 @@ export const Default: Story = {};
 
 export const WithPasswordError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: {
                 resetPasswordAllowed: true
             },
@@ -36,7 +36,7 @@ export const WithPasswordError: Story = {
 
 export const WithoutResetPasswordOption: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: {
                 resetPasswordAllowed: false
             },

package/stories/login/pages/login-recovery-authn-code-config.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithErrorDuringCodeGeneration: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login-action'
             },

package/stories/login/pages/login-reset-otp.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithoutOtpCredentials: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login'
             },
@@ -34,7 +34,7 @@ export const WithoutOtpCredentials: Story = {
 
 export const WithOtpError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login'
             },
@@ -55,7 +55,7 @@ export const WithOtpError: Story = {
 
 export const WithOnlyOneOtpCredential: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login'
             },

package/stories/login/pages/login-reset-password.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithEmailAsUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: {
                 loginWithEmailAllowed: true,
                 registrationEmailAsUsername: true
@@ -28,7 +28,7 @@ export const WithEmailAsUsername: Story = {
 
 export const WithUsernameError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: {
                 loginWithEmailAllowed: false,
                 registrationEmailAsUsername: false,

package/stories/login/pages/login-update-password.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithPasswordError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login-action'
             },
@@ -32,7 +32,7 @@ export const WithPasswordError: Story = {
 
 export const WithPasswordConfirmError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login-action'
             },

package/stories/login/pages/login-update-profile.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithProfileError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login-action'
             },

package/stories/login/pages/login-username.stories.ts

@@ -18,7 +18,7 @@ export const Default: Story = {};
 
 export const WithEmailAsUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: {
                 loginWithEmailAllowed: true,
                 registrationEmailAsUsername: true

package/stories/login/pages/login-verify-email.stories.ts

@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'You need to verify your email to activate your account.',
                 type: 'warning'
@@ -36,7 +36,7 @@ export const Default: Story = {
  */
 export const WithSuccessMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'Your email has been successfully verified.',
                 type: 'success'
@@ -59,7 +59,7 @@ export const WithSuccessMessage: Story = {
  */
 export const WithErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'There was an error verifying your email. Please try again.',
                 type: 'error'
@@ -82,7 +82,7 @@ export const WithErrorMessage: Story = {
  */
 export const WithInfoMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary: 'Please verify your email to continue using our services.',
                 type: 'info'

package/stories/login/pages/login-x509-info.stories.ts

@@ -24,7 +24,7 @@ export const Default: Story = {};
  */
 export const WithoutUserEnabled: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 loginAction: '/mock-login-action'
             },

package/stories/login/pages/login.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithInvalidCredential: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             login: {
                 username: 'johndoe'
             },
@@ -40,7 +40,7 @@ export const WithInvalidCredential: Story = {
 
 export const WithoutRegistration: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: { registrationAllowed: false }
         }
     }
@@ -48,7 +48,7 @@ export const WithoutRegistration: Story = {
 
 export const WithoutRememberMe: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: { rememberMe: false }
         }
     }
@@ -56,7 +56,7 @@ export const WithoutRememberMe: Story = {
 
 export const WithoutPasswordReset: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: { resetPasswordAllowed: false }
         }
     }
@@ -64,7 +64,7 @@ export const WithoutPasswordReset: Story = {
 
 export const WithEmailAsUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: { loginWithEmailAllowed: false }
         }
     }
@@ -72,7 +72,7 @@ export const WithEmailAsUsername: Story = {
 
 export const WithPresetUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             login: { username: 'max.mustermann@mail.com' }
         }
     }
@@ -80,7 +80,7 @@ export const WithPresetUsername: Story = {
 
 export const WithImmutablePresetUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             auth: {
                 attemptedUsername: 'max.mustermann@mail.com',
                 showUsername: true
@@ -96,7 +96,7 @@ export const WithImmutablePresetUsername: Story = {
 
 export const WithSocialProviders: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             social: {
                 displayInfo: true,
                 providers: [
@@ -136,7 +136,7 @@ export const WithSocialProviders: Story = {
 
 export const WithoutPasswordField: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             realm: { password: false }
         }
     }
@@ -144,7 +144,7 @@ export const WithoutPasswordField: Story = {
 
 export const WithErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             message: {
                 summary:
                     'The time allotted for the connection has elapsed.<br/>The login process will restart from the beginning.',
@@ -156,7 +156,7 @@ export const WithErrorMessage: Story = {
 
 export const WithOneSocialProvider: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             social: {
                 displayInfo: true,
                 providers: [
@@ -175,7 +175,7 @@ export const WithOneSocialProvider: Story = {
 
 export const WithTwoSocialProviders: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             social: {
                 displayInfo: true,
                 providers: [
@@ -201,7 +201,7 @@ export const WithTwoSocialProviders: Story = {
 
 export const WithMoreThanTwoSocialProviders: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             social: {
                 displayInfo: true,
                 providers: [
@@ -241,7 +241,7 @@ export const WithMoreThanTwoSocialProviders: Story = {
 
 export const WithSocialProvidersAndWithoutRememberMe: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             social: {
                 displayInfo: true,
                 providers: [

package/stories/login/pages/logout-confirm.stories.ts

@@ -24,7 +24,7 @@ export const Default: Story = {};
  */
 export const WithCustomLogoutMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: {
                 logoutConfirmAction: '/mock-logout-action'
             },