@keycloakify/angular 0.0.1-rc.20 → 0.0.1-rc.22

package/src/bin/tools/SemVer.ts

@@ -0,0 +1,114 @@
+export type SemVer = {
+    major: number;
+    minor: number;
+    patch: number;
+    rc?: number;
+    parsedFrom: string;
+};
+
+export namespace SemVer {
+    const bumpTypes = ['major', 'minor', 'patch', 'rc', 'no bump'] as const;
+
+    export type BumpType = (typeof bumpTypes)[number];
+
+    export function parse(versionStr: string): SemVer {
+        const match = versionStr.match(
+            /^v?([0-9]+)\.([0-9]+)(?:\.([0-9]+))?(?:-rc.([0-9]+))?$/
+        );
+
+        if (!match) {
+            throw new Error(`${versionStr} is not a valid semantic version`);
+        }
+
+        const semVer: Omit<SemVer, 'parsedFrom'> = {
+            major: parseInt(match[1]),
+            minor: parseInt(match[2]),
+            patch: (() => {
+                const str = match[3];
+
+                return str === undefined ? 0 : parseInt(str);
+            })(),
+            ...(() => {
+                const str = match[4];
+                return str === undefined ? {} : { rc: parseInt(str) };
+            })()
+        };
+
+        const initialStr = stringify(semVer);
+
+        Object.defineProperty(semVer, 'parsedFrom', {
+            enumerable: true,
+            get: function () {
+                const currentStr = stringify(this);
+
+                if (currentStr !== initialStr) {
+                    throw new Error(
+                        `SemVer.parsedFrom can't be read anymore, the version have been modified from ${initialStr} to ${currentStr}`
+                    );
+                }
+
+                return versionStr;
+            }
+        });
+
+        return semVer as any;
+    }
+
+    export function stringify(v: Omit<SemVer, 'parsedFrom'>): string {
+        return `${v.major}.${v.minor}.${v.patch}${v.rc === undefined ? '' : `-rc.${v.rc}`}`;
+    }
+
+    /**
+     *
+     * v1  <  v2  => -1
+     * v1 === v2  => 0
+     * v1  >  v2  => 1
+     *
+     */
+    export function compare(v1: SemVer, v2: SemVer): -1 | 0 | 1 {
+        const sign = (diff: number): -1 | 0 | 1 => (diff === 0 ? 0 : diff < 0 ? -1 : 1);
+        const noUndefined = (n: number | undefined) => n ?? Infinity;
+
+        for (const level of ['major', 'minor', 'patch', 'rc'] as const) {
+            if (noUndefined(v1[level]) !== noUndefined(v2[level])) {
+                return sign(noUndefined(v1[level]) - noUndefined(v2[level]));
+            }
+        }
+
+        return 0;
+    }
+
+    /*
+    console.log(compare(parse("3.0.0-rc.3"), parse("3.0.0")) === -1 )
+    console.log(compare(parse("3.0.0-rc.3"), parse("3.0.0-rc.4")) === -1 )
+    console.log(compare(parse("3.0.0-rc.3"), parse("4.0.0")) === -1 )
+    */
+
+    export function bumpType(params: {
+        versionBehind: string | SemVer;
+        versionAhead: string | SemVer;
+    }): BumpType | 'no bump' {
+        const versionAhead =
+            typeof params.versionAhead === 'string'
+                ? parse(params.versionAhead)
+                : params.versionAhead;
+        const versionBehind =
+            typeof params.versionBehind === 'string'
+                ? parse(params.versionBehind)
+                : params.versionBehind;
+
+        if (compare(versionBehind, versionAhead) === 1) {
+            throw new Error(
+                `Version regression ${stringify(versionBehind)} -> ${stringify(versionAhead)}`
+            );
+        }
+
+        for (const level of ['major', 'minor', 'patch', 'rc'] as const) {
+            if (versionBehind[level] !== versionAhead[level]) {
+                return level;
+            }
+        }
+
+        return 'no bump';
+    }
+}

package/src/bin/tools/String.prototype.replaceAll.ts

