[feat] Support Linkedin login via Bridgekeeper (#317)

* add support to linkedin login

app/isomorphic/components/molecules/SocialLogin/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { func, string } from "prop-types";
-import { withFacebookLogin, withGoogleLogin, withAppleLogin } from "@quintype/bridgekeeper-js";
+import { withFacebookLogin, withGoogleLogin, withAppleLogin, withLinkedinLogin } from "@quintype/bridgekeeper-js";
 import { connect, useSelector } from "react-redux";
 import { parseUrl } from "query-string";
 import get from "lodash/get";
@@ -37,12 +37,28 @@ export const SocialLoginBase = ({ googleAppId, facebookAppId }) => {
       <Button color="#3b5998" flat href={serverSideLoginPath} socialButton>
         <span styleName="icon">
           <SvgIconHandler type="facebook" iconStyle={{ color: "#3b5998" }} width="9" height="15" viewBox="0 0 12 21" />
-        </span>{" "}
+        </span>
         Facebook
       </Button>
     );
   };
 
+  const LinkedinLogin = () => {
+    const { serverSideLoginPath } = withLinkedinLogin({
+      scope: "email",
+      emailMandatory: true,
+      redirectUrl: encodeURIComponent(redirectUrl)
+    });
+    return (
+      <Button color="#dd4b39" flat href={serverSideLoginPath} socialButton>
+        <span styleName="icon">
+          <SvgIconHandler type="linkedin" iconStyle={{ color: "#3b5998" }} width="30" height="30" viewBox="0 0 15 20" />
+        </span>{" "}
+        LinkedIn
+      </Button>
+    );
+  };
+
   const GoogleLogin = () => {
     const { serverSideLoginPath } = withGoogleLogin({
       scope: "email",
@@ -81,6 +97,9 @@ export const SocialLoginBase = ({ googleAppId, facebookAppId }) => {
         <li styleName="button">
           <AppleLogin />
         </li>
+        <li styleName="button">
+          <LinkedinLogin />
+        </li>
       </ul>
     </div>
   );

app/isomorphic/components/molecules/SocialLogin/social-login.m.css

@@ -15,7 +15,6 @@
     flex-wrap: wrap;
   }
   .button {
-    min-width: 110px;
     display: flex;
     font-weight: bold;
     justify-content: center;

config/publisher.yml

@@ -13,7 +13,7 @@ publisher:
     is_enable: true
     redirect_Url: "<Domain>/auth/v1/oauth/token"
     callback_Url: "Callback Url"
-    client_id : "Integration-id (number)"
+    client_id: "Integration-id (number)"
     subdomain:
       voices:
         redirect_Url: "<Domain>/api/auth/v1/oauth/token"