@keycloakify/angular 0.0.10 → 0.1.0

package/stories/login/pages/select-authenticator.stories.ts

@@ -0,0 +1,95 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/select-authenticator.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'select-authenticator.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {};
+
+export const WithDifferentAuthenticationMethods: Story = {
+    globals: {
+        overrides: {
+            auth: {
+                authenticationSelections: [
+                    {
+                        authExecId: '25697c4e-0c80-4f2c-8eb7-2c16347e8e8d',
+                        displayName: 'auth-username-password-form-display-name',
+                        helpText: 'auth-username-password-form-help-text',
+                        iconCssClass: 'kcAuthenticatorPasswordClass'
+                    },
+                    {
+                        authExecId: '4cb60872-ce0d-4c8f-a806-e651ed77994b',
+                        displayName: 'webauthn-passwordless-display-name',
+                        helpText: 'webauthn-passwordless-help-text',
+                        iconCssClass: 'kcAuthenticatorWebAuthnPasswordlessClass'
+                    }
+                ]
+            }
+        }
+    }
+};
+
+export const WithRealmTranslations: Story = {
+    globals: {
+        overrides: {
+            auth: {
+                authenticationSelections: [
+                    {
+                        authExecId: 'f0c22855-eda7-4092-8565-0c22f77d2ffb',
+                        displayName: 'home-idp-discovery-display-name',
+                        helpText: 'home-idp-discovery-help-text',
+                        iconCssClass: 'kcAuthenticatorDefaultClass'
+                    },
+                    {
+                        authExecId: '20456f5a-8b2b-45f3-98e0-551dcb27e3e1',
+                        displayName: 'identity-provider-redirctor-display-name',
+                        helpText: 'identity-provider-redirctor-help-text',
+                        iconCssClass: 'kcAuthenticatorDefaultClass'
+                    },
+                    {
+                        authExecId: 'eb435db9-474e-473a-8da7-c184fa510b96',
+                        displayName: 'auth-username-password-form-display-name',
+                        helpText: 'auth-username-password-help-text',
+                        iconCssClass: 'kcAuthenticatorDefaultClass'
+                    }
+                ]
+            },
+            'x-keycloakify': {
+                messages: {
+                    'home-idp-discovery-display-name': 'Home identity provider',
+                    'home-idp-discovery-help-text':
+                        'Sign in via your home identity provider which will be automatically determined based on your provided email address.',
+                    'identity-provider-redirctor-display-name':
+                        'Identity Provider Redirector',
+                    'identity-provider-redirctor-help-text':
+                        'Sign in via your identity provider.',
+                    'auth-username-password-help-text':
+                        'Sign in via your username and password.'
+                }
+            }
+        }
+    }
+};
+
+export const WithoutAuthenticationSelections: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            auth: {
+                authenticationSelections: []
+            }
+        }
+    }
+};

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

@@ -0,0 +1,79 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/terms.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'terms.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {
+    globals: {
+        overrides: {
+            'x-keycloakify': {
+                messages: {
+                    termsText: '<p>My terms in <strong>English</strong></p>'
+                }
+            }
+        }
+    }
+};
+
+export const French: Story = {
+    globals: {
+        overrides: {
+            locale: {
+                currentLanguageTag: 'fr'
+            },
+            'x-keycloakify': {
+                messages: {
+                    termsText: '<p>Mes terme en <strong>Français</strong></p>'
+                }
+            }
+        }
+    }
+};
+
+export const Spanish: Story = {
+    globals: {
+        overrides: {
+            locale: {
+                currentLanguageTag: 'es'
+            },
+            'x-keycloakify': {
+                messages: {
+                    termsText: '<p>Mis términos en <strong>Español</strong></p>'
+                }
+            }
+        }
+    }
+};
+
+export const LongMessage: Story = {
+    globals: {
+        overrides: {
+            'x-keycloakify': {
+                messages: {
+                    termsText: `
+                        <p>These are the terms and conditions. Please read them carefully.</p>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum.</p>
+                        <p>Cras vehicula diam vel metus faucibus, at scelerisque lacus pretium. Donec ac consectetur justo. Morbi in sollicitudin nulla.</p>
+                        <p>Suspendisse potenti. Phasellus pharetra consequat ante, at dictum ligula volutpat a. Quisque ultricies velit nec nulla gravida accumsan.</p>
+                        <p>Curabitur tristique, magna id hendrerit tristique, enim nunc laoreet erat, non accumsan lacus arcu et nulla.</p>
+                        <p>Fusce feugiat nisi orci, in placerat dui luctus ut. Suspendisse in velit eu urna auctor consequat a euismod enim.</p>
+                        <p>Etiam et massa a sapien pharetra mollis. In lacinia quam id libero tincidunt, at egestas felis viverra.</p>
+                        <p>Nunc pulvinar imperdiet facilisis. Curabitur ultricies dictum lectus, nec consectetur metus fringilla id.</p>
+                        <p><strong>Please accept the terms to proceed.</strong></p>
+                    `
+                }
+            }
+        }
+    }
+};

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

