Fix Bug 63467: auth via Microsoft is not available

packages/common/constants/index.js

@@ -2,6 +2,7 @@ import ShareGoogleReactSvgUrl from "PUBLIC_DIR/images/share.google.react.svg?url
 import ShareFacebookReactSvgUrl from "PUBLIC_DIR/images/share.facebook.react.svg?url";
 import ShareTwitterReactSvgUrl from "PUBLIC_DIR/images/share.twitter.react.svg?url";
 import ShareLinkedinReactSvgUrl from "PUBLIC_DIR/images/share.linkedin.react.svg?url";
+import ShareMicrosoftReactSvgUrl from "PUBLIC_DIR/images/share.microsoft.react.svg?url";
 
 export const LANGUAGE = "asc_language";
 export const COOKIE_EXPIRATION_YEAR = 31536000000;
@@ -247,6 +248,10 @@ export const providersData = Object.freeze({
     label: "linkedin",
     icon: ShareLinkedinReactSvgUrl,
   },
+  microsoft: {
+    label: "microsoft",
+    icon: ShareMicrosoftReactSvgUrl,
+  },
 });
 export const LoaderStyle = {
   title: "",

packages/common/utils/index.ts

@@ -283,6 +283,8 @@ export function getProviderTranslation(provider, t, linked = false) {
       return t("Common:SignInWithTwitter");
     case "linkedin":
       return t("Common:SignInWithLinkedIn");
+    case "microsoft":
+      return t("Common:SignInWithMicrosoft");
     case "sso":
       return t("Common:SignInWithSso");
   }

public/images/share.microsoft.react.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H9.50383V9.50383H0V0Z" fill="#F25022"/>
+<path d="M10.4961 0H20V9.50383H10.4961V0Z" fill="#7FBA00"/>
+<path d="M0 10.4961H9.50383V19.9999H0V10.4961Z" fill="#00A4EF"/>
+<path d="M10.4961 10.4961H20V19.9999H10.4961V10.4961Z" fill="#FFB900"/>
+</svg>

public/locales/en/Common.json

@@ -239,6 +239,7 @@
   "SignInWithFacebook": "Sign in with Facebook",
   "SignInWithGoogle": "Sign in with Google",
   "SignInWithLinkedIn": "Sign in with LinkedIn",
+  "SignInWithMicrosoft": "Sign in with Microsoft",
   "SignInWithSso": "Sign in with SSO",
   "SignInWithTwitter": "Sign in with Twitter",
   "Size": "Size",