@keycloakify/keycloak-account-ui
Version:
Repackaged Keycloak Account UI
308 lines • 14.2 kB
JavaScript
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;
};
import { jsx as _jsx } from "react/jsx-runtime";
/* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable @typescript-eslint/no-namespace */
import { Suspense, useMemo } from "react";
import { assert } from "tsafe/assert";
import { is } from "tsafe/is";
import { joinPath } from "./utils/joinPath";
import defaultContent from "./public/content";
import defaultLogoSvgUrl from "@keycloakify/keycloak-account-ui/public/logo.svg";
import { getI18n } from "react-i18next";
function getIsKeycloak25AndUp(kcContext) {
return "serverBaseUrl" in kcContext;
}
export function KcAccountUiLoader(props) {
const { KcAccountUi, loadingFallback } = props, paramsOfInit = __rest(props, ["KcAccountUi", "loadingFallback"]);
assert(is(KcAccountUi));
useMemo(() => init(paramsOfInit), []);
return (_jsx(Suspense, { fallback: loadingFallback, children: (() => {
const node = _jsx(KcAccountUi, {});
if (node === null) {
return loadingFallback;
}
return node;
})() }));
}
let previousRunParamsFingerprint = undefined;
function init(params) {
var _a, _b;
exit_condition: {
const paramsFingerprint = JSON.stringify(params);
if (previousRunParamsFingerprint === undefined) {
previousRunParamsFingerprint = paramsFingerprint;
break exit_condition;
}
if (paramsFingerprint !== previousRunParamsFingerprint) {
window.location.reload();
return;
}
return;
}
const { content = defaultContent, kcContext } = params;
//logValidationResult(kcContext);
const logoUrl = (() => {
var _a, _b;
if ((_a = params.logoUrl) === null || _a === void 0 ? void 0 : _a.startsWith("data:")) {
const error = new Error([
`ERROR: The logo url can't be a data url.`,
`Due to the fact your logo is very small it has been inlined in the bundle.`,
`The logoUrl you passed is: ${params.logoUrl.substring(0, 25)}...`,
`To fix this issue you can put the logo in the public directory and import it like:`,
`logoUrl={\`\${${["import", "meta", "env", "BASE_URL"].join(".")}}assets/logo.svg\`} if you are using Vite or`,
`logoUrl={\`\${process.env.PUBLIC_URL}/assets/logo.svg\`} if you are using Webpack (CRA).`,
`If it's an SVG you can also pad it's size with random \`<!-- xxx -->\` comments to make it bigger that it passes the threshold of 4KB.`,
].join("\n"));
alert(error.message);
throw error;
}
const logoUrl_params = (_b = params.logoUrl) !== null && _b !== void 0 ? _b : defaultLogoSvgUrl;
const url = new URL(logoUrl_params.startsWith("http")
? logoUrl_params
: joinPath(window.location.origin, logoUrl_params));
return url.href.substring(url.origin.length);
})();
const resourceUrl = kcContext.resourceUrl;
if (!logoUrl.startsWith(resourceUrl)) {
const error = new Error(`ERROR: The logo url can't be an external url.`);
alert(error.message);
throw error;
}
const serverBaseUrl = (() => {
if ("serverBaseUrl" in kcContext) {
return kcContext.serverBaseUrl;
}
const { authUrl } = kcContext;
if (typeof authUrl === "string") {
return authUrl;
}
return `${authUrl.scheme}:${authUrl.rawSchemeSpecificPart.replace(/\$/, "")}`;
})();
const authUrl = (() => {
const { authUrl } = kcContext;
if (typeof authUrl === "string") {
return authUrl;
}
return `${authUrl.scheme}:${authUrl.rawSchemeSpecificPart}`;
})();
const clientId = (() => {
if ("clientId" in kcContext) {
return kcContext.clientId;
}
return "account-console";
})();
const authServerUrl = (() => {
if ("authServerUrl" in kcContext) {
return kcContext.authServerUrl;
}
return authUrl;
})();
const referrerUrl = readQueryParamOrRestoreFromSessionStorage({
name: "referrer_uri",
});
const environment = {
serverBaseUrl,
authUrl,
authServerUrl,
realm: kcContext.realm.name,
clientId,
resourceUrl,
logo: logoUrl.substring(resourceUrl.length),
logoUrl: referrerUrl === undefined ? "/" : referrerUrl.replace("_hash_", "#"),
baseUrl: `${kcContext.baseUrl.scheme}:${kcContext.baseUrl.rawSchemeSpecificPart}`,
locale: kcContext.locale,
referrerName: (_a = readQueryParamOrRestoreFromSessionStorage({ name: "referrer" })) !== null && _a !== void 0 ? _a : "",
referrerUrl: referrerUrl !== null && referrerUrl !== void 0 ? referrerUrl : "",
features: {
isRegistrationEmailAsUsername: kcContext.realm.registrationEmailAsUsername,
isEditUserNameAllowed: kcContext.realm.editUsernameAllowed,
isInternationalizationEnabled: kcContext.realm.isInternationalizationEnabled,
isLinkedAccountsEnabled: kcContext.realm.identityFederationEnabled,
isMyResourcesEnabled: kcContext.realm.userManagedAccessAllowed &&
kcContext.isAuthorizationEnabled,
deleteAccountAllowed: kcContext.deleteAccountAllowed,
updateEmailFeatureEnabled: kcContext.updateEmailFeatureEnabled,
updateEmailActionEnabled: kcContext.updateEmailActionEnabled,
isViewGroupsEnabled: "isViewGroupsEnabled" in kcContext
? kcContext.isViewGroupsEnabled
: false,
isOid4VciEnabled: getIsKeycloak25AndUp(kcContext)
? kcContext.isOid4VciEnabled
: false,
isViewOrganizationsEnabled: (_b = kcContext.isViewOrganizationsEnabled) !== null && _b !== void 0 ? _b : false,
},
};
{
assert();
const script = document.createElement("script");
script.id = "environment";
script.type = "application/json";
script.textContent = JSON.stringify(environment, null, 1);
document.body.appendChild(script);
}
{
const realFetch = window.fetch;
const buildJsonResponse = (json) => {
const response = {
headers: new Headers({ "Content-Type": "application/json" }),
ok: true,
json: () => Promise.resolve(json),
text: () => Promise.resolve(JSON.stringify(json)),
status: 200,
};
/*
return new Proxy(response, {
get(target, prop, receiver) {
console.log(`GET ${String(prop)}`);
return Reflect.get(target, prop, receiver);
},
});
*/
return response;
};
let isLanguageChangeEventListened = false;
let wasLocaleAttributeManuallyAdded = false;
window.fetch = async function fetch(...args) {
var _a, _b, _c, _d, _e, _f, _g;
var _h;
const [url, fetchOptions] = args;
polyfill_i18n_api: {
if (getIsKeycloak25AndUp(kcContext)) {
break polyfill_i18n_api;
}
//assert(is<KcContextLike.Keycloak20To24>(kcContext));
const langs = kcContext.supportedLocales === undefined
? ["en"]
: Object.keys(kcContext.supportedLocales);
if (`${url}`.endsWith("/supportedLocales")) {
return buildJsonResponse(langs);
}
for (const lang of langs) {
if (!`${url}`.endsWith(`/${lang}`)) {
continue;
}
const data = Object.entries(JSON.parse(kcContext.msgJSON)).map(([key, value]) => {
try {
value = decodeURIComponent(escape(value));
}
catch (_a) {
// ignore
}
return { key, value };
});
track_language_change: {
if (isLanguageChangeEventListened) {
break track_language_change;
}
isLanguageChangeEventListened = true;
getI18n().on("languageChanged", (lang) => {
if (lang !== kcContext.locale) {
window.location.reload();
}
});
}
return buildJsonResponse(data);
}
const urlObj = new URL((() => {
const urlStr = `${url}`;
return urlStr.startsWith("/")
? `${window.location.origin}${urlStr}`
: urlStr;
})());
add_locale_attribute: {
if (!environment.features.isInternationalizationEnabled) {
break add_locale_attribute;
}
if (((_b = (_a = fetchOptions === null || fetchOptions === void 0 ? void 0 : fetchOptions.method) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) !== null && _b !== void 0 ? _b : "get") !== "get") {
break add_locale_attribute;
}
if (!urlObj.pathname.replace(/\/$/, "").endsWith("/account")) {
break add_locale_attribute;
}
if (urlObj.searchParams.get("userProfileMetadata") !== "true") {
break add_locale_attribute;
}
const response = await realFetch(...args);
if (!response.ok) {
return response;
}
const data = await response.json();
(_c = data.attributes) !== null && _c !== void 0 ? _c : (data.attributes = {});
data.attributes.locale = [kcContext.locale];
(_d = data.userProfileMetadata) !== null && _d !== void 0 ? _d : (data.userProfileMetadata = {});
(_e = (_h = data.userProfileMetadata).attributes) !== null && _e !== void 0 ? _e : (_h.attributes = []);
if (!data.userProfileMetadata.attributes.find((attribute) => attribute.name === "locale")) {
wasLocaleAttributeManuallyAdded = true;
data.userProfileMetadata.attributes.unshift({
name: "locale",
displayName: "locale",
required: false,
readOnly: false,
validators: {},
multivalued: false,
});
}
return buildJsonResponse(data);
}
remove_locale_attribute_from_req: {
if (!wasLocaleAttributeManuallyAdded) {
break remove_locale_attribute_from_req;
}
if (((_g = (_f = fetchOptions === null || fetchOptions === void 0 ? void 0 : fetchOptions.method) === null || _f === void 0 ? void 0 : _f.toLocaleLowerCase()) !== null && _g !== void 0 ? _g : "get") !== "post") {
break remove_locale_attribute_from_req;
}
if (!urlObj.pathname.replace(/\/$/, "").endsWith("/account")) {
break remove_locale_attribute_from_req;
}
if ((fetchOptions === null || fetchOptions === void 0 ? void 0 : fetchOptions.body) === undefined) {
break remove_locale_attribute_from_req;
}
let reqPayload;
try {
reqPayload = JSON.parse(fetchOptions.body);
}
catch (_j) {
break remove_locale_attribute_from_req;
}
if (reqPayload.userProfileMetadata === undefined) {
break remove_locale_attribute_from_req;
}
reqPayload.userProfileMetadata.attributes =
reqPayload.userProfileMetadata.attributes.filter((attr) => attr.name !== "locale");
fetchOptions.body = JSON.stringify(reqPayload);
args[1] = fetchOptions;
return realFetch(...args);
}
}
if (url === joinPath(environment.resourceUrl, "/content.json")) {
return buildJsonResponse(content);
}
return realFetch(...args);
};
}
}
function readQueryParamOrRestoreFromSessionStorage(params) {
var _a;
const { name } = params;
const url = new URL(window.location.href);
const value = url.searchParams.get(name);
const PREFIX = "keycloakify:";
if (value !== null) {
sessionStorage.setItem(`${PREFIX}${name}`, value);
url.searchParams.delete(name);
window.history.replaceState({}, "", url.toString());
return value;
}
return (_a = sessionStorage.getItem(`${PREFIX}${name}`)) !== null && _a !== void 0 ? _a : undefined;
}
//# sourceMappingURL=KcAccountUiLoader.js.map