keycloakify 6.0.0-beta.2 → 6.0.0-beta.8

package/lib/components/Login.js

@@ -1,93 +1,73 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Login = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var tss_react_1 = require("tss-react");
-var useConstCallback_1 = require("powerhooks/useConstCallback");
-exports.Login = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var social = kcContext.social, realm = kcContext.realm, url = kcContext.url, usernameEditDisabled = kcContext.usernameEditDisabled, login = kcContext.login, auth = kcContext.auth, registrationDisabled = kcContext.registrationDisabled;
-    var _b = useI18n(), msg = _b.msg, msgStr = _b.msgStr;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    var _c = __read((0, react_1.useState)(false), 2), isLoginButtonDisabled = _c[0], setIsLoginButtonDisabled = _c[1];
-    var onSubmit = (0, useConstCallback_1.useConstCallback)(function (e) {
-        var _a;
+import React, { useState, memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+import { useConstCallback } from "powerhooks/useConstCallback";
+const Login = memo(({ kcContext, i18n, ...props }) => {
+    const { social, realm, url, usernameEditDisabled, login, auth, registrationDisabled } = kcContext;
+    const { msg, msgStr } = i18n;
+    const { cx } = useCssAndCx();
+    const [isLoginButtonDisabled, setIsLoginButtonDisabled] = useState(false);
+    const onSubmit = useConstCallback(e => {
         e.preventDefault();
         setIsLoginButtonDisabled(true);
-        var formElement = e.target;
+        const formElement = e.target;
         //NOTE: Even if we login with email Keycloak expect username and password in
         //the POST request.
-        (_a = formElement.querySelector("input[name='email']")) === null || _a === void 0 ? void 0 : _a.setAttribute("name", "username");
+        formElement.querySelector("input[name='email']")?.setAttribute("name", "username");
         formElement.submit();
     });
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-form", className: cx(realm.password && social.providers !== undefined && props.kcContentWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-wrapper", className: cx(realm.password && social.providers && [props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass]) }, { children: realm.password && ((0, jsx_runtime_1.jsxs)("form", __assign({ id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: (function () {
-                                    var _a;
-                                    var label = !realm.loginWithEmailAllowed
-                                        ? "username"
-                                        : realm.registrationEmailAsUsername
-                                            ? "email"
-                                            : "usernameOrEmail";
-                                    var autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
-                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: autoCompleteHelper, className: cx(props.kcLabelClass) }, { children: msg(label) }), void 0), (0, jsx_runtime_1.jsx)("input", __assign({ tabIndex: 1, id: autoCompleteHelper, className: cx(props.kcInputClass), 
-                                                //NOTE: This is used by Google Chrome auto fill so we use it to tell
-                                                //the browser how to pre fill the form but before submit we put it back
-                                                //to username because it is what keycloak expects.
-                                                name: autoCompleteHelper, defaultValue: (_a = login.username) !== null && _a !== void 0 ? _a : "", type: "text" }, (usernameEditDisabled
-                                                ? { "disabled": true }
-                                                : {
-                                                    "autoFocus": true,
-                                                    "autoComplete": "off",
-                                                })), void 0)] }, void 0));
-                                })() }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "password", className: cx(props.kcLabelClass) }, { children: msg("password") }), void 0), (0, jsx_runtime_1.jsx)("input", { tabIndex: 2, id: "password", className: cx(props.kcInputClass), name: "password", type: "password", autoComplete: "off" }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass, props.kcFormSettingClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-options" }, { children: realm.rememberMe && !usernameEditDisabled && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "checkbox" }, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", __assign({ tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox" }, (login.rememberMe
-                                                        ? {
-                                                            "checked": true,
-                                                        }
-                                                        : {})), void 0), msg("rememberMe")] }, void 0) }), void 0)) }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcFormOptionsWrapperClass) }, { children: realm.resetPasswordAllowed && ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("a", __assign({ tabIndex: 5, href: url.loginResetCredentialsUrl }, { children: msg("doForgotPassword") }), void 0) }, void 0)) }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-form-buttons", className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: "hidden", id: "id-hidden-input", name: "credentialId" }, ((auth === null || auth === void 0 ? void 0 : auth.selectedCredential) !== undefined
-                                        ? {
-                                            "value": auth.selectedCredential,
-                                        }
-                                        : {})), void 0), (0, jsx_runtime_1.jsx)("input", { tabIndex: 4, className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }, void 0)] }), void 0)] }), void 0)) }), void 0), realm.password && social.providers !== undefined && ((0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-social-providers", className: cx(props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass) }, { children: (0, jsx_runtime_1.jsx)("ul", __assign({ className: cx(props.kcFormSocialAccountListClass, social.providers.length > 4 && props.kcFormSocialAccountDoubleListClass) }, { children: social.providers.map(function (p) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: cx(props.kcFormSocialAccountListLinkClass) }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: p.loginUrl, id: "zocial-" + p.alias, className: cx("zocial", p.providerId) }, { children: (0, jsx_runtime_1.jsx)("span", { children: p.displayName }, void 0) }), void 0) }), p.providerId)); }) }), void 0) }), void 0))] }), void 0), infoNode: realm.password &&
+    return (React.createElement(Template, { ...{ kcContext, i18n, ...props }, doFetchDefaultThemeResources: true, displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: React.createElement("div", { id: "kc-form", className: cx(realm.password && social.providers !== undefined && props.kcContentWrapperClass) },
+            React.createElement("div", { id: "kc-form-wrapper", className: cx(realm.password && social.providers && [props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass]) }, realm.password && (React.createElement("form", { id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" },
+                React.createElement("div", { className: cx(props.kcFormGroupClass) }, (() => {
+                    const label = !realm.loginWithEmailAllowed
+                        ? "username"
+                        : realm.registrationEmailAsUsername
+                            ? "email"
+                            : "usernameOrEmail";
+                    const autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("label", { htmlFor: autoCompleteHelper, className: cx(props.kcLabelClass) }, msg(label)),
+                        React.createElement("input", { tabIndex: 1, id: autoCompleteHelper, className: cx(props.kcInputClass), 
+                            //NOTE: This is used by Google Chrome auto fill so we use it to tell
+                            //the browser how to pre fill the form but before submit we put it back
+                            //to username because it is what keycloak expects.
+                            name: autoCompleteHelper, defaultValue: login.username ?? "", type: "text", ...(usernameEditDisabled
+                                ? { "disabled": true }
+                                : {
+                                    "autoFocus": true,
+                                    "autoComplete": "off"
+                                }) })));
+                })()),
+                React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                    React.createElement("label", { htmlFor: "password", className: cx(props.kcLabelClass) }, msg("password")),
+                    React.createElement("input", { tabIndex: 2, id: "password", className: cx(props.kcInputClass), name: "password", type: "password", autoComplete: "off" })),
+                React.createElement("div", { className: cx(props.kcFormGroupClass, props.kcFormSettingClass) },
+                    React.createElement("div", { id: "kc-form-options" }, realm.rememberMe && !usernameEditDisabled && (React.createElement("div", { className: "checkbox" },
+                        React.createElement("label", null,
+                            React.createElement("input", { tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox", ...(login.rememberMe
+                                    ? {
+                                        "checked": true
+                                    }
+                                    : {}) }),
+                            msg("rememberMe"))))),
+                    React.createElement("div", { className: cx(props.kcFormOptionsWrapperClass) }, realm.resetPasswordAllowed && (React.createElement("span", null,
+                        React.createElement("a", { tabIndex: 5, href: url.loginResetCredentialsUrl }, msg("doForgotPassword")))))),
+                React.createElement("div", { id: "kc-form-buttons", className: cx(props.kcFormGroupClass) },
+                    React.createElement("input", { type: "hidden", id: "id-hidden-input", name: "credentialId", ...(auth?.selectedCredential !== undefined
+                            ? {
+                                "value": auth.selectedCredential
+                            }
+                            : {}) }),
+                    React.createElement("input", { tabIndex: 4, className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }))))),
+            realm.password && social.providers !== undefined && (React.createElement("div", { id: "kc-social-providers", className: cx(props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass) },
+                React.createElement("ul", { className: cx(props.kcFormSocialAccountListClass, social.providers.length > 4 && props.kcFormSocialAccountDoubleListClass) }, social.providers.map(p => (React.createElement("li", { key: p.providerId, className: cx(props.kcFormSocialAccountListLinkClass) },
+                    React.createElement("a", { href: p.loginUrl, id: `zocial-${p.alias}`, className: cx("zocial", p.providerId) },
+                        React.createElement("span", null, p.displayName))))))))), infoNode: realm.password &&
             realm.registrationAllowed &&
-            !registrationDisabled && ((0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-registration" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [msg("noAccount"), (0, jsx_runtime_1.jsx)("a", __assign({ tabIndex: 6, href: url.registrationUrl }, { children: msg("doRegister") }), void 0)] }, void 0) }), void 0)) }), void 0));
+            !registrationDisabled && (React.createElement("div", { id: "kc-registration" },
+            React.createElement("span", null,
+                msg("noAccount"),
+                React.createElement("a", { tabIndex: 6, href: url.registrationUrl }, msg("doRegister"))))) }));
 });
