keycloakify 10.1.0-rc.0 → 10.1.0

package/login/pages/WebauthnRegister.useScript.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+import { useInsertScriptTags } from "../../tools/useInsertScriptTags";
+import { assert } from "../../tools/assert";
+assert();
+assert();
+export function useScript(params) {
+    const { authButtonId, kcContext, i18n } = params;
+    const { url, challenge, userid, username, signatureAlgorithms, rpEntityName, rpId, attestationConveyancePreference, authenticatorAttachment, requireResidentKey, userVerificationRequirement, createTimeout, excludeCredentialIds } = kcContext;
+    const { msgStr, isFetchingTranslations } = i18n;
+    const { insertScriptTags } = useInsertScriptTags({
+        componentOrHookName: "LoginRecoveryAuthnCodeConfig",
+        scriptTags: [
+            {
+                type: "module",
+                textContent: () => `
+                    import { registerByWebAuthn } from "${url.resourcesPath}/js/webauthnRegister.js";
+                    const registerButton = document.getElementById('${authButtonId}');
+                    registerButton.addEventListener("click", function() {
+                        const input = {
+                            challenge : '${challenge}',
+                            userid : '${userid}',
+                            username : '${username}',
+                            signatureAlgorithms : ${JSON.stringify(signatureAlgorithms)},
+                            rpEntityName : ${JSON.stringify(rpEntityName)},
+                            rpId : ${JSON.stringify(rpId)},
+                            attestationConveyancePreference : ${JSON.stringify(attestationConveyancePreference)},
+                            authenticatorAttachment : ${JSON.stringify(authenticatorAttachment)},
+                            requireResidentKey : ${JSON.stringify(requireResidentKey)},
+                            userVerificationRequirement : ${JSON.stringify(userVerificationRequirement)},
+                            createTimeout : ${createTimeout},
+                            excludeCredentialIds : ${JSON.stringify(excludeCredentialIds)},
+                            initLabel : ${JSON.stringify(msgStr("webauthn-registration-init-label"))},
+                            initLabelPrompt : ${JSON.stringify(msgStr("webauthn-registration-init-label-prompt"))},
+                            errmsg : ${JSON.stringify(msgStr("webauthn-unsupported-browser-text"))}
+                        };
+                        registerByWebAuthn(input);
+                    });
+                `
+            }
+        ]
+    });
+    useEffect(() => {
+        if (isFetchingTranslations) {
+            return;
+        }
+        insertScriptTags();
+    }, [isFetchingTranslations]);
+}
+//# sourceMappingURL=WebauthnRegister.useScript.js.map