@@ -0,0 +1,37 @@
+export function replaceAll(
+    string: string,
+    searchValue: string | RegExp,
+    replaceValue: string
+): string {
+    if ((string as any).replaceAll !== undefined) {
+        return (string as any).replaceAll(searchValue, replaceValue);
+    }
+
+    // If the searchValue is a string
+    if (typeof searchValue === 'string') {
+        // Escape special characters in the string to be used in a regex
+        var escapedSearchValue = searchValue.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        var regex = new RegExp(escapedSearchValue, 'g');
+
+        return string.replace(regex, replaceValue);
+    }
+
+    // If the searchValue is a global RegExp, use it directly
+    if (searchValue instanceof RegExp && searchValue.global) {
+        return string.replace(searchValue, replaceValue);
+    }
+
+    // If the searchValue is a non-global RegExp, throw an error
+    if (searchValue instanceof RegExp) {
+        throw new TypeError('replaceAll must be called with a global RegExp');
+    }
+
+    // Convert searchValue to string if it's not a string or RegExp
+    var searchString = String(searchValue);
+    var regexFromString = new RegExp(
+        searchString.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'),
+        'g'
+    );
+
+    return string.replace(regexFromString, replaceValue);
+}

package/src/bin/tools/crawl.ts

@@ -0,0 +1,35 @@
+import * as fs from 'fs';
+import { join as pathJoin, relative as pathRelative } from 'path';
+
+const crawlRec = (dirPath: string, filePaths: string[]) => {
+    for (const basename of fs.readdirSync(dirPath)) {
+        const fileOrDirPath = pathJoin(dirPath, basename);
+
+        if (fs.lstatSync(fileOrDirPath).isDirectory()) {
+            crawlRec(fileOrDirPath, filePaths);
+
+            continue;
+        }
+
+        filePaths.push(fileOrDirPath);
+    }
+};
+
+/** List all files in a given directory return paths relative to the dir_path */
+export function crawl(params: {
+    dirPath: string;
+    returnedPathsType: 'absolute' | 'relative to dirPath';
+}): string[] {
+    const { dirPath, returnedPathsType } = params;
+
+    const filePaths: string[] = [];
+
+    crawlRec(dirPath, filePaths);
+
+    switch (returnedPathsType) {
+        case 'absolute':
+            return filePaths;
+        case 'relative to dirPath':
+            return filePaths.map(filePath => pathRelative(dirPath, filePath));
+    }
+}

package/src/bin/tools/fs.rmSync.ts

@@ -0,0 +1,34 @@
+import * as fs from 'fs';
+import { join as pathJoin } from 'path';
+import { SemVer } from './SemVer';
+
+/**
+ * Polyfill of fs.rmSync(dirPath, { "recursive": true })
+ * For older version of Node
+ */
+export function rmSync(dirPath: string, options: { recursive: true; force?: true }) {
+    if (SemVer.compare(SemVer.parse(process.version), SemVer.parse('14.14.0')) > 0) {
+        fs.rmSync(dirPath, options);
+        return;
+    }
+
+    const { force = true } = options;
+
+    if (force && !fs.existsSync(dirPath)) {
+        return;
+    }
+
+    const removeDir_rec = (dirPath: string) =>
+        fs.readdirSync(dirPath).forEach(basename => {
+            const fileOrDirPath = pathJoin(dirPath, basename);
+
+            if (fs.lstatSync(fileOrDirPath).isDirectory()) {
+                removeDir_rec(fileOrDirPath);
+                return;
+            } else {
+                fs.unlinkSync(fileOrDirPath);
+            }
+        });
+
+    removeDir_rec(dirPath);
+}

package/src/bin/tools/getThisCodebaseRootDirPath.ts

@@ -0,0 +1,19 @@
+import * as fs from 'fs';
+import * as path from 'path';
+
+function getThisCodebaseRootDirPath_rec(dirPath: string): string {
+    if (fs.existsSync(path.join(dirPath, 'package.json'))) {
+        return dirPath;
+    }
+    return getThisCodebaseRootDirPath_rec(path.join(dirPath, '..'));
+}
+
+let result: string | undefined = undefined;
+
+export function getThisCodebaseRootDirPath(): string {
+    if (result !== undefined) {
+        return result;
+    }
+
+    return (result = getThisCodebaseRootDirPath_rec(__dirname));
+}

package/src/bin/tools/kebabCaseToSnakeCase.ts

@@ -0,0 +1,7 @@
+import { capitalize } from 'tsafe/capitalize';
+
+export function kebabCaseToCamelCase(kebabCaseString: string): string {
+    const [first, ...rest] = kebabCaseString.split('-');
+
+    return [first, ...rest.map(capitalize)].join('');
+}

package/src/bin/tools/transformCodebase.ts

