@keycloakify/angular 0.0.1-rc.16 → 0.0.1-rc.18

package/public-api.d.ts

@@ -0,0 +1 @@
+export declare const KEYCLOAKIFY_ANGULAR = "@keycloakify/angular";

package/src/account/DefaultPage.ts

@@ -0,0 +1,61 @@
+import { Type } from '@angular/core';
+import type { ClassKey } from 'keycloakify/account';
+import type { KcContext } from './KcContext';
+
+const DefaultPage = async (
+    pageId: KcContext['pageId'],
+    doUseDefaultCss = true,
+    classes: { [key in ClassKey]?: string } = {}
+): Promise<{
+    ComponentBootstrap: Type<unknown>;
+    doMakeUserConfirmPassword: boolean;
+    doUseDefaultCss: boolean;
+    classes: { [key in ClassKey]?: string };
+}> => {
+    let ComponentBootstrapPromise;
+    switch (pageId) {
+        case 'password.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/password'
+            ).then(c => c.PasswordComponent);
+            break;
+        case 'account.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/account'
+            ).then(c => c.AccountComponent);
+            break;
+        case 'sessions.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/sessions'
+            ).then(c => c.SessionsComponent);
+            break;
+        case 'totp.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/totp'
+            ).then(c => c.TotpComponent);
+            break;
+        case 'applications.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/applications'
+            ).then(c => c.ApplicationsComponent);
+            break;
+        case 'log.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/log'
+            ).then(c => c.LogComponent);
+            break;
+        case 'federatedIdentity.ftl':
+            ComponentBootstrapPromise = import(
+                '@keycloakify/angular/account/pages/federatedIdentity'
+            ).then(c => c.FederatedIdentityComponent);
+            break;
+    }
+    return ComponentBootstrapPromise?.then(ComponentBootstrap => ({
+        ComponentBootstrap,
+        doMakeUserConfirmPassword: false,
+        doUseDefaultCss,
+        classes
+    }));
+};
+
+export { DefaultPage };

package/src/account/KcContext.ts

@@ -0,0 +1 @@
+export type { KcContext } from 'keycloakify/account/KcContext';

package/src/account/containers/template/template.component.html

@@ -49,8 +49,8 @@
                         }
                         @if (!!referrer?.url) {
                             <a
-                                [href]="referrer?.url"
                                 id="referrer"
+                                [href]="referrer?.url"
                             >
                                 {{ i18n.msgStr('backTo', referrer?.name) }}
                             </a>
@@ -119,7 +119,7 @@
                     ></span>
                 </div>
             }
-            <ng-content select="[content]"></ng-content>
+            <ng-content select="[content]" />
         </div>
     </div>
 }

package/src/account/containers/template/template.component.ts

@@ -11,8 +11,8 @@ import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { ClassKey, getKcClsx } from 'keycloakify/account/lib/kcClsx';
 import { Observable } from 'rxjs';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     selector: 'kc-account-template',

package/src/account/i18n.ts

@@ -0,0 +1,4 @@
+import type { GenericI18n_noJsx } from 'keycloakify/account/i18n/noJsx/GenericI18n_noJsx';
+import { type MessageKey as MessageKey_defaultSet } from 'keycloakify/account/i18n/messages_defaultSet/types';
+/** INTERNAL: DO NOT IMPORT THIS */
+export type I18n = GenericI18n_noJsx<MessageKey_defaultSet, string>;

package/src/account/pages/account/account.component.html

@@ -16,9 +16,9 @@
             </div>
         </div>
         <form
-            [action]="url.accountUrl"
             class="form-horizontal"
             method="post"
+            [action]="url.accountUrl"
         >
             <input
                 type="hidden"
@@ -143,17 +143,17 @@
                         }
                         <button
                             type="submit"
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             name="submitAction"
                             value="Save"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doSave') }}
                         </button>
                         <button
                             type="submit"
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             name="submitAction"
                             value="Cancel"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doCancel') }}
                         </button>

package/src/account/pages/account/account.component.ts

@@ -8,8 +8,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/pages/applications/applications.component.html

@@ -10,8 +10,8 @@
             </div>
 
             <form
-                [action]="url.applicationsUrl"
                 method="post"
+                [action]="url.applicationsUrl"
             >
                 <input
                     type="hidden"