package/login/pages/WebauthnRegister.useScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebauthnRegister.useScript.js","sourceRoot":"","sources":["../../src/login/pages/WebauthnRegister.useScript.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAqBlD,MAAM,EAA+E,CAAC;AACtF,MAAM,EAAmE,CAAC;AAO1E,MAAM,UAAU,SAAS,CAAC,MAA0E;IAChG,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IAEjD,MAAM,EACF,GAAG,EACH,SAAS,EACT,MAAM,EACN,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,IAAI,EACJ,+BAA+B,EAC/B,uBAAuB,EACvB,kBAAkB,EAClB,2BAA2B,EAC3B,aAAa,EACb,oBAAoB,EACvB,GAAG,SAAS,CAAC;IAEd,MAAM,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC;IAEhD,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC;QAC7C,mBAAmB,EAAE,8BAA8B;QACnD,UAAU,EAAE;YACR;gBACI,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,GAAG,EAAE,CAAC;0DACuB,GAAG,CAAC,aAAa;sEACL,YAAY;;;2CAGvC,SAAS;wCACZ,MAAM;0CACJ,QAAQ;oDACE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC;6CAC1C,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;qCACpC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gEACO,IAAI,CAAC,SAAS,CAAC,+BAA+B,CAAC;wDACvD,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC;mDAC5C,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC;4DACzB,IAAI,CAAC,SAAS,CAAC,2BAA2B,CAAC;8CACzD,aAAa;qDACN,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;0CAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC;gDACpD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,yCAAyC,CAAC,CAAC;uCAC1E,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mCAAmC,CAAC,CAAC;;;;iBAIjF;aACJ;SACJ;KACJ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,sBAAsB,EAAE;YACxB,OAAO;SACV;QAED,gBAAgB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "keycloakify",
-    "version": "10.1.0-rc.0",
+    "version": "10.1.0",
     "description": "Create Keycloak themes using React",
     "repository": {
         "type": "git",
@@ -184,6 +184,9 @@
         "login/Template.d.ts",
         "login/Template.js",
         "login/Template.js.map",
+        "login/Template.useStylesAndScripts.d.ts",
+        "login/Template.useStylesAndScripts.js",
+        "login/Template.useStylesAndScripts.js.map",
         "login/TemplateProps.d.ts",
         "login/TemplateProps.js",
         "login/TemplateProps.js.map",
@@ -358,12 +361,18 @@
         "login/pages/LoginPasskeysConditionalAuthenticate.d.ts",
         "login/pages/LoginPasskeysConditionalAuthenticate.js",
         "login/pages/LoginPasskeysConditionalAuthenticate.js.map",
+        "login/pages/LoginPasskeysConditionalAuthenticate.useScript.d.ts",
+        "login/pages/LoginPasskeysConditionalAuthenticate.useScript.js",
+        "login/pages/LoginPasskeysConditionalAuthenticate.useScript.js.map",
         "login/pages/LoginPassword.d.ts",
         "login/pages/LoginPassword.js",
         "login/pages/LoginPassword.js.map",
         "login/pages/LoginRecoveryAuthnCodeConfig.d.ts",
         "login/pages/LoginRecoveryAuthnCodeConfig.js",
         "login/pages/LoginRecoveryAuthnCodeConfig.js.map",
+        "login/pages/LoginRecoveryAuthnCodeConfig.useScript.d.ts",
+        "login/pages/LoginRecoveryAuthnCodeConfig.useScript.js",
+        "login/pages/LoginRecoveryAuthnCodeConfig.useScript.js.map",
         "login/pages/LoginRecoveryAuthnCodeInput.d.ts",
         "login/pages/LoginRecoveryAuthnCodeInput.js",
         "login/pages/LoginRecoveryAuthnCodeInput.js.map",
@@ -412,12 +421,117 @@
         "login/pages/WebauthnAuthenticate.d.ts",
         "login/pages/WebauthnAuthenticate.js",
         "login/pages/WebauthnAuthenticate.js.map",
+        "login/pages/WebauthnAuthenticate.useScript.d.ts",
+        "login/pages/WebauthnAuthenticate.useScript.js",
+        "login/pages/WebauthnAuthenticate.useScript.js.map",
         "login/pages/WebauthnError.d.ts",
         "login/pages/WebauthnError.js",
         "login/pages/WebauthnError.js.map",
         "login/pages/WebauthnRegister.d.ts",
         "login/pages/WebauthnRegister.js",
         "login/pages/WebauthnRegister.js.map",
+        "login/pages/WebauthnRegister.useScript.d.ts",
+        "login/pages/WebauthnRegister.useScript.js",
+        "login/pages/WebauthnRegister.useScript.js.map",
+        "res/account-v1/account.ftl",
+        "res/account-v1/applications.ftl",
+        "res/account-v1/federatedIdentity.ftl",
+        "res/account-v1/log.ftl",
+        "res/account-v1/messages/messages_ar.properties",
+        "res/account-v1/messages/messages_ca.properties",
+        "res/account-v1/messages/messages_cs.properties",
+        "res/account-v1/messages/messages_da.properties",
+        "res/account-v1/messages/messages_de.properties",
+        "res/account-v1/messages/messages_en.properties",
+        "res/account-v1/messages/messages_es.properties",
+        "res/account-v1/messages/messages_fi.properties",
+        "res/account-v1/messages/messages_fr.properties",
+        "res/account-v1/messages/messages_hu.properties",
+        "res/account-v1/messages/messages_it.properties",
+        "res/account-v1/messages/messages_ja.properties",
+        "res/account-v1/messages/messages_lt.properties",
+        "res/account-v1/messages/messages_lv.properties",
+        "res/account-v1/messages/messages_nl.properties",
+        "res/account-v1/messages/messages_no.properties",
+        "res/account-v1/messages/messages_pl.properties",
+        "res/account-v1/messages/messages_pt_BR.properties",
+        "res/account-v1/messages/messages_ru.properties",
+        "res/account-v1/messages/messages_sk.properties",
+        "res/account-v1/messages/messages_sv.properties",
+        "res/account-v1/messages/messages_tr.properties",
+        "res/account-v1/messages/messages_zh_CN.properties",
+        "res/account-v1/password.ftl",
+        "res/account-v1/resource-detail.ftl",
+        "res/account-v1/resources/css/account.css",
+        "res/account-v1/resources/img/icon-sidebar-active.png",
+        "res/account-v1/resources/img/keycloak-logo.png",
+        "res/account-v1/resources/img/logo.png",
+        "res/account-v1/resources/resources-common/img/favicon.ico",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/css/patternfly-additions.min.css",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/css/patternfly.min.css",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Bold-webfont.woff2",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Light-webfont.woff2",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Regular-webfont.woff2",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Semibold-webfont.woff2",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.ttf",
+        "res/account-v1/resources/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.woff",
+        "res/account-v1/resources.ftl",
+        "res/account-v1/sessions.ftl",
+        "res/account-v1/template.ftl",
+        "res/account-v1/theme.properties",
+        "res/account-v1/totp.ftl",
+        "res/public/.keycloakify/account/css/account.css",
+        "res/public/.keycloakify/account/img/icon-sidebar-active.png",
+        "res/public/.keycloakify/account/img/keycloak-logo.png",
+        "res/public/.keycloakify/account/img/logo.png",
+        "res/public/.keycloakify/account/resources-common/img/favicon.ico",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/css/patternfly-additions.min.css",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/css/patternfly.min.css",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Bold-webfont.woff2",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Light-webfont.woff2",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Regular-webfont.woff2",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Semibold-webfont.woff2",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.ttf",
+        "res/public/.keycloakify/account/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.woff",
+        "res/public/.keycloakify/login/css/login.css",
+        "res/public/.keycloakify/login/img/feedback-error-arrow-down.png",
+        "res/public/.keycloakify/login/img/feedback-error-sign.png",
+        "res/public/.keycloakify/login/img/feedback-success-arrow-down.png",
+        "res/public/.keycloakify/login/img/feedback-success-sign.png",
+        "res/public/.keycloakify/login/img/feedback-warning-arrow-down.png",
+        "res/public/.keycloakify/login/img/feedback-warning-sign.png",
+        "res/public/.keycloakify/login/img/keycloak-bg.png",
+        "res/public/.keycloakify/login/img/keycloak-logo-text.png",
+        "res/public/.keycloakify/login/img/keycloak-logo.png",
+        "res/public/.keycloakify/login/js/authChecker.js",
+        "res/public/.keycloakify/login/js/common.js",
+        "res/public/.keycloakify/login/js/kcMultivalued.js",
+        "res/public/.keycloakify/login/js/kcNumberFormat.js",
+        "res/public/.keycloakify/login/js/kcNumberUnFormat.js",
+        "res/public/.keycloakify/login/js/menu-button-links.js",
+        "res/public/.keycloakify/login/js/passkeysConditionalAuth.js",
+        "res/public/.keycloakify/login/js/passwordVisibility.js",
+        "res/public/.keycloakify/login/js/userProfile.js",
+        "res/public/.keycloakify/login/js/webauthnAuthenticate.js",
+        "res/public/.keycloakify/login/js/webauthnRegister.js",
+        "res/public/.keycloakify/login/resources-common/img/favicon.ico",
+        "res/public/.keycloakify/login/resources-common/lib/pficon/pficon.css",
+        "res/public/.keycloakify/login/resources-common/lib/pficon/pficon.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/@patternfly/patternfly/patternfly.min.css",
+        "res/public/.keycloakify/login/resources-common/node_modules/jquery/dist/jquery.min.js",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/css/patternfly-additions.min.css",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/css/patternfly.min.css",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Bold-webfont.ttf",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Bold-webfont.woff",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Bold-webfont.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Light-webfont.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Regular-webfont.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/OpenSans-Semibold-webfont.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.ttf",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/PatternFlyIcons-webfont.woff",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/fonts/fontawesome-webfont.woff2",
+        "res/public/.keycloakify/login/resources-common/node_modules/patternfly/dist/img/bg-login.jpg",
+        "res/public/.keycloakify/login/resources-common/node_modules/rfc4648/lib/rfc4648.js",
         "src/PUBLIC_URL.ts",
         "src/account/DefaultPage.tsx",
         "src/account/KcContext/KcContext.ts",
@@ -489,7 +603,6 @@
         "src/bin/keycloakify/generateFtl/generateFtl.ts",
         "src/bin/keycloakify/generateFtl/index.ts",
         "src/bin/keycloakify/generateFtl/kcContextDeclarationTemplate.ftl",
-        "src/bin/keycloakify/generateResources/bringInAccountV1.ts",
         "src/bin/keycloakify/generateResources/generateMessageProperties.ts",
         "src/bin/keycloakify/generateResources/generateResources.ts",
         "src/bin/keycloakify/generateResources/generateResourcesForMainTheme.ts",
@@ -509,11 +622,6 @@
         "src/bin/shared/buildContext.ts",
         "src/bin/shared/constants.ts",
         "src/bin/shared/copyKeycloakResourcesToPublic.ts",
-        "src/bin/shared/downloadKeycloakDefaultTheme/downloadKeycloakDefaultTheme.ts",
-        "src/bin/shared/downloadKeycloakDefaultTheme/extra-assets/passkeysConditionalAuth.js",
-        "src/bin/shared/downloadKeycloakDefaultTheme/extra-assets/webauthnAuthenticate.js",
-        "src/bin/shared/downloadKeycloakDefaultTheme/index.ts",
-        "src/bin/shared/downloadKeycloakStaticResources.ts",
         "src/bin/shared/generateKcGenTs.ts",
         "src/bin/shared/getLatestsSemVersionedTag.ts",
         "src/bin/shared/metaInfKeycloakThemes.ts",
@@ -565,6 +673,7 @@
         "src/login/KcContext/index.ts",
         "src/login/KcContext/kcContextMocks.ts",
         "src/login/Template.tsx",
+        "src/login/Template.useStylesAndScripts.ts",
         "src/login/TemplateProps.ts",
         "src/login/UserProfileFormFields.tsx",
         "src/login/UserProfileFormFieldsProps.tsx",
@@ -623,8 +732,10 @@
         "src/login/pages/LoginOtp.tsx",
         "src/login/pages/LoginPageExpired.tsx",
         "src/login/pages/LoginPasskeysConditionalAuthenticate.tsx",
+        "src/login/pages/LoginPasskeysConditionalAuthenticate.useScript.tsx",
         "src/login/pages/LoginPassword.tsx",
         "src/login/pages/LoginRecoveryAuthnCodeConfig.tsx",
+        "src/login/pages/LoginRecoveryAuthnCodeConfig.useScript.tsx",
         "src/login/pages/LoginRecoveryAuthnCodeInput.tsx",
         "src/login/pages/LoginResetOtp.tsx",
         "src/login/pages/LoginResetPassword.tsx",
@@ -641,8 +752,10 @@
         "src/login/pages/Terms.tsx",
         "src/login/pages/UpdateEmail.tsx",
         "src/login/pages/WebauthnAuthenticate.tsx",
+        "src/login/pages/WebauthnAuthenticate.useScript.tsx",
         "src/login/pages/WebauthnError.tsx",
         "src/login/pages/WebauthnRegister.tsx",
+        "src/login/pages/WebauthnRegister.useScript.tsx",
         "src/tools/Array.prototype.every.ts",
         "src/tools/DeepPartial.ts",
         "src/tools/HTMLElement.prototype.prepend.ts",
@@ -796,24 +909,23 @@
         "tools/useSetClassName.js.map",
         "bin/main.js",
         "bin/193.index.js",
+        "bin/20.index.js",
         "bin/246.index.js",
         "bin/266.index.js",
         "bin/304.index.js",
         "bin/31.index.js",
-        "bin/365.index.js",
-        "bin/430.index.js",
-        "bin/440.index.js",
+        "bin/33.index.js",
+        "bin/36.index.js",
         "bin/453.index.js",
-        "bin/525.index.js",
+        "bin/499.index.js",
         "bin/526.index.js",
         "bin/599.index.js",
-        "bin/678.index.js",
-        "bin/697.index.js",
         "bin/720.index.js",
         "bin/743.index.js",
         "bin/780.index.js",
         "bin/786.index.js",
         "bin/877.index.js",
+        "bin/903.index.js",
         "bin/932.index.js",
         "bin/941.index.js",
         "bin/97.index.js",
@@ -821,7 +933,6 @@
         "bin/shared/buildContext.d.ts",
         "bin/shared/constants.d.ts",
         "bin/shared/copyKeycloakResourcesToPublic.d.ts",
-        "bin/shared/downloadKeycloakStaticResources.d.ts",
         "bin/shared/generateKcGenTs.d.ts",
         "bin/shared/getLatestsSemVersionedTag.d.ts",
         "bin/shared/KeycloakVersionRange.d.ts",
@@ -830,7 +941,6 @@
         "bin/shared/buildContext.js.map",
         "bin/shared/constants.js.map",
         "bin/shared/copyKeycloakResourcesToPublic.js.map",
-        "bin/shared/downloadKeycloakStaticResources.js.map",
         "bin/shared/generateKcGenTs.js.map",
         "bin/shared/getLatestsSemVersionedTag.js.map",
         "bin/shared/KeycloakVersionRange.js.map",

package/res/account-v1/account.ftl

@@ -0,0 +1,70 @@
+<#import "template.ftl" as layout>
+<@layout.mainLayout active='account' bodyClass='user'; section>
+
+    <div class="row">
+        <div class="col-md-10">
+            <h2>${msg("editAccountHtmlTitle")}</h2>
+        </div>
+        <div class="col-md-2 subtitle">
+            <span class="subtitle"><span class="required">*</span> ${msg("requiredFields")}</span>
+        </div>
+    </div>
+
+    <form action="${url.accountUrl}" class="form-horizontal" method="post">
+
+        <input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
+
+        <#if !realm.registrationEmailAsUsername>
+            <div class="form-group ${messagesPerField.printIfExists('username','has-error')}">
+                <div class="col-sm-2 col-md-2">
+                    <label for="username" class="control-label">${msg("username")}</label> <#if realm.editUsernameAllowed><span class="required">*</span></#if>
+                </div>
+
+                <div class="col-sm-10 col-md-10">
+                    <input type="text" class="form-control" id="username" name="username" <#if !realm.editUsernameAllowed>disabled="disabled"</#if> value="${(account.username!'')}"/>
+                </div>
+            </div>
+        </#if>
+
+        <div class="form-group ${messagesPerField.printIfExists('email','has-error')}">
+            <div class="col-sm-2 col-md-2">
+            <label for="email" class="control-label">${msg("email")}</label> <span class="required">*</span>
+            </div>
+
+            <div class="col-sm-10 col-md-10">
+                <input type="text" class="form-control" id="email" name="email" autofocus value="${(account.email!'')}"/>
+            </div>
+        </div>
+
+        <div class="form-group ${messagesPerField.printIfExists('firstName','has-error')}">
+            <div class="col-sm-2 col-md-2">
+                <label for="firstName" class="control-label">${msg("firstName")}</label> <span class="required">*</span>
+            </div>
+
+            <div class="col-sm-10 col-md-10">
+                <input type="text" class="form-control" id="firstName" name="firstName" value="${(account.firstName!'')}"/>
+            </div>
+        </div>
+
+        <div class="form-group ${messagesPerField.printIfExists('lastName','has-error')}">
+            <div class="col-sm-2 col-md-2">
+                <label for="lastName" class="control-label">${msg("lastName")}</label> <span class="required">*</span>
+            </div>
+
+            <div class="col-sm-10 col-md-10">
+                <input type="text" class="form-control" id="lastName" name="lastName" value="${(account.lastName!'')}"/>
+            </div>
+        </div>
+
+        <div class="form-group">
+            <div id="kc-form-buttons" class="col-md-offset-2 col-md-10 submit">
+                <div class="">
+                    <#if url.referrerURI??><a href="${url.referrerURI}">${kcSanitize(msg("backToApplication")?no_esc)}</a></#if>
+                    <button type="submit" class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonLargeClass!}" name="submitAction" value="Save">${msg("doSave")}</button>
+                    <button type="submit" class="${properties.kcButtonClass!} ${properties.kcButtonDefaultClass!} ${properties.kcButtonLargeClass!}" name="submitAction" value="Cancel">${msg("doCancel")}</button>
+                </div>
+            </div>
+        </div>
+    </form>
+
+</@layout.mainLayout>