@@ -0,0 +1,88 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { crawl } from './crawl';
+import { rmSync } from '../tools/fs.rmSync';
+
+type TransformSourceCode = (params: {
+    sourceCode: Buffer;
+    filePath: string;
+    fileRelativePath: string;
+}) =>
+    | {
+          modifiedSourceCode: Buffer;
+          newFileName?: string;
+      }
+    | undefined;
+
+/**
+ * Apply a transformation function to every file of directory
+ * If source and destination are the same this function can be used to apply the transformation in place
+ * like filtering out some files or modifying them.
+ * */
+export function transformCodebase(params: {
+    srcDirPath: string;
+    destDirPath: string;
+    transformSourceCode?: TransformSourceCode;
+}) {
+    const { srcDirPath, transformSourceCode } = params;
+
+    const isTargetSameAsSource = path.relative(srcDirPath, params.destDirPath) === '';
+
+    const destDirPath = isTargetSameAsSource
+        ? path.join(srcDirPath, '..', 'tmp_xOsPdkPsTdzPs34sOkHs')
+        : params.destDirPath;
+
+    fs.mkdirSync(destDirPath, {
+        recursive: true
+    });
+
+    for (const fileRelativePath of crawl({
+        dirPath: srcDirPath,
+        returnedPathsType: 'relative to dirPath'
+    })) {
+        const filePath = path.join(srcDirPath, fileRelativePath);
+        const destFilePath = path.join(destDirPath, fileRelativePath);
+
+        // NOTE: Optimization, if we don't need to transform the file, just copy
+        // it using the lower level implementation.
+        if (transformSourceCode === undefined) {
+            fs.mkdirSync(path.dirname(destFilePath), {
+                recursive: true
+            });
+
+            fs.copyFileSync(filePath, destFilePath);
+
+            continue;
+        }
+
+        const transformSourceCodeResult = transformSourceCode({
+            sourceCode: fs.readFileSync(filePath),
+            filePath,
+            fileRelativePath
+        });
+
+        if (transformSourceCodeResult === undefined) {
+            continue;
+        }
+
+        fs.mkdirSync(path.dirname(destFilePath), {
+            recursive: true
+        });
+
+        const { newFileName, modifiedSourceCode } = transformSourceCodeResult;
+
+        fs.writeFileSync(
+            path.join(
+                path.dirname(destFilePath),
+                newFileName ?? path.basename(destFilePath)
+            ),
+            modifiedSourceCode
+        );
+    }
+
+    if (isTargetSameAsSource) {
+        rmSync(srcDirPath, { recursive: true });
+
+        fs.renameSync(destDirPath, srcDirPath);
+    }
+}

package/src/bin/tsconfig.json

@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "sourceMap": false,
+        "newLine": "LF",
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "strict": true,
+        "downlevelIteration": true,
+        "noFallthroughCasesInSwitch": true,
+        "composite": true,
+        "rootDir": ".",
+        "module": "ES2020",
+        "target": "ES2017",
+        "esModuleInterop": true,
+        "lib": ["es2015", "ES2019.Object"],
+        "moduleResolution": "node"
+    },
+    "include": ["**/*.ts"],
+    "exclude": ["initialize-account-theme/boilerplate"]
+}

package/src/bin/update-kc-gen.ts

