fix: socialLogin to federatedLogin

Author: amberkamboj77

package-lock.json

@@ -14,7 +14,7 @@
     "validate:mock-file": "node ./scripts/validate-mock-filenames.js"
   },
   "dependencies": {
-    "@auth0/auth0-acul-js": "^0.1.0-beta.5",
+    "@auth0/auth0-acul-js": "0.1.0-beta.7",
     "clsx": "^2.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

package.json

@@ -8,7 +8,7 @@ import { useLoginIdManager } from "../hooks/useLoginIdManager";
 
 // No props needed as it uses hooks internally
 const AlternativeLogins: React.FC = () => {
-  const { loginIdInstance, handleSocialLogin, handlePasskeyLogin, texts } =
+  const { loginIdInstance, handleFederatedLogin, handlePasskeyLogin, texts } =
     useLoginIdManager();
 
   const alternateConnections = loginIdInstance?.transaction
@@ -50,7 +50,7 @@ const AlternativeLogins: React.FC = () => {
               displayName={displayName}
               buttonText={socialButtonText}
               iconComponent={iconComponent}
-              onClick={() => handleSocialLogin(connection.name)}
+              onClick={() => handleFederatedLogin(connection.name)}
             />
           );
         })}

src/screens/login-id/components/AlternativeLogins.tsx

@@ -28,9 +28,9 @@ export const useLoginIdManager = () => {
     );
   };
 
-  const handleSocialLogin = (connectionName: string) => {
-    executeSafely(`Social login with connection: ${connectionName}`, () =>
-      loginIdInstance.socialLogin({ connection: connectionName }),
+  const handleFederatedLogin = (connectionName: string) => {
+    executeSafely(`Federated login with connection: ${connectionName}`, () =>
+      loginIdInstance.federatedLogin({ connection: connectionName }),
     );
   };
 
@@ -44,7 +44,7 @@ export const useLoginIdManager = () => {
   return {
     loginIdInstance,
     handleLoginId,
-    handleSocialLogin,
+    handleFederatedLogin,
     handlePasskeyLogin,
     // Core screen data
     pageTitle,