package/res/account-v1/applications.ftl

@@ -0,0 +1,76 @@
+<#import "template.ftl" as layout>
+<@layout.mainLayout active='applications' bodyClass='applications'; section>
+
+    <div class="row">
+        <div class="col-md-10">
+            <h2>${msg("applicationsHtmlTitle")}</h2>
+        </div>
+    </div>
+
+    <form action="${url.applicationsUrl}" method="post">
+        <input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
+        <input type="hidden" id="referrer" name="referrer" value="${stateChecker}">
+
+        <table class="table table-striped table-bordered">
+            <thead>
+              <tr>
+                <td>${msg("application")}</td>
+                <td>${msg("availableRoles")}</td>
+                <td>${msg("grantedPermissions")}</td>
+                <td>${msg("additionalGrants")}</td>
+                <td>${msg("action")}</td>
+              </tr>
+            </thead>
+
+            <tbody>
+              <#list applications.applications as application>
+                <tr>
+                    <td>
+                        <#if application.effectiveUrl?has_content><a href="${application.effectiveUrl}"></#if>
+                            <#if application.client.name?has_content>${advancedMsg(application.client.name)}<#else>${application.client.clientId}</#if>
+                        <#if application.effectiveUrl?has_content></a></#if>
+                    </td>
+
+                    <td>
+                        <#list application.realmRolesAvailable as role>
+                            <#if role.description??>${advancedMsg(role.description)}<#else>${advancedMsg(role.name)}</#if>
+                            <#if role_has_next>, </#if>
+                        </#list>
+                        <#list application.resourceRolesAvailable?keys as resource>
+                            <#if application.realmRolesAvailable?has_content>, </#if>
+                            <#list application.resourceRolesAvailable[resource] as clientRole>
+                                <#if clientRole.roleDescription??>${advancedMsg(clientRole.roleDescription)}<#else>${advancedMsg(clientRole.roleName)}</#if>
+                                ${msg("inResource")} <strong><#if clientRole.clientName??>${advancedMsg(clientRole.clientName)}<#else>${clientRole.clientId}</#if></strong>
+                                <#if clientRole_has_next>, </#if>
+                            </#list>
+                        </#list>
+                    </td>
+
+                    <td>
+                        <#if application.client.consentRequired>
+                            <#list application.clientScopesGranted as claim>
+                                ${advancedMsg(claim)}<#if claim_has_next>, </#if>
+                            </#list>
+                        <#else>
+                            <strong>${msg("fullAccess")}</strong>
+                        </#if>
+                    </td>
+
+                    <td>
+                       <#list application.additionalGrants as grant>
+                            ${advancedMsg(grant)}<#if grant_has_next>, </#if>
+                        </#list>
+                    </td>
+
+                    <td>
+                        <#if (application.client.consentRequired && application.clientScopesGranted?has_content) || application.additionalGrants?has_content>
+                            <button type='submit' class='${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!}' id='revoke-${application.client.clientId}' name='clientId' value="${application.client.id}">${msg("revoke")}</button>
+                        </#if>
+                    </td>
+                </tr>
+              </#list>
+            </tbody>
+        </table>
+    </form>
+
+</@layout.mainLayout>

