[PM-20026] RTL text direction

app/src/main/java/com/x8bit/bitwarden/ui/auth/feature/enterprisesignon/EnterpriseSignOnScreen.kt

@@ -20,7 +20,6 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -133,7 +132,6 @@ private fun EnterpriseSignOnScreenContent(
         Spacer(modifier = Modifier.height(height = 12.dp))
         Text(
             text = stringResource(id = R.string.log_in_sso_summary),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier

app/src/main/java/com/x8bit/bitwarden/ui/auth/feature/loginwithdevice/LoginWithDeviceScreen.kt

@@ -27,7 +27,6 @@ import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -136,7 +135,6 @@ private fun LoginWithDeviceScreenContent(
     ) {
         Text(
             text = state.title(),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.headlineMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier
@@ -148,7 +146,6 @@ private fun LoginWithDeviceScreenContent(
 
         Text(
             text = state.subtitle(),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier
@@ -160,7 +157,6 @@ private fun LoginWithDeviceScreenContent(
 
         Text(
             text = state.description(),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier
@@ -172,7 +168,6 @@ private fun LoginWithDeviceScreenContent(
 
         Text(
             text = stringResource(id = R.string.fingerprint_phrase),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.titleLarge,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier
@@ -184,7 +179,6 @@ private fun LoginWithDeviceScreenContent(
 
         Text(
             text = state.fingerprintPhrase,
-            textAlign = TextAlign.Start,
             color = BitwardenTheme.colorScheme.text.codePink,
             style = BitwardenTheme.typography.sensitiveInfoSmall,
             minLines = 2,
@@ -223,7 +217,6 @@ private fun LoginWithDeviceScreenContent(
 
         Text(
             text = state.otherOptions(),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier

app/src/main/java/com/x8bit/bitwarden/ui/auth/feature/vaultunlock/VaultUnlockScreen.kt

@@ -31,7 +31,6 @@ import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -333,7 +332,6 @@ fun VaultUnlockScreen(
             } else if (state.showBiometricInvalidatedMessage) {
                 Text(
                     text = stringResource(R.string.account_biometric_invalidated),
-                    textAlign = TextAlign.Start,
                     style = BitwardenTheme.typography.bodyMedium,
                     color = BitwardenTheme.colorScheme.status.error,
                     modifier = Modifier.standardHorizontalMargin(),

app/src/main/java/com/x8bit/bitwarden/ui/platform/components/card/BitwardenInfoCalloutCard.kt

@@ -5,7 +5,6 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.x8bit.bitwarden.ui.platform.theme.BitwardenTheme
@@ -23,7 +22,6 @@ fun BitwardenInfoCalloutCard(
 ) {
     Text(
         text = text,
-        textAlign = TextAlign.Start,
         style = BitwardenTheme.typography.bodyMedium,
         color = BitwardenTheme.colorScheme.text.primary,
         modifier = modifier

app/src/main/java/com/x8bit/bitwarden/ui/platform/components/text/BitwardenClickableText.kt

@@ -21,7 +21,6 @@ import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
@@ -75,7 +74,6 @@ fun BitwardenClickableText(
         }
         Text(
             text = label,
-            textAlign = TextAlign.Start,
             color = color,
             style = style,
         )

app/src/main/java/com/x8bit/bitwarden/ui/platform/feature/settings/accountsecurity/deleteaccountconfirmation/DeleteAccountConfirmationScreen.kt

@@ -23,7 +23,6 @@ import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
@@ -139,7 +138,6 @@ private fun DeleteAccountConfirmationContent(
     ) {
         Text(
             text = stringResource(id = R.string.a_verification_code_was_sent_to_your_email),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier
@@ -162,7 +160,6 @@ private fun DeleteAccountConfirmationContent(
         Spacer(modifier = Modifier.height(12.dp))
         Text(
             text = stringResource(id = R.string.confirm_your_identity),
-            textAlign = TextAlign.Start,
             style = BitwardenTheme.typography.bodyMedium,
             color = BitwardenTheme.colorScheme.text.primary,
             modifier = Modifier

app/src/main/java/com/x8bit/bitwarden/ui/platform/feature/settings/accountsecurity/loginapproval/LoginApprovalScreen.kt

@@ -25,7 +25,6 @@ import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.semantics.semantics
 import androidx.compose.ui.semantics.testTag
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -183,7 +182,6 @@ private fun LoginApprovalContent(
 
         Text(
             text = state.fingerprint,
-            textAlign = TextAlign.Start,
             color = BitwardenTheme.colorScheme.text.codePink,
             style = BitwardenTheme.typography.sensitiveInfoSmall,
             modifier = Modifier

app/src/main/java/com/x8bit/bitwarden/ui/platform/feature/settings/accountsecurity/pendingrequests/PendingRequestsScreen.kt

@@ -35,9 +35,11 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.LayoutDirection
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.Lifecycle
@@ -286,7 +288,6 @@ private fun PendingRequestItem(
             text = stringResource(id = R.string.fingerprint_phrase),
             style = BitwardenTheme.typography.labelMedium,
             color = BitwardenTheme.colorScheme.text.primary,
-            textAlign = TextAlign.Start,
             modifier = Modifier.fillMaxWidth(),
         )
 
@@ -296,7 +297,6 @@ private fun PendingRequestItem(
             text = fingerprintPhrase,
             color = BitwardenTheme.colorScheme.text.codePink,
             style = BitwardenTheme.typography.sensitiveInfoSmall,
-            textAlign = TextAlign.Start,
             modifier = Modifier
                 .testTag("FingerprintValueLabel")
                 .fillMaxWidth(),
@@ -313,14 +313,17 @@ private fun PendingRequestItem(
                 text = platform,
                 style = BitwardenTheme.typography.bodyMedium,
                 color = BitwardenTheme.colorScheme.text.secondary,
-                textAlign = TextAlign.Start,
             )
             Spacer(modifier = Modifier.width(width = 16.dp))
             Text(
                 text = timestamp,
                 style = BitwardenTheme.typography.labelSmall,
                 color = BitwardenTheme.colorScheme.text.secondary,
-                textAlign = TextAlign.End,
+                textAlign = if (LocalLayoutDirection.current == LayoutDirection.Rtl) {
+                    TextAlign.Left
+                } else {
+                    TextAlign.Right
+                },
             )
         }
     }

app/src/main/java/com/x8bit/bitwarden/ui/platform/feature/settings/exportvault/ExportVaultScreen.kt

@@ -26,7 +26,6 @@ import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.KeyboardType
-import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
@@ -276,7 +275,6 @@ private fun ExportVaultScreenContent(
 
             Text(
                 text = stringResource(id = R.string.send_verification_code_to_email),
-                textAlign = TextAlign.Start,
                 style = BitwardenTheme.typography.bodyMedium,
                 color = BitwardenTheme.colorScheme.text.primary,
                 modifier = Modifier

app/src/main/java/com/x8bit/bitwarden/ui/platform/theme/BitwardenTheme.kt

@@ -16,7 +16,10 @@ import androidx.compose.runtime.ReadOnlyComposable
 import androidx.compose.runtime.SideEffect
 import androidx.compose.runtime.compositionLocalOf
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.platform.LocalLayoutDirection
 import androidx.compose.ui.platform.LocalView
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.LayoutDirection
 import androidx.core.view.WindowCompat
 import com.x8bit.bitwarden.ui.platform.components.field.interceptor.IncognitoInput
 import com.x8bit.bitwarden.ui.platform.feature.settings.appearance.model.AppTheme
@@ -30,6 +33,7 @@ import com.x8bit.bitwarden.ui.platform.theme.shape.bitwardenShapes
 import com.x8bit.bitwarden.ui.platform.theme.type.BitwardenTypography
 import com.x8bit.bitwarden.ui.platform.theme.type.bitwardenTypography
 import com.x8bit.bitwarden.ui.platform.theme.type.toMaterialTypography
+import com.x8bit.bitwarden.ui.platform.theme.type.updateTextAlign
 
 /**
  * Static wrapper to make accessing the theme components easier.
@@ -101,6 +105,15 @@ fun BitwardenTheme(
         else -> lightBitwardenColorScheme
     }
 
+    // Update text alignment according to the current layout direction.
+    val textAlign =
+        if (LocalLayoutDirection.current == LayoutDirection.Rtl) {
+            TextAlign.Right
+        } else {
+            TextAlign.Left
+        }
+    val bitwardenTypography = bitwardenTypography.updateTextAlign(textAlign)
+
     // Update status bar according to scheme
     val view = LocalView.current
     if (!view.isInEditMode) {

app/src/main/java/com/x8bit/bitwarden/ui/platform/theme/type/BitwardenTypography.kt

@@ -2,6 +2,7 @@ package com.x8bit.bitwarden.ui.platform.theme.type
 
 import androidx.compose.runtime.Immutable
 import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextAlign
 
 /**
  * Defines all the text-styles for the app.
@@ -28,3 +29,31 @@ data class BitwardenTypography(
     val sensitiveInfoMedium: TextStyle,
     val eyebrowMedium: TextStyle,
 )
+
+/**
+ * Updates the textAlign property of all text-styles.
+ * @param newTextAlign The new text alignment to be used.
+ */
+fun BitwardenTypography.updateTextAlign(newTextAlign: TextAlign): BitwardenTypography {
+    return this.copy(
+        displayLarge = displayLarge.copy(textAlign = newTextAlign),
+        displayMedium = displayMedium.copy(textAlign = newTextAlign),
+        displaySmall = displaySmall.copy(textAlign = newTextAlign),
+        headlineLarge = headlineLarge.copy(textAlign = newTextAlign),
+        headlineMedium = headlineMedium.copy(textAlign = newTextAlign),
+        headlineSmall = headlineSmall.copy(textAlign = newTextAlign),
+        titleLarge = titleLarge.copy(textAlign = newTextAlign),
+        titleMedium = titleMedium.copy(textAlign = newTextAlign),
+        titleSmall = titleSmall.copy(textAlign = newTextAlign),
+        bodyLarge = bodyLarge.copy(textAlign = newTextAlign),
+        bodyMedium = bodyMedium.copy(textAlign = newTextAlign),
+        bodyMediumEmphasis = bodyMediumEmphasis.copy(textAlign = newTextAlign),
+        bodySmall = bodySmall.copy(textAlign = newTextAlign),
+        labelLarge = labelLarge.copy(textAlign = newTextAlign),
+        labelMedium = labelMedium.copy(textAlign = newTextAlign),
+        labelSmall = labelSmall.copy(textAlign = newTextAlign),
+        sensitiveInfoSmall = sensitiveInfoSmall.copy(textAlign = newTextAlign),
+        sensitiveInfoMedium = sensitiveInfoMedium.copy(textAlign = newTextAlign),
+        eyebrowMedium = eyebrowMedium.copy(textAlign = newTextAlign),
+    )
+}