@@ -137,9 +137,9 @@
                                     ) {
                                         <button
                                             type="submit"
+                                            name="clientId"
                                             [kcClass]="['kcButtonPrimaryClass', 'kcButtonClass']"
                                             [id]="'revoke-' + application.client.clientId"
-                                            name="clientId"
                                             [value]="application.client.id"
                                         >
                                             {{ i18n.msgStr('revoke') }}

package/src/account/pages/applications/applications.component.ts

@@ -9,8 +9,8 @@ import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-conte
 import { IsArrayWithEmptyObjectPipe } from '@keycloakify/angular/lib/pipes/is-array-with-empty-object';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/pages/federatedIdentity/federatedIdentity.component.html

@@ -15,8 +15,8 @@
                     <div class="row margin-bottom">
                         <div class="col-sm-2 col-md-2">
                             <label
-                                [for]="identity.providerId"
                                 class="control-label"
+                                [for]="identity.providerId"
                             >
                                 {{ identity.displayName }}
                             </label>
@@ -32,9 +32,9 @@
                             @if (identity.connected) {
                                 @if (federatedIdentity.removeLinkPossible) {
                                     <form
-                                        [action]="url.socialUrl"
                                         method="post"
                                         class="form-inline"
+                                        [action]="url.socialUrl"
                                     >
                                         <input
                                             type="hidden"
@@ -52,8 +52,8 @@
                                             [value]="identity.providerId"
                                         />
                                         <button
-                                            [id]="'remove-link-' + identity.providerId"
                                             class="btn btn-default"
+                                            [id]="'remove-link-' + identity.providerId"
                                         >
                                             {{ i18n.msgStr('doRemove') }}
                                         </button>
@@ -61,9 +61,9 @@
                                 }
                             } @else {
                                 <form
-                                    [action]="url.socialUrl"
                                     method="post"
                                     class="form-inline"
+                                    [action]="url.socialUrl"
                                 >
                                     <input
                                         type="hidden"
@@ -81,8 +81,8 @@
                                         [value]="identity.providerId"
                                     />
                                     <button
-                                        [id]="'add-link-' + identity.providerId"
                                         class="btn btn-default"
+                                        [id]="'add-link-' + identity.providerId"
                                     >
                                         {{ i18n.msgStr('doAdd') }}
                                     </button>

package/src/account/pages/federatedIdentity/federatedIdentity.component.ts

@@ -8,8 +8,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/pages/log/log.component.ts

@@ -8,8 +8,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/pages/password/password.component.html

@@ -15,17 +15,17 @@
         </div>
 
         <form
-            [action]="url.passwordUrl"
             class="form-horizontal"
             method="post"
+            [action]="url.passwordUrl"
         >
             <input
                 type="text"
                 id="username"
                 name="username"
-                [value]="account.username ?? ''"
                 autoComplete="username"
                 readOnly
+                [value]="account.username ?? ''"
                 [style.display]="'none'"
             />
 
@@ -115,11 +115,11 @@
                 >
                     <div>
                         <button
-                            [disabled]="newPasswordError() !== '' || newPasswordConfirmError() !== ''"
                             type="submit"
-                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                             name="submitAction"
                             value="Save"
+                            [disabled]="newPasswordError() !== '' || newPasswordConfirmError() !== ''"
+                            [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                         >
                             {{ i18n.msgStr('doSave') }}
                         </button>

package/src/account/pages/password/password.component.ts

@@ -8,8 +8,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,
@@ -42,6 +42,7 @@ export class PasswordComponent extends ComponentReference {
 
     constructor() {
         super();
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         window.kcContext = {
             ...this.kcContext,

package/src/account/pages/sessions/sessions.component.html

@@ -42,8 +42,8 @@
         </table>
 
         <form
-            [action]="url.sessionsUrl"
             method="post"
+            [action]="url.sessionsUrl"
         >
             <input
                 type="hidden"

package/src/account/pages/sessions/sessions.component.ts

@@ -8,8 +8,8 @@ import { ACCOUNT_I18N } from '@keycloakify/angular/account/tokens/i18n';
 import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-context';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/pages/totp/totp.component.html

@@ -40,9 +40,9 @@
                             <td class="provider">{{ credential.userLabel || '' }}</td>
                             <td class="action">
                                 <form
-                                    [action]="url.totpUrl"
                                     method="post"
                                     class="form-inline"
+                                    [action]="url.totpUrl"
                                 >
                                     <input
                                         type="hidden"
@@ -63,8 +63,8 @@
                                         [value]="credential.id"
                                     />
                                     <button
-                                        [id]="'remove-mobile-' + index"
                                         class="btn btn-default"
+                                        [id]="'remove-mobile-' + index"
                                     >
                                         <i class="pficon pficon-delete"></i>
                                     </button>
@@ -95,8 +95,8 @@
                             </p>
                             <p>
                                 <a
-                                    [href]="totp.qrUrl"
                                     id="mode-barcode"
+                                    [href]="totp.qrUrl"
                                 >
                                     {{ i18n.msgStr('totpScanBarcode') }}
                                 </a>
@@ -121,14 +121,14 @@
                             <p>
                                 <img
                                     id="kc-totp-secret-qr-code"
-                                    [src]="'data:image/png;base64, ' + totp.totpSecretQrCode"
                                     alt="Figure: Barcode"
+                                    [src]="'data:image/png;base64, ' + totp.totpSecretQrCode"
                                 />
                             </p>
                             <p>
                                 <a
-                                    [href]="totp.manualUrl"
                                     id="mode-manual"
+                                    [href]="totp.manualUrl"
                                 >
                                     {{ i18n.msgStr('totpUnableToScan') }}
                                 </a>
@@ -142,10 +142,10 @@
                 </ol>
                 <hr />
                 <form
-                    [action]="url.totpUrl"
-                    [kcClass]="'kcFormClass'"
                     id="kc-totp-settings-form"
                     method="post"
+                    [action]="url.totpUrl"
+                    [kcClass]="'kcFormClass'"
                 >
                     <input
                         type="hidden"
@@ -175,8 +175,8 @@
                             @if (messagesPerField.existsError('totp')) {
                                 <span
                                     id="input-error-otp-code"
-                                    [kcClass]="'kcInputErrorMessageClass'"
                                     aria-live="polite"
+                                    [kcClass]="'kcInputErrorMessageClass'"
                                     [innerHTML]="messagesPerField.get('totp') | kcSanitize: 'html'"
                                 ></span>
                             }
@@ -220,8 +220,8 @@
                             @if (messagesPerField.existsError('userLabel')) {
                                 <span
                                     id="input-error-otp-label"
-                                    [kcClass]="'kcInputErrorMessageClass'"
                                     aria-live="polite"
+                                    [kcClass]="'kcInputErrorMessageClass'"
                                     [innerHTML]="messagesPerField.get('userLabel') | kcSanitize: 'html'"
                                 ></span>
                             }
@@ -236,16 +236,16 @@
                         <div [kcClass]="'kcInputWrapperClass'">
                             <input
                                 type="submit"
-                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                                 id="saveTOTPBtn"
+                                [kcClass]="['kcButtonClass', 'kcButtonPrimaryClass', 'kcButtonLargeClass']"
                                 [value]="i18n.msgStr('doSave')"
                             />
                             <button
                                 type="submit"
-                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                                 id="cancelTOTPBtn"
                                 name="submitAction"
                                 value="Cancel"
+                                [kcClass]="['kcButtonClass', 'kcButtonDefaultClass', 'kcButtonLargeClass']"
                             >
                                 {{ i18n.msgStr('doCancel') }}
                             </button>

package/src/account/pages/totp/totp.component.ts

@@ -9,8 +9,8 @@ import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-conte
 import { KcSanitizePipe } from '@keycloakify/angular/lib/pipes/kc-sanitize';
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import type { ClassKey } from 'keycloakify/account';
-import type { I18n } from '@keycloakify/angular/account/i18n';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { I18n } from '../../i18n';
+import type { KcContext } from '../../KcContext';
 
 @Component({
     standalone: true,

package/src/account/providers/keycloakify-angular/keycloakify-angular.providers.ts

@@ -7,7 +7,7 @@ import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-conte
 import { USE_DEFAULT_CSS } from '@keycloakify/angular/lib/tokens/use-default-css';
 import { type KcContextLike } from 'keycloakify/account/i18n/noJsx';
 import type { ClassKey } from 'keycloakify/account/lib/kcClsx';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { KcContext } from '../../KcContext';
 
 export type KeycloakifyAngularAccountConfig = {
     doUseDefaultCss?: boolean;
@@ -24,6 +24,7 @@ export const provideKeycloakifyAngularAccount = (
     makeEnvironmentProviders([
         {
             provide: KC_ACCOUNT_CONTEXT,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             useValue: window.kcContext
         },

package/src/account/services/account-resource-injector/account-resource-injector.service.ts

@@ -3,7 +3,7 @@ import { KC_ACCOUNT_CONTEXT } from '@keycloakify/angular/account/tokens/kc-conte
 import { Script } from '@keycloakify/angular/lib/models/script';
 import { ResourceInjectorService } from '@keycloakify/angular/lib/services/resource-injector';
 import { catchError, forkJoin, of, switchMap } from 'rxjs';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { KcContext } from '../../KcContext';
 
 @Injectable({
     providedIn: 'root'

package/src/account/tokens/kc-context/kc-context.token.ts

@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import type { KcContext } from '@keycloakify/angular/account/KcContext';
+import type { KcContext } from '../../KcContext';
 
 export const KC_ACCOUNT_CONTEXT = new InjectionToken<KcContext>(
     'keycloak account context'