@@ -0,0 +1,31 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/update-email.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'update-email.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {};
+
+export const WithAppInitiatedAction: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            messagesPerField: {
+                exists: () => false
+            },
+            isAppInitiatedAction: true
+        }
+    }
+};

package/stories/login/pages/webauthn-authenticate.stories.ts

@@ -0,0 +1,126 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/webauthn-authenticate.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'webauthn-authenticate.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {};
+
+export const WithMultipleAuthenticators: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            authenticators: {
+                authenticators: [
+                    {
+                        credentialId: 'authenticator-1',
+                        label: 'Security Key 1',
+                        transports: {
+                            iconClass: 'kcAuthenticatorUsbIcon',
+                            displayNameProperties: ['USB']
+                        },
+                        createdAt: '2023-01-01'
+                    },
+                    {
+                        credentialId: 'authenticator-2',
+                        label: 'Security Key 2',
+                        transports: {
+                            iconClass: 'kcAuthenticatorNfcIcon',
+                            displayNameProperties: ['NFC']
+                        },
+                        createdAt: '2023-02-01'
+                    }
+                ]
+            },
+            shouldDisplayAuthenticators: true
+        }
+    }
+};
+
+export const WithSingleAuthenticator: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            authenticators: {
+                authenticators: [
+                    {
+                        credentialId: 'authenticator-1',
+                        label: 'My Security Key',
+                        transports: {
+                            iconClass: 'kcAuthenticatorUsbIcon',
+                            displayNameProperties: ['USB']
+                        },
+                        createdAt: '2023-01-01'
+                    }
+                ]
+            },
+            shouldDisplayAuthenticators: true
+        }
+    }
+};
+
+export const WithErrorDuringAuthentication: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            authenticators: {
+                authenticators: [
+                    {
+                        credentialId: 'authenticator-1',
+                        label: 'My Security Key',
+                        transports: {
+                            iconClass: 'kcAuthenticatorUsbIcon',
+                            displayNameProperties: ['USB']
+                        },
+                        createdAt: '2023-01-01'
+                    }
+                ]
+            },
+            shouldDisplayAuthenticators: true,
+            message: {
+                summary: 'An error occurred during WebAuthn authentication.',
+                type: 'error'
+            }
+        }
+    }
+};
+
+export const WithJavaScriptDisabled: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            authenticators: {
+                authenticators: [
+                    {
+                        credentialId: 'authenticator-1',
+                        label: 'My Security Key',
+                        transports: {
+                            iconClass: 'kcAuthenticatorUsbIcon',
+                            displayNameProperties: ['USB']
+                        },
+                        createdAt: '2023-01-01'
+                    }
+                ]
+            },
+            shouldDisplayAuthenticators: true
+        }
+    }
+};

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

@@ -0,0 +1,62 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/webauthn-error.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'webauthn-error.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {};
+
+export const WithRetryAvailable: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            isAppInitiatedAction: false,
+            message: {
+                summary: 'WebAuthn authentication failed. Please try again.',
+                type: 'error'
+            }
+        }
+    }
+};
+
+export const WithAppInitiatedAction: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            isAppInitiatedAction: true,
+            message: {
+                summary: 'WebAuthn authentication failed. You can try again or cancel.',
+                type: 'error'
+            }
+        }
+    }
+};
+
+export const WithJavaScriptDisabled: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            isAppInitiatedAction: false,
+            message: {
+                summary: 'JavaScript is disabled or not working. Please retry manually.',
+                type: 'warning'
+            }
+        }
+    }
+};

package/stories/login/pages/webauthn-register.stories.ts

