Update changelog v1.1.5

Fix typo on email

CHANGELOG.md

@@ -1,3 +1,18 @@
+### **1.1.5** (2021-06-15)  
+  
+- #11: Provide socials in the register    
+  
+### **1.1.4** (2021-06-15)  
+  
+- Merge pull request #12 from InseeFrLab/email-typo
+
+Fix typo on email  
+- Fix typo on email    
+  
+### **1.1.3** (2021-06-14)  
+  
+- Add missing key in Login for providers    
+  
 ### **1.1.2** (2021-06-14)  
   
   

package.json

@@ -1,6 +1,6 @@
 {
     "name": "keycloakify",
-    "version": "1.1.2",
+    "version": "1.1.5",
     "description": "Keycloak theme generator for Reacts app",
     "repository": {
         "type": "git",

src/bin/build-keycloak-theme/generateFtl/login-update-profile.ftl

@@ -13,7 +13,7 @@
             <#recover>
             </#attempt>
         })(),
-        "emal": (function (){
+        "email": (function (){
             <#attempt>
                 return "${user.email!''}" || undefined;
             <#recover>
@@ -64,4 +64,4 @@
     },
 
 }
-</script>
+</script>

src/bin/build-keycloak-theme/generateFtl/register.ftl

@@ -185,5 +185,59 @@
         return out;
 
     })(),
+    "social": {
+        "displayInfo": (function (){
+            <#attempt>
+                return ${social.displayInfo?c};
+            <#recover>
+            </#attempt>
+        })(),
+        "providers": (()=>{
+
+            <#attempt>
+            <#if social.providers??>
+
+                var out= [];
+
+                <#attempt>
+                <#list social.providers as p>
+                    out.push({ 
+                        "loginUrl": (function (){
+                            <#attempt>
+                                return "${p.loginUrl?no_esc}";
+                            <#recover>
+                            </#attempt>
+                        })(),
+                        "alias": (function (){
+                            <#attempt>
+                                return "${p.alias}";
+                            <#recover>
+                            </#attempt>
+                        })(),
+                        "providerId": (function (){
+                            <#attempt>
+                                return "${p.providerId}";
+                            <#recover>
+                            </#attempt>
+                        })(),
+                        "displayName": (function (){
+                            <#attempt>
+                                return "${p.displayName}";
+                            <#recover>
+                            </#attempt>
+                        })()
+                    });
+                </#list>
+                <#recover>
+                </#attempt>
+
+                return out;
+
+            </#if>
+            <#recover>
+            </#attempt>
+
+        })()
+    }
 }
 </script>

src/lib/components/Login.tsx

@@ -120,7 +120,7 @@ export const Login = memo(({ kcContext, ...props }: { kcContext: KcContext.Login
                             <ul className={cx(props.kcFormSocialAccountListClass, social.providers.length > 4 && props.kcFormSocialAccountDoubleListClass)}>
                                 {
                                     social.providers.map(p =>
-                                        <li className={cx(props.kcFormSocialAccountListLinkClass)}>
+                                        <li key={p.providerId} className={cx(props.kcFormSocialAccountListLinkClass)}>
                                             <a href={p.loginUrl} id={`zocial-${p.alias}`} className={cx("zocial", p.providerId)}>
                                                 <span>{p.displayName}</span>
                                             </a>

src/lib/kcContext.ts

@@ -130,6 +130,15 @@ export declare namespace KcContext {
          * (https://github.com/micedre/keycloak-mail-whitelisting)
          */
         authorizedMailDomains?: string[];
+        social: {
+            displayInfo: boolean;
+            providers?: {
+                loginUrl: string;
+                alias: string;
+                providerId: string;
+                displayName: string;
+            }[]
+        };
     };
 
     export type Info = Common & {

src/lib/kcContextMocks/kcContextMocks.ts

@@ -168,7 +168,10 @@ export const kcRegisterContext: KcContext.Register = {
         "*.yet-another-example.com",
         "*.example.com",
         "hello-world.com"
-    ]
+    ],
+    "social": {
+        "displayInfo": true
+    },
 };
 
 export const kcInfoContext: KcContext.Info = {