@@ -0,0 +1,135 @@
+import type { BuildContext } from './core';
+import * as fs from 'fs';
+import { join as pathJoin } from 'path';
+
+export function command(params: { buildContext: BuildContext }) {
+    const { buildContext } = params;
+
+    const filePath = pathJoin(buildContext.themeSrcDirPath, 'kc.gen.ts');
+
+    const currentContent = fs.existsSync(filePath)
+        ? fs.readFileSync(filePath)
+        : undefined;
+
+    const implementedThemeTypes = (['login', 'account'] as const).filter(
+        themeType => buildContext.implementedThemeTypes[themeType].isImplemented
+    );
+
+    const newContent = Buffer.from(
+        [
+            `/* prettier-ignore-start */`,
+            ``,
+            `/* eslint-disable */`,
+            ``,
+            `// noinspection JSUnusedGlobalSymbols`,
+            ``,
+            `// This file is auto-generated by Keycloakify`,
+            ``,
+            `import type { ComponentRef, EnvironmentProviders, Type } from "@angular/core";`,
+            ``,
+            `export type ThemeName = ${buildContext.themeNames.map(themeName => `"${themeName}"`).join(' | ')};`,
+            ``,
+            `export const themeNames: ThemeName[] = [${buildContext.themeNames.map(themeName => `"${themeName}"`).join(', ')}];`,
+            ``,
+            `export type KcEnvName = ${buildContext.environmentVariables.length === 0 ? 'never' : buildContext.environmentVariables.map(({ name }) => `"${name}"`).join(' | ')};`,
+            ``,
+            `export const kcEnvNames: KcEnvName[] = [${buildContext.environmentVariables.map(({ name }) => `"${name}"`).join(', ')}];`,
+            ``,
+            `export const kcEnvDefaults: Record<KcEnvName, string> = ${JSON.stringify(
+                Object.fromEntries(
+                    buildContext.environmentVariables.map(
+                        ({ name, default: defaultValue }) => [name, defaultValue]
+                    )
+                ),
+                null,
+                2
+            )};`,
+            ``,
+            `export type KcContext =`,
+            ...implementedThemeTypes.map(
+                themeType => `    | import("./${themeType}/KcContext").KcContext`
+            ),
+            `    ;`,
+            ``,
+            `declare global {`,
+            `    interface Window {`,
+            `        kcContext?: KcContext;`,
+            `    }`,
+            `}`,
+            ``,
+            `type ApplicationRefLike = {`,
+            `    components: ComponentRef<any>[];`,
+            `};`,
+            ``,
+            `export async function bootstrapKcApplication(params: {`,
+            `    kcContext: KcContext;`,
+            `    bootstrapApplication: (params: {`,
+            `        KcRootComponent: Type<unknown>;`,
+            `        kcProvider: EnvironmentProviders;`,
+            `    }) => Promise<ApplicationRefLike>;`,
+            `}) {`,
+            `    const { kcContext, bootstrapApplication } = params;`,
+            ``,
+            `    switch (kcContext.themeType) {`,
+            ...(['login', 'account'] as const)
+                .filter(
+                    themeType =>
+                        buildContext.implementedThemeTypes[themeType].isImplemented
+                )
+                .map(themeType => [
+                    `        case "${themeType}":`,
+                    `            {`,
+                    `                const [`,
+                    `                    { provideKeycloakifyAngular },`,
+                    `                    { getI18n },`,
+                    `                    {`,
+                    `                        PageComponent,`,
+                    `                        TemplateComponent,`,
+                    `                        doUseDefaultCss,`,
+                    `                        classes,`,
+                    ...(themeType === 'login'
+                        ? [`                        doMakeUserConfirmPassword,`]
+                        : []),
+                    `                    },`,
+                    `                ] = await Promise.all([`,
+                    `                    import('@keycloakify/angular/login/providers/keycloakify-angular'),`,
+                    `                    import('./${themeType}/i18n'),`,
+                    `                    import('./${themeType}/KcPage').then(({ getKcPage }) => getKcPage(kcContext.pageId)),`,
+                    `                ] as const);`,
+                    ``,
+                    `                const appRef = await bootstrapApplication({`,
+                    `                    KcRootComponent: TemplateComponent,`,
+                    `                    kcProvider: provideKeycloakifyAngular({`,
+                    `                        classes,`,
+                    `                        getI18n,`,
+                    `                        doUseDefaultCss,`,
+                    ...(themeType === 'login'
+                        ? [`                        doMakeUserConfirmPassword,`]
+                        : []),
+                    `                    })`,
+                    `                });`,
+                    ``,
+                    `                appRef.components.forEach(componentRef => {`,
+                    `                    if ("page" in componentRef.instance) {`,
+                    `                        componentRef.setInput("page", PageComponent);`,
+                    `                    }`,
+                    `                });`,
+                    `            }`,
+                    `            break;`
+                ])
+                .flat(),
+            `    }`,
+            `}`,
+            ``,
+            `/* prettier-ignore-end */`,
+            ``
+        ].join('\n'),
+        'utf8'
+    );
+
+    if (currentContent !== undefined && currentContent.equals(newContent)) {
+        return;
+    }
+
+    fs.writeFileSync(filePath, newContent);
+}

package/src/index.ts

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

package/src/lib/directives/attributes/index.ts

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

package/src/lib/index.ts

@@ -0,0 +1 @@
+export const KEYCLOAKIFY_ANGULAR_LIB = '@keycloakify/angular/lib';

package/src/lib/models/script/index.ts

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

package/src/lib/pipes/input-type/index.ts

@@ -0,0 +1 @@
+export * from './input-type.pipe';

