fix: normalize action ID for translation lookup in SignIn and SignUp components

Author: brionmario

packages/react/src/components/presentation/SignIn/component-driven/transformer.ts

@@ -117,13 +117,19 @@ const convertActionToComponent = (
   action: {type: string; id: string},
   t: UseTranslation['t'],
 ): EmbeddedFlowComponent => {
+  // Normalize action ID for translation lookup (e.g., "google_auth" -> "google")
+  const normalizedId: string = action.id.replace(/_auth$/, '');
+
   // Use i18n key for button text, fallback to capitalized id
-  const i18nKey = `elements.buttons.${action.id}`;
-  let text = t(i18nKey);
+  const i18nKey: string = `elements.buttons.${normalizedId}`;
+  let text: string = t(i18nKey);
+
   if (!text || text === i18nKey) {
+    // Fallback: format the original action ID
     text = action.id.replace(/_/g, ' ');
     text = text.charAt(0).toUpperCase() + text.slice(1);
   }
+
   return {
     id: generateId('action'),
     type: EmbeddedFlowComponentType.Button,

packages/react/src/components/presentation/SignUp/transformer.ts

@@ -129,10 +129,15 @@ const convertActionToComponent = (
   action: {type: string; id: string},
   t: UseTranslation['t'],
 ): EmbeddedFlowComponent => {
-  const i18nKey: string = `elements.buttons.${action.id}`;
+  // Normalize action ID for translation lookup (e.g., "google_auth" -> "google")
+  const normalizedId: string = action.id.replace(/_auth$/, '');
+
+  // Use i18n key for button text, fallback to capitalized id
+  const i18nKey: string = `elements.buttons.${normalizedId}`;
   let text: string = t(i18nKey);
 
   if (!text || text === i18nKey) {
+    // Fallback: format the original action ID
     text = action.id.replace(/_/g, ' ');
     text = text.charAt(0).toUpperCase() + text.slice(1);
   }