@keycloakify/angular 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloakify/angular",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "peerDependencies": {
     "keycloakify": "^11.3.16",
     "@angular/core": "^18.0.0",

package/src/bin/initialize-account-theme/boilerplate/KcPageStory.ts

@@ -37,7 +37,7 @@ export const decorators = (_: unknown, context: StoryContextLike) => ({
                 classes: {},
                 kcContext: getKcContextMock({
                     pageId: context.globals['pageId'],
-                    overrides: context.globals['overrides']
+                    overrides: context.globals['kcContext']
                 }),
                 getI18n: getI18n
             })

package/stories/account/pages/account.stories.ts

@@ -18,7 +18,7 @@ export const Default: Story = {};
 
 export const UsernameNotEditable: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             account: {
                 username: 'john_doe',
                 email: 'john.doe@gmail.com',
@@ -45,7 +45,7 @@ export const UsernameNotEditable: Story = {
 
 export const WithValidationErrors: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             account: {
                 username: 'john_doe',
                 email: '',
@@ -73,7 +73,7 @@ export const WithValidationErrors: Story = {
 
 export const EmailAsUsername: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             account: {
                 email: 'john.doe@gmail.com',
                 firstName: 'John',
@@ -98,7 +98,7 @@ export const EmailAsUsername: Story = {
 
 export const WithErrorCode: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             code: {
                 success: false,
                 error: 'Failed to generate code'
@@ -109,7 +109,7 @@ export const WithErrorCode: Story = {
 
 export const WithFrenchLanguage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             locale: {
                 currentLanguageTag: 'fr'
             },
@@ -123,7 +123,7 @@ export const WithFrenchLanguage: Story = {
 
 export const WithHtmlErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             code: {
                 success: false,
                 error: "Something went wrong. <a href='https://example.com'>Try again</a>"

package/stories/account/pages/applications.stories.ts

@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             applications: {
                 applications: [
                     {
@@ -72,7 +72,7 @@ export const Default: Story = {
 
 export const NoAvailableRolesOrGrants: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             applications: {
                 applications: [
                     {
@@ -95,7 +95,7 @@ export const NoAvailableRolesOrGrants: Story = {
 
 export const ConsentNotRequired: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             applications: {
                 applications: [
                     {
@@ -118,7 +118,7 @@ export const ConsentNotRequired: Story = {
 
 export const NoRolesButConsentRequired: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             applications: {
                 applications: [
                     {
@@ -141,7 +141,7 @@ export const NoRolesButConsentRequired: Story = {
 
 export const OnlyResourceRolesAvailable: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             applications: {
                 applications: [
                     {
@@ -173,8 +173,7 @@ export const OnlyResourceRolesAvailable: Story = {
 
 export const NoAdditionalGrants: Story = {
     globals: {
-        overrides: {
-            pageId: 'applications.ftl',
+        kcContext: {
             applications: {
                 applications: [
                     {

package/stories/account/pages/federated-identity.stories.ts

@@ -18,7 +18,7 @@ export const Default: Story = {};
 
 export const NotConnected: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             federatedIdentity: {
                 identities: [
                     {
@@ -35,7 +35,7 @@ export const NotConnected: Story = {
 
 export const RemoveLinkNotPossible: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             federatedIdentity: {
                 identities: [
                     {
@@ -57,7 +57,7 @@ export const RemoveLinkNotPossible: Story = {
 
 export const AddLinkForUnconnectedIdentity: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             federatedIdentity: {
                 identities: [
                     {

package/stories/account/pages/log.stories.ts

@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [
                     {
@@ -48,7 +48,7 @@ export const Default: Story = {
 
 export const LogsMissingDetails: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [
                     {
@@ -66,7 +66,7 @@ export const LogsMissingDetails: Story = {
 
 export const SingleLogEntry: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [
                     {
@@ -87,7 +87,7 @@ export const SingleLogEntry: Story = {
 
 export const LogsWithLongDetails: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [
                     {
@@ -117,7 +117,7 @@ export const LogsWithLongDetails: Story = {
 
 export const EmptyClientField: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [
                     {
@@ -138,7 +138,7 @@ export const EmptyClientField: Story = {
 
 export const NoLogsAvailable: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             log: {
                 events: [] // No log events
             }

package/stories/account/pages/password.stories.ts

@@ -18,10 +18,8 @@ export const Default: Story = {};
 
 export const WithMessage: Story = {
     globals: {
-        overrides: {
-            kcContext: {
-                message: { type: 'success', summary: 'This is a test message' }
-            }
+        kcContext: {
+            message: { type: 'success', summary: 'This is a test message' }
         }
     }
 };
@@ -34,19 +32,17 @@ export const WithMessage: Story = {
  */
 export const FirstTimePasswordSetup: Story = {
     globals: {
-        overrides: {
-            kcContext: {
-                account: {
-                    username: 'john_doe'
-                },
-                password: {
-                    passwordSet: false
-                },
-                url: {
-                    passwordUrl: '/password'
-                },
-                stateChecker: 'state-checker'
-            }
+        kcContext: {
+            account: {
+                username: 'john_doe'
+            },
+            password: {
+                passwordSet: false
+            },
+            url: {
+                passwordUrl: '/password'
+            },
+            stateChecker: 'state-checker'
         }
     }
 };
@@ -59,20 +55,18 @@ export const FirstTimePasswordSetup: Story = {
  */
 export const IncorrectCurrentPassword: Story = {
     globals: {
-        overrides: {
-            kcContext: {
-                message: { type: 'error', summary: 'Incorrect current password.' },
-                account: {
-                    username: 'john_doe'
-                },
-                password: {
-                    passwordSet: true
-                },
-                url: {
-                    passwordUrl: '/password'
-                },
-                stateChecker: 'state-checker'
-            }
+        kcContext: {
+            message: { type: 'error', summary: 'Incorrect current password.' },
+            account: {
+                username: 'john_doe'
+            },
+            password: {
+                passwordSet: true
+            },
+            url: {
+                passwordUrl: '/password'
+            },
+            stateChecker: 'state-checker'
         }
     }
 };
@@ -85,20 +79,18 @@ export const IncorrectCurrentPassword: Story = {
  */
 export const SubmissionSuccessWithRedirect: Story = {
     globals: {
-        overrides: {
-            kcContext: {
-                message: { type: 'success', summary: 'Password successfully changed.' },
-                account: {
-                    username: 'john_doe'
-                },
-                password: {
-                    passwordSet: true
-                },
-                url: {
-                    passwordUrl: '/password'
-                },
-                stateChecker: 'state-checker'
-            }
+        kcContext: {
+            message: { type: 'success', summary: 'Password successfully changed.' },
+            account: {
+                username: 'john_doe'
+            },
+            password: {
+                passwordSet: true
+            },
+            url: {
+                passwordUrl: '/password'
+            },
+            stateChecker: 'state-checker'
         }
     }
 };

package/stories/account/pages/sessions.stories.ts

@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             sessions: {
                 sessions: [
                     {
@@ -44,7 +44,7 @@ export const Default: Story = {
 
 export const WithError: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             url: { passwordUrl: '/auth/realms/keycloakify/account/password' },
             stateChecker: 'xQ7EOgFrLi4EvnJ8dbXKhwFGWk_bkOp0X89mhilt1os',
             message: {
@@ -61,7 +61,7 @@ export const WithError: Story = {
  */
 export const NoActiveSessions: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             sessions: {
                 sessions: []
             },
@@ -76,7 +76,7 @@ export const NoActiveSessions: Story = {
  */
 export const SingleSession: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             sessions: {
                 sessions: [
                     {
@@ -100,7 +100,7 @@ export const SingleSession: Story = {
  */
 export const MultipleClientsSession: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             sessions: {
                 sessions: [
                     {
@@ -124,7 +124,7 @@ export const MultipleClientsSession: Story = {
  */
 export const SessionWithoutClients: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             sessions: {
                 sessions: [
                     {

package/stories/account/pages/totp.stories.ts

@@ -16,7 +16,7 @@ type Story = StoryObj<KcPageStory>;
 
 export const Default: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             totp: {
                 enabled: false,
                 totpSecretEncoded: 'HE4W MSTC OBKU CY2M ONXF OV3Q NYYU I3SH',
@@ -51,7 +51,7 @@ export const Default: Story = {
 
 export const WithTotpEnabled: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             totp: {
                 enabled: true,
                 totpSecretEncoded: 'G55E MZKC JFUD MQLT MFIF EVSB JFLG M6SO',

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

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithErrorCode: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             code: {
                 success: false,
                 error: 'Failed to generate code'
@@ -27,7 +27,7 @@ export const WithErrorCode: Story = {
 };
 export const WithFrenchLanguage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             locale: {
                 currentLanguageTag: 'fr'
             },
@@ -41,7 +41,7 @@ export const WithFrenchLanguage: Story = {
 
 export const WithHtmlErrorMessage: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             code: {
                 success: false,
                 error: "Something went wrong. <a href='https://example.com'>Try again</a>"

package/stories/login/pages/delete-account-confirm.stories.ts

@@ -17,7 +17,7 @@ export const Default: Story = {};
 
 export const WithAIAFlow: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             triggered_from_aia: true,
             url: { loginAction: '/login-action' }
         }
@@ -26,7 +26,7 @@ export const WithAIAFlow: Story = {
 
 export const WithoutAIAFlow: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             triggered_from_aia: false,
             url: { loginAction: '/login-action' }
         }
@@ -35,7 +35,7 @@ export const WithoutAIAFlow: Story = {
 
 export const WithCustomButtonStyle: Story = {
     globals: {
-        overrides: {
+        kcContext: {
             triggered_from_aia: true,
             url: { loginAction: '/login-action' }
         }

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'