+export default Login;
 //# sourceMappingURL=Login.js.map

package/lib/components/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../src/lib/components/Login.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../../src/lib/components/Login.tsx"],"names":[],"mappings":"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"}

package/lib/components/LoginConfigTotp.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { KcProps } from "./KcProps";
+import type { KcContextBase } from "../getKcContext/KcContextBase";
+import type { I18n } from "../i18n";
+declare const LoginConfigTotp: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
+    kcContext: KcContextBase.LoginConfigTotp;
+    i18n: I18n;
+} & KcProps) => JSX.Element>;
+export default LoginConfigTotp;

package/lib/components/LoginConfigTotp.js

@@ -0,0 +1,82 @@
+import React, { memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+const LoginConfigTotp = memo(({ kcContext, i18n, ...props }) => {
+    const { url, isAppInitiatedAction, totp, mode, messagesPerField } = kcContext;
+    const { cx } = useCssAndCx();
+    const { msg, msgStr } = i18n;
+    const algToKeyUriAlg = {
+        HmacSHA1: "SHA1",
+        HmacSHA256: "SHA256",
+        HmacSHA512: "SHA512"
+    };
+    return (React.createElement(Template, { ...{ kcContext, i18n, ...props }, doFetchDefaultThemeResources: true, headerNode: msg("loginTotpTitle"), formNode: React.createElement(React.Fragment, null,
+            React.createElement("ol", { id: "kc-totp-settings" },
+                React.createElement("li", null,
+                    React.createElement("p", null, msg("loginTotpStep1")),
+                    React.createElement("ul", { id: "kc-totp-supported-apps" }, totp.policy.supportedApplications.map(app => (React.createElement("li", null, app))))),
+                mode && mode == "manual" ? (React.createElement(React.Fragment, null,
+                    React.createElement("li", null,
+                        React.createElement("p", null, msg("loginTotpManualStep2")),
+                        React.createElement("p", null,
+                            React.createElement("span", { id: "kc-totp-secret-key" }, totp.totpSecretEncoded)),
+                        React.createElement("p", null,
+                            React.createElement("a", { href: totp.qrUrl, id: "mode-barcode" }, msg("loginTotpScanBarcode")))),
+                    React.createElement("li", null,
+                        React.createElement("p", null, msg("loginTotpManualStep3")),
+                        React.createElement("p", null,
+                            React.createElement("ul", null,
+                                React.createElement("li", { id: "kc-totp-type" },
+                                    msg("loginTotpType"),
+                                    ": ",
+                                    msg(`loginTotp.${totp.policy.type}`)),
+                                React.createElement("li", { id: "kc-totp-algorithm" },
+                                    msg("loginTotpAlgorithm"),
+                                    ": ",
+                                    algToKeyUriAlg?.[totp.policy.algorithm] ?? totp.policy.algorithm),
+                                React.createElement("li", { id: "kc-totp-digits" },
+                                    msg("loginTotpDigits"),
+                                    ": ",
+                                    totp.policy.digits),
+                                totp.policy.type === "totp" ? (React.createElement("li", { id: "kc-totp-period" },
+                                    msg("loginTotpInterval"),
+                                    ": ",
+                                    totp.policy.period)) : (React.createElement("li", { id: "kc-totp-counter" },
+                                    msg("loginTotpCounter"),
+                                    ": ",
+                                    totp.policy.initialCounter))))))) : (React.createElement("li", null,
+                    React.createElement("p", null, msg("loginTotpStep2")),
+                    React.createElement("img", { id: "kc-totp-secret-qr-code", src: `data:image/png;base64, ${totp.totpSecretQrCode}`, alt: "Figure: Barcode" }),
+                    React.createElement("br", null),
+                    React.createElement("p", null,
+                        React.createElement("a", { href: totp.manualUrl, id: "mode-manual" }, msg("loginTotpUnableToScan"))))),
+                React.createElement("li", null,
+                    React.createElement("p", null, msg("loginTotpStep3")),
+                    React.createElement("p", null, msg("loginTotpStep3DeviceName")))),
+            React.createElement("form", { action: url.loginAction, className: cx(props.kcFormClass), id: "kc-totp-settings-form", method: "post" },
+                React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                    React.createElement("div", { className: cx(props.kcInputWrapperClass) },
+                        React.createElement("label", { htmlFor: "totp", className: cx(props.kcLabelClass) }, msg("authenticatorCode")),
+                        " ",
+                        React.createElement("span", { className: "required" }, "*")),
+                    React.createElement("div", { className: cx(props.kcInputWrapperClass) },
+                        React.createElement("input", { type: "text", id: "totp", name: "totp", autoComplete: "off", className: cx(props.kcInputClass), "aria-invalid": messagesPerField.existsError("totp") }),
+                        messagesPerField.existsError("totp") && (React.createElement("span", { id: "input-error-otp-code", className: cx(props.kcInputErrorMessageClass), "aria-live": "polite" }, messagesPerField.get("totp")))),
+                    React.createElement("input", { type: "hidden", id: "totpSecret", name: "totpSecret", value: totp.totpSecret }),
+                    mode && React.createElement("input", { type: "hidden", id: "mode", value: mode })),
+                React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                    React.createElement("div", { className: cx(props.kcInputWrapperClass) },
+                        React.createElement("label", { htmlFor: "userLabel", className: cx(props.kcLabelClass) }, msg("loginTotpDeviceName")),
+                        " ",
+                        totp.otpCredentials.length >= 1 && React.createElement("span", { className: "required" }, "*")),
+                    React.createElement("div", { className: cx(props.kcInputWrapperClass) },
+                        React.createElement("input", { type: "text", id: "userLabel", name: "userLabel", autoComplete: "off", className: cx(props.kcInputClass), "aria-invalid": messagesPerField.existsError("userLabel") }),
+                        messagesPerField.existsError("userLabel") && (React.createElement("span", { id: "input-error-otp-label", className: cx(props.kcInputErrorMessageClass), "aria-live": "polite" }, messagesPerField.get("userLabel"))))),
+                isAppInitiatedAction ? (React.createElement(React.Fragment, null,
+                    React.createElement("input", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonLargeClass), id: "saveTOTPBtn", value: msgStr("doSubmit") }),
+                    React.createElement("button", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonLargeClass, props.kcButtonLargeClass), id: "cancelTOTPBtn", name: "cancel-aia", value: "true" },
+                        "$",
+                        msg("doCancel")))) : (React.createElement("input", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonLargeClass), id: "saveTOTPBtn", value: msgStr("doSubmit") })))) }));
+});
+export default LoginConfigTotp;
+//# sourceMappingURL=LoginConfigTotp.js.map