package/res/account-v1/federatedIdentity.ftl

@@ -0,0 +1,42 @@
+<#import "template.ftl" as layout>
+<@layout.mainLayout active='social' bodyClass='social'; section>
+
+    <div class="row">
+        <div class="col-md-10">
+            <h2>${msg("federatedIdentitiesHtmlTitle")}</h2>
+        </div>
+    </div>
+
+    <div id="federated-identities">
+    <#list federatedIdentity.identities as identity>
+        <div class="row margin-bottom">
+            <div class="col-sm-2 col-md-2">
+                <label for="${identity.providerId!}" class="control-label">${identity.displayName!}</label>
+            </div>
+            <div class="col-sm-5 col-md-5">
+                <input disabled="true" class="form-control" value="${identity.userName!}">
+            </div>
+            <div class="col-sm-5 col-md-5">
+                <#if identity.connected>
+                    <#if federatedIdentity.removeLinkPossible>
+                        <form action="${url.socialUrl}" method="post" class="form-inline">
+                            <input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
+                            <input type="hidden" id="action" name="action" value="remove">
+                            <input type="hidden" id="providerId" name="providerId" value="${identity.providerId!}">
+                            <button id="remove-link-${identity.providerId!}" class="btn btn-default">${msg("doRemove")}</button>
+                        </form>
+                    </#if>
+                <#else>
+                    <form action="${url.socialUrl}" method="post" class="form-inline">
+                        <input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
+                        <input type="hidden" id="action" name="action" value="add">
+                        <input type="hidden" id="providerId" name="providerId" value="${identity.providerId!}">
+                        <button id="add-link-${identity.providerId!}" class="btn btn-default">${msg("doAdd")}</button>
+                    </form>
+                </#if>
+            </div>
+        </div>
+    </#list>
+    </div>
+
+</@layout.mainLayout>

package/res/account-v1/log.ftl

@@ -0,0 +1,35 @@
+<#import "template.ftl" as layout>
+<@layout.mainLayout active='log' bodyClass='log'; section>
+
+    <div class="row">
+        <div class="col-md-10">
+            <h2>${msg("accountLogHtmlTitle")}</h2>
+        </div>
+    </div>
+
+    <table class="table table-striped table-bordered">
+        <thead>
+        <tr>
+            <td>${msg("date")}</td>
+            <td>${msg("event")}</td>
+            <td>${msg("ip")}</td>
+            <td>${msg("client")}</td>
+            <td>${msg("details")}</td>
+        </tr>
+        </thead>
+
+        <tbody>
+        <#list log.events as event>
+            <tr>
+                <td>${event.date?datetime}</td>
+                <td>${event.event}</td>
+                <td>${event.ipAddress}</td>
+                <td>${event.client!}</td>
+                <td><#list event.details as detail>${detail.key} = ${detail.value} <#if detail_has_next>, </#if></#list></td>
+            </tr>
+        </#list>
+        </tbody>
+
+    </table>
+
+</@layout.mainLayout>