@@ -0,0 +1,46 @@
+import { Meta, StoryObj } from '@storybook/angular';
+import { decorators, KcPageStory } from '../KcPageStory';
+
+const meta: Meta<KcPageStory> = {
+    title: 'login/webauthn-register.ftl',
+    component: KcPageStory,
+    decorators: decorators,
+    globals: {
+        pageId: 'webauthn-register.ftl'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<KcPageStory>;
+
+export const Default: Story = {};
+
+export const WithRetryAvailable: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            isSetRetry: true,
+            isAppInitiatedAction: false
+        }
+    }
+};
+
+export const WithErrorDuringRegistration: Story = {
+    globals: {
+        overrides: {
+            url: {
+                loginAction: '/mock-login-action'
+            },
+            isSetRetry: false,
+            isAppInitiatedAction: false,
+            message: {
+                summary:
+                    'An error occurred during WebAuthn registration. Please try again.',
+                type: 'error'
+            }
+        }
+    }
+};

package/account/DefaultPage/public-api.d.ts

@@ -1 +0,0 @@
-export * from './DefaultPage';

package/account/KcContext/public-api.d.ts

@@ -1 +0,0 @@
-export * from './KcContext';

package/account/classes/component-reference/public-api.d.ts

@@ -1 +0,0 @@
-export * from './component-reference.class';

package/account/containers/template/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@keycloakify/angular/account/containers/template" />
-export * from './public-api';

package/account/directives/kc-class/public-api.d.ts

@@ -1 +0,0 @@
-export * from './kc-class.directive';

package/account/i18n/public-api.d.ts

@@ -1 +0,0 @@
-export * from './i18n';

package/account/pages/account/public-api.d.ts

@@ -1 +0,0 @@
-export * from './account.component';

package/account/pages/applications/public-api.d.ts

@@ -1 +0,0 @@
-export * from './applications.component';

package/account/pages/federatedIdentity/public-api.d.ts

@@ -1 +0,0 @@
-export * from './federatedIdentity.component';

package/account/pages/log/public-api.d.ts

@@ -1 +0,0 @@
-export * from './log.component';

package/account/pages/password/public-api.d.ts

@@ -1 +0,0 @@
-export * from './password.component';

package/account/pages/sessions/public-api.d.ts

@@ -1 +0,0 @@
-export * from './sessions.component';

package/account/pages/totp/public-api.d.ts

@@ -1 +0,0 @@
-export * from './totp.component';

package/account/providers/keycloakify-angular/public-api.d.ts

@@ -1 +0,0 @@
-export * from './keycloakify-angular.providers';

package/account/public-api.d.ts

@@ -1 +0,0 @@
-export * from './account';

package/account/services/account-resource-injector/public-api.d.ts

@@ -1 +0,0 @@
-export * from './account-resource-injector.service';

package/account/services/i18n/public-api.d.ts

@@ -1 +0,0 @@
-export * from './i18n.service';

package/account/tokens/classes/public-api.d.ts

@@ -1 +0,0 @@
-export * from './classes.token';

package/account/tokens/i18n/public-api.d.ts

@@ -1 +0,0 @@
-export * from './i18n.token';

package/account/tokens/kc-context/public-api.d.ts

@@ -1 +0,0 @@
-export * from './kc-context.token';

package/esm2022/account/DefaultPage/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './DefaultPage';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hY2NvdW50L0RlZmF1bHRQYWdlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL0RlZmF1bHRQYWdlJztcbiJdfQ==

package/esm2022/account/KcContext/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './KcContext';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hY2NvdW50L0tjQ29udGV4dC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9LY0NvbnRleHQnO1xuIl19

package/esm2022/account/classes/component-reference/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './component-reference.class';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hY2NvdW50L2NsYXNzZXMvY29tcG9uZW50LXJlZmVyZW5jZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudC1yZWZlcmVuY2UuY2xhc3MnO1xuIl19

package/esm2022/account/containers/template/keycloakify-angular-account-containers-template.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5Y2xvYWtpZnktYW5ndWxhci1hY2NvdW50LWNvbnRhaW5lcnMtdGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYWNjb3VudC9jb250YWluZXJzL3RlbXBsYXRlL2tleWNsb2FraWZ5LWFuZ3VsYXItYWNjb3VudC1jb250YWluZXJzLXRlbXBsYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/account/containers/template/public-api.mjs

@@ -1,2 +0,0 @@
-export * from './template.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hY2NvdW50L2NvbnRhaW5lcnMvdGVtcGxhdGUvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90ZW1wbGF0ZS5jb21wb25lbnQnO1xuIl19