package/src/lib/pipes/is-array-with-empty-object/index.ts

@@ -0,0 +1 @@
+export * from './is-array-with-empty-object.pipe';

package/src/lib/pipes/kc-sanitize/index.ts

@@ -0,0 +1 @@
+export * from './kc-sanitize.pipe';

package/src/lib/pipes/to-array/index.ts

@@ -0,0 +1 @@
+export * from './to-array.pipe';

package/src/lib/pipes/to-number/index.ts

@@ -0,0 +1 @@
+export * from './to-number.pipe';

package/src/lib/services/resource-injector/index.ts

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

package/src/lib/tokens/use-default-css/index.ts

@@ -0,0 +1 @@
+export * from './use-default-css.token';

package/src/login/classes/component-reference/index.ts

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

package/src/login/components/add-remove-buttons-multi-valued-attribute/add-remove-buttons-multi-valued-attribute.component.ts

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, computed, inject, input, output } f
 import { type FormAction } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { type Attribute } from 'keycloakify/login/KcContext';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     standalone: true,

package/src/login/components/add-remove-buttons-multi-valued-attribute/index.ts

@@ -0,0 +1 @@
+export * from './add-remove-buttons-multi-valued-attribute.component';

package/src/login/components/field-errors/index.ts

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

package/src/login/components/group-label/group-label.component.ts

@@ -7,7 +7,7 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     standalone: true,

package/src/login/components/group-label/index.ts

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

package/src/login/components/input-field-by-type/index.ts

@@ -0,0 +1 @@
+export * from './input-field-by-type.component';

package/src/login/components/input-tag/index.ts

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

package/src/login/components/input-tag/input-tag.component.ts

@@ -8,7 +8,7 @@ import { ComponentReference } from '@keycloakify/angular/login/classes/component
 import { AddRemoveButtonsMultiValuedAttributeComponent } from '@keycloakify/angular/login/components/add-remove-buttons-multi-valued-attribute';
 import { FieldErrorsComponent } from '@keycloakify/angular/login/components/field-errors';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 import { FormAction, FormFieldError } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';

package/src/login/components/input-tag-selects/index.ts

@@ -0,0 +1 @@
+export * from './input-tag-selects.component';

package/src/login/components/input-tag-selects/input-tag-selects.component.ts

@@ -7,7 +7,7 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     standalone: true,

package/src/login/components/logout-other-sessions/index.ts

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

package/src/login/components/logout-other-sessions/logout-other-sessions.component.ts

@@ -5,7 +5,7 @@ import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     selector: 'kc-logout-other-sessions',

package/src/login/components/password-wrapper/index.ts

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

package/src/login/components/password-wrapper/password-wrapper.component.ts

@@ -6,7 +6,7 @@ import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     selector: 'kc-password-wrapper',

package/src/login/components/select-tag/index.ts

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

package/src/login/components/select-tag/select-tag.component.ts

@@ -8,7 +8,7 @@ import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';
 import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
 import { type Attribute } from 'keycloakify/login/KcContext';
 import type { ClassKey } from 'keycloakify/login/lib/kcClsx';
-import type { I18n } from '../../i18n';
+import type { I18n } from '@keycloakify/angular/login/i18n';
 
 @Component({
     standalone: true,

package/src/login/components/textarea-tag/index.ts

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

package/src/login/components/user-profile-form-fields/index.ts

@@ -0,0 +1 @@
+export * from './user-profile-form-fields.component';

package/src/login/components/user-profile-form-fields/user-profile-form-fields.component.ts

@@ -6,8 +6,8 @@ import { FieldErrorsComponent } from '@keycloakify/angular/login/components/fiel
 import { GroupLabelComponent } from '@keycloakify/angular/login/components/group-label';
 import { InputFieldByTypeComponent } from '@keycloakify/angular/login/components/input-field-by-type';
 import { KcClassDirective } from '@keycloakify/angular/login/directives/kc-class';
-import type { I18n } from '../../i18n';
-import type { KcContext } from '../../KcContext';
+import type { I18n } from '@keycloakify/angular/login/i18n';
+import type { KcContext } from '@keycloakify/angular/login/KcContext';
 import { SubmitService } from '@keycloakify/angular/login/services/submit';
 import { type FormAction, UserProfileFormService } from '@keycloakify/angular/login/services/user-profile-form';
 import { LOGIN_CLASSES } from '@keycloakify/angular/login/tokens/classes';