[LiPS] Verification dialog / full screen design adjustments (#10777)

* WIP.

* Updates colors.

* Adds colors.

* Updates colors.

* Updates darkMode.

* Style fixes.

* Updates screenshots.

* Ktlint fixes.

* Updates colors.

* Updates colors.

* Updates screenshots.

* Merge fixes.

* Updates text color.

* Static analysis.

* Regenerates screenshots.

* Updates comment.

* Adds missing screenshots.

* Adds missing screenshots.

* Fixes screenshots.

* Updates screenshots.

* Updates UI.

* Reverts inline signup changes.

* Reverts inline signup changes.

* Updates test.

* Adds new screenshots.

* Deletes screenshots.

* Reverts screenshots.

* Reverts screenshots.

* Reverts comment.

* Apply custom stroke width only to Link

* Fix lint

---------

Co-authored-by: Till Hellmund <[email protected]>

Author: carlosmuvi-stripe

paymentsheet/api/paymentsheet.api

@@ -533,12 +533,32 @@ public final class com/stripe/android/link/ui/updatecard/ComposableSingletons$Up
 	public final fun getLambda-2$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
 }
 
+public final class com/stripe/android/link/ui/verification/ComposableSingletons$VerificationBodyKt {
+	public static final field INSTANCE Lcom/stripe/android/link/ui/verification/ComposableSingletons$VerificationBodyKt;
+	public fun <init> ()V
+	public final fun getLambda-1$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
+	public final fun getLambda-2$paymentsheet_release ()Lkotlin/jvm/functions/Function3;
+}
+
+public final class com/stripe/android/link/ui/verification/ComposableSingletons$VerificationDialogKt {
+	public static final field INSTANCE Lcom/stripe/android/link/ui/verification/ComposableSingletons$VerificationDialogKt;
+	public fun <init> ()V
+	public final fun getLambda-1$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
+	public final fun getLambda-2$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
+}
+
 public final class com/stripe/android/link/ui/verification/ComposableSingletons$VerificationScreenKt {
 	public static final field INSTANCE Lcom/stripe/android/link/ui/verification/ComposableSingletons$VerificationScreenKt;
 	public fun <init> ()V
 	public final fun getLambda-1$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
-	public final fun getLambda-2$paymentsheet_release ()Lkotlin/jvm/functions/Function3;
-	public final fun getLambda-3$paymentsheet_release ()Lkotlin/jvm/functions/Function2;
+}
+
+public final class com/stripe/android/link/ui/verification/VerificationDialogKt {
+	public static final fun VerificationDialogPreview (Landroidx/compose/runtime/Composer;I)V
+}
+
+public final class com/stripe/android/link/ui/verification/VerificationScreenKt {
+	public static final fun VerificationPreview (Landroidx/compose/runtime/Composer;I)V
 }
 
 public final class com/stripe/android/link/ui/verification/VerificationViewState$Creator : android/os/Parcelable$Creator {

paymentsheet/detekt-baseline.xml

@@ -52,6 +52,8 @@
     <ID>LongMethod:USBankAccountForm.kt$@Composable private fun BillingDetailsForm( instantDebits: Boolean, formArgs: FormArguments, enabled: Boolean, isPaymentFlow: Boolean, nameController: TextFieldController, emailController: TextFieldController, phoneController: PhoneNumberController, addressController: AddressController, lastTextFieldIdentifier: IdentifierSpec?, sameAsShippingElement: SameAsShippingElement?, )</ID>
     <ID>LongMethod:USBankAccountFormViewModel.kt$USBankAccountFormViewModel$private fun createNewPaymentSelection( resultIdentifier: ResultIdentifier, last4: String?, bankName: String?, billingDetails: PaymentMethod.BillingDetails, ): PaymentSelection.New.USBankAccount</ID>
     <ID>LongMethod:UpdatePaymentMethodUI.kt$@Composable internal fun UpdatePaymentMethodUI(interactor: UpdatePaymentMethodInteractor, modifier: Modifier)</ID>
+    <ID>LongMethod:VerificationBody.kt$@Composable internal fun VerificationBody( state: VerificationViewState, otpElement: OTPElement, onBack: () -> Unit, onFocusRequested: () -> Unit, didShowCodeSentNotification: () -> Unit, onChangeEmailClick: () -> Unit, onResendCodeClick: () -> Unit, )</ID>
+    <ID>LongMethod:VerificationScreenshotTest.kt$VerificationScreenshotTest.Companion$private fun testCases(isDialog: Boolean): List&lt;TestCase></ID>
     <ID>MagicNumber:NewPaymentMethodTabLayoutUI.kt$.3f</ID>
     <ID>MagicNumber:NewPaymentMethodTabLayoutUI.kt$.4f</ID>
     <ID>MagicNumber:NewPaymentMethodTabLayoutUI.kt$.5f</ID>

paymentsheet/res/values/strings.xml

@@ -55,6 +55,8 @@ to be saved and used in future checkout sessions. -->
   <string name="stripe_link_update_card_title">Update card</string>
   <!-- Instructs the user to enter the code sent to their phone number in order to login to Link -->
   <string name="stripe_link_verification_message">Enter the code sent to %s to use your saved information.</string>
+  <!-- Instructs the user to enter the code sent to their phone number in order to login to Link -->
+  <string name="stripe_link_verification_message_short">Enter the code sent to %s.</string>
   <!-- Menu option to update card on the wallet screen on Link native -->
   <string name="stripe_link_wallet_menu_action_update_card">Update card</string>
   <!-- Title of the logout action. -->
@@ -226,6 +228,8 @@ to be saved and used in future checkout sessions. -->
   <string name="stripe_upi_polling_payment_failed_title">Payment failed</string>
   <!-- Title for a button that allows the user to use a different email in the signup flow. -->
   <string name="stripe_verification_change_email">Change email</string>
+  <!-- Title for a button that allows the user to use a different email in the signup flow. -->
+  <string name="stripe_verification_change_email_new">Not you?</string>
   <!-- Text of a notification shown to the user when a login code is successfully sent via SMS. -->
   <string name="stripe_verification_code_sent">Code sent</string>
   <!-- Two factor authentication screen heading -->

paymentsheet/src/main/java/com/stripe/android/link/theme/Color.kt

@@ -140,12 +140,6 @@ internal object LinkThemeConfig {
             selectedColor = LinkTheme.colors.buttonBrand,
             unselectedColor = if (isSystemInDarkTheme()) Neutral700 else LinkTheme.colors.borderDefault
         )
-
-    /**
-     * Scrim color does not have a match in the Link theme, so we use a default color matching Elements.
-     */
-    internal val LinkColors.scrim: Color
-        get() = Color.Black.copy(alpha = 0.32f)
 }
 
 @Composable