package/lib/components/LoginConfigTotp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginConfigTotp.js","sourceRoot":"","sources":["../../src/lib/components/LoginConfigTotp.tsx"],"names":[],"mappings":"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"}

package/lib/components/LoginIdpLinkConfirm.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { I18n } from "../i18n";
-export declare const LoginIdpLinkConfirm: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const LoginIdpLinkConfirm: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.LoginIdpLinkConfirm;
-    useI18n: () => I18n;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default LoginIdpLinkConfirm;

package/lib/components/LoginIdpLinkConfirm.js

@@ -1,37 +1,14 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginIdpLinkConfirm = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var tss_react_1 = require("tss-react");
-exports.LoginIdpLinkConfirm = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var url = kcContext.url, idpAlias = kcContext.idpAlias;
-    var msg = useI18n().msg;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, headerNode: msg("confirmLinkIdpTitle"), formNode: (0, jsx_runtime_1.jsx)("form", __assign({ id: "kc-register-form", action: url.loginAction, method: "post" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "submitAction", id: "updateProfile", value: "updateProfile" }, { children: msg("confirmLinkIdpReviewProfile") }), void 0), (0, jsx_runtime_1.jsx)("button", __assign({ type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "submitAction", id: "linkAccount", value: "linkAccount" }, { children: msg("confirmLinkIdpContinue", idpAlias) }), void 0)] }), void 0) }), void 0) }), void 0));
+import React, { memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+const LoginIdpLinkConfirm = memo(({ kcContext, i18n, ...props }) => {
+    const { url, idpAlias } = kcContext;
+    const { msg } = i18n;
+    const { cx } = useCssAndCx();
+    return (React.createElement(Template, { ...{ kcContext, i18n, ...props }, doFetchDefaultThemeResources: true, headerNode: msg("confirmLinkIdpTitle"), formNode: React.createElement("form", { id: "kc-register-form", action: url.loginAction, method: "post" },
+            React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                React.createElement("button", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "submitAction", id: "updateProfile", value: "updateProfile" }, msg("confirmLinkIdpReviewProfile")),
+                React.createElement("button", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "submitAction", id: "linkAccount", value: "linkAccount" }, msg("confirmLinkIdpContinue", idpAlias)))) }));
 });
