keycloakify 5.9.0 → 6.0.0-beta.11

package/lib/components/Login.js

@@ -1,15 +1,3 @@
-"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)
@@ -21,74 +9,79 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 i18n_1 = require("../i18n");
-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, props = __rest(_a, ["kcContext"]);
-    var social = kcContext.social, realm = kcContext.realm, url = kcContext.url, usernameEditDisabled = kcContext.usernameEditDisabled, login = kcContext.login, auth = kcContext.auth, registrationDisabled = kcContext.registrationDisabled;
-    var _b = (0, i18n_1.getMsg)(kcContext), 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) {
+import React, { useState, memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+import { useConstCallback } from "powerhooks/useConstCallback";
+const Login = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    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 => {
         var _a;
         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.submit();
     });
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext }, 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) })), (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",
-                                                })))] }));
-                                })() })), (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") })), (0, jsx_runtime_1.jsx)("input", { tabIndex: 2, id: "password", className: cx(props.kcInputClass), name: "password", type: "password", autoComplete: "off" })] })), (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,
-                                                        }
-                                                        : {}))), msg("rememberMe")] }) }))) })), (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") })) })) }))] })), (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,
-                                        }
-                                        : {}))), (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 })] }))] }))) })), 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-".concat(p.alias), className: cx("zocial", p.providerId) }, { children: (0, jsx_runtime_1.jsx)("span", { children: p.displayName }) })) }), p.providerId)); }) })) })))] })), infoNode: realm.password &&
+    return (React.createElement(Template, Object.assign({}, Object.assign({ 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) }, (() => {
+                    var _a;
+                    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", Object.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"
+                            })))));
+                })()),
+                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", Object.assign({ 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", Object.assign({ type: "hidden", id: "id-hidden-input", name: "credentialId" }, ((auth === null || auth === void 0 ? void 0 : 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") }))] }) }))) })));
+            !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

@@ -1,6 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
-export declare const LoginConfigTotp: import("react").MemoExoticComponent<({ kcContext, ...props }: {
+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

@@ -1,15 +1,3 @@
-"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)
@@ -21,24 +9,86 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginConfigTotp = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var i18n_1 = require("../i18n");
-var tss_react_1 = require("tss-react");
-exports.LoginConfigTotp = (0, react_1.memo)(function (_a) {
+import React, { memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+const LoginConfigTotp = memo((_a) => {
     var _b;
-    var kcContext = _a.kcContext, props = __rest(_a, ["kcContext"]);
-    var url = kcContext.url, isAppInitiatedAction = kcContext.isAppInitiatedAction, totp = kcContext.totp, mode = kcContext.mode, messagesPerField = kcContext.messagesPerField;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    var _c = (0, i18n_1.getMsg)(kcContext), msg = _c.msg, msgStr = _c.msgStr;
-    var algToKeyUriAlg = {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { url, isAppInitiatedAction, totp, mode, messagesPerField } = kcContext;
+    const { cx } = useCssAndCx();
+    const { msg, msgStr } = i18n;
+    const algToKeyUriAlg = {
         HmacSHA1: "SHA1",
         HmacSHA256: "SHA256",
-        HmacSHA512: "SHA512",
+        HmacSHA512: "SHA512"
     };
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext }, props), { doFetchDefaultThemeResources: true, headerNode: msg("loginTotpTitle"), formNode: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("ol", __assign({ id: "kc-totp-settings" }, { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpStep1") }), (0, jsx_runtime_1.jsx)("ul", __assign({ id: "kc-totp-supported-apps" }, { children: totp.policy.supportedApplications.map(function (app) { return ((0, jsx_runtime_1.jsx)("li", { children: app })); }) }))] }), mode && mode == "manual" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpManualStep2") }), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("span", __assign({ id: "kc-totp-secret-key" }, { children: totp.totpSecretEncoded })) }), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: totp.qrUrl, id: "mode-barcode" }, { children: msg("loginTotpScanBarcode") })) })] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpManualStep3") }), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", __assign({ id: "kc-totp-type" }, { children: [msg("loginTotpType"), ": ", msg("loginTotp.".concat(totp.policy.type))] })), (0, jsx_runtime_1.jsxs)("li", __assign({ id: "kc-totp-algorithm" }, { children: [msg("loginTotpAlgorithm"), ": ", (_b = algToKeyUriAlg === null || algToKeyUriAlg === void 0 ? void 0 : algToKeyUriAlg[totp.policy.algorithm]) !== null && _b !== void 0 ? _b : totp.policy.algorithm] })), (0, jsx_runtime_1.jsxs)("li", __assign({ id: "kc-totp-digits" }, { children: [msg("loginTotpDigits"), ": ", totp.policy.digits] })), totp.policy.type === "totp" ? ((0, jsx_runtime_1.jsxs)("li", __assign({ id: "kc-totp-period" }, { children: [msg("loginTotpInterval"), ": ", totp.policy.period] }))) : ((0, jsx_runtime_1.jsxs)("li", __assign({ id: "kc-totp-counter" }, { children: [msg("loginTotpCounter"), ": ", totp.policy.initialCounter] })))] }) })] })] })) : ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpStep2") }), (0, jsx_runtime_1.jsx)("img", { id: "kc-totp-secret-qr-code", src: "data:image/png;base64, ".concat(totp.totpSecretQrCode), alt: "Figure: Barcode" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: totp.manualUrl, id: "mode-manual" }, { children: msg("loginTotpUnableToScan") })) })] })), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpStep3") }), (0, jsx_runtime_1.jsx)("p", { children: msg("loginTotpStep3DeviceName") })] })] })), (0, jsx_runtime_1.jsxs)("form", __assign({ action: url.loginAction, className: cx(props.kcFormClass), id: "kc-totp-settings-form", method: "post" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "totp", className: cx(props.kcLabelClass) }, { children: msg("authenticatorCode") })), " ", (0, jsx_runtime_1.jsx)("span", __assign({ className: "required" }, { children: "*" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", id: "totp", name: "totp", autoComplete: "off", className: cx(props.kcInputClass), "aria-invalid": messagesPerField.existsError("totp") }), messagesPerField.existsError("totp") && ((0, jsx_runtime_1.jsx)("span", __assign({ id: "input-error-otp-code", className: cx(props.kcInputErrorMessageClass), "aria-live": "polite" }, { children: messagesPerField.get("totp") })))] })), (0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "totpSecret", name: "totpSecret", value: totp.totpSecret }), mode && (0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "mode", value: mode })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "userLabel", className: cx(props.kcLabelClass) }, { children: msg("loginTotpDeviceName") })), " ", totp.otpCredentials.length >= 1 && (0, jsx_runtime_1.jsx)("span", __assign({ className: "required" }, { children: "*" }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcInputWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", id: "userLabel", name: "userLabel", autoComplete: "off", className: cx(props.kcInputClass), "aria-invalid": messagesPerField.existsError("userLabel") }), messagesPerField.existsError("userLabel") && ((0, jsx_runtime_1.jsx)("span", __assign({ id: "input-error-otp-label", className: cx(props.kcInputErrorMessageClass), "aria-live": "polite" }, { children: messagesPerField.get("userLabel") })))] }))] })), isAppInitiatedAction ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonLargeClass), id: "saveTOTPBtn", value: msgStr("doSubmit") }), (0, jsx_runtime_1.jsxs)("button", __assign({ type: "submit", className: cx(props.kcButtonClass, props.kcButtonDefaultClass, props.kcButtonLargeClass, props.kcButtonLargeClass), id: "cancelTOTPBtn", name: "cancel-aia", value: "true" }, { children: ["$", msg("doCancel")] }))] })) : ((0, jsx_runtime_1.jsx)("input", { type: "submit", className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonLargeClass), id: "saveTOTPBtn", value: msgStr("doSubmit") }))] }))] }) })));
+    return (React.createElement(Template, Object.assign({}, Object.assign({ 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"),
+                                    ": ", (_b = algToKeyUriAlg === null || algToKeyUriAlg === void 0 ? void 0 : algToKeyUriAlg[totp.policy.algorithm]) !== null && _b !== void 0 ? _b : 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

@@ -1 +1 @@
-{"version":3,"file":"LoginConfigTotp.js","sourceRoot":"","sources":["../../src/lib/components/LoginConfigTotp.tsx"],"names":[],"mappings":"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"}
+{"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,6 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
-export declare const LoginIdpLinkConfirm: import("react").MemoExoticComponent<({ kcContext, ...props }: {
+import type { I18n } from "../i18n";
+declare const LoginIdpLinkConfirm: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.LoginIdpLinkConfirm;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default LoginIdpLinkConfirm;

package/lib/components/LoginIdpLinkConfirm.js

@@ -1,15 +1,3 @@
-"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)
@@ -21,18 +9,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 i18n_1 = require("../i18n");
-var tss_react_1 = require("tss-react");
-exports.LoginIdpLinkConfirm = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, props = __rest(_a, ["kcContext"]);
-    var url = kcContext.url, idpAlias = kcContext.idpAlias;
-    var msg = (0, i18n_1.getMsg)(kcContext).msg;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext }, 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") })), (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) }))] })) })) })));
+import React, { memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+const LoginIdpLinkConfirm = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { url, idpAlias } = kcContext;
+    const { msg } = i18n;
+    const { cx } = useCssAndCx();
+    return (React.createElement(Template, Object.assign({}, Object.assign({ 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;AAGtC,gCAAiC;AACjC,uCAAwC;AAE3B,QAAA,mBAAmB,GAAG,IAAA,YAAI,EAAC,UAAC,EAAmF;IAAjF,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAClD,IAAA,GAAG,GAAe,SAAS,IAAxB,EAAE,QAAQ,GAAK,SAAS,SAAd,CAAe;IAE5B,IAAA,GAAG,GAAK,IAAA,aAAM,EAAC,SAAS,CAAC,IAAtB,CAAuB;IAE1B,IAAA,EAAE,GAAK,IAAA,uBAAW,GAAE,GAAlB,CAAmB;IAE7B,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,IAAK,KAAK,KACzB,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,IAC9B,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,IACnC,KACP,IACH,IAEb,CACL,CAAC;AACN,CAAC,CAAC,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,EAAqG,EAAE,EAAE;QAAzG,EAAE,SAAS,EAAE,IAAI,OAAoF,EAA/E,KAAK,cAA3B,qBAA6B,CAAF;IACzD,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,oCACC,SAAS,EAAE,IAAI,IAAK,KAAK,KAC/B,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,IAEb,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/lib/components/LoginIdpLinkEmail.d.ts

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

package/lib/components/LoginIdpLinkEmail.js

@@ -1,15 +1,3 @@
-"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)
@@ -21,16 +9,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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");
-var i18n_1 = require("../i18n");
-exports.LoginIdpLinkEmail = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, props = __rest(_a, ["kcContext"]);
-    var url = kcContext.url, realm = kcContext.realm, brokerContext = kcContext.brokerContext, idpAlias = kcContext.idpAlias;
-    var msg = (0, i18n_1.getMsg)(kcContext).msg;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext }, 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) })), (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") })), " ", msg("emailLinkIdp3")] })), (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") })), " ", msg("emailLinkIdp5")] }))] }) })));
+import React, { memo } from "react";
+import Template from "./Template";
+const LoginIdpLinkEmail = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { url, realm, brokerContext, idpAlias } = kcContext;
+    const { msg } = i18n;
+    return (React.createElement(Template, Object.assign({}, Object.assign({ 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;AAGtC,gCAAiC;AAEpB,QAAA,iBAAiB,GAAG,IAAA,YAAI,EAAC,UAAC,EAAiF;IAA/E,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IAChD,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,IAAA,aAAM,EAAC,SAAS,CAAC,IAAtB,CAAuB;IAElC,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,IAAK,KAAK,KACzB,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,IAC1E,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,IAAK,OAAE,GAAG,CAAC,eAAe,CAAC,KAC/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,IAAK,OAAE,GAAG,CAAC,eAAe,CAAC,KAC/F,IACL,IAET,CACL,CAAC;AACN,CAAC,CAAC,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,EAAmG,EAAE,EAAE;QAAvG,EAAE,SAAS,EAAE,IAAI,OAAkF,EAA7E,KAAK,cAA3B,qBAA6B,CAAF;IACvD,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,oCACC,SAAS,EAAE,IAAI,IAAK,KAAK,KAC/B,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,IAET,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/lib/components/LoginOtp.d.ts

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