+export default LoginIdpLinkConfirm;
 //# sourceMappingURL=LoginIdpLinkConfirm.js.map

package/lib/components/LoginIdpLinkConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginIdpLinkConfirm.js","sourceRoot":"","sources":["../../src/lib/components/LoginIdpLinkConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,uCAAsC;AAItC,uCAAwC;AAE3B,QAAA,mBAAmB,GAAG,IAAA,YAAI,EACnC,UAAC,EAAiH;IAA/G,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACnB,IAAA,GAAG,GAAe,SAAS,IAAxB,EAAE,QAAQ,GAAK,SAAS,SAAd,CAAe;IAE5B,IAAA,GAAG,GAAK,OAAO,EAAE,IAAd,CAAe;IAElB,IAAA,EAAE,GAAK,IAAA,uBAAW,GAAE,GAAlB,CAAmB;IAE7B,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,KAClC,4BAA4B,EAAE,IAAI,EAClC,UAAU,EAAE,GAAG,CAAC,qBAAqB,CAAC,EACtC,QAAQ,EACJ,0CAAM,EAAE,EAAC,kBAAkB,EAAC,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,gBAC9D,0CAAK,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,iBACtC,4CACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAClH,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,eAAe,gBAEpB,GAAG,CAAC,6BAA6B,CAAC,YAC9B,EACT,4CACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAClH,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,aAAa,gBAElB,GAAG,CAAC,wBAAwB,EAAE,QAAQ,CAAC,YACnC,aACP,YACH,YAEb,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"LoginIdpLinkConfirm.js","sourceRoot":"","sources":["../../src/lib/components/LoginIdpLinkConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,mBAAmB,GAAG,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAA0E,EAAE,EAAE;IACvI,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAEpC,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,CAAC;IAE7B,OAAO,CACH,oBAAC,QAAQ,OACD,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EACjC,4BAA4B,EAAE,IAAI,EAClC,UAAU,EAAE,GAAG,CAAC,qBAAqB,CAAC,EACtC,QAAQ,EACJ,8BAAM,EAAE,EAAC,kBAAkB,EAAC,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM;YAC9D,6BAAK,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBACtC,gCACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAClH,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,eAAe,IAEpB,GAAG,CAAC,6BAA6B,CAAC,CAC9B;gBACT,gCACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,EAClH,IAAI,EAAC,cAAc,EACnB,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,aAAa,IAElB,GAAG,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CACnC,CACP,CACH,GAEb,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/lib/components/LoginIdpLinkEmail.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { I18n } from "../i18n";
-export declare const LoginIdpLinkEmail: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const LoginIdpLinkEmail: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.LoginIdpLinkEmail;
-    useI18n: () => I18n;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default LoginIdpLinkEmail;

package/lib/components/LoginIdpLinkEmail.js

@@ -1,35 +1,22 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginIdpLinkEmail = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-exports.LoginIdpLinkEmail = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var url = kcContext.url, realm = kcContext.realm, brokerContext = kcContext.brokerContext, idpAlias = kcContext.idpAlias;
-    var msg = useI18n().msg;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, headerNode: msg("emailLinkIdpTitle", idpAlias), formNode: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ id: "instruction1", className: "instruction" }, { children: msg("emailLinkIdp1", idpAlias, brokerContext.username, realm.displayName) }), void 0), (0, jsx_runtime_1.jsxs)("p", __assign({ id: "instruction2", className: "instruction" }, { children: [msg("emailLinkIdp2"), " ", (0, jsx_runtime_1.jsx)("a", __assign({ href: url.loginAction }, { children: msg("doClickHere") }), void 0), " ", msg("emailLinkIdp3")] }), void 0), (0, jsx_runtime_1.jsxs)("p", __assign({ id: "instruction3", className: "instruction" }, { children: [msg("emailLinkIdp4"), " ", (0, jsx_runtime_1.jsx)("a", __assign({ href: url.loginAction }, { children: msg("doClickHere") }), void 0), " ", msg("emailLinkIdp5")] }), void 0)] }, void 0) }), void 0));
+import React, { memo } from "react";
+import Template from "./Template";
+const LoginIdpLinkEmail = memo(({ kcContext, i18n, ...props }) => {
+    const { url, realm, brokerContext, idpAlias } = kcContext;
+    const { msg } = i18n;
+    return (React.createElement(Template, { ...{ kcContext, i18n, ...props }, doFetchDefaultThemeResources: true, headerNode: msg("emailLinkIdpTitle", idpAlias), formNode: React.createElement(React.Fragment, null,
+            React.createElement("p", { id: "instruction1", className: "instruction" }, msg("emailLinkIdp1", idpAlias, brokerContext.username, realm.displayName)),
+            React.createElement("p", { id: "instruction2", className: "instruction" },
+                msg("emailLinkIdp2"),
+                " ",
+                React.createElement("a", { href: url.loginAction }, msg("doClickHere")),
+                " ",
+                msg("emailLinkIdp3")),
+            React.createElement("p", { id: "instruction3", className: "instruction" },
+                msg("emailLinkIdp4"),
+                " ",
+                React.createElement("a", { href: url.loginAction }, msg("doClickHere")),
+                " ",
+                msg("emailLinkIdp5"))) }));
 });
+export default LoginIdpLinkEmail;
 //# sourceMappingURL=LoginIdpLinkEmail.js.map

package/lib/components/LoginIdpLinkEmail.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginIdpLinkEmail.js","sourceRoot":"","sources":["../../src/lib/components/LoginIdpLinkEmail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,uCAAsC;AAKzB,QAAA,iBAAiB,GAAG,IAAA,YAAI,EACjC,UAAC,EAA+G;IAA7G,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACnB,IAAA,GAAG,GAAqC,SAAS,IAA9C,EAAE,KAAK,GAA8B,SAAS,MAAvC,EAAE,aAAa,GAAe,SAAS,cAAxB,EAAE,QAAQ,GAAK,SAAS,SAAd,CAAe;IAElD,IAAA,GAAG,GAAK,OAAO,EAAE,IAAd,CAAe;IAE1B,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,KAClC,4BAA4B,EAAE,IAAI,EAClC,UAAU,EAAE,GAAG,CAAC,mBAAmB,EAAE,QAAQ,CAAC,EAC9C,QAAQ,EACJ,6DACI,uCAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa,gBACvC,GAAG,CAAC,eAAe,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,YAC1E,EACJ,wCAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa,iBACvC,GAAG,CAAC,eAAe,CAAC,OAAE,uCAAG,IAAI,EAAE,GAAG,CAAC,WAAW,gBAAG,GAAG,CAAC,aAAa,CAAC,YAAK,OAAE,GAAG,CAAC,eAAe,CAAC,aAC/F,EACJ,wCAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa,iBACvC,GAAG,CAAC,eAAe,CAAC,OAAE,uCAAG,IAAI,EAAE,GAAG,CAAC,WAAW,gBAAG,GAAG,CAAC,aAAa,CAAC,YAAK,OAAE,GAAG,CAAC,eAAe,CAAC,aAC/F,YACL,YAET,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"LoginIdpLinkEmail.js","sourceRoot":"","sources":["../../src/lib/components/LoginIdpLinkEmail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,MAAM,iBAAiB,GAAG,IAAI,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAwE,EAAE,EAAE;IACnI,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAE1D,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,OAAO,CACH,oBAAC,QAAQ,OACD,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EACjC,4BAA4B,EAAE,IAAI,EAClC,UAAU,EAAE,GAAG,CAAC,mBAAmB,EAAE,QAAQ,CAAC,EAC9C,QAAQ,EACJ;YACI,2BAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa,IACvC,GAAG,CAAC,eAAe,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAC1E;YACJ,2BAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa;gBACvC,GAAG,CAAC,eAAe,CAAC;;gBAAE,2BAAG,IAAI,EAAE,GAAG,CAAC,WAAW,IAAG,GAAG,CAAC,aAAa,CAAC,CAAK;;gBAAE,GAAG,CAAC,eAAe,CAAC,CAC/F;YACJ,2BAAG,EAAE,EAAC,cAAc,EAAC,SAAS,EAAC,aAAa;gBACvC,GAAG,CAAC,eAAe,CAAC;;gBAAE,2BAAG,IAAI,EAAE,GAAG,CAAC,WAAW,IAAG,GAAG,CAAC,aAAa,CAAC,CAAK;;gBAAE,GAAG,CAAC,eAAe,CAAC,CAC/F,CACL,GAET,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/LoginOtp.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { I18n } from "../i18n";
-export declare const LoginOtp: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const LoginOtp: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.LoginOtp;
-    useI18n: () => I18n;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default LoginOtp;

package/lib/components/LoginOtp.js

@@ -1,54 +1,43 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginOtp = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var headInsert_1 = require("../tools/headInsert");
-var pathJoin_1 = require("../tools/pathJoin");
-var tss_react_1 = require("tss-react");
-exports.LoginOtp = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var otpLogin = kcContext.otpLogin, url = kcContext.url;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    var _b = useI18n(), msg = _b.msg, msgStr = _b.msgStr;
-    (0, react_1.useEffect)(function () {
-        var isCleanedUp = false;
-        (0, headInsert_1.headInsert)({
+import React, { useEffect, memo } from "react";
+import Template from "./Template";
+import { headInsert } from "../tools/headInsert";
+import { pathJoin } from "../../bin/tools/pathJoin";
+import { useCssAndCx } from "../tools/useCssAndCx";
+const LoginOtp = memo(({ kcContext, i18n, ...props }) => {
+    const { otpLogin, url } = kcContext;
+    const { cx } = useCssAndCx();
+    const { msg, msgStr } = i18n;
+    useEffect(() => {
+        let isCleanedUp = false;
+        headInsert({
             "type": "javascript",
-            "src": (0, pathJoin_1.pathJoin)(kcContext.url.resourcesCommonPath, "node_modules/jquery/dist/jquery.min.js"),
-        }).then(function () {
+            "src": pathJoin(kcContext.url.resourcesCommonPath, "node_modules/jquery/dist/jquery.min.js")
+        }).then(() => {
             if (isCleanedUp)
                 return;
             evaluateInlineScript();
         });
-        return function () {
+        return () => {
             isCleanedUp = true;
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, headerNode: msg("doLogIn"), formNode: (0, jsx_runtime_1.jsxs)("form", __assign({ id: "kc-otp-login-form", className: cx(props.kcFormClass), action: url.loginAction, method: "post" }, { children: [otpLogin.userOtpCredentials.length > 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: otpLogin.userOtpCredentials.map(function (otpCredential) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcSelectOTPListClass) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", value: "${otpCredential.id}" }, void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcSelectOTPListItemClass) }, { children: [(0, jsx_runtime_1.jsx)("span", { className: cx(props.kcAuthenticatorOtpCircleClass) }, void 0), (0, jsx_runtime_1.jsx)("h2", __assign({ className: cx(props.kcSelectOTPItemHeadingClass) }, { children: otpCredential.userLabel }), void 0)] }), void 0)] }), otpCredential.id)); }) }), void 0) }), void 0)), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcLabelWrapperClass) }, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "otp", className: cx(props.kcLabelClass) }, { children: msg("loginOtpOneTime") }), void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: (0, jsx_runtime_1.jsx)("input", { id: "otp", name: "otp", autoComplete: "off", type: "text", className: cx(props.kcInputClass), autoFocus: true }, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-options", className: cx(props.kcFormOptionsClass) }, { children: (0, jsx_runtime_1.jsx)("div", { className: cx(props.kcFormOptionsWrapperClass) }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-buttons", className: cx(props.kcFormButtonsClass) }, { children: (0, jsx_runtime_1.jsx)("input", { className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn") }, void 0) }), void 0)] }), void 0)] }), void 0) }), void 0));
+    return (React.createElement(Template, { ...{ kcContext, i18n, ...props }, doFetchDefaultThemeResources: true, headerNode: msg("doLogIn"), formNode: React.createElement("form", { id: "kc-otp-login-form", className: cx(props.kcFormClass), action: url.loginAction, method: "post" },
+            otpLogin.userOtpCredentials.length > 1 && (React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                React.createElement("div", { className: cx(props.kcInputWrapperClass) }, otpLogin.userOtpCredentials.map(otpCredential => (React.createElement("div", { key: otpCredential.id, className: cx(props.kcSelectOTPListClass) },
+                    React.createElement("input", { type: "hidden", value: "${otpCredential.id}" }),
+                    React.createElement("div", { className: cx(props.kcSelectOTPListItemClass) },
+                        React.createElement("span", { className: cx(props.kcAuthenticatorOtpCircleClass) }),
+                        React.createElement("h2", { className: cx(props.kcSelectOTPItemHeadingClass) }, otpCredential.userLabel)))))))),
+            React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                React.createElement("div", { className: cx(props.kcLabelWrapperClass) },
+                    React.createElement("label", { htmlFor: "otp", className: cx(props.kcLabelClass) }, msg("loginOtpOneTime"))),
+                React.createElement("div", { className: cx(props.kcInputWrapperClass) },
+                    React.createElement("input", { id: "otp", name: "otp", autoComplete: "off", type: "text", className: cx(props.kcInputClass), autoFocus: true }))),
+            React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                React.createElement("div", { id: "kc-form-options", className: cx(props.kcFormOptionsClass) },
+                    React.createElement("div", { className: cx(props.kcFormOptionsWrapperClass) })),
+                React.createElement("div", { id: "kc-form-buttons", className: cx(props.kcFormButtonsClass) },
+                    React.createElement("input", { className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn") })))) }));
 });
 function evaluateInlineScript() {
     $(document).ready(function () {
@@ -71,4 +60,5 @@ function evaluateInlineScript() {
         }
     });
 }
+export default LoginOtp;
 //# sourceMappingURL=LoginOtp.js.map